:root{--purple:#D4D8F4;--blue:#020E6A;}

@font-face {
    font-family: 'OpenSauce-Regular';
    src: url('OpenSauceOne-Regular.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'OpenSauce-SemiBold';
    src: url('OpenSauceOne-SemiBold.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'OpenSauce-ExtraBold';
    src: url('OpenSauceOne-ExtraBold.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Chewy';
    src: url('Chewy.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Fredoka';
    src: url('FredokaOne-Regular.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'SourceSansPro';
    src: url('source-sans-pro-latin-400-normal.ttf') format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'BeVietnam';
    src: url('BeVietnam-Bold.ttf') format('truetype');
    font-display: swap
}

body{ font-family: 'OpenSauce-Regular'; font-size: 14px; box-sizing: border-box; }
header{position: fixed; width: 100%; z-index: 10;}
.sticky{background:var(--purple); box-shadow: 0 4px 30px #0000001a; backdrop-filter: blur(5px); 
    -webkit-backdrop-filter: blur(5px);}
.header-info{display: flex; justify-content: space-between; align-items: center; padding-top: 15px;transition: 0.5s;}
.sticky .header-info{padding-top: 0;}
.sticky .logo img{width: 75%;}
.sticky .call-us figure{width: 22%;}
.logo{ margin: 0; width: 18%;}
.logo img{width: 90%; transition: 0.5s;}
.header-info ul{ display: flex; list-style: none; padding: 0; justify-content: space-evenly; margin: 0;width: 72%;}
.header-info ul li a{text-decoration: none; font-size: 18px;color: #020e6a;font-family: 'OpenSauce-SemiBold';}
.header-info ul li{position: relative;transition: 0.3s;}
.header-info ul li:before{width: 0;height: 10px; content: ''; position: absolute; bottom: -3px; left: 0;
border-bottom: 2px solid var(--blue);transition: 0.3s;}
.header-info ul li:hover:before{width: 100%;}
.call-us{width: 25%; display: flex;justify-content: end; align-items: center;}
.call-us figure{width: 25%; margin: 0; transition: 0.5s;}
.call-us figure img{width: 100%;}
._menu-bar{display: none;}

label.error{ text-align: start; display: block; font-size: 10px;}
input.error,textarea.error{border:1px solid #ff0000 !important;}
 
.banner{background: var(--purple);}
._pg{padding: 150px 0px 45px 80px;}
._banner-form{ background: #fff; padding: 20px; width: 65%; border-radius: 35px;
    box-shadow: 15px 0px 0px 0px#C8CCE7; text-align: center; margin-left: 50px;}
._banner-form h3{ font-size: 21px; color: var(--blue);font-family: 'OpenSauce-ExtraBold';}
._banner-form p{ font-size: 15px;}
._banner-form input ,._banner-form textarea{ width: 100%; padding: 7px; border-radius: 10px; margin-bottom: 8px; 
    border: 2px solid var(--blue);}
._banner-content h1{ font-size: 42px;color: var(--blue);font-weight: 400;}
._banner-content span{ font-family: 'Chewy'; font-size: 50px;
    text-shadow: -2px 2px 0 #fff, 2px 1px 0 #fff, 1px -2px 0 #fff, -1px -1px 0 #fff;}
._banner-content p{ font-size: 20px; margin-bottom: 30px;}
.claim{ text-decoration: none; color: #fff; font-size: 24px;background:var(--blue); 
    padding: 12px 45px 15px 45px; border-radius: 25px; border-top-left-radius: 0; transition: 0.3s; 
    border: 2px solid var(--blue);font-family: 'OpenSauce-ExtraBold'; cursor: pointer;}
.claim:hover{background: #fff; color: var(--blue);border: 2px solid var(--blue);}
.watch img{width: 11%; margin: 0 20px;}
.watch{ font-size: 20px; text-decoration: none; color: var(--blue); position: relative;}
.watch:before{position: absolute; bottom:-5px; right:0;content:'';background:var(--blue); width:122px; height:2px;}
.claim-watch{position: relative;} 
.claim-watch:after{position: absolute; top: 50px; right: -60px; content: ''; width: 30%; height: 100%;
background: url(../images/gif-arrow-2.gif);z-index: 1;
background-size: 100% 100%; display:none;
/* transform: rotate(204deg); */
/* transform: scale(1, -1); */
}
.call-link p{ margin: 0; font-size: 18px; font-weight: 500; color: var(--blue);}
.call-link a{text-decoration: none; font-size: 18px; color: var(--blue);transition: 0.5s;
    font-family: 'OpenSauce-ExtraBold';}
.call-link a:hover{padding-left: 2px;}
.let-start a{ background:var(--blue); color: #fff; padding: 8px; border-radius: 10px; position: relative;
    z-index: 1; transition: 0.5s;color: #fff; text-decoration: none; font-weight: 600; font-size: 20px;
display: block; border: 2px solid var(--blue);}
.let-start a:hover{background: #fff; color: var(--blue); border: 2px solid var(--blue);}
.discus p{font-size: 20px; padding-bottom: 42px; color: var(--blue);font-family: 'OpenSauce-SemiBold';}


.custom-shape-divider-bottom-1714540790 {
    position: absolute; top: 628px; left: 0; width: 100%; overflow: hidden; line-height: 0;}
.custom-shape-divider-bottom-1714540790 svg {
    position: relative; display: block; width: calc(300% + 1.3px); height: 370px;}
.custom-shape-divider-bottom-1714540790 .shape-fill {
    fill: #FFFFFF;}

.about{position: relative; z-index: 1; padding: 40px 0;text-align: center; color: var(--blue);}
.about h2{ font-size: 50px;font-family: 'OpenSauce-SemiBold';}
.about p{ font-size: 24px; padding: 0 45px;}

.pofile-sec{background: var(--purple); padding: 25px 0 60px 0; border-radius: 90px;}
._founders{ text-align: center; padding: 0 257px;}
._founders img{width: 70%; }

.pofile-sec .owl-theme .owl-nav{margin-top: 0;}
.pofile-sec .owl-theme .owl-dots{display: none;}
.pofile-sec .owl-carousel .owl-nav button.owl-prev span,
.pofile-sec .owl-carousel .owl-nav button.owl-next span{display: none;}
.owl-theme .owl-nav.disabled+.owl-dots{display: none;}
.what-do{ padding-bottom: 30px;}
.what-do h2{color: var(--blue); line-height: 50px; font-size: 32px;font-weight: 400; padding-right: 121px;}
.what-do h2 span{color: #7B7B92; font-weight: 400;}
._vdo{ padding: 25px 60px;}
.website_video { max-width: 100%; border-radius: 22px; width: 100vw; height: 440px; 
    -o-object-fit: cover; object-fit: cover; display: block;}
.work-img{width: 40%;}
.work-img img{width:100%;}
.work-card{ background: #fff; padding: 26px 20px 26px 20px; border-radius: 35px; height: 275px; cursor: pointer;
    line-height: 50px; margin-bottom: 30px; box-shadow: #00000073 0px 25px 20px -20px; transition: 0.5s;}
.work-card:hover{ background: var(--blue); color: #fff;}
.work-card:hover>.work-img img{ filter: brightness(0) invert(1);}
.work-card:hover> a,.work-card:hover> a img{color: #fff !important;filter: brightness(0) invert(1);}
.work-card.legal{background: var(--blue); color: #fff; display: flex; align-items: center; 
    text-align: center; justify-content: center;}
.work-card.legal h3{font-family: 'OpenSauce-ExtraBold'; font-size: 30px;}
.work-card.legal h3 span{font-family: 'OpenSauce-Regular'; display: block;}
.legal .support{color: #fff !important;}
.work-card h3{ font-size: 18px;font-family: 'OpenSauce-ExtraBold'; margin-bottom: 22px; line-height: 30px;}
.work-card a{display: flex; justify-content: space-between; text-decoration: none; color: #3e3a4e;}
.work-card a figure{margin: 0; padding: 0;}
.work-card a figure img{transition: 0.5s;}
.work-card a figure img:hover{padding-right: 10px;}


.porfile-card{background: var(--blue); border-radius: 35px; margin: 20px 12px;}
.identity-card{background: var(--blue); border-top-left-radius: 35px; border-bottom-left-radius: 35px;
     height: 100%; padding: 30px 0px;}
.identity-card figure{display: flex; justify-content: center;}
.identity-card figure img{width: 70% !important;}
.identity-card h3{ text-align: center; color: #fff;font-family: 'OpenSauce-ExtraBold';}
.identity-card h3 span{font-family: 'OpenSauce-Regular'; display: block;font-size: 20px;}
.P0{padding: 0;}
.profile-about{ background: #fff; height: 100%; border-radius: 35px; padding: 50px 40px;}
.profile-about p{font-size: 20px; color: var(--blue);}

.client-testimonial{background: var(--blue); color: var(--blue);margin-top: 150px; padding: 50px 0 70px 0;}
.title{ padding:0px 80px 20px 80px; position: relative;}
.title h2{ background: #fff; text-align: center; padding: 15px 0; font-size: 35px; font-weight: 400;
    border-radius: 50px;}
.client-card{ background: #F7FDF3; height: auto;
    text-align: center; border-radius: 40px; padding: 0 50px; margin: 135px 35px 0 35px;}

.owl-theme .owl-nav [class*=owl-]:hover{background: unset;}
.client img{ margin-top: -146px; width: 45% !important; display: inline !important; border-radius: 100%;}
.client-card h3{ font-size: 24px; line-height: 30px;font-family: 'OpenSauce-ExtraBold';}
.client-card h3 span{ display: block; font-size: 16px; font-family: 'OpenSauce-SemiBold';}
.client-card p{font-size: 15px;}
.rate{display: flex; justify-content: center; padding-bottom: 12px;}
.rate img{width: 30% !important;}
.website_video-2{max-width: 100%; width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; 
    display: block; border-radius: 50px; border: 4px solid #fff;}

.tag-line{text-align: center; padding-bottom: 20px;}
.tag-line h2{ font-size: 40px;color: var(--blue);}
.tag-line p{ font-size: 25px;}
._count-card{text-align: center; border: 2px solid var(--blue); border-radius: 20px;
    height: 240px; padding: 40px 10px 5px 10px;}
._count-card h4{ font-size: 60px;font-family: 'OpenSauce-ExtraBold'; margin-bottom: 20px; color: var(--blue);}
._count-card p{font-size: 20px;}
._count-card p span{display: block;}


.helping-investor{padding: 50px 0;}
.Shareholders{ padding: 0 60px;}
._why-choose h2{ font-size: 35px; font-family: 'OpenSauce-ExtraBold';color: var(--blue); padding-bottom: 25px; 
position: relative;}
._why-choose h2:before{position: absolute; bottom: 0; left: 0; content: ''; width: 190px;
        border-bottom: 7px solid; border-radius: 50px;}
._why-choose p{font-size: 20px; margin-right: 60px; padding-bottom: 15px;
    line-height: 39px; border-bottom: 3px solid var(--blue);}
._why-choose{ border-right: 3px solid var(--blue); padding-top: 7px;}
._why ul{ padding-left: 15px;}
._why ul li{list-style: none; font-size: 20px; border-bottom: 3px solid var(--blue); padding-bottom: 15px;
line-height: 28px;}
._why ul li:nth-last-child(1){ padding-top: 15px;}
._why ul li a{ display: block; text-align: end; text-decoration: none; color: var(--blue); 
    text-transform: uppercase; font-family: 'OpenSauce-ExtraBold'; transition: 0.5s;}
._why ul li a:hover{padding-right: 10px;}
._why ul li a img{ margin-top: -15px; margin-left: 20px;}


.mentor{background: url(../images/TWF-LP-2.jpg); background-size: contain; background-position: top;}
.mentor-content{ border: 2px solid var(--blue); border-radius: 20px; padding: 40px 50px;}
.mentor-content img{width: 45%;}
.mentor-content h2{ font-size: 50px; font-family: 'OpenSauce-ExtraBold'; color: var(--blue); padding-top: 15px;}
.mentor-content p{ font-size: 28px; line-height: 40px; color: var(--blue); margin: 0;}
.mentor-content p span{display: block; font-family: 'OpenSauce-ExtraBold'; color:#e21d34;}
.mentor-content p span a{ text-decoration: none; color:#e21d34;}
._addrss{ font-size: 20px !important; color:#e21d34 !important; font-weight: bold;}
._contact-us{ text-align: center; padding: 60px;}
._contact-us input { margin-top: 15px; width: 100%; padding: 8px 20px; font-size: 20px;
     border-radius: 10px; border: 2px solid var(--blue);}
._contact-us a{ margin-top: 15px; color: #fff; background: var(--blue); width: 100%; display: block;
    padding: 5px 0; text-decoration: none; font-size: 23px; font-family: 'OpenSauce-ExtraBold'; border-radius: 10px; 
    transition: 0.5s;border: 2px solid var(--blue);}
._contact-us a:hover{ background: #fff; color: var(--blue); border: 2px solid var(--blue);}
 
._f-content{ background: var(--blue); margin: 0px 40px; padding: 50px 0px; border-radius: 100px;color: #fff;}
/* ._f-links{color: #fff; padding: 50px 40px;} */
.f-about{ padding-right: 10px;}
.f-about img{width: 70%; border-radius: 7px;}
._f-links h3{ font-size: 35px; font-family: 'OpenSauce-SemiBold'; position: relative;}
.quick-link{padding-left:60px;}
.quick-link h3:before{ position: absolute;
    left: 0; bottom: -15px; content: ''; border-bottom: 6px solid #fff; border-radius: 51px; width: 75px;}
.contact h3:before{ position: absolute;
    right: 0; bottom: -15px; content: ''; border-bottom: 6px solid #fff; border-radius: 51px; width: 75px;}
.f-about h3{font-size: 27px; font-weight: 400; font-family: unset;}
.f-about p{ font-size: 18px; line-height: 25px; margin-top: 20px;margin-bottom: 35px;}
.f-about ul{ display: flex; list-style: none; padding: 9px 0 0 0; margin: 0; }
.f-about ul li{width: 17%;}

.quick-link h3{ padding-right: 60px;}
.quick-link,.contact{padding-top: 25px;display: flex; flex-direction: column;}
.quick-link ul,.contact ul{list-style: none; padding: 28px 0 0 0; line-height: 45px;}
.quick-link ul li a,.contact ul li a{ text-decoration: none; color: #fff; font-size: 23px;}
.quick-link ul li{transition: 0.5s;}
.quick-link ul li:hover{padding-left: 10px;}
.contact ul li{ line-height: 25px; text-align: end; padding-bottom: 25px; transition: 0.5s;}
.contact ul li span{display: block; font-size: 20px; padding-bottom: 15px;}
.contact ul li:hover{padding-right: 10px;}
.disclaimer-privacy{text-align: center; padding: 30px 0;}
.disclaimer-privacy ul{ list-style: none; display: flex; justify-content: center; padding: 0;}
.disclaimer-privacy ul li{font-size: 20px; color: var(--blue);}
.disclaimer-privacy ul li:nth-child(even){ border-left: 1px solid;
    border-right: 1px solid; padding: 0 10px; margin: 0 10px;}
.disclaimer-privacy a{color: var(--blue);}
.disclaimer-privacy p{font-size: 22px; padding-bottom: 15px; border-bottom: 2px solid var(--blue);}
.fadein { opacity: 0; transition: all 1.5s; transform: translate(0, 100px); }
.fadein.visible { opacity: 1; transform: translate(0, 0);  }

.modal-content.vd{ border-radius: 50px !important;}
._home-modal .modal-dialog{ max-width: 980px;}
._home-modal  .modal-header{ position: absolute; top: 7px; right: 13px; z-index: 1; border-bottom: none;}
#thank-modal .modal-dialog{ max-width: 750px;}
._home-modal .modal-body{background: #e6e9ff; padding: 30px 40px;}
#thank-modal .modal-body{background: #fff; padding: 30px 40px; border-radius: 40px;}
#staticBackdrop .modal-body{ border-radius: 50px;}
#thank-modal .modal-content{border-radius: 40px;}
.get-img img{width: 100%;}
._get-touch{ background: #fff; padding: 30px; border-radius: 50px; border: 2px solid var(--blue);}
._head-section{text-align: center; padding: 0 105px; color: var(--blue);}
._head-section h2{ font-family: 'Fredoka'; font-size: 35px;}
._head-section p{font-size: 22px;}
._form-card small{ text-transform: uppercase; color: #111; font-weight: 700; font-size: 16px;}
._form-card  h3{ font-family: 'BeVietnam'; font-size: 28px; padding-top: 7px;}
._form-card  p{ font-size: 24px; color: var(--blue); 
    /* font-family: 'BeVietnam'; */
}

.help-block.form-error {
    float: left;
    margin-bottom: 5px;
    color: red;
    font-style: italic;
}

._form-card  p span{ display: block; font-family: 'OpenSauce-ExtraBold';}
._form-card input{width: 100%; padding: 10px 20px; border-radius: 15px; margin-bottom: 5px;
border: 2px solid var(--blue);}
._form-card a{ background: var(--blue); color: #fff; display: block; text-decoration: none; text-align: center;
    font-size: 18px; font-family: 'OpenSauce-SemiBold'; padding: 10px 0; border-radius: 15px;}
._whstpp-icon{ position: fixed; bottom: 30px; right: 30px; z-index: 9999999; width: 60px; cursor: pointer;}
._whstpp-icon a{ text-decoration: none; color: #fff !important; box-shadow: #32325d40 0px 6px 12px -2px, #0000004d 0px 3px 7px -3px;
    background: #49E670; padding: 10px 13px; font-size: 30px; border-radius: 100%;}
    ._whstpp-icon span{display: none; position: relative;}
    ._whstpp-icon span:after{ border-bottom: solid 10px #fff; position: absolute; border-left: solid 10px transparent;
        border-right: solid 10px transparent; top: 12px; right: -11px; content: ''; transform: rotate(88deg);}
._whstpp-icon.tool-tip span{ display: block; position: absolute; top: 8px; background: #fff;
    padding: 6px 20px; left: -150px; font-size: 16px; font-weight: 600; border-radius: 15px; color: #7e7e7e;}

.whtspp-window{position: fixed; bottom: 100px; right: 26px; z-index: 9999999; width: 320px; display: none; z-index: 10;}
.wndw{background: url(../images/WhatsApp-background.png); content: ''; width: 100%; height: 300px; background-size: 500px;
    border-top-left-radius: 10px;    border-top-right-radius: 10px;}
.txt-msg{display: flex; gap: 10px; background: #F0F0F0; padding: 15px 20px; align-items: center;
    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;}
.txt-msg input{border: none; padding: 13px 20px; border-radius: 50px; width: 100%;}
.txt-msg input:focus-visible{outline: unset;} 
.txt-msg a{ color: #fff; background: #25d366; padding: 10px 9px 10px 12px; border-radius: 100%;}
.txt-msg a:hover{background: #22bf5b;}
._msg{padding: 20px;} 
._msg p{ background: #fff; width: fit-content; padding: 8px 20px; border-radius: 10px; position: relative;}
._msg p:before{ border-bottom: solid 13px #fff; position: absolute; border-left: solid 12px transparent;
    border-right: solid 14px transparent; top: -1px; left: -9px; content: ''; transform: rotate(47deg);}
.close{position: absolute; right: 5px; top: 5px; color: #fff;
    background: #30534b; width: 22px; height: 22px; border-radius: 15px;
    padding: 3px; cursor: pointer; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s;}

.close .bi-x{font-size: 20px; position: absolute; top: -4px; left: 1px;  }
.gif .GIF2{width: 40%;}
.gif .GIF1{width: 10%;}
.thankyou h3{ font-size: 40px; font-family: 'Fredoka'; color: var(--blue);}
.thankyou p{font-size: 20px;}
.thankyou {padding: 15px 0;}

._testi{ border-top: 2px solid #c3c3c3;    padding-top: 30px;    margin-top: 30px;}

@media screen and (min-width: 1920px) and (max-width: 1600px){
.container{ max-width: 1600px; margin:0 auto;} 
}

@media only screen and (max-width: 600px) {
    /*.header-info ul{display: none}*/
    .scroll-none{ overflow: hidden;}
    .logo { width: 50%; }
    .logo img{width:100%;}
    .header-info{display: flex; padding: 0;}
    ._menu-bar{display: block; position: absolute; top: 70px;right: 0px;}
    .sticky .logo img{ width: 100%;}
    .call-link a{font-size: 15px;}
    .call-us { width: 100%; display: flex; justify-content: end; padding-left: 0;}
    .call-us figure { width: 20%; margin: 0; }
    ._menu-bar .bi-list{font-size: 45px; padding: 0 10px; background: var(--purple);}
    ._pg { padding: 0;}
    .banner { padding: 130px 0px 0px 15px;}
    .watch img{ margin: 0 10px;}
    .watch:before{width: 109px;}
    ._banner-content h1{ font-size: 28px;}
    ._banner-content p{font-size: 18px;}
    .claim{ font-size: 15px; padding: 10px 30px 10px 30px;}
    .watch{font-size:18px}
    ._banner-form{width: 100%; margin-top: 25px; margin-left: -11px;}
    .discus p{ font-size: 14px; padding-top: 20px;}
    .custom-shape-divider-bottom-1714540790 svg{ height: 195px;}
    .custom-shape-divider-bottom-1714540790{ top: 1012px;}
    .about{ padding: 25px 0;}
    .about p { font-size: 18px; padding: 0 18px;}
    .website_video{width:100%; height:100%;}
    .work-card{ padding: 18px 10px 20px 10px;height: 233px; display: flex;
        flex-direction: column; justify-content: space-evenly;}
    .work-card a{line-height: 20px; margin-top: 12px;}
    .work-card a figure{ width: 20%;}
    .work-card a figure img{width: 100%;}
    .work-card h3{margin-bottom:0px; line-height: 23px;}
    .work-card.legal h3{ font-size: 20px;}
    ._count-card p{ font-size: 15px;}
    ._count-card h4{ font-size: 40px; margin-bottom:10px;}
    .tag-line h2{ font-size: 30px;}
    .tag-line p{ font-size: 18px;}
    ._why-choose{border-right:0px;}
    ._why ul li{ line-height: 33px;}
    .mentor-content img{width: 100%;}
    .mentor-content h2{ font-size: 40px;}
    .mentor-content p{ font-size: 18px; line-height: 30px;}
    ._f-content{ margin: 0px 15px; padding: 20px 0px; text-align: center;}
    .f-about ul{ justify-content: center;}
    ._vdo{padding: 25px 15px;}
    .what-do h2{ padding-right: 5px; line-height: 38px; font-size: 25px; }
    .title{padding: 0;}
    .title h2{ font-size: 20px;}
    .client-card{ height: 450px; padding: 0 10px; margin: 135px 0px 20px 0px;}
    .Shareholders { padding: 0px 15px; }
    ._count-card{margin-bottom: 15px; height: 180px;}
    .client img{ width: 70% !important;}
    .mentor-content{ padding: 40px 15px;}
    ._contact-us{ padding: 22px;}
    .f-about img{ width: 45%;}
    .quick-link{text-align: center;padding-left: 0;}
    .quick-link h3{padding-right:0px; font-size: 25px;}
    .quick-link h3:before,.contact h3:before{left: 115px; width: 138px;}
    ._f-links h3{text-align: center !important;}
    .contact ul li{text-align: center;}
    .disclaimer-privacy p{font-size: 15px;}
    .disclaimer-privacy ul{display: flex; flex-direction: column;line-height: 40px;}
    .disclaimer-privacy ul li:nth-child(even){border: none;}
    
    ._head-section{padding: 0px;}
    ._head-section h2{ font-size: 20px;}
    ._head-section p { font-size: 15px;}
    ._form-card h3{font-size: 20px;}
    ._form-card p{ font-size: 14px;}
    .thankyou h3{ font-size: 24px;}
    .thankyou p { font-size: 18px;}
    
    /* navabr*/

    .header-info ul {display: block;
        position: absolute; padding:10px;
        top: 66px; transition: 0.5s;
        line-height: 30px;height: 100vh;
        background: #D4D8F4; right: -500px;
        width: 100%;}
        .mobile-mode ul{right:0;}
        .mobile-mode body{}
  }