@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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    outline: none;
    text-decoration: none !important;
}

html, body {
    font-family: 'Poppins', 'Manrope', sans-serif;
    overflow-x: hidden;    
}

body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    margin: 0;
}

p {
    font-family: 'Manrope', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.8;
}

span {
    font-weight: 400;
}

a {
    font-family: 'Manrope', sans-serif;
    font-size: 16px !important;
    font-weight: 400;
}
a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

label, input, textarea, button {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
}

textarea {resize: none;}

ul, ol {list-style: none;}
ul {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

ol {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
}

.text-justify {text-align: justify !important;}
.text-dark-blue {color: #2D2D85 !important;}
.bg-dark-blue {background: #2D2D85 !important;}
.text-blue {color: #28B4EF;}
.bg-blue {background: #28B4EF;}
.bg-blue-1 {background: #2E4A99;}

.highlight_text {font-family: 'Poppins', sans-serif !important;}

.yellow-bg {background: #FFD43C;}
.yellow-text-1 {color: #FFD43C;}
.yellow-text {color: #FFF000 !important;}
.yellow-text-2 {color: #FFAA45;}

.wrapper {padding-top: 45px;}

/*--------------- back to top button----- */
#myBtn_Gototop {
    display: none;
    position: fixed;
    bottom: 70px;
    right: 15px;
    width: 45px;
    height: 45px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #26348B;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    line-height: 0;
}

/* -------------Navigation Bar=---------*/

.navbar .navbar-brand img {
    width: 200px;
}
.navbar ul li {
    padding-left: 10px;
}
.navbar ul li a {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    color: #fff;
    border-radius: 12px;
}
.navbar.bg-white ul li a:hover{
    background-color: #555;
    color: white !important;
}

.navbar ul li a:hover{
    background: transparent;
    color: #28B4EF !important;
    border-radius: 0;
    -webkit-transition: unset !important;
    -ms-transition: unset !important;
    -moz-transition: unset !important;
    transition: unset !important;
}

.navbar ul li a.active {
    font-weight: 700;
    color: #28B4EF !important;
}
.navbar.bg-white ul li a {color: #212529 !important;}
.navbar.bg-white ul li a:hover{
    border-bottom: 1px solid #28B4EF;
    background: transparent;
    color: #28B4EF !important;
}

.navbar.bg-white ul li a.active {
    font-weight: 800;
    color: #28B4EF !important;
}
.navbar-toggler {
    background: #000;
}

.navbar.fixed-top {box-shadow: 0 1px 30px rgba(0,0,0,0.4);}

/* ------footer ----*/
/* Footer */
.footer-section {
    width: 100%;
    background: url(../images/BlueShapesBg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    padding: 200px 0 20px 0;
}
.footer-section .footer_logo {width: 200px; margin-bottom: 20px;}
.footer-section h3 {font-weight: 600 !important;}
.footer-section ul li a {color: #FFFFFF;}
.footer-section .reach_icon {width: 20px; float: left; margin: 5px 10px 5px 0;}
.footer-section p {display: flow-root;}
.footer-section hr {background-color: #FFFFFF;}
.footer-section ul.social-links li {padding-left: 25px;}
.footer-section ul.social-links li a {color: #FFD43C;}
.footer-section ul.social-links li a i {font-size: 20px;}
.footer-section .sancharlogo {width: 80px; margin-bottom: 20px;}

/* Whatsapp button */
.whatsapp {
    position: fixed;
    bottom: 15px;
    z-index: 3;
    right: 15px;
}
.whatsapp a {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 100%;
    background: #59ce72;
    box-shadow: 0 6px 8px rgb(0 0 0 / 40%);
    display: block;
    text-align: center;
    padding: 10px 0;
}
.whatsapp a:active {box-shadow: 0 2px 4px rgb(0 0 0 / 40%);}
.whatsapp a i {font-size: 24px; color: #FFFFFF;}

.circles_icon {
    width: 35px !important;
}
  
/* Responsive Design */
@media screen and (max-width: 1200px) {
    .navbar ul li a {font-size: 16px !important;}
}
@media screen and (max-width: 1024px){
    .footer-section {
        padding: 140px 0 20px 0;
    }
    .footer-section ul li a {font-size: 16px !important;}
    .footer-section ul.social-links li {padding-left: 26px;}
}
@media screen and (min-width: 992px){

}
@media screen and (max-width: 991px) { 
    .navbar ul li {padding: 0;}
    .navbar ul li a {padding: 10px !important;}
    .navbar .navbar-toggler {color: #000000 !important; background: transparent;}
    .navbar .navbar-toggler:focus {box-shadow: none;}
    .navbar.bg-white .navbar-toggler {color: #000000 !important;}
    #navbarNavAltMarkup {background: #FFFFFF;}
    #navbarNavAltMarkup ul li a {color: #000000 !important;}
    #navbarNavAltMarkup ul li a.active {
        background: #2282D8 !important; 
        color: #FFFFFF !important; 
        font-weight: 600 !important; 
        border-radius: 0;
    }    
    .footer-section {
        background: url(../images/BlueShapesBg1.svg);
        background-size: cover;
        padding: 100px 0 20px 0;
    }
    .mobile-column-reverse {flex-direction: column-reverse;}
}
@media screen and (max-width: 767px) {
    .footer-section {
        background: url(../images/BlueShapesBg1.svg);
        background-size: cover;
        padding: 100px 0 30px 0;
    }
    .footer-section p {font-size: 16px !important;}
    .footer-section ul.social-links li {padding-left: 25px;}
}
@media screen and (max-width: 670px) {
    .footer-section ul.social-links li {padding-left: 22px;}
}
@media screen and (max-width: 550px) {
    .footer-section {background: url(../images/BlueShapesBgMobile.svg); background-size: cover; padding-bottom: 10px;}
    .social-links {margin: 15px 0;}
    .footer-section ul.social-links li {padding: 0 15px;}
    #myBtn_Gototop {bottom: 15px; right: 70px;}
}
@media screen and (max-width: 480px) {
    .footer-section {padding-bottom: 15px;}
    .footer-section ul.social-links li {padding: 0 12px;}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 400px) {}
@media screen and (max-width: 370px) {
}
@media screen and (max-width: 300px) {
    .navbar .navbar-brand img {width: 190px;}
    .footer-section ul li a {font-size: 15px !important;}
    .footer-section ul.social-links li {padding: 0 12px;}
    .footer-section p {font-size: 15px !important;}
}