*{padding: 0px;margin: 0px;}

body{
    background-color: #000;
}

p{
    font-family: "EB Garamond", serif;
}

@font-face {
    font-family: 'FuturaLT';
    src: url('../fonts/FuturaLT.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Amelaryas';
    src: url('../fonts/Amelaryas.otf');
    font-weight: normal;
    font-style: normal;
}
html{scroll-behavior: smooth;}
body{    padding-right: 0px !important;letter-spacing: .5px;font-family: 'FuturaLT', sans-serif; transition: all 0.3s ease-in;overflow-x: hidden;background: #070707;}
header{    background-image: linear-gradient(to top, #4a0e1c 0%, #4a0e1c 100%);position: absolute;width: 100%;z-index: 999;padding: 0px 20px;}
header.fixed-header{box-shadow: 0 3px 3px rgb(255 255 255 / 15%);position: fixed;    background: #4a0e1c;}
header.fixed-header .header_in{padding-top: 10px;padding-bottom: 10px;}
header.fixed-header .header_in .fixed-logo{display: block;width: 103px;}
header.fixed-header .header_in .unfixed-logo{display: none;}
header .header_in .fixed-logo{display: none;}
.header_in{display: flex;justify-content: space-between;    padding-top: 12px;padding-bottom: 8px;}
.header_in .head_nav ul{margin: 0;padding: 0;padding-top: 22px;}
.header_in .head_nav ul li{display: inline;padding: 0px 20px;}
.header_in .head_nav ul li a{text-decoration: none;padding-right: 10px;color: #fff;font-size: 16px;text-transform: uppercase;font-family: "EB Garamond", serif;}
.header_in .head_nav ul li a:last-child{margin-right: 0;font-family: "EB Garamond", serif;}
header .logo a img{width: 109px;}
.burger-menu img{cursor: pointer;}
.header_in .head_nav ul li a:hover{color: #fff;}
.main_banner .owl-stage .owl-item .item .banner_area{position:relative;overflow: hidden;}
.main_banner .owl-stage .owl-item .item .banner_area img{border-radius: 0px;
    -webkit-animation: zoom 10s;object-fit: cover;
    animation: scale 20s linear infinite;
    padding: 0;
    width: 100%;}
    @keyframes scale {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }
.main_banner .owl-stage .owl-item .item .container{position: relative;}
.main_banner .owl-stage .owl-item .item .text{width: 100%;left: 0%;right: 0%;bottom: 100px;margin: 0 auto;position: absolute;z-index: 999;display: none}
.main_banner .owl-stage .owl-item .item .text h1{     color: #fff;
    /* font-family: Amelaryas; */
    font-size: 52px;
    /* line-height: 1.6; */
    text-transform: uppercase;
    margin-bottom: 0px;}
.banner_slider .banner-arrow {
        position: absolute;
    bottom: 10px;
    right: 12px;
    z-index: 777;
    margin: 0 auto;
}
.banner_slider .banner-arrow img {
         width: 42px;
    border: 2px solid #ffffffa6;
    border-radius: 50px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}
.banner_slider .banner-arrow:hover img{transform: scale(1.08);}
.whatsapp {
        position: fixed;
    bottom: 100px;
    left: 20px;
    z-index:888;
    top: 50%;
}
.whatsapp a {
            text-decoration: none;    display: block;
}


 .arrow {
      cursor: pointer;
      color: white;
      font-size: 14px;
      margin-left: 5px;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #4a0e1c;
      min-width: 160px;
      top: 100%;
      left: 0;
      z-index: 10;
      flex-direction: column;
        margin-top: 20px;
    }

    .dropdown-content a {
      padding: 10px;
      color: white;
      display: block;
    }

    .dropdown-content a:hover {
      background-color: #fff;
        color: #4a0e1c !important;
    }

    .show {
      display: flex;
    }

    @media (max-width: 768px) {
      ul {
        flex-direction: column;
      }

      .dropdown-content {
        position: static;
        width: 100%;
      }
    }



.whatsapp a img{    width: 28px;
    border-radius: 5px;
    background: #fff;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;}
.container{    max-width: 93%;}
.whatsapp a:hover i{  transform: scale(1.0);
    font-size: 19px;color: #fff;
    background: #a18971;}
.whatsapp a i{      width: 42px;
    background: #a18971d6;transition: ease 1s;
    text-align: center;
    color: #c4c4c4;
    height: 42px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 50px;
}

.contact-link{
    display: grid;
}

.contact-link a{
    color: #fff;
    text-decoration: none;
    color: #f0e3ca;
    font-family: "EB Garamond", serif;
}

.who-i-am{
    padding: 50px 0px;
/*    background-color: #ffffff;*/
}

.we-do-point{
    list-style-type: disclosure-closed;
}

.we-do-point::marker {
    color: #f0e3ca;
}

.we-do-point li{
    color: #f0e3ca;
    padding-bottom: 22px;
    font-family: "EB Garamond", serif;
    font-size: 18px;
}

.we-do-point bold{
    color: #f0e3ca;
    font-weight: 500;
    letter-spacing: 2px;
    font-family: "DM Serif Display", serif;
    font-size: 21px;
}

.ovewview{    position: relative;
    margin-top: 80px;
    background: #fff;}
.ovewview img{width: 100%;}
.ovewview .container .text{    position: absolute;
    top:25%;    max-width: 425px;
    z-index:777;}
.ovewview .container .text h2{    color: #fff;
    text-transform: uppercase;
    font-size: 55px;}
.ovewview .container .text .devider{    width: 160px;
    height: 1px;display: none;
    background: #efefef;
    margin-bottom: 20px;
    margin-top: 15px;}
.ovewview .container .text label{    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;}
.ovewview .container .text p{color: #fff;}
.services{padding: 50px 0px;position: relative;}
.services .heading{text-align: center;margin-bottom: 50px;}
.services .heading a{text-decoration: none;}
.services .heading a:hover h2{    color: #0303df;}
.services .heading h2{ 
    color: #f0e3ca;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 500;
    font-family: "Lobster", sans-serif;
}
.services .heading .devider{width: 130px;
    background: #fff;    margin-top: 10px;
    height: 1px;display: none;
    margin: 0 auto;}
.services .services-slider .banner_area img{
/*    height:410px;*/
    object-fit: cover;
    transition: all 2s ease-in-out;}
.services .services-slider .banner_area .img{position: relative;overflow: hidden;}
.services .services-slider .banner_area:hover img{transform: scale(1.08);}
.services .services-slider .banner_area{position: relative;    overflow: hidden;}
.services .services-slider .banner_area .title{position: absolute;
    bottom: 0px;
    /* border: 1px solid #a18971; */
    width: 100%;
    text-align: center;
    padding: 0px;
    height: 100%;}
.services .services-slider .banner_area .title h3{
    font-weight: 700;
    color: #4a0e1c;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;width: 100%;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    height: 100px;
    padding: 20px;
    background-image: linear-gradient(to top, #ffffff 0%, #ffffff00 100%);}
.services .services-slider .owl-nav{display: none;}
.services .services-slider .owl-dots{display: none;}
.services .more-services{    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 105px;
    z-index: 777;}
.services .more-services a:hover img{    transform: scale(1.08);}
.services .more-services a img{    width: 135px;
    transition: all 0.5s ease-in-out;}

.services .services-slider .owl-item .item {
    margin-top: 0px;
    box-shadow: 0px 0px 10px -4px #f0e3ca;
    padding: 10px;
    background-color: #f0e3ca;
    border-radius: 5px;
    height: 510px;
}

.service-box h3{
    font-size: 22px;
    font-weight: 100;
    padding-top: 16px;
    color: #000;
    font-family: "DM Serif Display", serif;
}

.service-box p{
    color: #000;
    font-weight: 500;
}

footer{    background-color: #440210;}
.ft_block{padding-top: 40px;}
.ft_block .footer-block{     width: 25%;
    float: left;
    text-align: center;
    border: 1px solid #ffffff6e;
    height: 300px;
    padding: 50px 20px;}
.ft_block .footer-block h2{color: #fff;margin-bottom: 30px;}
.ft_block .footer-block .subs a{background: #a18971;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    color: #000;}
.ft_block .footer-block .subs a:hover{background: #fff;}
.ft_block .footer-block .subs a img{width: 17px;margin-left: 10px;}
.ft_block .footer-block h5{     
    color: #f0e3ca;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px;
    font-family: "EB Garamond", serif;
}

.ft_block .footer-block .devider{    height: 1px;
    background: #fff;
    width: 95px;display: none;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 12px;}
.ft_block .footer-block p{color: #f0e3ca;}
.ft_block .footer-block .social{}
.ft_block .footer-block .social a{    position: relative;
    overflow: hidden;
    margin-right: 0px;
    margin-left: 0px;}
.ft_block .footer-block .social a img{    width: 28px;
    border-radius: 5px;
    background: #fff;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ft_block .footer-block .social a{position: relative;overflow: hidden;}
.ft_block .footer-block .social a:hover i{transform: scale(1.08);}
.ft_block .footer-block .social a i{font-size: 16px;    transition: all 0.5s ease-in-out;
    border: 1px solid #f1f1f1;
    padding: 8px;
    color: #c4c4c4;
    border-radius: 50px;
    width: 35px;
    height: 35px;}
.bottom_ft .powered{    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;}
.bottom_ft .powered p{    margin-bottom: 0;
    color:#f0e3ca;}
.ft_block .footer-block .listing{}
.ft_block .footer-block .listing a:hover{color: #fff;}
.ft_block .footer-block .listing a{     color: #f0e3ca;
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    text-decoration: none;
    display: block;
    font-family: "EB Garamond", serif;
}
.ft_block .footer-block .listing span{    color: #c4c4c4;
    position: relative;display: none;
    top: 3px;}
.call-back{    padding-bottom: 70px;
    background: #fff;
    padding-top: 70px;}
.call-back .call-form{    width: 70%;
    margin: 0 auto;}
.call-back .call-form .head{    text-align: center;
    margin-bottom: 50px;}
.call-back .call-form .head h2{
    color: #4a0e1c;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 800;
}
.call-back .call-form .head .devider{width: 130px;
    background:#ffffff;
    margin-top: 10px;display: none;
    height: 1px;
    margin: 0 auto;}
.call-back .call-form .form{}
.call-back .call-form .form .form-group label.error{color: red !important;
    margin-left: 0px;margin-right: 8px;
    margin-top: 5px;}
.call-back .call-form .form .form-group .d-flex label{color: #fff;}
.call-back .call-form .form .form-group{margin-bottom: 25px;}
.call-back .call-form .form .form-group input::placeholder{color: #c4c4c4;}
.call-back .call-form .form .form-group input#check{  margin-left: 20px;  width: 20px;
    margin-right: 8px;}
.call-back .call-form .form .form-group input{
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #4a0e1c;
    padding: 20px;
    box-shadow: none;
    outline: none;
    color: #522b33;
}
.call-back .call-form .form .s_btn{text-align: center;margin-top: 60px;}
.call-back .call-form .form .s_btn img{     transition: all 0.5s ease-in-out;    cursor: pointer;   width: 80px;}

.call-back .call-form .form .s_btn:hover img{    transform: scale(1.08);}
.product #sync1 {
        float: left;
    width: 100%;
}
.product #sync1 .item{position: relative;overflow: hidden;}
.product #sync1 .item img{cursor: pointer;    transition: all 2s ease-in-out;    height: 420px;
    object-fit: cover;}
.product #sync1 .item:hover img{transform: scale(1.08);}

.product #sync2 .item{position: relative;overflow: hidden;}
.product #sync2 .item img{     height: 192px;
    object-fit: cover;   transition: all 0.5s ease-in-out;}
.product #sync2 .item:hover img{transform: scale(1.08);}

.product .right {
    float: left;display: none;
    width: 37%;
    padding-left: 50px;
}
.product .right .hold{position: absolute;    right: 33%;
    z-index: 99;display: none;
    top: 33%;}
.product .right .hold img{width: 110px;}
.product .right .head h2 {
    color: #7d623d;
    font-family: "GFS Didot", serif;
    font-size: 35px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#sync2 {
    margin-top: 40px;
}
#sync2 .owl-nav{display: none;}
.product .right #sync2 .owl-stage-outer .owl-stage {
    padding-left: 0 !important;
}

.services-page{
    background-color: #4a0e1c;
    padding: 50px 0px;
}

/*.product{    margin-top: 80px;}*/
.product .head{text-align: center;margin-bottom: 50px;}
.product .head a{text-decoration: none;}
.product .head a:hover h2{    color: #0303df;}
.product .head h2{ 
        color: #f0e3ca;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 500;
    font-family: "Lobster", sans-serif;
}

.clients .heading h2 {
    color: #4a0e1c;
}

.client-slider img{
    box-shadow: 0px 0px 10px -4px;
        border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clients{
    background-color: #f0e3ca!important;
}

.product .head .devider{width: 130px;
    background: #fff;
    margin-top: 10px;display: none;
    height: 1px;
    margin: 0 auto;}
.product .right .head{text-align: center;width: 81%;}
.product .right .head h3{    text-align: right;
    color: #fff;
    font-size: 32px;}
.product .right .head .text{text-align: right;
    display: block;
    overflow: hidden;}
.product .right .head .text p{     color: #fff;
    width: 300px;
    float: right;
    margin: 10px 0px;}
.product .right .head .more{text-align: right;margin-top: 33px;}
.product .right .head .more a{    background: #a18971;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    color: #000;}
.product .right .head .more a:hover{background: #ffffff;}
.product .right .head .more a img{    width: 17px;
    margin-left: 10px;}
.product{
    overflow: hidden;
/*    background-color: #fff;*/
    padding: 50px 0px;
}

.insight{ background-image: url(../images/insight-bg.jpg);
    padding: 100px 0px;display: none;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;}
.insight .insight-block{display: flex;align-items: center;margin-bottom: 50px;}
.insight .insight-block .left{    min-width: 350px;
    float: left;
    padding-right: 50px;}
.insight .insight-block .left img{width: 65px;margin-bottom: 10px;}
.insight .insight-block .left h3{     color: #ffffff;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.5;}
.insight .insight-block .left h2{    color: #fff;
    text-transform: uppercase;
    font-size: 45px;}
.insight .insight-block .left .devider{width: 130px;
    background: #fff;
    margin-top: 10px;
    height: 1px;}
.insight .insight-block .left label{    color: #fff;
    font-size: 20px;
    margin-top: 22px;}
.insight .insight-block .right.btm-border{border-bottom: 1px solid #a18971;padding-bottom: 40px;}
.insight .insight-block .right{width: auto;float: right;}
.insight .insight-block .right .text{ display: flex;
    align-items: center;
    justify-content: space-between;}
.insight .insight-block .right .img-block{position: relative;overflow: hidden;}
.insight .insight-block .right .img-block img{width: 100%;    transition: all 2s ease-in-out;}
.insight .insight-block .right .img-block:hover img{    transform: scale(1.08);}
.insight .insight-block .right .text .text-in{margin-top: 25px;}
.insight .insight-block .right .text .text-in label{color: #fff;}
.insight .insight-block .right .text .text-in h4{    color: #fff;
    margin-top: 15px;
    margin-bottom: 0;}
.insight .insight-block .right .right-arrow:hover img{transform: scale(1.08);}
.insight .insight-block .right .right-arrow img{cursor: pointer; width: 65px;    transition: all 0.5s ease-in-out;}

.speak{  
    padding: 50px 0px;
    background-image: url(../../img/index/testi-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.speak .head{    text-align: center;
    color: #fff;}
.speak .head p{   
    color: #f0e3ca;
    font-weight: 500
}
.speak .head h2{ 
    color: #f0e3ca;
    text-transform: uppercase;
    font-size: 45px;
        font-family: "Lobster", sans-serif;
}
.speak .head .devider{    width: 130px;
    background: #fff;
    margin-top: 10px;display: none;
    height: 1px;
    margin: 15px auto;}
.speak-slider .slider .owl-nav{display: none;}
.speak-slider .slider .owl-dots{    margin-top: 60px !important;
    display: block;
    width: 55%;text-align: center;
    margin: 0 auto;}
.speak-slider .slider .owl-dots button{    width: 33.33%;
    background: #fff;
    height: 1px;}
.speak-slider .slider .owl-dots button.active{background: #f0e3ca;
    height: 3px;}
.speak-slider .slider .owl-dots button span{}
#counter{color: #c4c4c4;display: none;}
.speak-slider{margin-top: 50px;}
.slider .text{ 
    text-align: center;
    background-color: #f0e3ca;
    padding: 16px;
    border-radius: 7px;
    height: 325px;
}
.slider .text label{  
    color: #4a0e1c;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}
.slider .text p{    
    text-align: justify; 
    color: #111;
    margin-top: 10px;
    font-weight: 600;
}
.slider .text .quote{    text-align: left;
    margin-bottom: 0px;}
.slider .text .quote.quote2{    margin-bottom: 0;
    margin-top: 40px;}
.slider .text .quote.quote2 img{
    float: right;
    bottom: 30px;
    position: relative;
}

.testi-img{
    text-align: center;
}

.testi-img img{
    width: 10%!important;
    display: initial!important;
}

.expertise-ul li{
    padding: 8px 0px;
    font-family: "EB Garamond", serif!important;
    color: #000;
}

.expertise-ul bold{
    font-weight: bolder;
    color: #000;
    font-family: "EB Garamond", serif!important;
    font-size: 19px;
}

.bg-cream{
        background-color: #f0e3ca;
}

.service-page-h h2{
    font-family: "EB Garamond", serif!important;
    font-size: 45px!important;
    padding-bottom: 5px!important;
    color: #000!important;
}

.service-page-h p{
    color: #000!important;
}

.service-page-h h3{
    font-family: "EB Garamond", serif!important;
    color: #000;
}

.slider .text .quote img{    width: 45px;}

.page-banner{position: relative;padding-bottom: 0px;}
.page-banner .banner_area img{width: 100%;object-fit: cover;}
.page-banner .container{position: relative;}
.page-banner .container .text{    position: absolute;
    bottom: 30px;
    z-index: 777;}
.page-banner .container .text h1{    color: #fff;
    font-family: "EB Garamond", serif;
    font-size: 55px;
    line-height: 1.6;
    text-transform: uppercase;   
    margin-bottom: 0px;}
.who-i-am .container .row{align-items: center;}
.who-i-am .img img{
    width: 100%;
}

.who-i-am .img{
    border: 1px solid #f0e3ca;
    padding: 15px;
}
.who-i-am .text{    padding-left: 100px;}
.who-i-am .text h2{
    color: #f0e3ca;
    text-transform: uppercase;
    font-size: 55px;
    font-weight: 500;
    font-family: "Lobster", sans-serif;
    padding-bottom: 15px;
}
.who-i-am .text .devider{    width: 160px;
    height: 1px;
    background: #ccc;
    margin-bottom: 20px;display: none;
    margin-top: 15px;}
.who-i-am .text p{
    color: #fff;
    font-size: 18px;
}

.services-nav{display: none !important;}
.services-page .container.top-nav{    position: relative;
    bottom: 0px;
    left: 0;
    right: 0;}
.services-area.text{    position: absolute;
    bottom: 20px;
    z-index: 999;
    width: 100%;
    text-align: left;}
.services-area.text{  
    bottom: 20px !important;
    width: 100%;
    text-align: left;}
.services-area.text h1{font-size: 55px !important;}
.services-area.text p{color: #fff;margin-top: 20px;margin-bottom: 0;display: none;}
.services-nav #services-lis .item .s_item{    position: relative;
    cursor: pointer;
    background: #070707;
    height: 145px;
    width: 145px;
    border: 1px solid #a18971;
    border-radius: 50%;}
.services-nav #services-lis .item .s_item img{width: 100%;display: none;}
.services-nav #services-lis .item .s_item:hover img{display: block;}
.services-nav #services-lis .item .s_item .text{    position: absolute;
    top: 0;
    left: 0;padding: 20px;
    right: 0;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.services-nav #services-lis .item .s_item .text label{    color: #edeaea;
    font-size: 18px;
    line-height: 1.3;}
.services-nav #services-lis .owl-dots{display: none;}
.services-nav #services-lis .owl-nav{display: block;margin: 0;}
.services-nav #services-lis .owl-nav button{margin: 0;background: none;}
.services-nav #services-lis .owl-nav button img{width: 55px;}
.services-nav #services-lis .owl-nav button.owl-prev{margin: 0;position: absolute;top: 42px;left: 0px;}
.services-nav #services-lis .owl-nav button.owl-next{margin: 0;position: absolute;top: 42px;right: 0px;}
.services-nav #services-lis .owl-stage-outer{width: 85%;margin: 0 auto;}
.archi-main-section{}
.archi-main-section .pro-section{display: flex;margin-top: 15px;margin-bottom:15px;align-items: center;}
.archi-main-section .pro-section .left{width: 50%;float: left;}
.archi-main-section .pro-section .left .img-block{position: relative;overflow: hidden;}
.archi-main-section .pro-section .left .img-block img{width: 100%;transition: all 2s ease-in-out;}
.archi-main-section .pro-section .left .img-block:hover img{transform: scale(1.08);}
.archi-main-section .pro-section .right{width: 50%;float: left;}
.archi-main-section .pro-section .right .text-block h2{
    font-size: 42px;
    text-transform: uppercase;
    font-family: "Lobster", sans-serif;
    color: #f0e3ca;
    padding-bottom: 20px;
}
.archi-main-section .pro-section .right .text-block .devider{    width: 118px;
    height: 1px;display: none;
    background: #ccc;
    margin-bottom: 20px;
    margin-top: 15px;}
.archi-main-section .pro-section .right .text-block p{
    color: #f0e3ca;
    font-size: 18px;
}
.archi-main-section .pro-section .right .text-block{padding: 40px;}
.chat {position: fixed;bottom:45px;right: 10px;z-index: 99;}
.chat ul li {list-style: none;margin-bottom: 8px;}
.chat img {width: 48px;background: #fff;padding: 2px;border-radius: 50px;height: 48px;object-fit: fill;}
  #exampleModal .modal-body form .form-group{margin-bottom: 15px;}
  #exampleModal .modal-body form .form-group input{width: 100%;padding: 8px;border: 1px solid #ddd;background: none;color: #fff;border-radius: 5px;}
  #exampleModal .modal-footer{display: block;text-align: center;}
  #exampleModal .modal-footer button{background: #a18971;border: none;padding: 8px 28px;border-radius: 33px;color: #fff;text-transform: uppercase;}
.portfolio{margin-bottom: 50px;}
.portfolio a{text-decoration: none;}
      .portfolio .port_list{margin-bottom: 40px;}
      .portfolio .port_list .img-block{overflow: hidden;position: relative;}
      .portfolio .port_list .img-block img{height: 315px;object-fit: cover;width: 100%;    transition: all 0.5s ease-in-out;}
       .portfolio .port_list .img-block:hover img{    transform: scale(1.08);}
      .portfolio .port_list h4{color: #a18971;text-align: center;margin-top: 15px;font-size: 22px;margin-bottom: 0;}
      .s_heading p{text-align: center;font-size: 22px;color: #fff;margin-bottom: 40px;}

.video_icon img{    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;}
#videoModal .modal-dialog .modal-content .modal-header{padding: 0;margin: 0;border: none;}
#videoModal .modal-dialog .modal-content .modal-header h5{display: none;}
#videoModal .modal-dialog .modal-content .modal-header button{    position: absolute;
    right: -35px;
    background: none;
    border: none;
    color: #fff;
    font-size: 45px;}
#videoModal .modal-dialog .modal-content .modal-body iframe{height: 80vh;}
.address-row{margin-bottom: 50px;}
    .address-row .add h4{  
        color: #f0e3ca;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
        font-family: "EB Garamond", serif;
}
    .address-row .add .add-block .list{      margin-bottom: 10px;  color: #fff;}
    .address-row .add .add-block .list label{    color: #f0e3ca;
    /* color: #fff; */
    display: block;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 600;
        font-family: "EB Garamond", serif;
}
    .address-row .add .add-block .list p{color: #fff;margin-bottom: 0px;}
    .address-row .add .add-block .list p i{color: #fff;margin-right: 5px;}
    .request{}
    .request h2{color: #f0e3ca;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
        font-family: "EB Garamond", serif;
}
    .request .form{}
    .request .form .control{margin-bottom: 8px;margin-top: 8px;}
    .request .form .control input::placeholder{color: #fff;}
    .request .form .control textarea::placeholder{color: #fff;}
    .request .form .control input{    width: 100%;
    padding: 8px;
    border: 1px solid #f0e3ca;
    background: none;
    color: #fff;
    border-radius: 5px;}
    .request .form .control textarea{width: 100%;
    padding: 8px;
    border: 1px solid #f0e3ca;
    background: none;
    color: #fff;
    border-radius: 5px;
    height: 160px;}
    .request .form .control .sbtn{    margin-top: 25px;}
    .request .form .control .sbtn .submit{    background: #a18971;
    border: none;
    padding: 8px 28px;
    border-radius: 33px;
    color: #fff;
    text-transform: uppercase;}
    .request .form .control .sbtn .submit img{    width: 17px;
    margin-left: 5px;}
#frloadericon{position: absolute;top: 45%;}
#frloadericon img{width: 45px !important;border-radius: 50px;}
.ft_block .footer-block .subs button img{width: 20px;margin-left: 8px;}
#newmsg{padding: 0px;}
input#newsletter_email{margin-bottom: 8px !important;}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 1030px;
    }
}



@media (min-width: 1600px) {
    .our-team .team-list ul li .details .img img{    height: 500px !important;}
    #gallerys .box .box-in img{height: 615px !important;}
    .header_in .head_nav ul li a{font-size: 28px;}
    header .logo a img {width: 115px;}
    .burger-menu img {width: 90px;}
    .main_banner .owl-stage .owl-item .item .text h1{font-size: 85px;}
    .ovewview .container .text h2{font-size: 85px;}
    .ovewview .container .text p{font-size: 26px;}
    .services .heading h2{font-size: 70px;}
    .services .services-slider .banner_area .title h3{font-size: 26px;}
    .product .head h2{font-size: 78px;}
    .speak .head h2{font-size: 78px;}
    .speak .head p{font-size: 26px;}
    .slider .text p{font-size: 26px;}
    .slider .text label{font-size: 28px;}
    .insight .insight-block .left h2{font-size: 78px;}
    .insight .insight-block .left h2{font-size: 78px;}
    .call-back .call-form .form .form-group input{font-size: 26px;}
    .call-back .call-form .form .form-group .d-flex label{font-size: 28px;}
    .ft_block .footer-block h2 {font-size: 32px;}
    .call-back .call-form .head h2{font-size: 78px;}
    .ft_block .footer-block h5{font-size: 28px;}
    .ft_block .footer-block p{font-size: 26px;}
    .ft_block .footer-block .listing a{font-size: 26px;}
    .bottom_ft .powered p{font-size: 26px;}
}

@media (max-width: 1920px) {
    .services-page .container.top-nav{bottom: 195px;}
}
@media (max-width: 1620px) {
    .services-page .container.top-nav{bottom: 190px;}
}
@media (max-width: 1440px) {
    .services-page .container.top-nav{bottom: 170px;}
}


@media (max-width: 1024px) {
    .banner_slider .banner-arrow{display: none;}
    .whatsapp{display: none;}
    .archi-main-section .pro-section .right .text-block{padding: 30px;}
    .archi-main-section .pro-section .right .text-block h2 {font-size: 32px;}
    .services-nav #services-lis .item .s_item .text label{font-size: 16px;}
    .services-page .container.top-nav {bottom: 80px;}
    .our-team .team-list ul li {width: 33% !important;}
    .services-area.text h1 {font-size: 32px !important;}
    .call-back .call-form .form .s_btn img{width: 60px;}
    .ft_block .footer-block h2 {font-size: 22px;}
    .product #sync1 .item img{height: 355px;}
    .main_banner .owl-stage .owl-item .item .text h1{font-size: 45px;}
    .ovewview .container .text h2{font-size: 45px;}
    .services .heading h2{font-size: 45px;}
    .services .services-slider .banner_area .title h3{font-size: 16px;}
    .product .head h2{font-size: 45px;}
    .speak .head h2{font-size: 45px;}
    .slider .text .quote img{width: 28px;}
    .insight .insight-block .left h2{font-size: 45px;}
    .call-back .call-form .head h2{font-size: 45px;}
    .services-area.text p {font-size: 22px !important;}
    .page-banner .container .text h1{font-size: 42px;}
    .who-i-am .text h2{
        font-size: 32px;
                padding-top: 14px;
        padding-bottom: 10px;
    }
    .who-i-am .text {padding-left: 0px;}
    .awards .head h2{font-size: 32px !important;}
    .publications .head h2{font-size: 32px !important;}
    .our-team .head h2{font-size: 32px !important;}
    .main_banner .owl-stage .owl-item .item .banner_area img{
        height: 100%;
        display: none;
    }
    
    .main_banner .owl-stage .owl-item .item .banner_area{
        background-color: #4a0e1c;
        height: 143px;
    }
}

@media (max-width: 912px) {
    .services-page .container.top-nav{position: relative;}
    .main_banner .owl-stage .owl-item .item .text h1 {font-size: 45px;}
     #gallerys ul li{width: 50% !important;}
    .our-team .team-list ul li .details .img img{height: 280px !important;}
}

@media (max-width:768px) {
    .main_banner .owl-stage .owl-item .item .text{bottom: 50px;}
    .services-area.text {bottom: 100px !important;}
}

@media (min-width:541px) {
    .burger-menu{display: none;}
    .hide-on-laptop{display: none;}
    .hide-on-laptop{display: none;}
}

@media (max-width:540px) {
    .hide-on-mobile{display: none;}
    .our-team .team-list ul li .details .img img {height: 250px !important;}
    .archi-main-section .pro-section{margin-top: 0PX;}
    .hide-on-mobile{display: none !important;}
    #services-lis{display: none;}
    .archi-main-section .pro-section .right .text-block h2 {font-size: 36px;}
    .archi-main-section .pro-section .right {width: 100%;float: none;}
    .archi-main-section .pro-section .left {width: 100%;float: none;display: none}
    .archi-main-section .pro-section {display: block;}
    .services-page .container.top-nav {margin-top: 20px;position: inherit;}
    #gallerys ul li{width:100% !important;}
    .our-team .team-list ul li {width: 50% !important;}
    .page-banner .container .text h1 {font-size: 24px !important;}
    .page-banner .container .text{bottom: 20px;}
    .address-row .add h4{font-size: 24px;}
    .request h2{font-size: 24px;}
    .services-area.text {bottom: 0px !important;}
    .services-area.text p{margin-top: 0px;}
    .request {margin-top: 30px;}
    .header_in .head_nav::before{border-bottom: 15px solid #ffffff;
        content: ' ';
        width: 0;
        /* margin: 0 auto; */
        /* text-align: center; */
        height: 0;
        /* left: 0; */
        right: 22px;
        position: absolute;
        top: -15px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;}
    .whatsapp{bottom: 10px;}
    .burger-menu img {width: 50px;}
    .banner_slider .banner-arrow{display: none;}
    .header_in{padding-top: 8px;}
    header{padding: 0px 0px;}
    .ovewview .container .text .devider{margin-bottom: 10px;}
    .main_banner .owl-stage .owl-item .item .text h1 br{display: none;}
    .main_banner .owl-stage .owl-item .item .text {
        bottom: -10px;
        display: block;
        text-align: center;
    }
    .ovewview .container .text{top: 8%;max-width: 95%;left: 0;right: 0;margin: 0 auto;}
    .main_banner .owl-stage .owl-item .item .text h1{
        font-size: 35px;
        text-align: center;
        font-weight: 600;
        font-family: "EB Garamond", serif;
        color: #f0e3ca;
    }
    
    .main_banner .owl-stage .owl-item .item .text p{
        color: #f0e3ca;
    }
    
    .header_in .head_nav {display: none;        position: absolute;
        background: #4a0e1c;
        left: 0;
        right: 0;
        top: 95px;
        z-index: 999;
        border-top: 2px solid #fff;}
    .header_in .head_nav ul li {display: block;padding: 8px 10px;}
    .header_in .head_nav ul{padding-bottom: 10px;}
    header .logo a img {width: 65px;}
    .ovewview .container .text h2 {font-size: 25px;}
    .services .heading h2 {font-size: 40px;}
    .product .head h2 {font-size: 40px;}
    .views-more a{display: flow-root;width: 200px;margin: 0 auto;}
    .speak .head h2 {font-size: 38px;}
    .speak-slider{padding: 0px 0px;}
    .insight .insight-block {display: block;}
    .insight .insight-block .left .devider {margin: 0 auto;}
    .call-back .call-form {width: 100%;}
    .bottom_ft .powered {display: block;}
    .bottom_ft .powered p {text-align: center;}
    .right_logo{text-align: center;margin-top: 20px;}
    .ft_block .footer-block {width: 100%;    height: auto;    padding: 20px;}
    .insight .insight-block .left {min-width: 100%;float: left;padding-right: 0px;margin-bottom: 25px;text-align: center;}
    .call-back .call-form .head h2 {font-size: 28px;}
    .insight .insight-block .left h2 {font-size: 28px;}
}


@media (max-width:430px) {
    .our-team .team-list ul li {width: 100% !important;}
    .our-team .team-list ul li .details .img img {height: auto !important;}
    .main_banner .owl-stage .owl-item .item .text {bottom: 0px;display: block;text-align: center;}
}


.client-section{
    padding: 50px 0px;
    background-color: #fff;
}

.client-section .head h2{
    color: #4a0e1c;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 800;
    text-align: center;
    padding-bottom: 25px;
}