/* font faminly  */

@font-face {

  font-family: Acumin-BdItPro;

  src: url(../font/Acumin-BdItPro.otf);

}

@font-face {

  font-family: Acumin-BdPro;

  src: url(../font/Acumin-BdPro.otf);

}

@font-face {

  font-family: Acumin-ItPro;

  src: url(../font/Acumin-ItPro.otf);

}

@font-face {

  font-family: Acumin-RPro;

  src: url(../font/Acumin-RPro.otf);

}



/* Style the header with a grey background and some padding */

:root {

  overflow-x: hidden;

}



html, body{

  overflow-x: hidden;

}

body{

  font-family: Acumin-RPro;

}

  

.btn{

  border-radius: 6px;

  font-weight: 700;
  display: inline-block!important;

}

.mt-95 {

    margin-top: 5% !important;

}

.mt-100

{

  margin-top: 100px !important;

}

/*  Login Placeholder css start*/

input#email::-webkit-input-placeholder {

    padding: 6px 0px!important;

  color: #D0D6E4 !important;

  border: none !important;

}

.welcome-area a.btn.btn-white.text-uppercase {

    border: 1px solid;

}

input#password::-webkit-input-placeholder {

    padding: 6px 0px!important;

  color: #D0D6E4 !important;

  border: none !important;

}

input#password-confirm::-webkit-input-placeholder {

    padding: 6px 0px!important;

  color: #D0D6E4;

  border: none;

}

input#name::-webkit-input-placeholder {

    padding: 6px 0px!important;

  color: #D0D6E4 !important;

  border: none !important;

}



/* Login Placeholder css end */

.btn-blue{

  background: #002ee6;

  color: #ffffff!important;

  font-size: 16px;  

  /*text-transform: uppercase;*/

  padding: 12px 23px 8px 23px;

  display: inline-flex;

  align-items: center;

  /* font-weight: ; */

}

.btn-blue:hover{

      color: #002ee6!important;

    background: #ffffff;

    border: 1px solid #ffffff;

}

.btn-blue:hover svg{

/*  fill:#002ee6!important;*/

}

.btn-check:focus+.btn, .btn:focus{

  box-shadow: none;

  outline: none;

}

.navbar-light .navbar-nav .nav-link.btn-blue{color: #ffffff!important;padding: 11px 52px!important;

    margin-top: 4px;

    line-height: inherit !important;

    font-family: inherit !important;

  }

.navbar .container-fluid{

 width: 92%;

}

.navbar-light .navbar-nav .nav-link{

  font-weight: 400!important;

  color: #111111!important;

  padding: 15px 30px !important;

  font-size: 14px;

}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-item:hover .nav-link{

  color: #002EE6!important;

/*  font-weight: 700!important;*/

}

/*.navbar-light .navbar-nav .nav-link.btn-blue:hover{

  background: #ffffff;

  color: #002ee6;

  border: 1px solid #002ee6;

}*/

.dropdown-toggle::after{

  background-image: url(../images/down-arrow.png);

  background-repeat: no-repeat;

  background-position: center;

  width: 13px;

  height: 7px;

  border: none;

  vertical-align: middle;

}



.burgurmenu .dropdown-toggle::after, .burgurmenu.dropdown:hover .dropdown-toggle::after{

display: none;

}

.banner-text{

  margin-top: 21px;

    margin-bottom: 35px;

}

.clickble-menu .dropdown-menu{

  position: inherit;

}

.overlay.clickble-menu {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 1;

  top: 0;

  right: 0;  

  left: auto;

  background-color: #ffffff;

  overflow-x: hidden;

  transition: 0.5s;

}



.overlay-content {

  position: relative;

/*  top: 25%;*/

  width: 100%;

/*  text-align: center;*/

  margin-top: 30px;

}



.overlay.clickble-menu a {

  padding: 8px;

  text-decoration: none;

  font-size: 14px;

  color: #000000;

  display: block;

  transition: 0.3s;

}





.overlay.clickble-menu .closebtn {

  position: absolute;

  top: 20px;

  right: 45px;

}

.overlay.clickble-menu .dropdown-toggle.show::after

{



    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.overlay.clickble-menu  .overlay-content .dropdown-toggle::after {

    float: right;

    margin-top: 10px;

/*    margin-right: 67px;*/

}



@media screen and (max-height: 450px) {

  .overlay a {font-size: 20px}

  .overlay .closebtn {

  font-size: 40px;

  top: 15px;

  right: 35px;

  }

}



.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown:hover>.dropdown-menu {

/*    display: block;*/

}



.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #fff;

}

a{

  text-decoration: none;

  color: #002ee6;

}

.carousel-caption{

  top: 10%;

  bottom: 0;

  color:#000000;

  text-align:initial;

      right: 12%;

    left: 13%;

}

.color-blue-theame{

  color:#002EE6;

}



.banner .carousel-caption h2, .banner .carousel-caption h3{

  font-size: 56px;

}

.banner .carousel-caption h2{



  font-weight: 700;

}

.banner .carousel-caption p{

  font-size:16px;

}

.banner .carousel-caption .btn-white{

  background: #ffffff;

    border-radius: 23px;

    font-size: 24px;

    color: #002ee6;

    text-transform: uppercase;

    padding: 6px 23px;

    display: inline-flex;

    align-items: center;

    font-weight: 700;

}



.product-box{

  background: #F7F9FF;

  backdrop-filter: blur(25px);

  border-radius: 14px;

  text-align: initial;

  padding: 30px 35px;

/*  margin: 4px 15px 4px 0px;  */

  color: #000000;

/*  width: 447px;*/

height: 270px;

}

.product-slider .slick-initialized .slick-slide, .product-area{

  margin: 0px 50px 0px 0px!important;

      width: 400px!important;

}

.product-slider .slick-track{

display: flex;

}

.product-slider .slick-slider{

/*width: 1680px;*/

}

.product-box .icon{

/*  basckground: #ffffff;*/

 /* width:100px;

  height:100px;*/

  width: 202px;

    height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

/*  border-radius: 50%;*/

}

.product-box h6{

  font-size: 24px;

  font-weight: 700;

  color: #000000;

  margin-bottom: 20px;

}

.product-box p{

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 40px;

}

.product-box a{

  font-size: 16px;

  font-weight: 700;

  color:#002EE6;

}

.user-data{

  font-weight: 400;

  font-size: 56px;

}

.user-data .number{

font-weight: 700;

}

.user-data p{

  font-size:16px;

  font-weight:400;



}

.user p{

  opacity: 0.5;

}

.btn-primary {

  color: #ffffff;

  background-color: #002EE6;

  border-color: #002EE6;

  padding: 11px 52px;

/*  margin-bottom: 10px;*/

}

/*.btn-primary:hover{

  color: #002EE6;

  background-color: #ffffff;

  border-color: #002EE6;

}*/

.title-head{

  font-size: 16px;

  font-weight: 400;

  color: #111111;

  opacity: 0.5;

      text-transform: uppercase;

/*    word-spacing: 17px;*/

    letter-spacing: 0.3em;

}

.op-5{

opacity:0.5;

}

.portfolio-manage .main-area{

  background:#002EE6;

  color:#ffffff;

  padding: 27px 45px;

  border-radius: 15px;

      width: 75%;

}

.portfolio-manage h2{

  font-size: 42px;

    font-weight: 700;

    width: 66%;

    margin-top: 15px;

    line-height: initial;

}

.btn-outline{

  font-size: 16px;

  /* font-weight: 700; */

  text-align: center;

  border:1px solid #ffffff;

  color:#ffffff;

  padding: 11px 52px;

}

.btn-outline:hover{

  background: #ffffff;

color:#002EE6!important;

}

.btn-white{

  background-color: #ffffff!important;

  color:#002EE6!important;

  font-size: 16px!important;

  font-weight: 700!important;

  text-align: center!important;

/*  padding: 11px 52px!important;*/

  padding: 11px 35px!important;

    width: fit-content!important;

/*    margin: 30px 3px 0px!important;*/

}

.btn-white:hover{

background: #C9D3EC;

color:#002EE6!important;

}

.content-sec h3 {

  font-weight: 700;

  font-size: 46px;

  margin-bottom: 30px;

}

.content-sec p{

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 30px;

  color: #000000;

}

.w-80{

/*  max-width:80%;*/

}

.seen-box .card{

  border:none;

  margin: 25px 15px;

      border-radius: 14px;

    background-color: #F6F9FF;

}

.pl-50{

  padding-left: 70px;

}

.pr-50{

  padding-right: 70px;

}

.manage-img{

  float: right;

  margin-top: -237px;

/*  margin-right: 0px;*/

  margin-right: -40px;

}

.manage-img img{

  width:80%

}



.card-title{

  font-size: 24px;

  font-weight: 700;

  color:#000000;

  margin-bottom: 30px;

}

.card-text{

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 29px;

}

.card-body a

{

  color:#002EE6;

  font-size:18px;

  font-weight: 400;

}

.card-body

{

/*  background-color: #f0f8ff;*/

  padding: 41px 30px 23px 30px;

}

.footer-box{

  border-radius: 15px;

  background: #002ee6;

  color:#ffffff;

  width: 95%;

}

.footer-box h2{

  font-size: 24px;

  width: 75%;

}



.footer-box .manage-img{

  float: right;

  margin-top: -68px;

  margin-right: 0px;

/*  margin-right: -40px;*/

}

.footer-box .manage-img img {

  width: 100%;

}

footer h3{

  font-size: 24px;

  color: #000000;

  font-weight: 700;

  margin-bottom: 25px;

}



footer li a{

  font-size: 16px;

  font-weight:400;

  color: #7B7D80;

  line-height: 30px;

}

footer li a:hover, .copyright .copyright-link a:hover{

  color:#000000;

}

.footer

{

  background-color: #f0f8ff;

}

.footer-image

{

  background-color: blue !important;

  display: flex;

  

}

.product-slider{

  width:100%; 

  margin-left:auto;

}

label.fw-lable

{

font-size: large !important;

font-weight: 900 !important;

margin-top: 25px;



}

.required-field

{

color:red;

}

.mb-2

{

margin-top:0.5rem;

}

.navbar-toggler{

position: absolute;

right:15px;

top: 14px !important;

    border: none;

}

.mobile-img{

  display: none;

}

.desktop-view{

  display: block;

}

.slick-dots li.slick-active button:before{

  color: #002ee6 !important;

}

.ml-72{

  margin-left: 62px;

}

.ml-60{

  margin-left: 128px;

}

.mobile-link{

  display: none;

}

.mobile-seen-view{

  display: none!important;

}

.coin-table .desktop-seen-view{

  display: block;

}

.desktop-seen-view{

  display: flex;

}

.copyright

{

  border-top: 1px solid #D9D9D9;

  padding: 36px 0px;

  margin: 80px 0px 0px 0px;

  color:#000000;

}

.copyright a{

  color: #002EE6;

  font-weight: 700;

}

.copyright .copyright-link a{

  font-weight: 400;

  color:#000000;

      font-size: 15px;

}

/* coin-page */

.coin-page .carousel-caption{

right: 0;

left: 12%;

top: 13%;

}

.video-box{

  background: rgb(0 46 230 / 30%);

    text-align: center;

    box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

    border-radius: 14px;

    margin: 0px 10px 40px 10px;

    position:relative;

}

.top-area-video{

  position: relative;

  padding: 27px 15px;

  height: 130px;

}

.top-area-video h3{

  font-size: 20px!important;

  font-weight: 700;

}

.text-center{

  text-align: -webkit-center!important;

}

.tem-logo img{

  width: 39%;

}

.top-area-video .icon

{

  position: absolute;

    /*top: 35%;

    left: 44%;*/

    top: 63%;

    left: 40%;

}

.bottom-area-video{  

  padding: 20px 20px;

  background: #ffffff;

  text-align: left;

  border-radius: 0px 0px 14px 14px;  

  height: 120px;

}

.bottom-area-video h4{

  font-size: 18px;

  font-weight: 700;

  color: #002EE6;

}

.bottom-area-video p{

  font-size: 16px;

  font-weight: 400;

}

.coin-box{

  background: #FFFFFF;

box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

border-radius: 14px;

padding:  30px 30px 1px;

}

.coin-head{

  margin-bottom: 30px;

}

.coin-head h6{

  font-size: 18px;

  font-weight: 400;

  color: #000000;

  opacity: 0.5;

}

.coin-data span{

  font-size: 14px;

  font-weight: 700;

  color: #000000;

}

.coin-data h6{

  font-size: 13px;

  font-weight: 700;

}

.coin-data{

  margin-bottom: 25px;

}

.coin-box .coin-data::last-child{

  margin-bottom: 0px;

}

.head-icon{

  width: 30px;

    height: 30px;

    border-radius: 50%;

    background: rgb(81 175 83 / 10%);

    display: flex;

    align-items: center;

    justify-content: center;

}

.head-icon.danger{

  background: rgb(255 0 0 / 10%); 

}

.head-icon.orange{

  background: rgb(236 150 21 / 10%); 

}



.short-nm{

  opacity: 0.5;

}

.color-green{

   color:#51AF53;

}

.color-red{

  color:#FF0000;

}

.coin-sec{

  margin-top: -210px;

    z-index: 99;

    position: relative;

    width: 100%;

}

.coin-table thead th {

  background: #F6F9FF;

  color: #878484;


  font-weight: 400;

  font-size: 14px;

}

.coin-table td, .coin-table td span{

  font-weight: 700;

  font-size: 16px;

}

.table>:not(caption)>*>*{

  padding: 1.5rem 1.5rem;

}

.mobile-language{

  display:none;

}

.page-link{

  border:none;

  padding: 0.375rem 1rem;

}

.login-page{

	background-image: url('/images/background-img.png');

	background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;	

    display: flex;

/*    align-items: center;*/



 }

.login-box{

  background: rgba(255, 255, 255, 0.3);

  border: 1px solid #FFFFFF;

  box-shadow: 0px 20px 30px rgb(0 46 230 / 15%);

/*  backdrop-filter: blur(25px);*/

  border-radius: 14px;

  padding: 40px 55px;

  margin: 89px 0px 100px 0px;

/*  height:680px;*/

}

.form-sec{

  background: #FFFFFF;

  border: 1px solid #D0D6E4;

  border-radius: 14px;

/*  padding: 30px 40px;*/

padding: 20px 26px;

}

.btn-google-outline{

  border: 1px solid #D0D6E4;

border-radius: 6px;

font-weight: 700;

font-size: 16px;

color: #000000;

padding: 10px 15px;

}

.form-floating>label{

  padding: 9px 0.75rem;

  color:#D0D6E4;

}

.form-control, .form-select{

  padding: 12px 10px!important;

  height:auto!important;

  border: 1px solid #D0D6E4;

  color:black;

}

textarea.form-control{

  height: auto!important;

}

.color-red{

  color:#FF0000;

}

.right-area{

  display: block;

}

.right-area h2, .right-area h3{

  font-size: 48px;

  font-weight: 700;

} 

.bottom-text{

  margin-top: 40px!important;

}

.form-check label{

  font-size: 14px;;

}

.eye-icon svg{

  position: absolute;

    right: 9px;

    top: 16px;

}

/* faqs */

.tabs-sec button{

  text-align: inherit;

}

.tabs-box{

  background: #FFFFFF;

border: 1px solid #FFFFFF;

box-shadow: 0px 0px 30px rgba(0, 46, 230, 0.15);

border-radius: 14px;

padding: 0px 30px;

    width: 305px;

    margin-right: 25px;

}

.tabs-box .nav-pills .nav-link.active, .tabs-box .nav-pills .show>.nav-link, .small-case-page .nav-pills .nav-link.active, .small-case-page .nav-pills .show>.nav-link

{

  color: #002ee6;

    background-color: #ffffff;

    font-weight:700;

}

.tabs-box .nav-pills .nav-link{

  color: #000000;

  padding: 15px 0px;

  border-bottom: 1px solid #E2E3E3;

}

.tabs-sec .tab-content{

  /* padding: 0px 34px; */

  width: 100%;

}

.tabs-sec .accordion-button:not(.collapsed){

  color: inherit;

    background-color: transparent;

    box-shadow: none;

}

.tabs-sec .accordion-button{

  font-weight: 700;

  font-size: 18px;

  color:#000000;

  border-radius: 14px;

  padding: 30px 32px;

}

.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type {

    border-bottom-right-radius: 14px;

    border-bottom-left-radius: 14px;

}

.accordion-item{

  border:none;

/*  background: #FFFFFF;*/

  border: 1px solid #FFFFFF;

  box-shadow: 0px 0px 30px rgba(0, 46, 230, 0.15);

  border-radius: 14px;

  margin: 0px 0px 13px 0px;

      position: relative;

}

.accordion-item h2{



  background: #FFFFFF;

  border: 1px solid #FFFFFF;

/*  box-shadow: 0px 0px 30px rgba(0, 46, 230, 0.15);*/

  border-radius: 14px;

/*  margin: 10px 0px;*/

}

.accordion-button:focus{

  border-color: inherit;

  box-shadow: none;

}

.tabs-box .nav-pills .nav-link:last-child{

  border-bottom: none;

}

button:focus:not(:focus-visible) {

  outline: none;

      box-shadow: none;

}

/* queary form */

.feedback-form

{

  background: #FFFFFF;

border: 1px solid #FFFFFF;

box-shadow: 0px 0px 30px rgba(0, 46, 230, 0.15);

border-radius: 14px;

padding: 32px 30px;

}

.feedback-form h3{

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 20px;

}

.feedback-form h5{

  font-size: 18px;

  font-weight: 400;

  color: rgb(0 0 0 / 50%);

  margin-bottom: 40px;

}





.selector{

  position:relative;

  display:flex;

  justify-content:space-around;

  align-items:center;

  border-radius: 6px;

  border: 1px solid #D0D6E4;

}

.aleartplus{

border: 1px solid #ddd;

    border-radius: 6px;

}

.selecotr-item{

  position:relative;

  flex-basis:calc(100% / 2);

  height:100%;

  display:flex;

  justify-content:center;

  align-items:center;  

border-radius: 6px;

color: #D0D6E4;

}

.selector-item_radio{

  appearance:none;

  display:none;

}

.selector-item_label{

  position:relative;

  height:80%;

  width:100%;

  text-align:center;

  line-height:300%;

  font-weight:900;

  transition-duration:.5s;

  transition-property:transform, color, box-shadow;

  transform:none;  

border-radius: 6px;

}

.selector-item_radio:checked + .selector-item_label{

  background-color:#002ee6;

  color:white;

}

.value-button {

  display: inline-block;

/*  border: 1px solid #ddd;*/

border:none;

  margin: 0px;

  width: 30px;

  height: 24px;

  text-align: center;

  vertical-align: middle;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.value-button:hover {

  cursor: pointer;

}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

.number-input{

  padding: 6px 25px!important;

  color: #D0D6E4;

  border: none;

}

.usd-icon{

  position: absolute;

  left: 10px;

  top: 12px;

}

.mobile-area{

  display: none;

}

.small-page {

background: #F2F3F7;

}

.small-page .login-box{

  padding: 120px 296px;

}

.small-page .btn-blue{

  padding: 12px 66px 8px 66px;

}

.color-grays{  

  color: rgb(0 0 0 / 50%);

}

.small-case-page, .faq

{

  background-image: url(/images/background-img.png);

  background-repeat: no-repeat;

  background-size: cover;

  height: 100vh;

}

.small-case-page .login-box{

  padding: 0px;

  /* margin-right: 20px; */



  position: relative;

}

.option-box{

  background: #ffffff;

  padding: 18px 27px;

  border-radius: 5px;

  margin-bottom: 10px;

}

.w-25px{

  width:25px!important;

}

.option-box p{

  font-size: 13px;

}

.small-case-page .btn-blue, .small-case-page .btn-white{

  padding:12px 32px 8px 24px;

  font-weight: 700;

}

.notes{

  position: absolute;

  bottom: 27px;

  display: flex;

  justify-content: center;

  width: -webkit-fill-available;

}

.notes span{

  color:#111111;

  opacity: 0.3;

}

.notes span{

  font-size: 16px;

}

.quiz-area{

  padding: 40px 32px;

}

.time-period{

  color: rgb(0 0 0 / 50%);

  font-size: 12px;

}

.small-case-page  .nav-pills .nav-link{

  color: #000000;

  padding: 20px 15px;

  overflow: hidden;

}

.question{

  font-size: 16px;

}

.question-number{

  background: #002ee6;

    color: #ffffff;

    font-size: 16px;

    padding: 4px 11px 3px 11px;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

}

.quiz-area h2

{

  font-size: 24px;

  font-weight: 700;

/*  width: 99%;*/

/*  padding-right: 6px;*/

  font-family: Acumin-BdPro;

}

.form-check-input{

  margin-top: 0;

      margin-right: 12px;

      width:16px;

}

.form-check-input:checked{

  background-color: transparent;

  border-color: transparent;

  box-shadow: none;

}

.form-check-input:checked[type=radio] {

    background-image: url("../images/radio-cheked.svg");

}

.modal-backdrop.show {

  opacity: 1;

  backdrop-filter: blur(5px);

}

.modal-backdrop{

  background-color: rgba(0, 46, 230, 0.2);

}

.modal-content

{

  background: rgba(255, 255, 255, 0.3);

border: 1px solid #FFFFFF;

box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

border-radius: 14px;

backdrop-filter: blur(25px);

width:550px;

}

.modal-body .btn-close{

  position: absolute;

  right: 0px;

  top: -20px;

  opacity: 1;

  background: none;

}

.modal-body{

  text-align: center;

    padding: 40px 43px;

        text-align: -webkit-center;

}

.modal-body h5{

  font-size: 24px;

  font-weight: 700;

}

.modal-body .form-control

{

  border-radius: 14px;

  padding: 12px 20px;

  margin-bottom: 40px;

  color: #000000!important;

}

.appitite-text p{

    color: rgb(0 0 0 / 50%);

    padding: 10px 271px;

}

.appitite-text {  

  padding: 20px 15px;

}

.appitite-text h6{

  opacity: 1;

  color: #000000;

  font-size: 24px;

  font-weight: 700; 

}

.appitite-text .risk-type{  

  opacity: 1;

  color: #000000;

  font-size: 21px;

}

.color-list li{

  font-size: 12px;

  margin-bottom: 8px;

}

.color-list div, .bottom-list div{

  width:12px;

  height: 12px;

  border-radius: 50%;

}

.list-color-dark-green{

  background: #015236;

}

.list-color-light-green{

  background: #32CD32;

}

.list-color-yellow{

  background: #FFA500;

}

.list-color-red{

  background: #FF0000;

}

.list-color-recomended{

  background: none;

  border: 1px solid #000000

}

.choose-graph{

  justify-content: center;    

    padding: 15px;

    position: relative;

    line-height: initial;

}

.color-list-area{

  position: absolute;

  top: 7px;

  left: 10px;

}

.list-graph img{

  width:85%;

}



 .btn-light-gray{

  background: #F6F9FF;

border-radius: 7px;

color: #002EE6;

font-weight: 700;

font-size: 16px;

padding: 11px 52px;

 }



.small-page .selector{

  position:relative;

  display: contents;

}

.small-page .selecotr-item{

  position:relative;

  flex-basis: calc(94% / 3);

  height:100%;

  display:flex;

  justify-content:center;

  align-items:center;  

  /* border: 1px solid #D0D6E4; */

border-radius: 6px;

color: #000000;

margin: 0px 7px;

background: #FFFFFF;

border: 1px solid #FFFFFF;

border-radius: 14px;

margin-bottom: 25px;

}

.small-page .selector-item_radio{

  appearance:none;

  display:none;

}

.small-page .selector-item_label{

  position:relative;

  height:auto;

  width:100%;

  text-align:center;

  line-height:initial;

  font-weight:900;

  transition-duration:.5s;

  transition-property:transform, color, box-shadow;

  transform:none;  

border-radius: 6px;

opacity:1;

}

.range-input-text{

    display: flex;

    justify-content: space-between;

    color: #000000;

    opacity: 0.1;

    margin:3px 0px 16px 0px;

}

.border-bottom-line{

    border-bottom:1px solid rgb(0 0 0 / 10%);

}

.small-page .selector-item_radio:checked + .selector-item_label{

  background-color:#D9E0FF;

  color:#000000;

}

.small-page .value-button {

  display: inline-block;

  border: 1px solid #ddd;

  margin: 0px;

  /* width: 30px;

  height: 24px; */

  text-align: center;

  vertical-align: middle;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.small-page .value-button:hover {

  cursor: pointer;

}

.bottom-color-list{

  background-color: #ffffff;

}

.bottom-list

{

  padding: 14px 11px;

  font-size: 12px;

}

.recomended-button{

  background: #d9e0ff;

 

}

.small-page .slider .tooltip.top{

  margin-top: -35px;

  opacity: 1;

}

.small-page .slider-handle{

  background-image: url('../images/range-circle-img.svg')!important;

  background-color: transparent!important;

    background-position: center;

}

.small-page .tooltip-inner{

  background-color: #ffffff!important;

  color: #002ee6!important;

}

.slider.slider-horizontal .slider-track{

  background:#ffffff!important;

  box-shadow: 0px 10px 20px rgba(0, 46, 230, 0.15);

  border-radius: 100px;}

.small-page .slider-selection{

  background-image: linear-gradient(to bottom,#002ee6 0,#002ee6 100%)!important;

}

.small-page .slider.slider-horizontal {

  width: 100%;

  height: 20px;

  margin-bottom: 38px;

}

.small-page .crete-radio-box .slider.slider-horizontal{



  margin-bottom: 4px;

}

.fourth-head {

  font-size: 24px;

  font-weight: 700;

}

.appitite-text label{

  color: #000000;

  opacity: 0.5;

  font-size: 16px;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link{

  background: #002ee6;

  color: #ffffff;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  margin: 0px 6px;

  padding: 0.5rem 53px;



}

.sixth-tab{

  display: block;

/*  overflow-x: auto;*/

  height: 55px;

      overflow-y: hidden;

}

.sixth-tab .nav-tabs

{

/*  width: max-content;*/

/*  overflow-x: scroll;*/

/*  flex-wrap: nowrap;*/

  border-bottom: 1px solid #ffffff;



}

.small-case-page .main-area-tab .nav-pills .nav-link.active::before{

  background-image: url('../images/active-circle.svg')!important;

  background-color: transparent!important;

    background-position: center;

}

.small-case-page .table>:not(caption)>*>* {

  padding: 8px 13px;

    vertical-align: middle;

    font-size: 16px;

}

.small-case-page .table .coin-imgs{

  width:20px;

  height: 20px;

}

.small-case-page table>:not(:last-child)>:last-child>* {

  border-bottom-color: inherit;

  color: #000000;

    opacity: 0.5;

    font-weight: 400;

}

.modal-recurring{

  position: relative;

  background: #ffffff;

  border-radius: 6px;

  border: 1px solid #ced4da;

  margin-bottom: 40px;

}

#oneModal .modal-recurring, .modal-body .form-select, .modal-body .form-control, .modal-recurring{

/*  width: 220px;*/

  border-radius: 6px;

}

.modal-input{

margin: auto;

    width: 54%;

}

 .modal-recurring .form-control{

  margin-left: 12px;

  background: #F6F9FF;

}

.modal-recurring .form-control{

  margin-bottom: 0;

  border: none;

}

.modal-recurring .value-button{

  background: #FFFFFF;

    border: 1px solid #F6F9FF;

    border-radius: 0px 0px 6px 0px;

}

.modal-recurring .value-button #increase{

    border-radius: 0px 6px 0px 0px;

}

.modal-recurring .value-button #decrease{

    border-radius: 0px 0px 6px 0px;;

}

.icons-plusminus{

  position: inherit;

  width: min-content;

}

.rivew-box{

  background: #FFFFFF;

border-radius: 14px;

margin-bottom: 10px;

padding: 20px 15px;

}

.fz-16{

  font-size: 16px!important;

}

.rivew-box h6{

  color: #000000;

  opacity: 0.5;

  margin-bottom: 20px;

  font-size:16px;

}

.review-block p{

padding: 10px 240px;

}

.rivew-box h4{

  font-size:24px;

  font-weight: 700;

}

.color-green{

  color: #015236;

}

.rivew-box .color-list-area{

  position: initial;

}

.rivew-box .color-list li {

  font-size: 16px;

}

.rivew-box .color-list li span{

  width:100px;

}

.rivew-box .color-list li small{

  width: 18px;

}

.last-div .btn{

  width: 55%;

  margin-bottom: 13px;

    padding: 18px 9px;

    text-align: inherit;

    display: block;

}

.btn-yellow{

  background: #F8A031;

border-radius: 14px;

color:#ffffff;

}

.btn-yellow:hover, .btn-yellow-light:hover{

  color:#ffffff;

  background: #D69C0E;

}

.btn-blue:hover, .navbar-light .navbar-nav .nav-link.btn-blue:hover, .btn-primary:hover{

  color:#ffffff!important;

  background: #0027C1;

/*  border: none!important;*/

}

.btn-yellow-light{

  background: #F3BA2F;

border-radius: 14px;

color:#ffffff;

}

.main-area-text{

  margin-right:0px;

/*  height: 75vh; */

  padding:0px;

}

.bottom-boxactive{

 border: 1px solid #E2E3E3;

} 

.boxes a{

  color: #000000;

  font-weight: 400;

}

.bottom-boxactive-right{

  border-right: 1px solid #E2E3E3;

 

}

.boxes{

  padding: 22px 45px;

}

.boxes:hover{

  background-color: #002EE6;

}

.boxes:hover a{

  color: #ffffff;

  font-weight: 400;

}

.non-activeimg{

  display: block;

}

.boxes:hover a .activeimg{

  display: block;

}

.boxes:hover a .non-activeimg{

  display: none;

}

.apexcharts-canvas svg, .apexcharts-canvas{

  width: 100% !important;

/*  height: 100% !important;*/

}

.forget-link{

  color: #000000;

  opacity: 0.5;

  text-decoration:none;

}





/* navbar css */

.navbar-nav .dropdown {

  position: static;

}

 .navbar-nav .dropdown-menu.mega-menu {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -moz-border-radius-topleft: 0;

  -webkit-border-top-left-radius: 0;

  border-top-left-radius: 0;

  -moz-border-radius-topright: 0;

  -webkit-border-top-right-radius: 0;

  border-top-right-radius: 0;

  min-width: auto;

  width: 100%;

  margin-top: 0;

  padding: 0;

  border-color: #ccc;

}

.navbar-nav .dropdown-menu.mega-menu > li {

  padding: 60px 20px;

}

 .navbar-nav .dropdown-menu.mega-menu .media-list .media {

  padding: 10px;

  font-size: 13px;

}

.navbar-nav .dropdown-menu.mega-menu .media-list .media-heading {

  font-size: 24px;

  color:#002EE6;

  font-weight: 700;

}

.navbar-nav .media h6{

  font-weight: 700;

    color: #000000;

    font-size: 14px;

}

.navbar-nav .media a:hover h6

{

  color: #002ee6;;

}

.navbar-nav .media p

{

    color: #000000;

    opacity: 0.5;

    font-size: 12px;

    margin-bottom: 0px;

}

.navbar-nav .media .row{

  margin-bottom: 32px;

}

.navbar-nav .media a::last-child .row

{

  margin-bottom: 0px;

}

.navbar{

  border-bottom: 1px solid #E7E7E7;

}

.media-body h4{

  color: #000000;

    opacity: 0.5;

    font-size:24px;

  font-weight: 400;

}

.menus{

  width: 82%;

  margin:auto;

}

.w-23{

  width:23%;

}

/*.navbar-collapse .dropdown:hover .dropdown-menu{

  display: block;

top: 73px;

    left: 0;

}*/



.navbar-collapse ul li a:hover + .list-unstyled, .list-unstyled:hover {

  display:block;

 

    left: 0;

}



.language-nav.dropdown:hover .dropdown-menu{

  display: block;



    left: auto;

}

.dropdown:hover .dropdown-toggle::after{

  transition-timing-function: ease;

    transition-duration: .2s;

    display: inline-block;

    opacity: .9;

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg);

}

.overlay.clickble-menu .overlay-content .dropdown:hover .dropdown-toggle::after{

  transform: none;

  display: none;

}

.overlay.clickble-menu .overlay-content .dropdown .dropdown-toggle i{

position: absolute;

    right: 0;

    top: 15px;

    font-size: 14px;

    color: #002ee6;

}

.faq-title {

margin: 85px 0px;

}

.login-page .container{

    max-width: 75%;

}

footer{

  padding-top: 80px!important;

}

.links-footer{

  padding-left: 28px;

    margin-left: 0px;

}

.my-80{

  margin-top: 80px;

  margin-bottom: 80px;

}

.botom-50{

  bottom:50px;

}

.carousel-item .desktop-view{

/*height: 906px;*/

height: 675px;

}

.accordion-body{

/*    position: absolute;*/

    width: 100%;

    z-index: 9;

    background: #ffffff;

    margin-top: -5px;

    border-radius: 0px 0px 14px 14px;

    transition: transform .2s ease-in-out;

}

.accordion-item:first-of-type {

    border-top-left-radius: 14px;

    border-top-right-radius: 14px;

}

.devider-line{

      height: 1px;

    background: #D0D6E4;

    position: absolute;

    top: 75px;

    z-index: 99;

    width: 94%;

    left: 3%;

}

 button[aria-expanded="false"] .devider-line{  

    display: none;

}



 button[aria-expanded="true"] .devider-line{

  display: block;

}

#myNav{

 display: none;

}

.desktop-btn{

  display:block;

}

.mobile-btn{

  display: none;

}

.create-text

{

  margin-top:32px;

}

.or-text{

  margin-top:16px;

  margin-bottom: 16px;

}

.quiz-horizontal-line{

  display:none;

}

.opacity-100{

  opacity:1!important;

}

.risk-graph{

  width: 600px; 

  margin-top:108px;

}

.risk-graph-label{

   display: flex;

    justify-content: space-around;

    font-size: 21px;

    font-weight: 600;

}

.risk-graph-box{

height: 60px;    

background: linear-gradient(90deg, #018100 0%, #C6C600 32.29%, #C6C600 50%, #C6C600 68.23%, #FC0B00 100%);

border: 3px solid #FFFFFF;

border-radius: 200px;

}

.risk-graph-box-images{

  position:relative;

      margin: auto;

}

.first-card{

  margin-top: 12px;

}

.second-card{

  position: absolute;

    left: 50%;

    top: -35px;

}

.crypto-category-tab .card{

    background: #FFFFFF;

    border: 1px solid #FFFFFF;

    border-radius: 14px;

    margin: 0px 10px;

    width: 34%;

}

.crypto-category-tab .card .fourth-head

{

  color:#002EE6;

}

.crypto-category-tab .card span{

    border: 1px solid #E1E1E1;

    border-radius: 7px;

    width: 93px;

    height: 93px;

    text-align: center;

    /*display: grid;

    align-items: center;

    justify-content: center;*/

        position: relative;

}

.crypto-category-tab .card span label{

  color: #000000;

     opacity: 1; 

    font-size: 10px;

    padding: 6px 0px;

}

.crypto-category-tab .card span:hover{

  border: 1px solid #002EE6;

}

.crypto-category-tab .card span .input-box{

  text-align: end;

    padding: 5px 7px;

}

.crypto-category-tab .card span input{

     /* position: absolute;

    right: 4px;

    top: 9px;*/

        width: 16px;

    height: 16px;

    margin: 1px 1px;

    border-radius: 3px;

}

.card-div-box

{

      gap: 10px;

    display: flex;

    flex-flow: wrap;

}

.crypto-category-tab .card-body {

    /* background-color: #f0f8ff; */

    padding: 32px 20px 32px 20px;

}

.button-tabs.nav-tabs .nav-link{

  color: #002ee6;

  background: #ffffff;

  font-weight: 700;

border-radius: 6px 6px 0px 0px;

}

.button-tabs.nav-tabs .nav-link.active{

  background: #002ee6;

  color: #ffffff;

}

.button-tab-content{

   background: #ffffff;

   padding: 31px 20px;

    text-align: inherit;

  border-radius: 7px;

}

.button-tab-content .modal-input{

  margin: initial;

}

.button-tab-content p{

      padding: 0;

}

.buildprofilelabel{

 width: auto;

    padding: 0px 20px;

    opacity: 1!important;

}

/*sub pages*/

  .fz-56{

    font-size: 42px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: Acumin-BdPro;

  }

  .fz-24{

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: Acumin-BdPro;

  }

  .fz-18{

    font-size: 18px;

  }

  .pt-100{

    padding-top: 100px;

  }

  .pb-100{

    padding-bottom: 100px;

  }

  .welcome-area{

    padding-top: 50px;

    text-align: center;

    margin-top: 45px;

  }

  .sub-pages.portfolio-manage p {

    font-size: 24px;

    width: 63%;

    margin-top: 15px;

    line-height: initial;

    font-weight: 400;

}

.sub-pages.portfolio-manage h4{

  font-weight: 700;

  font-size: 24px;

}

 .color-blue

{

  color: #002ee6;

}



  .pricing-box{

    width: 280px;

    padding: 0;

    margin: 20px 7px;

    background: rgba(255, 255, 255, 0.3);

    border: 1px solid #FFFFFF;

    box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

    border-radius: 14px;

  }

  .pricing-box-content{

        /*height: 528px;

            background: rgba(255, 255, 255, 0.3);

    border: 1px solid #FFFFFF;

    box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

    border-radius: 14px;*/



  }

  .pricing-box-content .header{

    border-radius: 14px 14px 0px 0px;

    padding: 15px 20px;

    color: #ffffff;

        display: flex;

    align-items: center;

    height: 96px;



  }

  .pricing-box-content .header p{

        font-size: 14px;

    font-weight: 400;

  }

  .pricing-box-content .header h3{

        font-size: 26px;

        font-family: Acumin-BdPro;

  }

  .pricing-box-content .Premium{    

    background: linear-gradient(180deg, #7590FF 0%, #4363E6 100%);

  }

  .pricing-box-content .small-case-one{

    background: linear-gradient(180deg, #4D6FFC 0%, #2D53EF 100%);

  }

  .pricing-box-content .Small-Cases-Recurring{    

    background: linear-gradient(180deg, #1640E8 0%, #1339D3 100%);

  }

  .pricing-box-content .Premium-Portfolio-Small-Cases{

    background: linear-gradient(180deg, #002EE6 0%, #001A84 100%);

  }

  .pricing-box-content .Enterprise{

    background: linear-gradient(180deg, #0020A0 0%, #001360 100%);

  }

  .pricing-body{

padding: 15px 20px;

    margin-bottom: 62px;

  }

  .subscribe-btn-div{

    width: 88%;

    position: absolute;

    bottom: 16px;

  }

  .subscribe-btn{

border: 1px solid #002EE6;

    border-radius: 7px;

    color: #002EE6;

    font-family: Acumin-BdPro;

  }

   .pricing-body p{

    margin-left: 25px;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 7px;

   }

  .pricing-body p:before{

     content: '';

    background: url("../images/right.png");

    position:absolute;

    height: 20px;

    width: 20px;

     background-repeat: no-repeat;

     background-size: contain;

     left: 14px;

  } 

.popup-portfolio .portfolio-popup{

width: 100%;

    background: #FFFFFF;

    border-radius: 14px;

    padding: 8px 14px;

    display: flex;

    align-items: center;

/*    margin-bottom: 13px;*/

}

.popup-portfolio .close{

    border: none;

    font-size: 22px;

    position: absolute;

    top: -11px;

    right: -8px;

    background: #002EE6;

    color: #ffffff;

    border-radius: 50%;

    width: 40px;

    height: 40px;

}

.popup-portfolio input, .popup-portfolio select, .popup-portfolio input[type="text"]{

  margin: 0 0 6px;

  height: 50px!important;

}

.popup-portfolio .modal-header{

  border-bottom:none;

}





.right-contact-side{

background: linear-gradient(180deg, #002EE6 0%, #00197D 100%);

    color: #ffffff;

    padding: 40px 55px;

    border-radius: 0px 14px 14px 0px;

}

.right-contact-side img{

position: absolute;

    right: 0px;

    bottom:0px;

}

.left-contact-side{

  padding: 40px 51px;

}

.content-sec .content-text img{

      width: 40%;

    margin-bottom: 24px;

}







 #folder {

  position: absolute;

/*  top: 50%;*/

/*  left: 42%;*/

top: 89px;

    left: 192px;

    width: 94%;

  transform: translate(-50%, -50%);

}



label.folder {

  position: absolute;

/*  top: 50%;*/

/*  left: 42%;*/

top: 89px;

    left: 192px;

    width: 94%;

  transform: translate(-50%, -50%);

  background: #F8FAFF;

border: 1px dashed #DEE2F9;

border-radius: 6px;

  color: #696F8C;

  padding: 1rem 2rem;

  cursor: pointer;

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  line-height: 1.5rem;

/*  box-shadow: 4px 4px 16px 0 rgba(100, 100, 100, 0.15), -2px -2px 12px 0 rgba(200, 200, 200, 0.1);*/

/*  transition: all 0.3s ease-in-out;*/

}

label.folder:hover {

/*  transform: translate(-50%, -60%);*/

/*  box-shadow: 12px 12px 16px 0 rgba(100, 100, 150, 0.05), 0px 0px 12px 0 rgba(200, 200, 250, 0.1);*/

}

.call-popup .modal-content{

padding: 25px 42px;

}

.call-popup .modal-content label{

margin-bottom: 8px;

}

.call-popup .modal-header

{

  display: block;

    text-align: center;

}

.call-popup span.select2.select2-container.select2-container--default{

    height: 48.6px!important;

    padding-bottom: 0;

    border-radius: 4px 0px 0px 4px!important;   

}

.call-popup .select2-container .select2-selection--single{

    height: 48.6px;

        padding-top: 0;

}

.call-popup .select2-container--default .select2-selection--single .select2-selection__rendered{

    line-height: 50px;

}

.call-popup .select2-container--default .select2-selection--single .select2-selection__arrow{

height: 49.6px;

    position: absolute;

    top: 0px;

    right: 0px;

    width: 20px;

}

.call-popup .select2-container--open .select2-dropdown{

  top:-3px;

}

.adver-box{

 background: linear-gradient(39.77deg, #F6F9FF 46.41%, #DBE3FC 92.38%);

border-radius: 14px;

padding: 39px 35px;

}

.adver-box div{

 margin-top: 20px;

}

.adver-tab-sec .nav-link{

border: none;

    background: transparent;

    color: rgb(0 0 0 / 70%);

    font-weight: 700;

    font-size: 24px;

}

.adver-tab-sec .nav-link.active{

    border-bottom: 1px solid #002ee6;

    color: #002ee6;

}



.tab-list-adver li::before { 

  /*content: url('../images/green-right.svg');

/*    content: "\f0c8";*/

    /*font-family: FontAwesome;

    font-weight: bold;  *

    position: absolute;

    left: 0;

    font-size: 13px;*/

}

.tab-list-adver{

  position: relative;

}

.tab-list-adver li{

      margin-left: 20px;

      color: rgb(0 0 0 / 70%);

      list-style-type: square;

}

#nav-tabsecondContent .adver-box

{

  height: 490px;

}

.upper-sec .adver-box {

height: 340px;

}

.first-adver{

  margin-top: 0px;

    margin-right: -69px;

    margin-bottom: 115px;

}

.second-adver{

  margin-bottom: 115px;

}

.third-adver{

  margin-right: -69px;

    margin-bottom: -45px;

}

.fourth-adver{

  margin-top: 0px;

    margin-left: -69px;

    margin-bottom: 115px;

}

.fivth-adver{

  margin-bottom: 115px;

}

.sixth-adver{

  margin-left: -69px;

/*    margin-bottom: 65px;*/

}



/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */

@media screen and (max-width: 1720px) and (min-width: 1681px) {

label.folder, #folder{

  left: 169px;

}

}

@media screen and (max-width: 1680px) and (min-width: 1481px) {

  .navbar-light .navbar-nav .nav-link {

    padding: 15px 15px !important;

}

  .small-case-page .login-box.main-area-text {

/*    width: auto!important;*/

}

.crypto-category-tab .card span{

  width: 85px;

  height: 93px;

}

.card-div-box {

    gap: 6px;}

.small-case-page .login-box.main-area-text{

  height: 680px;

}

.portfolio-tab-area {

    width: 1088px!important;

}

.fz-56{

    font-size: 42px;

  }

  .fz-18 {

    font-size: 16px;

}

label.folder, #folder{

  left: 150px;

  font-size:14px;

  padding: 0rem 1rem;

}

.pricing-box {

    width: 242px;

  }

}

@media screen and (max-width: 1480px) and (min-width: 1400px) {

  .navbar-light .navbar-nav .nav-link {

    padding: 15px 12px !important;

}

.crypto-category-tab .card span{

     width: 75px;

    height: 97px;

}

.card-div-box {

    gap: 6px;}

    .portfolio-tab-area {

    width: 982px!important;

}

.fz-56{

    font-size: 32px;

  }

  .fz-18 {

    font-size: 14px;

}

.pricing-box{

    width: 222px;

  }



  .pricing-box-content .header h3 {

    font-size: 22px;

  }

  .login-page .container .row{

  margin:auto;

}

.bottom-area-video h4 {

    font-size: 16px;

}

label.folder, #folder{

  left: 125px;

  font-size:14px;

  padding: 0rem 1rem;

}

}

@media screen and (max-width: 1399px) and (min-width: 1200px) {

  .navbar-light .navbar-nav .nav-link {

    padding: 15px 5px !important;

}

.crypto-category-tab .card span{

  width: 71px;

  height: 75px;

}

.crypto-category-tab .card span .input-box {

    padding: 0px 7px;

}

.crypto-category-tab .card span input {

    width: 13px;

    height: 13px;

  }

.card-div-box {

    gap: 6px;}

.crypto-category-tab .card span img{

  width: 25%;

}

.logo{

    width: 162px;

    max-width: 162px;

}

.question {

    font-size: 13px;

}

.portfolio-tab-area {

        width: 923px!important;

    }

    .small-case-pag{

         height: auto!important; 

    }

    .fz-56{

    font-size: 28px;

  }

  .fz-18 {

    font-size: 14px;

}

label.folder, #folder{

  left: 132px;

  font-size:14px;

  padding: 0rem 1rem;

}

}

@media screen and (max-width: 1299px) and (min-width: 1200px) {

.crypto-category-tab .card span{

  width: 93px!important;

  height: 93px!important;

}

.fz-18 {

    font-size: 14px;

}

}

@media screen and (max-width: 1201px) and (min-width: 1024px) {

  .navbar-light .navbar-nav .nav-link {

    padding: 15px 5px !important;

}

.logo{

    width: 162px;

    max-width: 162px;

}

.question {

    font-size: 13px;

}

.portfolio-tab-area {

    width: 782px!important;

}

.fz-56{

    font-size: 28px;

  }

  .fz-18 {

    font-size: 14px;

}

label.folder, #folder{

  left: 107px;

  font-size:12px;

  padding: 0rem 0rem;

}

}

@media screen and (max-width: 1900px){

  .small-quize .small-case-page .container-fluid{

  width:100%!important;

}



}

@media screen and (max-width: 1600px) {

  .small-case-page .login-box.main-area-text {

    width: 1120px!important;

    margin-left: 20px;

  }

  .banner .carousel-caption h2, .banner .carousel-caption h3, .user-data {

    font-size: 42px;

}

.tab-content>.active{

  display: inherit;

}

/*.portfolio-tab-area{

  width: 1088px!important;

}*/

  

.mt-95 {

    margin-top: 9px;

}

.banner .carousel-caption p, .banner .carousel-caption .btn-white, .product-box h6 {

  font-size: 14px;

}

.product-box{

  padding: 22px 25px;

}

.product-box .icon{

  width:202px;

  height:60px;

}

.product-box p{

  font-size: 16px;

}

.portfolio-manage h2{

  font-size: 35px;

}

.manage-img{

  width: 48%;

}

.product-slider{

  width:100%; 

  margin-left:auto

}

.manage-img{

  margin-top: -139px;

}

.footer-box .manage-img{

  margin-top: -29px;

}

}

@media screen and (max-width: 1480px) {

/*  .navbar-light .navbar-nav .nav-link{

        padding: 15px 15px !important;

  }*/

  .menus{

  width: 85%;

}

.manage-img{

  width: 41%;

}.product-slider .slick-initialized .slick-slide, .product-area {

    margin: 0px 20px 0px 0px!important;

    width: 430px!important;

}

.question {

    font-size: 14px;

}

}

@media screen and (max-width: 1400px) {

  .container {

    max-width: 90%!important;

}

  .counter-width {

    max-width: 88%!important;

}

.small-case-page .main-area-tab{

  width: auto;

  margin-right: 12px;

}

.pricing-box{

    width: 208px;

  }

  .pricing-box-content .header p {

    font-size: 12px;}

    .pricing-box-content .header h3 {

    font-size: 22px;}

}

@media screen and (max-width: 1200px) {

  .navbar-light .navbar-nav .nav-link{

    padding: 10px 6px !important;

    font-size: 12px;

  }

  .product-slider{

    width:100%; 

    margin-left:auto

  }

  .container {

    max-width: 98%!important;

    width: 98%;

}

.coin-page .carousel-caption{

  left:0;

}

  .mobile-view-menu{

    display: none;

}


}

@media screen and (max-width: 767px) {


div#recaptha 

{

transform: scale(.77);

    transform-origin: 0 0;

} 





  .counter-width-num .mobile-view{

    display: block;

  }

   .g-recaptcha, .g-recaptcha {

    padding: 0px;

   }

  .g-recaptcha div:first-child{

    width:270px!important;

  }

  #recaptha .rc-anchor-logo-portrait {

    margin: 15px 0 0 0px!important;

  }

  #recaptha .rc-anchor-normal .rc-anchor-pt{

    display: none;

  }

  #recaptha .rc-anchor-normal{

    width: 275px!important;

  }

  .fz-56 {

    font-size: 28px;    

    text-align: left;

    margin: 32px 0px 7px;

  }

  .fz-18, .welcome-area, .sub-pages.portfolio-manage p

  {  

    text-align: left;    

  }

  .welcome-area

  {

    padding: 0px 16px;

        margin-top: 80px;

  }

  .welcome-area .btn{

    margin-bottom: 10px;

  }

  .welcome-area .w-25 {

    width: 50%!important;

}

  .sub-pages.portfolio-manage p{

    width:100%;

    font-size: 20px;

  }

  .pb-100 {

    padding-bottom: 50px;

}



.pt-100 {

    padding-top: 50px;

}

.legal-page{

  margin-top: 100px;

}

.legal-page .btn {

    width: 80%!important;

}

  .product-box{

  margin: 0px 5px;

}

.product-slider .slick-initialized .slick-slide, .product-area {

    margin: 0px 20px 0px 0px!important;

/*    width: 306px!important;*/

  width: -webkit-fill-available!important;

}

  .desktop-btn{

  display:none!important;

}

.mobile-btn{

  display: block;

}

  body, html{

    overflow-x: hidden;

  }

  .mt-95 {

    margin-top: 55px !important;

}

.carousel-item .mobile-img{

    height: 670px;

}

  .mobile-img{

    display: block;

  }

  .desktop-view, .mobile-view{

    display: none;

  }

  .logo{

    width:76%

  }

  .mobile-language{

    position: absolute;

    left: 50%;

    border-left: 1px solid #D9D9D9;

    top: 14px !important;

  }

  .mobile-language .btn{

    padding: .375rem 1.5rem;

  }



 

    .product-slider{

    width:100%;

  }

  .carousel-caption{

    top: 0%;

    right: 5%;

    left: 5%;

  }

  .mobile-language .btn{

    font-size: 12px;

  }

  .ml-72, .row-m-0{

    margin-left: 0px;

  }

  .banner .carousel-caption h2, .banner .carousel-caption h3, .user-data{

    font-size: 32px;

  }

  .banner .carousel-caption p{

    font-size: 14px;

  }

   .banner .carousel-caption .btn-white{

    font-size: 13px!important;

    padding: 7px 12px!important;

    margin-left: 9px;

   }

  .banner .carousel-caption p{

    margin-top: 10px;

  }

  .banner-text{

    text-align: center;

    margin-bottom: 30px;

    margin-top: 73px;

  }

   .banner-text .btn-blue{

    margin-bottom: 39px;

   }

  .title-head{

    /*padding: 0px 17px;

    text-align: center;*/

    padding: 0px 15px;

    text-align: left;

  }

  .ml-60 {

    margin-left: 0px;
}

.table-div::-webkit-scrollbar {
  display: none;
}

  section.py-5{

    padding-top: 2rem!important;

    padding-bottom: 2rem!important;

  }

  section.py-5.counter-width-num{

    padding-top: 0rem!important;

    padding-bottom: 0rem!important;

  }

  .portfolio-manage h2{

    font-size: 20px;

    width: 100%;

    margin-top: 0;

    font-weight: 500;

    text-align: left;

        padding: 0px 14px;

  }

  .content-sec .content-text img {

    width: 70%;

  }

  .manage-img{

    width:100%;

    margin-top: 0px;

    margin-bottom: 40px;

    float: unset;

  }

  .portfolio-manage{

    margin: 0px 15px;

  }

  .portfolio-manage .row{

    text-align: center;

  }

  .portfolio-manage .main-area{

    padding:38px 10px;

  }

  .content-sec h3{

    font-size: 28px;

    margin-bottom: 30px;

  }

  .content-sec p{

    font-size: 18px;

  }

  .content-text{

    text-align: center;

    margin: 40px 0px;

        padding: 0px 19px;

  }

  .card{

/*    margin: 0px 18px;*/
  }
 .news-article-title{
  text-align: left!important;
 }

  .mobile-link{

    display: block;

  }

  .footer-box.btn-white {

    padding: 11px 18px!important;

}

.portfolio-manage .portfolio-btn a{

/*    width: 92%!important;*/

}

.portfolio-manage .portfolio-btn a.btn-outline

{

      margin-right: 0px!important;

}

  footer h3{

    font-size:18px;

    margin-bottom: 10px;

  }

  footer li a

  {

    font-size: 15px;

    line-height: 26px;

  }

  .link-area{

    border-top: 1px solid #D9D9D9;

    padding-top: 27px;

    margin: 0px 10px

  }

  .col-6.link-area  {

    width: 44%;

        padding: 30px 0px 0px;

  }

  .copyright .mobile-img, .links-footer{

padding-left:20px;

  }

  .copyright{

    padding: 36px 0px 0px;

  }

  .mobile-seen-view{

    display: block!important;

  }

  .desktop-seen-view{

    display: none;

  }

  .copyright{

    border-top: none;

    margin: 0px;

    font-size: 14px;

  }

  .mobile-language{

    display:block;

  }

  .coin-page .carousel-caption{

    left:0;

     top: 6%; 

  }

  .coin-sec{

    margin-top: -220px;

  }

  .coin-table{

    padding-top:100px;

  }

  .coin-box{

    margin:0px 10px 50px; 

  }

  .coin-sec .container{

    padding:0;

  }

  .coin-table .desktop-seen-view{

    display: none;

  }

  .responsive-table, .responsive-table-rows{

    width: 900px;

    display: inline-table;

    overflow-x: scroll;

    height: 50px;

    margin: 0;

  }

 .first-row td{    

    padding: 16px 14px;    

    border-bottom: 1px solid #E2E3E3;

    background: #F6F9FF; 

    color: rgb(0 0 0 / 50%);;

    font-weight: 400;

    font-size: 14px;

  } 

  .responsive-table-rows span.first-child  img{

    width: 16px;

  }

  .first-child{

    background: #FFFFFF!important;

    box-shadow: 11px 0px 12px rgb(0 46 230 / 10%)!important;

  }

  .first-child img{

 width: 16px;

  }

  .coin-table td, .coin-table td span{

    font-size: 12px;

  }

  .table-div .table>:not(:last-child)>:last-child>*{

	

    border-bottom: 1px solid #E2E3E3;

    

    vertical-align: middle;

  }

  .table-div td, .table-div th {

      text-align: left;

      

      padding: 7px 11px!important;

    font-size: 13px;

    border-bottom: 1px solid #E2E3E3;

    height:55px;

    width: 55%;

    background: #ffffff;

  }

  .table-div tr th{

    background: #F6F9FF!important;

      color: rgb(0 0 0 / 50%);

  }

  .table-div td:first-child, .table-div th:first-child{

   box-shadow:  -15px 0 15px -15px inset rgb(0 46 230 / 10%)!important;

   background: #ffffff;

   position: absolute;

      width: 145px;

      height:55px;

  }

  .mobile-seen-view table{

/*    width: 540px;*/

    overflow: scroll;

    background: #F6F9FF;

      border-bottom: 1px solid #E2E3E3;

      margin-bottom: 0;

  }

  .pd-146, .apexcharts-canvas{

/*   padding-left:160px!important*/

  }

  .table-div{

    border-radius: 14px 0px 0px 0px;

      background: #F6F9FF;

      padding: 9px 0px;

      overflow-x:auto;

      margin-bottom: 20px;

  }

  .table-div .small-data{

    margin-left: 26px;

  }

  .table-div small{

   opacity: 1;

  }

  .coin-table .container{
/*    padding-right: 0px;*/
    padding: 0 15px;

  }
  .price{
        margin-top: 0px!important;
  }

  .footer-box{

    width:100%;

  }

  .footer-box .manage-img img {

    width: 40%;

    position: absolute;

    right: 38px;

}

.footer-box .manage-img {

  float: right;

  margin-top: -44px;

  margin-right: 0px;

}

.footer-box h2{

/*  font-size: 18px;*/

}

.btn-white{

  padding: 11px 42px;

}

.login-box{

padding:30px 13px;

}

.login-box h5{

  font-size: 21px;

    text-align: center;

/*    font-weight: 700;*/

}

.login-box label, .form-floating>label, .bottom-text span{

  font-size: 16px;

}

.registration-page .login-box .form-check label{

  font-size: 14px;

}

.right-area{

  display: none;

}

.login-page{

  height: auto;

}

.form-sec{

  padding: 30px 14px;

  border: 1px solid #FFFFFF;

    box-shadow: 0px 20px 30px rgb(0 46 230 / 15%);    

  position: relative;

}

.alert-page .form-sec {

    padding: 11px 14px;

/*    height: 880px;*/

}



.alert-page .number-input{

margin-left: 12px;

}

.alert-page .bottom-text span{

    padding: 0px 10px;
}

.tabs-sec{

  display:block!important

}

.tabs-box{

  border-radius: 14px;

    padding: 18px 8px;

    width: 100%;

    box-shadow: none;

    padding: 0px 0px;

}

.tabs-box .nav{

  flex-direction: row!important;

  flex-wrap: inherit;

  overflow-x: auto;

  width: -webkit-fill-available;

  margin: 0px;



}

.tabs-box .nav-pills .nav-link{

  color: #000000;

    padding: 10px 23px;

    background: #FFFFFF;

    border: 1px solid #FFFFFF;

    box-shadow: 0px 0px 30px rgb(0 46 230 / 15%);

    border-radius: 14px;

    margin: 15px 5px;

    font-size: 16px;

    font-weight: 400;

    white-space: nowrap;



}

.accordion-button::after{

  position: absolute;

    right: 10px;

}

.faq-title {

    margin: 30px 0px 15px 0px!important;

}

.faq{

  height: 100%;

}

.tabs-sec .tab-content{

      margin-top: 30px;

}

.faq-title h2{

  font-size: 20px;

  font-weight: 700;

}

.tabs-sec .accordion-button{

  font-size: 18px;

    padding: 16px 97px 15px 15px;

}

.mobile-area{

  display: block;

}

.small-page .login-box{

  padding: 20px 30px;

}

.small-page .login-page{

/*  height: 100vh;*/

}

.small-login .login-page .container{

margin-top: 20px;

    margin-bottom: 20px;

}

.main-area-tab{

  flex-direction: row!important;

  flex-wrap: inherit;

  overflow: scroll;  

  margin-bottom: 30px;



}

.small-quize .main-area-tab button{

  flex: none;  

  margin: 0px 0px 0px 0px;

  width:34%;    

}

.small-quize .main-area-tab button:last-child{

  width: 40%;

}

.small-quize .small-case-page .nav-pills .nav-link{    

    padding: 15px 15px;

    z-index: 9;

}

.small-quize .time-period{

  font-size: 8px;

}

.small-quize .question {

    font-size: 12px;

        height: 67px;

    padding-top: 7px;

}

.main-area-tab .small-quize-tab-area{

    display: grid!important;

    text-align: center;

}

.main-area-tab .small-quiz-text-tab{

display: contents;

}

.main-area-text{

  margin-right:0px;height: auto; padding:0px;

}

.small-case-page{

  height: auto;

}

.quiz-area {

  padding:  15px 0px;  

  margin-bottom: 80px;



}

.small-case-page .login-box {

  padding: 10px 19px!important;

}

.option-box{

  padding: 13px 10px;

}

.option-box p {

  font-size: 12px;

}

.small-case-page .btn-blue, .small-case-page .btn-white {

  padding: 10px 12px 7px 12px;

  font-size: 13px;

}

.navbar-nav .dropdown-menu.mega-menu{

  border:none;

}

.menus , .w-23{

 width: 100%;

}

.navbar-nav .dropdown-menu.mega-menu .media-list .media-heading{

  font-size: 16px;

}

.media-body h4{

  fony-size: 14px;

}

/*.w-80, */

.login-box{

  margin: 65px 0px 65px 0px;

  height: auto;

  padding: 0;

    background: transparent;

    box-shadow: none;



}

.login .form-sec, .registration-page .form-sec{

  height: 776px;

}

.registration-page .form-check-input{

margin-right: 0px;

}

.create-text

{

  margin-top:20px;

}

.or-text{

  margin-top:10px;

  margin-bottom: 10px;

}

.bottom-text span{

  position: absolute;

    width: 100%;

    left: 0;

    bottom: 25px

}

.login-page .container, .container, .counter-width, .portfolio-manage .main-area {

    max-width: 100%!important;

     width: 100%;

}

.portfolio-btn.position-absolute{

  position: initial!important;

      margin-top: 50px!important;

}

.portfolio-btn a{

  margin-bottom: 25px;

}

.pl-50, .pr-50 {

    padding-left: 15px;

    padding-right:15px;

}

.my-80 {

    margin-top: 50px;

    margin-bottom: 50px;

}

.seen-box .card{

  text-align: initial;

}

.card-body{

  padding: 26px 17px 21px 15px;

}

.card-title{

  margin-bottom: 10px;

  font-size: 21px;

}

.card-text{

  font-size: 16px;

  margin-bottom: 10px;

}

.card-body a{

  font-size: 16px;

}

#myNav{

 display: block;

}

footer .border-start{

  border-left: none!important;

}

.forget-link{

  font-size: 14px;

    margin-bottom: 10px;

    padding: 0px;

}

.mt-100 {

    margin-top: 72px !important;

}

.appitite-text p{

    padding: 10px 20px;

}

.small-tab-area {

    display: block!important;

}.small-case-page .login-box.main-area-text{

        width: auto!important;

    margin-top: 30px;

  }

  .last-div .btn {

     width: auto!important;

  }

  .modal-content{

    width: 89%!important;

    margin: auto;

  }

  .small-page .selecotr-item {

    flex-basis: calc(94% / 1);

  }

  .appitite-text h6, .appitite-text .risk-type{

    font-size: 16px;

  }

  .quiz-color-list, .bottom-color-list{

    display: block!important;

    text-align: center;

  }

  #create_ratio h4{

    text-align: center;

    font-size: 16px;

  }

  .fourth-head{

    font-size: 16px;

    text-align: center;

    padding: 0px!important;

  }

    #create_ratio h4.mb-5, .border-bottom-line.mb-5{

      margin-bottom: 1rem!important;

    }

  .quiz-btns-div{

    margin-top:20px;

  }

.slick-dots li{

  width: 12px!important;

  height: 12px!important;

  margin: 0 3px!important;

}

.counter-width .my-5, .my-5{

  margin-top: 2rem!important;

    margin-bottom: 2rem!important;

}

.small-login .login-box{

/*  height: 776px;*/
height:auto;

  position: relative;

  background: rgba(255, 255, 255, 0.3);

border: 1px solid #FFFFFF;

box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

backdrop-filter: blur(25px);

/* Note: backdrop-filter has minimal browser support */



border-radius: 14px;

}

.small-login .btn-blue{

      position: absolute;

    bottom: 30px;

    text-align: -webkit-center;

    left: 25%;

    width: auto;

}

.small-quize .small-case-page{

  padding-bottom: 90px;

}

.small-quize  .small-case-page .main-area-tab{

/*  border: none;*/

    padding: 0px!important;

    width: auto;

    overflow-x: auto;

}

.small-quize .small-case-page .nav-pills .nav-link.active{

  background: transparent;

 }

 .quiz-horizontal-line{

      display: block;

    width: 100%;

    height: 1px;

    /* background: #E1E1E1; */

    z-index: 0;

    position: absolute;

    left: 17%;

    top: 30px;

    border: 1px dashed #E1E1E1;

}

.small-quize .text-end{

      text-align: center!important;

    position: absolute;

    left: 11px;

    display: flex;

    width: 93%;

}

.small-quize .text-end a{

    display: block;

    width: 100%;

    text-align: -webkit-center;

 }

 .small-quiz-text-tab span img{

  width: 30px;

  height: 30px;

 }

 .notes span {

    font-size: 12px;

    opacity: 0.5;

}

.w-25px {

    width: 93px!important;

}

.small-quize .small-case-page .container-fluid{

  width:100%!important;

}

.quiz-area h2{

  font-size: 16px;

}

.quiz-area svg{

  width:30px!important;

}

.quiz-area  label{

  font-size: 14px;

}

.quiz-area .form-check-input{

/*  width: 43px;*/

}

.notes {

    position: inherit;

        margin-top: 44px;

  }

  .portfolio-tab-area .notes{



        margin-top: 64px;

  }



  .create-btn.mt-5, .quiz-quiestion-tab .text-end.mt-5, .portfolio-tab-area .text-end.mt-5, .crete-radio-box .text-end.mt-5{

      margin-top: 10px!important;

  }

 .portfolio-tab-area  .text-end a

  {

    display: flex;

    width: 100%;

    text-align: -webkit-center;

    align-items: center;

    justify-content: center;

  }

  .quiz-quiestion-tab .px-3

  {

    padding:0px!important;

  }

  .appitite-text .ps-3 {

    padding-left: 0rem!important;

}

.small-page.small-quize

  {

     background-image: url(../images/small-case-bg.png);

     background-repeat: no-repeat;

    background-size: cover;   

  }

  .table-tab{

        width: auto;

    overflow: auto;

  }

  .appitite-text {

    padding: 20px 13px;

}

.risk-graph{

  width: 100%; 

  margin-top:80px;

}

.first-card{

  width: -webkit-fill-available;

}

.pricing-box{

    width: 47%;

  }

  .login-page .container .row{

  margin:auto!important;

}

iframe{

      width:auto;

     }

     .left-contact-side {

    padding: 40px 10px;

}

.right-contact-side{

  border-radius: 14px;

}

label.folder, #folder{

  left: 160px;

    top: 100px;

}

.after-login .mobile-language {

left: 45%;

top:11px!important;

}

.after-login .Justin-Marshall{

 margin: 0px 33px 0 10px;

}

.ppClmX .ppinfld input, .ppClmX .ppinfld select, .ppClmX .ppinfld textarea, .ppClmX .ppinfld input[type="text"], .ppClmX .ppinfld input[type="file"]{

  font-size: 12px;

}

}

@media screen and (max-width: 680px)

{

  .alert-page .form-sec {

    padding: 11px 14px;

/*    height: 1000px;*/

height: auto;
}

.pricing-box{

    width: 96%;

  }



  .login-page .container .row{

  margin:auto!important;

}



.d-flex.crypto-category-tab{

    display: block!important;

}

.crypto-category-tab .card{

      width: 95%;

    margin-bottom: 15px;

}

}

@media screen and (max-width: 413px){

.small-quize .small-case-page .nav-pills .nav-link {

    padding: 15px 0px;

  }

}

/*mobile menu*/

.overlay {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

    top: 0px;

  left: 0;

/*  background-color: rgb(0,0,0);*/

  background-color: #ffffff;

  overflow-x: hidden;

  transition: 0.5s;

}



.overlay-content {

  position: relative;

     top: 9%;

    width: 90%;

/*    margin-top: 10px;*/

    left: 4%;

    right:6%;

    height: 89vh;

}

.overlay-content .mob-btns{

position: absolute;

    width: -webkit-fill-available;

    bottom: 30px;

}

.overlay-content .dropdown-toggle::after{

      float: right;

    margin-top: 10px;

    margin-right: 12px;

}

.overlay-content .dropdown-menu{

width: 96%;

    border: none;

        padding-left: 20px;

}

.overlay-content  .login-btn

{

  background: #F6F9FF;

}

.overlay a {

  padding: 12px 8px;

  text-decoration: none;

  font-size: 16px;

  color: #111111;

  display: block;

  transition: 0.3s;

}



.overlay a:hover, .overlay a:focus {

/*  color: #f1f1f1;*/

}



.overlay .closebtn {

  position: absolute;

      top: 15px;

    right: 13px;

    font-size: 16px;

        color: #002ee6;

}

.bg-danger{

font-weight: 700;

font-size: 12px;

background-color: #FEE6E4!important;

color: #ED6068;

}

.mobile-p{

  color: #000000;

    padding: 0px 15px;

    opacity: 0.5;

}

.overlay-content .dropdown-toggle::after{

/*  background-image: url(../images/blue-arrow.svg);*/

display: none;

}

.overlay-content h6{

  margin-bottom: 0px;

}



@media screen and (max-height: 450px) {

  .overlay a {font-size: 20px}

  .overlay .closebtn {

  font-size: 40px;

  top: 15px;

  right: 35px;

  }

}



/*small quiz tooltip*/

.review-block .tooltip {

  position: relative;

  display: inline-block;

/*  border-bottom: 1px dotted black;*/

  opacity:1;

      width: 100%;

    margin: auto;

    text-align: inherit;

}



.review-block .tooltip .tooltiptext {

  visibility: hidden;

    color: #000000;

    padding: 23px 30px;

    position: absolute;

    z-index: 1 !important;

    right: -100px;

    top: 0px;

    width: 522px;

    background-color: #ffffff;

border: 1px solid #FFFFFF;

box-shadow: 0px 20px 30px rgba(0, 46, 230, 0.15);

border-radius: 14px;

text-align: initial;

font-family: Acumin-RPro;

}



.review-block .tooltip:hover .tooltiptext {

  visibility: visible;

}

.review-block .tooltiptext ul li{

  margin:0px 0px 10px 0px;

  font-size: 16px;

}

.tooltip.desktop-btn

{

  z-index: 1 !important;

}

.review-block .tooltiptext ul li::before{

  content: url('../images/green-right.svg');

/*  background-image: url();*/

    margin-right: 12px;

}

.review-block .tooltip .tooltiptext::after {

  content: " ";

    position: absolute;

    top: 8%;

    left: 0;

    margin-left: -30px;

    border-width: 16px;

    border-style: solid;

    border-color: transparent #ffffff transparent transparent;

}

#subscribeModal .modal-content{

  background: #ffffff;

    border: 1px solid #FFFFFF;

    box-shadow: 0px 20px 30px rgb(0 46 230 / 15%);

    border-radius: 14px;

    width: 100%;

}

#subscribeModal .modal-content .modal-body{

  text-align: initial;

  padding: 40px 38px;

}

#subscribeModal .modal-content .modal-body ul li::before{

  content: url('../images/green-right.svg');

/*  background-image: url();*/

    margin-right: 12px;

}

#subscribeModal .modal-content .modal-body ul li{

  margin-bottom: 10px;

}