:root{
  --white-color:#fff;
  --blue-color: #101828;
  --green-color:#FDFD6C;
  --dark-green-color:#01D464;
  --black-color:#000;
  --light-blue-color:#1E2737;
  --dark-blue-color:#1D3159;
  --gray-color:#8E8E8E;
  --light-black-color:#414141;
  --light-gray-color:#B9B9B9;
  --darks-white-color:#F1F1F1;
  --dark-black-color:#4B4B4B;
  --slight-gray-color:#808080;
  --slight-black-color:#4D4D4D;
  --dark-gray-color:#5B5B5B;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Regular.eot');
  src: url('../fonts/SofiaPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Regular.woff2') format('woff2'),
      url('../fonts/SofiaPro-Regular.woff') format('woff'),
      url('../fonts/SofiaPro-Regular.ttf') format('truetype'),
      url('../fonts/SofiaPro-Regular.svg#SofiaPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Light.eot');
  src: url('../fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Light.woff2') format('woff2'),
      url('../fonts/SofiaPro-Light.woff') format('woff'),
      url('../fonts/SofiaPro-Light.ttf') format('truetype'),
      url('../fonts/SofiaPro-Light.svg#SofiaPro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Medium.eot');
  src: url('../fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
      url('../fonts/SofiaPro-Medium.woff') format('woff'),
      url('../fonts/SofiaPro-Medium.ttf') format('truetype'),
      url('../fonts/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html,body{width:100%;height:100%;color:#586071;background:var(--white-color);font-family: 'Sofia Pro';font-weight:400;line-height: 1.5; vertical-align: baseline;}
h1,h2,h3,h4,h5,h6,p,ul,li{margin:0;}
*{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
small{font-size:100%;}
ul,li{list-style:none;}
a{text-decoration: none;}
img{max-width:100%;height: auto;}
button:focus{outline:none;}
a:focus{text-decoration:none!important;outline:0!important;}
header,footer,section,artical{display:block;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus{outline:1px solid var(--form-gray-color);}
input[type="text"]:focus{outline:1px solid var(--form-gray-color);background: transparent; border-color:transparent; box-shadow: 0 0 0;}
input[type="email"]:focus{outline:1px solid var(--form-gray-color);background: transparent; border-color:transparent; box-shadow: 0 0 0;}
input[type="submit"]:focus{outline:0;background: transparent; border-color:transparent; box-shadow: 0 0 0;}
select:focus{outline:1px solid var(--form-gray-color);}
textarea:focus{outline: 1px solid var(--form-gray-color);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: var(--light-blue-color);}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */color: var(--light-blue-color);opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color: var(--light-blue-color);}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */color: var(--light-blue-color);opacity:1;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}
.form-control:focus{background: transparent;outline:1px solid var(--form-gray-color);border-color:transparent; box-shadow: 0 0 0; color: var(--light-blue-color);}
.form-control::placeholder { color: var(--light-blue-color); opacity: 1;}
.form-control::-ms-input-placeholder {color: var(--light-blue-color);}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0px transparent, 0 0 0 0px rgba(255,255,255,0.3), 0 0 0 0px transparent, 0 0 0 0px rgba(255,255,255,0.3);
  }
  100% {
    box-shadow: 0 0 0 10px transparent, 0 0 0 12px rgba(255,255,255,0), 0 0 0 25px transparent, 0 0 0 27px rgba(255,255,255,0);
  }
}
.w-100{width: 100%;display: block;}
.shape-top img, .shape-bottom img, .testimonial-left-shape img, .invest-left-shape img{width: 100%;}
.relative-wraper{ position: relative;}
.desktop-none{ display: none;}
.layer-bg, .close-nave{display: none;}
main{ padding-top: 66px;}
p{font-size: 16px;line-height: 24px;}
.d-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-center{text-align: center;}
.yubixlheading{font-size: 58px; text-transform: capitalize;font-weight: 500;line-height: 58px;}
.yubilgheading{font-size: 40px; text-transform: capitalize; line-height: 55px;letter-spacing: 1px;}
.yubimdheading{font-size: 36px; text-transform: capitalize;line-height: 40px;}
.yubismheading{font-size: 28px; text-transform: capitalize;}
.yubixsheading{font-size: 24px; text-transform: capitalize;}
.yubixxsheading{font-size:18px; text-transform: capitalize;}
.yubixxssheading{font-size:16px; text-transform: capitalize;}
.padding-tb-lg{padding: 90px 0;}
.padding-tb{padding: 60px 0;}
.padding-b{padding-bottom: 55px;}
.margin-top{width: 100%; display: inline-block;margin-top: 15px;}
.container {width: 100%;max-width: 86%;margin: 0 auto;}
.slick-dots {position: absolute; bottom: -50px; display: block; width: 100%; padding: 0;margin: 0; list-style: none; text-align: center;left: 0px;
  right: 0px;}
.slick-dots li {position: relative; display: inline-block;width: 10px;height: 10px;background:#D9D9D9;border-radius: 50%;margin: 0 3px;padding: 0;cursor: pointer;}
.slick-dots li button {display: none;}
.slick-dots li.slick-active {width: 36px; border-radius: 20px; background: linear-gradient(180deg, #77CD93 0%, #DCDC5B 100%);}
.slick-dotted.slick-slider { margin-bottom: 30px;}
.slick-next,.slick-prev{font-size: 0;border: 0;width: 45px;height: 45px;border-radius: 50%;position:absolute;left: -20px;top: 50%;background-color: var(--light-green-color);margin-top: -20px;z-index:12;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15);cursor: pointer;background:url(../images/icon/slider-left-arrow.png) no-repeat;background-size: 100%;}
.slick-next::after, .slick-prev::after{content: '';display: none; width: 16px;height: 16px;position: absolute;top: 55%;left: 50%;transform: translate(-40%, -50%);margin: auto;background:url(../images/slider-left-arrow.png) no-repeat;background-size: 12px;}
.slick-next{background:url(../images/icon/slider-right-arrow.png) no-repeat;background-size: 100%;}
.slick-next{left:auto;right: -20px;background-position: 0;}

.yubi-top-heading{text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 90px;    max-width: 75%;}
.yubi-top-heading .yubilgheading{position: relative;font-weight: 600;color: var(--blue-color);max-width: max-content;margin: 0 auto 5px;}
.yubi-top-heading .yubilgheading .heading-circle{width: 72px;height: 72px;position: absolute;top: -16px;left: -20px;background: linear-gradient(180deg, rgba(220, 220, 112, 0.1) 0%, rgba(119, 205, 147, 0.1) 100%);border-radius: 50%;}
.yubi-top-heading p{font-size: 22px; color: var(--light-blue-color); margin-bottom: 20px;font-weight: 300;padding-top: 5px;}
.yubi-top-white .yubilgheading, .yubi-top-white p{color: var(--white-color);}

.yubi-full-width{width: 100%;}
.display{display: inline-block;}
.w-full{width: 100% !important; height: auto;}
.inner-banner{position: relative; line-height: 0.6; overflow: hidden;}
.inner-banner .burmanlgheading{width: 100%;height: 100%;position: absolute;color: var(--white-color);top: 0;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 1;}
.inner-bg::after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}
.form-group{margin-bottom: 15px;}
.form-group:last-child{margin-bottom: 0;}
.form-label{font-size: 18px;color: var(--blue-color);font-weight: 600;padding: 2px 5px;background: var(--white-color);position: relative;top: 14px;left: 26px;}
.form-control{font-size: 16px; color: var(--light-blue-color); width: 100%; padding: 30px 30px; height: 80px; border: 1px solid #DFDED8; border-radius: 5px;}
textarea.form-control{resize:none; height: 140px;}
.form-control.selectarrow {background: url(../images/down-arrow.svg) no-repeat 95% var(--white-color); -webkit-appearance: none;}
.play-btn {    position: absolute;top: 50%;left: 50%;cursor: pointer;max-width: 70px;z-index: 1; display: flex;transform: translate(-50%, -50%);}
.banner-left {position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 1;}

.sider-bottom-arrow .slick-next, .sider-bottom-arrow .slick-prev{top: auto; bottom: -90px; left: 0; right: 0; margin: auto;}
.sider-bottom-arrow .slick-prev{right: 100px;}
.sider-bottom-arrow .slick-next{left: 30px;}
.yubi-btn{min-width: 175px;font-size: 16px;color: var(--black-color);font-weight: 500;padding: 12px 10px;padding-left: 60px; padding-right: 15px;background: linear-gradient(180deg, #77CD93 0%, #DCDC70 100%);border-radius: 50px;text-transform: capitalize;display: flex;align-items: center;flex: 0 0 auto; max-width: max-content;position: relative; transition: 0.4s ease-out;padding-right: 30px;}
.yubi-btn .green-arrow{width: 35px;height: 35px;border-radius: 50%;background: var(--white-color);margin-right: 10px;display: flex;align-items: center;justify-content: center;position: absolute;left: 10px;transition: 0.4s ease-out;transform: translateX(0%);}
.yubi-btn .green-arrow img{width: 15px;}
.yubi-btn:hover{padding-left: 30px; padding-right: 15px; }
.yubi-btn:hover .green-arrow{left: calc(100% - 8px);transform: translateX(-100%);}




/*---modal---start---wraper---*/
.modal { opacity: 0;position: fixed; top: 0;right: 0; bottom: 0;left: 0; background-color: rgba(0, 0, 0, 0.5);     z-index: 9999999999999;
  pointer-events: none; transition: opacity 400ms ease-in;display: none;}
.open { opacity: 1;pointer-events: auto;display: block;}
.modal__dialog { width: 50%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;
   overflow: auto;  z-index: 9999999999999999;}
.close-model-layer{ position: absolute;top: 0px; bottom: 0px; left: 0px; right: 0px; background: none;}
.close-modal{text-decoration: none;color: #333;font-size: 30px;cursor: pointer; position: absolute; top: 0px; right: 10px;}
.modal__content {padding: 30px 30px;}
.btn-modal{ margin-top: 30px;}
.btn-modal button:first-child{ margin-right: 10px;}
.btn-modal .btn{ border: 1px solid var(--green-border);}
 .close-modal{     position: absolute; top: 12px;right: 25px; width: 22px;height: 22px; cursor: pointer;border-radius: 8px;background: var(--lightgraybg); overflow: hidden;z-index: 99999999;opacity: 0.7; display: flex;justify-content: center;align-items: center;}
.close-modal:before, .close-modal:after { content: "";position: absolute; left: 7px; top: 4px; display: block; width: 2px; height: 16px;
   background: var(--blackbg); transform: rotate(45deg);}
.close-modal:after {left: 7px;top: 4px; transform: rotate(-45deg);}
.close-modal svg{pointer-events: none;}
/*---modal---end---wraper---*/


/*-- banner-start --*/
.home-banner{position: relative;}
.home-banner picture{line-height: 0; display: block;}
.home-banner .banner-content, .invest-item-inner .banner-content{position: absolute;top: 50%;left: 7%;width: 50%;z-index: 1;transform: translate(0px, -50%);}
.home-banner .banner-content .yubixlheading, .invest-item-inner .banner-content .yubixlheading{color: var(--white-color);font-weight: 600;margin-bottom: 10px;line-height: 70px;}
.home-banner .banner-content .yubismheading, .invest-item-inner .banner-content .yubismheading{font-size: 38px;font-weight: 300;color: #fff;margin-bottom: 15px;line-height: 40px;text-transform: initial;}
.home-banner .banner-content .yubismheading span, .invest-item-inner .banner-content .yubismheading span{color: var(--green-color);}
.home-banner .banner-content .yubixlheading span, .invest-item-inner  .banner-content .yubixlheading span{color: var(--green-color);}
.home-banner .banner-content .yubixlheading .light, .invest-item-inner .banner-content .yubixlheading .light{font-weight: 300;}
.home-banner .banner-content p, .invest-item-inner .banner-content p{font-size: 18px;color: var(--white-color);font-weight: 400;margin-bottom: 70px;width: 590px;}
.home-banner .banner-content .sign-btn, .invest-item-inner .banner-content .sign-btn{width:200px;font-size: 18px;color: var(--black-color);font-weight: 500;padding:15px;padding-left: 70px; background: var(--white-color);border-radius: 50px;text-transform: capitalize;display: inline-flex;align-items: center;/* flex: 0 0 auto; *//* max-width: max-content; */position: relative; transition: 0.4s ease-out;}
.home-banner .banner-content .sign-btn .green-arrow, .invest-item-inner .banner-content .sign-btn .green-arrow{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(270deg, #77CD93 0%, #DCDC5B 100%);margin-right: 15px;display: flex;align-items: center;justify-content: center;position: absolute;left: 10px;transition: 0.4s ease-out;transform: translateX(0%);}
.home-banner .banner-content .sign-btn .green-arrow img, .invest-item-inner .banner-content .sign-btn .green-arrow img{width: 15px;}
.home-banner .banner-content .sign-btn:hover, .invest-item-inner .banner-content .sign-btn:hover{padding-left: 40px; padding-right: 60px; }
.home-banner .banner-content .sign-btn:hover .green-arrow, .invest-item-inner .banner-content .sign-btn:hover .green-arrow{left: calc(100% - 8px);transform: translateX(-100%);}
/*-- banner-end --*/

.why-choose, .smart-picks{position: relative;}
.shape-top{width: 554px; position: absolute; top: 0; left: 0;}
.shape-bottom{width: 100%;position: absolute;bottom: -7px;left: 0;}
.testimonial-box .shape-bottom {width: 31%; position: absolute;bottom: -7px;left: auto;right: 0px;}
.shape-right{width: 330px;position: absolute;bottom: 0;right: 0;}
.why-choose-main, .introducing-main{padding-bottom: 100px;}
.choose-nav-slider{width: 52%;}
.choose-nav-slider .choose-nav-tab{background: rgba(77, 109, 155, 0.03); border-radius: 25px; padding: 25px 25px; margin-bottom: 25px; display: flex; cursor: pointer;}
.choose-nav-slider .choose-nav-tab .choose-content{width: 100%; padding-left: 0px;}
.choose-nav-slider .choose-nav-tab .choose-icon{position: absolute; left: 0px; top: 3px; width: 35px;display: inline-block;}
.choose-nav-slider .choose-nav-tab .choose-icon img{display: inline;}
.choose-nav-slider .choose-nav-tab .choose-content .yubismheading{    text-transform: initial;padding-left: 60px;position: relative; color: var(--dark-blue-color); font-weight: 400; position: relative; margin-bottom: 10px;padding-right: 20px;}
.choose-nav-slider .choose-nav-tab .choose-content .yubismheading::after {content: "";position: absolute;height: 12px;width: 12px;border-radius: 2px;right: 0px;border-style: solid;border-color: var(--light-gray-color);border-width: 0px 3px 3px 0px;transform: rotate(45deg);transition: border-width 150ms ease-in-out;top: 9px;}

.choose-nav-slider .choose-nav-tab .choose-content p{font-size: 16px; font-weight: 400; color: var(--gray-color); display: none;padding-left: 60px;padding-right: 30px;}
.choose-nav-slider .slick-current .choose-nav-tab{background: var(--white-color);box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.10);}
.choose-nav-slider .slick-current .choose-nav-tab .choose-content p{display: block;}
.choose-nav-slider .slick-current .choose-nav-tab .choose-content .yubismheading::after{top: 19px;transform: rotate(-135deg);}
.choose-nav-slider .slick-list{padding: 15px 30px;margin-right: -30px; }
.choose-slider{width: 48%;padding-right: 15px;}
.choose-slider img, .introducing-box .introducing-left img, .invest-card .invest-left img{border-radius: 40px;}

.introducing-box{background: var(--darks-white-color); position: relative;}
.invest-card .invest-left{width: 55%; position: relative;}
.introducing-box .introducing-left{width: 50%;position: relative;}
.invest-card .invest-right{width: 40%;padding-top: 30px;}
.introducing-box .introducing-right{width: 50%;padding-left: 50px;}
.introducing-box .introducing-right .yubismheading, .invest-card .invest-right .yubismheading{text-transform: initial;color: var(--light-black-color);margin-bottom: 20px;font-weight: 500;}
.introducing-box .introducing-right .introducing-list li, .invest-card .invest-right .invest-list li{font-size: 20px;color: var(--light-blue-color);padding-left: 25px;position: relative;margin-bottom: 20px;}
.introducing-box .introducing-right .introducing-list li::after, .invest-card .invest-right .invest-list li::after, .smart-accordion-list .smart-accordion-details .yubixsheading::before{content: '';width: 18px;height: 13px;top: 8px;left: 0;background: url(../images/icon/right-arrow-icon.svg) no-repeat;background-size: 15px;position: absolute;}
.introducing-box .introducing-right .introducing-list li:last-child, .invest-card .invest-right .invest-list li:last-child{margin-bottom: 0;}
.introducing-box .shape-top{display: none;}


.investing-box{text-align: center; background: url(../images/P1.png) no-repeat; background-attachment: fixed; background-size: cover;}
.investing-box .investing-details{width: 84%;margin: 0 auto;}
.investing-box .investing-details .yubilgheading{color: var(--white-color);font-weight: 500;margin-bottom: 60px;text-transform: none;}
.investing-box .investing-details p{font-size: 22px;color: var(--white-color);width: 960px;margin: 0 auto 60px;line-height: 30px;}
.investing-box .investing-details .investing-btn{font-size: 20px;color: var(--black-color);font-weight: 500;padding: 25px 15px;padding-left: 95px;padding-right: 75px;background: linear-gradient(270deg, #77CD93 0%, #DCDC5B 100%);border-radius: 50px;text-transform: capitalize;display: flex;align-items: center;flex: 0 0 auto;max-width: max-content;position: relative;margin: 0 auto 30px;transition: 0.4s ease-out;}
.investing-box .investing-details .investing-btn .green-arrow{width: 55px;height: 55px;border-radius: 50%;background: var(--white-color);margin-right: 15px;display: flex;align-items: center;justify-content: center;position: absolute;left: 12px;transition: 0.4s ease-out;transform: translateX(0%);}
.investing-box .investing-details .investing-btn .green-arrow img{width: 28px;}
.investing-box .investing-details .investing-btn-text{font-size: 16px; font-weight: 400; color: var(--white-color); text-decoration: underline;}
.investing-box .investing-details .investing-btn-text, .investing-box .investing-details .investing-btn-text:focus{text-decoration: underline !important;}
.investing-box .investing-details .investing-btn:hover{padding-left:75px; padding-right: 95px;}
.investing-box .investing-details .investing-btn:hover .green-arrow{left: calc(100% - 8px);transform: translateX(-100%);}



.smart-main{}
.smart-main .smart-left{width: 58%;}
.smart-main .smart-left .yubimdheading{font-weight: 600; color: var(--light-black-color); justify-content: flex-start;flex-wrap: nowrap;font-size: 30px;text-transform: initial;}
.icon-smart-h{width: 32px;display: block;}
.icon-smart-h img{width: 100%;height: auto;}
.smart-main .smart-left .yubimdheading .heading-span{display: block;width: calc(100% - 32px);padding-left: 20px;text-transform: initial;}
.smart-right {width: 600px;position: absolute;bottom: 0;right: 0;top: 150px;margin: auto;display: flex;align-items: center;}
.smart-accordion-list{margin-top: 30px;margin-bottom: 50px;}
.smart-accordion-list .smart-accordion-details{padding: 24px 24px 28px 70px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 30px;}
.smart-accordion-list .smart-accordion-details .yubixsheading::before{width: 18px; height: 18px;top: 12px; left: -45px; background-size: 18px;}
.smart-accordion-list .smart-accordion-details .yubixsheading{    padding-right: 25px;color: var(--dark-blue-color);font-weight: 400;position: relative; cursor: pointer;text-transform: none;}
.smart-accordion-list .smart-accordion-details .yubixsheading:after {content: ""; position: absolute; height: 12px; width: 12px; right: 5px; border-style: solid; border-color: var(--light-gray-color); border-width: 0px 3px 3px 0px; border-radius: 2px; transform: rotate(45deg);transition: border-width 150ms ease-in-out; top: 9px;margin: auto;}
.smart-accordion-list .smart-accordion-details .smart-answer { position: relative; display: none; width: 100%; height: 100% !important; margin: 0;padding: 0; cursor: pointer;padding: 0px;background: var(--white-color); margin-top: 10px; background: transparent;}
.smart-accordion-list .smart-accordion-details .smart-answer p{font-size: 18px; color: var(--gray-color); font-weight: 400;} 
.smart-accordion-list .smart-accordion-details.active{background: rgba(241, 241, 241, 0.42); border-radius: 20px; border: none;}
.smart-accordion-list .smart-accordion-details.active .yubixsheading:after{transform: rotate(-135deg); top: 15px;}

.portfolio-box, .academy-box{background: url(../images/bg-blue-aspero.png) no-repeat; background-attachment: fixed; background-size: cover;}
.portfolio-slider{margin-right: -30px;}
.portfolio-slider .slick-slide{margin-right: 30px;}
.portfolio-slider .slick-list{padding: 0 !important; padding-bottom: 60px !important;}
.academy-slider .slick-list{padding: 0 !important; padding-bottom: 44px !important;}
.portfolio-slider .portfolio-card{padding: 50px 50px;border-radius: 30px;background: var(--white-color);} 
.portfolio-slider .portfolio-card .portfolio-top{height: 120px;padding: 20px 60px; margin-bottom: 40px; text-align: center; 
  background: rgba(142, 169, 196, 0.25); border-radius: 15px;display: flex; justify-content: center; align-items: center;    padding: 15px 15px;}
.portfolio-slider .portfolio-card .portfolio-top img{ width: 60%; margin: 0px auto;}
.portfolio-slider .portfolio-card .portfolio-list li{font-size: 18px;color: var(--light-blue-color);font-weight: 300;margin-bottom: 10px;display: flex;justify-content: space-between;}
.portfolio-slider .portfolio-card .portfolio-list li .portfolio-left{min-width: 70%;font-size: 22px;color: #1E2737;}
.portfolio-slider .portfolio-card .portfolio-list li .portfolio-right{font-weight: 600;min-width: 59px;font-size: 22px;}
.portfolio-slider .portfolio-card .portfolio-list li:last-child{margin-bottom: 0;}
/*.portfolio-slider .slick-current .portfolio-card{box-shadow: 0px 30px 30px rgba(0,0,0,.25);}*/
.portfolio-box .slick-next, .portfolio-box .slick-prev, .academy-box .slick-next, .academy-box .slick-prev{ transform: translate(0px, -50%);}

.testimonial-box{position: relative; padding-bottom: 120px; padding-left: 7%;}
.testimonial-left-shape{width: 30%; position: absolute; top: 0; left: 0;}
.testimonial-right-shape{width: 320px; position: absolute; top: 0; right:0;}
/* .testimonial-slider{padding-bottom: 200px;} */
.testimonial-slider .slick-list{padding-right: 180px;}
.testimonial-slider .item{margin-right: 30px;}
.testimonial-slider .testimonial-card{padding: 30px 25px 50px 25px; position: relative; border-radius: 16px;border: 1px solid #D9D9D9;background: var(--white-color);position: relative;overflow: hidden;z-index: 1;}
.testimonial-slider .testimonial-card-top::after{content: '';position: absolute; top: -100%;left: -25px;right: -25px; background: linear-gradient(180deg, #1D3159 0%, #212529 100%);border-radius: 15px;z-index: -1;bottom: 25px;}
.testimonial-slider .testimonial-card-top{justify-content: flex-start; flex-wrap: nowrap;position: relative;}
.testimonial-slider .testimonial-card-top .testimonial-user{min-width: 90px;}
.testimonial-slider .testimonial-card-top .testimonial-user img{width: 90px; height: 90px; border: 3px solid var(--white-color); border-radius: 50%; overflow: hidden;}
.testimonial-slider .testimonial-card-top .testimonial-right{margin-top: 5px; width: calc(100% - 90px); padding-left: 15px;}
.testimonial-slider .testimonial-card-top .testimonial-right .yubixxssheading{font-weight: 500; color: var(--white-color); margin-bottom: 2px;font-size: 14px;}
.testimonial-slider .testimonial-card-top .testimonial-right p{font-size: 14px;font-weight: 400;color: var(--white-color);font-weight: 300;padding-bottom: 30px;}
.testimonial-slider .testimonial-details{padding-top: 5px;}
.testimonial-slider .testimonial-details .inverted-icon{width: 20px;}
.testimonial-slider .testimonial-details p{font-size: 14px; color: var(--black-color); margin: 30px 0;font-weight: 300;}
/*.testimonial-slider .slick-list{padding-bottom: 60px;}*/

.academy-slider{margin-right: -30px;padding-left: 40px;
  padding-right: 40px;}
  .academy-slider .slick-disabled, .portfolio-slider .slick-disabled{display: none !important;}
.academy-slider .item{margin-right: 30px;}
.academy-card{border-radius: 40px; background: var(--white-color); overflow: hidden;}
.academy-card .academy-top{position: relative; padding-bottom: 60%; height: auto;}
.academy-card .academy-top img {position: absolute; border-radius: 40px; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.academy-card .academy-details{padding: 30px 30px 50px;}
.academy-card .academy-details .yubixxsheading{color: var(--dark-green-color); margin-bottom: 10px;}
.academy-card .academy-details .yubixsheading{color: var(--light-blue-color);margin-bottom: 20px;font-weight: 600;height: 54px;text-transform: none;
  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 27px;font-size: 22px;}
.academy-card .academy-details p{font-size: 13px; font-weight: 400; color: var(--slight-gray-color);}
.academy-card .academy-details p span{font-weight: 400; color: var(--dark-black-color);}

.invest-box{position: relative; background: var(--darks-white-color);}
.invest-slider{padding-bottom: 40px; margin-bottom: 0;}
.invest-left-shape{width: 615px; position: absolute; bottom: 0; right: 0; line-height: 0;}
.invest-card .invest-right .invest-list{margin-bottom: 40px;}
.invest-card .invest-left img{margin-bottom: 30px;}
.invest-card .invest-left .invest-line{width: 620px; height: 6px; display: inline-block; background: linear-gradient(180deg, #77CD93 0%, #DCDC5B 100%); border-radius: 50px; position: relative; margin-bottom: 10px;}
.invest-card .invest-left .invest-line::after{content: ''; position: absolute; top:-10px; right: -10px; width: 25px; height: 25px; border-radius: 50%; background: linear-gradient(180deg, #DCDC70 0%, #77CD93 100%);}
.invest-box .invest-card .invest-right{padding-top: 0px;}
/*.videos-nav-item.slick-slide.slick-active .colm-row-nav{border: 1px solid #DCDC5B;}*/

/*---faq--section---start---here---*/
.container-question{ width: 100%; max-width: 95%; margin-right: auto;}
.question-row{ display: flex; justify-content: space-between;}
.question-left-colm{width: 45%; background: url(../images/question-bg.jpg); background-size: cover;background-repeat: no-repeat;padding-top: 125px; padding-left: 5.5%;}
.question-right-colm{ width: 55%; padding: 125px 0px 125px 40px;}
.question-content-wraper{ position: relative; height: 100%; color: #fff;}
.question-content-wraper p{font-weight: 300;margin-top: 10px;}
.question-content{display: none;margin-top: 5px;}
.faq-accordian.active .question-content{display: block;}
.question-content p{font-size: 18px;font-weight: 300;color: #414141;}
.faq-accordian{ background: var(--white-color); box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.10); border-radius: 10px; padding: 15px; margin-bottom: 10px;}
.faq-heading{ font-size: 18px; position: relative; font-weight: 600; color: #4D4D4D; cursor: pointer; padding-right: 22px;}
.faq-heading:after{ content: ""; position: absolute; height: 9px; width: 9px; right: 5px; border-style: solid; border-color: #000;
  border-width: 0px 3px 3px 0px; border-radius: 2px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; top: 6px; margin: auto;}
.faq-accordian.active .faq-heading:after{ transform: rotate(-135deg); top: 12px;}
.btn-accordian{ padding-top: 35px;}

.row-yuvi{ display: flex;}
.investment-section{ position: relative;z-index: 1; padding: 100px 0px 60px 0px;}
.investment-bg-box{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: -1; line-height: 0;}
.investment-bg-box img{position: absolute; top: 0; left: 0;width: 100%; height: 100%;z-index: -1; line-height: 0;object-fit: cover;}
.investment-colm-left{width: 60%;padding-top: 65px;  }
.investment-colm-right{ width: 40%;}
.app-mobile-image{width: 85%; height: auto; margin-left: auto;display: block;}
.investment-section .yubismheading{ color: #fff; font-weight: 300;text-transform: initial;} 
.investment-section .yubixlheading{color: var(--green-color);}
.app-link-box a{display: inline-block;width: 200px;transition: all 0.3s;}
.app-link-box a:hover{opacity:0.7;}
.app-link-box a:first-child{margin-right: 30px;}
.app-link-box a img{ display: inline-block; height: auto; width: 100%;}
.app-link-box{margin-top: 50px;}

/*---header---start---here---*/
.header-container{width: 95%; margin: 0px auto;}
.header-row{ display: flex; margin: 0px -15px; align-items: center;}
.header-left-colm{ width: 150px; padding: 0px 15px;}
.header-center-colm{width: calc(100% - 305px); padding: 0px 15px;}
.header-right-colm{ width: 155px; padding: 0px 15px;text-align: right;}
.header-nav li{ display: inline-block; margin: 0px 22px; text-decoration: none;}
.header-nav li a{color: #fff; transition: all 0.3s; font-size: 14px;font-weight: 500; text-decoration: none;}
.header-nav li a:hover{ color: #d1c8c8; text-decoration: none;}
header{background: #04142D;padding: 15px 0px; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 9999;}
.brand{ display: block;}
.brand img{ display: block; width: 100%; height: auto;}
.btn-secondary{ font-family: 'Sofia Pro';border-radius: 30px;cursor: pointer; border: 1px solid #DCDC5B; color: #000; background: #dcdc5b; padding: 9px 34px;font-size: 14px;transition: all 0.4s;font-weight: 600;}
.btn-secondary:hover{background: #fff;color: cursor: pointer;}
.burger-icon{ display: none;}

footer{ background: #04142D;}
.footer-row{ display: flex; padding: 0px 0px 150px 0px;}
.footer-colm{padding: 0px 15px;}
.footer-colm:nth-of-type(1){ width: 36%;}
.footer-colm:nth-of-type(2){width: 18%;}
.footer-colm:nth-of-type(3){ width: 26%;}
.footer-colm:nth-of-type(4){ width: 20%;}

.footer-logo-icon{ display: inline-block;}
.footer-logo-icon img{ width: 70%; height: auto;}
.footer-link li a{ color: var(--white-color);font-weight: 500; font-size: 14px; transition: all 0.3s; text-decoration: none;}
.footer-link li{ margin-bottom: 10px;}
.footer-link li:last-child{ margin-bottom: 0px;}
.footer-social-link{ text-align: right;}
.footer-link li a:hover{color:#d1c8c8;}
.footer-social-link li{ display: inline-block; width: 18px;}
.footer-social-link li img{width: 100%; height: auto; transition: all 0.3s;}
.footer-social-link li img:hover{opacity: 0.7;}
.footer-logo{text-align: right;position: relative;}
.footer-logo img{max-width: 100%; height: auto;position: relative; z-index: 1; width: 110px;}
.copyright p{ margin-bottom: 0px; text-align: center; position: relative; font-size: 12px;color: #D9D9D9;}
.copyright { position: absolute; left: 0px; top: 8px; right: 0px; text-align: center;}
.image-box-why-choose{ display: none;}
.yubi-top-white .yubilgheading, .yubi-top-white .yubilgheading{font-size: 45px;font-weight: 500;}


/*---invest---start---here---*/
.videos-invest-section{ background: #F2F2F2; position: relative;}
.invest-item-inner{ position: relative;}
.videos-inner-item{ border-radius: 25px;overflow: hidden;box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.10);
  background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);}
.videos-item{padding: 20px;}
.videos-invest-content{
  padding: 35px;}
.invest-banner-slider.slick-dotted.slick-slider{ margin-bottom: 0px;}
.invest-banner-slider .slick-dots{ bottom: 55px;}
.videos-row{ display: flex; margin: 0px -15px;}
.videos-left-colm{ width: 52%; padding: 0px 15px; margin-top: -20px; padding-right: 0px;}
.videos-invest-content .yubixsheading, .videos-nav-right .yubixsheading{ font-weight: 500; color: #000; margin-bottom: 10px;line-height: 28px;}
.videos-invest-content p{ font-size: 18px; color: #1E2737;}
.videos-image-box{ border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;overflow: hidden;position: relative;}
.videos-colm-right{width: 48%;padding: 0px 15px;}
.colm-row-nav{ display: flex;box-shadow: 0px 0px 2px rgb(0 0 0 / 5%); border-radius: 16px; overflow: hidden;background: #fff;}
/* .videos-nav-item{
  padding: 8px 0px;
} */
.videos-nav-item {padding: 8px 8px;}
.videos-nav-slide{margin: 0px -8px;margin-top: -8px;}
.videos-nav-left{ width: 180px; position: relative;border-radius: 16px;overflow: hidden;}
.videos-nav-right{ width: calc(100% - 180px);padding: 30px;height: 100%;}
.poster-nav{display: block; width: 100%; height: 100%; object-fit: cover;}
.video-text{ color: #1B8C51;font-size: 13px;}
.date{font-size: 13px;color: #808080;}
.videos-nav-left:after{ content: ''; position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px;background: #000; z-index: 1; opacity: 0.1;}
.videos-nav-left .play-btn{max-width: 44px;z-index: 2;}
.videos-nav-slide .slick-track {height: auto !important;transform: translate3d(0px, 0px, 0px) !important;}
.videos-nav-slide .slick-list {overflow-y: scroll !important; height: 490px !important;padding-right: 20px;}
/* width */
.videos-nav-slide .slick-list::-webkit-scrollbar { width: 5px;border-radius: 10px;}
/* Track */
.videos-nav-slide .slick-list::-webkit-scrollbar-track { background: #D9D9D9;  border-radius: 10px;}
/* Handle */
.videos-nav-slide .slick-list::-webkit-scrollbar-thumb {background: #B9B9B9; border-radius: 10px;}
.btn-bottom-videos{padding-top: 60px;text-align: center;position: relative; bottom: -42px;}
.btn-bottom-videos .yubi-btn{display: inline-flex;background: #fff;}
.btn-bottom-videos .yubi-btn .green-arrow{ background: linear-gradient(180deg, #77CD93 0%, #DCDC70 100%);}
.videos-invest-section .shape-top{width: 390px;}
.yubi-invest-logo{width: 500px; margin: 100px auto 100px auto;}
.yubi-invest-logo img{display: block; width: 100%;}
.investment-btn{text-align: center;}
.investment-btn .yubi-btn{display: inline-flex; min-width: 260px;}
.smart-investment{position: relative;}
.smart-investment picture{line-height: 0px;display: block;}
.smart-invesment-container{position: absolute;width: 86%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.smart-investment .yubi-top-heading{margin-bottom: 0px;}
.smart-investment .yubi-top-heading p{color: #fff;font-size: 30px;padding-top: 0px;margin-bottom: 15px;line-height: 30px;}
.smart-investment .yubixlheading{color: #DCDC70;}


.modal-learning{position: fixed;display: none; top: 0px;bottom: 0px;right: 0px;left: 0px;    background: rgb(0 0 0 / 40%);z-index: 999999999999;}
.modal-learning.show{display: block;}
.overflow-hidden{overflow: hidden;}
.modal-learning-inner{ background: #fff; width: 575px;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);padding: 50px 70px;
  border-radius: 30px; overflow: hidden;}
.modal-img-box img{width: 80px;display: block;margin: 0px auto;}
.modal-img-box{margin-bottom: 40px;}
.modal-text{font-size: 24px; font-weight: 300; text-align: center;margin-bottom: 30px;line-height: 29px;color: #414141;}
.modal-btn .yubi-btn{min-width: 100%;width: 100%;display: flex;text-align: center;font-size: 14px;height: 50px;padding-right: 60px;}
.modal-btn .yubi-btn:hover{padding-left: 50px;padding-right: 70px;}
.modal-btn {margin-bottom: 15px;}
.model-btn-white{background: #fff;  background: linear-gradient(180deg, #77CD93 0%, #DCDC70 100%);border-radius: 50px;padding: 1px;}
.model-btn-white .yubi-btn{background: #fff;}
.model-btn-white .yubi-btn .green-arrow{background: linear-gradient(180deg, #77CD93 0%, #DCDC70 100%);}
.popup-bottom-text{text-align: center;}
.text-bottom-p{ color: #01D464;display: inline-block;position: relative;font-size: 14px;font-weight: 500;}
.text-bottom-p:after{content: '';position: absolute;bottom: 3px;left: 0px;right: 0px;background: #01D464;height: 1px;}
.close-icon-modal{position: absolute;top: 20px;right: 20px;width: 22px;cursor: pointer;}
.close-icon-modal svg{pointer-events: none;width: 100%;}
.section-calculater{padding: 34px 0px;}
.btn-calculater{padding: 30px 0px;text-align: center;background: #FFFFFF;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.25);border-radius: 20px;}
.btn-calculater span{position: relative;color: #4D4D4D;font-weight: 500;font-size: 32px;cursor: pointer;    display: inline-block; padding-right: 30px;}
.btn-calculater span:after{
  content: '';position: absolute; right: 0px; top: 22px; width: 27px; height: 12px; background: url(../images/investor/dropdowen.svg); background-size: 100%; background-repeat: no-repeat;}
.btn-more-blog{text-align: center;padding-top: 70px;}
.btn-more-blog a{display: inline-flex;}

/*---slider-fixed-income---start---here---*/
.fixed-income{position: relative;overflow: hidden;}
.fixed-income .shape-bottom{bottom: 0px;}
.slider-s-wraper ul {top: 0px !important;z-index: 2;}
.item-inner-fixed-income{ background: linear-gradient(180deg, #1D3159 0%, #4D6D9B 102.12%); height: 100%;border-radius: 20px;overflow: hidden;
  padding: 30px;position: relative;}
.item-inner-fixed-income:after{ content: ''; position: absolute;left: 0px;right: 0px; bottom: 0px; top: 0px;background: #fff; opacity: 0.6;}
.slider-story li[style*="width: 350px;"] .item-inner-fixed-income:after, .slider-story li[style*="width: 250px;"] .item-inner-fixed-income:after, 
.slider-story li[style*="width: 200px;"] .item-inner-fixed-income:after, .slider-story li[style*="width: 260px;"] .item-inner-fixed-income:after, 
.slider-story li[style*="width: 480px;"] .item-inner-fixed-income:after{ display: none;}
.item-inner-fixed-income .yubismheading{color: #fff;height: 124px;position: relative; overflow: hidden;padding-bottom: 15px;
  margin-bottom: 24px;line-height: 29px;text-transform: initial; font-size: 24px;font-weight: 300;}
.content-slider-box p{color: #fff;font-size: 13px;}
.slider-story li[style*="width: 350px;"] {box-shadow: 1px 39px 24px #00000021;border-radius: 20px;}
.slider-story li[style*="width: 350px;"] .item-inner-fixed-income .yubismheading {font-size: 33px; font-weight: 300; height: 168px;line-height: 40px;}
.slider-story li[style*="width: 350px;"] .content-slider-box p{ font-size: 16px;}
.item-inner-fixed-income .yubismheading:after{content: '';position: absolute;bottom: 0px;left: 0px;height: 2px;width: 30px;
  background: linear-gradient(90deg, #77CD93 2.78%, #DCDC5B 95.83%); border-radius: 10px;}
.content-item-income{overflow: hidden; height: 100%;}
.icon-scroll.left{left: -145px !important;background: url(../images/icon/slider-left-arrow.png) no-repeat; background-size: 100%;}
.icon-scroll {width: 45px;height: 45px;display: block;position: absolute;margin-top: -22px;cursor: pointer;box-shadow: 1px 16px 25px #00000033; border-radius: 30px;}
.icon-scroll.right{right: -145px !important;background: url(../images/icon/slider-right-arrow.png) no-repeat;background-size: 100%;}

/*---slider-fixed-income---end---here---*/



/* -- blog-page-start -- */
.blog-main{background: #f6f6f6;}
.blog-tab{margin-bottom:80px;}
.blog-tab ul{display: flex; grid-gap: 30px;}
.blog-tab ul li{ text-align: center; width: calc(100%/ 5); }
.blog-tab ul li a{width: 100%; font-size: 20px; color: var(--black-color); background: var(--white-color); border-radius: 15px; font-weight: 500; padding: 12px 30px; display: inline-block; transition: ease-in-out .5s;}
.blog-tab ul li a:hover, .blog-tab ul li a.active{background: #01D464; color: var(--white-color); box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.25);}

.blog-section{}
.blog-section .blog-left{width: 72%;}
.blog-section .blog-right{width: 25%;}
.blog-left .blog-tab-box{display: none;}
.blog-tab-mian{justify-content: flex-start; grid-gap: 25px;}
.blog-tab-mian .academy-card{width: 31.33%; border-radius: 25px;}
.blog-tab-mian .academy-card .academy-top img{border-radius: 25px;}
.blog-tab-mian .academy-card .academy-details{padding: 20px 25px 30px;}
.blog-tab-mian .academy-card .academy-details .yubixxsheading{font-size: 16px; margin-bottom: 5px;}
.blog-tab-mian .academy-card .academy-details .yubixsheading{font-size: 18px;line-height: 23px;height: 46px;margin-bottom: 10px;}
.popular-box{border-radius: 25px;background: var(--white-color);padding: 30px 0px 50px;margin-bottom: 30px;padding-right: 20px;}
.popular-box .yubismheading{color: #080F16;font-weight: 500;margin-bottom: 0;padding-left: 20px;}
.popular-box .popular-list{overflow-y: scroll;padding-right: 10px; height: 600px;}
.popular-box .popular-list li{margin: 15px 15px 15px;}
.popular-box .popular-list li a{font-size: 18px; color: var(--light-black-color); padding:15px 20px; border-bottom: 1px solid rgba(185, 185, 185, 0.4); width: 100%; display: inline-block; transition: ease-in-out .5s;}
.popular-box .popular-list li a:hover{box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11); border-radius: 10px; background: var(--white-color); border-bottom: 1px solid transparent;}
.popular-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);border-radius: 10px;background-color: #D9D9D9;}
.popular-list::-webkit-scrollbar{width: 3px;background-color: #D9D9D9; border-radius: 10px;}
.popular-list::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);background-color: #B9B9B9;}

.newsletter-box{background-color: #101828; border-radius: 25px; text-align: center; padding: 50px 20px;}
.newsletter-box .yubismheading{color:var(--white-color); font-weight: 600; margin-bottom: 5px;}
.newsletter-box p{font-size: 14px; color: var(--white-color); font-weight: 400; margin-bottom: 30px;}
.newsletter-box .yubi-btn{margin: 0 auto; border: none; background: linear-gradient(270deg, #77CD93 0%, #DCDC5B 100%); padding: 15px 10px; padding-left: 60px;font-weight: 500; cursor: pointer;}
.newsletter-box .yubi-btn:hover{padding-right: 60px; padding-left: 15px;}

.pagination-box{text-align: center;width: 100%;margin-top: 80px;}
#blog-pagination{display: flex; justify-content: center; width: 100%;}
.pagination-box #blog-pagination li {display: inline}
.pagination-box #blog-pagination li a {display: inline-block;text-decoration: none; padding: 5px 10px; color: #808080; font-size: 18px; display: flex;align-items: center;}
.pagination-box #blog-pagination li a {border-radius: 5px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s}
.pagination-box #blog-pagination li a.active {color: #1B8C51;}
.pagination-box #blog-pagination li a:hover:not(.active) {color: #808080;} 

.blog-details-banner{position: relative;}
.blog-details-banner picture{line-height: 0px;display: block;}
.blog-details-banner img{line-height: 0;}
.blog-details-content{position: absolute;top: 50%;left: 7%;transform: translate(0px, -50%); width: 90%;}
.blog-details-content .bradcram{margin-bottom: 50px;}
.blog-details-content .bradcram li{font-size: 16px;color: var(--white-color);display: inline-block;}
.blog-details-content .bradcram li a{font-size: 16px; color: var(--white-color);font-weight: 300;}
.discount-div img { margin-top: -81px;} 
.discount-div { padding-top: 5rem;} 
.blog-details-banner .yubilgheading{font-weight: 400;color: var(--white-color);margin-bottom: 15px;line-height: 56px;font-size: 46px;}
.blog-details-banner .yubixxsheading{color: #E0E0E0;font-weight: 400;}
.blog-time{margin-top: 40px;display: flex;}
.blog-time li{display: flex;align-items: center;font-size: 18px;font-weight: 400;color: #E0E0E0;margin-right: 40px;}
.blog-time li svg{width: 20px;height: 20px;margin-right: 15px;}

.blog-details-box{background: #f6f6f6;}
.blog-details-main .blog-details-left{width: 65%;}
.blog-details-main .blog-details-left img{border-radius: 40px;}
.blog-details-main .blog-details-left .blog-top-img{margin-bottom: 40px;}
.blog-details-main .blog-details-left .blog-bottom-img{margin-top: 20px; border-radius: 25px;}
.blog-details-main .blog-details-left p{font-size: 20px; color: var(--light-black-color); margin-bottom: 30px; font-weight: 300;}
.blog-details-main .blog-details-left .yubixsheading{font-weight: 500;color: #080F16;margin: 20px 0 10px;display: inline-block;width: 100%;}
.blog-details-main .blog-details-left h2, .blog-details-main .blog-details-left h3, .blog-details-main .blog-details-left h4, .blog-details-main .blog-details-left h5, .blog-details-main .blog-details-left h6{font-weight: 500;color: #080F16;margin: 20px 0 10px;font-size: 24px;line-height: 30px; display: inline-block;width: 100%;}
.blog-details-main .blog-details-left p strong{font-weight: 500;font-size: 22px;}
.blog-details-main .blog-details-right{width: 27%;}
.blog-details-main .blog-details-right .yubixsheading{font-weight: 500; color: #080F16; margin-bottom: 10px;}
.blog-details-main .blog-details-right ul li{margin-bottom: 10px;}
.blog-details-main .blog-details-right ul li a{font-size: 18px; font-weight: 400; text-transform: capitalize; color: #8E8E8E; transition: ease-in-out .5s;}
.blog-details-main .blog-details-right ul li a:hover{color: var(--dark-green-color);}
.blog-details-main .blog-details-right ul li:last-child{margin-bottom: 0;}
.blog-details-page .academy-card{margin-right: 30px !important;}


/*---banner---common---start---here---*/
.faq-main-section-block .faq-content { position: absolute; top: 50%;left: 50%; width: 50%; z-index: 1; transform: translate(-50%, -50%); text-align: center;}
.faq-main-section-block .faq-content p {font-size: 18px; color: var(--white-color); font-weight: 400; margin-bottom: 0px; width: auto; margin: 20px 0;}
.search-box-header {position: relative; width: 60%;margin: auto; margin-top: 25px;}
.search-box-header input { border: 2px solid #ffffff; border-radius: 30px; font-weight: 400; position: relative; z-index: 3;width: 100%;
  padding: 17px 20px;padding-left: 55px; color: var(--white-color); background-color: transparent; font-family: 'Sofia Pro';}
  .search-box-header input::placeholder{font-family: 'Sofia Pro';}
  .search-box-header input:focus { border: 2px solid #ffffff;}
.search-box-header input::placeholder { color: var(--white-color);}
.search-btn {position: absolute; top: 50%; left: 16px; transform: translate(0px, -50%);background: none;border: none;width: 25px;cursor: pointer;z-index: 4;}

.tab-container {width: 75%; margin: auto;}
.tab-menu ul {margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;column-gap: 15px;}
.tab-menu ul li { list-style-type: none;}
.tab-menu ul li a {text-decoration: none;background: #ffffff; border: 0.801258px solid #d9d9d9;border-radius: 20.0314px;display: flex; align-items: center; 
  justify-content: center; padding: 30px;}
.tab-menu ul li a .white-svg-icon { display: none;}
.tab-menu ul li a img {width: 80px;height: 80px;}
.tab-menu ul li a.active-a {background: #01D464;border: 0.801258px solid #d9d9d9;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20.0314px;}
.tab-menu ul li a.active-a .white-svg-icon {display: block;}
.tab-menu ul li a.active-a .icon-svg {display: none;}
.tab { display: none;margin-top: 70px;}
.tab-active {display: block;}
.faq-accordian-block .smart-accordion-list .smart-accordion-details { background: #ffffff; box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.07); border-radius: 15px;
  padding-left: 24px;}
.faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading {color: #4d4d4d; font-weight: 600;line-height: 26px;font-size: 20px;}
.faq-accordian-block .smart-accordion-list .smart-accordion-details .smart-answer p, .faq-accordian-block .smart-accordion-list .smart-accordion-details .smart-answer ol li, .faq-accordian-block .smart-accordion-list .smart-accordion-details .smart-answer ul li {
 color: #414141; font-weight: 300;line-height: 20px;font-size: 16px;margin: 5px 0px;}
.faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading:after { border-color: #000000;top: 3px;}
.faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading::before { display: none;}
.faq-viewall { text-align: center; width: 100%; margin: auto; margin-top: 50px;}
.faq-accordian-block .smart-accordion-list { margin-bottom: 0;}
.faq-viewall a { display: block; margin: auto;}
.support { background-image: url("https://www.aspero.in/wp-content/themes/yubi/common/images/banner-new.png"),linear-gradient(145deg, rgba(217,249,232,1) 39%, rgba(255,255,233,1) 86%); background-size: cover; background-repeat: no-repeat;}
.support-wrap { text-align: center;color: #ffffff;}
.support-wrap p { font-size: 22px; margin-top: 15px;}
.support-wrap p a { color: #01D464; text-decoration: underline;}

/* new css */

.tab-menu ul li a span{color: #000;font-size: 16px;display: block;font-weight: 500;margin-top: 10px;}
.tab-menu ul li a{flex-direction: column;cursor: pointer;}
.tab-menu ul li a.active-a span{color: #fff;}
.faq-viewall{display: none;}
.faq-accordian-block .smart-accordion-list{height: 500px;overflow-y: scroll;padding-right: 15px;    padding-left: 20px; margin-left: -20px;}
.faq-accordian-block .smart-accordion-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);border-radius: 10px;background-color: #D9D9D9;}
.faq-accordian-block .smart-accordion-list::-webkit-scrollbar{width: 4px;background-color: #D9D9D9; border-radius: 10px;margin-left: 10px;}
.faq-accordian-block .smart-accordion-list::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);background-color: #B9B9B9;}

/*---contact-us---section---start---here---*/
.contact-section picture img{ display: block;width: 100%;}
.contact-section {padding-bottom: 90px; position: relative;}
.contact-section picture{ display: block; line-height: 0px;}
.contact-container{ border-radius: 20px; width: 60%; margin: 0px auto; display: flex; position: relative; margin-top: -25%; background: #fff; box-shadow: 0px 0px 36px rgb(0 0 0 / 13%);}

.contact-left-colm .yubi-top-heading{position: absolute;top: 40px;left: 0px;z-index: 2;text-align: left;width: 100%;padding-left: 30px; max-width: 100%;}
.contact-left-colm .yubi-top-heading .yubilgheading{color: #fff; padding-left: 0px; max-width: 100%; width: 100%;}
.contact-left-colm .yubi-top-heading p{color: #fff;font-size: 18px;padding-top: 0px;}
.contact-right-colm .yubi-top-heading .yubilgheading{ font-size: 26px; text-transform: initial; max-width: 100%; width: 100%;}
.contact-right-colm .yubi-top-heading{ max-width: 100%; margin-bottom: 30px;text-align: left;padding-left: 15px;}
.contact-right-colm .yubi-top-heading .yubilgheading .heading-circle{width: 48px;height: 48px;top: 0px;}
.contact-right-colm .yubi-top-heading{margin-bottom: 15px;}
.contact-left-colm{ width: 50%; position: relative;}
.contact-bg{ position: absolute;top: 0px;left: -2px; right: 0px; bottom: 0px;height: 100%;width: 100%;display: block;object-fit: cover; border-radius: 20px;} 
.contact-right-colm{ width: 50%;padding: 40px;}
.input-box input, .input-box textarea{ padding: 16px 12px; border: none; border-bottom: 1px solid #A8A8A8;border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;display: block;width: 100%;font-size: 14px;font-weight: 400;font-family: 'Sofia Pro';}
  .input-box button{font-family: 'Sofia Pro';}
  .input-box input::placeholder, .input-box textarea::placeholder{font-family: 'Sofia Pro';}
.input-box textarea{ min-height: 90px; resize: vertical;}
.input-box input:focus, .input-box  textarea:focus{ border-bottom: 1px solid #A8A8A8;}
.input-box { margin-bottom: 15px;}
.input-box input::placeholder, .input-box textarea::placeholder{color: #A8A8A8;}
.input-box button{ border: none;min-width: 152px; font-weight: 500;}
.yubi-btn .green-arrow { width: 30px; height: 30px; left: 8px;}
.submit-box{ padding-top: 20px; margin-bottom: 0px;font-size: 15px;}
.get-touch{ display: none;}

/*---sign-up--start--here----*/
.sign-up-modal .modal__dialog{ width: 456px; border-radius: 25px;}
.title-sign-up{    text-align: center; font-weight: 500;color: #000;font-size: 28px; margin-bottom: 35px;}
.sign-up-modal .modal__content{padding: 40px;}
.submit-box-sign-up{text-align: center; margin-bottom: 0px; margin-top: 45px;}
.submit-box-sign-up .yubi-btn{display: inline-flex;padding-left: 48px;min-width: 215px;}
.submit-box-sign-up .yubi-btn:hover{padding-left: 30px;}

/*---fixid---btn--start-here---*/
.fixid-botom-btn{ position: fixed;bottom: 0px;left: 0px;width: 100%; padding: 20px 0px;text-align: center;
  background: #fff;z-index: 9999999999;box-shadow: 0px 0px 19px rgb(0 0 0 / 5%);}
/*.fixid-botom-btn.active{display: block;}*/
.yubi-btn{ display: inline-flex;}

.graph-banner{width: 30%;position: absolute; bottom: 20%;right: 10%;}
.graph-banner img{display: block; width: 100%;}
.academy-card .academy-details .yubixsheading a{color: #1E2737;}
.counter{width: 80px;display: inline-block;}
.popup-hidden{overflow: hidden;}
.remove{
  position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
     z-index: 99999999999;
}
.modal-learning-inner{
      z-index: 99999999999999999;
}
.support-wrap .yubilgheading{
  text-transform: initial;
}
.faq-main .home-banner .banner-content .yubixlheading, .invest-item-inner .banner-content .yubixlheading{
  text-transform: initial;
}
.faq-main-content .yubimdheading .smart-answer{text-transform: initial;}
.blog-details-main .blog-details-right .ez-toc-title{font-weight: 500; color: #080F16; margin-bottom: 10px;font-size: 24px; text-transform: capitalize;}
.blog-details-main .blog-details-right .ez-toc-link { font-size: 18px;font-weight: 400;text-transform: capitalize;color: #8E8E8E !important; line-height:26px;transition: ease-in-out .5s;}
.blog-details-main .blog-details-right .ez-toc-link:hover{color: #1b8c51 !important;}
.blog-details-main .blog-details-right #ez-toc-container li { margin-bottom: 10px;}
.blog-details-main .blog-details-right .ez-toc-list{padding-top: 10px !important;}
.blog-details-main .blog-details-right #ez-toc-container ul ul{margin-left: 0px !important;padding-top: 10px !important;}
.blog-details-main .blog-details-right .ez-toc-title-toggle{display: none;}
.blog-details-main .blog-details-right .active .ez-toc-link{color: #1b8c51 !important;}


.make-mony-box{
position: absolute;
    right: 28%;
    top: 17%;
    background: #fff;
    width: 240px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 5px;
    padding: 15px;
  }
  .make-mony-box:after{
 content: '';
    position: absolute;
    bottom: -3px;
    right: 1px;
    width: 7px;
    transform: rotate(21deg);
    height: 7px;
    border-bottom: 8px solid #fff;
    border-right: 10px solid #fff;
    border-radius: 1px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
  }
.make-mony-flex{display: flex;align-items: center;}
.image-circle-banner{    
  width: 45px;
    height: 45px;
    border-radius: 30px;
    overflow: hidden;
  }
  .make-mony-heading{font-weight: 600;font-size: 16px;padding-left: 15px;width: calc(100% - 45px);color: #080F16;}
  .make-mony-portfolio{margin-top: 10px;border-top: 1px solid #ccc;text-align: center;}
  .banner-portfolio-title{padding: 10px 0px; color: #B9B9B9;font-size: 14px;padding-bottom: 0px;}
  .price-banner{font-size: 18px;font-weight: 600;color: #1E2737;}
  .price-banner span{font-size: 14px; color: #1B8C51;display: inline-block;font-weight: 400;}
  .image-circle-banner img{width: 100%; height: 100%;object-fit: cover;}


  .save-time-box{
    display: flex;
    background: #fff;
    border-radius: 20px;
    position: 'absolute';
    position: absolute;
    bottom: 10%;
    right: 20%;
    padding: 15px;
     border-bottom-right-radius: 6px;
  }
  .save-time-box:after{
     content: '';
    position: absolute;
    bottom: -2px;
    right: 1px;
    width: 7px;
    transform: rotate(21deg);
    height: 7px;
    border-bottom: 8px solid #fff;
    border-right: 10px solid #fff;
    border-radius: 1px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
  }
  .save-time-image {width: 49px;}
  .content-save-time{width: calc(100% - 49px); padding-left: 8px;}
  .title-save-time{font-size: 14px;font-weight: 600;margin-bottom: 0px;color: #080F16;}
  .description-save-time{margin-bottom: 0px;font-size: 14px;color: #808080;}
  .video-iframe iframe{width: 100% !important;height: 100% !important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
  .video-iframe{position: relative;padding-top: 56.25%;}

@media only screen and (min-width: 1800px) {
  .counter {width: 94px;}
  .header-nav li a{font-size: 18px; text-decoration: none;}
  .btn-secondary{font-size: 18px;padding: 13px 40px;}
  .header-right-colm{width: 200px;}
  .submit-box-sign-up .yubi-btn .green-arrow { width: 48px; height: 48px;}
  .header-left-colm{width: 180px;}
  .header-center-colm{width: calc(100% - 380px);}
  .yubixlheading{font-size: 80px;line-height: 68px !important;}
  .home-banner .banner-content .yubismheading, .invest-item-inner .banner-content .yubismheading{ font-size: 50px;line-height: 68px;}
  .home-banner .banner-content p, .invest-item-inner .banner-content p{font-size: 24px;line-height: 30px;width: 700px;margin-bottom: 100px;}
  .home-banner .banner-content, .invest-item-inner .banner-content{width: 90%;}
  .home-banner .banner-content .sign-btn, .invest-item-inner .banner-content .sign-btn {width: 250px;font-size: 24px;padding-left: 74px;}
  .home-banner .banner-content .sign-btn .green-arrow, .invest-item-inner .banner-content .sign-btn .green-arrow { width: 50px;height: 50px;}
  .yubilgheading { font-size: 52px;line-height: 73px;}
  .padding-tb-lg {padding: 112px 0;}
  .shape-top {width: 720px;}
  .yubi-top-heading p {font-size: 28px;line-height: 33px;}
  .yubi-top-heading{margin-bottom: 112px;}
  .choose-nav-slider .choose-nav-tab .choose-content .yubismheading{font-size: 36px;line-height: 42px;padding-left: 80px;padding-right: 30px;}
  .choose-nav-slider .choose-nav-tab .choose-icon{width: 45px;}
  .choose-nav-slider .choose-nav-tab{padding: 30px;}
  .choose-nav-slider .choose-nav-tab .choose-content p {font-size: 22px; line-height: 30px;padding-left: 80px;padding-top: 10px;}
  .choose-nav-slider .choose-nav-tab .choose-content .yubismheading::after, .smart-accordion-list .smart-accordion-details .yubixsheading:after{width: 16px;height: 16px;border-width: 0px 4px 4px 0px;}
  .smart-accordion-list .smart-accordion-details.active .yubixsheading:after{top: 19px;}
  .choose-nav-slider.slick-vertical .slick-slide:nth-of-type(3) .choose-nav-tab .choose-icon{top: -12px;}
  .yubismheading {font-size: 36px;line-height: 42px;}
  .introducing-box .introducing-right .introducing-list li, .invest-card .invest-right .invest-list li {font-size: 24px; line-height: 32px; padding-left: 40px; margin-bottom: 28px;}
  .introducing-box .introducing-right .introducing-list li::after, .invest-card .invest-right .invest-list li::after, .smart-accordion-list .smart-accordion-details .yubixsheading::before{
    width: 28px; height: 20px;top: 8px; left: 0; background: url(../images/icon/right-arrow-icon.svg) no-repeat; background-size: 23px;}
  .investing-box .investing-details p{font-size: 28px;line-height: 37px;width: 75%;margin-bottom: 80px;}
  .investing-box .investing-details {width: 90%;}
  .smart-main .smart-left .yubimdheading{font-size: 40px;line-height: 56px;}
  .icon-smart-h{width: 40px;}
  .smart-accordion-list .smart-accordion-details .yubixsheading {font-size: 30px; line-height: 45px;padding-left: 60px;padding-right: 30px;}
  .smart-accordion-list .smart-accordion-details .smart-answer{padding-left: 60px;}
  .smart-accordion-list .smart-accordion-details .smart-answer p{font-size: 22px;line-height: 30px;}
  .investing-box .investing-details .investing-btn{font-size: 24px;}
  .investing-box .investing-details .investing-btn-text{font-size: 20px;}
  .smart-accordion-list .smart-accordion-details{padding: 35px;}
  .yubi-btn { min-width: 185px;font-size: 18px;}
  .smart-accordion-list{margin-bottom: 65px;}
  .smart-right{width: 720px;}
  .shape-right {width: 420px;}
  .yubi-top-white .yubilgheading, .yubi-top-white .yubilgheading {font-size: 52px;font-weight: 600;}
  .portfolio-slider .portfolio-card .portfolio-list li .portfolio-left, .portfolio-slider .portfolio-card .portfolio-list li .portfolio-right{font-size: 28px;}
  .portfolio-slider .portfolio-card .portfolio-list li .portfolio-right{text-align: left;min-width: 80px;}
  .slick-next, .slick-prev{width: 50px;height: 50px;}
  .portfolio-slider .portfolio-card{padding: 60px;}
  .portfolio-slider .portfolio-card .portfolio-top{height: 148px;}
  .portfolio-slider .slick-list{padding-bottom: 70px;}
  .testimonial-slider .testimonial-card-top .testimonial-right .yubixxssheading{font-size: 18px;}
  .testimonial-slider .testimonial-card-top .testimonial-right p {font-size: 16px;}
  .testimonial-slider .testimonial-card::after{height: 102px;}
  .testimonial-slider .testimonial-card-top .testimonial-user img{width: 100px;height: 100px;}
  .testimonial-slider .testimonial-card-top .testimonial-right{width: calc(100% - 100px);}
  .testimonial-slider .testimonial-details .inverted-icon {width: 45px;}
  .testimonial-slider .testimonial-details p{font-size: 18px;line-height: 26px;}
  .testimonial-box{padding-left: 7%;}
  .slick-dots li{width: 14px;height: 14px;}
  .slick-dots li.slick-active{width: 50px;}
  .invest-left-shape {width: 800px;}
  .academy-card .academy-details .yubixxsheading{font-size: 24px;}
  .academy-card .academy-details .yubixsheading{font-size: 28px;line-height: 36px;height: 70px;}
  .question-content-wraper .yubi-top-white .yubilgheading, .yubi-top-white .yubilgheading {font-size: 60px; font-weight: 500; line-height: 69px;}
  .question-content-wraper p{font-size: 18px;}
  .faq-heading{font-size: 24px;}
  .question-content p {font-size: 24px;line-height: 34px;}
  .faq-accordian{padding: 30px;border-radius: 16px;}
  .investment-section .yubismheading{font-size: 40px;line-height: 80px;}
  .investment-section .yubixlheading{font-size: 70px;line-height: 80px;}
  .app-link-box a{width: 250px;}
  .footer-logo-icon img{width: 95%;}
  .footer-link li a{font-size: 18px;}
  .footer-link li{margin-bottom: 15px;}
  .footer-social-link li{width: 23px;}
  .footer-logo img{width: 170px;}
  .copyright {top: 15px;}
  .investing-box .investing-details .investing-btn .green-arrow{width: 68px;height: 68px;}
  .content-slider-box p{font-size: 16px;}

  /*---investor---start-here---*/
  .item-inner-fixed-income .yubismheading{font-size: 32px; line-height: 39px; height: 165px;}
  .slider-story li[style*="width: 480px;"] .item-inner-fixed-income .yubismheading{font-size: 46px;line-height: 57px;height: 240px;}
  .slider-story li[style*="width: 480px;"] .content-slider-box p {font-size: 22px; line-height: 30px;}
   /*---investor---end-here---*/
  

  /*---investor---page---start---here---*/
  .videos-invest-content .yubixsheading, .videos-nav-right .yubixsheading{font-size: 28px;line-height: 34px;margin-bottom: 20px;}
  .videos-invest-content p{font-size: 24px;line-height: 30px;}
  .videos-invest-content{padding: 46px;}
  .video-text{font-size: 16px;margin-bottom: 5px;}
  .date{font-size: 16px;}
  .videos-nav-slide .slick-list{height: 658px !important;}
  .btn-calculater span{font-size: 40px;}
  .btn-calculater span:after{width: 30px;height: 16px;top: 28px;background-size: 100%;}
  .section-calculater {padding: 40px 0px;}
  .btn-calculater {padding: 40px 0px;}
  .smart-investment .yubi-top-heading p{font-size: 40px;line-height: 80px;}
  .smart-investment .yubixlheading{font-size: 80px;line-height: 90px;margin-bottom: 0px;}
  .investment-btn .yubi-btn .green-arrow { width: 46px; height: 46px;}
  .investment-btn .yubi-btn {padding: 20px 15px; min-width: 300px;padding-left: 68px;}
  .investment-btn .yubi-btn:hover{padding-left: 40px;}
  .modal-learning-inner{width: 690px;padding: 70px;}
  .modal-img-box img {width: 115px;}
  .modal-text{font-size: 30px;line-height: 36px;}
  .modal-btn  .yubi-btn .green-arrow{width: 44px;height: 44px;}
  .modal-btn  .yubi-btn{padding-top: 30px;padding-bottom: 30px;font-size: 18px;padding-left: 125px;}
  .modal-btn  .yubi-btn:hover{padding-left: 100px;}
  .text-bottom-p{font-size: 18px;}
  .modal-btn { margin-bottom: 20px;}
  .close-icon-modal{width: 35px;}
  .yubi-invest-logo {width: 650px;}

  .blog-details-content .bradcram li{font-size: 18px;}
  .blog-details-banner .yubilgheading{font-size: 52px;line-height: 64px;}
  .blog-details-banner .yubixxsheading{font-size: 24px;margin-top: 5px;}
  .blog-time li{font-size: 24px;}
  .blog-details-main .blog-details-left p{font-size: 24px;line-height: 34px;}
  .blog-details-main .blog-details-left .yubixsheading{font-size: 32px;line-height: 40px;margin-bottom: 15px;font-weight: 500;}
  .blog-details-main .blog-details-right .yubixsheading{font-size: 32px;line-height: 30px;}
  .blog-details-main .blog-details-right ul li a{font-size: 24px; line-height: 34px;}
  .blog-tab ul li a{font-size: 24px;}
  .blog-tab-mian .academy-card .academy-details .yubixxsheading {font-size: 18px;}
  .blog-tab-mian .academy-card .academy-details .yubixsheading { font-size: 22px;line-height: 27px; height: 58px;}
  .popular-box .popular-list li a {font-size: 22px;line-height: 36px;}
  .faq-main-section-block .faq-content p{width: 100%; margin: 40px 0px;}
  .search-box-header{width: 28%;}
  .search-box-header input{border-radius: 50px;    padding: 23px 25px;padding-left: 70px;}
  .search-box-header input{font-size: 18px;}
  .search-btn{left: 25px; width: 30px;}
  .tab-menu ul li a img { width: 105px;height: 111px;object-fit: contain;}
  .tab-menu ul li a span{font-size: 24px !important;}
  .faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading{font-size: 24px;line-height: 33px;}
  .faq-accordian-block .smart-accordion-list .smart-accordion-details .smart-answer p{font-size: 24px; line-height: 34px;}
  .faq-accordian-block .smart-accordion-list{padding: 20px;margin-left: -20px;}
  .faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading,  .faq-accordian-block .smart-accordion-list .smart-accordion-details .smart-answer{padding-left: 30px;}
  .faq-accordian-block .smart-accordion-list .smart-accordion-details .yubixsheading:after{ top: 4px;   width: 13px; height: 13px; border-width: 0px 3px 3px 0px;}
  .faq-accordian-block .smart-accordion-list .smart-accordion-details.active .yubixsheading:after {top: 14px;}
   .support-wrap .yubilgheading{font-size: 68px;}
   .support-wrap p {font-size: 24px;  margin-top: 30px;}
   .contact-left-colm .yubi-top-heading .yubilgheading{font-size: 60px;line-height: 68px;}
   .contact-left-colm .yubi-top-heading p{font-size: 24px;}
   .contact-right-colm .yubi-top-heading .yubilgheading{font-size: 32px;}
   .input-box input::placeholder, .input-box textarea::placeholder{font-size: 18px;}
   .input-box input, .input-box textarea{font-size: 16px;}
   .contact-right-colm{padding: 50px;}
   .contact-right-colm .yubi-top-heading { margin-bottom: 26px;}
   .input-box { margin-bottom: 30px;}
   .contact-container{margin-top: -26%;}
   .contact-section{padding-bottom: 112px}
   .title-sign-up{font-size: 36px;    margin-bottom: 45px;}
   .sign-up-modal .modal__dialog{width: 542px;}
   .sign-up-modal .modal__content { padding: 50px;}
   .sign-up-modal .input-box {margin-bottom: 38px;}
   .submit-box-sign-up .yubi-btn{font-size: 24px;}
   .sign-up-moda .yubi-btn .green-arrow { width: 45px; height: 45px; }
   .submit-box-sign-up .yubi-btn{min-width: 301px;padding-top: 18px;padding-bottom: 18px;padding-left: 72px;}
    .submit-box-sign-up .yubi-btn:hover{padding-left: 50px;}
    .sign-up-moda.yubi-btn .green-arrow{left: 13px;}
    .sign-up-moda .yubi-btn:hover .green-arrow { left: calc(100% - 13px);}
    .testimonial-box .shape-bottom{width: 500px;}
    .terms-block p {font-size: 24px !important; line-height: 32px !important;}
    .blog-details-main .blog-details-left h2, .blog-details-main .blog-details-left h3, .blog-details-main .blog-details-left h4, .blog-details-main .blog-details-left h5, .blog-details-main .blog-details-left h6{font-size: 32px;line-height: 37px;}
    .blog-details-main .blog-details-left p strong{font-size: 27px;line-height: 32px;}


    .make-mony-box{width: 275px;}
    .image-circle-banner{width: 55px;height: 55px;}
    .make-mony-heading{font-size: 22px;}
    .banner-portfolio-title{font-size: 16px;}
    .price-banner{font-size: 24px;}
    ..price-banner span{font-size: 16px;}
    .make-mony-box{top: 18%;}
}
/* Updated */
.yellow-bg
{
  background-color: #dcdc5b;
  top: 0;
  margin-top: -15px;
  margin-bottom: 10px;
  padding: 10px;
}
.yellow-bg p 
{
  color: #1D3159;

}
.yellow-bg p a
{
  color: #1D3159;
  text-decoration: underline;
}
.qrcode-text
{
  color: #04142D;
  font-size: 22px;
}
.qrcode-text a 
{
  color: #04142D;
  text-decoration: underline;
}

.issuance-slider{margin-right: -30px;padding-left: 40px;
  padding-right: 40px;}
  .issuance-slider .slick-disabled, .portfolio-slider .slick-disabled{display: none !important;}
.issuance-slider .item{margin-right: 30px;}
.issuance-card{border-radius: 40px; background: var(--white-color); overflow: hidden;}
.issuance-card .issuance-top{position: relative;  height: auto;}
.issuance-card .issuance-top img {position: relative; border-radius: 40px; top: 0; left: 0; right: 0; bottom: 0; width: 30%; height: 30%; padding: 10px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.issuance-card .issuance-details{padding: 30px 30px 50px;}
.issuance-card .issuance-details .yubixxsheading{color: var(--dark-green-color); margin-bottom: 10px;}
.issuance-card .issuance-details .yubixsheading{color: var(--light-blue-color);margin-bottom: 20px;font-weight: 600;height: 54px;text-transform: none;
  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 27px;font-size: 22px;}
.issuance-card .issuance-details p{font-size: 13px; font-weight: 400; color: var(--slight-gray-color);}
.issuance-card .issuance-details p span{font-weight: 400; color: var(--dark-black-color);}
.bor-rad50
{
border-radius: 50%;
}
ul#menu-bonds-menus {
    display: flex;
    justify-items: start;
    align-items: stretch;
    justify-content: start;
    align-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 26px;
}


.card-beige
{
 
       background-color: #F5F8FF;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 50px;
   margin-top: 20px;
}
.page-template-page-bonds-promotion .nav-tabs
{
    border-bottom: 1px solid #dee2e6;
    width: fit-content;
}
.page-template-page-bonds-promotion .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .page-template-page-bonds-promotion .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    background: #fff;
    border-bottom: solid 2px #01d464;

}
.page-template-page-bonds-promotion .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    background: #fff;
}
.page-template-page-bonds-promotion li.nav-item a {
    color: #000;
}
.page-template-page-bonds-promotion li.nav-item:hover a {
    color: #000;
}
section.bonds-prom-banner {
    padding-top: 100px;
}
.page-template-page-bonds-promotion .font-white-sec h2, .page-template-page-bonds-promotion .font-white-sec h4, .page-template-page-bonds-promotion .font-white-sec h5
{
  color: #fff;
}
.page-template-page-bonds-promotion  .btn2 {
    background: linear-gradient(145deg, #01d464 39%, #eeef68 86%);
}
.page-template-page-bonds-promotion .btn {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
}
.page-template-page-bonds-promotion .col-md-6 {
    padding-left: unset;
}
accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.accordion-button::after {
    font-size: 14px !important;
    transition: transform .2s ease-in-out;
    content: "\f067" !important;
    font-family: 'FontAwesome';
    position: absolute;
    right: .8rem;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: #667085;
    background-image: unset !important;
    width: unset;
    height: unset;
}
.accordion-button:not(.collapsed)::after {
    font-size: 14px !important;
    transition: transform .2s ease-in-out;
    content: "\f068" !important;
    font-family: 'FontAwesome';
    position: absolute;
    right: .8rem;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: #667085;
    background-image: unset !important;
}
.accordion-item:last-child {
    border-bottom: none;
}
 .card-skip {
      border: 1px solid #e1e4e8;
      border-radius: 16px;
      background: white;
      padding: 20px;
      height: 100%;
    }
   .card-skip .card-title-icon {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 600;
      padding-bottom: 10px;
      border-bottom: 1px dashed #e0e0e0;
    }
    .card-title-icon img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    object-fit: contain;
     }
    .card-skip .card-subtitle {
       color: #697586;
       margin-bottom: 20px;
       font-weight: 400;
       font-size:12px;
    }
    .card-skip .bond-entry {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      border-bottom: 1px dashed #e0e0e0;
    }
    .card-skip .bond-entry:last-child {
      border-bottom: none;
    }
    .card-skip .bond-left {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .card-skip .bond-left img {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      object-fit: contain;
    }
    .card-skip .bond-info {
      display: flex;
      flex-direction: column;
    }
    .card-skip .bond-name {
      font-weight: 400;
      color: #121926;
      padding-bottom: 5px;
    }
    .card-skip .bond-sub {
      color: #6c757d;
      font-size: 12px;
    }
    .card-skip  .ytm {
      text-align: right;
    }
    .card-skip .ytm-value {
      font-weight: 400;
      color: #018E43;
      padding-bottom: 5px;
    }
    .card-skip .ytm-label {
      color: #697586;
      font-size: 12px;
    }
    .card-skip .view-all {
      text-align: center;
      margin-top: 15px;
      position: relative;
    }
    .card-skip .view-all a {
      color: ##3554A4;
      font-weight: 400;
      text-decoration: none;
      position: relative;
      z-index: 2;
    }
     .invest-earn {
      background: linear-gradient(to right, #eef7fb, #e8f7eb);
      padding: 2rem;
    }
    .invest-earn .feature-icon {
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: auto;
      font-size: 1.2rem;
    }
    .invest-earn .feature-text {
      text-align: center;
      margin-top: 10px;
    }
    .invest-earn .right-card {
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 12px rgba(0,0,0,0.05);
      padding: 1.5rem;
      height: 100%;
      align-items: center;
      display:flex;
   
    }
    .invest-earn .right-card h6 {
      font-weight: 600;
    }
    .invest-earn .right-card p {
      color: #555;
    }
    .invest-earn .illustration {
      width: 200px;
      margin: 1rem auto 0;
      display: block;
    }
      .invest-earn h5 {
    font-size: 16px;
     }