@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html,body { width: 100%; height: 100%; margin: 0; padding: 0}
body {line-height: 1.6; color:#494949;font-family: "Open Sans", sans-serif; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.btn, a, button {webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;-ms-transition: all 250ms ease; transition: all 250ms ease;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ color:#1f2839;font-family: "Playfair Display"}
.all_heading{font-size:38px; font-weight:700;font-family: "Playfair Display", sans-serif;letter-spacing: .04em;color:#1f2839;} 

/*BUTTONS*/
.btn {font-size: 15px;padding-top: 10px;padding-bottom:10px;padding-left: 25px; padding-right: 25px; border-radius:0;letter-spacing:0.5px; border:none; text-transform:uppercase; font-size:14px; font-weight:600}
.btn-primary{  color: #fff; background-color:#b69d74;}
.btn-primary:hover{background-color:#1f2839;}
 
/*FORM CONTROL*/
.form-control{ height: 45px;font-size: 13px;border-radius: 50px;border: 1px solid #be9999;}
.form-control:focus {color: #212529;  outline: 0;border: 1px solid #1f2839;}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*CONTAINER*/
.custom-width{max-width: 1140px} 

/*TEXT COLORS*/
.primary-color{ color:#1f2839}
.text-accent{color:#b69d74}
.text-dark-1{}

/*BACKGROUND COLORS*/
.primary-bg{background:#1f2839}
.light-color-bg{background: #f7f6f4;}
 

/*###################__________SWIPER PAGINATION___________######################*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color:#b69d74;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.navbar-brand .logo{ }
.site-header .navbar .nav-item a{margin-left:12px;margin-right:12px;color:#494949;font-size:14px;font-weight:600;}
.site-header .navbar .nav-item a:hover{color:#000;}
 
/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: rgba(255,255,255, .8); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}
 
/*#####################__________HERO BANNER SECTION __________########################*/
.banner-container{height:550px; width: 100%; background-size:cover; background-position:center top }
.banner-content{display: flex;justify-content: center;align-items: center;height: 100%; max-width: 600px;
margin: 0 auto;color: #7e7d82;}
.banner-section:after {background-image: url("../images/pattern1.png"); position: absolute;content: "";z-index: 1;
top: 0;bottom: 0; width: 100%;opacity: .9;}

/*###################__________About US SECTION___________######################*/

.about-text{ line-height:25px}
.about-image-wrap {padding-left: 10px;padding-top: 10px;z-index: 1;}
.about-image-wrap:after { background:#b69d74;content: "";position: absolute;left:40px; top: -5px;height: calc(100% - -20px);width: calc(100% - 25px); z-index: -1;}

.year-box {position: absolute;padding: 15px 15px 25px 15px;width: 160px; border-radius: 6px;bottom: 30px;left: 30px;-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08); box-shadow: 0 0 30px rgba(0,0,0,.08);-webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);transition: all 350ms cubic-bezier(.37,0,.63,1);background: #fff;text-align: center;
overflow: hidden!important;z-index: 1;}
.year-box .number {position: relative;font-size: 90px;line-height: 90px;font-weight: 700;color: #fff; z-index: 1; display: block; letter-spacing: -1px;}
.year-box .txt {color: #14100c;font-size: 18px;line-height: 1.25em;font-weight: 400; font-style: italic;}
.year-box .number-bg {top: -60px;left: -5px;height: 150px; width: 150px; border-radius: 100%;background-color: #b69d74;z-index: 0; position: absolute;}
.year-box.vert-move { -webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-10px); }}
@keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-5px); }}

/*###################__________Our Practice SECTION___________######################*/ 
 
.practice-inner {background: #263043;display: flex;padding: 35px;}
.practice-inner:hover{background:#1b2434}
.practice-inner .content-part {padding-left: 30px;}
.practice-inner .icon-part img{ width:40px}
.practice-inner .content-part .title {margin-bottom: 10px;font-size: 22px;text-transform: capitalize;line-height: 40px; color:#fff;letter-spacing: .04em;}

/*###################__________Stats Css SECTION___________######################*/   
.stats-info-block .stat-number .counter{font-size: 80px;font-weight: 800;line-height: 120%;}
.stats-info-block .stat-number .stat-big-text{font-size: 50px;font-weight: 200;line-height: 120%;}
.stats-info-title{font-size: 15px;font-weight: 600;line-height: 160%;} 


/*###################__________Testimonials Css SECTION___________######################*/  
.testimonials .item {padding: 40px;position: relative;overflow: hidden;background-color: #fff;
transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;transform-style: preserve-3d;}
.testimonials .item:hover {-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;transform: translate3d(0px, -3px, 0.01px);}
.testimonials .item .review-title .img {width: 60px;height: 60px;border-radius: 50%;overflow: hidden;float: left;
margin-right: 15px;}
.testimonials .item .info p {margin-bottom: 20px;line-height: 1.75em;font-weight: 400;font-size: 18px;}
.testimonials .item .review-title h6 {font-size: 18px;font-weight: 400;margin-bottom: 0;padding-top: 5px;}
.testimonials .item .review-title p {font-weight: 400}

.testimonials .tag {margin-right: 10px;padding: 3px 20px; background-color:#b69d74;
color: #fff;font-size: 18px;font-weight: 400; display: inline-block;vertical-align: middle;}
.testimonials .desc {margin: 0; display: inline-block;vertical-align: middle;display: inherit;font-weight: 400;font-style: italic;}
 
/*###################__________Clients SECTION___________######################*/ 
.Clients-logo-block{display: flex;min-height: 100px;align-items: center;background:#f7f6f4;justify-content: center;border-radius: 5px;padding: 10px;}
.Clients-logo-block img {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; transition: all 0.9s ease}
.Clients-logo-block:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);transform: scale(1.03)} 

/*#####################__________FOOTER__________########################*/
.footer-main{ font-size: 14px; padding-top:50px}
.footerlinks a{ color:#fff; padding-right:10px}
.footerlinks a:hover{ color:#b69d74;}
 
.footer-main .social-handles a{font-size:17px;margin-right: 16px;color:#fff;background:#263043;width: 35px;height: 35px;display: inline-block; text-align: center; border-radius:50px;line-height:35px;}
.footer-main .social-handles a:hover{background:#b69d74; color:#000}
 
.footer-btm .gototop a i{height: 35px; width: 35px; background: #263043; font-size: 14px; color:#fff; display: flex; justify-content: center; align-items: center}
 .footer-btm .gototop a i:hover{background:#b69d74;}
 
 
 /*#################_______ Contact Us page css ________##################*/
.left-side-form{ padding:40px}
.contact-icon-prt {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right:1px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact__icon i{background-color:#b69d74;color: #fff;padding: 5px 10px;width: 46px; height: 46px;justify-content: center;display: flex; align-items: center; border-radius: 50px;}
.contact__icon-txt {margin-left: 15px;}
.contact__icon-txt h4{ color:#444; font-size:17px; text-transform:uppercase;font-weight: 600;}
.contact__icon-txt p{ color:#555; font-size:13px;}
 						
.contact-info-right-side{padding: 50px 40px 40px 40px; color:#fff; }			
.contact-info-right-side .contact-info-block{display: flex;width: 100%; margin-bottom:30px;}
.contact-info-right-side .contact-info-block .icon{font-size:20px; line-height: 1;}
.contact-info-right-side .contact-info-block p, .contact-info-right-side .contact-info-block a{color: rgba(255,255,255,.8); }
			
 

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/


@media screen and (min-width: 1900px) {
 
}

@media screen and (min-width: 1600px) {

}
 
@media screen and (min-width: 1400px) {
   
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {

}

@media (max-width: 576.98px) {
 .isFixed { position:static}
 .navbar-brand { font-size:18px}
 .navbar-toggler { border-color:#997f54;background:#b69d74;}
 .about-us-sec .btn-primary{ width:100%}
 .about-image-wrap {margin-top: 20px}
 .about-image-wrap::after {left: 33px;top: 3px;height: calc(100% - -7px);}
 .all_heading {font-size: 30px;} 
 .footer-btm .gototop a i {display: inline-block;text-align: center;line-height: 35px;}
}