@font-face {
    font-family: marcellus;
    src: url('../fonts/MarcellusSC-Regular.ttf');
}
 @font-face{
     font-family: marcsmall;
     src: url('../fonts/Marcellus-Regular.ttf');
 }

@font-face {
    font-family: poppin;
    src: url('../fonts/Poppins-Light.ttf');
}

body h1,h2,h3,h4,h5{
    font-family: marcellus ;
}
p{
 font-family: poppin;margin: 0%;
}
a{
    text-decoration: none; color: initial;
}
a:hover{text-decoration: none;}
footer{
    background-color: #121416;width: 100%;
    padding: 60px 0 30px;float: left;
}
.container{
    display: block;
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.sec-desc{
    display: block;width: 100%;
    font-size: 16px;color: #d38360;
    margin: 20px 0;line-height: 1.2;text-align: center;
}
.sec-head{
    font-size: 46px;color: #d38360;width: 100%;
    line-height: 1.2;text-align: center;
}
.right-about{
    padding: 80px 0 0 0px;
}
.number{
    font-size: 20px;color: #080808;
    line-height: 1.46;text-align: left;margin-bottom: 30px;
    position: relative;
}

.right-alig{
    text-align: left;color: #080808;
    margin: 20px 0;
}
.about-para{
    color: #080808b3;line-height: 1.654;
    font-size: 16px;width: 75%;
}
.about{
    width: 250px;margin-top: 30px;margin-bottom: 10px;
    padding: 0px 10px 0 30px;
    border: 1px solid #d38360;
    transition: all 300ms;
}



.anchor{
    text-align: left;color: #d38360;
    font-family: poppin;position: relative;
}
.anchor::after{
    content: "";
    background-image: url('../images/img/r-copy.png');
    background-repeat: no-repeat;background-position: center center;
    height: 20px; width: 20px;
    position: absolute;margin-left: 20px;
}
.about:hover{
border: 1px solid black; background-color: #212121;
}
.about:hover>.anchor{color: white;}
.left-about{
    position: relative;
    padding: 60px 60px;
}
.about_img{
    width: 100%;
}
.videobutton{
    height: 94px;width: 94px;
    left: 50%;top: 50%;
    transform: translate(-50%, -50%);
    display: block;position:absolute;
    border-radius: 50%;overflow: hidden;
    background: radial-gradient(#b29884cc 50%, rgba(107, 77, 51,0.6) 52%);

}

.videobutton::after{
    content: '';
    position: absolute;left: 50%;
    top: 50%;transform: translateX(-40%) translateY(-50%);
    width: 0;height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms ;
}
.videobutton:hover::after{
    border-left: 15px solid #b29884;
    transform: scale(20);
}
.videobutton:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    animation: none;
    border-radius: 0;
}

#award{
    background: #f9f7f7;padding: 80px 0;
}
.gallery_slides .slide_item {background-color: white;padding: 25px; width:23%;margin: 10px;height: 310px;} 
.gallery_slides .slide_item .slide_thumb {display: inline-block;width: 100%;}
.gallery_slides .slide_item .slide_thumb img {display: inline-block;max-width: 100%; min-height: 143px;}
.gallery_slides  .slide_item .slide_title {display: inline-block;}
.gallery_slides  .slide_item .slide_title p{
    font-size: 14px;color: #080808;margin: 10px 0;min-height: 43px;
    line-height: 1.46;text-align: left;
}
.gallery_slides .slide_item .slide_title h5 {display: inline-block;font-size:22px;
    color: rgb(8, 8, 8);margin: 0;
}
.gallery_slides .slick-prev {
    font-size: 0;line-height: 0;
    position: absolute; top: 100%;
    display: block;width: 55px;
    height: 55px;padding: 0;left: calc(100% - 14%);
    background-color: #f6f2f2;z-index: 10000;
    cursor: pointer;color: transparent;border: none;
    outline: 0;border-radius: 50% 0% 0% 50%;
}
.gallery_slides .slick-next{
    font-size: 0;line-height: 0;
    position: absolute;z-index: 10000;
    top: 100%;display: block;
    width: 55px;height: 55px;
    padding: 0;background-color: #f6f2f2;right: 5%;
    cursor: pointer;color: transparent;
    border: none;outline: 0;
    border-radius: 0 50% 50% 0;
}
.gallery_slides .slick-next:before{
content: "";
background-image: url('../images/img/r-arrow.png');background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;position: absolute;
left: 50%;top: 50%;width: 15px;
height: 12px;
margin: -5px 0 0 -5px;
}
.gallery_slides .slick-prev::before {
    content: "";
background-image: url('../images/img/l-arrow.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
position: absolute;
left: 50%;
top: 50%;
width: 15px;
height: 12px;
margin: -5px 0 0 -5px;
    
}
.gallery_slides  .slick-list{padding: 0px 60px 0 0 !important;}
.foot-img{
    display: inline-block; width: 100%;
    margin: 0px 0 40px;
}
.foot-logo{float: left;width: auto;}
.scroll-up{float: right;width: auto;}
.projects{width: 100%;height: 100px;border-top: 1px solid #322e30;
    border-bottom: 1px solid #322e30;display: flex;flex-direction: column;
    justify-content: center;align-content: center;vertical-align: middle;
}
.projects ul{ color: white;
    list-style-type: none;margin: 0;float: left;
    padding: 0;overflow: hidden;line-height: 30px;
    }
.projects ul li{ font-family:marcsmall;
    font-size: 18px;margin: 0 4%;float: right;
}
.project-head{
    font-size: 30px !important;position: relative;
    color: white;float: left;font-family:marcsmall;
    line-height: initial;
}
.high{margin-right: 0 !important;}
.number::after{
    content: "";
    background-image: url('../images/img/bar.png');
    height: 1.3px; width: 100px;
    position: absolute;top: 50%;left:5%;
}
.project-head::after{
    content: "";
    background-image: url('../images/img/bar2.png');
    height: 1.3px; width: 100px;
    position: absolute;top: 50%;margin-left: 18px;
}
.link_row{
    padding: 70px 0 40px;
    border-bottom: 1px solid #343535;
    
}
.quick-link{
    list-style-type: none;
    margin: 0;color: white;
    overflow: hidden;padding: 0;font-family: poppin;
}
.quick-link li{
    font-size: 16px;line-height: 2;
}
.quick-link li::after{
    content: '';
    height: 2px;display: block;
    width: 00%;background-color: #d79370;
}
.quick-link li:hover::after , .quick-link li:hover{
    width: 100%; transition:  0.2s; color: rgb(215, 147, 112);
}

.number2{
    color: white;font-size: 20px;font-family:marcsmall;
    margin-bottom: 1.5rem;
}

.cont{
    text-align: right;
}
.call{color: #d79370;}
.call2{color: #737374;}
.social-media{float: right;margin: 60px 0 0;}
.social-media div{
    border: 1px solid #343535;padding: 26px;
    display: flex;align-items: center;
}
form .form_field {
    float: left;
    width: 90%;
    
    position: relative;
}
form .one-half {
    float: left;margin: 0;
    width: 49%;
}
form .one-full{
    width:98%;
}
form .form_control {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    font-weight: 300;
    font-family:poppin;
    background-color: transparent;
    border: solid 1px #343535;
    padding: 10px 18px;
}
form .mail{
    border-right: 0;
}
form .submitbtn{
    text-align: right;
    border-left: 0;color: #d79370;
}
.sub{
    position: relative;
}
.sub::after{
    content: "";
    background-image: url('../images/img/r-copy.png');
    height: 13px; width:100px;display: inline-block;
    position: absolute;top:35%;left:40%;
    background-repeat: no-repeat;
}

form .form_control:hover, form .form_control:focus {
    border-color: #343535;
    outline: 0;
}
.copyright{font-size: 14px;font-family:poppin;
    padding: 20px 0 0;display: inline-block;
    color: rgb(122, 122, 123);}
.align{
    float: right;word-spacing: 5px;display: none;
}
.align a,.align a:hover{color: rgb(122, 122, 123);}
.top-banner{
    width: 100%;padding: 0;margin: 0 auto;position:absolute;top: 0; height:600px;
    left: 0;right: 0;
}
.video-background {
    background: #000;
    position: static;height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;max-width: 1400px;margin: 0 auto;
  }
  .video-foreground{
    position: absolute;
    /*top: 0;*/
    left: 0;
    width: 100%;height:100vh;
    display: flex;justify-content: center;
  }
  section.homepage_videoherobanner_wrapper {
    margin-top: 80px;
    margin-bottom: 50px;
}
  .video-foreground video{
      height: 100%;width: 100%;max-width: 1400px;object-fit:cover;
  }
.about_slides{width: 100%;position:absolute;top:0;right: 0; background: rgba(0,0,0,0.5);
    padding: 20px;
    height:100%;
    --bs-gutter-x: 0;}
.about_slides .slick-list{height: 100%;}
.about_slides .about_item {display: inline-block;
    position: relative;
    width:100%;margin: 0px;} 

.about_slides  .about_item .about_content {position: absolute;
    left: 3%;width: 100%;height: 100%; top: 0; z-index:99999999;
    display: none;
    flex-wrap: wrap;margin: 0 auto;
    align-items: center;
    height: 100%;z-index:9999999;
}
/* .about_slides  .about_item .about_content .contain{
  
} */
.about_slides  .about_item .about_content  .scont{
    display: inline-block;padding: 0 0 0 6%;
}

.scont h1{
    font-family:marcsmall;color: white;font-size: 44px;
    line-height: 1.369;text-align: left;
}
.scont h2{
    font-family:marcsmall;color: white;font-size: 24px;
    line-height: 1.369;text-align: left;
}

.about_slides .slick-prev {
    font-size: 0;line-height: 0;
    position: absolute; top: 90%;
    display: block;width: 55px;
    height: 55px;padding: 0;left:10%;
    background-color: #d68f6c;z-index: 10000;
    cursor: pointer;color: transparent;border: none;
    outline: 0;border-radius: 50% 0% 0% 50%;
}
.about_slides .slick-next{
    font-size: 0;line-height: 0;
    position: absolute;z-index: 10000;
    top: 90%;display: block;
    width: 55px;height: 55px;
    padding: 0;background-color: #d68f6c;left:calc(10% + 55px);
    cursor: pointer;color: transparent;
    border: none;outline: 0;
    border-radius: 0 50% 50% 0;
}
.about_slides .slick-next::before{
    content: "";
    background-image: url('../images/img/r-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;left: 50%;top: 50%;
    width: 15px;height: 12px;margin: -5px 0 0 -5px;
    
}
.about_slides .slick-prev::before{
    content: "";
    background-image: url('../images/img/l-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;left: 50%;
    top: 50%;width: 15px;height: 12px;
    margin: -5px 0 0 -5px;
}
#site-header{
    position: fixed;
    z-index: 10000;
    padding: 15px 30px 15px 30px;
    color: white;
    top: 0;
    background: #fff !important;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.site-header .container{
    position: static;display: block;
    max-width: 1310px;width: 100%;
    margin: 0 auto;padding: 0 25px;
}
header .site-logo{float: left;}
header .site-logo a{float: left;}
header .site-menu{float: right; padding-top: 10px;}
.menu-wrapper {
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin: 5px 0 0;
    padding: 0;color: white;
    list-style: none;
    display: inline-block;
}
.menu-item{
    line-height: 1.3;position: relative;
    float: left;
    margin: 0 10px;
    padding: 0;
}
.menu-item a{color: darkred;font-family: poppin;display: inline;
font-size: 14px;}

.menu-item::after{
    content: '';
    display: block;width: 0;height: 2px;background:red;
}
.menu-item a:hover{color: #d38360; 
}
.menu-item:hover::after{width: 100%;transition: width .3s;}

.hamb_icon{display: none;}
.down{
    display: none;
    color: white;
    position: absolute;top:88%;
    font-family: poppin;
    right: 20%;
}
.down a{color: white;}
.down span{margin-right: 10px;}

.quick-link li a , .projects ul li a{color: inherit;}


/* --------------------------------------------------------------updated css--------------------------------------------- */

.main-logo{transform: scale(0.9); opacity: 0.8; transition: 0.2s ease-in-out;}
.main-logo:hover{transform: scale(1); opacity: 1;}
.dropMenu {
    position: absolute;width: 200px;
    background: #2c2c2c;
    background: linear-gradient(30deg, #484848, #212121);
    padding: 10px;transition: all 300ms ease-in-out;
    transform: translateY(100px);z-index: 99999;
    font-family: poppin;visibility: hidden;
  }
  .hoverli{position: unset;}
  .hoverli:hover  .dropMenu {
    transform: translateY(3px);
    visibility: visible;
  }
  
  .dropMenu.projectDrop {
    width: 100%;
    left: 0;
  }
  
  .dropMenu a {
    color: #fff;
  }
  .projectDropType {
    margin-bottom: 10px;
}
  .fullwidth {
    width: 100%;
    float: left;
}
.projectDropType ul {
    border-bottom: 1px solid #d38360;
    list-style-type: none;
    padding-bottom: 10px;
}
.dropMenu ul li {
    float: left;
}
.projectDropType a {
    float: left;
    padding: 10px;
    width: 100px;
    background: #000000;
    color: #fff;
    margin: 0 3px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.projectDropType a:hover {
    opacity: 0.8;
    color: #fff;
  }
 .projectDropType a.projDropBtnActive {
    top: 1px;
    opacity: 1;
    background: #d38360;
    color: #000;
    box-shadow: 4px -5px 10px rgb(0 0 0 / 10%);
}
.projMenu {
    display: none;
  }
  
  #projMenu1 {
    display: block;
  }
  
  .projectDropMenu ul {
    width: 100%;list-style-type: none;font-family: poppin; float: left;
  }
  
  .projectDropMenu ul li {
    width: 50%;float: left;padding: 1px;
  }
  
  .projectDropMenu ul li a {
    display: block;font-size: 13px;padding: 10px;
    background: rgba(0, 0, 0, 0.16);
  }
  .projectDropMenu ul li a:hover {
    color: #d38360;
  }
  .s-icon{
      color: white;font-size: 1.1rem;
  }

.social-media div:hover{
    background-color:#fff;border: 1px solid white;transition: .2s ease-in-out;
}
.social-media div:hover>a .s-icon{color: black;font-size: 1.2srem;transition: .2s ease-in-out;}

.compliance_lists .padding {padding-bottom: 0;}
.compliance_lists .associatesContainer {display: none;transition: 0.6s all;-moz-transition: 0.6s all;
    -webkit-transition: 0.6s all;
}
.compliance_lists .associatesContainer.show {display: block;}
.compliance_lists .heading h2 {cursor: pointer;position: relative;}
.compliance_lists .heading h2::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    position: absolute;
    right: -30px;
}
.compliance_lists .heading h2.active::after {content: "\f068";}

/*Animesh CSS Code Start here*/
.contactus-form-wrapper .contactform_header_wraper.heading {
    margin: 0 0 20px 0;
    padding-bottom: 15px;
}
.contactus-form-wrapper .contactform_header_wraper.heading::before {
    left: 0;
    background: #d38360;
}
.contactus-form-wrapper .contactform_header_wraper.heading h4 {
    text-align: left;
    margin: 0 0 5px 0;
    padding-bottom: 0 !important;
}
.contactus-form-wrapper .contactform_header_wraper.heading h2 {
    font-size: 36px;
}

  /* ------------------------------------------------------------------------responsive */

@media screen and (max-width: 1205px){
    .project-head::after{
        height: 1.3px; width: 60px;
    }
    .projects ul li{margin: 0 2%;}
    .social-media div{padding: 18px;}

    .gallery_slides .slick-prev {
        width: 55px;height: 55px;left: calc(100% - 17%);
    }
    .gallery_slides .slick-next{
       width: 55px;height: 55px;right: 5%;
    }
    .left-about{padding: 10px 40px;}
    .about_img{height: 100%;}
}
@media screen and (max-width: 960px){
    .left-about{padding: 10px 15px;}
    .right-about{padding: 80px 20px 0;}
    .project-head::after{
        background-image: none;
    }
    .projects ul li{font-size: 16px;}
    .sec-head{font-size: 36px;}
    .gallery_slides .slick-prev {
        width: 55px;height: 55px;left: calc(100% - 19%);
    }
    .gallery_slides .slick-next{
       width: 55px;height: 55px;right: 5%;
    }
}


@media screen and (max-width: 800px){
.site-menu .hamb_icon {
    display: block !important;
    margin: 5px 22px 0 0;}
.site-menu .hamb_icon img{
    float: right;width:40%;
      }
    .menu-wrapper{display: none;
        width: 220px;
        position: absolute;
        right: 54px;
        top: 70%;
        padding: 5px 12px;
        z-index: 9999;
        background-color: #04080b;
        margin: 0;
        box-shadow: 0 1px 10px 4px #88888859;
    }
    .menu-item{
        width: 100%;
    margin: 6px 0;
    }
    
    .sec-head{font-size: 26px;}
    .about-para{width: 100%;}
    .projectDropType ul {
        padding-left: 0px;
    }
    .projectDropMenu ul {
        
        padding-left: 10px;
    }
    .dropMenu ul li {
        width: 100%;
    }
    .projectDropType a{width: 100%;}
}

@media screen and (max-width: 760px){
    .scont h1{
        font-size: 34px;
    }
    .scont h2{
        font-size: 20px;
    }
    .link_row div{
        padding: 20px 0;
        width: 90%;margin: 0 auto;
    }
    .social-media{float: left;}
    .cont{
        text-align: left;
    }
    .social-media div{padding: 18px;
        display: flex;justify-content: center;width: 49%;
    }
    form .one-half{padding: 0;}
    form .mail{
        border: solid 1px #343535;
    }
    form .submitbtn{
        text-align: right;
        border: solid 1px #343535;color: #d79370;position: relative;
    }
    
    .gallery_slides .slick-prev {
        width: 45px;height: 45px;left: calc(100% - 18%);
    }
    .gallery_slides .slick-next{
       width: 45px;height: 45px;right: 4%;
    }
    .number::after{left: 7%;}
    .project-head{margin: 0 2%;}
    .left-about{display: flex; justify-content: center;}
    .about_img{width: 60%;}
    .right-about{padding: 40px 20px 0;}
}
@media screen and (max-width: 660px){
    .about_slides,.top-banner,.video-foreground{height: 370px;}
    
    header .site-logo a img{width: 70%;}
    #site-header{padding: 30px 0;}

    .projects{display: block;height: auto;padding: 20px 0;}

       .video-background{height: 60%;}


    .projects ul{
        float: unset;
    }
    .project-head{display: block;width: 100%;margin: 10px 2%;}
    .projects ul li{
        float: left;width: 100%;
    }
    .sec-desc{font-size: 12px;}
    .gallery_slides .slick-prev {
        width: 45px;height: 45px;left: calc(100% - 20%);
    }
    .gallery_slides .slick-next{
       width: 45px;height: 45px;right: 3%;
    }
    .scont h1{
        font-size: 24px;
    }
    .scont h2{
        font-size: 14px;
    }
    
    .about_slides .slick-prev {
        width: 45px;height: 45px;
    }
    .about_slides .slick-next{
        width: 45px;height: 45px;left:calc(10% + 45px);  
    }
    
    .video-foreground video source {display: none;}
    .video-foreground video source.mob_video {display: block !important;}
}
@media screen and (max-width: 500px){
     .video-background{height: 51%;}
    .gallery_slides .slick-prev {
        display: none !important;
    }
    .gallery_slides .slick-next{
       display: none !important;
    }
    .gallery_slides .slick-next::before,.gallery_slides .slick-prev::before {
        opacity: 0;display: none;
        
    }
    .gallery_slides  .slick-list{padding: 0px 0px 0 0 !important;}
    .number::after{left: 9%; width: 70px;}
    .videobutton{
        height: 44px;width: 44px;
    }
    .videobutton::after{
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #fff;
    }
    .videobutton:hover::after{
        border-left: 10px solid #b29884;
        transform: scale(20);
    }
    .videobutton:hover::before {
        content:'';
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #fff;
    }
    .fa-play:before {
    content: "";
}
    .about_slides,.top-banner{height: 300px;}
    
    .scont h1{
        font-size: 20px;
    }
    .scont h2{
        font-size: 10px;
        margin: 4px 0;
    }
   
    .about_slides .slick-prev {
        width: 35px;height: 35px;
    }
    .about_slides .slick-next{
        width: 35px;height: 35px;left:calc(10% + 35px);  
    }
}

@media screen and (max-width: 400px){
    .menu-wrapper{width: 150px;}
    
    .down{
        display: none;
    }
    header .site-logo a img{width: 50%;}
    form .one-half{width: 90%;}
    form .mail{
        border: solid 1px #343535;
    }
    form .submitbtn{
        text-align: right;
        border: solid 1px #343535;color: #d79370;position: relative;
    }
    .sec-head{font-size: 18px;}
    .number::after{left: 13%; width: 70px;}
    .about{width: 80%;padding: 10px 5px;}
    .anchor{margin: 5px 0;}
    .about_slides .slick-next,  .about_slides .slick-prev{
        display: none !important;
    }
    .about_slides .about_item img{float: left; width: 100%; height: 300px; }
   
    .about_slides .about_item .about_content {
        top: 00px;
    }
}
@media only screen and (max-width: 800px) {
    header .site-menu {
    padding-top: 5px !important;
}
.menu-item a {
    color: #fff !important;
}
}
@media screen and (max-width: 360px){
    header .site-logo {
        float: left;
        width: 60%;
    }
    header .site-logo a img{width: 80%;}
}
@media screen and (max-width: 260px){
    .anchor::after{
        display: none;
    }
    .foot-logo {
        width: 50%;
    }
    .site-menu .hamb_icon {
        display: block !important;
        margin:0;}
    .site-menu .hamb_icon img{
        float: right;width:30%;
          }
}