@media only screen and (max-width: 767px){   
 .detail-selection-dropdown .custom-options {height: 40px !important;}   
 .form_input_grid {grid-template-columns: 100%;gap: 20px !important;}   
 .clsPopDOB span {top: 10px;right: 12px;    }   
 .form_input_grid input {        height: 40px !important;    }}

@media only screen and (min-width: 1199px){
    .detail-selection-dropdown .custom-options {
        max-height: 45px !important;
        overflow-y: auto;
        padding: 14px 30px !important;
    }
}

.Main_wrapper * {line-height: 1.2 !important;}
.container-fluid {
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  position: relative;
  height: 90px;
  z-index: 2;
  position: sticky;
  top: 0;
  background-color: #fff;
}
-image img {
  width: 298px;
  height: 90px;
}


.clsPopDOB span {    cursor: pointer;    position: absolute;    height: 20px;    width: 20px;    background: url("/PopCalendar2005AjaxNet/Calendar.gif");    background-repeat: no-repeat;    top: 10px;    right: 10px;}

.loodingImg{position: fixed;  top:45%;width:100%; height:100%; z-index:101; text-align:center; left:0;}
.overlayPopup { position: fixed;  top:0; left:0; width:100%; height:100%; background:#000; z-index:100; opacity: 0.7; filter: alpha(opacity=70);}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.navbar {
  position: relative;
}
.navbar, .container-fluid {
  padding: 0 !important;
}

.navbar-brand {
  margin: 12px 29px 12px 26px !important;
}

.navbar-brand img {
  width: 184px;
}


.bg-image {
  width: 298px;
  position: absolute;
  top: 0;
  left:0;
}

.bg-image img {
  width: 298px;
  height: 90px;
}
.banner_section {
    display: flex;
    height: 860px;
    align-items: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.banner_content_wrapper {
    padding-left: 160px;
    width: 50%;
}

.banner_content_wrapper h1 {
    color: #FFF;
    font-family: 'Lato_Bold';
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.banner_content_wrapper p {
    margin: 0;
    color: #FFF;
    font-family: 'Lato_Bold';
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    opacity: 0.7;
}

.banner_btn {
    display: flex;
    width: 180px;
    height: 54px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid;
    font-family: 'Lato_Bold';
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.banner_btn_Wrapprer {
    display: flex;
    gap: 10px;
    margin-top: 45px;
}

.banner_btn.bordered_btn_b {
    border-color: #fff;
    color: #FFF;
}

.banner_btn.solid_btn_b {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.faqSection {
    padding-top: 120px;
    padding-bottom: 150px;
}

.faqSection .container {
    max-width: 1106px;
}

.faqSection h3 {
    letter-spacing: -3px;
    color: #333333;
    font-family: var(--Lato_Bold);
    text-transform: capitalize;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 30px;
}

.faqSection .card-header .btn.btn-link {
    width: 100%;
    text-align: left;
    position: relative;
    letter-spacing: -0.72px;
    color: #333333;
    padding: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: var(--Lato_Semibold);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
}

.faqSection .card-header .btn.btn-link::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 17px;
    background: url(../images/minusBtn.png) no-repeat;
    height: 16px;
    width: 17px;
}

.faqSection .card-header .btn.btn-link.collapsed::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 22px;
    background: url(../images/plusBtn.png) no-repeat;
    height: 16px;
    width: 17px;
}

.faqSection .card-header {
    background: none;
    padding: 0;
    border: 0;
}

.faqSection .card {
    margin-bottom: 10px;
    border: 1px solid #ccc !important;
}

.faqSection .card-body {
    padding: 25px;
    padding: 25px;
    padding-top: 0;
}

.faqSection .card-body ul {
    margin-bottom: 1rem;
}

.faqSection .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}



.faqSection .card.custom-class {
    box-shadow: 0px 15px 30px #00000014;
    border: 1px solid #97144D !important;
}

/* BLOGS STARTS */

.comGuide_sec {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #F5F5F5;
    z-index: 9;
    position: relative;
}

.comGuide_sec .topsec {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
}

.comGuide_sec .topsec h3 {
    letter-spacing: -3px;
    color: #000104;
    text-transform: capitalize;
    font-size: 60px;
    font-weight: 600;
    font-family: var(--Lato_Semibold);
}

.comGuide_sec .topsec .btn1 {
    background: #97144F 0% 0% no-repeat padding-box;
    border-radius: 100px;
    width: 220px;
    height: 60px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}

.comGuide_sec .btn1.showMob {
    background: #97144F 0% 0% no-repeat padding-box;
    border-radius: 100px;
    width: 220px;
    height: 45px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 45px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    margin: 30px auto;
}

.cardSec {
    background: #fff;
    padding: 10px;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
}

.cardSec img {
    width: 100%;
    border-radius: 10px;
}

.cardSec h4 {
    letter-spacing: -0.8px;
    color: #333333;
    font-size: 20px;
    padding-top: 10px;
    font-family: var(--Lato_Bold);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cardSec .cardDetails1 {
    padding: 22px;
}

.cardSec .cardDetails1 p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    padding-top: 10px;
    font-family: var(--Lato_Semibold);
    line-height: 18px;
}

.dateinfo1 {
    letter-spacing: -0.24px;
    color: #787878;
    font-size: 12px;
    padding-top: 10px;
    font-style: italic;
    font-family: var(--Lato_Bold);
}

.bottom_sec1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.bottom_sec1 .link1 {
    border: 1px solid #97144F;
    width: 136px;
    height: 40px;
    color: #97144F;
    text-decoration: none;
    text-align: center;
    line-height: 37px;
    font-size: 12px;
    font-family: var(--Lato_Bold);
    text-transform: uppercase;
    border-radius: 8px;
	    align-items: center;
    display: flex;
    justify-content: center;
}

.bottom_sec1 span {
    letter-spacing: -0.24px;
    color: #787878;
    font-size: 12px;
    font-family: var(--Lato_Bold);
    font-style: italic;
    display: flex;
}

.bottom_sec1 span img {
    width: 15px;
    margin-right: 5px;
}



.imgInfo {
    position: relative;
}

.imgInfo .card_btn {
    position: absolute;
    bottom: 0;
    left: 25px;
    width: 115px;
    height: 30px;
    background-color: #000;
    color: #fff;
    letter-spacing: -0.24px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-family: var(--Lato_Semibold);
}

.Main_wrapper .imgInfo .card_btn {
    line-height: 30px !important;
}

/* BLOGS ENDS */


/* ELIGIBILITY CSS STARTS */


.temp2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.temp2-bg {
    padding: 130px 0 135px 0;
    background-image: url(../images/temp2-bg.jpg); /* Start without a background image */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    /* transition: opacity 0.5s ease-in-out; */
}

/* .temp2-bg.lazy-bg.loaded {
    opacity: 1;
} */

.temp2 .heading{
    width: 100%;
    display: flex;
    justify-content: center;
    letter-spacing: -3px;
    color: #000104;
    text-transform: capitalize;
    font-size: 60px;
    font-weight: 600;
    font-family: var(--Lato_Semibold);
}

.temp2 .heading h2 {
    color: #fff;
    text-align: center;
    font-size: 60px;
    font-family: var(--Lato_Semibold);
}

.temp2-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    justify-content: space-between;
}


/*16/07/2024 removed flex-wrape form here and added flex-direction and justify-content property*/
.temp2-area1 {
    width: 48.94%;
    display: flex;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 50px 80px rgba(0, 0, 0, 0.16);
    opacity: 1;
    padding: 50px 50px 43px 50px;
    position: relative;
    border-radius: 10px;
    z-index: 0;
    flex-direction: column;
    justify-content: flex-start;
}
.temp2-area1::before {
    content: '';
    position: absolute;
    left: auto;
    top: -77px;
    right: -167px;
    width: 100%;
    height: 320px;
    background: url(../images/eligibity-vector.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
}

.temp2-area1.documentBox::before{
    background: url(../images/document-vector.svg) no-repeat center;
}

.temp2-area2 {
    width: 48.94%;
    display: flex;
    background: rgba(255, 255, 255, 1);
box-shadow: 0px 50px 80px rgba(0, 0, 0, 0.16);
opacity: 1;
justify-content: space-between;
}

/* 16/07/2024 added height here*/
.temp2-area1-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    border-bottom: 1px dashed rgba(112, 112, 112, .5);
    justify-content: space-between;
}

.db {
    display: none;
}

.db1 {
    display: flex !important;
}


.temp2 h4 {
    text-align: left;
    letter-spacing: -0.56px;
    color: rgba(68, 68, 68, 1);
    opacity: 1;
    font-size: 28px;
    line-height: 1.2;
    font-family: 'Lato_Bold';
}

/*16/07/2024 removed flex-wrape form here and added flex-direction and justify-content property, gap*/
.temp2-area1-innerIcon {
    width: 30.33%;
    display: flex;
    padding-bottom: 65px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

/*16/07/2024 chnaged margin-top */
.temp2-area1-innerIcon p {
    text-align: center;
    letter-spacing: -0.64px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
    font-size: 16px;
    height: 30px;
    line-height: 1.2;
    margin: 0;
    margin-top: 0;
    width: 100%;
    font-weight: 600;
}

.temp2-area1-innerIcon h6 {
    text-align: left;
    letter-spacing: -0.2px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
    font-size: 12px;
    line-height: 1.2;
    font-family: 'Lato_Semibold';
}

.temp2-area1Icon {
    background: rgba(243, 243, 243, 1);
    opacity: 1;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.temp2-area1-bottom {
    text-align: left;
    letter-spacing: -0.64px;
    color: rgba(51, 51, 51, .7);
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Lato_Semibold';
    margin-top: 37px;
    min-height: 40px;
    font-style: italic;
}

.temp2-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.temp2 .button1 {
    width: 200px;
    height: 60px;
    background: rgba(255, 255, 255, 1);
letter-spacing: 0px;
color: rgba(151, 20, 79, 1);
text-transform: uppercase;
font-family: 'Lato_Semibold';
opacity: 1;
font-size: 14px;
line-height: 1.2;
}

.wrapper-content .container {
    max-width: 1420px;
}
.temp2-area1Icon img {
    max-width: 40px;
}

/* ELIGIBILITY CSS ENDS */

/* COMPARE CSS STARTS */


.compare_wrapSec {
    padding-top: 120px;
    padding-bottom: 130px;
    transition: all .5s;
}

.compare_wrapSec .container {
    position: relative;
}

.filter_heading .dropdownQuery .select {
    cursor: pointer;
    display: block;
    padding: 18px 3px;
    padding-top: 19px;
}

.filter_heading .dropdownQuery .dropdownQuery-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: 0;
    display: none;
    z-index: 9;
    box-shadow: 0px 0px 30px #0000001A;
}

.filter_heading .dropdownQuery .dropdownQuery-menu::before {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #ccc 10px;
    top: -10px;
    content: " ";
    height: 0;
    right: 37px;
    position: absolute;
    width: 0;
}

.filter_heading .dropdownQuery .dropdownQuery-menu li {
    padding: 12px 21px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.filter_heading .dropdownQuery .select span {
    color: #000104;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Lato_Bold';
}

.filter_heading .dropdownQuery.active2 .select span {
    opacity: 1;
}

.filter_heading.custom-select:before {
    z-index: 1;
}

.filter_heading .dropdownQuery .dropdownQuery-menu {
    border-radius: 0px;
    padding: 13px 4px;
    list-style: none;
    border: 1px solid #ccc;
}

.filter_heading .dropdownQuery .dropdownQuery-menu li {
    border-bottom: 0px solid #fff;
    color: #383636;
    text-transform: uppercase;
    opacity: 0.8;
    font: normal normal 14px/20px var(--acumin_medium);
    letter-spacing: 0.28px;
}

.filter_heading .dropdownQuery .dropdownQuery-menu li:last-child {
    border-bottom: 0px;
}

.custom-select:before,
.custom-select:after {
    background: none;
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: #5E5E5E;
    display: inline-block;
    border-radius: 50px;
    transition: all 0.5s ease;
    right: 26px;
    top: 28px;
}

.custom-select:after {
    transform: rotate(45deg);
    right: 36px;
}

.custom-select:before {
    transform: rotate(-45deg);
    right: 31px;
}

.dropdownQuery {
    padding-left: 15px;
}

.wrap-sec1 {
    /* padding-right: 25px; */
    /* padding-left: 25px; */
}

.wrap-sec1 .img1 {
    width: 98%;
    margin: 40px auto;
    display: block;
}

.wrap-sec1 ul.info1 {
    list-style: none;
    transition: all .8s;
    padding: 0
}

.wrap-sec1 ul.info1 li {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    color: #6D6E71;
    letter-spacing: -.4px;
    position: relative;
    letter-spacing: -0.48px;
    color: #6D6E71;
    font-weight: 600;
}

.wrap-sec1 ul.info1 li::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #6D6E71;
    position: absolute;
    left: -11px;
    top: 5px;
    border-radius: 5px
}

.wrap-sec1 ul.info1 li:first-child:before {
    content: none
}

.secWrap1 h4 {
    font-size: 24px;
    color: #000104;
    font-weight: 600;
    letter-spacing: -1.2px;
    padding-top: 10px;
}

.feature_benift {
    padding-top: 40px;
    padding-bottom: 10px;
    position: relative;
}

.feature_benift h4 {
    letter-spacing: -0.9px;
    color: #444444;
    text-transform: capitalize;
    font-size: 18px;
    padding-bottom: 12px;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    font-family: Lato_Bold;
}

.feature_benift h4:before {
    position: absolute;
    content: '';
    right: -30px;
    width: 30px;
    height: 1px;
    background: #EFEFEF;
    bottom: -1px;
}

.feature_benift ul {
    padding: 0;
    margin-top: 80px;
    margin-bottom: 25px;
}

.feature_benift ul li {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    font-family: 'Lato_Semibold';
}

.feature_benift ul li span {
    width: 70%;
    color: #231F20;
    font-size: 16px;
}

.feature_benift ul li span strong {
    display: block;
    color: #231F20;
    font-family: 'Lato_Bold';
    font-size: 18px;
    font-style: normal;
}

.feature_benift ul li img {
    width: auto !important;
    margin: auto !important;
}

.feature_benift .img1sec {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    line-height: unset;
    text-align: center;
    margin-right: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec2a {
    display: block;
}

.feature_benift ul.sec2a li {
    display: block;
}

.feature_benift ul.sec2a li p {
    font-size: 18px;
    letter-spacing: -0.72px;
    color: #231F20;
    font-family: Lato_Semibold;
    line-height: 24px;
}


.darkHeader .custom-dropdown {
      position: sticky;
    width: 365px;
    top: 10px;
    z-index: 99;
    }


.custom-dropdown {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      width: 100%;
    }

 

.selected-item {
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    opacity: 1;
    padding: 22px 30px;
    text-align: left;
    font-family: 'Lato_Bold';
    letter-spacing: -0.42px;
    color: #000104;
    opacity: 1;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
}

    .selected-item1 {
      cursor: pointer;
      padding: 10px 20px;
      border: 1px solid #ccc;
      background-color: #fff;
      width: 200px;
    }

    .selected-item2 {
      cursor: pointer;
      padding: 10px 20px;
      border: 1px solid #ccc;
      background-color: #fff;
      width: 200px;
    }

    .custom-options {
      list-style-type: none;
      padding: 0;
      display: none;
      position: absolute;
      width: 200px;
      z-index: 1;
      opacity: 1;
      visibility: visible;
      width: 100%;

      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      padding: 0 30px;
    }

    .custom-options li {
      cursor: pointer;
      padding: 30px 0 16px 0px;
      border-bottom: 1px solid #DCDCDC;

      text-align: left;
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
      font-family: 'Lato_Bold';
    }

    .custom-options {
      display: block;
    }

    .custom-options.show-options {
      display: block;
    }

    .custom-options li:hover {
      background-color: #f9f9f9;
    }

    /*the container must be positioned relative:*/
    .custom-select {
      position: relative;
      width: 100%;
    }

    .hidden {
      display: none;
    }

    .custom-select select {
      display: none;
      /*hide original SELECT element:*/
    }

    .select-selected {
      background-color: DodgerBlue;
    }

    /*style the arrow inside the select element:*/
    .select-selected:after {
      position: absolute;
      content: "";
      top: 14px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #000 transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
      border-color: transparent transparent #fff transparent;
      top: 7px;
    }

    /*style the items (options), including the selected item:*/
    .select-items div,
    .select-selected {

      padding: 22px 30px;
      cursor: pointer;
      user-select: none;


      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      text-align: left;
      font-family: 'Lato_Bold';
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
    }

    .select-items div {
      border-bottom: 1px solid #DCDCDC;
      border-radius: 0px;
    }

    /*style items (options):*/
    .select-items {
      position: absolute;
      background-color: #F9F9F9;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      padding: 15px;
      margin-top: 10px;
    }

    /*hide the items when the select box is closed:*/
    .select-hide {
      display: none;
    }

    .select-items div:hover,
    .same-as-selected {
      background-color: rgba(0, 0, 0, 0.1);
    }





    /* .............................option 2 ......................*/




    .custom-dropdown1 {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      width: 100%;
    }

    .selected-item1 {
      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      padding: 22px 30px;

      text-align: left;
      font-family: 'Lato_Bold';
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
      width: 100%;

    }

    .selected-item11 {
      cursor: pointer;
      padding: 10px 20px;
      border: 1px solid #ccc;
      background-color: #fff;
      /* width: 200px; */
    }

    .custom-options1 {
      list-style-type: none;
      padding: 0;
      display: none;
      position: absolute;
      width: 200px;
      z-index: 1;
      opacity: 1;
      visibility: visible;
      width: 100%;

      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      padding: 0 30px;
    }

    .custom-options1 li {
      cursor: pointer;
      padding: 30px 0 16px 0px;
      border-bottom: 1px solid #DCDCDC;

      text-align: left;
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
      font-family: 'Lato_Bold';
    }

    .custom-options1 {
      display: none;
    }

    .custom-options1.show-options1 {
      display: block;
    }

    .custom-options1 li:hover {
      background-color: #f9f9f9;
    }

    /*the container must be positioned relative:*/
    .custom-select1 {
      position: relative;
      width: 100%;
    }

    .hidden1 {
      display: none;
    }

    .custom-select1 select {
      display: none;
      /*hide original SELECT element:*/
    }

    .select-selected1 {
      background-color: DodgerBlue;
    }

    /*style the arrow inside the select element:*/
    .select-selected1:after {
      position: absolute;
      content: "";
      top: 14px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #000 transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected1.select-arrow-active1:after {
      border-color: transparent transparent #fff transparent;
      top: 7px;
    }

    /*style the items (options), including the selected item:*/
    .select-items1 div,
    .select-selected1 {

      padding: 22px 30px;
      cursor: pointer;
      user-select: none;


      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      text-align: left;
      font-family: 'Lato_Bold';
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
    }

    .select-items1 div {
      border-bottom: 1px solid #DCDCDC;
      border-radius: 0px;
    }

    /*style items (options):*/
    .select-items1 {
      position: absolute;
      background-color: #F9F9F9;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      padding: 15px;
      margin-top: 10px;

    }

    /*hide the items when the select box is closed:*/
    .select-hide1 {
      display: none;
    }

    .select-items1 div:hover,
    .same-as-selected1 {
      background-color: rgba(0, 0, 0, 0.1);
    }






    /* .............................option 3 ......................*/




    .custom-dropdown2 {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      width: 100%;
    }

    .selected-item2 {
      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      padding: 22px 30px;

      text-align: left;
      font-family: 'Lato_Bold';
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
      width: 100%;

    }

    .selected-item12 {
      cursor: pointer;
      padding: 10px 20px;
      border: 1px solid #ccc;
      background-color: #fff;
      /* width: 200px; */
    }

    .custom-options2 {
      list-style-type: none;
      padding: 0;
      display: none;
      position: absolute;
      width: 200px;
      z-index: 1;
      opacity: 1;
      visibility: visible;
      width: 100%;

      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      padding: 0 30px;
    }

    .custom-options2 li {
      cursor: pointer;
      padding: 30px 0 16px 0px;
      border-bottom: 1px solid #DCDCDC;

      text-align: left;
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
      font-family: 'Lato_Bold';
    }

    .custom-options2 {
      display: none;
    }

    .custom-options2.show-options2 {
      display: block;
    }

    .custom-options2 li:hover {
      background-color: #f9f9f9;
    }

    /*the container must be positioned relative:*/
    .custom-select2 {
      position: relative;
      width: 100%;
    }

    .hidden {
      display: none;
    }

    .custom-select2 select {
      display: none;
      /*hide original SELECT element:*/
    }

    .select-selected2 {
      background-color: DodgerBlue;
    }

    /*style the arrow inside the select element:*/
    .select-selected2:after {
      position: absolute;
      content: "";
      top: 14px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #000 transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected2.select-arrow-active2:after {
      border-color: transparent transparent #fff transparent;
      top: 7px;
    }

    /*style the items (options), including the selected item:*/
    .select-items2 div,
    .select-selected2 {

      padding: 22px 30px;
      cursor: pointer;
      user-select: none;


      background: #F9F9F9;
      border: 1px solid #EFEFEF;
      border-radius: 10px;
      opacity: 1;
      text-align: left;
      font-family: 'Lato_Bold';
      letter-spacing: -0.42px;
      color: #000104;
      opacity: 1;
      font-size: 14px;
      line-height: 1.2;
    }

    .select-items2 div {
      border-bottom: 1px solid #DCDCDC;
      border-radius: 0px;
    }

    /*style items (options):*/
    .select-items2 {
      position: absolute;
      background-color: #F9F9F9;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      padding: 15px;
      margin-top: 10px;

    }

    /*hide the items when the select box is closed:*/
    .select-hide2 {
      display: none;
    }

    .select-items2 div:hover,
    .same-as-selected2 {
      background-color: rgba(0, 0, 0, 0.1);
    }





    .filter-cat {
      margin: 1em 0;
    }

    .f-cat {
      color: #fff;
      padding: 1em;
      border: 5px solid #fff;
    }


    .filter-cat-results .f-cat {
      opacity: 0;
      display: none;
    }

    .filter-cat-results .f-cat.active {
      opacity: 1;
      display: block;
      -webkit-animation: fadeIn 0.65s ease forwards;
      animation: fadeIn 0.65s ease forwards;
    }
	

  .selected-item::after{
    content: "";
    border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform .2s, margin .2s;
    position: absolute;
    right: 25px;
    transform: rotate(45deg);
    margin: 0px 0 0 0;
  }

  .selected-item1::after{
    content: "";
    border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform .2s, margin .2s;
    position: absolute;
    right: 25px;
    transform: rotate(45deg);
    margin: 0px 0 0 0;
  }


  .selected-item2::after{
    content: "";
    border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform .2s, margin .2s;
    position: absolute;
    right: 25px;
    transform: rotate(45deg);
    margin: 0px 0 0 0;
  }
	
	.cust_adjustments small{
        font-size: 12px;
        color: rgba(51, 51, 51, 1);
    }
.darkHeader::before {
    background: #fff;
    width: 100%;
    height: 85px;
    position: fixed;
    top: 0;
    content: "";
    box-shadow: 0 0 12px #ccc;
    z-index: 9;
    transition: all .5s;
    left: 0;
}
.box, .box2, .box3 {
    display: none;
}

.btnSec {
    display: flex;
}

.btnSec .btn1 {
    width: 132px;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-right: 15px;
    border: 1px solid #97144D;
    color: #97144D;
    font-family: 'Lato_Bold';
    transition: all .5s ease-in-out;
}

.btnSec .btn2 {
    width: 132px;
    height: 40px;
    border: 1px solid #97144F;
    border-radius: 100px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    background: #97144F 0% 0% no-repeat padding-box;
    margin-right: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-family: 'Lato_Bold';
    transition: all .5s ease-in-out;
}

.btnSec .btn1:hover {
    transition: all .5s ease-in-out;
    background: #97144D;
    color: #fff !important;
}

.btnSec .btn2:hover {
    background: #ba2267 0% 0% no-repeat padding-box;
    transition: all .5s ease-in-out;
}

.compare_enquire {display: flex;gap: 20px;}

.button_title_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.compare_btn {
    display: flex;
    width: 180px;
    height: 54px;

    display: flex;
    width: 180px;
    height: 54px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-family: 'Lato_Semibold';
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
}

.button_title_wrapper span {
    color: #333;
    font-size: 48px;
    font-style: normal;
    line-height: normal;
    font-weight: 800;
}

.btn_solid_dark {background: var(--primary);color: #fff;border: 1px solid;}

.compare_btn_bordered {
    border: 1px solid var(--primary);
    color: var(--primary);
}

.compare_btn_bordered:hover {
    background: var(--primary);
    color: white;
}

.btn_solid_dark:hover {
    background: #fff;
    color: var(--primary);
    border-color: var(--primary);
}



/* COMPARE CSS ENDS */


/* COMPARE MODAL CSS STARTS */

.compare_modal .modal-dialog.modal-dialog-centered {
    max-width: 90vw;
}

.compare_modal .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
}

.compare_modal .modal-body {
    padding: 60px;
}

.ccs_modal_top span {
    display: flex;
    color: #000104;
    font-family: 'Lato_Bold';
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    margin: 10px 0;
}

.ccs_modal_top ul {
    display: flex;
    gap: 15px;
}

.ccs_modal_top ul li {
    color: #6D6E71;
    font-family: 'Lato_Bold';
    font-size: 11px;
    font-style: normal;
    position: relative;
}

.mid_head {
    color: #444;
    font-family: 'Lato_Bold';
    font-size: 16px;
    font-style: normal;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 15px;
}

.ccs_modal_top img {
    max-width: 170px;
}


.ccs_modal_grid {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.ccs_modal_top ul li:after {
    position: absolute;
    content: '';
    right: -10px;
    top: 6px;
    margin: 0 auto;
    width: 4px;
    height: 4px;
    background: #6D6E71;
    border-radius: 100px;
}

.ccs_modal_top ul li:last-child:after {
    opacity: 0;
}


.ccs_modal_grid ul.fbUl {
    margin: 0;
}

.ccs_modal_grid .feature_benift ul li span strong {
    font-size: 14px;
}

.ccs_modal_grid .feature_benift ul li span {
    font-size: 12px;
}

.ccs_modal_grid .feature_benift .img1sec {
    width: 33px;
    height: 33px;
    margin-right: 10px;
}

.ccs_modal_grid .feature_benift ul li img {
    max-width: 20px;
}

.ccs_modal_grid .feature_benift ul li {
    padding-bottom: 20px;
}

.ccs_modal_grid .feature_benift ul li:last-child {
    padding-bottom: 0;
}

.cc_mid_modal {
    margin: 36px 0 10px;
}

.rewards_info p {
    margin: 0;
    color: #231F20;
    font-family: 'Lato_Semibold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

/* COMPARE MODAL CSS ENDS */


/* BENEFITS OF FOREX CARDS CSS STARTS */

.benefits_head_Wrapper h2 {
    margin: 0;
    color: #333;
    text-align: center;
    font-family: 'Lato_Semibold';
    font-size: 48px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: normal;
}

.benefits_head_Wrapper {
    text-align: center;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.benefits_head_Wrapper p {
    margin: 0;
    color: #4C4C4C;
    text-align: center;
    font-family: 'Lato_Semibold';
    font-size: 18px;
   letter-spacing: 1px;
}

.benefits_over_fc {
    padding: 120px 0;
}

.forex_card_data_Wrapper img {height: 80px;max-width: 80px;margin-right: auto;}

/* 16/07/2024 added new css for height */
.forex_card_data_Wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: url(../images/benefits_box_bg.png);
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-size: cover;
    height: auto;
}

/* 16/07/2024 added new css for width */
.forex_card_data_Wrapper span {
    display: flex;
    color: #333;
    font-family: 'Lato_Regular';
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    margin-top: 40px;
    width: 100%;
}

.forex_card_data_Wrapper p {
    margin: 10px 0 0;
    color: #595959;
    font-family: 'Lato_Regular';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.forex_card_data_Wrapper:hover img {
}

.forex_card_data_Wrapper:nth-child(2):hover img, .forex_card_data_Wrapper:nth-child(4):hover img {
}

.forex_card_data_Wrapper * {
    transition: all 0.5s ease;
}

.forex_card_data_Wrapper:hover span {
}

.forex_card_data_Wrapper:hover p {
    max-height: 190px;
}
/* BENEFITS OF FOREX CARDS CSS ENDS */


/* SPECIALIZED SOLUTIONS CSS STARTS */

.specialized_solution {
    background: url(../images/specialized_solution_bg.png);
    padding: 120px 0;
    height: 990px;
    background-size: cover; 
    background-position: center 15%;
    padding-bottom: 180px;
    position: relative;
}
/* .specialized_solution::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    background: url(../images/specialized_solution_bg_01.png);
    background-repeat: no-repeat;
} */

.specialized_solution .btn_solid_dark {
    width: fit-content;
    padding: 0 20px;
}


.specialised_tab_Wrapper .nav-pills .nav-link {
    text-align: left;
    border-radius: 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.10);
    padding: 20px;
    color: #333;
    font-family: 'Lato_Bold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    transition: all 0.5s ease;
    position: relative;
}

.specialised_tab_Wrapper .nav-pills .nav-link.active {
    background: none;
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.specialised_tab_Wrapper .nav-pills .nav-link:before, .specialised_tab_Wrapper .nav-pills .nav-link:after {
    position: absolute;
    content: '';
    right: 10px;
    width: 2px;
    height: 7px;
    background: #000;
    border-radius: 100px;
}



.specialised_tab_Wrapper .nav-pills .nav-link:before {
    top: 25px;
    rotate: 50deg;
}

.specialised_tab_Wrapper .nav-pills .nav-link:after {
    rotate: 130deg;
    top: 21.6px;
}

.specialised_tab_Wrapper .nav-pills .nav-link.active:before, .specialised_tab_Wrapper .nav-pills .nav-link.active:after {
    background: var(--primary);
}


.specialised_solutions_tab_grid_Wrapper {
    display: grid;
    grid-template-columns: 287px auto;
    gap: 22%;
}


.sp_tab_img_wrapper img {
    max-width: 280px;
}

.sp_tab_gridWrapper {
    display: grid;
    grid-template-columns: 230px auto;
    gap: 10%;
}

/* SPECIALIZED SOLUTIONS CSS ENDS */
.pd-tab-pane{display: none;}
.pd-tab-pane.showYearCard{display: block;}
.cal_custom_drop .select-btn{display: none;}
.filterDropdownWrap{
    display: grid;
    grid-template-columns: 287px auto;
    gap: 103px;
}
.cal_custom_drop .option-text{
    text-align: left;
    border-radius: 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.10);
    padding: 20px;
    color: #333;
    font-family: 'Lato_Bold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    transition: all 0.5s ease;
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
}

.cal_custom_drop .selected_option .option-text{
    background: none;
    color: var(--primary);
    border-bottom-color: var(--primary);
}
.tabpanewrapper-row{
    display: grid;
    grid-template-columns: 50% auto;
    gap: 20px;
}
.showYearCard .tabpanewrapper-row .cardimgbox{
    width: 44%;
    margin: 0 auto;
    transition: 3s;
    /* transform: translateX(0) rotate(-30deg); */
    /* transform: translateX(0) rotate(-30deg);opacity: 1; */
    animation: moveleft 3s;
    /* animation: bounceDown 2s ease; */
    /* transform: rotate(-30deg); */
}
.showYearCard .tabpanewrapper-row .horCardItem .cardimgbox{
    width: 63%;
    margin-top: 85px;
    left: 52px;
    position: relative;
}
@keyframes bounceDown {
	0% {transform: translateY(-60px);opacity: 0;}
	80% {transform: translateY(0);opacity: 1;}
    100% {transform: translateY(0);opacity: 1;}
}

.tabpanewrapper-row .tabpaneitem:first-child{
    position: relative;
    top: 110px;
    height: 534px;
}
.cal_custom_drop .option-text::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid #333;
    border-top: 0;
    border-left: 0;
    transform: translateY(-50%) rotate(315deg);
    transition: .5s;
}
.cal_custom_drop .selected_option .option-text::before{
    border-color:var(--primary);
}

/* 16/07/2024 changes in translateX value */
@keyframes moveleft{
    from{ transform: translateX(50px);opacity: 0; }
    to{transform: translateX(0);opacity: 1;}
}
.tabpanewrapper-row .cardimgCirle-box{
    width: 100%;
    margin: 0 auto 0;
    position: absolute;
    bottom: 0;
    display: none;
}
.tabpanewrapper .basedOffering-right{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    animation: moveUp 1.5s;
}
@keyframes moveUp{
    from{ transform: translateY(30px); opacity: 0;}
    to{transform: none;opacity: 1;}
}
.tabpanewrapper .basedOfferingRight-item{
    border-radius: 12px;
    border: 0 solid rgba(49, 6, 26, 0.30);
    background: linear-gradient(124deg, rgba(151, 20, 79, 0.05) 8.85%, rgba(49, 6, 26, 0.01) 130.46%);
    padding: 24px;
}
.tabpanewrapper .offRightbox{
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, .3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.tabpanewrapper .offRightbox img{width: 28px;height: 28px;}
.tabpanewrapper .offRightbox-title{
    font-family: var(--Lato_Semibold);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #111111;
}
.tabpanewrapper .offRightbox-paragraph{
    font-family: var(--Lato_Regular);
    font-size: 12px;
    line-height: 16px;
    color: rgba(17, 17, 17, .6);
    margin-bottom: 0;
}
.specialized_solution .button_title_wrapper span{max-width: 524px;}
.cal_custom_drop .option-text:hover::before{
    right: 13px;
    transition: .5s;
}
.cal_custom_drop .options{
    display: flex;
    flex-direction: column;
    gap: 10px
}

/* GET IN TOUCH CSS STARTS */

.banner_video_wrapper {
    position: absolute;
    z-index: -1;
}

.get_intouch_grid_Wrapper {
    display: grid;
    grid-template-columns: auto 34%;
}

.get_in_touch_left_form {
    padding: 51px 100px 11px 100px;
    background-image: url(../images/get_in_touch_bg.png); /* Start without a background image */
    background-size: cover;
    height: 100vh;
    opacity: 1;
    /* transition: opacity 0.5s ease-in-out; */
}

/* .get_in_touch_left_form.lazy-bg.loaded {
    opacity: 1;
} */


    .get_in_touch_left_form.yes_journey_setup, .get_in_touch_left_form.no_journey_setup {
        height: 100vh;
    }

.step_2_video {
    height: 100vh;
}
.asterisk{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #85003A;
}

.detail-selection-dropdown .selected-item{
    background: transparent;
    border: 1px solid rgba(17, 17, 17, 0.60);
    border-radius: 12px;
    color: #737c83;
    padding: 18px 30px;
	position:relative;
}
.detail-selection-dropdown .custom-options{
    max-height: 170px;
    overflow-y: auto;
}


.git_head_Wrapper h3 {
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 10px;
}

.git_head_Wrapper .git_sub_head {
    color: #111;
    font-family: 'Lato_Medium';
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 40px;
}

.git_steppr_wrapper ul {
    display: flex;
    gap: 120px;
}

.git_steppr_wrapper ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.git_steppr_wrapper ul li p {
    margin: 0;
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.stepper_counter {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #11111121;
    border: 1.5px solid transparent;
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    transition: all 0.5s ease;
}

.active_li .stepper_counter {
    border-color: #97144FB2;
    background: transparent;
    color: var(--primary);
}

.active_li .stepper_label {
    color: var(--primary);
    opacity: 1;
}

.git_steppr_wrapper {
    margin-bottom: 25px;
}

.git_main_form_wrapper h4 {
    color: #111;
    font-family: 'Lato_Medium';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: normal;
}

.git_form_btn {
    border-radius: 12px;
    border: 1px solid var(--primary);
    display: flex;
    width: 180px;
    height: 54px;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-family: 'Lato_Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.git_form_btn:hover {
    background: var(--primary);
    color: #fff;
}


.git_btn_wrapper {
    display: flex;
    gap: 15px;
}

.git_steppr_wrapper ul li:after {
    position: absolute;
    content: '';
    right: -90px;
    width: 60px;
    background: url(../images/progress_line.svg);
    height: 4px;
    background-size: cover;
}

.git_steppr_wrapper ul li:last-child:after {
    display: none;
}

.get_in_touch_right {
    background: #ccc;
    height: 100vh;
}

.form_input_grid input {
    border-radius: 12px;
    border: 1px solid rgba(17, 17, 17, 0.60);
    background: transparent;
    padding: 20px 30px;
    height: 55px;
    color: #111;
    font-family: 'Lato_Medium';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    z-index: 1;
}

.form_input_grid input:focus {
    background: transparent;
    box-shadow: none;
    border-color: var(--primary);
}

.form_input_grid {
    display: grid;
    align-items: center;
    grid-template-columns: 47% 47%;
    position: relative;
    justify-content: space-between;
}

.git_enter_details_form_Wrapper .form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form_input_grid > span {
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 0;
}

.git_enter_details_wrapper {
    overflow: hidden;
}


.git_enter_details_form_Wrapper {
    border-radius: 20px;
    background: rgba(33, 33, 33, 0.06);
    padding: 50px;
}



.submit_form_btn {
    display: flex;
    width: fit-content;
    padding: 14px 46px;
    justify-content: center;
    align-items: center;
    background: var(--primary);
    border-radius: 100px;
    color: #FFF;
    font-family: 'Lato_Bold';
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.submit_form_btn:hover {
    color: #fff;
}

.form_input_grid div {
    position: relative;
    z-index: 1;
}

.form_input_icon {
    position: absolute;
    max-width: 20px;
    top: 25%;
    right: 20px;
    align-items: center;
    height: auto;
    z-index: -1;
}

.recaptcha_div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha_retry {
    max-width: 24px;
}

.captcha_image {
    max-width: 120px;
}

/* Chrome, Safari, Edge, Opera */
.git_enter_details_form_Wrapper input::-webkit-outer-spin-button,
.git_enter_details_form_Wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.git_enter_details_form_Wrapper input[type=number] {
  -moz-appearance: textfield;
}


.from-left  {
    opacity: 0;
    filter: blur(4px);
	animation: fadeInLeft 1s ease forwards;
    animation-delay: 0.1s;
    transition: opacity 0.1s ease, filter 0.1s ease;
}


@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
}
100% {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}
}

.get_intouch_grid_Wrapper.yes_journey_last_step {
    grid-template-columns: auto;
}

.git_dropdown_select {
  position: relative;
  /* display: flex; */
  /* width: 214px; */
  /* height: 60px; */
  /* align-items: center; */
}
.git_dropdown_select .selectBtn {
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  width: 214px;
  height: 60px;
  align-items: center;
  border-radius: 10px;
  border: 1px solid rgba(17, 17, 17, 0.20);
  background: rgba(17, 17, 17, 0.04);
  color: #111;
  font-family: 'Lato_Medium';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.git_dropdown_select .selectBtn:after {
  content: "";
  position: absolute;
  top: 45%;
  right: 15px;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transition: 0.2s ease;
}
.git_dropdown_select .selectBtn.toggle {
  border-radius: 3px 3px 0 0;
}
.git_dropdown_select .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.git_dropdown_select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border-top: 0;
    margin-top: 5px;
    z-index: 1;
    padding: 10px 10px ;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.git_dropdown_select .selectDropdown .option {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid rgba(17, 17, 17, 0.20);
    color: #111;
    font-family: 'Lato_Medium';
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}
.git_dropdown_select .selectDropdown .option:hover {
  color: #fff;
  background: var(--primary);
}
.git_dropdown_select .selectDropdown.toggle {
  visibility: visible;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.git_custom_dropdown_wrapper {
    display: flex;
    gap: 20px;
}

.git_dropdown_select .selectDropdown .option.dropdown_selected {
    color: #fff;
    background: var(--primary);
}

.git_search_input_wrapper {
    position: relative;
}

.git_search_icon {
    position: absolute;
    top: 0;
    right: 20px;
    max-width: 20px;
    height: 100%;
}

.git_dropdown_search_wrapper {
    display: flex;
    justify-content: space-between;
}

.git_search_input_wrapper input {
    width: 352px;
    border-radius: 14px;
    border: 1px solid rgba(17, 17, 17, 0.50);
    background: transparent;
    align-items: center;
    height: 100%;
    padding: 0 50px 0 20px;
}

.git_search_input_wrapper input:focus {
    opacity: 0.4;
}

.git_search_input_wrapper {
    display: flex;
    align-items: center;
}

.git_search_input_wrapper input:focus {
    background: transparent;
    box-shadow: none;
    border-color: var(--primary);
}

.no_of_results_head {
    margin: 0;
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20px;
}

.results_found_main_Wrapper {
    margin-top: 50px;
}

.list_ico_Wrapper img {
    max-width: 24px;
}

.result_data_top_Wrapper h5 {
    margin: 0;
    color: #111;
    font-family: 'Lato_Regular';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dotted_div_wrapper {
    border-radius: 10px;
    border: 1px dashed rgba(151, 20, 79, 0.80);
    background: rgba(151, 20, 79, 0.05);
    padding: 20px;
    margin: 20px 0 14px;
}

.dotted_div_wrapper span {
    color: #111;
    font-family: 'Lato_Bold';
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}

.dotted_div_wrapper>ul>li {
    display: grid;
    grid-template-columns: 15% 60%;
    gap: 20px;
}

.dotted_div_wrapper>ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.result_data_Wrapper {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.66);
    padding: 30px;
    width: 342px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 53px;
}

.list_ico_Wrapper {
    display: grid;
    align-items: center;
    grid-template-columns: 33% auto;
}

.list_ico_Wrapper p {
    margin: 0;
    color: #111;
    font-family: 'Lato_Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.list_ico_Wrapper div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bordered_btn_know {
    display: flex;
    width: 141px;
    height: 41px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--primary);
    color: var(--primary);
    font-family: 'Lato_Regular';
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bordered_btn_know:hover {
    background: var(--primary);
    color: #fff;
}

.list_with_icon_Wrapper>ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.results_box_grid_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    overflow-y: scroll;
    height: 72vh;
    padding-bottom: 100px;
}

.results_box_grid_wrapper::-webkit-scrollbar {
    width: 0px;
}

.details_captured_modal .modal-dialog.modal-dialog-centered {
    min-width: 545px;
}

.details_captured_modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.details_captured_modal .modal-dialog.modal-dialog-centered {
    /* height: 337px; */
}

.details_captured_modal .modal-content {border-radius: 10px;}

.details_captured_modal .modal-dialog.modal-dialog-centered {
    min-width: 615px;
}

.details_captured_modal img.captured_gif {
    max-width: 153px;
}

.details_captured_modal .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 50px;
}

.capture_modal_solid_btn {
    width: 131.5px;
    height: 40px;
    display: flex;
    justify-content: center;
    border: 1px solid transparent;
    align-items: center;
    background: var(--primary);
    color: #fff;
    border-radius: 100px;
    text-transform: uppercase;
}

.details_captured_modal .modal-body h4 {
    color: #000;
    text-align: center;
    font-family: 'Lato_Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.capture_modal_solid_btn:hover {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.bordered_btn_know:focus {
    color: var(--primary);
}

.no_journey_btn_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

.existing_customer_link {
    color: var(--primary);
    font-family: 'Lato_Regular';
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.get_intouch_grid_Wrapper.yes_journey_last_step {
    position: relative;
}

.get_intouch_grid_Wrapper.yes_journey_last_step:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 160px;
    z-index: 1;
    background: linear-gradient(0deg, #E9E8E8 0%, rgba(233, 232, 232, 0.00) 88.1%);
}

.get_in_touch_left_form, .step1_image, .get_in_touch_right {
    height: 630px;
    object-position: 0% -80px;
    object-fit: cover;
}

.git_dropdown_select .selectBtn span {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: -1;
}

.list_ico_Wrapper.contact_number_li {
    align-items: end;
}

/* GET IN TOUCH CSS ENDS */

/*16/07/2024 chnaged margin-top */
.temp2-area1-innerIcon p.ca-p {
    margin-top: 0;
}

.documentations_wrapper .temp2-area1-inner {top: 0;position: relative;}

.reserve_animation * {
    transition: all 0.5s ease;
}
.reserve_animation {
    position: relative;
    display: flex;
}

.reserve_animation .img1 {
    transform: rotate(90deg);
    width: 62%;
    margin: -40px auto -28px;
}

.reserve_animation.reserve_rotate .img1.reserve_cc {
    transform: rotate(0deg);
    width: 39%;
    margin: 40px auto 41px;
}

.rotate_cc_icon {
    position: absolute;
    max-width: 50px;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
}


.reserve_rotate .rotate_cc_icon {
    max-width: 30px;
    transform: translate(150px, -100px);
}

.datepicker table tr td span {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1200px) and (max-width: 1650px) {
	
	.faqSection .container {padding:0 70px;}
.compare_modal .modal-body {
    padding: 22px;
}

.cc_mid_modal {
    margin: 20px 0 10px;
}

.ccs_modal_grid .feature_benift ul li {
    padding-bottom: 10px;
}

.mid_head {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.banner_content_wrapper h1 {
    font-size: 45px;
}

.banner_content_wrapper {
    width: 44%;	padding-left: 9%;
}

.banner_content_wrapper p {font-size: 15px;}

.banner_section {
    height: 90vh;

}

.benefits_over_fc, .temp2-bg, .comGuide_sec, .compare_wrapSec, .faqSection {
    padding: 100px 0;
}

.banner_content_wrapper h1, .temp2 .heading h2, .comGuide_sec .topsec h3, .button_title_wrapper span, .faqSection h3, .benefits_head_Wrapper h2 {
   
font-size: 40px;
   
letter-spacing: 0px;
   
}
	
.forex_card_data_Wrapper span {
    font-size: 16px;
    margin-top: 20px;
}

.forex_card_data_Wrapper img {
    height: 50px;
    max-width: 50px;
}

.forex_card_data_Wrapper p {
    font-size: 12px;
}

    .forex_card_data_Wrapper {
    }

.benefits_head_Wrapper p {
    font-size: 15px;
}

.benefits_head_Wrapper {
    gap: 10px;
}
.tabpanewrapper-row .tabpaneitem:first-child{
    top: 72px;
    height: 470px;
}
.showYearCard .tabpanewrapper-row .cardimgbox{width: 38%;}
.showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    width: 55%;
    margin-top: 50px;
    left: -18px;
}

.get_in_touch_left_form.yes_journey_setup, .get_in_touch_left_form.no_journey_setup {

    height: 740px;
}

.get_in_touch_right {
    height: 740px;
}

.git_head_Wrapper h3 {
    font-size: 40px;
    margin-bottom: 20px;
}

.git_head_Wrapper .git_sub_head {
    font-size: 14px;
    margin-bottom: 40px;
}

.git_main_form_wrapper h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.git_form_btn {
    width: fit-content;
    padding: 10px 40px;
    height: auto;
    border-radius: 10px;
    font-size: 10px;
}

.step1_image {
    max-width: 100%;
    height: 740px;
    object-fit: cover;
}

.get_intouch_grid_Wrapper {grid-template-columns: auto 35%;}

.git_enter_details_form_Wrapper {
    padding: 30px;
}

.get_in_touch_right {
    height: 740px;
}

.form_input_grid {
    grid-template-columns: 46% 46%;
}

.get_in_touch_section {
    overflow: hidden;
}

.stepper_counter {
    height: 35px;
    width: 35px;
    font-size: 15px;
}

.git_steppr_wrapper ul li p {
    font-size: 12px;
}

.git_steppr_wrapper {
    margin-bottom: 20px;
}

.form_input_grid input {
    height: 45px;
    padding: 0 15px;
    border-radius: 8px;
    font-size: 13px;
}
.container-fluid {
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  position: relative;
  height: 90px;
  z-index: 2;
  position: sticky;
  top: 0;
  background-color: #fff;
}

.bg-image img {
  width: 298px;
  height: 90px;
}
.navbar {
  position: relative;
}
.navbar, .container-fluid {
  padding: 0 !important;
}

.navbar-brand {
  margin: 12px 29px 12px 26px !important;
}

.navbar-brand img {
  width: 184px;
}

#collapsibleNavbar {
  margin-top: 25.6px;
  display: none !important;
}

.navbar-nav {
  width: 100%;
  justify-content: space-evenly !important;
  padding: 16px 0 !important;
}

.navbar-nav li a {
  color: #171717;
}

.nav-container {
	max-width: 100%;
	flex-grow: 1;
  z-index: 2;
}

.nav-container li a {
  padding: 19px 0;
  color: #171717;
  font-size: 18px;
  font-family: lato-regular;
}


.container-fluid::before {
  content: '';
  width: 100%;
  height: 29px;
  background-color: #97144D;
 /* background: url(../images/bg-axisbank.jpg);*/
  position:absolute;
  top: 0;
}
.git_enter_details_form_Wrapper .form {
    gap: 20px;
}

.git_dropdown_select .selectBtn {
    width: 195px;
    height: 50px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 8px;
}

    .yes_journey_last_step .get_in_touch_left_form {
        padding-right: 40px;
        padding-left: 40px;
    }

.git_search_input_wrapper input {
    width: 260px;
}

.results_box_grid_wrapper {
    gap: 20px;
    height: 75vh;
}

    .result_data_Wrapper {
        padding: 25px;
        width: 23.9%;
        gap: 30px;
    }

.result_data_top_Wrapper h5 {
    font-size: 20px;
}

.list_with_icon_Wrapper>ul {
    gap: 10px;
}

.list_ico_Wrapper {
    grid-template-columns: 30% auto;
}

.list_ico_Wrapper img {
    max-width: 15px;
}
.button_title_wrapper{margin-bottom: 40px;}
.cal_custom_drop .option-text{padding: 13px 20px;}
.specialized_solution{
    padding: 100px 0;
    background-size: 111%;
    height: 860px;
}

.get_intouch_grid_Wrapper.yes_journey_last_step:before {
    height: 60px;
}

.get_in_touch_left_form, .step1_image, .get_in_touch_right {
height:100%;   
   object-position: 0% -80px;
}

.step_2_video {
    height: auto;
}

/*16/07/2021 changes position, bottom and width css property*/
.fixes_pos {
    position: relative;
    bottom: 0;
    border-top: 1px dashed rgba(112, 112, 112, .5);
    padding-top: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.temp2-area1:first-child {
}

.temp2-area1:first-child .temp2-area1-inner {
    margin-top: 0px;
    padding-bottom: 45px;
    border-bottom: 0;
}

.temp2-area1:first-child .temp2-area1-innerIcon p {
    position: relative;
    top: -33px;
}

.temp2-area1:last-child .temp2-area1-innerIcon:first-child p {top: -7px;position: relative;}

.temp2-area1:last-child .temp2-area1-innerIcon:last-child p {
    position: relative;
    top: -13px;
    margin-bottom: -12px;
}

}

/* 16/07/2024 added new css mnedia query */
@media screen and (max-width: 1600px) {
    .temp2-area1{
        padding: 35px 35px 33px 35px;
    }
    .temp2-inner{margin-top: 25px;}
    .temp2-area1-innerIcon{width: 32.33%;padding-bottom: 0;}
    .temp2-area1-innerIcon p{font-size: 14px;line-height: 16px;height: auto;margin-top: 0;}
    .temp2-area1Icon{width: 70px;height: 70px;}
    .temp2-area1Icon img {max-width: 30px;}
    .temp2-area1:first-child .temp2-area1-innerIcon p{top: 0;}
    .temp2-area1-innerIcon p.ca-p{margin-top: 0 !important;}
    .temp2-area1:last-child .temp2-area1-innerIcon:first-child p{top: 0 !important;}
    .documentations_wrapper .temp2-area1-inner{top:0;}
    .temp2-area1-inner{margin-top: 30px !important;height: 227px;}
    .temp2-inner{width: 90%;margin: 30px auto 0;}
    .feature_benift{padding-top: 20px;}
    .feature_benift ul{margin-top: 60px;margin-bottom: 15px;}
    .feature_benift ul li{padding-bottom: 20px;}
    .wrap-sec1 .img1{margin: 25px auto;}
    .reserve_animation .img1{margin: -48px auto -52px;}
    .secWrap1 h4{font-size: 22px;}
    .wrap-sec1 ul.info1 li{font-size: 10px;letter-spacing: 0;}
    .feature_benift ul li span strong{font-size: 16px;}
    .feature_benift ul li span{font-size: 14px;}
    .wrapper-content .container{padding: 0;}
    
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
	
	    .forex_card_data_Wrapper {
        padding: 25px;
    }
	
	.tabpanewrapper .basedOfferingRight-item {
    padding: 15px;
}
	
	.result_data_Wrapper {
    width: 23.7%;
}

.list_ico_Wrapper {
    grid-template-columns: 40% auto;
}

.list_ico_Wrapper {
    grid-template-columns: 40% auto;
}

.dotted_div_wrapper>ul>li {
    grid-template-columns: 15% 65%;
    gap: 30px;
}

.list_ico_Wrapper {
    grid-template-columns: 40% auto;
}

.dotted_div_wrapper>ul>li {
    grid-template-columns: 15% 65%;
    gap: 30px;
}

.result_data_Wrapper {
    gap: 30px;
}

.bordered_btn_know {
    width: fit-content;
    height: auto;
    padding: 10px 20px;
}

        .specialized_solution{background-size:137%;}

        /* 16/07/2024 left padding valur change */
           .get_in_touch_left_form {
        padding: 51px 160px 51px 50px;
    }
	
	
	
}


@media screen and (min-width: 1501px) and (max-width: 1750px) {
	
	    .forex_card_data_Wrapper {
        padding: 30px;
    }
	
	.get_in_touch_left_form {
    padding: 51px 160px 51px 130px;
}
	
    .wrapper-content .container {
        max-width: 1340px;
    }
    .specialized_solution{
        height: 801px;
        background-size: 130%;
        background-position: 70% -210px;
        padding-bottom: 80px;
    }
    .filterDropdownWrap{gap: 65px;}
    .tabpanewrapper-row .tabpaneitem:first-child{
        top: 85px;
        height: 490px;
    }
	
	.results_box_grid_wrapper {
    height: 67vh;
}

.yes_journey_last_step .get_in_touch_left_form {
    height: 790px;
}
	
}

    @media only screen and (min-width: 1500px)  and (max-width: 1536px) {
		.benefits_head_Wrapper {
    margin-bottom: 44px;
}
		
	}
	
	
    @media only screen and (max-width: 1650px) {
      .selected-item {
        padding: 18px 25px;
      }

      .selected-item1 {
        padding: 18px 25px;
      }


      .selected-item2 {
        padding: 18px 25px;
      }

   

    }
    @media only screen and (max-width: 1440px){
        .specialized_solution{background-size: 118%;}
    }

    @media only screen and (max-width: 1440px){
    .specialized_solution {
        background-size: 105%;
        background-position: -70px -20px;
        height: 740px;
    }}
    @media only screen and (max-width: 1369px){
		
		/* 16/07/2024 margin bottom value change */
        .button_title_wrapper {
            margin-bottom: 30px;
        }

.specialized_solution {
    height: 700px;
}

.tabpanewrapper .offRightbox-paragraph {
    font-size: 10px;
}


    }
	
	
    @media only screen and (max-width: 1280px){

    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
		
		.compare_modal .modal-body {
    padding: 22px;
}

.cc_mid_modal {
    margin: 20px 0 10px;
}

.ccs_modal_grid .feature_benift ul li {
    padding-bottom: 10px;
}

.mid_head {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.banner_content_wrapper h1, .temp2 .heading h2, .comGuide_sec .topsec h3, .button_title_wrapper span, .faqSection h3, .benefits_head_Wrapper h2 {
   
        font-size: 40px;
        letter-spacing: 0;
    }

.banner_content_wrapper {
    width: 55%;
    padding-left: 7%;
}

.banner_content_wrapper p {font-size: 15px;}

.banner_section {
    height: 90vh;

}
		
}

@media only screen and (max-width: 1199px){
    .filterDropdownWrap{
        gap: 30px;
        display: flex;
        flex-direction: column;
    }
    .cal_custom_drop .options{
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .cal_custom_drop .option-text::before{display: none;}
    .specialized_solution .button_title_wrapper{margin-bottom: 30px;}
    .tabpanewrapper-row{
        display: flex;
        flex-direction: column-reverse;
    }
    .showYearCard .tabpanewrapper-row .cardimgbox{width: 40%;}
    .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox{left: 8px;}
    .tabpanewrapper-row .tabpaneitem:first-child{
        top: 30px;
        height: 415px;
        width: 45%;
        margin: 0 auto;
    }
    .specialized_solution{
        height: auto;
        padding-bottom: 100px;
        background-size: 199%;
        background-position: 50%;
    }
    .tabpanewrapper .basedOffering-right{
        display: flex;
        gap: 10px;
        justify-content: left;
        width: 100%;
        overflow-x: scroll;
    }
    .tabpanewrapper .basedOffering-right::-webkit-scrollbar {
        height: 0;
        background: #e6e6e6;
    }
    .tabpanewrapper .basedOffering-right::-webkit-scrollbar-track {
        background: #e6e6e6;
    }
    .tabpanewrapper .basedOfferingRight-item{
        border-radius: 8px;
        padding: 12px;
        width: 280px;
        min-width: 280px;
        margin-bottom: 10px;
    }
    .tabpanewrapper .offRightbox img {
        width: 18px;
        height: 18px;
    }
    .tabpanewrapper .offRightbox{
        width: 38px;
        height: 38px;
    }
}
	
    @media only screen and (max-width: 1024px) {
      .darkHeader .custom-dropdown {
        width: 100%;
    }

    .selected-item {
      font-size: 12px;
    }


    .selected-item1 {
      font-size: 12px;
    }

    .selected-item2 {
      font-size: 12px;
    }


    }




@media only screen and (max-width: 991px) {
	.cal_custom_drop .options::-webkit-scrollbar {
    height: 0px;
    display: none;
}
    .temp2-area1 {
        padding: 30px;
        width: 100%;
        margin-bottom: 25px;
    }
	
	    .temp2-area1-innerIcon {
        width: 100%;
        display: grid;
        flex-wrap: nowrap;
        padding-bottom: 30px;
        align-items: center;
        grid-template-columns: auto auto;
        gap: 15px;
    }
	
	    .temp2-area1Icon {
        margin-right: 0;
        padding: 15px;
        width: 50px;
        height: 50px;
        }
		
	.filterCardsWrapper {
    padding-right: 15px;
    padding-left: 15px;
}

.temp2-area1-innerIcon:nth-child(2) .temp2-area1Icon img {
    max-width: 15px !important;
}
    .temp2-area1-innerIcon p {
        width: 80%;
        margin: 0;
        font-size: 14px;
    }
	    .temp2-area1-bottom {
        margin-top: 28px;
    }

    /*16/07/2024 removed flex-wrap property*/
    .temp2-area1-inner {
        margin-top: 25px;
        height: 260px;
    }
	
.temp2 .heading h2, .comGuide_sec .topsec h3, .faqSection h3, .button_title_wrapper span {
        font-size: 26px;
        letter-spacing: -1.3px;
    }
	
	.faqSection, .comGuide_sec, .temp2-bg {
    padding: 50px 0;
}

    .faqSection {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
    }
	
	.faqSection h3 {
    line-height: 1.2;
}

.selected-item {
        letter-spacing: -0.3px;
        font-size: 13px;
        line-height: 1.2;
        padding: 14px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 35px;
        white-space: nowrap;
        padding: 13px 34px 14px 14px;
        margin-top: 2px;
        border-radius: 25px;
      }

      .secWrap1 h4 {
        font-size: 14px;
        height: 30px;
      }

      .custom-options li {
        padding: 14px 0 15px 0px;
        border-bottom: 1px solid #DCDCDC;
        letter-spacing: -0.3px;
        font-size: 10px;
        line-height: 1;
      }

.selected-item1 {
    letter-spacing: -0.3px;
    font-size: 13px;
    line-height: 1.2;
    padding: 14px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 35px;
    white-space: nowrap;
    padding: 13px 34px 14px 14px;
    margin-top: 2px;
    border-radius: 25px;
    right: 15px;
}

      .selected-item2 {
        letter-spacing: -0.3px;
        font-size: 13px;
        line-height: 1.2;
        padding: 14px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 35px;
        white-space: nowrap;
        padding: 14px 35px 15px 14px;
        margin-top: 2px;
        border-radius: 25px;

      }

      .custom-options1 li {
        padding: 14px 0 15px 0px;
        border-bottom: 1px solid #DCDCDC;
        letter-spacing: -0.3px;
        font-size: 10px;
        line-height: 1;
      }

      .selected-item::after {
        margin-top: 2px;
        padding: 2px;
        right: 15px;
      }

      .selected-item1::after {
        margin-top: 2px;
        padding: 2px;
        right: 15px;
      }

      .feature_benift ul li img {
        width: 50% !important;
      }

      .custom-options2 li {
        padding: 14px 0 15px 0px;
        border-bottom: 1px solid #DCDCDC;
        letter-spacing: -0.3px;
        font-size: 10px;
        line-height: 1;
      }

      .selected-item2::after {
        margin-top: 2px;
        padding: 2px;
      }

      .darkHeader .custom-dropdown {
        width: 166px;
        padding-left: 12px;
    }
    .cardoo {
        display: none;
    }
	
	    .wrap-sec1 {
        padding-right: 13px;
        padding-left: 13px;
    }
	
	    .secWrap1 h4 {
        font-size: 14px;
		        letter-spacing: 0px;
        height: 30px;
    }
	
	    .wrap-sec1 ul.info1 li {
        margin-right: 10px;
        font-size: 8px;
    }    .compare_wrapSec .row .col-6 {
        padding-left: 0;
        padding-right: 0;
    }
	
    .compare_wrapSec {
    padding: 50px 0 0;
    }
	
	.container {
    padding: 0;
}

    .feature_benift ul li span {
        font-size: 10px;
        width: 73%;
    }
	
	    .feature_benift ul.sec2a li p {
        font-size: 12px;
        line-height: 16px;
    }
	
	    .feature_benift ul.sec2a li .btnSec .btn1 {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
	
	    .feature_benift ul .btnSec {
        display: block;
    }
	    .feature_benift ul.sec2a li .btnSec .btn2 {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .custom-options, .custom-options1 {
        padding: 0 10px !important;
    }
	
	
	.button_title_wrapper {flex-direction: column;justify-content: center;text-align: center;gap: 30px;}

.compare_enquire {
    justify-content: center;
    gap: 10px;
}

.compare_btn {
    width: auto;
    height: auto;
    padding: 12px 17px;
    font-size: 12px;
    border-radius: 10px;
	        margin-bottom: 20px;
}

.comGuide_sec .topsec {
    padding-bottom: 20px;
}

.temp2-bg {
    padding-left: 20px;
    padding-right: 20px;
}

/*16/07/2024 added with property*/
.temp2-inner {
    margin-top: 30px;
    width: 100%;
}

.feature_benift ul li {
    align-items: flex-start;
}

.feature_benift ul li span strong {
    font-size: 12px;
}

    .feature_benift .img1sec {
        width: 43px;
        height: 40px;
        margin-right: 10px;
    }

.feature_benift h4 {
    font-size: 15px;
}

.feature_benift ul {
    margin: 40px 0 0;
}

.wrap-sec1 .img1 {
    margin: 10px 0;
}

.wrap-sec1 ul.info1 li::before {
    top: 4px;
    left: -9px;
    width: 4px;
    height: 4px;
}


.cc_main_modal_Wrapper {margin-top: 0px;}

.credit_card_list_Wrapper {
    width: 1000px;
	position: relative;
}

.compare_modal .modal-content {
    overflow-y: hidden;
    padding: 30px;
    overflow-x: scroll;
	border-radius: 15px;
	
}

.compare_modal .modal-body {
    padding: 0;
}

.compare_modal .modal-dialog.modal-dialog-centered {
    max-width: 100%;

}

    .compare_modal .btn-close {
        top: -25px;
        right: 7px;
        position: absolute;
    }

.compare_modal .btn-close img {
    max-width: 25px;
}

.cc_mid_modal {
    margin: 20px 0;
}

.compare_modal .modal-content::-webkit-scrollbar {
    width: 0px;
    height: 3px;
}

.banner_section {flex-direction: column;justify-content: flex-start;height: 600px;}

.banner_content_wrapper {
    padding: 50px 20px;
    width: 100%;
    text-align: center;
}

    .banner_content_wrapper h1, .temp2 .heading h2, .comGuide_sec .topsec h3, .button_title_wrapper span, .faqSection h3, .benefits_head_Wrapper h2 {
        font-size: 30px;
        letter-spacing: 0;
    }

.banner_content_wrapper p {
    font-size: 12px;
}

        .banner_btn_Wrapprer {
            margin-top: 40px;
            justify-content: center;
        }

.banner_btn {
    width: fit-content;
    height: auto;
    font-size: 10px;
    padding: 12px 20px;
}


.benefits_head_Wrapper p {
    font-size: 14px;
}

.benefits_head_Wrapper {
    padding: 0 20px;
    margin-bottom: 40px;
    gap: 10px;
}

.benefits_over_fc {
    padding: 60px 0;
}


.forex_card_data_Wrapper img {width: 40px;height: 40px;}

.forex_card_data_Wrapper {
    height: auto;
    padding: 20px;
    justify-content: center;
}

.forex_card_data_Wrapper span {
    font-size: 15px;
    margin: 20px 0 0;
}

.forex_card_data_Wrapper p {
    font-size: 12px;
    max-height: 1000px;
}

.forex_card_data_Wrapper:hover img {
}

.forex_card_data_Wrapper:hover span {
}

.forex_card_data_Wrapper:nth-child(2):hover img, .forex_card_data_Wrapper:nth-child(4):hover img {
    transform: scale(0.9) rotate(0deg);
}

.specialized_solution .button_title_wrapper span{max-width: 100%;padding-right: 15px;padding-left: 15px;}
.specialized_solution .btn_solid_dark{padding: 10px 20px;}
.specialized_solution {
    height: auto;
    padding-bottom: 93px;
    background-size: 255%;
    background-position: 50%;
}
.tabpanewrapper-row .tabpaneitem:first-child {
    height: 393px;
    width: 67%;
    margin: 0 auto;
}
.showYearCard .tabpanewrapper-row .cardimgbox {
    width: 32%;
}
.get_intouch_grid_Wrapper {
    grid-template-columns: auto;
}

.get_in_touch_left_form {
    padding: 70px 30px;
    height: auto;
}

.get_in_touch_left_form.yes_journey_setup, .get_in_touch_left_form.no_journey_setup {
    height: auto;
}

.git_head_Wrapper h3 {
    font-size: 30px;
	        margin-bottom: 16px;
}

.git_head_Wrapper .git_sub_head {
    font-size: 15px;
    margin-bottom: 40px;
}

.get_in_touch_right {}

.step1_image {height: 580px;object-fit: cover;object-position: center;}

.git_form_btn {
    padding: 10px 30px;
    width: 110px;
    height: 36px;
    font-size: 10px;
}
    .get_in_touch_right {
        height: 400px;
		overflow: hidden;
    }

.git_main_form_wrapper h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.stepper_counter {
    width: 30px;
    height: 30px;
    font-size: 12px;
}

.git_steppr_wrapper ul {
    gap: 0;
    justify-content: space-between;
}

.git_steppr_wrapper ul li:after {
    right: -80px;
	display:none;
}

    .git_steppr_wrapper ul:before {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../images/progress_line.svg);
        height: 4px;
        width: 40px;
        background-position: bottom;
        background-size: cover;
        top: 12px;
    }

.git_steppr_wrapper {
    margin-bottom: 30px;
}

.git_enter_details_form_Wrapper {
    padding: 20px;
    border-radius: 10px;
}

.form_input_grid {grid-template-columns: 100%;gap: 50px;}

.form_input_grid input {
    width: 100%;
    border-radius: 10px;
    padding: 0 20px;
}
    

.step_2_video {
    height: 400px;
}	

.get_in_touch_right{display:none;}

.form_input_grid.without_or {
    gap: 20px;
}

.details_captured_modal .modal-dialog.modal-dialog-centered {
    min-width: 85%;
    margin: 0 auto;
    width: 90%;
}

.details_captured_modal .modal-body {
    padding: 30px;
}

.details_captured_modal .modal-body h4 {
    font-size: 18px;
}

.details_captured_modal img.captured_gif {
    max-width: 100px;
}

.capture_modal_solid_btn, .submit_form_btn {
    width: 143px;
    height: 36px;
    font-size: 10px;
}

.existing_customer_link {
    font-size: 10px;
}

.no_journey_wrapper  .form_input_grid {
    gap: 20px;
}

.result_data_Wrapper {
    width: 100%;
}

.git_dropdown_search_wrapper {
    display: block;
}

    .git_custom_dropdown_wrapper {
        display: grid;
        margin-bottom: 20px;
        flex-direction: column;
        grid-template-columns: 47% 47%;
        justify-content: space-between;
    }

.git_dropdown_select .selectBtn {
    width: 100%;
}

    .git_search_input_wrapper input {
        height: 60px;
        border-radius: 10px;
        width: 100%;
    }
.temp2-area1::before{
    right: 0;
}

.temp2-area1.documentBox::before {
    background-size: 80%;
    left: 0;
    top: -90px;
    background-position: 160px 30px;
}

.temp2-area1.documentBox::before {
    background-size: 80%;
    left: 0;
    top: -90px;
    background-position: 160px 30px;
}

.temp2-area1::before {        top: -130px;
        background-size: 60%;right: -90px;background-position: right;}

.git_dropdown_select .selectDropdown .option {
    font-size: 14px;
}

.temp2-area1::before {
    display: block;
    right: 0;
}

.results_box_grid_wrapper {
    height: 100%;
    padding-bottom: 0;
}

.get_intouch_grid_Wrapper.yes_journey_last_step:before {
    display: none;
}
.faqSection .card-header .btn.btn-link {
    padding-right: 50px;
}

.reserve_animation .img1 {
    margin: -20px 30px -21px;
}

.reserve_animation.reserve_rotate .img1.reserve_cc {
    width: 41%;
    margin: 10px auto 5px;
}

.reserve_rotate .rotate_cc_icon {
    transform: translate(70px, -50px);
    max-width: 20px;
}

.rotate_cc_icon {
    max-width: 30px;
}

.card_2_p .feature_benift h4:before {display: none;}

.card_2_p .feature_benift h4 {
    line-height: 1;
}

.list_ico_Wrapper.contact_number_li {
    grid-template-columns: 35% auto;
}

.list_ico_Wrapper img {
    max-width: 15px;
}

.list_ico_Wrapper {
    grid-template-columns: 35% auto;
}

.list_with_icon_Wrapper>ul {
    gap: 10px;
}

.list_ico_Wrapper p {
    font-size: 10px;
}
.banner_video_wrapper video {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.banner_video_wrapper video.lazy-video.loaded {
    opacity: 1;
}
.step1_image {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.lazy-video {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.lazy-video.loaded {
    opacity: 1;
}
.lazy {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.lazy.loaded {
    opacity: 1;
}

.step1_image.lazy.loaded {
    opacity: 1;
}

.dotted_div_wrapper>ul>li {
    grid-template-columns: 21% 60%;
}

.compare_wrapSec .button_title_wrapper {
    margin-bottom: 40px;
}
.showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    width: 90%;
    margin-top: 25px;
}

/* 16/07/2024 added new css here*/
.temp2-area1-bottom{font-size: 12px;}
}

@media only screen and (max-width: 420px) {
    .cal_custom_drop .options .option{
        min-width: fit-content; 
    }
    .cal_custom_drop .options{
        width: 100%;
        overflow-x: scroll;
        justify-content: left;
		gap:0;
    }
    .cal_custom_drop .options::-webkit-scrollbar {
        height: 0;
    }
    .cal_custom_drop .option-text{
        padding: 12px 20px;
    }
    .specialized_solution{
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        padding-top: 50px;
    }
    .showYearCard .tabpanewrapper-row .cardimgbox{
        width: 50%;
    }
    .specialized_solution{
        background-size: 348%;
        background: url(../images/specialized_solution_bg_mob.png);
        background-size: cover;
        background-position: 0px 30%;
    }
    .tabpanewrapper-row .tabpaneitem:first-child{
        height: 264px;
        width: 67%;
    }
	
	.feature_benift h4:before{display: none;}
    .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox{width: 88%;}
}


@media screen and (max-width:320px){
	
	.reserve_animation .img1 {
    width: 66.2%;
}
	
}