html,body {font-family: "Lexend", sans-serif;font-size: 16px;margin:0px;padding:0px !important;color: #000000;line-height:1.8;background-color: #ffffff !important;overflow-x: hidden;scroll-behavior:smooth;}
h1, h2, h3, h4, h5, h6 {font-weight:600;margin-bottom:15px;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight:400;margin-bottom:15px;}
h2,.h2{font-size: 40px;}
h5,.h5{font-size: 18px;}
p{font-weight:400;margin-bottom:15px;}
a{color:#4B306D;transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;-ms-transition-duration:0.4s;text-decoration:none;}
a:hover {text-decoration:none;outline:none;color:#F89B24;}
ul, ol {margin:0px;}
ul li, ol li {margin: 0;}
blockquote {background:#f5f5f5 ;}
a,button,i,img{transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;}
img {max-width: 100%;height: auto;}
:focus{outline:none;}
*::-moz-selection {background: #4B306D;text-shadow: none;color: #ffffff;}
*::selection {background: #4B306D;text-shadow: none;color: #ffffff;}
.btn {padding: .450rem 1.4rem;border-radius:50px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;vertical-align: top;}
.btn:focus{box-shadow:none;}
.default-btn {padding: 9px 20px;color: #ffffff;background-color: #ff6a00;font-weight: 500;font-size: 18px;border:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.default-btn:hover, .default-btn.active {background-color:#F89B24;color: #4B306D;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.secondary-btn{padding: 9px 20px;background-color: #F89B24;color: #4B306D;font-weight: 500;font-size: 18px;border:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.secondary-btn:hover, .secondary-btn.active{background-color: #4B306D;color: #ffffff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-position: 100% 0;}
.default-outline-btn {padding: 9px 20px;color: #F89B24;border: 1px solid #F89B24;background-color:transparent;font-weight: 500;font-size: 18px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.default-outline-btn:hover, .default-btn.active {background-color:#F89B24;color: #4B306D;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.image{background:#fafafa;overflow:hidden;position:relative;transition:all 0.2s linear 0s;width:100%;z-index:2;}
.image .img-thumb{display:block;position:relative;overflow:hidden;}
.image .img-thumb{height:200px;text-align:center;transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;}
.image .img-thumb img{width:100%;height:100%;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:all 0.6s linear 0s;object-fit: cover;}
.img-bg {background-size: cover;background-repeat: no-repeat;background-position: center center;}
.img-fit{object-fit:cover;}
.bg-dark {background-color: #1F1F1F !important;}
.bg-red {background-color: var(--red) !important;}
.bg-lighter{background-color: #FFF8F0 !important;}
.bg-lighter{background-color: #FFF8F0 !important;}
.bg-dark-blue{background: #283862 !important;}
.bg-default{background:#4B306D !important;}
.text-red {color: var(--red) !important;}
.text-black{color:#000000 !important;}
.text-default{color:#4B306D !important;}
.text-yellow{color: #F89B24 !important;}
.progress-bar{background-color:#4B306D !important;}
.shadow-top, .shadow-bottom, .shadow-left, .shadow-right{position:relative;}
.shadow-squre{box-shadow:0 0px 10px 0 rgba(0,0,0,.1);}
.shadow-top{box-shadow:0 -5px 5px 0 rgba(0,0,0,.1);}
.shadow-bottom{box-shadow:0px 10px 5px -5px rgba(0,0,0,0.1);}
.shadow-left{box-shadow:-5px 0 5px 0 rgba(0,0,0,0.1);}
.shadow-right{box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);}
.shadow-inset-squre{box-shadow:0 0 10px 0 rgba(0,0,0,.1) inset;}
.shadow-inset-top{box-shadow:0 5px 5px 0 rgba(0,0,0,.1) inset;}
.shadow-inset-bottom{box-shadow:0 -5px 5px 0 rgba(0,0,0,0.1) inset;}
.shadow-inset-left{box-shadow:-5px 0 5px 0 rgba(0,0,0,0.1) inset;}
.shadow-inset-right{box-shadow:5px 0 5px 0 rgba(0,0,0,0.1) inset;}
.modal {z-index: 100050;}
.modal-backdrop {z-index: 100040;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #4B306D;}
.relative { position: relative;}
.overlay {position: absolute; left: 0;right: 0; top: 0; bottom: 0;}
.overlay-bg{background-color: #000000;opacity:0.75;}
.form-control{height: calc(3rem + 2px);font-size: 16px;border-radius: 50px;border: 1px solid #EBEBEB; padding: .375rem 1.2rem;}
.form-control:focus{box-shadow:none;border-color:#4B306D;}
.form-control::placeholder{color:#a4a4a4;opacity:1;}
/*.custom-select{height: calc(3rem + 2px);font-size: 16px;border-radius: 50px;border: 1px solid #EBEBEB;padding: .375rem 1.2rem;padding-right: 1.8rem;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3e%3cpath fill='%23a4a4a4' d='M0 307.2c0-6.552 2.499-13.102 7.499-18.101 9.997-9.998 26.206-9.998 36.203 0l442.698 442.698 442.699-442.698c9.997-9.998 26.206-9.998 36.203 0s9.998 26.206 0 36.203l-460.8 460.8c-9.997 9.998-26.206 9.998-36.203 0l-460.8-460.8c-5-5-7.499-11.55-7.499-18.102z'/%3e%3c/svg%3e");background-size: 0.8em auto, 100%;background-repeat: no-repeat;background-position: right .8em top 50%, 0 0;}*/
.custom-select{height: calc(3rem + 2px);font-size: 16px;border-radius: 50px;border: 1px solid #EBEBEB;padding: .375rem 1.2rem;padding-right: 1.8rem;background:#fff url("data:image/svg+xml,");background-size: 0.8em auto, 100%;background-repeat: no-repeat;background-position: right .8em top 50%, 0 0;}
.custom-select:focus{box-shadow:none;border-color:#4B306D;}
.custom-control-label:before,.custom-control-label:after {top: .15rem;width: 1.2rem;height: 1.2rem;}
.custom-checkbox .custom-control-label:before {border-radius: 0rem;border:1px solid #d8d8d8;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #4B306D;background-color: #4B306D;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #4B306D;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none}
/*--------------------------------------------
1.9. slick arrow
---------------------------------------------------*/
.slick-prev, .slick-next {display: block;width: 32px;height: 32px;line-height: 14px;transition:all 0.3s ease 0s;border-radius: 9px;background-color: #4B306D;}
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus{background-color:#F89B24;}
.slick-prev:hover:before, .slick-next:hover:before{color:#ffffff;}
.slick-prev:focus:before, .slick-next:focus:before{color:#ffffff;}
.slick-prev {left: -10px;}
.slick-next {right: -10px;}
.slick-prev:before, .slick-next:before {font-family: 'FontAwesome';font-size: 24px;color:#ffffff;transition:all 0.3s ease 0s;opacity: 1;}
.slick-prev:before{content:"\f104";}
.slick-next:before{content:"\f105";}
.slick-dots{bottom:-50px;}
.slick-dots li{width: 17px;height: 2px;margin: 0 10px;}
.slick-dots li.slick-active{position: relative;display: inline-block;width: 17px;height: 2px;transform: scale(1.2);}
.slick-dots li button{width: 17px;height: 2px;padding: 0px;position:relative;}
.slick-dots li button:before{content:"";font-size: 12px; background:#4b306d;opacity:1;width: 17px;height: 2px;line-height: 2px;border-radius: 22px;}
.slick-dots li.slick-active button:before{opacity: 1;background: #F89B24;}
.slick-prev.slick-disabled, .slick-next.slick-disabled{display:none !important;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0;}
.before-icon {padding-left: 25px;position: relative;}
.before-icon i {font-size: 18px;color: #4B306D;position: absolute;left: 2px;top: 0px;font-style: normal;text-align:center;}
.contact-nav ul {padding: 0px;margin-bottom:0px;}
.contact-nav ul li {color: #2c2c2c;display: inline-block;vertical-align: top;margin:0px 0px;padding:5px 0px;margin-right: 7px;padding-right: 8px;position: relative;}
.contact-nav ul li:last-child{margin-right:0px;}
.contact-nav ul li a{color:inherit;}
.topbar{background:#4B306D;padding:10px 0px;color:#ffffff;}
.topbar .before-icon i {color: #F89B24;top: 5px;}
.topbar .contact-nav ul li {color: #ffffff;font-size:24px;font-weight: 600;}
.topbar .contact-nav ul li a:hover{color: #F89B24;}
.header .container{position: relative;}
.header{position: relative;display: block;transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;}
.header .navbar{background:#FFF8F0;width:100%;padding-top: 8px;padding-bottom: 8px;z-index: 9992;transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@media screen and (max-width: 991px){
.sticky.header .navigation .navbar{position:fixed;width:100%;left:0px;top:0px;z-index:1001;box-shadow:0px 5px 7px rgba(0,0,0,0.15);-webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;}
}
@media screen and (min-width: 992px){
.sticky.header .navigation .navbar {position:fixed;width:100%;left:0px;top:0px;z-index:10001;box-shadow:0px 5px 7px rgba(0,0,0,0.15);-webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.logo{max-width: 231px;height: 61px;line-height: 61px;display:block;margin: 5px 0px;margin-right:15px;padding: 0px 0px;}
.logo img{max-width:100%;max-height:100% !important;}
.logos {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.logos img {
height: 120px;
margin: 10px;
}
@media(max-width:1024px){
.logos img {
height: 95px;
margin: 10px;
}
}
@media(max-width:767px){
.logos img {
height: 50px;
margin: 10px 5px;
}
}
.info {
text-align: center;
margin-top: 10px;
font-size: 16px;
line-height: 1.5;
color: #000;
}
.icon {
color: #ff6a00;
margin-right: 6px;
}
.image-row {
text-align: center;
margin-top: 20px;
}
.rounded-image {
width: 85%;
border-radius: 50%;
max-width: 350px;
}
.sdg-img {
width: 70%;
max-width: 350px;
margin-top: 20px;
}
a {
color: #ff6a00;
text-decoration: none;
font-weight: bold;
}
.small-text {
text-align: justify; font-size: 16px; color: black;
}
.bold-text {
text-align: left; font-size: 18px; color: black;font-weight:bold;
}
/* Navigation & Dropdown Menu */
.navigation {background-color:#04367c;}
.navigation .navbar {padding-top:0px;padding-bottom:0px;}
.navigation .navbar .navbar-nav li {position: relative;}
.navigation .navbar .navbar-nav >li> a {font-size: 16px;font-weight: 700;color: #ffffff;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;padding: 14px 20px 8px 12px;display: block;}
.navigation .navbar .navbar-nav>li>a.active-menu, .navigation .navbar .navbar-nav>li:hover>a {color: #F89B24;background: #ffffff;}
.navbar-collapse{position:relative;}
.mega-menu-li {position: initial !important;z-index: 999;}
.mega-menu-submenu{width: 100%;left: 0;right: 0;margin: auto;opacity: 0;visibility: hidden;background: #ffffff;padding: 3.704vw 7.4078vw;font-size: 14px;border: none;}
.mega-menu-submenu .mega-menu-link{color:#333333;display:block;padding:5px 0px;margin-bottom:5px;border-bottom:1px solid #e4e4e4;line-height: 1.4}
.mega-menu-submenu .mega-menu-link:hover{color:#F89B24;}
@media (min-width: 992px) {
.navigation .navbar .navbar-nav li a.drop-arrow{position:relative;padding-right:20px !important;}
.navigation .navbar .navbar-nav li a.drop-arrow:after{content:"\f107";position:absolute;right:2px;margin-top: 0px;font-family:FontAwesome;font-weight: 400;}
.mega-menu-submenu {z-index: 20;top: 100%;left: 0;margin-left: -.0625rem;margin-top: -.0625rem;padding: .625rem .9375rem .625rem .9375rem;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color: #fff;border: 0 none;-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;}
.mega-menu-submenu {position: absolute;z-index: 99;-moz-transition: all .1s ease;-o-transition: all .1s ease;-webkit-transition: all .1s ease;transition: all .1s ease;min-width: 12.5rem;}
.mega-menu-submenu > .mega-menu-submenu-inner {min-height: 11.25rem;}
.mega-menu-li:hover > .mega-menu-submenu, .mega-menu-li:focus > .mega-menu-submenu {display: block;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;visibility: visible;}
}
@media (max-width: 991px) {
.mega-menu-submenu{display: none;padding: 2.704vw 4.4078vw;}
.mega-menu-li {position: relative !important;}
}
.navigation .navbar .navbar-nav li .sub-menu {list-style:none;margin:0px;padding:0px;position: absolute;top: 110%;left: 0;background-color: #3B62AF;width: 250px;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;z-index: 99;}
.navigation .navbar .navbar-nav li:hover .sub-menu {opacity: 1;visibility: visible;top: 100%;}
.navigation .navbar .navbar-nav li .sub-menu li {margin-right: 0;}
.navigation .navbar .navbar-nav li .sub-menu li a {padding: 7px 12px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.5);color: #fff;font-size: 14px;}
.navigation .navbar .navbar-nav li .sub-menu li a.active, .navigation .navbar .navbar-nav li .sub-menu li a:hover {padding-left: 16px;background: #F89B24;color: #ffffff;}
.navigation .navbar .navbar-nav li .sub-arrow > a{position:relative;padding-right:20px !important;}
.navigation .navbar .navbar-nav li .sub-arrow > a:after{content:"\f105";position:absolute;right:10px;top:5px;font-family:FontAwesome;font-size: 20px;}
.navigation .navbar .navbar-nav li .sub-menu .subsub-menu{list-style:none;margin:0px;padding:0px;position: absolute;top: 0%;left: 100%;background-color: #0f3c6c;width: 250px;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;z-index: 99;}
.navigation .navbar .navbar-nav li .sub-menu li:hover .subsub-menu {opacity: 1;visibility: visible;top: 0%;}
.sub-nav-toggler {display: none;}
.subsub-nav-toggler {display: none;}
.mega-sub-nav-toggler {display: none;}
.navigation .navbar .navbar-nav li .sub-menu li:last-child a {border-bottom: 0;}
.navbar .navbar-toggler {padding: 3px 8px;margin: 9px 0;border:0;-webkit-transform: all 0.4s linear;transform: all 0.4s linear;}
.navbar .navbar-toggler:focus{outline:none;}
.navbar .navbar-toggler .icon-bar {width: 30px;height: 2px;background-color: #ffffff;display: block;margin: 5px 0;position: relative;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(1) {-webkit-transform: rotate(46deg);transform: rotate(46deg);top: 7px;}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(2) {opacity: 0;}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(3) {-webkit-transform: rotate(134deg);transform: rotate(134deg);top: -7px;}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navigation .navbar .navbar-nav li a {font-size: 16px;padding: 5px 8px 5px 8px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navigation .navbar {padding-top: 10px;padding-bottom: 10px;}
.navigation .navbar .navbar-nav {margin-right: 0px;}
.navbar-collapse{position: absolute;top: 100%;left: 0;width: 100%;z-index: 99;background-color: #4B306D;padding: 5px 10px;}
.navigation .navbar .navbar-nav li {margin-right: 0;}
.navigation .navbar .navbar-nav li > a {padding: 8px 10px;display: block;color: #fff;}
.navigation .navbar .navbar-nav li .sub-menu {position: relative !important;width: 100% !important;left: 0 !important;top: auto !important;opacity: 1 !important;visibility: visible !important;display: none;right: auto;-webkit-transition: none;transition: none;-webkit-transform: translateX(0%);transform: translateX(0%);text-align: left;}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
.navigation .navbar .navbar-nav li a .mega-sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
}
/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {
.navigation .navbar {padding-top: 10px;padding-bottom: 10px;}
.navigation .navbar .navbar-nav {margin-right: 0px;}
.navbar-collapse{position: absolute;top: 100%;left: 0;width: 100%;z-index: 99;background-color: #4B306D;padding: 5px 10px;}
.navigation .navbar .navbar-nav li {margin-right: 0;}
.navigation .navbar .navbar-nav li > a {padding: 8px 10px;display: block;color: #fff;}
.navigation .navbar .navbar-nav li .sub-menu {position: relative !important;width: 100% !important;left: 0 !important;top: auto !important;opacity: 1 !important;visibility: visible !important;display: none;right: auto;-webkit-transition: none;transition: none;-webkit-transform: translateX(0%);transform: translateX(0%);text-align: left;}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
.navigation .navbar .navbar-nav li a .mega-sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
}
/* Large Mobile :480px. */
@media only screen and (max-width: 575.98px) {
.navigation .navbar {padding-top: 5px;padding-bottom: 5px;}
.navigation .navbar .navbar-nav {margin-right: 0px;}
.navbar-collapse{position: absolute;top: 100%;left: 0;width: 100%;z-index: 99;background-color: #3B61AD;padding: 5px 10px;}
.navigation .navbar .navbar-nav li {margin-right: 0;}
.navigation .navbar .navbar-nav li > a {padding: 8px 10px;display: block;color: #fff;}
.navigation .navbar .navbar-nav li .sub-menu {position: relative !important;width: 100% !important;left: 0 !important;top: auto !important;opacity: 1 !important;visibility: visible !important;display: none;right: auto;-webkit-transition: none;transition: none;-webkit-transform: translateX(0%);transform: translateX(0%);text-align: left;}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
.navigation .navbar .navbar-nav li .sub-arrow > a:after {display:none;}
.navigation .navbar .navbar-nav li .sub-menu .subsub-menu {position: relative !important;width: 100% !important;left: 0 !important;top: auto !important;opacity: 1 !important;visibility: visible !important;display: none;right: auto;-webkit-transition: none;transition: none;-webkit-transform: translateX(0%);transform: translateX(0%);text-align: left;}
.navigation .navbar .navbar-nav li .sub-menu li a .subsub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color:#ffffff;}
.navigation .navbar .navbar-nav li a .mega-sub-nav-toggler {position: absolute;padding: 7px 11px;background: none;border: 0;top: 0;right: 0;cursor: pointer;display: block;color: #ffffff;}
}
.search-nav{position:relative;margin:8px 0px 8px;margin-left: 15px;}
.search-nav .form-control{height: calc(1.8em + 2px);box-shadow:none;color:#ffffff;padding: .275rem 1.55rem;padding-left:0px;border:0;border-radius:0;background:transparent;border-bottom:1px solid #ffffff;padding-right:1.85rem;font-weight:300;}
.search-nav .form-control:focus{box-shadow:none;}
.search-nav .form-control::placeholder{opacity: 1;color:#ffffff;}
.search-nav .btn{font-size:22px;color:#ffffff;padding: 0px 0px;border-radius: 0px;height: 26px;line-height: 1;position:absolute;right:0px;top:0px;z-index: 3;}
.search-nav .btn:hover{color:#F89B24;}
.search-nav .btn svg{fill:#ffffff;}
.search-nav .btn:hover svg{fill:#F89B24;}
@media(min-width:992px){
.search-nav .form-control{width: 324px;}
}
@media only screen and (max-width: 575px) {
.search-nav {position: relative;margin-left: 0px;}
}
/*--------------------Banner------------------------*/
.banner-section{position:relative;}
.banner-section .tp-bullets{bottom:10px !important;}
.tp-caption{font-family: Montserrat !important;}
/*.banner-section .tp-banner-container li .slotholder:after {content:"";position: absolute;top: 0px;left: 0px;right: 0px;width:100%;height:100%;opacity:0.5;z-index: 9;}
.banner-section .tp-banner-container li .slotholder:after {background: #000000;}*/
/*--------------------Section------------------------*/
.section {position: relative;padding-top: 10px;padding-bottom: 50px;z-index:2;}
.section-title{position:relative;padding-bottom: 20px;margin-bottom: 20px;}
.section-title .title{font-size:40px;font-weight:700;color:#1A181D;margin-bottom:0px;line-height: 1.2;}
.section-title p{color:#1A181D;font-size: 18px;margin-bottom:0px;line-height: 1.2;}
@media screen and (max-width: 575px){
.section {padding-top: 24px;padding-bottom: 24px;}
.section-title .title{font-size:22px;}
}
/* Hero Section */
.hero-section {position:relative;min-height:80vh;background-repeat:no-repeat;background-size:cover;background-position:center top;padding-top: 16px;padding-bottom: 16px;z-index:1;}
.banner-content{padding:20px 0px;}
.banner-content .text-h2{color: #ffffff; font-size: 52px;font-weight: 700;margin-bottom:15px;}
.banner-content p{font-weight:300;margin-bottom:25px;font-size:18px;color:#ffffff;}
.hero-section{display:flex;align-items: center;}
.banner-content .btn{margin-right:20px;min-width:154px;}
@media (max-width:767px) {
.banner-content .text-h2 {font-size: 26px;}
}
.trackbox .trk-title{font-size:16px;background: #ff6a00;color: #ffffff;padding: 8px;border-radius: 8px;border-bottom: 5px solid #863800;}
.heading-line {border-radius: 4px;display: block;padding-bottom: 15px;background-image: linear-gradient(to right, firebrick, darkorange);background-size: 100% 15%;background-repeat: no-repeat;background-position: center bottom;}
.heading-line-inline {border-radius: 4px;display: inline-block;padding-bottom: 8px;background-image: linear-gradient(to right, firebrick, darkorange);background-size: 100% 15%;background-repeat: no-repeat;background-position: center bottom;}
.bottom-line-heading h2 {
position: relative;
display: inline-block;
padding: 5px 10px;
border-radius: 10px;
border-bottom: 1px solid mediumseagreen;
}
.bottom-line-heading h2:after {
content: '';
position: absolute;
bottom: calc(-100% - 1px);
margin-left: -10px;
display: block;
width: 100%; height: 100%;
border-radius: 10px;
border-top: 1px solid mediumseagreen;
}
.gradient-text {background: #5C33D0;background: linear-gradient(90deg,firebrick 0%, darkorange 100%);background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}
.section-hero{padding:00px 0px;background:url(../images/hero-bg.png);background-color: #d0dff4;}
.date h2 {
position: relative;
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
width: 250px;
text-align: center;
margin-left: 20px;
white-space: nowrap;
border: 2px solid #ff6a00;
background: #ff6a00;
color: #fff;
padding: 5px 11px 3px 11px;
}
.date h2::before, .date h2::after {
background-color: #ff6a00;
position: absolute;
content: '';
height: 7px;
width: 7px;
border-radius: 50%;
bottom: 12px;
}
.date h2::before {
left: -20px;
}
.date h2::after {
right: -20px;
}
.border-heading h2 {
position: relative;
font-size: 40px;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
display:inline-block;
text-align: center;
margin: 0px auto 20px;
border: 2px solid #ff6a00;
padding: 5px 11px 3px 11px;
}
.border-heading h2::before, .border-heading h2::after {
background-color: #ff6a00;
position: absolute;
content: '';
height: 7px;
width: 7px;
border-radius: 50%;
transform: translateY(-50%);
top: 50%;
}
.border-heading h2::before {
left: -20px;
}
.border-heading h2::after {
right: -20px;
}
.portal-section{position:relative;}
.footer{
background-color:#04367c;
color:#ffffff;
text-align:center;
padding:15px 10px;
margin-top:40px;
font-size:14px;}
#backToTop {
position: fixed;
bottom: 25px;
right: 25px;
background: #ff6a00;
color: white;
padding: 10px 16px;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
z-index: 9;
display: none;
transition: opacity 0.3s ease;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#backToTop:hover {
background: #e65e00;
}
.info-box {
background: #3b61ad; /* light grey background */
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
height: 100%; /* so all boxes match height */
}
.info-box strong {
display: block;
margin-top: 5px;
color: #ffffff;
}
.info-box2 {
background: #ff6a00; /* light grey background */
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
height: 100%; /* so all boxes match height */
}
.info-box2 strong {
display: block;
margin-top: 5px;
color: #ffffff;
}
@media(max-width:767px){
h2, .h2 {
font-size: 24px;
}
.border-heading h2 {position: relative;font-size: 20px;}
}
.btn-download {
display: inline-block;
padding: 12px 24px;
background-color: #ff7a00; /* bright orange */
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
border-radius: 6px;
transition: 0.3s ease;
}
.btn-download:hover {
background-color: #e86c00; /* darker orange on hover */
transform: translateY(-2px);
}
.member-swiper {
max-width: 1000px;
margin: 0px auto;
}
.slide-container {
display: flex;
align-items: center;
gap: 40px;
background: #f5f5f5;
padding: 40px;
border-radius: 10px;
}
.member-image-box {
flex: 1;
max-width: 250px;
}
.member-image-box img {
max-width: 250px;
height: 250px;
object-fit: cover;
border-radius: 10px;
}
.member-content-box {
flex: 1;
max-width: calc(100% - 250px);
background: #f5f5f5;
padding: 0px;
border-radius: 10px;
}
.member-content-box h3 {
font-size:20px;
margin-top: 0;
}
/* Responsive */
@media (max-width: 768px) {
.slide-container {
flex-direction: column;
min-height:450px;
}
.member-content-box {
flex: 1;
max-width: calc(100% - 0px);
}
}
.table td, .table th {
padding: 5px;
vertical-align: top;
border-top: 1px solid #dee2e6;
line-height: 1.3;
}
.nav-tabs {
border-bottom: 1px solid #ff6a00;
}
.nav-tabs .nav-link{
background-color: #2a2a2a;
color: #ffffff;
outline:none;
margin-right:15px;
padding: .5rem 2rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #2a2a2a #2a2a2a #2a2a2a;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #ffffff;
background-color: #ff6a00;
border-color: #ff6a00 #ff6a00 #ff6a00;
}
.profile-box {
background: #ffffff;
max-width: 250px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
text-align: center;
transition: 0.3s;
margin-bottom:20px;
min-height: 420px; /* Added minimum height */
}
.profile-box:hover {
transform: translateY(-5px);
}
.profile-box img {
max-width: 200px;
height: 200px;
border-radius: 5%;
object-fit: cover;
margin-bottom: 15px;
}
.profile-box h3 {
font-size:18px;
margin: 10px 0 5px;
}
.profile-box p {
color: #777;
font-size: 14px;
}
.profile-box button {
margin-top: 15px;
padding: 8px 15px;
border: none;
background: #ff6a00;
color: white;
border-radius: 5px;
cursor: pointer;
}
.profile-box button:hover {
background: #0056b3;
}