/*======================================
GOOGLE FONTS
======================================*/
body {
   font-family: "Lato", sans-serif;
    font-size: 16px;
    color: #444;
    overflow-x: hidden;
}
/* body{
    font-family:'Manrope',sans-serif;
} */

/* h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'DM Serif Display',serif;
} */

a {
    text-decoration: none;
    transition: .3s;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    max-width: 1320px;
}

/*======================================
HEADER
======================================*/

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.navbar {
    padding: 16px 0;
}

.navbar-brand img {
    width: 260px;
}

.navbar-nav {
    gap: 42px;
}

.nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #00367C;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 0 ;
     font-family: "Lato", sans-serif;
}

.nav-link:hover {
    color: #C9A84C;
}

/*======================================
ENQUIRE BUTTON
======================================*/

.enquire-btn {

    width: 145px;
    height: 48px;

    border: 2px solid #C9A84C;

    border-radius: 0;

    margin-left: 45px;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #C9A84C;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: .35s;
}

.enquire-btn:hover {

    background: #C9A84C;
    color: #fff;

}

/*======================================
HERO
======================================*/

.hero-section {

    background: radial-gradient(circle at center,
            #20395d 0%,
            #162b4d 45%,
            #0d1d37 100%);

    min-height: 100vh;

    display: flex;
    align-items: center;

    position: relative;

    padding-top: 80px;
    padding-bottom: 100px;

    overflow: hidden;

}

/*======================================
HERO CONTENT
======================================*/

.hero-content {

    max-width: 1000px;
padding-top: 100px;
    margin: auto;

}

.hero-subtitle {
 font-family: "Lato", sans-serif;
    display: inline-block;

    color: #C9A84C;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 6px;

    text-transform: uppercase;

    margin-bottom: 35px;

}

/*======================================
HEADINGS
======================================*/

.hero-title {

font-family: 'Playfair Display', serif;
    font-size: 70px;

    line-height: 1;

    font-weight: 700;

    color: #fff;

    margin-bottom: 8px;

}

.hero-title-two {

    font-family: 'Playfair Display', serif;

    font-size: 70px;

    font-style: italic;

    font-weight: 600;

    color: #C9A84C;

    margin-bottom: 45px;

}

/*======================================
DIVIDER
======================================*/

.hero-divider {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 360px;

    margin: auto;

    margin-bottom: 45px;

}

.hero-divider span {

    flex: 1;

    height: 1px;

    background: rgba(200,163,72,.5);

}

.divider-dot {

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #C9A84C;

    margin: 0 18px;

}

/*======================================
DESCRIPTION
======================================*/

.hero-text {

    width: 720px;

    margin: auto;

    color: rgba(255,255,255,.75);

    font-size: 18px;

    line-height: 29px;

    font-weight: 300;
 font-family: "Lato", sans-serif;
}

/*======================================
BUTTONS
======================================*/

.hero-btn-group {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-top: 55px;
    margin-bottom: 150px;

}

.hero-btn-primary {

    width: 230px;
    height: 60px;

    border-radius: 0;

    background: #C9A84C;

    color: #0A1628;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;

    text-transform: uppercase;

}

.hero-btn-primary:hover {

    background: #fff;

    color: #102949;

}

.hero-btn-outline {

    width: 230px;
    height: 60px;

    border-radius: 0;

    border: 1px solid rgba(255,255,255,.35);

    color: #FFFFFFCC;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
     font-family: "Lato", sans-serif;

}

.hero-btn-outline:hover {

    background: #fff;

    color: #102949;

}

/*======================================
SCROLL
======================================*/
/*=========================================
SCROLL INDICATOR
=========================================*/

/*=========================================
HERO SCROLL
=========================================*/

.hero-scroll{

    position:absolute;

    left:50%;

    bottom:40px;

    transform:translateX(-50%);

    z-index:20;

}

.scroll-trigger{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-decoration:none;

}

/* Line */

.scroll-line{

    position:relative;

    width:1px;

    height:90px;

    background:rgba(255,255,255,.18);

    overflow:hidden;

}

/* Animated Gold Line */

.scroll-line::before{

    content:"";

    position:absolute;

    left:0;

    top:-100%;

    width:1px;

    height:45px;

    background:#c6a348;

    animation:scrollMove 2s ease-in-out infinite;

}

/* Text */

.scroll-label{

    margin-top:18px;

    font-size:10px;

    font-weight:500;

    letter-spacing:6px;

    text-transform:uppercase;

    color:rgba(255,255,255,.65);

    transition:.35s;

}

/* Hover */

.scroll-trigger:hover .scroll-label{

    color:#c6a348;

}

.scroll-trigger:hover .scroll-line{

    background:rgba(255,255,255,.35);

}

@keyframes scrollMove{

    0%{

        top:-100%;

        opacity:0;

    }

    20%{

        opacity:1;

    }

    100%{

        top:100%;

        opacity:0;

    }

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.hero-scroll{

    bottom:25px;

}

.scroll-line{

    height:70px;

}

}

@media(max-width:576px){

.hero-scroll{

    display:none;

}

}
/* 
.scroll-indicator{

    position:absolute;

    left:50%;

    bottom:30px;

    transform:translateX(-50%);

    z-index:10;

}

.scroll-link{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-decoration:none;

}

.scroll-text{

    writing-mode:vertical-rl;

    transform:rotate(180deg);

    font-family:'Manrope',sans-serif;

    font-size:11px;

    letter-spacing:5px;

    color:rgba(255,255,255,.75);

    margin-bottom:18px;

}

.scroll-line{

    width:1px;

    height:70px;

    background:rgba(255,255,255,.35);

    position:relative;

    overflow:hidden;

}

.scroll-line::after{

    content:"";

    position:absolute;

    left:0;

    top:-100%;

    width:100%;

    height:100%;

    background:#c7a246;

    animation:scrollAnimation 2s infinite;

}

.scroll-dot{

    width:8px;

    height:8px;

    background:#c7a246;

    border-radius:50%;

    margin-top:10px;

}

@keyframes scrollAnimation{

    0%{

        top:-100%;

    }

    100%{

        top:100%;

    }

}

.scroll-link:hover .scroll-text{

    color:#c7a246;

}

.scroll-link:hover .scroll-dot{

    transform:scale(1.3);

}

.scroll-dot{

    transition:.3s;

} */
/*======================================
NAVBAR TOGGLER
======================================*/

.navbar-toggler {

    border: none;

    box-shadow: none;

}

.navbar-toggler:focus {

    box-shadow: none;

}



/* about section start */

/*==========================================
ABOUT SECTION
==========================================*/

.about-section{
    padding:110px 0 90px;
    background:#f9f7f2;
    position:relative;
}

.about-left{
    padding-right:40px;
}

.section-tag{
    display:block;
    /*  */
    font-size:11px;
    font-weight:600;
    letter-spacing:4px;
    color:#c6a348;
    text-transform:uppercase;
    margin-bottom:28px;
}

.about-title{
   font-family: 'Playfair Display', serif;
    font-size:36px;
    font-weight:600;
    line-height:45px;
    color:#13284a;
    margin-bottom:35px;
}

.about-title em{
    font-style:italic;
    color:#13284a;
    font-weight:600;
}

.about-line{
    width:48px;
    height:2px;
    background:#c6a348;
}

/*==========================================
RIGHT CONTENT
==========================================*/

.about-right p{

    
    font-size:16px;
    line-height:26px;
    color:#3A4455;
    font-weight: 300;
    margin-bottom:28px;

}

.about-highlight{

    font-size:16px !important;

    font-weight:600 !important;

    color:#0f2343 !important;

    margin-top:25px;
border-top: 2px solid #0A16281F;
    padding-top: 20px;
    margin-bottom:55px !important;

}

/*==========================================
COUNTERS
==========================================*/

.about-counter{

    margin-top:10px;

}

.counter-box{

    padding-right:20px;

}

.counter-box h4{

    font-family:'Playfair Display', serif;

    font-size:20px;

    font-weight:700;

    color:#0A1628;

    margin-bottom:6px;

}

.counter-box span{

    display:block;

    

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#c6a348;

    font-weight:600;

}

/*==========================================
BOTTOM DIVIDER
==========================================*/

.section-divider{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:90px;

}

.section-divider span{

    flex:1;

    height:1px;

    background:#e5dcc8;

}

.section-divider .dot{

    width:7px;

    height:7px;

    background:#c6a348;

    border-radius:50%;

    margin:0 15px;

}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:991px){

.about-section{

    padding:80px 0;

}

.about-left{

    margin-bottom:45px;

    padding-right:0;

}

.about-title{

    font-size:42px;

}

.counter-box{

    margin-bottom:35px;

}

.section-divider{

    margin-top:60px;

}

}

@media(max-width:767px){

.about-title{

    font-size:36px;

}

.about-right p{

    font-size:16px;

    line-height:1.9;

}

.counter-box h4{

    font-size:28px;

}

.counter-box{

    margin-bottom:30px;

}

.section-divider{

    margin-top:40px;

}

}

@media(max-width:575px){

.about-section{

    padding:60px 0;

}

.section-tag{

    font-size:10px;

    letter-spacing:3px;

}

.about-title{

    font-size:32px;

}

.about-right p{

    font-size:15px;

}

.counter-box h4{

    font-size:24px;

}

.counter-box span{

    font-size:10px;

}

}
/* about section end */


/*=========================================
OUR SERVICES
=========================================*/

.services-section{
    padding:120px 0;
    padding-top: 30px;
    background:#f8f6f1;
}

.services-heading{
    margin-bottom:70px;
}

.services-heading .section-tag{
    display:block;
    font-size:12px;
    font-weight:400;
    letter-spacing:4px;
    color:#896707;
    text-transform:uppercase;
    margin-bottom:18px;
}

.services-heading .section-title{
    font-family:'Playfair Display', serif;
    font-size:48px;
    font-weight:700;
    color:#0A1628;
    margin:0;
}

/*=========================================
SERVICE WRAPPER
=========================================*/

.services-wrapper{

    background:#fff;

    border:1px solid #e8e3d8;

    overflow:hidden;

}

/*=========================================
LEFT TABS
=========================================*/
/*=========================================
LEFT SERVICES MENU
=========================================*/

.services-tabs{
    background:#f8f6f1;
    border:1px solid #e6e0d4;
    border-right:none;
    height:100%;
}

.services-tabs .nav-link{

    display:flex;
    align-items:center;

    width:100%;

    min-height:88px;

    padding:22px 24px;

    border-radius:0;

    background:#f8f6f1;

    color:#13284a;

    border:none;

    border-bottom:1px solid #e6e0d4;

    transition:.35s;

    text-align:left;

}

.services-tabs .nav-link:last-child{

    border-bottom:none;

}

.services-tabs .nav-link.active{

    background:#0f2343;

    color:#fff;

}

.services-tabs .nav-link:hover{

    background:#0f2343;

    color:#fff !important;

}

.services-tabs .tab-icon{

    width:28px;

    margin-right:15px;

    color:#c7a246;

    font-size:14px;

    flex-shrink:0;

    text-align:center;

}

.services-tabs .nav-link span:last-child{

    

    font-size:14px;

    line-height:1.55;
color: #0A1628;
    font-weight:600;
    text-transform: capitalize;
}

.services-tabs .nav-link.active .tab-icon{

    color:#c7a246;

}
.services-tabs .nav-link.active span{ color: #fff;}

/*=========================================
RIGHT CONTENT
=========================================*/

.services-content{

    padding:55px;

}

.service-inner h3{

     font-family:'Playfair Display', serif; 

    font-size:24px;

    color:#0A1628;

 font-weight:700; 

    margin-bottom:22px;

}

.service-inner h3 i{

 color: #c7a246;
    margin-right: 12px;
    font-size: 20px;
    background: #0f2343;
    padding: 12px;

}

.service-inner h5{

    font-size:16px;

    line-height:26px;

    color:#3A4455;

    font-weight:700;

    margin-bottom:28px;
    font-family: "Lato", sans-serif;
  font-style: normal;

}

.service-inner p{

    font-size:16px;

    line-height:26px;

    color:#5A6070;

    margin-bottom:35px;

}

/*=========================================
LIST
=========================================*/

.service-inner ul{

    padding-left:20px;

}

.service-inner ul li{
        list-style: disc;

    margin-bottom:14px;

    color:#0A1628;
font-weight: 300;
    font-size:14px;

    position:relative;

}

.service-inner ul li::marker{

    color:#c7a246;

}

/*=========================================
BOTTOM NOTE
=========================================*/

.service-footer{

    margin-top:40px;

    padding-top:25px;

    border-top:1px solid #e8e3d8;

}

.service-footer strong{

    font-size:14px;

    line-height:23px;

    color:#13284a;

    font-style:italic;

    font-weight:700;

}

/*=========================================
TAB ANIMATION
=========================================*/

.tab-pane{

    animation:fadeIn .4s ease;

}

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.services-section{

    padding:80px 0;

}

.services-heading{

    margin-bottom:45px;

}

.services-heading .section-title{

    font-size:46px;

}

.services-tabs{

    border-right:0;

    border-bottom:1px solid #e8e3d8;

}

.services-content{

    padding:35px;

}

}

@media(max-width:767px){

.services-heading .section-title{

    font-size:38px;

}

.services-tabs .nav-link{

    padding:18px;

    font-size:14px;

}

.service-inner h3{

    font-size:30px;

}

.service-inner h5{

    font-size:16px;

}

.services-content{

    padding:25px;

}

}

@media(max-width:575px){

.services-section{

    padding:60px 0;

}

.services-heading .section-title{

    font-size:34px;

}

.services-tabs .nav-link{

    gap:10px;

    padding:16px;

}

.service-inner h3{

    font-size:26px;

}

.service-inner h5{

    font-size:16px;

}

.service-inner p{

    font-size:15px;

}

.services-content{

    padding:20px;

}

}


/* service section end css */

/* WHY MCG SECTION start */

/*=========================================
WHY MCG SECTION
=========================================*/

.why-mcg-section{
    background:#0f2343;
    padding:120px 0;
    position:relative;
    overflow:hidden;
}

/*=========================================
CONTAINER
=========================================*/



/*=========================================
SECTION TAG
=========================================*/

.why-tag{

    display:block;

    

    font-size:12px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#896707;

    margin-bottom:25px;

}

/*=========================================
TITLE
=========================================*/

.why-title{

 font-family:'Playfair Display', serif; 

    font-size:48px;

    font-weight:700;

    color:#ffffff;

    line-height:48px;

    margin-bottom:35px;

}

/*=========================================
DIVIDER
=========================================*/

.why-divider{

    width:320px;

    margin:0 auto 55px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.why-divider span{

    flex:1;

    height:1px;

    background:rgba(199,162,70,.45);

}

.divider-dot{

    width:7px;

    height:7px;

    background:#c7a246;

    border-radius:50%;

    margin:0 15px;

}

/*=========================================
SUB TITLE
=========================================*/

.why-subtitle{

    

    font-size:14px;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#FFFFFF80;

    font-weight:400;

    margin-bottom:35px;

}

/*=========================================
QUOTE
=========================================*/

.why-quote{

    font-family:'Playfair Display', serif;

    font-size:30px;

    font-style:italic;

    font-weight:300;

    color:#ffffff;

    line-height:1.4;

    margin-bottom:45px;

}

/*=========================================
DESCRIPTION
=========================================*/

.why-text{

    width:78%;

    margin:0 auto 28px;

    

    font-size:16px;

    line-height:26px;

    color:#FFFFFF99;

    font-weight:300;

}

.why-text:last-child{

    margin-bottom:0;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.why-mcg-section{

    padding:90px 0;

}

.why-title{

    font-size:48px;

}

.why-quote{

    font-size:34px;

}

.why-text{

    width:100%;

}

}

@media(max-width:767px){

.why-mcg-section{

    padding:70px 0;

}

.why-title{

    font-size:38px;

}

.why-divider{

    width:220px;

}

.why-quote{

    font-size:28px;

}

.why-text{

    font-size:16px;

    line-height:1.9;

}

}

@media(max-width:575px){

.why-tag{

    font-size:10px;

    letter-spacing:3px;

}

.why-title{

    font-size:32px;

}

.why-subtitle{

    font-size:10px;

    letter-spacing:3px;

}

.why-quote{

    font-size:24px;

}

.why-text{

    font-size:15px;

}

}

/* WHY MCG SECTION END */



/* contact css start */

/*=========================================
CONTACT SECTION
=========================================*/

.contact-section{
    padding:120px 0;
    background:#f8f6f1;
}

.contact-info{
    padding-right:70px;
}

/*=========================================
SECTION TAG
=========================================*/

.contact-info .section-tag{
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #896707;
    text-transform: uppercase;
    margin-bottom: 22px;
}

/*=========================================
TITLE
=========================================*/

.contact-title{
   font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 30px;
    color: #0A1628;
}

.contact-title em{
   font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 30px;
    color: #0A1628;
}

/*=========================================
DIVIDER
=========================================*/

.title-divider{
    width:60px;
    height:2px;
    background:#c6a348;
    margin-bottom:35px;
}

/*=========================================
DESCRIPTION
=========================================*/

.contact-description{
   font-size: 16px;
    line-height: 26px;
    color: #5A6070;
    margin-bottom: 45px;
    font-weight: 300;
}

/*=========================================
WEBSITE
=========================================*/

.website-info span{
  display: block;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #896707;
    margin-bottom: 12px;
    font-weight: 400;
}

.website-info a {
    color: #0A1628;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.website-info a:hover{
    color:#c6a348;
}

/*=========================================
FORM
=========================================*/

.contact-form{
    padding-left:50px;
}

.contact-form label{
    display:block;
    margin-bottom:8px;
    font-size:11px;
    font-weight:600;
    color:#999;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Manrope',sans-serif;
}

/*=========================================
INPUTS
=========================================*/

.contact-form .form-control,
.contact-form .form-select{

    height:58px;

    border:1px solid #e3dfd6;

    border-radius:0;

    background:#fff;

    box-shadow:none;

    padding:14px 18px;

    font-size:16px;

    color:#12284b;

    font-family:'Manrope',sans-serif;

}

.contact-form textarea.form-control{

    height:170px;

    resize:none;

    padding-top:18px;

}

.contact-form .form-control:focus,
.contact-form .form-select:focus{

    border-color:#c6a348;

    box-shadow:none;

}

/*=========================================
BUTTON
=========================================*/

.contact-btn{

    width:100%;

    height:64px;

    background:#12284b;

    color:#fff;

    border:none;

    border-radius:0;

    font-size:15px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.35s;

}

.contact-btn:hover{

    background:#c6a348;

    color:#12284b;

}

.contact-btn i{

    margin-left:10px;

}

/*=========================================
SPACING
=========================================*/

.contact-form .mb-4{

    margin-bottom:28px !important;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.contact-section{

    padding:90px 0;

}

.contact-info{

    padding-right:0;

    margin-bottom:60px;

}

.contact-form{

    padding-left:0;

}

.contact-title{

    font-size:48px;

}

}

@media(max-width:767px){

.contact-section{

    padding:70px 0;

}

.contact-title{

    font-size:38px;

}

.contact-description{

    font-size:16px;

    line-height:1.8;

}

.contact-form .form-control,
.contact-form .form-select{

    height:54px;

}

.contact-form textarea.form-control{

    height:140px;

}

.contact-btn{

    height:58px;

}

}

@media(max-width:575px){

.contact-title{

    font-size:32px;

}

.contact-description{

    font-size:15px;

}

.website-info a{

    font-size:16px;

}

}


/* contact css end */


/* footer css start */
/*=========================================
FOOTER
=========================================*/

.footer-section{

    background:#08192f;

    padding:90px 0 35px;
padding-top: 30px;
}

/*=========================================
TOP
=========================================*/

.footer-top{

    padding-bottom:45px;

}

.footer-logo img{

    max-width:260px;

}

.footer-menu{

    display:flex;

    justify-content:center;

    gap:35px;

    list-style:none;

    padding:0;

    margin:0;

}

.footer-menu li a{
    letter-spacing: 1.2px;
   color: #FFFFFF66;
    text-decoration: none;
    font-size: 12px;
    transition: .3s;
    text-transform: uppercase;

}

.footer-menu li a:hover{

    color:#c7a246;

}

.footer-contact{

    text-align:right;

}

.footer-contact a{

    display:block;

    color:#ffffff;

    text-decoration:none;

    margin-bottom:10px;

    font-size:15px;

}

.footer-contact a:hover{

    color:#c7a246;

}

/*=========================================
DIVIDER
=========================================*/

.footer-divider{

    height:1px;

    background:rgba(255,255,255,.08);

    margin:45px 0;

}

/*=========================================
DISCLAIMER
=========================================*/

.footer-disclaimer{

    max-width:1200px;

    margin:auto;

}

.footer-disclaimer h5{

    color:#c7a246;

    font-size:18px;

    margin-bottom:20px;

    font-family:'Playfair Display', serif;

}

.footer-disclaimer p{

    color:rgba(255,255,255,.55);

    font-size:13px;

    line-height:1.9;

    margin-bottom:18px;

    font-weight:300;

}

.footer-disclaimer ul{

    padding-left:18px;

    margin-bottom:20px;
    
    list-style: disc;
    
    font-size:12px;

}

.footer-disclaimer li{

    color:rgba(255,255,255,.55);

    font-size:12px;

    line-height:2;

    margin-bottom:8px;

}

/*=========================================
BOTTOM
=========================================*/

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:45px;

    padding-top:25px;

}

.footer-bottom p {
    color: #FFFFFF4D;
    margin: 0;
    font-size: 12px;
}

.footer-social{

    display:flex;

    justify-content:flex-end;

    gap:15px;

}

.footer-social a{

    width:40px;

    height:40px;

    border:1px solid rgba(255,255,255,.15);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

}

.footer-social a:hover{

    background:#c7a246;

    border-color:#c7a246;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.footer-menu{

    justify-content:flex-start;

    margin:35px 0;

    flex-wrap:wrap;

}

.footer-contact{

    text-align:left;

}

}

@media(max-width:767px){

.footer-section{

    padding:60px 0 25px;

}

.footer-menu{

    gap:18px;

}

.footer-social{

    justify-content:flex-start;

    margin-top:20px;

}

.footer-disclaimer p,

.footer-disclaimer li{

    font-size:12px;

}

div.wpcf7-mail-sent-ok {
    background-color: #f0fdf4;
    border: 1px solid #16a34a;
    color: #16a34a;
    padding: 15px;
    border-radius: 4px;
}

}

/* footer css end */


@media(max-width: 767px)
{
    .hero-subtitle {
        font-size: 12px;
        line-height: 25px;
    }
    .hero-content {
        padding-top: 40px;
    }
    .hero-title {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 50px;
    }
    .hero-title-two {
     font-size: 44px;
    }
    .hero-text {
        width: 720px;
        margin: auto;
        color: rgba(255, 255, 255, .75);
        font-size: 14px;
        line-height: 26px;
        font-weight: 300;
        width: auto;
}
.hero-btn-group {
    margin-bottom: 0;
}
.navbar-brand img {
    width: 170px;
}
.header .navbar-collapse{ margin-top: 30px;}
.enquire-btn{ margin: 0; margin-top: 30px; margin-bottom: 20px;}
}