@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");


:root {    
    font-size:16px;
    --bs-primary: #302483;
    --bs-secondary: #E35B27;
    --bs-teritary: #041624;
    --bs-body-font-family: 'Poppins', sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #606060;
    --bs-body-bg: #fff;
}
body{overflow-x: hidden;}
html{scroll-behavior: initial !important;}

@media(min-width:1900px) {
    .container-lg {
        max-width: 1660px;
    }
}

@media(min-width:1700px) and (max-width:1899px) {
    .container-lg {
        max-width: 1560px;
    }
}

@media(min-width:1600px) and (max-width:1699px) {
    .container-lg {
        max-width: 1460px;
    }
}

img{max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:0;}
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child){margin-bottom:.5rem;}

a{color: var(--bs-primary); cursor:pointer; text-decoration:none;}
a:hover{color:#000000;}
b,strong{font-weight: 600;}

.bg-primary{background-color: var(--bs-primary) !important;}
.text-primary{color: var(--bs-primary) !important;}

.btn{
    font-size: 1rem;
    border-radius: 6px; 
}
.btn:active, .btn:focus{outline:none; box-shadow:none !important; -webkit-box-shadow:none !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0;}

.btn-primary{
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    &:hover, &:active, &:focus{
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }
}
.btn-outline-primary{
  color: var(--bs-primary);
  background-color: transparent;
  border-color: var(--bs-primary);
  &:hover, &:active, &:focus{
    color: #ffffff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
}

.main-container{min-height:100%; position:relative;}

#header{padding:0; position: sticky; top: 0; z-index: 2;}
#header .header-wrap-top{padding:8px 0;  background-color: var(--bs-primary); font-size: 0.875rem; color: #ffffff;}
#header .header-search-bar .form-control{border: 0; border-bottom: 1px solid #ffffff; outline: 0; box-shadow: none; background-color: transparent; border-radius: 0; font-size: 0.875rem; color: #ffffff; width: 100%; max-width: 200px; padding: 2px 10px 2px 24px;}
#header .header-search-bar .btn{position:absolute; top:6px; left:0; padding:0; background-color:transparent; font-size:0.875rem; color:#ffffff; border:0;}


#header .header-wrap{padding: 12px 0; background-color: #ffffff; box-shadow: 0px 3px 6px #00000029;}
#header .header-logo img{max-width: 120px;}
#header .main-nav{}
#header .main-nav ul{margin:0; padding:0; display: flex; grid-column-gap: 20px;}
#header .main-nav li{margin:0; padding:0; list-style: none; font-size: 0.875rem; line-height:1.3;}
#header .main-nav li a{margin:0; padding:0; display: inline-block; color: var(--bs-primary);}
#header .main-nav li a:hover{color: #E30B10;}

#pull_nav{display:none; margin-left:10px;}
.pull-nav{display:inline-block; vertical-align:top; padding: 12px 10px 13px; height:40px; border-radius:0; cursor:pointer; outline:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;}
.pull-nav .n, .pull-nav .g, .pull-nav .s{display:block; width: 27px; height:2px; background-color: var(--bs-primary);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.pull-nav .g, .pull-nav .s{margin-top:4px;}
.pull-nav .g {width: 22px; margin-left: 5px;}
.pull-nav .s {width: 17px; margin-left: 10px;}

#swipe_overlay{display:none;}

.pull_nav_close{display:none;}
.pull-close-nav{display:inline-block;}
.pull-close-nav .n, .pull-close-nav .g, .pull-close-nav .s{display:block; width:28px; height:3px; background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pull-close-nav .n{
-ms-transform: rotate(45deg) translate(7px, 7px);
-webkit-transform: rotate(45deg) translate(7px, 7px);
-moz-transform: rotate(45deg) translate(7px, 7px);
-o-transform: rotate(45deg) translate(7px, 7px);
transform: rotate(45deg) translate(7px, 7px);}
.pull-close-nav .s{margin-top:7px;
-ms-transform: rotate(-45deg) translate(7px, -7px);
-webkit-transform: rotate(-45deg) translate(7px, -7px);
-moz-transform: rotate(-45deg) translate(7px, -7px);
-o-transform: rotate(-45deg) translate(7px, -7px);
transform: rotate(-45deg) translate(7px, -7px);}
.pull-close-nav .g{margin-top:7px;
transform: scale(0);
visibility: hidden;
}

.section{padding: 50px 0; margin-left: 10px; margin-right: 10px;}
.section.gray{background-color: #F8F8F8;}
.section .section-title{font-size: 2.25rem; color:var(--bs-primary); font-weight: 600;}
.section .section-subtitle{font-size: 1rem; font-weight: 500; margin-bottom: 10px;}



#footer{padding: 40px 0 20px; margin: 0 10px 10px; background-color: var(--bs-primary); border-radius: 10px;}
#footer .footer-logo img{width: 200px;}

#footer h4{font-weight: 600; color:#ffffff; font-size: 1.25rem; margin-bottom: 15px;}
#footer p{font-weight: 300; color:#ffffff; font-size: 0.875em;}

#footer .footer-nav{}
#footer .footer-nav ul{margin:0; padding:0;}
#footer .footer-nav li{margin:0 0 10px; padding:0; list-style:none; font-weight: 400; font-size: 1rem;}
#footer .footer-nav li:last-of-type{margin-bottom:0;}
#footer .footer-nav li a{margin:0; padding:0; color:#ffffff; text-decoration:none;}
#footer .footer-nav li a:hover{color: #ffffff; text-decoration:none;}

#footer .footer-info{}

#footer .footer-social {
}

#footer .footer-social ul {
  margin:0;
  padding:0;
  display:flex;
  flex-flow:row wrap;
  grid-gap:12px
}
#footer .footer-social li {
  margin:0;
  padding:0;
  list-style:none
}
#footer .footer-social li a {
  margin:0;
  padding:0;
  display:block;
  width:24px;
  height:24px;
  background-color:#fff;
  border-radius:3px;
  font-size:.875rem;
  color:var(--bs-primary);
  line-height:24px;
  text-align:center
}
#footer .footer-social li a:hover {
  background-color:#E30B10;
  color:#fff
}

#footer .footer-secondary-nav{font-size: 0.875rem; color: #ffffff;}
#footer .copyright-text{font-size: 0.875rem; color: #ffffff; padding-top: 15px; border-top: 1px solid #ffffff;}




@media (max-width: 991px){

}

@media (max-width: 1199px){
.section{padding: 40px 0;}
}

@media (max-width: 991px){
.section{padding: 30px 0;}
.section .section-title{font-size: 1.75rem;}

}

@media (max-width: 991px){
#header .main-nav{margin-top: 40px;}
#header .main-nav ul{flex-direction: column;}
#header .main-nav li a{padding: 10px 20px; display: block; border-bottom: 1px solid #6d5fd0; color: #ffffff;}

body.overf{overflow:hidden;}
#header .header-wrap .header-nav-row{margin:0; padding:0;}
#swipeNav{right:-260px; position:fixed; top:0; width:260px; height:100%; background: var(--bs-primary); padding:20px 0 30px; z-index:101;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-overflow-scrolling: touch;
}
#swipeNav.open{right:0; overflow-y:auto;}
#pull_nav{display:inline-block; vertical-align: top;}
.pull_nav_close{display:block;}
#swipe_overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0, .7);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#swipe_overlay.in{display:block;}

.top_nav{columns: inherit;}
.top_nav li{margin-bottom:10px;}
.top_nav li a{font-size: 1rem;}
.top_nav li li{margin-bottom: 0;}
.top_nav li.has-dropdown .arrow{display: inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size: 0.875rem; cursor:pointer;}
.top_nav li.has-dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107"; font-weight: 400; display: inline-block;
transition: -webkit-transform ease-in-out .3s;
transition: transform ease-in-out .3s;
transition: transform ease-in-out .3s,-webkit-transform ease-in-out .3s;
}
.top_nav li.has-dropdown.open .arrow:after{
-webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.top_nav li.has-dropdown.open > ul{display:block;}

}

@media (max-width: 767px){
#header .header-wrap{padding: 8px 0;}
#header .header-wrap .header-logo img{width: 100px;}

#footer .footer-social ul{justify-content: center;}
}


@media (max-width: 480px){

}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 480px) {
    
}