@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');
/*
font-family: 'Mulish', sans-serif;
font-family: 'Poppins', sans-serif;
*/

:root{
    --thm-fontmulish: 'Mulish', sans-serif;
    --thm-fontpoppins:  'Poppins', sans-serif;
    --thm-darkblue: #032e7b;
    --thm-lightblue: #c2ebff;
    --thm-black: #000000;
    --thm-orange: #fc3419;
    --thm-seablue: #0092f1;
    --thm-white: #ffffff;
    --thm-verylightblue: #e4f3fe;
    --thm-lighgrey: #f9f9f9;

}

body{font-family: 'Poppins', sans-serif; }
h1, h2, h3 { margin: 0px; padding: 0px; }
p{ margin: 0px; padding: 0px; font-family: var( --thm-fontmulish); font-size: 18px; }

.main-banner{ background: url('../images/home-banner-bg.jpg') center top; height: 824px; }
.logo-area{ width: 212px; }
.menu-div{ margin:0px; padding: 0px; font-family: var(--thm-fontmulish); margin-top: 30px; }
.menu-div ul{ list-style: none; margin: 0px; padding: 0px; }
.menu-div ul li{ list-style: none; float: left; overflow: hidden; padding: 0px 26px; letter-spacing: 0.2px; }
.menu-div ul li a{ color: var(--thm-white); text-decoration: none; transition: 1s;}
.menu-div ul li a:hover{ color: var(--thm-seablue); }
.menu-div ul li:last-child{ padding-right: 0px; }

/*=======================================MOBILE MENU==============================================*/
.mobile-menu-btn{background:var(--thm-white); padding:6px 12px; color:var(--thm-white); top: 12px;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; left: 0; background-color: var(--thm-seablue); overflow-x: hidden;  transition: 0.5s; padding-top: 50px; list-style-type: none;}
.sidenav a { padding: 10px 15px 10px 15px; text-decoration: none; font-size: 16px; color: #efefef; display: block;
    transition: 0.3s; border-bottom:1px solid var(--thm-white); text-transform: capitalize;}
.sidenav ul{ margin: 0px; padding: 0px; }
.sidenav li a i{ float:right;}
.sidenav li ul{ margin:0px; padding:0px;}
.sidenav li ul li{ padding-left:0px;}
.sidenav a:hover, .offcanvas a:focus { color: #f36e29;}
.sidenav .closebtn { border:medium none; position: absolute; top: 0; right: 0px; font-size: 20px; margin-left: 50px;}
.droup-arrow { float:right; margin-right:20px;}
.menuIcn {color: #fff;  font-size: 24px; float: right; padding: 7px 13px; display: none; border: 1px solid #fff;  margin-left: 10px; margin-top: 3px; cursor: pointer;}

.banner-caption {width: 600px; margin: auto; line-height: 52px; }
.banner-caption h1{ font-size: 50px; color: var(--thm-white); font-weight: 600; line-height: 52px; }
.banner-caption h1 label{ color: var(--thm-seablue); }
.banner-caption h1 span{ display: block; color: var(--thm-white); font-size: 20px; line-height: 24px; padding-top: 10px; font-family: var(--thm-fontmulish); font-weight: normal; }
.car-banner{ max-width: 1188px; margin: auto; }
.home-abt{ margin-left: 20px; }
.home-abt h2{ font-size: 24px; color: var(--thm-black); }
.home-abt h2 span{ color: var(--thm-darkblue); font-size: 36px; font-weight:bold; display: block; line-height: 40px; padding:10px 0px; }
a.default-btn{ text-decoration: none; display: inline-block; }
a.default-btn div{ background: var(--thm-darkblue); border-radius: 5px; padding: 10px 20px; color: var(--thm-white); transition: 1s; }
a.default-btn div:hover{background: var(--thm-seablue);}
.seablue-bg{ background: var(--thm-seablue); }
.subheading{font-size: 40px; color: var(--thm-white); font-weight: bold; line-height: 52px; padding:30px 0px; border-right: 1px solid var(--thm-lightblue);  }
.rules-padd{ padding: 20px 10px; }
.rules-padd p{ padding-top: 15px; color: var(--thm-white); letter-spacing: 0.1px; line-height: 22px;}

.blue-shape-svg{margin-bottom: -3px; z-index: -2; position: relative;}

.footer-bg{ background: var(--thm-darkblue);  }
.footer-icons{ padding: 0px 0px 10px 0px; }
.footer-icons i{ border:2px solid var(--thm-lightblue); width:44px; height: 44px; text-align: center; line-height: 40px; font-size:16px;
border-radius: 50%; color: var(--thm-lightblue);  }
.footer-icons i a{ color: var(--thm-lightblue); text-decoration: none;}
.footer-icons i:hover{ color: var(--thm-seablue); border:2px solid var(--thm-seablue); cursor: pointer;  }

.link-footer a{ color: var(--thm-lightblue); text-decoration: none; font-family: var(--thm-fontmulish); letter-spacing: 0.2px; }
.link-footer a:hover{color: var(--thm-seablue);}

.copyrights{ font-family: var(--thm-fontmulish);  color: var(--thm-lightblue); font-size: 13px; }
.copyrights a{color: var(--thm-seablue); text-decoration: none;}

.counter{
    color: #222;
    text-align: center;
    padding: 0 10px;
}
.counter .counter-icon{
    color: #fff;
    background-color: #FD521E;
    font-size: 30px;
    line-height: 84px;
    height: 80px;
    width: 80px;
    margin: 0 auto 7px;
    border-radius: 20px/50px;
    position: relative;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.counter .counter-icon:before{
    content: '';
    background-color: rgba(255,255,255,0.15);
    position: absolute;
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.counter .counter-value{
    color: #FD521E;
    font-size: 30px;
    font-weight: 600;
    display: block;
}
.counter h3{
    color: #555;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}
.counter.blue .counter-icon{ background-color: #0073E6; }
.counter.blue .counter-value{ color: #0073E6; }
.grey-bg{ background: #f6f6f6; padding: 20px 30px; border-radius: 30px;}
.grey-bg h3{ text-transform: none; }

.main-banner-inside{ background: url('../images/home-banner-bg.jpg') center top; height:250px; }
.inner-ban-text{ text-align: right; }
.inner-ban-text h1{ font-size: 30px; color: var(--thm-white); }
.inner-ban-text h1 span{ display: block; font-family: var(--thm-fontmulish); font-size: 16px; letter-spacing: 1px; }
.inner-ban-text h1 span a{ text-decoration: none;  color: var(--thm-white); }
.inner-ban-text h1 span a:hover{ color: var(--thm-seablue); }
.services-txt h1{ font-size:30px; color: var(--thm-seablue); }
.services-txt ul{ margin: 0px; padding: 0px; }
.services-txt ul li { list-style: none; font-family: var(--thm-fontmulish); font-size: 18px; padding: 8px 0px 0px 24px; position: relative; }
.services-txt ul li:before{ content: '\f00c'; width: 20px; line-height: 20px; position: absolute; left: 0px; top: 10px;  font-family: 'Font Awesome 5 Pro'; color: var(--thm-seablue);}
.price-box{ background: var(--thm-verylightblue); border-radius: 15px; }
.price-box-blue{ background: var(--thm-seablue); height: 100px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 30px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.price-inside{ height: 100px; width: 100em; display: table-cell; vertical-align: middle; text-align: center; font-size: 22px; color: var(--thm-white); line-height: 30px; font-weight:500; padding: 0px 30px;}
.price-inside span{ display: block; font-family: var(--thm-fontmulish); font-size: 16px; letter-spacing: 1px;}
.price-detail-box{ padding:5px 10px 10px 10px; }
.price-detail-box ul{ list-style: none; margin: 0px; padding: 0px; }
.price-detail-box ul li{ font-family: var(--thm-fontmulish); font-size: 16px; padding:12px; border-bottom: 1px dashed var(--thm-seablue);
font-weight: 600; }
.price-detail-box ul li:last-child{ border-bottom: 0px; }
.price-detail-box ul li span{ float: right; font-size: 22px; color: var(--thm-darkblue);}
.price-detail-box ul li span i{ font-size: 18px; }
.sub-text-small ul{ list-style: none; margin: 0px; padding: 0px; }
.sub-text-small ul li{  font-family: var(--thm-fontmulish); font-size:16px; font-weight: bold; list-style: disc; margin-left: 30px; }

.faqDivMn{margin-bottom: 30px; overflow: hidden; clear: both;}
.faqDivRow1{background: var(--thm-lighgrey); overflow: hidden; height: 80px; border-left: 4px solid var(--thm-seablue);}
.faqDivrow1-col1{width:8%; float: left; font-size:40px; color: var(--thm-seablue); height: 80px; text-align: center;}
.faqDiv-col-1-inner{ height: 84px; width: 100em; vertical-align: middle; display: table-cell;}
.faqDivrow1-col2{width:92%; float: left; font-size: 20px; color: var(--thm-black); height: 80px; text-align: left;}
.faqDivRow2{background:  var(--thm-white); overflow: hidden; border-left: 4px solid var(--thm-darkblue);}
.faqDivrow2-col1{width:8%; float: left; font-size:40px; color: var(--thm-darkblue); text-align: center; box-sizing: border-box;
padding: 10px;}
.faqDivrow2-col2{width:92%; float: left; text-align: left; box-sizing: border-box; padding: 10px 0px; font-family: var(--thm-fontmulish); font-size:16px;}
.faqDivrow2-col2 p{ margin-bottom: 0px; font-family: var(--thm-fontmulish); font-size:16px;}


/*Contact Us*/
.contact-block{ padding: 60px 0px; overflow: hidden; }
.media i{width: 40px; height: 40px; line-height: 40px; background: var(--thm-seablue); color:#ffffff; border-radius: 50%;
    margin:5px 0px; font-size:14px; text-align: center;}
.media .media-body{ padding-left: 10px; padding-top: 10px; }
.media .media-body h5{ color:#0d1886; margin:0px; padding: 0px; }
.media .media-body p{ margin: 0px; padding: 0px; }
.follow-us i{width: 44px; height: 44px; line-height: 44px; background:var(--thm-seablue); color:#ffffff; border-radius: 50%;
    margin:5px 0px; font-size:18px; text-align: center;}
.contact-form input{
  border:0px; border-radius:30px; padding:16px 20px; background: #ffffff;
width: 100%; box-sizing: border-box; margin-top:5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}
.contact-form textarea{
  border:0px; border-radius:30px; padding:16px 20px; background: #ffffff;
width: 100%; box-sizing: border-box; margin-top: 15px; resize: none;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}
.contact-form button{background:var(--thm-seablue); border-radius:30px; padding:14px 20px; color:#ffffff; border:0px;
text-transform: uppercase; font-size: 18px; width: 150px;}