*{font-family: 'Karla', sans-serif;}
body{overflow-x: hidden !important;}
.back-to-top {visibility: hidden;opacity: 0;right: 15px;bottom: 16px;z-index: 999;background: #330867;width: 40px;height: 40px;opacity:0.8;border-radius: 50%;transition: all 0.4s;}
.back-to-top i {font-size: 24px;}
.back-to-top:hover {background:  #52cdcf;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}
#header {transition: all 0.5s; z-index: 99; transition: all 0.5s;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.navbar a { font-size: 16px;font-weight:600;white-space: nowrap;transition: 0.3s;}
.navbar li:hover > a {color:#5a37d5;}
.navbar .active{color: #5a37d5; border-radius: 1rem;}
.mobile-nav-toggle {color: #5a37d5;font-size: 28px;transition: 0.5s;}
@media only screen and  (max-width: 991px) {.navbar ul { display: none;}} 
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: #52cdcf21; transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;left: 15px;padding: 12px 0;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a {padding: 10px 20px;font-size: 15px;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #5a37d5 !important;}
@-webkit-keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}
h1 {font-size: 40px;}
h2 { font-size: 30px; font-weight: 700; letter-spacing:-1px;}
h3{ font-size:20px; font-weight:600 !important;}
p, a,li { font-size: 16px !important;}
li {line-height: 20px;}
.link{transition: all 0.1s; color: #330867 !important;}
.link:hover{color:#1ea0a1 !important;transition: all .1s !important;}
.link:focus{color:#256363;}                                                    
.banner{padding-top:159px !important; padding-bottom:71px !important;}
.bg-banner{background: linear-gradient(270deg, #30cfd05e 59%,   #330867 54%), url(../img/banner-bg-img.jpg) no-repeat; background-size: cover; background-repeat: round; background-blend-mode: multiply; background-origin: padding-box; background-position: center;}
.bg-button{background-color: #30CFD0; transition: all 0.5s !important; border: 3px solid #30CFD0;}
.bg-button:hover{color:#000 !important ; background-color:#fff !important; transition: all 0.4s !important; border: 3px solid #30CFD0;}
#footer p, #footer a{font-size: 14px !important;}
 .banner-img{background-image: url(../img/banner-img.png); background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; background-position: center;}
 .banner-img::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #a3f1e38c !important; opacity:0; z-index: -1;}
#steps-to-file ul li .fa-solid::before{content:  '\f00c' !important; position: absolute !important; left: -31px; top: 0; position: absolute; font-family: 'FontAwesome' !important;}
.faq ul li .fa-solid::before{content:  '\f00c' !important; position: absolute !important; left: -31px; top: 0; font-family: 'FontAwesome' !important;}
.w-90px {width: 90px;}
.h-90px{height: 90px;}
.w-40px{width: 40px;}
.translate-middle-75 {transform: translate(-50%,-57%)!important;}
.fs-18px{font-size:18px !important;}
.bg-blue-30{background-color: #23b3b40a;}
.right-arrow::after{position: absolute; left: 96%; top: 30%; content: url(../img/steps-arrow.svg);}
.question::before{position: absolute; left: -28px; top: -2px; content:'Q'; font-weight: 600; font-size: 20px; background-color: #30cfd029; width: 31px; height: 31px; border-radius: 50%;text-align: center;
      line-height: 29px; color: #30cfd0;}
.answer::before{position: absolute; left: 12px; top: -2px; content:'A'; font-weight: 600; font-size: 20px; color: #755fbb; background-color: #755fbb1c; border-radius: 50%; text-align: center; width: 30px; height: 30px;}
.fa-check-circle-o:before{content: "\f047"; position: absolute; top: 21px; left: -25px; color: #e6659d;}
/* .card-hover {color:#fff; background-color: #488138c4; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s;
      transition: all 0.9s; position: relative; overflow: hidden;}
 .card-hover:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.9s; 
     -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; opacity: 1; -webkit-transform: translate(-105%, 0); 
     transform: translate(-105%, 0); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(255, 255, 255, 1); 
     background-color: rgba(255, 255, 255, 0.25);}
 .card-hover:hover:before {opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0);} */
.content{background-color: #fff;  clip-path: polygon(25% -90%, 77% 7%, 95% 50%, 75% 95%, 25% 95%, 0% 50%);}
.shadow-one{box-shadow: -15px -15px 0px 0px #362777, 0px 0px 2px 0px #362777;}
.shadow-two{box-shadow: 15px -15px 0px 0px #362777, 0px 0px 2px 0px #362777;}
.shadow-three{box-shadow: -15px 15px 0px 0px #362777, 0px 0px 2px 0px #362777;}
.shadow-four{box-shadow: 15px 15px 0px 0px #362777, 0px 0px 2px 0px #362777;;}
.step-outer-bg{background-color: #23b3b4;  clip-path: polygon(25% 5%, 78% 5%, 97% 50%, 77% 95%, 25% 95%, 5% 50%);}
.text-blue{color: #362777;}
.text-light-blue{color: #23b3b4 !important;}
#deadlines .fa-solid::before {content: '\f00c' !important; position: absolute !important; left: 22px; top: 24px; position: absolute; font-family: 'FontAwesome' !important; font-size: 16px;}
.information .fa-solid::before {content: '\f00c' !important; position: absolute !important; left: -24px; top: 0; position: absolute; font-family: 'FontAwesome' !important;}
.lh-26px{line-height: 26px;}
.start-26{left: 26%;}
.top-10{top: 10%;}
.bg-blue-15{background-color: #3627771f;}
.bg-blue-10{background-color: #3627771f;}
.bg-blue-gradient{background: linear-gradient(225deg, #330867 52%, #30CFD0  98%);}
.bg-blue-90{background-color: #1f1647;}
.border-blue{border-color: #362777 !important;} 
.border-light-blue{border-color: #23b3b4 !important;} 
.banner .fa-solid::before {content: '\f00c' !important; position: absolute !important; left: -26px; top: 0; position: absolute; font-family: 'FontAwesome' !important; font-size: 16px;}
/* .bg-img-banner::after{position: absolute; z-index: 100; background: url(../img/bg-pattern-img.png) no-repeat; background-size: contain; background-position: left;} */