/*! Place your custom styles here */



/* navbar dropdown */
.dropdown-menu.show {
    display: block;
    width: 25rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: grey !important;
    background: transparent !important;

}

.dropdown-item.active, .dropdown-item:active {
    color: grey !important;
    background: transparent !important;
  
}

.dropdown-content:after{
    content:''; /* Required to display content */
    position: absolute; /* Sets the position absolute to the top div */
    top: 0;
    left: 50%;/* position the little arrow */
    margin-left: -10px;
    margin-top:-10px; /* Set margin equal to border px */
    width: 0;
    z-index:1;
    height: 0;
    border-bottom: solid 10px #FFFFFF; /* Creates the arrow pointing up, to change to a notch instead user border-top */
    border-left: solid 10px transparent; /* Creates triangle effect */
    border-right: solid 10px transparent; /* Creates triangle effect */
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -8.3rem;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;;
}

/* second navbar */
#main-bar{
    width: 100%;
    z-index: 1;
}

@-moz-document url-prefix() { 
    #main-bar{
        width: 100%;
        /* top:5rem !important; */
        z-index: 1;
    }
  }

#main-bar .navbar-nav{
    flex-direction: row !important;
}


#main-bar li a{
    font-size: 1rem;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
}

#main-bar li a:hover, #main-bar li a:active, #main-bar li a:focus{
    text-decoration: none !important;
    color: var(--primary);
    
}

#main-bar li .active {
    border-bottom: 2px solid #000000 !important;
}

/* third Nav */
.third-nav a:hover, .third-nav a:active, .third-nav a:focus {
    color: #000000 !important;
    font-weight: 700 !important;
}
/* navbar dropdown */

/* About Page */
.solution-arrow-img{
    width: 49.73px;
}

.list-span{
    white-space: pre-line;
}

.about-solution-list ul li {
    min-height: 90px;
}

.about-card:hover{
    box-shadow: 0 1.1rem 1.5rem rgba(0,0,0,.15) !important;
}

[class*=about-card]{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.about-card:hover span{
    color: grey;
}

.about-card{
    min-height: 18rem;
}
/* About Page */


/* client Page */
#client-hero .display-4{
    word-spacing: .3rem;
}

.client-icons{
    width: 220px;
}

.client-get-list ul li {
    min-height: 250px;
    background-color: transparent;
}
/* client Page */

/* insights Page */
.insights-hero p{
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #6C6C6C;
}

.insights-hero .h1{
    font-family: 'Futura';
    font-size: 72px;
}

#insights-hero .display-4{
    letter-spacing: 1.5px;
}

#featured-section .h1{
    letter-spacing: 1.5px;
}

.case-btn {
    font-size: .8rem;
    padding: 0.5rem 0.5rem;
}

.para-one h3{
    font-size: 1.5rem;
}
/* insights Page */

/* contact page */
.form-control{
    background: #F1F1F1 !important;
    border-radius: 10px !important;
    border-color: #F1F1F1 !important;
    font-size: 1.125rem;
    color: black;
}

.form-check .form-check-input {
    float: none;
    margin-left: -2.5em;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    margin: 2em 0em !important;
    padding: 0.2em 1em !important;
    border: 2px solid #99201e !important;
    font-size: 1.25rem !important;
    font-weight:400 !important;
}

.wpcf7-response-output{
    font-size: 1.25rem !important;
    font-weight:400 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #000 !important;
}

.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block !important;
    margin: 0.5rem 0rem 0rem 1rem !important;
}

/* form plaeholder text color */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b7b5b5 !important;
    opacity: 1 !important;
    font-weight: normal !important; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b7b5b5 !important;
    font-weight: normal !important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #b7b5b5 !important;
    font-weight: normal !important;
  }
/* form plaeholder text color */
/* contact page */

/* what we do page */
.select-wrap {
    position:relative;
  }

  .select-wrap label{
    color: #9B9B9B;
    padding: 0 25px;  
    position: absolute;
    top:13px;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
  }
  
  select{
    font-style: normal !important;
    font-weight: 400 !important;
    color: #030304 !important;
    padding-left: 10rem !important;
    font-size: 1.5rem !important;
    height: 55px !important;;
  }
/* what we do page */

/* cookie-policy page */
.para-one a{
    color: #99201e !important;
}
/* cookie-policy page */

/* empower single page */
.single-btn{
    border-radius: 12px;
}
/* empower single page */

.vertical-nav a:hover, .vertical-nav a:active, .vertical-nav a:focus{
    color: #2F2727 !important;
    font-weight: 700 !important;
}

/* investment landing pagination */
#pagination {
    text-align: center;
}

#pagination li {
    display: inline;
    padding: 0px 5px;
}

#pagination li a{
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    color: #000;
}

.arrow{
    padding: 8px 13px !important;
    color: #C4CDD5 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.arrow.active{
    padding: 8px 13px !important;
    color: #fff !important;
    background: #BC211A !important;
    border: 1px solid #BC211A !important;
}

#pagination li a{
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #DFE3E8;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 14px;
    font-weight: 700;    
}

  
#pagination li a.active {
    background: #FFFFFF;
    border: 1px solid #BC211A;
    border-radius: 4px;
}

#pagination li a:hover:not(.active) {
    background: #FFFFFF;
    border: 1px solid #BC211A;
    border-radius: 4px;
}

.all-fund-houses:hover, .all-fund-houses:active, .all-fund-houses:focus,
 .irm-btn-mobile:hover, .irm-btn-mobile:active, .irm-btn-mobile:focus{
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #fff !important;
}

.vpn-btn:hover, .vpn-btn:active, .vpn-btn:focus{
    background: transparent !important;
    color: var(--primary-hover) !important;
}

.vpn-btn{
    width: 14rem;
}

  
/* investment-table */
.investment-table .form-check-input:checked, .signup-accept-now .form-check-input:checked{
    background-color: #BC211A !important;
    border: 1.4375px solid #BC211A !important;
    border-radius: 2.875px !important;
}

.input-check-box .form-check-input:checked{
    background-color: #BC211A !important;
    border: 1.4375px solid #BC211A !important;
    border-radius: 2.875px !important;
} 

#contact-form .from-check-terms input:checked{
    background-color: #BC211A !important;
    border: 1.4375px solid #BC211A !important;
    border-radius: 2.875px !important;
}

.wpcf7-form-control-wrap>input[type="checkbox" i]:checked {
    background-color: #BC211A !important;
    border: 1.4375px solid #BC211A !important;
    border-radius: 2.875px !important;
}

.investment-table .form-check-input:focus, .signup-accept-now .form-check-input:focus{
    box-shadow:none !important;
}

.header-cell {
    padding: 10px 30px 10px 10px !important;
    position: relative;
    cursor: pointer;
    vertical-align:middle;
}

.header-cell::before,
.header-cell::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    border: 4px solid transparent;
}
  
.header-cell::before {
    border-bottom-color: #000;
    margin-top: -8.5px; 
}
  
.header-cell::after {
    border-top-color: #000;
    margin-top: 1.5px;
}
      
.sort-asc::before {
    border-width: 6px;
    margin-top: -9px;
    right: 10px;
    border-bottom-color: #3f3f3f;
}
  
.sort-asc::after {
    content: none;
}

.sort-desc::before {
    content: none;
}
  
.sort-desc::after {
    border-width: 6px;
    margin-top: -2px;
    right: 10px;
    border-top-color: #3f3f3f;
}

.compare-button .input-group{
    border: 1px solid #C7C7C7;
    border-radius: 58px !important;
    background: #fff;
}

.compare-button .input-group .form-control{
    border-radius: 58px !important;
    border: none !important;
    background-color:transparent !important;
}

.compare-button .input-group .form-control:focus{
    box-shadow: none;
}
/* investment table */

/* calculator */
.small-container {
    top: -4rem;
}

.small-container-irm{
    top: -4rem;
}

.calculator-body{
    min-height: 65rem;
}

/* step taking progress-bar  */
/*form styles*/

.bar-msform {
	width: 100%;
    overflow: hidden;
}

.progressbar{
    counter-reset: step;
    padding-left:0 !important;
  }
  
  
  .progressbar li{
    list-style-type: none;
    width: 33.33%;
    text-align: center;
    padding-left:0 !important;
  }
  
  .progressbar li:before{
    background-color: white;
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
  }
  
  .progressbar li:first-child:after{
    content: none;
  }
  
  /* .progressbar li.active{} */
  
  .progressbar li.active:before{
    border-color:#BC211A;
    background-color:#BC211A;
    color: #fff;
  }
  
  .progressbar li.active + li:after{
    background-color:#BC211A;
  }

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
    min-height: 45rem;
}

fieldset{
    min-height: 10rem!important;
}
/*inputs*/
#msform input, #msform textarea, #msform .back-button {
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	box-sizing: border-box;
	color: #000;
    font-weight: 400;
	font-size: 1rem;
}

.average-input, .average-input:focus-visible{
    border: none !important;
    outline: none !important;
    color: #000 !important;
}

.form-area input:focus-visible, .card input:focus-visible{
    outline: 2px solid black !important;
}

.form-area input:focus, .card input:focus, .form-area input:visited, .form-area input:focus-within, .card input:visited, .card input:focus-within{
    outline: 2px solid black !important;
}

.card input:-moz-focusring, .form-area input:-moz-focusring{
    outline: 2px solid black !important;
}

/*buttons*/
#msform .action-button {
	color: white;
	cursor: pointer;
}
/*headings*/
.fs-title {
	font-size: 18px;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}
.form-area{
    text-align: left !important;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar ul{
    display: flex !important;
    padding-left: 0 !important;
}

#progressbar li {
	list-style-type: none;
	width: 20%;
	position: relative;
    display: inline-block;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
    height: 30px;
    line-height: 27px;
	display: block;
	font-size: 13px;
    font-weight: 400;
	color: #BC211A;
    border: 1px solid #BC211A;
	background: white;
	border-radius: 50%;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
.ui-element-dashed-line {
    top: 15%;
    left: 34%;
    position: absolute;
    width: 310px;
    height: 1px;
    border-bottom: dashed 2px #6c6c6c;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #BC211A;
    border-radius: 50%;
	color: white;
}

.text-black-previous-btn{
    color: #000000 !important;
     -webkit-appearance: none;
}

.text-black-previous-btn:focus{
    box-shadow: none !important;
}

.next-icon{
    margin-left: -6rem!important;
}

.compare-icon{
    margin-left: -3.5rem !important;
}
/* step taking progress-bar  */


/* range slider */

.wrapper {
    position: absolute ;
    width : 100vw ;
    height: 100vh ;
    top : 0 ;
    left: 0 ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    background-color: #043643 ;
    flex-direction: column ;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;

}

.msg {
    color: #FFF ;
    margin-bottom: 6.5rem ;
    text-align: center ;
    font-size: 2rem ;
    letter-spacing: 5px ;
}

.box {
    display: block ;
    background-color: #31D3C6 ;
    color: #043643 ;
    font-size: 0.8rem ;
    width: 100% ;
    line-height: 2rem ;
    height: 2rem ;
    letter-spacing: 2px ;
}

custom-slider {
    transform: scale(2);
}

.slidecontainer {
    width: 100%;
  }
  
  .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: #BC211A;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .slider:hover {
    opacity: 1;
  }
  
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 50px;
    height: 25px;
    border-radius: 39.085px;
    background: #BC211A;
    cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
    width: 50px;
    height: 25px;
    border-radius: 39.085px;
    background: #BC211A;
    cursor: pointer;
  }

  #ex1Slider .slider-selection {
	background: #BABABA;
}


.years-val{
    padding-bottom:1rem !important; 
    color:var(--primary);
}
/* calculator */

/* list-asset-managers */
.card-overview{
    min-height: 33.3rem !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D8D8 !important;
    box-sizing: border-box !important;
    box-shadow:  5px 5px 50px 18px rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.card-overview-fund-house{
    min-height: 34.8rem !important;
}

.card-overview h6{
    font-size: .9rem;
}

.card-overview p{
    font-size: .9rem;
    min-height: 3.9rem;
}

.card-body{
    min-height: 27rem !important;
}

#all-fund-card-body{
    min-height: 20rem !important;
}

.overview-text h6 {
    min-height:2.5em !important;
}

.bdr {
    border-radius: 20.3922px !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.p-75{
    padding: .75rem .75rem .75rem .75rem !important;
}

.btn-primary:disabled {
    color: #000000;
    background-color: lightgrey !important;
    border-color: lightgrey !important;
}

/* footer */
.footer-social-logo{
    width: 32px;
}

.footer-social-logo-youtube{
    width: 28px;
}
/* footer */

/* email signup page */
.signup-page-form{
    display: inline-block;
    border-radius: 50rem !important;
    background: #E4E4E4 !important;
    border-color: #E4E4E4 !important;
}

.signup-linkedin{
    width: 1.938rem;
}

.login-btn-hover:hover, .login-btn-hover:active, .login-btn-hover:focus{
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.login-btn-hover{
        width: 320px;
}

.field-icon{
    float: right;
    margin-top: -54px;
    position: relative;
    z-index: 2;
    margin-right: 15px;
}

.login-field-icon{
    float: right;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    margin-right: 15px;
}

.account-create .account-create-form .form-control{
    background: #E4E4E4 !important;
    border-color: #E4E4E4 !important;
    border-radius: 50rem !important;
}

.account-create .account-create-form .form-check-input:checked {
    background-color: #000 !important;
    border-color: #000000 !important;
}

.account-create .account-create-form .form-control:focus{
    box-shadow: 0 0 0 0.25rem rgb(188 33 26 / 50%) !important;
}

.verification-form input{
    background: #E4E4E4 !important;
    border-color: #E4E4E4 !important;
    border-radius: 19px;
    width: 5.6rem;
    height: 5.6rem;
    font-size: 2.5rem;
    margin: 0px 5px;
}

/* .verification-form input:focus {
    box-shadow: 0 0 0 0.25rem rgb(188 33 26 / 50%) !important;
} */

.verification-form input:focus-visible, .verification-form input:visited{
    outline: 4px solid rgb(188 33 26 / 50%) !important;
}

.submit-btn-mobile:active, .submit-btn-mobile:focus{
    color: #fff !important;
}

.card{
    /* min-height: 150px;
    max-height: 380px;
    max-width: 380px; */
    background: #FFFFFF !important;
    border: 1px solid #9B9B9B !important;
    box-sizing: border-box !important;
    box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.13) !important;
    border-radius: 10px !important;
    min-height: 340px !important;
}
.card.active{
    color: #BC211A !important;
    border: 1px solid #BC211A !important;
}

.card:focus-within, .card:active, .card:hover, .card:focus-visible, .card:focus,.card:target{
    color: #BC211A !important;
    border: 1px solid #BC211A !important;
}
/* email signup page */

/* login page */

#background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-color: #150303;
    z-index: 1;
}

/* login page */

/*  Cookie Policy Styling */
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
    border-radius:50rem!important
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color:var(--primary)!important; 
    border-radius:50rem;
}

.page-template-page-coming-soon-php .display-6 {
    font-weight:500 !important;
}
/*  Cookie Policy Styling */

/* registration single */
.registration-form-control{
    background: #E4E4E4 !important;
    border-radius: 50rem !important;
    border-color: #E4E4E4 !important;
    font-size: 1.125rem;
    color: #000000;
    appearance: none;
    font-weight: 400;
    line-height: 1.5;
    display: initial;
    width: 32.688rem;
}
/* registration single */

/* Inside Pages Special Styles */

/* .checkbox-size {
    width: 1rem;
    height: 1rem;
    display: inline-block;
} */

.breadcrumb-item a, .breadcrumb-item span {
    text-decoration: none;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 18px;
}

td a{
    text-decoration: none;
    color: #000000;
}

.inside-header-title {
    font-size:3em;
}

#myInput {
    font-size:1rem;
}

.inside-page-logo {
    max-width:60%;
}

.table .text-light-grey  {
    text-transform:uppercase; 
    color:#000 !important; 
    font-weight:700; 
}

.table td {
    font-size:0.9rem;
}

.table .text-danger {
    font-size:1rem !important; 
    text-transform:uppercase;
}

.restrict-btn{
    background: rgba(183, 10, 10, 0.23) !important;
    border-radius: 9px !important;
    border: rgba(183, 10, 10, 0.23) !important;
}

.account-create-form p.lead {font-size:0.9rem !important;}
  

.stock-container .bg-white {padding-top:1rem !important;}
.btn-primary { -webkit-appearance: none !important;}


.unvetted #about-hero {margin-top:2.9rem;}
.unvetted .hero-banner-bg-gradient {margin-top:2.9rem !important;}
.unvetted #what-you-get-single {margin-top:2.9rem;}
.unvetted .hero-title-pos {margin-top:2.9rem;}
.unvetted .hero-description-pos {margin-top:2.9rem;}

.logged-in .hero-description-pos .btn-primary {display:none}

#call-us {padding-right:0 !important;}

@media (min-width: 1200px) {
	
	#call-us {padding-right:0 !important;}
	
}

@media (max-width: 991px)  {
    .card-overview p{
        min-height: auto !important;
    }
}
/* mobile screen */
@media (max-width: 576px){
    /* nav */
    .unvetted .hero-title-pos {
        margin-top:0 !important;
    }

    .unvetted .hero-description-pos {
        margin-top:0 !important;
    }

    .dropdown-content:after{
        top: 14% !important;
        left: 6%;
    }

    .dropdown-menu.show {
        width: 22rem;
    }
    /* nav */

    .client-icons {
        width: 80px !important;
    }

    .solutions-icons{
        width: 150px !important;
    }

    .from-check-terms{
        padding-left: 0.5em !important;
    }

    .from-check-terms a{
        color: grey;
    }

    .submit-btn-mobile{
        width: 100%;
    }

    .about-solution-list ul li {
        min-height: 70px;
    }

    .about-card{
        min-height:0rem !important;
    }

    .relationship-img{
        width: 260px;
    }

    .address a{
        color: grey;
    }

    .contact-text a{
        color: gray;
        text-decoration: none;
    }

    .mobile-px-1{
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .mobile-px-2{
        padding-left:  1rem !important;
        padding-right: 1rem !important;
    }

    .inside-page-logo {
        max-width:40% !important;
    }

    .inside-single-page-logo{
        width: 40% !important;
    }

    .breadcrumb-item a, .breadcrumb-item span{
        font-size: .75rem;
    }

    /* email signup page */
    .signup-page-form{
        width:100% !important;
        display: block;
    }   

    .verification-form input{
        width: 3.3rem;
        height: 4rem;
        margin: 0px;
        font-size: 1.5rem;
        border-radius: 5px !important;
    }

    .third-nav .nav-item{
        font-size: .94rem !important;
    }

    #main-bar li a {
        font-size: 0.75rem !important;
        line-height: 1rem;
        color: var(--grey) !important;
    }

    #mobile-column td{
        font-size: .73rem !important;
    }
    
    .card{
        min-height: 0 !important;
    }

    .font-SE{
        font-size: .8rem !important;
    }

    .SE-card-h5{
        font-size: .9rem !important;
    }

    .mobile-width{
        width: 15rem !important;
    }


    /* table-investment manager landing */
    th:first-child, td:first-child{
    position:sticky;
    left:0px;
    }

    td:first-child, th:first-child{
    z-index: 1;
    background-color: #fff;
    }

    #asset-manager-table th:first-child{
        background-color: #f8f9fa !important;
    }

    .vpn-btn{
        width: 100% !important;
    }

    .small-container-irm{
        top: -1.3rem !important;
    }

    .w-37{
        width: 30% !important;
    }

    .footer-logo-welrex{
        width: 32% !important;
    }

    .mobile-what-i-want{
        width: 16rem !important;
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 0px;
        transform: translate3d(-40px, 42px, 0px) !important;
    }

    /* behavioural finance */
    /* .mobile-height{
        min-height: 950px !important;
    } */

    /* #mobile-column td{
        width: 20rem !important;
    } */
    /* .overview-text h6{
        min-height: 5rem !important;
    } */

    /* .user-card{
        min-width: 340px !important;
    } */

    /* .btn-w-320 {
        width:  auto !important;
    } */

    /* .login-btn-hover{
        width: 17.5rem !important;
    } */
    /* email signup page */
}
/* mobile screen */

/* iPad screen */
@media (max-width: 835px){
	
	.unvetted .hero-description-pos {margin-top:0 !important;}
    /* nav */
    .dropdown-content:after{
        top: 13%;
        left: 10%;
    }

    .settings-dropdown{
        left: 2rem !important;
    }

    .settings-dropdown:after {
        top: 1px !important;
        left: 10%;
    }
    /* nav */

    .client-icons {
        width: 95px;
        padding-left: 13px;
    }

    .about-card{
        min-height: 19rem;
    }

    .grey-black-bg-gradient h4{
        font-size: 1rem;
    }

    .grey-black-bg-gradient h3{
        font-size: 1.5rem;
    }

    .grey-black-bg-gradient p{
        font-size: .875rem;
    }

    .registration-form-control{
        width: 100%;
    }

    .overview-text h6{
        min-height: 0 !important;
    }

    .inside-header-title {
        font-size:2rem;
    }

    .display-5{
        font-size: 2rem;
    }

    .inside-page-logo {
        max-width:40% !important;
    }

    .inside-single-page-logo{
        width: 40% !important;
    }

    .card{
        min-height: 0 !important;
    }

    /* #main-bar{
        top:6%;
    } */
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  /* margin-left: -125px; */
  
  margin-left: -85px !important;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/* iPad screen */

@media (max-width: 1399px) and (min-width: 1200px) {
    .ui-element-dashed-line {
        width: 265px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ui-element-dashed-line {
        width: 185px;
    }
}

@media (max-width: 760px) and (min-width: 580px) {
    .verification-form input {
        width: 4.4rem;
        height: 5rem;
        font-size: 2rem;
    }
}

@media (max-width: 1048px) {
    .secondary-nav-mx-auto {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #main-bar .navbar-nav li:first-child {
        display:none;
    }
}

 @media (max-width: 650px){
    .navbar-collapse {
        top: 60px !important;
    }
} 

@media (max-width: 767px) {
    #main-bar .navbar-nav li {
        padding-right:0.5rem; padding-left:0.5rem;
    }
    .inside-header-title {
        font-size:2rem !important;
    }

    .display-5{
        font-size: 2rem !important;
    }
}

@media (max-width: 790px){
    .w-37{
        width: 37%;
    }
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.nav-item a{
    align-items: center !important;
    font-size: 18px;
  }

.settings-dropdown{
    width: 12rem !important;
    left: 3rem !important;
}

.restrict-content a{
    color: var(--primary);
}


.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 15px !important;
}


.cla-box{
    /* width: 200px; */
    /* height: 135px; */
    border: 1px solid #000000;
    border-radius: 5px;
    text-align: center;
}

.reload-btn:hover, .reload-btn:active, .reload-btn:focus, .reload-btn:focus-visible{
    color: #000 !important;
    border: none !important;
}

.color-since{
    color: #1a4548;
}

.selection-menu li{
    min-height: auto !important;
}

.selection-menu .nav-link:hover{
    color:#000 !important;
}

.selection-menu .nav-link{
    color:#000 !important;
}

.selection-dropdown{
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 78px;
}

.color-dropdown-text{
    color: #818181 !important;
}

.w-37{
    width: 37% !important;
}

.card-overview-texts{
    min-height: 9.7rem !important;
}

.calculator-card:hover{
    border: 1px solid #9B9B9B !important;
    color: #000 !important;
}

.cal-three-p{
    font-size: .95rem !important;
    font-weight: 300 !important;
    line-height: 1.9rem !important;
}


.lable-up{
    color: #2C6B0F !important;
    background-color: #E4FDD4 !important;
    border-radius: 9px !important;
}

.lable-down{
    color: #BC211A;
    background-color:  rgba(183, 10, 10, 0.23) !important;
    border-radius: 9px !important;
}


/* mobile register */
.iti__country-list{
    display: none !important;
}

.iti__arrow{
    display: none !important;
}
/* mobile register */


.pound-span{
    border: 1px solid #ccc;
    padding: 5px;
    border-right: 0;
    border-radius: 3px 0px 0px 3px;
    height: 2.73rem;
    background: #fff;
    color: grey;
}

.percent-span{
    border: 1px solid #ccc;
    padding: 5px;
    border-left: 0;
    border-radius: 0px 3px 3px 0px;
    height: 2.22rem;
    background: #fff;
    color: grey;
}

.text-selected{
    font-weight: bold;
    color: var(--primary);
}

/* calculator backtoTop */
#cal-backtotop {
    display: inline-block;
    background-color: var(--primary-hover);
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 0;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    padding: 0 !important;
  }
  
  #cal-backtotop:hover {
    cursor: pointer;
    background-color: var(--primary);
  }
  #cal-backtotop:active {
    background-color:  var(--primary);
  }
  #cal-backtotop.show {
    opacity: 1;
    visibility: visible;
  }

  @media (min-width:  768px){
    .ps-1200{
        padding-left: 0px !important;
    }
  }


  @media (max-width: 991px) and (max-width:985px){
    .rule-your {
        font-size: 3.5rem !important;
    }
  } 
  
    @media (max-width: 420px){
    .rule-your {
        font-size: 2rem !important;
    }
  } 


  @media (max-width: 1050px) { 
    .col-1000{
        flex: 0 0 auto !important;
        width: 100% !important;
    }
   }


   .unvetted-style{
    padding-top: 3.5rem !important;
   }


   @media only screen and (max-width: 375px){
    .progressbar li{
        font-size: 14px !important;
    }

    .mobile-what-i-want{
        transform: translate3d(-65px, 42px, 0px) !important;
    }
   }

   @media only screen and (max-width: 415px){
    .progressbar li{      
        font-size: 14px !important;  
    }
   }

   @media only screen and (max-width: 440px){
    .progressbar li{      
        font-size: 14px !important;  
    }
}

.btn:focus{
    box-shadow: none !important;
}

@media screen and ( min-height: 700px ) {
    .mobile-landscape{
        margin-top: 2.5rem !important;
       }
}

/* Mobile Landscape * 896 is iphone 915 is s20 */  
@media screen and (max-width:916px) and (orientation:landscape) { 
	
    .navbar-brand img {width:130px;margin-left:45px !important;}
    .logged-in .navbar-brand img {margin-left:38px !important;}
    .hero-banner-icon {width:220px;}
    .rule-your {font-size:2.5rem !important }
    .hero-description p {font-size:1rem !important;}
    .hero-description p {  font-size: 1.15rem !important; line-height: 1.85rem !important;}
    .logged-in .hero-description-pos .btn-primary {display:none !important;}
    .benefits .h1 {margin-top:9.5rem !important; font-size:1.8rem !important; line-height:2.5rem !important}
    #hero-wealth-owners h1 {margin-top:5rem!important; }
    .inside-header-title {font-size:2.5rem !important;}
    #client-hero .display-4 {font-size:2.5rem !important; word-spacing:0 !important;}
    h1.display-5 {text-align:left !important;}
    .breadcrumb-item {font-size:0.8rem !important;}
    
    .page-id-583 .align-items-center {align-items:normal !important;}
    .page-id-583 .card {min-height:120px !important;}
    .account-create {padding-top:1rem !important;}
    
    .page-id-583 .btn-primary {margin-bottom:1rem !important; margin-left:1rem !important;}
    .page-id-583 .card .bi-person, .page-id-583 .card .bi-briefcase {margin-top:0 !important;}
    
    .hero-title-pos{
        top: 41% !important;
    }
    
    .hero-description-pos{
        top:65% !important;
    }
    
    }

/* ipad fix for menu and other things for ipad landscape */
@media screen and (max-width:680px) and (orientation:landscape) { 
	
	.navbar-brand img {margin-left:0 !important;}
	.rule-your {font-size:2.25rem !important;}
	.hero-banner-icon {width:205px !important; margin-top:1rem !important;}
	#hero-wealth-owners h1 {margin-top:7.5rem!important; }
	.services-icons {width:200px!important; }
	.page .container p.lead {font-size:1rem !important;}	
}

@media (min-width:809px) and (max-width:900px) { /* ipad fix for menu and other things for pro and ipad air */ 
.hero-banner-icon {width:250px !important;}
.logged-in .navbar-brand img {margin-left:0.5rem !important; margin-right:2rem; width:140px;}
footer ul li {float:left;}
.page-id-583 .card .bi-person, .page-id-583 .card .bi-briefcase {margin-top:0 !important;}
.hero-title-pos{
    top: 46% !important;
}

.hero-description-pos{
    top: 75% !important;
}

.top-padding-benefits{
    padding-top: 0 !important;
}
}

@media (min-width:700px) and (max-width:800px) { /* other things for pro and ipad mini */ 
    .hero-title-pos{
        top: 46% !important;
    }

    .hero-description-pos{
        top: 75% !important;
    }

    .top-padding-benefits{
        padding-top: 0 !important;
    }
}

@media (min-width:901px) and (max-width:930px){ /* other things for surface pro 7 */ 
    .hero-title-pos{
        top: 46% !important;
    }

    .top-padding-benefits{
        padding-top: 0 !important;
    }
}

@media screen and (max-width:1200px) and (orientation:landscape) { 
	 .page-id-583 .card .bi-person, .page-id-583 .card .bi-briefcase {margin-top:0 !important;}
	 .page-id-583 .card {min-height:120px !important;}
     .hero-title-pos {
        top: 46% !important;
    }
	
}

/* landscape */
@media screen and (max-width: 900px) and (orientation:landscape){
    .navbar-collapse {
        overflow-y: auto !important;
        height: 325px !important;
        top: 60px !important;
    }

    .unvetted .mobile-landscape-menu-unvetted{
        height: 280px !important;
    }

    .dropdown-content:after {
        top: 14% !important;
        left: 3% !important;
    }

    .signup-margin-top{
        margin-top: 6rem !important;
    }

    .hero-title-pos {
        top: 46% !important;
    }

    .hero-description-pos {
        top: 78% !important;
    }

    .top-padding{
        padding-top: 4.5rem !important;
    }
}

@media (max-width: 574px) {
    .mobile-landscape{
        margin-top: 0rem !important;
    }

    .h-100vh{
        height: auto !important;
    
    }
    
    .footer-logo-margin{
        margin-left: auto !important;
    }
}

@media screen and (max-width: 920px) and (orientation:landscape){
    #owner-landscape-mobile{
        padding-top: 8.5rem !important;
    }
}

@media screen and ( min-width: 896px ) and ( max-height: 414px )
{
    .navbar-collapse {
        overflow-y: auto !important;
        height: 355px !important;
        top: 60px !important;
    }

    .unvetted .mobile-landscape-menu-unvetted{
        height: 320px !important;
    }
}
/* landscape */

@media (max-width: 1205px) and (min-width: 992px){
    .navbar-dark .navbar-nav .nav-link {
        font-size: .8rem !important;
    }
}
	
.unvette-alert{
    height:2.9rem !important;
}
	
.form-control:focus{
    box-shadow: 0 0 0 0.25rem rgb(188 33 26 / 50%) !important;
}

@media (min-width: 992px) and (max-width:1199px){
    .card-body {
        min-height: 30rem !important;
    }
}


@media (min-width: 768px) and (max-width:835px){
    .px-tab{
        padding: 0rem 2rem !important;
    }
}


@supports selector(:focus-visible){
.verification-form input:focus-visible, .verification-form input:visited{
    outline: 4px solid rgb(188 33 26 / 50%) !important;
}
}

input, .form-control {
caret-color: var(--primary);
}

@media (min-width: 1400px){
    .owner-landscape{
        padding-top: 10rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 560px) and (max-width: 950px){
    .owner-landscape{
        padding-top: 8rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 916px) and (max-width: 1399px){
    .owner-landscape{
        padding-top: 8rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (max-width: 420px){
    .padding-top-home{
        padding-top: 0 !important;
    }
}

@media (min-width: 520px) and (max-width: 670px){
    .top-padding-benefits{
        padding-top: 2.5rem;
    }
}

.top-padding{
    padding-top: 1rem;
}

.h-100vh{
    height: 100vh;

}


/* <!-- new change --> */
.font-size-p p{
    font-size: 18px !important;
}

.font-size-p h3{
    font-weight: 300 !important;
}

#main-bar li a{
    font-size: 16px;
}

.contact-text a{
    color: var(--grey) !important;
}

.contact-text a:hover{
    color: var(--primary-hover) !important;
}

input[type='radio'] {
    accent-color: var(--primary);
}

.login #pass-strength-result {
    margin: 9px 5px 16px 0 !important;
}

/* .wp-pwd input{
    border-radius: 50px !important;
} */

@media (max-width:600px) {
    .calendly-overlay .calendly-close-overlay{
        background-color: #000000 !important;
    }
}

.schedule-call-text{
    min-height: 5rem;
}

@media (max-width:950px) {
    .schedule-call-text{
        min-height: auto !important;
    }
}

/* .iframe-container{
    position: relative;
    width: 100%;
    height: 0;
} */

.iframe-container iframe{
    /* position: absolute; */
    width: 100%;
    /* height: 100%; */
    top: 0;
    left: 0;
}

.modal-content {
    background-color: #000 !important;
}

.modal-header {
    border-bottom: none !important;
}

/* .btn-close {
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

} */

.ratio-cus{
    aspect-ratio: 21 / 9;
}

@media (max-height: 415px) and (orientation: landscape){
    .ratio-cus{
        aspect-ratio: 21 / 7;
    }
  }


  /* Behavioural Finance */
  .finance-btn{
    text-transform: capitalize;
    width: 200px;
  }

  @media (max-width: 919px){
    .finance-btn{
        margin-right: auto!important;
        margin-left: auto!important;
        width: 220px;
      }
  }
 
  .mobile-height{
      min-height: 280px;
  }

  .behavioural-card{
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    box-shadow: 5px 5px 50px 18px rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
  }

  .behavioural-card.closed {
    box-shadow: none !important;
  }