@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --font-mavenpro: "Maven Pro", serif;
    --font-poppins: "Poppins", serif;
    --color-darkgray: #003060;
    --color-vibrant-orange: #f26422;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-black16: rgba(0, 0, 0, 0.16);
    --color-black2: rgba(0, 0, 0, 0.2);
    --color-black5: rgba(0, 0, 0, 0.5);
    --color-medium-gray: #949494;
    --color-light-gray: #F4F4F4;
    --color-light-grey1: #F5F5F5;
    --color-very-light-gray: #F1F1F1;
    --color-deep-navy-blue: #052C65;
    --color-very-light-blue: #F7FAFF;
    --color-pastel-blue: #EDF4FF;
    --color-ultra-light-gray: #FAFAFA;
    --color-light-pink: #FFF7F3;
    --color-bright-golden-yellow-orange: #FFB108;
    --color-medium-grey: #5B5B5B;
    --color-soft-peach: #FFEEE6;
    --color-light-mint-green: #E2FFF0;
    --color-pastel-mint-green: #C7FFE2;
    --color-earthy-orange: #E16D38;

    /* Get all green colors */
    --color-pastel-mint-green: #C7FFE2;
    --color-success-green: #28a745;
    --color-success-green-soft: #3dc97d;
    --color-success-green-pastel: #a8f0c6;
  }
body {
  font-family: var(--font-mavenpro);
  font-optical-sizing: auto;
  font-weight: normal;
}
.container {
    max-width: 1180px;
}
.dropdown-menu {
    width: 128px;
    min-width: 128px;
    color: #3A3A3B;
    border-radius: 10px;
    padding: 4px;
}
.btn-secondary {
    width: 129px;
    height: 40px;
    padding: 8px 10px 7px;
    border-radius: 7px;
    border: solid 0.5px var(--color-vibrant-orange);
    background-color: #fff;
    color: #000;
    font-size: 14px;;
    font-weight: normal;
}
.btn-secondary:hover {
    background-color: #FFF;
    color: #3A3A3B;
    box-shadow: none;
}

.btn-secondary:focus {
    background-color: #FFF;
    color: #3A3A3B;
    box-shadow: none;
}
.btn-secondary:focus-visible {
    outline: none;
}
.btn:focus {
    box-shadow: none;
    border: none;
}

.btn-secondary:active {
    background-color: #FFF;
    color: #3A3A3B;
    box-shadow: none;
    border: none;
}
.bg-light {
    padding: 9px 60px 8px;
    box-shadow: 0 3px 6px 0 var(--color-black16);
    background-color: #fff;
}

.flag {
    margin-left: 20px; display: inline-block; margin-top:8px;
}
.flag img {
    width: 76px;
}
/* .slick-slider-top {
    overflow: hidden;
} */
.btnsignin {
  width: 123px;
  padding: 12px 14px 12px 14px;
  border-radius: 7px;
  background-color: var(--color-vibrant-orange);
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

.btnsignin:hover {
    color: #FFF;
    text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
.contact-link {
    color: var(--color-deep-navy-blue);
    font-size: 16px;
    font-weight: 500;
}
.topbg {
    background:#FAFAFA url(../images/top-bg.jpg?v2);
    background-size: cover;
    background-position: center center;
    height: 190px;
    text-align: center;
}
.topbg h1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    margin-top: 15px;
}
.topbg p {
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    max-width: 744px;
    margin: auto;
}

.search-2 {
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

.search {
    margin-top: 15px;
    position: relative;
    z-index: 2;
}

.search .input-group {
    width: 306px;
    height: 55px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 var(--color-black16);
    background-color: #fff;
    color: var(--color-medium-gray);
    font-size: 16px;
    font-weight: normal;
    font-family: var(--font-poppins);
    text-align: left;
}

.search .input-group-text {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.search .form-select {
    border: none;
    color: var(--color-medium-gray);
    font-family: var(--font-poppins);
    font-size: 16px;
}

.leadingcopy h2 {
    font-size: 24px;
    color: var(--color-deep-navy-blue);
    font-weight: 600;
}
.leadingcopy {
    padding-top: 50px;
}

.leadingcopy p {
    font-family: var(--font-poppins);
    font-size: 16px;
    line-height: 21px;
    color: var(--color-medium-gray);
    max-width: 1000px;
    margin: auto;
    margin-top: 10px;
    max-width: 950px;
}

.numbers {
    background-color: var(--color-ultra-light-gray);
    margin-top: -30px;
    padding-bottom: 20px;
}

.numbers p{
    padding-top: 10px;
    margin: auto;
}

.numbers1 {
    max-width: 720px;
    margin: auto;
    margin-top: 10px;
}

.numbers .count {
    font-size: 36px;
    font-weight: bold;
    color: var(--color-vibrant-orange);
    max-width: 720px;
}
.numbers span {
    font-size: 16px;
    color: var(--color-deep-navy-blue);
    font-weight: 500;
}
.howdose {
    padding: 50px 0px;
}
.howdose h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 50px;
}

.howdose .cont {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 var(--color-black16);
  background-color: #fff;
  padding: 20px;
}
.howdose .cont table {
    margin-top: 20px;
    min-height: 170px;
}
.howdose .steps {
    text-align:center;
    margin-bottom: -10px;
}

.howdose .cont h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    padding-left: 20px;
    margin-bottom: 10px;
}

.howdose .cont p {
    font-size: 16px;
    font-weight: normal;
    color: var(--color-medium-gray);
    padding-left: 20px;
}

.whyudaan {
    padding-bottom: 50px;
    padding-top: 50px;
}

.whyudaan h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 20px;
}
.whyudaan p {
    font-size: 16px;
    font-weight: normal;
    color: var(--color-medium-gray);
    padding-top: 20px;
}
.populer .slick-slider {
    z-index: 9;
}
.populer {
    background: var(--color-deep-navy-blue);
    background-size: cover;
    background-position: center center;
    margin-bottom: 50px;
    padding: 50px 0px;
    position: relative;
}

.populer h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-white);
    padding-left: 10px;
}

.populer h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-white);
    padding-left: 10px;
    margin-bottom: 30px;
}

.populer .title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-white);
    padding-left: 10px;
    margin-top: 0px;
}

.populer .title  span{
    font-size: 22px;
    font-weight: normal;
    color: var(--color-white);
}

.regular .slick-slide {
    margin-left:  15px;
    margin-right:  15px;
}

.regular .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    pointer-events: none;
}

.regular .slick-next:before {
    content: url(../images/arrow-next.png);
    width: 36px;
}

.regular .slick-prev:before {
    content: url(../images/arrow-prev.png);
    width: 36px;
}

.regular .slick-next {
    right: -50px;
}

.regular .slick-prev {
    left: -50px;
}

.regular .slide a {
    text-decoration: none;
}

.slick-slide a {
    pointer-events: auto;
  }

.buttonnew{
    margin-top: 20px;
    padding-left: 10px;
}

.populer .btnsignin{
    display: block;
    height: auto;
}

.populer .slick-prev, .slick-next {
    width: 36px;
    height: 36px;
}

.populer .slick-prev:before, .slick-next:before{
    font-size: 36px;
    opacity: 1;
}

.populer .slick-next {
    right: 0;
}

.populer .slick-prev {
    left: 0;
    z-index: 1;
}

.populer .slick-track {
    display: flex;
    gap: 2rem;
}

.populer .slick-next:before {
    content:url(../images/arrow-next.png);
    width: 36px;
}
.populer .slick-prev:before {
    content:url(../images/arrow-prev.png);
    width: 36px;
}

.destiright {
    position: absolute; bottom: 0px; right: 0px;
}

.destilft {
    position: absolute; top: 0px; left: 0px;
}
.testi {
    margin: 50px 0px;
}
.testi h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 30px;
}

.testi .hold {
  padding: 20px 20px;
  border-radius: 10px;
  background-color: var(--color-ultra-light-gray);
}

.testi .hold p {
    font-size: 16px;
    color: var(--color-medium-gray);
    font-weight: normal;
    margin-top: 20px;
    min-height: 164px;
}

.testi .testuser {
    display: flex;
    gap: 10px;
}

.testi .testuser .usrttl h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
}

.testi .slick-track
{
    display: flex !important;
}

.testi .slick-slide
{
    height: inherit !important;
}

.testi .slick-prev, .slick-next {
    width: 36px;
    height: 36px;
}

.testi .slick-prev:before, .slick-next:before{
    font-size: 36px;
    opacity: 1;
}


.testi .slick-prev {

    z-index: 1;
}

.testi .slick-track {
    display: flex;
    gap: 2rem;
}

.testi .slick-next:before {
    content:url(../images/arrow-next.png);
    width: 36px;
}
.testi .slick-prev:before {
    content:url(../images/arrow-prev.png);
    width: 36px;
}

.upgrade {
    margin: 50px 0px;
}

.upgrade h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 30px;
}

.upgradebg {
    background-image: url(../images/upgrade-bg.jpg); background-size: cover; background-position: center center;
    padding: 20px;
    width: 100%;
}

.upgradebg .hold {
  padding: 20px 10px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
.upgradebg .hold h3{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    padding: 20px 0px 0 0px;
}
.upgradebg .hold p {
    font-size: 16px;
    font-weight: normal;
    color: var(--color-medium-gray);
}

footer {
    background: var(--color-deep-navy-blue);
    padding: 50px 0px;
}

footer p {
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    padding-top: 20px;
    margin-bottom: 20px;
}

footer h3 {
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    margin-bottom: 20px;
}

footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
footer ul li {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
footer ul li a{
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    line-height: 24px;
}
footer ul li a:hover{
    color: #fff;
    text-decoration: none;
}
footer .companyhold{
    padding-left: 50px;
}

.copy {
    padding: 30px 0px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}

.resultbg {
    background-image: url(../images/inside-top-bg.jpg?v2);
    background-size: cover;
    background-position: center center;
    height: 220px;
}
.resultbghold {
    padding-top: 30px;
}
.resultbghold h3 {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}

.resultbghold .btn{
  padding: 13px 10px 12px 18px;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 var(--color-black16);
  background-color: #fff;
  font-size: 18px;
  color: var(--color-deep-navy-blue);
  font-weight: normal;
  width: 100%;
  text-align: left;
}

.resultbghold .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top:25px;
}
.resultbghold .dropdown-menu {
    width:100%;
    min-width:100%;
    padding: 0px;
    font-size: 18px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
}

.resultopt {
    margin-top: -50px;
}

.restinactive{
  padding: 10px 20px 15px 19px;
  border-radius: 10px;
  border: solid 0.5px var(--color-deep-navy-blue);
  background-color: #fff;
}

.restinactive h3 {
    font-size: 18px;
    color: var(--color-medium-gray);
    font-weight: normal;
}

.restinactive .rstttl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-black2);
    padding-bottom: 10px;
}

.restinactive .rsticon{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.restinactive .rsticon p {
    margin-bottom: 0px;
    color: var(--color-medium-gray);
    font-size: 16px;
    font-weight: normal;
}


.resultactive{
    padding: 10px 20px 15px 19px;
    border-radius: 10px;
    border-left: solid 9px var(--color-vibrant-orange);
    /* background-color: var(--color-very-light-blue); */
    background-color: #EEF5FF;
  }

  .resultactive h3 {
    font-size: 18px;
    color: var(--color-deep-navy-blue);
    font-weight: medium;
  }

  .resultactive .rstttl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-black2);
    padding-bottom: 10px;
  }

  .resultactive .rsticon{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
  }
  .resultactive .rsticon p {
    margin-bottom: 0px;
    color: var(--color-deep-navy-blue);
    font-size: 16px;
    font-weight: normal;
  }

  .reqdoc {
    padding: 50px 0px;
  }

  .reqdoc h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 20px;
  }
  .reqdoc .reqdoccont {
    display: flex;
    gap:10px;
    align-items: center;
    margin-bottom: 20px;
  }

  .reqdoc .reqdoccont span {
    color: var(--color-deep-navy-blue);
    font-weight: 500;
    font-size: 16px;
  }

  .reqdoc .note {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-medium-gray);
    font-weight: normal;
    margin-top: 20px;
  }

  .reqdoc .howitworks{
    background: var(--color-ultra-light-gray);
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
  }

  .reqdoc .howitworks p {
    font-size: 14px;
    line-height: 18px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
  }

  .reqdoc .stepscopy {
    font-size: 14px;
    line-height: 16px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-top: 20px;
  }
  .mtop30 {
    margin-top: 30px;
  }
  .reqdoc .rating {
    margin-top: 20px;
    display: none;
  }
  .reqdoc .rating h2 {
    font-size: 18px;
    line-height: normal;
    color: var(--color-deep-navy-blue);
    font-weight: 600;
    margin-bottom: 0px;
  }
  .reqdoc .rating p{
    font-size: 16px;
    line-height: auto;
    color: var(--color-black);
  }
  .reqdoc .rating .starbg {
    background: var(--color-deep-navy-blue);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #FFF;
  }
  .reqdoc .rating .starbg .average {
    border-left: 0.2px solid #FFF;
    font-size: 16px;
    color: var(--color-vibrant-orange);
    font-weight: 600;
    line-height: normal;
  }
  .reqdoc .person{
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .reqdoc .person p{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    line-height: normal;
  }
  .reqdoc .person p span {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: var(--color-deep-navy-blue);
    display: block;
    margin-top: 10px;
  }
  .reqdoc .rating .personcopy{
    font-size: 16px;
    color: var(--color-medium-gray);
    line-height: normal;
    font-weight: normal;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 0.2px solid var(--color-black);
    margin-bottom: 20px;
  }

  .visadetails {
    background: var(--color-light-pink);
    border-radius: 10px;
    padding: 20px;
  }
  .visadetails h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
  }

  .visadetails .applicant {
    background: var(--color-white);
    border-radius: 7px;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .visadetails h3{
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
  }
.visadetails .price {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: var(--color-medium-gray);
    padding-bottom: 10px;
}

.visadetails .total {
    border-top: 0.2px solid var(--color-black);
    border-bottom: 0.2px solid var(--color-black);
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px 20px 0px;
}
.visadetails .total span {
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    line-height: normal;

}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
}
.modal-header, .modal-content {
    border: none;
}
.modal-body {
    text-align: center;
}
.modal-footer {
    justify-content: center;
    border: none;
}

.modal-body .form-control {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    line-height: normal;
}

.modal-dialog {
    max-width: 376px;
    margin: 1.75rem auto;
}

.signbg {
    background-image: url(../images/sign-bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
}

.signblbg {
    background: var(--color-deep-navy-blue);
    border-radius: 10px;
    padding: 20px;
    width: 480px;
    z-index: 1;
}

.signblbg h3{
    font-size: 22px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    line-height: normal;
}

.signblbg span a{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}
.signblbg .frminput {
    margin: 20px 0px;
}
.signblbg .frminput p {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}

.signblbg .frminput input {
    background: #FFF;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
    font-size:16px;
    color: var(--color-medium-gray);
    font-weight: normal;
    line-height: normal;
    border: 0px;
    margin-bottom: 20px;
}

.signblbg .frminput input[type="checkbox"] {
    width: auto;
    border-radius: 2px;
    margin-bottom: 0px;
}

.signbg .frminput .frmchk {
    font-size: 16px;
    color: #FFF;
    line-height: normal;
    font-weight: normal;
}

.signbg .frminput .frmchk a {
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
.signbg .frminput .frmchk a:hover {
    color: var(--color-vibrant-orange);
    text-decoration: underline;
}

.signbg  .signwtbg {
    position: absolute;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--color-black16);
    background-color: #fff;
    height: 650px;
    width: 444px;
}

.signwtbg h1 {
    font-size: 32px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    padding-top: 20px;
    text-align: center;
}

.signwtbg .signfooter {
    position: absolute;
    bottom: 20px;
    width: 86%;
    text-align: center;
}

.signwtbg .signfooter p {
    font-size: 12px;
    color: var(--color-medium-gray);
    font-weight: normal;
    line-height: normal;
    margin-top: 20px;
}

.otpblbg {
    background: var(--color-deep-navy-blue);
    border-radius: 10px;
    padding: 20px;
    width: 480px;
    z-index: 1;
}

.otpblbg h3{
    font-size: 22px;
    font-weight: 600;
    color: var(--color-vibrant-orange);
    line-height: normal;
}
.otpblbg span a{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}
.otpblbg .frminput {
    margin: 20px 0px;
}
.otpblbg .frminput p {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}

.otpblbg .frminput input {
    background: #FFF;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
    font-size:16px;
    color: var(--color-medium-gray);
    font-weight: normal;
    line-height: normal;
    border: 0px;
    margin-bottom: 20px;
}

.otpblbg .frminput input[type="checkbox"] {
    width: auto;
    border-radius: 2px;
    margin-bottom: 0px;
}

.otpbg .frminput .frmchk {
    font-size: 16px;
    color: #FFF;
    line-height: normal;
    font-weight: normal;
}

.otpbg .frminput .frmchk a {
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
.otpbg .frminput .frmchk a:hover {
    color: var(--color-vibrant-orange);
    text-decoration: underline;
}

.otpwtbg {
    position: absolute;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--color-black16);
    background-color: #fff;
    /* height: 525px; */
    height: 615px;
    width: 444px;
}

.otpwtbg h1 {
    font-size: 32px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    padding-top: 20px;
    text-align: center;
}

.otpwtbg .signfooter {
    position: absolute;
    bottom: 30px;
    width: 86%;
    text-align: center;
}
.otpwtbg .signfooter h5 {
    font-size: 14px;
    color: var(--color-black);
    font-weight: normal;
    line-height: normal;
}

.otpwtbg .signfooter a {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-vibrant-orange);
}

.otpwtbg .signfooter .signbtn {
    margin-bottom: 20px;
}

.otpwtbg .signfooter a:hover {
    text-decoration: none;
}

.bread {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    line-height: normal;
    padding-top: 20px;
}

.reviewvisa {
    margin-top: -80px;
    margin-bottom: 80px;
}

.reviewvisa .travellerbg {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
  margin-bottom: 20px;
}
.reviewvisa .travellerbg h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
}
.reviewvisa .travellerbg .tragrbg {
    background: var(--color-ultra-light-gray);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.reviewvisa .travellerbg .tragrbg .perdet {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    line-height: normal;
}

.reviewvisa .travellerbg .tragrbg div{
    display: inline-block
}
.reviewvisa .travellerbg p.addnew{
    margin-bottom: 0px;
}
.reviewvisa .travellerbg .addnew a{
    color: var(--color-deep-navy-blue);
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.resultbg1 {
    background-image: url(../images/inside-top-bg.jpg?v2);
    background-size: cover;
    background-position: center center;
    height: 180px;
}

.reviewvisa .billingbg{
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
  margin-top: 20px;
}

.reviewvisa .requiredoc h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--color-deep-navy-blue);
    margin-bottom: 20px;
}

.reviewvisa .requiredoc p {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.reviewvisa .requiredoc .note{
    font-size: 12px;
    line-height: 16px;
    color: var(--color-medium-gray);
    font-weight: normal;
    margin-top: 20px;
}

.visafor {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 var(--color-black16);
  background-color: #fff;
  margin-bottom: 20px;
}
.lgtgrbg {
    background-color: var(--color-pastel-blue);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px;
}
.lgtgrbg span {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}

.lgtgrbg h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-deep-navy-blue);
}

.lgtgrbg h5 span {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: var(--color-deep-navy-blue);
}

.lgtgrbg .flaghold{
    gap: 10px;

}

.mtop20 {
    margin-top: 20px;
}
.mbtm10 {
    margin-bottom: 10px;
}
.mbtm20 {
    margin-bottom: 20px;
}
.visafor .visatypes {
    padding: 20px;
}

.visafor .visatypes .types{
    font-size: 14px;
    color: var(--color-medium-gray);
    line-height: normal;
    font-weight: normal;
    margin-bottom: 10px;
}

.visafor .visatypes .typename{
    font-size: 16px;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0px;
}

.visapromo {
    background: var(--color-light-pink);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px;
}
.visapromo h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    margin-bottom: 20px;
}
.visapromo input {
  padding: 12px 10px 12px 10px;
  border-radius: 7px;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: var(--color-medium-gray);
  border: none;
  width: 330px;
}

.visaprice {
  border-radius: 7px;
  box-shadow: 0 3px 6px 0 var(--color-black16);
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}

.visaprice h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    margin-bottom: 20px;
}
.visaprice span {
    font-size: 14px;
    color: var(--color-medium-gray);
    line-height: normal;
    font-weight: normal;
}

.visaprice .visapricettl{
    border-top: 0.2px solid #000;
    border-bottom: 0.2px solid #000;
    padding: 10px 0px;
    margin: 20px 0px;
}
.visaprice .visapricettl p{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    line-height: normal;
    margin-bottom: 0px;
}

.visaprice .visapricettl p span {
    font-size: 14px;
    font-weight: normal;
    color: var(--color-deep-navy-blue);
    line-height: normal;
}
.supportbg {
    background-image: url(../images/support-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    height: 193px;
    border-radius: 10px;
}
.supportbg h2 {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    line-height: normal;
}
.supportbg p{
    font-size: 14px;
    color: #FFF;
    line-height: normal;
    font-weight: normal;
    max-width: 180px;
}
.supportbg select {
    background: #FFF;
    border-radius: 7px;
    font-size: 14px;
    color: var(--color-medium-gray);
    border: none;
    padding: 5px;
}

.supportbg input {
    background: #FFF;
    border-radius: 7px;
    font-size: 14px;
    color: var(--color-medium-gray);
    bordeR: none;
    padding: 5px;
}
.editdtravelers {
    padding-top: 10px;
}

.editdtravelers span{
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: var(--color-medium-gray);
    display: block;
    padding-bottom: 5px;
}
.editdtravelers input {
    border-radius: 7px;
    border: 0.2px solid #000;
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    line-height: normal;
    padding: 8px;
    width: 140px;
    margin-right: 20px;
}

.editbilliadd span {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: var(--color-medium-gray);
    display: block;
    padding-bottom: 5px;
}
.editbilliadd input, select {
    border-radius: 7px;
    border: 0.2px solid #000;
    font-size: 14px;
    /* color: var(--color-medium-gray); */
    font-weight: normal;
    line-height: normal;
    padding: 8px;
    width: 100%;
}

select{
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 8px) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.center3 .slick-track {
    display: flex;
    gap: 1rem;
}

.upgradebg .hold img {
    margin: auto;
}
.showmobile {
    display: none;
}
.hidemobile {
    display: block;
}
.myorders {
    margin-bottom: 50px;
}
.myorders .bread {
    color: var(--color-deep-navy-blue);
}
.myorders .filter {
    padding-top: 20px; display: flex;
    justify-content: flex-end;
    align-items: center;
}
.myorders .filter span {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
.myorders .filter select {
    width: 70px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    border: none;
}
.myorders .filter select:focus-visible {
    outline: none;
    border: none;
}
.myorders .grbg {
  padding: 20px;
  border-radius: 20px;
  background-color: var(--color-ultra-light-gray);
  margin-bottom: 20px;
}
.myorders .grbg .ttlamt h3{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 0px;
}
.myorders .grbg .ttlamt .amt {
  padding: 7px 20px;
  border-radius: 5px;
  background-color: var(--color-very-light-gray);
  font-size: 14px;
  color: var(--color-deep-navy-blue);
}
.myorders .grbg .ttlamt .amt span {
    font-size: 18px;
    color: var(--color-vibrant-orange);
    font-weight: 600;
}
.myorders .orddetails {
    margin-top: 10px;
}
.myorders .orddetails .brdrgt {
    border-right: 0.2px solid #000;
}
.myorders .orddetails ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.myorders .orddetails ul li:first-child {
    font-size: 14px;
    color: var(--color-medium-gray);
}
.myorders .orddetails ul li:last-child {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
.myorders .orddetails ul li.yelcol {
    color: var(--color-bright-golden-yellow-orange);
}
.myorders .btn-upload {
    margin-top: 20px;
}
.myorders .visa-process {
    margin-bottom: 50px;
    padding-top: 20px;
}
.myorders .visa-process h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-bottom: 20px;
}
.myorders .visa-process .ylbg {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-light-pink);
  border: 4px solid var(--color-earthy-orange);
}
.myorders .visa-process .ylbg .steps p{
    font-size: 14px;
    font-weight: 500;
    color: #052C65
}
.myorders .visa-process .ylbg .steps span {
    font-weight: normal;
    color: var(--color-medium-grey);
}
.myorders .visa-process .ylbg .steps div {
    margin-right: 10px;
}
.myorders .visa-process .ylbg .drkyelbg {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-soft-peach);
  margin-bottom: 20px;
}
.myorders .visa-process .ylbg .drkyelbg ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.myorders .visa-process .ylbg .drkyelbg ul li p {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    margin-bottom: 10px;
}
.myorders .visa-process .ylbg .drkyelbg ul li:last-child p {
    margin-bottom: 0px;
}
.myorders .visa-process .ylbg .drkyelbg ul li p a {
    font-weight: normal;
    color: var(--color-deep-navy-blue);
    text-decoration: underline;
}
.myorders .visa-process .ylbg .drkyelbg ul li p a:hover{
    text-decoration: none;
}

.myorders .visa-process .grnbg {
    padding: 20px;
    border-radius: 10px;
    /* background-color: var(--color-light-mint-green); */
    background-color: var(--color-light-pink);
    border: 4px solid var(--color-success-green-soft);
}
.myorders .visa-process .grnbg .steps p{
    font-size: 14px;
    font-weight: 500;
    color: #052C65
}

.myorders .visa-process .grnbg .steps span {
    font-weight: normal;
    color: var(--color-medium-grey);
}
.myorders .visa-process .grnbg .steps div {
    margin-right: 10px;
}

.myorders .visa-process .grnbg .step2copy {
   font-size: 14px;
   color: #000;
   line-height: 19px;
}

.myorders .visa-process .grnbg .drkyelbg {
    padding: 20px;
    border-radius: 10px;
    /* background-color: var(--color-pastel-mint-green); */
    background-color: var(--color-soft-peach);
    margin-bottom: 20px;
}
.myorders .visa-process .grnbg .drkyelbg ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.myorders .visa-process .grnbg .drkyelbg ul li p {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    margin-bottom: 10px;
}
.myorders .visa-process .grnbg .drkyelbg ul li:last-child p {
    margin-bottom: 0px;
}
.myorders .visa-process .grnbg .drkyelbg ul li p a {
    font-weight: normal;
    color: var(--color-deep-navy-blue);
    text-decoration: underline;
}
.myorders .visa-process .grnbg .drkyelbg ul li p a:hover{
    text-decoration: none;
}

.myorders .visa-process .wtbg {
  padding: 20px;
  border-radius: 10px;
  border: solid 0.5px #000;
  background-color: #fff;
}
.myorders .visa-process .wtbg .steps p{
    font-size: 14px;
    font-weight: 500;
    color: #949494
}
.myorders .visa-process .wtbg .steps span {
    font-weight: normal;
    color: var(--color-medium-gray);
}
.myorders .visa-process .wtbg .steps div {
    margin-right: 10px;
}
.myorders .visa-process .wtbg .step2copy {
   font-size: 14px;
   color: #000;
   line-height: 19px;
}

.myorders .visa-process .wtbg1 {
    padding: 20px;
    border-radius: 10px;
    border: solid 0.5px #000;
    background-color: var(--color-light-pink);
}
.myorders .visa-process .wtbg1 .steps p{
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
.myorders .visa-process .wtbg1 .steps span {
    font-weight: normal;
    color: var(--color-deep-navy-blue);
}
.myorders .visa-process .wtbg1 .steps div {
    margin-right: 10px;
}
.myorders .visa-process .wtbg1 .step2copy {
    font-size: 14px;
    color: #000;
    line-height: 19px;
}

.reqdocgrbg {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-ultra-light-gray);
  text-align: center;
}
.reqdocgrbg h3{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    margin-bottom: 20px;
}
.reqdocgrbg .image-upload {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-light-gray);
  height: 147px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.reqdocgrbg .image-upload input {
    display: none;
}
.flag .btnsignin img {
    width: 24px;
}
.reqdocgrbg .posrel {
    position: relative;
}
.reqdocgrbg .icontick{
    position: absolute; top: 5px; right: 10px;
}
.profilelft {
  border-radius: 20px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
.profilelft h3 {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
    margin: 0px;
}
.profilelft .pad20 {
    padding: 10px 20px;
}
.profilelft .details {
    padding: 20px;
}
.profilelft .details.active {
    background-color: var(--color-light-grey1);
}
.profilelft .details .brdbtm {
    border-bottom: 0.2px solid var(--color-black); padding-bottom: 20px;
}
.profilelft .details h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-left: 20px;
    margin-bottom: 0px;
}
.profilelft .details h4 span {
    font-size: 12px;
    font-weight: normal;
    color: var(--color-vibrant-orange);
}
.profilelft .details ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.profilelft .details ul li:first-child {
    font-size: 14px;
    font-weight: normal;
    color: var(--color-medium-gray);
}
.profilelft .details ul li {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
.profilergt {
  padding: 20px;
  border-radius: 20px;
  background-color: var(--color-ultra-light-gray);
  min-height: 468px;
}
.profilergt .nav-tabs {
    border-bottom: 0.2px solid #000;
}
.profilergt .nav-tabs .nav-link {
    font-size: 16px;
    font-weight: normal;
    color: var(--color-medium-gray);
}

.profilergt .nav-tabs .nav-link:hover {
    border: none;
    font-size: 16px;
    font-weight: normal;
}
.profilergt .nav-tabs .nav-link.active {
    color: var(--color-deep-navy-blue);
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 1.5px solid var(--color-vibrant-orange);
    border-top: none;
    border-left: none;
    border-right: none;
}
.profilergt .wtcrvbg {
    background-color: #FFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px;
}
.profilergt .wtcrvbg span {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
}
.profilergt .tnhold {
    position: relative;
}
.profilergt .tncont {
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    position: absolute;
    bottom: 5px;
    left: 10px;
    margin: 0px;
}
.profilergt .docvault {
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.profilergt .docvault p {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-navy-blue);
}
#uploadvisa .modal-dialog {
    max-width: 554px;
}
#uploadvisa .modal-body {
    text-align: left;
}
#uploadvisa .modal-body label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}
#uploadvisa select {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
}
#uploadvisa input {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: none;
}
#uploadvisa .image-upload {
  border-radius: 8px;
  padding: 0px 8px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
#uploadvisa .image-upload input {
    display: none;
}

.modalDiv .modal-dialog {
    max-width: 554px;
}
.modalDiv .modal-body {
    text-align: left;
}
.modalDiv .modal-body label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}
.modalDiv select {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
}
.modalDiv input {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    /* color: var(--color-medium-gray); */
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: none;
}
.modalDiv .image-upload {
  border-radius: 8px;
  padding: 0px 8px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
.modalDiv .image-upload input {
    display: none;
}


#passportdetail .modal-dialog {
    max-width: 386px;
}
#passportdetail .modal-body {
    text-align: left;
}
#passportdetail .modal-body label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}
#passportdetail select {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
}
#passportdetail input {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: none;
}
#passportdetail .image-upload {
  border-radius: 8px;
  padding: 0px 8px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
#passportdetail .image-upload input {
    display: none;
}

#passportdetail1 .modal-dialog {
    max-width: 386px;
}
#passportdetail1 .modal-body {
    text-align: left;
}
#passportdetail1 .modal-body label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}
#passportdetail1 select {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
}
#passportdetail1 input {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: none;
}
#passportdetail1 .image-upload {
  border-radius: 10px;
  background-color: var(--color-ultra-light-gray);
  text-align: center;
  padding: 20px;
}
#passportdetail1 .image-upload input {
    display: none;
}

.select2-container--open {
    z-index: 9999 !important;
}
.select2-results__option {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .center1 {
        z-index:1;
    }
    .upgradebg .hold p {
        min-height: 96px;
    }
    .populer .title {
        font-size: 20px;
    }
    .howdose .cont p {
        min-height: 120px;
    }
    .otpwtbg h1 {
        font-size: 26px;
    }
    .signwtbg h1 {
        font-size: 26px;
    }
    .resultopt {
        margin-top: -50px;
    }
    .reqdoc .reqdoccont {
        margin-bottom: 20px;
    }
    .editdtravelers table {
        width: 100%;
    }
    .editdtravelers td {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .editdtravelers input {
        width: 100%;
    }
    .bg-light {
        padding: 9px 0px 8px;
    }
    /* Css for terms */
    .termsprivacy h4 {
        font-size: 20px;
    }
    .myorders .accordion-button:not(.collapsed) {
        font-size: 18px;
    }
    .myorders .accordion-button {
        font-size: 18px;
    }
    .contselect .yelbg h2 {
        font-size: 18px;
    }
    .contselect .bluebg h2 {
        font-size: 20px;
    }
    .contselect .greybg h2 {
        font-size: 18px;
    }
    .contselect .bluebg p {
        font-size: 16px;
    }
    .contselect .yelbg p {
        font-size: 16px;
    }
    .contselect .yelbg a {
        font-size: 16px;
    }
    .contselect .bluebg a {
        font-size: 16px;
    }
    .termsprivacy strong {
        font-size: 16px;
    }
    /* Css Ends for terms*/
}

@media only screen and (max-width: 600px) {
    .bg-light{
        padding: 8px 0px 8px;
    }
    .topbg {
        background: url(../images/top-bg-mobile.jpg?v2);
        height: 250px;
        background-size: cover;
        background-position: center;
    }
    .topbg h1 {
        font-size: 20px;
    }
    .search .text-center {
        text-align: left !important;
    }
    .search .input-group {
        width: 100%;
        margin-bottom: 20px;
    }
    .leadingcopy h2 {
        font-size: 20px;
    }
    .numbers span {
        display: block;
        margin-bottom: 20px;
    }
    .howdose .cont {
        margin-bottom: 30px;
    }
    .howdose h2 {
        font-size: 24px;
    }
    .howdose .cont h2 br {
        display: none;
     }
     .whyudaan h2 {
        font-size: 24px;
     }
     .whyudaan {
        padding-top: 0px;
     }
     .populer .slick-dotted.slick-slider {
        margin: 0px 20px;
     }
     .populer .slick-track {
        gap: 0;
     }
     .populer h2 {
        font-size: 24px;
     }
     .destilft img, .destiright img {
        width: 50%;
     }
     .destiright{
        text-align: right;
     }
     .populer .title {
        text-align:center;
     }
     .populer .btnsignin {
        margin: auto;
     }
     .populer .slick-prev {
        left: -25px;
     }
     .populer .slick-next {
        right: -10px;
     }
     .populer .slick-dots {
        display: none !important;
     }
     .testi h2 {
        font-size: 24px;
     }
     .testi .slick-next {
        right: 10px;
     }
     .testi .slick-track {
        gap: 0px;
     }
     .testi .slick-dotted.slick-slider {
        margin: 0px 20px;
     }
     .testi .slick-next  {
        right: -10px;
     }
     .testi .slick-prev {
        left: -25px;
     }
     .testi .slick-dots {
        display: none !important;
     }
     .upgrade h2 {
        font-size: 24px;
     }
     footer p {
        text-align: center;
     }
     .footlogo {
        text-align: center;
     }
     footer h3 {
        margin-top: 30px;
     }
     .footer .col {
        width: 50%;
     }
     .arrowright {
        display: none;
     }
     .resultbghold h3 {
        margin-top: 20px;
     }
     .resultbghold {
        padding-top: 0px;
     }
     .resultopt {
        margin-top: 50px;
     }
     .resultactive, .restinactive {
        margin-bottom: 20px;
     }
     .reqdoc .reqdoccont {
        margin-bottom: 20px;
     }
     .reqdoc .note {
        text-align: center;
     }
     .reqdoc .howitworks {
        text-align: center;
     }
     .reqdoc .howitworks p {
        margin-bottom: 30px;
     }
     .reqdoc .rating h2 {
        text-align: center;
     }
     .reqdoc .rating p {
        text-align: center;
     }
     .reqdoc .rating .starbg {
        width: 80%;
        margin: auto;
     }
     .showmobile {
        display: block;
     }
     .hidemobile {
        display: none;
     }
     .reviewvisa .requiredoc p {
        margin-bottom: 20px
     }
     .myorders .grbg .ttlamt {
        margin-top: 20px;
        flex-direction: column;
        align-items: flex-start !important;
     }
     .myorders .grbg .ttlamt .amt {
        padding: 7px 10px;
        min-width: 100%;
     }
     .myorders .grbg .ttlamt h3 {
        margin-bottom: 10px;
     }
     .myorders .orddetails .brdrgt {
        border: none;
     }
     .myorders .btn-upload {
        text-align: center;
     }
     .myorders .visa-process .ylbg {
        margin-bottom: 20px;
     }
     .myorders .visa-process .wtbg {
        margin-bottom: 20px;
     }
     .myorders .visa-process {
        margin-bottom: 0px;
     }
     .reqdocgrbg {
        margin-bottom: 20px;
     }
     .myorders .visa-process .grnbg {
        margin-bottom: 20px;
     }
     .myorders .visa-process .wtbg1 {
        margin-bottom: 20px;
     }
     .profilelft {
        margin-bottom: 50px;
     }
     .profilergt .docvault {
        margin-bottom: 20px;
     }
     .profilelft .details {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
     }
     .profilergt .wtcrvbg {
        margin-bottom: 20px;
     }
     .profilergt {
        height: auto;
        min-height: auto;
     }
     #uploadvisa .modal-dialog {
        max-width: 96%;
     }
     #addnewappli .modal-dialog {
        max-width: 96%;
     }
     #passportdetail .modal-dialog {
        max-width: 96%;
     }
     #passportdetail1 .modal-dialog {
        max-width: 96%;
     }
     .reqdoc h2 {
        margin-top: 50px;
     }
     .regular .slick-next {
        right: 0px;
        width:36px;
        height: 36px;
        top:35%;
     }
     .regular .slick-prev {
        left: -20px;
        width:36px;
        height: 36px;
        z-index: 1;
        top: 35%;
     }
}

/* Custom CSS */

.img-fluid {
    max-width: 100%;
    height: auto;
}
.showdesktop{
    margin-left: 10px;
}

.ta-end {
    text-align: end;
}

.upload-zone {
    min-height: 200px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.upload-zone:hover {
    background-color: #f8f9fa !important;
    border-color: #0d6efd !important;
}

.upload-zone .upload-message {
    transition: all 0.3s ease;
}

.upload-zone:hover .upload-message {
    transform: translateY(-5px);
}

#image-preview {
    max-height: 200px;
    width: auto;
}

.modal-lg {
    max-width: 800px;
}

#addnewdoc .modal-dialog {
    max-width: 386px;
}
#addnewdoc .modal-body {
    text-align: left;
}
#addnewdoc .modal-body label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}
#addnewdoc select {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
}
#addnewdoc input {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: none;
}
#addnewdoc .image-upload {
  border-radius: 8px;
  padding: 0px 8px;
  box-shadow: 0 0 6px 0 var(--color-black16);
  background-color: #fff;
}
#addnewdoc .image-upload input {
    display: none;
}

.empty-state {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
}

.empty-state h4 {
    color: var(--color-deep-navy-blue);
    margin: 1rem 0;
}

.empty-state p {
    color: #6c757d;
}

.tnhold {
    position: relative;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    height: 100px;
}

.tnhold img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.wtcrvbg {
    background: var(--color-light-pink);
    border-radius: 0 0 10px 10px;
    padding: 15px;
}

.wtcrvbg span {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    line-height: 1.2;
}

.modal .document-info {
    flex-grow: 1;
    text-align: left;
}

.modal .document-info p {
    margin-bottom: 0.5rem;
    color: var(--color-deep-navy-blue);
}

.pdf-container {
    background: #f8f9fa;
    border-radius: 5px;
}

#addnewdoc .image-upload input {
    display: none;
}

#addnewdoc input[type="text"],
#addnewdoc input[type="date"] {
    border-radius: 8px;
    background-color: var(--color-ultra-light-gray);
    font-size: 14px;
    color: var(--color-medium-gray);
    font-weight: normal;
    padding: 8px;
    width: 100%;
    border: 1px solid #ced4da;
}

#addnewdoc label {
    font-size: 14px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    padding-bottom: 5px;
}

#addnewdoc .mbtm20 {
    margin-bottom: 20px;
}

/* Document viewer modal styles */
.modal-lg {
    max-width: 900px;
}

.pdf-container {
    background: var(--color-light-grey1);
    border: 1px solid #ddd;
    border-radius: 4px;
}

.document-info {
    flex: 1;
    text-align: left;
}

.document-info p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.modal-footer {
    justify-content: space-between;
    align-items: center;
}

.modal-footer .btn-primary {
    background-color: #0d6efd;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.modal-footer .btn-primary:hover {
    background-color: #0b5ed7;
}

/* For mobile responsiveness */
@media (max-width: 768px) {
    .modal-lg {
        max-width: 90%;
    }
}

.modal-body img {
    transition: transform 0.3s ease;
    cursor: zoom-in;
}

.modal-body img.zoomed {
    transform: scale(1.5);
    cursor: zoom-out;
}

.zoom-controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0,0,0,0.5);
    padding: 5px;
    border-radius: 4px;
    display: flex;
    gap: 5px;
}

.zoom-controls button {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 5px;
}

.zoom-controls button:hover {
    color: #ddd;
}
#addnewdoc .modal-footer {
    border-top: none;
    padding: 1rem;
}

#addnewdoc .modal-footer .button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

#addnewdoc .modal-footer .btn-submit {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

#addnewdoc .modal-footer .btn-cancel {
    display: inline-block;
}

@media (max-width: 768px) {
    #addnewdoc .modal-dialog {
        max-width: 95%;
        margin: 10px;
    }

    .pdf-container {
        height: 400px !important;
    }

    .modal-footer {
        flex-direction: column;
        gap: 10px;
    }

    .document-info {
        text-align: center;
    }
}

.pdf-preview-container {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    padding: 15px;
    position: relative;
    width: 120px;
    height: 140px;
    margin: auto;
    transition: transform 0.2s ease;
}

.pdf-preview-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.pdf-header {
    position: relative;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid var(--color-very-light-gray);
}

.pdf-corner-fold {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: linear-gradient(135deg, #f1f1f1 50%, #e0e0e0 50%);
    border-radius: 0 0 0 4px;
}

.pdf-body {
    padding: 10px 0;
}

.pdf-lines {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdf-line {
    height: 4px;
    background: var(--color-very-light-gray);
    border-radius: 2px;
}

.pdf-line.short {
    width: 60%;
}

.pdf-label {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    background: rgba(255,255,255,0.9);
    padding: 4px 8px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.fas.fa-file-pdf {
    color: #dc3545;
    filter: drop-shadow(0 2px 3px rgba(220,53,69,0.3));
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.pdf-preview-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 7px;
    right: 7px;
    height: 4px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    filter: blur(3px);
}

.custom-tooltip.tooltip > .tooltip-inner
{
    text-align: left;
    background: var(--color-earthy-orange);
    padding: 10px 20px;
    min-width: 300px;
}

.custom-tooltip.tooltip > .tooltip-arrow {
    display: none;
}

.custom-tooltip.tooltip > .tooltip-inner .toolheader {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #FFF;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}

.custom-tooltip.tooltip > .tooltip-inner p {
    font-size: 12px;
    margin: 0px;
    padding-top: 10px;
}

.resultbghold .arrowright {
    margin-top: 20px;
}
.dropprofile {
    margin-left: 10px;
}

.dropprofile ul {
    width: 250px;
}
.regular .slick-prev:before {
    opacity: 1;
}
.reqdoc .reqdoccont {
    margin-bottom: 20px;
}
.loaderhold {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed; /* Use fixed to cover the whole viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Full viewport height */
    background: var(--color-black5);
    z-index: 10000 !important;
}
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid var(--color-vibrant-orange);
    border-top: 5px solid #FFF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .noorders {
    margin-top: 50px;
}
.noorders h2 {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    margin-top: 20px;
}
.noorders h3 {
    font-size: 16px;
    font-weight: normal;
    color: var(--color-medium-gray);
}
.noorders a {
    background: var(--color-vibrant-orange);
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 7px;
    margin-top: 10px;
    display: inline-block;
}
.noorders a:hover {
    text-decoration: underline;
}
a.btnok {
    border: 0.5px solid var(--color-vibrant-orange);
    font-size: 16px;
    font-weight: 500;
    width: 110px;
    padding: 10px 0px;
    display: inline-block;
    border-radius: 7px;
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
a.btnclose {
    font-size: 16px;
    font-weight: 500;
    width: 110px;
    padding: 10px 0px;
    display: inline-block;
    border-radius: 7px;
    color: var(--color-white);
    text-decoration: none;
    background: var(--color-vibrant-orange);
}
.lgtgrbg .flaghold img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.btnclose {
    font-size: 16px;
    font-weight: 500;
    width: 110px;
    padding: 10px 0px;
    display: inline-block;
    border-radius: 7px;
    color: var(--color-white);
    text-decoration: none;
    background: var(--color-vibrant-orange);
    border: 0;
}
.invisibleBtn{
    background: 0;
    border: 0;
 }
 .proceedNext:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.proceedNext{
    border:none;
}
.bread img {
    cursor: pointer;
}
.btnclose1 {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 7px;
    color: var(--color-white);
    text-decoration: none;
    background: var(--color-vibrant-orange);
  }
.btnclose1:hover {
    color: #FFF;
    text-decoration: none;
}
.eqlheight {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ylbg, .wtbg, .grnbg, .wtbg1 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.drkyelbg {
    flex: 1;
}

.step2copy {
    flex: 1;
}

/* Reset height on mobile */
@media (max-width: 767px) {
    .eqlheight {
        height: auto !important;
        margin-bottom: 20px;
    }
}
.btnok1 {
    border: 0.5px solid var(--color-vibrant-orange);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 7px;
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
.btnok1:hover {
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
.saveEdit{
    border:none;
}
.cancelEdit{
    background: none;
}
/* .resultbghold .select2-container {
    width: 100%;
    padding: 5px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    box-shadow: 0 3px 6px 0 var(--color-black16);
    background-color: var(--color-white);
    font-size: 18px;
    color: var(--color-deep-navy-blue);
    font-weight: normal;
}
.resultbghold .select2-container--default .select2-selection--single {
    background: transparent;
    border: none;
    border-radius: 0;
}
.resultbghold .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #052C66 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    width: 0;
}

.resultbghold .input-group > .select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
}

.resultbghold .select2-selection__rendered .flag-icon {
    width: 20px !important;
    height: 20px !important;
}

.resultbghold .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--color-deep-navy-blue) transparent transparent transparent !important;
    margin-left: -10px !important;
    margin-top: 2px !important;
} */

/* Stylish status badge */
.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.status-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.status-badge i {
    font-size: 10px;
    margin-right: 5px;
    animation: pulse 2s infinite;
}

.refresh-btn {
    background-color: var(--color-vibrant-orange);
    color: white;
    padding: 8px 15px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    transition: all 0.3s ease;
}
.custom-tooltip1.tooltip > .tooltip-inner
{
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  min-width: 350px;
  text-align: left;
}

.custom-tooltip1.tooltip > .tooltip-arrow {
    display: none;
}

.custom-tooltip1.tooltip > .tooltip-inner .toolheader {
    border-bottom: 0.2px solid #000000;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #052C65;
    margin-bottom: 10px;
}

.custom-tooltip1.tooltip > .tooltip-inner p {
    font-size: 12px;
    margin: 0px;
    padding-top: 10px;
}
.custom-tooltip1.tooltip {
    opacity:1;
}
.custom-tooltip1.tooltip ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}
.custom-tooltip1.tooltip ul li {
    list-style: none;
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
}
.custom-tooltip1.tooltip ul li b{
    font-weight: 500;
    color: #F26422;
    font-size: 14px;
}
.rsticon .text-center {
flex-grow: 1;
flex-basis: 33%;
}
.slick-slide img {
    display:inline;
}
.redcol {
    color: #FF0000 !important;
}
.rstttl h3:first-child {
    width: 75%;
}
.rstttl h3:last-child {
    text-align: right;
}

.extra {
    display: none;
    background-color: var(--color-ultra-light-gray);
    padding: 15px;
    color: var(--color-deep-navy-blue);
}
 .grbc {
    padding: 15px;
    background-color: var(--color-ultra-light-gray);
    cursor: pointer;
    color: var(--color-deep-navy-blue);
}
.container.mtop20 h4 {
    color: var(--color-deep-navy-blue);
}
.container.mtop20 h4 span {
    color: red;
}
.custom-btn{
    background: var(--color-vibrant-orange);
    color: #fff;
}
.custom-btn:hover {
    background: var(--color-vibrant-orange);
    color: #fff;
}
.container.mtop20 .form-group label {
    color: var(--color-deep-navy-blue);
    margin-bottom: 10px;
}
.no-marker {
  list-style-type: none;
  margin-left: 0;
}
.no-marker li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 10px;
}
.custom-list {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}
.custom-list li strong::before {
  content: '“';
}
.custom-list li strong::after {
  content: '”';
}
.roman-list li::marker {
  font-weight: bold;
   color: var(--color-deep-navy-blue);
}
.roman-list li strong {
  color: var(--color-deep-navy-blue); /* Apply the color to the <strong> tag */
}

.error {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

input.is-invalid {
    border-color: #dc3545;
}

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.custom-popup-alert {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    align-items: flex-start;
    max-width: 500px;
    width: 90%;
    padding: 16px 20px;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 99999;
    font-family: 'Segoe UI', sans-serif;
}

.custom-popup-alert.show {
    opacity: 1;
    pointer-events: auto;
}

.custom-popup-alert .icon {
    font-size: 22px;
    margin-top: 3px;
}

.custom-popup-alert .content h4 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
}

.custom-popup-alert .content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.custom-popup-alert .close-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

.custom-popup-alert .close-btn:hover {
    color: #333;
}

/* Specific themes */
.custom-popup-alert.success {
  background: #ffe4d7; /* Softer orange background */
  color: #f26422;                       /* Dark orange-brown text for contrast */
  border: 2px solid #f26422;
}

.custom-popup-alert.success .icon {
  color: #f26422;
}

.custom-popup-alert.success .close-btn {
  color: #f26422;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.custom-popup-alert.success .close-btn:hover {
  color: #7a3500;
}

.custom-popup-alert.error {
    background: #fff0f0;
    color: #d8000c;
    border: 2px solid #d8000c;
}

.custom-popup-alert.error .icon { color: #d8000c; }

.custom-popup-alert.warning {
    background: #fff8e5;
    color: #b88700;
    border: 2px solid #b88700;
}

.custom-popup-alert.warning .icon { color: #b88700; }

.input-group .select2-container {
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
    border-radius: 0 .375rem .375rem 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.select2-container--default .select2-selection__rendered {
    line-height: 38px !important;
    padding-right: 30px;
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding-top: 0.375rem;  /* Match .form-select vertical padding */
    padding-bottom: 0.375rem;
    height: 100%;
}

.form-select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#nationality {
    padding-left: 0.75rem;
}

#destination {
    padding-left: 0.75rem;
}

/* Css for terms & contact */
.myorders .bread1 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
    color: var(--color-deep-navy-blue);
}
.myorders .bread1 a{
    color: var(--color-deep-navy-blue);
    font-weight: normal;
    text-decoration: none;
}
.termsprivacy h4 {
    font-size: 26px;
    font-weight: 600;
    color: #052C65;
}
.termsprivacy h2 {
    font-size: 20px;
    font-weight: 600;
    color: #052C65;
    margin-bottom: 20px;
}
.termsprivacy h3 {
    font-size: 18px;
    font-weight: 600;
    color: #052C65;
    margin-bottom: 20px;
}
.termsprivacy strong {
    font-size: 20px;
    font-weight: 600;
    color: #052C65;
    margin-bottom: 10px;
    display: block;
}
.termsprivacy p {
    font-size: 16px;
    color: #5B5B5B;
}
.termsprivacy ul, ol {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.termsprivacy ul li, ol li {
    font-size: 16px;
    color: #5B5B5B;
    margin-left: 20px;
}
.contselect select{
  width: 287px;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  color: #052c65;
  margin-left: 10px;
}
.contselect span {
    color: #052c65; font-weight: bold;
}
.contselect .yelbg{
  padding: 20px;
  border-radius: 10px;
  background-color: #fff7f3;
}
.contselect .yelbg h2 {
    font-size: 20px;
    color: #052C65;
    font-weight: 500;
    margin-bottom: 20px;
}
.contselect .yelbg a {
    color: #F26422;
    font-size: 18px;
    font-weight: 500;
}
.contselect .yelbg a:hover {
    text-decoration: none;
}
.contselect .yelbg p {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}
.contselect .bluebg {
  padding: 14px 20px;
  border-radius: 10px;
  background-color: #edf4ff;
  margin-top: 20px;
}
.contselect .bluebg h2 {
    font-size: 22px;
    font-weight: 500;
    color: #052C65;
}

.contselect .bluebg p {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}
.contselect .bluebg a {
    color: #F26422;
    font-size: 18px;
    font-weight: 500;
}
.contselect .bluebg a:hover {
    text-decoration: none;
}
.contselect .greybg{
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
}
.contselect .greybg h2 {
    font-size: 20px;
    color: #052C65;
    font-weight: 500;
    margin-bottom: 20px;
}
.contselect .greybg span {
    font-size: 16px;
    color: #052C65;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
.contselect .greybg input {
  border-radius: 7px;
  border: solid 0.2px #000;
  background-color: #fff;
  padding: 5px 10px;
  width: 100%;
}
.contselect .greybg input[type='radio']{
    border: solid 0.5px #949494;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    accent-color: #F26422;
}
.contselect .greybg select {
  border-radius: 7px;
  border: solid 0.2px #000;
  background-color: #fff;
  width: 100%;
  padding: 5px 10px;
  margin: 0px;
  font-size: 1rem;
  color: #6e757c;
}
.contselect .greybg textarea {
  border-radius: 7px;
  border: solid 0.2px #000;
  background-color: #fff;
  padding: 5px 10px;
  width:100%;
}
.myorders .accordion-button:not(.collapsed) {
    background-color: var(--color-ultra-light-gray);
    color: var(--color-deep-navy-blue);
    font-size: 20px;
    font-weight: 600;
}
.myorders .accordion-button {
    font-size: 20px;
    box-shadow: none;
    font-weight: 600;
    color: var(--color-deep-navy-blue);
    background-color: var(--color-ultra-light-gray);
    box-shadow: none;
}
.myorders .accordion-item {
    background-color: var(--color-ultra-light-gray);
    border: none;
    margin-bottom: 20px;
}
.myorders .accordion-body {
    font-size: 16px;
    color: #5B5B5B;
    padding: 0px 1.25rem 20px;
}
.myorders .accordion-body a {
    color: var(--color-vibrant-orange);
    text-decoration: none;
}
.myorders .accordion-body a:hover {
    text-decoration: underline;
}
.myorders .bread1 a:hover {
    text-decoration: underline;
}
.contselect .greybg input[type='submit']{
  padding: 10px 26px;
  border-radius: 7px;
  background-color: #f26422;
  border-color: #f26422;
  width: 105px;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
}
.contact-link:hover {
    color: rgba(0, 0, 0, 0.7);
}
#successModal .modal-header {
    border-bottom: 1px solid #dee2e6 !important;

}
#successModal .modal-header, #successModal .modal-footer{
     justify-content: center;
}
#errorModal .modal-header {
    border-bottom: 1px solid #dee2e6 !important;

}
#errorModal .modal-header, #errorModal .modal-footer{
     justify-content: center;
}
.select2-container--default .select2-selection--single{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.red-text {
  color: red;
}
/* Css ends for terms */