﻿*{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: #f25921;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:  #000;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; border-bottom: 3px solid transparent;}
.navbar li:hover > a {color:#f25921;}
.navbar .active{color: #f25921; border-bottom:3px #f25921 solid ;}
.mobile-nav-toggle {color: #f25921;font-size: 28px;transition: 0.5s; cursor: pointer;}
@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: rgba(33, 37, 41, 0.5);transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 5px;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 !important;font-size: 15px; border-bottom: 0 !important;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #f25921 !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: 45px;}
h2 { font-size: 24px; font-weight: 700; letter-spacing:-1px;}
h3{ font-size:20px; font-weight:600 !important;}
p, a,li { font-size: 16px !important;}
li {line-height: 28px;}
.link{transition: all 0.1s; color: #078d8e !important;}
.link:hover{color:#f25921 !important;transition: all .1s !important;}
.link:focus{color:#f25921;}                                                    
/* .banner{min-height: clamp(18.75rem, 6.2771rem + 26.0191vw, 37.5rem);} */
.bg-banner{background-image: linear-gradient(180deg, #f25921 50%,  #414143 90%);}
.bg-button{background-color: #414143; transition: all 0.5s !important;}
.bg-button:hover{color:#000 !important ; background-color:#fff !important; transition: all 0.4s !important; box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #414143 !important;}
#footer p, #footer a{font-size: 14px !important;}
.faq ul li .fa-solid::before{content:  '\f00c' !important; position: absolute !important; left: -31px; top: 3px; position: absolute; font-family: 'FontAwesome' !important;}
.bg-blue-10{background-color: #0c142796;}
 .bg-grey-10{background-color: #d4d0d021;}
 .banner-img{background-color: #2967D1 !important; 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;}
.fa-chevron-left:before {content: "\f053";}
 .fa-chevron-right:before {content: "\f054";}
 .carousel-control-prev {left: -2% !important;}
 .carousel-control-next {right: -2% !important;}
 .opacity-100{opacity: 1 !important;}
 .gradient {background: linear-gradient(to right, #414143 0%, #330867 100%);}
#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; position: absolute; font-family: 'FontAwesome' !important;}
.btn-close {right: -1%; box-sizing: content-box; width: 1.5rem !important; height: 1.5rem !important; background: url(../img/close-btn.png) center/1em auto no-repeat !important; border: 0; border-radius: 0.25rem; opacity: 1; font-size: 32px; z-index: 2;}
.modal-dialog {max-width: 55%;margin-top: 9%;}
.card-hover{transition: all 0.5s;box-shadow: 0px 5px 0px 0px #1c418699 !important;}
.card-hover:hover{box-shadow: 0px 5px 0px 0px #1c418699 !important; transition: all 0.5s;}
.border-blue-light{border-color: #ebebeb !important;}
.text-purple{color:#f25921;}
.how-to-file{background-image: linear-gradient(259deg, #30cfd026 36%,  #3308672b 83%);}
.fa-star:before {content: "\f005";}
.feedback-two{display:flex; flex-direction: column; align-items: start; justify-content: space-between;}
.bg-light-blue-10{background-color: #30cfd017;}
.bg-purple-70{background-color: #3308679e;}
.modal-body iframe{height: 100%;}
.modal-content{height: 444px;}
.w-90px {width: 60px;}
.h-90px{height: 60px;}
.w-40px{width: 40px;}
.w-fitcontent { width: fit-content; }
.translate-middle-75 {transform: translate(-50%,-57%)!important;}
.fs-18px{font-size:18px !important;}
.text-yellow{color:#ffcd38 !important;}
.m-ht-230px{min-height: 230px;}
.orange-text{color: #f25921;}

/* Custom Css */

.banner{ 
         padding-top: 120px;
    padding-bottom: 76px;
    background-color: #133c89 !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      
      color: #fff;
}

.banner:after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.75);
      width: 100%;
      height: 100%;
      z-index: -1;
  }

.contact-us {
      background-image: url(/img/Contact-Bg.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      z-index: 1;
      color: #ffffffde !important;
}

.footer { background-color: #414143; }

.contact-us a,
.footer a{
      color: #ffffffde !important;
}

.contact-us a:hover,
.footer a:hover{
      color: #f25921 !important;
}

.contact-us:after{
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: -1;
}

.mission {
      border-radius: 3px;
      background: rgb(242, 89, 33, 0.8);
      color: #fff;
}

a { color: #212529; }
a:hover { color: #f25921; }

.servicesec .servicebox {
      padding: 2rem;
      transform: translateY(0px);
      transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      overflow: hidden;
      border-radius: 6px;
}

.servicesec .servicebox:hover {
      transform: translateY(-5px);
      box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

form {
      max-width: 400px;
      margin: 0 auto;
  }
  input {
      width: 100%;
      padding: 8px;
      margin-bottom: 15px;
      box-sizing: border-box;
  }
  button {
      background-color: #4CAF50;
      color: white;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
  }
  button:hover {
      background-color: #45a049;
}

.box-shadow { transition: 0.4s; border-radius: 12px;box-shadow: 0px 3px 15px 0px rgb(47 58 74 / 11%);border-color:#fff !important; padding: 16px !important;}

.box-shadow:hover {
      box-shadow: 0 0 30px rgba(0,0,0,.08);
}

.service-box {
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: fit-content;
      margin: 0 auto;
}

.contact-info { gap: 20px; }
.bg-light-orange{background: #1c41860d !important}
.border-light-orange{border: 1px solid #1c418621 !important;}
.bg-light-purple{background: #1c418603 !important;}
.btn-primary{background-color: #D64000 !important;border: #D64000;font-size: 20px !important;}
.btn-primary:hover{background-color: rgb(249 57 0) !important;border: rgb(249 57 0);font-size: 20px !important;}

