/* Referral Banner section [start]*/
.referral_banner_section{ padding: 189px 0px 193px;    position: relative;}
.referral_banner_layout{ display: flex; flex-direction: row-reverse; align-items: center; justify-content:space-between;}
.referral_banner_content{ max-width: 49%; margin-right: 4%;position: relative;z-index: 1; }
.referral_banner_content h1{ margin-bottom: 32px;}
.referral_banner_content .buttons{ margin-top: 48px; min-width: 222px; box-shadow: 0px 20px 80px rgba(53,212,97,0.4);}
.referral_banner_image{max-width:536px; padding: 0 0; position: relative;border-radius: 30px;  overflow: hidden; position: relative; z-index: 1;}
.referral_banner_image.hImage{max-width: 620px;}
.referral_banner_image.hImage img {height: auto;}
.referral_banner_image:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*background: rgba(0,0,0,0.3);*/ z-index: 0;}
.referral_banner_image img{ width: 100%; height: 693px; display: block; object-fit: cover;}
.referral_banner_image.videoContent img{height: 56.25%;max-height: 360px;}
.referral_banner_image.videoContent{width: 55%;max-width: 640px;max-height: 360px;}


.referral_banner_blob1{ width: 22.448vw; height: 27.188vw; background: url('../images/refereal_banner_blob1.png') no-repeat 0 0; position: absolute; top: -1.198vw; left: -10.990vw; background-size: contain; z-index: 0;}
.referral_banner_blob2{ width: 53.125vw; height: 48.333vw; background: url('../images/referral_banner_blob2.png') no-repeat 0 0; position: absolute; top: 7.604vw; left:50.417vw; background-size: contain; z-index: 0;}
.referral_banner_section .scroll_down{ bottom: 0;}
.referral_banner_content p{ font-size:26px ;line-height: 160%;} 
/* Referral Banner section[End]*/
/* referral program content [start]*/
.referral_program_section{ margin: 45px 0 159px;}
.referral_program_intro{ max-width:75%;}
.referral_program_intro h2{ margin-bottom: 25px;}
.referral_program_intro p{ color: #4D4D4D; font-size: 30px;font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; line-height: 188%;}
 
.referral_blocks{ display: flex; justify-content: space-between; margin: 78px 0 186px; }
.referral_block_item{ border: 1px solid #DCDCDC; background: #fff; border-radius: 30px; padding: 84px 35px 96px; width: 33%; max-width: 398px; text-align: center; transition: 0.3s ease;}
.referral_block_item:hover{ border: 1px solid #FFB500; box-shadow: 20px 80px 90px rgba(0,0,0,0.18);}
.referral_icon{display: block;width: 121px; margin:0 auto 33px;border-radius: 50%; box-shadow: 0px 10px 20px rgba(0,0,0,0.25);} 
.referral_icon img{ display: block; width: 100%; height: auto;}
.referral_block_item h4{ font-size: 32px; margin-bottom: 33px;}
.referral_block_item p{ font-size: 18px;font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 188%;}

.referral_program_bottom{ display: flex; justify-content: space-between; align-items: center;}
.referral_info p{ font-size: 20px;font-family: 'Raleway', sans-serif;font-weight: 600; line-height: 180%; margin: 0px 0px 20px; }
.referral_info p:last-child{ margin-bottom: 0px;}
.referral_signup_button .buttons{ min-width: 222px;}

.referral_banner_blob2{ transition: 0.3s ease;}
.referral_banner_blob2:hover{transform: translate(10%,0%) scale(0.9);}
.referral_banner_blob1{ transition: 0.3s ease;}
.referral_banner_blob1:hover{transform: translate(-10%,-10%) scale(0.9);}
/* referral program content [End]*/

.referral_banner_image.videoContent img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.referral_banner_image .videoPlayer{ height: 100%; padding-top: 56.25%;}
.referral_banner_image.videoContent .videoPlayer_outer{ position: relative;}



@media (max-width: 1680px){
.referral_banner_section {padding: 169px 0px 173px;}
.referral_banner_content h1 {margin-bottom: 28px;}
.referral_banner_content{ max-width: 42%;}
.referral_banner_content p {font-size: 24px;}
.referral_banner_content .buttons {margin-top: 42px;min-width: 212px;}
.referral_banner_image {max-width: 516px;}
.referral_banner_image img {width: 100%;height: 653px;}
.referral_banner_image.hImage img {height: auto;}
.referral_banner_image.videoContent {max-width: 620px;}
.referral_program_section {margin: 35px 0 139px;}
.referral_program_intro h2 {margin-bottom: 22px;}
.referral_program_intro p {font-size: 28px;}
.referral_blocks {margin: 68px 0 156px;}
.referral_block_item {border-radius: 25px;padding: 64px 25px 76px;}
.referral_icon {width: 111px;}
.referral_block_item h4 {font-size: 28px;margin-bottom: 28px;}
.referral_block_item p {font-size: 17px;}
.referral_info p {font-size: 18px;margin: 0px 0px 15px;}
.referral_signup_button .buttons {min-width: 198px;}
}
@media (max-width: 1366px){
.referral_banner_section {padding: 149px 0px 133px;}
.referral_banner_content h1 {margin-bottom: 23px;}
.referral_banner_content{ max-width: 40%;}
.referral_banner_content p {font-size: 22px;}
.referral_banner_content .buttons {margin-top: 37px;min-width: 198px;}
.referral_banner_image {max-width: 496px;}
.referral_banner_image img {width: 100%;height: 603px;}

.referral_banner_image.hImage{max-width: 590px;border-radius: 25px;}
.referral_banner_image.hImage img {height: auto;}

.referral_banner_image.videoContent {max-width: 590px;}
.referral_program_section {margin: 30px 0 119px;}
.referral_program_intro h2 {margin-bottom: 17px;}
.referral_program_intro p {font-size: 24px;}
.referral_blocks {margin: 58px 0 136px;}
.referral_block_item {border-radius: 20px;padding: 54px 20px 66px;max-width: 370px;}
.referral_icon {width: 91px;}
.referral_block_item h4 {font-size: 24px;margin-bottom: 24px;}
.referral_block_item p {font-size: 16px;}
.referral_info p {font-size: 16px;margin: 0px 0px 15px;}
.referral_signup_button .buttons {min-width: 178px;}
}
@media (max-width: 1200px){
.referral_banner_section {padding: 119px 0px 103px;}
.referral_banner_content h1 {margin-bottom: 18px;}
.referral_banner_content{ max-width: 45%;}
.referral_banner_content p {font-size: 20px;}
.referral_banner_content .buttons {margin-top: 32px;min-width: 178px;}
.referral_banner_image {max-width: 406px;}
.referral_banner_image img {width: 100%;height: 493px;}
.referral_banner_image.videoContent {max-width: 450px;}
.referral_banner_image.hImage{max-width: 450px;border-radius: 20px;}
.referral_program_section {margin: 10px 0 89px;}
.referral_program_intro h2 {margin-bottom: 12px;}
.referral_program_intro p {font-size: 20px;}
.referral_blocks {margin: 38px 0 116px;}
.referral_block_item {border-radius: 15px;padding: 44px 10px 46px;max-width: 290px;}
.referral_icon {width: 76px;}
.referral_block_item h4 {font-size: 20px;margin-bottom: 15px;}
.referral_block_item p {font-size: 13px;}
.referral_info p {font-size: 13px;margin: 0px 0px 10px;}
.referral_signup_button .buttons {min-width: 158px;}
}
@media (max-width: 992px){
.referral_banner_content {max-width: 50%;}
.referral_program_intro {max-width: 85%;}
.referral_banner_content h1{ font-size: 40px;}
.referral_banner_content p{ font-size: 18px; line-height: 140%;}
.referral_program_intro p{ font-size: 18px;}
.referral_icon{ width: 85px;}
.referral_block_item h4{ font-size: 18px;}
.referral_block_item p{ font-size: 15px;}
.referral_info{ max-width: 75%;}
.referral_info p{ font-size: 18px;}
.referral_block_item {max-width: 90%;margin: 0 5% 50px;padding: 32px 16px 36px;}
.referral_banner_content .buttons {min-width: 158px;}
.referral_blocks .slick-track{ display: flex !important;}
.referral_blocks.slick-initialized .slick-slide{ height: inherit;}
}
@media (max-width: 768px){
.referral_banner_blob1{ display: none;}
.referral_banner_blob2{ top: -24px; right: -145px; width: 405px; height: 370px;left: auto; }
.referral_banner_section {padding: 105px 0px 67px;}
.referral_banner_layout{ flex-direction: column;    align-items: start;}
.referral_banner_content {max-width: 100%; margin-right: 0;}
.referral_banner_image{ max-width: 224px; margin-bottom: 24px; }
.referral_banner_image.videoContent {width: 100%;max-width: 100%;}
.referral_banner_image.hImage{max-width:100%;    border-radius: 15px;}
.referral_banner_image img{ height: 257px;}
.referral_program_intro {max-width: 100%;}
.referral_block_item {max-width: 100%;margin: 0 35px 40px;    border-radius: 15px;}
.referral_program_bottom{ flex-direction: column; margin-top: 88px;}
.referral_info {max-width: 100%; margin-bottom: 40px;}
.referral_signup_button .buttons{ min-width: 158px;}
.referral_info p{ margin-bottom: 24px;}
.referral_banner_content h1 {margin-bottom: 24px;}
.referral_banner_content .buttons {margin-top: 40px;}
.referral_program_section {margin: 0 0 120px;}
.referral_program_intro h2 {margin-bottom: 24px;}
.referral_blocks {margin: 40px -35px 0;}
.referral_icon {margin-bottom: 16px; }
.referral_block_item h4 {margin-bottom: 16px;}
.referral_block_item:hover {border: 1px solid #FFB500;box-shadow: none;}
}
@media (max-width: 576px){
.referral_banner_image {max-width: 100%;}
}