/* || Font Family */

@font-face {
    font-family: 'Inter-Black';
    src: url('/assets/fonts/Inter-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/assets/fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('/assets/fonts/Inter-Thin.ttf') format('truetype');
}

/* || General styles */

html, body {
    font-family: 'Inter-Regular' !important;
}

.section_one {
    margin-top: 3rem;
    background: url("/assets/images/message-to-ceo/ceo.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}
.social_media {
    margin-top: 60px;
}
.ceo {
    position: relative;
    top: 145px;
    left: 10%;
}
.ceo img{
    width:50px;
    margin-right:36px;
}
.ceo h1{
    font-weight:700;
    font-size:45px;
}
.ceo p {
    font-size:25px
}
.section_two {
    padding: 3% 0 3% 10%;
}
.message {
    background-color: #000000;
    padding: 1% 0 1% 10%;
}
.millionaires {
    background-color: #E21717;
    padding: 1% 0 1% 2%;
}
.message_toceo{
    align-items:center;
    cursor:pointer;
}
.message_toceo p{
    color:#ffffff;
    font-weight:600;
    font-size:20px;
    margin-left:10px;
}
.message_toceo img {
    width: 40px;
}
.largest_asset {
    background: url("/assets/images/message-to-ceo/background.png");
    background-repeat: no-repeat;
    background-size:cover;
    padding: 10% 0 10% 8%;
}
.opportunity label {
    position: absolute;
    bottom: -36%;
    position: absolute;
    bottom: -59%;
    right: 26%;
    color: #ffffff;
    font-weight: 600;
}
.section_four{
    padding:3% 0 3% 10%;
}
.true_agent {
   /* padding: 3% 0 3% 10%;*/
}
.true_agent h1 {
    font-weight: 700;
    font-size:50px;
    margin-bottom:40px;
}
.info p {
    font-size: clamp(16px,4vw,23px);
    font-weight: 500;
   /* width: clamp(20rem,84vw,60rem);*/
}
.info2{
    margin-top:20px;
}
.largest_asset p {
    font-size: clamp(20px,4vw,40px);
    font-weight: 600;
    color: #ffffff;
    line-height: 98%;
}
.partner-logos{
    padding:2% 0;
}
.partner-logos img {
    max-width: 100%;
    margin-left: 50px;
}
.section_five {
    background-color: #000000;
    padding-top: 5%;
    margin-top: 8%;
}
.ceomessage h1 {
    font-weight: 600;
    color: #ffffff;
    text-align:center;
    font-size:45px;
}
.ceomessage h4 {
    color: #ffffff;
    font-weight: 500;
    font-size: clamp(17px,4vw,25px);
    margin: 5% 0;
    text-align: center;
}
.ceomessagecontent h2{
    color:#ffffff;
    font-weight:600;
    font-size:30px;
    margin-bottom:5%;
}
.ceomessagecontent span {
    color: #ff0094;
}
.ceomessagecontent p {
    font-size: 19px;
    color: #ffffff;
    font-weight: 500;
    line-height: 26px;
}
.ceomessagecontent {
    padding:7% 0;
}
.form-group .form-control {
    width: 100%;
    background: #e0e0e0;
    border-radius: 20px !important;
    padding-left: 8%;
    font-size: 15px;
}
.ceovideo {
width:100%!important;
height:100%!important;
}
.submitbtn .btn {
    background-color: #ff0094;
    border-radius: 20px;
    padding: 8px 82px;
    margin-top: 20px;
}
.messagewrap {
width:85%;
margin:0 auto;
}
.messageblock {
margin:2% 0 0 0;
}
label.error {
    top: 35px!important;
    margin-bottom: 0;
    right: 20px;
}
.signature p {
    font-family: 'Inter-Regular' !important;
}
.signature {
padding:5% 0;
}
.serviceblock {
    background-color: #ffe8fd;
    padding: 5% 0;
}
    .serviceblock h3 {
        font-weight: 700;
        color: #6a6e77;
        margin-left: 2%;
        font-size: 26px;
    }
        .serviceblock h3 span {
            color: #ff0094;
        }
.servicehead {
    align-items: center;
}
.servicemessage {
margin-top:3%;
}
    .servicemessage p {
        color: #000;
        font-size: 19px;
        font-weight: 500;
        line-height: 26px;
    }
.thanyoumsg h3 {
    color: #fff;
    font-weight: 700;
    margin: 3% 0;
}
.thanyoumsg p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.form-group .form-control::placeholder {
font-weight:700;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-group {
position:relative;
}
.form-control:focus {
    border: dotted 2px #e62e92;
}
label.error {
    position: absolute !important;
    background-color: #e62e92!important;
}
#message-error {
top:95%!important;
}
.ceonote {
max-height:95vh;
overflow:hidden;
}
    .ceonote video {
        width: 100% !important;
        max-height: 400px;
        margin: 0 auto;
    }
.servicehead img {
    width: 45px;
}
.thanyoumsg img {
    width: 60px;
}
.tns-ovh {
    overflow: inherit!important;
}

@media(max-width:1200px){
    .partner-logos img {
        margin-left: 30px;
    }
    .opportunity label {
        bottom: -36%;
        right: 26%;
    }
    .section_one{
        min-height:500px;
    }
}
@media(max-width:992px){
    .opportunity label {
        right: 19%;
    }
    .section_one{
        min-height:400px;
        margin-top:5rem;
    }
}
@media (max-width: 767px) {
    .ceomessagecontent p {
        font-size: 16px;
    }

    .ceomessagecontent {
        padding: 3% 0;
    }

    .ceomessagecontent {
        font-size: 20px;
    }

    .servicemessage p {
        font-size: 16px;
        line-height: 22px;
    }

    .thanyoumsg {
        text-align: center;
    }

    .servicehead h3 {
        font-size: 20px;
    }

    .messagewrap {
        width: 100%;
        margin: 0 auto;
    }

    .partner-logos img {
        margin-left: 15px;
    }

    .millionaires, .message{
        padding:0 2.5% 0 8%;
    }

    .ceo h1, .ceomessage h1, .true_agent h1 {
        font-size: 28px
    }   
    .ceo img {
        width: 40px;
        margin-right: 15px;
    }
    .true_agent {
        padding: 3% 0 3% 5%;
    }

    .largest_asset {
        padding: 9% 0 9% 5%;
        background-position: center center;
        background-size: 100%;
    }
    .section_three{
        background:url("/assets/images/message-to-ceo/bg_background.png");
        background-repeat:no-repeat;
    }
    .info p {
        width: clamp(18rem,91vw,60rem)
    }
    .section_one {
        min-height: 315px;
        margin-top: 8rem;
    }
    .ceo p {
        font-size: 18px;
    }
    .ceo {
        top: 70px;
    }
    .social_media {
        margin-top: 25px;
    }
    .submitbtn .btn {
        padding: 8px 20px;
        margin-top: 20px;
    }
    .message_toceo img {
    width:32px;
    padding:2px;
    }
}  
@media(max-width:576px){
    .opportunity label {
        bottom: -33%;
        right: 27%;
        font-size: 12px;
    }
    .section_one {
        background-position: center;
        min-height: 220px;
        margin-top: 8rem;
    }
    .message_toceo p{
        font-size:14px;
    }
    .ceo h1 {
        font-size: 22px;
    }
    .ceomessagecontent h2 {
        font-size:25px;
    }
    .ceo p {
        font-size: 13px;
    }
    .ceo {
        top: 40px;
        left: 8%;
    }
}
@media (max-width: 455px) {
    #mySidenav a {
        padding: 0px 3px 1px 5px !important;
    }

    .opportunity label {
        bottom: -36%;
        right: 18%;
        font-size:11px;
    }
}
    @media (max-width: 374px) {
        .opportunity label {
            bottom: -30%;
            right: 21%;
            font-size: 10px;
        }
        .ceomessagecontent h2 {
            font-size: 20px;
        }
        .ceo h1{
            font-size:20px;
        }
    }

.thanyoumsg {
    text-align: center;
}