:root {
    font-size: 62.5%;
}

html {
    --main-color: #568262;
    --second-color: white;
}

h2 {font-size: 3.8rem !important; color: var(--main-color) !important; }
h4 {font-size: 4.5rem !important; color: #fff !important; margin-top: 40px !important; font-weight: 400 !important;}


p {font-size: 2.7rem; line-height: 1.3;}

.section_header {padding: 60px 0 0 0;}
.section_padding {padding: 60px 0; padding-bottom: 100px;}
.desc_p {max-width: 1050px;margin: 0 auto; margin-bottom: 40px;margin-top: 20px !important;}
.test_btn { margin: 0 auto; background: red;font-size: 34px; max-width: 650px !important; width: 90% !important; height: 100px; border-radius: 15px; margin-top: 40px;transition: all 0.4s;}
.test_btn:hover { background: black;}

a:visited {color: #fff !important;}

.Welcome {    
    background-image: url(../assets/uploads/2019/05/newbgr-min.jpg);
    background-position: center center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px; height:100vh; background-attachment:fixed;}
.Welcome .elementor-background-overlay {background-color: rgba(1, 0, 38, 0.2);
    opacity: 0.65;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}	
.homeLeft {      
    background-image: url(../assets/top_empty.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 651px;
    height: 100vh; position:relative;}
.homeLeft .elementor-button-link {    display: table;
    margin: auto;
    background: none;
    border: solid 3px;
    border-radius: 0;
    padding: 20px 50px !important;}
    .elementor-button.elementor-size-sm {font-size: 18px !important; font-weight: 600; padding: 25px 50px !important;}
.homeLeft .logoTop { position:absolute; top:-10px; left:40px; z-index:999999;}		
.homeLeft .elementor-button-link:hover  { background:#96b18c; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; }	
.homeLeft .contentWelcome {position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    padding: 0% 15% 0% 11%;
    color: white;}
.homeLeft h4 { font-size:65pt; text-align:center; margin:5px 0;}
.homeLeft h5 { font-size:35pt; text-align:center; font-weight:800; margin:0;}	
.homeLeft h6 { font-size:25pt; text-align:center; font-weight:300; margin:20px 0;}	

.btn_cont {display: flex; margin: 0px 0;}


.infoText {position: absolute;
    z-index: 999;
    bottom: 10px;
    right: 0;
    background: #5b8666;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow:0px 0px 6px -2px black;;transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);}
.infoText h3 {    color: white;    font-weight: 400;
    font-size: 20px;
    margin: 0;}	
.infoText p { margin:0; padding:0; font-size:14px;    font-weight: 200; color:white;}	
.elementor-custom-embed-image-overlay:hover .infoText {padding: 10px 30px 10px 10px; transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition:all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);}
.elementor-custom-embed-image-overlay:hover .eicon-play {transform: scale(1.2);}

.Welcome2 {    
    /* background-image: url(../assets/uploads/2019/05/newftr.jpg); */
    /* background-position: center center;
    background-size: cover; */
    background: var(--main-color);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 0px 40px 0px; background-attachment:fixed;}
.Welcome2 .homeLeft {      
    background-image: url(../assets/top_empty.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 651px;
	float:right;
    height: 100vh; position:relative;}
.Welcome2  .homeLeft .elementor-button-link {    
    display: table;
    margin: auto;
    background: none;
    border: solid 1px;
    border-radius: 0;
    padding: 20px 50px;}
.Welcome2 .homeLeft .logoTop { position:absolute; top:-10px; left:40px;}		
.Welcome2 .homeLeft .elementor-button-link:hover  { background:#96b18c; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; }	
.Welcome2 .homeLeft .contentWelcome {position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    padding: 0% 15% 0% 11%;
    color: white;}

.Welcome2 h2 {border-bottom: 4px solid white;}
.Welcome2 p {color: white; padding-bottom: 10px;}
.Welcome2 h4 {font-size: 3rem !important; margin-bottom: 60px; margin-top: 0px !important; }

.h2_style {text-align: center;  border-bottom: 4px solid var(--main-color); padding: 20px;}

.Welcome2-header {font-size: 4rem !important; color: #fff !important; margin-top: 20px !important; font-weight: 800 !important; border-bottom: 4px solid #fff !important;}

.Welcome2-contactForm-btn {background: #fff; color: var(--main-color) !important; margin-top: 40px; padding: 26px 45px; font-size: 2.5rem; font-weight: bold; border-radius: 14px; border: 4px solid #fff; transition: all ease-in-out 0.2s;}
.Welcome2-contactForm-btn:visited {color: var(--main-color) !important; }
.Welcome2-contactForm-btn:hover {background: none; color: #fff !important; border: 4px solid #fff; }

.partner_name {font-size: 3.6rem;}
.partner_img {height: auto; max-width: 100%; border-radius: 50% !important;}

/* .elementor-widget-wrap {box-shadow: 0 0 15px -5px rgb(162, 162, 162);} */
.elementor-widget-wrap {border: 6px solid var(--main-color);}

.circular {
    width: 380px;
    height: 380px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }
  .circular img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .tiktok_icon {width: 40px; height: 40px; transform: translateY(-22px);border-radius: 0;}

.gap {column-gap: 20px; flex-wrap: nowrap !important;}

.btn .fa {transition: all 0.4s;}
.btn .fa:hover {transform: translateX(10px);}


.class_section {display: flex; column-gap: 25px;margin-top: 20px; }
.class_section a {color: white; font-size: 48px; text-decoration: none; opacity: 0.8; transition: all 0.4s;}
.class_section a:hover {background: none; color: white; opacity: 1; scale: 1.08;}

/* MODAL */

.modal-header-nav {padding: 10px; background-color: var(--main-color); box-shadow: 0 0 8px 0px rgb(136, 136, 136); display: flex; justify-content: space-between; align-items: center;}

.survey-header-logo {width: 100px;}

.modal-body {padding: 40px; margin-top: 10vh;}
.modal-header-nav .modal-btn-close {width: 100px; margin: 0; margin-right: 10px;font-size: 22px;background-color: #ff4747;}
.modal-header-nav .modal-btn-close:hover {background-color: rgb(255, 0, 0);}

.modal-h {font-size: 30px; color: #fff; font-weight: 800; transform: translateY(5px);}
.modal .form-control {border: 2px solid var(--main-color) !important; border-radius: 15px !important; font-family: inherit;}
.health-modal h3 {font-size: 28px;margin-bottom: 20px;}
.health-modal-form {margin-top: 30px;}
.health-modal-form .form-control {margin-bottom: 15px;height: 60px; font-size: 18px; padding: 0 10px;}
.health-modal-form button {height: 65px; border-radius: 15px; font-size: 20px !important; font-weight: bold;}


/* FOOTER */

.footer {height: 60px;}
.footer p {line-height: 45px;font-size: 2rem;}
.footer a {color: #7667d1 !important; }
.footer a:hover {color: #5749b3 !important; text-decoration: underline; }

@media only screen and (max-width: 1200px) {
    .circular {width: 300px; height: 300px;}
}
@media only screen and (max-width: 991px) {
    .circular {width: 300px; height: 300px;}
}

@media only screen and (max-width: 768px) {
    :root {font-size: 50%;}
    .elementor-section {padding: 0 20px;}
    .section_header {padding: 35px 0 0 0;}
    .desc_p {margin-bottom: 0px;}
    .infoText h3 {font-size: 14px; !important}	
    .infoText p {font-size:12px;}	
    .section_padding {padding: 0 !important; padding-bottom: 0px;}
    .section_padding .row {padding: 35px 20px;}
    .btn_cont {margin: 40px 0;}
	.Welcome { background-attachment:inherit !important;}
	.homeLeft h4 { font-size:40pt;}
	.homeLeft h5 { font-size:30pt;}
	.homeLeft h6 { font-size: 20pt;font-weight: 500;margin-top: 24px;line-height: 33px;}
    .homeLeft .logoTop {left: 0px;width: 100px;top: 0}
    .homeLeft { width:100%; height:70vh;}
    .class_section {display: flex; justify-content: center;}
    .test_btn {font-size: 28px; height: 80px;}
    .Welcome {height: 70vh;}
    .Welcome .contentWelcome h4 {font-size: 3.6rem !important;}
    .Welcome .contentWelcome h5 {font-size: 4.3rem;}
    .Welcome2 {padding: 20px;}
    .circular {width: 290px; height: 290px;}
    .partner_name {font-size: 4rem;}
    .tiktok_icon {width: 50px; height: 50px; transform: translateY(-28px);border-radius: 0;}
    .Welcome2 p {text-align: center;}
    .p_blocks {padding-top: 45px;}
    .class_section { margin: 0 auto;margin-top: 50px;}
    .class_section a {font-size: 56px;}
    .Welcome2-contactForm-btn {display: block; margin: 0 auto; text-align: center;}
    .Welcome2 h4 {font-size: 2.8rem !important; text-align: center; margin-top: 0;}
    .modal-h {font-size: 18px; text-align: center; transform: translateY(5px);}
    .gap {flex-wrap: wrap !important;}
    .footer p {font-size: 10px;}
    .survey-header-logo {width: 70px;}
}	

@media only screen and (max-width: 768px) {
	.Welcome2  { background-attachment:inherit !important;}
	.Welcome2 .homeLeft h4 { font-size:35pt;}
	.Welcome2 .homeLeft h5 { font-size:25pt;}
	.Welcome2 .homeLeft h6 { font-size:20pt;}
 .Welcome2 .homeLeft .logoTop {     left: 0px;
    width: 100px;
    top: 0}
 .Welcome2 .homeLeft { width:100%; height:90vh;}
}	
@media only screen and (max-width: 568px) {
    p {font-size: 18px; line-height: 1.1;}
	.Welcome2  { background-attachment:inherit !important;}
	.Welcome2 .homeLeft h4 { font-size:25pt;}
	.Welcome2 .homeLeft h5 { font-size:20pt;}
	.Welcome2 .homeLeft h6 { font-size:18pt;}
 .Welcome2 .homeLeft .logoTop {     left: 0px;
    width: 100px;
    top: 0}
 .Welcome2 .homeLeft { width:100%; height:90vh;}
 
}