:root {
    --bs-primary: #ed1d24;
    --bs-secondary: #171717;
    --bs-radius: 0px;
}
@font-face {font-family: "Aller";font-style: normal;font-weight: 400;
    src: url('../fonts/aller_rg-webfont.woff2') format('woff2'), url('../fonts/aller_rg-webfont.woff') format('woff'),url('../fonts/Aller_Rg.ttf') format('TrueType'); font-display: swap;
} 

@font-face {font-family: "Aller Bold";
     font-style: normal;font-weight: 700;
    src: url('../fonts/aller_bd-webfont.woff2') format('woff2'), url('../fonts/aller_bd-webfont.woff') format('woff'), url('../fonts/Aller_Bd.ttf') format('TrueType');  font-display: swap;
}
.text-primary{color: var(--bs-primary) !important;}
.bg-primary, .btn-primary, .btn-secondary:hover, .btn-outline-secondary:hover, .btn-outline-primary:active, .list-group-item.active, .dropdown-item:focus, .dropdown-item:hover, .accordion-button:not(.collapsed){background: linear-gradient(90deg, rgba(237,29,36,1) 0%, rgba(240,4,12,1) 46%, rgba(230,20,27,1) 100%)!important; color:var(--bs-white)!important;}
.bg-secondary, .btn-secondary, .btn-primary:hover, .btn-outline-primary:hover, .btn-outline-secondary:active{background:var(--bs-secondary)!important;  color:var(--bs-white)!important;}
.btn-primary, .btn-outline-primary, .btn-secondary:hover, .btn-outline-secondary:hover, .dark-mode .btn-secondary, .form-check-input:checked{border-color: var(--bs-primary)!important; }
.btn-secondary, .btn-primary:hover, .btn-outline-primary:hover{border-color: var(--bs-secondary)!important;}
.btn-outline-primary, .btn-outline-secondary{color: var(--bs-secondary)!important;}
.btn{padding: 0.4rem 2rem !important;}
.btn:focus, .btn:active:focus{outline: none !important;  box-shadow: none;}
.btn, .form-control, .form-select,  .card{border-radius: var(--bs-radius);}
::selection, .form-check-input:checked {color: var(--bs-white);background-color: var(--bs-primary);}
.vh-85 {height: 85vh!important;}
.h-65{height: 65%;}
a {text-decoration: none;}
html{scroll-behavior: smooth;} 
h1, h2, h3, h4, h5, h6{font-family: "Aller Bold";}
h1{font-size: 34px!important;}
h2{font-size: 26px!important;margin-top:20px; }
h3{font-size: 22px!important;}
h4{font-size: 20px!important;}
h5{font-size: 18px!important;}


body{color:var(--bs-secondary) !important; background-color: white;font-family: 'Aller';}
body::-webkit-scrollbar-track, .overflow-auto::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: var(--bs-radius);background-color: var(--bs-secondary);}
body::-webkit-scrollbar, .overflow-auto::-webkit-scrollbar{width: 10px;background-color: var(--bs-secondary);}
body::-webkit-scrollbar-thumb, .overflow-auto::-webkit-scrollbar-thumb{border-radius: var(--bs-radius);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:  var(--bs-primary);}

#header{border-bottom: 5px solid var(--bs-primary);}
#logo img{transition: 0.2s; }
.big-logo img{width: 100%; }
.small-logo img{width: 80%; }
.navbar-nav .nav-item .nav-link{font-size: 18px; font-weight: 500; color: var(--bs-secondary); }
.mega-content .flex-column .nav-item  .nav-link{font-size: 16px; font-weight: 300; }
.mega-content .flex-column .nav-item .nav-link:hover{color:var(--bs-primary);}
.mega-content .nav-border{border-right: 1px solid #ccc;}
.navbar-expand-lg .navbar-nav .dropdown-menu {border-top: 3px solid var(--bs-primary);}
#sec1{background-image: url('../images/home-headerBanner.webp');background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: cover;}
#sec2 p{text-align: justify;}
#sec4{background-image: url('../images/flag-icon.png');background-position: center 100%;background-repeat: no-repeat;background-size: 40%; padding-bottom:5%;}
.thankyou-page img, .notfound-page img{z-index:-1;}
.thankyou-page h1, .notfound-page h1{font-size:8vw;text-shadow: 0px 0px 10px #00000078;}
.contact-title{height:50px;}
.sidebar-check li{display:flex;}
.sidebar-check li:before{content: "\f560"; color: var(--bs-primary);}
.sidebar-check li:before, .footer-nav li a:before {font-family: "Font Awesome 6 Free";font-weight: 900; margin-right:10px;}
.accordion-button:not(.collapsed) {box-shadow: none;} 
.latest-blog {border-bottom: 1px solid #00000020;}
.latest-blog:hover{background-color: var(--bs-list-group-action-active-bg);}
.latest-blog img{max-width: 80px;height: 50px;}

ul, ol{margin: 20px 0px;}
ul li, ol li{margin-bottom: 10px;}
.list-h3  ol li{font-size:22px!important;font-weight: 700!important;}
.list-h3  ol  ul li{font-size:16px!important;font-weight: 400!important;}

.footer-nav li a:before {content: "\f061";}
footer ul li a{ color:var(--bs-white) !important;}
#backtoTop{right: 1%;bottom: 3%;width: 50px;height: 50px;padding: 0px !important;}


#whatsapp { padding:10px 20px; 
    position:fixed;
    left: 10px;
    z-index: 99;
    bottom: 3%;
    top: auto;
    background: #28b63e;
    font-size:18px;
}
.badge{background:red;padding:2px;border: 3px solid #fff;border-radius:50%;width: 25px;position: absolute !important;right: 10px;top: -13px !important;height: 25px;line-height: 15px;}

.support{bottom: 75px;left: 10px;display: flex; align-items:center; transition: 0.2s; padding:8px 5px; z-index:999;}
.support img{border-radius:50%;padding: 7px;width: 55px; height:55px;cursor: pointer;margin-left: 8px; animation: bouncebounce 0.8s ease infinite;margin-right:10px;}
.support .support-numbers{
    border-radius: 5px;font-size:15px;
   
    width: 0px;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    transition: width 0.3s ease-in-out;
 
}
.support:hover{background:#000; border-radius: 5px;transition: 1s;}
.support:hover img{animation:none; }
.support:hover .support-numbers{width: 230px;  transition: width 0.3s ease-in-out; }
@keyframes bouncebounce {
    0%{transform: translateY(0);} 
    50% {transform: translateY(-8px);}  
    100% {transform: translateY(-0px);}
}
.support a:hover{color: #ee141c !important;}



@media (max-width: 575.98px) {
    .vh-85 {height: 50vh!important;}
    #sec1{background-attachment: unset;background-position: left;}
    h1{font-size: calc(1.375rem + 1.5vw);}
    h2{font-size: calc(1.2rem + .9vw);} 
    .lead {font-size: 1rem;}
    .mega-content .py-4 {padding-top: 0rem!important;padding-bottom: 0rem!important;}
    .navbar-expand-lg .navbar-nav .dropdown-menu {border: none;box-shadow: none!important;}
    .mega-content .nav {border-right: none;border-left: 2px solid var(--bs-primary);}
    #sec1 button{width: fit-content;}
    .accordion-button{font-size: 18px !important;}
    .h-65 {height: 55%;}
    #sec3 .h-65{padding: 1rem 0.8rem!important;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .vh-85 {height: 45vh!important;} 
    #sec1{background-attachment: inherit;background-position: center; position:relative;z-index: -2;}
    #sec1:before{content:"";background: #000000a1; width:100%;height:100%; position:absolute;z-index: -1;}
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 90%;}
    .navbar-expand-lg .navbar-toggler {display: none;}
    .navbar-nav .nav-item .nav-link{padding: 0.4rem 0.8rem !important;}
    .navbar-expand-lg {flex-wrap: nowrap; justify-content: flex-start;}
    .navbar-expand-lg .navbar-collapse {display: flex!important;flex-basis: auto;}
    .navbar-expand-lg .navbar-nav {flex-direction: row; margin-bottom: 0rem !important;}
}

@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 90%;}
}