@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
:root  {
        --theme1: #183d4c;
        --theme2: #0c2630;
}
body ,  html {
        font-family:  "Roboto",  sans-serif !important;
}
/***** common things start *****/
.heading-main  {
        gap:  7px;
}
.heading-main .heading  {
        font-size: 27px;
        text-align:  center;
        line-height:  normal;
        font-weight:  600;
        position:  relative;
        padding-left:  30px;
}
.heading-main .heading::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 6px;
    height: 22px;
    width: 22px;
    background: url(../img/airplane-icon-color.svg) no-repeat;
    background-size: contain;
    background-position: center;
}
.heading-main img  {
        margin-top:  6px;
}
.visa-heading-main  {
        gap:  7px;
}
.visa-heading-main .visa-heading  {
        font-size:  23px;
        text-align:  center;
        line-height:  normal;
        font-weight:  600;
        position:  relative;
        padding-left:  27px;
}
.rejection-card.visa-review-card {
    box-shadow: none;
}
.rejection-card.visa-review-card:hover {
    transform: translateY(0px);
    box-shadow: none;
}
.visa-heading-main .visa-heading::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 6px;
    height: 19px;
    width: 19px;
    background: url(../img/airplane-icon-color.svg) no-repeat;
    background-size: contain;
    background-position: center;
}
.common-gap  {
        margin-top:  65px;
}
.container  {
        max-width:  93% !important;
}
/***** common things end *****/
/***** navbar start *****/
.navbar  {
        background-color:  transparent;
        height:  71px;
}
.navbar-one  {
        position:  fixed;
        top:  0;
        right:  0;
        left:  0;
        z-index:  1030;
}
.navbar-two  {
        box-shadow:  0 0.125rem 0.25rem rgba(0,  0,  0,  0.075);
        height:  65px;
}
.navbar .navbar-brand {
    height: 60px;
    width: auto;
}

.navbar .navbar-brand-bx {
    height: 60px;
    width: auto;
}

/*--.navbar.fixed-navbar .navbar-brand img, .navbar-two .navbar-brand img {
    filter: contrast(146.5) brightness(20.5);
}--*/
.navbar .nav-link  {
        color:  #fff;
}
.navbar .nav-whatsapp  {
        font-size:  14px;
        color:  #fff;
        gap:  3px;
}
.navbar.fixed-navbar .nav-whatsapp, .navbar-two .nav-whatsapp  {
        color:  #000;
}
.navbar .nav-whatsapp img  {
        transition:  all 0.3s ease-in-out;
}
.navbar .searchbar-main  {
        width:  35%;
        opacity:  0;
        visibility:  hidden;
}
.navbar.fixed-navbar .searchbar-main  {
        opacity:  1;
        visibility:  visible;
}
.navbar .navbar-left-bar .searchbar-main {
    width: 350px;
    opacity: 1;
    visibility: visible;
}
.fixed-navbar  {
        top:  0;
        // position:  fixed !important;
        animation-name:  fixedAnim;
        animation-duration:  1s;
        background-color:  $black !important;
        animation-fill-mode:  forwards;
        -webkit-box-shadow:  0 12px 6px rgba(0,  0,  0,  0.06);
        -moz-box-shadow:  0 12px 6px rgba(0,  0,  0,  0.06);
        box-shadow:  0 6px 6px rgba(0,  0,  0,  0.06);
        background-color:  #fff;
}
.navbar-two.fixed-navbar  {
        position:  fixed;
        top:  0;
        right:  0;
        left:  0;
        z-index:  1030;
}
@keyframes fixedAnim  {
        from  {
            top:  -50px;
    }
      to  {
            top:  0;
    }
}
/***** navbar end *****/
/***** hero section *****/
.hero-section  {
        padding:  120px 0 150px;
        background:  url(../img/banner/vokit-banner-13.webp) no-repeat;
        background-size:  cover;
        background-position:  bottom;
}
.hero-section::before  {
        content:  '';
        position:  absolute;
        left:  0px;
        top:  0;
        height:  100%;
        width:  100%;
        background:  #03030348;
}
.hero-section .hero-heading  {
        font-size:  39px;
        color:  #fff;
        margin-top:  8px;
}
.hero-section .hero-title  {
        color:  #e9b826;
        font-size:  18px;
}
.hero-section .hero-img  {
        height:  190px;
        width:  375px;
        clip-path:  circle(63% at 50% 100%);
}
.hero-section .hero-review-title-main  {
        left:  -10.5px;
        width:  106%;
        bottom:  -40px;
}
.hero-section .hero-review-title  {
        font-size:  15px;
        background-color:  #fff;
        margin:  auto;
        font-size:  14px;
        text-align:  center;
        padding:  13px;
        padding-top:  32px;
        font-weight:  500;
        border-radius:  13px;
        gap:  6px;
}
.hero-section .searchbar-main  {
        bottom:  3px;
        left:  50%;
        transform:  translateX(-50%);
        width:  35%;
}
.searchbar-main .searchbar  {
        height:  55px;
        padding:  2px;
        border:  2px solid var(--theme1);
        border-radius:  13px;
}
.navbar-left-bar .searchbar-main .searchbar {
    height: 40px;
    padding: 2px;
    border: 1px solid #c1c1c1;
    border-radius: 30px;
    box-shadow: 0 0 6px #e7e7e7;
}
.searchbar-main .searchbar-menus  {
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
        top:  105%;
        border-radius:  12px;
        padding-bottom:  10px;
}
.searchbar-menus .searchbar-menus-heading  {
        font-size:  17px;
        padding:  12px 14px;
}
.searchbar-main .searchbar-country-name  {
        color:  #000;
        font-size:  16px;
}
.searchbar-menus .searchbar-visa-time  {
        font-size:  14px;
        margin-top:  1px;
}
.searchbar-menus .searchbar-menus-img  {
        height:  47px;
        width:  47px;
        border-radius:  8px;
        margin-right:  5px;
}
.searchbar-menus .searchbar-menus-link  {
        padding:  9px 12px;
        transition:  all 0.3s ease-in-out;
}
.searchbar-menus .searchbar-menus-link:hover  {
        background-color:  #cfcfcfa9;
}
.searchbar-menus .searchbar-link-arrow  {
        font-size:  18px;
        color:  var(--theme1);
        position:  absolute;
        right:  10px ;
        top:  0;
        transform:  scaleY(0);
         transition:  all 0.3s ease-in-out;
}
.searchbar-menus .searchbar-menus-link:hover .searchbar-link-arrow  {
        top:  50%;
         transform:  translateY(-50%) ;
 }
.searchbar-menus .searchbar-menus-link:hover:after .searchbar-link-arrow  {
        top:  auto;
         bottom:  0;
         opacity:  0;
 }
.searchbar-main .searchbar-input  {
        font-size:  14px;
        font-weight:  500;
}
.searchbar-main .searchbar .searchbar-btn  {
        height:  40px;
        min-width:  40px;
        max-width:  40px;
        background-color:  var(--theme1);
        border: 2px solid var(--theme1);
        color:  #6d6d6d;
        transition:  all 0.3s ease-in-out;
}
.searchbar-main .searchbar .searchbar-btn:hover  {
        background-color:  transparent;
        color:  var(--theme1);
}
/* .hero-section .hero-review-title::before  {
        content:  '';
        position:  absolute;
        left:  0px;
        top:  -12px;
        height:  18px;
        width:  12px;
        background:  #fff;
        border-radius:  21px 0 0 0;
}
.hero-section .hero-review-title::after  {
        content:  '';
        position:  absolute;
        right:  0px;
        top:  -12px;
        height:  18px;
        width:  12px;
        background:  #fff;
        border-radius:  0 21px  0 0;
}
 *//***** hero section end *****/
 /***** country section start *****/
.country-section  {
        padding-top:  85px;
        margin-top:  -30px;
        border-radius:  20px 20px 0 0;
}
.country-card  {
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 0px 8px;
        transition:  all .3s ease-in-out;
        border-radius:  18px;
}
.country-card .country-img {
    height: 250px;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    position: relative;
}
.country-card .country-img::before  {
        content:  "";
        position:  absolute;
        width:  200%;
        height:  0%;
        left:  50%;
        top:  50%;
        background-color:  rgba(255,  255,  255,  .3);
        transform:  translate(-50%,   -50%) rotate(-45deg);
        z-index:  1;
}
.country-card .country-img img  {
        object-fit:  cover;
}
.country-card .country-card-content  {
        padding:  12px;
        border-radius:  0 0 14px 14px;
}
.country-card .country-name  {
        font-size:  17px;
        color:  #000;
        margin-left:  2px.
}
.country-card .country-name i  {
        color:  var(--theme1);
}
.country-card .country-subheading  {
        font-size:  14px;
}
.country-card:hover .country-img::before  {
        height:  250%;
        transition:  all 600ms linear;
        background-color:  rgba(0,  0,  0,  0);
}
.country-card .country-card-title  {
        bottom:  12px;
        left:  -12px;
        background:  var(--theme1);
        z-index:  2;
        font-size:  14px;
        font-weight:  500;
        color:  #fff;
        padding:  7px 18px;
        border-radius:  4px 4px 4px 0;
}
.country-card .country-card-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    border: 6px solid;
    border-color: #0b232c #0b232c transparent transparent;
}
.country-card .country-card-date  {
        font-size:  15px;
        margin-block:  8px;
}
.country-card .country-card-date span  {
        color:  var(--theme1);
}
.country-time-card {
    display: none !important;
}
/***** country section end *****/
/***** footer start *****/
.footer .footer-inner  {
        padding-block:  45px;
}
.footer .footer-logo {
    height: 60px;
}

.footer .footer-para  {
        font-size:  14px;
        margin-top:  15px;
        line-height:  28px;
        color:  #6d6d6d;
        /* font-weight:  500; */
}
.footer .footer-social-list  {
        gap:  20px;
        margin-top:  25px;
}
.footer .footer-social-link  {
        font-size:  18px;
        color:  #8a8a8a;
        transition:  all 0.3s ease-in-out;
}
.footer .footer-social-link:hover  {
        color:  var(--theme1);
        transform:  translateY(-5px);
}
.footer .footer-heading  {
        font-size:  16px;
}
.footer .footer-list  {
        gap:  10px;
        margin-top:  20px;
}
.footer .footer-link  {
        font-size:  14px;
        color:  #6d6d6d;
        transition:  all 0.3s ease-in-out;
        /* font-weight:  500; */    
		line-height:  26px;
}
.footer .footer-link:hover  {
        color:  var(--theme1);
}
.footer .footer-contact-list  {
        gap:  12px;
        margin-top:  20px;
}
.copyright-section  {
        padding-block:  22px;
}
.copyright-section .copyright-title  {
        font-size:  14px;
        color:  #575757;
        font-weight:  500;
}
/***** footer end *****/
/***** review customer section start *****/
.review-detail-card  {
        background-color:  var(--theme1);
        padding:  25px;
        border-radius:  14px;
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.review-detail-card::before  {
        content:  '';
        position:  absolute;
        right:  -15%;
        top:  -15%;
        height:  250px;
        width:  250px;
        background:  url(../img/airplane-shape.png) no-repeat;
        background-position:  center;
        background-size:  contain;
}
.review-detail-card::after  {
        content:  '';
        position:  absolute;
        right:  -15%;
        top:  -15%;
        height:  320px;
        width:  320px;
        background:  url(../img/card-shape.png) no-repeat;
        background-position:  center;
        background-size:  contain;
        opacity:  0.15;
}
.review-detail-card .review-detail-card-heading  {
        font-size:  30px;
        color:  #fff;
}
.review-detail-card .review-detail-card-title  {
        color:  #ffffffd8;
        margin-top:  4px;
}
.review-detail-card .review-detail-card-clients  {
        margin-top:  30px;
        gap:  15px;
        padding-bottom:  30px;
        margin-bottom:  30px;
        border-bottom:  1px dashed #b8b8b8;
}
.review-detail-card .review-detail-userimg  {
        height:  65px;
        width:  65px;
        border:  3px solid #fff;
        transition:  all 0.3s ease-in-out;
}
.review-detail-card .review-detail-userimg:nth-child(2) {
        margin-left:  -16px;
}
.review-detail-card .review-detail-userimg:nth-child(3) {
        margin-left:  -16px;
}
.review-detail-card .review-detail-userimg:nth-child(4) {
        margin-left:  -16px;
}
.review-detail-card .review-detail-userimg:nth-child(5) {
        margin-left:  -16px;
}
.review-detail-card .review-detail-userimg:nth-child(6) {
        margin-left:  -16px;
}
.review-detail-card .review-detail-total-client  {
        font-size:  24px;
}
.review-detail-card .review-detail-client-title  {
        color:  #fff;
}
.review-detail-card .review-detail-userimg:hover  {
        z-index:  2;
}
.review-detail-card .review-detail-card-img  {
        height:  45px;
}
.review-detail-card .review-detail-card-google-logo  {
        height:  35px;
}
.review-detail-card .review-detail-card-rating-title  {
        margin-top:  10px;
        line-height:  normal;
        font-size:  30px;
}
.review-main-card  {
        border:  2px solid #cfcfcf;
        padding:  20px;
        border-radius:  14px;
}
/*.review-main-card::before  {
        content:  '';
        position:  absolute;
        left:  50%;
        transform:  translateX(-50%);
        bottom:  -12px;
        height:  24px;
        width:  70%;
        border:  2px solid #cfcfcf;
        z-index:  -1;
        border-radius:  14px;
}*/
.review-main-card: :after  {
        content:  '';
        position:  absolute;
        right:  6%;
        top:  6%;
        opacity:  0.1;
        background:  url(../img/double-qoute.svg) no-repeat;
        background-position:  center;
        background-size: contain;
        height:  95px;
        width:  110px;
}
.review-card .reviewer-img  {
        height:  90px;
        width:  90px;
}
.review-card .reviewer-name  {
        font-size:  16px ;
        margin-top:  7px;
        color:  #000;
}
.review-card .reivew-date  {
        font-size:  14px;
        color:  #464646;
        margin-top:  1px;
}
.review-card .review-card-para  {
        margin-top:  4px;
        display:  -webkit-box;
        overflow:  hidden;
        text-overflow:  ellipsis;
        -webkit-line-clamp:  3;
        -webkit-box-orient:  vertical;
}
.review-card .review-card-para p  {
        font-size:  15px;
        margin-bottom:  0;
        line-height:  26px;
        color:  #535353;
}
.review-card .review-card-title  {
        font-size:  18px;
        color:  #000;
        margin-top:  12px;
}
.review-main-card .review-slider-btn  {
        height:  38px;
        width:  38px;
        border-radius:  6px;
        border:  1.4px solid var(--theme1);
        font-size:  15px;
        color:  var(--theme1);
        transition:  all 0.3s ease-in-out;
}
.review-main-card .review-slider-btn:hover  {
        background-color:  var(--theme1);
        color:  #fff;
}
/***** review customer section end *****/
/***** why choose us section start *****/
.why-choose-section  {
        background:  -webkit-linear-gradient(90deg,  rgb(242,  237,  235) 25%,  rgb(253 253 253) 100%);
        padding:  50px 0px;
}
.why-choose-section::before  {
        content:  '';
        position:  absolute;
        left:  15%;
        top:  10%;
        height:  200px;
        width:  250px;
        background:  url(../img/airplane-fly.svg) no-repeat;
        background-size:  contain;
        background-position:  center;
        z-index:  -1;
        opacity:  0.2;
}
.why-choose-card  {
        gap:  13px;
}
.why-choose-card .why-choose-card-title  {
        font-size:  18px;
        color:  var(--theme1);
        line-height:  normal;
}
.why-choose-card .why-choose-card-detail  {
        color:  #6b7280;
        margin-top:  10px;
        line-height:  28px;
}
/***** why choose us section end *****/
/***** step to apply section start *****/
.step-apply-section  {
        background:  -webkit-linear-gradient(90deg,  rgb(242,  237,  235) 25%,  rgb(253 253 253) 100%);
        padding:  50px 0px;
}
.step-apply-section::before  {
        content:  '';
        position:  absolute;
        left:  -5%;
        top:  10%;
        height:  200px;
        width:  200px;
        background:  url(../img/airplane-fly-2.svg) no-repeat;
        background-position:  center;
        background-size:  contain;
        z-index:  -1;
        opacity:  0.5;
}
.feature-two__single  {
      position:  relative;
      display:  block;
      background-color:  rgb(255,  255,  255);
      box-shadow:  0px 0px 54px 0px rgba(0,  0,  0,  0.07);
      margin-bottom:  30px;
}
.feature-two__single-inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 38px;
    padding-bottom: 49px;
    padding-left: 129px;
    z-index: 1;
}
.feature-two__shape-1  {
      position:  absolute;
      left:  -78px;
      top:  -10px;
      border-radius:  50%;
      background-color:  rgb(242,  237,  235);
      width:  191px;
      height:  192px;
      z-index:  1;
}
.feature-two__shape-2  {
      position:  absolute;
      left:  -7px;
      top:  0;
      border-radius:  50%;
      background-image:  -moz-linear-gradient(0deg,  rgb(242,  237,  235) 25%,  rgb(255,  255,  255) 100%);
      background-image:  -webkit-linear-gradient(0deg,  rgb(242,  237,  235) 25%,  rgb(255,  255,  255) 100%);
      background-image:  -ms-linear-gradient(0deg,  rgb(242,  237,  235) 25%,  rgb(255,  255,  255) 100%);
      width:  191px;
      height:  192px;
      z-index:  1;
      -webkit-transition:  all 500ms ease;
      transition:  all 500ms ease;
}
.feature-two__shape-2:before  {
      content:  "";
      position:  absolute;
      top:  0;
      bottom:  0;
      left:  0;
      right:  0;
      background-color:  var(--theme1);
      border-radius:  50%;
      opacity:  0;
      -webkit-transition:  all 500ms ease;
      transition:  all 500ms ease;
      z-index:  -1;
}
.feature-two__single:hover .feature-two__shape-2:before  {
      opacity:  1;
}
.feature-two__icon  {
      position:  absolute;
      top:  51%;
      right:  22px;
      transform:  translateY(-50%);
      text-align:  center;
}
.feature-two__icon span  {
      position:  relative;
      display:  block;
      font-size:  65px;
      color:  #a3a3a3;
      -webkit-transition:  all 500ms ease;
      transition:  all 500ms ease;
}
.feature-two__single:hover .feature-two__icon span  {
      color:  #fff;
}
.feature-two__icon small  {
      text-align:  center;
      font-size:  18px;
      font-weight:  600;
      color:  #000;
}
.feature-two__single:hover .feature-two__icon small  {
      color:  #fff;
}
.feature-two__content-box  {
      position:  relative;
      display:  block;
}
.feature-two__sub-title {
    font-size: 12px;
    font-weight: 500;
    color: #959595;
    text-transform: capitalize;
    letter-spacing: 0.1em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.feature-two__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 3px;
}
.feature-two__title a  {
      color:  #000;
      -webkit-transition:  all 500ms ease;
      transition:  all 500ms ease;
      text-decoration:  none;
}
.feature-two__title a:hover  {
      color:  var(--theme1);
}
/***** step to apply section end *****/
/***** process section start *****/
.process-card-main  {
        background:  linear-gradient(180deg,  #0E9384 0%,  #F8FAFB 100%);
        padding:  1px;
        border-radius:  7px;
}
.process-card  {
        padding:  18px;
        border-radius:  7px;
}
.process-card .process-count  {
        font-size:  50px;
        font-weight:  bold;
        color:  transparent;
        -webkit-text-stroke:  1px #0E9384;
        position:  relative;
        background:  transparent;
        width:  40px;
        height:  40px;
        border-radius:  5px;
        display:  flex;
        align-items:  center;
        justify-content:  center;
}
.process-card .process-card-title  {
        font-size:  18px;
        margin-top:  18px;
        color:  #000;
}
.process-card .process-card-title-detail  {
        font-size:  15px;
        margin-top:  3px;
        line-height:  26px;
        display:  -webkit-box;
        overflow:  hidden;
        text-overflow:  ellipsis;
        -webkit-line-clamp:  3;
        -webkit-box-orient:  vertical;
}
.process-section .col-md-3:nth-child(2) .process-card-main  {
        background: linear-gradient(180deg,  #E04F16 0%,  #F8FAFB 100%);
}
.process-section .col-md-3:nth-child(2) .process-count {
        -webkit-text-stroke: 1px #E04F16;
}
.process-section .col-md-3:nth-child(3) .process-card-main  {
        background: linear-gradient(180deg,  #6938EF 0%,  #F8FAFB 100%);
}
.process-section .col-md-3:nth-child(3) .process-count {
        -webkit-text-stroke: 1px #6938EF;
}
.process-section .col-md-3:nth-child(4) .process-card-main  {
        background: linear-gradient(180deg,  #e9b826 0%,  #F8FAFB 100%);
}
.process-section .col-md-3:nth-child(4) .process-count {
        -webkit-text-stroke: 1px #e9b826;
}
/***** process section end *****/

/***** on guarantee page start 19/06/2025 by-koshal jangid *****/

.guarantee-top-section {
    background-color: var(--theme1);
    padding-top: 160px;
    height: 100%;
    padding-bottom: 50px;
}
.guarantee-top-section::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/circles-set.png) no-repeat;
    background-position: bottom center;
    opacity: 0.4;
    z-index: 0;
    background-size: contain;
}
.guarantee-logo-bx {
    width: 140px;
    text-align: center;
    margin: 0 auto;
}
.guarantee-top-section .guarantee-heading h1 {
    font-size: 90px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
}
.guarantee-top-section .guarantee-para {
    margin-top: 10px;
    color: #fff;
    line-height: 32px;
    font-size: 18px;
}
.guarantee-top-section .guarantee-btn {
    background-color: #fff;
    color: #000;
    font-size: 15.5px;
    padding: 16px 40px;
    border-radius: 30px;
    gap: 12px;
    transition: all 0.3s ease-in-out;
}
.guarantee-top-section .guarantee-btn:hover {
    transform: translateY(-10px);
}
.what-mid-section {
    background-color: rgb(251 240 225 / 1);
    padding: 80px 0px;
}

.what-btm-section {
    background-color: #fff;
    padding: 80px 0px;
}

.what-heading h2 {
    color: var(--theme1);
    font-size: 42px;
    font-weight: 600;
    text-transform: capitalize;
}
.what-heading p {
    font-size: 16px;
    color: #535353;
}

.what-btm-section .what-heading h2 {
    color: var(--theme1);
    font-size: 42px;
    font-weight: 600;
    text-transform: capitalize;
}
.what-btm-section .what-heading p {
    font-size: 16px;
    color: #535353;
}

.what-image-bx {
    width: 60%;
    margin: 0 auto;
}

.what-commitments-section {
    background-color: rgb(251 240 225 / 1);
}

.commitments-main-bx {
    background-color: #fff;
    padding: 14px;
    border-radius: 12px;
    overflow: hidden;
}
.commitments-main-bx .commit-name-bx h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.commitments-main-bx .commit-name-bx p {
    font-size: 16px;
    color: #535353;
}
.commitments-main-bx .commit-time-bx span {
    font-size: 15px;
    font-weight: 500;
    color: var(--theme1);
    opacity: .7;
}

.what-commitments-bxs .review-slider-btn {
    height: 38px;
    width: 38px;
    border-radius: 6px;
    border: 1.4px solid var(--theme1);
    font-size: 15px;
    color: var(--theme1);
    transition: all 0.3s ease-in-out;
}
.what-commitments-bxs .review-slider-btn:hover  {
    background-color:  var(--theme1);
    color:  #fff;
}

.on-time-section {
    background-color: var(--theme1);
    padding: 80px;
}
.on-time-section .on-time-heading .on-time-image {
    width: 150px;
    margin: 0 auto;
}
.on-time-section .on-time-heading .on-time-image img {
    filter: invert(100%) sepia(0%) saturate(3175%) hue-rotate(130deg) brightness(139%) contrast(100%);
}

.on-time-section .on-time-heading h2 {
    margin-top: 4px;
    color: #fff;
    font-size: 72px;
    font-weight: 600;
    text-transform: capitalize;
}

/***** responsive on time page *****/

@media (max-width: 991px) {
    .guarantee-top-section .guarantee-heading h1 {
        font-size: 80px;
    }
    .guarantee-top-section .guarantee-para {
        font-size: 17px;
    }
    .what-btm-section .what-heading h2 {
        font-size: 40px;
    }
    .what-image-bx {
        width: 44%;
        margin: 0 auto;
    }
    .what-heading h2 {
        font-size: 40px;
    }
    .commitments-main-bx .commit-name-bx h3 {
        font-size: 20px;
    }
    .commit-logo-bx .commit-icon {
        width: 40px !important;
    }
    .on-time-section .on-time-heading .on-time-image {
        width: 130px;
    }
    .on-time-section .on-time-heading h2 {
        font-size: 60px;
    }
    .what-commitments-bxs .review-slider-btn {
        height: 34px;
        width: 34px;
    }
}

@media (max-width: 767px) {
    .guarantee-top-section .guarantee-heading h1 {
        font-size: 70px;
    }
    .guarantee-top-section .guarantee-para {
        font-size: 16px;
    }
    .what-mid-section {
        padding: 56px 0px;
    }
    .what-btm-section {
        padding: 56px 0px;
    }
    .what-btm-section .what-heading h2 {
        font-size: 34px;
    }
    .what-image-bx {
        width: 38%;
        margin: 0 auto;
    }
    .what-heading h2 {
        font-size: 34px;
    }
    .commitments-main-bx .commit-name-bx h3 {
        font-size: 18px;
    }
    .commit-logo-bx .commit-icon {
        width: 36px !important;
    }
    .on-time-section .on-time-heading .on-time-image {
        width: 110px;
    }
    .on-time-section .on-time-heading h2 {
        font-size: 50px;
    }
    .what-commitments-bxs .review-slider-btn {
        height: 30px;
        width: 30px;
    }
}

@media (max-width: 480px) {
    .guarantee-top-section .guarantee-heading h1 {
        font-size: 44px;
    }
    .guarantee-top-section .guarantee-para {
        font-size: 14px;
        line-height: 22px;
    }
    .guarantee-top-section .guarantee-btn {
        font-size: 14.5px;
        padding: 10px 24px;
    }
    .what-mid-section {
        padding: 50px 0px;
    }
    .what-btm-section {
        padding: 50px 0px;
    }
    .what-btm-section .what-heading h2 {
        font-size: 30px;
    }
    .what-btm-section .what-heading p {
        font-size: 14px;
    }
    .what-mid-section .what-heading p {
        font-size: 14px;
    }
    .what-image-bx {
        width: 34%;
        margin: 0 auto;
    }
    .what-heading h2 {
        font-size: 30px;
    }
    .commitments-main-bx .commit-name-bx h3 {
        font-size: 17px;
    }
    .commit-logo-bx .commit-icon {
        width: 34px !important;
    }
    .on-time-section .on-time-heading .on-time-image {
        width: 80px;
    }
    .on-time-section .on-time-heading h2 {
        font-size: 40px;
    }
    .on-time-section {
        padding: 30px;
    }
    .commitments-main-bx .commit-name-bx p {
        font-size: 14px;
    }
    .commitments-main-bx .commit-time-bx span {
        font-size: 14px;
    }
    .what-commitments-bxs .review-slider-btn {
        height: 30px;
        width: 30px;
    }
}

@media (max-width: 414px) {
    .guarantee-top-section .guarantee-heading h1 {
        font-size: 38px;
    }
    .guarantee-top-section .guarantee-para {
        font-size: 14px;
        line-height: 22px;
    }
    .guarantee-top-section .guarantee-btn {
        font-size: 14.5px;
        padding: 10px 24px;
    }
    .what-mid-section {
        padding: 40px 0px;
        padding-top: 14px;
    }
    .what-btm-section {
        padding: 40px 0px;
    }
    .what-btm-section .what-heading h2 {
        font-size: 24px;
    }
    .what-image-bx {
        width: 50%;
        margin: 0 auto;
    }
    .what-heading h2 {
        font-size: 24px;
    }
    .commitments-main-bx .commit-name-bx h3 {
        font-size: 16px;
    }
    .commit-logo-bx .commit-icon {
        width: 32px !important;
    }
    .on-time-section .on-time-heading .on-time-image {
        width: 64px;
    }
    .on-time-section .on-time-heading h2 {
        font-size: 34px;
    }
    .commitments-main-bx .commit-time-bx span {
        font-size: 13px;
    }
    .what-commitments-bxs .review-slider-btn { 
        height: 28px;
        width: 28px;
    }
}

/***** on guarantee page end *****/

/***** visa slider main section start *****/
.on-time-guarantee {
    line-height: 16px;
    text-decoration: underline !important;
    font-weight: 500;
}
.on-time-guarantee span {
    font-size: 22px;
    color: #fff;
}
.navbar.fixed-navbar .on-time-guarantee span {
    color: var(--theme1);
}
.currency-bxs.dropdown #dropdownToggle {
    outline: none;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid var(--theme1);
    padding: 6px;
    color: var(--theme1);
    transition: all .3s ease-in;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 15px;
}
.currency-bxs .dropdown-item .flag-icon {
    width: 1.4em !important;
}
.dropdown.currency-bxs {
    margin-left: 16px;
    display: none;
}
#dropdownMenuButton1 {
    right: 0;
    /* left: 0; */
    width: 100px;
    min-width: 130px;
    padding: 10px;
}
.dropdown.currency-bxs .dropdown-menu li {
	padding: 4px;
	color: #000;
}
.dropdown.currency-bxs .dropdown-menu li:hover, .dropdown.currency-bxs .dropdown-menu li:active {
	color: #000;
    text-decoration: none;
    background-color: rgb(251 240 225 / 1);
	cursor: pointer;
}
.dropdown.currency-bxs .dropdown-item.active, .dropdown.currency-bxs .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: rgba(69,  90,  100,  .396);
}

.mob_search_bar_bx {
	display: none;
}
#autoModal {
    background-color: #000000bd;
}
#autoModal .modal-dialog {
    margin-top: 18%;
}
.modal-body.visa-hero-section .visa-hero-heading-main {
    position: unset;
    width: 100%;
    padding: 0;
}
.modal-body.visa-hero-section {
    padding-top: 0;
}
.modal-body.visa-hero-section .select2-container {
    height: 44px;
    width: 100% !important;
}
#autoModal .btn-close {
    box-shadow: none;
    outline: none;
}
.visa-hero-section .visa-hero-img {
    height: 590px;
    border-radius: 14px;
	position:relative;
}
.visa-hero-section .visa-hero-img video {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
.visa-hero-section .visa-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visa-hero-section .visa-hero-img::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100% !important;
    width: 100%;
    background: #1c1a1a61;
    border-radius: 14px;
}
.visa-hero-section .visa-hero-heading-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 38%;
    width: 94%;
    margin: 0 auto;
    border-radius: 8px;
    padding: 20px 20px;
    z-index: 2;
    gap: 13px;
}
.visa-hero-section .visa-hero-heading {
    margin-bottom: 0;
    font-size: 52px;
    color: #fff;
}
.visa-hero-section .hero-label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    padding-left: 2px;
    color: black;
}
.visa-hero-section .select2-container {
    height: 44px;
}
.visa-hero-section .select2-container .selection {
    height: 100%;
    display: block;
}
.visa-hero-section .select2-container .select2-selection {
    height: 100%;
    display: flex;
    align-items: center;
}
.visa-hero-section .select2-container .select2-selection__rendered {
    font-weight: 500;
    font-size: 15px;
	color: black;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    position: absolute;
    top: 20px;
    right: 1px;
    width: 20px;
}
.visa_main_right_bg_img {
    height: 235px;
    border-radius: 14px;
    overflow: hidden;
    transition: all .3s ease-in;
	position: relative;
}
.visa_main_right_bg_img::before {
    content: '';
    position: absolute;
	width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
	transition: all .3s ease-in-out;
}
.visa_main_right_bg_img img {
    transition: all .3s ease-in;
}
.visa_main_right_bg_img:hover::before {
	transition: all .3s ease-in-out;
	height: 250%;
    transition: all 600ms linear;
    background-color: rgba(0, 0, 0, 0);
}
.visa_main_right_bg_img:hover img {
    transform: scale(1.2);
}
.visa_main_right_bg_img:first-child {
    margin-bottom: 20px;
}

.visa-hero-section .visa-aply-btn { 
    background-color: transparent;
    border: 1px solid var(--theme1);
    font-weight: 500;
    font-size: 16px;
    padding: 9px 12px;
    color: var(--theme1);
    border-radius: 8px;
    gap: 12px;
    transition: all 0.3s ease-in-out;
}
.visa-hero-section .visa-aply-btn:hover {
    background-color: var(--theme1);
    color: #fff;
}
.visa-hero-section .guarantee-title  {
        top:  10px;
        left:  10px;
        background-color:  var(--theme1);
        color:  #fff;
        font-size:  15px;
        padding:  8px 12px;
        border-radius:  3px 20px 3px 20px;
}
.visa-hero-section .guarantee-title img  {
        filter:  invert(1);
}


.visa_main_top_bar {
    width: fit-content;
    margin: 0 auto;
    background: hsl(0deg 0% 100% / 28%);
    padding: 8px 16px;
    border-radius: 40px;
    margin-top: 20px;
    --tw-backdrop-blur: blur(18px);
    box-shadow: 0 0 4px #fff;
}
.visa_main_top_bar .visa_main_top_btm {
    margin-bottom: 0;
}
.visa_main_top_bar .visa_main_top_btm span {
    font-size: 20px;
    color: #fff;
    margin-right: 2px;
    vertical-align: middle;
}
.visa_main_top_bar .visa_main_top_btm {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
}

.visas_all_seven_type ul {
    margin-bottom: 0;
    padding-left: 0;
}
.visas_all_seven_type ul li {
    display: inline-block;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: rgba(67,  71,  85,  0.27) 0px 0px 0.25em,  rgba(90,  125,  188,  0.05) 0px 0.25em 1em;
    border-radius: 6px;
    margin-left: 8px;
    margin-bottom: 0;
    transition: all .3s ease-in-out;
}
.visas_all_seven_type ul li span {
	color: var(--theme1);
	font-size: 16px;
}
.visas_all_seven_type ul li:hover {
	transform: translateY(-4px);
}
/***** visa slider main section end *****/
/***** visas new section start *****/


.visa_timeline_bxs .visas_timeline_lines {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    width: 100%;
}
.visa_timeline_bxs .visas_timeline_lines:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/visas/icon-line-1.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.visa_timeline_bxs .visas_timeline_lines .visas_time_lists {
    display: block;
}
.visas_timeline_main_bxs .visas_timeline_main_icons {
    display: block;
    justify-content: left;
    align-items: center;
}
.visas_timeline_main_bxs .visas_timeline_main_icons .visas_icons_tp {
    border: 2px dashed var(--theme1);
    padding: 10px;
    border-radius: 50%;
    width: fit-content;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    background-color: #fff;
    z-index: 10;
    margin-bottom: 20px;
}
.visas_icons_tp .visa_pro_icn {
    width: 110px;
}
.visa_timeline_bxs .visas_timeline_lines .visas_time_lists {
    display: inline-block;
    width: 32%;
    margin: 0 auto;
}
.visas_timeline_cntnt {
    text-align: center;
}
.visas_timeline_cntnt .visas_step_no {
    background: #e7000a14;
    color: var(--theme1);
    text-align: center;
    width: max-content;
    margin: 8px auto;
    padding: 2px 8px;
    border-radius: 6px;
}
.visas_timeline_cntnt .visas_cntnt_title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 4px;
}
.visas_timeline_cntnt .visas_cntnt_pera {
    font-size: 14px;
    color: #545354;
}

/* Left line and plane */
.timeline {
	width: 50px;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
}

.dotted-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	width: 2px;
	/* background: repeating-linear-gradient(
			to bottom,
			 var(--theme1),
			 var(--theme1) 6px,
			transparent 6px,
			transparent 12px
		  ); */
}

.plane-icon {
	width: 42px;
	position: absolute;
	top: 0px;
	left: -20px;
	transition: transform 0.2s linear;
	transform: rotateZ(181deg);
	animation: fly-down 8s ease-in-out forwards;
}
@keyframes fly-down {
	0% {
		top: 10px;
		opacity: 0;
	}
	35% {
		opacity: 1;
		top: 32%;
	}
	70% {
		opacity: 1;
		top: 56%;
	}
	100% {
		top: 77%;
		opacity: 1;
	}
}

/* Step content box */
.visa_timeline_bxs {
  position: relative;
}
.visa-box {
    background: white;
    flex: 1;
    padding: 28px;
    padding-top: 8px;
    border-left: 3px solid var(--theme1);
    box-shadow: rgba(67,  71,  85,  0.27) 0px 0px 0.25em,  rgba(90,  125,  188,  0.05) 0px 0.25em 1em;
    border-radius: 12px;
}

.visa-box .step {
	display: flex;
	align-items: flex-start;
	margin-top: 34px;
}

.step-number {
	width: 36px;
	height: 36px;
	background: var(--theme1);
	color: white;
	text-align: center;
	line-height: 33px;
	font-size: 20px;
	border-radius: 4px;
	margin-right: 20px;
	font-weight: bold;
	z-index: 1;
}
.step-number .step_no_img {width: 26px;height: 26px;margin: 0 auto;}

.step-content h3 {
	font-size: 18px;
	margin: 12px 0px;
	color: #000;
}

.step-content p {
  margin: 0;
}
.step-content .step-no-text {
    background: #183d4c1f;
    color: var(--theme1);
    text-align: center;
    width: max-content;
    padding: 2px 8px;
    border-radius: 6px;
}
.visa-box .step {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease;
}

.visa-box .step.visible {
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 768px) {
  /*--.container {
	flex-direction: column;
	padding-left: 20px;
  }--*/

  .timeline {
	display: none;
  }
}
	
.step_to_date_time {
    margin-left: 12px;
    display: inline-block;
    padding: 6px 20px;
	font-size: 18px;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    background: linear-gradient(270deg, #ff6b6b, #f8c400, #6bcf63, #4d96ff, #b96bff, #ff6b6b);
    background-size: 1200% 1200%;
    animation: rainbowMove 6s ease infinite;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease;
}

.step_to_date_time:hover {
  transform: scale(1.05);
}

@keyframes rainbowMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/***** visas new section end *****/
/***** loader start *****/
.loader-main {
    position: relative;
    z-index: 1200
}
 
.loader-main::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}
 
.loader-main .loader-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 5rem;
    width: 5rem;
    margin: auto;
    z-index: 999;
    overflow: visible;
    top: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0
}
 
.loader-main .loader-dots {
    display: inline-flex;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #fff;
    animation: three 1.5s infinite ease-in-out both
}
 
.loader-main .loader-dot-1 {
    animation-delay: -320ms
}
 
.loader-main .loader-dot-2 {
    animation-delay: -160ms
}
 
@keyframes three {
    0%,80%,100% {
        transform: scale(0)
    }
 
    40% {
        transform: scale(1)
    }
}
 
.loader-main .loading-text {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 5px
}
/***** loader end *****/
/***** visa sidebar start *****/
.visa-sidebar-main  {
        top:  70px;
        z-index:  0;
}
.visa-sidebar {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 18px;
    border-radius: 13px;
    padding-top: 85px;
    border: 1px solid #dadada;
}
.visa-sidebar .visa-sidebar-header-main {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 106.50%;
}
.visa-sidebar .visa-sidebar-header {
    background-color: var(--theme1);
    padding: 10px 24px;
    border-radius: 13px 13px;
}
/*.visa-sidebar .visa-sidebar-header::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  -12px;
        border:  6px solid;
        border-color:  #94291f #94291f transparent transparent;
}
.visa-sidebar .visa-sidebar-header::after  {
        content:  '';
        position:  absolute;
        right:  0;
        bottom:  -12px;
        border:  6px solid;
        border-color:  #94291f transparent transparent #94291f ;
}*/
.visa-sidebar .visa-sidebar-header .visa-sidebar-header-title  {
        font-size:  17px;
        color:  #fff;
}
.visa-sidebar .visa-sidebar-header .visa-sidebar-header-time  {
        color: #eee;
        font-size:  14px;
}
.visa-sidebar .visa-sidebar-heading  {
        font-size:  20px;
        margin-bottom:  18px;
}
.visa-sidebar .visa-sidebar-traveller-details  {
        margin-top:  20px;
}
.visa-sidebar .visa-sidebar-traveller-title  {
        font-size:  16px;
}
.visa-sidebar .visa-sidebar-traveller-title .visa-sidebar-traveller-icon  {
        color:  #777777;
        margin-right:  2px;
}
.visa-sidebar .visa-sidebar-traveller-data  {
        border:  1px solid #d4d4d4;
        height:  35px;
        border-radius:  30px;
        padding-inline:  5px;
}
.visa-sidebar .visa-sidebar-traveller-data .visa-sidebar-data-input  {
        font-size:  14px;
        padding-inline:  8px;
        width: 50px;
}
.visa-sidebar .visa-sidebar-traveller-data .visa-sidebar-data-btn  {
        border:  0;
        background-color:  transparent;
        font-size:  13px;
}
.visa-sidebar .visa-sidebar-icon  {
        margin-right:  12px;
}
.visa-sidebar .visa-sidebar-icon img {
        filter:  invert(1);
}
.visa-sidebar .nav-tabs  {
        gap:  12px;
}
.visa-sidebar .nav-link {
    border: 1px solid var(--theme1) !important;
    border-radius: 3px 25px 3px 25px;
    font-size: 14px;
    padding: 7px 20px;
    color: #333;
}
.visa-sidebar .nav-link::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  0;
        background-color:  var(--theme1);
        height:  0%;
        width:  100%;
        transition:  all 0.3s ease-in-out;
}
.visa-sidebar .nav-link.active  {
        color:  #fff;
        border:  1px solid var(--theme1) !important;
}
.visa-sidebar .nav-link.active::before  {
        height:  100%;
}
.visa-sidebar .nav-link i  {
        margin-right:  2px;
}
.visa-sidebar .visa-sidebar-title  {
        font-size:  17px;
        line-height:  normal;
}
.visa-sidebar .visa-sidebar-detail-title  {
        color: #000;
        font-size:  15px;
        gap: 8px;
}
.custom-tooltip .tooltip-icon  {
        font-size:  15px;
        color:  var(--theme1);
        cursor:  pointer;
        display:  flex;
        align-items:  center;
        justify-content:  center;
}
.custom-tooltip .tooltip-detail-main  {
        width:  250px;
        left:  50%;
        transform:  translateX(-50%);
        top:  165%;
        visibility:  hidden;
        opacity:  0;
        transition:  all 0.3s ease-in-out;
        z-index:  1;
}
.custom-tooltip .tooltip-details  {
        background-color:  #fff;
        border:  1px solid #eee;
        border-radius:  14px;
        padding:  14px;
        box-shadow:  rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
}
.custom-tooltip .tooltip-details::before  {
        content:  '';
        position:  absolute;
        left:  50%;
        top:  -7px;
        background:  #fff;
        height:  14px;
        width:  14px;
        border:  1px solid;
        border-color:  #eee transparent transparent #eee;
        transform: translateX(-50%) rotate(45deg);
}
.custom-tooltip .tooltip-title  {
        font-size:  16px;
		color: #000;
}
.custom-tooltip .tooltip-details .tooltip-para {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 17.5px;
    color: #585858;
    margin-top: 2px;
}
.custom-tooltip:hover .tooltip-detail-main  {
        opacity:  1;
        visibility:  visible;
}
.visa-sidebar .visa-sidebar-detail  {
        gap:  15px;
        margin-top:  18px;
}
.visa-sidebar .visa-sidebar-detail-subtitle  {
        font-size:  15px;
        gap:  8px;
}
.visa-sidebar .visa-sidebar-detail-price  {
        font-size:  16px;
}
.visa-sidebar .visa-sidebar-price-main  {
        margin-top:  20px;
        padding-top:  18px;
        border-top:  1.5px dashed var(--theme1);
}
.visa-sidebar .visa-sidebar-price-title  {
        font-size:  18px;
}
.visa-sidebar .visa-sidebar-total-price  {
        font-size:  19px;
}
.visa-sidebar .visa-sidebar-btn-main  {
        margin-top:  20px;
}
.visa-sidebar .visa-sidebar-btn {
    background-color: var(--theme1);
    border: 2px solid var(--theme1);
    color: #ffff;
    padding: 11px;
    gap: 5px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    line-height: normal;
    /* border: 0px; */
    box-shadow: none;
    display: block;
    width: 100%;
}
.visa-sidebar .visa-sidebar-btn:hover {
    background-color: #fff;
    border: 2px solid var(--theme1);
    color: var(--theme1);
    font-weight: 500;
}
.visa-sidebar .visa-sidebar-btn img  {
        filter:  invert(1);
		transition: all 0.3s ease-in-out;
}
.visa-sidebar .visa-sidebar-btn:hover img  {
        filter:  unset;
}
.citizen_text_area {
    font-size: 14px;
    font-weight: 500;
    clear: var(--theme1);
    line-height: 40px;
    margin-right: 10px;
}
.citizen_text_area br {display: none;}

@media (max-width: 480px) {
	.citizen_text_area {
		font-size: 12px;
		line-height: 15px;
		text-align: left;
	}
	.citizen_text_area br {display: block;}
}

@media (max-width: 355px) {
	.on-time-guarantee {
		display: flex !important;
		font-size: 12px !important;
	}
}
/*--visa-main-css--*/

.review-vw .review-txt small {
	display: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme1);
    background-color: #183d4c1f;
    padding: 6px 8px;
    border-radius: 40px;
}

.review-text-vw p {
    font-size: 15px;
    color: #000;
    line-height: 1.4;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 6px;
}

.visa-name-btm-review .visa-review-list {
    padding-right: 8px;
    border-right: 1px solid #5e5e5e;
}

.visa-name-btm-review .visa-review-list i {
    font-size: 11px !important;
}
.visa-name-btm-review span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding-left: 8px;
}
@media (max-width:480px){
	
	.visa-main-name-view {
		font-size:14px !important;
	}	
	.review-text-vw p {
		font-size: 14px;
	}
	.visa-name-btm-review span {
		font-size: 13px;
	}
	.review-vw .review-txt small {
		font-size: 11px;
	}
	.custom-tooltip .tooltip-title {
		font-size: 15px;
	}
	.custom-tooltip .tooltip-details .tooltip-para {
		font-size: 13px;
	}
	
}
.authorized-review-text .secreview-btn {text-decoration: none;}
.authorized-review-text .visa-review-data-rating {
    font-size: 38px;
    margin-right: 10px;
	color: #000;
	text-decoration: none;
}
.authorized-review-text .visa-review-data-total {
    font-size: 14px;
    line-height: normal;
    color: #777777;
    margin-top: 3px;
	text-decoration: none;
}
.authorized-review-text .visa-review-list i {
    color: #ffa534;
    font-size: 14px;
	text-decoration: none;
}

.visa-allview-bx .visa-allview-img {
    border-radius: 14px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
    height: 200px;
}
.visa-allview-bx .visa-allview-img.visa-allview-btm {height: 200px;}
.visa-allview-bx .visa-allview-img img {
    transition: all .3s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
}

.visa-allview-bx .visa-allview-img:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.visa-allview-bx .visa-allview-img .visa-allview-text {
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 100%;
    background: #03030385;
}

.visa-allview-bx .visa-allview-img .visa-allview-text h3 {
    position: absolute;
    left: 14px;
    bottom: 14px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
}
.visa-allview-bx .visa-allview-img .visa-first h3 {font-size: 22px;}
@media (max-width: 767px){
	.authorized-review-text .visa-review-data-rating {
		font-size: 30px;
	}
	.authorized-review-text .visa-review-list i {
		font-size: 13px;
	}
	.authorized-review-text .visa-review-data-total {
		font-size: 13px;
	}
}
@media (max-width: 576px){
	.visa-authorized-main-bx {
		display: block !important;
	}
	.visa-authorized-main-bx .authorized-title {
		width: fit-content;
	}
	.authorized-review-text {
		margin-top: 10px;
	}
	.authorized-review-text .visa-review-data-rating {
		font-size: 26px;
	}
	.authorized-review-text .visa-review-list i {
		font-size: 13px;
	}
	.authorized-review-text .visa-review-data-total {
		font-size: 13px;
	}
}
@media (max-width: 480px){
	.visa-allview-bx .visa-allview-img {
		height: 280px;
	}
	.visa-allview-bx .visa-allview-img.visa-allview-btm {height: auto;}
	.visa-allview-bx .visa-allview-img .visa-allview-text h3 {
		font-size: 16px;
	}
	.visa-allview-bx .visa-allview-img .visa-first h3 {font-size: 15px;}
}
/*--reject-application-main-css-start--*/

.reason-card {
    background-color: #fff;
    border-left: 3px solid var(--theme1);
    padding: 20px 24px;
    border-radius: 10px;
    box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: transform 0.2s;
}

.reason-card:hover {
  transform: translateY(-4px);
}

.reason-icon {
  font-size: 28px;
  color:  var(--theme1);
  margin-top: 4px;
}

.reason-text h4 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.reason-text p {
    margin: 0;
    font-size: 14px;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

/*--reject-application-main-css-end--*/
/*--visa-main-css-end--*/
.country-time-card  {
        background-color:  var(--theme1);
        padding:  12px;
        border-radius:  14px;
        margin-top:  20px;
        box-shadow:  rgba(99,  99,  99,  0.2) 0px 2px 8px 0px;
        gap:  12px;
}
.country-time-card .time-country-name  {
        font-size:  18px;
}
.country-time-card .country-time  {
        font-size:  17px;
}
.country-time-card .country-time-icon-main  {
        height:  70px;
        width:  70px;
        border:  1px dashed #fff;
}
.country-time-card .country-time-icon  {
        height:  55px;
        width:  55px;
}
.country-time-card .country-time-icon img {
    filter: invert(4) contrast(0.5);
}
/***** visa sidebar end *****/

/***** add another modal start *****/

.azerbaijan-addanother-modal .modal-content {
    border-radius: 14px;
}
.azerbaijan-addanother-modal .modal-dialog {
    max-width: 90%;
}
.oman-addanother-modal .modal-dialog {
    max-width: 60%;
}
.india-addanother-modal .modal-dialog {
    max-width: 90%;
}
.turkey-addanother-modal .modal-dialog {
    max-width: 90%;
}
.morocco-addanother-modal .modal-dialog {
    max-width: 90%;
}
.azerbaijan-addanother-modal .modal-title {
    font-size: 18px;
}
.azerbaijan-addanother-modal .btn-close {
    font-size: 12px;
}
.payment-order-total .pay-total {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme1);
}
.add-btm-total-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    border: 1.5px solid #c9c9c9;
    padding: 10px;
}
.add-btm-total-bx .payment-order-text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.summary-detail-body {
    padding: 18px 12px;
    padding-bottom: 4px;
}
.summary-title {
    font-size: 16px;
    color: #000;
}
.summary-sub-title {
    font-size: 15px;
    color: #000;
}
.payment-check-bx {
    margin-bottom: 14px;
}

.payment-detail-card .payment-detail-footer .payment-check-bx {
    margin-bottom: 0;
}
.payment-check-bx .form-check input {
    outline: 0px;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #b3b3b3;
}
.payment-check-bx .form-check label {
    font-size: 15px;
    color: #000;
}
.payment-check-bx .form-check label a {
    text-decoration: none;
}
@media (max-width: 480px) {
    .form-section .form-section-heading {
        font-size: 18px !important;
    }
    .form-card .form-card-subheading {
        font-size: 16px;
    }
    .form-input-group .form-check-label {
        font-size: 13px;
    }
    .form-input-group .form-check-label {
        font-size: 13px;
    }
    .payment-detail-card .payment-card-heading {
        font-size: 16px !important;
    }
    .payment-order-total .pay-total {
        font-size: 15px;
    }
    .summary-title {
        font-size: 15px;
    }
    .summary-sub-title {
        font-size: 14px;
    }
    .add-btm-total-bx .payment-order-text {
        font-size: 15px;
    }
    .payment-check-bx .form-check label {
        font-size: 14px;
    }
    .tab-header .step::before {
        height: 5px;
    }
    .tab-header .step .step-inner {
        height: 26px;
        width: 26px;
        font-size: 14px;
    }
    .summary-detail-body {
        padding: 16px 12px;
        padding-bottom: 0px;
    }
    .payment-detail-card .table th {
        font-size: 14px;
    }
    .payment-detail-card .table td {
        font-size: 13px;
    }
    .payment-sidebar-card img {
        height: 30px;
    }
    .payment-detail-card .payment-detail-safey-icon {
        height: 22px;
    }
    .payment-detail-card .payment-detail-footer-title {
        font-size: 13px;
    }
    .country-time-card .country-time-icon-main {
        height: 56px !important;
        width: 56px !important;
    }
    .country-time-card .time-country-name {
        font-size: 17px;
    }
    .country-time-card .country-time {
        font-size: 14px !important;
    }
    .custom-tooltip .tooltip-title {
        font-size: 16px;
    }
    .custom-tooltip .tooltip-details .tooltip-para {
        font-size: 13px;
    }
    .azerbaijan-addanother-modal .modal-dialog {
        max-width: 100%;
    }
    .oman-addanother-modal .modal-dialog {
        max-width: 100%;
    }
    .india-addanother-modal .modal-dialog {
        max-width: 100%;
    }
}

/***** add another modal end *****/
/***** citizenship modal start *****/

.country-btn-icon {
    outline: none;
    border:0px;
    box-shadow: none;
}
.country-btn-icon:focus {
    outline: none;
    border:0px;
    box-shadow: none;
}

.citizenship-modal .modal-dialog {
    max-width: 32%;
    margin-top: 13%;
}

.citizen-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.citizenship-text-bx p {
    font-size: 12px;
    color: #484848;
    margin-bottom: 6px;
}
.citizenship-sub-text span {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}
.citizenship-item .accordion-header .accordion-button {
    background: transparent;
    outline: none;
    box-shadow: none;
    width: auto;
    padding: 0;
    border-radius: 8px !important;
}
.citizenship-item .accordion-header .accordion-button::after {
    display: none;
}

.citizenship-item .accordion-header .accordion-button .citizenship-countrys {
    background: #183d4c1f;
    padding: 8px 10px;
    border-radius: 10px !important;
}
.citizenship-item .accordion-header .accordion-button .citizenship-countrys p {
    font-size: 14px;
    color: #000;
}
.citizenship-item .accordion-header .accordion-button .citizenship-countrys p .country-name {
    font-size: 15px;
}
.citizenship-item .accordion-header .accordion-button .citizenship-countrys p .country-flag {
    margin-right: 3px;
    width: 22px !important;
    height: 22px !important;
}

.citizenship-item .accordion-header .accordion-button .citizenship-country {
    background: #bd27181c;
    padding: 8px 10px;
    border-radius: 4px !important;
}
.citizenship-item .accordion-header .accordion-button .citizenship-country p {
    font-size: 14px;
    color: #000;
}
.citizenship-item .accordion-header .accordion-button .citizenship-country p .country-name {
    font-size: 15px;
}
.citizenship-item .accordion-header .accordion-button .citizenship-country p .country-flag {
    margin-right: 3px;
    width: 22px !important;
    height: 22px !important;
}
.citizen-add-country-bx h3 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}
.citizen-add-country-bx input {
    font-size: 14px;
    outline: none;
    box-shadow: none;
    color: #000;
    margin-bottom: 10px;
    border-radius: 10px;
}
.citizen-add-country-bx input:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--theme1);
}
.citizenship-item .accordion-body {
    padding: 0;
}
.citizenship-item .accordion-body .citizen-all-view-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.citizenship-item .accordion-body .citizen-all-view-bx .citizen-all-text {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.citizenship-item .accordion-body .citizen-all-view-bx .citizen-all-count {
    font-size: 14px;
    color: #000;
}
.citizen-all-show-bx {
    overflow-y: auto;
    height: 130px;
}
.citizenship-item .accordion-body .citizenship-country {
    background: #ededed;
    padding: 8px 10px;
    border-radius: 10px !important;
    border: 1px solid #f7f7f7;
    width: fit-content;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 6px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.citizenship-item .accordion-body .citizenship-country p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.citizenship-item .accordion-body .citizenship-country p .country-flag {
    margin-right: 3px;
    width: 22px !important;
    height: 22px !important;
}
.citizenship-item .accordion-body .citizenship-country.active {
    background-color: #bd27181c;
	border: 1px solid #bd27181c;
}
.citizenship-item .accordion-body .citizenship-country:hover {
    background-color: #183d4c1f;
    border: 1px solid #183d4c1f;
}
.citizenship-modal .modal-header .btn-close {
    box-shadow: none;
    outline: none;
}
@media (max-width: 767px){
    .citizenship-modal .modal-dialog {
        max-width: 80%;
    }
    .country-btn-icon .citizenship-country p .country-flag {
        width: 20px !important;
        height: 20px !important;
    }
}
@media (max-width: 480px){
    .citizenship-modal .modal-dialog {
        max-width: 100%;
    }
}
/***** citizenship modal end *****/
/***** visa detail section start *****/
.visa-gap {
    margin-top: 40px;
}
.visa-detail-section .authorized-title {
    background-color: #0c2630;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /* box-shadow: rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px; */
    height: 38px;
    gap: 5px;
    border-radius: 6px 0 0 6px;
    padding-right: 3px;
}
.visa-detail-section .authorized-title .authorized-icon  {
        height:  50px;
        width:  50px;
        background-color:  var(--theme1);
        box-shadow:  rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
        margin-left:  -5px;
}
.visa-detail-section .authorized-title::before  {
        content:  '';
        position:  absolute;
        right:  -32px;
        top:  0;
        border:  19px solid;
        border-color:  #0c2630 transparent #0c2630 #0c2630;
        height:  38px;
        z-index:  -1;
}
/* visa info seciton start */
.visa-info-section .visa-info-card  {
        border:  1px solid #d6d6d6;
        border-radius:  8px;
        padding:  7px 10px;
        gap:  10px;
        transition:  all 0.3s ease-in-out;
}
.visa-info-section .visa-info-card:hover  {
        box-shadow:  rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
}
.visa-info-section .visa-info-card .visa-info-card-icon  {
        height:  42px;
        width:  42px;
        background-color:  #d4483b28;
        border-radius:  8px;
}
.visa-info-section .visa-info-card .tooltip-icon  {
        color:  #333;
}
.visa-info-section .visa-info-card-main:nth-child(2) .visa-info-card-icon  {
        background-color:  #0d6dfd2c;
        fill:  #0d6efd;
}
.visa-info-section .visa-info-card-main:nth-child(3) .visa-info-card-icon  {
        background-color:  #6710f223;
        fill:  #6610f2;
}
.visa-info-section .visa-info-card-main:nth-child(4) .visa-info-card-icon  {
        background-color:  #1987542f;
        fill:  #198754;
}
.visa-info-section .visa-info-card .visa-info-card-title  {
        font-size:  15px;
}
.visa-info-section .visa-info-card .visa-info-card-subtitle  {
        font-size:  14px;
        gap:  5px;
        margin-top:  2px;
}
/* visa info seciton end */
/* visa price section start */
.tab-content {
    margin-top: 20px;
}
.visa-price-section.visa-gap {
    margin-top: 30px;
}
.visa-price-tab  {
        border-bottom:  1px solid #eee;
        margin-top:  20px;
        gap:  5px;
        padding-bottom:  20px;
}
.visa-price-tab .nav-link  {
        border:  none;
        color:  #000;
        padding:  8.5px 20px;
        font-size:  14px;
        background-color:  #eee;
        border-radius:  6px;
}
.visa-price-tab .nav-link i  {
        margin-right:  2px;
}
.visa-price-tab .nav-link span  {
        transition:  all 0.3s ease-in-out;
}
.visa-price-tab .nav-link::before  {
        content:  '';
        position:  absolute;
        left:  0;
        height:  100%;
        background-color:  var(--theme1);
        bottom:  0;
        width:  0%;
        transition:  all 0.3s ease-in-out;
}
.visa-price-tab .nav-link.active span  {
        color:  #fff;
}
.visa-price-tab .nav-link.active::before  {
        width:  100%;
}
.visa-price-card  {
        border:  1.6px solid #dadada69;
        padding:  12px;
        border-radius:  12px;
        cursor:  pointer;
        transition:  all 0.3s ease-in-out;
        background-color:  #f8fafc;
}
.visa-price-card .visa-price-title  {
        color:  #000;
        font-size:  18px;
        line-height:  normal;
}
/* .visa-price-card .visa-price-title::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  -8px;
        border:  4px solid ;
        border-color:  #94251b #94251b transparent transparent;
}
 */
 .visa-price-card .visa-price-card-checkbox  {
        height:  18px;
        width:  18px;
        border:  1px solid #a1a1a1;
        font-size:  10px;
        color: #fff;
        top:  15px;
        right:  10px;
        transition:  all 0.3s ease-in-out;
}
.visa-price-card .visa-price-card-rate  {
        font-size:  34px;
        line-height:  normal;
        color:  var(--theme1);
}
.visa-price-card .visa-price-card-rate sup  {
        font-size:  16px;
}
.visa-price-card .visa-checkbox .visa-checkbox-inner  {
        width:  85px;
        height:  31px;
        background:  rgba(69,  90,  100,  .396);
        border-radius:  30px;
        position:  relative;
        cursor:  pointer;
        transition:  all .3s ease-in-out;
}
.visa-price-card .visa-checkbox .visa-checkbox-inner::after  {
        content:  "Regular";
        position:  absolute;
        color:  #fff;
        width:  100%;
        left:  0;
        text-align:  right;
        padding:  0 8px;
        line-height:  31px;
        font-size:  12px;
        font-weight:  400;
}
.visa-price-card .visa-checkbox .visa-checkbox-inner::before  {
        content:  "";
        position:  absolute;
        width:  25px;
        height:  25px;
        background:  #fff;
        border-radius:  50%;
        top:  3px;
        left:  3px;
        transition:  .3s;
        box-shadow:  -3px 0 3px rgba(0,  0,  0,  .1);
}
.visa-price-card .visa-checkbox input:checked~.visa-checkbox-inner  {
        background:  #31b63a;
}
.visa-price-card .visa-checkbox input:checked~.visa-checkbox-inner::before  {
        transform:  translate(54px);
        transition:  .3s;
}
.visa-price-card .visa-checkbox input:checked~.visa-checkbox-inner::after  {
        content:  "Express";
        text-align:  left;
        font-size:  12px;
}
.visa-price-card .visa-price-detail-main  {
        gap:  18px;
        margin-top:  18px;
}
.visa-price-card .visa-price-details  {
        font-size:  14px;
        color:  #000;
        gap:  5px;
}

.visa-price-card .visa-price-details-icon  {
        height:  15px;
        width:  15px;
        background:  #dddddd;
        font-size:  10px;
}
.visa-price-input:checked ~ .visa-price-card  {
        border-color:  var(--theme1);
        box-shadow:  rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
        transform:  translateY(-8px);
        background-color:  #fff;
}
.visa-price-input:checked ~ .visa-price-card .visa-price-card-checkbox  {
        background-color:  var(--theme1);
        border-color:  var(--theme1);
}
.visa-price-card.selected .visa-price-details-icon  {
        background-color:  #31b63a;
        color:  #fff;
}
.visa-price-card.active .visa-price-details .visas_icon  {
	background: #31B63A !important;
	color: #fff !important;
}
/* visa price section end */
/* visa document section start */
.visa-docs-card {
    padding: 8px 10px;
    gap: 9px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.visa-docs-card .visa-docs-card-icon {
    width: 28px;
    height: 28px;
    font-size: 18px;
    color: var(--theme1);
}
.visa-docs-card .visa-docs-card-icon img {
    width: 100% !important;
    height: 100% !important;
}
.visa-docs-card:hover  {
        transform:  translateY(-6px);
        box-shadow:  rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
}
/* visa document section end */
/* visa partner section start */
.visa-partner-card  {
        padding:  12px;
        border-radius:  12px;
        box-shadow:  rgba(67,  71,  85,  0.27) 0px 0px 0.25em,  rgba(90,  125,  188,  0.05) 0px 0.25em 1em;
}
/* visa partner section end */
/* timelines section start */
.timeline-main {
    margin-top: 24px;
}
.timeline-main li {
        padding-bottom:  1.5rem;
        border-left:  1px solid var(--theme1);
        position:  relative;
        padding-left:  20px;
        margin-left:  10px;
        gap:  18px;
}
.timeline-main li:last-child {
      border:  0px;
      padding-bottom:  0;
}
.timeline-main li:before {
    content: '';
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid  var(--theme1);
    box-shadow: 3px 3px 0px #e71d1d96;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 0px;
}
.timeline-main .timeline-title {
    background-color: #d4483b23;
    color: var(--theme1);
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 30px;
    line-height: normal;
    display: inline-block;
    margin-bottom: 8px;
}
.timeline-main .timeline-list {
    /* box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px; */
    /* padding: 20px !important; */
    /* border-radius: 14px; */
    /* border: 1px solid #d2d2d2; */
}	
.timeline-main .timeline-detail-card {
    border: 0px;
    border-radius: 14px;
    padding: 0;
    box-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px !important;
    border-radius: 14px;
    border: 1px solid #d2d2d2;
}
.timeline-main .timeline-detail-card .timeline-sub-bxs .timeline-approved-bxs p {
    color: #374151;
}
.timeline-detail-card .timeline-detail-heading  {
        font-size: 18px;
        margin-bottom: 6px;
}
.timeline-detail-card .timeline-detail-para p {
    color: #374151;
    margin-bottom: 0;
    font-size: 15px;
}

.timeline-sub-main {
    padding-bottom: 1.5rem;
    border-left: 1px solid var(--theme1);
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    gap: 18px;
}
.timeline-sub-main:before {
    content: '';
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid  var(--theme1);
    box-shadow: 3px 3px 0px #d4483b96;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 0px;
}

.timeline-sub-main .timeline-sub-top-text {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.timeline-sub-main .timeline-sub-btm-time {
    font-size: 14px;
    color: #000;
}
.timeline-sub-main .timeline-sub-btm-target {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    padding: 2px 4px;
    margin-left: 4px;
}

.timeline-approved-bxs .timeline-approved-btn {
    font-weight: 500;
    width: 30%;
    padding: 6px;
    border-radius: 8px;
}

.visa-common-main .visa-common-heading {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 14px;
    margin-top: 22px;
}

.visa-common-list ul {
    padding-left: 0px;
}

.visa-common-list ul li {
    display: inline-block;
    padding-left: 6px;
    padding-right: 8px;
    border-right: 2px solid #e1e1e1;
    font-size: 16px;
    color: #000;
}

.visa-common-list ul li:last-child {
	border-right: 0px;
}

.visa-common-list ul li a {
    color: #000;
	transition: all .3s ease-in;
}

.visa-common-list ul li a span {
    color: var(--theme1);
    padding-right: 4px;
}

.visa-common-list ul li a:hover {
	color: var(--theme1);
}

.visa-common-short .visa-short-main-bx {
    display: flex;
    justify-content: start;
    align-items: center;
}

.visa-short-main-bx .visa-short-bxs {
    display: flex;
    align-items: center;
    margin-right: 14px;
}

.visa-short-main-bx .visa-short-bxs .visa-short-left {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
}

.visa-short-main-bx .visa-short-bxs .dropdown button {
    background-color: #fff;
    color: #000;
    border-color: #dddddd;
    border-radius: 38px;
    box-shadow: 0 0 2px #f1f1f1;
    transition: all .2s ease-in;
    font-size: 15px;
    width: 150px;
    text-align: left;
}
.visa-short-main-bx .visa-short-bxs .dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /* float: right; */
    top: 43%;
    right: 10px;
    position: absolute;
}
.visa-short-main-bx .visa-short-bxs .dropdown button:focus {
    border-color: var(--theme1);
}

.visa-short-main-bx .visa-short-bxs .dropdown .dropdown-menu li button {width: 100%;}
.visa-short-main-bx .visa-short-bxs .dropdown .dropdown-menu li button:hover {
    background-color: #e9e9e9;
}

@media (max-width: 767px) {
	.timeline-approved-bxs {
		display: block !important;
	}
	.timeline-approved-bxs .timeline-approved-btn {
		width: 100%;
	}
}

@media (max-width: 480px) {
	
	.timeline-main .timeline-title {
		font-size: 13px;
	}
	
	.timeline-detail-card .timeline-detail-heading {
		font-size: 15px;
	}
	
	.timeline-sub-main .timeline-sub-top-text {
		font-size: 14px;
	}
	
	.timeline-approved-bxs {
		display: block !important;
	}
	.timeline-approved-bxs .timeline-approved-btn {
		width: 100%;
	}
	
}

/* timelines section end */
/* visa review section start */
.visa-review-data-card  {
        border: 1px solid #eee;
        padding: 25px ;
        border-radius: 14px;
        box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px;
        gap: 20px;
}
.visa-review-data-card .visa-review-data-img {
    height: 55px;
    width: 55px;
    border: 3px solid #183d4c1f;
    margin-left: -15px;
    box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px;
}
.visa-review-data-card .visa-review-data-img:hover  {
        z-index: 1;
}
.visa-review-data-card .visa-review-data-title  {
        font-size: 18px;
        line-height: normal;
        color: var(--theme1);
}
.visa-review-data-card .visa-review-data-rating  {
        font-size: 38px;
        margin-right: 10px;
}
.visa-review-data-card .visa-review-data-total  {
        font-size: 14px;
        line-height: normal;
        color: #777777;
        margin-top: 3px;
}
.visa-reviews-section .visa-reviews-wrapper  {
        gap: 20px;
        margin-top: 30px;
}
.visa-review-card  {
        border-bottom: 1px dashed #b4b4b4;
        padding-bottom: 20px;
}
.visa-review-card .visa-review-card-icon-main  {
        height: 48px;
        width: 48px;
        border: 1.5px dashed green;
}
.visa-review-card .visa-review-card-icon {
    height: 40px;
    width: 40px;
    overflow: hidden;
    background-color: green;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.visa-reviews-wrapper .col-12:nth-child(2) .visa-review-card-icon-main {
        border: 1.5px dashed green;
}
.visa-reviews-wrapper .col-12:nth-child(2) .visa-review-card-icon  {
        background-color: green;
}
.visa-reviews-wrapper .col-12:nth-child(3) .visa-review-card-icon-main {
        border: 1.5px dashed green;
}
.visa-reviews-wrapper .col-12:nth-child(3) .visa-review-card-icon  {
        background-color: green;
}
.visa-review-card .visa-review-date  {
        font-size: 14px;
        color: #6e6e6e;
        margin-top: 1px;
}
.visa-review-card .visa-review-list  {
        gap: 4px;
}
.visa-review-card .visa-review-list i {
    color: #00b67a;
    font-size: 14px;
}
.visa-review-card .visa-review-card-heading  {
        font-size: 18px;
        margin-top: 15px;
}
.visa-review-card .visa-review-details  {
        margin-top: 5px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
}
.visa-review-card .visa-review-details p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    color: #525252;
}
.visa-reviews-section .visa-review-btn  {
        background-color: transparent;
        border: 1px solid var(--theme1);
        font-weight: 500;
        font-size: 16px;
        padding: 13px 40px;
        color: var(--theme1);
        border-radius: 8px;
        gap: 12px;
        transition: all 0.3s ease-in-out;
}
.visa-reviews-section .visa-review-btn:hover  {
        background-color: var(--theme1);
        color: #fff;
}
/* visa review section end */
/* review modal start */
.review-modal .modal-dialog {
        max-width: 60%;
}
/* review modal end */

/* edit modal start */
.edit-form-modal .modal-dialog {
        max-width: 60%;
}
.edit-form-modal .btn-close {
    box-shadow: none;
    border: 0px;
    outline: none;
}
/* edit modal end */

/* visa faq section start */
.visa-faq-section .accordion  {
        gap: 15px;
}
.visa-faq-section .accordion-item  {
        border: none;
        box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px;
        border-radius: 6px;
}
.visa-faq-section .accordion-button::after  {
        display: none;
}
.visa-faq-section .accordion-button::before  {
        content: '\2b';
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease-in-out;
        height: 28px;
        width: 28px;
        border-radius: 50%;
        font-family: 'font awesome 6 free';
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        line-height: normal;
        background-color: #eee;
}
.visa-faq-section .accordion-button  {
        color: black;
        transition: all 0.3s ease-in-out;
        font-size: 17px;
        padding: 16px;
}
.visa-faq-section .accordion-button:not(.collapsed) {
        color: var(--theme1);
}
.visa-faq-section .accordion-button:not(.collapsed)::before  {
        content: '\f068';
        /* transform: translateY(-50%) rotate(90deg);
     */    background-color: var(--theme1);
        color: #fff;
}
.visa-faq-section .accordion-body  {
        border-top: 1px solid #57575752;
        padding: 16px;
}
.visa-faq-section .accordion-body p  {
        font-size: 15px;
        color: #424242;
        line-height: 22px;
        margin-bottom: 0px;
}
.visa-faq-section .accordion-body ol li  {
        font-size: 15px;
        color: #424242;
        line-height: 20px;
        padding: 4px 0px
}
/* visa faq section end */

/* payment-addform section start */
.modal-dialog .dropzone .dz-message {
    text-align: center;
    margin: 4px auto !important;
    border-radius: 10px;
    /* overflow: hidden; */
}
.dz-images-bxs {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 10px;
    /* overflow: hidden; */
}
.dz-images-bxs img {
    width: 100%;
    height: 100%;
}
.dz-images-bxs {
    position: relative;
}
.dz-images-bxs .dz-close-icon {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #fff;
    box-shadow: 0 0 4px #000;
    padding: 3px 9px;
    border-radius: 24px;
    color: red;
}
/* payment-addform section end */

/* Statistics on visa section start */
.statistics-data-card  {
        border: 1px solid #eee;
        border-radius: 14px;
        /* padding:  20px;
     */    box-shadow: rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.statistics-data-card .nav-link  {
        font-weight: 500;
}
.statistics-data-card .statistics-data-card-header  {
        padding: 15px;
        background-color: #eee;
}
.statistics-data-tab {
        margin-top: 18px;
        background-color: #eee;
        border-radius: 8px;
        padding: 8px;
        gap: 6px;
}
.statistics-data-tab .nav-link  {
        border: 0;
        border-radius: 7px;
        font-size: 15px;
        padding: 11px 22px;
        color: #000;
}
.statistics-data-tab .nav-link.active  {
        background-color: var(--theme1);
        color: #ffff;
}
.statistics-data-card .statistics-data-card-heading  {
        font-size: 18px;
}
.statistics-data-card .form-select  {
        font-size: 15px;
}
/* Statistics on visa section end */
/* visa rejection reason section start */
.rejection-card  {
        background-color: #ffffff;
        padding: 12px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0,  0,  0,  0.1);
        transition: transform 0.3s,  box-shadow 0.3s;
        border: 1px solid #33333321;
}
.rejection-card:hover  {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0,  0,  0,  0.2);
}
.rejection-card .rejection-icon  {
        font-size: 22px;
        color: var(--theme1);
        margin-bottom: 10px;
}
.rejection-card .rejection-title  {
        font-size: 1.2rem;
        font-weight: bold;
        color: #000;
}
.rejection-card .rejection-text  {
        font-size: 14px;
        color: #7f8c8d;
        margin-top: 5px;
        line-height: 26px;
}
/* visa rejection reason section end */
/***** visa detail section end *****/
/***** form section start *****/
.form-section .form-section-heading-main  {
        gap: 7px;
}
.form-section .form-section-heading-main img {
    filter: contrast(146.5) brightness(20.5);
}
.form-section .form-section-heading  {
        font-size: 26px;
}
.form-section .form-container  {
        position: sticky;
        top: 75px;
}
.form-card {
        box-shadow: rgba(0,  0,  0,  0.1) 0px 4px 6px -1px,  rgba(0,  0,  0,  0.06) 0px 2px 4px -1px;
        padding: 20px;
        border: 1px solid #c5c5c5;
        border-radius: 14px;
}
.form-card .form-card-heading-main  {
        gap: 10px;
}
.form-card .form-card-heading-main img {
    filter: unset;
}
.form-card .form-card-heading  {
        font-size: 27px;
        line-height: normal;
}
.form-card .form-card-title  {
        font-size: 18px;
        margin-top: 35px;
        padding-bottom: 6px;
}
.form-card .form-card-subheading  {
        font-size: 18px;
        padding-bottom: 5px;
        margin-bottom: 30px;
}
.form-card .visa-form-price  {
        font-size: 18px;
        color: var(--theme1);
}
.form-card .form-inner-title  {
        font-size: 13px;
        color: #666;
        padding-bottom: 8px;
        line-height: 22px;
}
.form-input-group .input-label  {
        font-weight: 500;
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
        padding-left: 2px;
}
.form-input-group .text-red {
    color: #183d4c;
}
.form-input-group .form-input  {
        height: 44px;
        font-size: 14px;
        border-color: #b3b3b3;
        border-radius: 8px;
}
.iti__flag  {
        background-image: url(../img/flags.webp);
}
.form-input-group .select2-selection  {
        height: 44px !important;
        display: flex !important;
        align-items: center;
        border-radius: 8px !important;
}
.form-input-group .select2-selection__rendered  {
        font-size: 14px !important;
}
.form-input-group .select2-selection__arrow  {
        height: 44px !important;
        top: 0 !important;
}
.form-input-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .form-input-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple  {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
}
.form-input-group .select2-container  {
        width: 100% !important;
}
.form-input-group .date-input::before  {
        content: "\f073";
          font-family: FontAwesome;
        top: 10px;
        right: 12px;
        position: absolute;
        font-size: 18px;
        z-index: 1;
}
.form-input-group .iti  {
        width: 100%;
}
.form-input-group .iti__country-list  {
        width: 100%;
        top: 100%;
}
.form-input-group .iti__flag-container  {
        position: unset;
}
.form-input-group .iti__selected-flag {
    position: absolute;
    height: 44px;
    border-radius: 4px 0px 0px 4px;
    overflow: hidden;
}
.form-input-group .error {
    font-size: 14px;
}
.form-input-group .iti__country  {
        font-size: 14px;
}
.select2-container  {
        z-index: 1111;
}
.form-btn-main  {
        margin-top: 30px;
        gap: 15px;
}
.form-btn  {
        background-color: var(--theme1);
        color: #fff;
        border: 1px solid var(--theme1);
        padding: 9px 30px;
        box-shadow: rgba(0,  0,  0,  0.16) 0px 1px 4px;
        border-radius: 6px;
        gap: 8px;
        transition: all 0.3s ease-in-out;
        font-size: 15px;
}
.form-btn:hover  {
        background-color: transparent;
        color: var(--theme1);
}
.form-btn-one  {
        background-color: var(--theme2);
        border-color: var(--theme2);
}
.form-btn-one:hover  {
        color: var(--theme2);
}
.dropzone {
    border: 1px dashed var(--theme1) !important;
    border-radius: 7px;
    max-height: 150px;
}
.dropzone .dz-preview  {
        margin: 0 auto;
}
.dropzone .dz-message  {
        margin: 0;
}
.dropzone .dz-message {
    text-align: center;
    margin: 20px 0px !important;
}
.dropzone .dropzone-title  {
        font-size: 15px;
        color: #000;
}
.dropzone .dropzone-icon  {
        height: 40px;
}
.dropzone .dropzone-icon i {
    font-size: 24px;
}
.dropzone .upload-icon  {
        height: 40px;
}
.dropzone .upload-icon i {
    font-size: 24px;
}
.form-card .form-note-card  {
        padding: 6px;
        font-size: 13px;
        line-height: 25px;
        margin-top: 20px;
}
.form-tab .tab  {
        display: none;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
}
.form-tab .tab.active  {
        display: block;
        opacity: 1;
}
.tab-header .step  {
        flex: 1;
}
.tab-header .step .step-inner  {
        background: #f1f1f1;
        height: 30px;
        width: 30px;
        font-size: 14px;
        transition: all 0.3s ease-in-out;
}
.tab-header .step.active .step-inner  {
        background: var(--theme2);
        color: #fff;
}
.tab-header .step.completed .step-inner  {
        background: var(--theme1);
        color: #fff;
}
.tab-header .step::before  {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--theme1);
        height: 7px;
        width: 0%;
        transition: all 0.3s ease-in-out;
}
.tab-header .step.completed::before  {
        width: 100%;
}
.tab-header .step .step-icon  {
        height: 15px;
        display: none;
}
.tab-header .step .step-icon img  {
        filter: brightness(100);
}
.tab-header .step.completed .step-icon  {
        display: flex;
}
.tab-header .step.completed .step-text  {
        display: none;
}
.progress-bar-container  {
        width: 100%;
        background: #f1f1f1;
        height: 7px;
        border-radius: 5px;
        overflow: hidden;
        top: 50%;
        z-index: -1;
        transform: translateY(-50%);
}
.progress-bar  {
        height: 100%;
        width: 0;
        background: var(--theme1);
        transition: width 0.4s ease;
}
.form-action-btn  {
        border: 1px solid var(--theme1);
        background-color: var(--theme1);
        color: #fff;
        font-size: 14px;
        gap: 8px;
        padding: 8px 20px;
        border-radius: 5px;
        transition: all 0.3s ease-in-out;
}
.form-action-btn:hover  {
        color: var(--theme1);
}
.form-action-btn:hover  {
        background-color: transparent;
}
.form-action-btn.btn-prev  {
        background-color: var(--theme2);
        border-color: var(--theme2);
}
.form-action-btn.btn-prev:hover {
        background-color: transparent;
        color: var(--theme2);
}
/***** form section end *****/

/***** privacy start *****/
.content-card-main {
    padding: 20px;
}
.read_more_text h2 {
    font-size: 26px;
    color: var(--theme1);
    margin-bottom: 14px;
}
.read_more_text p {
    font-size: 16px;
    color: #000;
    margin-bottom: 14px;
}
/***** privacy end *****/
/***** thankyou start *****/
.success-sec-view {
    padding: 50px;
}
.success-sec-view img {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
}
.success-sec-view h2 {
    font-size: 32px;
    font-weight: 600;
    color: var(--theme1);
}
.success-sec-view p {
    font-size: 18px;
    color: #000;
}
/***** thankyou end *****/
/***** add another start *****/
.form-inner-heading {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 14px;
    padding-bottom: 7px;
}

/***** add another end *****/
/***** page heading section start *****/
.page-heading  {
        height: 320px;
        background: url(../img/page-heading.jpg) no-repeat;
        background-position: center;
        background-size: cover;
        padding-top: 60px;
}
.privacy-heading-section  {
        background: url(../img/privacy-policy-bg.jpg) no-repeat;
        background-position: center;
        background-size: cover;
}
.tems-heading-section  {
        background: url(../img/terms-condition-bg.jpg) no-repeat;
        background-position: center;
        background-size: cover;
}
.contact-heading-section  {
        background: url(../img/contact-bg-img.webp) no-repeat;
        background-position: center;
        background-size: cover;
}
.thnk-bg  {
        background: url(../img/thank-you-bg.webp) no-repeat;
        background-position: center;
        background-size: cover;
}
.page-heading .hero-img  {
        z-index: -1;
}
.page-heading::before  {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,  0,  0,  .3);
}
.page-heading .heading-section-heading>*  {
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0;
        line-height: normal;
}
.page-heading .breadcrumb  {
        gap: 10px;
}
.page-heading .breadcrumb .breadcrumb-item  {
        font-size: 15px;
        padding: 0;
}
.page-heading .breadcrumb .breadcrumb-item a  {
        color: #fff;
        gap: 7px;
        text-decoration: none;
        font-weight: 500;
}
.page-heading .breadcrumb .breadcrumb-item::before  {
        display: none;
}
.page-heading .breadcrumb .breadcrumb-item.active  {
        color: rgba(255,  255,  255,  .8);
        padding: 0;
}
.page-heading .breadcrumb .breadcrumb-item i  {
        font-size: 12px;
}
/***** page heading section end *****/
/***** dropzone-css *****/
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
    min-height: 100px;
}
.dropzone .dz-preview .dz-image {
    width: 110px !important;
    height: 110px !important;
}
/***** dropzone-css end *****/
/***** eligible country search start *****/
.visa-search-card  {
        box-shadow: rgba(9,  30,  66,  0.25) 0px 4px 8px -2px,  rgba(9,  30,  66,  0.08) 0px 0px 0px 1px;
        background: #f7f7f7;
        padding: 30px;
        border-radius: 13px;
}
.visa-search-card .serach-heading-main  {
        gap: 9px;
}
.visa-search-card .serach-heading  {
        font-size: 28px;
        line-height:  normal;
}
.visa-search-card .select2-container  {
        height:  48px;
}
.visa-search-card .select2-container .selection  {
        height:  100%;
        display:  block;
}
.visa-search-card .select2-container .select2-selection  {
        height:  100%;
        display:  flex;
        align-items:  center;
}
.visa-search-card .select2-container .select2-selection__arrow  {
        height:  auto;
        width:  auto;
        position:  absolute;
        top:  50%;
        right:  15px;
        transform:  translateY(-50%);
}
.visa-search-card .select2-container .select2-selection__rendered  {
        font-weight:  500;
        font-size:  15px;
}
.visa-search-card .hero-btn  {
        background-color:  var(--theme1);
        color:  #fff;
        padding-inline:  28px;
        height:  47px;
        border-radius:  5px;
        transition:  all .3s ease-in-out;
}
.visa-search-card .hero-btn:hover  {
        background-color: #94251b;
}
.visa-search-card .hero-label  {
        font-size:  15px;
        font-weight:  600;
        margin-bottom:  6px;
        padding-left:  2px;
}
.visa-search-inner  {
        margin-top:  50px;
}
.search-hero-title span  {
        color:  green;
}
/***** eligible country search section end *****/
/***** eligible country section start *****/
.eligible-country-card  {
        border-radius:  8px;
        background:  white;
        padding:  12.5px;
        color:  #000;
        font-size:  15px;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        transition:  all 0.3s ease-in-out;
}
.eligible-country-card::before  {
        content:  '\f061';
        position: absolute;
        right:  8px;
        top:  50%;
        border-radius:  50%;
        font-weight:  900;
        font-family:  'font awesome 6 free';
        transform:  translateY(-50%);
        font-size:  13px;
        transition:  all 0.3s ease-in-out;
}
.eligible-country-card:hover::before  {
        color:  #fff;
}
.eligible-country-card .eligible-country-card-text  {
        color:  #000;
        transition:  all 0.3s ease-in-out;
}
.eligible-country-card:hover  {
        transform:  translateY(-8px);
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
        background-color:  var(--theme1);
        border-color:  var(--theme1);
}
.eligible-country-card:hover .eligible-country-card-text  {
        color:  #fff;
}
.select2-results__option  {
        font-size:  14.5px;
}
/***** eligible country section end *****/
/***** content section start *****/
.content-card  {
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        padding:  22px;
        border-radius:  12px;
}
.content-card p  {
        font-size:  15px;
        margin-bottom:  10px;
        line-height:  27px;
        color:  #424242;
}
.content-card .read_more_text h2 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #000;
    text-align: left !important;
}
.content-card .read_more_text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #000;
    text-align: left !important;
}
.content-card .read_more_text p {
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 24px;
    color: #374151;
}
.content-card .read_more_text ul li {
	font-size:  15px;
	margin-bottom:  10px;
	line-height:  27px;
	color:  #374151;
	text-align: left !important;
}
.content-card .read_more_text ul li::marker {
    color: var(--theme1);
}
.content-card .read_more_text ol li {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 27px;
    color: #374151;
    text-align: left !important;
}
.content-card .read_more_text ol li::marker {
    color: var(--theme1);
    font-weight: 500;
}
.content-card .show-few-lines  {
        display:  -webkit-box;
        overflow:  hidden;
        text-overflow:  ellipsis;
        -webkit-line-clamp:  4;
        -webkit-box-orient:  vertical;
}
.content-card .read-more-btn  {
        color:  var(--theme1);
        font-size:  15px;
    background: transparent;
}

.content-card .read_more_text table {
    width: 100%;
    margin-bottom: 20px;
}

.content-card .read_more_text table tbody tr:first-child {
    background-color: #dddd;
}
.content-card .read_more_text table tbody tr:first-child td {
	font-weight: 500;
}
.content-card .read_more_text table tbody tr td {
    padding: 8px;
    border: 1px solid #b7b7b7dd;
}
.content-card .read_more_text table tbody tr td p {
    margin-bottom: 0px;
    text-align: left;
}

/***** content section end *****/
/***** breadcrumb section start *****/
.page-change-section  {
        background-color:  #eee;
        padding-block:  18px;
        border-bottom:  1px solid #5757572c;
}
.page-change-section .page-change-list  {
        gap:  10px;
}
.page-change-section .page-change-link  {
        font-size:  14px;
        color:  var(--theme1);
        gap:  8px;
        font-weight:  500;
}
.page-change-section .page-change-link i  {
        color:  #000;
}
.page-change-section .page-change-link a  {
        color:  #000;
}
@media(max-width: 767px)  {
        .page-change-section .page-change-list  {
            gap: 4px;
    }
    .page-change-section .page-change-link  {
            line-height:  23px;
    }
}
/***** breadcrumb section end *****/
/***** price section start *****/
.price-tab  {
        border-bottom:  1px solid #eee;
        margin-top:  30px;
        gap:  6px;
        padding-bottom:  25px;
}
.price-tab .nav-link  {
        border:  none;
        border-radius:  3px 25px 3px 25px;
        color:  #000;
        padding:  9px 30px;
        font-size:  15px;
        background-color:  #eee;
}
.price-tab .nav-link i  {
        margin-right:  2px;
}
.price-tab .nav-link span  {
        transition:  all 0.3s ease-in-out;
}
.price-tab .nav-link::before  {
        content:  '';
        position:  absolute;
        left:  0;
        height:  0%;
        background-color:  var(--theme1);
        bottom:  0;
        width:  100%;
        transition:  all 0.3s ease-in-out;
}
.price-tab .nav-link.active span  {
        color:  #fff;
}
.price-tab .nav-link.active::before  {
        height:  100%;
}
.pricing-card  {
        transition:  all .3s ease-in-out;
        box-shadow:  rgba(99,  99,  99,  .2) 0 2px 8px 0;
        border-radius:  12px;
}
.pricing-card .pricing-header  {
        padding:  12px 0;
}
.pricing-card .pricing-body  {
        border-radius:  0 0 12px 12px;
        padding:  12px;
}
.pricing-card .pricing-card-heading  {
        font-size:  16px;
        font-weight:  500;
        color:  #fff;
        background-color:  var(--theme1);
        padding:  8px 16px;
        margin-left:  -8px;
        border-radius:  6px 6px 6px 0;
}
.pricing-card .pricing-card-heading::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  -8px;
        border:  4px solid;
        border-color:  #94291f #94291f transparent transparent;
}
/* .pricing-card .pricing-body::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  0;
        height:  4px ;
        background-color:  var(--theme1);
        width:  100%;
}
 */
.pricing-card .dubai-visa-price  {
        font-size:  38px;
        font-weight:  700;
        gap:  6px;
        /* color:  var(--theme1); */    
		margin-top:  15px;
}
.pricing-card .dubai-visa-price sup  {
        font-size:  18px;
        font-weight:  600;
}
.pricing-card .price-card-data-inner  {
        gap:  7px;
}
.pricing-card .visa-checkbox  {
        margin-bottom:  0px;
        display:  flex;
}
.pricing-card .visa-checkbox .visa-checkbox-inner  {
        width:  85px;
        height:  31px;
        background:  rgba(69,  90,  100,  .396);
        border-radius:  30px;
        position:  relative;
        cursor:  pointer;
        transition:  all .3s ease-in-out;
}
.pricing-card .visa-checkbox .visa-checkbox-inner::after  {
        content:  "Regular";
        position:  absolute;
        color:  #fff;
        width:  100%;
        left:  0;
        text-align:  right;
        padding:  0 8px;
        line-height:  31px;
        font-size:  12px;
        font-weight:  400;
}
.pricing-card .visa-checkbox .visa-checkbox-inner::before  {
        content:  "";
        position:  absolute;
        width:  25px;
        height:  25px;
        background:  #fff;
        border-radius:  50%;
        top:  3px;
        left:  3px;
        transition:  .3s;
        box-shadow:  -3px 0 3px rgba(0,  0,  0,  .1);
}
.pricing-card .visa-checkbox input:checked~.visa-checkbox-inner  {
        background:  #31b63a;
}
.pricing-card .visa-checkbox input:checked~.visa-checkbox-inner::before  {
        transform:  translate(54px);
        transition:  .3s;
}
.pricing-card .visa-checkbox input:checked~.visa-checkbox-inner::after  {
        content:  "Express";
        text-align:  left;
        font-size:  12px;
}
.pricing-card .price-card-data  {
        gap:  6px;
        padding-block:  9px;
        line-height:  normal;
        align-items:  start !important;
}
.pricing-card .price-card-data .price-check  {
        height:  17px;
        min-width:  17px;
        max-width:  17px;
        font-size:  12px;
        background-color:  #d1d1d1;
        color:  #333;
        transition:  all .3s ease-in-out;
        margin-top:  1px;
}
.pricing-card .price-card-inner  {
        font-size:  14px;
        display:  flex;
        gap:  8px;
        white-space:  nowrap;
        overflow:  hidden;
        line-height:  27px;
        text-overflow:  ellipsis;
}
.pricing-card .price-card-inner .service-type  {
        font-weight:  500;
        white-space:  nowrap;
        color:  #000;
}
.pricing-card .price-apply-btn  {
        font-weight:  500;
        background-color:  var(--theme1);
        border-radius:  8px;
        color:  #fff;
        font-size:  16px;
        padding:  10px 25px;
        transition:  all .3s ease-in-out;
        outline:  none;
        gap:  7px;
        box-shadow:  rgba(60,  64,  67,  .3) 0px 1px 2px 0px,  rgba(60,  64,  67,  .15) 0px 1px 3px 1px;
}
.pricing-card .price-apply-btn span  {
        background-color:  rgba(0,  0,  0,  0) !important;
}
.pricing-card .price-apply-btn i  {
        transition:  all .3s ease-in-out;
}
.pricing-card .price-apply-btn:hover  {
        background-color: #94291f;
}
.pricing-card .price-apply-btn:hover i  {
        transform:  translateX(10px);
}
.pricing-card.pricecard1 .price-card-data .price-check-two  {
        background-color:  #31b63a;
        color:  #fff;
}
/***** price section end *****/
/***** track section start *****/
.track-section  {
        background:  url(../img/track-bg-2.jpg) no-repeat;
        background-size:  cover;
        background-position:  center;
        padding-block:  30px;
        height:  400px;
}
.track-section .track-heading-main  {
        gap:  8px;
        margin-bottom:  15px;
}
.track-section .track-heading-main img  {
        filter:  brightness(10);
}
.track-section .track-heading  {
        color:  #fff;
        font-size:  28px;
        font-weight:  600;
}
.track-section .track-title  {
        line-height:  28px;
        color:  #ffff;
        margin-bottom:  18px;
        font-size:  15px;
}
.track-section .track-title i  {
        margin-right:  5px;
        margin-top:  2px;
}
.track-section .track-inner-card  {
        padding:  15px;
        border-radius:  8px;
        box-shadow:  rgba(60,  64,  67,  .3) 0px 1px 2px 0px,  rgba(60,  64,  67,  .15) 0px 1px 3px 1px;
}
.track-section .track-group  {
        border-radius:  8px;
        height:  48px;
        margin-top:  8px;
}
.track-section .track-group .track-input  {
        font-size:  15px;
        font-weight:  500;
}
.track-section .track-group .track-btn  {
        font-size:  15px;
        font-weight:  500;
        background-color:  var(--theme1);
        padding-inline:  20px;
        color:  #fff;
}
/***** track section end *****/
/***** visa country hero section start *****/
.country-search-section  {
        background:  url(../img/contry-page-bg-2.jpg) no-repeat;
        background-size:  cover;
        background-position:  center;
        height:  400px;
        padding-bottom:  40px;
}
.country-search-section::before  {
        content:  '';
        position:  absolute;
        left:  0;
        top:  0;
        height:  100%;
        width:  100%;
        background-color:  #00000044;
}
.country-search-section .visa-search-inner {
        margin-top:  30px;
}
.country-search-section .visa-search-rating-card-main  {
        top:  0px;
        right:  12px;
}
.country-search-section .visa-search-rating-card  {
        padding:  6.5px 14px;
        box-shadow:  rgba(99,  99,  99,  0.2) 0px 2px 8px 0px;
        gap:  0px;
        border-radius: 0 0 6px 6px;
        transition:  all 0.3s ease-in-out;
}
/* .country-search-section .visa-search-rating-card::before  {
        content:  '';
        position:  absolute;
        left:  -16px;
        top:  0;
        border:  8px solid ;
        border-color: transparent #fff #fff transparent  ;
}
.country-search-section .visa-search-rating-card::after  {
        content:  '';
        position:  absolute;
        right:  -16px;
        top:  0;
        border:  8px solid ;
        border-color: transparent transparent #fff #fff   ;
}
 */
.country-search-section .visa-search-rating-card .visa-search-rating-title  {
        font-size:  20px;
}
/***** visa country hero section end *****/
/***** bottom bar start *****/
.bottom-bar  {
        padding:  10px;
        box-shadow:  rgba(99,  99,  99,  0.2) 0px 2px 8px 0px;
}
.bottom-bar .bottom-bar-title  {
        font-size:  16px;
}
.bottom-bar .bottom-bar-price  {
        font-size:  20px;
        font-weight:  600;
        color:  var(--theme1);
}
.bottom-bar .bottom-bar-btn  {
        background-color:  var(--theme1) ;
        color:  #ffff;
        padding:  10px;
        gap:  5px;
        border-radius:  8px;
        transition:  all 0.3s ease-in-out;
        line-height:  normal;
        font-size:  14px;
}
.bottom-bar .bottom-bar-btn:hover  {
        background-color:  var(--theme2);
}
.bottom-bar .bottom-bar-btn img  {
        filter:  invert(1);
}
/***** bottom bar end *****/
/***** contact section start *****/
.contact-sidebar  {
        box-shadow:  rgba(99,  99,  99,  0.2) 0px 2px 8px 0px;
        padding:  20px;
        border-radius:  8px;
        top:  90px;
}
.contact-sidebar .contact-sidebar-link  {
        gap:  14px;
        border-bottom:  1px solid #e2e2e2;
        margin-bottom:  15px;
        padding-bottom:  15px;
}
.contact-sidebar .contact-sidebar-heading  {
        font-size:  18px;
        line-height:  28px;
}
.contact-sidebar .contact-sidebar-link-icon  {
        font-size:  20px;
        color:  var(--theme1);
}
.contact-sidebar .contact-sidebar-link-subtitle  {
        font-size:  14px;
        margin-top:  4px;
        line-height:  23px;
        color:  #727272;
}
.contact-section .contact-form-heading  {
        font-size:  22px;
}
.contact-input-group .contact-input  {
        height:  45px;
        font-size:  14px;
        border-color:  #c7c7c7;
        border-radius:  7px;
        background-color:  #f7f7f7;
}
.contact-input-group .contact-form-label  {
        font-size:  14px;
        margin-bottom:  2.5px;
        margin-left:  0.5px;
}
.contact-input-group .contact-textarea  {
        height:  110px;
}
.contact-section .contact-form-btn  {
        background-color:  var(--theme1);
        border:  1px solid var(--theme1);
        color:  #fff;
        font-size:  15px;
        padding:  9px 20px;
        border-radius:  5px;
        transition:  all 0.3s ease-in-out;
}
.contact-section .contact-form-btn i  {
        margin-left:  4px;
}
.contact-section .contact-form-btn:hover {
        background-color:  transparent;
        color:  var(--theme1);
}
/***** contact section end *****/
/***** payment section start *****/
.payment-section .payment-heading-main  {
        gap:  10px;
}
.payment-section .payment-heading-main img {
    filter: contrast(146.5) brightness(20.5);
}
.payment-section .payment-heading  {
        font-size:  27px;
}
.payment-detail-boxs {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin-top: 16px;
}
.payment-detail-card {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0px;
}
.payment-detail-card .payment-detail-header  {
        padding:  12px;
}
.payment-detail-card .payment-card-heading  {
        font-size:  18px;
    }
.payment-detail-card .edit-btn {
    background-color: var(--theme1);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 7px 7px;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    gap: 4px;
    width: fit-content;
}
.payment-detail-card .edit-btn:hover  {
        background-color:  #da4b50;
}
.payment-detail-card .table th  {
        font-weight:  600;
        padding:  10px 13px;
        font-size:  15px;
}
.payment-detail-card .table td  {
        font-size:  14px;
        padding:  10px 13px;
}
.payment-detail-card .payment-detail-body  {
        padding:  15px;
}
.payment-detail-card .payment-detail-input:checked~.payment-check-card  {
        border:  2px solid #009739;
}
.payment-detail-card .payment-detail-input:checked~.payment-check-card .express-check  {
        background-color:  #009739;
}
.payment-detail-card .payment-check-card {
    border-radius: 7px;
    border: 1.5px solid #c5c5c5;
    cursor: pointer;
    transition: all .1s ease-in-out;
    gap: 10px;
    padding: 10px;
    background: #fff !important;
}
.payment-detail-card .payment-check-card .express-check  {
        height:  16px;
        max-width:  16px;
        min-width:  16px;
        font-size:  10px;
        color:  #fff;
        background-color:  #b3b3b3;
        margin-top:  5px;
}
.payment-detail-card .payment-check-card .payment-check-title  {
        font-weight:  500;
}
.payment-detail-card .payment-check-card .payment-check-price  {
        color:  #009739;
        font-weight:  600;
        font-size:  15px;
}
.payment-detail-card .payment-check-card .payment-check-para  {
        font-size:  14px;
        margin-top:  1px;
}
.payment-detail-card .payment-detail-subheading  {
        font-size:  14px;
        margin-top:  2px;
        color:  #505050;
}
.payment-detail-card .payment-detail-footer {
    padding: 12px;
    gap: 10px;
    border-radius: 0px 0px 10px 10px;
}
.payment-detail-card .payment-detail-safey-icon  {
        height:  25px;
        margin-top:  4px;
}
.payment-detail-card .payment-detail-footer-title  {
        font-size:  14px;
}
.payment-detail-card .payment-detail-footer-title-two  {
        font-size:  12px;
        gap:  6px;
}
.payment-detail-card .payment-detail-footer-title-two i  {
        color:  var(--theme1);
}
.payment-sidebar-card  {
        padding:  13px 10px;
        border:  1px solid #c9c9c9;
        cursor:  pointer;
        gap:  10px;
        transition:  all .1s ease-in-out;
}
.payment-sidebar-card img  {
        height:  33px;
}
.payment-sidebar-card .payment-sidebar-check  {
        height:  20px;
        min-width:  20px;
        max-width:  20px;
        border:  1px solid #ccc;
}
.payment-sidebar-card .payment-sidebar-check::before  {
        content:  "";
        position:  absolute;
        right:  -3px;
        top:  -1px;
        height:  0px;
        width:  9px;
        background-color:  #f8f9fa;
        transition:  all .3s ease-in-out;
}
.payment-sidebar-card .payment-sidebar-check img  {
        height:  125%;
        width:  0%;
        left:  2px;
        position:  absolute;
        top:  -6px;
        transition:  all .3s ease-in-out;
}
.sidebar-input:checked~.payment-sidebar-card  {
        border:  1.8px solid var(--theme1);
}
.sidebar-input:checked~.payment-sidebar-card .payment-sidebar-check::before  {
        height:  9px;
}
.sidebar-input:checked~.payment-sidebar-card .payment-sidebar-check img  {
        width:  125%
}
/***** payment section end *****/
/***** add another modal start *****/
.azerbaijan-addanother-modal .modal-dialog  {
        max-width:  80%;
}
.azerbaijan-addanother-modal .modal-title  {
        font-size:  18px;
}
.azerbaijan-addanother-modal .btn-close  {
        font-size:  12px;
}
.oman-addanother-modal .modal-dialog  {
        max-width:  60%;
}
/***** add another modal end *****/
/***** error section start *****/
.error-section  {
        background-color:  var(--theme1);
        padding-top:  160px;
        height:  100vh;
        padding-bottom:  50px;
}
.error-section::before  {
        content:  '';
        position:  absolute;
        height:  100%;
        width:  100%;
        bottom:  0;
        left:  50%;
        transform:  translateX(-50%);
        background:  url(../img/circles-set.png) no-repeat;
        background-position:  bottom center;
        opacity:  0.3;
        z-index:  0;
        background-size:  contain;
}
.error-section .error-heading  {
        font-size:  110px;
        color:  #fff;
        line-height:  normal;
}
.error-section .error-title  {
        font-size:  27px;
        color:  #fff;
        margin-top:  15px;
}
.error-section .error-para  {
        margin-top:  10px;
        color:  #fff;
        line-height:  27px;
        font-size:  15px;
}
.error-section .error-btn  {
        background-color:  #fff;
        color:  #000;
        font-size:  15.5px;
        padding:  16px 40px;
        border-radius:  30px;
        gap:  12px;
        transition:  all 0.3s ease-in-out;
}
.error-section .error-btn:hover  {
        transform:  translateY(-10px);
}
/***** error section end *****/
/***** blog slider section start *****/
.blog-slider-section  {
        height:  650px;
}
.blog-slider-thumbnail-section  {
        bottom:  15px;
}
.blog-slider-main .swiper-slide:before  {
        content:  '';
        position:  absolute;
        left:  0;
        right:  0;
        bottom:  0;
        height:  100%;
        background:  linear-gradient(to bottom,  rgba(0,  0,  0,  0) 0%,  rgba(0,  0,  0,  0.45) 100%);
}
.blog-slider-main .blog-slider-btn-group  {
        gap:  10px;
        top:  50%;
        right:  20px;
        transform:  translateY(-50%);
}
.blog-slider-main .blog-slider-btn {
        height:  38px;
        width:  38px;
        background-color:  var(--theme1);
        border-radius:  5px;
        border:  1px solid var(--theme1);
        transition:  all 0.3s ease-in-out;
        font-size:  12px;
        color:  #fff;
}
.blog-slider-main .blog-slider-btn:hover  {
        background-color:  transparent;
}
.blog-slider-main-content  {
        top:  50%;
        transform:  translateY(-50%);
}
.blog-slider-main-content .blog-slider-main-heading, .blog-slider-main-content .blog-slider-main-heading >*  {
        font-size:  28px;
        color:  #fff;
        line-height:  44px;
        transition:  all 0.3s ease-in-out;
}
.blog-slider-main-content .blog-slider-main-heading >*:hover  {
        color:  var(--theme1);
}
.blog-slider-main-content .blog-slider-main-date  {
        font-size:  15px;
        color:  #fff;
}
.blog-slider-main-content .blog-slider-main-date i  {
        margin-right:  3px;
}
.blog-slider-main-content .blog-slider-main-btn  {
        background-color:  var(--theme1);
        color:  #fff;
        font-size:  14px;
        padding:  9.5px 28px;
        border-radius:  5px;
        transition:  all 0.3s ease-in-out;
}
.blog-slider-main-content .blog-slider-main-btn::before  {
        content:  '';
        position:  absolute;
        background-color:  var(--theme2);
        height:  0%;
        top:  50%;
        left:  50%;
        transform:  translate(-50%,  -50%) rotate(130deg);
        width:  150%;
        transition:  all 0.4s ease-in-out;
}
.blog-slider-main-content .blog-slider-main-btn:hover::before  {
        height:  320%;
}
.blog-slider-thumb-content  {
        gap:  10px;
        border-top:  1px solid #999797;
        padding-top:  20px;
        cursor:  pointer;
}
.blog-slider-thumb-content::before  {
        content:  '';
        position:  absolute;
        left:  0;
        top:  0;
        height:  1px;
        background-color:  var(--theme1);
        width:  0;
        transition:  all 0.3s ease-in-out;
}
.blog-slider-thumb-content .blog-slider-thumb-img {
        min-width:  110px;
        max-width:  110px;
        height:  75px ;
        border-radius:  5px;
        filter:  blur(1px);
}
.blog-slider-thumb-content .blog-slider-thumb-title  {
        font-size:  14px;
        color:  #dddddd ;
        transition:  all 0.3s ease-in-out;
        line-height:  23px;
        display:  -webkit-box;
        overflow:  hidden;
        text-overflow:  ellipsis;
        -webkit-line-clamp:  1;
        -webkit-box-orient:  vertical;
}
.blog-slider-thumb-content .blog-slider-thumb-date  {
        font-size:  13px;
        color:  #dddddd ;
        margin-top:  4px;
}
.blog-slider-thumb-content .blog-slider-thumb-date::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  -12px;
        height:  1.6px;
        width:  60px;
        background-color:  var(--theme1);
        border-radius:  4px;
}
.blog-slider-thumb-content .blog-slider-thumb-date i  {
        color:  #fff;
        font-size:  12px;
        margin-right:  7px;
}
.blog-slider-thumbnail-section .swiper-slide-thumb-active .blog-slider-thumb-img  {
        filter:  unset;
}
.blog-slider-thumbnail-section .swiper-slide-thumb-active .blog-slider-thumb-content::before  {
        width:  100%;
}
.blog-slider-section .swiper-dots  {
        bottom:  135px !important;
        left:  60px !important;
        z-index:  1;
        gap:  6px;
}
.blog-slider-section .swiper-pagination-bullet  {
        width:  6px;
        background-color:  #fff;
        opacity:  1;
        height:  6px;
        position:  relative;
}
.blog-slider-section .swiper-pagination-bullet::before  {
        content:  '';
        position:  absolute;
        left:  50%;
        top:  50%;
        transform:  translate(-50%,  -50%) scale(0);
        border:  1px solid rgba(255, 255, 255, 0.4);
        height:  18px;
        width:  18px;
        border-radius:  50%;
        transition:  all 0.3s ease-in-out;
}
.blog-slider-section .swiper-pagination-bullet.swiper-pagination-bullet-active  {
        background-color:  var(--theme1);
}
.blog-slider-section .swiper-pagination-bullet-active::before  {
        transform:  translate(-50%,  -50%) scale(1);
}
/***** blog slider section end *****/
/***** blog sidebar start *****/
.blog-sidebar-main  {
        position:  sticky;
        top:  70px;
}
.blog-sidebar  {
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        border-radius:  5px;
}
.blog-sidebar .blog-sidebar-tab  {
        background-color:  var(--theme2);
        color:  #fff;
        font-size:  13px;
        text-transform:  uppercase;
        padding:  13px;
}
.blog-sidebar .blog-sidebar-tab.active  {
        background-color:  var(--theme1);
        color:  #fff;
}
.blog-sidebar .blog-sidebar-body  {
        padding:  18px;
}
.blog-sidebar .blog-sidebar-item-list  {
        gap:  18px;
}
.blog-sidebar .blog-sidebar-item-list .col-12:last-child .blog-sidebar-item  {
        padding-bottom:  0;
        border:  0;
}
.blog-sidebar .blog-sidebar-item  {
        gap:  11px;
        border-bottom:  1px solid #d1d1d1;
        padding-bottom:  18px;
}
.blog-sidebar .blog-sidebar-item-img  {
        height:  68px;
        max-width:  105px;
        min-width:  105px;
        border-radius:  5px;
}
.blog-sidebar .blog-sidebar-item-title  {
        font-size:  13px;
        color:  #000;
        transition:  all 0.3s ease-in-out;
        line-height:  20.5px;
        display:  -webkit-box;
        overflow:  hidden;
        text-overflow:  ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient:  vertical;
}
.blog-sidebar .blog-sidebar-item-title a  {
        color: #000;
}
.blog-sidebar .blog-sidebar-item-title a:hover  {
        color:  var(--theme1);
}
.blog-sidebar .blog-sidebar-item-details  {
        gap:  15px;
        margin-top:  6px;
}
.blog-sidebar .blog-sidebar-item-detail  {
        font-size:  11px;
        color:  #666;
}
.blog-sidebar .blog-sidebar-item-detail i  {
        margin-right:  3px;
        color:  var(--theme1);
        font-size:  11px;
}
/***** blog sidebar end *****/
/***** blog main section start *****/
.blog-heading-main .blog-heading  {
        font-size:  22px;
}
.blog-heading-main  {
        border-bottom:  1px solid #e2e2e2;
        padding-bottom:  12px;
}
.blog-heading-main::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  0;
        height:  1px ;
        width:  80px;
        background-color:  var(--theme1);
}
.blog-main-tab  {
        background-color: #f1f1f1;
        border:  1px solid #dad7d7;
        border-radius:  5px;
}
.blog-main-tab .nav-link  {
        border-right:  1px solid #b4b4b4 !important;
        font-size:  13px;
        color:  #000;
        padding:  8px 18px;
}
.blog-main-tab .nav-item:last-child .nav-link  {
        border-right:  0 !important;
}
.blog-main-tab .nav-link.active  {
        border-color:  var(--theme1) !important;
        background-color:  var(--theme1);
        color:  #fff;
}
.blog-main-section .blog-main-list  {
        gap:  18px;
}
.blog-main-card  {
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        border-radius:  8px;
}
.blog-main-card .blog-main-card-img  {
        height:  240px;
}
.blog-main-card .blog-main-card-body  {
        padding:  15px 15px 15px 0;
}
.blog-main-card .blog-main-card-title  {
        font-size:  19px;
}
.blog-main-card .blog-main-card-title a  {
        color:  #000;
        transition:  all 0.3s ease-in-out;
}
.blog-main-card .blog-main-card-title a:hover  {
        color:  var(--theme1);
}
.blog-main-card .blog-main-card-content  {
        font-size:  14px;
        color:  #575757;
        line-height:  26px;
        margin-block:  15px;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.blog-main-card .blog-main-card-content p  {
        margin-bottom:  0;
}
.blog-main-card .blog-main-card-details  {
        gap:  15px;
}
.blog-main-card .blog-main-card-detail  {
        font-size:  14px;
        color:  #666;
}
.blog-main-card .blog-main-card-detail i  {
        font-size:  13px;
        color:  var(--theme1);
        margin-right:  3px;
}
.blog-main-card .blog-main-card-link  {
        font-size:  15px;
        line-height:  normal;
        color:  var(--theme1);
        transition:  all 0.3s ease-in-out;
}
.blog-main-card .blog-main-card-link:hover  {
        color:  var(--theme2);
}
/***** blog main section end *****/
/***** blog detail section start *****/
.blog-detail-section .blog-detail-img  {
        border-radius:  8px;
}
.blog-detail-section .blog-detail-heading  {
        font-size:  25px;
        margin-top:  18px;
}
.blog-detail-section .blog-detail-data-list  {
        gap:  20px;
        margin-top:  20px;
}
.blog-detail-section .blog-detail-data  {
        font-size:  14px;
}
.blog-detail-section .blog-detail-data i  {
        margin-right:  6px;
        color:  var(--theme1);
}
.blog-detail-section .blog-detail-content  {
        margin-top:  15px;
}
.blog-detail-section .blog-detail-content p  {
        font-size:  14px;
        margin-bottom:  8px;
        line-height:  27px;
        color:  #3f3f3f;
}
.blog-detail-section .blog-detail-content strong , .blog-detail-section .blog-detail-content b  {
        color:  #000;
}
.blog-detail-section .blog-detail-content ul  {
        padding-left:  22px;
        display:  flex;
        flex-direction:  column;
        gap:  8px;
}
.blog-detail-section .blog-detail-content li  {
        font-size:  14px;
        color:  #3f3f3f;
}
.blog-detail-section .blog-detail-content li p {
        margin-bottom:  0;
}
.blog-detail-section .blog-detail-content img  {
        width:  100%;
        border-radius:  8px;
}
.blog-detail-section .blog-detail-content h2  {
        font-size:  22px;
        font-weight:  600;
        margin-bottom:  12px;
}
.blog-detail-section .blog-detail-content h3  {
        font-size:  20px;
        font-weight:  600;
        margin-bottom:  12px;
}
.blog-detail-section .blog-detail-content h3  {
        font-size:  18px;
        font-weight:  600;
        margin-bottom:  12px;
}
/***** blog detail section end *****/
/***** payment action section start *****/
.payment-action-card  {
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        padding:  40px;
        border-radius:  14px;
}
.payment-action-card .payment-action-icon  {
        font-size:  75px;
        color: #009739;
}
.payment-action-card .payment-action-heading  {
        font-size:  28px;
        margin-top:  10px;
}
.payment-action-card .payment-action-title  {
        color:  #726f6f;
        margin-top:  8px;
        line-height:  29px;
}
.payment-action-card::before  {
        content:  '';
        position:  absolute;
        left:  0;
        bottom:  0;
        height:  4px;
        width:  100%;
        background-color:  #009739;
}
.payment-action-card .payment-action-btn  {
        background-color:  #009739;
        color:  #fff;
        padding:  12.5px 25px;
        font-size:  15px;
        border-radius:  6px;
        transition:  all 0.3s ease-in-out;
        gap:  9px;
        line-height:  normal;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        border:  1px solid #009739;
}
.payment-action-card .payment-action-btn i  {
        margin-top:  -1px;
}
.payment-action-card .payment-action-btn:hover  {
        background-color:  transparent;
        color:  #009739;
}
.payment-faild-card .payment-action-icon  {
        color:  #cc0000;
}
.payment-faild-card .payment-action-btn  {
        background-color:  #cc0000;
        border-color:  #cc0000;
}
.payment-faild-card .payment-action-btn:hover  {
        color:  #cc0000;
        border-color:  #cc0000;
}
.payment-faild-card::before  {
        background-color:  #cc0000;
}
/***** payment action section end *****/
@media (max-width: 575px) {
	.tab-content>.tab-pane {
		margin-top: 8px;
	}
	.footer .footer-inner {
		padding-bottom: 6px !important;
	}
	.copyright-section .copyright-title {
		font-size: 13px;
	}
}