@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

*{margin:0px; padding:0px; box-sizing:border-box;}
html{scroll-behavior: smooth;}
body{  margin:0px; padding:0px; font-size: 18px ; font-weight: 400;     font-family: "Plus Jakarta Sans", sans-serif;    line-height: 1.7; color: #DEDEE7; overflow-x: hidden;}
a{text-decoration:none ;color: inherit; }
a:hover{text-decoration:none; color:inherit }
.wrapper{max-width:1170px; margin:0px auto; padding:0px 15px; width: 100%;}
.wrapped{max-width:1170px; margin:0px auto; padding:0px 15px; width: 100%;}
img{max-width: 100%; height: auto;}
.common_btn{color: #D4B284; border-radius: 40px; background:transparent  ; border: solid 1px #D4B284;  z-index: 1;    -webkit-transform: translateZ(0);  transform: translateZ(0);  transition: all 1s ease; transition-duration: 1s; text-transform: capitalize;  padding: 14px 35px;  width: max-content; font-weight: 700; backface-visibility: hidden; position: relative; font-size: 16px; line-height: 24px; display: inline-flex; align-items: center; text-align: center; box-shadow: 0px 33px 51px rgba(0, 0, 0, 0.08), 0px 9.94853px 15.375px rgba(0, 0, 0, 0.0582218), 0px 4.13211px 6.38599px rgba(0, 0, 0, 0.0399899), 0px 1.4945px 2.30969px rgba(0, 0, 0, 0.0268173)  }

.ct-submit:after,
.common_btn:after{background:#D4B284 ; border-radius: 40px; width: 100%; height: 100%; content: ''; opacity: 0; transform: scaleY(0.3); transform-origin: center;  z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;  transition: transform 0.3s cubic-bezier(1, 0, 0, 1); position: absolute; transition:all 0.3s ease ;}
.ct-submit:hover:after,
.common_btn:hover:after{transform: scaleY(1); opacity: 1;   transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), }
.common_btn:hover{color: #0B0C29;}
.ct-submit:after{background:#0B0C29 ; }

.blue_bg{ background: #0B0C29;}
.brown_text{color:#D4B284;}

ul{list-style: none; padding: 0; margin: 0;}
ul:not(.menu) li {    line-height: 1.6;}
p{margin-bottom: 20px; }
p:last-child{margin-bottom: 0;}
h3 a,
h4 a,
p a{color: #034488;}
.h1,
h1{ font-weight: 400 ; position: relative;   font-family: "DM Serif Text", serif;    font-size: 65px ;line-height: 1.2 ;  margin-bottom: 15px ; }
.h2,
h2{font-size: 48px ; line-height: 58px;   font-family: "DM Serif Text", serif;    font-weight: 400 ; margin-bottom: 20px ;  text-transform: capitalize;}
.h3,
h3{  font-weight: 400 ; font-size: 32px ;line-height: 40px ;   font-family: "DM Serif Text", serif;    margin-bottom:20px ; }
.h4,
h4{font-size: 24px  ; line-height:30px  ;    margin-bottom: 20px  ;   font-weight: 600  ;  }
.h5,h5{font-weight: 500  ;  font-size: 22px  ;line-height: 28px  ;  margin-bottom: 15px  ; }
.h6,h6{font-weight: 500  ;font-size: 20px  ;line-height: 25px  ;   margin-bottom: 15px  ;}
.h1 span,h1 span,.h2 span,h2 span,h3 span, .h3 span{color: #D4B284; font-style: italic;}
.section_wo_bg{margin: 120px 0;}
.section_with_bg{padding:120px 0;}
.pt_header{height: 80px;}
.no_after::after{display: none;}
.li_box ul{margin-bottom: 30px}
.li_box ul li:before{    content: '';    position: absolute;    width: 7px;    height: 7px;    border-radius: 50%;  left: 0;    top: 10px;    background: #DEDEE7;}
.li_box ul li{position: relative;    list-style: none;    position: relative;    padding-left: 20px;    padding-top: 0px;    padding-bottom: 10px;    transition: all .3s ease;}
:focus{outline: none !important; }

.ct-submit{width: max-content; margin: 0 0; position: relative; border-radius: 24px; background: #D4B284;  backface-visibility: hidden;  -webkit-transform: translateZ(0);  transform: translateZ(0);  transition: all .5s ease; transition-duration: .3s;}
.form_box form .field_col{margin-bottom: 15px;}
.form_box form .wpcf7-form-control-wrap > label,
.form_box form .field_col  label{width: 100%; margin-bottom: 0px; padding: 0 0px;position: relative;  font-size: 14px; line-height: 24px; color: #6B778C;}
.form_box form select,
.form_box form input,
.form_box form textarea{border:solid 1px rgba(255, 255, 255, 0.2);  height: 50px; background: transparent; display: block; border-radius: 24px; width: 100%; padding: 20px 20px ; font-weight: normal; font-size: 18px; line-height: 100%; color: #AAABBF;}
.form_box form input:focus,
.form_box form textarea:focus{ outline: none;    box-shadow: none;}
.form_box form input::placeholder,
.form_box form textarea::placeholder{color: #AAABBF; }
.form_box form .wpcf7-list-item label{display: flex; flex-wrap: wrap; align-items: center;}
.form_box form .wpcf7-list-item label input[type="checkbox"]{width: 25px; height: 25px; margin-right: 8px;}
.form_box form .wpcf7-list-item label .wpcf7-list-item-label{display: inline-block !important;}
.form_box input[type="submit"]{font-weight: 600; border-radius: 40px; cursor: pointer; height: auto;  transition: all .5s ease;  color: #0B0C29;  background: transparent ; border: solid 1px #D4B284; margin: 0 auto; position: relative; padding: 11px 30px;  width: max-content; font-weight: bold; font-size: 16px; line-height: 25px; }
.form_box form textarea{width: 100%;  overflow: auto; height: 120px; resize: none; display: block;}
.form_box form .submitbtn{margin-top: 10px;}
.form_box input[type="submit"]:hover{color: #D4B284; border-color: #0B0C29;}


/*Header*/
header.main_header{width: 100%; left: 0; width: 100%;  z-index: 999; transition: all 0.3s ease;  position: fixed; z-index: 999; top: 0; )} 
header.main_header.top_most{ top: 0; background: #000;  position: fixed; left: 0;}
header.main_header .logo_box{width: 250px; display: flex; align-items: center;}
header.main_header .logo_box img{display: block; width: 100%; height: auto;}
header.main_header .menu_box{width: calc(100% - 250px);display: flex; align-items: center; justify-content: flex-end; }
header.main_header .menu_box nav{}

footer .social_links a,
header.main_header .social_links a{line-height: 1;}
header.main_header .menu_box nav ul#menu-main-menu{list-style:  none; padding: 0; margin: 0 0 0 0;  display: inline-flex; width: 100%;justify-content: space-between; align-items: center;}
header.main_header .menu_box nav ul li{font-size: 16px; line-height:20px;  position: relative;  font-weight: 600;   padding: 0 0px 0px; display: inline-flex;  text-align: center; padding: 13px 11px;}
header.main_header .menu_box nav ul#menu-main-menu > li > a{color: #AAABBF ; position: relative; }
header.main_header .menu_box nav ul#menu-main-menu > li.current-menu-item > a,
header.main_header .menu_box nav ul#menu-main-menu > li.current_page_parent > a,
header.main_header .menu_box nav ul#menu-main-menu > li > a:hover{color: #D4B284 ; }

header.main_header .mob_nav{display:none; width:45px; height:37px; margin-left: 10px;  cursor:pointer; padding: 7px 20px;color: #AAABBF;}
header.main_header .mob_nav .nav_line {width: 15px;max-width: 30px;margin: 12px 0px 12px 0px;height: 2px;display: block;position: relative;z-index: 999;background: #AAABBF;}
header.main_header .mob_nav .nav_line:after,
header.main_header .mob_nav .nav_line:before{cursor: pointer;width: 27px;height: 2px;right: 0%;position: absolute;content: '';transition: 0.2s ease;background: #AAABBF;}
header.main_header .mob_nav .nav_line:after{top:-10px;}
header.main_header .mob_nav .nav_line:before{bottom: -10px;width: 20px;}
header.main_header .mob_nav.active .nav_line{background:none; max-width: 30px;    margin:0;    }
header.main_header .mob_nav.active .nav_line:before{background: #AAABBF; transform:rotate(45deg) translateX(-45%);  bottom:-7.5px;left: 50%; transition:0.2s ease; width: 30px;}
header.main_header .mob_nav.active .nav_line:after{background: #AAABBF; transform:rotate(-45deg) translateX(-49%); transition:0.2s ease; width: 30px; left: 50%;top: -12px;}

footer{padding: 24px 0 24px; background: #0A1236;}
footer img{width: auto ; height: auto; display: inline-block;}
footer .app-link a{display: block; box-shadow: 0px 33px 51px rgba(0, 0, 0, 0.08), 0px 9.94853px 15.375px rgba(0, 0, 0, 0.0582218), 0px 4.13211px 6.38599px rgba(0, 0, 0, 0.0399899), 0px 1.4945px 2.30969px rgba(0, 0, 0, 0.0268173);}
footer .footer_nav ul{display: flex; justify-content: center;}
footer .footer_nav ul li{padding: 0px 10px; font-size:12px; line-height: 12px; border-right:solid 1px #AAABBF; }
footer .footer_nav ul li:last-child{border-right: none;}
footer .copyright_text{font-size: 12px}

.bg_img{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0;}

.banner_container{position: relative; padding:100px 0 0px ; } 
.banner_container .img-col{margin-left:0 }
.banner_container .text-col{max-width: 492px;}
.banner_container .text-col .btn_row a{}

.inner_banner{background: url('../img/inner_banner.jpg') no-repeat right bottom; background-size: cover; height:300px; display:flex; align-items:center; justify-content:c
 }
.about_section:after{position: absolute; content: ''; left: 0; top: 20%; z-index: 0; width: 30%; height: 200px; background: url('../img/wave.png') repeat-x center center; background-size: contain;}
.about_section .img-col{position: relative; z-index: 11;}
.about_section .img-col:after{position: absolute; left: 0; width: 100%; bottom: 0; height: 25%; content: ''; content: ''; background: linear-gradient(180deg, rgba(11, 12, 41, 0) 0%, #0B0C29 100%);}
.about_section .text-col{max-width: 462px;}

.plan-sec .plan-item .gender_title:after{height:1px; width:100%; background:#24294B; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1;}
.plan-sec .plan-box{border: 1px solid #24294B; position: relative; z-index: 1; background: #0B0C29; border-radius: 24px; padding: 16px 16px;  border-image-source: linear-gradient(210.64deg, rgba(227, 203, 163, 0.5) 0.76%, rgba(227, 203, 163, 0) 100%);}
.plan-sec .plan-block:after{position: absolute; content: ''; z-index: 0; transform: translate(-50%,-50%); left: 50%; top: 50%; height: 60%; width: 60%; background: linear-gradient(89.93deg, #D4B284 -0.03%, #E5CFA9 49.41%, #D4B284 99.85%), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(89.93deg, #DCA82C -0.03%, #DBC457 49.41%, #D9A730 99.85%);
    filter: blur(100px);}
.plan-sec .toggle_box_row{display: flex; position: absolute; z-index: 11; right: 0; top: 30px; width: 50%; justify-content: center;}
.plan-sec .toggle_box{display: flex; align-items:center; gap: 10px; margin: 0 20px;}
.plan-sec .toggle_box .toggle_label{font-size: 16px;}
.plan-sec .switch {position: relative; margin-bottom:0; display: inline-block;  width: 40px; height: 24px; }
.plan-sec .switch input { opacity: 0; width: 0;  height: 0; }
.plan-sec .slider { position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;   background-color:rgba(120, 120, 128, 0.32);  -webkit-transition: .4s;   transition: .4s;}
.plan-sec .slider:before {  position: absolute;  content: "";  height: 20px;  width: 20px;  left: 2px;  bottom: 2px; background-color: white;  -webkit-transition: .4s;  transition: .4s; }
.plan-sec input:checked + .slider { background-color: #D4B284;}
.plan-sec input:focus + .slider { box-shadow: 0 0 1px #D4B284;}
.plan-sec input:checked + .slider:before { -webkit-transform: translateX(16px);  -ms-transform: translateX(16px);  transform: translateX(16px); background-color: #222461;}
.plan-sec .slider.round { border-radius: 34px;}
.plan-sec .slider.round:before { border-radius: 50%;}
.plan-sec .plan_rate{width:calc(50% - 20px); pointer-events:none}
.plan-sec .plan-box .plan-item:first-child{border-right: 1px solid #24294B;}
.plan-sec .plan-box  .plan{font-size: 48px; line-height:1.3; font-weight: 800; color: #D4B284;}
.plan-sec .plan-box .plan_list .plan span{font-size: 16px; font-weight: 400; color: #DEDEE7;}
.plan-sec .plan-item[data-gender="Female"]{ background:url('../img/heart.png') no-repeat right center; background-size:223px; display:flex1; align-items:center; justify-content:center;}

.date-sec:after,
.date-sec:before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 15%; max-width: 334px; background: url(../img/unnion.png) no-repeat center center; background-size: contain; content: '';}
.date-sec:after{left: auto; right: 0; transform: translateY(-50%) scaleX(-1);}
.date-sec .date-box{max-width: 510px;}

.review-sec .h2{z-index: 1;}
.review-sec .review_bg{ width: 100%; max-height: 150%; height: auto;  right: 0; bottom: 0; position: absolute; z-index: 0;}
.review-sec .review-item{ border-radius: 24px; border: 1px solid; border-image-source: linear-gradient(210.64deg, rgba(227, 203, 163, 0.25) 0.76%, rgba(227, 203, 163, 0) 100%);  text-align: center; background: #0A1236;  padding: 60px 98px; display: flex; flex-flow: column; align-items: center; justify-content: center;}
.review-sec .review-item .quote_img.inverted{transform: scale(-1);}
.review-sec .slick-slide{margin: 0 10px;}
.review-sec .slick-arrow{background:  linear-gradient(89.93deg, #D4B284 -0.03%, #E5CFA9 49.41%, #D4B284 99.85%);     cursor: pointer; z-index: 11; border-radius: 50%; width: 54px; height: 54px; top: 50%; font-size: 0; border: 0; transform: translateY(-50%) scale(-1); left: -20px; position: absolute;}
.review-sec .slick-arrow:after{position: absolute; background: url('../img/arrow.png') no-repeat center center; background-size: contain; z-index: 111; top: 50%; left: 50%; transform: translate(-50%,-50%)  ; width: 24px; height: 24px; content: ''; }
.review-sec .slick-arrow.slick-next{transform: translateY(-50%); right: -20px; left: auto;}
.review-sec .slick-dots{position: relative; margin: 20px 0 0; display: flex; justify-content: center; align-items: center; }
.review-sec .slick-dots button{width: 8px; height: 8px; background:#D4B284 ; font-size: 0; margin: 0 2px; opacity: 0.25; border-radius: 50%; border: none;}
.review-sec .slick-dots .slick-active button{opacity: 1;}

.about_page .about_section:after{width: 30%; top: 32%;}

.contact_page .form-col{border1: 1px solid;box-shadow: 0px 26px 43px 0px #0000000D;

overflow: hidden;
    border-image-source: linear-gradient(210.64deg, rgba(227, 203, 163, 0.5) 0.76%, rgba(227, 203, 163, 0.1) 100%);
    
     border-radius: 24px; background: linear-gradient(180deg, #0B0C29 0%, rgba(11, 12, 41, 0) 100%);

    ;}
.contact_page .text-col{max-width: 462px; }

.wpcf7-form-control-wrap{position: relative; display: block;}
.form_box form .wpcf7-form-control-wrap > label.error,
span.wpcf7-not-valid-tip {    position: absolute ;  width: auto !important;  right: 5px;    bottom: 2px;    font-size: 12px !important;     color: #ea4646 !important;    padding: 1px 3px;    line-height: 1.35 !important;  margin: 0 !important;  font-weight: 400;}
.form_box form .wpcf7-form-control-wrap > label.error:after{display: none;}
div.wpcf7 .wpcf7-spinner:before {display: none;}
div.wpcf7 .wpcf7-spinner {  border-radius:0;  margin-left: auto;    margin-right: auto;    opacity: 1;    z-index: 1;    display: block;    position: absolute;}
div.wpcf7 .submitting .wpcf7-spinner{    visibility: visible;}
div.wpcf7 .submitting  .wpcf7-spinner{    position: absolute;    top: 0;    visibility: visible;    display: block ;    bottom: 0;    margin: auto;    left: 0;    right: 0;    transform: translateX(0);    background-image: url(../img/loader-w.svg);    background-color: #0B0C29; border-radius: 24px;   height: 100%;    width: 100%;    background-size: 22px;    background-repeat: no-repeat;    background-position: center;}
.wpcf7 form .wpcf7-response-output{display:  !important;}



@media(max-width:1199px){
 h1,.h1{font-size: 40px;}
 h2,.h2{font-size: 30px; line-height: 30px;}
.section_with_bg{padding: 40px 0;}

    .review-sec{padding:40px 20px !important;}

}
@media(max-width:991px){
    .about_section .text-col{max-width:100%;}
    
.plan-sec .plan-box .plan-item:first-child{border-right: 0px solid #24294B; margin-bottom:40px;}
}

@media(max-width: 767px){

header.main_header .menu_box{align-items: center;}
header.main_header .menu_box nav{display: block; z-index:111;  width: 100%; max-width:100%;   transition: .1s ;     overflow: auto; padding-top: 85px; max-height: 100vh; height: 100vh;     position: fixed ;top: 0; z-index: 99; right: -100%; background: #0B0C29;}
header.main_header .menu_box nav.active{display: block; right: 0; }
header.main_header .mob_nav{ display: block;}
header.main_header .mob_nav.active{position: fixed;  top: 20px;    right: 15px;   z-index: 999;}
header.main_header .mob_nav .nav_line{background: #AAABBF;}
header.main_header.top_most .mob_nav.active .nav_line{background: none;}
header.main_header .mob_nav .nav_line:after,
header.main_header .mob_nav .nav_line:before{background: #AAABBF;}

header.main_header .mob_nav.active .nav_line:nth-child(2){display: none;}
header.main_header .menu_box nav ul#menu-main-menu{display: block; text-align: left; height: calc(100vh - 125px); overflow: auto; max-width: 100%;} 
header.main_header .menu_box nav ul#menu-main-menu li{width: 100%;   padding: 0 !important; display: block; border-bottom: solid 1px #AAABBF; color: #AAABBF; text-align: left; margin-left: 0 !important; }
header.main_header .menu_box nav ul#menu-main-menu li a{padding: 12px 15px; display: block; color: #AAABBF;}
header.main_header .menu_box nav ul#menu-main-menu > li.current-menu-item > a, header.main_header .menu_box nav ul#menu-main-menu > li.current_page_parent > a, header.main_header .menu_box nav ul#menu-main-menu > li > a:hover{font-weight: 700; color: #5bb2e5;}


.banner_container{text-align: center;}
.banner_container .wrapper{max-width: 600px;}
.banner_container .btn_row{justify-content: center;}
	.about_section .text-col,
.banner_container .text-col{margin:0 auto;}

    .about_section .text-col{max-width:462px;}

}

@media(max-width: 767px){   

.section_wo_bg{margin: 40px 0;}
.section_with_bg{padding:40px 0;}
.banner_container{padding: 40px 0 0;}

.inner_banner{height: 200px;}

.plan-sec .plan-box .plan_list .plan{font-size: 36px;}
.plan-sec .plan-box .feature_list{border-right: 0;}
.plan-sec .toggle_box_row{position: relative; top: auto; right: auto; width: 100%; padding: 20px 0;}
.review-sec .review-item{padding: 30px 30px;}
.review-sec .review-slider{margin: 0 10px;}

footer .footer_nav ul li{padding: 0 5px;}
footer ul li a{font-size: 12px;}

}



@media (max-width: 480px) {
header.main_header .logo_box {width: 200px;}
header.main_header .menu_box {width: calc(100% - 200px);}

}