/* ***** Common Css **** */
:root {
    scroll-behavior: initial;
}

/* .refrences-block figure.refrences-boxfigure {
    position: relative;
    max-width: 80% !important;
} */
.refrences-slider-row {
    width: 46% !important;
}
.refrences-data {
    max-width: 100% !important; 
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
figure{margin: 0;}
a,button {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}
.main-wrpper {
    height: 100%;
    width: 100%;
}
.container{
    max-width: 1260px;
}
h1,h2{
    font-family: "Gloock", serif;
}
/* ***** End Common Css **** */

/* **** Header **** */
header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background: transparent;
    padding: 30px 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
header.nav-new{
    padding: 10px 0;
    background: rgba(255, 255, 255, 1);
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
}
.navbar-expand-md .navbar-toggler{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-flow: column;
    margin: 0 0 0 auto;
}
.navbar-brand img {
    max-width: 100%;
    height: 100px;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
/* **** End Header **** */

/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 40px;padding: 0;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 14px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #353539;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 30px;position: absolute;height: 2px;background-color: #353539;top: 0;right: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;width: 22px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */


/* **** Menu **** */   
.navbar-collapse{
    position: fixed;
    right: -100%;
    top: 0;
    left: auto !important;
    min-height: 100vh;
    background-color: rgba(255, 255, 255, 1); 
    height: 100%;
    width: 400px;
    padding:130px 90px 30px;
    overflow: auto;
    align-items: flex-start;
    justify-content: flex-end;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}   
.navbar-collapse.collapse.show{
    right: 0;
}
.navbar-light .navbar-nav{
    margin: 0 auto;
    background: transparent;
}
.navbar-brand{
    position: relative;
    z-index: 121;
}
.navbar-toggler{
    position: relative;
    z-index: 121;
}
.navbar-light .navbar-nav{
    padding: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
}
.navbar-light .navbar-nav li{
    margin: 0 0 15px;
    width: 100%;
}
.navbar-light .navbar-nav li:last-child{
    margin: 0;
}
.navbar-light .navbar-nav li .nav-link{
    color: #353539;
    font-size: 26px;
    line-height: 36px;
    margin: 0 0;
    letter-spacing: 2px;
    font-family: "Gloock", serif;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.navbar-light .navbar-nav li .nav-link:hover{
    color: #BA9B64;
}
.navbar-light .navbar-nav .nav-link.active{
    color: #BA9B64;
}
body.add-fix{
    overflow: hidden;
}
/* **** End Menu **** */

/* ***** Home Page ***** */
.hero-banner{
    position: relative;
    padding: 30px 0 0;
}
.hero-banner .container{
    position: relative;
}
.hero-banner .container:after{
    position: absolute;
    content: '';
    background: #8F857B;
    width: 478px;
    height:850px;
    border-radius: 0 0 240px 240px;
    top: -30px;
    right:-60px;
    z-index: 1;
}
.hero-banner .row{align-items: center;}
.banner-data{
    max-width: 585px;
}
.banner-data h6{
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #353539;
    margin: 0 0 16px;
}
.banner-data h1{
    font-size: 57px;
    font-weight: normal;
    color: #353539;
    line-height: 67px;
    margin: 0 0 32px;
}
.banner-data p{
    margin: 0 0 32px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    line-height: 22px;
    max-width: 502px;
}
.banner-data .btn-group{
    display: flex;
    align-items: center;
}
.banner-data .btn-group .btn-main{
    display: flex;
    align-items: center;
    padding: 5px 16px 5px 8px;
    background: #BA9B64;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-right: 16px;
}
.banner-data .btn-group .btn-main figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.banner-data .btn-group .btn-main figure img{
    width: 22px;
}
.banner-data .btn-group .btn-main:hover{
    background: #353539;
    color: #fff;
}

.banner-data .btn-group .btn-secondary{
    display: flex;
    align-items: center;
    padding: 4px 16px 4px 8px;
    background: #fff;
    border-radius: 100px;
    font-size: 14px;
    border: 1px solid #BA9B64;
    font-weight: 500;
    color: #BA9B64;
    line-height: 22px;
}
.banner-data .btn-group .btn-secondary figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.banner-data .btn-group .btn-secondary figure img{
    width: 20px;
}
.banner-data .btn-group .btn-secondary:hover figure{
    background: #fff;
}
.banner-data .btn-group .btn-secondary:hover{
    background: #BA9B64;
    color: #fff;
}

.banner-img-box{
    position: relative;
    z-index: 2;
}
.banner-img-box figure.banner-figure{
    position: relative;
    max-width: 505px;
    height: 898px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-img-box figure.banner-figure:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    border: 2px solid #BA9B64;
    border-radius: 260px;
    top: 0;
    left: 0;
}
.banner-img-box figure.banner-figure img.banner-img{
    width: 465px;
    height: 856px;
    border-radius: 240px;
    box-shadow: 0px 628px 250px rgba(0, 0, 0, 0.03), 0px 353px 212px rgba(0, 0, 0, 0.1), 0px 157px 157px rgba(0, 0, 0, 0.17), 0px 39px 86px rgba(0, 0, 0, 0.2);
}
.banner-year{
    position: absolute;
    width: 113px;
    height: 215px;
    background: rgba(217, 217, 217, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 56.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom:100px;
    left: -50px;
    z-index: 5;
}
.pass-year h2{
    font-size: 43px;
    font-weight: normal;
    color: #353539;
    text-align: center;
    margin: 0 auto;
}
.pass-year figure{
    margin: 0 auto 4px;
    display: table;
}
.pass-year p{
    margin: 0 auto;
    width: 65px;
    font-size: 15px;
    font-weight: 700;
    color: #353539;
    text-align: center;
}
.banner-img-box h3{
    margin: 0;
    position: absolute;
    font-family: 'Gloock';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 58px;
    color: rgba(241, 238, 231, 0.2);
    transform: rotate(90deg);
    bottom:45%;
    right:-210px;
}

.why-choose-wrp{
    padding: 67px 0 130px;
    position: relative;
    background: url('../images/why-choose-back.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: -150px 0 0;
}
.why-choose-wrp .row{
    align-items: flex-end;
}
.why-choose-data h6{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #BA9B64;
}
.why-choose-data h2{
    font-size: 57px;
    font-weight: normal;
    color: #fff;
    line-height: 68px;
    margin: 0 0 32px;
}
.why-choose-data ul{
    margin: 0 0 32px;
    display: flex;
    justify-content: space-between;
}
.why-choose-data ul h3{
    margin: 0 0 8px;
    font-size: 64px;
    font-weight: normal;
    font-family: 'Gloock';
    color: #BA9B64;
    line-height: 77px;
}
.why-choose-data ul h4{
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
}
.why-choose-data p{
    margin: 0 0 32px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
    max-width: 502px;
}
.why-choose-data .btn-secondary{
    display: flex;
    align-items: center;
    padding: 5px 32px 5px 32px;
    background: transparent;
    border-radius: 24px;
    font-size: 14px;
    border: 1px solid #BA9B64;
    font-weight: 500;
    color: #BA9B64;
    line-height: 22px;
    width: fit-content;
}
.why-choose-data .btn-secondary figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.why-choose-data .btn-secondary figure img{
    width: 25px;
}
.why-choose-data .btn-secondary:hover{
    background: #000;
    color: #BA9B64;
    border-color: #000;
}

.why-choose-img-rw{
    display: flex;
    align-items: flex-end;
    position: relative;
}
.why-imgbx{
    width: 78%;
    position: relative;
}
.why-imgbx img{
    width: 100%;
    height: 645px;
    object-fit: cover;
    border-radius: 300px 300px 0 0;
}
.why-imgbx:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid #BA9B64;
    border-radius: 300px 300px 0 0;
    background: transparent;
    bottom: -20px;
    left: -20px;
}
.why-imgbx2{
    max-width: 242px;
    position: absolute;
    bottom: 50px;
    right:30px;
}
.why-imgbx2 img{
    width: 100%;
    height: 322px;
    box-shadow: 0px 199px 80px rgba(0, 0, 0, 0.03), 0px 112px 67px rgba(0, 0, 0, 0.1), 0px 50px 50px rgba(0, 0, 0, 0.17), 0px 12px 27px rgba(0, 0, 0, 0.2);
    border-radius: 300px 300px 0px 0px;
    object-fit: cover;
}

.our-service-wrp{
    padding: 60px 0 20px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.services-center{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.service-data{
    max-width: 410px;
}
.service-data h6{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #BA9B64;
}
.service-data h2{
    margin: 0 0 32px;
    font-weight: 400;
    font-size: 57px;
    line-height: 68px;
    color: #353539;
}
.service-data p{
    font-size: 14px;
    font-weight: 300;
    color: #353539;
    line-height: 22px;
    margin: 0 0 32px;
}
.service-data ul li{
    margin: 0 0 32px;
    position: relative;
    padding: 0 0 0 32px;
}
.service-data ul li:after{
    position: absolute;
    content: '';
    width: 16px;
    height: 22px;
    background: url('../images/bullet-ic.svg') 0 0 no-repeat;
    background-size: 100% 100%;
    top: 5px;
    left: 0;
}
.service-data ul li h3{
    font-size: 16px;
    font-weight: bold;
    color: #353539;
    line-height: 24px;
    margin: 0 0 10px;
}
.service-data ul li p{
    margin: 0;
}
.service-data .btn-secondary{
    display: flex;
    align-items: center;
    padding: 5px 32px 5px 32px;
    background: transparent;
    border-radius: 100px;
    font-size: 14px;
    border: 1px solid #BA9B64;
    font-weight: 500;
    color: #BA9B64;
    line-height: 22px;
    width: fit-content;
}
.service-data .btn-secondary figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.service-data .btn-secondary figure img{
    width: 24px;
}
.service-data .btn-secondary:hover{
    background: #000;
    color: #BA9B64;
    border-color: #000;
}
.service-slider-row{
    width: 900px;
    position: relative;
}
.service-slider{
    position: relative;
}
.service-img{
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 8px 0 86px 28px;
}
.service-img figure{
    width: 596px;
    height: 596px;
    border-radius: 100%;
}
.service-img figure:after{
    position: absolute;
    content: '';
    width: 610px;
    height: 610px;
    border-radius: 100%;
    border: 2px solid #BA9B64;
    top: 0;
    left: 0;
}
.service-img figure img{
    width: 596px;
    height: 596px;
    border-radius: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.slick-slide {
    will-change: transform, opacity; /* Improve transition */
}

.slick-slide img {
    transition: filter 0.5s ease-in-out;
}
.service-inner-dt{
    max-width: 540px;
    width: 100%;
    padding: 160px 48px 110px 100px;
    border-radius: 300px 0 0 0;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 15;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.service-inner-dt h2{
    font-size: 55px;
    font-weight: normal;
    color: #353539;
    margin: 0 0 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    max-height: 2.6em; 
    word-break: break-word;
}
.service-inner-dt p{
    font-size: 14px;
    font-weight: 300;
    color: #353539;
    margin: 0;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em; 
    line-height: 1.5em; */
}


.hero__arrows{
    position: absolute;
    bottom:50px;
    right:380px;
    display: flex;
    align-items: center;
}
.hero__arrows .hero__arrow{
    width: 33px;
    height: 33px;
    background: #BA9B64;
    border-radius: 100%;
    line-height: 33px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-right: 12px;
    opacity: 0.50;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.hero__arrows .hero__arrow:last-child{
    margin: 0;
}
.hero__arrows .hero__arrow:hover{
    opacity: 1;
}
.pagingInfo{
    /* position: absolute; */
    bottom:300px;
    right:420px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #fff;
}

#contact-consultation{
    margin: -69px 0 0;
}
.consultation-wrp{
    padding: 95px 0;
    background: #8F857B;
    position: relative;
}
.consultation-wrp .container{
    max-width: 1450px;
}
.consultation-block{
    padding: 0 100px 0 0;
}
.write-us-block h6,
.consultation-block h6{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    text-transform: uppercase;
}
.write-us-block h2,
.consultation-block h2{
    margin: 0 0 15px;
    font-size: 49px;
    font-weight: normal;
    color: #fff;
    line-height: 59px;
    max-width: 525px;
}
.consultation-row .row{
    align-items: flex-end;
}
.consultation-img img{
    width: 90%;
    margin: 0;
}
.consultation-data{
    position: relative;
    padding: 0 0 0 25px;
}
.consultation-data h4{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
}
.consultation-data p{
    font-size: 14px;
    font-weight:300;
    color: #fff;
    line-height: 22px;
    margin: 0 0 24px;
    position: relative;
    z-index: 1;
}
.consultation-data h3{
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height:26px;
}
.consultation-data h3 span{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.consultation-data h5{
    margin: 0;
    font-size: 220px;
    font-weight: normal;
    color: #fff;
    opacity: 0.10;
    top:-80px;
    left: -5px;
    position: absolute;
    font-family: "Gloock", serif;
}
.write-us-block{
    padding: 0;
}
.write-us-block .form-group .form-control{
    padding: 18px 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 0;
    border: none;
    background: #8F857B;
    box-shadow: none;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.60);
    resize: none;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.write-us-block .form-group .form-control::placeholder{
    color: rgba(255, 255, 255, 0.60);
}
.write-us-block .form-group .form-control:focus{
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.write-us-block .form-check-input{
    background-color: transparent;
}
.write-us-block .form-check-input:focus {
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25);
}
.write-us-block .form-check-input:checked {
    background-color: transparent;
    border-color: #ffffff;
}
.write-us-block .form-group label.form-check-label{
    color: #fff;
}
.write-us-block .form-group label.form-check-label a{
    color: #fff;
    text-decoration: underline;
}
.write-us-block .form-group label.form-check-label a:hover{
    color: #bababa;
}

.write-us-block button{
    display: flex;
    align-items: center;
    padding: 5px 32px 5px 32px;
    background: transparent;
    border-radius: 100px;
    font-size: 14px;
    border: 1px solid #fff;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    width: fit-content;
    margin: 35px 0 0;
}
.write-us-block button figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.write-us-block button figure img{
    width: 24px;
}
.write-us-block button:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}

.refrences-wrp{
    position: relative;
    padding: 60px 0 90px;
}
.refrences-slider-row{    
    position: relative;
    width: 58%;
    position: relative;
}
.refrences-slider{
    position: relative;
}
.refrences-block{
    position: relative;
    padding: 0 60px 20px 0;
}
.refrences-block figure.refrences-boxfigure{
    position: relative;
}
.refrences-block figure.refrences-boxfigure img.refrences-boximg{
    width: 100%;
    height: 700px;
    object-fit: cover;
    border-radius: 0 300px 0 0;
}
.refrences-block figure.refrences-boxfigure:after{
    position: absolute;
    content: '';
    width: 102%;
    height: 100%;
    background: transparent;
    border-radius: 0 300px 0 0;
    border: 2px solid #BA9B64;
    border-left: none;
    top: 16px;
    left: -2px;
}
.refrences-location{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 38px 24px 24px;
    border-radius: 0 60px 0 0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.refrences-location h3{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 8px;
    line-height: 24px;
}
.refrences-location p{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
}
.refrences-location p i{
    margin-right: 5px;
}
.refrences-block .banner-year{
    left: auto;
    bottom: auto;
    top: 130px;
    right: -60px;
}
.refrences-block .banner-year .pass-year figure img{
    width: auto;
    height: auto;
}
.refrences-slider-row .hero__arrows2{
    position: absolute;
    bottom: 40px;
    right: 100px;
    display: flex;
    align-items: center;
}
.refrences-slider-row .hero__arrows2 .hero__arrow{
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.refrences-slider-row .hero__arrows2 .hero__arrow i{
    width: 32px;
    height: 32px;
    background: #fff;
    color: #8F857B;
    border-radius: 100%;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.refrences-slider-row .hero__arrows2 .hero__arrow:last-child{
    margin: 0;
}
.refrences-slider-row .hero__arrows2 .hero__arrow:hover{
    background: rgba(186,155, 100, 0.30);
}
.refrences-slider-row .hero__arrows2 .hero__arrow:hover i{
    color: #fff;
    background: #ba9b64;
}

.refrences-center{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.refrences-data{
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-flow: column;
    margin: 0 0 0 auto;
}
.refrences-data h6{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #BA9B64;
}
.refrences-data h2{
    font-size: 57px;
    font-weight: normal;
    color: #353539;
    line-height: 60px;
    margin: 0 0 32px;
}
.refrences-data p{
    font-size: 14px;
    font-weight: normal;
    color: #353539;
    line-height: 22px;
    margin: 0 0 20px;
}
.refrences-data h4{
    font-size: 20px;
    font-weight: bold;
    color: #353539;
    margin: 15px 0 15px;
}
.google-review{
    display: flex;
    align-items: center;
    margin: 0 0 32px;
}
.google-review i{
    color: #000;
    font-size: 42px;
    margin-right: 15px;
}
.google-dt h3{
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 400;
    color: #353539;
    line-height: 22px;
}
.rait-bx{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #BA9B64;
}
.rait-bx span{
    margin-right: 5px;
    color: #BA9B64;
}
.rait-bx i{
    font-size: 14px;
    color: #BA9B64;
    margin-right: 5px;
}
.refrences-data .btn-main{
    padding: 12px 32px;
    border-radius: 50px;
    border: 1px solid #BA9B64;
    font-size: 14px;
    font-weight: 500;
    display: table;
    width: fit-content;
    color: #BA9B64;
}
.refrences-data .btn-main i{
    margin-right: 10px;
    font-size: 18px;
}
.refrences-data .btn-main:hover{
    background: #BA9B64;
    color: #fff;
}
footer{
    position: relative;
}
footer:after{
    position: absolute;
    content: '';
    top: 30px;
    left: 0;
    right: 0;
    width: 100%;
    height: 170px;
    background: url('../images/footer-bg@2x.png') 0 0 no-repeat;
    background-size: 100% 100%;
}
.footer-logo a{
    margin: 0 auto ;
    display: table;
    position: relative;
    z-index: 2;
}
.footer-logo a img{
    margin: 0 auto;
    max-width: 135px;
}
.footer-top{
    background: #353539;
    padding: 45px 0;
}
.footer-data{
    max-width: 715px;
    margin: 0 auto 45px;
}
.footer-data h2{
    font-size: 48px;
    font-weight: normal;
    color: #fff;
    line-height: 52px;
    text-align: center;
    margin: 0 auto 30px;
}
.footer-data p{
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
    text-align: center;
    margin: 0 auto 30px;
}
.footer-data .btn-main{
    padding: 12px 32px;
    border-radius: 50px;
    background: #BA9B64;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.footer-data .btn-main img{
    margin-right: 10px;
}
.footer-data .btn-main:hover{
    background: #000;
    color: #fff;
}
.quicklinks h3{
    font-weight: 700;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin: 0 0 5px;
}
.quicklinks p{
    font-weight: 300;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin: 0;
}
.quicklinks ul li a{
    font-weight: 300;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    width: fit-content;
}
.quicklinks ul li a figure{
    min-width: 15px;
    margin-right: 10px;
}
.quicklinks ul li a:hover{
    color: #BA9B64;
}
.quicklinks ul li{
    margin: 0 0 5px;
}
.quicklinks ul li:last-child{
    margin: 0;
}
.copyright-rw{
    background: #353539;
}
.copyright{
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.copyright p{
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}
.copyright p a{
    color: #fff;
}
.copyright p a:hover{
    text-decoration: underline;
}
/* ***** End Home Page ***** */

/* ***** Service Page **** */
.inner-banner .banner-data{
    max-width: 470px;
}
.service-banner-img{
    position: relative;
    z-index: 5;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 54px 0 0;
}
.service-banner-img figure{
    max-width: 629px;
    position: relative;
}
.service-banner-img figure img{
    width: 629px;
    height: 629px;
    border-radius: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    box-shadow: 0px 277px 111px rgba(0, 0, 0, 0.01), 0px 156px 93px rgba(0, 0, 0, 0.05), 0px 69px 69px rgba(0, 0, 0, 0.09), 0px 17px 38px rgba(0, 0, 0, 0.1);
}
.service-banner-img figure:after{
    width: 643px;
    height: 643px;
    background: transparent;
    border-radius: 100%;
    border: 2px solid #BA9B64;
    position: absolute;
    content: '';
    transition: .4s linear;
    -webkit-transition: .4s linear;
    top: 0;
    left: -28px;
}
.hero-banner.inner-banner .container:after{
    height: 450px;
}

.services-pg-wrp{    
    margin: -50px 0 0;
}
.services-pg-rwbox{
    padding: 100px 0 50px;
    position: relative;
    width: 100%;
    min-height: 675px;
    background: url('../images/service-back.png') 0 0 no-repeat;
    background-size: cover;
}
.services-pg-rwbox:after{
    position: absolute;
    content: '';
    background: #353539;
    opacity: 0.80;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.services-titlebx{
    max-width: 530px;
    margin: 0 auto 40px;
    text-align: center;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
.services-titlebx h6{
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    margin: 0 auto 16px;
}
.services-titlebx h2{
    margin: 0 auto 32px;
    font-weight: 400;
    font-size: 57px;
    line-height: 68px;
    color: #FFFFFF;
}
.services-titlebx p{
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 0 auto;
}

.service-pg-slider-row{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: -350px 0 0;
}
.service-pg-slider-row .container-fluid{
    width: calc(1240px - 15px + (100vw - 1240px)/2);
    margin-right: 0;
    padding: 0;
}
.service-slider-blocks .slick-slide {
    margin: 0 15px;
}
.service-slider-blocks .slick-list {
    margin: 0 -15px;
}
.service-slider-blocks .slick-list {
    padding-left: 0px!important;
}
.service-pg-block{
    position: relative;
}
.service-pg-img img{
    width: 100%;
    height: 550px;
    border-radius: 0 200px 0 0;
    /*box-shadow: 0px 102px 97px rgba(0, 0, 0, 0.01), 0px 96px 42px rgba(0, 0, 0, 0.05), 0px 55px 55px rgba(0, 0, 0, 0.09), 0px 15px 33px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}
.service-pg-data{
    padding: 0 0 30px;
}
.service-pginbox{
    width: 300px;
    height: 300px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin: -150px auto 0;
    text-align: center;
}
.serv-databx{
    padding: 40px;
}
.serv-databx h6{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 auto 9px;
}
.serv-databx h3{
    margin: 0 auto 9px;
    font-family: 'Gloock';
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #353539;
}
.serv-databx p{
    margin: 0;
    font-size: 14px;
    font-weight:300;
    color: #353539;
    line-height: 22px;
}
.service-slider-blocks .slick-prev,
.service-slider-blocks .slick-next{
    position: absolute;
    right:35px;
    left: auto;
    border: none;
    background-color: rgba(255, 255, 255, 0.30);   
    width: 55px;
    height: 55px;
    font-size: 0;
    color: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    top:40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.service-slider-blocks .slick-prev:before,
.service-slider-blocks .slick-next:before {
    width: 32px;
    height: 32px;
    content: "\f061";
    font-family: 'Font Awesome 5 Pro';
    color: #8F857B;
    background: #fff;
    font-weight:400;
    line-height: 32px;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size:15px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.service-slider-blocks .slick-prev {
    left:-30px;
    right: auto;
}
.service-slider-blocks .slick-prev:before {
    content: "\f060";
}
.service-slider-blocks .slick-prev:hover,
.service-slider-blocks .slick-next:hover{
    background: rgba(186,155, 100, 0.30);
}
.service-slider-blocks .slick-prev:hover:before,
.service-slider-blocks .slick-next:hover:before{
    color: #fff;
    background: #ba9b64;
}

.before-wrok-wrp{
    position: relative;
    padding: 30px 0 100px;
}
.before-wrok-wrp .row{
    align-items: center;
}
.work-data h6{
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #BA9B64;
    margin: 0 0 16px;
}
.work-data h2{
    font-weight: 400;
    font-size: 57px;
    line-height: 68px;
    color: #353539;
    margin: 0 0 32px;
}
.work-data h3{
    font-size: 20px;
    font-weight: 500;
    color: #353539;
    line-height: 26px;
    margin: 0 0 32px;
}
.work-data p{
    font-size: 14px;
    font-weight: 300;
    color: #353539;
    line-height: 22px;
    margin: 0 0 32px;
}
.work-data p:last-child{
    margin: 0;
}
.works-img{
    position: relative;
}
.serv-workbox{
    position: relative;    
}
.serv-workbox figure{
    position: relative;
    max-width: 468px;
    width: 100%;
}
.serv-workbox figure:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 300px 300px 0 0;
    border: 2px solid #BA9B64;
    bottom: -19px;
    left: -19px;
}
.serv-workbox figure img{
    width: 100%;
    height: 645px;
    object-fit: cover;
    border-radius: 300px 300px 0 0;
}
.serv-small-img{
    max-width: 242px;
    position: absolute;
    right: 30px;
    bottom: 57px;
}
.serv-small-img img{
    width: 100%;
    height: 322px;
    object-fit: cover;
    border-radius: 300px 300px 0 0;
    box-shadow: 0px 199px 80px rgba(0, 0, 0, 0.03), 0px 112px 67px rgba(0, 0, 0, 0.1), 0px 50px 50px rgba(0, 0, 0, 0.17), 0px 12px 27px rgba(0, 0, 0, 0.2);
}
.service-extra-wrp{
    padding: 47px 0 84px;
}
.service-extra-wrp .works-img{
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.service-extra-wrp .works-img .serv-workbox{
    padding: 0 90px 0 0;
}
.service-extra-wrp .works-img .serv-small-img{
    right: 0;
}

.services-privde-wrp{
    padding: 60px 0;
    position: relative;
    background: #8F857B;
}
.services-privde-wrp .services-titlebx{
    margin: 0 auto 60px;
}
.privide-serv-block{
    max-width: 370px;
}
.privide-ic{
    width: 72px;
    height: 72px;
    margin: 0 0 32px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
}
.privide-serv-block h3{
    font-family: 'Gloock';
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    color: #FFFFFF;
    margin: 0 0 32px;
}
.privide-serv-block p{
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
}
/* ***** End Service Page **** */

/* ***** Refrences Page ***** */
.refrences-pg-wrp{
    padding: 0 0;
    position: relative;
}
.refrences-pg-row{
    padding: 100px 0;
    position: relative;
}
.refrences-pg-row:nth-child(even) .row{
    flex-flow: row-reverse;
}
.refrences-pg-row:after{
    position: absolute;
    content: '';
    width: 508px;
    height: 100%;
    background: #8F857B;
    border-radius: 0 500px 0 0;
    left: 0;
    top: 0;
}
.refrences-pg-row:nth-child(even):after{
    left: auto;
    right: 0;
    left: auto;
    border-radius: 500px 0 0 0;
}
.refrences-pg-image{
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 30px 0 0;
    position: relative;
    z-index: 5;
}
.refrences-pg-row:nth-child(even) .refrences-pg-image{
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 30px;
}
.refrences-pg-image figure{
    max-width: 468px;
    position: relative;
    width: 100%;
}
.refrences-pg-image figure img{
    width: 100%;
    height: 645px;
    border-radius: 300px 300px 0 0;
    object-fit: cover;
    box-shadow: 0px 283px 113px rgba(0, 0, 0, 0.01), 0px 159px 96px rgba(0, 0, 0, 0.05), 0px 71px 71px rgba(0, 0, 0, 0.09), 0px 18px 39px rgba(0, 0, 0, 0.1);
}
.refrences-pg-image h3{
    padding: 24px;
    max-width: 300px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 0px 60px 0px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    margin: 0;
}
.refrences-pg-data h6{
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2em;
    color: #BA9B64;
}
.refrences-pg-data h2{
    margin: 0 0 32px;
    font-weight: 400;
    font-size: 57px;
    line-height: 68px;
    color: #353539;
}
.refrences-pg-data p,
.refrences-pg-data ol{
    font-size: 14px;
    font-weight: 300;
    color: #353539;
    line-height: 22px;
    margin: 0 0 32px;
    padding-left: 1.5rem;
}
.refrences-pg-data ol li{
    list-style: decimal;   
    padding-left: 0.5rem;
}
.refrences-pg-data ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 32px;
}
.refrences-pg-data ul li{
    width: 33.33%;
    padding: 0 8px;
}
.refrences-pg-data ul li figure img{
    width: 100%;
    height: 187px;
    object-fit: cover;
    border-radius: 0 60px 0 0;
}
.refrences-pg-data .btn-main{
    display: flex;
    align-items: center;
    padding: 4px 27px 4px;
    background: #fff;
    border-radius: 24px;
    border: 1px solid #BA9B64;
    font-size: 14px;
    font-weight: 500;
    color: #BA9B64;
    line-height: 22px;
    margin-right: 16px;
    width: fit-content;
}
.refrences-pg-data .btn-main figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.refrences-pg-data .btn-secondary{
    display: flex;
    align-items: center;
    padding: 4px 27px 4px;
    background: #BA9B64;
    border-radius: 24px;
    border: 1px solid #BA9B64;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-right: 16px;
    width: fit-content;
}
.refrences-pg-data .btn-secondary:hover{
    background: #353539;
    color: #fff;
    border: 1px solid #353539;
}
.refrences-pg-data .btn-secondary figure{
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.refrences-pg-data .btn-main figure img{
    width: 22px;
}
.refrences-pg-data .btn-main:hover{
    background: #BA9B64;
    color: #fff;
}
.refrences-pg-data .btn-main:hover figure{
    background: #fff;
}

/* ***** End Refrences Page ***** */

/* ***** Services Page ***** */
.masonry {
  column-count: 3;       
  column-gap: 1rem;      
}

.masonry-item {
  break-inside: avoid;   
  margin-bottom: 1rem;   
}

.masonry-item img {
  width: 100%;
  display: block;
}

.fancybox-bg {
  background: rgb(251, 251, 251) !important;
}

.fancybox-button svg path {
    fill: #000 !important;
}
.fancybox-button:hover svg path {
    fill: #00000070 !important;
}

.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--thumbs,
.fancybox-button--close{
  background: rgba(251, 251, 251, 0.9) !important;
}

.fancybox-button div{
  background: rgba(251, 251, 251, 0.95) !important;
}
/* ***** End Services Page ***** */

/* ***** 404 ***** */
.error-page{
    height: 60vh;
    display: flex;
    align-items: center;
    color: #35353A;
}
.error-page h1{
    font-size: 90px;
    margin-bottom: 1rem;
}
.error-page h2{
    font-size: 50px;
    margin-bottom: 3rem;
}

.error-page button{
    font-size: 20px;
    background-color: #BA9B64;
    border-color: #BA9B64;
    transition: .4s linear;
}
.error-page button:hover{
    background: #353539;
    border-color: #353539;
    color: #fff;
}
/* ***** End 404 ***** */