:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #97144d;
    --Lato_Regular: Lato-Regular;
    --Lato_Bold: Lato-Bold;  
}
/* body{
    font-size: 14px;
} */
.accessibility .listing * {
    line-height: 1.5 !important;
}
.accessibility a:active, .accessibility a:hover, .accessibility a:visited{
    outline-width: 0;
    box-shadow: none;
}
.btn_solid_dark:hover, .btn_solid_dark:focus, .btn_solid_dark:visited{
    background: #97144d !important;
    color: #fff !important;
}
a:hover {
    text-decoration: underline;
}
small{
    font-weight: 400;
}
.d-none {
    display: none;
}
.basicList li {
    color: #323232;
    padding: 0 0 3px 15px;
    position: relative;
}
.basicList li:after {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #323232;
    border-radius: 50%;
}

/* Boostrap manual changes */

.link-primary::after {
  display: none;
}

/* Inline page css start*/
.banner-head p{
    color: #FFF;
    font-family: var(--Lato_Bold);
    font-style: normal;
    line-height: normal;
    font-size: 22px !important;
    letter-spacing: 0;
    margin-bottom: 16px;
    padding:0;
}
.banner-head h1{
  padding:0;
}
.btn_solid_dark:hover,.btn_solid_dark:focus,.btn_solid_dark:visited{
 background: #97144d!important;
 color: #fff !important;
}
.know-more-btn {
    position: absolute;
    bottom: 88px;
    background: #97144f;
    padding: 10px 20px;
    color: #fff;
    border-radius: 50px;
    font-family: 'Lato-Bold';
    left: 35%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .3);
    border: solid 2px #e4e4e4;
    transition: 3s;
    animation: moveleft 3s;
    margin: 0 auto;
    display: grid;
    text-align: center;
    width: 130px;
    font-size: 14px;
    &:hover,
    &:focus {
        color: #fff;
        text-decoration: none;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .3) !important;
    }
}
ul.basicList.nrbasicList {
    margin-top: 10px;
    margin-bottom: -13px;
}
.tabpanewrapper p.offRightbox-paragraph {
    font-family: 'Lato-Regular';
    font-size: 14px;
    color: #333;
}
ul.basicList.nrbasicList li {
    padding-bottom: 6px;
}
.feature_benift ul li {
    align-items: flex-start;
}
.feature_benift h4:before {
    content: none !important;
}
.nri-popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 100000;
    background-color: #97144d;
    padding: 20px;
    width: 500px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
}
.nri-popup h2{
    font-size: 30px;
    color: #fff;
}
.nri-overlay {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 99999;
}
.closepopup {
    color: #97144d;
    background: #fff;
    font-family: 'Lato-Bold';
    padding: 6px 20px;
    border-radius: 8px;
    margin-top: 20px;
    font-size: 15px;
    cursor: pointer;
}
.closepopup:hover {
    color: #97144d;
    text-decoration: none;
}
.nri-popup p {
    font-size: 15px;
}
@media only screen and (min-width: 1199px){
    .breadcrumSect {
        padding: 1rem 5rem;
    }

}
@media (max-width:991px){
  .temp2-area1-inner{
    height: auto !important;
  }
  .temp2-area1-innerIcon p{
     width: 100%!important;
  }
  .know-more-btn{
    bottom: -55px;
    left: 25%;
  }
  .banner-head p{
    font-size: 20px !important;
  }
  .feature_benift ul li{font-size: 10px !important;}
}
@media (max-width:767px){
    .nri-popup {
        top: 30%;
        width: 300px;
    }
}
/* Inline page css end*/


.wrapper-content .container {
    max-width: 1420px;
}
.banner_section {
    display: flex;
    height: 860px;
    align-items: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.banner_content_wrapper {
    padding-left: 160px;
    width: 50%;
    position: relative;
    z-index: 1;
}
.banner_content_wrapper h1 {
    color: #FFF;
    font-family: var(--Lato_Bold);
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: 16px;
    padding: 0;
}
.banner_content_wrapper p {
    margin: 0;
    color: #FFF;
    font-family: var(--Lato_Bold);
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    opacity: 0.7;
}
/* .banner-head p {
    font-size: 22px !important;
    letter-spacing: 0;
} */
.banner_btn {
    display: flex;
    width: 180px;
    height: 54px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid;
    font-family: var(--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);
}
.banner_video_wrapper {
    position: absolute;
    /* z-index: -1; */
}


/* COMPARE MODAL CSS STARTS */

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

.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: var(--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: var(--Lato_Bold);
    font-size: 11px;
    font-style: normal;
    position: relative;
}

.mid_head {
    color: #444;
    font-family: var(--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: var(--Lato_Regular);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    padding-right: 10px;
}

.modal-content {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-dialog-centered{
        min-height: calc(100% - 1rem);
}



/* Base modal (hidden by default) */
.modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5); /* backdrop */
  /* z-index: 1050; */
  z-index: 99999;
  opacity: 0;
  transition: opacity .3s ease;
}

/* Dialog (centered & animated) */
.modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
  transform: translateY(-50px);
  transition: transform .3s ease, opacity .3s ease;
  opacity: 0;
  display: flex;
  align-items: center;
}

/* Modal content */
.modal-content {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
  position: relative;
}

/* Close button */
.btn-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  text-decoration: none;
  cursor: pointer;
}

/* When modal is active */
.modal.show {
  display: block;
  opacity: 1;
}

.modal.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

 .compare_modal .modal-content{
    max-height: 800px;
    overflow: auto;
 }

/* COMPARE MODAL CSS ENDS */

/* Details_captured_modal starts */

.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-dialog {
    transition: -webkit-transform .3s 
ease-out;
    transition: transform .3s 
ease-out;
    transition: transform .3s 
ease-out, -webkit-transform .3s 
ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

.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: var(--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);
}
/* Details_captured_modal end */



/* BENEFITS OF FOREX CARDS CSS STARTS */
.benefits_head_Wrapper h2 {
    margin: 0;
    color: #333;
    text-align: center;
    font-family: var(--Lato_Bold);
    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: var(--Lato_Bold);
    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;}

.forex_card_data_Wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: url(/images/default-source/nri-credit-card/png/benefits_box_bg.png);
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-size: cover;
    height: auto !important;
}

.forex_card_data_Wrapper span {
    display: flex;
    color: #333;
    font-family: var(--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: var(--Lato_Regular);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}
.forex_card_data_Wrapper * {
    transition: all 0.5s ease;
}

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



/* SPECIALIZED SOLUTIONS CSS STARTS */

.specialized_solution {
    background: url(/images/default-source/nri-credit-card/png/specialized_solution_bg.png);
    padding: 120px 0;
    height: 990px;
    background-size: cover; 
    background-position: center 15%;
    padding-bottom: 180px;
    position: relative;
}
.specialized_solution .btn_solid_dark {
    width: fit-content;
    padding: 0 20px;
    text-decoration: none;
}
.specialized_solution .btn_solid_dark:focus{
    color: #fff;
    text-decoration: none;
}

.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: var(--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_solution .button_title_wrapper span {
    max-width: 524px;
}

.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: var(--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;
    animation: moveleft 3s;
    /* transform: translateX(0) rotate(-30deg);
    transform: translateX(0) rotate(-30deg);opacity: 1;
    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);
}

@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_Bold);
    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
}


/* SPECIALIZED SOLUTIONS CSS ENDS */



/* ELIGIBILITY CSS STARTS */
.temp2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.temp2-bg {
    padding: 130px 0 135px 0;
    background: url(/images/default-source/nri-credit-card/jpg/temp2-bg.jpg) no-repeat center;
    background-size: cover;
}

.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_Regular);
}

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

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



.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;
    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(/assets/images/eligibity-vector.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
}

.temp2-area1.documentBox::before{
    background: url(/assets/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;
}

.temp2-area1-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    border-bottom: 1px dashed rgba(112, 112, 112, .5);
    justify-content:flex-start;
    gap: 5px;
}

.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: var(--Lato_Bold);
}

.temp2-area1-innerIcon {
    width: 30.33%;
    display: flex;
    padding-bottom: 65px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}

.temp2-area1-innerIcon p {
    text-align: left;
    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: var(--Lato_Regular);
}

.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: var(--Lato_Regular);
    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: var(--Lato_Regular);
opacity: 1;
font-size: 14px;
line-height: 1.2;
}

.wrapper-content .container {
    max-width: 1420px;
}
.temp2-area1Icon img {
    max-width: 40px;
}
.get_in_touch_left_form, .step1_image{
    width: 100%;
}
.specialized_solution *{
    line-height: 1.2 !important;
  }
/* ELIGIBILITY CSS ENDS */




/* COMPARE CSS STARTS */
.compare_wrapSec .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.compare_wrapSec .col-6, .compare_wrapSec .col-md-4{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.compare_wrapSec .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}


.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: var(--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: var(--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: var(--Lato_Regular);
}

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

.feature_benift ul li span strong {
    display: block;
    color: #231F20;
    font-family: var(--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: var(--Lato_Regular);
    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: var(--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: var(--Lato_Bold);
    }

    .custom-options {
      display: none;
    }

    .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: var(--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: var(--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: var(--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: var(--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: var(--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: var(--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: var(--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;
  }
	
	
.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: var(--Lato_Bold);
    transition: all .5s ease-in-out;
}

.btnSec .btn2 {
    width: 132px;
    height: 40px;
    border: 1px solid #97144d;
    border-radius: 100px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    background: #97144d 0% 0% no-repeat padding-box;
    margin-right: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-family: var(--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: var(--Lato_Regular);
    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 */


/* 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_Regular);
}

.comGuide_sec .topsec .btn1 {
    background: #97144d 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: #97144d 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;
    display: block;
}

.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_Regular);
    line-height: 18px;
    color: #231f20;
}

.dateinfo1 {
    letter-spacing: -0.24px;
    /* color: #787878; */
    color: #231f20;
    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 #97144d;
    width: 136px;
    height: 40px;
    color: #97144d;
    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; */
    color: #231f20;
    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;
    font-size: 12px;
    line-height: 30px !important;
    text-align: center;
    font-family: var(--Lato_Bold);
}

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

/* BLOGS ENDS */    



.temp2-area1-innerIcon p.ca-p {
    margin-top: 0;
}

.documentations_wrapper .temp2-area1-inner {top: 20px;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;
}
.landing-page-icon{
    width: 70px;
    height: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 10000;
    position: fixed;
    bottom: 50px;
    right: 4% !important;
}

/* DarkMode */
.darkmode .benefits_head_Wrapper h2,.darkmode .benefits_head_Wrapper p{
  color: #fff;
}
.darkmode .button_title_wrapper span{
  color: #fff;
}
.darkmode .specialized_solution .button_title_wrapper span{
  color: #333;
}
.darkmode .secWrap1 h4{
  color: #fff;
}
.darkmode .wrap-sec1 ul.info1 li{
  color: #fff;
}
.darkmode .feature_benift h4,.darkmode .feature_benift ul li span strong,.darkmode .feature_benift ul li span,.darkmode .basicList li{
  color: #fff;
}














/* Media css*/

/*  Bootstarp Media start (add after all resolution done) */
@media (min-width: 768px) {
  .compare_wrapSec .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
/*  Bootstarp Media End (add after all resolution done) */



@media (min-width: 1200px) {
    .hidden-lg {
            display: none!important
    }
}

@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;
  }

  .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%;
  }

  .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;
  }

  .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: 600px;
    object-position: 0% -80px;
  }

  .step_2_video {
    height: auto;
  }

  .fixes_pos {
    position: relative;
    bottom: 0;
    border-top: 1px dashed rgba(112, 112, 112, 0.5);
    padding-top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
  }
  .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;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .padCont {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@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;
  }
  .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%;
  }
  .get_in_touch_left_form {
    padding: 51px 160px 51px 50px;
  }

  .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    width: 55%;
    margin-top: 50px;
    left: -18px;
  }
}

@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%;
  }
  .specialized_solution {
    background-size: 105%;
    background-position: -70px -20px;
    height: 740px;
  }
}
@media only screen and (max-width: 1369px) {
  .button_title_wrapper {
    margin-bottom: 30px;
  }

  .specialized_solution {
    height: 780px;
  }

  .tabpanewrapper .offRightbox-paragraph {
    font-size: 10px;
  }
  .compare_modal .modal-content{
    overflow: auto;
    max-height: 755px;
  }
}

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

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .forex_card_data_Wrapper{
    padding: 20px;
  }
  .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;
    background: #090506;
  }

  .hidden-md {
    display:none!important
  }
  .benefits_head_Wrapper{
    padding: 0 15px;
  }
  .forex_card_slider_Wrapper{
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    left: 8px;
  }
  .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%;
  }
  .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;
  }
      .compare_wrapSec .row{
        padding: 0 15px;
    }
    .button_title_wrapper{
        padding: 0 15px;
    }
}

@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 (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
    .button_title_wrapper{
      padding: 0 15px;
    }
    .wrap-sec1 {
      padding-right: 10px;
      padding-left: 10px;
    }
}


@media only screen and (max-width: 991px) {
  .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    width: 90%;
    margin-top: 25px;
  }
  .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;
  }
  .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;
  }
  .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: 40px 20px 0;
  }

  .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: 10px;
    padding-left: 10px;
  }

  .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 15px 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-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: scroll;
    border-radius: 15px;
    max-height: 755px;
  }
  .modal-dialog-centered{
    min-height: auto;
  }
  .compare_modal .modal-body {
    padding: 0;
  }

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

  .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;
    background: #000000;
  }

  .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: 28px;
    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 {
    margin-bottom: 40px;
    gap: 10px;
    padding: 0 15px;
  }

  .benefits_over_fc {
    padding: 60px 0;
  }

  .filterCardsWrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
  .temp2-bg {
    padding-right: 20px;
    padding-left: 20px;
  }
  .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: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%;
  }
  .specialized_solution .button_title_wrapper span {
    max-width: 100%;
  }
  .specialized_solution .btn_solid_dark {
    padding: 10px 20px;
  }
  .specialized_solution {
    height: auto;
    padding-bottom: 93px;
    /* background-size: 255%; */
    background-size: 380%;
    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: 30px 20px;
    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;
  }

  .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/default-source/revamp_new/nri-credit-card/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; */
    margin: -20px auto;
  }

  .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;
  }

  .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;
  }
  .temp2-area1-bottom {
    font-size: 12px;
  }

  .temp2-area1-innerIcon{
    margin-bottom: 0;
  }

  .basicList li:after{
    top: 4px;
  }

  .cal_custom_drop .options{
    overflow: scroll;
    justify-content: flex-start;
  }

  /*  Bootstarp Media start(add after all resolution done) */
  .compare_wrapSec .row .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
  /*  Bootstarp Media end(add after all resolution done) */

}

@media (max-width: 767px) {

    .bannerText.fastForBanner .bannerTitle.hidden-xs,.visible-xs {
        display: block!important
    }

    .hidden-xs {
        display: none!important
    }

    .lifeCalc,.loanCalc,img.hidden-lg {
        display: block
    }

    img.hidden-xs {
        display: none
    }
    .cal_custom_drop .options{
        overflow-x: scroll;
    }

    .cal_custom_drop .options .option {
        min-width: fit-content;
    }

}

@media only screen and (max-width: 420px) {
  .banner_section{
    /* background: #280518; */
    background: linear-gradient(90deg, rgba(40, 5, 24, 1) 0%, rgba(13, 1, 5, 1) 50%, rgba(0, 0, 0, 1) 100%);
  }
  .showYearCard .tabpanewrapper-row .horCardItem .cardimgbox {
    width: 88%;
  }

  .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/default-source/nri-credit-card/png/specialized_solution_bg_mob.png);                   
    background-size: cover;
    background-position: 0px 30%;
  }
  .tabpanewrapper-row .tabpaneitem:first-child {
    height: 264px;
    width: 72%;
  }

  .feature_benift h4:before {
    display: none;
  }

  .compare_wrapSec .row{
    padding: 0;
  }
}

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