/*common css*/
@font-face {
    font-family: 'Lato';
    src: url('../lato-bold-3.html') format('woff2'),
        url('../woff/lato-bold-3.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../lato-regular-3.html') format('woff2'),
        url('../woff/lato-regular-3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

table, tr, td, th, div, span, ul, input,p,h1, h2, h3, h4, h5, h6, button,li{    font-family: 'Lato' !important;}
.space110{padding: 60px 0;position: relative;}
.title{font-size: 45px;line-height:55px;padding: 10px 0 15px;color: #000;position: relative;font-weight: 600;margin: 0;}
.title span{color: #F48120}
.subtitle{color: #313131;}
p{margin-bottom: 0;color: #000;font-size: 16px;line-height: 22px;font-weight: 400;}
h1,h2,h3{margin: 0}
a{text-decoration: none !important;}
.slick-dots li button::before {font-size: 40px !important;}
.slick-dots li.slick-active button:before,.slick-dots li button:hover:before, .slick-dots li button:focus:before{color: #F48120 !important}
.container, .container-lg, .container-md, .container-sm{max-width: 1320px !important;}
img, svg{max-width:100%;}

/*banner start*/
.home-banner {padding:100px 0 80px;background: url(../png/office-banner.png);height: calc(100vh - 113px);background-size: cover;}
.home-banner .container{height: 100%;}
.home-banner .left {width: 50%;padding: 0 0 60px;}
.home-banner .banner-content{width: 100%;}
.home-banner .banner-head{font-size: 65px;line-height: 70px;color: #fff;font-weight: 600;}
.home-banner .banner-head span{color: #F48120}
.home-banner .banner-subhead { font-size: 18px;line-height: 25px;color: #fff; margin:15px 0 0;width: 70%}
.home-banner .scrollbar span{color: #fff;font-size: 25px;line-height: 30px;font-weight: 600;vertical-align: bottom;margin: 0 0 0 10px;}
.home-banner .scrolling-img{justify-content: end;width: 100%}
.home-banner .scrolling-img img{transition: 0.5s ease}
.home-banner .scrolling-img img:hover{transform: scale(1.1);}
.home-banner .scrolling-img a {display: inline-block;overflow: hidden;margin: 0 10px;}
.home-banner .scrolling-img a:last-child{margin: 0 0 0 10px;}
.home-banner .nav-text{color: #fff}
.fancybox-slide--html .fancybox-close-small.fancybox-button{color: #fff}
.home-banner .nav-a.active{border-top: 5px solid #fff;}

/*faetures start*/
.features-list {margin: 45px 0 0;column-gap: 40px;}
.features-list .features-box {width: 25%;}
.features-list .feature-head {font-size: 20px;line-height: 25px; font-weight: 700;margin: 15px 0 10px; }
.features-list .feature-subhead{color:#313131;}

/*number-count start*/
.numbers {background: url(../png/black-curve.png); padding: 75px 0;}
.numbers img {margin: 0 0 30px;}
.numbers .num-desc{color: #fff;position: relative;}
.numbers .num-desc:after{content: '';border-top: 3px solid #f5821f;display: block;width: 46px; margin: 12px auto 5px;}
.numbers .numbers-list{width: 78%;margin: 0 auto;}
.numbers .title{font-size: 28px;line-height: 37px;color: #fff;width: 28%}
.numbers .number-flex{display: flex;}

/*green-strip start*/
.green-strip { background: url(../png/green-strip.png);padding: 60px 0;}
.green-strip .green-desc {color: #fff;font-size: 22px;line-height: 25px;margin: 0;width: 32%;border-left: 8px solid #37BC56;padding: 0 0 0 10px;}
.green-strip .box-1{width: 64%}
.green-strip .box-2{width: 47%;column-gap: 20px;}
.green-strip .head {font-size: 35px;line-height: 38px;color: #fff;font-weight: 600;}
.green-strip .head span{color: #37BC56}
.green-strip .head span i{font-size: 18px;font-style: inherit;}
.green-strip .green-sub{font-size: 16px;line-height: 20px;color: #fff;}
.green-strip .green-flex{margin: 0 auto;column-gap: 50px;}

/*virtual-view start*/
.virtual-view .heading {width: 30%;}
.virtual-view .left{width: 66%;outline: 4px solid white;outline-offset: -4px;}
.virtual-view .left img{width: 100%;height: auto}

/*history start*/
.history .heading{width: 55%;margin: 0 0 70px;}
.history .history-listing { width: 85%;margin: 0 auto 0;overflow: hidden;}
.history .history-detail{text-align: right;width: 50%;position: relative;padding: 60px 80px 0 0;border-right: 2px solid #707070;}
.history .right-img {width: 50%;text-align: right;padding: 60px 0 0 80px;}
.history .right-img img{width: 100%;height: auto}
.history .start-year {color: #F48120;font-size: 26px;line-height: 28px;margin: 0 0 10px; font-weight: 600;position: relative;}
.history .history-detail:after {content: '';background: url(../svg/history-arrow.svg)no-repeat;width: 17px;position: absolute;height: 73px;transform: rotate(90deg);top: 38px;right: 19px;}
.history .start-head {font-size: 32px;line-height: 36px;font-weight: 600;margin: 0 0 15px;}
.history .start-deatil {color: #000;width: 91%;margin: 0 0 0 auto}
.history .dates{width:90%;margin: 0 0 0 auto; z-index: 3;position: relative;}
.history .bg-year {font-size: 100px;line-height: 76px;font-weight: 600;color: #f7f7f7;writing-mode: vertical-rl;position: absolute;margin: 0;top:60px;left: 0%;}
.history .history-listing-even .right-img {text-align: left;padding: 60px 80px 0 0px;border-right: 2px solid #707070;}
.history .history-listing-even .history-detail {text-align: left;padding: 60px 0px 0 80px;border-right: inherit;}
.history .history-listing-even .dates{margin: 0 auto 0 0;}
.history .history-listing-even .history-detail:after{right: inherit;left: 18px;transform: rotate(270deg);}
.history .history-listing-even .bg-year{left: inherit;right: 0%;  }
.history .history-listing-even .start-deatil{margin: 0 auto 0 0}

/*expirence start*/
.expirence .expirence-list{margin: 50px auto 0;row-gap: 70px;column-gap: 50px;width: 85%;}
.expirence .expirence-box {width: 30%;text-align: center;}
.expirence .expirence-title {font-size: 20px; line-height: 22px;font-weight: 600;margin: 20px 0 10px;}
.expirence .expirence-subtitle{color: #313131;}
.expirence-box img{height: 40px}

/*gallery start*/
.gallery .gallery-left{width: 37%;}
.gallery .gallery-right{width: 58%;justify-content: space-between}
.gallery figure {width: 82%;margin: 0;position: relative;}
.gallery .small-imgs{width: 15%}
.gallery .gallery-img1:hover,.gallery .gallery-img2:hover,.gallery .gallery-img3:hover,.gallery .gallery-img4:hover{transform: scale(1.1);}
.gallery figure img{width: 100%;height: auto;}
.gallery figure:after{content: '';background: #F48120;width: 140px;height:140px;position: absolute;z-index: -1;top: -40px;right: 0;}
.gallery .small-imgs .thumbnail{margin:0 0 15px;padding: 0;border: none;}
.gallery .small-imgs img{ height:auto;width: 100%;transition: 0.6s ease;cursor: pointer;}
.gallery .small-imgs .thumbnail:last-child{margin: 0}
.gallery .container{position: relative;}
.gallery .bg-text {font-size: 160px;line-height: 140px;color: #f7f7f7;position: absolute;bottom: 0;font-weight: 600; z-index: -1;}
#panorama-360-view {width: 100%;height: 465px;}

/*testimonial start*/
.slick-slide{height: auto !important;margin: 15px;}
.testimonial .testimonial-box {padding: 70px 50px;box-shadow: 0px 3px 10px #0000001F;opacity: 0.4;transform: scale(.9);text-align: center;    transition: .5s ease;}
.testimonial .testimonial-box:before{    content: '';background: url(../svg/quote.svg)no-repeat;width: 100%;height: 158px;display: block; position: absolute;left: 0px;top: 0px;}
.testimonial .slick-active .testimonial-box{opacity: 1;transform: scale(1);    transition: .5s ease;}
.testimonial .employee-name {font-size: 30px;line-height: 32px;color: #F48120;font-weight: 600;margin: 0 0 20px;}
.testimonial .employee-review{font-size: 16px;line-height: 25px;color: #313131;}
.testimonial .employee-review strong{color: #000;}
.testimonial .testimonial-slider{margin: 75px 0 0;}

/*side-nav start*/
.navigation-left{position: fixed;top: 23%;left: 2%;}
.navigation-left .nav-a {border-top: 3px solid #A4A4A4;width: 30px;height: 3px;display: block;margin: 0 0 50px 0;}
.navigation-left .nav-a:last-child{margin: 0}
.navigation-left .nav-a.active {border-top: 5px solid #F48120;width: 60px;font-size: 14px;line-height: 27px;color: #6D6D6D;}
.navigation-left .nav-text{    writing-mode: vertical-rl; margin: 0 10px 0 0;font-size: 14px;line-height: 18px; color: #BFB9B9;}

/*modern design start*/
.modern-design{padding: 90px 0 0}
.modern-design:after{background: url(../png/sustanability-fig.png)no-repeat;width: 270px;height: 654px;z-index:-1;content: '';display: block;position: absolute;top: 0;right: 0}
.modern-design .heading{ width: 54%;}
.modern-design .reflected {font-size: 70px;line-height: 85px;color: #c6c4c4;font-weight: 600;opacity: 0.1; top: 28px;position: relative;}
.modern-design .head-sustainable {font-size: 35px;line-height: 40px;margin: 0 0 20px;font-weight: 600;}
.modern-design .subhead-sustainable {color: #313131;margin: 0 0 110px;max-width: 450px;font-size: 18px;line-height: 28px;height: 170px;overflow: auto;}
.modern-design .design-left {width: 54%;}
.modern-design .rightImg{width: 57%;position: absolute;right: 20px;bottom: 0}
.modern-design .pointer{position: absolute;width: 232px}
.modern-design .pointer1 {bottom: 43%;left: 10%;}
.modern-design .pointer2 {bottom: 4%;left: 6%}
.modern-design .pointer3 {bottom: 63%; left: 26%;}
.modern-design .pointer4 {top: 39%;left: 42%;}
.modern-design .pointer5 {bottom: 4%;right: 14%}
.modern-design .pointer6 {bottom: 0px;left: 36%;}
.modern-design .pointer7 {bottom: 28%;left: 26%;}
.modern-design .pointer8 {top: 48%;right: 17%;}
.modern-design .pointer9 {    bottom: 61%;right: 13%;}
.modern-design .pointer-img{width: 232px;display: none;position: relative;z-index: 1}
.modern-design .pointer-mapping{background:#f1862b;cursor:pointer;width: 10px;height: 10px;border-radius: 50%;margin: 0 auto 45px;position:relative;display: flex;justify-content: center;align-items: center;}
.modern-design .pointer-mapping:before{content: '';    border: 9px solid #fff;opacity: 0.28;width: 26px;height: 26px;position: absolute;border-radius: 50%;}
.modern-design .active .pointer-img{display: block;  animation: fade_in_show 0.8s}
.modern-design .active .pointer-mapping{display: none}
.modern-design .slide-hideimg {animation: fade_in_show 0.8s;}
@keyframes fade_in_show {
     0% {opacity: 0; transform: scale(0)}
     100% {opacity: 1;transform: scale(1)}
}
.modern-design label{position: relative;}
.datatitle {font-size: 14px;width: max-content;font-weight: normal;display: flex;position: absolute;left: -2em;bottom: 2em;background-color: white;text-align: center;border-radius: 3px;box-shadow: 0 3px 6px rgba(0,0,0,16%);padding: 2px 18px 2px 10px;}
.datatitle img{display: inline-block;margin: 0 7px 0 0;width: 12px;}


/*Responsive start*/

@media (max-height:700px){
    .home-banner{height: inherit;}
}
@media (max-width:1600px){
    .modern-design .pointer-img{width: 198px;}
}

@media(max-width:1500px){
    .home-banner{background-position: top;background-size: cover;}

    /*modern-design start*/
   .modern-design .rightImg{width: 66%;right: 0}
   .modern-design .pointer-img{width: 182px;margin: 0 auto}
   .modern-design .reflected {font-size: 60px;line-height: 75px;}

}
@media (max-width:1200px){
    .title {font-size: 35px;line-height: 45px;}
    .header{padding: 30px 0;}

    /*    home-banner start*/
    .home-banner{height: inherit;padding:130px 0 130px 0;}
    .home-banner .container{height: inherit;}
    .home-banner .left{width: 80%;padding: 0 0 40px}
    .home-banner .banner-head {font-size: 60px;line-height: 71px;}

    /*    numbers-count start*/
    .numbers{padding: 60px 0}

    /*green-strip start*/
    .green-strip{padding: 40px 0;}

    /*    history start*/
    .history .dates{width: 100%}
    .history .bg-year{top: 8%}

    /*expirence start*/
    .expirence .expirence-list{width: 100%;column-gap: 40px;row-gap: 50px}

    /*gallery start*/
    .gallery .gallery-left{width: 40%}

    /*    testimonial strt*/
    .testimonial .testimonial-box{padding: 70px 50px;}

    /*modern-design start*/
    .modern-design{padding: 70px 0 0;}
    .modern-design .heading{width: 60%}
    .modern-design:after{background-size: 70%;background-position: top right}
    .modern-design .reflected{font-size: 50px;line-height: 53px;}
    .modern-design .head-sustainable{font-size: 28px;line-height: 32px;}
    .modern-design .pointer{width: 172px}
    .modern-design .subhead-sustainable{font-size: 16px;margin: 0 0 50px;max-width: 398px;}

}

@media (max-width:1100px){
    .numbers .number-flex{display: block!important;}
    .numbers .title{width: 78%;text-align: center;margin: 0 auto 20px;}
    .numbers .numbers-list{column-gap: 15px;}
}
@media (max-width:991px){
    .title {font-size: 30px;line-height: 35px;}

    /*    home-banner start*/
    .home-banner{padding: 140px 0 80px 0;}
    .home-banner .banner-head {font-size: 46px;line-height: 62px;}
    .home-banner .banner-subhead{font-size: 20px;line-height: 28px;margin: 20px 0 0;width: 100%;}
    .home-banner .left{padding: 0 0 50px;}
    .home-banner .scrollbar span{font-size: 20px}

    /*features-list start*/
    .features-list{margin: 25px 0 0;flex-wrap: wrap;row-gap:40px;column-gap: 30px}
    .features-list .features-box{width: 47%}

    /*    number-count start*/
    .numbers{padding: 40px 0;}
    .numbers .numbers-list{width: 100%}
    .numbers .number-count{font-size: 50px;line-height: 58px;}

    /*history start*/
    .history .heading {width: 80%; margin: 0 0 40px;}
    .history .history-listing{width: 96%}
    .history .history-detail{padding: 30px 50px 0 0;}
    .history .start-head {font-size: 25px;line-height: 30px;}
    .history .start-year{font-size: 22px;line-height: 24px;}
    .history .bg-year {font-size: 94px;line-height: 70px;top: 30px}
    .history .history-detail:after{    height: 51px;top: 17px;right: 6px;background-size: 17px;}
    .history .right-img{padding: 30px 0 0 50px;}
    .history .history-listing-even .right-img{padding: 30px 50px 0 0px;}
    .history .history-listing-even .history-detail{padding: 30px 0 0 50px;}
    .history .history-listing-even .history-detail:after{left: 6px;}


    /*    expirence start*/
    .expirence .expirence-list {margin: 30px auto 0;column-gap: 20px;row-gap: 30px}
    .expirence .expirence-title{font-size: 18px;line-height: 20px;margin: 15px 0 5px;}

    /*numbers start*/
    .numbers .numbers-list{flex-wrap: wrap;row-gap: 30px;}
    .num-box {width: 49%;text-align: center;}

    /*    green-strip strat*/
    .green-strip .green-flex{column-gap: 20px;}
    .green-strip .green-desc {font-size: 18px;line-height: 24px;}
    .green-strip .box-1{width: 74%}
    .green-strip .box-2 {width: 49%;column-gap: 8px;}
    .green-strip .head {font-size: 30px;}

    /*    testimonial start*/
    .testimonial .testimonial-box {padding: 40px 30px;}
    .testimonial .testimonial-slider{margin: 15px 0 0;}
    .testimonial .employee-name{font-size: 22px;line-height: 25px;margin: 0 0 15px;}

    /*modern-design start*/
    .modern-design{padding: 60px 0 0;overflow: hidden;}    
    .modern-design .heading{width: 100%;text-align: center;margin: 0 0 70px}
    .modern-design .reflected{font-size: 40px;line-height: 43px;top: 12px;}
    .modern-design .head-sustainable{font-size: 25px;line-height: 30px;}
    .modern-design .rightImg{right: -50px;}
    .modern-design .pointer-img{width: 122px;}
    .modern-design .pointer{width: 130px;}
    .modern-design .subhead-sustainable{max-width: 378px;}
    .modern-design .pointer1{left: 15%}
}
@media(max-width:825px){
.modern-design .heading{margin: 0}
}

@media (max-width:767px){
    .space110{padding: 40px 0;}
    .title{font-size: 27px;line-height: 33px;}

    /* home-banner start*/
    .home-banner {height:100vh;background: url(../png/office-banner-mobile.png);background-size: cover;background-position: center;}
    .home-banner .left{width: 100%;padding: 0}
[data-aos^=fade][data-aos^=fade].aos-init.left{
    opacity: 1;
        transform: translateZ(0);
    }
    .home-banner .container{align-items: flex-end !important;height: inherit;}
    .home-banner .scrolling-img{margin: 12px 0 0}
    .home-banner .scrollbar span{font-size: 18px;}
    .home-banner .scrollbar img{width: 20px;}
    .home-banner .scrolling-img img{width: 100%}
    .home-banner .scroller{flex-direction: column-reverse;text-align: center;align-items: center !important;row-gap: 30px;}

    .banner-scrolling-img {padding: 30px 0}
    .banner-scrolling-img  .scrolling-img .grid {display: inline-block;overflow: hidden;margin: 0 10px;}
    .banner-scrolling-img .scrolling-img .grid img{width: 100%;height: 100%}
    .banner-scrolling-img .banner-head{font-size: 28px;line-height:35px;text-align: center;}
    .banner-scrolling-img .banner-head span{color: #F48120;}
    .banner-scrolling-img .banner-subhead {font-size: 17px;line-height: 25px;text-align: center;}
    /* features start*/
    .features-list .feature-head {font-size: 18px;line-height: 22px}

    /* numbers start*/
    .numbers{padding: 30px 0;background-position: center;}
    .numbers .title {font-size: 22px;line-height: 32px;width: 100%;margin: 0 auto;}
    .num-box{width: 46%}
    .numbers img{margin: 0 0 10px;    width: 45%; } 
    .numbers .num-box:first-child img{width: 65%}
    .numbers .num-box:nth-child(3) img,.numbers .num-box:nth-child(4) img{width: 25%;}

    /* green-strip start*/
    .green-strip{padding: 30px 0}
    .green-strip .green-desc{width: 100%;margin: 0 0 20px;}
    .green-strip .box-1{width: 100%}

    /* virtual-view start*/
    .virtual-view .virtual-flex{flex-direction: column-reverse;}
    .virtual-view .heading{width: 100%;margin: 0 0 20px;text-align: center;}
    .virtual-view .left{width: 100%}

    /*    history start*/
    .history .heading{width: 100%;margin: 0 0 20px;}
    .history .history-listing{width: 100%}
    .history .history-detail{padding: 25px 30px 0 0;}
    .history .start-head {font-size: 22px;line-height: 22px;margin: 0 0 8px;}
    .history .start-year{font-size: 18px;line-height: 20px;}
    .history .bg-year {font-size: 65px;line-height: 70px;top: 25px}
    .history .history-detail:after{    height:32px;top: 20px;right: 0px;background-size: 12px;}
    .history .right-img{padding: 25px 0 0 20px;}
    .history .history-listing-even .right-img{padding: 25px 30px 0 0px;}
    .history .history-listing-even .history-detail{padding: 25px 0 0 30px;}
    .history .history-listing-even .history-detail:after{left: 0px;}
    .history .start-deatil{font-size: 14px;line-height: 19px;width: 100%}

    /* expirence start*/
    .expirence .expirence-box{width: 47%}
    .expirence .expirence-list{margin: 20px 0 0;}

    /* gallery start*/
    .gallery .gallery-left,.gallery .gallery-right{width: 100%}
    .gallery .bg-text{display: none}
    .gallery figure:after{top: -20px;}
    .gallery .heading{text-align: center;margin: 0 0 30px;}
    #panorama-360-view{height: 385px;}

    /*modern-design start*/
    .modern-design{padding: 40px 0 0}
    .modern-design .design-left{width: 100%}
    .modern-design .rightImg{right: 40px;position: relative;width: 118%}
    .modern-design .reflected{text-align: center;margin:10px 0 0;font-size: 35px;line-height: 38px;}
    .modern-design .head-sustainable{text-align: center;font-size: 20px;line-height: 24px;margin: 0 0 10px;}
    .modern-design .head-sustainable br{display: none}
    .modern-design .subhead-sustainable{max-width: 100%;font-size: 14px;line-height: 20px;text-align: center;height: inherit;margin: 0 0 10px;}
    .modern-design .active .pointer-img{display: none}
    .modern-design .active .pointer-mapping{display: flex;}
    .modern-design .slide-hideimg{animation: auto}
    .modern-design .pointer7{left: 32%}
    .modern-design .subtitle{margin: 0 0 50px;}
    .modern-design .exit:after,.modern-design .exit:before{content:"";top:13px;background:#000!important;width:25px;height:3px}
    .modern-design .slide-hideimg{width:95%;max-width:1000px;border:none;padding:0;position:fixed;top:50%;bottom:0;z-index:9999999;left:50%;transform:translate(-50%,-50%);right:initial;display:none;background:#fff;text-align:center;height:fit-content}
    .bg-opacity{overflow: hidden;}
    .bg-opacity:before{content:"";background:rgb(0 0 0 / 66%);width:100%;height:100%;position:fixed;display:inline-block;z-index:99999}
    .modern-design .exit{position:absolute;top:5px;right:5px;font-size:0;border:none;width:30px;background:0 0;height:30px;padding:0}
    .modern-design .exit:before{transform:rotate(45deg);left:0;position:absolute;z-index:9999}
    .modern-design .exit:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:6px;z-index:99999;position:absolute}
    .modern-design .reflected br{display: none;}
    .modern-design .pointer3 {bottom: 51%;left: 25%;}
    .datatitle{font-size: 13px;padding: 2px 8px 2px 6px;}
    .modern-design .pointer4{left: 46%}
    
}

@media (max-width:575px){
    .home-banner {padding:525px 0 30px 0;}
    .home-banner .banner-head{font-size: 30px;line-height: 40px;}
    .home-banner .banner-subhead{font-size: 16px;line-height: 23px;margin: 10px  0 0;} 
    .banner-scrolling-img .scrolling-img .grid{margin: 0 7px 8px;min-width:38%}
    .banner-scrolling-img .scrolling-img{justify-content: flex-start; flex-wrap: nowrap;min-width: 100%; overflow: auto;}


    /*features-list start*/
    .features-list{column-gap: 10px;row-gap: 30px;}
    .features-list .features-box{width: 100%;text-align: center;}
    [data-aos^=fade][data-aos^=fade].aos-init{
    opacity: 1;
        transform: translateZ(0);
    }

    /*    green-strip start*/
    .green-strip .box-1{justify-content: space-between}
    .green-strip .box-1 img{width: 20%}
    .green-strip .head{font-size: 21px;line-height: 27px;}
    .green-strip .green-sub{font-size: 14px;line-height: 17px;}
    
    /*history start*/
    .history .history-listing{flex-direction: column;}
    .history .history-listing.history-listing-even{flex-direction: column-reverse;}
    .history .history-detail {text-align: left;width: 100%;border-right: none;padding: 40px 0px 0 35px;border-left: 2px solid #707070;margin: 0 0 0 10px;}
    .history .history-listing-first.history-detail{padding: 0 0 0 35px;}
    .history .right-img{text-align: left;width: 100%;border-right: none;padding: 40px 0px 0 35px;border-left: 2px solid #707070;margin: 0 0 0 10px;}
    .history .history-detail:after{right: inherit;left: 0;    transform: rotate(270deg);background-size: 15px;top: 30px;}
    .history .history-listing-first.history-detail:after{top: -10px}
    .history .bg-year{left: inherit;right: 0;font-size: 42px;line-height: 56px;top: 40px}
    .history .heading{margin: 0;text-align: center;}
    .history .history-listing-even .history-detail{padding: 40px 0 0 35px;}
    .history .history-listing-even .right-img{border-right: none;padding: 40px 0px 0 35px;}
    .history .history-listing:first-child .history-detail{padding: 0}
    .history [data-aos=fade-right]{    transform: translate3d(100px,0,0);}

    /*expirence start*/
    .expirence .expirence-list{column-gap: 10px;}
    .expirence .expirence-subtitle{font-size: 14px;}
    .expirence .expirence-title {font-size: 17px;}
    .expirence .expirence-box{width: 100%}

    /*    gallery start*/
    .gallery .gallery-right{flex-direction: column-reverse;}
    .gallery .small-imgs{width: 100%;display: flex;column-gap: 12px;margin: 20px 0 0;}
    .gallery figure{width: 100%}

    /* testimonial start   */
    .testimonial .testimonial-box{padding: 15px;}
    .testimonial .testimonial-slider{margin: 0}
    .testimonial .employee-name {font-size: 20px;line-height: 22px;margin: 0 0 10px;}
    .testimonial .employee-review{font-size: 15px;}

     /*modern-design start*/
    .modern-design:after{display: none}
    .modern-design .reflected{font-size: 28px;line-height: 32px;}
    .modern-design .pointer1{left: 10%;bottom: 32%}
    .modern-design .pointer5{right: 14%;bottom: 0}
    .modern-design .pointer8{top: 54%;right: 12%}
    .modern-design .pointer9{top: 26%;right: 12%}
    .modern-design .pointer,.modern-design .pointer-img{width: 100px;}
}