@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* outline: 2px solid red; */
}
:root {
    --color-blue: #008CC7;
    --color-Dblue: #009EE0;
    --color-white: #fff;
    --color-yellow: #FFB910;
    --color-black: #212121;
    --color-gray: #949596;
  }
body{
    font-family: "Work Sans", sans-serif;
    color: var(--color-black);
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
/* header_section----start---here   */
.header_section{
    background: url("../images/banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.header_links a{
    color:var(--color-white) ;
}
.head_link a{
    background-color: var(--color-blue);
    padding: 2px 4px;
    border-radius: 4px;
}
.header_links a:hover {
    text-decoration: underline;
}
.navbar-brand{
    color: var(--color-white);
}
.nav-link{
    color: var(--color-white);
}
.nav-link:hover{
    color: var(--color-yellow);
}
.nav-link.active{
    font-weight: 700;
    color: var(--color-yellow);
}
.banner_title{
    color: var(--color-white);
    font-weight: 700;
}
.banner_para{
    color: var(--color-white);
}
.banner_form :nth-child(1){
border-radius: 10px;
border: 2px solid var(--color-yellow);
height: 50px;
padding: 5px;
}
.banner_form :nth-child(2){
border-radius: 10px;
border: 2px solid var(--color-yellow);
font-size: 24px;
padding: 5px;
background-color: var(--color-yellow);
color: var(--color-white);
font-weight: 600;
transition: all .3s;
}
.banner_form :nth-child(2):hover{
border: 2px solid var(--color-yellow);
background-color: var(--color-white);
color: var(--color-yellow);
}
.banner_btn{
    background-color: var(--color-yellow);
    font-size: 1.2rem;
    border: 1px solid var(--color-yellow);
    border-radius: 10px;
    transition: all .3s;
}
.banner_btn:hover{
    background-color: var(--color-white);
}
/* header_section----ends---here   */
/* banner-card_section---start---here  */

.banner-card{
    background-color: var(--color-yellow);
    border-radius: 10px;
    box-shadow:0px 6px 0px 0px rgb(189, 145, 3), 0px 6px 9.9px 0px #00000040;
    transition: all .3s;
    cursor: pointer;
}
.banner-card:hover{
    background-color: var(--color-blue);
    color: var(--color-white);
    transform: scale(1.02);
}
.banner_card-title{
    text-transform: uppercase;
    font-weight: 700;
}
.banner-card h6, p{
    font-weight: 500;
    text-align: justify;
}
/* banner-card_section---ends---here  */
/* hero_section----start----here   */
.hero_bar{
    display: block;
    width: 100px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--color-yellow);
}
.hero_btn{
    border-radius: 10px;
    border: 1px solid #000;
    font-size: 24px;
    padding: 5px;
    background-color: var(--color-yellow);
    color: var(--color-white);
    font-weight: 600;
    transition: all .3s;
    box-shadow:0px 4px 0px 0px rgb(189, 145, 3), 0px 6px 9.9px 0px #00000040;
    }
    .hero_btn:hover{
    border: 1px solid var(--color-yellow);
    background-color: var(--color-white);
    color: var(--color-yellow);
    }

/* hero_section----ends----here   */
/* icon_section----start----here   */
.icon_section{
    background-color: var(--color-black);
}
.icon_sec-img{
    transform: scale(1.03,1.05);
}
.icon_bar{
    display: block;
    width: 100px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--color-blue);
}
/* icon_section----ends----here   */
/* price_section----start----here   */
.price-icon1{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--color-blue);
    display: flex;
    justify-content: center;
    align-items: center;
  
}
.price-icon{
    position: absolute;
    top: -6%;
}
.price_card-body h2{
    font-weight: 700;
    text-align: center;
}
.price_card{
    padding-top: 15%;
    position: relative;
    border-radius: 10px;
    box-shadow:2px 12px 13px 32px rgba(219, 217, 217, 0.568);  
    cursor: pointer;
    transition: all .3s;
    height: 100%;
}
.price span{
    font-size: 42px;
    font-weight: 600;
}
.span2{
font-size: 22px !important;
color: var(--color-gray);
}
.price_card-body p{
    color: var(--color-gray);
    padding-bottom: 9%;
    border-bottom: 3px solid var(--color-blue);
}
.price_card-list li{
    padding-bottom: 3%;
    border-bottom: 1px solid var(--color-gray);
}
.price-btn{
    background-color: var(--color-blue);
    color: var(--color-white);
    font-size: 28px;
    border-radius: 10px;
    box-shadow:0px 4px 0px 0px rgb(3, 152, 238), 0px 6px 9.9px 0px #00000040;
}
.price_card:hover{
   background-color: var(--color-black);
   color: var(--color-white);
 
}
.price_card:hover .price-icon1{
   background-color: var(--color-yellow);
}
.price_card:hover .price-btn{
   background-color: var(--color-yellow);
}
.price_card:hover .price_card-body p{
    border-bottom: 3px solid var(--color-yellow);
}
/* price_section----ends----here   */
/* Map_section---start---here   */
.map_section{
    background: url('../images/map-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.map_btn{
    border-radius: 10px;
    font-size: 24px;
    padding: 5px;
    background-color: var(--color-blue);
    color: var(--color-white);
    font-weight: 600;
    transition: all .3s;
    box-shadow:0px 4px 0px 0px rgb(3, 152, 238), 0px 6px 9.9px 0px #00000040;
    }
    .map_btn:hover{

    background-color: var(--color-white);
    color: var(--color-yellow);
    }
/* Map_section---ends---here   */
/* faq_section---start----here  */
.faq_section{
    background-color: #EEEEEE;
}
.accordion-item {
    background-color: var(--color-white);
    border: none;
    border-radius: 10px;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    margin: 1rem 0rem;
    font-size: 1rem;
    color:var(--color-black);
    font-weight: 600;
    text-align: left;
    background-color: var(--color-white);
    border-radius: 10px !important;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: var(--color-white);
    background-color: var(--color-black);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

/* faq_section---ends----here  */
/* footer_section---start---here  */
.footer_section{
    background-color: var(--color-blue);
}
.contact_details{
    background-color: var(--color-Dblue);
    border-radius: 20px;
    margin-top: -5%;
}
.contact-icon{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--color-white);
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-data{
    color: var(--color-white);
}
.contact-data a{
    color: var(--color-white);
}
.footer_end_section{
    background-color: var(--color-Dblue);
    color: var(--color-white);
}
.footer-icon a{
    height: 35px;
    width: 35px;
    padding: 8px;
    color: var(--color-white);
    font-size: 22px;
    border-radius: 10px;
    background-color: var(--color-Dblue);
}
.footer-data a{
    font-size: 22px;
}
.footer-title{
    border-bottom: 2px solid var(--color-Dblue);
    padding-bottom: 5%;
}
/* footer_section---ends---here  */

/* contact page css  */
.home_link{
    color: var(--color-black);
}
.home_link:hover{
    color: var(--color-yellow);
    text-decoration: underline;
}
.map iframe {
    border-radius: 10px;
    height: 420px;
    width: 100%;
}
.contact-icon1{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--color-blue);
    color: #fff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-data1{
    color: var(--color-black);
}
.contact-data1 a{
    color: var(--color-black);
    font-weight: 700;
}
.form_box{
    background-color: var(--color-yellow);
    border-radius: 10px;
}
.form_box input,textarea{
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 5px;
}
.contact-btn{
    background-color: var(--color-blue);
    padding: 8px 10px;
    color: var(--color-white);
    border-radius: 10px;
    box-shadow:0px 4px 0px 0px rgb(3, 152, 238), 0px 6px 9.9px 0px #00000040;
    transition: all .3s;
}
.contact-btn:hover{
    background-color: var(--color-white);
    color: var(--color-blue);
}
.strip_section {
	position: relative;
	top: -45px;
	background: #009ee0;
	color: var(--color-white);
}