/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* Global */ 

.upper-case h3{text-transform: uppercase !important;}

/* Navigation */
.main-header{
    backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(10px);
}
.main-header .awb-menu__li_button {
    margin-left: 45px !important;
}
.gform_wrapper input {
    border-radius: 8px !important;
}
.gform_wrapper .button {
    padding: 14px 30px !important;
    background: linear-gradient(90deg, #5B2D91 0%, #471E76 100%) !important;
    border-radius: 8px !important;
    border: 1px solid #EEE7F6 !important;
    color: #ffffff !important;
}
.gform_wrapper .button:hover,
.gform_wrapper .button:focus {
    background: #ff6b61 !important;
    border-color: #ff6b61 !important;
    color: #ffffff !important;
}
.copyright ul li:first-child a:after {
    content: "|";
    position: relative;
    left: 7px;
    color: #DCEEFF;
}
.hero{
	  aspect-ratio: 20 / 11;
}
.icon-box-show-content-on-hover .content-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.3s ease-in-out;
}
 
.icon-box-show-content-on-hover .content-container p{
	margin-top: 15px;
}
 
.icon-box-show-content-on-hover .content-box-wrapper:hover .content-container {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* icon left */
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .heading,
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .content-container{
    text-align: left;
}
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .heading .icon,
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .content-container,
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .heading img,
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .heading{
    margin-bottom: 0;
}
.fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .content-box-heading{line-height:2em !important;}
/* icon left end*/

.icon-box-show-content-on-hover .fusion-content-boxes.content-boxes-icon-on-top .content-box-column .col {
    background: linear-gradient(90deg, #DCEEFF 0%, #F7F9FC 100%);
    border: 1px solid #DCEEFF;
    box-shadow: 0px 10px 28px 0px rgba(91, 45, 145, 0.10);
	padding: 20px;
	border-radius: 20px !important;
}
/* heart bg */
.foundation-col-bg:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/brand-light.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 45px;
    z-index: 1;
    display: inline-block;
    height: 212px;
    width: 220px;
    top: 20px;
}
.heart-bg{position: relative;}
.heart-bg:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/brand-light.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 45px;
    z-index: 1;
    display: inline-block;
    height: 212px;
    width: 220px;
    bottom: 20px;
}

/* heading seperator */
.small-separator-left:before {
    content: "";
    height: 2px;
    background: #FF6B61;
    width: 28px;
    position: absolute;
    left: 0;
    top: 9px;
}
.fusion-title.small-separator-left {
    padding: 0 0 0 37px;
	position: relative;
}
.small-separator-both .fusion-title-heading {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.small-separator-both {
    text-align: center;
}

.small-separator-both .fusion-title-heading:before,
.small-separator-both .fusion-title-heading:after {
    content: "" !important;
    display: block;
    width: 28px;
    height: 2px;
    background: #FF6B61;
}

.how-it-work .fusion-content-boxes {
    --awb-item-margin-top: 0px !important;
    --awb-item-margin-bottom: 0px !important;
}

.how-it-work .content-box-column {
    margin: 0 !important;
    padding: 0 !important;
}

.how-it-work .content-box-column .content-box-wrapper {
    padding: 22px 0 !important;
    border-bottom: 1px solid #0D1B2A1F !important;
	margin-left:15px;
}

.how-it-work .content-box-column.content-box-column-last .content-box-wrapper {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.how-it-work .content-box-column:first-of-type .content-box-wrapper {
    padding-top: 0 !important;
}

.how-it-work .heading {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.how-it-work .content-box-heading {
    margin: 0 !important;
    line-height: 1.2 !important;
}

.how-it-work .content-container {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    margin: 0 !important;
    transform: translateY(8px);
    transition: all 0.35s ease-in-out;
}

.how-it-work .content-box-wrapper:hover .content-container {
    opacity: 1;
    max-height: 250px;
    visibility: visible;
    margin-top: 12px !important;
    transform: translateY(0);
}
.care-corner .fusion-column-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

.care-corner .fusion-column-wrapper:after {
    content: "";
    background: #5B2D910D;
    width: 110px;
    height: 110px;
    position: absolute;
    right: -40px;
    bottom: -40px;
    border-radius: 50%;
    pointer-events: none;
}
.fusion-accordian .panel-collapse p a {
    padding: 13px 30px;
    border: 1px solid #DCEEFF;
    color: #0c1f44;
    box-shadow: 0px 10px 28px 0px rgba(91, 45, 145, 0.10), inset 0px 0px 8px 0px rgba(238, 231, 246, 0.20);
    display: inline-block;
    border-radius: 8px;
    font-weight: 600;
}
.blog-box .fusion-button.button-flat {
    box-shadow: 0px 10px 28px 0px rgba(91, 45, 145, 0.10), inset 0px 0px 8px 0px rgba(238, 231, 246, 0.20) !important;
}
.fusion-accordian .panel-heading .fusion-toggle-heading{color: #0c1f44 !important;}
.fusion-accordian .panel-heading .panel-title a .inactive-icon{color: #0c1f44 !important;}
.fusion-accordian .toggle-content{color:#6B7177 !important;}
.fusion-accordian .panel-group:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/brand-light.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 45px;
    z-index: 1;
    display: inline-block;
    height: 193px;
    width: 200px;
    top: 20px;
}
.blog-box:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/Vector.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    z-index: 1;
    display: inline-block;
    height: 109px;
    width: 113px;
    bottom: 20px;
}

.who-benefit-box .content-container {
    font-size: 18px;
}
.who-benefit .who-benefit-box .fusion-read-more-button {
    background: transparent !important;
    border-color: #0C1F44 !important;
    box-shadow: 
        0px 10px 28px 0px rgba(91, 45, 145, 0.1),
        inset 0px 0px 8px 0px rgba(238, 231, 246, 0.2) !important;
}

.who-benefit .manufacture .who-benefit-box .fusion-read-more-button {
    background: transparent !important;
    border-color: #EEE7F6 !important;
    box-shadow: 
        0px 10px 28px 0px rgba(91, 45, 145, 0.1),
        inset 0px 0px 8px 0px rgba(238, 231, 246, 0.2) !important;
}
.manufacture .who-benefit-box .fusion-read-more-button span{color: #fff !important;}
.who-benefit-box .fusion-read-more-button span{color: #0C1F44 !important;}
.who-benefit-box .heading-link{pointer-events:none;}
.who-benefit .who-benefit-box .content-box-column{margin-bottom:0px !important;}
.who-benefit .manufacture .who-benefit-box .content-box-column .col {
    padding: 25px 20px 40px 30px;
    border-radius: 20px;
    background: linear-gradient(90deg, #0C1F44 0%, #0C1F44 100%);
    border: 1px solid rgba(13, 27, 42, 0.12); 
    overflow: hidden;
	z-index:999;
}
.who-benefit .memeber .who-benefit-box .content-box-column .col {
    padding: 25px 20px 40px 30px;
    border-radius: 20px;
    background: linear-gradient(90deg, #DCEEFF 0%, #F7F9FC 100%);
    border: 1px solid rgba(13, 27, 42, 0.12); 
    overflow: hidden;
	z-index:999;
}
.who-benefit .memeber .who-benefit-box .content-box-column .col:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/For-Members.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    z-index: 1;
    display: inline-block;
    height: 233px;
    width: 240px;
    bottom: 20px;
}
.who-benefit .manufacture .who-benefit-box .content-box-column .col:after {
    content: "";
    background-image: url("/wp-content/uploads/2026/09/For-Manufacturers.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    z-index: 1;
    display: inline-block;
    height: 233px;
    width: 240px;
    bottom: 20px;
}
.who-benefit .who-benefit-box .fusion-read-more-button:hover{
	background: #ff6b61 !important;
	border-color: transparent !important;
}
.who-benefit .who-benefit-box .fusion-read-more-button:hover span{color:#fff !important;}
.fusion-accordian .panel-collapse p a:hover{
	background: #ff6b61 !important;
	border-color: transparent !important;
	color:#fff !important;
}
/*social */
.fusion-social-networks-wrapper .fusion-social-network-icon::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px;
    height: 16px;
    background-color: #5B2D91;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
    transition: background-color 0.3s ease;
}

.fusion-social-networks-wrapper .fusion-instagram::before {
    -webkit-mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/instagram.svg");
    mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/instagram.svg");
}

.fusion-social-networks-wrapper .fusion-youtube::before {
    -webkit-mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/youtube.svg");
    mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/youtube.svg");
}

.fusion-social-networks-wrapper .fusion-facebook::before {
    -webkit-mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/facebook.svg");
    mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/facebook.svg");
}

.fusion-social-networks-wrapper .fusion-whatsapp::before {
    -webkit-mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/whatsapp.svg");
    mask-image: url("http://alignedc.sg-host.com/wp-content/uploads/2026/09/whatsapp.svg");
}

.fusion-social-networks-wrapper .fusion-social-network-icon:hover::before,
.fusion-social-networks-wrapper .fusion-social-network-icon.hover::before {
    background-color: #ffffff !important;
}

/* Tablet Responsive (768px - 1024px) */
@media screen and (max-width: 1024px) {
	.news .fusion-imageframe img,
	.who-benefit .fusion-imageframe img{width: 100%; object-fit: cover;}
	.news .fusion-imageframe,
	.who-benefit .fusion-imageframe{width: 100%;}
	.hero .fusion-title h1{font-size: 60px !important;}
    .below-hero .fusion-content-boxes.content-boxes-icon-boxed .content-box-column,
	.below-hero .fusion-content-boxes.content-boxes-icon-on-top .content-box-column {margin-bottom: 20px;}
	.below-hero  .fusion-content-boxes.content-boxes-icon-on-top .fusion-column{width:50%;}
	.below-hero  .fusion-content-boxes.content-boxes-icon-on-top.icon-top-left .content-box-heading{font-size:16px !important; line-height:1.3em !important;}
	.differences .fusion-title h2{font-size: 45px !important;}
	.foundation .fusion-title h2{font-size: 45px !important;}
	.how-it-work .fusion-title h2{font-size: 45px !important;}
	.therapeutic-areas .fusion-title h2{font-size: 45px !important;}
	.differences .fusion-title p{font-size: 22px !important;}
	.sites-of-care .fusion-title h2{font-size: 45px !important;}
	.sites-of-care .care-corner .fusion-title h4{font-size: 20px !important;}
	.foundation .found-box-heading h4{font-size:20px !important;}
	.foundation .pp-seperator{display:none !important;}
	.who-benefit .who-benefit-box .content-box-heading{font-size: 30px !important;}
	.how-it-work .heading h5{font-size: 18px !important;}
	.therapeutic-areas .panel-title{font-size: 24px !important;}
	.therapeutic-areas .fusion-text{font-size: 20px !important;}
	.therapeutic-areas .fusion-title-heading p br{display:none;}
	.cta .fusion-button.light-btn {background: #fff !important; border-color:#5b2d91 !important;}
	.cta .fusion-button.light-btn span{color:#5b2d91 !important;}
}
@media screen and (max-width: 800px) {
	.fusion-title-heading p br,
	.fusion-text p br{display: none;}
	
}

/* Mobile Responsive (up to 767px) */
@media screen and (max-width: 767px) {
    .icon-box-show-content-on-hover {position: relative !important;}
	.hero {aspect-ratio: 4 / 5;}
	.below-hero  .fusion-content-boxes.content-boxes-icon-on-top .fusion-column{width:100%;}
	.foundation-col-bg .fusion-column-wrapper{border:none !important;}
	
}

/* Mobile Responsive (up to 425px) */
@media screen and (max-width: 425px) {
	.hero .fusion-title h1{font-size: 47px !important;}
	.differences .fusion-title h2{font-size: 40px !important;}
	.foundation .fusion-title h2{font-size: 40px !important;}
	.how-it-work .fusion-title h2{font-size: 40px !important;}
	.sites-of-care .fusion-title h2{font-size: 40px !important;}
	.therapeutic-areas .fusion-title h2{font-size: 40px !important;}
	.sites-of-care .care-corner .fusion-title h4{font-size: 18px !important;}
	.therapeutic-areas .panel-title{font-size: 20px !important;}
}