@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{font-family:"Roboto",serif;}
a,a:hover{text-decoration:none;}
.styled-link{position:relative;padding-bottom:3px;flex-shrink:0;}
.styled-link:after{content:"";position:absolute;bottom:0px;left:auto;right:0px;width:0%;height:1px;transition:0.5s all;}
.styled-link:hover:after{content:"";position:absolute;bottom:0px;left:0px;right:auto;width:100%;height:1px;background-color:#fff;}


.navbar-fixed-bottom{position:fixed;bottom:0;z-index:999999}
.float{font-weight: 500;vertical-align:middle;padding: 8px 22px 10px;position:fixed;bottom:20px;left:10px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size: 15px;z-index:100;text-decoration:none;animation:key1 .3s ease infinite alternate}
.float:hover{color:#fff}
.float i{margin-right:10px;font-size:22px;position:relative;top:2px;color:#f8f8f8}
@keyframes key1{
	0%{transform:translateY(0)}
	100%{transform:translateY(-10px)}
}

/* navbar Above */
#navbarAbove{font-size:15px;color:#ffffff;padding:10px 0px;background-color:#fff;font-family:"Lato",sans-serif;}
#navbarAbove a{color:#000;letter-spacing:1px;}
#navbarAbove .styled-link:hover:after{background-color:#000!important;}

/* navbar Below */
#navbarBelow .navbar-toggler i{color:#000;}
#navbarBelow{z-index:999;background-color:hsla(0,0%,100%,1);border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:0;position:sticky;top:-1px;}
#navbarBelow a{color:#000000;font-weight:normal;font-size:16px;}
#navbarBelow .navbar-toggler{color:#fff;border:none;box-shadow:none;}
#navbarBelow.fixed-top{background-color:#000;animation:navbarBelow 500ms linear;}
@keyframes navbarBelow{
  0%{opacity:0%;transform:translateY(-50%);}
  100%{opacity:100%;transform:translateY(0);}
}
#navbarNavDropdown{font-size:1.1rem;font-weight:600;}
.navbar-brand img{max-height:60px;}
.dropdown-menu{background-color:transparent;}
.dropdown-item{color:#000;font-weight:400;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item.active,.dropdown-item:hover{background-color:#121c3df4;color:#fff!important;}
.navbar-right-button{background-color:#25d366;border:none;box-shadow:1px 1px 5px #000;color:#fff!important;font-weight:400;padding:9px 14px;border-radius:10px;transition:transform 200ms;}
.navbar-right-button:hover{transform:scale(1.05);}
#navbarBelow .navbar-collapse.show,#navbarBelow .navbar-collapse.collapsing{margin-top:10px;}

/* FOOTER  */
footer{background:#ffffff;}
.foot_icon p{font-size:18px;}
.foot_icon i{font-size:36px;color:#0084a9;}
.foot_link a{font-size:18px;color:#303030;}
.copyright p{font-size:12px;color:#636363;}
#captcha{background:#fff;color:#00252d;margin:8px 9px;padding:2px 30px;fon-weight:700;text-transform:uppercase;border:1px solid #c2c2c2;}

/* modal */
.modal{top:0%;background:#000000de;}
.modal-dialog{max-width:500px;margin:180px auto 0;}
.pop_heading{width:100%;padding:20px;}
.pop_heading h5{font-size:19px;font-weight:700;margin:0 0 15px;border-left:4px solid #0084a9;padding:0 20px;line-height:29px;text-transform:uppercase;}
.pop_heading h4{font-size:23px;font-weight:700;color:#0084a9;padding:0 0 0 30px;}
.field{width:100%;position:relative;margin:0 0 10px;}
span.pop_icon{position:absolute;color:#0084a9;left:13px;top:7px;}
.field .form-control{width:100%;border-radius:0;padding:3px 0 4px 37px;resize:none;}
.modal-content{box-shadow:rgb(243,238,238) 0px 0px 3px 2px;border-radius:30px;}
#popupform p{text-align:center;font-size:14px;color:#0084a9;margin:19px 0 0;}
.modal-header{padding:0;border:none;}
button.pop_btn{font-size:16px;text-transform:uppercase;color:#000;background:#0084a9;padding:10px 0;border:none;width:100%;}
button.close{background:url(img/cross.webp) no-repeat 0 0;height:25px;position:absolute;top:9px;right:15px;display:block;opacity:1;}
.fade.in{overflow:hidden;}
.h_banner{background:url(img/ban_bg.jpg) no-repeat center center / cover,linear-gradient(to top,#000000bf,#00000054);height:400px;background-blend-mode:overlay;}
.theme_btn,.theme_btn1{background-color:#0084a9;border:2px solid #0084a9;font-weight:600!important;color:#fff;padding:10px 30px;border-radius:20px;}
.theme_btn1{background-color:transparent!important;color:#0084a9!important;}
.theme_btn:hover,.theme_btn1:hover{background-color:#0084a9!important;color:#fff!important;}
.s1_main{box-shadow:0 2px 4px #00000040;background-color:#0084a9;padding:3rem;}

/* 
.sec_2 .s2_right{
  position: relative;
}
.sec_2 img::before{
  position: absolute;
  top: 20px;
  border: 6px solid #25d366;
  content: "";
} */
.heading{font-size:54px;color:#0084a9;font-weight:400;}
.para{font-size:18px;}
.sec_8{background-color:#f1f1f1;}
.s8_box{border-radius:8px;padding:30px 10px;height:100%;border:solid 2px hsl(212deg 100% 15% / 70%);}
.s9_box{border-radius:10px;box-shadow:0 3px 10px #00000040;background:#fff;padding:40px;height:100%;}
.s9_img{height:200px;width:200px;margin-bottom:32px;display:flex;}
.s9_img img{border-radius:50%;object-fit:cover;}
.sec_10{background-color:#0084a9;}
.sec_10 .theme_btn,.sec_10 .theme_btn:hover{background-color:#fff!important;color:#0084a9!important;border-color:#fff;}

/* ModalCSS */
@media (max-width:991px){
  #navbarBelow .navbar-collapse{order:3;padding:0px 10px;}
  #navbarBelow .navbar-toggler{order:1;}
  .para{font-size:14px;}
  .heading{font-size:28px;}
}
@media (max-width:768px){
    .theme_btn, .theme_btn1{padding:10px 10px;font-size: 14px;}
}
@media (max-width:575px){
  .navbar-brand img{max-height:30px;}
  #navbarAbove{padding:5px 0px;font-size:12px;text-align:center;}
  .display_img{display:none;}
  .foot_top,.sec_5,.sec_2,.sec_3,.sec_4,.sec_5,.sec_6,.sec_7{text-align:center;}
  .theme_btn,.theme_btn1{font-size:12px!important;padding:10px 10px;margin:5px 0;text-align:center;}
    #navbarBelow .navbar-toggler {display:none!important;}
    .foot_icon span{justify-content:center;}
    .ban_main{padding-top:0!important;}
    .h_banner{height: 300px!important;}
}