@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
    font-family: 'Georgia';
    src: url('../../front/fonts/Georgia-Italic.eot');
    src: url('../../front/fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
    url('../../front/fonts/Georgia-Italic.woff2') format('woff2'),
    url('../../front/fonts/Georgia-Italic.woff') format('woff'),
    url('../../front/fonts/Georgia-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
:root{
    --primary_color: #333333;
    --secondary_color: #e66e26;
    --green_color: #00561B;
    --orangelight_color: #FF8A65;
    --bluelight_color: #E7F0FF;
    --blue_color: #03254c;
    --darkblue_color: #0b283a;
    --grey_color: #F4F4F4;
    --white_color: #ffffff;
    --font_family_mulish: 'Figtree', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: 0;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* ::selection{background-color: #0078d7 !important;color: var(--white_color) !important;} */
html { -webkit-text-size-adjust: none !important; }
a,a:hover { text-decoration: none;color: var(--white_color); }
img {max-width: 100%;}
body{margin: 0;padding: 0;font-size: 16px;color: var(--primary_color);background: var(--white_color);font-family: var(--font_family_mulish);font-weight: 400;letter-spacing: 0.5px;overflow-x: hidden !important;}
.wrapper { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }
.main { max-width: 1182px; margin: 0 auto;padding: 0 20px; }
h1{font-size: 34px;}
h1.inner_heading {font-size: 30px; font-weight: 600; margin-bottom: 0; padding-bottom: 0; }
h2{font-size: 24px;color: var(--blue_color);}
h3{font-size: 20px;}
h4 {font-size: 18px; }
/* .row2{margin-left: -20px;margin-right: -20px;}
.section2 .main,.section3 .main,.section4 .main{max-width: 935px;} */
a, button, button i,.social-area i,input[type="submit"] { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
input::-webkit-input-placeholder {color: #ccc;opacity:1;}
input:-moz-placeholder {color: #ccc;opacity:1;}
input::-moz-placeholder {color: #ccc;opacity:1;}
input:-ms-input-placeholder {color: #ccc;opacity:1;}
label{font-size: 15px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
button:focus{outline: none;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.d_flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.d_flexn_nowrap {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 100%;} 

@media (min-width: 1024px){
   .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1054px;padding: 0 15px;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
}
@media (min-width: 576px){.modal-dialog {max-width: 620px; margin: 1.75rem auto; }
    .home-popup.modal .modal-dialog {max-width: 480px;margin: 1.75rem auto;}
    .modal-fullscreen-lg .modal-dialog,.home-popup.modal.modal-fullscreen-lg .modal-dialog {max-width: 800px;}
    #termsmyModal .modal-dialog {max-width: 900px; }
    .grip_table_popup.home-popup.modal .modal-dialog {max-width: 800px; }
    #indiabonds_termsmyModal .modal-dialog {max-width: 900px; }
}
@media (min-width:320px){
   .container, .container-lg, .container-md, .container-sm, .container-xl {
    padding: 0 15px;
}  
}


/*welcome screen*/
.welcome_screen{background: linear-gradient(00deg, rgb(255, 240, 227) 10%, rgb(237, 245, 255) 87%); height: 100vh; position: absolute; top: 0; z-index: 9999999999; width: 100%;}
.slider_welcome_screen {height: 100%;margin: 0 auto; max-width: 1024px; width: 100%; } .slider_welcome_screen .slick-dots li{position: relative;display: inline-block;width: auto;height: 15px;margin: 0 5px;padding: 0;cursor: pointer;}
.slider_welcome_screen .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 15px;height: 15px;cursor: pointer;border: 0;outline: 0;border: 2px solid var(--secondary_color);background: transparent;border-radius: 30px;}
.slider_welcome_screen .slick-dots li.slick-active button{background: var(--orangelight_color);width: 40px;}
.slider_welcome_screen .slick-dots {position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; margin-bottom: 0;}
.slider_welcome_screen .slick-list,.slider_welcome_screen .slick-track,.item_slider_welcome_screen{height: 100%;}
.slider_welcome_screen .slick-arrow {position: absolute; bottom: 31px; font-size: 0; border: none; outline: none; height: 30px; width: 30px; background-color: transparent; background-size: 30px; background-repeat: no-repeat;z-index: 99; }
.slider_welcome_screen .slick-prev.slick-arrow {background-image: url(../images/prev-slide.png); left: 20px; }
.slider_welcome_screen .slick-next.slick-arrow{background-image: url(../images/next-slide.png); right: 20px; }
.item_slider_welcome_screen .logo img {max-width: 250px; text-align: center; display: inline-block;} .item_slider_welcome_screen .logo {width: 100%;text-align: center; }
.item_slider_welcome_screen .welcomescreen {max-height: 350px; margin: 0 auto; margin-top: 40px; width: auto; max-width: 100%;}
.item_slider_welcome_screen {padding: 20px 15px 80px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.item_slider_welcome_screen h2 {padding-top: 30px; font-size: 35px; font-weight: 600; text-align: center; }
.item_slider_welcome_screen h2 span{color: var(--secondary_color)}
.item_slider_welcome_screen .service_home_banner {display: inline-block;margin-top: 10px;}
.item_slider_welcome_screen .inner_service_banner {width: 32%; margin-right: 2%; margin-bottom: 20px;float: left;}
.item_slider_welcome_screen .inner_service_banner:nth-child(3) {margin-right: 0; }
.item_slider_welcome_screen .welcome_CTA {border: medium none;cursor: pointer;font-size: 16px;font-weight: 400;padding: 12px 33px;transition: all ease-in-out 0.3s;color: var(--white_color);display: inline-block;border-radius: 30px;background-color: var(--secondary_color);position: relative;width: auto;text-align: center;margin: 0 auto;margin-top: 10px;}
.segments_welcome{width: 100%;margin-top: 15px;}
.slider_welcome_screen .slick-arrow.slick-disabled {display: none !important; }

/*Header*/
.navigation_area .menu-icon {display: none;}
.main_menu .enumenu_ul > li ul {display: none; }
.main_menu ul.enumenu_ul li a:hover,.main_menu ul.enumenu_ul li a.active{color: var(--secondary_color) !important;}
.main_menu ul.enumenu_ul li:last-child {margin-right: 0px;}
.main_menu ul.enumenu_ul li a {display: inline-block;}
.main_menu ul.enumenu_ul li ul.sb-menu {width: 220px;float: left;position: absolute;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.15);left: -50%;top: 100%;margin-top: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;opacity: 0;visibility: hidden;}
.main_menu ul.enumenu_ul li.hover ul.sb-menu { opacity: 1;visibility: visible;}
.main_menu ul.enumenu_ul li ul.sb-menu li {width: 100%;float: left;text-align: left;padding: 0;}
.main_menu ul.enumenu_ul li ul.sb-menu li a {display: inline-block;color: var(--primary_color);text-align: left;padding: 8px 15px;width: 100%;border-bottom: 1px solid #ccc;font-size: 14px;}
.main_menu ul.enumenu_ul li ul.sb-menu li a:after{display: none;}
.main_menu ul.enumenu_ul li a:hover,.main_menu ul.enumenu_ul li ul.sb-menu li a:hover {background-color: transparent;}
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a, .enumenu_ul.desk ul li:hover > a {background-color: transparent;/* padding: 0px; */}
.main_menu ul.enumenu_ul li ul.sb-menu li a svg{max-width: 22px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;height: auto;margin-right: 4px;}
.main_menu ul.enumenu_ul li ul.sb-menu li a svg path{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.main_menu ul.enumenu_ul li ul.sb-menu li a:hover svg path,.main_menu ul.enumenu_ul li ul.sb-menu li a.active svg path{fill:var(--white_color);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.main_menu ul.enumenu_ul li ul.sb-menu li:last-child a:hover svg *,.main_menu ul.enumenu_ul li ul.sb-menu li:last-child a.active svg *{fill:var(--white_color);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;stroke: var(--white_color);}
.main_menu ul.enumenu_ul li ul.sec_menu {width: 615px; left: -320px;}
.main_menu ul.enumenu_ul li ul.sec_menu li {width: auto; margin-right: 0px;}
.main_menu ul.enumenu_ul li ul.sb-menu li a:hover,.main_menu ul.enumenu_ul li ul.sb-menu li a.active {color: var(--white_color) !important; background-color: var(--secondary_color) !important; }
.main_menu .enumenu_ul.desk li:hover > ul {display: block; opacity: 1; }
.main_menu ul.enumenu_ul li ul.sb-menu li a .fa {width: 15px; }

.navigation_new{padding: 15px 20px;position: fixed;width: 100%;z-index: 99999;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;top: 0;background-color: #fff;}
.top_navigation_new{display: flex;justify-content: space-between;width: 100%;align-items: center;}
.left_navigation_new{width: 100%;text-align: center;}
.left_navigation_new a img{max-width: 230px;}
.right_navigation_new{width: auto;display: flex;align-items: center;justify-content: end;}
.navigation_area{padding-left: 0;width: auto;text-align: center;display: flex;justify-content: end;align-content: end;flex-direction: row-reverse;}
.navigation_area ul li.last_menu{padding: 16px 10px;}
.black_CTA {border: medium none; cursor: pointer; font-size: 14px; font-weight: 400; padding: 10px 25px; background-color: var(--darkblue_color); transition: all ease-in-out 0.3s; color: var(--white_color); display: inline-block; margin-top: 30px; border-radius: 6px; }
.navbar{padding: 0;}
.right_tab .navbar {text-align: left;background-color: var(--green_color);max-width: 330px;max-height: 100%;height: 100%;width: 100%;padding: 20px 0;overflow: hidden;position: fixed;visibility: visible;opacity: 1;z-index: 7;top: 0px;right: -100%;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;display: flex !important;text-align: center;align-items: center;background: var(--primary_color);background: -moz-linear-gradient(left, var(--primary_color) 0%, var(--green_color) 100%);background: -webkit-linear-gradient(left, var(--primary_color) 0%,var(--green_color) 100%);background: linear-gradient(to right, var(--primary_color) 0%,var(--green_color) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary_color)', endColorstr='var(--green_color)',GradientType=1 );}
.right_tab .menu-box {display: block;}
.menu-box,.menu-box2,.menu-box-filter,.menu-box-sortby  {position: relative;cursor: pointer;opacity: 1;padding: 0;width: 25px;top: inherit;font-family: var(--font_family_mulish);right: inherit;margin: 0 auto;float: right;text-align: center;padding: 0;display: inline-block;margin-top: 5px;}
.menu-box-filter.active,.menu-box-sortby.active{float: none;display: none !important;}
.menu-box span,.menu-box2 span,.menu-box-filter span,.menu-box-sortby span {width: 100%;height: 2px;margin-bottom: 6px;background: #07233F;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu-box-filter span,.menu-box-sortby span{background: var(--white_color);}
.menu-box span:last-child,.menu-box2 span:last-child,.menu-box-filter span:last-child,.menu-box-sortby span:last-child {margin-bottom: 0;}
.add {overflow: hidden;}
.main_menu .menu-icon {width: auto;display: inline-block;position: relative;font-family: "Catamaran";font-size: 15px;text-transform: inherit;font-weight: normal;}    
.main_menu {padding-top: 0;display: flex;align-items: center;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;position: absolute;left: 20px;top: 18px;}
.main_menu ul.enumenu_ul {text-align: left;background-color: var(--green_color);max-width: 330px;max-height: 100%;height: calc(100% - 149px) !important;width: 100%;padding: 0;overflow: hidden;position: fixed;visibility: visible;opacity: 1;z-index: 9;top: 67px;left: -100%;background: #fff;overflow-y: auto;border-bottom: 1px solid #ccc;margin-bottom: 0;}
body.mob.menu-open {overflow-y: hidden !important; }
.menu-open .main_menu ul.enumenu_ul {left: 0;  text-align: center; }    
.main_menu ul.enumenu_ul li {width: 100%;margin-right: 0;padding: 0px;display: inline-block;border-bottom: none;position: relative;} 
.main_menu ul.enumenu_ul li a {width: 100%;padding: 4px 15px;text-align: left;background: var(--white_color);color: var(--primary_color) !important;border-radius: 0;display: inline-block;font-weight: 400;position: relative;font-size: 15px;}  
.main_menu ul.enumenu_ul li:last-child a {border-bottom: 0px;}  
.main_menu ul.enumenu_ul li a:hover {color: var(--white_color);}    
.main_menu ul.enumenu_ul li ul.sb-menu {margin-top: 0px;opacity: 1;position: relative;left: 0;top: 0;width: 100%;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;box-shadow: none;visibility: visible;margin: 0 auto;} 
.main_menu ul.enumenu_ul li ul.sb-menu li a:hover {text-align: left;}
.main_menu ul.enumenu_ul li ul.sb-menu li {}
.main_menu ul.enumenu_ul li ul.sb-menu li:last-child {border-bottom: 0px;}
.main_menu ul.enumenu_ul li ul.sec_menu li {width: 100%;margin-right: 0px;} 
.main_menu ul.enumenu_ul li ul.sb-menu li a {padding: 8px 40px;border-bottom: none;}   
.main_menu ul.enumenu_ul li.last_menu a{padding: 10px 20px; background-color: transparent !important; }
.main_menu ul.enumenu_ul li a:hover {color: var(--secondary_color) !important; }
.main_menu ul.enumenu_ul li ul.sb-menu li a:hover {color: var(--white_color) !important; background-color: var(--secondary_color) !important; }
.enumenu_ul {display: none;}
.main_menu .menu-icon.active span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(2px);-webkit-transform: rotate(45deg) translateY(8px) translateX(2px);background-color: var(--primary_color) !important;}
.main_menu .menu-icon.active span:nth-child(2) {opacity: 0;}
.main_menu .menu-icon.active span:nth-child(3) {transform: rotate(-45deg) translateY(-9px) translateX(4px);-webkit-transform: rotate(-45deg) translateY(-9px) translateX(4px);background-color: var(--primary_color) !important;}
.profileuser{display: flex;justify-content: flex-start;align-items: center;padding: 10px 15px;border-bottom: 1px solid #ccc;}
.userprofile{height: 50px;width: 50px;}
.userprofile img{height: 50px;width: 50px;border-radius: 50%;}
.useremailname{text-align: left; padding-left: 13px; }
.useremailname p{margin: 0; font-size: 13px; }
.main_menu ul.enumenu_ul li .small {text-align: left; padding: 11px 15px; margin-bottom: 0; color: var(--blue_color); font-weight: 600; }
.main_menu ul.enumenu_ul li p{margin-bottom: 0;}
.main_menu ul.enumenu_ul li a img,.main_menu ul.enumenu_ul li a svg,.main_menu ul.enumenu_ul li a i{max-width: 24px;margin-right: 14px;max-height: 25px;}
.main_menu ul.enumenu_ul li .logoutuser a{margin-top: 0; border-top: 1px solid #ccc; padding-top: 15px; padding-bottom: 20px; }

.navigation_area .dropdown {position: absolute;top: 17px;right: 20px;}
.navigation_area .dropdown .menu .searchicon img {position: relative; top: -4px; }
.enumenu_ul .arrow {position: absolute;right: 0;top: 0;width: 100%;height: 42px;background: url(../../front/images/arrow-down-sign-to-navigate2.png) no-repeat top right;background-size: 42px;cursor: pointer;z-index: 999;transform: rotate(0);margin-top: 0;/* right: 0; */}
.login_CTA:before{display: none;}
.login_CTA i {font-size: 29px; color: var(--secondary_color) !important; }
.enumenu_ul .arrow.up{background: url(../../front/images/arrow-down-sign-to-navigate2-up.png) no-repeat top right;}
.mid-container {margin-top: 65px;}
.navigation_area .dropdown .menu {list-style: none;}
.navigation_area .dropdown .menu a img{max-height: 23px;margin-top: 5px;}
.fixed-header, .fixed-header2 {top: 0;left: 0;width: 100%;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;/* box-shadow: 0 1px 4px rgba(0,0,0,0.3); */background-color: var(--white_color);border-bottom: 1px solid #ccc;}
body.menu-open .wrapper {position: relative; height: 100%; width: 100%; }
body.menu-open .wrapper:after {position: absolute; left: 0; top: 0; background-color: #000000c2; content: ""; right: 0; bottom: 0; z-index: 99;}
.login_CTA {border: medium none;cursor: pointer;font-size: 0;font-weight: 400;transition: all ease-in-out 0.3s;color: var(--white_color) !important;display: inline-block;margin-top: 0;border-radius: 6px;position: relative;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.login_CTA::before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: var(--primary_color);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;width: 100%;border-radius: 6px;}
.login_CTA:hover::before,.login_CTA:focus::before{-webkit-transform: scaleX(1);}

.CTA_KYC .login_CTA {border: medium none; cursor: pointer; font-size: 14px; font-weight: 400; padding: 10px 23px; transition: all ease-in-out 0.3s; color: var(--white_color) !important; display: inline-block; margin-top: 0; border-radius: 30px; background-color: var(--secondary_color) !important; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; outline: none;box-shadow: none;}
.CTA_KYC .login_CTA:hover{background: var(--primary_color) !important;}
/*Footer*/
footer{margin-bottom: 100px;}
.bottom-footer{padding: 15px 0;text-align: center;border-top: 1px solid #ccc;}
.bottom-footer p{font-size: 15px;font-weight: 400;font-family: var(--font_family_mulish);color: var(--primary_color);margin-bottom: 0;}
.bottom-footer p a{color: var(--secondary_color);}
.bottom-footer p a:hover{text-decoration: underline;}

/*Banner section*/
.home_banner {padding: 30px 0; }
.left_home_banner h2{font-weight: 700;font-size: 28px;text-align: left;margin-bottom: 0;line-height: 1.2;}
.left_home_banner h2 span{color: var(--secondary_color);}
/* .service_home_banner {width: 100%;margin-top: 22px;max-width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;} */
.service_home_banner {
    width: 100%;
    margin-top: 22px;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.2%;
}
/* .inner_service_banner {width: 19%;} */
.inner_service_banner {width: 24.1%;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.inner_service_banner a {padding: 21px 15px;width: 100%;border-radius: 16px;background: #F7E8DB;position: relative;text-align: left;flex-wrap: wrap;}
.inner_service_banner img, .inner_service_banner .banner_svg svg {max-width: 33px;width: 100%;}
.inner_service_banner h3 {font-size: 16px;margin-bottom: 0;font-weight: 600;width: 100%;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;margin-top: 20px;display: block;color: var(--primary_color);max-width: 69%;}
.inner_service_banner:nth-child(2) a{background-color: #FFDBC8;}
.inner_service_banner:nth-child(3) a{background-color: #DAE2F8;}
.inner_service_banner:nth-child(4) a{background-color: #EAE0D1;}
.inner_service_banner:nth-child(5) a{background-color: #D3E5F9;}
.inner_service_banner a:hover h3{color: var(--secondary_color);}
.inner_service_banner a h6 svg path{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.inner_service_banner_img {height: 60px;width: 60px;border-radius: 30px;background-color: var(--white_color);display: flex;justify-content: center;align-items: center;}
.inner_service_banner a h6 {position: absolute;right: 20px;bottom: 39px;margin-bottom: 0;}

/*responsive tab*/
.responsive_menu_bottom{background-color: var(--white_color);position: fixed;bottom: 0;z-index: 99999;border-top: 1px solid #f4f4f4;width: 100%;}
.responsive_menu_bottom ul{list-style: none;display: flex;justify-content: space-between;text-align: center;margin-bottom: 0;}
.responsive_menu_bottom ul li{width: 25%;text-align: center;padding: 8px 0;}
.responsive_menu_bottom ul li a{width: auto;text-align: center;display: inline-block !important;padding: 10px 20px;border-radius: 6px;}
.responsive_menu_bottom ul li a.active,.responsive_menu_bottom ul li a:hover {background-color: #FEEADE; }
.responsive_menu_bottom ul li a.active p,.responsive_menu_bottom ul li a:hover p,.responsive_menu_bottom ul li a.active i,.responsive_menu_bottom ul li a:hover i{color: var(--secondary_color);}
.responsive_menu_bottom ul li p{font-size: 12px !important;margin-bottom: 0;color: grey;transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; }
.responsive_menu_bottom ul li i{font-size: 24px;margin-bottom: 3px !important;color: grey;transition: 0.8s;  -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; }


/*Not required Sec*/
.notrequired_secarea {background: #fff; padding: 30px 0 30px; border-bottom: 1px solid var(--grey_color); }
.box_notrequired_sec {width: 49%; text-align: center; padding: 0; display: flex; align-items: center; border: none; margin-bottom: 12px; background-color: #EBEFF4; padding: 13px 20px; border-radius: 6px; }
.box_notrequired_sec img {margin-bottom: 0;height: 24px;}
.top_notrequired_sec {display: flex;justify-content: space-between;z-index: 9;margin-top: 0;margin-bottom: 0;flex-wrap: wrap;}
.box_notrequired_sec h4 {font-weight: 400;padding-left: 18px;margin: 0;font-size: 16px;color: var(--blue_color);}
.notrequired_sec h2{color: var(--blue_color);margin-bottom: 30px;}
.notrequired_sec h6{color: var(--white_color);background: var(--orangelight_color);padding: 10px 20px 9px;border-radius: 30px;display: inline-block;font-size: 12px;}


/*calulator_sec*/
.calulator_sec{padding: 30px 0;background-color: var(--white_color);}
.top_calulator_sec{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.left_calulator_sec{width: 100%;}
.left_calulator_sec h2,.over_expert h2{text-align: left; color: var(--primary_color); }
.left_calulator_sec .apply_CTA{margin-top: 0;}
.left_calulator_sec ul{padding-left: 0; display: flex; justify-content: space-between; z-index: 9; margin-top: 0; margin-bottom: 0; flex-wrap: wrap; }
.left_calulator_sec ul li {width: 49%; border: 1px solid #EDEDED; margin-bottom: 11px;list-style: none; border-radius: 6px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.left_calulator_sec ul li a {color: var(--primary_color);font-weight: 400;font-size: 14px;text-align: center;padding: 8px 6px;display: flex;align-items: center;}
.left_calulator_sec ul li:hover {border-color: var(--secondary_color);}
.left_calulator_sec ul li img {max-width: 40px; width: 100%; display: flex; align-items: self-start; height: auto; }
.left_calulator_sec ul li h6{padding-left: 10px;margin-bottom: 0;color: var(--blue_color);font-size: 15px;text-align: left;line-height: 1.3;}
.left_calulator_sec ul li i {font-size: 22px; color: var(--secondary_color); }

/**/
.home_trusted_partner {border-bottom: 1px solid var(--grey_color);padding: 20px 0;}
.home_trusted_partner h3{/* color: var(--white_color); */margin-bottom: 20px;text-align: left;}
.home_trusted_partner .slick-slide img {max-width: 110px; max-height: 40px; }

/**/
.left_expert {width: 39%;}
.right_expert {width: 58%;}
.left_expert .box_over_expert, .left_expert .box_over_expert a {display: block; width: 100%; }
.right_expert .left_over_expert img { object-fit: cover; }
.left_expert .left_over_expert{width: 100%;}
.left_expert .right_over_expert{width: 100%;padding: 20px 0 0;}
.top_newsec .right_multivendor::before{display:none;}
.top_newsec .box_multivendor_sec{background-position: right;background-repeat: no-repeat;background-size: cover;}
.top_newsec .right_multivendor{width:70%;}
.over_expert{padding: 40px 0;background-color: var(--white_color);}
.box_over_expert{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;margin-bottom: 15px;}
.left_over_expert{width: 40%;text-align: center;display: flex;justify-content: center;}
.left_over_expert img{border-radius: 10px;}
.right_over_expert{width: 60%;padding: 10px 20px;}
.right_over_expert h4{margin: 0;padding-bottom: 10px;color: var(--primary_color);}
.right_over_expert p {text-transform: uppercase;color: var(--blue_color);font-weight: 500;font-size: 14px;margin-bottom: 7px;}
.top_over_expert{margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.box_over_expert a{display: flex;align-items: center;height: 100%;}
.box_over_expert a:hover h4,.box_over_expert a:hover p{
  color: var(--secondary_color);
}
.sub_blogtext {
    color: var(--primary_color);font-size: 14px;
}

/*Slider Testimonial*/
.slider_testimonial .item {padding: 25px 22px;border-radius: 6px;margin: 0;background-color: var(--white_color);opacity: 1;position: relative;border: 1px solid #ccc;}
.slider_testimonial .item.active{padding-top: 50px;padding-bottom: 50px;}
.slider_testimonial .slick-slide {margin: 0 5px; }
.slider_testimonial .slick-list {margin: 0 -5px; }
.testimonials_img {display: flex; flex-wrap: wrap; /* justify-content: center; */ align-items: end;width: 100%; }
.left_quote {position: absolute;left: 20px;top: -9px;max-width: 60px;opacity: 0.3;display: none !important;}
.right_quote {position: absolute;right: 20px;bottom: -9px;max-width: 60px;opacity: 0.3;display: none !important;}
.left_img img {border-radius: 50%; }
.right_content {padding-left: 0;width: 100%;text-align: left;}
.right_content p {padding-bottom: 0;font-size: 13px;margin-bottom: 0;}
.right_content img {max-width: 112px; }
.top_testimonials_sec {position: relative;padding: 0;}
.top_testimonials_sec h2 {margin-bottom: 50px; }
.top_testimonials_sec h6 {padding: 0px 0 10px;margin: 0;font-size: 16px;width: 100%;color: var(--secondary_color);font-weight: 700;}
.top_testimonials_sec .small {font-size: 15px;color: #402E32;font-family: "Georgia", serif;width: 100%;font-weight: normal;font-style: italic;}
.slider_testimonial .item.slick-active.slick-center {position: relative;/*  margin-top: -30px;  */opacity: 1;}
.slider_testimonial .slick-track {padding: 12px 0 0;}
.slider_recommended .slick-dots,.slider_testimonial .slick-dots,.mobile-slider .slick-dots,.top_over_expert .slick-dots,.col4_stucture .slick-dots {margin: 0 auto; margin-top: 20px; text-align: center; }
.top_over_expert .slick-dots,.col4_stucture .slick-dots{ margin-top: -10px;  }
.slider_recommended .slick-dots li,.slider_testimonial .slick-dots li,.mobile-slider .slick-dots li,.top_over_expert .slick-dots li,.col4_stucture .slick-dots li {position: relative;display: inline-block;width: auto;height: 15px;margin: 0 5px;padding: 0;cursor: pointer;}
.slider_recommended .slick-dots li button,.slider_testimonial .slick-dots li button,.mobile-slider .slick-dots li button,.top_over_expert .slick-dots li button,.col4_stucture .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 15px;height: 15px;cursor: pointer;border: 0;outline: 0;border: 2px solid var(--secondary_color);background: transparent;border-radius: 30px;}
.slider_recommended .slick-dots li.slick-active button,.slider_testimonial .slick-dots li.slick-active button,.mobile-slider .slick-dots li.slick-active button,.top_over_expert .slick-dots li.slick-active button,.col4_stucture .slick-dots li.slick-active button {background: var(--orangelight_color);width: 40px;}
.top_over_expert .slick-track .slick-dots,.col4_stucture .slick-track .slick-dots{display: none;}
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slider_testimonial .slick-prev {position: absolute;cursor: pointer;z-index: 1;background: var(--white_color);width: auto;top: 45%;background-repeat: no-repeat;margin: auto;background-color: transparent;border: none;font-size: 0;left: -48px;display: none !important;}
.slider_testimonial .slick-next {position: absolute;cursor: pointer;z-index: 1;background: transparent;width: auto;top: 45%;margin: auto;transform: none;right: inherit;background-color: transparent;border: none;font-size: 0;right: -48px;display: none !important;}
.slider_testimonial .slick-prev::after {content: ""; position: absolute; left: 0; color: #21b6fd; font-size: 20px; top: 37%; right: 0; margin: 0 auto; 
   background-image: url("../../front/images/left-arrow.png"); background-size: 45px; height: 50px; width: 50px; background-position: left center; background-repeat: no-repeat; }
   .slider_testimonial .slick-next::after {content: ""; position: absolute; height: 45px; text-align: center; cursor: pointer; z-index: -1; right: 0; margin: 0 auto; top: 44%;  background-image: url("../../front/images/right-arrow.png"); background-size: 45px; height: 50px; width: 50px; background-repeat: no-repeat; background-position: left center; }

/*accordian*/
.section4{padding: 30px 0;}
.accordion{list-style: none;}
.accordion-content a {color: var(--white_color);}
.accordion-title {background-color: var(--bluelight_color);list-style: outside none none;display: block;color: var(--primary_color);padding: 10px 42px 10px 20px;font-size: 16px;font-weight: 400;cursor: pointer;position: relative;border-radius: 6px;}
.accordion-title:hover,.accordion-title:focus,  .accordion-title.active {}
.accordion-title::after {content: '';position: absolute;top: 13px;right: 15px;width: 19px;height: 19px;background: url(../../front/images/arrow-down-sign-to-navigate.png) center no-repeat;transform: translateY(-50%);background-position: center;background-size: 16px;transform: rotate(0);}
.accordion-title.open::after {transform: rotate(180deg); top: 13px; background-position: right; }
.accordion-content {color: #434342;padding: 0px 10px;display: none;max-height: inherit !important;padding-left: 0;list-style: disc;}
.accordion-content li p{font-size: 16px;color: var(--primary_color);font-weight: 400;/* padding-bottom: 10px; */margin: 0;padding-bottom: 10px;}
.accordion-title > span {float: right;position: relative;display: none !important;}
.accordion-title.active > span {float: right;position: relative;background: var(--white_color);}
.section4 ul.accordion .accordion-content li,.section4 ul.accordion .accordion-content li p{font-size: 15px;list-style: none;}
.section4 ul.accordion .accordion-content li ul li{list-style: disc;}
.section4 ul.accordion .accordion-content li ol li{list-style: number;}
.section4 ul.accordion .accordion-content li a{color: var(--secondary_color);}
.section4 ul.accordion .accordion-content li a:hover{color: var(--primary_color);text-decoration: underline;}
.section4 ul.accordion .accordion-content li ol {padding-left: 18px; }
.hidden {display: none;}
.section4 ul.accordion .accordion-content li ul {padding-left: 14px; list-style: disc; }
ul.accordion-content li,.section4 ul.accordion .accordion-content li ul li {padding-bottom: 10px;}
.section4 ul.accordion .accordion-content > li {padding: 10px 20px 0; }
.section4 .accordion .title{margin-bottom: 8px;}
.section4 .accordion .title:last-child{margin-bottom: 0;}


/**/
.btn-footer {border: medium none;cursor: pointer;font-size: 14px;font-weight: 500;padding: 10px 33px;background-color: var(--secondary_color);font-family: var(--font_family_mulish);transition: all ease-in-out 0.3s;color: var(--white_color);width: auto;border-radius: 30px;position: relative;text-transform: capitalize;}
.btn-footer:hover,.btn-footer:focus{background: var(--primary_color);box-shadow: none;color: #fff;}
.btn-calculate .btn-footer:hover, .btn-calculate .btn-footer:focus,.label_area2 .btn-footer:hover, .label_area2 .btn-footer:focus{background-color: var(--secondary_color);border-color: transparent;}
body .flexWrapper canvas {height: 240px !important; width: 240px !important; }
body .flexWrapper {height: 240px; }
/*what we offer*/
.fractional-listing,.fractional-listing1 {width: 100%; }
.fractional_sec_area {margin-top: 20px; }
.box-area {display: flex;flex-wrap: wrap;padding: 15px 0;}
.what-we-offer .row-card > div {font-size: 14px;padding: 0;}
.what-we-offer .row-card > div:nth-child(2) {font-weight: 800;} 
.what-we-offer .card:hover .card-img img,.what-we-offer .card:focus .card-img img {transform: scale(1); /*    background-color: rgba(49,149,212,1);*/ }
.what-we-offer .row-card {/* text-align: center; */ padding-left: 20px; display: flex; flex-wrap: wrap; flex: inherit !important; justify-content: space-between; }
.what-we-offer .row-card-below {max-width: 100%; }
.what-we-offer .row-card-below .roundedInfo {padding: 0; border: none; margin-bottom: 9px; }
.col-md-12.rel-off {position: inherit; }
#loadMoreDiv {display: flex; flex-wrap: wrap; }
.top_fractional_sec_area{padding: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;/* box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.07); */border: 1px solid #ccc;z-index: 99;border-radius: 6px;border-bottom: 2px solid var(--secondary_color);margin-bottom: 30px;background-color: var(--white_color);align-items: center;}
.left_fractional_sec_area {max-width: 250px; position: relative; height: 100%; display: flex; width: 100%; }
.left_fractional_sec_area img {border-radius: 6px; object-fit: cover; height: 190px; width: 100%; }
.right_fractional_sec_area{width: calc(100% - 270px);padding-top: 5px;}
.right_fractional_sec_area h3 a{font-weight: 500;text-transform: uppercase;color: var(--blue_color);}
.location_fractional h6{margin-bottom: 0;padding: 0;color: #FF8300;}
.fractional_sec_area_card{width: 25%; padding-right: 10px; }
.fractional_sec_area_CTA2{margin-top: 0;}
.fractional_sec_area_CTA2 .first_bond_CTA{margin-right: 15px;}
.fractional_sec_area_CTA2 .bond_CTA:hover,.fractional_sec_area_CTA2 .bond_CTA:focus{background-color: var(--blue_color) !important;border-color: var(--blue_color) !important;color: var(--white_color) !important;}
.fractional_sec_area .card {border: none; background: transparent; border-radius: inherit; }
.loadMoreProducts{width: 100%;text-align: center;}
.title_location_area{display: flex;justify-content: space-between;align-items: start;flex-wrap: wrap;}
.title_location_area h3{margin-bottom: 0;}
.fractional-listing button{background-color: var(--blue_color);color: var(--white_color);}
.left_fo{width:100%;}
.left_fo p:last-child{margin-bottom: 0;}
.right_fo {width: 48%; }
.right_fo img {max-width: 500px;width: 100%;}
.right_fo .bottom_myprofile_sec{padding: 0 !important;}


section {padding: 0 0; }
.section-header {text-align: center; padding: 30px 0 0; position: relative; }
.section-header h2 {font-size: 32px;font-weight: 800;margin-bottom: 20px;padding-bottom: 0;color: var(--primary_color);position: relative;z-index: 2;margin-bottom: 0;padding-bottom: 20px;position: relative;}
.section-header h2:after {content: ""; position: absolute;display: block;width: 70px;height: 3px;background: var(--primary_color);left: 0;right: 0;bottom: 0;margin: auto;display: none;}
.section-header span {position: absolute; top: 46px; color: rgba(14, 29, 52, 0.06); left: 0; right: 0; z-index: 1; font-weight: 500; font-size: 56px; text-transform: uppercase; line-height: 0; }
.section-header p {margin-bottom: 30px;position: relative;z-index: 2;font-size: 17px;color: var(--primary_color);}
@media (max-width: 640px) {
   .section-header h2 {font-size: 28px; margin-bottom: 15px; }
   .section-header span {font-size: 38px; }
}
.ap-otp-inputs {margin: 2px 0px; background-color: white; box-shadow: 0px 0px 8px 0px #e3e3e3 44; max-width: 100%; width: auto; display: flex; justify-content: flex-start; gap: 19px; }
#userloginform .input-group {flex-direction: unset;display: flex;justify-content: flex-end;}
#userloginform #isverified .input-group {   align-content: flex-start;}
.second-verified label.otp {text-align: left;}
.ap-otp-inputs input {height: 54px; width: 54px; background-color: transparent; border-radius: 4px; border: 1px solid var(--primary_color); text-align: center; outline: none; font-size: 22px; }
/*Our Process*/
.our-process {background-color: rgba(243,248,252,1); }
.our-process-header{background-color: rgba(243,248,252,1); }
.our-process .row h2 {margin-top: 30px; margin-bottom: -10px; padding: 0; text-align: left; font-size: 40px; font-weight: 500; font-family: Mulish; color: var(--darkblue_color); }
.our-process .row h3 {color: var(--darkblue_color); margin-bottom: 20px; padding: 0; text-align: left; font-size: 40px; font-weight: 500; font-family: Mulish; }
.our-process .button,
.our-process .button:focus {font-size: 16px; padding: 10px 70px; border-radius: 5px; color: var(--white_color); background: #50a5db; border: 1px solid #50a5db; }

.our-process .button:hover,
.our-process .button:focus:hover {border: 1px solid #50a5db; color: #0d1f2a; /* background: none; */ }
.our-process img {margin-top: -20px; width: 30%; }
.our-process .part2 span {font-size: 20px; /*    font-weight: 600;*/ margin-top: 10px; padding-top: 10px;}
.our-process .part2 hr {margin-top: 50px; color: red; }

/*Recent Project*/
.recent-project .card {border: 0; /*  background: rgba(243,248,252,1);*/ position: relative; border-radius: 0; /*  height: 100%;*/ min-height: 343px; }
.recent-project .card .card-img {width: 100%; }
.recent-project .card .card-img img {/* transition: 0.3s ease-in-out; */}
.recent-project .card h3 {color: var(--white_color); font-weight: 500; font-size: 18px; margin-bottom: 5px; padding: 10px 10px; text-transform: uppercase; text-align: left; }
.recent-project .card i {font-weight: 500; font-size: 14px; /*  margin-bottom: 5px;*/ padding: 0px 10px; text-transform: uppercase; text-align: left; color: #50a5db; }
.recent-project .card i h6 {font-weight: 500; font-size: 12px; color: var(--white_color); padding-left: 5px; text-transform: uppercase; text-align: left; font-style: normal; }
.recent-project .card .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: black; }
.recent-project .card .overlay .text {color: var(--white_color); font-size: 15px; padding-left: 40px;}
.recent-project .card:hover .overlay,.recent-project .card:focus .overlay {opacity: 0.8; border: 0; }

.recent-project .button,
.recent-project .button:focus {/*    background: var(--color-primary);*//*      background: rgba(49,149,212,1);*/font-size: 16px;padding: 5px 68px;border-radius: 5px;color: black;opacity: 1;background: var(--white_color);border: 1px solid var(--white_color);width: 100%;}

.recent-project .button:hover,
.recent-project .button:focus:hover {/*      border: 1px solid #50a5db;*/ color: #0d1f2a; /*      background: none;*/ }
.leftborder{border-radius: 20px;background: var(--white_color);border-left: 10px solid #3096d4;text-align: left;margin-left: 10px;min-height: fit-content !important;}
.rightline{border:1px solid #ccc;width:20%;float:right;position: absolute;right:0;top: 55px;}
.leftline{border:1px solid #ccc;width:20%;float:left;position: absolute;left:0;top: 55px;}
.speaker ul li::marker{ content:"";}
p.rightTick{display:flex;text-align: left;font-size: 16px;letter-spacing: 0.5px;color: var(--primary_color);font-weight: 400;}
.speaker p.rightTick::before {content: ''; position: relative; margin-right: 13px; padding: 20px; width: 40px; height: 30px; background: url(../../front/images/rightTick.svg) center no-repeat; background-size: 26px; display: inline-block; top: -7px; }
.roundedInfo {border: 1px solid var(--primary_color); border-radius: 30px; padding: 10px; margin: 0 10px 0 0; font-size: 14px; }
button.roundedbuttonInfo {border: 1px solid var(--primary_color);padding: 10px;border-radius: 6px;color: var(--white_color);background-color: var(--primary_color);width: 100% !important;}
button.roundedbuttonInfo:hover,button.roundedbuttonInfo:focus{background: var(--primary_color);color:white}
ul.navMenu {margin-bottom: 0; }
.section-header{padding-top: 0;width: 100%;}
/* #who-we-are .section-header,#who-we-are img{width: 100%;} */
ul > li.active > a {color: var(--green_color); font-weight: 600; }
ul > li.active > a:hover,ul > li.active > a:focus {font-weight: 600; }
.text-dark {color: var(--primary_color) !important;}
.section_login {background: linear-gradient(00deg, rgb(255, 240, 227) 10%, rgb(237, 245, 255) 87%); padding: 30px 0; height: calc(100vh - 147px); display: flex; align-items: center; }
.login_area{background-color: var(--white_color);margin: 0 auto;width: 100%;border-radius: 6px;}
.login_text{padding: 0;border-bottom: none;margin-bottom: 30px;text-align: center;}
.login_text h1,.login_text h3{letter-spacing: 0;margin-bottom: 0;font-weight: 700;font-size: 30px;padding-bottom: 0;}
.login_text h1{color: var(--secondary_color);}
.login_text h4{color: #555;margin-top: 10px;margin-bottom: 0;}
.iti.iti--allow-dropdown.iti--separate-dial-code {width: 100%; }
.iti.iti--separate-dial-code {width: 100%; }
.full_area #userloginform {max-width: 100%;width: 100%;margin: inherit;}
.full_area #userloginform .CTA_login,.home-popup.modal #userloginform .CTA_login {width: 100% !important;max-width: 100% !important;border-radius: 30px !important;}
.home-popup.modal #userloginform .CTA_login:hover{background-color: var(--secondary_color) !important;}
.advantages_login{display: flex;justify-content: space-between;text-align: center;flex-wrap: wrap;margin: 0 auto;max-width: 560px;}
.advantages_login .benefits_sec img{max-height: 48px;}
.advantages_login .benefits_sec{position: relative;width: 33%;}
.advantages_login .benefits_sec::before{position: absolute;content: "";left: 0;right: 0;border-right: 1px solid #ccc;height: 70%;}
.advantages_login .benefits_sec:last-child::before{display: none;}
.product_login_img img{max-width: 400px;}
.icon_login_steady {max-width: 80px; margin-bottom: 20px; }
.login_area label.success{text-align: center;}
.first-verified {margin-top: 15px; }
.full_area .form-area-login {max-width: 100%;}
.form-area-login form{border: none;margin: 0 auto;max-width: 100%;}
.form-area-login .form-control,.view_agreement .form-control{border: 1px solid var(--primary_color);height: 40px;border-radius: 6px !important;color: #3E3E3E;font-size: 15px;font-weight: 400;padding: 7px 20px 9px;box-shadow: none;text-shadow: none;}
.form-area-login .form-control.file{padding-right: 52px !important;}
.form-area-login .form-control.CTA_login{border-radius: 30px !important;}
.login_area a.change_number {font-weight: 400; color: var(--primary_color); font-size: 19px !important; text-decoration: none; margin-top: 13px; display: block; }
.otp_succe_msg {text-align: center; max-width: 270px; margin: 0 auto; }
.home-popup.modal .login_area {padding-top: 40px; padding-bottom: 40px;}
.home-popup.modal .form-area-login {max-width: 420px; margin: 0 auto; }
.full_area .form-area-login .form-control,.home-popup.modal .form-area-login .form-control{height: 50px;}
.modal-content .login_area .form-area-login .form-control{border-top-right-radius: 6px !important;border-bottom-right-radius: 6px !important;}
#userloginform .input-group { flex-direction: row-reverse;}
#userloginform #show_hide_password .form-control {  border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.form-area-login form i {margin-left: -30px; cursor: pointer; color: var(--white_color); }
.login_area a.change_number i {
   margin-left: 0 !important;
   color: #000;
}
.login_area a.change_number:hover i{color: var(--secondary_color);}
.form-area-login  .input-group-addon{border: 1px solid var(--green_color); border-top-right-radius: 7px; background-color: var(--green_color); border-bottom-right-radius: 7px; }
.form-area-login  .input-group-addon a{padding: 13px 3px 5px 45px;display: inline-block;}
.sidebyside{display: flex;justify-content: space-between;}
.box-block {width: 48%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; }
.form-area-login input[type=checkbox]{top: 2px;}
.form-area-login .form-check-label{padding-left: 0;color: #555555;font-size: 14px;padding-top: 0;}
.form-area-login .forget-box a{color: #555555;font-size: 14px;}
.form-area-login .card .form-control.CTA_login:hover,.form-area-login .form-control.CTA_login:focus {border-color: var(--primary_color) !important; background-color: var(--primary_color) !important;}
.right_register .form-area-login .card .form-control.CTA_login:hover,.right_register .form-area-login .form-control.CTA_login:focus {border-color: var(--secondary_color) !important; background-color: var(--secondary_color) !important;}
.form-area-login .card .form-control.CTA_login.remove_border { border: none !important;}
.card-body .table td, .card-body .table th {padding: 18px 0; vertical-align: top; border-bottom: 1px solid #dee2e6; border-top: none; font-size: 13px; }
.section5 .text-white{text-decoration: none;color: var(--primary_color);}
.section5 a.text-white:hover,.section5 a.text-white:focus{color: var(--green_color) !important;}
.CTA_login{background-color: var(--primary_color);border-color: var(--primary_color) !important;border-radius: 7px !important;margin: 0 auto;width: auto !important;font-size: 16px !important;color: var(--white_color) !important;font-weight: 500 !important;max-width: 150px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.CTA_login:hover,.CTA_login:focus{background-color: var(--secondary_color);border-color: var(--secondary_color) !important;box-shadow: none;}
.signup_txt{color: #1A1818;font-size: 14px;text-align: center;}
.signup_txt a{color: var(--green_color);}
.signup_txt a:hover,.form-area-login .forget-box a:hover,.signup_txt a:focus,.form-area-login .forget-box a:focus{text-decoration: underline;color: var(--green_color);}
.CTA2 button {padding: 10px 13px !important;width: 49%;font-size: 14px !important;}
.card .card-body{padding: 0;}
.right_fo .bottom_myprofile_sec .form-area-login label{text-align: left;}
.right_fo .button_final { margin-top: 20px;}

.card-body .title-area{padding: 15px 20px;color: var(--white_color);background: var(--primary_color);}
.card-body .card-space{padding: 0 20px 20px;}

/** new css **/
.add .menu-box {/* right: 17px; */}
header .right_tab .navbar ul li.active a {color: var(--white_color); font-weight: 500;}
header .navbar ul li a {color: var(--white_color);}
header .right_tab .navbar ul .desktop_hide{display: none;}
.active .menutext {color: var(--white_color);}
#menu-icon{display: none;}
#menu-icon2 {width: 36px; padding: 5px; right: 30px; top: 30px; position: fixed; cursor: pointer; }
#menu-icon2 span {width: 100%; height: 3.5px; margin-bottom: 5px; background: var(--white_color); display: block; border-radius: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; }
#menu-icon2.active {position: absolute; }
.left-header{width: 40%; }
.right-header{width: 55%; }
.right_menu{display: flex; flex-wrap: wrap; justify-content: right; align-items: flex-end; text-align: center; }
.right_tab.textcolor .sub_nav_area a{font-size: 14px;color: var(--primary_color);text-align: left;padding: 8px 15px;font-weight: 500;display: inline-block;font-family: var(--font_family_mulish);}
.right_tab.textcolor .sub_nav_area a:hover,.right_tab.textcolor .sub_nav_area a:focus{background-color: var(--secondary_color);color: var(--white_color);}
.right_tab.textcolor img{display: block;margin: 0 auto;margin-bottom: 2px;max-height: 26px;}
.menutext {left: -6px;position: relative;color: var(--primary_color);font-size: 14px;}
#menu-icon2{display: none !important;}
.banner_sec{background-color: var(--grey_color);padding: 30px 0;position: relative;
}
.right_tab.textcolor img.googleplay {
   max-width: 76px;
   max-height: inherit;
}
.top_banner h2 {text-align: left;font-size: 60px;margin-bottom: 36px;line-height: 1.2;}
.top_banner p {color: var(--primary_color); margin-bottom: 5px; }
.top_banner{margin: 0 auto;max-width: 100%;display: flex;justify-content: space-between;align-items: center;}
.top_banner a{color: var(--green_color);font-size: 22px;text-align: right;font-weight: 600;float: right;text-decoration: underline;}
.top_banner a img{margin-left: 10px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} 
.top_banner a:hover img,.top_banner a:focus img{margin-left: 15px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} .bottom_banner{margin: 0 auto;max-width: 100%;margin-top: 0;}
.left_banner{width: 56%;position: relative;}
.right_banner{padding-top: 20px; align-items: flex-start; width: 42%; flex-wrap: wrap;}
.left_banner svg {position: absolute; bottom: -21px; width: 49%; right: -13px; height: auto; }
.spacing_banner{padding-top: 20px;align-items: flex-start;flex-wrap: wrap;}
.banner_box{text-align: left;width: 48%;margin-bottom: 20px;}
.banner_box .banner_boximg,.banner_box .banner_boximg svg{max-width: 70px;height: auto;}
.banner_box p {color: var(--primary_color); font-weight: 600; margin-left: 14px; margin-bottom: 0; }
.banner_box a {display: flex;padding: 12px 14px;border: 1px solid var(--primary_color);width: 100%;border-radius: 6px;background-color: var(--white_color);align-items: center;text-align: left;text-decoration: none;}
.banner_box a:hover p,.banner_box a:focus p{color: var(--green_color);}
.banner_box a:hover,.banner_box a:focus{background-color: var(--primary_color);border-color: var(--primary_color);}
.banner_box a:hover p,.banner_box a:hover .banner_boximg svg path,.banner_box a:focus p,.banner_box a:focus .banner_boximg svg path{color: var(--white_color);fill: var(--white_color);stroke: var(--white_color);}
.banner_box a:hover .banner_boximg svg rect,.banner_box a:focus .banner_boximg svg rect{stroke: var(--white_color);}
.sitemap_sec .top_banner {display: block; }
.sitemap_sec {padding: 120px 0}
/* .sitemap_sec .banner_box {width: 16%; } */
.sitemap_sec .banner_box {width: 19%; }
.sitemap_sec .banner_box a{flex-wrap: wrap;text-align: center;align-items: center;justify-content: center;}
.sitemap_sec .banner_box p {padding-left: 0;text-align: center;margin-top: 10px;width: 100%;margin-left: 0;height: 51px; }
.sitemap_sec .banner_box img {max-width: 55px; }
.thankyou-sec .top_banner {display: inline-block; width: 100%; }
.sitemap_sec .banner_box a:hover,.sitemap_sec .banner_box a:focus {border-color: var(--primary_color);background-color: var(--white_color);}
.sitemap_sec .banner_box a:hover p,.sitemap_sec .banner_box a:focus p{color: var(--primary_color);}
/*Footer*/
.footer_logo img {max-width: 200px; }
.top-footer{background-color: var(--white_color);padding: 30px 0 20px;}
.footer_logo{width: 20%;padding-right: 10px;} 
.inner_footer {align-items: inherit; }
.logo_area{padding-bottom: 25px;}
.logo_area img{max-width: 165px;}
.footer_logo p{width: 100%;font-size: 14px;font-family: var(--font_family_mulish);font-weight: 400;}
.footer_link{width: 18%;}
.footer_link li,.footer_txt{list-style: none;width: 100%;float: left;color: var(--primary_color);font-weight: 500;margin-bottom: 4px;/* border-bottom: 1px solid #000; */font-size: 17px;} 
.footer_txt{display: none;}
.footer_link li a{color: var(--primary_color);font-weight: 400;font-size: 15px;display: inline-block;position: relative;}
.footer_social{width: 100%;}
.social_icon{/* justify-content: space-around; *//* display: flex; *//* flex-wrap: wrap; */width: auto;margin-bottom: 0 !important;}
.social_icon li a{height: 40px;width: 40px;border-radius: 50%;align-items: center;background-color: var(--white_color);border: 1px solid #444344;display: flex;color: #444344;justify-content: center;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;font-size: 22px;} 
.social_icon li { margin-right: 6px; display: inline-block; margin-bottom: 15px;}
.social_icon li a:hover,.social_icon li a:focus{background-color: transparent;color: var(--secondary_color);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;border-color: var(--secondary_color);-o-transition: 0.5s;}
.map-area ul li{list-style: none;margin-bottom: 14px; padding-left: 30px;position: relative;}
.map-area ul li span{position: absolute;left: 0;top: 0;}
.map-area ul li span i {color: var(--primary_color);}
.map-area {width: 100%;margin-top: 12px;}
.map-area ul li a,.map-area ul li{font-size: 15px;font-weight: 400;color: var(--primary_color);}
.map-area ul li a {position: relative; }
.map-area ul li a::after {content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 2px; bottom: -1px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.map-area ul li a:hover::after,.map-area ul li a:focus::after {transform: scaleX(1); transform-origin: bottom left; }
.footer_form{width: 32%;}
.footer_form .bold{font-weight: 500;margin-bottom: 5px;color: var(--primary_color);}
#formDefualt {margin-top: 8px;}
.form-field .form-control {color: #001121;font-size: 14px;height: 36px;width: 100%;font-weight: 400;padding: 5px 10px;border-radius: 0;font-family: var(--font_family_mulish);border: 1px solid #001121;border-radius: 6px;} 
.form-field textarea.form-control{height: 75px;}
.form-field textarea.form-control:focus,textarea:focus {outline: none;}
.form-field {width: 100%; margin-bottom: 11px; display: block; } 
.footer_link li a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 2px; bottom: -1px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.footer_link li a:hover::after, .footer_link li a:focus::after {transform: scaleX(1); transform-origin: bottom left; }
.bottom-footer{padding: 15px 0;text-align: center;border-top: 1px solid #ccc;}
.bottom-footer p{font-size: 15px;font-weight: 400;font-family: var(--font_family_mulish);color: var(--primary_color);margin-bottom: 0;}
.bottom-footer p a{color: var(--secondary_color);}
.bottom-footer p a:hover{text-decoration: underline;}
#price{border-bottom: 1px solid #ccc;}

.col2{display: flex; justify-content: space-between; }
.col2 .input-group {width: 49%; }
.section_login label.error{width: 100%;font-size: 12px;margin-top: 5px;}
.full_area label.error{margin-bottom: 0;}
.section_login .form-area-login input[type=checkbox] {top: 0; }
.section_login .form-area-login .form-check-label a {color: #555555;font-weight: 500;}
.section_login .form-area-login .form-check-label a:hover,.section_login .form-area-login .form-check-label a:focus{color: var(--green_color);}
.text-muted {color: var(--primary_color) !important; }
.text-muted a {color: var(--secondary_color) !important;}
.text-muted a:hover,.text-muted a:focus {text-decoration: underline; }
.top_banner p{color: var(--primary_color);}
/* .card button:hover,.card button:focus {background-color: var(--primary_color) !important;border-color: var(--primary_color) !important;} */
.cms-page ul,.privacypolicy_sec ul,.privacypolicy_sec ol {padding-left: 30px; }
.cms-page > ul > li,.privacypolicy_sec ul li,.privacypolicy_sec ol li {margin-bottom: 15px; }
.termscondition_sec p,.cms-page > ul > li,.privacypolicy_sec p,.privacypolicy_sec ul li,.privacypolicy_sec ol li  {margin-bottom: 15px;font-size: 16px;}
.home-popup.modal {position: fixed;top: 0;left: 0;z-index: 99999999999;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000085;overflow-y: scroll;}
.form-control{height: auto;}
.home-popup .close {float: right; font-size: 1.5rem; font-weight: 500; line-height: 1; color: var(--white_color); text-shadow: none; opacity: 1; border-bottom: none !important; text-align: center; /* padding-right: 20px !important; */ /* padding-top: 20px !important; */ width: 70px; height: 52px; position: absolute; top: 0px; right: -17px; z-index: 9; background-color: var(--primary_color) !important; /* border-bottom-right-radius: 30px; */ border-bottom-left-radius: 50px; }
.home-popup .close:hover{background-color: var(--secondary_color) !important;opacity: 1 !important;}
.modal-content{overflow: hidden;}
.sr-only{font-size: 0;}
.close > span {top: -6px; position: relative; right: 4px; }
.privacypolicy_sec a {color: var(--secondary_color);}
.privacypolicy_sec a:hover,.privacypolicy_sec a:focus {text-decoration: underline;}

/*404 page , maintenance, 500 page*/
.center-area{text-align: center;height: 100vh;padding: 20px 0;}
.center-area h2{color: var(--primary_color);padding: 40px 0 20px;}
.center-area h5{color: var(--primary_color);font-size: 500; font-family: var(--font_family_mulish);}

.center-area2{text-align: center;height: 100vh;padding: 20px 0;}
.center-area2 .container{max-width: 700px;}
.center-area2 .vendor_des p{color: var(--primary_color);font-size: 500; font-family: var(--font_family_mulish);margin-bottom: 0;margin-top: 20px;}
.center-area2 .vendor_des a{color: var(--secondary_color);font-weight: 500;}
.center-area2 p.center_per{color: var(--blue_color);}
.center-area2 img{max-width: 200px;}

.maintenance img{max-width: 60% ;}
.apply_CTA {border: medium none;cursor: pointer;font-size: 14px;font-weight: 400;padding: 10px 33px;transition: all ease-in-out 0.3s;color: var(--white_color);display: inline-block;margin-top: 30px;border-radius: 30px;background-color: var(--secondary_color);position: relative;}
.apply_CTA:hover {color: var(--white_color); background: var(--primary_color); }


.thankyou-sec img{max-width: 80px; margin-bottom: 30px; -webkit-animation: animatedBackground 2s ease-in-out infinite; -moz-animation: animatedBackground 2s ease-in-out infinite; animation: animatedBackground 2s ease-in-out infinite; position: relative;}
.banner_sec.thankyou-sec h1,.banner_sec.thankyou-sec p{color: var(--white_color);-webkit-text-fill-color: var(--white_color);text-align: center;}
@-webkit-keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }
@-moz-keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }
@keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }

.thankyou-sec{ -webkit-animation: animatedBackground2 20s ease-in-out infinite;
  -moz-animation: animatedBackground2 20s ease-in-out infinite;
  animation: animatedBackground2 20s ease-in-out infinite;
  background-repeat: no-repeat;background-size: cover;
  background-color: var(--primary_color); padding: 80px 0;

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

.loader-property-CTA{text-align: right;padding-top: 10px;}
.loader-property-CTA .btn-footer{color: var(--white_color);}
.loader-property-CTA .btn-footer::before{display: none;} 
.loader-property-CTA .btn-footer::after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--white_color); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100%; border-radius: 30px; }
.loader-property-CTA .btn-footer span {position: relative; color: var(--white_color); z-index: 1; }
.loader-property-CTA .btn-footer:hover span{color: var(--primary_color);}
.loader-property-CTA .btn-footer:hover::after, .loader-property-CTA .btn-footer:focus::after {-webkit-transform: scaleX(1); transform: scaleX(1); border-radius: 30px; }

.map-CTA.CTA2 {margin-top: 20px;text-align: center;}
.map-CTA .btn-footer{color: var(--white_color) !important;background-color: var(--secondary_color);}
.map-CTA .btn-footer:hover,.map-CTA .btn-footer:focus{background-color: var(--primary_color);}
.flicker {font-size: 14px; color: var(--white_color); font-weight: 500; display: flex; align-items: center; }
.effect-pol {display: inline-block; background-color: var(--secondary_color); margin-right: 10px; z-index: 10; transition: .1s; position: relative; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); width: 73px; height: 45px; }
.effect-pol span{font-size: 14px; font-weight: 500; color: var(--white_color); display: inline-block; position: absolute; left: 0; margin: 11px 16px 13px 16px; top: 0; }

.property_details{background-color: var(--primary_color);padding: 50px 0 10px;}
.property_details2{background-color: var(--primary_color);padding: 50px 0 50px;}
.property_title h2{text-align: left;-webkit-linear-gradient(var(--white_color), var(--white_color));-webkit-text-fill-color: var(--white_color)}
.property_title h6,.property_title h6 a{color: var(--white_color);}
.property_right{position: relative;}
.investments_short{padding: 30px 0;background-color: #F3F8FD;}

.svg-holder {width: 48px;height: 48px;background-color: var(--secondary_color);border-radius: 50%;}
.svg-holder img{max-width: 28px;}

.top-item-info {font-size: 14px !important; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1px; color: var(--white_color); margin-bottom: 0; word-wrap: break-word; }
.bottom-item-info {height: 19px; opacity: .5; font-size: 14px !important; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: .5px; color: var(--white_color); margin-bottom: 0; margin-top: 0; }
.svg-holder div {text-align: center; height: 40px; width: 30px; margin: 0 auto; padding-top: 10px; }
.row.no-wrap {flex-wrap: nowrap; }
.property_details .progress-bar {width: 0; animation: progress 1.5s ease-in-out forwards;} 
.title {opacity: 0;animation: show 0.35s forwards ease-in-out 0.5s;margin-bottom: 8px;}

@keyframes progress {
  from {
     width: 0;
 }
 to {
     width: 100%;
 }
} 
@keyframes show  {
  from {
     opacity: 0;
 }
 to {
     opacity: 1;
 }
}
.number {font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1px; color: var(--white_color); }
.total-amt {opacity: .5; font-size: 15px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: .5px; color: var(--white_color); margin-left: 10px; }
.property_details .progress-bar{background-color: var(--secondary_color);}
.terms-content p{opacity: .5; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: .5px; color: var(--white_color); }
@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap');
.hind-fonts{font-family: 'Hind', sans-serif;}
.invest_sec p{font-size: 16px;font-weight: 400;}
.upcoming-metro{margin-bottom: 30px;}
.upcoming-metro:last-child{margin-bottom: 0;}
.sec-title,.upcoming-metro h4,.upcoming-metro p{color: var(--primary_color);text-align: left;}
.icon img{max-width: 40px;}
.cus-dotAllpages {display: none;background-color: #07233F;width: 10px;height: 9px;}

.heading {display: flex; justify-content: flex-start; }
.tagholder {display: flex;background-color: var(--secondary_color);padding: 3px 8px;}
.tagholder img {width: 16px; height: 16px; margin-right: 8px; }
.tagholder p {font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: .5px; color: var(--white_color); margin-bottom: 0; }
.tag-location .details{width: 100%; display: flex; border-bottom: 1px solid #e0e0e0; margin-top: 12px; }
.details .name {flex: 1;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--secondary_color);}
.upcoming-metro h4{color: var(--secondary_color);}
.details .name img{max-width: 20px;}
.details .distance {font-size: 16px;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: right;color: var(--primary_color);}
.map-img img{width: 100%;}
.modal-title {   font-size: 20px;}
.calculation-amount {font-size: 13px; }
.lease-pic {display: flex; justify-content: space-between; text-align: center; }
.lease-pic {text-align: center; }
.date-body {width: 140px;height: 80px;background-color: #fba161;clip-path: polygon(89% 0,89% 22%,100% 22%,100% 100%,0 100%,0 0);}
.month {font-size: 16px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: var(--blue_color);padding-top: 23px;}
.year {font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: .5px;text-align: center;color: var(--blue_color);}
.sub-text {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: var(--blue_color);margin-top: 10px;}
.tenant-details-table {width: 100%; }
.details-table-points {border-bottom: 1px solid #e0e0e0; margin-bottom: 17px; display: flex; }
.dtp-info {flex: 1;font-size: 16px;/* font-weight: 400; */line-height: 1.56;letter-spacing: normal;color: var(--blue_color);font-weight: 500 !important;}
.dtp-date {font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: normal;text-align: right;color: var(--blue_color);font-weight: 500 !important;}
.floor-plan-details .sqft {font-size: 16px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--blue_color);margin-bottom: 0;}
.floor-plan-details .sub-sqft {font-size: 14px;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: var(--blue_color);margin-bottom: 0;}
.modal-backdrop {z-index: 99999; }
.image-section {background-color: var(--white_color);max-width: 100%;height: auto;}
#photos .all-images p {width: 100%; font-size: 20px; margin-top: 20px; }
#photos .all-images a{width: 33%;float: left;border: 3px solid var(--white_color);}
#photos .all-images img {height: 230px;  object-fit: cover; }
.all-images {align-items: flex-start; }
.pic-sec-1 {padding-right: 2px; }
.first-image {height: 498px; width: 100%; }
.pic-sec-2 .row {height: 248px; }
.partOne {height: 248px; padding-right: 2px; }
.second-image {width: 100%; height: 100%; }
.partTwo {height: 248px; padding-left: 2px; }
.third-image {width: 100%; height: 100%; }
.pic-sec-2 .row {height: 248px; }
.partThree {height: 248px; margin-top: 2px; padding-right: 2px; }
.partFour {height: 248px; margin-top: 2px; padding-left: 2px; position: relative; }
.fifth-image,.fourth-image {width: 100%; height: 100%; }
.view-all {font-family: Mulish; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: .33px; text-align: center; color: var(--white_color); position: absolute; width: 100%; top: 49%; z-index: 20; cursor: pointer; }
.mask {opacity: .4; background-color: #00147b; position: absolute; width: 95%; height: 100%; top: 0; }
.pic-sec-2 {padding-left: 2px; }
.modal-body .mobile-section {display: none; }
.control-arrow-holder {background-color:var(--white_color); width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:30px }
.carousel-control-next-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230a004b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-control-prev-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230a004b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.sticky-nav{padding: 20px 0;position: sticky;top: 74px;background-color: var(--white_color);z-index: 99;border-bottom: 1px solid #ccc;}
.property-tabs{width: 100%;text-align: center;}
.property-tabs ul{margin-bottom: 0;display: inline-block;text-align: center;}
.property-tabs ul li {display: inline-block; position: relative; flex: 1; cursor: pointer; }
.property-tabs ul li a {font-size: 14px;color: var(--primary_color);opacity: 1;padding: 4px 0;font-weight: 400;}
.property-tabs ul li a:hover,.property-tabs ul li a:focus{font-weight: 500;}
.property-tabs ul li.active a{font-weight: 500;color: var(--secondary_color) !important;}
.property-tabs ul li::before {content: "";display: block;background-color: var(--primary_color);opacity: 1;position: absolute;left: 0;top: 42%;width: 4px;height: 4px;}
.property-tabs ul li:first-child::before{display: none;}
.property-tabs ul li {margin-left: 16px; padding-left: 24px; display: inline-block; text-align: center; }
.property-tabs ul li.active{display: inline-block !important;}
.account_page{padding: 50px 0;border-bottom: 1px solid #ccc;background-color: #F3F8FD;}
.account_page .card{width:100%; background-color:var(--white_color); position:relative; box-shadow:0 15px 30px rgba(0,0,0,0.1); font-family: var(--font_family_mulish); border-radius: 0; }
.account_page .card .form{width:100%; height:100%; background-color: var(--green_color); display:flex; }
.account_page .card .left-side{width:35%;background-color: var(--green_color);height:100%;border-top-left-radius: 0;border-bottom-left-radius: 0;padding: 30px 30px 20px;box-sizing:border-box;background: var(--primary_color);background: -moz-linear-gradient(left, var(--primary_color) 0%, var(--green_color) 100%);background: -webkit-linear-gradient(left, var(--primary_color) 0%,var(--green_color) 100%);background: linear-gradient(to top, var(--primary_color) 0%,var(--green_color) 100%);}
/*left-side-start*/
.steps-content h3,.steps-content p{color: var(--white_color);}
.left-heading{color:var(--white_color);}
.steps-content{margin-top:0; color:var(--white_color); }
.steps-content p{font-size:12px; margin-top:15px; }
.left-side .progress-bar{list-style:none; /*color:var(--white_color);*/ margin-top:30px; font-size:13px; background-color: transparent; font-weight:500; counter-reset:account_page 0; text-align: left; margin-bottom: 0; padding-bottom: 20px; }
.left-side .progress-bar li{position:relative;margin-left:40px;margin-top:50px;counter-increment:account_page 1;color: var(--white_color);background-color: transparent !important;}
.left-side .progress-bar li:first-child{margin-top: 6px;}
.left-side .progress-bar li::before{content:counter(account_page); line-height:25px; text-align:center; position:absolute; height:25px; width:25px; border: 1px solid var(--primary_color); border-radius:50%; left:-40px; top: -3px; z-index:10; background-color: var(--green_color); }
.left-side .progress-bar li::after{content: ''; position: absolute; height: 90px; width: 2px; background-color: var(--primary_color); z-index: 1; left: -27px; top: -70px; }
.left-side .progress-bar li.active::after{background-color: var(--white_color); }
.left-side .progress-bar li:first-child:after{display:none; }

/*.progress-bar li:last-child:after{*/
   /*  display:none;  */
   /*}*/
   .left-side .progress-bar li.active::before{color:var(--white_color); border:1px solid var(--white_color); }
   .left-side .progress-bar li.active{color:var(--white_color); }
   .d-none{display:none;}
   .d-none.active, .active{display:block !important;}

/*benifits and benifits*/
.who-we-are {padding: 30px 0 !important; }
div.who-we-are {background-color: var(--grey_color); }
.aboutussection{background-color: var(--grey_color);padding: 30px 0 20px;}
.benefits_color{padding: 30px 0 10px;}
.benefits_color h2{margin-bottom: 20px;}
.benefits_sec {padding: 20px 10px;background: var(--white_color);border-radius: 6px;text-align: center;}
.benefits_sec h4{color: var(--secondary_color);font-weight: 500;margin-top: 10px;}
.benefits_sec p{font-size: 15px;margin-bottom: 0;}
.benefits_sec img {max-height: 59px;}
.benefits_sec:last-child{border-right: none;}
.faq_general {display: flex; justify-content: flex-start;margin-left: 0;  margin-right: 0; }
.faq_general .benefits_sec {width: 32.5%; margin-bottom: 20px; border: 1px solid #ccc; margin-right: 1.2%; }
.faq_general .benefits_sec:nth-child(3n){margin-right: 0;}


/*left-side-end*/
.account_page .card .right-side{width: 70%; background-color:var(--white_color);  border-radius: 0; }
/*right-side-start*/
.account_page .main{display:none; }
.account_page .main.active{display:block; }
.account_page .main{padding:40px;height: 100%;}
.account_page .main small{display:flex; justify-content:center; align-items:center; margin-top:2px; height:30px; width:30px; background-color:#ccc; border-radius:50%; color:yellow; font-size:19px; }
.text{margin-top:20px;}
.congrats{text-align:center;margin-bottom: 20px;}
.text p{margin-top:10px; font-size:13px; font-weight:500; color: var(--primary_color); }
.input-text{margin:30px 0; display:flex; gap:20px; }
.input-text .input-div{width:100%; position:relative;}
.input-text input[type="text"],.input-text input[type="email"],.input-text input[type="tel"]{width:100%; height:40px; border:none; outline:0; border-radius:5px; border:1px solid #cbced4; gap:20px; box-sizing:border-box; padding:0px 10px; font-size: 14px; }
.input-text select{width:100%; height:40px; border:none; outline:0; border-radius:5px; border:1px solid #cbced4; gap:20px; box-sizing:border-box; padding:0px 10px; font-size: 14px; }
.input-text .input-div span{font-size:14px; transition:all 0.5s; color: var(--primary_color); opacity: 1; }
.input-div input:focus ~ span,.input-div input:valid ~ span  {top:-15px; left:6px; font-size:10px; font-weight:600; }

.input-div span{top:-15px; left:6px; font-size:10px; }

.button_space{display:flex; gap:20px;}
.button_space button:nth-child(1){background-color: var(--primary_color) !important;color: var(--white_color);border: 1px solid var(--white_color);}
.button_space button:nth-child(1):hover,.button_space button:nth-child(1):focus{background-color: var(--green_color) !important;}
.user_card{margin-top:20px; margin-bottom:40px; height:200px; width:100%; border:1px solid #c7d3d9; border-radius: 6px; display:flex; overflow:hidden; position:relative; box-sizing:border-box; }
.user_card span{height:80px; width:100%; background-color:#dfeeff; }
.circle{position:absolute; top:40px; left:60px; }
.circle span{height:70px; width:70px; background-color:var(--white_color); display:flex; justify-content:center; align-items:center; border:2px solid var(--white_color); border-radius:50%; }
.circle span img{width:100%; height:100%; border-radius:50%; object-fit:cover; }
.social{display:flex; position:absolute; top:100px; right:10px; }
.social span{height:30px; width:30px; border-radius:7px; background-color:var(--white_color); border:1px solid #cbd6dc; display:flex; justify-content:center; align-items:center; margin-left:10px; color:#cbd6dc;}
.social span i{cursor:pointer; }
.heart{color:red !important; }
.share{color:red !important; }
.user_name{position:absolute; top:110px; margin:10px; padding:0 30px; display:flex; flex-direction:column; width:100%;} 
.user_name h3{color:#4c5b68; }
.detail{/*margin-top:10px;*/ display:flex; justify-content:space-between; margin-right:50px; }
.detail p{font-size:12px; font-weight:500;}
.detail p a{text-decoration:none; color:blue; }

.checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: var(--secondary_color);fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;background-color: var(--secondary_color);color: var(--secondary_color);fill: var(--secondary_color);}
.checkmark {width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: var(--white_color);stroke-miterlimit: 10;margin: 12% auto;box-shadow: inset 0px 0px 0px var(--secondary_color);animation: fill 0.5s ease-in-out 0.5s forwards, scale .3s ease-in-out .9s both;}
.checkmark__check {transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% {stroke-dashoffset: 0; }
}
@keyframes scale {
  0%, 100% {transform: none; }
  50% {transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill {
  100% {box-shadow: inset 0px 0px 0px 30px #7ac142; }
}
.warning{ border:1px solid red !important;}

.breadcrumbs{padding: 20px 0 10px;background-color: var(--grey_color);}
.breadcrumbs ul{margin-bottom: 0;}
.breadcrumbs ul li{display: inline-block;margin-right: 20px;position: relative;}
.breadcrumbs ul li:before{position: absolute;content: "/";color: #1A1818;font-size: 15px;font-weight: 500;right: -16px;top: 1px;}
.breadcrumbs ul li:last-child{margin-right: 0;}
.breadcrumbs ul li:last-child:before{display: none;}
.breadcrumbs ul li a{color: #1A1818;font-size: 16px;font-weight: 600;}
.breadcrumbs ul li a.active{color: var(--secondary_color);}

.col4_stucture{padding-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.stucture_box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-color: var(--white_color);width: 49%;margin-bottom: 10px;border-radius: 6px;box-shadow: 5px 0px 6px #5c565650;}
.stucture_number{width: 20%;text-align: center;display: flex;justify-content: center;}
.stucture_number span{color: var(--white_color);height: 50px;width: 50px;display: flex;font-size: 27px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--primary_color)+0,00561b+100 */background: var(--primary_color); /* Old browsers */background: -moz-linear-gradient(left,  var(--primary_color) 0%, var(--green_color) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  var(--primary_color) 0%,var(--green_color) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  var(--primary_color) 0%,var(--green_color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary_color)', endColorstr='var(--green_color)',GradientType=1 ); /* IE6-9 */border-radius: 50%;align-items: center;justify-content: center;font-weight: 600;}
.stucture_desc{width: 80%;padding: 16px 20px 16px 32px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--primary_color)+0,00561b+100 */background: var(--primary_color); /* Old browsers */background: -moz-linear-gradient(left,  var(--primary_color) 0%, var(--green_color) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  var(--primary_color) 0%,var(--green_color) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  var(--primary_color) 0%,var(--green_color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary_color)', endColorstr='var(--green_color)',GradientType=1 ); position: relative;}
.stucture_desc::before {width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid var(--white_color); border-bottom: 16px solid transparent; position: absolute; left: 0; content: ""; top: 50%; bottom: 0; transform: translate(0,-50%); }
.stucture_desc p{margin-bottom: 0;font-size: 15px;color: var(--white_color);}
.stucture_desc a{color: var(--white_color);font-size: 15px;margin-top: 10px;display: inline-block;border-bottom: 1px solid var(--white_color);}
.stucture_number svg {max-width: 60px; }


.choose_sec{padding: 40px 0; background: linear-gradient(00deg, rgb(255, 230, 208) 10%, rgb(221, 234, 249) 87%);}
.choose_sec p{font-size: 17px;margin-bottom: 13px;}
.choose_sec h2{text-align: left;margin-bottom: 15px;}
.choose_sec p span,.choose_sec ul li span {color: var(--secondary_color); }
.choose_sec p a {color: var(--darkblue_color);font-weight: 700;text-decoration: underline; }
.top_choose_sec ul {padding-left: 0; display: flex; justify-content: space-between; z-index: 9; margin-top: 0; margin-bottom: 10px; flex-wrap: wrap; list-style: none; }
.top_choose_sec ul li strong {display: block; font-size: 16px; padding-bottom: 3px;font-weight: 700; }
.top_choose_sec ul li {color: var(--primary_color); font-weight: 400; font-size: 14px; padding: 15px 12px; width: 49%; border: 1px solid #C4C1C1; margin-bottom: 11px; border-radius: 6px; background-color: #fff; }
.choose_sec_flex{display: flex;justify-content: space-between;}
.left_choose_sec {width: 48%; }
.top_choose_sec {width: 48%; }

.blog_list, .blog_img img {width: 100%; }

/* .blog_list{border-bottom: 1px solid #ccc;} */
.related_blog_details {width: 30%; display: flex; flex-wrap: wrap; margin-top: 40px; position: relative; top: 0;margin-bottom: 30px; }
.related_blog_details .what-we-offer{background-color: transparent;position: relative;width: 100%;}
.blog_details {margin-bottom: 30px;margin-top: 40px;z-index: 99;width: 68%;position: relative;}
.blog_details h3{margin-bottom: 10px;text-align: left;}
.blog_details p,.blog_details ol li {font-size: 16px;margin-bottom: 18px;font-weight: 400;}
.blog_details ol,.blog_details ul{padding-left: 16px;}
.blog_details h6{margin-bottom: 10px;font-weight: 600; }
.top_blog_details {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;padding-bottom: 0px;}
.blog_details a{color: var(--secondary_color);}
.blog_details_h1 {text-align: left; padding-bottom: 0; font-size: 26px; }
.blog_details .image {margin: 10px 0;}
.blog_details .image img { width: 100%; }
.banner_blog_h2{color: var(--white_color);margin-bottom: 0;  padding-bottom: 0;}
.sub_blogtext{color: var(--primary_color);}
.social_blog {width: 100%; margin-top: 20px; text-align: center; display: flex; justify-content: flex-start; margin-bottom: 20px; align-items: center; }
.social_blog li {list-style: none; margin-bottom: 0; display: inline-block; padding-right: 7px; }
.social_blog li a {height: 40px; width: 40px; border-radius: 0; align-items: center; background-color: var(--primary_color); border: none; display: flex; color: var(--white_color); justify-content: center; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; font-size: 22px; }
.social_blog ul {width: auto; margin-bottom: 0; }
.banner_blog{padding: 80px 0;background-repeat: no-repeat;background-size: cover;background-position: center center;text-align: center;/* font-weight: 500; */position: relative;}
.banner_blog::before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;content: "";background-color: #00000024;}
/* .blog_categories{padding: 20px 0 30px 0;border-bottom: 1px solid #ccc;background-color: var(--grey_color);} */
.top_blog_categories{display: flex;flex-wrap: wrap;justify-content: space-between;background-color: var(--white_color);border-radius: 6px;padding: 30px;}
.left_blog_categories{width: 68%;}
.right_blog_categories{width: 30%;border: none;padding: 2px 6px;border-radius: 0;/* box-shadow: 0px 0px 7px #00000038; */}
.view_all_post{text-align: center;width: 100%;display: inline-block;margin-top: 10px;}
.view_all_post a{position: relative;margin-top: 0;}
.go-back-link {color: var(--primary_color);position: relative; }
/* .view_all_post a::after,  .view_all_post a.active::after, */.go-back-link::after,.top_unsubscribe_sec p a::after {content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 2px; bottom: -4px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
/* .view_all_post a:hover::after,.view_all_post a:focus::after, .view_all_post a.active::after, */.go-back-link:hover::after,.go-back-link:focus::after,.top_unsubscribe_sec p a:hover::after,.top_unsubscribe_sec p a:focus::after { transform: scaleX(1);  transform-origin: bottom left; }
.go-back-link:hover{color: var(--primary_color);}
.recentposts ul {list-style: none; padding: 10px 20px; margin-top: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 6px; }
.recentposts ul li {padding: 15px 0; border-bottom: 1px solid #ccc; }
.recentposts ul li:last-child{border-bottom: 0;}
.recentposts ul li a{color: var(--primary_color);}
/*****************
*
*   Article/Blog Listing Page
*
*****************/
.list-unstyled{flex-wrap: wrap;}
.banner_blog h1{color: var(--white_color);margin-bottom: 0;padding-bottom: 0;position: relative;z-index: 9;}
.categories ul li { border:1px solid var(--blue_color);border-radius: 6px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.categories ul li > a { color: var(--blue_color);border-radius: 6px;font-size: 14px; }
.categories ul li.active { background: var(--blue_color);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.categories ul li.active > a { color: var(--white_color); }
.categories ul li:hover { background: var(--blue_color); }
.categories ul li:hover a { color: var(--white_color); }
.article-list { background-color: var(--grey_color); padding: 30px 0;}
.box_over_blog {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 30px; border: none; border-radius: 6px; box-shadow: 0px 0px 7px #00000038; align-items: center;}
.article-list .card:hover {box-shadow: 0px 0px 7px #00000028;}
.article-list .card-body .image {position: relative; padding-bottom: 53%; }
.article-list .card-body .image a {position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.article-list .card-body img {border-top-left-radius: 6px; border-top-right-radius: 6px; height: 100%; width: 100%; z-index: 9999; object-fit: cover; }
.article-list .card {transition: 0.2s all; border-radius: 6px;}
.article-list .card-body h4{margin: 0;}
.article-list .card-body h4 a{color: #2f0000;font-weight: 500;}
.article-list .card-body h6 {text-transform: uppercase;color: var(--blue_color);font-weight: 500;font-size: 14px;margin-bottom: 12px;}
.article-list .card-body p{color: var(--primary_color);font-size: 15px;margin-top: 10px;display: inline-block;width: 100%;}
.article-list .card-body p a{color: var(--secondary_color);}
.top_over_blog{margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.article-list .card-body a.continue_CTA{display: flex;align-items: center;font-size: 15px;color: var(--secondary_color);position: relative;display: inline-block;}
.article-list .card-body a.continue_CTA::after {content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 2px; bottom: -2px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.article-list .card-body a.continue_CTA:hover::after,.article-list .card-body a.continue_CTA:focus::after { transform: scaleX(1);  transform-origin: bottom left; }
.flexWrapper .total-amount sup {position: relative; font-size: 55%; top: 0; left: inherit; color: var(--blue_color); }
.article-list .card-body:last-child{margin-bottom: 0;}
.cat_item p {margin-right: 10px; margin-bottom: 5px;  }
.sec5_link_color{ color: var(--primary_color);}
.sec5_link_color:hover,.sec5_link_color:focus{color: var(--secondary_color);}
.right_blog_categories p a{color: #000;width: 100%;font-weight: 500;display: inline-block;margin-bottom: 15px;text-transform: uppercase;border-radius: 6px;font-size: 14px;}
.right_blog_categories p a:hover{color: var(--secondary_color);}
.right_blog_categories p a img {margin-right: 10px; max-width: 24px; position: relative; top: -1px; }
.right_blog_categories h4{margin-top: 0;margin-bottom: 15px;}
.right_blog_categories p{margin-bottom: 0;font-size: 14px;}
.right_blog_categories h2{text-align: left; padding-bottom: 15px; border-bottom: 2px dotted var(--primary_color); margin-bottom: 20px; }
.pagination_nav {margin-top: 20px; display: inline-block; text-align: center; width: 100%; }
.pagination_nav .pagination{justify-content: center;}
.pagination_nav .page-link{color: var(--primary_color);border-color: var(--primary_color);}
.mobile-class{display: none;}
.section_funds{padding: 50px 0;background-color: var(--grey_color);}
.section_gradient_bg{background: var(--bluelight_color);padding: 50px 0;}
#HowitWorks h2 {background: none; -webkit-text-fill-color: var(--white_color); }
.HowitWorks{list-style: none;}
.extra-controls{position: relative;margin-top: 10px;}
.range-slider .irs--big .irs-bar{background: var(--secondary_color);border: 1px solid var(--primary_color);}
.range-slider  .irs--big .irs-line {background-color: white;background: #fff !important;border: 1px solid var(--primary_color);}
.range-slider .irs--big .irs-from, .range-slider .irs--big .irs-to, .range-slider .irs--big .irs-single{background: var(--primary_color); border: 1px solid var(--white_color); }
/* .range-slider .irs--big .irs-min, .range-slider .irs--big .irs-max {background-color: transparent; } */
.investments_short{position: relative;background-color: var(--bluelight_color);}
.investments_short:before{position: absolute;content: "";width: 50%;background-color: var(--primary_color);left: 0;top: 0;right: 0;bottom: 0;display: none;}
.left_investments_short{width: 31%;padding: 30px 20px;background-color: var(--white_color);display: flex;flex-wrap: wrap;border-radius: 6px;}
.interest-rate-block .small-text {color: var(--primary_color); }
.left_investments_short h3{text-align: left;/* background: none; */margin-bottom: 5px;/* -webkit-text-fill-color: var(--white_color); */color: var(--primary_color);}
.left_investments_short p{/* color: var(--white_color); */font-size: 12px;}
.right_investments_short{width: 65%;padding: 0;/* background-color: #F3F8FD; */}
.top_investments_short{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.price_box2{padding: 10px 20px;border: 1px solid var(--secondary_color);width: auto;max-width: 360px;text-align: center;/* box-shadow: 0px 0px 10px var(--secondary_color); */margin-top: 10px;background-color: var(--secondary_color);border-radius: 6px;}
.price_box2 h2{text-align: center;color: var(--white_color);-webkit-text-fill-color: var(--white_color);margin: 5px 0 0;}
.price_box2 p{color: var(--white_color);font-size: 14px;margin-bottom: 0;}
.accordion-contentfilter .irs--big .irs-from, .accordion-contentfilter .irs--big .irs-to, .accordion-contentfilter .irs--big .irs-single {font-size: 11px; }
/* .investments_short .irs--big .irs-min,.investments_short .irs--big .irs-max{color: var(--primary_color);} */

/* .right_investments_short h3,.right_investments_short label{color: var(--white_color);width: 100%;} */
.right_investments_short h3{margin-bottom: 20px;}
.right_investments_short .input-group{display: inline-block;margin-bottom: 14px;}
.input_price {border: none; border-bottom: 2px solid gray; padding: 4px 12px; outline: none; background-color: transparent; font-size: 22px; font-weight: 500; color: var(--primary_color); max-width: 50%;width: 100%; }
.p2p_price .dynamic_price {position: relative; left: 9px; font-size: 22px; font-weight: 500; color: var(--primary_color);  }
.default_ratio {margin-top: 5px; }
div:where(.swal2-icon).swal2-info {color: var(--secondary_color) !important;border-color: var(--secondary_color) !important; }
.right_investments_short .input-group label{width: 100%;margin-bottom: 7px;}
.small-text{font-size: 11px;margin-top: 2px;display: block;color: var(--white_color);margin-bottom: 0;}
.rel-group {position: relative;}
.rel-group .add-on-text {position: absolute;left: 0;top: 3px;color: var(--white_color);font-size: 18px;}
.rel-group .form-control{border: none;border-bottom: 1px solid #ccc;color: #ddd;padding-left: 20px;border-radius: 0;background-color: transparent;color: var(--secondary_color);width: 35%;font-size: 22px;height: 32px;padding-top: 3px;padding-bottom: 3px;line-height: 1;}
.rel-group .form-control:focus{box-shadow: none;border-color: var(--secondary_color);}
.input-group .radio-area label{width: auto;}
.input-group .radio-area input[type="radio"]{opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: -99999; height: 0; padding: 0 !important; border: 0px; }
.input-group .radio-area input[type="radio"] + label {padding: 9px 8px 7px;margin-bottom: 0;text-align: center;font-weight: 500;font-size: 13px;color: var(--primary_color);line-height: 1.3;cursor: pointer;border-radius: 50px;width: 100%;font-weight: 500;border: 1px solid var(--primary_color);margin-right: 11px;background-color: var(--white_color);max-width: 160px;border-radius: 6px;}
.input-group .radio-area input[type="radio"] + label strong{display: inline-block;}
.input-group .radio-area input[type="radio"]:checked + label{background-color: var(--secondary_color);color: var(--white_color);}
.lock-in-period {display: flex;align-items: flex-start;width: 100%;max-width: 288px;padding: 12px;background-color: var(--white_color);border-radius: 8px;border: 0.5px solid #ccc;margin: 0px 0px 0;position: relative;margin-top: 0px;}
.box-20 {width: 20px; height: 20px; }
.interest-rate-block {margin-left: 8px; font-size: 12px; margin-bottom: 0; font-weight: 500; }
.interest-rate-block b {color: #000; }
.input-group .radio-area2 input[type="radio"] + label{max-width: 220px;padding: 12px 15px;border-radius: 50px;font-weight: 500;border: 1px solid var(--white_color);width: 100%;}
.logo_poweredby {color: #333; align-items: center; font-size: 10px; margin-top: 10px; justify-content: space-between;  width: 100%;flex-wrap: wrap; display: flex;}
.powered_logo{display: flex;align-items: end;}
.logo_poweredby img{max-width: 90px; vertical-align: middle; top: 4px; position: relative; }
.right_investments_short .btn-group{margin-top: 10px;}
.right_investments_short .btn-footer{padding: 10px 26px;border-radius: 30px;background-color: var(--blue_color);}
.right_investments_short .btn-footer::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: var(--primary_color);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;width: 100%;border-radius: 30px;}
.right_investments_short .btn-footer:hover{color: var(--white_color);background: var(--primary_color);}
.right_investments_short .btn-footer:hover::before,.right_investments_short .btn-footer:focus::before{-webkit-transform: scaleX(1); transform: scaleX(1); border-radius: 30px; }
.right_investments_short .btn-footer[disabled]::before{display: none;}
/* .right_investments_short .btn-footer:hover,.right_investments_short .btn-footer:focus {background-color: #fba161;color: var(--primary_color);} */
.box-radio {display: inline-block; width: auto; margin-right: 5px; margin-bottom: 10px; }
#chanceSlider {width: 80%;margin-top: 13px;background-color: transparent;}
.right_investments_short .btn-footer:disabled,.right_investments_short .btn-footer.disabled {color: var(--white_color); background-color: gray; border-color: gray; cursor: no-drop; }
.right_investments_short.right_investments_short_p2p .input-group {display: flex; justify-content: space-between; align-items: center; }
.rel-group input[type=range] {height: 4px;-webkit-appearance: none;margin: 10px 0;width: 100%;}
.rel-group input[type=range]:focus {outline: none; }
.rel-group input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: var(--primary_color); border-radius: 1px; border: 0px solid #000000; }
.rel-group input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #000000; border: 1px solid var(--primary_color); height: 18px; width: 18px; border-radius: 25px; background: var(--secondary_color); cursor: pointer; -webkit-appearance: none; margin-top: -7px; }
.rel-group input[type=range]:focus::-webkit-slider-runnable-track {background: var(--primary_color); }
.rel-group input[type=range]::-moz-range-track {width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: var(--primary_color); border-radius: 1px; border: 0px solid #000000; }
.rel-group input[type=range]::-moz-range-thumb {box-shadow: 0px 0px 0px #000000; border: 1px solid var(--primary_color); height: 18px; width: 18px; border-radius: 25px; background: var(--secondary_color); cursor: pointer; }
.rel-group input[type=range]::-ms-track {width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: var(--primary_color); border-color: transparent; color: transparent; }
.rel-group input[type=range]::-ms-fill-lower {background: var(--white_color); border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; }
.rel-group input[type=range]::-ms-fill-upper {background: var(--white_color); border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; }
.rel-group input[type=range]::-ms-thumb {margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 1px solid var(--green_color); height: 18px; width: 18px; border-radius: 25px; background: var(--secondary_color); cursor: pointer; }
.rel-group input[type=range]:focus::-ms-fill-lower {background: var(--white_color); }
.rel-group input[type=range]:focus::-ms-fill-upper {background: var(--white_color); }
.box3_dividation_area p{margin-bottom: 4px;}
.box3_dividation_area {padding-top: 6px;margin-top: 6px;border-top: 1px solid #ccc;position: relative;}
.box3_dividation_area h3 input {border: none;width: 100%;color: var(--primary_color);font-weight: 500;padding-left: 17px;background-color: transparent;}
.box3_dividation_area h3 .dynamic_price {position: absolute;left: 0;border: 0;margin-top: 1px;}
.right_investments_short .input-group .radio-area input[type="radio"] + label {
    color: #5D5D5D;font-weight: 400;
    border: 1px solid #BDBDBD;
}
.right_investments_short .input-group .radio-area input[type="radio"] + label strong{font-weight: 400;}
.right_investments_short .input-group .radio-area input[type="radio"]:checked + label {background-color: #FF8A65; color: var(--white_color); border-color: #E66E26; }
.right_investments_short .input-group .radio-area{width: 100%;}
.right_investments_short .checkbox_toggle {padding: 0; border: none; background-color: transparent; justify-content: end; }
.right_investments_short .checkbox_toggle p {padding-right: 10px; font-size: 13px; text-align: right;width: 100%;}
.right_investments_short #investerType label {width: 49px !important; height: 25px !important; background: #fff !important;border: 1px solid #BDBDBD; }
.right_investments_short #investerType label::after {top: 2px !important; left: 5px !important; width: 19px !important; height: 19px !important;background: #D9D9D9 !important; }
.right_investments_short #investerType input:checked + label::after{background: #fff !important;left: calc(100% - 5px) !important; }
.right_investments_short #investerType input:checked + label {background: #FF8A65 !important; border-color: #FF8A65 !important;}
.btn-maturity{box-shadow: none;}

.account_page.more_invest {padding: 0;border: none;background-color: transparent;height: calc(100vh - 75px);}
.account_page.more_invest .card{height: 100%;border: none}
.modal-fullscreen-xl .modal-dialog {max-width: 100%;margin: 0 auto;margin-top: 0;height: 100%;top: 0;}
.modal-fullscreen-xl{padding-right: 0 !important;z-index: 9999;}
.modal-fullscreen-xl .modal-content {height: 100%;border: none;border-radius: 0;}
.modal-fullscreen-xl .close {font-size: 39px; font-weight: 400; color: #000; position: absolute; right: 10px; opacity: 1; top: 10px; }
.blog_details h2 {text-align: left; margin-bottom: 10px; }

.blog_over_expert .box_over_expert {width: 32%;background-color: var(--white_color);}
.blog_over_expert .left_over_expert{width: 100%;}
.blog_over_expert .right_over_expert{width: 100%;}
.blog_over_expert .box_over_expert a{display: inline-block;height: 100%;}
.related_blog_details > h3 {color: #var(--primary_color);border-bottom: none;margin-bottom: 20px;font-weight: 600;}
.cal_p2p_sec{position: relative;}
.cal_p2p_sec:before{position: absolute;content: "";background-color: #000;left: 0;width: 40%;height: 100%;}
.top_cal_p2p_sec{padding: 50px 0;}
.logo_p2p{max-width: 200px;}
.left_cal_p2p_sec{width: 40%}
.right_cal_p2p_sec{width: 60%}

.my-img {position: relative; left: 140px; z-index: 99; }
.border-left {border-color: var(--primary_color) !important; }
.bg-black {background-color: var(--primary_color); }
.table-bordered {border: 1px solid #50a5db;margin-bottom: 0;margin-top: 5px;}
@media only screen and (max-width: 1200px) {
   .my-img {top:70px; left: 25px; }
}
@media only screen and (max-width: 1700px) {
   .my-img {top:30px; left: 20px; }
}
@media only screen and (max-width: 600px) {
   .my-img {position: unset; }
}

.section_funds .panel{margin-top: 30px;}
.text-center.section_funds_text {color: var(--primary_color);margin-bottom: .5rem;}
.section_funds .panel-title {position: relative;padding: 0 18px;background-color: #e7e7e7;font-size: 14px;border-radius: 6px;}
.rating_crisil h4{margin: 0;}
.penel_details {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; text-align: center; align-items: center; }
.plus-minus-toggle {cursor: pointer; height: 21px; position: relative; width: 21px; }
.plus-minus-toggle::before,
.plus-minus-toggle::after {background: var(--primary_color); content: ""; height: 4px; left: 0; position: absolute; top: 38%; width: 21px; transition: transform 500ms ease; }
.plus-minus-toggle::after {transform-origin: center; }
.plus-minus-toggle::after {transform: rotate(90deg); }
.plus-minus-toggle::before {transform: rotate(180deg); }
.rating_crisil {position: relative; padding: 18px 0; height: 100%; z-index: 999; }
.rating_crisil::before {position: absolute; content: ""; border-right: 1px solid #ccc; right: -16px; top: 0; bottom: 0; height: 100%; }
.rating_crisil:last-child:before{display: none;}
.plus-minus-toggle.collapsed::after{transform: rotate(0);}
.plus-minus-toggle.collapsed::before {  transform: rotate(0);}
.section_funds .table-bordered thead td, .section_funds .table-bordered thead th {border-bottom-width: 0; background: none; background: var(--white_color); font-size: 14px; font-weight: 600; color: var(--primary_color); }
.section_funds .table-bordered td, .section_funds .table-bordered th {border: 1px solid #ccc; background-color: var(--white_color); font-size: 13px; color: var(--primary_color); font-weight: 400; }
.table_CTA {border: medium none;cursor: pointer;font-size: 14px;font-weight: 500;padding: 8px 20px;background-color: var(--secondary_color);font-family: var(--font_family_mulish);transition: all ease-in-out 0.3s;color: var(--white_color);width: auto;position: relative;z-index: 999;border-radius: 6px;}
.table_CTA:hover,.table_CTA:focus{background-color: var(--primary_color);color: var(--white_color);}
.rating_crisil:first-child {max-width: 160px; }
.rating_crisil p{font-size: 14px;margin-bottom: 0;}
.issuers_fd{padding: 30px 0;}
.images_fds {display: inline-block; width: 100%; text-align: center; }
.images_fds img {padding: 0 15px; max-height: 50px; }
.bg_change{background-color: var(--grey_color);}
.bg_change .accordion-title {background-color: var(--white_color);}
.pagination_blog {margin-top: 20px; }
.pagination {margin: 0 auto; margin-top: 10px; }
.pagination .page-item .page-link,.pagination_blog ul li a {padding: 7px 10px; color: var(--primary_color); border-color: #ccc;border: 1px solid #dee2e6;margin-left: -1px; }
.pagination .page-item .page-link:hover,.pagination_blog ul li a:hover { color: var(--white_color) !important; border-color: var(--secondary_color); background-color: var(--secondary_color); }
.pagination .page-item.active .page-link,.pagination_blog ul li.active a{background-color: var(--secondary_color);color: var(--white_color) !important;border-color: var(--secondary_color);}

.filter-area{width: 100%;background-color: #ddd;padding: 13px 15px;border-radius: 6px;align-items: end;display: flex;justify-content: space-between;}
.comparison_box1{width: 39%;}
.comparison_box2{width: 20%;}
.comparison_box3{width: 20%;}
.comparison_box4{width: 19%;}
.comparison_item{display: flex;justify-content: space-between;}
.comparison_item_under{width: 100%;}
.comparison_box1 .comparison_item_under{width: 49%;}
.comparison_item_under .form-control{width: 100%;font-size: 13px;height: auto;color: var(--primary_color);padding: 4px 8px;border-color: var(--primary_color);}
.filter-area p{font-size: 13px;font-weight: 500;margin-bottom: 5px;}
.filter-area-bond{background-color: #fba161;border-radius: 6px;}

.filter_txt .range-slider .irs--big .irs-min, .filter_txt .range-slider .irs--big .irs-max {background-color: #9f9f9f;font-size: 11px; }
.filter_txt  .range-slider .irs--big .irs-line {background: #9f9f9f !important; border: 1px solid var(--primary_color); }

.comparison_box4 .CTA_login{background-color: var(--primary_color);border-color: var(--primary_color) !important;border-radius: 7px !important;margin: 0 auto;margin-bottom: 0px;width: 100% !important;font-size: 13px !important;color: var(--white_color) !important;font-weight: 400 !important;height: 31px;max-width: 100%;padding-top: 5px !important;}
.comparison_box4 .CTA_login:hover,.comparison_box4 .CTA_login:focus{background-color: var(--secondary_color);border-color: var(--secondary_color) !important;}
.stucture_number {  display: none;}
.stucture_desc{width: 100%;border-radius: 6px;background: none;}
.stucture_desc::before {border-left: 20px solid var(--white_color);display: none;}
.stucture_desc a {  margin-top: 0;}
.stucture_box {background: var(--primary_color); background: -moz-linear-gradient(left, var(--primary_color) 0%, var(--green_color) 100%); background: -webkit-linear-gradient(left, var(--primary_color) 0%,var(--green_color) 100%); background: linear-gradient(to right, var(--primary_color) 0%,var(--green_color) 100%); }

.banner_box .banner_boximg, .banner_box .banner_boximg svg {max-width: 50px; }
.stucture_number{background-color: var(--white_color);border-top-left-radius: 8px;border-bottom-left-radius: 8px;}

.calculators{padding: 30px 0;}
.top_calculators{text-align: left;}
.calculate .btn-footer{background-color: var(--secondary_color);}
.calculator_area .form-control option {background-color: transparent !important; color: #333 !important; }
.bottom_calculators{display: flex;flex-wrap: wrap;/* justify-content: space-between; */margin-top: 30px;}
.box_calculators{width: 32%;margin-bottom: 25px;display: flex;margin-right: 2%;}
.box_calculators h4{margin-top: 20px;margin-bottom: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;font-weight: 600;-o-transition: 0.5s;color: var(--secondary_color);}
.box_calculators p{font-size: 14px;margin-bottom: 10px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;color: var(--primary_color);-o-transition: 0.5s;}
.box_calculators a{background: var(--white_color);background: -moz-linear-gradient(top, var(--white_color) 0%, var(--white_color) 100%);background: -webkit-linear-gradient(top, var(--white_color) 0%,var(--white_color) 100%);background: linear-gradient(to top, var(--white_color) 0%,var(--white_color) 100%);padding: 25px 20px;display: inline-block;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;border-radius: 6px;border: 1px solid #ccc;}
.box_calculators .calc_arrow{position: relative;height: auto !important;margin-bottom: 0;}
.box_calculators .calc_arrow svg{position: absolute;right: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.img_calculators svg{max-height: 60px;}
.box_calculators a:hover .img_calculators svg path,.box_calculators a:focus .img_calculators svg path{fill: var(--white_color);}
.box_calculators a:hover .img_calculators svg path.cls-11,.box_calculators a:focus .img_calculators svg path.cls-11{fill: transparent;stroke: var(--white_color)}

.box_calculators a:hover .calc_arrow svg,.box_calculators a:focus .calc_arrow svg {right: 0;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.box_calculators a:hover .calc_arrow svg path,
.box_calculators a:focus .calc_arrow svg path{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.box_calculators a:hover .calc_arrow rect,.box_calculators a:focus .calc_arrow rect{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.box_calculators:nth-child(3n) {margin-right: 0; }
.calculators_details{padding: 20px 0 40px;background: var(--bluelight_color);border-top: 1px solid #e1e1e1;}
.top_calculators_details h2{text-align: left;-webkit-text-fill-color: var(--primary_color);margin-bottom: 20px;}
.calculator_area{display: flex;flex-wrap: wrap;justify-content: space-between;}
.left_calculator_area{width: 68%;}
.chart_area_top{display: flex;justify-content: space-between;width: 100%;}
.right_calculator_area{width: 28%;background-color: var(--white_color);border-radius: 6px;border: 1px solid #ccc;}
.left_calculator_area .extra-controls{display: flex;justify-content: space-between;width: 100%;align-items: end;}
.left_calculator_area .input-group{display: inherit;margin-bottom: 20px;}
.rupee_area {width: auto;position: relative;max-width: 170px;}
.label_area {width: 50%; color: var(--white_color); }
.label_area label{margin-bottom: 0; padding-bottom: 0; }
.left_calculator_area .rel-group .form-control{width: 100%;text-align: center;}
.left_calculator_area .range-slider .irs--big .irs-min, .left_calculator_area .range-slider .irs--big .irs-max,.left_calculator_area .range-slider .irs--big .irs-single{display: none;}
.calculator_area .form-control {background-color: var(--white_color);color: var(--primary_color);border-radius: 6px;outline: none !important;box-shadow: none !important;border-color: var(--primary_color) !important;}
.rel-group .add-on-text2 {left: inherit; right: 0; font-size: 13px; top: 6px; }
.range_slider_area{width: 68%; }
.calculator_area .form-control::-webkit-input-placeholder {color: #ccc;opacity:1;}
.calculator_area .form-control:-moz-placeholder {color: #ccc;opacity:1;}
.calculator_area .form-control::-moz-placeholder {color: #ccc;opacity:1;}
.calculator_area .form-control:-ms-input-placeholder {color: #ccc;opacity:1;}
.chart_area{width: 28%;/* float: right; */}
.chart_area canvas{float: right;margin-bottom: 20px;}
.right_calculator_area p{padding: 15px 20px;border-bottom: 1px solid #ccc;width: 100%;margin-bottom: 0;font-size: 20px;}
.right_calculator_area a{padding: 10px 20px;border-bottom: 1px solid #ccc;width: 100%;display: inline-block;color: var(--primary_color);font-weight: 400;font-size: 14px;}
.right_calculator_area a.last-remove{border-bottom: none;}
.right_calculator_area a:hover,.right_calculator_area a:focus{background-color: var(--secondary_color);color: var(--white_color);font-weight: 400;}
.amount_cart p{font-size: 12px;color: var(--white_color);margin-bottom: 0;margin-top: 5px;border-bottom: 1px solid #ccc;padding:5px 0;}
.amount_cart p span.right{float: right;}
.amount_cart p span.color{width: 12px;height: 12px;background-color: var(--primary_color);display: inline-block;position: relative;top: 2px;border: 1px solid var(--white_color);}
.amount_cart p span.color.int_color{background-color: var(--green_color);}
.amount_cart p span.color.mon_color{background-color: #014ba1;}
.calculator_content{padding: 30px 0;}
.calculator_content strong{font-weight: 700;}
.calculator_content ul{padding-left: 16px;}
#loan-amt-text,#interest-rate-text,#loan-period-text{margin-bottom: 0;}
#price_amount,#price-container{color: var(--white_color);}

.chart_graph {margin-top: 20px;margin-top: 20px; }
.chart_graph h3{color: var(--primary_color);margin-bottom: 20px;}
#lineChart{padding: 20px;background-color: var(--white_color);}
.amount_cart p,#siOutput-01,#siOutput-02{color: var(--white_color);}
.label_area2{margin-bottom: 8px;}
.label_area2 label{color: var(--white_color);font-size: 14px;}
.calculator_area .label_area2 label,.calculator_area .label_area label{color: var(--primary_color);margin-bottom: 5px;}
.calculator_area .label_area2 label.error,.calculator_area .label_area label.error{color: red;margin-bottom: 0;}

.calculate,.result_area {margin-top: 25px; }
.calculate .btn-footer:hover,.calculate .btn-footer:active,.btn-calculate .btn-footer:hover{color: var(--white_color);}
.calculate .btn-footer:hover::before,.calculate .btn-footer:focus::before,.calculate .btn-footer::before,.btn-calculate .btn-footer::before,.btn-calculate .btn-footer:hover::before,.btn-calculate .btn-footer:focus::before{background-color: var(--primary_color);}
.btn-calculate .btn-footer:focus,.calculate .btn-footer:focus{color: var(--white_color);}
.amount_cart p span.right input {background-color: transparent; border: none; color: var(--white_color); text-align: right; }
.result{color: var(--primary_color);width: 100%;margin-bottom: 10px;}
.text-danger {color: red !important; font-size: 14px; }
.result-container.amount_cart {width: 50%;}
.breadcrumbs.breadcrumbs_cal {padding-bottom: 20px;background-color: transparent;}
.breadcrumbs.breadcrumbs_cal ul li a,.breadcrumbs.breadcrumbs_cal ul li:before {color: var(--blue_color);}
.breadcrumbs.breadcrumbs_cal ul li:before {color: var(--secondary_color);font-family: Georgia;content: ">";font-weight: 500;}
.breadcrumbs.breadcrumbs_cal ul li a.active {/* text-decoration: underline; */ color: var(--secondary_color); }
.color-white h3{color: var(--white_color);}
.table thead th,.table thead td,.table td, .table th{color: var(--white_color);font-size: 14px;padding:10px 10px;}

.section4 .table thead th, .section4 .table thead td, .section4 .table td, .section4 .table th {color: var(--primary_color); background: transparent;}

.HowitWorks_new{background: var(--white_color);padding: 50px 0;}
.top_HowitWorks_new{text-align: center;}
.top_HowitWorks_new h2{/* color: var(--white_color); *//* -webkit-text-fill-color: var(--white_color); */}
.top_HowitWorks_new p{/* color: var(--white_color); */}
.bottom_HowitWorks_new{display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }

.HowitWorks-img{width: 100%;text-align: center;margin: 0 auto;display: inline-block;}
.HowitWorks-img img{max-width: 70px;width: 100%;}
.HowitWorks-txt h4{text-align: center;color: var(--primary_color);}
.HowitWorks-txt {width: 100%; }

.box_HowitWorks_new{padding: 0;width: 32.5%;margin-bottom: 20px; min-height: 280px; text-align: center;position: relative;}
.box_HowitWorks_new .flip-box-front,.box_HowitWorks_new .flip-box-back{min-height: 280px;border-radius: 6px;background: #e4e4e4;box-shadow: 0 0 2px #e5e5e5;display: flex;position: relative;padding: 20px;flex-wrap: wrap;align-content: center;width: 100%;}
.box_HowitWorks_new .flip-box-front {min-height: 280px; position: absolute; top: 0; z-index: 900; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; cursor: pointer; }

.box_HowitWorks_new .flip-box-back {min-height: 280px;position: absolute;/* top: 0; */z-index: 1000;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;cursor: pointer;margin: 0 auto;}
.box_HowitWorks_new.flip .flip-box-front {z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg);}
.box_HowitWorks_new.flip .flip-box-back {z-index: 1000;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateX(0deg) rotateY(0deg);background-color: #fba161;}
.box_HowitWorks_new p{color: var(--primary_color);font-size: 16px;}
input[type='date'], input[type='time'] {-webkit-appearance: none; -moz-appearance: none; text-align: left; }
input::-webkit-date-and-time-value {text-align: left; }

.left_img img {max-width: 70px; }
.right_content p {padding-bottom: 4px;font-size: 14px;margin-bottom: 0;color: #878280;}
.right_banner .invest_txt{text-align: center;margin: 0;font-weight: 400;font-family: 'Fasthand', cursive;font-size: 42px;}
.item_height_area {width: 100%;}
.filter-area-fractional,.filter-area-bond {background-color: var(--primary_color)1f;border-radius: 6px;margin-bottom: 20px;display: none;/* border-top-left-radius: 0; *//* border-top-right-radius: 0; */border-top: 1px solid var(--grey_color);}
.filter-area-fds {display: none;border: 1px solid var(--darkblue_color);}
.filter-area-fractional.filteractive,.filter-area-fds.filteractive,.filter-area-bond.filteractive{display: flex;}
.cal-btn-redirect{margin: 0 auto;margin-top: 30px;display: inline-block;width: 100%;text-align: center;}
.cal-btn-redirect a{color: var(--white_color);margin-top: 0 !important;}
.myprofile_sec{padding: 40px 0;background-color: var(--grey_color);}
.top_myprofile_sec h2{text-align: left;}
.bottom_myprofile_sec{padding: 30px;background-color: var(--white_color);margin-top: 0;border-radius: 6px;}
.bottom_myprofile_sec h4{margin: 0;}

.bottom_myprofile_sec .radio_area{position: relative; }
.bottom_myprofile_sec .radio_area input[type=radio] {position: absolute; opacity: 0; }
.bottom_myprofile_sec .radio_area input[type="radio"] + label::before {content: ""; background: var(--white_color); border-radius: 100%; border: 1px solid var(--secondary_color); display: inline-block; width: 18px; height: 18px; position: relative; top: 2px; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; }
.bottom_myprofile_sec .radio_area input[type=radio]:checked + label::before {background-color: var(--secondary_color); box-shadow: inset 0 0 0 4px #f4f4f4; }

.bottom_myprofile_sec .form-area-login .form-control{height: 40px;}
.bottom_myprofile_sec .form-area-login label{width: 100%;display: inline-block;font-size: 15px;margin-bottom: 5px;}
.bottom_myprofile_sec h4 {margin-bottom: 12px;padding: 12px 15px;border-bottom: 1px solid #ccc;font-size: 18px;background-color: var(--grey_color);border-radius: 6px;cursor: pointer;display: inline-block;width: 100%;position: relative;}
.bottom_myprofile_sec h4:before{position: absolute;content: "";background-image: url(../../front/images/plus.png);right: 15px;top: 0;bottom: 0;left: 0;background-size: 18px;background-repeat: no-repeat;background-position: right center;}
.bottom_myprofile_sec h4.open:before{background-image: url(../../front/images/minus.png);}
.bottom_myprofile_sec .form-area-login{padding-top: 0;padding-bottom: 15px;}
.item-area1{display: none;}
.item-area1.open {  display: block;}
.bottom_myprofile_sec .form-area-login:last-child{padding-bottom: 0;}
.bottom_myprofile_sec .form-area-login .input-group{margin-bottom: 10px;}
.partner .bottom_myprofile_sec .form-area-login{padding-bottom: 0;}
.bottom_myprofile_sec .form-area-login .input-group a img {max-width: 150px; margin-top: 20px; max-height: 100px; }
.bottom_myprofile_sec .form-area-login .radio_area .form-control {width: auto !important;display: inline-block !important;height: auto;/* position: relative; *//* top: 2px; */}
.bottom_myprofile_sec .form-area-login .radio_area label{width: auto;}
.radio_area {width: auto;display: inline-block;margin-right: 20px;}
.radio_area label.error {position: absolute; top: 53px; left: 0; }
.bank_details{position: relative;padding: 10px 20px;border: 1px solid #ccc;border-radius: 5px;width: 100%;background-color: #f1f1f1;}
.bank_details h6{font-size: 15px; margin-bottom: 5px; }
.bank_details p{margin-bottom: 0; font-size: 14px; }
.bank_details a {position: absolute; right: 12px; top: 33%; color: var(--primary_color); }


.bottom_myprofile_sec .input-group{display: inline-block;}
.bottom_myprofile_sec .input-group .CTA_login {float: right;  margin-left: 20px;max-width: 100% !important;padding: 6px 20px 6px; }
.status-label-Closed {position: absolute;top: 20px;left: 20px;background-color: #EE4646;color: var(--white_color);padding: 5px 15px !important;border-radius: 6px;font-size: 12px;}
.status-label-Open, .status-label-Coming.Soon, .status-label-Join {position: absolute; top: 10px; left: 10px; background-color: #FF8300; color: var(--white_color); padding: 2px 12px 3px !important; border-radius: 20px; font-size: 12px; }
.investment_box_details{padding: 20px;background-color: var(--white_color);border-radius: 6px;display: flex;flex-wrap: wrap;border: 1px solid #ccc;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.investment_box_details:last-child{margin-bottom: 0;}
.details_investment{position: relative;width: 14%;text-align: center; }
.investment_box h5{margin-bottom: 10px; }
.investment_box{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.investment_box:last-child{margin-bottom: 0;padding-bottom: 0;border: none}
.investment_page {margin-bottom: 0;margin-top: 20px;}
.details_investment::before {position: absolute; content: ""; right: -39%; top: 0; height: 100%; width: 1px; background-color: #ccc; }
.details_investment:last-child::before{display: none;}
.details_investment p{margin: 0;font-size: 14px;}
.details_investment p.last{font-weight: 600;padding-top: 5px;}
.details_investment a{padding: 8px 16px;display: inline-block;}
.details_investment a:hover,.details_investment a:focus{color: var(--white_color);}
label.error,.error_m,.text-danger {color: red;font-size: 12px !important; }

.right_tab .sub_nav_area {list-style: none;width: 180px;position: absolute;top: 40px;left: 0;padding-top: 0;display: none;box-shadow: 0px 0px 5px #cccccc;z-index: 99;float: left;}
.right_tab .sub_nav_area li{width: 100%;}
.right_tab .sub_nav_area li a{padding: 10px 8px;width: 100%;text-align: left;background-color: var(--white_color);border-top: 1px solid #ccc;}
.right_tab:hover  .sub_nav_area,.right_tab:focus .sub_nav_area{display: block;}
.loadMoreBtn{font-size: 16px;padding: 10px 30px;border-radius: 6px;color: var(--white_color);background: var(--secondary_color) !important;border: none;position: relative;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.loadMoreBtn::before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary_color); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100%; border-radius: 6px; }
.loadMoreBtn:hover::before,.loadMoreBtn:focus::before{-webkit-transform: scaleX(1); transform: scaleX(1); border-radius: 6px; }
.left_banner svg path{display: none;}

/*popup*/
.swal2-html-container {font-size: 15px !important;margin-top: 5px !important;margin-bottom: 0 !important;}
.swal2-success,{background: var(--secondary_color) !important;}
.swal2-success .swal2-success-ring{border-color: var(--secondary_color) !important;}
.swal2-success-line-tip,.swal2-success-line-long{background: var(--secondary_color) !important;}
.swal2-confirm{background-color: var(--secondary_color) !important;min-width: 120px !important;box-shadow: none !important;}
.swal2-confirm:hover{background: var(--primary_color) !important;}
.swal2-success-fix{height: 5.5em !important;}
.swal2-container.swal2-center.swal2-backdrop-show {z-index: 99999999999; }
.swal2-actions button {border-radius: 30px !important; }
.swal2-popup.swal2-modal {background-color: #fff; }
#swal2-title {color: var(--secondary_color); }
.swal2-styled.swal2-deny{background-color: var(--primary_color) !important;}
.swal2-styled.swal2-deny:hover{background-color: var(--secondary_color) !important;}
.new-result-area {display: flex;flex-wrap: wrap;justify-content: space-between;}
#input_result,#input_result2,#mv,#im,#nroi,#arr {background-color: transparent; text-align: center; width: 100%; border: none; color: var(--primary_color);}
.new-result-area .price_box2{margin-bottom: 10px;background-color: var(--white_color);border-color: var(--secondary_color);max-width: 48%;width: 100%;color: var(--white_color);}
.new-result-area .price_box2 p{color: var(--primary_color);font-weight: 500;font-size: 16px;}
.new-result-area .price_box2:last-child{margin-right: 0;}
.new-result-area .price_box2 h2{-webkit-text-fill-color: var(--primary_color);color: var(--primary_color);}
.related_blog_details .what-we-offer > div {margin-bottom: 20px; }
.related_blog_details .what-we-offer > div:last-child {margin-bottom: 0; }
.related_blog_details .card {display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: inherit; align-items: flex-start; }
.related_blog_details .card-title {width: 45%; }
.related_blog_details .what-we-offer .card .card-img img {max-height: 150px; min-height: 150px; }
.related_blog_details .box-area{width: 53%;}
.related_blog_details .card .CTA2 {width: 100%; margin-top: -10px !important; }
.related_blog_details .what-we-offer .card h3{margin-bottom: 10px;padding-left: 0;margin-top: 15px;}
.related_blog_details .what-we-offer .row-card{padding-left: 0;}
.related_blog_details .CTA2 .btn-footer {padding: 7px 30px !important;width: auto !important;font-size: 14px !important;height: auto !important;float: none;}
.related_blog_details .card .CTA2 > div{margin-right: 20px;}
.col-md-12.rel-off {margin-top: 10px; }
.full_area{padding: 40px 40px;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: var(--white_color);align-items: center;border-radius: 6px;width: 100%;border: 1px solid #ccc;max-width: 502px;margin: 0 auto;}
.left_register {width: 60%;padding: 20px 0;}
.right_register {width: 100%;}
.login_area label {width: 100%;}
.login_area label.error {width: 100%;margin-bottom: 0;margin-top: 5px;}
.login_area label.error:before{display: none;}
.sendotp_sec .sendotp{color: #007bff;font-size: 14px;font-weight: 400;}
.sendotp_sec .sendotptime {color: var(--primary_color); font-size: 13px !important; margin-bottom: 0; font-weight: 400; }
.sendotp_sec {display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-top: 0; margin-bottom: 0; font-weight: 400; text-align: center; }



.carousel-item{display: block;}
.modal-backdrop {z-index: 9999; }
.ekko-lightbox.modal {z-index: 9999999; }
.filter_txt {display: flex; justify-content: space-between; width: 100%; position: relative; align-items: center; }
.filter_txt h6 {margin: 0;color: var(--primary_color);padding-left: 8px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.filter_txt i {font-size: 17px;display: inline-block;color: var(--primary_color);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.left_filter_txt {margin-left: 29px;}
.right_filter_area {display: flex; }
.filter_txt > .left_filter_txt {margin-left: 0; }
.right_investments_short .record_loader {height: 100%; z-index: 999 !important; text-align: center; width: 100%; margin: 0 auto; position: absolute; inset: 0; /* background: rgba(0,0,0,0.2); */ cursor: none; border-radius: 5px;}
.right_investments_short .record_loader img {position: absolute; inset: 0; margin: 0 auto; width: 100%; height: 100%; }
.form-shriram.blur,.form-mahindra.blur,.form-pnb.blur {filter: blur(2px);}
.record_loader{height: auto; z-index: 999 !important; text-align: center; width: 100%; margin: 0 auto; }
.record_loader img{ max-width: 60px; }
.left_filter_txt a{display: flex;}
.left_filter_txt a.dropdown-toggle:after{display: none;}
.navbar-expand .navbar-nav .dropdown-menu {position: absolute;z-index: 999;width: auto !important;left: 0;top: 29px;}
.left_filter_txt a:hover h6,.left_filter_txt a:focus h6,.left_filter_txt a:hover i,.left_filter_txt a:focus i{color: var(--secondary_color);}
.left_filter_txt .rotate_txt{margin: 0;transform: rotate(90deg);}
.open_filter {position: absolute; background-color: var(--white_color); max-width: 350px; right: 0; top: 35px; width: 100%; z-index: 9999; padding: 20px 13px; border-radius: 6px; box-shadow: 0px 0px 10px 0px #00000063; }
.accordion-filter .accordion-filtertitle {position: relative;margin: 0;padding: 10px;border-top: 1px solid #ccc;font-size: 14px;font-weight: normal;color: var(--primary_color);cursor: pointer;background-color: var(--grey_color);margin-bottom: 10px;}
.accordion-filter .accordion-filtertitle::after {content: ""; display: inline-block; width: 8px; height: 8px; border-right: 0.2em solid black; border-top: 0.2em solid black; transform: rotate(135deg); float: right; position: absolute; right: 12px; }
.accordion-filter .accordion-filtertitle.open::after {content: ""; transform: rotate(-45deg); right: 12px; top: 15px; }
.filter_category,.sortby_category{display: none;}
.filter_category.active_filter,.sortby_category.active_sortby{display: block;}
.filter_space{padding-bottom: 12px;text-align: center;}
.accordion-contentfilter{padding: 06px 0 16px;margin-bottom: 0;}
.filter_txt input,.filter_txt select {width: 100%; font-size: 14px; margin-top: 15px;color: var(--primary_color); border: 1px solid #ccc; }
.filter_txt select{margin-top: 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important; background: var(--secondary_color) !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important; background: var(--secondary_color) !important; border-radius: 50%; }
.range-value{margin-bottom: 0;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {border: none !important; background: var(--secondary_color) !important; font-weight: normal; color: var(--white_color); }
.ui-widget-header {border: 1px solid var(--grey_color) !important; background: var(--grey_color) !important; color: var(--primary_color); font-weight: bold; }
.space_area_range{padding: 0 10px;}
.filter_CTA {text-align: right; margin-top: 10px; }
.filter_CTA a {text-align: right; width: auto; display: inline-block; color: var(--white_color);}
.left_filter_txt .range-slider.range-slider-position-change .irs--big .irs-to {margin-left: -20px; }
.left_filter_txt .range-slider.range-slider-position-change .irs--big .irs-from {margin-left: 16px; }
.filter_CTA .btn-footer {border: medium none; cursor: pointer; font-size: 14px; font-weight: 500; padding: 7px 33px 9px; background-color: var(--secondary_color); font-family: var(--font_family_mulish); transition: all ease-in-out 0.3s; color: var(--white_color); width: auto; border-radius: 30px; margin-top: 0; }
.filter_CTA .btn-footer:hover {background-color: var(--primary_color); }
.nav-item.dropdown {display: flex;justify-content: space-between;/* align-items: center; */}
.nav-item.dropdown .form-control {height: auto !important; margin: 0; color: var(--primary_color); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; font-size: 1rem; border: none; background: transparent; background-image: none; outline: none !important; padding: 0; padding-left: 8px; box-shadow: none; font-family: var(--font_family_mulish); display: inline-block; width: auto;appearance: none !important; line-height: inherit;margin-top: -3px;cursor: pointer;}
.logo_same_page img {max-height: 57px;  max-width: 110px; }
.strata-logo .logo_same_page img {max-height: 45px; max-width: 140px; }
.property_25{width: 25%;}
.property_25 > .row{margin: 0 15px;}
.swal2-actions button{outline: none;}

#yubilisting .norecord_report {border: 1px solid #ccc; border-radius: 6px; background-color: var(--grey_color); }
.liquimoney {position: relative;padding: 0;background: linear-gradient(00deg, rgb(255, 230, 208) 10%, rgb(221, 234, 249) 87%);padding: 40px 0;}
.liquimoney h2{text-align: left;}
.liquimoney .container{position: relative;}
.playstore-links{margin-top: 15px;}
.playstore-links img{max-width: 170px;}
/* .liquirow {background-color: var(--white_color); padding: 70px 0; border-radius: 6px; } */

.liquimoney-img {text-align: center; }
.img-fluid {max-width: 100%;height: auto;}

.mobile-slider .item.slick-slide img {max-width: 240px; }
.mobile-slider{max-width: 700px;margin: 0 auto;}
.mobile-slider .slick-slide{display: flex; align-items: center; justify-content: center; transform: scale(0.9); transition: all 0.4s ease-in-out; }
.mobile-slider .slick-slide,
.mobile-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {transform: scale(0.8, 0.8); transition: all 0.4s ease-in-out; }
.mobile-slider .slick-center, .mobile-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {transform: scale(1); }
   .mobile-slider .slick-current.slick-active{transform: scale(1); }
   .mobile-slider .slick-current.slick-active img {z-index: 999;position: relative;}
   .mobile-slider .slick-next, .mobile-slider .slick-prev{z-index: 5; }
   .mobile-slider .slick-next{right: 15px; }
   .mobile-slider .slick-prev{left: 15px; }

   .vendor_details_sec{padding: 40px 0;background-color: var(--grey_color);}
   .vendor_details_sec .blog_details{width: 60%;margin-top: 0 !important; margin: 0;}
   .vendor_details_sec .related_blog_details{margin-top: 0;}

/*step form CSS*/
.step_sec{padding: 50px 0;background: linear-gradient(00deg, rgb(255, 230, 208) 10%, rgb(221, 234, 249) 87%);border-top: 1px solid #EDEDED;  border-bottom: 1px solid #EDEDED;height: calc(100vh - 147px);overflow-y: auto;}
.step_sec .container{/* max-width: 100%; */}
.top_step_sec{background-color: var(--white_color);padding: 30px;border-radius: 6px;/* box-shadow: 0px 0px 4px 2px #00000014; */border: 1px solid #ccc;}
.step_container{padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.step_container ul{list-style: none; display: flex; margin-bottom: 0; justify-content: space-between; }
.step_container ul li{text-align: center; padding: 0 10px; width: 25%; position: relative; cursor: pointer; }
.step_container ul li:before{position: absolute;content: "";width: 100%;height: 2px;background-color: var(--primary_color);top: 19px;}
.step_container ul li:last-child:before{display: none;}
.step_container ul li a .circle_number{width: 40px; height: 40px; background-color: var(--primary_color); color: var(--white_color); display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; margin-bottom: 10px; position: relative; z-index: 9; }
.step_container ul li a p{font-size: 14px; margin-bottom: 0;color: var(--primary_color) !important; }
.step_container ul li.active .circle_number/* ,.step_container ul li a:hover .circle_number,.step_container ul li a:focus .circle_number */{background-color: var(--secondary_color);}
.step_container ul li.active p/* ,.step_container ul li a:hover p,.step_container ul li a:focus p */{color: var(--secondary_color) !important;font-weight: 400;}
.top_step_form{text-align: center;margin-bottom: 30px;}
.step_form{padding: 30px 0px 0;display: inline-block;width: 100%;}
.top_step_form h5{margin-bottom: 5px;}
.step_form .form-area-login form{max-width: 100%;}
.step_form.bottom_myprofile_sec .input-group .CTA_login {float: right;font-size: 14px !important;margin-left: 0;width: auto;display: inline-block;border-radius: 30px !important;}
.step_form.bottom_myprofile_sec .input-group .CTA_login:hover,.step_form.bottom_myprofile_sec .input-group .CTA_login:focus{background-color: var(--primary_color);}
.step_form .col2 .verfied-CTA{margin-top: 27px;}
.small_alert{font-size: 14px;color: #df8888;}
#form_second{margin-top: 30px;padding-top: 30px;border-top: 1px solid #ccc;}
.file {background: url("../../front/images/file-attachment.svg") no-repeat calc(100% - 20px) var(--white_color); background-size: auto; background-size: 17px; }
.step_form.bottom_myprofile_sec .input-group textarea.form-control{height: 100px;}
.button_final{margin-top: 20px;}
.center_area {max-width: 500px; margin: 0 auto;}
.checkboxlink a{color: var(--secondary_color);}
.deleteCTA{margin-top: 10px;color: var(--secondary_color);display: inline-block;font-weight: 500;}
.deleteCTA:hover,.deleteCTA:focus{color: var(--primary_color);}
.step_form.bottom_myprofile_sec .input-group .CTA_login{background: var(--secondary_color); border: none; }
.step_form.bottom_myprofile_sec #form_fractional .input-group .CTA_login,.step_form.bottom_myprofile_sec #form_fd .input-group .CTA_login,.step_form.bottom_myprofile_sec #form_bond .input-group .CTA_login,.step_form.bottom_myprofile_sec #form_p2p .input-group .CTA_login,.step_form.bottom_myprofile_sec #form_sdi .input-group .CTA_login{float: none;}
.step_form.bottom_myprofile_sec .top_step_form a{margin-top: 30px;display: inline-block;}
.step_form.bottom_myprofile_sec .top_step_form a:hover,.step_form.bottom_myprofile_sec .top_step_form a:focus{color: var(--white_color);}
.step_form .checkmark {margin: 0 auto; margin-bottom: 30px; }
.step_form.bottom_myprofile_sec .form-area-login label,.step_form.bottom_myprofile_sec .input-group .CTA_login,.top_step_form h5,.step_container ul li a p {text-transform: capitalize; }
.step_form.bottom_myprofile_sec .form-area-login label.error {text-transform: inherit; }
.find_ifsc{position: absolute;right: 0;top: 0;color: var(--green_color);font-family: var(--font_family_mulish);font-weight: 400;letter-spacing: 0.5px;font-size: 15px;}
.alert-mismatched {text-align: center; padding-top: 30px; border-top: 1px solid #ccc; }
.alert-mismatched img{max-width: 40px;margin-bottom: 8px;}
.error_message{color: red;margin-top: 0;margin-bottom: 0;}
.form-area-login .loader {position: relative; top: inherit; left: inherit; width: auto; height: auto; transform: inherit; display: none; overflow: inherit; }
.form-area-login .loader img{max-width: 30px;}
#form_first .CTA_login.disabled {cursor: not-allowed; pointer-events: none;background: gray;}

.otp_succe_msg p {
   font-size: 15px !important;
   color: var(--primary_color);
   width: 100%;
   margin-bottom: 4px;
}
.otp_succe_msg a {font-size: 13px !important;color: var(--secondary_color);text-decoration: underline;}
.resendotp {
   font-size: 14px;
   color: var(--primary_color);
   font-weight: 400;
}
.resendotp:hover {color: var(--secondary_color); }

/*new design home page*/
.banner_new_version{display: flex;padding: 120px 0 100px;position: relative;}
.video_tag {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.banner_new_version::after{position: absolute;content: "";background-color: #ffffff8f;height: 100%;width: 100%;left: 0;right: 0;top: 0;bottom: 0;}
.video_tag video {width: 100%; height: 100%; object-fit: cover; }
.top_banner_new_version {z-index: 9;position: relative;width: 100%;}
.left_banner_new_version{width: 100%;}
.left_banner_new_version h1{font-size: 60px;margin-bottom: 40px;font-weight: 800;}
.left_banner_new_version h1 span{color: var(--secondary_color);}
.product_boxes{display: flex;flex-wrap: wrap;justify-content: space-around;}
/* .product_boxes_inner{width: 16%;margin-bottom: 0;} */
.product_boxes_inner{width: 19%;margin-bottom: 0;}
.product_boxes_inner a{border-radius: 6px;display: flex;height: 100%;position: relative;width: 100%;min-height: 158px;flex-wrap: wrap;overflow: hidden;justify-content: space-between;text-align: left;}
.product_boxes_inner .text_banner_new{width: 100%;}
.product_boxes_inner .subtext_banner_new{width: 100%;position: absolute;left: 0;top: 100%;/* height: 100%; */transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;background-color: #333333ed;border-radius: 6px;}

.product_boxes_inner img{max-width: 60px; }
.product_boxes_inner a h2{font-size: 17px;margin: 0;color: var(--primary_color);font-weight: 400;width: 100%;padding-top: 10px;text-align: center;line-height: 1.4;}
.product_boxes_inner a p{font-size: 14px;margin-bottom: 0;color: var(--white_color);position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);padding: 0 20px;font-weight: 300;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.product_boxes_inner a p span{border-bottom: 1px solid var(--secondary_color);margin-top: 15px;display: inline-block;color: var(--secondary_color);font-weight: 500;}
.bg_overlay {width: 100%; height: 100%; background-color: #000000; position: absolute; left: 0; top: 0; opacity: 0; border-radius: 6px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.product_boxes_inner a:hover .bg_overlay{opacity: 1;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.product_boxes_inner a .plus_icon{font-size: 22px;}
.right_banner_new_version{width: 100%;z-index: 99;text-align: center;}
.right_banner_new_version img {/*  right: 0; top: 110px; max-width: 390px; */ text-align: center; margin: 0 auto; width: 100%;}
.product_boxes_inner a .flip-box-front {min-height: 158px;padding: 20px 20px;z-index: 99999;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;cursor: pointer;box-shadow: 0 0 7px 3px #333333ed;background-color: var(--white_color);width: 100%;border-radius: 6px;display: flex;justify-content: revert;flex-wrap: wrap;align-items: flex-start;}
.product_boxes_inner a .flip-box-front p{display: none;}
.product_boxes_inner a .flip-box-back {min-height: 158px;position: absolute;top: 0;z-index: 1000;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;cursor: pointer;box-shadow: 0 0 7px 3px #333333ed;padding: 10px 20px;}
.product_boxes_inner a.flip .flip-box-front {z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg);}
.product_boxes_inner a.flip .flip-box-back {z-index: 1000;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateX(0deg) rotateY(0deg);background-color: #333333d1;}
.header {display: none; }

/**/

.black_CTA {border: medium none; cursor: pointer; font-size: 14px; font-weight: 400; padding: 10px 25px; background-color: var(--darkblue_color); transition: all ease-in-out 0.3s; color: var(--white_color); display: inline-block; margin-top: 30px; border-radius: 6px; }
/*effect-underline*/
/* .navigation_area ul li a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 2px; bottom: -4px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.navigation_area ul li a:hover::after,.navigation_area ul li a:focus::after,
.navigation_area ul li a.active::after { transform: scaleX(1);  transform-origin: bottom left;} */
.right_tab.textcolor:last-child img{max-height: 100% !important; max-width: 88px; display: inline-block; }
.iframe-sec {padding: 55px 20px 25px; text-align: right; }
.iframe-sec iframe {height: 75vh; }

/*how it works new sec*/
.HowitWorks_area{padding: 40px 0;background-color: var(--grey_color);}
.HowitWorks_area .inner_heading {margin-bottom: 80px;text-align: center;color: var(--blue_color);font-weight: 500;}
.main-timeline {position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sec-title {position: relative;text-align: left;margin-bottom: 0;font-weight: 600;}
.sec-title::after {content: "";position: absolute;width: 8rem;height: 2px;background: var(--secondary_color);left: 0;margin-left: -4rem;bottom: -.2rem;display: none;}
.main-timeline .timeline {position: relative;width: 33%;padding: 20px;display: inline-block;}
.main-timeline .timeline::before {content: ""; position: absolute; top: -20px; left: 93px; right: 0; background-image: url(../../front/images/dotsarrow.svg); width: 100%; background-size: 190px; background-repeat: no-repeat; background-position: top right; height: 100%; transform: rotate(3deg); }
.main-timeline .timeline:nth-child(2)::before{background-image: url(../../front/images/dotsarrow2.svg);top: 0px;}
.main-timeline .timeline:last-child::before{display: none;}
.main-timeline .timeline-icon img.img-fluid {max-width: 80px; }
.main-timeline .timeline-number {display: inline-block;width: 50px;height: 50px;border-radius: 50%;border: none;padding: 21px 13px;text-align: center;background: var(--blue_color);line-height: 32px;font-size: 26px;color: var(--white_color);left: 50%;position: relative;margin-bottom: 30px;margin-left: -25px;}
.main-timeline .timeline-number {width: 60px;height: 60px;line-height: 17px;font-size: 32px;position: absolute;top: -35px;left: 0;right: 0;margin: 0 auto;}
.main-timeline .timeline-icon {display: inline-block;margin-top: 40px;width: 100%;display: none;text-align: center;}
.main-timeline .timeline-content {width: 100%;padding: 0;margin: 0;position: relative;margin-top: 33px;text-align: center;}
.main-timeline .title2 {font-size: 20px;font-weight: 600;color: var(--blue_color);text-transform: uppercase;margin: 0 0 10px;}
.main-timeline .description {display: inline-block;font-size: 16px;color: var(--primary_color);line-height: 1.4;letter-spacing: 1px;margin: 0;}

/*agreement page*/
.agreement_area{margin: 0 auto; max-width: 600px; padding: 20px; background-color: var(--grey_color); border-radius: 6px; border-top: 2px solid var(--secondary_color); }
.agreement_area h3{text-align: center;margin-bottom: 20px;}
.box_agreement_area{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0; border-top: 1px solid #938c8c; }
.right_agreement_area p,.left_agreement_area p,.right_agreement_area{margin-bottom: 0; font-size: 15px; }
.right_agreement_area a {color: var(--primary_color); }
.right_agreement_area a:hover {color: var(--secondary_color); }
.view_agreement .custominput {margin-top: 22px; }
.view_agreement,.thankyou_payment_success{ margin: 0 auto; max-width: 600px;}
.link_view_agreement {margin-top: 20px;margin-bottom: 20px;}
.link_view_agreement a {color: #000; text-decoration: underline; }
.custominput{position: relative;}
.custominput input {opacity: 0; position: absolute; width: 20px; height: 20px; top: 0px; z-index: 5; }
.custominput span {font-size: 14px; color: var(--primary_color); position: relative; padding-left: 30px; padding-top: 0; width: auto; display: inline-block; line-height: 1.4; font-weight: 400; cursor: pointer; }
.login_area .custominput span {color: #999;font-size: 13px; }
.login_area .custominput span a {color: #999 !important; }
.login_area  .custominput input:checked ~ span::before, .login_area .custominput input:checked ~ label::before{color: #999;}
.login_area .custominput input ~ span::before, .login_area .custominput input ~ label::before{border-color: #999 !important;}
.iti__selected-flag { height: 50px !important;}
.custominput input ~ span::before,.custominput input ~ label::before {content: ''; background: var(--white_color); border: 1px solid var(--secondary_color) !important; border-radius: 0 !important; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0; position: absolute; left: 0; top: 0px; font-size: 18px; text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.custominput input:checked ~ span::before,.custominput input:checked ~ label::before {content: "\f00c"; font-family: 'FontAwesome'; background: var(--white_color); color: var(--secondary_color); line-height: 1.3; font-weight: 400; font-size: 14px !important; }
.thankyou_payment_success{text-align: center;margin-bottom: 30px;}
.thankyou_payment_success .checkmark__circle {stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #229322; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; background-color: #229322; color: #229322; fill: #229322; }
.thankyou_payment_success h3{color: #229322;margin-bottom: 3px;}
.thankyou_payment_success.payment_failed h3,.thankyou_payment_success.payment_failed p{color: red;}
.thankyou_payment_success.payment_failed img{max-width: 70px;margin-bottom: 20px;}
.view_agreement .custominput span a{color: var(--primary_color);}
#terms_steps-error:before{display: none;}
#terms_steps-error {position: absolute; bottom: -22px; }
.step_form.bottom_myprofile_sec .top_step_form.formarea2 a{margin-top: 0;margin-right: 20px;}
.step_form.bottom_myprofile_sec .top_step_form.formarea2 a:last-child{margin-right: 0px;}
.custominput span a{text-decoration: underline;}
.custominput span a:hover{color: var(--secondary_color);text-decoration: underline;}
#loadMoreDiv .empty,.bond_sec_area .empty {max-width: 100px; margin-bottom: 10px; }
.norecord_report{padding: 20px;text-align: center;background-color: var(--white_color);margin-bottom: 10px;}
.norecord_report a{margin-top: 10px;}
.norecord_report img {max-width: 130px; margin-bottom: 13px; }
/*bond*/
.section_funds .container{width: 95%;margin: 0 auto;}
.bond_sec_area{width: 100%; padding: 20px 30px; background-color: var(--white_color); border-radius: 6px; margin-bottom: 30px; position: relative; /* box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.07); */border: 1px solid #ccc; z-index: 99; border-bottom: 2px solid var(--secondary_color); position: relative; }
.bond_sec_area:last-child{margin-bottom: 0;}
.sdi_boxes.pb-5 {padding-bottom: 0 !important; }
.bond_sec_area_body {display: flex; justify-content: flex-start; }
.gov_bond{width: auto; display: inline-block; padding-left: 20px; }
.gov_bond p{margin: 0; border: 1px solid #929292; padding: 5px 15px; border-radius: 20px; font-size: 11px; width: auto; color: #585858; font-weight: 500; display: inline-block; background-color: transparent; margin-left: 10px; }
.bond_sec_area_title h3{font-weight: 500; }
.icon_bond_sec_area {position: relative; z-index: 99999; }
.icon_bond_sec_area::after{content:""; position:absolute; top: 37px; right: -50px; width: 0; height: 0; border-top: 20px solid var(--blue_color); border-right: 20px solid transparent; }
.bond_CTA {border: none;cursor: pointer;font-size: 16px;font-weight: 500;padding: 7px 33px;background-color: transparent;font-family: var(--font_family_mulish);transition: all ease-in-out 0.3s;color: var(--blue_color);width: auto;border-radius: 30px;position: relative;display: inline-block;}
.left_filter_txt .navbar {top: inherit; }
/* .bond_CTA:hover,.bond_CTA:focus{background-color: var(--blue_color) !important;border-color: var(--blue_color) !important;color: var(--white_color) !important;} */
.corporate_fds .bond_CTA,#bond-list .bond_CTA {background-color: var(--blue_color);color: var(--white_color);}
.corporate_fds .bond_CTA:hover,#bond-list .bond_CTA:hover {background-color: var(--secondary_color);color: var(--white_color);}
.icon_bond_sec_area strong{color: var(--white_color); font-size: 25px; position: absolute; background-color: #0a386c; text-align: center; right: -50px; top: 0; padding: 0 12px; z-index: 9999999; }
.bond_sec_space{display: flex; flex-wrap: wrap; margin-top: 17px; align-items: end; }
.bond_sec_item{width: 20%; padding-right: 10px; }
.bond-4sec .bond_sec_item{width: 25%; }
.bond_sec_item:last-child{padding-right: 0;text-align: center;}
.bond_sec_item_title, .fractional_sec_area_title {font-size: 14px; color: var(--primary_color); font-weight: 300; }
.bond_sec_item_subtitle,.fractional_sec_area_subtitle{font-size: 18px; color: var(--blue_color); padding-top: 5px; font-weight: 500; }
#disclaimer_popup p{font-size: 14px !important;}
#disclaimer_popup p a{ color: var(--primary_color);text-decoration: underline;}
#disclaimer_popup p a:hover{ color: var(--secondary_color);}
.box_multivendor_sec .disclaimer_bond a {float: left; font-size: 12px !important; text-align: center; }

/*coming soon*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
.coming_soon_sec{background-color: var(--grey_color);padding: 50px 0;text-align: center;}
.coming_soon_sec img {max-width: 600px; width: 100%;}
.coming_soon_sec h3 {font-style: italic; max-width: 1100px; margin: 0 auto; margin-top: 30px; font-family: 'Merriweather', serif;font-size: 28px;width: 100%;}
.coming_soon_sec h1 {margin-bottom: 30px; color: var(--secondary_color);font-weight: 800; }
#withdrawModal .modal-dialog {max-width: 1100px; }
.Withdraw_details{padding: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.top_Withdraw_details{width: 48%;position: relative;}
.top_Withdraw_details:first-child::before {border-right: 1px solid #ccc; content: ""; position: absolute; right: -4%; bottom: 0; left: 0; top: 0; }
.Withdraw_details_txt p{font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.withdraw_checkbox{padding: 0 20px;}
.withdraw_checkbox .view_agreement{max-width: 100%;}
.withdraw_checkbox .custominput{margin-top: 0;}
.withdraw_checkbox .top_step_form a{display: inline-block;}


/*blog Featured Product*/
.related_blog_details .icon_bond_sec_area {margin-bottom: 5px; }
.related_blog_details .icon_bond_sec_area strong {font-size: 18px; }
.related_blog_details .bond_sec_area_body {flex-wrap: wrap; }
.related_blog_details .bond_sec_area_title {width: 100%; }
.related_blog_details .bond_sec_area_title h3 {font-size: 20px; }
.related_blog_details .bond_sec_space {align-items: start; }
.related_blog_details .bond_sec_item, .related_blog_details .fractional_sec_area_card {padding-right: 10px; padding-bottom: 5px; }
.related_blog_details .bond_sec_item, .related_blog_details .fractional_sec_area_card {width: 50%; padding-right: 10px; }
.related_blog_details .bond_sec_item_title, .related_blog_details .bond_sec_item_subtitle, .related_blog_details .fractional_sec_area_title, .related_blog_details .fractional_sec_area_subtitle {font-size: 14px; }
.related_blog_details .bond_sec_item:last-child {margin-top: 10px; }
.related_blog_details .bond_CTA {padding: 7px 23px; }
.related_blog_details .bond_sec_item:last-child {width: 100%; margin-top: 10px; }
.related_blog_details .icon_bond_sec_area strong {left: 0; right: inherit; position: relative; padding: 3px 10px; }
.related_blog_details .icon_bond_sec_area::after{display: none;}
.related_blog_details .fractional-listing1 .card {border: none; background-color: transparent; margin-bottom: 0; display: inline-block; }
.related_blog_details .left_fractional_sec_area {max-width: 100%; }
.related_blog_details  .right_fractional_sec_area {width: 100%; padding-top: 5px; }
.related_blog_details .box-area {width: 100%; }
.related_blog_details .what-we-offer .card h3 {margin-bottom: 0 !important;padding-left: 0 !important; }
.related_blog_details .fractional_sec_area_CTA2_new {text-align: center; }

/*unsubscribe*/
.unsubscribe_sec{padding: 150px 0;background-color: var(--grey_color);border-radius: 6px;}
.top_unsubscribe_sec{max-width: 500px;margin: 0 auto;background-color: var(--white_color);padding: 30px;text-align: center;box-shadow: 0 0 8px #00000026;border-radius: 6px;}
.top_unsubscribe_sec img{max-width: 60px;}
.top_unsubscribe_sec h3{margin-top: 20px; margin-bottom: 10px; }
.top_unsubscribe_sec p a{color: var(--secondary_color);position: relative;}


/*hide overflow*/
.liquimoney,.calulator_sec,.over_expert,.investments_short,.HowitWorks_area,.blog_categories,.calculators_details,.dashboard_page{overflow-y: hidden !important;}
.maintenance_sec{padding: 40px 0;text-align: center;background-color: var(--grey_color);}
.maintenance_center{text-align: center;}
.maintenance_center h2{padding-top: 30px; text-transform: uppercase; color: var(--secondary_color); margin: 0;} 
.maintenance_center h1{text-transform: uppercase; font-weight: 500; margin: 0;color: #000; }
.maintenance_center img { max-width: 730px;}
/*step3 form*/
.accordian_payment .accordion-title2 {display: flex; }
.accordian_payment .accordion-title2>span {display: inline-block !important; }
.personaldetails {padding: 10px 0; display: flex; justify-content: space-between; max-width: 100%; margin: 0 auto; flex-wrap: wrap; }
.accordion-content2 li .top_personaldetails p {padding: 0px; font-size: 15px; margin-bottom: 0 }
.top_personaldetails {width: 100%; }
.top_personaldetails .col2 {padding: 10px 0; border-bottom: 1px solid #ccc; align-items: center; }
.CTA_personaldetails {width: 100%; display: flex; justify-content: end; }
.CTA_personaldetails a:last-child {margin-left: 2%; }
.accordian_payment .accordion {display: flex; justify-content: space-between; flex-wrap: wrap; }
.accordian_payment .accordion>li {width: 49%; list-style: none; margin-bottom: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 6px; }
.accordian_payment .accordion li {list-style: none; position: relative; }
.verified_sec {position: absolute; right: 10px; top: 0px; color: green; font-size: 34px; }
.verified_sec span{font-size: 12px !important;}
.top_add_bank_details {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 60px 20px;text-align:center; }
.top_add_bank_details i{font-size:30px;color:var(--primary_color);}
.top_add_bank_details h5{width:100%;padding-top:10px;color:var(--primary_color);}
.top_add_bank_details:hover i,.top_add_bank_details:hover h5{color:var(--secondary_color)}
.verified_KYC_CTA{display: inline-block;}
.verified_KYC_CTA:hover{color: var(--white_color) !important}

.toast-item-wrapper.success {background-color: rgba(52, 195, 143, .18); border: 1px solid #066945; color: #066945;}
p.toast-title {font-size: 14px; }
.toast-item-wrapper i.toast-icon {top: 10px; font-size: 20px; }
.toast-item-wrapper .toast-close {top: 6px; }
.toast-item-wrapper.error {    background-color: #fbeeeb;border: 1px solid #e0b0a5; color: #e45d2f; }
.toast-item-wrapper.error .toast-title {color: #212121;}
.toast-item-wrapper.toast-bottom-left {width: 100%; max-width: 89%; }



.trusted_partner_sec {margin-top: -71px; position: relative; }
.our_partners-logos .slick-list,.our_partners-logos .slick-track{height: 100%;}
.our_partners-cnt {background: #fff; min-height: 138px; border-radius: 6px; display: flex; justify-content: space-between; background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 6px #00000036; }
.our_partners-hd {font-size: 28px;color: #fff;font-weight: 400;padding-left: 30px;line-height: 1.3;padding-top: 32px;width: 170px;background: #e66e26;border-radius: 20px 0 0 20px;}
.our_partners-logos {width: 100%;padding: 0 20px;}
.our_partners_slider {width: 100%;text-align: center;height: 100%;}
.our_partners_slider .item{text-align: center; height: 100% !important;}
.item_center {display: flex; align-items: center; justify-content: center; height: 100%; }
.item_center img {max-width: 190px; max-height: 50px; }
.left_uploadsteps{width: 15%}
.right_uploadsteps{width: 83%;}
.form-area-login .left_uploadsteps .form-control.file {height: 97px; padding-right: 20px !important; background: url("../../front/images/file_plus.png") no-repeat calc(100% - 20px) var(--white_color); background-position: center center;background-size: 35px;font-size: 0; }
#profile_pic_image_div #profile_pic_link {display: flex; justify-content: center; align-items: center; height: 98%; background-color: #fff; border-radius: 6px; width: 98%; margin: 0 auto; margin-top: 23px; }
.bottom_myprofile_sec .form-area-login .input-group a img {max-width: 100%; margin-top: 0; max-height: 85px; display: inline-block; border-radius: 6px;}
.removeImg {font-size: 13px; color: #000; /* font-weight: 500; */ width: 27px; height: 27px; border-radius: 50px; border: none; position: absolute; right: 10px; top: 30px; background-color: #fff; cursor: pointer;z-index: 999999;}
#profile_pic_image_div {position: absolute; left: 0; top: 0; text-align: center; z-index: 9; height: 97px; margin-top: 51px; }
.border-remove{border-top: none;}
#pan_image_div {margin-top: 10px; }
.fancybox-container {z-index: 99999999 !important; }
.sdi_area_title img {max-width: 110px; padding-right: 10px;max-height: 40px; }
.sdi_area_title h3{display: flex;align-items: center;}
.sdi_area_body {align-items: center;}
.sdi_area_title {width: 83%; }

.section_grip{padding: 50px 0;background-color: var(--grey_color);}
.left_section_grip{width: 60%;}
.right_section_grip{width: 38%;padding: 30px;background-color: var(--white_color);border-radius: 6px;}
.right_section_grip .form-group2{position: relative;}
.left_section_grip .grip_logo{max-width: 120px;}
.left_section_grip .bond_sec_space {align-items: flex-start; justify-content: space-between; }
.left_section_grip .bond_sec_item {width: 49%;text-align: left;margin-bottom: 15px;padding: 10px 20px;/* border: 1px solid #ccc; */box-shadow: 0 0 2px #ccc;border-radius: 6px;background: var(--white_color);}
.input-number {width: 150px; padding: 5px 12px; vertical-align: top; text-align: center; outline: none; margin: 0 10px; border-radius: 6px; }
.input-number,.input-number-decrement,.input-number-increment {border: 1px solid #ccc;height: 40px;user-select: none;}
.input-number-decrement,.input-number-increment {display: inline-block;width: 40px;line-height: 0;background: var(--secondary_color);color: var(--white_color);text-align: center;font-weight: bold;cursor: pointer;border-radius: 50px !important;border-color: var(--secondary_color);font-size: 23px;padding: 9px 8px 12px 9px;}
.input-number-decrement:active,.input-number-increment:active {background: var(--primary_color); border-color: var(--primary_color); }
.input-number-decrement {border-right: none; border-radius: 4px 0 0 4px; }
.input-number-increment {border-left: none; border-radius: 0 4px 4px 0; }
.form-group2{text-align: center;width: 100%;}
.form-group2 label {width: 100%; color: var(--blue_color); font-weight: 500; font-size: 13px; }
.amout_grip{margin-bottom: 0;padding: 10px 0;border-top: 1px solid #ccc;background-color: var(--white_color);}
.amout_grip p{margin-bottom: 0;}
.amout_grip:last-child{border-bottom: none}
.Visualise-area{text-align: center;}
.Visualise-area a{color: var(--blue_color);font-weight: 500;}
.Visualise-area img {max-width: 20px; position: relative; top: -2px; }
.btn-group-new {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; width: 100%; }
.btn-group-new .btn-footer{width: 100%;}
.bottom_myprofile_sec .form-area-login .delete_OTP .input-group .CTA_login.form-control,#sendotp_btn_div .input-group .CTA_login{ float: none;}
#otp_send_notification {margin-bottom: 10px; display: inline-block; }
.table_returns {max-height: 280px; overflow-y: auto;  }
.table_returns th {font-weight: 500; font-size: 12px; line-height: 16px; color: var(--primary_color); text-align: left; padding-bottom: 8px; text-align: center; min-width: 140px; }
.table_returns td{font-weight: 400; font-size: 12px; line-height: 16px; color: var(--primary_color); text-align: left; padding-bottom: 8px; text-align: center; min-width: 140px; }
.VisualReturns_BondsTable__OQhZd {width: 98%; }
.Selected_grip p{margin-bottom: 0;font-size: 14px;}
.Risk_Disclosures ul li,.AboutLessee ul li{margin-bottom: 10px;}
.Risk_Disclosures ul,.AboutLessee ul{padding-left: 16px;}
.notes_grip p,.notes_grip li{font-size: 13px;margin-bottom: 5px;}
.notes_grip ul{padding-left: 16px;}


.center_area .radio_area{position: relative;width: 48% !important;}
.center_area .radio_area:last-child{margin-right: 0;}
.center_area .radio_area input[type="radio"]{opacity: 0;position: absolute;}
.center_area .radio_area label {position: relative; color: var(--primary_color); font-family: "Poppins", sans-serif; cursor: pointer; display: inline-block; align-items: center; gap: 0.8em; border: 2px solid var(--primary_color); padding: 12px; border-radius: 0.5em; background-color: #fff; width: 100% !important; }
.center_area .radio_area label::before {content: ""; height: 15px; width: 15px; border: 3px solid #e66e26; border-radius: 50%; left: 0; top: 36%; bottom: 0; position: absolute; bottom: 0; }
.center_area .radio_area input[type="radio"]:checked + label:before { top: 0px;border-color: var(--primary_color);}
.center_area .radio_area input[type="radio"] + label:before,.center_area .radio_area input[type="radio"]:checked + label:before { top: 2px;}
.center_area .radio_area input[type="radio"]:checked + label {background-color: #e66e26; color: #ffffff; border-color: #e66e26; }

.wizard .center_area .radio_area input[type="radio"]:checked + label::before,.wizard .center_area .radio_area input[type="radio"] + label::before {top: 2px; }

.amout_grip_area .accordion-title {padding: 0 0 0 0; }
.amout_grip_area ul li .amout_grip {padding: 0; border: none; }
.amout_grip_area ul li .amout_grip p {padding: 2px 0px  !important; font-size: 13px; }
.amout_grip_area ul.accordion-content {padding: 0; }
.amout_grip_area .accordion-title::after {right: 0px; background: url(../../front/images/arrow-down-sign-to-navigate.png) center no-repeat; background-size: 13px; background-position: center center; width: 18px; height: 30px; top: 8px; transform: rotate(0); }
.amout_grip_area .accordion-title.open::after {transform: rotate(-180deg); top: 8px; }
.amout_grip_area  .amout_grip p:last-child {position: relative; right: 20px; }
.amout_grip_area .amout_grip p strong{font-weight: 500;}
.right_grip_logo_months{position: relative;}
.right_grip_logo_months p {position: relative; display: inline-block; background-color: var(--secondary_color); overflow: hidden; right: 0; top: 0; z-index: 9; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,9% 50%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%,9% 50%); width: auto; margin-bottom: 0; }
.right_grip_logo_months p span {font-weight: 400; font-size: 12px; line-height: 1; color: var(--white_color); position: relative; padding: 4px 10px 4px 19px; position: relative; top: -1px; }
.grip_badgescommon ul li {padding: 4px 12px 6px;font-weight: 500;font-size: 12px;margin-right: 10px;line-height: 20px;color: var(--blue_color);background: var(--white_color);border-radius: 6px;display: inline-block;}
.grip_badgescommon ul li p{font-weight: 500; font-size: 12px !important; line-height: 20px; color: var(--blue_color); margin-bottom: 0; }

.checkbox_toggle{display: flex;padding: 10px;border: 1px solid #ccc;border-radius: 6px;background-color: var(--white_color);justify-content: space-between;align-items: center;width: 49%;}
.form-shriram #investerType input[type=checkbox],.form-mahindra #investerType input[type=checkbox],.form-pnb #investerType input[type=checkbox]{height: 0; width: 0; visibility: hidden; opacity: 0; display: none; }
#investerType {display: flex; justify-content: space-between; }
.form-shriram #investerType label,.form-mahindra #investerType label,.form-pnb #investerType label {cursor: pointer; text-indent: -9999px; width: 70px; height: 35px; background: var(--primary_color); display: block; border-radius: 100px; position: relative; margin-bottom: 0; }
.checkbox_toggle p{padding-right: 10px;}
.form-shriram #investerType label:after,.form-pnb #investerType label:after {content: ''; position: absolute; top: 5px; left: 8px; width: 25px; height: 25px; background: #fff; border-radius: 90px; transition: 0.3s; }
.form-shriram #investerType input:checked + label,.form-pnb #investerType input:checked + label {background: var(--secondary_color); }
.form-shriram #investerType input:checked + label:after,.form-pnb #investerType input:checked + label:after {left: calc(100% - 8px); transform: translateX(-100%); }
.form-shriram #investerType label:active:after,.form-pnb #investerType label:active:after {width: 25px; }
.form-mahindra .checkbox_toggle{width: 100%;}
.form-mahindra #investerType label:after {content: ''; position: absolute; top: 5px; left: 8px; width: 25px; height: 25px; background: #fff; border-radius: 90px; transition: 0.3s; }
.form-mahindra #investerType input:checked + label {background: var(--secondary_color); }
.form-mahindra #investerType input:checked + label:after {left: calc(100% - 8px); transform: translateX(-100%); }
.form-mahindra #investerType label:active:after {width: 25px; }
#termsAndConditionModal .modal-dialog {max-width: 1200px; position: relative;}
#termsAndConditionModal .close {top: 6px; right: -2px;}
body .irs {font-size: 14px; font-family: var(--font_family_mulish);}
.right_investments_short .range-slider .irs--big .irs-line,.right_investments_short .irs--big .irs-bar{height: 24px;}
.right_investments_short .irs--big .irs-handle {width: 38px; height: 38px; }

.sign_agreement_grip ul {padding-left: 16px; margin-bottom: 0; }
.sign_agreement_grip li {margin-bottom: 5px; font-size: 16px; }
.sign_agreement_grip p,.sign_agreement_grip strong {margin-bottom: 10px; font-size: 16px; }
.sign_agreement_grip .o-video {position: relative; padding-bottom: 53%; }
.sign_agreement_grip iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.right_tab.textcolor .sub_link_area {text-overflow: ellipsis; width: 121px; white-space: nowrap; overflow: hidden; }


.ptt-one-entry .col-lg-3.col-md-3.col-sm-2.col-xs-12,.ptt-one-entry .col-lg-3.col-md-3.col-sm-2.col-xs-2 {padding: 0; }
.hbits-right_CTA .bond_CTA{float: right;}
.hbits-right_CTA .bond_CTA:hover{color: var(--secondary_color);}
.blog_partner_area {padding: 16px 20px; border: 1px solid #ccc; display: inline-block; width: 100%; border-radius: 6px; box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.07); margin-bottom: 20px; }
.blog_partner_area img {max-height: 26px; height: auto; }
.blog_partner_area p{margin: 0;font-size: 14px !important;margin-top: 0;color: var(--primary_color);display: inline-block;border-bottom: 1px solid var(--secondary_color);font-weight: 600;}
.blog_partner_box {text-align: center;display: flex; justify-content: space-between;}
.blog_partner_box > div{text-align: center;}

.section_sdi .sticky-nav {background-color: transparent; border-bottom: none; padding: 20px 0; /* background-color: #fff; */ z-index: 9999; }
.sdi-tabs ul li{display: inline-block;padding-right: 10px;list-style: none;}
.sdi-tabs ul li:last-child{padding-right: 0;}
.sdi-tabs ul li a {padding: 12px 16px; text-align: center; color: #333; border-radius: 6px; font-weight: 500; font-size: 13px; display: inline-block; border: 1px solid #333; background-color: #fff; }
.section_funds.section_sdi .container {width: 100%; }
.sdi_boxes #bond-list {margin-top: 0 !important; }
.section_sdi.navbar-shrink {position: relative; }
.section_sdi .sticky-nav.navbar-shrink {position: sticky; left: 0; right: 0; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3);top: 75px; }
.section_sdi .sticky-nav .container{padding: 0 15px;}
.section_sdi .sticky-nav.navbar-shrink .container{padding: 0 15px;}

.sdi-tabs ul li a:hover,.sdi-tabs ul li.active a {background-color: var(--secondary_color) !important; color: #fff !important; border-color: var(--secondary_color) !important; }
.sdi-tabs ul li.active{display: inline-block !important;}
.sdi_listbox {padding-top: 20px; }
.sdi_listbox h2{color: var(--secondary_color);}


.disclaimer_area a {color: var(--secondary_color); font-size: 14px !important; display: inline-block; border-bottom: 1px solid var(--secondary_color); }
.disclaimer_area a:hover {color: var(--blue_color); border-color: var(--blue_color); }
#disclaimer_popup .modal-body {max-height: 350px; overflow-y: scroll; }
.ekko-lightbox-container {position: relative; height: 100% !important; }
.ekko-lightbox iframe {width: 100%; height: 100%; position: relative; left: 0; right: 0; bottom: 0; right: 0; padding: 0; height: 168px; }

.howitwork_sec{display: flex;flex-wrap: wrap;justify-content: space-between;}
.howitwork_sec_box {width: 49.5%; background-color: #fff; padding: 40px 20px; border-radius: 6px; position: relative;margin-bottom: 40px;box-shadow: 0 1px 4px rgba(0,0,0,0.3); }
.howitwork_sec_top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.howitwork_sec_icon {width: 25%; text-align: center; }
.howitwork_sec_text{width: 73%;}
.howitwork_sec_number {font-size: 18px; font-weight: 600; height: 42px; width: 42px; background-color: var(--secondary_color); border-radius: 50%; color: var(--white_color); position: absolute; top: -21px; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.howitwork_sec_icon img {max-width: 130px; max-height: 98px; }
.image_result {max-width: 180px; margin: 15px 0; }


/*---------multistep form-------------*/
.register-form-content{justify-content: center; }
.register-form-content .page-ath-form{padding-bottom: 0px; }
.register-form-content .form-align-box,
.register-form-content .page-ath-form,
.register-form-content .wizard,
.register-form-content .register-wizard-box,
.register-form-content .tab-content,
.register-form-content .wizard .tab-pane{height: 100%; }
.register-form-content .page-ath-header{display: none; }
.register-wizard-box .tab-pane h4{margin-top: 0px; font-size: 18px; color: #8e8c8c; margin-bottom: 12px; }
.register-wizard-box .tab-pane h3{font-size: 26px; font-weight: 700; color: #231f20; padding-bottom: 25px; }
.wizard {position: relative; }
.wizard .nav-tabs {position: relative; margin-bottom: 0; border-bottom-color: transparent; display: flex; justify-content: space-between; }
.wizard .nav-tabs > li > a.active .round-tab, 
.wizard .nav-tabs > li > a.active:hover .round-tab, 
.wizard .nav-tabs > li > a.active:focus .round-tab{cursor: default; background-color: var(--secondary_color) !important; color: #fff; }
.wizard li.active span.round-tab {background: #0db02b; color: #fff; border-color: #0db02b; }
.wizard li.active span.round-tab i{color: #5bc0de; }
.wizard .nav-tabs > li.active > a i{color: #0db02b; }
.wizard .nav-tabs > li a .round-tab {width: 17px; height: 17px; color: #fff; font-weight: 600; background-color: var(--primary_color) !important; display: inline-block; border-radius: 50%; top: 3px; text-align: center; z-index: 1; position: relative; transition: 0.5s; transform: inherit !important;-webkit-transform: inherit !important;}
.wizard .nav-tabs > li:before,
.wizard .nav-tabs > li:after{content: ''; position: absolute; height: 2px; width: 96%; top: 50%; background-color: var(--primary_color); left: 10px; transition: 0.5s; }
.wizard .nav-tabs > li:after{/* background-color: green; */ width: 0; }
.wizard .nav-tabs > li.done a .round-tab {background-color: var(--secondary_color); color: #fff; }
.wizard .nav-tabs > li.done:after{width: 96%; }
.wizard .nav-tabs > li.done.active a .round-tab{background-color: #5161ce; color: #fff; }
.wizard .nav-tabs > li.done.active ~ li .round-tab {background: var(--primary_color); color: var(--primary_color); }
.wizard .nav-tabs > li.active:after, 
.wizard .nav-tabs > li.active~li:after{width: 0; }
.wizard .nav-tabs > li:last-child:before,
.wizard .nav-tabs > li:last-child:after{display: none; }
.wizard .nav-tabs > li a.disabled{cursor: not-allowed; }
.wizard .nav-tabs > li a i{position: absolute; top: -15px; font-style: normal; font-weight: 400; white-space: nowrap; left: 50%; transform: translate(-50%, -50%); font-size: 12px; font-weight: 700; color: #000; }
.wizard .tab-content>.active{display: flex; justify-content: space-between; flex-direction: column; }
.wizard .tab-pane {position: relative; padding-top: 30px; }
.wizard .center_area .radio_area {width: 100% !important; margin-bottom: 10px !important; margin-right: 0 !important; }


/**/
.left_expert {width: 39%;}
.right_expert {width: 58%;}
.left_expert .box_over_expert, .left_expert .box_over_expert a {display: block; width: 100%; }
.right_expert .left_over_expert img { object-fit: cover; }
.left_expert .left_over_expert{width: 100%;}
.left_expert .right_over_expert{width: 100%;padding: 20px 0;}
.top_newsec .right_multivendor::before{display:none;}
.top_newsec .box_multivendor_sec{background-position: right;background-repeat: no-repeat;background-size: cover;}
.top_newsec .right_multivendor{width:70%;}

.Lendenclub_sec{display: flex;justify-content: space-between;flex-wrap: wrap;}
.right_investments_short .Lendenclub_sec .Lendenclub_range{width: 100%}
.Lendenclub_sec #ajax_result{width: 100%}
.preference_sec{border-top: 1px solid #ccc;}
.preference_Lendenclub .custominput label {position: relative; padding-left: 30px; }
.preference_Lendenclub .custominput input + label::before { top: 2px;}
.lendenclub_invest .box_multivendor_sec{width: 50%;margin-bottom: 15px;
  background-color: var(--white_color);
  padding: 30px 40px;
  border-radius: 6px;
  border: 1px solid #ccc;}
  .lendenclub_invest .box_multivendor_sec .benefits_sec{background-color: transparent !important;padding: 0;}
  .lendenclub_invest .box_multivendor_sec .right_multivendor p {
    width: 49%;font-size: 13px;
    display: inline-block;text-align: left;margin-bottom: 15px;
}
.lendenclub_invest .box_multivendor_sec .right_multivendor p span {
    width: 100%;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--blue_color);
}
.preference_checkbox .custominput{width: auto;margin-right: 15px;display: inline-block;}
#termsmyModal p{font-size: 10px !important;margin-bottom: 5px;}
#termsmyModal h5{font-size: 12px !important;}
#indiabonds_termsmyModal h5 {font-size: 12px !important; }
#indiabonds_termsmyModal p {font-size: 10px !important; margin-bottom: 5px; }
.preference_box p{font-size: 14px;}

#yubi_summery_investment .center_area{max-width: 100%;}
.sdi_nodata{padding: 20px; border: 1px solid #ccc; margin-top: 20px; background-color: #fff; border-radius: 6px;}
.sdi_nodata p:last-child{margin-bottom: 0;}
#fo-list-view_wrapper .tab-content {padding: 20px; border: 1px solid #ccc; border-top: 0; }
#fo-list-view_wrapper .nav-tabs .nav-item .nav-link{color: var(--primary_color); background-color: #fff; border-color: #ccc #ccc #ccc; }
#fo-list-view_wrapper .nav-tabs .nav-item.show .nav-link, #fo-list-view_wrapper .nav-tabs .nav-link.active {color: var(--white_color); background-color: var(--secondary_color); border-color: var(--secondary_color) var(--secondary_color) var(--secondary_color); }
#fo-list-view_wrapper .norecord_report {border: 0; padding: 0; margin-bottom: 0; background-color: transparent; }
div#loader_div {max-width: 60px; margin: 0 auto; }
.vendor_logoes_area {max-width: 480px; margin: 0 auto; display: flex; justify-content: space-between; }
.vendor_logoes_area img {max-height: 40px; }
.arrow {transform: rotate(-90deg); cursor: pointer; margin-top: 10px; }
.vendor_init {padding: 30px 20px; border: 1px solid #ccc; border-radius: 6px; background-color: #fbfafa; }
.arrow span {display: block; width: 20px; height: 20px; border-bottom: 5px solid var(--secondary_color); border-right: 5px solid var(--secondary_color); transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; }
.arrow span:nth-child(2) {animation-delay: -0.2s; }
.arrow span:nth-child(3) {animation-delay: -0.4s; }
.vendor_init .view_agreement {text-align: left; }
@keyframes animate {0% {opacity: 0; transform: rotate(45deg) translate(-20px, -20px); } 50% {opacity: 1; } 100% {opacity: 0; transform: rotate(45deg) translate(20px, 20px); } }
.helpicon img {max-width: 15px;cursor: pointer; }

.cal_price{display: flex !important;justify-content: space-between;align-items: center;}
.cal_price .form-control{border-radius: 6px !important;max-width: 50%;height: 46px;}
.cal_price label{width: auto !important;}

a.disabled {pointer-events: none; cursor: default; }
table#pnb_response_tr th {font-weight: 700; font-size: 13px; }
table#pnb_response_tr {text-align: center; margin: auto; }

/*Cumulative Table Section*/
.principal-icon {background: #e66e26; }
.round-icon {width: 14px; height: 14px; border-radius: 50%; display: inline-block; }
.Cumulative-section {padding: 30px 0 0; margin-top: 30px; border-top: 1px solid #ccc; }
.Cumulative-section ul li{border-right: none; display: flex !important; align-items: center; justify-content: center; }
.Cumulative-section ul{justify-content: center;}
.Cumulative-section ul li a {padding: 15px 20px; background: var(--grey_color); color: var(--primary_color) !important;font-weight: 400 !important; }
.Cumulative-section ul li:first-child a {border-radius: 16px 0 0 16px; }
.Cumulative-section ul li:last-child a {border-radius: 0 16px 16px 0; }
.Cumulative-section ul li a.active{color: var(--white_color) !important; background-color: var(--secondary_color) !important;}
.Cumulative-section h2{margin-bottom: 20px;}
.cumulative_table{margin-top: 30px;}
.cumulative_table th, .cumulative_table td {font-size: 14px; padding: 15px;color: var(--primary_color) !important; vertical-align: middle;}
.cumulative_table thead {border-bottom: 4px solid var(--secondary_color); }
.cumulative_table th{border-top: none;}
.cumulative_table tr {color: var(--primary_color); }
.bg-orange {background: var(--grey_color); }
.Cumulative_benifits p{font-size: 14px !important;margin-bottom: 8px;}
input {-webkit-user-select: text; /* Chrome, Opera, Safari */ -moz-user-select: text; /* Firefox 2+ */ -ms-user-select: text; /* IE 10+ */ user-select: text; /* Standard syntax */ }
.area_calculator_content ul li{padding-bottom: 10px;}
.logo_same_page span {font-size: 14px; }


/*search widget Section*/
.box_search_widget {margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;width: 100%;max-width: 100%;}
.top_search_widget {
    font-size: 17px;
    font-weight: 500;
    line-height: 2.5;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: end;
    width: 100%;
}
.field_search_widget {width: auto;border: none;border-bottom: 1px solid var(--secondary_color);background-color: #FFF6EE;font-weight: 500;width: 70px;color: var(--blue_color);text-align: center;height: 40px;border-radius: 6px;font-size: 26px;line-height: 1.2 !important;}
.top_search_widget input::-webkit-input-placeholder {color: #999 !important;opacity:1;}
.top_search_widget input:-moz-placeholder {color: #999 !important;opacity:1;}
.top_search_widget input::-moz-placeholder {color: #999 !important;opacity:1;}
.top_search_widget input:-ms-input-placeholder {color: #999 !important;opacity:1;}
.invest_search_widget {width: 144px;position: relative;}
.inner_service_banner:last-child a{border-bottom: none}
.left_search_widget {width: 100%; display: flex; justify-content: center; align-items: center; }
.box_search_widget .search_CTA, .top_search_result .search_CTA {
    letter-spacing: 1px;
    padding: 1px 30px;
    border: medium none;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    transition: all ease-in-out 0.3s;
    transition-property: all;
    transition-duration: 0.3s;
    color: var(--white_color);
    display: inline-block;
    border-radius: 30px;
    background-color: var(--secondary_color);
    position: relative;
    overflow: hidden;
    margin-left: 0;
    margin: 0 auto;
    margin-top: 22px;
}
.box_search_widget .search_CTA::after,.top_search_result .search_CTA::after {background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; -webkit-animation: nextarrow 3s infinite; -moz-animation: nextarrow 3s infinite; -o-animation: nextarrow 3s infinite; animation: nextarrow 3s infinite; }
.box_search_widget .search_CTA:hover::after,.top_search_result .search_CTA:hover::after {left: 120%; transition: all 10s cubic-bezier(0.19, 1, 0.22, 1); }
.box_search_widget .search_CTA span,,.top_search_result .search_CTA::before {z-index: 20; }
.box_search_widget .search_CTA:hover{background-color: var(--blue_color);}
.right_search_widget::before {width: 100%; position: absolute; left: 90px; right: 0; bottom: -100%; content: ""; height: 300%; margin: 0 auto; background: #ffffff14; transform: rotate(120deg); }
@keyframes nextarrow {0% {left: -75px; } 50% {left: 120%; } 100% {left: -75px; } }

.top_search_widget > div {
    width: auto;
    margin-right: 2%;
}
.top_search_widget > div br {
    display: none;
}
/*popup search*/
.popup_search {position: fixed; background-color: #03254C; height: 100vh; top: 0; left: 0; width: 100%; z-index: 99;display: none; }
.popup_search form {display: flex; justify-content: center; align-items: center; height: 100%; }
.popup_search .box_search_widget {max-width: 390px; }
.popup_search .box_search_widget .top_search_widget {color: var(--white_color); font-weight: 300; font-size: 21px; display: inline-block;text-align: center; line-height: 3.2; }
.popup_search .box_search_widget .search_CTA, .popup_search .top_search_result .search_CTA{padding: 10px 30px;}
.popup_search .box_search_widget .search_CTA:hover {background-color: var(--orangelight_color);font-weight: 300; }
.closeicon{display: none;}
.closeicon.active{display: block;}
.popup_search .box_search_widget .top_search_widget br{display: none;}

/*Search service page*/
.search_result{padding: 40px 0 40px;background: linear-gradient(00deg, rgb(255, 230, 208) 10%, rgb(221, 234, 249) 87%);}
.top_search_result {padding: 20px; display: flex;flex-wrap: wrap; background-color: #fff; border-radius: 6px; align-items: center; margin-top: 20px; }
.top_search_result .box_search_widget{align-items: center; }
.search_result .top_search_result {padding: 0 !important; background-color: transparent !important; text-align: left; }
.search_result .box_search_widget .search_CTA, .search_result .top_search_result .search_CTA{margin-top: 0 !important;margin-left: 20px;}
.search_result .top_search_result .box_search_widget{margin: inherit !important;margin-top: 0 !important;}
.top_services_search{margin-bottom: 30px;transition: 2s; -webkit-transition: 2s; -moz-transition: 2s; -o-transition: 2s;}
.top_services_search.open .other_service,.top_services_search .other_service,.top_services_search,.other_service{transition: all .3s linear;}
.boxes_services_search{padding: 35px 20px 25px;width: 100%;background-color: var(--white_color);border-radius: 6px;margin-top: 0;display: flex;border: 1px solid #ccc;justify-content: space-between;align-items: center;border-top-left-radius: 0;position: relative;border-bottom-left-radius: 0;z-index: 9;border-bottom-right-radius: 0;}
.boxes_services_search:nth-child(3n) {margin-right: 0; }
.img_services_search{display: flex;align-items: center;width: 12%;}
.img_services_search img{max-height: 40px;padding-right: 15px;margin-right: 15px;max-width: 110px;}
.img_services_search h5{font-size: 18px; margin-bottom: 0; }
.title_services_search h4{margin: 0;}
.boxes_services_search:first-child{margin-top: 0}
.list_services_search{display: flex;justify-content: space-between;flex-wrap: wrap;width: 71%;}
.invest_services_search{width: 24%;}
.invest_services_search p{font-size: 14px !important;color: var(--primary_color);margin-bottom: 0;}
.invest_services_search p span{display: block; font-size: 17px; color: var(--blue_color); padding-top: 0; font-weight: 600; }
.CTA_services_search{display: inline-block;margin-top: 0;text-align: center;width: 16%;}
.CTA_services_search .btn-footer{display: inline-block;text-align: center;}
.title_services_search {width: 16%; padding-right: 2%; }

.reco_search{padding: 30px 0;background-color: #fff;}
.reco_search h2{text-align: left;margin-bottom: 20px;}
.reco_search  .list_services_search {margin-top: 16px;width: 100%;}
.slider_recommended .item{padding: 25px 20px; background-color: var(--grey_color); border-radius: 6px; border: 1px solid #ccc; }
.slider_recommended .slick-slide {margin: 0 5px; }
.slider_recommended .slick-list {margin: 0 -5px; }
.slider_recommended .img_services_search img {max-height: 30px; }
.slider_recommended .img_services_search{width: 100%}
.img_services_search h5 {font-size: 13px; padding: 4px 15px; position: relative; border: 1px solid var(--secondary_color); background-color: var(--white_color); border-radius: 4px; color: var(--secondary_color); }
.reco_search .invest_services_search {width: 48%; }
.reco_search .CTA_services_search {margin-top: 20px;}
.services_search {width: 100%;margin-top: 30px;}
.search_partner {width: auto; display: inline-block; position: absolute; left: -1px; top: -1px; }
.search_partner h5{margin-bottom: 0;font-size: 12px;padding: 6px 12px 6px;position: relative;background: var(--blue_color);color: #fff;font-weight: 400;height: 25px;text-transform: uppercase;}
.search_partner h5::after {border-style: solid; border-width: 10px 7px; content: " "; position: absolute; top: 0; right: -12px; border-color: var(--blue_color) rgba(0,0,0,0) var(--blue_color) var(--blue_color); height: 25px; }
.more_option_sec {position: relative;}
.search_partner img {max-width: 24px; }
.more_option_sec a {display: flex; border-radius: 50%; align-items: center; bottom: 0; max-width: 100%; border-radius: 0; background-color: #ffffffba; justify-content: center; font-size: 14px; line-height: 1.1; color: #333; padding: 4px 10px; font-weight: 600; margin: 0 auto; border-radius: 6px; border: 1px solid #ccc; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.main_search_partner{position: relative;}
.box_search_widget #error-message {font-size: 12px; color: red; text-align: center; width: 100%; margin-top: 10px; }
.search_result .box_search_widget #error-message {font-size: 11px; color: red; text-align: left; width: auto; margin-left: 0;margin-top: 10px; }
.other_service{display: none;}
.top_services_search.open .more_option_sec{display: none;}
.top_services_search.open .other_service{display: block;}
.main_other_service .other_service{margin-top: 6px;}
.top_services_search:last-child { margin-bottom: 0;}
.top_section_grip {flex-wrap: wrap; }
.paisabase-calc__wrapper .calc-wrapper__result ul li strong{font-weight: 500 !important;}


.arrowCta {display: block; height: 9px; width: 9px; border: 7px solid transparent; position: relative; z-index: 9; transform: rotate(45deg); top: -8px; left: 4px; }
.arrowCta:after,.arrowCta:before {content: ""; display: block; height: inherit; width: inherit; position: absolute; top: 0; left: 0; }
.arrowCta:after {border-bottom: 1.5px solid var(--blue_color); border-right: 1.5px solid var(--blue_color); top: 0; left: 0; opacity: 1; animation: bottom-arrow 1.65s infinite; }
@keyframes bottom-arrow {0% {opacity: 1; transform: translate(0, 0); } 45% {opacity: 0; transform: translate(6px, 6px); } 46% {opacity: 0; transform: translate(0px, 0px); } 90% {opacity: 1; transform: translate(0, 0); } 100% {opacity: 1; transform: translate(0, 0); } }
.arrowCta:before {top: 0; left: 0; border-bottom: 1.5px solid var(--blue_color); border-right: 1.5px solid var(--blue_color); animation: top-arrow 1.65s infinite; }
@keyframes top-arrow {0% {transform: translate(-3px, -3px); } 35% {transform: translate(0, 0); } 90% {opacity: 1; transform: translate(0, 0); } 100% {opacity: 1; transform: translate(0, 0); } }


.benefits_sec {padding: 20px 20px;background: var(--white_color);border-radius: 6px;}
.benefits_sec h4{color: var(--secondary_color);font-weight: 500;margin-top: 10px;}
.benefits_sec img {max-height: 59px;}
.benefits_sec:last-child{border-right: none;}
.faq_general {display: flex; justify-content: flex-start;margin-left: 0;  margin-right: 0; }
.faq_general .benefits_sec {width: 32.5%; margin-bottom: 20px; border: 1px solid #ccc; margin-right: 1.2%; }
.faq_general .benefits_sec:nth-child(3n){margin-right: 0;}
.faq_general .benefits_sec p{font-size: 14px;margin-bottom: 0;}

/* Download App */
.download_app{position: relative;overflow: hidden;height: 100vh;z-index: 999999;background-color: #fff;display: flex;align-items: center;padding: 30px 0;}
.top_download_app{display: flex;justify-content: space-between;align-items: center;position: relative;height: 100%;flex-wrap: wrap;}
.left_download_app{width: 42%;}
.right_download_app{width: 54%;text-align: center;}
.app-links {margin-top: 45px; }
.app-links img{max-width: 200px;padding: 0 10px;} 
.right_download_app h2 {font-size: 74px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; line-height: 1; color: var(--primary_color);}
.right_download_app p {font-size: 22px; }
.right_download_app h2 span {display: inline-block;width: 100%; }
.right_download_app h2 span img {max-width: 270px; width: 100%; }
.c_broswer {margin-bottom: 0; text-decoration: underline; color: var(--secondary_color); margin-top: 18px; display: inline-block; }
.c_broswer:hover{color: var(--blue_color);text-decoration: underline;}

.dashboard-listing-wrapper {height: calc(100vh - 147px);overflow-y: auto;    }

.top_Onboarding_sec{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.left_Onboarding_sec{width: 50%;}
.left_Onboarding_sec h1 {margin-bottom: 0 !important; font-size: 26px; }
.right_Onboarding_sec{width: 50%;display: flex;justify-content: end;align-items: center;}
.right_Onboarding_sec form {width: 100%; display: flex; justify-content: end; align-items: center;margin-right: 0; }
.right_Onboarding_sec form .form-control-file {width: 100%; max-width: 100%; }
.export_per {margin: 0; padding-top: 15px; font-size: 14px !important; text-align: left; color: var(--blue_color); font-weight: 600; }
.CTA_KYC {flex-direction: row-reverse; display: flex; justify-content: space-between; }

/*About Us Page*/
.about-us .card .card-body {padding: 1.25rem;d`: ;}
.about-us .card {
  border-radius: 6px;
}
.about-us .card .card-body img {
  max-width: 70px;
  margin-bottom: 15px;
}
.about-content {
  padding: 50px 0 50px;
}
.about-sec1 {
  background: #f1f1f142;
  padding: 30px 0 15px;
}

.core-values, .choose-sec{
  padding: 40px 0;
}

.core-values {
  background: linear-gradient(00deg, rgb(255, 230, 208) 10%, rgb(221, 234, 249) 87%);
}
.about-us_banner {
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;     
  position: relative;
}    

@media only screen and (max-width: 767px) {
  .core-values, .choose-sec{
      padding: 20px 0;
  }

.about-sec1 {
    padding-bottom: 10px;
}
}
.text-area {width: 100%;margin-top: 12px;}
.text-area ul li a, .text-area ul li {font-size: 15px;font-weight: 400;color: var(--primary_color);}
.text-area ul li {list-style-type: none;}

.choose-us ul {
  padding-left: 16px;
  list-style-type: none;
  padding-left: 0;
}

.choose-us ul li {
  margin-bottom: 20px;
  background-image: url('../images/about-us/about-us-icons.svg') ;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 20px 30px;
  padding-left: 30px;        
}

.choose-us ul li strong {
  color: var(--secondary_color);
}
.goal img {padding-left: 1.25rem;height: auto;object-fit: contain;max-width: 100px;}
.top_search_widget_bond{width: 100%}
.top_search_widget_bond  > div br{display: unset;}


/*Mutual Fund Page CSS [STEAD-315]*/ 
.fund-subtitle span {background: var(--secondary_color);color: var(--white_color);padding: 5px 10px;border-radius: 10px;font-size: 13px;margin-right: 5px;}
#return-percent .positive {color: #019b74;}
#return-percent .positive:before {content: '+';}
#return-percent .negative {color: red;}
.chart .tenure {background: #f8f7f8;width: fit-content;margin: 0 auto;padding: 10px 10px;border-radius: 50px;}
.chart .ss3384 { background-color: var(--secondary_color) !important;color: var(--white_color)!important;}
.investment-details .card { border: 1px solid var(--secondary_color); background: rgba(230, 110, 38, 0.06); color: var(--secondary_color)}
.hidden {display: none;}
.holdings ul {list-style: none;padding: 0;margin: 0;max-height: 400px;overflow-y: scroll;}
.holdings li {padding: 10px 0;border-bottom: 1px solid #ccc;margin-right: 10px;}
.holdings li:last-child {border-bottom: none;}
#mfTabs li a.nav-link {/*background-color: #fff;*/ color: var(--primary_color);}
#mfTabs li a.active {background: var(--secondary_color);color: var(--white_color);}
.company-info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
.company-name {font-weight: bold;}
.company-percentage {font-size: 14px;color: #666;}
.progress {background-color: #f2f2f2;border-radius: 5px;overflow: hidden;}
.progress-bar {transition: width 0.6s ease;}
.card.sticky-top {background-color: var(--grey_color)}

/*Mutual Fund List page and Detail Page Scrollbar*/
.what-we-offer .card-body.row ul.d-flex::-webkit-scrollbar-track,
.what-we-offer .card-body .form-mutul-fund::-webkit-scrollbar-track,
.holdings #company-list::-webkit-scrollbar-track,
.holdings #sector-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; }
.what-we-offer .card-body.row ul.d-flex::-webkit-scrollbar,
.what-we-offer .card-body .form-mutul-fund::-webkit-scrollbar,
.holdings #company-list::-webkit-scrollbar,
.holdings #sector-list::-webkit-scrollbar {width: 5px; background-color: #F5F5F5; border-radius: 10px; }
.what-we-offer .card-body.row ul.d-flex::-webkit-scrollbar-thumb,
.what-we-offer .card-body .form-mutul-fund::-webkit-scrollbar-thumb,
.holdings #company-list::-webkit-scrollbar-thumb,
.holdings #sector-list::-webkit-scrollbar-thumb {/* background-color: var(--secondary_color); */ border-radius: 10px; background-color: var(--orangelight_color); background-image: -webkit-linear-gradient(90deg, transparent, var(--secondary_color) 50%, transparent, transparent) }
/* MF List Page CSS **/
.ss-outline {
  border: 1px solid var(--secondary_color);
  border-radius: 50px;
  color: var(--secondary_color);
  padding: 5px 10px;
}
.ss-outline:hover,
.ss-outline.currentType {
  background: var(--secondary_color);
  color: var(--white_color);
  border-color: var(--secondary_color);
}
.custom-text-muted {color: #6c757d;}
.tooltip {position: relative;display: inline-block;opacity: 1;font-size: 16px;}
.tooltip .tooltiptext {visibility: hidden;width: 270px;background-color: black;color: #fff;text-align: center;padding: 10px;border-radius: 6px;font-size: 11px;
position: absolute;z-index: 1;top: 30px;left: 0;
}
.tooltip:hover .tooltiptext {visibility: visible;}
@media only screen and (min-width: 768px) {
  .tooltip .tooltiptext {top: -5px;right: 105%;width: 400px;left: unset;}
}

.mf_sec_area{width: 100%; padding: 10px 15px; background-color: var(--white_color); border-radius: 6px; margin-bottom: 10px; position: relative; /* box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.07); */border: 1px solid #ccc; z-index: 99; border-bottom: 2px solid var(--secondary_color); position: relative; }
.mf_sec_area img {max-width: 60px;}
form.form-mutul-fund.mahindra_form {max-height: 450px;overflow-y: scroll;}
.mutualfund_icon{width: 40px;}
.mutualfund_name {font-size: 13px; font-weight: 400; width: calc(100% - 57px); }
.amc_list a {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 0; width: 100%; }
.mf_sec_area img {max-width: 60px; width: 60px; }
.hoverscheme:hover{color: var(--secondary_color) !important;}

#searchBox {  width: 150px !important;  height: 32px;  font-size: 13px;}