@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.container{
max-width:1140px;
margin: 0 auto;
padding: 0 15px;
}
body{
overflow-x: hidden;
background-image: url('../img/mystical_banner.gif');
z-index: 2 !important;
height: 100vh;
font-family: "Montserrat", sans-serif;
}
main{
    overflow: hidden;
}
/* =================sub_nav=================== */
.sub_nav_sec{
    width: 100%;
background-color: #000000;
padding: 12px 0px;
}
.top_left-item i{
color: #13a5b2;
transition: 0.5s;
font-size: 18px;
}
.top_left-item i:hover{
    color: #c08920;
}
.top_left-item a{
color: #c08920;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-decoration: none;
transition: 0.5s;
}
.top_left-item{
    margin-right: 18px;
}
.top_left-item a:hover{
    color: #ffffff;
    }
.top-right-ele i{
color: #13a5b2;
font-size: 18px;
transition: 0.5s;
}
.top-right-ele i:hover{
    color: #ffffff;
}
/* ===================nav_Part========================= */
.nav_logo a{
font-size: 25px;
text-transform: uppercase;
color: #000;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
}
.nav_section{
background-color: #e29a00;
padding: 12px 0px;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl
{
display: block!important;
}
.nav_menu ul{
    margin-bottom: 0px !important;
}
.nav_menu ul li{
    list-style-type: none;
    display: inline;
}
.nav-link{
color: #130d02;
font-size: 18px;
padding-left: 20px;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-style: normal;
transition: 0.6s;
}
.nav-link:hover{
    color: #ffffff;
}
.bar{
    font-size: 35px;
    display: none;
}
/* ================banner_section=============== */
.carousel-item img{
    position: relative;
}
.banner_text{  
position: absolute;
left: 120px;
bottom: 140px;
}
.banner_text h1{
font-size:80px ;
color: #224565;
font-weight: bold;
font-style: normal;
font-family: "Montserrat", sans-serif;
}
.banner_text p{
    max-width: 500px;
color: #b08126;    
font-size: 25px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
font-style: normal; 
}
.btn{
background-color:#224565;
color: #e29a00;    
font-size: 23px;
font-weight:bold;
font-style: normal;
font-family: "Montserrat", sans-serif;
transition: 0.5s;
}
.btn:hover{
background-color:#b08126; 
color: #ffffff;
}
.carousel-item img{
    width: 100%;
}
/* ==============about_sec==================== */
.about_sec{
background-color: #1b3751 !important; 
opacity: 0.9;
position: relative;
margin: 45px 0px 10%;
}
.about-item{
  max-width: 1310px; 
  margin: 0 auto;
  padding: 30px 15px; 
}
.about_img{
    overflow: hidden;
}
.about_img img{
width: 100%;
padding: 20px;
transition: 0.5s;
overflow: hidden;
}
.about_img img:hover{
    transform: scale(1.2);
}
.about_text h3{
color: #e29a00;
font-size: 35px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-style: normal;
padding-bottom: 5px;
}
.about_text p{
color: #e9b444;
font-size: 14px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-style: normal; 
}
.progress_box{
    position: absolute;
    top: -30px;
    bottom: 0;
}
.progress_bar{
background-color: #c78a05;
padding: 60px 15px 90px;
margin-right: 50px;
}
.bar_heading h3{
font-size: 22px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-style: normal;
padding-bottom: 20px;
color: #2d4a5f;
}
.col-md-4{
padding: 0 20px 0 20px!important;
}
.progress_box{
 margin: -10px 0px;   
}
.progress{
    background-color: #e8ae2a;
  margin-top: 14px;
 }
 .progress-title{
    color: #2d4a5f;
    font-size: 16px;
    font-weight:500;
    font-style: normal;
    font-family: "Montserrat", sans-serif;
 }
 .progress-bar{
    background-image: linear-gradient(to right, #244666, #ffffff) !important;
 }
/* ==============faq_section================ */
.faq_section{
    padding: 0px 0px 50px;
}
.faq_heading{
    text-align: center;
    margin: 0 auto;
}
.faq_heading h1{
font-size: 39px; 
color: #c78b07; 
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-style: normal; 
}
.faq_heading h3{
 font-size: 45px; 
 font-weight: bold;
 font-family: "Montserrat", sans-serif;
 color: #224565;
 margin: 20px 0px 30px;
 background-color: #c78b07;  
 display: inline-block;
 padding: 0 30px 5px;
}
.faq_item{
    padding-top: 30px;
} 
.question_col{
    padding: 0px 20px;
}
.question-img img{
    width: 100%;
}
h6{
    margin: 0 !important;
}
.question span{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #c78a05;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #224565;
}
.qna_item{
    background-color: #1b3751;
    border-radius: 20px;
    margin: 20px 0;
    padding: 10px 15px;
}
.qna_title h6{
color: #c78a05;
font-size: 18px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-style: normal; 
}
.drop_bar i{
    color: #c78a05;  
    font-weight: bold;
}
.question-img img{
    width: 100%;
    padding: 30px;
}
.panel-body{
    background-color: #c78a05;

    padding: 30px;
    color: #000000;
    font-weight: bold;
}
/* ======================assist_sec======================= */
.assist_sec{
padding: 20px 0px 50px; 
}
.assist_heading{
 text-align: center;   
}
.assist_sec h3{
font-size: 45px;
color: #e29a00;
font-family: "Montserrat", sans-serif;
font-weight:bold;
font-style: normal;
}
.assist_lower_part{
    padding: 50px 0 0;
}
.service_title ul li{
 list-style-type: none;
 color: #e29a00;
 font-size:18px;
 padding-bottom: 4px;
 font-weight: 400;
font-family: "Montserrat", sans-serif;
font-style: normal; 
}
.god_img1{
    overflow: hidden;
}
.god_img1 img{
width: 100%;
transition: 0.5s; 
overflow: hidden;   
}
.god_img1 img:hover{
    transform: scale(1.2);
}
.god_img2{
    overflow: hidden;
}
.god_img2 img{
 width: 100%;
 transition: 0.5s; 
overflow: hidden; 
 }
 .god_img2 img:hover{
    transform: scale(1.2);
}
.assist_part2{
    padding-top: 50px;
}
.assist_part2 .service_title{
  padding-left: 100px;
}
/* ======================service_part2========================== */
.service_part2{
    padding: 40px 0px 100px;
}
.ser_heading{
    text-align: center;
    h1{
        font-size: 45px;
        color: #e29a00;
        font-family: "Montserrat", sans-serif;
        font-weight:700;
        font-style: normal;   
    }
    h3{
        font-size: 45px;
        color: #e29a00;
        font-family: "Montserrat", sans-serif;
        font-weight:bold;
        font-style: normal;   
    }}
 .w-100{
width: 100% !important;
border-radius: 30px;
box-shadow: -4px 4px 4px#6f4031;
border: 2px solid #6f4031;
 }
 .service_card{
  margin-top: 50px;
 }   
.ser-lower-part{
    margin-top: 50px;
}
/* ===================location_part======================== */
.location_sec{
padding: 40px 0px;
background-color: #1b3751 !important;
opacity: 0.9;
z-index: 1 !important;
}
.location_heading{
    margin: 0 auto;
   text-align: center;
}
.location_heading h3{
    color: #ff0011;
    font-size: 45px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-style: normal;
    padding: 20px 0px;
}
.loc_img img{
  max-width: 100px;
  transition: 0.5s;
}
.loc_img img:hover{
    transform: scale(1.2);
}
.loc_down .row .col{
    margin: 10px 0;
    background-color: #3d3921; 
    border-radius: 20px;
    transition: 0.5S;
}
.loc_down .row .col:hover{
    background-color: #ffffff; 
}
.loc_down .row .col a{
 color: #e29a00;  
 text-decoration: none;
 font-size: 22px;
 font-weight: 700;
 font-family: "Montserrat", sans-serif;
 font-style: normal; 
 display: inline-block;
 padding: 5px 0;
 transition: 0.5s;
}
.loc_down .row .col a:hover{
color: #000000;
}
/* ====================testimonial_sec========================= */
.testimonial_sec{
    padding: 40px 0 30px;
}
.testimonials_heading{
    text-align: center;
    width: 40%;
    margin: 0 auto;
}
.testimonials_heading h3{
 font-size: 45px;
 color: #c78b07;
 position: relative;   
 font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-style: normal;
}
.testimonials_heading h3::before{
position: absolute;
left: -240px;
top: 33px;
content: "";
width: 270px;
height: 3px;
background-color: #e29a00;
}
.testimonials_heading h3::after{
    position: absolute;
    right: -240px;
    top: 33px;
    content: "";
    width: 270px;
    height: 3px;
    background-color: #e29a00;
    }
    .card-item:hover{
        background-color: white;   
    }
    .card-item{
        background-color: #162d42;
        border-radius: 20px;
       padding: 90px 30px 15px;
       transition: 0.7s;
       margin: 20% 30px 20px;
       position: relative;
    }
    .card-icon{
        position: absolute;
        top: -45px;
        left: 35px;
        background-color: #c88e2b;
        width: 90px;
        height: 90px;
        border-radius: 50%;
    }
    .card-icon i{
        font-size: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #162d42;
        padding-top: 20px;
    }
    .card-title h3{
        font-size: 36px;
        font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding-bottom: 4px;
    color:#c78b07;
    }
    .card-title p{
        font-size: 16px;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        color:#745f22 ; 
    }

/* ====================google_review====================== */
.google_review_sec{
    padding: 30px 0px;
    background-color: #1b3751 !important;
    opacity: 0.9; 
}
.review_img img{
    width: 100%;
    padding:20px;
}
/* =========================contact_part============================== */
.contact_sec{
    padding: 50px 0px;
    background-color: #030f18 !important;
    opacity: 0.9; 
}
.location iframe{
    width: 100%;
    height: 60vh;
}
.contact_heading{
    text-align:center;
}
.contact_heading h3{
    font-family: "Montserrat", sans-serif;
    color: #e29a00;
    font-weight: 800;
    font-size: 45px;
    padding-bottom: 25px;
}
.contact_form_ele{
    background-color: #946919;
    padding: 30px;
    opacity: 0.8;
    margin-bottom: 6px;
}
.con_form input{
    display: block;
    width: 100%;
    margin-bottom: 24px;
    background-color: transparent !important;
    border-bottom: 2px solid #6f4031 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.con_form input::placeholder{
    color: #000000;
}
.con_form textarea{
    display: block;
 width: 100%; 
 margin-bottom: 40px;
 background-color: transparent !important;
 color: #000000;
 border-bottom: 2px solid #6f4031 !important;
 font-family: "Montserrat", sans-serif;
 font-size: 18px;
 font-weight: bold;
}
.con_form textarea::placeholder{
    color: #000000;
}
.con_form .btn{
    font-size: 17px;
    font-weight: 700;
    border-radius: 0 !important;
    font-family: "Montserrat", sans-serif;
    padding: 6px 30px;
    transition: 0.5s;
    margin-top: 20px;
}
.con_form .btn:hover{
    background-color: #ffffff;
    color: #000;
}
/* ======================footer section=================== */
.footer_logo a{
    font-size: 30px;
    text-transform: uppercase;
    color: #c78b07;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
    }
.footer_section{
    background-color: #224565;
    padding: 60px 0px;
}
.footer_text p{
    font-weight: 400;
font-family: "Montserrat", sans-serif;
font-style: normal; 
}
.footer_link{
    padding-left: 50px;
}
.footer_link h3{
color: #c78b07;
font-size: 35px;
padding: 10px 0px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-style: normal;
}
.footer_link a{
    text-decoration: none;
    display: block;
    color: #dc9d26;
    font-size: 18px;
    padding-bottom: 7px;
   font-style: normal;
   font-family: "Montserrat", sans-serif;
}
.footer_link i{
    color: #13a5b2;
    font-weight: 900;
}
.footer_right-item h3{
 color: #c78b07;
 font-size: 35px;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 font-style: normal;
 padding: 10px 0px;
 }
 .add_item{
    margin-bottom: 15px;
 }
 .add_item a{
     text-decoration: none;
     display: block;
     color: #dc9d26;
     font-size: 16px;
font-style: normal;
font-family: "Montserrat", sans-serif;
 }
 .add_item i{
     color: #13a5b2;
     font-weight: 900;
     font-size: 26px;
 }   
/* ====================sub_footer============================ */
.sub_footer-part{
    background: #e29a00;
    padding: 20px 0px;
}
.copyright_title p{
    font-size: 18px;
    color: #000;
font-weight: 500;
}
.footer_title{
 max-width: 340px;   
}
.footer_text{
 padding-top: 20px;   
 P{
    color: #c78a05;
    font-weight: 400;
font-family: "Montserrat", sans-serif;
font-style: normal; 
font-size: 15px;
}
}
 
.progress, .progress-stacked
{
    height: 9px!important;
}

.collapse.in {
    display: block;
}

h4{
    margin-bottom: 0!important;
}

.faq_collapse{
    display: contents;
}

/* ==================1250px================= */
@media screen and (max-width:1250px) {
.banner_text{  
left: 80px;
}
.banner_text h1{
    font-size:60px;
}
.location iframe{
    height: 84vh;
}
.contact_sec{
    padding-bottom: 0px;
}
.progress_bar{
    padding: 40px 15px 30px;
    }    
}
/* ===================1024px====================== */
@media screen and (max-width:1024px){
    .banner_text{  
        left: 20px;
        bottom: 50px;
        }
}
/* ======================991px================== */
@media screen and (max-width:991px){  
.bar{
    display: block;
}
.nav_menu{
    display: none;
    position: absolute;
 right: 0;
    left: 0;
 top: 87px;
  background-color:#e29a00;
  z-index: 1;
}
.nav_menu ul li{
    display: block;
}
.nav-item{
    padding-left: 0px !important;
}
.show{
display:  block !important;
}
.about_img img{
 padding: 10PX;
 }
.about_text{
 padding-top: 20px;   
}
.progress_box{
top:100%;
left: 0px;
right: 0px;
}
.progress_bar{
    padding: 30px 15px 30px;
    margin-right: 0px;
    }
 .about_sec{
    margin: 0px 0px 50%;
 }  
 .testimonials_heading h3::before{
    display: none;
 }
 .testimonials_heading h3::after{
    display: none;
 }
 .testimonials_heading{
    width: 100%;
    margin: 0 auto;
 }
 .testimonials-card{
    padding: 50px 20px 30px;
    margin-top: 4%;
}
.banner_text{  
    bottom: 30px;
    left: 20px;
    }
.banner_text h1{
    font-size:52px;
}
.banner_text p{
    padding: 4px 0;
max-width: 300px;
}
.btn{
    margin-top: 0px !important;
    }
        .card-item{
            margin: 20% 20px 0px;
        }
        .banner_text p{
            max-width: 400px;
        }
}
/* =================767px================== */
@media screen and (max-width:768px){
    .banner_text{
        bottom: 50px;
    }
    .banner_text h1{
        font-size:48px;
    }
    .banner_text p{
        padding: 0px 0;
        font-size: 15px;
    }
    .about_sec{
        margin: 0px 0px 50%;
     }
     .loc_down .row .col{
        border-radius: 0px;
      }
 .card-item{
    margin: 20% 4px 0px;
    padding: 70px 10px 15px;
 } 
 .footer_section{
    padding: 20px 0px;
} 
.contact_sec{
    padding: 20px 0px 0px;   
}
.contact_heading h3{
    padding-bottom: 15px;   
}
.testimonials-card{
    padding: 0px 0px 0px;
}
.assist_part2{
    padding-top: 20px;
}
.assist_part2 .service_title{
    padding-left: 0px;
    margin-top: 20px;
  }
  .assist_sec{
    padding: 20px 0px 0px; 
    }
    .review_img img{
        padding:10px 0px;
    }
    .faq_section{
       padding-bottom: 10px;
    }
    .assist_lower_part{
        padding: 20px 0 0;
    }
    .about_text{
        padding-left: 10px;
    }
    .map_part iframe{
        height: 100%;
    }
    .testimonial_sec{
        padding: 30px 0px 0px;
    }
    .footer_link{
        padding-left: 0px;
    } 
}
/* =================575px================== */
@media screen and (max-width:575px){
    .sub_nav_sec{
    padding: 2px 0px;
    }
.top-left-ele {
    display: flex;
    align-items: start !important;
    flex-direction: column;
    gap: 0px !important;
}
.carousel-item img{
min-height: 210px;
}
.banner_text{
max-width: 540px;    
left: 20px;
bottom: 35px;
}
.banner_text h1{
    font-size:28px;
    margin-bottom: 0px !important;
    }
    .banner_text p{
    font-size:12px;
    margin-bottom: 0px !important;
    padding: 8px 0;
    }
    .btn{
    font-size: 12px;
    margin-top: 0px !important;
    }
.banner_text a{
    padding: 4px 10px !important;
}
.about_sec{
    margin: 0px 0px 100%;
 } 
 .about_text h3{
    font-size: 25px;    
 }  

.faq_heading h1{
    font-size: 20px; 
}
.faq_heading h3{
    font-size: 20px; 
}
.question_col{
    padding: 0px 0px;
}
.question-img img{
padding: 0px 80px;
}
.question span{
    font-size: 14px;
}
.qna_title h6{
font-size: 14px;   
}
.assist_sec{
    padding: 0px 0px 20px; 
    }
.assist_sec h3{
    font-size: 25px;
}   
.assist_lower_part{
    padding: 20px 0 0;
}
.assist_part2{
    padding-top: 20px;
}
.assist_part2 .service_title{
    padding-left: 0px;
    padding-top: 20px;
  }
  .location_sec{
    padding: 20px 0px;
}
  .location_heading h3{
    font-size: 25px;  
  }
  .loc_down .row .col a{
    font-size: 16px;
  }
  .sub_footer-part{
    padding: 10px 0px;
}
  .copyright_title p{
    font-size: 12px;
}
.footer_right-item h3{
    font-size: 25px;  
}
.footer_link h3{
    font-size: 24px;   
}
.testimonials_heading h3{
    font-size: 30px;
}
.contact_heading h3{
    font-size: 30px; 
}
.map_part iframe{
    height: 100%;
}
.service_part2{
    padding: 20px 0px 20px;
}
.ser_heading{
h1{
font-size: 25px;
}
h3{
font-size: 25px;
}
}
.service_card{
    margin-top: 0px !important;
   }   
.ser-card-img{
    margin-top: 10px !important;
}
.ser-card-img img{
    border-radius: 0px !important;
}
.ser-lower-part{
    margin-top: 20px;
}
}
/* ================460px=================== */
@media screen and (max-width:460px){
    .faq_section{
padding-top: 40px;
     }  
}
/* =================390px================== */
@media screen and (max-width:390px){
 .top-right-ele {
    display: flex;
    flex-direction: column;
    gap: 1px !important;
 }   
 .top_left-item a{
    font-size: 12px;
 }  
 .top_left-item i{
    font-size: 12px;  
 }
 .top-right-ele i{
    font-size: 12px; 
 }
 .banner_text p{
        max-width: 250px;
 }
 .faq_section{
    padding-top: 150px;
         }  

}
/* ==================360px====================| */
@media screen and (max-width:370px) {
  
.faq_section{
    padding-top: 150px;
}
.faq_heading h1{
    padding-top: 70px;
}
 }
/* ==================820px====================| */
@media screen and (max-width:860px){
    .faq_section{
padding-top: 90px;
     }  
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    display: none;
}