@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');



@font-face {

    font-family: 'Microgramma D';

    src: url('../font/MicrogrammaD-BoldExte.eot');

    src: url('../font/MicrogrammaD-BoldExte.eot?#iefix') format('embedded-opentype'),

        url('../font/MicrogrammaD-BoldExte.woff2') format('woff2'),

        url('../font/MicrogrammaD-BoldExte.woff') format('woff'),

        url('../font/MicrogrammaD-BoldExte.ttf') format('truetype'),

        url('../font/MicrogrammaD-BoldExte.svg#MicrogrammaD-BoldExte') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



:root{

    --primary_font: "Jost", sans-serif;

    --secondary_font: "Jost", sans-serif;



    --primary: #0173B8;

    --secondary: #000000;



    --black: #000000;

    --white: #FFFFFF;



    --textdart: #000000;

    --textlight: #FFFFFF;



    --h1: 110px;

    --h2: 100px;

    --h3: 92px;

    --h4: 72px;

    --h5: 42px;

    --h6: 32px;

    --body: 24px;

    --large: 26px;

    --small: 22px;



    --headingBlack: #000000;

    --headingWhite: #FFFFFF;

    --headingPrimary: #0173B8;



    --btn1bg: #0173B8;

    --btn1text: #FFFFFF;

    --btn1bgh: #33EFA0;

    --btn1texth: #000000;

    --btn1border: #0173B8;

    --btn1borderh: #33EFA0;



    --btn2bg: transparent;

    --btn2text: #000;

    --btn2bgh: #000;

    --btn2texth: #FFF;

    --btn2border: #000;

    --btn2borderh: #000;



    --link_color: #0173B8;

    --link_h_color: #000000;



    --p100: 100px;

	--p90: 90px;

	--p80: 80px;

	--p70: 70px;

	--p60: 60px;

	--p50: 50px;

	--p40: 40px;

}



*,

*:before,

*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

* { padding: 0; margin: 0; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }

.hs-cta-wrapper a.cta_button { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -ms-box-sizing: border-box !important; }

body { padding: 0; margin: 0; overflow-x: hidden; background-color: #fff !important; }

img { max-width: 100%; }

section:not(.video_album_section){ overflow: hidden; }

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.d-inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; }

.align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }



.container { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; float: none; box-sizing: border-box; }




@media (min-width: 1px) {

    .sm_mt30{ margin-top: 30px; }

    .sm_mt25{ margin-top: 25px; }

    .sm_mt20{ margin-top: 20px; }

    .sm_mt15{ margin-top: 15px; }

    .sm_mt10{ margin-top: 10px; }

}



@media (min-width: 576px) {

    .container{ width: 540px; }



    .m_mt30{ margin-top: 30px; }

    .m_mt25{ margin-top: 25px; }

    .m_mt20{ margin-top: 20px; }

    .m_mt15{ margin-top: 15px; }

    .m_mt10{ margin-top: 10px; }

}



@media (min-width: 768px) {

    .container{ width: 714px; }

    

    .t_mt30{ margin-top: 30px; }

    .t_mt25{ margin-top: 25px; }

    .t_mt20{ margin-top: 20px; }

    .t_mt15{ margin-top: 15px; }

    .t_mt10{ margin-top: 10px; }

}



@media (min-width: 992px) {

    .container{ width: 970px; }

    

    .lp_mt30{ margin-top: 30px; }

    .lp_mt25{ margin-top: 25px; }

    .lp_mt20{ margin-top: 20px; }

    .lp_mt15{ margin-top: 15px; }

    .lp_mt10{ margin-top: 10px; }

}



@media (min-width: 1199px) {

    .container{ width: 1170px; }

    

    .l_mt30{ margin-top: 30px; }

    .l_mt25{ margin-top: 25px; }

    .l_mt20{ margin-top: 20px; }

    .l_mt15{ margin-top: 15px; }

    .l_mt10{ margin-top: 10px; }

}



@media (min-width: 1367px) {

    .container{ width: 1230px; }

    .nano_container{ width: 1230px; }

    

    .d_mt30{ margin-top: 30px; }

    .d_mt25{ margin-top: 25px; }

    .d_mt20{ margin-top: 20px; }

    .d_mt15{ margin-top: 15px; }

    .d_mt10{ margin-top: 10px; }

}



@media (min-width: 1441px) {

    .container { width: 1430px; }

    .small_container { width: 1340px; }

    .nano_container{ width: 1230px; }



    .mt30{ margin-top: 30px; }

    .mt25{ margin-top: 25px; }

    .mt20{ margin-top: 20px; }

    .mt15{ margin-top: 15px; }

    .mt10{ margin-top: 10px; }

}



@media (min-width: 1500px) {

    .container { width: 1470px; }

    .medium_container{ width: 1448px; }

    .small_container { width: 1340px; }

    .nano_container{ width: 1230px; }

}



@media (min-width: 1640px) {

    .wide_container { width: 1590px; }

    .small_container { width: 1340px; }

    .nano_container{ width: 1230px; }



    .owner_banner_section .owner_banner_div .content_div .info .title h1{ font-size: 64px; }

}



@media (min-width: 1800px) {

    .ex_wide_container { width: 1794px; }

}

* ---------------- Popup Size Fix ---------------- */
.fancybox-content {
    max-width: 50vw !important;
    max-height: 50vh !important;
}

.fancybox-image, 
.fancybox-video {
    object-fit: contain;
    width: 100% !important;
    height: auto !important;
}
#popupBanner {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  font-family: 'Segoe UI', sans-serif;
  font-style: italic;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

#popupBanner.show {
  opacity: 1;
  visibility: visible;
}

#popupBanner .popup-content {
  position: relative;
  max-width: 500px;
  width: 90%;
  text-align: center;
  transform: scale(0.9);
  transition: transform 0.6s ease;
}

#popupBanner.show .popup-content {
  transform: scale(1);
}

#popupBanner .popup-img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
  opacity: 1; /* 30% transparent */
}

#popupBanner .popup-btn {
  padding: 10px 20px;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  background-color: #4B2E83;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#popupBanner .popup-close {
  position: absolute;
  top: 10px; right: 10px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 30px; height: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* Sticky side button container */
.sticky-side-button {
  position: fixed;
  top: 50%;
  right: -140px; /* half hidden by default */
  transform: translateY(-50%);
  z-index: 1000;
  transition: right 0.4s ease;
}

.sticky-side-button:hover {
  right: 0; /* slide out on hover */
}

/* Button look */
.sticky-side-button .sticky-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #4B2E83; /* brand purple */
  color: #fff;
  padding: 12px 20px;
  border-radius: 30px 0 0 30px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: background 0.3s ease, transform 0.3s ease;
}

/* Hover glow */
.sticky-side-button .sticky-button:hover {
  background: #6c42b8;
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(75,46,131,0.7);
}

/* Text */
.sticky-side-button .sticky-text {
  white-space: nowrap;
  font-size: 14px;
}

/* Gentle pulse animation */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.sticky-side-button .sticky-button {
  animation: pulse 2.5s infinite ease-in-out;
}

/* Animated ring effect */
.play-animated .circle-ring {
  stroke-dasharray: 175;
  stroke-dashoffset: 175;
  animation: drawCircle 2s linear infinite;
  opacity: 0.8;
}

/* Smooth outline drawing animation */
@keyframes drawCircle {
  0% { stroke-dashoffset: 175; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 175; }
}


input, select, textarea, button{ font-family: var(--primary_font); outline: none !important; box-shadow: none !important; }

button{ font-family: var(--secondary_font); background-color: transparent; cursor: pointer; }



body{ font-size: var(--body); font-family: var(--secondary_font) !important; line-height: 1.5em; }

.large{ font-size: var(--large); line-height: 1.67em; }

.small{ font-size: var(--small); line-height: 1.5em; }



.h1, h1 { margin: 0px; font-size: var(--h1); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.2em; }

.h2, h2 { margin: 0px; font-size: var(--h2); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.2em; }

.h3, h3 { margin: 0px; font-size: var(--h3); font-weight: 200; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.45em; }

.h4, h4 { margin: 0px; font-size: var(--h4); font-weight: 600; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.25em; }

.h5, h5 { margin: 0px; font-size: var(--h5); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: normal; }

.h6, h6 { margin: 0px; font-size: var(--h6); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: normal; }

a { color: var(--link_color); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; }

a:hover { color: var(--link_h_color); text-decoration: none; }



ul{ list-style: none; padding: 0; margin: 0; }

ul.icon_list li,

.icon_list ul li{ padding-left: 40px; position: relative; margin-top: 15px; }

ul.icon_list li::before,

.icon_list ul li::before{ content: ""; width: 22px; height: 22px; left: 0; top: 5px; position: absolute; background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.375 12.1251C19.625 15.8751 16.7975 19.4061 12.83 20.1951C10.895 20.5804 8.88769 20.3455 7.09398 19.5237C5.30026 18.7018 3.81155 17.3351 2.83981 15.618C1.86807 13.9008 1.46285 11.9209 1.68184 9.96008C1.90082 7.99926 2.73286 6.15751 4.05947 4.69707C6.78047 1.70007 11.375 0.875069 15.125 2.37507' stroke='%23FDAF05' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.625 10.625L11.375 14.375L20.375 4.625' stroke='%23FDAF05' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / 22px; }



.text-left{ text-align: left; }

.text-center{ text-align: center; }

.text-right{ text-align: right; }



.headingBlack_h1 h1, .headingBlack_h2 h2, .headingBlack_h3 h3, .headingBlack_h4 h4, .headingBlack_h5 h5, .headingBlack_h6 h6{ color: var(--headingBlack); }

.headingWhite_h1 h1, .headingWhite_h2 h2, .headingWhite_h3 h3, .headingWhite_h4 h4, .headingWhite_h5 h5, .headingWhite_h6 h6{ color: var(--headingWhite); }

.headingPrimary_h1 h1, .headingPrimary_h2 h2, .headingPrimary_h3 h3, .headingPrimary_h4 h4, .headingPrimary_h5 h5, .headingPrimary_h6 h6{ color: var(--headingPrimary); }



.black{ color: var(--black); }

.white{ color: var(--white); }



.textdart{ color: var(--textdart); }

.textlight{ color: var(--textlight); }



[class*="button_"] + [class*="button_"]{ margin-left: 30px; }

[class*="button_"] a,

[class*="btn_style_"] a,

[class*="button_"] button,

[class*="btn_style_"] button{ display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 22px; line-height: 1; font-weight: 500; padding: 16px 25px; border-radius: 5px; text-align: center; border: 2px solid }

[class*="button_"] button,

[class*="btn_style_"] button{ cursor: pointer; font-size: 18px; }



[class*="button_"].icon a,

[class*="btn_style_"].icon a,

[class*="button_"].icon button,

[class*="btn_style_"].icon button{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

[class*="button_"].icon a svg,

[class*="btn_style_"].icon a svg,

[class*="button_"].icon button svg,

[class*="btn_style_"].icon button svg{ width: 16px; margin-left: 10px; }



.button_group{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }



.button_div{ margin-top: 30px; }



.button_1 a,

.btn_style_1 a,

.button_1 button,

.btn_style_1 button{ background-color: var(--btn1bg); color: var(--btn1text); border-color: var(--btn1border); }



.button_1 a:hover,

.btn_style_1 a:hover,

.button_1 button:hover,

.btn_style_1 button:hover{ background-color: var(--btn1bgh); color: var(--btn1texth); border-color: var(--btn1borderh); }



.button_2 a,

.btn_style_2 a,

.button_2 button,

.btn_style_2 button{ background-color: var(--btn2bg); color: var(--btn2text); border-color: var(--btn2border); }



.button_2 a:hover,

.btn_style_2 a:hover,

.button_2 button:hover,

.btn_style_2 button:hover{ background-color: var(--btn2bgh); color: var(--btn2texth); border-color: var(--btn2borderh); }



.pt-100{ padding-top: var(--p100); }

.pb-100{ padding-bottom: var(--p100); }

.pt-80{ padding-top: var(--p80); }

.pb-80{ padding-bottom: var(--p80); }

.pt-60{ padding-top: var(--p60); }

.pb-60{ padding-bottom: var(--p60); }

.pt-40{ padding-top: var(--p40); }

.pb-40{ padding-bottom: var(--p40); }



p + p{ margin-top: 15px; }



.banner_section{ padding: 220px 0 270px; position: relative; z-index: 2; }

.banner_section::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(270.06deg, rgba(0, 0, 0, 0) 0.05%, rgba(0, 0, 0, 0.8) 72.78%); z-index: -1; }

.banner_section .banner_content_div .logo_div{ line-height: 0; margin-bottom: 30px; }

.banner_section .banner_content_div .logo_div img{ max-width: 350px; }

.banner_section .banner_content_div .logo_div,

.banner_section .banner_content_div .banner_title,

.banner_section .banner_content_div .banner_content,

.banner_section .banner_content_div .banner_form{ display: inline-block; width: 100%; }

.banner_section .banner_content_div .banner_title{ max-width: 830px; }

.banner_section .banner_content_div .banner_title span{ color: var(--headingPrimary); }

.banner_section .banner_content_div .banner_content{ margin-top: 10px; max-width: 990px; }

.banner_section .banner_content_div .banner_form{ margin-top: 50px; max-width: 780px; }

.banner_section .banner_content_div .banner_form .form_group .input{ width: calc(100% - 150px); }

.banner_section .banner_content_div .banner_form .form_group .input input{ font-size: 14px; background: #fff url(../images/email_icon.svg) no-repeat 20px center / 27px; border-radius: 5px 0 0 5px; width: 100%; height: 60px; padding: 10px 10px 10px 62px; }

.banner_section .banner_content_div .banner_form .form_group .button{ width: 150px; }

.banner_section .banner_content_div .banner_form .form_group .button button{ width: 100%; border-radius: 0 5px 5px 0; padding: 19px 25px; }



.welcome_section{ padding: 120px 0; }

.welcome_section .section_heading{ background: url(../images/simplification_heading_bg.svg) no-repeat center center; }

.welcome_section .section_heading h3 span{ background-color: #33EFA0; }

.welcome_section .audio_slider_wrap{ margin-top: 80px; }

@media(min-width: 992px){

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid{ max-width: 400px; width: 100%; }

}

@media(min-width: 1500px){

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid{ max-width: 450px; width: 100%; }

}

@media(min-width: 1640px){

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid{ max-width: 500px; width: 100%; }

}

@media(min-width: 1701px){

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid{ max-width: 550px; width: 100%; }

}

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card{ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 227 222' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M225.097 88.3223V125.68H218.439L218.398 126.638C218.377 127.14 218.356 127.642 218.334 128.159C216.947 149.592 206.575 167.7 192.682 183.808L192.677 183.812C191.972 184.639 191.267 185.467 190.541 186.319C174.76 204.456 150.186 217.194 126.354 220.309C122.856 220.484 119.369 220.467 115.838 220.411H115.833C113.028 220.38 110.222 220.348 107.349 220.316V187.915C113.47 187.555 113.79 187.537 120.644 187.134L120.7 187.13L120.756 187.12C123.556 186.635 126.116 186.152 128.859 185.372C129.516 185.19 130.172 185.008 130.849 184.821L130.855 184.819L130.863 184.817C142.609 181.369 152.136 175.394 161.403 167.657C162.257 166.977 163.111 166.297 163.99 165.597L164.008 165.583L164.024 165.567C175.669 155.408 180.212 141.026 184.349 126.962L184.727 125.68H96.4629V88.3223H225.097Z' stroke='black' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M120.312 1C123.937 1.0312 126.135 1.85017 130.399 2.87988C132.472 3.38049 134.548 3.86668 136.626 4.34375V4.34473C143.419 5.99263 149.783 8.32122 156.184 11.1934L156.187 11.1953C156.738 11.4406 157.289 11.6849 157.856 11.9375V11.9385C167.786 16.4297 176.232 22.0144 183.874 29.7568C182.658 32.3564 180.734 34.6953 178.5 36.8877C176.086 39.257 173.397 41.3786 170.915 43.4863L170.913 43.4873C167.358 46.5203 164.327 49.9558 161.352 53.4355C159.007 52.3025 156.907 50.8612 154.678 49.2998L154.675 49.2979L153.862 48.7393C136.751 37.1194 117.445 32.6303 96.8301 35.7061L96.8066 35.71L96.7832 35.7148C77.5068 39.5447 58.515 50.1223 47.25 66.6855L47.2441 66.6943L47.2393 66.7021C39.7207 78.2454 35.1014 90.2315 33.4453 103.907H1.00098C1.00138 96.2926 1.00958 92.4362 1.21289 89.8174C1.41987 87.1517 1.82382 85.8072 2.68457 82.9531L2.6875 82.9443L2.68945 82.9355C2.8746 82.2805 3.06021 81.6251 3.25098 80.9502L3.25 80.9492C5.2102 74.3126 7.89896 68.0546 10.9473 61.8008L10.9502 61.7949C11.5391 60.5672 11.5431 60.5598 12.1367 59.3223C17.0307 49.7417 24.2667 41.4595 31.7109 33.5781L31.7188 33.5693C32.3486 32.8858 32.9792 32.2021 33.6279 31.498C47.8918 16.5361 66.2449 8.6759 86.1758 3.62793C88.8792 2.9668 89.5067 2.86213 91.3447 1.97852C94.6037 1.0499 97.5342 0.992483 101.059 1.01074H101.065C101.752 1.00914 102.44 1.00751 103.147 1.00586C104.592 1.00473 106.037 1.00764 107.482 1.01465H107.483C109.693 1.02363 111.9 1.0146 114.104 1.00391C115.514 1.00501 116.923 1.00746 118.332 1.01074H118.34C119.318 1.00568 119.321 1.00513 120.312 1Z' stroke='black' stroke-opacity='0.1' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: 220px; padding: 90px; border: 2px solid #000; border-radius: 20px; text-align: center; width: calc(100% - 10px); margin: 0 5px; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button{ display: inline-block; width: 50px; height: 50px; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a,

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a svg{ width: 100%; height: 100%; line-height: 0; display: inline-block; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a{ position: relative; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a.active svg.play,

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a:not(.active) svg.pause{ display: none; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a:not(:hover){ color: var(--link_h_color); }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button a:hover{ color: var(--link_color); }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .title h5{ font-weight: normal; margin-top: 0; }

.welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .language{ text-transform: uppercase; }

.welcome_section .audio_slider_wrap .audio_slider_arrows{ margin-top: 80px; gap: 20px; }

.welcome_section .audio_slider_wrap .audio_slider_arrows .slick-arrow{ background: #FFFFFF; border: 1px solid #191825; border-radius: 50%; width: 63px; height: 63px; transition: 0.4s ease all; }

.welcome_section .audio_slider_wrap .audio_slider_arrows .slick-arrow svg{ width: 12px; }

.welcome_section .audio_slider_wrap .audio_slider_arrows .slick-arrow:hover{ background-color: var(--btn1bg); border-color: var(--btn1bg); color: var(--btn1text); }



.image_content_section{ background-color: #F8F8F8; padding: 100px 0; position: relative; z-index: 2; }

.image_content_section .hand_image{ position: absolute; top: 70px; left: 70px; z-index: -1; }

.image_content_section .left,

.image_content_section .right{ width: 50%; padding: 0 15px; }

.image_content_section .section_heading{ max-width: 625px; }

.image_content_section .section_heading h4 span{ color: var(--headingPrimary); }

.image_content_section .section_heading .content{ display: inline-block; width: 100%; margin-top: 20px; }



.video_section{ padding: 120px 0; position: relative; z-index: 2; }

.video_section .text_img{ position: absolute; top: 50%; left: 6.5%; z-index: -1; transform: translate(0%, -50%); }

.video_section .section_heading{ max-width: 1100px; display: block; margin: 0 auto; }

.video_section .section_heading .content{ display: inline-block; width: 100%; margin-top: 10px; }

.video_section .video_card_wrap{ max-width: 81.5%; display: block; margin: 30px auto 0; }

.video_section .video_card_wrap .video_card{ display: inline-block; width: 100%; background: #FFFFFF; box-shadow: 0px 16.08px 40px rgba(0, 0, 0, 0.36), 0px 0px 11.5391px rgba(0, 0, 0, 0.07); border-radius: 23px; line-height: 0; overflow: hidden; }

.video_section .video_card_wrap .video_card .screen_div{ position: relative; }

.video_section .video_card_wrap .video_card .screen_div img{ width: 100%; }

.video_section .video_card_wrap .video_card .screen_div .play_button{ line-height: 0; width: 70px; height: 71px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.video_section .video_card_wrap .video_card .screen_div .play_button a,

.video_section .video_card_wrap .video_card .screen_div .play_button a svg{ width: 100%; height: 100%; }



footer.footer .footer_form_wrap{ padding: 210px 0; background: url(../images/footer_form_bg.jpg) no-repeat center center / cover; }

footer.footer .footer_form_wrap .section_heading h2 span{ color: var(--headingPrimary); }

footer.footer .footer_form_wrap .footer_form{ margin: 20px auto 0; max-width: 975px; width: 100%; }

footer.footer .footer_form_wrap .footer_form .form_group .input{ width: calc(100% - 150px); }

footer.footer .footer_form_wrap .footer_form .form_group .input input{ font-size: 14px; background: #fff url(../images/footer_email_icon.svg) no-repeat 20px center / 27px; border-radius: 5px 0 0 5px; width: 100%; height: 70px; padding: 10px 10px 10px 62px; border: 1px solid #000; }

footer.footer .footer_form_wrap .footer_form .form_group .button{ width: 150px; }

footer.footer .footer_form_wrap .footer_form .form_group .button button{ width: 100%; border-radius: 0 5px 5px 0; padding: 24px 10px; }



footer.footer .footer_copyright_wrap{ border-top: 1px solid #000; padding: 25px 0; }

footer.footer .footer_copyright_wrap .social_media ul li,

footer.footer .footer_copyright_wrap .social_media ul li a{ display: inline-block; line-height: 0; }

footer.footer .footer_copyright_wrap .social_media ul li + li{ margin-left: 20px; }

footer.footer .footer_copyright_wrap .copyright{ font-size: 18px; }
footer.footer .footer_copyright_wrap .social_media ul li a img{ width: 30px; }



footer.footer .footer_full_logo{ text-align: center; }
footer.footer .footer_full_logo,
footer.footer .footer_full_logo img{ line-height: 0; width: 100%; }
footer.footer .footer_full_logo img{ max-width: 900px; }



header.main_header{ padding: 40px 0; position: fixed; top: 0; width: 100%; z-index: 9999; }

header.main_header .left{ width: 390px; padding: 0 15px; }

header.main_header .right{ width: calc(100% - 390px); padding: 0 15px; }



header.main_header .logo,

header.main_header .logo a{ display: inline-block; width: 100%; line-height: 0; }

header.main_header .menubtn_div{ width: 40px; display: inline-block; line-height: 0; }

header.main_header .menubtn_div .menu_button { cursor: pointer; width: 40px; height: 40px; background: none; position: relative; } 

header.main_header .menubtn_div .menu_button .menu_icons { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%); }

header.main_header .menubtn_div .menu_button.active .menu_icons.open_icon, 

header.main_header .menubtn_div .menu_button .menu_icons.close_icon { opacity: 0; visibility: hidden; }

header.main_header .menubtn_div .menu_button.active .menu_icons.close_icon { opacity: 1; visibility: visible; }

header.main_header .menubtn_div .menu_button .menu_icons svg { fill: #fff; width: 100%; height: 100%; }



header.main_header .navigation_div ul li a:not(:hover){ color: var(--link_h_color); }
header.main_header .navigation_div ul li a:hover{ color: var(--link_color); }

@media(min-width: 1367px){
    header.main_header .navigation_div ul li a{ font-size: 20px; }
}

@media(min-width: 992px){

    header.main_header.white:not(.scrolled) .navigation_div ul li a:not(:hover){ color: var(--white); }

    header.main_header.white:not(.scrolled) .logo img{ filter: brightness(250); }
    .home header.main_header.white:not(.scrolled) .logo img{ opacity: 0; visibility: hidden; }
    
    header.main_header .navigation_div ul li a{ font-size: 18px; }

}

header.main_header{ transition: all 0.3s ease; background: transparent; }

header.main_header.scrolled { padding: 15px 0; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }



.about_banner_section{ padding: 220px 0 140px; }

.about_banner_section .left{ width: 47%; padding: 0 15px; }

.about_banner_section .right{ width: 53%; padding: 0 15px; }

.about_banner_section .content_div{ max-width: 710px; }

.about_banner_section .content_div .title,

.about_banner_section .content_div .content{ display: inline-block; width: 100%; }

.about_banner_section .content_div .title{ margin-bottom: 15px; }

.about_banner_section [class*="button_"].icon a{ min-width: 220px; }

.about_banner_section .image_div{ position: relative; padding: 56px 42px 56px 62px; z-index: 2; }

.about_banner_section .image_div .img_slider{ background: #FFFFFF; box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.13); border-radius: 20px; overflow: hidden; }

.about_banner_section .image_div .img_shape .shape{ position: absolute; z-index: -1; }

.about_banner_section .image_div .img_shape .shape svg{ width: 100%; }

.about_banner_section .image_div .img_shape .shape_1{ width: 40%; top: 166px; left: 0; }

/* .about_banner_section .image_div .img_shape .shape_1 svg{ width: 368px; } */

.about_banner_section .image_div .img_shape .shape_2{ width: 32.7%; top: 0; right: 0; }

/* .about_banner_section .image_div .img_shape .shape_2 svg{ width: 301px; } */

.about_banner_section .image_div .img_shape .shape_3{ width: 26%; bottom: 0; right: 0; }

/* .about_banner_section .image_div .img_shape .shape_3 svg{ width: 238px; } */



.about_banner_section .image_div .img_shape .shape_1{ animation: shapeAnimateRotate linear 10s; animation-iteration-count: infinite; -webkit-animation: shapeAnimateRotate linear 10s; -webkit-animation-iteration-count: infinite; -moz-animation: shapeAnimateRotate linear 10s; -moz-animation-iteration-count: infinite; -o-animation: shapeAnimateRotate linear 10s; -o-animation-iteration-count: infinite; -ms-animation: shapeAnimateRotate linear 10s; -ms-animation-iteration-count: infinite; }

.about_banner_section .image_div .img_shape .shape_2,

.about_banner_section .image_div .img_shape .shape_3{ animation: shapeUpDown linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: shapeUpDown linear 4s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: shapeUpDown linear 4s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: shapeUpDown linear 4s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: shapeUpDown linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; }

@keyframes shapeUpDown{

  0% { transform:  translate(1px,20px);  }

  24% { transform:  translate(1px,30px);  }

  50% { transform:  translate(1px,12px);  }

  74% { transform:  translate(1px,22px);  }

  100% { transform:  translate(1px,22px);  }

}

@-moz-keyframes shapeUpDown{

  0% { -moz-transform:  translate(1px,20px); }

  24% { -moz-transform:  translate(1px,30px); }

  50% { -moz-transform:  translate(1px,12px); }

  74% { -moz-transform:  translate(1px,22px); }

  100% { -moz-transform:  translate(1px,22px); }

}

@-webkit-keyframes shapeUpDown {

  0% { -webkit-transform:  translate(1px,20px); }

  24% { -webkit-transform:  translate(1px,30px); }

  50% { -webkit-transform:  translate(1px,12px); }

  74% { -webkit-transform:  translate(1px,22px); }

  100% { -webkit-transform:  translate(1px,22px); }

}

@-o-keyframes shapeUpDown {

  0% { -o-transform:  translate(1px,20px); }

  24% { -o-transform:  translate(1px,30px); }

  50% { -o-transform:  translate(1px,12px); }

  74% { -o-transform:  translate(1px,22px); }

  100% { -o-transform:  translate(1px,22px); }

}

@-ms-keyframes shapeUpDown {

  0% { -ms-transform:  translate(1px,20px); }

  24% { -ms-transform:  translate(1px,30px); }

  50% { -ms-transform:  translate(1px,12px); }

  74% { -ms-transform:  translate(1px,22px); }

  100% { -ms-transform:  translate(1px,22px); }

}

@keyframes shapeAnimateRotate{

 0%{

    transform: rotate(0deg);

   }

100%{

    transform: rotate(360deg);

   }

}



.softwear_info_section{ padding: 110px 0 140px; }

.softwear_info_section .section_heading .content{ display: inline-block; width: 100%; margin-top: 40px; }

.softwear_info_section .softwear_info_list{ margin-top: 150px; }

.softwear_info_section .softwear_info_list .left{ width: 75%; padding: 0 15px; }

.softwear_info_section .softwear_info_list .right{ width: 25%; padding: 0 15px; }

.softwear_info_section .softwear_info_list .left > .row > .inn-left{ width: 33.33%; padding: 0 15px; }

.softwear_info_section .softwear_info_list .left > .row > .inn-right{ width: calc(100% - 33.33%); gap: 30px 0; }

.softwear_info_section .softwear_info_list .left > .row > .inn-right .info_card{ padding: 0 15px; width: 50%; }

.softwear_info_section .softwear_info_list .left > .row > .inn-right .info_card:last-child{ width: 100%; }

.softwear_info_section .softwear_info_list .info_card,

.softwear_info_section .softwear_info_list .info_card img{ line-height: 0; width: 100%; }

.softwear_info_section .softwear_info_list .left > .row + .info_card,

.softwear_info_section .softwear_info_list .right .info_card + .info_card{ margin-top: 30px; }



.language_list_section{ padding: 60px 0; }

.language_list_section .left,

.language_list_section .right{ width: 50%; padding: 0 15px; }

.language_list_section .language_list .list{ gap: 20px 30px; }

.language_list_section .language_list .list li{ line-height: 0; }

/* .language_list_section .language_list .list li + li{ margin-left: 50px; } */



.started_cta_section{ padding: 160px 0; }

.started_cta_section .content{ display: inline-block; width: 100%; margin-top: 20px; color: #929292; }

.started_cta_section .content h6{ font-weight: 600; }



.album_banner_section{ padding: 200px 0 130px; }

.album_banner_section .left{ width: 41.5%; padding: 0 15px; }

.album_banner_section .right{ width: 58.5%; padding: 0 15px; }



.album_banner_section .main_title{ margin-bottom: 60px; }

.album_banner_section .outline_text{ font-weight: 600; font-size: 9.5vw; line-height: 1; background: -webkit-linear-gradient(45deg, #7696FF 5%, #F6B8FF 53%, #7696FF 91%); -webkit-background-clip: text; -webkit-text-stroke: 4px transparent; margin-bottom: 45px; }

.album_banner_section .main_album{ border-radius: 30px; overflow: hidden; }

.album_banner_section .main_album,

.album_banner_section .main_album img{ width: 100%; line-height: 0; }

.album_banner_section .right > .row{ gap: 30px 0; }

.album_banner_section .album_col{ width: 50%; padding: 0 15px; }

.album_banner_section .album_card{ background-color: #1D1D1D; border-radius: 22px; overflow: hidden;  }

.album_banner_section .album_card .image{ line-height: 0; width: 240px; }

.album_banner_section .album_card .name{ width: calc(100% - 240px); padding: 35px 26px; }

.album_banner_section .album_card .name h6{ font-weight: 500; color: #CFCFCF; }



.fw_content_section{ padding: 110px 0; background: url(../images/simplification_heading_bg.svg) no-repeat center center; }

.fw_content_section .section_heading .small_title{ margin-bottom: 10px; }

.fw_content_section .section_heading .small_title h6{ font-weight: 600; }

.fw_content_section .section_heading .main_title{ margin-bottom: 40px; }

.fw_content_section .content{ font-size: 52px; line-height: normal; font-weight: 300; }

.fw_content_section .content span{ background-color: #FFE58F; padding: 0px 10px; }



.spacial_offer_section{ padding: 130px 0; }

.spacial_offer_section .left,

.spacial_offer_section .right{ width: 50%; padding: 0 15px; }

.spacial_offer_section .section_heading .small_title{ margin-bottom: 10px; }

.spacial_offer_section .section_heading .main_title{ margin-bottom: 10px; }

.spacial_offer_section .section_heading .content ul{ margin-top: 10px; }

.spacial_offer_section .section_heading .content ul li{ position: relative; padding-left: 40px; }

.spacial_offer_section .section_heading .content ul li::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 30px; height: 30px; left: 0; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 31 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7878 11.2755L19.7093 1.19697C19.5417 1.02948 19.2897 0.979389 19.0708 1.06996C18.8519 1.16065 18.7092 1.37424 18.7092 1.61121V5.16954L14.7365 1.19697C13.7857 0.246154 12.2384 0.246212 11.2875 1.19703L1.20902 11.2755C0.752418 11.7322 0.500977 12.3446 0.500977 13.0001C0.500977 13.6555 0.752418 14.2681 1.20902 14.7247L11.2876 24.8033C11.763 25.2787 12.3876 25.5164 13.0121 25.5164C13.6367 25.5164 14.2612 25.2787 14.7367 24.8033L18.7092 20.8307V24.3889C18.7092 24.6259 18.852 24.8395 19.0709 24.9302C19.1433 24.9602 19.2195 24.9748 19.295 24.9748C19.4474 24.9748 19.5972 24.9153 19.7093 24.8032L29.7878 14.7246C30.7387 13.7737 30.7387 12.2265 29.7878 11.2755ZM13.9081 23.9747C13.4225 24.4605 12.6018 24.4604 12.1161 23.9747L2.03757 13.8961C1.80224 13.6608 1.67265 13.3426 1.67265 13.0001C1.67265 12.6575 1.80224 12.3394 2.03757 12.104L12.1161 2.02552C12.359 1.78263 12.6855 1.66125 13.0121 1.66125C13.3387 1.66125 13.6653 1.78263 13.9081 2.02546L23.9867 12.104C24.222 12.3394 24.3516 12.6575 24.3516 13.0001C24.3516 13.3426 24.222 13.6608 23.9867 13.8961L13.9081 23.9747ZM28.9593 13.8961L19.8808 22.9746V19.659L24.8152 14.7246C25.2718 14.268 25.5233 13.6555 25.5233 13C25.5233 12.3445 25.2718 11.732 24.8152 11.2754L19.8808 6.34109V3.02554L28.9593 12.104C29.445 12.5897 29.445 13.4105 28.9593 13.8961Z' fill='%230173B8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.8584 12.9998L13.0088 6.84936L19.1592 12.9998L13.0088 19.1501L6.8584 12.9998Z' fill='%230173B8'/%3E%3C/svg%3E%0A") no-repeat center center / 30px;}

.spacial_offer_section .section_heading .content ul li + li{ margin-top: 5px; }

.spacial_offer_section .section_heading .button_1 { margin-top: 30px; width: auto; }

.spacial_offer_section .section_heading .button_1 a{ display: inline-flex; background-color: var(--btn2borderh); color: var(--btn2texth); border-color: var(--btn2border); }

.spacial_offer_section .section_heading .button_1 a:hover{ background-color: var(--btn2bg); color: var(--btn2text); }

.spacial_offer_section .image{ position: relative; display: inline-block; padding: 30px 50px 45px 30px; z-index: 2; }

.spacial_offer_section .image .animate_shapes .shape{ z-index: -1; position: absolute; width: 160px; height: 160px; border-radius: 50%; }

.spacial_offer_section .image .animate_shapes .shape_1{ background-color: #33EFA0; left: 0; top: 0; animation: shapeUpDown linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: shapeUpDown linear 4s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: shapeUpDown linear 4s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: shapeUpDown linear 4s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: shapeUpDown linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; }

.spacial_offer_section .image .animate_shapes .shape_2{ background-color: #FFAFF7; right: 0; bottom: 30px; animation: shapeUpDown linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: shapeUpDown linear 4s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: shapeUpDown linear 4s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: shapeUpDown linear 4s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: shapeUpDown linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; }



.how_works_section{ padding: 150px 0; }

.how_works_section .left_col{ max-width: 70%; padding: 0 15px; }

.how_works_section .right_col{ max-width: 30%; padding: 0 15px; }

.how_works_section .journey_list .journey_col{ padding: 0 15px; width: calc(100% / 4); margin-top: 40px; }

.how_works_section .journey_list .journey_card{ background: #1D1D1D; border-radius: 20px; position: relative; z-index: 2; text-align: center; height: 100%; padding: 60px 75px; }

.how_works_section .journey_list .journey_card::before{ content: ""; width: 265px; height: 265px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: linear-gradient(90deg, #043C9A 0%, #8C67B2 44.49%, #043C9A 95.67%); opacity: 0.39; filter: blur(90.7326px); z-index: -1; }

.how_works_section .journey_list .journey_card .title h6{ color: #9AD9FF; font-weight: 500; }

.how_works_section .journey_list .journey_card .text{ color: #CFCFCF; line-height: normal; margin-top: 5px; }



.fw_content_btn_section{ padding: 120px 0; }

.fw_content_btn_section .section_heading .main_title{ margin-bottom: 15px; }

.fw_content_btn_section .section_heading .main_title h2 span{ color: var(--primary); }

.fw_content_btn_section .section_heading .content{ color: #3C3C3C; font-size: 42px; line-height: normal; font-weight: 400; }

.fw_content_btn_section .section_heading [class*="button_"].icon a{ font-size: 18px; min-width: 280px; }



.owner_banner_section{ position: relative; z-index: 2; }

.owner_banner_section .banner_slider{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* .owner_banner_section .banner_slider .slick-list,

.owner_banner_section .banner_slider .slick-list .slick-track{ width: 100%; height: 100%; }

.owner_banner_section .banner_slider .banner_slid,

.owner_banner_section .banner_slider .banner_slid img{ line-height: 0; width: 100%; height: 100%; overflow: hidden; }

.owner_banner_section .banner_slider .banner_slid img{ object-fit: cover; } */

.owner_banner_section .banner_slider .slide{ line-height: 0; width: 100%; height: 100%; overflow: hidden; object-fit: cover; }

.owner_banner_section .banner_slider .slide { position: absolute; top: 0; left: 0; opacity: 0; filter: grayscale(100%); transition: opacity 2s ease-in-out, filter 4s ease-in-out, transform 10s ease; transform: scale(1); }

.owner_banner_section .banner_slider .slide.visible { opacity: 1; }

.owner_banner_section .banner_slider .slide.color { filter: grayscale(0%); transform: scale(1.05); /* Ken Burns zoom */ }

.owner_banner_section .banner_slider .slide.color::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.1); pointer-events: none; }



.owner_banner_section .owner_banner_div{ padding: 40px 0; min-height: 100vh; }

.owner_banner_section .owner_banner_div .content_div{ max-width: 40%; width: 100%; }

.owner_banner_section .owner_banner_div .content_div .info .title,

.owner_banner_section .owner_banner_div .content_div .info .subtitle{ margin-bottom: 20px; }

.owner_banner_section .owner_banner_div .content_div .info .title h1{ font-family: "Bungee Shade", sans-serif; color: var(--headingWhite); }

.owner_banner_section .owner_banner_div .content_div .info .subtitle h6{ font-size: var(--body); font-weight: 600; color: #8EFFBB; text-transform: uppercase; }

.owner_banner_section .owner_banner_div .content_div .info .content{ color: #CECECE; font-size: var(--small); line-height: normal; }

.owner_banner_section .owner_banner_div .audio_div{ margin-top: 30px; }

.owner_banner_section .owner_banner_div .audio_div .toggle-play{ position: relative; margin-bottom: 30px; }

.owner_banner_section .owner_banner_div .audio_div .toggle-play .play_icon{ cursor: pointer; width: 50px; height: 50px; }

.owner_banner_section .owner_banner_div .audio_div .toggle-play .play_icon svg{ position: absolute; left: 0; top: 0; width: 50px; height: 50px; }

.owner_banner_section .owner_banner_div .audio_div .toggle-play .play_icon .pause,

.owner_banner_section .owner_banner_div .audio_div .toggle-play.pause .play_icon .play{ display: none; }

.owner_banner_section .owner_banner_div .audio_div .toggle-play.pause .play_icon .pause{ display: inline; }

.owner_banner_section .owner_banner_div .audio_div .audio-player .timeline{ background-color: #fff; width: 100%; height: 5px; position: relative; cursor: pointer; }

.owner_banner_section .owner_banner_div .audio_div .audio-player .timeline .progress{ background: #0173B8; width: 0%; height: 100%; transition: 0.25s; }

.owner_banner_section .owner_banner_div .audio_div .audio-player .controls { font-size: 18px; line-height: normal; margin-top: 10px; color: #FFF; display: flex; justify-content: space-between; gap: 10px; }

.owner_banner_section .owner_banner_div .audio_div .audio-player .controls > * { display: flex; justify-content: center; align-items: center; }



.owner_banner_section .owner_banner_div .content_div .button_group{ margin-top: 20px; }

.owner_banner_section .owner_banner_div .content_div .button_group a{ font-size: 18px; min-width: 300px; color: var(--btn2texth); border-color: var(--btn2texth); }

.owner_banner_section .owner_banner_div .content_div .button_group a:hover{ background-color: var(--btn2texth); color: var(--btn1texth); }

.owner_banner_section .owner_banner_div .content_div .button_group a:not(:hover) svg{ color: #8EFFBB; }



.owner_banner_section .owner_banner_div .content_div .social_media{ margin-top: 20px; }

.owner_banner_section .owner_banner_div .content_div .social_media ul{ gap: 20px; }

.owner_banner_section .owner_banner_div .content_div .social_media ul li,

.owner_banner_section .owner_banner_div .content_div .social_media ul li a{ display: inline-block; line-height: 0; }

.owner_banner_section .owner_banner_div .content_div .social_media ul li a:not(:hover){ color: var(--textlight); }

.owner_banner_section .owner_banner_div .content_div .social_media ul li a:hover{ color: #8EFFBB; }

.owner_banner_section .owner_banner_div .content_div .social_media ul li a svg{ height: 30px; }



/* .audio-player .controls .time { display: flex; }

.audio-player .controls .time > * { padding: 2px; }

.audio-player .controls .volume-container { cursor: pointer; position: relative; z-index: 2; }

.audio-player .controls .volume-container .volume-button { height: 26px; display: flex; align-items: center; }

.audio-player .controls .volume-container .volume-button .volume { transform: scale(0.7); }

.audio-player .controls .volume-container .volume-slider { position: absolute; left: -3px; top: 15px; z-index: -1; width: 0; height: 15px; background: white; box-shadow: 0 0 20px #000a; transition: 0.25s; }

.audio-player .controls .volume-container .volume-slider .volume-percentage { background: coral; height: 100%; width: 75%; }

.audio-player .controls .volume-container:hover .volume-slider { left: -123px; width: 120px; } */



body.owner .section_heading{ margin-bottom: 70px; }

body.owner .section_heading h2{ text-transform: uppercase; font-family: 'Microgramma D'; }

.music_album_list_section .music_album_list .card .content{ border-radius: 20px; position: relative; z-index: 2; border: 2px solid #000000; box-shadow: -7px 7px 0px #000000; padding: 50px; }

.music_album_list_section .music_album_list .card .content .image{ border: 3px solid #000000; border-radius: 20px; line-height: 0; overflow: hidden; }

.music_album_list_section .music_album_list .card .content .image img{ width: 100%; }

.music_album_list_section .music_album_list .card .content .album_btn{ display: inline-block; text-align: center; width: 100%; margin-top: 20px; }

.music_album_list_section .music_album_list .card .content .album_btn a{ border-radius: 10px; position: relative; z-index: 2; box-shadow: -4px 4px 0px #000000; padding: 5px 20px; background-color: #fff; font-size: 24px; font-weight: 500; color: var(--black); display: inline-block; min-width: 240px; }

.music_album_list_section .music_album_list .card .content .album_btn a:hover{ background-color: var(--btn1bg); color: var(--btn1text); }

/* .music_album_list_section .music_album_list .card .content::before{ content: ""; position: absolute; left: -7px; top: -7px; right: 0; bottom: 0; background-color: #000; z-index: -1; border-radius: 20px; } */



.golden_moments_section .golden_moments_slider .golden_moments_slid{ padding: 0 15px; }

/* .golden_moments_section .golden_moments_slider .slick-arrow{ position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; z-index: 9999; font-size: 0; width: 40px; height: 40px; border-radius: 50%; }
.golden_moments_section .golden_moments_slider .slick-prev{ left: 0; }
.golden_moments_section .golden_moments_slider .slick-next{ right: 0; } */


.golden_moments_section .gm_slider_arrows{ margin-top: 30px; gap: 20px; }
.golden_moments_section .gm_slider_arrows .slick-arrow{ background: #FFFFFF; border: 1px solid #191825; border-radius: 50%; width: 63px; height: 63px; transition: 0.4s ease all; }
.golden_moments_section .gm_slider_arrows .slick-arrow svg{ width: 12px; }
.golden_moments_section .gm_slider_arrows .slick-arrow:hover{ background-color: var(--btn1bg); border-color: var(--btn1bg); color: var(--btn1text); }

.golden_moments_section .golden_moments_slider .golden_moments_slid .gm_img{ z-index: 2; display: inline-block; line-height: 0; width: 100%; position: relative; }

.golden_moments_section .golden_moments_slider .golden_moments_slid .gm_img::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/gm_slider_active_img.svg) no-repeat center center / cover; z-index: -1; opacity: 0; visibility: hidden; transition: 0.4s ease all; }

.golden_moments_section .golden_moments_slider .golden_moments_slid .gm_img img{ border-radius: 20px; transform: scale(1); transition: 0.4s ease all; }

.golden_moments_section .golden_moments_slider .golden_moments_slid.slick-current .gm_img img{  border-radius: 10px; transform: scale(0.90); }

.golden_moments_section .golden_moments_slider .golden_moments_slid.slick-current .gm_img::before{ opacity: 1; visibility: visible; }

.golden_moments_section .golden_moments_slider .slick-dots{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; margin-top: 50px; gap: 10px; }

.golden_moments_section .golden_moments_slider .slick-dots li,

.golden_moments_section .golden_moments_slider .slick-dots li button{ line-height: 0; font-size: 0; }

.golden_moments_section .golden_moments_slider .slick-dots li button{ width: 50px; height: 8px; border-radius: 6px; background-color: #fff; }

.golden_moments_section .golden_moments_slider .slick-dots li.slick-active button{ height: 13px; background-color: #3275C6; opacity: 0.8; }



.video_album_list_section .video_album_slider { height: 80vh; perspective: 150vw; } 

.video_album_list_section .video_album_slider .root { height: 100%; transform-style: preserve-3d; }

.video_album_list_section .video_album_slider .root .slide { width: 56vw; aspect-ratio: 1.75; position: absolute; top: calc(50% - 14vw); /* Not exactly half to center with perspective */ left: calc(50% - 30vw); }

.video_album_list_section .video_album_slider .root .slide .content .w-video iframe{ border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.video_album_list_section .video-sticky { width: 100%; height: 80vh; position: sticky; top: 0; }

.video_album_list_section .video_album_slider .root .slide .content { background-color: #e49f51; border-radius: 0; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; display: flex; position: relative; overflow: visible; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; overflow: hidden; }

.video_album_list_section .video_album_slider .root .slide .content .video { pointer-events: none; width: 100%; height: 100%; }

.video_album_list_section .video_album_slider .root .slide:nth-child(3n + 1) .content{ border: 2px solid #91FF9C; }

.video_album_list_section .video_album_slider .root .slide:nth-child(3n + 2) .content{ border: 2px solid #FFFFFF; }

.video_album_list_section .video_album_slider .root .slide:nth-child(3n) .content{ border: 2px solid #FFA9A9; }



.contactus_section{ padding-top: 200px; }

.contactus_section .left{ width: 39%; padding: 0 15px; }

.contactus_section .right{ width: 61%; padding: 0 15px; }

.contactus_section .banner_content_div{ padding-top: 140px; position: relative; height: 100%; }

.contactus_section .banner_content_div .microphone-img{ z-index: -1; position: absolute; right: 100px; bottom: 0; }

.contactus_section .banner_content_div .banner_title h1 span{ color: var(--primary); }

.contactus_section .banner_content_div .banner_form{ margin: 20px auto 0; max-width: 975px; width: 100%; }

.contactus_section .banner_content_div .banner_form .form_group .input{ width: calc(100% - 150px); }

.contactus_section .banner_content_div .banner_form .form_group .input input{ font-size: 14px; background: #fff url(../images/footer_email_icon.svg) no-repeat 20px center / 27px; border-radius: 5px 0 0 5px; width: 100%; height: 70px; padding: 10px 10px 10px 62px; border: 1px solid #000; }

.contactus_section .banner_content_div .banner_form .form_group .button{ width: 150px; }

.contactus_section .banner_content_div .banner_form .form_group .button button{ width: 100%; border-radius: 0 5px 5px 0; padding: 24px 10px; }

.contactus_section .banner_content_div .button_group [class*="button_"].icon a{ min-width: 185px; font-size: 18px; font-weight: 500; }

.contactus_section .banner_content_div .button_group .button_2 a{ border-color: var(--btn2border); background-color: var(--btn2bgh); color: var(--btn2texth); }

.contactus_section .banner_content_div .button_group .button_2 a:hover{ background-color: var(--btn1bg); border-color: var(--btn1border); }

.contactus_section .banner_image{ padding: 55px 0 130px 75px; position: relative; }

.contactus_section .banner_image .text_img{ position: absolute; top: 10px; right: 0; z-index: -1; }

.contactus_section .banner_image .shape{ position: absolute; top: 0; left: 20px; z-index: -1; width: 145px; height: 145px; border-radius: 50%; background-color: #33EFA0; opacity: 0.1; }

.contactus_section .banner_image .img{ overflow: hidden; border: 2px solid #000000; border-radius: 20px; }

.contactus_section .banner_image .img,

.contactus_section .banner_image .img img{ width: 100%; line-height: 0; }

.contactus_section .banner_image .small_image{ position: absolute; left: -200px; bottom: 65px; max-width: 45%; border-radius: 10px; overflow: hidden; box-shadow: -3.74183px 5.98693px 8.98039px rgba(0, 0, 0, 0.15); border-radius: 10.9438px; transform: rotate(-14.42deg); } 

.contactus_section .banner_image .small_image,

.contactus_section .banner_image .small_image img{ line-height: 0; width: 100%; }



@media(min-width: 768px){

    .video_album_section .mobile-videos-container{ display: none; }

}

@media(min-width: 992px){

    header.main_header .menubtn_div{ display: none; }

    

    header.main_header .navigation_div ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

    header.main_header .navigation_div ul li + li{ }
    header.main_header .navigation_div ul li + li::before{ content: '/'; display: inline; margin: 0 15px 0 25px; }

    header.main_header .navigation_div ul li{ padding: 22.5px 0; }

    header.main_header .button_group [class*="button_"] a{ width: 120px; }

}



@media (max-width: 1799px) {

    .owner_banner_section .owner_banner_div .content_div .info .title h1{ font-size: 52px; }

}



@media (max-width: 1799px) {

    .contactus_section .left{ width: 45%; }

    .contactus_section .right{ width: 55%; }

}



@media (max-width: 1639px) {

    :root{

        --h1: 92px;

        --h2: 72px;

        --h3: 62px;

        --h4: 52px;

        --h5: 42px;

        --h6: 32px;

        --body: 22px;

        --large: 24px;

        --small: 20px;

    }



    .banner_section { padding: 200px 0 150px; }



    .welcome_section { padding: 100px 0; }

    .welcome_section .section_heading{ background-size: contain; max-width: 1000px; margin: 0 auto; }



    .image_content_section .hand_image img{ width: 85%; }



    .video_section { padding: 100px 0; }

    .video_section .text_img { left: 4.5%; }    



    footer.footer .footer_form_wrap { padding: 170px 0; }



    .album_banner_section .left { width: 38%; }

    .album_banner_section .right { width: 62%; }

    .album_banner_section .outline_text{ font-size: 8.8vw; margin-bottom: 30px; }

    .album_banner_section .album_card .image{ width: 170px; }

    .album_banner_section .album_card .name { width: calc(100% - 170px); padding: 25px 20px; }

}



@media (max-width: 1499px) {

    .video_section .section_heading { max-width: 75%; }

    .video_section .video_card_wrap { max-width: 75%; }



    header.main_header { padding: 15px 0; }
    header.main_header .left{ width: 250px; }
    header.main_header .right{ width: calc(100% - 250px); }
    header.main_header .navigation_div ul li { padding: 10px 0; }



    .banner_section { padding: 150px 0 100px; }



    .about_banner_section { padding: 150px 0 100px; }

    .about_banner_section .image_div { padding: 35px 30px 35px 40px; } 

    .about_banner_section .image_div .img_shape .shape_1 { width: 30%; }



    .softwear_info_section { padding: 100px 0; }

    .softwear_info_section .softwear_info_list{ margin-top: 80px; }



    .started_cta_section { padding: 100px 0; }

    .album_banner_section .outline_text{ font-size: 7.5vw; }



    /* .owner_banner_section .owner_banner_div .content_div { max-width: 740px; } */

    .owner_banner_section .owner_banner_div .content_div .info .content{ font-size: 22px; }

    .owner_banner_section .owner_banner_div .audio_div .toggle-play{ margin-bottom: 30px; }



    .music_album_list_section .music_album_list .card .content{ padding: 30px; }



    .video_album_list_section .video-sticky,

    .video_album_list_section .video_album_slider{ height: 60vh; }

    .contactus_section{ padding-top: 120px; }
    .contactus_section .left{ width: 50%; }
    .contactus_section .right{ width: 50%; }

    .contactus_section .banner_image { padding: 45px 0 130px 50px; }

    .contactus_section .banner_image .small_image { left: -100px; bottom: 45px; }

    .contactus_section .banner_image .text_img{ width: 50%; }

    .contactus_section .banner_image .shape{ left: 0; }

    .contactus_section .banner_content_div { padding-top: 100px; }

    .contactus_section .banner_content_div .microphone-img{ width: 150px; right: 50px; }

    .golden_moments_section .golden_moments_slider .golden_moments_slid .gm_img{ width: 350px; }

    footer.footer .footer_full_logo img { max-width: 800px; }

    .owner_banner_section .owner_banner_div .content_div { max-width: 50%; }

}



@media (max-width: 1366px){

    :root{

        --h1: 72px;

        --h2: 62px;

        --h3: 52px;

        --h4: 42px;

        --h5: 32px;

        --h6: 28px;

        --body: 20px;

        --large: 22px;

        --small: 18px;

    }

    

    .banner_section { padding: 150px 0 100px; }

    .banner_section .banner_content_div .banner_title,

    .banner_section .banner_content_div .banner_content { max-width: 660px; }

    .banner_section .banner_content_div .banner_form { max-width: 650px; }



    .welcome_section .section_heading { max-width: 850px; }

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid .card{ padding: 40px; background-size: 50%; }



    .image_content_section .hand_image img { width: 320px; }

    

    .about_banner_section{ padding-top: 150px; }

    .about_banner_section .image_div .img_shape .shape_1 { top: 110px; }



    .softwear_info_section .softwear_info_list { margin-top: 50px; }



    .spacial_offer_section,

    .how_works_section,

    .fw_content_btn_section,

    .fw_content_section{ padding: 100px 0; }



    .album_banner_section{ padding: 140px 0 100px; }

    .album_banner_section .right > .row { gap: 20px 0; }

    .album_banner_section .album_col { padding: 0 10px; }

    .album_banner_section .album_card .image { width: 150px; }

    .album_banner_section .album_card .name { width: calc(100% - 150px); padding: 15px 15px; }

    .album_banner_section .main_title { margin-bottom: 30px; } 



    .fw_content_section .content { font-size: 38px; }



    .how_works_section .journey_list .journey_card{ padding: 30px 30px; }

    

    .fw_content_btn_section .section_heading .content { font-size: 38px; }



    .owner_banner_section .owner_banner_div .content_div { max-width: 60%; }

    .owner_banner_section .owner_banner_div .content_div .info .content{ font-size: 18px; }



    .music_album_list_section .music_album_list .card .content { padding: 20px; }

    .music_album_list_section .music_album_list .card .content .image{ width: 200px; }

    .music_album_list_section .music_album_list .card .content .album_btn a{ min-width: inherit; font-size: 18px; }



    .owner_banner_section .owner_banner_div .audio_div .toggle-play .play_icon,

    .owner_banner_section .owner_banner_div .audio_div .toggle-play .play_icon svg{ width: 50px; height: 50px; }

    .owner_banner_section .owner_banner_div .audio_div .toggle-play{ margin-bottom: 30px; }

    



    .language_list_section .language_list .list{ gap: 20px; }

    .language_list_section .language_list .list img{ height: 40px; }

}



@media (max-width: 1200px){

    :root{    

        --p100: 80px;

        --p90: 70px;

        --p80: 60px;

        --p70: 50px;

        --p60: 40px;

    }

    body.owner .section_heading { margin-bottom: 40px; }



    .about_banner_section .image_div .img_shape .shape_1 { top: 110px; }



    .softwear_info_section .softwear_info_list .right{ width: 25.2%; padding: 0 10px; }

    .softwear_info_section .softwear_info_list .left{ width: 74.8%; padding: 0 10px; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-left { padding: 0 10px 0 15px; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right{ gap: 20px 0; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right .info_card { padding: 0 10px;  }

    .softwear_info_section .softwear_info_list .left > .row + .info_card,

    .softwear_info_section .softwear_info_list .right .info_card + .info_card { margin-top: 20px; }



    .album_banner_section .outline_text{ font-size: 7vw; }

    .album_banner_section .album_card .name h6{ font-size: 22px; }

    .about_banner_section [class*="button_"].icon a { min-width: 190px; }



    .how_works_section .journey_list .journey_card { padding: 30px 15px; }

    .how_works_section .journey_list .journey_card .icon img{ max-height: 50px; }

    .how_works_section .journey_list .journey_card .title h6{ font-size: 22px; }



    .fw_content_section .content,

    .fw_content_btn_section .section_heading .content{ font-size: 28px; }



    .contactus_section .left,

    .contactus_section .right{ width: 50%; }

    .contactus_section .banner_image .small_image { left: 0; bottom: 35px; }



    .language_list_section .language_list .list img{ height: 30px; }

}



@media (max-width: 1024px){

    [class*="button_"] a, [class*="btn_style_"] a, [class*="button_"] button, [class*="btn_style_"] button{ font-size: 18px; }



    .welcome_section,

    .image_content_section,

    .video_section,

    .about_banner_section,

    .softwear_info_section,

    .started_cta_section,

    .spacial_offer_section,

    .how_works_section,

    .fw_content_btn_section,

    .fw_content_section{ padding: 70px 0; }



    .video_section .text_img img{ width: 60%; }

    .video_section .video_card_wrap .video_card .screen_div .play_button{ width: 50px; height: 50px; }

    .welcome_section .audio_slider_wrap,

    .welcome_section .audio_slider_wrap .audio_slider_arrows { margin-top: 50px; }

    .welcome_section .audio_slider_wrap .audio_slider_arrows .slick-arrow{ width: 50px; height: 50px; }



    .banner_section .banner_content_div .banner_title,

    .banner_section .banner_content_div .banner_content { max-width: 550px; }



    .image_content_section .hand_image img { width: 260px; }



    footer.footer .footer_form_wrap{ padding: 100px 0; }

    footer.footer .footer_form_wrap .footer_form{ max-width: 650px; }



    .welcome_section .audio_slider_wrap .audio_slider .audio_slid .card { background-size: 130px; }



    .about_banner_section{ padding-top: 150px; }



    /* .language_list_section .language_list .list li + li { margin-left: 20px; } */



    .owner_banner_section .owner_banner_div .audio_div { margin-top: 30px; }



    .contactus_section { padding-top: 150px; }

}



@media (max-width: 991px){

    :root{

        --h1: 62px;

        --h2: 52px;

        --h3: 44px;

        --h4: 36px;

        --h5: 30px;

        --h6: 26px;

        --body: 18px;

        --large: 18px;

        --small: 18px;



        --p100: 70px;

        --p90: 60px;

        --p80: 50px;

        --p70: 40px;

        --p60: 40px;

        --p50: 40px;

        --p40: 40px;

    }



    header.main_header{ padding: 20px 0; } 

    header.main_header .left{ width: 250px; }

    header.main_header .right{ width: calc(100% - 250px); }



    header.main_header{ position: relative; }

    header.main_header .right{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

    header.main_header .navigation_div { z-index: 999; position: absolute; top: 100%; left: 0; right: 0; background: #F8F8F8; display: none; }

    header.main_header .navigation_div ul li{ padding: 0; }
    header.main_header .navigation_div ul li a{ display: inline-block; padding: 8px calc(100%/2 - 684px/2); width: 100%; }

    

    .banner_section{ padding: 50px 0; }



    header.main_header .navigation_div ul li{ border-top: 1px solid #00000025; }

    header.main_header .navigation_div ul li:last-child{ border-bottom: 1px solid #00000025; }



    .about_banner_section{ padding: 20px 0 50px; }

    .about_banner_section .left,

    .about_banner_section .right{ max-width: 650px; width: 100%; margin: 0 auto; }

    .about_banner_section .right{ margin-bottom: 50px; }

    .about_banner_section .content_div{ text-align: center; }

    .about_banner_section .content_div .title br{ display: none; }

    

    /* .softwear_info_section .softwear_info_list .left > .row > .info_wrap:first-child{ width: 55.7%; }

    .softwear_info_section .softwear_info_list .left > .row > .info_wrap:last-child{ width: 44.3%; }

    .softwear_info_section .softwear_info_list .info_wrap .two_col{ width: 100%; }

    .softwear_info_section .softwear_info_list .left,

    .softwear_info_section .softwear_info_list .right{ width: 100%; }

    .softwear_info_section .softwear_info_list .right .info_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }

    .softwear_info_section .softwear_info_list .right .info_wrap .info_card{ width: 50%; padding: 0 15px; margin-top: 30px; } */



    .softwear_info_section .softwear_info_list { margin-top: 30px; }

    .softwear_info_section .softwear_info_list .left{ width: 100%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-left{ width: 33%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right { width: 67%; padding-right: 5px; }

    .softwear_info_section .softwear_info_list .right{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; gap: 20px; }

    .softwear_info_section .softwear_info_list .right .info_card{ width: calc(50% - 10px); margin-top: 0 !important; }



    .language_list_section .left,

    .language_list_section .right{ width: 100%; }

    .language_list_section .section_heading{ text-align: center; margin-bottom: 30px; }

    .language_list_section .language_list .list{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



    .album_banner_section { padding: 50px 0; }

    .album_banner_section .left,

    .album_banner_section .right{ max-width: 650px; width: 100%; margin: 0 auto; }

    .album_banner_section .right{ margin-top: 30px; }

    .album_banner_section .outline_text{ text-align: center; font-size: 10vw; }



    .spacial_offer_section .left,

    .spacial_offer_section .right { width: 100%; }

    .spacial_offer_section .right{ margin-top: 30px; }



    .how_works_section .journey_list .journey_col{ width: 50%; }



    .how_works_section .left_col { max-width: 60%; } 

    .how_works_section .right_col { max-width: 40%; } 



    .music_album_list_section .music_album_list{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; gap: 30px 30px; }

    .music_album_list_section .music_album_list .card{ width: calc(100% / 3 - 20px); }

    .music_album_list_section .music_album_list .card .content .image{ width: 100%; }



    .video_album_list_section .video-sticky,

    .video_album_list_section .video_album_slider { height: 45vh; }



    .contactus_section { padding-top: 50px; }

    .contactus_section .left,

    .contactus_section .right { width: 100%; }

    .contactus_section .banner_image .small_image { left: 0; bottom: 50px; }



    .contactus_section .banner_content_div { padding-top: 00px; }



    .owner_banner_section .owner_banner_div .content_div{ max-width: 70%; }

    
    footer.footer .footer_full_logo img{ max-width: 70%; }

}



@media (max-width: 767px){

    :root{

        --h1: 44px;

        --h2: 40px;

        --h3: 36px;

        --h4: 32px;

        --h5: 28px;

        --h6: 24px;

        --body: 18px;

        --large: 18px;

        --small: 18px;



        --p100: 50px;

        --p90: 50px;

        --p80: 40px;

        --p70: 40px;

        --p60: 40px;

        --p50: 30px;

        --p40: 30px;

    }

    

    .banner_section,

    .welcome_section,

    .image_content_section,

    .video_section,

    .about_banner_section,

    .softwear_info_section,

    .started_cta_section,

    .spacial_offer_section,

    .how_works_section,

    .fw_content_btn_section,

    .fw_content_section{ padding: 50px 0; }



    header.main_header .navigation_div ul li a{ padding: 8px calc(100%/2 - 510px/2); }



    .welcome_section .audio_slider_wrap,

    .welcome_section .audio_slider_wrap .audio_slider_arrows { margin-top: 30px; }



    .image_content_section .hand_image{ display: none; }

    .image_content_section .left,

    .image_content_section .right { width: 100%; }

    .image_content_section .right{ margin-bottom: 30px; }

    .image_content_section .m-column-reverse{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; }



    .video_section .text_img{ display: none; }

    .video_section .section_heading,

    .video_section .video_card_wrap{ max-width: 100%; }



    footer.footer .footer_form_wrap{ padding: 70px 0; }



    .about_banner_section{ padding-top: 20px; }



    .softwear_info_section .softwear_info_list .left > .row > .inn-left{ width: 34%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right { width: 66%; }



    .how_works_section .left_col,

    .how_works_section .right_col{ max-width: 100%; width: 100%; }

    .how_works_section .left_col .title{ text-align: center; margin-bottom: 30px; }

    .fw_content_btn_section .section_heading [class*="button_"].icon a { font-size: 16px; min-width: inherit; }



    .album_banner_section .album_col{ width: 100%; }



    .video_album_section .video-sticky.desktop{ display: none; }



    .owner_banner_section .owner_banner_div .content_div{ max-width: 100%; }

    .owner_banner_section .owner_banner_div { padding: 40px 0; }

    .owner_banner_section .owner_banner_div .audio_div{ margin-top: 30px; }

    .owner_banner_section .owner_banner_div .content_div .button_group,

    .owner_banner_section .owner_banner_div .content_div .social_media { margin-top: 30px; }



    .music_album_list_section .music_album_list .card{ width: calc(100% / 2 - 20px); }

    .video_album_section .mobile-videos-container{ padding: 0 15px; }
    .video_album_section .mobile-videos-container .collection-list-8{ gap: 20px; }

    .video_album_section .mobile-videos-container .collection-list-8 .w-dyn-item{ width: calc(100% / 2 - 10px); }

    .video_album_section .mobile-videos-container .collection-list-8 .w-dyn-item .w-video iframe{ width: 100%; height: 250px; }



    footer.footer .footer_copyright_wrap .social_media ul li + li { margin-left: 10px; }

    footer.footer .footer_copyright_wrap .social_media ul li a img{ width: 35px; }



    .contactus_section .banner_content_div .button_group{ width: 100%; }



    .owner_banner_section{ background-color: #000; }

    .owner_banner_section .banner_slider{ position: relative; padding-bottom: 56%; }

    .owner_banner_section .owner_banner_div{ min-height: auto; }


    
    footer.footer .footer_full_logo img{ max-width: 80%; }
}



@media (max-width: 575px){

    :root{

        --h1: 38px;

        --h2: 34px;

        --h3: 30px;

        --h4: 28px;

        --h5: 24px;

        --h6: 20px;

        --body: 18px;

        --large: 18px;

        --small: 18px;

    }



    .button_group [class*="button_"],

    .button_group [class*="button_"] a{ width: 100%; }

    [class*="button_"] + [class*="button_"] { margin: 20px 0 0; }



    header.main_header .navigation_div ul li a{ padding: 8px 15px; }



    .banner_section .banner_content_div .logo_div img { max-width: 200px; }

    .banner_section .banner_content_div .banner_form { margin-top: 30px; }

    .banner_section .banner_content_div .banner_form .form_group .input,

    .banner_section .banner_content_div .banner_form .form_group .button{ width: 100%; }

    .banner_section .banner_content_div .banner_form .form_group .input input,

    .banner_section .banner_content_div .banner_form .form_group .button button{ border-radius: 10px; }

    .banner_section .banner_content_div .banner_form .form_group .button{ margin-top: 10px; }

    .banner_section .banner_content_div .banner_form .form_group .input input{ height: 50px; background-position: 10px center; background-size: 15px; padding-left: 35px; }

    .banner_section .banner_content_div .banner_form .form_group .button button{ padding: 16px 15px; }



    .welcome_section .audio_slider_wrap .audio_slider .audio_slid .card .play_button{ width: 35px; height: 35px; }

    .welcome_section .audio_slider_wrap .audio_slider .audio_slid .card { padding: 25px 15px; }



    .video_section .video_card_wrap .video_card{ border-radius: 5px; }



    footer.footer .footer_form_wrap .footer_form .form_group .input,

    footer.footer .footer_form_wrap .footer_form .form_group .button{ width: 100%; }

    footer.footer .footer_form_wrap .footer_form .form_group .input input,

    footer.footer .footer_form_wrap .footer_form .form_group .button button{ border-radius: 10px; }

    footer.footer .footer_form_wrap .footer_form .form_group .button{ margin-top: 10px; }

    footer.footer .footer_form_wrap .footer_form .form_group .input input{ height: 50px; background-position: 10px center; background-size: 15px; padding-left: 35px; }

    footer.footer .footer_form_wrap .footer_form .form_group .button button{ padding: 16px 15px; }



    .about_banner_section .image_div { padding: 20px 15px; }

    .about_banner_section .image_div .img_shape .shape_1 { top: 70px; }



    .softwear_info_section .softwear_info_list .left > .row > .inn-left{ width: 56%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right{ width: 44%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right .info_card{ width: 100%; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right{ gap: 20px 0; }

    .softwear_info_section .softwear_info_list .right{ gap: 20px; margin-top: 20px; }

    .softwear_info_section .softwear_info_list .right .info_card { width: calc(50% - 10px); }



    .footer .footer_copyright_wrap .left,

    .footer .footer_copyright_wrap .right{ width: 100%; }

    footer.footer .footer_copyright_wrap .copyright{ text-align: center; margin-bottom: 20px; }

    footer.footer .footer_copyright_wrap .social_media ul{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



    .how_works_section .journey_list .journey_col { width: 100%; }

    .how_works_section .journey_list .journey_card::before { width: 200px; height: 200px; }



    .fw_content_section .content,

    .fw_content_btn_section .section_heading .content { font-size: 24px; }



    .fw_content_btn_section .section_heading [class*="button_"].icon a { font-size: 18px; }

    .video_album_section .mobile-videos-container .collection-list-8 .w-dyn-item{ width: 100%; }

    .video_album_section .mobile-videos-container .collection-list-8 .w-dyn-item .w-video iframe{ height: 300px; }

    

    .owner_banner_section .owner_banner_div .content_div .button_group a{ min-width: inherit; }

    .owner_banner_section .owner_banner_div .content_div .social_media ul{ gap: 10px; }

    .owner_banner_section .owner_banner_div .content_div .social_media ul li a svg { height: 34px; }



    .golden_moments_section .golden_moments_slider .golden_moments_slid { padding: 0 10px; }



    .golden_moments_section .golden_moments_slider .slick-dots li button{ height: 6px; }

    .golden_moments_section .golden_moments_slider .slick-dots li button,

    .golden_moments_section .golden_moments_slider .slick-dots li.slick-active button{ width: 25px; }

    .golden_moments_section .golden_moments_slider .slick-dots li.slick-active button{ height: 10px; }

    

    .contactus_section .banner_image .shape{ width: 100px; height: 100px; }    

    .contactus_section .banner_image { padding: 25px 0 100px 20px; }

    .contactus_section .banner_image .small_image { bottom: 40px; }

    .contactus_section .banner_content_div .banner_form .form_group .input,

    .contactus_section .banner_content_div .banner_form .form_group .button{ width: 100%; }

    .contactus_section .banner_content_div .banner_form .form_group .input input,

    .contactus_section .banner_content_div .banner_form .form_group .button button{ border-radius: 10px; }

    .contactus_section .banner_content_div .banner_form .form_group .button{ margin-top: 10px; }

    .contactus_section .banner_content_div .banner_form .form_group .input input{ height: 50px; background-position: 10px center; background-size: 15px; padding-left: 35px; }

    .contactus_section .banner_content_div .banner_form .form_group .button button{ padding: 16px 15px; }

}



@media (max-width: 480px){

    .softwear_info_section .softwear_info_list .left > .row > .inn-left,

    .softwear_info_section .softwear_info_list .left > .row > .inn-right{ width: 100%; padding: 0 15px; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right{ margin-top: 20px; }

    .softwear_info_section .softwear_info_list .left > .row > .inn-right .info_card{ padding: 0 0; }

    .softwear_info_section .softwear_info_list .right .info_card{ width: 100%; }



    .music_album_list_section .music_album_list .card{ width: 100%; }

}

/* Sticky side button container */
.sticky-side-button {
  position: fixed;
  top: 50%;
  right: -140px; /* half hidden by default */
  transform: translateY(-50%);
  z-index: 1000;
  transition: right 0.4s ease;
}

.sticky-side-button:hover {
  right: 0; /* slide out on hover */
}

/* Button look */
.sticky-side-button .sticky-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #4B2E83; /* brand purple */
  color: #fff;
  padding: 12px 20px;
  border-radius: 30px 0 0 30px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: background 0.3s ease, transform 0.3s ease;
}

/* Hover glow */
.sticky-side-button .sticky-button:hover {
  background: #6c42b8;
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(75,46,131,0.7);
}

/* Text */
.sticky-side-button .sticky-text {
  white-space: nowrap;
  font-size: 14px;
}

/* Gentle pulse animation */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.sticky-side-button .sticky-button {
  animation: pulse 2.5s infinite ease-in-out;
}

/* Animated ring effect */
.play-animated .circle-ring {
  stroke-dasharray: 175;
  stroke-dashoffset: 175;
  animation: drawCircle 2s linear infinite;
  opacity: 0.8;
}

/* Smooth outline drawing animation */
@keyframes drawCircle {
  0% { stroke-dashoffset: 175; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 175; }
}