:root {
    --black:#1f1f1f;
    --white:#fff;
    --blue:#007bff;
    --primary:#1C4044;
    --secondary:#058466;
}
.cursor {position: fixed;width: 40px;height: 40px;background-color: transparent;border-radius: 50%;pointer-events: none;transition: .1s;transform-origin: 50% 50%;z-index: 9999;border: 2px solid #44ebb2   ;}
/* .cursor1 {position: fixed;width: 10px;height: 10px;background-color: transparent;border-radius: 50%;pointer-events: none;transition: .15s;transform-origin: 50% 50%;z-index: 9999;border: 2px solid #9AD953;} */
body {overflow-x: hidden;}
body::-webkit-scrollbar {width: 12px}
body::-webkit-scrollbar-thumb {background-color: var(--primary);border-radius: 6px}
body::-webkit-scrollbar-track {background-color: var(--black)}
body {scrollbar-width: thin}
body::-moz-scrollbar {width: 12px}
body::-moz-scrollbar-thumb {background-color: #888;border-radius: 6px}
body::-moz-scrollbar-track {background-color: #f0f0f0}
.sticky-wrapper.is-sticky .site-navbar {background: var(--primary);-webkit-box-shadow: 4px 0 20px -5px rgb(0 0 0 / 10%);box-shadow: 0px 6px 9px 0px rgb(0 0 0 / 10%)}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {color: var(--white)}
.sticky-wrapper.is-sticky .site-navbar .site-menu>li>a {color: var(--white) !important}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {padding: 9px 20px;display: block;font-size: 16px}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {background: var(--secondary);color: var(--white)}
.site-navbar .site-navigation .site-menu .has-children .dropdown {visibility: hidden;opacity: 0;top: 100%;position: absolute;text-align: left;border-top: 1px solid var(--white);-webkit-box-shadow: 0 2px 10px -2px rgb(0 0 0 / 45%);box-shadow: 0 2px 10px -2px rgb(0 0 0 / 45%);padding: 0px 0;margin-top: 0px;margin-left: 0px;background: var(--white);-webkit-transition: 0.2s 0s;-o-transition: 0.2s 0s;transition: 0.2s 0s;border-radius: 6px;min-width: 12rem;padding: 0}
.typer-decor {font-size: 6rem;font-weight: 600;height: 8rem;text-transform: uppercase}
.btn-1 {font-size: 16px;font-weight: bold;text-transform: uppercase;text-decoration: none;letter-spacing: 0.7px;border: solid 3px var(--white);border-radius: 0rem;color: var(--white);padding: 10px 20px;font-size: 20px}
.btn-1:hover {background: var(--white);color: #3d3d3d}
.btn-2 {font-size: 14px;font-weight: 600;text-transform: uppercase;text-decoration: none;letter-spacing: 0.7px;border-radius: 4px;color: var(--black);padding: 10px 20px;background:var(--secondary)}
.btn-2:hover {background: var(--secondary);color: var(--white)}
.btn-3 {font-size: 14px;font-weight: 500;text-transform: uppercase;text-decoration: none;letter-spacing: 0.7px;background: var(--white);border: solid 2px var(--white);border-radius: 0rem;color: var(--black);padding: 10px 20px}
.btn-3:hover {background: var(--white);color: #3d3d3d}
.bg-black {background: var(--black)}
.bg-gray {background-image: url(../images/bg12-min.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover}
.fw-600 {font-weight: 600;text-align: left !important;color: var(--primary)}
.sec-pad-80 {padding-top: 80px;padding-bottom: 80px}
.sec-two h3 {color: var(--white);font-weight: 600}
.sec-two p {color: var(--white)}
.bg-grad-2 {background: linear-gradient(89deg, #ff7c2e00, #ff7c2e00)}
.gray-card-hover-1,
.gray-card-hover-2,
.gray-card-hover-3 {border: solid 1px #dfdfdf}
.gray-card {background: var(--white);margin-bottom: 15px;padding: 15px;border-radius: 8px;border: solid 2px #b9d7ff;box-shadow: 6px 6px 35px 0px rgb(191 219 255 / 41%)}
.gray-card:hover {background: #8abaff}
.f-ul-nav {list-style: none;display: flex;padding-left: 0px;float: right}
.f-ul-nav li {margin-right: 15px;color: #636363}
.f-ul-nav li a {color: var(--black);font-size: 14px;font-weight: 300}
.bod-fot {border-bottom: solid 1px #636363}
.card{background-color: var(--primary);color: var(--white);}
.f-ul-links,
.f-ul-address,
.f-ul-social {list-style: none;padding: 0px}
.f-ul-links li a,
.f-ul-address a,
.f-ul-social a {color: var(--white);vertical-align: middle;font-size: 14px}
.f-ul-links li a span {color: #a3a3a3;font-size: 9px;vertical-align: middle;padding-right: 7px}
.f-ul-address li a span {color: #a3a3a3;font-size: 16px;vertical-align: middle;padding-right: 7px}
.f-ul-social li {margin-bottom: 15px}
.f-ul-social li a {background: #212121;height: 44px;width: 44px;display: inline-block;padding-top: 13px;border-radius: 50px}
.mng-adrs-icon {float: left;margin-bottom: 34px;margin-right: 10px}
.c-center {text-align: center}
.mar-r-15 {margin-right: 15px}
.timeline-grad {position: relative}
.timeline-grad>li::before {content: '';position: absolute;width: 1px;background-color: var(--black);top: 0;bottom: 0;left: -19px}
.timeline-grad>li::after {text-align: center;padding-top: 14px;z-index: 10;content: counter(item);position: absolute;width: 50px;height: 50px;border-radius: 50%;top: 0;left: -43px;color: var(--white)}
.timeline-grad>.li-grad-1::after {background: linear-gradient(90deg, #214044, #00060e, #298465)}
.timeline-grad>.li-grad-2::after {background: linear-gradient(90deg, #214044, #00060e, #298465)}
.timeline-grad>.li-grad-3::after {background: linear-gradient(90deg, #214044, #00060e, #298465)}
.timeline-grad>li {counter-increment: item;padding: 3px 10px 50px 20px;margin-left: 0px;min-height: 70px;position: relative;background-color: #ffffff00;list-style: none;color: var(--black)}
.timeline-grad>li:nth-last-child(1)::before {width: 0px}
ul.list_arow li {position: relative;padding: 5px 0px 5px 20px;display: block;color: var(--black)}
ul.list_arow li:before {content: "\f058";font-family: 'Font Awesome\ 5 Free';margin: 0px 8px 32px -37px;color: var(--secondary) !important;font-size: 26px;vertical-align: middle;font-weight: 700}
ul.list_arow.inlien {padding-left: 15px;margin-bottom: 0rem}
ul.list_arow.inlien li {display: inline-block;padding: 11px 26px;margin: 10px;background: #a5a5a500;border-radius: 6px}
.tbl-scroll {width: 100%;height: 500px;overflow-y: scroll;overflow-x: hidden}
thead {background: var(--blue);color: var(--white)}
.table-striped tbody tr:nth-of-type(odd) {background-color: #b9d7ff;color: var(--black)}
.table-striped tbody tr:nth-of-type(even) {background-color: #b5d5ff;color: var(--black)}
.table thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e600}
.table th,
.table td {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e614}
.card-img-1 img {width: 100px}
.nav-pills-decor {background: #242620;padding: 7px;border-radius: 4px;margin-bottom: 20px}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {color: var(--white);background: linear-gradient(90deg, #214044, #00060e, #298465);}
.nav-pills .nav-link {border-radius: 0.25rem;color: var(--black)}
@media (max-width:992px) and (min-width:320px) {
.c-center {text-align: left;}
.f-ul-nav {list-style: none;display: flex;padding-left: 0px;float: left;}}
a.btny1 {background: var(--secondary);color: var(--white) !important;padding: 14px 16px;border-radius: 8px;font-weight: 600;margin: 1px;border: 1px solid transparent}
a.btny1:hover {background: #44ebb2;border: 1px solid var(--primary);color: var(--primary) !important;}
a.btng1 {background: var(--black);color: var(--white);padding: 14px 16px;border-radius: 8px;font-weight: 600;margin: 1px}
a.btng1:hover{background: #44ebb2 !important;border: 1px solid #44ebb2 !important;color: var(--primary) !important;}
.white {color: var(--white)}
.c-yellow {color: var(--white) !important}
.logbt {background: var(--secondary);border-radius: 4px;color: var(--white) !important;margin-left: 10px;font-weight: 500;font-size: 14px;border-radius: .25rem;transition: .5s;}
.logbt:hover{background-color: #44ebb2;transition: .5s;}

.logbt a span {color: var(--white) !important}
.signbt {background: transparent;font-weight: 500;font-size: 14px;border-radius: 4px;text-align: center;border: 1px solid var(--secondary);border-radius: .25rem;}
.signbt a span {color: var(--secondary)}
.signbt:hover{background-color:#44ebb2;color:var(--white);border-color: #44ebb2;}
@media (max-width: 992px) and (min-width: 320px) {
a.btny1 {background: var(--blue);color: var(--white);padding: 10px 20px;border-radius: 50px;font-weight: 600;margin: 1px;font-size: 10px}
a.btny1:hover {background: var(--blue);color: var(--white);;padding: 10px 20px;border-radius: 50px;font-weight: 600;margin: 1px;font-size: 10px}
a.btng1 {background: #d1d1d1;color: var(--black);padding: 10px 20px;border-radius: 50px;font-weight: 600;margin: 1px;font-size: 9px}
a.btng1:hover {background: #d1d1d1;color: var(--black);padding: 10px 20px;border-radius: 50px;font-weight: 600;border: solid 1px var(--black);font-size: 9px}
.logbt {background: var(--blue);border-radius: 50px;color: var(--black) !important;margin-bottom: 15px;text-align: center}
.signbt {background: #6a6a6a;border-radius: 50px;color: var(--black) !important;text-align: center}}
.first-ul {background: var(--secondary);margin-bottom: 15px;padding: 10px;border: 1px solid var(--secondary);box-shadow: 0px 4px 16px rgb(51 51 51 / 6%);border-radius: 8px;transition: .5s;}
.first-ul:hover{background-color: var(--primary);transition: .5s;transform: scale(1.1);}
.first-ul .acc-img{background-color: var(--primary);transition: .5s;border: 1px solid var(--secondary);}
.first-ul:hover .acc-img img{filter: invert(1)brightness(2);transition: .5s;}
.first-ul .acc-img i{color: var(--white);}
.first-ul i {font-size: 32px;color: var(--primary);margin-right: 15px}
.first-ul h2 {font-weight: 600; font-size: 28px; line-height: 1.3;margin: 1rem 0;color: var(--white);}
#role {font-size: 36px;line-height: 56px;font-weight: 800}
.sticky-wrapper .site-navbar .site-menu-toggle {color: var(--white);background: #939393e8;width: 30px;height: 29px;padding: 0px;border-radius: 50px;display: flex;align-items: center;justify-content: center;padding-top: 8px}
.sticky-wrapper .site-navbar .site-menu-toggle span {line-height: 1;font-size: 24px}
@media (max-width:768px) and (min-width:320px) {
.banner-text {padding-top: 94px;}
#role {color: var(--white);font-size: 38px;line-height: 30px;font-weight: 800;}
}
.nc-card {background-color: var(--black) !important;padding: 1rem;border: 1px solid transparent !important;text-align: left;border: 0.25px solid var(--white);border-radius: 20px !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5)}
.nc-card>div:first-child {background-color:var(--primary);border-radius: 50px 50px 50px 50px;overflow: hidden;padding: 25px;width: 100px;margin-bottom: 15px;height: 100px;display: inline-block;margin-right: 1rem}
.nc-card img {width: 50px;margin-right: 15px;margin-bottom: 1rem}
.nc-card h5 {font-weight: 700;color: var(--white);margin-bottom: 15px;font-size: 24px;text-align: left !important}
.nc-card p {font-size: 14px;font-weight: 400;color:var(--white)}
.zero-decor {background-image: url(../images/fade-bg.png);background-position: center center;padding: 15px 15px 0px 15px;border-radius: 15px;min-height: 350px}
.dropdown-menu p {font-size: 14px;color: #7F8082}
@media (max-width: 992px) and (min-width: 320px) {
.hero-inner1 {background-image: url(../images/i-innerbg1.png), linear-gradient(#348bff, #88b9f9);background-repeat: no-repeat;background-size: cover;padding: 80px 0 !important;background-position-y: 48%;background-position-x: 70%;}
.hero {background-image: url(../images/parallax-bg-1.jpg), linear-gradient(271deg, #0000003b 42%, #010102f5);background-blend-mode: overlay;background-repeat: no-repeat;background-size: cover;padding: 80px 0px 0px 0px;background-position-y: 99%;background-position-x: 69%;}
.set-pb-6 .pb-6 {padding-bottom: 0rem;}
.set-pt-5 .pt-5 {padding-bottom: 0rem;}}
@media (max-width: 1199px) and (min-width: 320px) {
.hide1199 {display: none !important}
.decor {padding-left: 15px !important}
.btn1-header-login {background: transparent;color: #138C61;font-weight: 500;font-size: 14px;padding: 12px;border: 1px solid #ffcc00;outline: none !important;border-radius: 4px;text-align: center;margin-bottom: 15px;margin-top: 15px}
.btn1-header-login a {padding: 0px !important}}
.footer-area {position: relative;color: var(--white);padding: 80px 0 50px 0}
.login {background: linear-gradient(90deg, #3f51b5 2.26%, #0087ff 95.58%);color: var(--white);border-radius: 4px;border: 1px solid transparent;padding: 4px 1rem !important;margin-top: 4px}
.header-fixed .login {color: var(--white) !important}
.overlay-svg {background-image: url(../images/sec-bg.png);background-position: center center;background-repeat: no-repeat;background-size: cover;opacity: 1;transition: background .3s, border-radius .3s, opacity .3;background-attachment: scroll;position: relative;height: 100%;width: 100%;top: 0;left: 0;position: absolute}
/* BANNER CSS */
/* .owl-theme .owl-prev span,
.owl-theme .owl-next span {display: none} */
.sec-02 {position: relative;padding: 8rem 0}
.sec-02::before {content: '';position: absolute;background-color: var(--white);top: 0;left: 0;right: 0;bottom: 0;}
.sec-03 {position: relative}
.sec-03::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #cce3ff;}
.acc-img {background-color: var(--secondary); border-radius: 50px 50px 50px 50px; overflow: hidden; padding: 25px; width: 80px; height: 80px; display: block; position: relative; margin: auto; margin: 2rem auto;}
.acc-img img {width: 50px;position: absolute;top: 50%;left: 50%;right: 0;bottom: 0;transform: translate(-50%, -50%)}
.acc-img + div{text-align: center;}
.sec-04::before{content: '';position: absolute;background-color: #62736F;top: 0;left: 0;right: 0;bottom: 0;}
.back-to-top {font-size: 24px;width: 45px;height: 45px;line-height: 42px;text-align: center;display: none;position: fixed;bottom: 230px;right: 20px;z-index: 999;border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;background: var(--secondary);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out}
.back-to-top.open {bottom: 30px}
.back-to-top:hover{background-color: #44ebb2;}
.back-to-top i {color: var(--primary)}
.f-ul-nav li {margin-right: 15px;background: var(--secondary) ;border-radius: 50px;width: 40px;height: 40px;padding: 9px 10px;display: flex;justify-content: center;align-items: center;transition: .5s;}
.f-ul-nav li:hover{background-color: #44ebb2;transition: .5s;}
.f-ul-nav li a {color: var(--black) !important;font-size: 14px !important;font-weight: 300 !important}
.f-ul-nav li a i{font-size: 21px;color: #F9F7F3;}
.heading-xsmall {font-size: 1.5rem;line-height: 1.4;font-weight: 700;color: var(--primary);margin: 15px 0;text-align: center;}
.heading-xxlarge {font-size: 1.5rem;line-height: 1.2;font-weight: 700;color: var(--primary);text-align: center;}
.text-size-regular.text-color-white {color: var(--primary)}
.pricing-feature-icon-wrapper {width: 1.5rem;height: 1.5rem;border-radius: 100px;background-color: var(--primary);float: left;margin-right: 15px;text-align: center;padding: 2px}
.pricing-plan {padding: 1.5rem;border-radius: 1rem;background-color: var(--white);color: var(--white);position: relative}
.pricing-plan.most-popular {background: var(--secondary)}
.f-ul-links li a span,.f-ul-address li a span {color: var(--secondary) !important}
.w-button {background: var(--secondary);border-radius: 4px;text-align: center;color: var(--white);font-weight: 500;text-align: center;padding: 0.75rem 1.5rem}
.w-button:hover{background-color: #44ebb2;color: var(--black);}
/*31*/
.home-s1{}
.home-s1 h5{font-size: 68px;line-height: 1.5;font-weight: 600;color: var(--white);text-align: center;}
/* .carousel {max-height: 700px;min-height: 700px}
.carousel-caption{position: absolute; top: 10%; left: 50%; width: 45%; text-align: center; transform: translate(-50%, 5%);height: 1px;}
.carousel-caption h2{color: var(--white);font-size: 60px;font-weight: 600;line-height: 1.33;}
.carousel-caption p{color: var(--white);font-size: 24px;line-height: 1.33;} */
.card-header .acc-img{background-color: var(--secondary); border-radius: 50px 50px 50px 50px; overflow: hidden; padding: 25px; width: 40px; height: 40px; display: inline-block; position: relative; margin: inherit;}
.register .nc-card{background: transparent !important; padding: 1rem; border: none !important; text-align: center; border-radius: 0; box-shadow: none;}
.register .nc-card h5{font-size: 28px; text-align: center !important; line-height: 1.5;color:var(--white);}
.register .nc-card p{font-size: 16px; font-weight: 500; color: var(--white);}
.register .nc-card>div:first-child{height: 160px; background-color: #a0d94929; border-radius: 50px 50px 50px 50px;width: 160px; margin:0 auto 2rem; border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;transition: .5s;}
.register .nc-card>div:first-child:hover{background-color: var(--secondary);transition: .5s;}
.register .nc-card>div:first-child:hover i{color:var(--white);transform: scale(1.4);transition: .5s;}
.register .nc-card i{color: var(--black);font-size: 2rem;background-color: #fbd91d30;}
.register .nc-card i::after{content: ''; position: absolute; width: 110px; height: 110px; border-radius: 50%; border: 8px solid var(--secondary); top: 25px; right: 25px;background-color:#fbd91d30 ;}
.trade{background: url(../images/pattern4.png);color: var(--white); background-position: bottom;background-position: top left;background-repeat: no-repeat;background-color: #CCE3FE;position: relative;}
.accordion > .card .card-header{background-color: var(--secondary);}
.accordion > .card .card-header .btn-link{color: var(--white);}
.pricing-img i{font-size: 4rem;color: var(--primary);}
.pricing-img{display: flex;justify-content: center;}
.sec-03 .card-header .acc-img{width: 80px; height: 80px;}
a.btng1.mb-2{background-color: transparent !important;border: 1px solid #298465 !important;color: #44ebb2 !important;}
/* .sec-03 .card-header .acc-img img{filter: invert(1);} */
.fbg-image .img5{position: absolute;bottom: 0;z-index: 9;right: 0;}
.fbg-image .img6{position: absolute;top: 5%;z-index: 9;left: 10%;animation: rotate 20s linear infinite;display: none;}
@keyframes rotate {100% {transform: rotate(360deg);}}
.bg-img .img1 {position: absolute;bottom: 0;}
 .bg-img .img2 {position: absolute;top: 0;right: 10%;animation: push_animat 5s linear infinite}
 @keyframes push_animat {0% {transform: scale(0.9);opacity: 0.7;}50% {transform: scale(1);opacity: 1;}100% {transform: scale(0.9);opacity: 0.7;}}
 .bg-img .img3 {position: absolute;top: 10%;left: 10%;animation: jello 10s linear infinite;filter: invert(0);}
 @keyframes jello {from,11.1%,to {transform: translate3d(0, 0, 0);}22.2% {transform: skewX(-6deg) skewY(-6deg);}33.3% {transform: skewX(6.25deg) skewY(6.25deg);}44.4% {transform: skewX(-6.125deg) skewY(-6.125deg);}55.5% {transform: skewX(6deg) skewY(6.25deg);}66.6% {transform: skewX(-4deg) skewY(-4deg);}77.7% {transform: skewX(4deg) skewY(4deg);}88.8% {transform: skewX(-5deg) skewY(-5deg);}}
 .bg-img .img4 {position: absolute;top: 10%;right: 10%;animation: previewShapeRevX 5s linear infinite;filter: invert(0);}
 @keyframes previewShapeRevX {0% {transform: translateX(15px);}50% {transform: translateX(0px);}100% {transform: translateX(15px);}}


 .carousel-caption22{
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
   
 }
 .ccbb1{
    background: url("../images/banner341.png") no-repeat;
    background-size: cover;

 }
  .ccbb2{
    background: url("../images/banner342.png")no-repeat;
    background-size: cover;
 }
  .ccbb3{
    background: url("../images/banner343.png")no-repeat;
    background-size: cover;
 }

@media (max-width: 650px) and (min-width: 320px){
.home-s1 h5 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--white);
    text-align: center;
}

.bg-img{
    display: none;
}

}