@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');

/** font-family: "Kalam", cursive; **/



/*** var ***/















































































/*** button ***/
a.cta_button { box-sizing: border-box !important; }
.btn-group { gap: 17px; }

[class*="button-"] a , a.btn-link { border: solid 1px; padding: 7px 35px; display: inline-block; font-size: 18px; line-height: 1.6; font-weight: 400; text-align: center; border-radius: 40px; min-width: 223px; }

.button-1 a , a.btn-link { background-color: #1984D2; color: #FFFFFF; border-color: #1984D2; position: relative; z-index: 1; overflow: hidden; }
.button-1 a:hover , a.btn-link:hover { color: #FFFFFF; border-color: #1A2A6C; transform: scaleY(1.05); box-shadow: 0 0 10px #1984D2; border-color: #1984D2; }
.button-1 a:after , a.btn-link:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(100,189,239); background: radial-gradient(circle, rgba(100,189,239,1) 0%, rgba(1,126,254,1) 100%); animation: gradient 4s ease infinite; background-size: 200% 200%; z-index: -1; opacity: 0; transition:400ms; }
.button-1 a:hover:after , a.btn-link:hover:after { opacity: 1; }

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.button-2 a { background-color: 
    
    
        
    
    rgba(255, 255, 255, 1.0)
; color: #1984D2; border-color: #1984D2; }
.button-2 a:hover { background-color: #3DD9EF; border-color: #3DD9EF; color: #FFFFFF; }
.button-2.no-border a { border: none; }

.button-3 a { background-color: 
    
    
        
    
    rgba(61, 217, 239, 1)
; color: #FFFFFF; border-color: #3DD9EF; }
.button-3 a:hover { background-color: #1984D2; border-color: #1984D2; color: #FFFFFF; }

[class*="button-"] a:focus-visible { outline: none; border-color: transparent; }

.link-style { font-size: 29px; line-height: 31px; font-family: 'Kalam', cursive; }
.link-style a { color: #1984D2; display: flex; align-items: center; justify-content: flex-end; transform: rotate(-3.917deg); }
.link-style a:after { content: ''; height: 28px; width: 56px; margin-left: 18px; position: relative; left: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue.svg') no-repeat center center; transform: rotate(3.917deg); transition:all .2s ease-in-out; }
.link-style a:hover:after { left: 5px; }

.link-style.white a { color: #FFFFFF; }
.link-style.white a:after { background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-white.svg'); }

.link-style.left-link a { justify-content: flex-start; }

@media(max-width: 767px) {

    .link-style { font-size: 16px; line-height: 30px; }
    .link-style a:after,
    .link-style.white a:after { background-size: 26px; width: 26px; height: 15px; margin-left: 10px; }

}
/*** form ***/
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border: none; background: transparent; height:59px; padding:0 20px; font-size:16px; line-height: 26px; font-weight: 400; width:100%; font-family: Poppins , sans-serif; border: 1px solid #1984D2; border-radius: 24px; color:#282828; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:158px; font-family: Poppins , sans-serif; background: #FFF; }
select { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6616 1.19802L5.87425 7.03636L0.0869141 1.19802L1.15498 0.142579L5.87426 4.90344L10.5936 0.142578L11.6616 1.19802Z" fill="%234DEBBC"/></svg>') no-repeat center right 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type=submit] , button { border: solid 1px; padding: 7px 35px; display: inline-block; width: auto; height: auto; font-size: 18px; line-height: 1.6; font-weight: 500; border-radius: 40px; font-family: Poppins , sans-serif; min-width: 223px; background: #1984D2; color: #FFFFFF; border-color: #1984D2; cursor: pointer; transition:400ms; text-align: center; }
input[type=submit]:hover , button:hover { color: #FFF; }

form .hs_submit { text-align: center; }
form .actions { border: solid 1px; display: inline-block; width: auto; height: auto; border-radius: 40px; display: inline-block; position: relative; background: #1984D2; color: #FFFFFF; border-color: #1984D2; cursor: pointer; transition:400ms; overflow: hidden; }
form .actions input[type=submit] , form .actions button { padding: 7px 35px; font-size: 18px; line-height: 1.6; font-weight: 500; font-family: Poppins , sans-serif; min-width: 223px; text-align: center; background: transparent; }
form .actions:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(100,189,239); background: radial-gradient(circle, rgba(100,189,239,1) 0%, rgba(1,126,254,1) 100%); animation: gradient 4s ease infinite; background-size: 200% 200%; z-index: -1; opacity: 0; transition:400ms; }
form .actions:hover { border-color: #1A2A6C; transform: scaleY(1.05); box-shadow: 0 0 10px #1984D2; }
form .actions:hover:after { opacity: 1; }

.hs_attach_file input.hs-input { padding: 15px 20px; }

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.hs_error_rollup { display: none; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin: 0 !important; }
.hs-form .hs-form-field { padding:0 0 18px; }
.hs-form fieldset.form-columns-2 .input , .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.hs-form fieldset.form-columns-2 .field { padding:0 0 18px 10px }
.hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px; width: 33.33% !important; }
.hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 18px; }
.hs-form fieldset .hs-input { width:100% !important; }
.hs-form fieldset { max-width:none; max-width: 100% !important; }
.hs-form fieldset input[type="checkbox"],  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 0 35px; position:relative; }
.inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="checkbox"] + span , .inputs-list input[type="radio"] + span { line-height: 22px; position:relative; display: block; }
.inputs-list input[type="checkbox"] + span:before , .inputs-list input[type="radio"] + span:before  { position:absolute; left:-32px; top:0;  content:''; width:20px; height:20px; border:1px solid rgba(3, 21, 69, 0.7); color:#282828; border-radius: 2px; }
.inputs-list input[type="checkbox"]:checked + span:after , .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:-32px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; text-align:center; color: #282828; font-weight: 300; font-size: 12px; }
/* .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #282828; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; } */

.hs-error-msgs { font-size: 14px; line-height: normal; color: red; }
.hs-form .hs-form-field > label { font-weight: 700; font-size: 16px; }
.hs-form .hs-form-field > legend { font-size: 16px; }

.hs-fieldtype-checkbox .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-checkbox .inputs-list li { width: 50%; margin: 2px 0; padding: 8px; }
.hs-fieldtype-checkbox .inputs-list li > label { min-height: 72px; display: flex; align-items: center; padding: 5px 8px 5px 48px; border: 1px solid #282828; border-radius: 5px; font-size: 16px; line-height: 27px; font-weight: 500; background: #fff; cursor: pointer; }

.hs-fieldtype-radio .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-radio .inputs-list li { width: 50%; margin: 2px 0; padding: 8px; }
.hs-fieldtype-radio .inputs-list li > label { min-height: 88px; display: flex; align-items: center; padding: 5px 8px 5px 48px; font-size: 16px; line-height: 27px; font-weight: 500; cursor: pointer; border-radius: 5px; border: 0.5px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.20); }

.hs-input::-webkit-input-placeholder { color:#282828; opacity:0.5; font-weight: 300; }
.hs-input::-moz-placeholder { color: #282828; opacity:0.5; font-weight: 300; }
.hs-input:-ms-input-placeholder { color: #282828; opacity:0.5; font-weight: 300; }
.hs-input:-moz-placeholder { color: #282828; opacity:0.5; font-weight: 300; }

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

.hs-fieldtype-booleancheckbox ul.inputs-list { font-size: 14px; }

@media(max-width: 991px) {

    .hs-fieldtype-radio .inputs-list li > label { min-height: 72px; }
    
    input.hs-input , select.hs-input { height: 48px; }
    textarea.hs-input { height: 80px; }
    .hs_attach_file input.hs-input { padding: 10px 20px; }
    

}

@media  (max-width: 500px) {
    
    .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 0 }
    .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 15px 0 }
    .hs-form fieldset.form-columns-3 .field { padding:0 0 10px: width: 100% !important;  }
    .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 15px 0; }
    .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 15px; }

    .hs-form fieldset.form-columns-3 .field { width: 100% !important; padding: 0 0 15px; }
    .hs-form fieldset.form-columns-3 .field:first-child + .field { padding: 0 0 15px; }
    .hs-form fieldset.form-columns-3 .field:first-child { padding: 0 0 15px 0; }
  
}

@media(max-width: 500px) {

    .hs-fieldtype-checkbox .inputs-list { margin: 0; }
    .hs-fieldtype-checkbox .inputs-list li { width: 100%; padding: 8px 0; }
    input[type=submit], button { min-width: 296px; }
    
    .hs-fieldtype-radio .inputs-list { margin: 0; }
    .hs-fieldtype-radio .inputs-list li { padding: 8px 0; width: 100%; }

}
.header-top { background: 
    
    
        
    
    rgba(25, 132, 210, 1.0)
; color: #FFFFFF; padding: 5px 0; font-size: 12px; line-height: 24px; }
.header-top .container { gap: 10px 25px; }
.header-top a { color: #FFFFFF; }
.header-top a:hover { color: #3DD9EF; }

.header-top .live-chat a { position: relative; padding: 0 0 0 30px; display: inline-block; }
.header-top .live-chat a svg { width: 20px; height: 21px; position: absolute; top: 2px; left: 0; }
.header-top .live-chat a span { display: block; line-height: normal; font-size: 7px; font-weight: 300; font-style: italic; position: relative; top: -4px; padding-left: 8px; }
.header-top .live-chat a span:after { position: absolute; content: ""; height: 4px; width: 4px; top: 2px; left: 0; border-radius: 100%; background: #fff; background: #3DC33D; }
.header-top .live-chat a span:before { display: inline-block; width: 4px; height: 4px; border-radius: 10px; background: #FFF; margin-right: 5px; }
.header-top .live-chat .live.online a span:before { background: #3DC33D; }
.header-top .live-chat .live.offline a span:before { background: red; }

.header-top .call a { display: flex; align-items: center; gap: 10px; }
.header-top .call a:before { content: ''; width: 14px; height: 21px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/call.svg') no-repeat; background-size: 15px; }

.header-top .menu ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; gap: 32px; list-style-type: none; }

header.header { width: 100%; z-index: 99; position: fixed; top: 0; left: 0; transition:400ms; background: 
    
    
        
    
    rgba(255, 255, 255, 1.0)
; box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);  }
header.header .logo { width: 295px; line-height: 0; }
header.header .logo img { max-width: 295px; }

header.header .right-part { width: calc(100% - 295px); padding: 0 0 0 45px; gap: 20px; }

.mainmenu ul { margin: 0; padding: 0; list-style-type: none; }
.mainmenu ul li.hs-menu-item { margin: 0; padding: 0; display: inline-block; }
.mainmenu ul li.hs-menu-item a { font-size: 16px; line-height: 29px; padding: 27px 12px; display: inline-block; position: relative; font-family: Poppins , sans-serif; font-weight: 400; }
.mainmenu ul li.hs-item-has-children { position: relative; }

header.header [class*=button-] a { font-size: 14px; font-weight: 700; min-width: 200px; padding: 16px 20px; text-transform: uppercase; }

.mainmenu .contact { display: flex; align-items: center; justify-content: center; gap: 15px 30px; padding: 20px 0 25px; flex-wrap: wrap; }
.mainmenu .live-chat a { position: relative; padding: 0 0 0 30px; display: inline-block; color: #1984D2; line-height: normal; }
.mainmenu .live-chat a svg { width: 20px; height: 21px; position: absolute; top: 5px; left: 0; }

.mainmenu .live-chat a span { display: block; line-height: normal; font-size: 7px; font-weight: 300; font-style: italic; }
.mainmenu .live-chat a span:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 10px; background: #FFF; margin-right: 5px; }
.mainmenu .live-chat .live.online a span:before { background: #3DC33D; }
.mainmenu .live-chat .live.offline a span:before { background: red; }

.mainmenu .live-chat .chat { fill: #1A2A6C; }
.mainmenu .live-chat .dot2 { fill: #FFFFFF; }
.mainmenu .live-chat .dot1 { fill: #FFFFFF; }
.mainmenu .live-chat .dot3 { fill: #FFFFFF; }

.mainmenu .call a { display: flex; align-items: center; gap: 10px; color: #1984D2; }
.mainmenu .call a:before { content: ''; width: 16px; height: 21px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/call-icon.svg') no-repeat; }

.live-chat .live { display: flex; }
.live [class*="dot"] { transform: translate(-17px, 0); animation: dotsRun 2500ms linear 0ms infinite both; }
.live .chat { fill: #FFFFFF; }
.live .dot2 { animation-delay: 100ms; fill: #1984D2; }
.live .dot1 { animation-delay: 200ms; fill: #1984D2; }
.live .dot3 { fill: #1984D2; }

@keyframes dotsRun {
    0% { transform: translate(-17px, 0); }
    10% { transform: translate(0, 0); }
    50% { transform: translate(0, 0); }
    60% { transform: translate(17px, 0); }
    100% { transform: translate(17px, 0); }
}

.no-navigation .right-top { gap: 10px 32px; }
.header-top.no-navigation { padding: 15px 0; }

@media(min-width: 1251px) {
    
    header.header .container { width: 1200px; }
    
}

@media(min-width: 992px) {

    header.header .btm-buttons { display: none; }
    header.header .right-part .buttons { line-height: 0; }
    .mainmenu .contact { display: none; }
    
    .mainmenu ul ul.hs-menu-children-wrapper { display: none; } 
    
    .mainmenu ul > li.hs-item-has-children > a:after { content: "\f105"; display: inline-block; font-family: 'fontAwesome'; margin-left: 10px; vertical-align: middle; font-size: 22px; color: #3DD9EF; transition:400ms }
    .mainmenu ul > li.hs-item-has-children:hover > a:after { transform: rotate(90deg); }
    
    .mainmenu ul li.hs-menu-item a { color: #1A2A6C; }
    .mainmenu ul li.hs-menu-item:hover > a { color: #3DD9EF; }

    .mainmenu .hs-menu-wrapper ul li ul { width:256px; padding: 20px; margin: 0px; position: absolute; top: calc(100% - 8px); left:0; background: #FFFFFF; visibility: hidden; opacity: 0; transition: .2s; pointer-events: none; border-radius: 20px; z-index: 1; filter: drop-shadow(0 0 7px rgba(0, 0, 0, .15)); }

    .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: inline-block; float: none; text-transform: none; position: inherit; width: 100%; position: initial; }
    .mainmenu .hs-menu-wrapper ul li ul li a { padding: 6px 0; color: #1A2A6C; width:100%; font-size: 16px; line-height: 26px; text-transform: none; }
    .mainmenu .hs-menu-wrapper ul li ul li a:hover { color:#3DD9EF;  }

    .mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; pointer-events: inherit; display: block; }
    
    .mainmenu ul li.hs-menu-item.login { display: none; }
    
}

@media(max-width: 1250px) {

    .mainmenu ul li.hs-menu-item a { padding: 27px 6px; }
    header.header .right-part { padding: 0 0 0 20px; gap: 20px; width: calc(100% - 260px); }
    header.header .logo { width: 260px; }
    header.header .logo img { max-width: 260px; }
    
    .hero-lp .left .link { right: 0; }
    .hero-lp .right { padding: 0 0 0 30px; }
    .hero-lp .right_in { padding: 0 0 0 90px; }
    .hero-lp .right_in .mobile { width: 350px; }
    .hero-lp .right_in .mobile .mob-img img { width: 100%; height: auto; }
    .hero-lp .right_in .mobile .img-box { left: 21px; right: 20px; top: 15px; bottom: 14px; }
    .hero-lp .right_in .desktop .image { left: 15px; right: 15px; top: 15px; bottom: 227px; }
    .hero-lp .right_in .desktop img.monitor { height: auto; width: 100%; }
    .hero-lp .right_in .desk-img { width: 1000px; padding: 0 0 99px; }
    .hero-lp .right_in .desk-img img.stand { left: 250px; }
    
    header.header .logo { width: 240px; }
    header.header .right-part { gap: 10px; width: calc(100% - 240px); padding: 0; }
    header.header [class*=button-] a { min-width: 140px; }
    
    
}


@media (max-width:991px){
    
    .header-top { display: none; }
    header.header { min-height: 85px; display: flex; align-items: center; width: 100%; } 
    header.header .logo { width: 168px; }
    header.header .logo img { max-width: 168px; }
    header.header .container { width: 100%; }
    
    .main-header { width: 100%; }
    .main-header .buttons { display: none; }
    
    .dancestudio-nav ul { column-count: 1; }
    
    .mainmenu .hs-menu-wrapper > ul { width: 100%; }
    .mainmenu .hs-menu-wrapper ul { transition: none; }
    .mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 15px 30px; font-size: 16px; line-height: 26px; background: #1984D2; color: #FFF; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.20);; }
    
    .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
    a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top: 26px; right: 15px; width: 30px; height: 33px; text-align:center; background:transparent; padding: 0; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
    a.mobile-trigger:hover { text-decoration:none; }
    a.mobile-trigger span { display:inline; }
    a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out;}
    .mobile_menu_toggle .mobile-trigger { top:2px; }
    
    .mobile-open a.mobile-trigger {  transition:background-color 0.2s linear; background:transparent; }
    .mobile-open a.mobile-trigger span:after { opacity:1; }
    .mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; }

    a.mobile-trigger i { display: inline; position: relative; top: 16px; margin-left: 0; transition:300ms; transition-delay: .2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; transition:300ms;}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 29px; height: 3px; background-color: #3DD9EF; display: inline-block; }
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    
    .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); transition-delay: .2s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top: 0; transform: rotate(45deg); transition-delay: 0, .2s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top: 0; transform: rotate(-45deg); transition-delay: 0, .2s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

    span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:80px; height: 56px; padding:0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-right.svg') no-repeat center center; transition:400ms; }
    span.child-triggerm.child-open { transform: rotate(90deg); }

    .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

    .mainmenu.js-enabled .hs-menu-flow-horizontal {  padding: 0px; position:absolute; height:auto; top: 76px; left: 0; width: 100%; max-width:100%; z-index:8888; display: none; background: 
    
    
        
    
    rgba(255, 255, 255, 1.0)
; }
 
    .mainmenu ul ul li.hs-menu-item a { font-size: 16px; line-height: 26px; padding: 8px 20px; text-transform: none; font-weight: 500; }
    .mainmenu ul ul { padding: 15px 0; }

    header.header .btm-buttons [class*=button-] + [class*=button-] { display: block; }
    header.header .btm-buttons a { font-weight: 500; background: #1A2A6C; border-color: #1A2A6C; }
    header.header .btm-buttons .button-2 a { background: #C33DAE; border-color: #C33DAE; color: #FFFFFF; }
    
    .header-top.no-navigation { width: 100%; min-height: 85px; display: flex; align-items: center; }
    .no-navigation .right-top { display: none; }
    
    .mainmenu .contact .live-chat , .footer .live-chat { display: none; }
    .footer .live-chat a svg { top: 6px; }
    
    span.child-triggerm.child-open + .hs-menu-children-wrapper{display:block !important;}

}

@media (max-width:991px){
    
    .footer .live-chat a svg { top: 2px; }
    
}
.text-13 { font-size: 13px; }













.d-block {
    display:block;
}

.d-inline-block {
    display:inline-block;
}

.d-flex {
    display:flex;
}

.d-inline-flex {
    display:inline-flex;
}

.d-none {
    display:none;
}



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

.align-flex-start {
    align-items:flex-start;
}

.align-flex-end {
    align-items:flex-end;
}

.align-normal {
    align-items:normal;
}



.justify-center {
    justify-content:center;
}

.justify-flex-end {
    justify-content:flex-end;
}

.justify-flex-start {
    justify-content:flex-start;
}

.justify-space-around {
    justify-content:space-around;
}

.justify-space-between {
    justify-content:space-between;
}



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

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

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



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

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

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

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




.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }




.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }




.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }

.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }




.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }

.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }




.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }




.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }

.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }




.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }

.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }




.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }




.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }

.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }




.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }

.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }




.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }

.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }




.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }

.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }




.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }




.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }

.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }




.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }

.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }




.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }

.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }




.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }

.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }




.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }

.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }




.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }




.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }

.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }




.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }

.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }




.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }

.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }




.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }

.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }




.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }

.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }







.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }

.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }







.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }

.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }







.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }







.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }

.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }







.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }

.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }







.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }

.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }







.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }

.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }







.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }

.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }







.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }

.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.max-auto { max-width:100%; }

/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
    padding: 0 !important;
}

div[class*=full-width-section] > div > div {
    padding: 0 !important;
}


.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }

.col-1 { max-width:8.333%; flex:0 0 8.333%; }

.col-2 { max-width:16.666%; flex:0 0 16.666%; }

.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }

.col-4 { max-width:33.332%; flex:0 0 33.332%; }

.col-5 { max-width:41.665%; flex:0 0 41.665%; }

.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }

.col-7 { max-width:58.331%; flex:0 0 58.331%; }

.col-8 { max-width:66.664%; flex:0 0 66.664%; }

.col-9 { max-width:74.997%; flex:0 0 74.997%; }

.col-10 { max-width:83.33%; flex:0 0 83.33%; }

.col-11 { max-width:91.663%; flex:0 0 91.663%; }

.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }


    .max-50 { max-width:50px; }
    .text-2{ font-size:2px; } 

    .max-100 { max-width:100px; }
    .text-4{ font-size:4px; } 

    .max-150 { max-width:150px; }
    .text-6{ font-size:6px; } 

    .max-200 { max-width:200px; }
    .text-8{ font-size:8px; } 

    .max-250 { max-width:250px; }
    .text-10{ font-size:10px; } 

    .max-300 { max-width:300px; }
    .text-12{ font-size:12px; } 

    .max-350 { max-width:350px; }
    .text-14{ font-size:14px; } 

    .max-400 { max-width:400px; }
    .text-16{ font-size:16px; } 

    .max-450 { max-width:450px; }
    .text-18{ font-size:18px; } 

    .max-500 { max-width:500px; }
    .text-20{ font-size:20px; } 

    .max-550 { max-width:550px; }
    .text-22{ font-size:22px; } 

    .max-600 { max-width:600px; }
    .text-24{ font-size:24px; } 

    .max-650 { max-width:650px; }
    .text-26{ font-size:26px; } 

    .max-700 { max-width:700px; }
    .text-28{ font-size:28px; } 

    .max-750 { max-width:750px; }
    .text-30{ font-size:30px; } 

    .max-800 { max-width:800px; }
    .text-32{ font-size:32px; } 

    .max-850 { max-width:850px; }
    .text-34{ font-size:34px; } 

    .max-900 { max-width:900px; }
    .text-36{ font-size:36px; } 

    .max-950 { max-width:950px; }
    .text-38{ font-size:38px; } 

    .max-1000 { max-width:1000px; }
    .text-40{ font-size:40px; } 

    .max-1050 { max-width:1050px; }
    .text-42{ font-size:42px; } 

    .max-1100 { max-width:1100px; }
    .text-44{ font-size:44px; } 

    .max-1150 { max-width:1150px; }
    .text-46{ font-size:46px; } 

    .max-1200 { max-width:1200px; }
    .text-48{ font-size:48px; } 

    .max-1250 { max-width:1250px; }
    .text-50{ font-size:50px; } 

    .max-1300 { max-width:1300px; }
    .text-52{ font-size:52px; } 

    .max-1350 { max-width:1350px; }
    .text-54{ font-size:54px; } 

    .max-1400 { max-width:1400px; }
    .text-56{ font-size:56px; } 

    .max-1450 { max-width:1450px; }
    .text-58{ font-size:58px; } 








@media(min-width:768px){
    
    
    .sm\:d-block {
        display:block;
    }
    
    .sm\:d-inline-block {
        display:inline-block;
    }
    
    .sm\:d-flex {
        display:flex;
    }
    
    .sm\:d-inline-flex {
        display:inline-flex;
    }
    
    .sm\:d-none {
        display:none;
    }
    
    
    
    .sm\:align-center {
        align-items:center;
    }
    
    .sm\:align-flex-start {
        align-items:flex-start;
    }
    
    .sm\:align-flex-end {
        align-items:flex-end;
    }
    
    .sm\:align-normal {
        align-items:normal;
    }
    
    
    
    .sm\:justify-center {
        justify-content:center;
    }
    
    .sm\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .sm\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .sm\:justify-space-around {
        justify-content:space-around;
    }
    
    .sm\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .sm\:text-left {
        text-align:left;
    }
    
    .sm\:text-right {
        text-align:right;
    }
    
    .sm\:text-center {
        text-align:center;
    }
    
    
    
    .sm\:direction-column {
        flex-direction:column;
    }
    
    .sm\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .sm\:direction-row {
        flex-direction:row;
    }
    
    .sm\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .sm\:p--0 { padding:0px !important; }
    .sm\:p-0 { padding:0px; }
    .sm\:pt-0 { padding-top:0px; }
    .sm\:pb-0 { padding-bottom:0px; }
    .sm\:pl-0 { padding-left:0px; }
    .sm\:pr-0 { padding-right:0px; }

    .sm\:m-0 {  margin:0px; }
    .sm\:mt-0 { margin-top:0px; }
    .sm\:mb-0 { margin-bottom:0px; }
    .sm\:ml-0 { margin-left:0px; }
    .sm\:mr-0 { margin-right:0px; }

    .sm\:ml--0 { margin-left:-0px; }
    .sm\:mr--0 { margin-right:-0px; }

    .sm\:mt--0 { margin-top:-0px; }
    .sm\:mb--0 { margin-bottom:-0px; }

    .sm\:max--0 { max-width:0%; }
    .sm\:mt---0 { margin-top:-0%; }
    .sm\:mb---0 { margin-bottom:-0%; }
    
    
    .sm\:p--5 { padding:5px !important; }
    .sm\:p-5 { padding:5px; }
    .sm\:pt-5 { padding-top:5px; }
    .sm\:pb-5 { padding-bottom:5px; }
    .sm\:pl-5 { padding-left:5px; }
    .sm\:pr-5 { padding-right:5px; }

    .sm\:m-5 {  margin:5px; }
    .sm\:mt-5 { margin-top:5px; }
    .sm\:mb-5 { margin-bottom:5px; }
    .sm\:ml-5 { margin-left:5px; }
    .sm\:mr-5 { margin-right:5px; }

    .sm\:ml--5 { margin-left:-5px; }
    .sm\:mr--5 { margin-right:-5px; }

    .sm\:mt--5 { margin-top:-5px; }
    .sm\:mb--5 { margin-bottom:-5px; }

    .sm\:max--5 { max-width:5%; }
    .sm\:mt---5 { margin-top:-5%; }
    .sm\:mb---5 { margin-bottom:-5%; }
    
    
    .sm\:p--10 { padding:10px !important; }
    .sm\:p-10 { padding:10px; }
    .sm\:pt-10 { padding-top:10px; }
    .sm\:pb-10 { padding-bottom:10px; }
    .sm\:pl-10 { padding-left:10px; }
    .sm\:pr-10 { padding-right:10px; }

    .sm\:m-10 {  margin:10px; }
    .sm\:mt-10 { margin-top:10px; }
    .sm\:mb-10 { margin-bottom:10px; }
    .sm\:ml-10 { margin-left:10px; }
    .sm\:mr-10 { margin-right:10px; }

    .sm\:ml--10 { margin-left:-10px; }
    .sm\:mr--10 { margin-right:-10px; }

    .sm\:mt--10 { margin-top:-10px; }
    .sm\:mb--10 { margin-bottom:-10px; }

    .sm\:max--10 { max-width:10%; }
    .sm\:mt---10 { margin-top:-10%; }
    .sm\:mb---10 { margin-bottom:-10%; }
    
    
    .sm\:p--15 { padding:15px !important; }
    .sm\:p-15 { padding:15px; }
    .sm\:pt-15 { padding-top:15px; }
    .sm\:pb-15 { padding-bottom:15px; }
    .sm\:pl-15 { padding-left:15px; }
    .sm\:pr-15 { padding-right:15px; }

    .sm\:m-15 {  margin:15px; }
    .sm\:mt-15 { margin-top:15px; }
    .sm\:mb-15 { margin-bottom:15px; }
    .sm\:ml-15 { margin-left:15px; }
    .sm\:mr-15 { margin-right:15px; }

    .sm\:ml--15 { margin-left:-15px; }
    .sm\:mr--15 { margin-right:-15px; }

    .sm\:mt--15 { margin-top:-15px; }
    .sm\:mb--15 { margin-bottom:-15px; }

    .sm\:max--15 { max-width:15%; }
    .sm\:mt---15 { margin-top:-15%; }
    .sm\:mb---15 { margin-bottom:-15%; }
    
    
    .sm\:p--20 { padding:20px !important; }
    .sm\:p-20 { padding:20px; }
    .sm\:pt-20 { padding-top:20px; }
    .sm\:pb-20 { padding-bottom:20px; }
    .sm\:pl-20 { padding-left:20px; }
    .sm\:pr-20 { padding-right:20px; }

    .sm\:m-20 {  margin:20px; }
    .sm\:mt-20 { margin-top:20px; }
    .sm\:mb-20 { margin-bottom:20px; }
    .sm\:ml-20 { margin-left:20px; }
    .sm\:mr-20 { margin-right:20px; }

    .sm\:ml--20 { margin-left:-20px; }
    .sm\:mr--20 { margin-right:-20px; }

    .sm\:mt--20 { margin-top:-20px; }
    .sm\:mb--20 { margin-bottom:-20px; }

    .sm\:max--20 { max-width:20%; }
    .sm\:mt---20 { margin-top:-20%; }
    .sm\:mb---20 { margin-bottom:-20%; }
    
    
    .sm\:p--25 { padding:25px !important; }
    .sm\:p-25 { padding:25px; }
    .sm\:pt-25 { padding-top:25px; }
    .sm\:pb-25 { padding-bottom:25px; }
    .sm\:pl-25 { padding-left:25px; }
    .sm\:pr-25 { padding-right:25px; }

    .sm\:m-25 {  margin:25px; }
    .sm\:mt-25 { margin-top:25px; }
    .sm\:mb-25 { margin-bottom:25px; }
    .sm\:ml-25 { margin-left:25px; }
    .sm\:mr-25 { margin-right:25px; }

    .sm\:ml--25 { margin-left:-25px; }
    .sm\:mr--25 { margin-right:-25px; }

    .sm\:mt--25 { margin-top:-25px; }
    .sm\:mb--25 { margin-bottom:-25px; }

    .sm\:max--25 { max-width:25%; }
    .sm\:mt---25 { margin-top:-25%; }
    .sm\:mb---25 { margin-bottom:-25%; }
    
    
    .sm\:p--30 { padding:30px !important; }
    .sm\:p-30 { padding:30px; }
    .sm\:pt-30 { padding-top:30px; }
    .sm\:pb-30 { padding-bottom:30px; }
    .sm\:pl-30 { padding-left:30px; }
    .sm\:pr-30 { padding-right:30px; }

    .sm\:m-30 {  margin:30px; }
    .sm\:mt-30 { margin-top:30px; }
    .sm\:mb-30 { margin-bottom:30px; }
    .sm\:ml-30 { margin-left:30px; }
    .sm\:mr-30 { margin-right:30px; }

    .sm\:ml--30 { margin-left:-30px; }
    .sm\:mr--30 { margin-right:-30px; }

    .sm\:mt--30 { margin-top:-30px; }
    .sm\:mb--30 { margin-bottom:-30px; }

    .sm\:max--30 { max-width:30%; }
    .sm\:mt---30 { margin-top:-30%; }
    .sm\:mb---30 { margin-bottom:-30%; }
    
    
    .sm\:p--35 { padding:35px !important; }
    .sm\:p-35 { padding:35px; }
    .sm\:pt-35 { padding-top:35px; }
    .sm\:pb-35 { padding-bottom:35px; }
    .sm\:pl-35 { padding-left:35px; }
    .sm\:pr-35 { padding-right:35px; }

    .sm\:m-35 {  margin:35px; }
    .sm\:mt-35 { margin-top:35px; }
    .sm\:mb-35 { margin-bottom:35px; }
    .sm\:ml-35 { margin-left:35px; }
    .sm\:mr-35 { margin-right:35px; }

    .sm\:ml--35 { margin-left:-35px; }
    .sm\:mr--35 { margin-right:-35px; }

    .sm\:mt--35 { margin-top:-35px; }
    .sm\:mb--35 { margin-bottom:-35px; }

    .sm\:max--35 { max-width:35%; }
    .sm\:mt---35 { margin-top:-35%; }
    .sm\:mb---35 { margin-bottom:-35%; }
    
    
    .sm\:p--40 { padding:40px !important; }
    .sm\:p-40 { padding:40px; }
    .sm\:pt-40 { padding-top:40px; }
    .sm\:pb-40 { padding-bottom:40px; }
    .sm\:pl-40 { padding-left:40px; }
    .sm\:pr-40 { padding-right:40px; }

    .sm\:m-40 {  margin:40px; }
    .sm\:mt-40 { margin-top:40px; }
    .sm\:mb-40 { margin-bottom:40px; }
    .sm\:ml-40 { margin-left:40px; }
    .sm\:mr-40 { margin-right:40px; }

    .sm\:ml--40 { margin-left:-40px; }
    .sm\:mr--40 { margin-right:-40px; }

    .sm\:mt--40 { margin-top:-40px; }
    .sm\:mb--40 { margin-bottom:-40px; }

    .sm\:max--40 { max-width:40%; }
    .sm\:mt---40 { margin-top:-40%; }
    .sm\:mb---40 { margin-bottom:-40%; }
    
    
    .sm\:p--45 { padding:45px !important; }
    .sm\:p-45 { padding:45px; }
    .sm\:pt-45 { padding-top:45px; }
    .sm\:pb-45 { padding-bottom:45px; }
    .sm\:pl-45 { padding-left:45px; }
    .sm\:pr-45 { padding-right:45px; }

    .sm\:m-45 {  margin:45px; }
    .sm\:mt-45 { margin-top:45px; }
    .sm\:mb-45 { margin-bottom:45px; }
    .sm\:ml-45 { margin-left:45px; }
    .sm\:mr-45 { margin-right:45px; }

    .sm\:ml--45 { margin-left:-45px; }
    .sm\:mr--45 { margin-right:-45px; }

    .sm\:mt--45 { margin-top:-45px; }
    .sm\:mb--45 { margin-bottom:-45px; }

    .sm\:max--45 { max-width:45%; }
    .sm\:mt---45 { margin-top:-45%; }
    .sm\:mb---45 { margin-bottom:-45%; }
    
    
    .sm\:p--50 { padding:50px !important; }
    .sm\:p-50 { padding:50px; }
    .sm\:pt-50 { padding-top:50px; }
    .sm\:pb-50 { padding-bottom:50px; }
    .sm\:pl-50 { padding-left:50px; }
    .sm\:pr-50 { padding-right:50px; }

    .sm\:m-50 {  margin:50px; }
    .sm\:mt-50 { margin-top:50px; }
    .sm\:mb-50 { margin-bottom:50px; }
    .sm\:ml-50 { margin-left:50px; }
    .sm\:mr-50 { margin-right:50px; }

    .sm\:ml--50 { margin-left:-50px; }
    .sm\:mr--50 { margin-right:-50px; }

    .sm\:mt--50 { margin-top:-50px; }
    .sm\:mb--50 { margin-bottom:-50px; }

    .sm\:max--50 { max-width:50%; }
    .sm\:mt---50 { margin-top:-50%; }
    .sm\:mb---50 { margin-bottom:-50%; }
    
    
    .sm\:p--55 { padding:55px !important; }
    .sm\:p-55 { padding:55px; }
    .sm\:pt-55 { padding-top:55px; }
    .sm\:pb-55 { padding-bottom:55px; }
    .sm\:pl-55 { padding-left:55px; }
    .sm\:pr-55 { padding-right:55px; }

    .sm\:m-55 {  margin:55px; }
    .sm\:mt-55 { margin-top:55px; }
    .sm\:mb-55 { margin-bottom:55px; }
    .sm\:ml-55 { margin-left:55px; }
    .sm\:mr-55 { margin-right:55px; }

    .sm\:ml--55 { margin-left:-55px; }
    .sm\:mr--55 { margin-right:-55px; }

    .sm\:mt--55 { margin-top:-55px; }
    .sm\:mb--55 { margin-bottom:-55px; }

    .sm\:max--55 { max-width:55%; }
    .sm\:mt---55 { margin-top:-55%; }
    .sm\:mb---55 { margin-bottom:-55%; }
    
    
    .sm\:p--60 { padding:60px !important; }
    .sm\:p-60 { padding:60px; }
    .sm\:pt-60 { padding-top:60px; }
    .sm\:pb-60 { padding-bottom:60px; }
    .sm\:pl-60 { padding-left:60px; }
    .sm\:pr-60 { padding-right:60px; }

    .sm\:m-60 {  margin:60px; }
    .sm\:mt-60 { margin-top:60px; }
    .sm\:mb-60 { margin-bottom:60px; }
    .sm\:ml-60 { margin-left:60px; }
    .sm\:mr-60 { margin-right:60px; }

    .sm\:ml--60 { margin-left:-60px; }
    .sm\:mr--60 { margin-right:-60px; }

    .sm\:mt--60 { margin-top:-60px; }
    .sm\:mb--60 { margin-bottom:-60px; }

    .sm\:max--60 { max-width:60%; }
    .sm\:mt---60 { margin-top:-60%; }
    .sm\:mb---60 { margin-bottom:-60%; }
    
    
    .sm\:p--65 { padding:65px !important; }
    .sm\:p-65 { padding:65px; }
    .sm\:pt-65 { padding-top:65px; }
    .sm\:pb-65 { padding-bottom:65px; }
    .sm\:pl-65 { padding-left:65px; }
    .sm\:pr-65 { padding-right:65px; }

    .sm\:m-65 {  margin:65px; }
    .sm\:mt-65 { margin-top:65px; }
    .sm\:mb-65 { margin-bottom:65px; }
    .sm\:ml-65 { margin-left:65px; }
    .sm\:mr-65 { margin-right:65px; }

    .sm\:ml--65 { margin-left:-65px; }
    .sm\:mr--65 { margin-right:-65px; }

    .sm\:mt--65 { margin-top:-65px; }
    .sm\:mb--65 { margin-bottom:-65px; }

    .sm\:max--65 { max-width:65%; }
    .sm\:mt---65 { margin-top:-65%; }
    .sm\:mb---65 { margin-bottom:-65%; }
    
    
    .sm\:p--70 { padding:70px !important; }
    .sm\:p-70 { padding:70px; }
    .sm\:pt-70 { padding-top:70px; }
    .sm\:pb-70 { padding-bottom:70px; }
    .sm\:pl-70 { padding-left:70px; }
    .sm\:pr-70 { padding-right:70px; }

    .sm\:m-70 {  margin:70px; }
    .sm\:mt-70 { margin-top:70px; }
    .sm\:mb-70 { margin-bottom:70px; }
    .sm\:ml-70 { margin-left:70px; }
    .sm\:mr-70 { margin-right:70px; }

    .sm\:ml--70 { margin-left:-70px; }
    .sm\:mr--70 { margin-right:-70px; }

    .sm\:mt--70 { margin-top:-70px; }
    .sm\:mb--70 { margin-bottom:-70px; }

    .sm\:max--70 { max-width:70%; }
    .sm\:mt---70 { margin-top:-70%; }
    .sm\:mb---70 { margin-bottom:-70%; }
    
    
    .sm\:p--75 { padding:75px !important; }
    .sm\:p-75 { padding:75px; }
    .sm\:pt-75 { padding-top:75px; }
    .sm\:pb-75 { padding-bottom:75px; }
    .sm\:pl-75 { padding-left:75px; }
    .sm\:pr-75 { padding-right:75px; }

    .sm\:m-75 {  margin:75px; }
    .sm\:mt-75 { margin-top:75px; }
    .sm\:mb-75 { margin-bottom:75px; }
    .sm\:ml-75 { margin-left:75px; }
    .sm\:mr-75 { margin-right:75px; }

    .sm\:ml--75 { margin-left:-75px; }
    .sm\:mr--75 { margin-right:-75px; }

    .sm\:mt--75 { margin-top:-75px; }
    .sm\:mb--75 { margin-bottom:-75px; }

    .sm\:max--75 { max-width:75%; }
    .sm\:mt---75 { margin-top:-75%; }
    .sm\:mb---75 { margin-bottom:-75%; }
    
    
    .sm\:p--80 { padding:80px !important; }
    .sm\:p-80 { padding:80px; }
    .sm\:pt-80 { padding-top:80px; }
    .sm\:pb-80 { padding-bottom:80px; }
    .sm\:pl-80 { padding-left:80px; }
    .sm\:pr-80 { padding-right:80px; }

    .sm\:m-80 {  margin:80px; }
    .sm\:mt-80 { margin-top:80px; }
    .sm\:mb-80 { margin-bottom:80px; }
    .sm\:ml-80 { margin-left:80px; }
    .sm\:mr-80 { margin-right:80px; }

    .sm\:ml--80 { margin-left:-80px; }
    .sm\:mr--80 { margin-right:-80px; }

    .sm\:mt--80 { margin-top:-80px; }
    .sm\:mb--80 { margin-bottom:-80px; }

    .sm\:max--80 { max-width:80%; }
    .sm\:mt---80 { margin-top:-80%; }
    .sm\:mb---80 { margin-bottom:-80%; }
    
    
    .sm\:p--85 { padding:85px !important; }
    .sm\:p-85 { padding:85px; }
    .sm\:pt-85 { padding-top:85px; }
    .sm\:pb-85 { padding-bottom:85px; }
    .sm\:pl-85 { padding-left:85px; }
    .sm\:pr-85 { padding-right:85px; }

    .sm\:m-85 {  margin:85px; }
    .sm\:mt-85 { margin-top:85px; }
    .sm\:mb-85 { margin-bottom:85px; }
    .sm\:ml-85 { margin-left:85px; }
    .sm\:mr-85 { margin-right:85px; }

    .sm\:ml--85 { margin-left:-85px; }
    .sm\:mr--85 { margin-right:-85px; }

    .sm\:mt--85 { margin-top:-85px; }
    .sm\:mb--85 { margin-bottom:-85px; }

    .sm\:max--85 { max-width:85%; }
    .sm\:mt---85 { margin-top:-85%; }
    .sm\:mb---85 { margin-bottom:-85%; }
    
    
    .sm\:p--90 { padding:90px !important; }
    .sm\:p-90 { padding:90px; }
    .sm\:pt-90 { padding-top:90px; }
    .sm\:pb-90 { padding-bottom:90px; }
    .sm\:pl-90 { padding-left:90px; }
    .sm\:pr-90 { padding-right:90px; }

    .sm\:m-90 {  margin:90px; }
    .sm\:mt-90 { margin-top:90px; }
    .sm\:mb-90 { margin-bottom:90px; }
    .sm\:ml-90 { margin-left:90px; }
    .sm\:mr-90 { margin-right:90px; }

    .sm\:ml--90 { margin-left:-90px; }
    .sm\:mr--90 { margin-right:-90px; }

    .sm\:mt--90 { margin-top:-90px; }
    .sm\:mb--90 { margin-bottom:-90px; }

    .sm\:max--90 { max-width:90%; }
    .sm\:mt---90 { margin-top:-90%; }
    .sm\:mb---90 { margin-bottom:-90%; }
    
    
    .sm\:p--95 { padding:95px !important; }
    .sm\:p-95 { padding:95px; }
    .sm\:pt-95 { padding-top:95px; }
    .sm\:pb-95 { padding-bottom:95px; }
    .sm\:pl-95 { padding-left:95px; }
    .sm\:pr-95 { padding-right:95px; }

    .sm\:m-95 {  margin:95px; }
    .sm\:mt-95 { margin-top:95px; }
    .sm\:mb-95 { margin-bottom:95px; }
    .sm\:ml-95 { margin-left:95px; }
    .sm\:mr-95 { margin-right:95px; }

    .sm\:ml--95 { margin-left:-95px; }
    .sm\:mr--95 { margin-right:-95px; }

    .sm\:mt--95 { margin-top:-95px; }
    .sm\:mb--95 { margin-bottom:-95px; }

    .sm\:max--95 { max-width:95%; }
    .sm\:mt---95 { margin-top:-95%; }
    .sm\:mb---95 { margin-bottom:-95%; }
    
    
    .sm\:p--100 { padding:100px !important; }
    .sm\:p-100 { padding:100px; }
    .sm\:pt-100 { padding-top:100px; }
    .sm\:pb-100 { padding-bottom:100px; }
    .sm\:pl-100 { padding-left:100px; }
    .sm\:pr-100 { padding-right:100px; }

    .sm\:m-100 {  margin:100px; }
    .sm\:mt-100 { margin-top:100px; }
    .sm\:mb-100 { margin-bottom:100px; }
    .sm\:ml-100 { margin-left:100px; }
    .sm\:mr-100 { margin-right:100px; }

    .sm\:ml--100 { margin-left:-100px; }
    .sm\:mr--100 { margin-right:-100px; }

    .sm\:mt--100 { margin-top:-100px; }
    .sm\:mb--100 { margin-bottom:-100px; }

    .sm\:max--100 { max-width:100%; }
    .sm\:mt---100 { margin-top:-100%; }
    .sm\:mb---100 { margin-bottom:-100%; }
    
    
    .sm\:p--105 { padding:105px !important; }
    .sm\:p-105 { padding:105px; }
    .sm\:pt-105 { padding-top:105px; }
    .sm\:pb-105 { padding-bottom:105px; }
    .sm\:pl-105 { padding-left:105px; }
    .sm\:pr-105 { padding-right:105px; }

    .sm\:m-105 {  margin:105px; }
    .sm\:mt-105 { margin-top:105px; }
    .sm\:mb-105 { margin-bottom:105px; }
    .sm\:ml-105 { margin-left:105px; }
    .sm\:mr-105 { margin-right:105px; }

    .sm\:ml--105 { margin-left:-105px; }
    .sm\:mr--105 { margin-right:-105px; }

    .sm\:mt--105 { margin-top:-105px; }
    .sm\:mb--105 { margin-bottom:-105px; }

    .sm\:max--105 { max-width:105%; }
    .sm\:mt---105 { margin-top:-105%; }
    .sm\:mb---105 { margin-bottom:-105%; }
    
    
    .sm\:p--110 { padding:110px !important; }
    .sm\:p-110 { padding:110px; }
    .sm\:pt-110 { padding-top:110px; }
    .sm\:pb-110 { padding-bottom:110px; }
    .sm\:pl-110 { padding-left:110px; }
    .sm\:pr-110 { padding-right:110px; }

    .sm\:m-110 {  margin:110px; }
    .sm\:mt-110 { margin-top:110px; }
    .sm\:mb-110 { margin-bottom:110px; }
    .sm\:ml-110 { margin-left:110px; }
    .sm\:mr-110 { margin-right:110px; }

    .sm\:ml--110 { margin-left:-110px; }
    .sm\:mr--110 { margin-right:-110px; }

    .sm\:mt--110 { margin-top:-110px; }
    .sm\:mb--110 { margin-bottom:-110px; }

    .sm\:max--110 { max-width:110%; }
    .sm\:mt---110 { margin-top:-110%; }
    .sm\:mb---110 { margin-bottom:-110%; }
    
    
    .sm\:p--115 { padding:115px !important; }
    .sm\:p-115 { padding:115px; }
    .sm\:pt-115 { padding-top:115px; }
    .sm\:pb-115 { padding-bottom:115px; }
    .sm\:pl-115 { padding-left:115px; }
    .sm\:pr-115 { padding-right:115px; }

    .sm\:m-115 {  margin:115px; }
    .sm\:mt-115 { margin-top:115px; }
    .sm\:mb-115 { margin-bottom:115px; }
    .sm\:ml-115 { margin-left:115px; }
    .sm\:mr-115 { margin-right:115px; }

    .sm\:ml--115 { margin-left:-115px; }
    .sm\:mr--115 { margin-right:-115px; }

    .sm\:mt--115 { margin-top:-115px; }
    .sm\:mb--115 { margin-bottom:-115px; }

    .sm\:max--115 { max-width:115%; }
    .sm\:mt---115 { margin-top:-115%; }
    .sm\:mb---115 { margin-bottom:-115%; }
    
    
    .sm\:p--120 { padding:120px !important; }
    .sm\:p-120 { padding:120px; }
    .sm\:pt-120 { padding-top:120px; }
    .sm\:pb-120 { padding-bottom:120px; }
    .sm\:pl-120 { padding-left:120px; }
    .sm\:pr-120 { padding-right:120px; }

    .sm\:m-120 {  margin:120px; }
    .sm\:mt-120 { margin-top:120px; }
    .sm\:mb-120 { margin-bottom:120px; }
    .sm\:ml-120 { margin-left:120px; }
    .sm\:mr-120 { margin-right:120px; }

    .sm\:ml--120 { margin-left:-120px; }
    .sm\:mr--120 { margin-right:-120px; }

    .sm\:mt--120 { margin-top:-120px; }
    .sm\:mb--120 { margin-bottom:-120px; }

    .sm\:max--120 { max-width:120%; }
    .sm\:mt---120 { margin-top:-120%; }
    .sm\:mb---120 { margin-bottom:-120%; }
    
    
    .sm\:p--125 { padding:125px !important; }
    .sm\:p-125 { padding:125px; }
    .sm\:pt-125 { padding-top:125px; }
    .sm\:pb-125 { padding-bottom:125px; }
    .sm\:pl-125 { padding-left:125px; }
    .sm\:pr-125 { padding-right:125px; }

    .sm\:m-125 {  margin:125px; }
    .sm\:mt-125 { margin-top:125px; }
    .sm\:mb-125 { margin-bottom:125px; }
    .sm\:ml-125 { margin-left:125px; }
    .sm\:mr-125 { margin-right:125px; }

    .sm\:ml--125 { margin-left:-125px; }
    .sm\:mr--125 { margin-right:-125px; }

    .sm\:mt--125 { margin-top:-125px; }
    .sm\:mb--125 { margin-bottom:-125px; }

    .sm\:max--125 { max-width:125%; }
    .sm\:mt---125 { margin-top:-125%; }
    .sm\:mb---125 { margin-bottom:-125%; }
    
    
    .sm\:p--130 { padding:130px !important; }
    .sm\:p-130 { padding:130px; }
    .sm\:pt-130 { padding-top:130px; }
    .sm\:pb-130 { padding-bottom:130px; }
    .sm\:pl-130 { padding-left:130px; }
    .sm\:pr-130 { padding-right:130px; }

    .sm\:m-130 {  margin:130px; }
    .sm\:mt-130 { margin-top:130px; }
    .sm\:mb-130 { margin-bottom:130px; }
    .sm\:ml-130 { margin-left:130px; }
    .sm\:mr-130 { margin-right:130px; }

    .sm\:ml--130 { margin-left:-130px; }
    .sm\:mr--130 { margin-right:-130px; }

    .sm\:mt--130 { margin-top:-130px; }
    .sm\:mb--130 { margin-bottom:-130px; }

    .sm\:max--130 { max-width:130%; }
    .sm\:mt---130 { margin-top:-130%; }
    .sm\:mb---130 { margin-bottom:-130%; }
    
    
    .sm\:p--135 { padding:135px !important; }
    .sm\:p-135 { padding:135px; }
    .sm\:pt-135 { padding-top:135px; }
    .sm\:pb-135 { padding-bottom:135px; }
    .sm\:pl-135 { padding-left:135px; }
    .sm\:pr-135 { padding-right:135px; }

    .sm\:m-135 {  margin:135px; }
    .sm\:mt-135 { margin-top:135px; }
    .sm\:mb-135 { margin-bottom:135px; }
    .sm\:ml-135 { margin-left:135px; }
    .sm\:mr-135 { margin-right:135px; }

    .sm\:ml--135 { margin-left:-135px; }
    .sm\:mr--135 { margin-right:-135px; }

    .sm\:mt--135 { margin-top:-135px; }
    .sm\:mb--135 { margin-bottom:-135px; }

    .sm\:max--135 { max-width:135%; }
    .sm\:mt---135 { margin-top:-135%; }
    .sm\:mb---135 { margin-bottom:-135%; }
    
    
    .sm\:p--140 { padding:140px !important; }
    .sm\:p-140 { padding:140px; }
    .sm\:pt-140 { padding-top:140px; }
    .sm\:pb-140 { padding-bottom:140px; }
    .sm\:pl-140 { padding-left:140px; }
    .sm\:pr-140 { padding-right:140px; }

    .sm\:m-140 {  margin:140px; }
    .sm\:mt-140 { margin-top:140px; }
    .sm\:mb-140 { margin-bottom:140px; }
    .sm\:ml-140 { margin-left:140px; }
    .sm\:mr-140 { margin-right:140px; }

    .sm\:ml--140 { margin-left:-140px; }
    .sm\:mr--140 { margin-right:-140px; }

    .sm\:mt--140 { margin-top:-140px; }
    .sm\:mb--140 { margin-bottom:-140px; }

    .sm\:max--140 { max-width:140%; }
    .sm\:mt---140 { margin-top:-140%; }
    .sm\:mb---140 { margin-bottom:-140%; }
    
    
    .sm\:p--145 { padding:145px !important; }
    .sm\:p-145 { padding:145px; }
    .sm\:pt-145 { padding-top:145px; }
    .sm\:pb-145 { padding-bottom:145px; }
    .sm\:pl-145 { padding-left:145px; }
    .sm\:pr-145 { padding-right:145px; }

    .sm\:m-145 {  margin:145px; }
    .sm\:mt-145 { margin-top:145px; }
    .sm\:mb-145 { margin-bottom:145px; }
    .sm\:ml-145 { margin-left:145px; }
    .sm\:mr-145 { margin-right:145px; }

    .sm\:ml--145 { margin-left:-145px; }
    .sm\:mr--145 { margin-right:-145px; }

    .sm\:mt--145 { margin-top:-145px; }
    .sm\:mb--145 { margin-bottom:-145px; }

    .sm\:max--145 { max-width:145%; }
    .sm\:mt---145 { margin-top:-145%; }
    .sm\:mb---145 { margin-bottom:-145%; }
    
    
    .sm\:p--150 { padding:150px !important; }
    .sm\:p-150 { padding:150px; }
    .sm\:pt-150 { padding-top:150px; }
    .sm\:pb-150 { padding-bottom:150px; }
    .sm\:pl-150 { padding-left:150px; }
    .sm\:pr-150 { padding-right:150px; }

    .sm\:m-150 {  margin:150px; }
    .sm\:mt-150 { margin-top:150px; }
    .sm\:mb-150 { margin-bottom:150px; }
    .sm\:ml-150 { margin-left:150px; }
    .sm\:mr-150 { margin-right:150px; }

    .sm\:ml--150 { margin-left:-150px; }
    .sm\:mr--150 { margin-right:-150px; }

    .sm\:mt--150 { margin-top:-150px; }
    .sm\:mb--150 { margin-bottom:-150px; }

    .sm\:max--150 { max-width:150%; }
    .sm\:mt---150 { margin-top:-150%; }
    .sm\:mb---150 { margin-bottom:-150%; }
    
    

    
    .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .sm\:max-50 { max-width:50px; }
    .sm\:text-2{ font-size:2px; } 

    
    .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .sm\:max-100 { max-width:100px; }
    .sm\:text-4{ font-size:4px; } 

    
    .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .sm\:max-150 { max-width:150px; }
    .sm\:text-6{ font-size:6px; } 

    
    .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .sm\:max-200 { max-width:200px; }
    .sm\:text-8{ font-size:8px; } 

    
    .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .sm\:max-250 { max-width:250px; }
    .sm\:text-10{ font-size:10px; } 

    
    .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .sm\:max-300 { max-width:300px; }
    .sm\:text-12{ font-size:12px; } 

    
    .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .sm\:max-350 { max-width:350px; }
    .sm\:text-14{ font-size:14px; } 

    
    .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .sm\:max-400 { max-width:400px; }
    .sm\:text-16{ font-size:16px; } 

    
    .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .sm\:max-450 { max-width:450px; }
    .sm\:text-18{ font-size:18px; } 

    
    .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .sm\:max-500 { max-width:500px; }
    .sm\:text-20{ font-size:20px; } 

    
    .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .sm\:max-550 { max-width:550px; }
    .sm\:text-22{ font-size:22px; } 

    
    .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .sm\:max-600 { max-width:600px; }
    .sm\:text-24{ font-size:24px; } 

    
    .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .sm\:max-650 { max-width:650px; }
    .sm\:text-26{ font-size:26px; } 

    
    .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .sm\:max-700 { max-width:700px; }
    .sm\:text-28{ font-size:28px; } 

    
    .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .sm\:max-750 { max-width:750px; }
    .sm\:text-30{ font-size:30px; } 

    
    .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .sm\:max-800 { max-width:800px; }
    .sm\:text-32{ font-size:32px; } 

    
    .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .sm\:max-850 { max-width:850px; }
    .sm\:text-34{ font-size:34px; } 

    
    .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .sm\:max-900 { max-width:900px; }
    .sm\:text-36{ font-size:36px; } 

    
    .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .sm\:max-950 { max-width:950px; }
    .sm\:text-38{ font-size:38px; } 

    
    .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .sm\:max-1000 { max-width:1000px; }
    .sm\:text-40{ font-size:40px; } 

    
    .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .sm\:max-1050 { max-width:1050px; }
    .sm\:text-42{ font-size:42px; } 

    
    .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .sm\:max-1100 { max-width:1100px; }
    .sm\:text-44{ font-size:44px; } 

    
    .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .sm\:max-1150 { max-width:1150px; }
    .sm\:text-46{ font-size:46px; } 

    
    .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .sm\:max-1200 { max-width:1200px; }
    .sm\:text-48{ font-size:48px; } 

    
    .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .sm\:max-1250 { max-width:1250px; }
    .sm\:text-50{ font-size:50px; } 

    
    .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .sm\:max-1300 { max-width:1300px; }
    .sm\:text-52{ font-size:52px; } 

    
    .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .sm\:max-1350 { max-width:1350px; }
    .sm\:text-54{ font-size:54px; } 

    
    .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .sm\:max-1400 { max-width:1400px; }
    .sm\:text-56{ font-size:56px; } 

    
    .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .sm\:max-1450 { max-width:1450px; }
    .sm\:text-58{ font-size:58px; } 

    

    .sm\:max-full { max-width:100%; }
    .sm\:ml-auto{ margin-left:auto; }
    .sm\:mr-auto{ margin-right:auto; }
    .sm\:vh-100{ height:100vh; }
    .sm\:vh-auto{ height:auto; }
}


@media(min-width:992px){
    
    
    .md\:d-block {
        display:block;
    }
    
    .md\:d-inline-block {
        display:inline-block;
    }
    
    .md\:d-flex {
        display:flex;
    }
    
    .md\:d-inline-flex {
        display:inline-flex;
    }
    
    .md\:d-none {
        display:none;
    }
    
    
    
    .md\:align-center {
        align-items:center;
    }
    
    .md\:align-flex-start {
        align-items:flex-start;
    }
    
    .md\:align-flex-end {
        align-items:flex-end;
    }
    
    .md\:align-normal {
        align-items:normal;
    }
    
    
    
    .md\:justify-center {
        justify-content:center;
    }
    
    .md\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .md\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .md\:justify-space-around {
        justify-content:space-around;
    }
    
    .md\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .md\:text-left {
        text-align:left;
    }
    
    .md\:text-right {
        text-align:right;
    }
    
    .md\:text-center {
        text-align:center;
    }
    
    
    
    .md\:direction-column {
        flex-direction:column;
    }
    
    .md\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .md\:direction-row {
        flex-direction:row;
    }
    
    .md\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .md\:p--0 { padding:0px !important; }
    .md\:p-0 { padding:0px; }
    .md\:pt-0 { padding-top:0px; }
    .md\:pb-0 { padding-bottom:0px; }
    .md\:pl-0 { padding-left:0px; }
    .md\:pr-0 { padding-right:0px; }

    .md\:m-0 {  margin:0px; }
    .md\:mt-0 { margin-top:0px; }
    .md\:mb-0 { margin-bottom:0px; }
    .md\:ml-0 { margin-left:0px; }
    .md\:mr-0 { margin-right:0px; }

    .md\:ml--0 { margin-left:-0px; }
    .md\:mr--0 { margin-right:-0px; }

    .md\:mt--0 { margin-top:-0px; }
    .md\:mb--0 { margin-bottom:-0px; }

    .md\:max--0 { max-width:0%; }
    .md\:mt---0 { margin-top:-0%; }
    .md\:mb---0 { margin-bottom:-0%; }
    
    
    .md\:p--5 { padding:5px !important; }
    .md\:p-5 { padding:5px; }
    .md\:pt-5 { padding-top:5px; }
    .md\:pb-5 { padding-bottom:5px; }
    .md\:pl-5 { padding-left:5px; }
    .md\:pr-5 { padding-right:5px; }

    .md\:m-5 {  margin:5px; }
    .md\:mt-5 { margin-top:5px; }
    .md\:mb-5 { margin-bottom:5px; }
    .md\:ml-5 { margin-left:5px; }
    .md\:mr-5 { margin-right:5px; }

    .md\:ml--5 { margin-left:-5px; }
    .md\:mr--5 { margin-right:-5px; }

    .md\:mt--5 { margin-top:-5px; }
    .md\:mb--5 { margin-bottom:-5px; }

    .md\:max--5 { max-width:5%; }
    .md\:mt---5 { margin-top:-5%; }
    .md\:mb---5 { margin-bottom:-5%; }
    
    
    .md\:p--10 { padding:10px !important; }
    .md\:p-10 { padding:10px; }
    .md\:pt-10 { padding-top:10px; }
    .md\:pb-10 { padding-bottom:10px; }
    .md\:pl-10 { padding-left:10px; }
    .md\:pr-10 { padding-right:10px; }

    .md\:m-10 {  margin:10px; }
    .md\:mt-10 { margin-top:10px; }
    .md\:mb-10 { margin-bottom:10px; }
    .md\:ml-10 { margin-left:10px; }
    .md\:mr-10 { margin-right:10px; }

    .md\:ml--10 { margin-left:-10px; }
    .md\:mr--10 { margin-right:-10px; }

    .md\:mt--10 { margin-top:-10px; }
    .md\:mb--10 { margin-bottom:-10px; }

    .md\:max--10 { max-width:10%; }
    .md\:mt---10 { margin-top:-10%; }
    .md\:mb---10 { margin-bottom:-10%; }
    
    
    .md\:p--15 { padding:15px !important; }
    .md\:p-15 { padding:15px; }
    .md\:pt-15 { padding-top:15px; }
    .md\:pb-15 { padding-bottom:15px; }
    .md\:pl-15 { padding-left:15px; }
    .md\:pr-15 { padding-right:15px; }

    .md\:m-15 {  margin:15px; }
    .md\:mt-15 { margin-top:15px; }
    .md\:mb-15 { margin-bottom:15px; }
    .md\:ml-15 { margin-left:15px; }
    .md\:mr-15 { margin-right:15px; }

    .md\:ml--15 { margin-left:-15px; }
    .md\:mr--15 { margin-right:-15px; }

    .md\:mt--15 { margin-top:-15px; }
    .md\:mb--15 { margin-bottom:-15px; }

    .md\:max--15 { max-width:15%; }
    .md\:mt---15 { margin-top:-15%; }
    .md\:mb---15 { margin-bottom:-15%; }
    
    
    .md\:p--20 { padding:20px !important; }
    .md\:p-20 { padding:20px; }
    .md\:pt-20 { padding-top:20px; }
    .md\:pb-20 { padding-bottom:20px; }
    .md\:pl-20 { padding-left:20px; }
    .md\:pr-20 { padding-right:20px; }

    .md\:m-20 {  margin:20px; }
    .md\:mt-20 { margin-top:20px; }
    .md\:mb-20 { margin-bottom:20px; }
    .md\:ml-20 { margin-left:20px; }
    .md\:mr-20 { margin-right:20px; }

    .md\:ml--20 { margin-left:-20px; }
    .md\:mr--20 { margin-right:-20px; }

    .md\:mt--20 { margin-top:-20px; }
    .md\:mb--20 { margin-bottom:-20px; }

    .md\:max--20 { max-width:20%; }
    .md\:mt---20 { margin-top:-20%; }
    .md\:mb---20 { margin-bottom:-20%; }
    
    
    .md\:p--25 { padding:25px !important; }
    .md\:p-25 { padding:25px; }
    .md\:pt-25 { padding-top:25px; }
    .md\:pb-25 { padding-bottom:25px; }
    .md\:pl-25 { padding-left:25px; }
    .md\:pr-25 { padding-right:25px; }

    .md\:m-25 {  margin:25px; }
    .md\:mt-25 { margin-top:25px; }
    .md\:mb-25 { margin-bottom:25px; }
    .md\:ml-25 { margin-left:25px; }
    .md\:mr-25 { margin-right:25px; }

    .md\:ml--25 { margin-left:-25px; }
    .md\:mr--25 { margin-right:-25px; }

    .md\:mt--25 { margin-top:-25px; }
    .md\:mb--25 { margin-bottom:-25px; }

    .md\:max--25 { max-width:25%; }
    .md\:mt---25 { margin-top:-25%; }
    .md\:mb---25 { margin-bottom:-25%; }
    
    
    .md\:p--30 { padding:30px !important; }
    .md\:p-30 { padding:30px; }
    .md\:pt-30 { padding-top:30px; }
    .md\:pb-30 { padding-bottom:30px; }
    .md\:pl-30 { padding-left:30px; }
    .md\:pr-30 { padding-right:30px; }

    .md\:m-30 {  margin:30px; }
    .md\:mt-30 { margin-top:30px; }
    .md\:mb-30 { margin-bottom:30px; }
    .md\:ml-30 { margin-left:30px; }
    .md\:mr-30 { margin-right:30px; }

    .md\:ml--30 { margin-left:-30px; }
    .md\:mr--30 { margin-right:-30px; }

    .md\:mt--30 { margin-top:-30px; }
    .md\:mb--30 { margin-bottom:-30px; }

    .md\:max--30 { max-width:30%; }
    .md\:mt---30 { margin-top:-30%; }
    .md\:mb---30 { margin-bottom:-30%; }
    
    
    .md\:p--35 { padding:35px !important; }
    .md\:p-35 { padding:35px; }
    .md\:pt-35 { padding-top:35px; }
    .md\:pb-35 { padding-bottom:35px; }
    .md\:pl-35 { padding-left:35px; }
    .md\:pr-35 { padding-right:35px; }

    .md\:m-35 {  margin:35px; }
    .md\:mt-35 { margin-top:35px; }
    .md\:mb-35 { margin-bottom:35px; }
    .md\:ml-35 { margin-left:35px; }
    .md\:mr-35 { margin-right:35px; }

    .md\:ml--35 { margin-left:-35px; }
    .md\:mr--35 { margin-right:-35px; }

    .md\:mt--35 { margin-top:-35px; }
    .md\:mb--35 { margin-bottom:-35px; }

    .md\:max--35 { max-width:35%; }
    .md\:mt---35 { margin-top:-35%; }
    .md\:mb---35 { margin-bottom:-35%; }
    
    
    .md\:p--40 { padding:40px !important; }
    .md\:p-40 { padding:40px; }
    .md\:pt-40 { padding-top:40px; }
    .md\:pb-40 { padding-bottom:40px; }
    .md\:pl-40 { padding-left:40px; }
    .md\:pr-40 { padding-right:40px; }

    .md\:m-40 {  margin:40px; }
    .md\:mt-40 { margin-top:40px; }
    .md\:mb-40 { margin-bottom:40px; }
    .md\:ml-40 { margin-left:40px; }
    .md\:mr-40 { margin-right:40px; }

    .md\:ml--40 { margin-left:-40px; }
    .md\:mr--40 { margin-right:-40px; }

    .md\:mt--40 { margin-top:-40px; }
    .md\:mb--40 { margin-bottom:-40px; }

    .md\:max--40 { max-width:40%; }
    .md\:mt---40 { margin-top:-40%; }
    .md\:mb---40 { margin-bottom:-40%; }
    
    
    .md\:p--45 { padding:45px !important; }
    .md\:p-45 { padding:45px; }
    .md\:pt-45 { padding-top:45px; }
    .md\:pb-45 { padding-bottom:45px; }
    .md\:pl-45 { padding-left:45px; }
    .md\:pr-45 { padding-right:45px; }

    .md\:m-45 {  margin:45px; }
    .md\:mt-45 { margin-top:45px; }
    .md\:mb-45 { margin-bottom:45px; }
    .md\:ml-45 { margin-left:45px; }
    .md\:mr-45 { margin-right:45px; }

    .md\:ml--45 { margin-left:-45px; }
    .md\:mr--45 { margin-right:-45px; }

    .md\:mt--45 { margin-top:-45px; }
    .md\:mb--45 { margin-bottom:-45px; }

    .md\:max--45 { max-width:45%; }
    .md\:mt---45 { margin-top:-45%; }
    .md\:mb---45 { margin-bottom:-45%; }
    
    
    .md\:p--50 { padding:50px !important; }
    .md\:p-50 { padding:50px; }
    .md\:pt-50 { padding-top:50px; }
    .md\:pb-50 { padding-bottom:50px; }
    .md\:pl-50 { padding-left:50px; }
    .md\:pr-50 { padding-right:50px; }

    .md\:m-50 {  margin:50px; }
    .md\:mt-50 { margin-top:50px; }
    .md\:mb-50 { margin-bottom:50px; }
    .md\:ml-50 { margin-left:50px; }
    .md\:mr-50 { margin-right:50px; }

    .md\:ml--50 { margin-left:-50px; }
    .md\:mr--50 { margin-right:-50px; }

    .md\:mt--50 { margin-top:-50px; }
    .md\:mb--50 { margin-bottom:-50px; }

    .md\:max--50 { max-width:50%; }
    .md\:mt---50 { margin-top:-50%; }
    .md\:mb---50 { margin-bottom:-50%; }
    
    
    .md\:p--55 { padding:55px !important; }
    .md\:p-55 { padding:55px; }
    .md\:pt-55 { padding-top:55px; }
    .md\:pb-55 { padding-bottom:55px; }
    .md\:pl-55 { padding-left:55px; }
    .md\:pr-55 { padding-right:55px; }

    .md\:m-55 {  margin:55px; }
    .md\:mt-55 { margin-top:55px; }
    .md\:mb-55 { margin-bottom:55px; }
    .md\:ml-55 { margin-left:55px; }
    .md\:mr-55 { margin-right:55px; }

    .md\:ml--55 { margin-left:-55px; }
    .md\:mr--55 { margin-right:-55px; }

    .md\:mt--55 { margin-top:-55px; }
    .md\:mb--55 { margin-bottom:-55px; }

    .md\:max--55 { max-width:55%; }
    .md\:mt---55 { margin-top:-55%; }
    .md\:mb---55 { margin-bottom:-55%; }
    
    
    .md\:p--60 { padding:60px !important; }
    .md\:p-60 { padding:60px; }
    .md\:pt-60 { padding-top:60px; }
    .md\:pb-60 { padding-bottom:60px; }
    .md\:pl-60 { padding-left:60px; }
    .md\:pr-60 { padding-right:60px; }

    .md\:m-60 {  margin:60px; }
    .md\:mt-60 { margin-top:60px; }
    .md\:mb-60 { margin-bottom:60px; }
    .md\:ml-60 { margin-left:60px; }
    .md\:mr-60 { margin-right:60px; }

    .md\:ml--60 { margin-left:-60px; }
    .md\:mr--60 { margin-right:-60px; }

    .md\:mt--60 { margin-top:-60px; }
    .md\:mb--60 { margin-bottom:-60px; }

    .md\:max--60 { max-width:60%; }
    .md\:mt---60 { margin-top:-60%; }
    .md\:mb---60 { margin-bottom:-60%; }
    
    
    .md\:p--65 { padding:65px !important; }
    .md\:p-65 { padding:65px; }
    .md\:pt-65 { padding-top:65px; }
    .md\:pb-65 { padding-bottom:65px; }
    .md\:pl-65 { padding-left:65px; }
    .md\:pr-65 { padding-right:65px; }

    .md\:m-65 {  margin:65px; }
    .md\:mt-65 { margin-top:65px; }
    .md\:mb-65 { margin-bottom:65px; }
    .md\:ml-65 { margin-left:65px; }
    .md\:mr-65 { margin-right:65px; }

    .md\:ml--65 { margin-left:-65px; }
    .md\:mr--65 { margin-right:-65px; }

    .md\:mt--65 { margin-top:-65px; }
    .md\:mb--65 { margin-bottom:-65px; }

    .md\:max--65 { max-width:65%; }
    .md\:mt---65 { margin-top:-65%; }
    .md\:mb---65 { margin-bottom:-65%; }
    
    
    .md\:p--70 { padding:70px !important; }
    .md\:p-70 { padding:70px; }
    .md\:pt-70 { padding-top:70px; }
    .md\:pb-70 { padding-bottom:70px; }
    .md\:pl-70 { padding-left:70px; }
    .md\:pr-70 { padding-right:70px; }

    .md\:m-70 {  margin:70px; }
    .md\:mt-70 { margin-top:70px; }
    .md\:mb-70 { margin-bottom:70px; }
    .md\:ml-70 { margin-left:70px; }
    .md\:mr-70 { margin-right:70px; }

    .md\:ml--70 { margin-left:-70px; }
    .md\:mr--70 { margin-right:-70px; }

    .md\:mt--70 { margin-top:-70px; }
    .md\:mb--70 { margin-bottom:-70px; }

    .md\:max--70 { max-width:70%; }
    .md\:mt---70 { margin-top:-70%; }
    .md\:mb---70 { margin-bottom:-70%; }
    
    
    .md\:p--75 { padding:75px !important; }
    .md\:p-75 { padding:75px; }
    .md\:pt-75 { padding-top:75px; }
    .md\:pb-75 { padding-bottom:75px; }
    .md\:pl-75 { padding-left:75px; }
    .md\:pr-75 { padding-right:75px; }

    .md\:m-75 {  margin:75px; }
    .md\:mt-75 { margin-top:75px; }
    .md\:mb-75 { margin-bottom:75px; }
    .md\:ml-75 { margin-left:75px; }
    .md\:mr-75 { margin-right:75px; }

    .md\:ml--75 { margin-left:-75px; }
    .md\:mr--75 { margin-right:-75px; }

    .md\:mt--75 { margin-top:-75px; }
    .md\:mb--75 { margin-bottom:-75px; }

    .md\:max--75 { max-width:75%; }
    .md\:mt---75 { margin-top:-75%; }
    .md\:mb---75 { margin-bottom:-75%; }
    
    
    .md\:p--80 { padding:80px !important; }
    .md\:p-80 { padding:80px; }
    .md\:pt-80 { padding-top:80px; }
    .md\:pb-80 { padding-bottom:80px; }
    .md\:pl-80 { padding-left:80px; }
    .md\:pr-80 { padding-right:80px; }

    .md\:m-80 {  margin:80px; }
    .md\:mt-80 { margin-top:80px; }
    .md\:mb-80 { margin-bottom:80px; }
    .md\:ml-80 { margin-left:80px; }
    .md\:mr-80 { margin-right:80px; }

    .md\:ml--80 { margin-left:-80px; }
    .md\:mr--80 { margin-right:-80px; }

    .md\:mt--80 { margin-top:-80px; }
    .md\:mb--80 { margin-bottom:-80px; }

    .md\:max--80 { max-width:80%; }
    .md\:mt---80 { margin-top:-80%; }
    .md\:mb---80 { margin-bottom:-80%; }
    
    
    .md\:p--85 { padding:85px !important; }
    .md\:p-85 { padding:85px; }
    .md\:pt-85 { padding-top:85px; }
    .md\:pb-85 { padding-bottom:85px; }
    .md\:pl-85 { padding-left:85px; }
    .md\:pr-85 { padding-right:85px; }

    .md\:m-85 {  margin:85px; }
    .md\:mt-85 { margin-top:85px; }
    .md\:mb-85 { margin-bottom:85px; }
    .md\:ml-85 { margin-left:85px; }
    .md\:mr-85 { margin-right:85px; }

    .md\:ml--85 { margin-left:-85px; }
    .md\:mr--85 { margin-right:-85px; }

    .md\:mt--85 { margin-top:-85px; }
    .md\:mb--85 { margin-bottom:-85px; }

    .md\:max--85 { max-width:85%; }
    .md\:mt---85 { margin-top:-85%; }
    .md\:mb---85 { margin-bottom:-85%; }
    
    
    .md\:p--90 { padding:90px !important; }
    .md\:p-90 { padding:90px; }
    .md\:pt-90 { padding-top:90px; }
    .md\:pb-90 { padding-bottom:90px; }
    .md\:pl-90 { padding-left:90px; }
    .md\:pr-90 { padding-right:90px; }

    .md\:m-90 {  margin:90px; }
    .md\:mt-90 { margin-top:90px; }
    .md\:mb-90 { margin-bottom:90px; }
    .md\:ml-90 { margin-left:90px; }
    .md\:mr-90 { margin-right:90px; }

    .md\:ml--90 { margin-left:-90px; }
    .md\:mr--90 { margin-right:-90px; }

    .md\:mt--90 { margin-top:-90px; }
    .md\:mb--90 { margin-bottom:-90px; }

    .md\:max--90 { max-width:90%; }
    .md\:mt---90 { margin-top:-90%; }
    .md\:mb---90 { margin-bottom:-90%; }
    
    
    .md\:p--95 { padding:95px !important; }
    .md\:p-95 { padding:95px; }
    .md\:pt-95 { padding-top:95px; }
    .md\:pb-95 { padding-bottom:95px; }
    .md\:pl-95 { padding-left:95px; }
    .md\:pr-95 { padding-right:95px; }

    .md\:m-95 {  margin:95px; }
    .md\:mt-95 { margin-top:95px; }
    .md\:mb-95 { margin-bottom:95px; }
    .md\:ml-95 { margin-left:95px; }
    .md\:mr-95 { margin-right:95px; }

    .md\:ml--95 { margin-left:-95px; }
    .md\:mr--95 { margin-right:-95px; }

    .md\:mt--95 { margin-top:-95px; }
    .md\:mb--95 { margin-bottom:-95px; }

    .md\:max--95 { max-width:95%; }
    .md\:mt---95 { margin-top:-95%; }
    .md\:mb---95 { margin-bottom:-95%; }
    
    
    .md\:p--100 { padding:100px !important; }
    .md\:p-100 { padding:100px; }
    .md\:pt-100 { padding-top:100px; }
    .md\:pb-100 { padding-bottom:100px; }
    .md\:pl-100 { padding-left:100px; }
    .md\:pr-100 { padding-right:100px; }

    .md\:m-100 {  margin:100px; }
    .md\:mt-100 { margin-top:100px; }
    .md\:mb-100 { margin-bottom:100px; }
    .md\:ml-100 { margin-left:100px; }
    .md\:mr-100 { margin-right:100px; }

    .md\:ml--100 { margin-left:-100px; }
    .md\:mr--100 { margin-right:-100px; }

    .md\:mt--100 { margin-top:-100px; }
    .md\:mb--100 { margin-bottom:-100px; }

    .md\:max--100 { max-width:100%; }
    .md\:mt---100 { margin-top:-100%; }
    .md\:mb---100 { margin-bottom:-100%; }
    
    
    .md\:p--105 { padding:105px !important; }
    .md\:p-105 { padding:105px; }
    .md\:pt-105 { padding-top:105px; }
    .md\:pb-105 { padding-bottom:105px; }
    .md\:pl-105 { padding-left:105px; }
    .md\:pr-105 { padding-right:105px; }

    .md\:m-105 {  margin:105px; }
    .md\:mt-105 { margin-top:105px; }
    .md\:mb-105 { margin-bottom:105px; }
    .md\:ml-105 { margin-left:105px; }
    .md\:mr-105 { margin-right:105px; }

    .md\:ml--105 { margin-left:-105px; }
    .md\:mr--105 { margin-right:-105px; }

    .md\:mt--105 { margin-top:-105px; }
    .md\:mb--105 { margin-bottom:-105px; }

    .md\:max--105 { max-width:105%; }
    .md\:mt---105 { margin-top:-105%; }
    .md\:mb---105 { margin-bottom:-105%; }
    
    
    .md\:p--110 { padding:110px !important; }
    .md\:p-110 { padding:110px; }
    .md\:pt-110 { padding-top:110px; }
    .md\:pb-110 { padding-bottom:110px; }
    .md\:pl-110 { padding-left:110px; }
    .md\:pr-110 { padding-right:110px; }

    .md\:m-110 {  margin:110px; }
    .md\:mt-110 { margin-top:110px; }
    .md\:mb-110 { margin-bottom:110px; }
    .md\:ml-110 { margin-left:110px; }
    .md\:mr-110 { margin-right:110px; }

    .md\:ml--110 { margin-left:-110px; }
    .md\:mr--110 { margin-right:-110px; }

    .md\:mt--110 { margin-top:-110px; }
    .md\:mb--110 { margin-bottom:-110px; }

    .md\:max--110 { max-width:110%; }
    .md\:mt---110 { margin-top:-110%; }
    .md\:mb---110 { margin-bottom:-110%; }
    
    
    .md\:p--115 { padding:115px !important; }
    .md\:p-115 { padding:115px; }
    .md\:pt-115 { padding-top:115px; }
    .md\:pb-115 { padding-bottom:115px; }
    .md\:pl-115 { padding-left:115px; }
    .md\:pr-115 { padding-right:115px; }

    .md\:m-115 {  margin:115px; }
    .md\:mt-115 { margin-top:115px; }
    .md\:mb-115 { margin-bottom:115px; }
    .md\:ml-115 { margin-left:115px; }
    .md\:mr-115 { margin-right:115px; }

    .md\:ml--115 { margin-left:-115px; }
    .md\:mr--115 { margin-right:-115px; }

    .md\:mt--115 { margin-top:-115px; }
    .md\:mb--115 { margin-bottom:-115px; }

    .md\:max--115 { max-width:115%; }
    .md\:mt---115 { margin-top:-115%; }
    .md\:mb---115 { margin-bottom:-115%; }
    
    
    .md\:p--120 { padding:120px !important; }
    .md\:p-120 { padding:120px; }
    .md\:pt-120 { padding-top:120px; }
    .md\:pb-120 { padding-bottom:120px; }
    .md\:pl-120 { padding-left:120px; }
    .md\:pr-120 { padding-right:120px; }

    .md\:m-120 {  margin:120px; }
    .md\:mt-120 { margin-top:120px; }
    .md\:mb-120 { margin-bottom:120px; }
    .md\:ml-120 { margin-left:120px; }
    .md\:mr-120 { margin-right:120px; }

    .md\:ml--120 { margin-left:-120px; }
    .md\:mr--120 { margin-right:-120px; }

    .md\:mt--120 { margin-top:-120px; }
    .md\:mb--120 { margin-bottom:-120px; }

    .md\:max--120 { max-width:120%; }
    .md\:mt---120 { margin-top:-120%; }
    .md\:mb---120 { margin-bottom:-120%; }
    
    
    .md\:p--125 { padding:125px !important; }
    .md\:p-125 { padding:125px; }
    .md\:pt-125 { padding-top:125px; }
    .md\:pb-125 { padding-bottom:125px; }
    .md\:pl-125 { padding-left:125px; }
    .md\:pr-125 { padding-right:125px; }

    .md\:m-125 {  margin:125px; }
    .md\:mt-125 { margin-top:125px; }
    .md\:mb-125 { margin-bottom:125px; }
    .md\:ml-125 { margin-left:125px; }
    .md\:mr-125 { margin-right:125px; }

    .md\:ml--125 { margin-left:-125px; }
    .md\:mr--125 { margin-right:-125px; }

    .md\:mt--125 { margin-top:-125px; }
    .md\:mb--125 { margin-bottom:-125px; }

    .md\:max--125 { max-width:125%; }
    .md\:mt---125 { margin-top:-125%; }
    .md\:mb---125 { margin-bottom:-125%; }
    
    
    .md\:p--130 { padding:130px !important; }
    .md\:p-130 { padding:130px; }
    .md\:pt-130 { padding-top:130px; }
    .md\:pb-130 { padding-bottom:130px; }
    .md\:pl-130 { padding-left:130px; }
    .md\:pr-130 { padding-right:130px; }

    .md\:m-130 {  margin:130px; }
    .md\:mt-130 { margin-top:130px; }
    .md\:mb-130 { margin-bottom:130px; }
    .md\:ml-130 { margin-left:130px; }
    .md\:mr-130 { margin-right:130px; }

    .md\:ml--130 { margin-left:-130px; }
    .md\:mr--130 { margin-right:-130px; }

    .md\:mt--130 { margin-top:-130px; }
    .md\:mb--130 { margin-bottom:-130px; }

    .md\:max--130 { max-width:130%; }
    .md\:mt---130 { margin-top:-130%; }
    .md\:mb---130 { margin-bottom:-130%; }
    
    
    .md\:p--135 { padding:135px !important; }
    .md\:p-135 { padding:135px; }
    .md\:pt-135 { padding-top:135px; }
    .md\:pb-135 { padding-bottom:135px; }
    .md\:pl-135 { padding-left:135px; }
    .md\:pr-135 { padding-right:135px; }

    .md\:m-135 {  margin:135px; }
    .md\:mt-135 { margin-top:135px; }
    .md\:mb-135 { margin-bottom:135px; }
    .md\:ml-135 { margin-left:135px; }
    .md\:mr-135 { margin-right:135px; }

    .md\:ml--135 { margin-left:-135px; }
    .md\:mr--135 { margin-right:-135px; }

    .md\:mt--135 { margin-top:-135px; }
    .md\:mb--135 { margin-bottom:-135px; }

    .md\:max--135 { max-width:135%; }
    .md\:mt---135 { margin-top:-135%; }
    .md\:mb---135 { margin-bottom:-135%; }
    
    
    .md\:p--140 { padding:140px !important; }
    .md\:p-140 { padding:140px; }
    .md\:pt-140 { padding-top:140px; }
    .md\:pb-140 { padding-bottom:140px; }
    .md\:pl-140 { padding-left:140px; }
    .md\:pr-140 { padding-right:140px; }

    .md\:m-140 {  margin:140px; }
    .md\:mt-140 { margin-top:140px; }
    .md\:mb-140 { margin-bottom:140px; }
    .md\:ml-140 { margin-left:140px; }
    .md\:mr-140 { margin-right:140px; }

    .md\:ml--140 { margin-left:-140px; }
    .md\:mr--140 { margin-right:-140px; }

    .md\:mt--140 { margin-top:-140px; }
    .md\:mb--140 { margin-bottom:-140px; }

    .md\:max--140 { max-width:140%; }
    .md\:mt---140 { margin-top:-140%; }
    .md\:mb---140 { margin-bottom:-140%; }
    
    
    .md\:p--145 { padding:145px !important; }
    .md\:p-145 { padding:145px; }
    .md\:pt-145 { padding-top:145px; }
    .md\:pb-145 { padding-bottom:145px; }
    .md\:pl-145 { padding-left:145px; }
    .md\:pr-145 { padding-right:145px; }

    .md\:m-145 {  margin:145px; }
    .md\:mt-145 { margin-top:145px; }
    .md\:mb-145 { margin-bottom:145px; }
    .md\:ml-145 { margin-left:145px; }
    .md\:mr-145 { margin-right:145px; }

    .md\:ml--145 { margin-left:-145px; }
    .md\:mr--145 { margin-right:-145px; }

    .md\:mt--145 { margin-top:-145px; }
    .md\:mb--145 { margin-bottom:-145px; }

    .md\:max--145 { max-width:145%; }
    .md\:mt---145 { margin-top:-145%; }
    .md\:mb---145 { margin-bottom:-145%; }
    
    
    .md\:p--150 { padding:150px !important; }
    .md\:p-150 { padding:150px; }
    .md\:pt-150 { padding-top:150px; }
    .md\:pb-150 { padding-bottom:150px; }
    .md\:pl-150 { padding-left:150px; }
    .md\:pr-150 { padding-right:150px; }

    .md\:m-150 {  margin:150px; }
    .md\:mt-150 { margin-top:150px; }
    .md\:mb-150 { margin-bottom:150px; }
    .md\:ml-150 { margin-left:150px; }
    .md\:mr-150 { margin-right:150px; }

    .md\:ml--150 { margin-left:-150px; }
    .md\:mr--150 { margin-right:-150px; }

    .md\:mt--150 { margin-top:-150px; }
    .md\:mb--150 { margin-bottom:-150px; }

    .md\:max--150 { max-width:150%; }
    .md\:mt---150 { margin-top:-150%; }
    .md\:mb---150 { margin-bottom:-150%; }
    
    

    
    .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .md\:max-50 { max-width:50px; }
    .md\:text-2{ font-size:2px; } 

    
    .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .md\:max-100 { max-width:100px; }
    .md\:text-4{ font-size:4px; } 

    
    .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .md\:max-150 { max-width:150px; }
    .md\:text-6{ font-size:6px; } 

    
    .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .md\:max-200 { max-width:200px; }
    .md\:text-8{ font-size:8px; } 

    
    .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .md\:max-250 { max-width:250px; }
    .md\:text-10{ font-size:10px; } 

    
    .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .md\:max-300 { max-width:300px; }
    .md\:text-12{ font-size:12px; } 

    
    .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .md\:max-350 { max-width:350px; }
    .md\:text-14{ font-size:14px; } 

    
    .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .md\:max-400 { max-width:400px; }
    .md\:text-16{ font-size:16px; } 

    
    .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .md\:max-450 { max-width:450px; }
    .md\:text-18{ font-size:18px; } 

    
    .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .md\:max-500 { max-width:500px; }
    .md\:text-20{ font-size:20px; } 

    
    .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .md\:max-550 { max-width:550px; }
    .md\:text-22{ font-size:22px; } 

    
    .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .md\:max-600 { max-width:600px; }
    .md\:text-24{ font-size:24px; } 

    
    .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .md\:max-650 { max-width:650px; }
    .md\:text-26{ font-size:26px; } 

    
    .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .md\:max-700 { max-width:700px; }
    .md\:text-28{ font-size:28px; } 

    
    .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .md\:max-750 { max-width:750px; }
    .md\:text-30{ font-size:30px; } 

    
    .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .md\:max-800 { max-width:800px; }
    .md\:text-32{ font-size:32px; } 

    
    .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .md\:max-850 { max-width:850px; }
    .md\:text-34{ font-size:34px; } 

    
    .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .md\:max-900 { max-width:900px; }
    .md\:text-36{ font-size:36px; } 

    
    .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .md\:max-950 { max-width:950px; }
    .md\:text-38{ font-size:38px; } 

    
    .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .md\:max-1000 { max-width:1000px; }
    .md\:text-40{ font-size:40px; } 

    
    .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .md\:max-1050 { max-width:1050px; }
    .md\:text-42{ font-size:42px; } 

    
    .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .md\:max-1100 { max-width:1100px; }
    .md\:text-44{ font-size:44px; } 

    
    .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .md\:max-1150 { max-width:1150px; }
    .md\:text-46{ font-size:46px; } 

    
    .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .md\:max-1200 { max-width:1200px; }
    .md\:text-48{ font-size:48px; } 

    
    .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .md\:max-1250 { max-width:1250px; }
    .md\:text-50{ font-size:50px; } 

    
    .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .md\:max-1300 { max-width:1300px; }
    .md\:text-52{ font-size:52px; } 

    
    .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .md\:max-1350 { max-width:1350px; }
    .md\:text-54{ font-size:54px; } 

    
    .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .md\:max-1400 { max-width:1400px; }
    .md\:text-56{ font-size:56px; } 

    
    .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .md\:max-1450 { max-width:1450px; }
    .md\:text-58{ font-size:58px; } 

    

    .md\:max-full { max-width:100%; }
    .md\:ml-auto{ margin-left:auto; }
    .md\:mr-auto{ margin-right:auto; }
    .md\:vh-100{ height:100vh; }
    .md\:vh-auto{ height:auto; }
}


@media(min-width:1200px){
    
    
    .lg\:d-block {
        display:block;
    }
    
    .lg\:d-inline-block {
        display:inline-block;
    }
    
    .lg\:d-flex {
        display:flex;
    }
    
    .lg\:d-inline-flex {
        display:inline-flex;
    }
    
    .lg\:d-none {
        display:none;
    }
    
    
    
    .lg\:align-center {
        align-items:center;
    }
    
    .lg\:align-flex-start {
        align-items:flex-start;
    }
    
    .lg\:align-flex-end {
        align-items:flex-end;
    }
    
    .lg\:align-normal {
        align-items:normal;
    }
    
    
    
    .lg\:justify-center {
        justify-content:center;
    }
    
    .lg\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .lg\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .lg\:justify-space-around {
        justify-content:space-around;
    }
    
    .lg\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .lg\:text-left {
        text-align:left;
    }
    
    .lg\:text-right {
        text-align:right;
    }
    
    .lg\:text-center {
        text-align:center;
    }
    
    
    
    .lg\:direction-column {
        flex-direction:column;
    }
    
    .lg\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .lg\:direction-row {
        flex-direction:row;
    }
    
    .lg\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .lg\:p--0 { padding:0px !important; }
    .lg\:p-0 { padding:0px; }
    .lg\:pt-0 { padding-top:0px; }
    .lg\:pb-0 { padding-bottom:0px; }
    .lg\:pl-0 { padding-left:0px; }
    .lg\:pr-0 { padding-right:0px; }

    .lg\:m-0 {  margin:0px; }
    .lg\:mt-0 { margin-top:0px; }
    .lg\:mb-0 { margin-bottom:0px; }
    .lg\:ml-0 { margin-left:0px; }
    .lg\:mr-0 { margin-right:0px; }

    .lg\:ml--0 { margin-left:-0px; }
    .lg\:mr--0 { margin-right:-0px; }

    .lg\:mt--0 { margin-top:-0px; }
    .lg\:mb--0 { margin-bottom:-0px; }

    .lg\:max--0 { max-width:0%; }
    .lg\:mt---0 { margin-top:-0%; }
    .lg\:mb---0 { margin-bottom:-0%; }
    
    
    .lg\:p--5 { padding:5px !important; }
    .lg\:p-5 { padding:5px; }
    .lg\:pt-5 { padding-top:5px; }
    .lg\:pb-5 { padding-bottom:5px; }
    .lg\:pl-5 { padding-left:5px; }
    .lg\:pr-5 { padding-right:5px; }

    .lg\:m-5 {  margin:5px; }
    .lg\:mt-5 { margin-top:5px; }
    .lg\:mb-5 { margin-bottom:5px; }
    .lg\:ml-5 { margin-left:5px; }
    .lg\:mr-5 { margin-right:5px; }

    .lg\:ml--5 { margin-left:-5px; }
    .lg\:mr--5 { margin-right:-5px; }

    .lg\:mt--5 { margin-top:-5px; }
    .lg\:mb--5 { margin-bottom:-5px; }

    .lg\:max--5 { max-width:5%; }
    .lg\:mt---5 { margin-top:-5%; }
    .lg\:mb---5 { margin-bottom:-5%; }
    
    
    .lg\:p--10 { padding:10px !important; }
    .lg\:p-10 { padding:10px; }
    .lg\:pt-10 { padding-top:10px; }
    .lg\:pb-10 { padding-bottom:10px; }
    .lg\:pl-10 { padding-left:10px; }
    .lg\:pr-10 { padding-right:10px; }

    .lg\:m-10 {  margin:10px; }
    .lg\:mt-10 { margin-top:10px; }
    .lg\:mb-10 { margin-bottom:10px; }
    .lg\:ml-10 { margin-left:10px; }
    .lg\:mr-10 { margin-right:10px; }

    .lg\:ml--10 { margin-left:-10px; }
    .lg\:mr--10 { margin-right:-10px; }

    .lg\:mt--10 { margin-top:-10px; }
    .lg\:mb--10 { margin-bottom:-10px; }

    .lg\:max--10 { max-width:10%; }
    .lg\:mt---10 { margin-top:-10%; }
    .lg\:mb---10 { margin-bottom:-10%; }
    
    
    .lg\:p--15 { padding:15px !important; }
    .lg\:p-15 { padding:15px; }
    .lg\:pt-15 { padding-top:15px; }
    .lg\:pb-15 { padding-bottom:15px; }
    .lg\:pl-15 { padding-left:15px; }
    .lg\:pr-15 { padding-right:15px; }

    .lg\:m-15 {  margin:15px; }
    .lg\:mt-15 { margin-top:15px; }
    .lg\:mb-15 { margin-bottom:15px; }
    .lg\:ml-15 { margin-left:15px; }
    .lg\:mr-15 { margin-right:15px; }

    .lg\:ml--15 { margin-left:-15px; }
    .lg\:mr--15 { margin-right:-15px; }

    .lg\:mt--15 { margin-top:-15px; }
    .lg\:mb--15 { margin-bottom:-15px; }

    .lg\:max--15 { max-width:15%; }
    .lg\:mt---15 { margin-top:-15%; }
    .lg\:mb---15 { margin-bottom:-15%; }
    
    
    .lg\:p--20 { padding:20px !important; }
    .lg\:p-20 { padding:20px; }
    .lg\:pt-20 { padding-top:20px; }
    .lg\:pb-20 { padding-bottom:20px; }
    .lg\:pl-20 { padding-left:20px; }
    .lg\:pr-20 { padding-right:20px; }

    .lg\:m-20 {  margin:20px; }
    .lg\:mt-20 { margin-top:20px; }
    .lg\:mb-20 { margin-bottom:20px; }
    .lg\:ml-20 { margin-left:20px; }
    .lg\:mr-20 { margin-right:20px; }

    .lg\:ml--20 { margin-left:-20px; }
    .lg\:mr--20 { margin-right:-20px; }

    .lg\:mt--20 { margin-top:-20px; }
    .lg\:mb--20 { margin-bottom:-20px; }

    .lg\:max--20 { max-width:20%; }
    .lg\:mt---20 { margin-top:-20%; }
    .lg\:mb---20 { margin-bottom:-20%; }
    
    
    .lg\:p--25 { padding:25px !important; }
    .lg\:p-25 { padding:25px; }
    .lg\:pt-25 { padding-top:25px; }
    .lg\:pb-25 { padding-bottom:25px; }
    .lg\:pl-25 { padding-left:25px; }
    .lg\:pr-25 { padding-right:25px; }

    .lg\:m-25 {  margin:25px; }
    .lg\:mt-25 { margin-top:25px; }
    .lg\:mb-25 { margin-bottom:25px; }
    .lg\:ml-25 { margin-left:25px; }
    .lg\:mr-25 { margin-right:25px; }

    .lg\:ml--25 { margin-left:-25px; }
    .lg\:mr--25 { margin-right:-25px; }

    .lg\:mt--25 { margin-top:-25px; }
    .lg\:mb--25 { margin-bottom:-25px; }

    .lg\:max--25 { max-width:25%; }
    .lg\:mt---25 { margin-top:-25%; }
    .lg\:mb---25 { margin-bottom:-25%; }
    
    
    .lg\:p--30 { padding:30px !important; }
    .lg\:p-30 { padding:30px; }
    .lg\:pt-30 { padding-top:30px; }
    .lg\:pb-30 { padding-bottom:30px; }
    .lg\:pl-30 { padding-left:30px; }
    .lg\:pr-30 { padding-right:30px; }

    .lg\:m-30 {  margin:30px; }
    .lg\:mt-30 { margin-top:30px; }
    .lg\:mb-30 { margin-bottom:30px; }
    .lg\:ml-30 { margin-left:30px; }
    .lg\:mr-30 { margin-right:30px; }

    .lg\:ml--30 { margin-left:-30px; }
    .lg\:mr--30 { margin-right:-30px; }

    .lg\:mt--30 { margin-top:-30px; }
    .lg\:mb--30 { margin-bottom:-30px; }

    .lg\:max--30 { max-width:30%; }
    .lg\:mt---30 { margin-top:-30%; }
    .lg\:mb---30 { margin-bottom:-30%; }
    
    
    .lg\:p--35 { padding:35px !important; }
    .lg\:p-35 { padding:35px; }
    .lg\:pt-35 { padding-top:35px; }
    .lg\:pb-35 { padding-bottom:35px; }
    .lg\:pl-35 { padding-left:35px; }
    .lg\:pr-35 { padding-right:35px; }

    .lg\:m-35 {  margin:35px; }
    .lg\:mt-35 { margin-top:35px; }
    .lg\:mb-35 { margin-bottom:35px; }
    .lg\:ml-35 { margin-left:35px; }
    .lg\:mr-35 { margin-right:35px; }

    .lg\:ml--35 { margin-left:-35px; }
    .lg\:mr--35 { margin-right:-35px; }

    .lg\:mt--35 { margin-top:-35px; }
    .lg\:mb--35 { margin-bottom:-35px; }

    .lg\:max--35 { max-width:35%; }
    .lg\:mt---35 { margin-top:-35%; }
    .lg\:mb---35 { margin-bottom:-35%; }
    
    
    .lg\:p--40 { padding:40px !important; }
    .lg\:p-40 { padding:40px; }
    .lg\:pt-40 { padding-top:40px; }
    .lg\:pb-40 { padding-bottom:40px; }
    .lg\:pl-40 { padding-left:40px; }
    .lg\:pr-40 { padding-right:40px; }

    .lg\:m-40 {  margin:40px; }
    .lg\:mt-40 { margin-top:40px; }
    .lg\:mb-40 { margin-bottom:40px; }
    .lg\:ml-40 { margin-left:40px; }
    .lg\:mr-40 { margin-right:40px; }

    .lg\:ml--40 { margin-left:-40px; }
    .lg\:mr--40 { margin-right:-40px; }

    .lg\:mt--40 { margin-top:-40px; }
    .lg\:mb--40 { margin-bottom:-40px; }

    .lg\:max--40 { max-width:40%; }
    .lg\:mt---40 { margin-top:-40%; }
    .lg\:mb---40 { margin-bottom:-40%; }
    
    
    .lg\:p--45 { padding:45px !important; }
    .lg\:p-45 { padding:45px; }
    .lg\:pt-45 { padding-top:45px; }
    .lg\:pb-45 { padding-bottom:45px; }
    .lg\:pl-45 { padding-left:45px; }
    .lg\:pr-45 { padding-right:45px; }

    .lg\:m-45 {  margin:45px; }
    .lg\:mt-45 { margin-top:45px; }
    .lg\:mb-45 { margin-bottom:45px; }
    .lg\:ml-45 { margin-left:45px; }
    .lg\:mr-45 { margin-right:45px; }

    .lg\:ml--45 { margin-left:-45px; }
    .lg\:mr--45 { margin-right:-45px; }

    .lg\:mt--45 { margin-top:-45px; }
    .lg\:mb--45 { margin-bottom:-45px; }

    .lg\:max--45 { max-width:45%; }
    .lg\:mt---45 { margin-top:-45%; }
    .lg\:mb---45 { margin-bottom:-45%; }
    
    
    .lg\:p--50 { padding:50px !important; }
    .lg\:p-50 { padding:50px; }
    .lg\:pt-50 { padding-top:50px; }
    .lg\:pb-50 { padding-bottom:50px; }
    .lg\:pl-50 { padding-left:50px; }
    .lg\:pr-50 { padding-right:50px; }

    .lg\:m-50 {  margin:50px; }
    .lg\:mt-50 { margin-top:50px; }
    .lg\:mb-50 { margin-bottom:50px; }
    .lg\:ml-50 { margin-left:50px; }
    .lg\:mr-50 { margin-right:50px; }

    .lg\:ml--50 { margin-left:-50px; }
    .lg\:mr--50 { margin-right:-50px; }

    .lg\:mt--50 { margin-top:-50px; }
    .lg\:mb--50 { margin-bottom:-50px; }

    .lg\:max--50 { max-width:50%; }
    .lg\:mt---50 { margin-top:-50%; }
    .lg\:mb---50 { margin-bottom:-50%; }
    
    
    .lg\:p--55 { padding:55px !important; }
    .lg\:p-55 { padding:55px; }
    .lg\:pt-55 { padding-top:55px; }
    .lg\:pb-55 { padding-bottom:55px; }
    .lg\:pl-55 { padding-left:55px; }
    .lg\:pr-55 { padding-right:55px; }

    .lg\:m-55 {  margin:55px; }
    .lg\:mt-55 { margin-top:55px; }
    .lg\:mb-55 { margin-bottom:55px; }
    .lg\:ml-55 { margin-left:55px; }
    .lg\:mr-55 { margin-right:55px; }

    .lg\:ml--55 { margin-left:-55px; }
    .lg\:mr--55 { margin-right:-55px; }

    .lg\:mt--55 { margin-top:-55px; }
    .lg\:mb--55 { margin-bottom:-55px; }

    .lg\:max--55 { max-width:55%; }
    .lg\:mt---55 { margin-top:-55%; }
    .lg\:mb---55 { margin-bottom:-55%; }
    
    
    .lg\:p--60 { padding:60px !important; }
    .lg\:p-60 { padding:60px; }
    .lg\:pt-60 { padding-top:60px; }
    .lg\:pb-60 { padding-bottom:60px; }
    .lg\:pl-60 { padding-left:60px; }
    .lg\:pr-60 { padding-right:60px; }

    .lg\:m-60 {  margin:60px; }
    .lg\:mt-60 { margin-top:60px; }
    .lg\:mb-60 { margin-bottom:60px; }
    .lg\:ml-60 { margin-left:60px; }
    .lg\:mr-60 { margin-right:60px; }

    .lg\:ml--60 { margin-left:-60px; }
    .lg\:mr--60 { margin-right:-60px; }

    .lg\:mt--60 { margin-top:-60px; }
    .lg\:mb--60 { margin-bottom:-60px; }

    .lg\:max--60 { max-width:60%; }
    .lg\:mt---60 { margin-top:-60%; }
    .lg\:mb---60 { margin-bottom:-60%; }
    
    
    .lg\:p--65 { padding:65px !important; }
    .lg\:p-65 { padding:65px; }
    .lg\:pt-65 { padding-top:65px; }
    .lg\:pb-65 { padding-bottom:65px; }
    .lg\:pl-65 { padding-left:65px; }
    .lg\:pr-65 { padding-right:65px; }

    .lg\:m-65 {  margin:65px; }
    .lg\:mt-65 { margin-top:65px; }
    .lg\:mb-65 { margin-bottom:65px; }
    .lg\:ml-65 { margin-left:65px; }
    .lg\:mr-65 { margin-right:65px; }

    .lg\:ml--65 { margin-left:-65px; }
    .lg\:mr--65 { margin-right:-65px; }

    .lg\:mt--65 { margin-top:-65px; }
    .lg\:mb--65 { margin-bottom:-65px; }

    .lg\:max--65 { max-width:65%; }
    .lg\:mt---65 { margin-top:-65%; }
    .lg\:mb---65 { margin-bottom:-65%; }
    
    
    .lg\:p--70 { padding:70px !important; }
    .lg\:p-70 { padding:70px; }
    .lg\:pt-70 { padding-top:70px; }
    .lg\:pb-70 { padding-bottom:70px; }
    .lg\:pl-70 { padding-left:70px; }
    .lg\:pr-70 { padding-right:70px; }

    .lg\:m-70 {  margin:70px; }
    .lg\:mt-70 { margin-top:70px; }
    .lg\:mb-70 { margin-bottom:70px; }
    .lg\:ml-70 { margin-left:70px; }
    .lg\:mr-70 { margin-right:70px; }

    .lg\:ml--70 { margin-left:-70px; }
    .lg\:mr--70 { margin-right:-70px; }

    .lg\:mt--70 { margin-top:-70px; }
    .lg\:mb--70 { margin-bottom:-70px; }

    .lg\:max--70 { max-width:70%; }
    .lg\:mt---70 { margin-top:-70%; }
    .lg\:mb---70 { margin-bottom:-70%; }
    
    
    .lg\:p--75 { padding:75px !important; }
    .lg\:p-75 { padding:75px; }
    .lg\:pt-75 { padding-top:75px; }
    .lg\:pb-75 { padding-bottom:75px; }
    .lg\:pl-75 { padding-left:75px; }
    .lg\:pr-75 { padding-right:75px; }

    .lg\:m-75 {  margin:75px; }
    .lg\:mt-75 { margin-top:75px; }
    .lg\:mb-75 { margin-bottom:75px; }
    .lg\:ml-75 { margin-left:75px; }
    .lg\:mr-75 { margin-right:75px; }

    .lg\:ml--75 { margin-left:-75px; }
    .lg\:mr--75 { margin-right:-75px; }

    .lg\:mt--75 { margin-top:-75px; }
    .lg\:mb--75 { margin-bottom:-75px; }

    .lg\:max--75 { max-width:75%; }
    .lg\:mt---75 { margin-top:-75%; }
    .lg\:mb---75 { margin-bottom:-75%; }
    
    
    .lg\:p--80 { padding:80px !important; }
    .lg\:p-80 { padding:80px; }
    .lg\:pt-80 { padding-top:80px; }
    .lg\:pb-80 { padding-bottom:80px; }
    .lg\:pl-80 { padding-left:80px; }
    .lg\:pr-80 { padding-right:80px; }

    .lg\:m-80 {  margin:80px; }
    .lg\:mt-80 { margin-top:80px; }
    .lg\:mb-80 { margin-bottom:80px; }
    .lg\:ml-80 { margin-left:80px; }
    .lg\:mr-80 { margin-right:80px; }

    .lg\:ml--80 { margin-left:-80px; }
    .lg\:mr--80 { margin-right:-80px; }

    .lg\:mt--80 { margin-top:-80px; }
    .lg\:mb--80 { margin-bottom:-80px; }

    .lg\:max--80 { max-width:80%; }
    .lg\:mt---80 { margin-top:-80%; }
    .lg\:mb---80 { margin-bottom:-80%; }
    
    
    .lg\:p--85 { padding:85px !important; }
    .lg\:p-85 { padding:85px; }
    .lg\:pt-85 { padding-top:85px; }
    .lg\:pb-85 { padding-bottom:85px; }
    .lg\:pl-85 { padding-left:85px; }
    .lg\:pr-85 { padding-right:85px; }

    .lg\:m-85 {  margin:85px; }
    .lg\:mt-85 { margin-top:85px; }
    .lg\:mb-85 { margin-bottom:85px; }
    .lg\:ml-85 { margin-left:85px; }
    .lg\:mr-85 { margin-right:85px; }

    .lg\:ml--85 { margin-left:-85px; }
    .lg\:mr--85 { margin-right:-85px; }

    .lg\:mt--85 { margin-top:-85px; }
    .lg\:mb--85 { margin-bottom:-85px; }

    .lg\:max--85 { max-width:85%; }
    .lg\:mt---85 { margin-top:-85%; }
    .lg\:mb---85 { margin-bottom:-85%; }
    
    
    .lg\:p--90 { padding:90px !important; }
    .lg\:p-90 { padding:90px; }
    .lg\:pt-90 { padding-top:90px; }
    .lg\:pb-90 { padding-bottom:90px; }
    .lg\:pl-90 { padding-left:90px; }
    .lg\:pr-90 { padding-right:90px; }

    .lg\:m-90 {  margin:90px; }
    .lg\:mt-90 { margin-top:90px; }
    .lg\:mb-90 { margin-bottom:90px; }
    .lg\:ml-90 { margin-left:90px; }
    .lg\:mr-90 { margin-right:90px; }

    .lg\:ml--90 { margin-left:-90px; }
    .lg\:mr--90 { margin-right:-90px; }

    .lg\:mt--90 { margin-top:-90px; }
    .lg\:mb--90 { margin-bottom:-90px; }

    .lg\:max--90 { max-width:90%; }
    .lg\:mt---90 { margin-top:-90%; }
    .lg\:mb---90 { margin-bottom:-90%; }
    
    
    .lg\:p--95 { padding:95px !important; }
    .lg\:p-95 { padding:95px; }
    .lg\:pt-95 { padding-top:95px; }
    .lg\:pb-95 { padding-bottom:95px; }
    .lg\:pl-95 { padding-left:95px; }
    .lg\:pr-95 { padding-right:95px; }

    .lg\:m-95 {  margin:95px; }
    .lg\:mt-95 { margin-top:95px; }
    .lg\:mb-95 { margin-bottom:95px; }
    .lg\:ml-95 { margin-left:95px; }
    .lg\:mr-95 { margin-right:95px; }

    .lg\:ml--95 { margin-left:-95px; }
    .lg\:mr--95 { margin-right:-95px; }

    .lg\:mt--95 { margin-top:-95px; }
    .lg\:mb--95 { margin-bottom:-95px; }

    .lg\:max--95 { max-width:95%; }
    .lg\:mt---95 { margin-top:-95%; }
    .lg\:mb---95 { margin-bottom:-95%; }
    
    
    .lg\:p--100 { padding:100px !important; }
    .lg\:p-100 { padding:100px; }
    .lg\:pt-100 { padding-top:100px; }
    .lg\:pb-100 { padding-bottom:100px; }
    .lg\:pl-100 { padding-left:100px; }
    .lg\:pr-100 { padding-right:100px; }

    .lg\:m-100 {  margin:100px; }
    .lg\:mt-100 { margin-top:100px; }
    .lg\:mb-100 { margin-bottom:100px; }
    .lg\:ml-100 { margin-left:100px; }
    .lg\:mr-100 { margin-right:100px; }

    .lg\:ml--100 { margin-left:-100px; }
    .lg\:mr--100 { margin-right:-100px; }

    .lg\:mt--100 { margin-top:-100px; }
    .lg\:mb--100 { margin-bottom:-100px; }

    .lg\:max--100 { max-width:100%; }
    .lg\:mt---100 { margin-top:-100%; }
    .lg\:mb---100 { margin-bottom:-100%; }
    
    
    .lg\:p--105 { padding:105px !important; }
    .lg\:p-105 { padding:105px; }
    .lg\:pt-105 { padding-top:105px; }
    .lg\:pb-105 { padding-bottom:105px; }
    .lg\:pl-105 { padding-left:105px; }
    .lg\:pr-105 { padding-right:105px; }

    .lg\:m-105 {  margin:105px; }
    .lg\:mt-105 { margin-top:105px; }
    .lg\:mb-105 { margin-bottom:105px; }
    .lg\:ml-105 { margin-left:105px; }
    .lg\:mr-105 { margin-right:105px; }

    .lg\:ml--105 { margin-left:-105px; }
    .lg\:mr--105 { margin-right:-105px; }

    .lg\:mt--105 { margin-top:-105px; }
    .lg\:mb--105 { margin-bottom:-105px; }

    .lg\:max--105 { max-width:105%; }
    .lg\:mt---105 { margin-top:-105%; }
    .lg\:mb---105 { margin-bottom:-105%; }
    
    
    .lg\:p--110 { padding:110px !important; }
    .lg\:p-110 { padding:110px; }
    .lg\:pt-110 { padding-top:110px; }
    .lg\:pb-110 { padding-bottom:110px; }
    .lg\:pl-110 { padding-left:110px; }
    .lg\:pr-110 { padding-right:110px; }

    .lg\:m-110 {  margin:110px; }
    .lg\:mt-110 { margin-top:110px; }
    .lg\:mb-110 { margin-bottom:110px; }
    .lg\:ml-110 { margin-left:110px; }
    .lg\:mr-110 { margin-right:110px; }

    .lg\:ml--110 { margin-left:-110px; }
    .lg\:mr--110 { margin-right:-110px; }

    .lg\:mt--110 { margin-top:-110px; }
    .lg\:mb--110 { margin-bottom:-110px; }

    .lg\:max--110 { max-width:110%; }
    .lg\:mt---110 { margin-top:-110%; }
    .lg\:mb---110 { margin-bottom:-110%; }
    
    
    .lg\:p--115 { padding:115px !important; }
    .lg\:p-115 { padding:115px; }
    .lg\:pt-115 { padding-top:115px; }
    .lg\:pb-115 { padding-bottom:115px; }
    .lg\:pl-115 { padding-left:115px; }
    .lg\:pr-115 { padding-right:115px; }

    .lg\:m-115 {  margin:115px; }
    .lg\:mt-115 { margin-top:115px; }
    .lg\:mb-115 { margin-bottom:115px; }
    .lg\:ml-115 { margin-left:115px; }
    .lg\:mr-115 { margin-right:115px; }

    .lg\:ml--115 { margin-left:-115px; }
    .lg\:mr--115 { margin-right:-115px; }

    .lg\:mt--115 { margin-top:-115px; }
    .lg\:mb--115 { margin-bottom:-115px; }

    .lg\:max--115 { max-width:115%; }
    .lg\:mt---115 { margin-top:-115%; }
    .lg\:mb---115 { margin-bottom:-115%; }
    
    
    .lg\:p--120 { padding:120px !important; }
    .lg\:p-120 { padding:120px; }
    .lg\:pt-120 { padding-top:120px; }
    .lg\:pb-120 { padding-bottom:120px; }
    .lg\:pl-120 { padding-left:120px; }
    .lg\:pr-120 { padding-right:120px; }

    .lg\:m-120 {  margin:120px; }
    .lg\:mt-120 { margin-top:120px; }
    .lg\:mb-120 { margin-bottom:120px; }
    .lg\:ml-120 { margin-left:120px; }
    .lg\:mr-120 { margin-right:120px; }

    .lg\:ml--120 { margin-left:-120px; }
    .lg\:mr--120 { margin-right:-120px; }

    .lg\:mt--120 { margin-top:-120px; }
    .lg\:mb--120 { margin-bottom:-120px; }

    .lg\:max--120 { max-width:120%; }
    .lg\:mt---120 { margin-top:-120%; }
    .lg\:mb---120 { margin-bottom:-120%; }
    
    
    .lg\:p--125 { padding:125px !important; }
    .lg\:p-125 { padding:125px; }
    .lg\:pt-125 { padding-top:125px; }
    .lg\:pb-125 { padding-bottom:125px; }
    .lg\:pl-125 { padding-left:125px; }
    .lg\:pr-125 { padding-right:125px; }

    .lg\:m-125 {  margin:125px; }
    .lg\:mt-125 { margin-top:125px; }
    .lg\:mb-125 { margin-bottom:125px; }
    .lg\:ml-125 { margin-left:125px; }
    .lg\:mr-125 { margin-right:125px; }

    .lg\:ml--125 { margin-left:-125px; }
    .lg\:mr--125 { margin-right:-125px; }

    .lg\:mt--125 { margin-top:-125px; }
    .lg\:mb--125 { margin-bottom:-125px; }

    .lg\:max--125 { max-width:125%; }
    .lg\:mt---125 { margin-top:-125%; }
    .lg\:mb---125 { margin-bottom:-125%; }
    
    
    .lg\:p--130 { padding:130px !important; }
    .lg\:p-130 { padding:130px; }
    .lg\:pt-130 { padding-top:130px; }
    .lg\:pb-130 { padding-bottom:130px; }
    .lg\:pl-130 { padding-left:130px; }
    .lg\:pr-130 { padding-right:130px; }

    .lg\:m-130 {  margin:130px; }
    .lg\:mt-130 { margin-top:130px; }
    .lg\:mb-130 { margin-bottom:130px; }
    .lg\:ml-130 { margin-left:130px; }
    .lg\:mr-130 { margin-right:130px; }

    .lg\:ml--130 { margin-left:-130px; }
    .lg\:mr--130 { margin-right:-130px; }

    .lg\:mt--130 { margin-top:-130px; }
    .lg\:mb--130 { margin-bottom:-130px; }

    .lg\:max--130 { max-width:130%; }
    .lg\:mt---130 { margin-top:-130%; }
    .lg\:mb---130 { margin-bottom:-130%; }
    
    
    .lg\:p--135 { padding:135px !important; }
    .lg\:p-135 { padding:135px; }
    .lg\:pt-135 { padding-top:135px; }
    .lg\:pb-135 { padding-bottom:135px; }
    .lg\:pl-135 { padding-left:135px; }
    .lg\:pr-135 { padding-right:135px; }

    .lg\:m-135 {  margin:135px; }
    .lg\:mt-135 { margin-top:135px; }
    .lg\:mb-135 { margin-bottom:135px; }
    .lg\:ml-135 { margin-left:135px; }
    .lg\:mr-135 { margin-right:135px; }

    .lg\:ml--135 { margin-left:-135px; }
    .lg\:mr--135 { margin-right:-135px; }

    .lg\:mt--135 { margin-top:-135px; }
    .lg\:mb--135 { margin-bottom:-135px; }

    .lg\:max--135 { max-width:135%; }
    .lg\:mt---135 { margin-top:-135%; }
    .lg\:mb---135 { margin-bottom:-135%; }
    
    
    .lg\:p--140 { padding:140px !important; }
    .lg\:p-140 { padding:140px; }
    .lg\:pt-140 { padding-top:140px; }
    .lg\:pb-140 { padding-bottom:140px; }
    .lg\:pl-140 { padding-left:140px; }
    .lg\:pr-140 { padding-right:140px; }

    .lg\:m-140 {  margin:140px; }
    .lg\:mt-140 { margin-top:140px; }
    .lg\:mb-140 { margin-bottom:140px; }
    .lg\:ml-140 { margin-left:140px; }
    .lg\:mr-140 { margin-right:140px; }

    .lg\:ml--140 { margin-left:-140px; }
    .lg\:mr--140 { margin-right:-140px; }

    .lg\:mt--140 { margin-top:-140px; }
    .lg\:mb--140 { margin-bottom:-140px; }

    .lg\:max--140 { max-width:140%; }
    .lg\:mt---140 { margin-top:-140%; }
    .lg\:mb---140 { margin-bottom:-140%; }
    
    
    .lg\:p--145 { padding:145px !important; }
    .lg\:p-145 { padding:145px; }
    .lg\:pt-145 { padding-top:145px; }
    .lg\:pb-145 { padding-bottom:145px; }
    .lg\:pl-145 { padding-left:145px; }
    .lg\:pr-145 { padding-right:145px; }

    .lg\:m-145 {  margin:145px; }
    .lg\:mt-145 { margin-top:145px; }
    .lg\:mb-145 { margin-bottom:145px; }
    .lg\:ml-145 { margin-left:145px; }
    .lg\:mr-145 { margin-right:145px; }

    .lg\:ml--145 { margin-left:-145px; }
    .lg\:mr--145 { margin-right:-145px; }

    .lg\:mt--145 { margin-top:-145px; }
    .lg\:mb--145 { margin-bottom:-145px; }

    .lg\:max--145 { max-width:145%; }
    .lg\:mt---145 { margin-top:-145%; }
    .lg\:mb---145 { margin-bottom:-145%; }
    
    
    .lg\:p--150 { padding:150px !important; }
    .lg\:p-150 { padding:150px; }
    .lg\:pt-150 { padding-top:150px; }
    .lg\:pb-150 { padding-bottom:150px; }
    .lg\:pl-150 { padding-left:150px; }
    .lg\:pr-150 { padding-right:150px; }

    .lg\:m-150 {  margin:150px; }
    .lg\:mt-150 { margin-top:150px; }
    .lg\:mb-150 { margin-bottom:150px; }
    .lg\:ml-150 { margin-left:150px; }
    .lg\:mr-150 { margin-right:150px; }

    .lg\:ml--150 { margin-left:-150px; }
    .lg\:mr--150 { margin-right:-150px; }

    .lg\:mt--150 { margin-top:-150px; }
    .lg\:mb--150 { margin-bottom:-150px; }

    .lg\:max--150 { max-width:150%; }
    .lg\:mt---150 { margin-top:-150%; }
    .lg\:mb---150 { margin-bottom:-150%; }
    
    

    
    .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .lg\:max-50 { max-width:50px; }
    .lg\:text-2{ font-size:2px; } 

    
    .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .lg\:max-100 { max-width:100px; }
    .lg\:text-4{ font-size:4px; } 

    
    .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .lg\:max-150 { max-width:150px; }
    .lg\:text-6{ font-size:6px; } 

    
    .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .lg\:max-200 { max-width:200px; }
    .lg\:text-8{ font-size:8px; } 

    
    .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .lg\:max-250 { max-width:250px; }
    .lg\:text-10{ font-size:10px; } 

    
    .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .lg\:max-300 { max-width:300px; }
    .lg\:text-12{ font-size:12px; } 

    
    .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .lg\:max-350 { max-width:350px; }
    .lg\:text-14{ font-size:14px; } 

    
    .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .lg\:max-400 { max-width:400px; }
    .lg\:text-16{ font-size:16px; } 

    
    .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .lg\:max-450 { max-width:450px; }
    .lg\:text-18{ font-size:18px; } 

    
    .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .lg\:max-500 { max-width:500px; }
    .lg\:text-20{ font-size:20px; } 

    
    .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .lg\:max-550 { max-width:550px; }
    .lg\:text-22{ font-size:22px; } 

    
    .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .lg\:max-600 { max-width:600px; }
    .lg\:text-24{ font-size:24px; } 

    
    .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .lg\:max-650 { max-width:650px; }
    .lg\:text-26{ font-size:26px; } 

    
    .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .lg\:max-700 { max-width:700px; }
    .lg\:text-28{ font-size:28px; } 

    
    .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .lg\:max-750 { max-width:750px; }
    .lg\:text-30{ font-size:30px; } 

    
    .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .lg\:max-800 { max-width:800px; }
    .lg\:text-32{ font-size:32px; } 

    
    .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .lg\:max-850 { max-width:850px; }
    .lg\:text-34{ font-size:34px; } 

    
    .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .lg\:max-900 { max-width:900px; }
    .lg\:text-36{ font-size:36px; } 

    
    .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .lg\:max-950 { max-width:950px; }
    .lg\:text-38{ font-size:38px; } 

    
    .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .lg\:max-1000 { max-width:1000px; }
    .lg\:text-40{ font-size:40px; } 

    
    .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .lg\:max-1050 { max-width:1050px; }
    .lg\:text-42{ font-size:42px; } 

    
    .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .lg\:max-1100 { max-width:1100px; }
    .lg\:text-44{ font-size:44px; } 

    
    .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .lg\:max-1150 { max-width:1150px; }
    .lg\:text-46{ font-size:46px; } 

    
    .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .lg\:max-1200 { max-width:1200px; }
    .lg\:text-48{ font-size:48px; } 

    
    .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .lg\:max-1250 { max-width:1250px; }
    .lg\:text-50{ font-size:50px; } 

    
    .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .lg\:max-1300 { max-width:1300px; }
    .lg\:text-52{ font-size:52px; } 

    
    .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .lg\:max-1350 { max-width:1350px; }
    .lg\:text-54{ font-size:54px; } 

    
    .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .lg\:max-1400 { max-width:1400px; }
    .lg\:text-56{ font-size:56px; } 

    
    .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .lg\:max-1450 { max-width:1450px; }
    .lg\:text-58{ font-size:58px; } 

    

    .lg\:max-full { max-width:100%; }
    .lg\:ml-auto{ margin-left:auto; }
    .lg\:mr-auto{ margin-right:auto; }
    .lg\:vh-100{ height:100vh; }
    .lg\:vh-auto{ height:auto; }
}



[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.flex-wrap { flex-wrap:wrap; }
.no-gutter{margin:0;}
[class*=max-] {
    width: 100%;
    min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }

@media(min-width:1350px){
    
}

[class*=color\:] h1,
[class*=color\:] .h1,

[class*=color\:] h2,
[class*=color\:] .h2,

[class*=color\:] h3,
[class*=color\:] .h3,

[class*=color\:] h4,
[class*=color\:] .h4,

[class*=color\:] h5,
[class*=color\:] .h5,

[class*=color\:] h6,
[class*=color\:] .h6 {
    color:inherit;
}

[class*="row"][class*="p-"] {
/*     padding: 0 !important; */
}

.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }



.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3, 
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }









/* */

.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }

.color\:green{ color:#3DD9EF; }
.bg\:green{ background-color:#3DD9EF; }

.color\:pink{ color:; }
.bg\:pink{ background-color:; }

.color\:dark_gray{ color:#7E848D; }
.bg\:dark_gray{ background-color:#7E848D; }

.color\:gray{ color:#CCD0D6; }
.bg\:gray{ background-color:#CCD0D6; }

.color\:light_gray{ color:#E9EAEE; }
.bg\:light_gray{ background-color:#E9EAEE; }

.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }

@media(min-width:768px){
    
    .hover\:black:hover{ color:#000000; }
    .hoverbg\:black:hover{ background-color:#000000; }
    
    .hover\:green:hover{ color:#3DD9EF; }
    .hoverbg\:green:hover{ background-color:#3DD9EF; }
    
    .hover\:pink:hover{ color:; }
    .hoverbg\:pink:hover{ background-color:; }
    
    .hover\:dark_gray:hover{ color:#7E848D; }
    .hoverbg\:dark_gray:hover{ background-color:#7E848D; }
    
    .hover\:gray:hover{ color:#CCD0D6; }
    .hoverbg\:gray:hover{ background-color:#CCD0D6; }
    
    .hover\:light_gray:hover{ color:#E9EAEE; }
    .hoverbg\:light_gray:hover{ background-color:#E9EAEE; }
    
    .hover\:white:hover{ color:#ffffff; }
    .hoverbg\:white:hover{ background-color:#ffffff; }
    
    
    
}



.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }

.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }

.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }

.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }

.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }

.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }

.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }

.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }

.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }

.footer { border-top: 1px solid rgba(0,0,0,0.1); background:
    
    
        
    
    rgba(255, 255, 255, 1.0)
; }
.footer .about { width: 50%; }
.footer .about .text { max-width: 335px; font-size: 14px; line-height: 29px; opacity: 0.6; color: #282828; }
.footer .menu h4 { font-size: 16px; line-height: 28px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; color: #1984D2; }
.footer .menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 28px; }
.footer .menu-nav { gap: 70px; }
.footer ul li a{color: #1A2A6C;}
.footer ul li a:hover{color: #1984D2;}
.social-media ul { margin: 0; padding: 0; list-style-type: none; gap: 12px; }
.social-media ul li { margin: 0; padding: 0; display: inline-block; }
.social-media ul li a { width: 48px; height: 48px; background: #1984D2; border-radius: 100px; display: flex; align-items: center; justify-content: center; }
.social-media ul li a:hover { background: #3DD9EF; }

.footer-bottom { border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; line-height: 32px; }
.footer-bottom ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; gap: 10px 70px; }
.footer-bottom .text { opacity: 0.5; color: #282828; }

.footer .live-chat a { position: relative; padding: 0 0 0 30px; display: inline-block; color: #1984D2; }
.footer .live-chat a svg { width: 20px; height: 21px; position: absolute; top: 8px; left: 0; }
.footer .live-chat a span { display: block; line-height: normal; font-size: 7px; font-weight: 300; font-style: italic; }
.footer .live-chat a span:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 10px; background: #FFF; margin-right: 5px; }
.footer .live-chat .live.online a span:before { background: #3DC33D; }
.footer .live-chat .live.offline a span:before { background: red; }

footer.footer .chat { fill: #1A2A6C; }
footer.footer .dot2 { fill: #FFFFFF; }
footer.footer .dot1 { fill: #FFFFFF; }
footer.footer .dot3 { fill: #FFFFFF; }

.footer .call a { display: flex; align-items: center; gap: 10px; color: #1984D2; }
.footer .call a:before { content: ''; width: 16px; height: 21px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/call-icon.svg') no-repeat; }

@media(min-width: 1251px) {
    
    .footer .container { width: 1200px; }
}

@media(min-width: 992px) {

    .footer .contact { display: none; }
    .footer .about .social-media { display: none; }
    
    .footer .btm-buttons { display: none; }
    
}

@media(max-width: 991px) {
 
    .footer { text-align: center; }
    .footer .menu-nav { display: none; } 
    .footer .social-media { display: none; }
    .footer .about .social-media { display: block; }
    .social-media ul { justify-content: center; }
    
    .footer .main { padding: 30px 0 0; justify-content: center; text-align: center; width: 100%; }
    .footer .box { max-width: 500px; width: 100%; }
    .footer .about { display: flex; flex-flow: column; gap: 20px 0; }
    .footer .about .contact { margin: 10px 0 0; display: flex; flex-flow: column; gap: 20px 0; }
    .footer .about .text { font-size: 13px; line-height: 19px; max-width: 100%; margin: 0; }
    .footer .call a { justify-content: center; }
    
    .footer-bottom { padding: 20px 0 30px; border-top: none; flex-direction: column-reverse; font-size: 13px; line-height: 19px; }
    .footer-bottom .text { margin: 20px 0 0; }
    
    .btm-buttons [class*=button-] { line-height: 0; }  
    .btm-buttons [class*=button-] a { width: 100%; border-radius: 0; text-transform: capitalize; padding: 15px 35px; font-size: 16px; line-height: 27px; }
    .btm-buttons [class*=button-] + [class*=button-] { display: none; }
    
    .footer .live-chat .live { justify-content: center; }
    
}
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/*** typography ***/
body { margin: 0; padding: 0; font-family: Poppins , sans-serif; font-weight: 400; color: #282828; font-size: 18px; line-height: 1.6; }

/* Paragraphs */
strong { font-weight: 700; }

a { transition:400ms; text-decoration: none; color: #1A2A6C; }
a:hover { text-decoration: none; color: #1984D2; }

p { margin: 0 0 20px 0; }
p:last-child { margin: 0; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{ color:#fff; }

.list-style ul { margin: 0; padding: 0; list-style-type: none; }
.list-style ul li { padding: 0 0 0 50px; position: relative; display: inline-block; width: 100%; margin: 5px 0; }
.list-style ul li:before { content: ''; width: 25px; height: 25px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/check.svg') center no-repeat; position: absolute; top: 2px; left: 0; }
.white-text .list-style ul li:before { background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/check-white.svg') center no-repeat; }

.tab-list ul { margin: 0; padding: 0; list-style-type: none; column-count: 2; }
.tab-list ul li { margin: 4px 0; }
.tab-list ul li a { padding: 4px 15px; display: inline-block; font-weight: 600; border-radius: 0px 18.5px 0px 0px; cursor: pointer; }
.tab-list ul li a:hover { color: #1984D2; }
.tab-list ul li.active a { color: #FFFFFF; background: #C33DAE; }

h1, h2, h3, h4, h5, h6 { margin-top:0px; font-weight:400; margin-bottom:20px; }
h1 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 700; text-decoration: none; font-size:40px; color:#282828; line-height:1.15; }
h2 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 700; text-decoration: none; font-size:24px; color:#282828; line-height:1.3; }
h3 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 700; text-decoration: none; font-size:40px; color:#282828; line-height:1.3; }
h4 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-size:24px; color:#282828; line-height:1.3; }
h5 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:22px; color:#282828; line-height:1.1; }
h6 { font-family: Poppins , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:33px; color:#282828; line-height:1.4; }
.home h1 { font-size: 85px; line-height: 96px; }
.home h2 { font-size: 40px; line-height: 52px; }

/* @media (max-width:1480px) {

    h2 { font-size: 80px; }    
    
} */

@media (max-width:1250px) {
    
    .home h1 { font-size: 60px; line-height: 70px; }
    .home h2 { font-size: 30px; line-height: 42px; }
    h3 { font-size: 30px; }
    h4 { font-size: 20px; }
    h5 { font-size: 20px; }
    h6 { font-size: 24px; }
    
}

@media (max-width:991px) {
    
    .home h1 { font-size: 39px; line-height: 49px; }
    .home h2 { font-size: 28px; line-height: 37px; }
    h3 { font-size: 24px; }
    
}

@media (max-width:767px) {
    
    .list-style ul li:before , .white-text .list-style ul li:before { background-size: 15px; top: -2px; }
    .list-style ul li { padding: 0 0 0 30px; }
    
    body { font-size: 13px; line-height: 19px; }
    
    .home h1 { font-size: 39px; line-height: 49px; }
    .home h2 { font-size: 27px; line-height: 37px; }
    h3 { font-size: 24px; }
    h4 { font-size: 16px; }
    h5 { font-size: 20px; }
    h6 { font-size: 17px; }
    
}
.featured-box { padding: 0 30px 0 0; width: calc(100% - 341px); }
.featured-box .box { position: relative; min-height: 462px; display: flex; align-items: flex-end; height: 100%; }
.featured-box .box .image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; line-height: 0; border-radius: 10px; overflow: hidden; }
.featured-box .box .image img { width: 100%; height: 100% !important; object-fit: cover; }
.featured-box .box .image:after { content: ''; width: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.1; }
.featured-box .box .text { padding: 15px 20px; background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(17.5px); font-size: 12px; line-height: 20px; border-radius: 0 0 10px 10px; width: 100%; }
.featured-box .box .text h1 a { color: #FFFFFF; }
.featured-box .box .text h1 { margin-bottom: 10px; font-size: 34px; line-height: 42px; letter-spacing: -0.68px; }
.featured-box .box .set-date span.minutes:before { background: #FFFFFF }

.featured-contact { width: 341px; }

.set-date { gap: 20px; }
.set-date span.minutes { position: relative; }
.set-date span.minutes:before { content: ''; width: 4px; height: 4px; position: absolute; top: 8px; left: -10px; background: #282828; border-radius: 10px; }

.featured-tag { position: absolute; top: 20px; right: -7px; font-size: 24px; line-height: 34px; font-weight: 700; padding: 7px 16px 6px 7px; background: #3DD9EF; border-radius: 0 10px 0 0; color: #FFFFFF; z-index: 1; }
.featured-tag:after { content: ''; width: 160px; height: 56px; position: absolute; top: 0; right: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/set-text.png') no-repeat; z-index: -1; }

.blue_box { padding: 35px 25px; background: #1A2A6C url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-1.png') no-repeat center center / cover; border-radius: 10px; }

.social-icons { background: #1984D2 url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-1.png') no-repeat center center / cover; border-radius: 10px; padding: 20px; }
.social-icons ul.d-flex { margin: 0; padding: 0; list-style-type: none; gap: 10px 20px; }
.social-icons li { line-height: 0; transition:400ms; }
.social-icons li:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.blog-index .cover { gap: 15px; position: relative; z-index: 1; }

.blog-filter .blog_item { display:none }
.blog_item { padding: 10px; width: calc(33.33% - 10px); border-radius: 10px; background: #FFFFFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20); transition:400ms; }
.blog_item .tags { font-size: 17px; line-height: 29px; font-style: italic; font-weight: 700; }
.blog_item a.image { height: 160px; width: 100%; display: inline-block; position: relative; }
.blog_item a.image img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.blog_item .text { padding: 10px 8px; }
.blog_item h4 { font-size: 18px; line-height: 29px; font-weight: 400; }
.blog_item h4 a { color: #282828; display: inline-block; }
.blog_item h4 a:hover { color: #1984D2; }
.blog_item .set-date { font-size: 13px; line-height: 20px; }

.blog_item:hover { box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.20); }
.blog_item .featured-tag { width: 133px; text-align: center; background: transparent; }
.blog_item .featured-tag:after { width: 133px; height: 56px; background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/set-text1.png'); }

.filter-topis { position: relative; z-index: 22; }
.filter-topis h2 { margin: 0; }
.filter-part { width: 357px; position: relative; z-index: 1; }
.filter-part .topic_label { font-size: 18px; line-height: 29px; font-weight: 700; color: #1A2A6C; padding: 17px 60px 17px 20px; border: 1px solid #5D666E; border-radius: 10px; position: relative; z-index: 1; background: #FFFFFF; cursor: pointer; }
.filter-part .topic_label:after { content: ''; width: 32px; height: 23px; position: absolute; top: 21px; right: 20px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-down-blue.svg') no-repeat; }
.filter-part ul.options { position: absolute; top: 0; left: 0; width: 100%; background: #FFFFFF; margin: 0; padding: 80px 15px 20px; list-style-type: none; border-radius: 10px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20); display: none; }
.filter-part ul.options li { margin: 5px 0; display: inline-block; width: 100%; font-size: 16px; line-height: 24px; }
.filter-part ul.options li a { color: #282828; font-weight: 500; }
.filter-part ul.options li a:hover , .filter-part ul.options li.active a { color: #1984D2; }

.breadcrumb-nav .container { display: flex; }
.breadcrumb-nav ul { margin: 0; padding: 10px; list-style-type: none; display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; line-height: 20px; border-radius: 5px; background: #F6F6F6; font-weight: 500; color: #1984D2; }
.breadcrumb-nav ul li a { color: #6C7880; display: flex; align-items: center; gap: 0 10px; }
.breadcrumb-nav ul li a:after { content: ''; width: 8px; height: 10px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-right-1.svg') no-repeat; display: inline-block; }
.breadcrumb-nav ul li a:hover { color: #1984D2; }

.blog-post .left { width: calc(100% - 341px); padding: 0 30px 0 0; }
.blog-post .right { width: 341px; position: sticky; top: 150px; }
.blog-post .right h2 { font-weight: 500; }

.social-sharing { background: #1984D2 url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-1.png') no-repeat center left / cover; border-radius: 10px; padding: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; justify-content: space-between; color: #FFF; }
.social-sharing ul { margin: 0; padding: 0; display: flex; gap: 10px 20px; list-style-type: none; line-height: 0; }
.social-sharing ul li { line-height: 0; transition:400ms; }
.social-sharing ul li:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.social-sharing p { margin: 0; }

.blog-index .link-style a { transform: rotate(0deg); font-size: 18px; font-weight: 700; color: #282828; font-family: Poppins , sans-serif; }
.blog-index .link-style a:after { background-size: 38px; transform: rotate(0deg); width: 40px; margin-left: 10px; }

.blog-post .left .content ul { margin: 30px 0 30px; padding: 0 0 0 10px; list-style-type: none; }
.blog-post .left .content ul li { margin: 0; padding: 0 0 0 14px; display: inline-block; width: 100%; position: relative; }
.blog-post .left .content ul li:after { content: ''; width: 5px; height: 5px; position: absolute; top: 12px; left: 0; background: #282828; border-radius: 10px; }
.blog-post .left .content img { max-width: 100%; }
.blog-post .left .img-box { display: flex; flex-flow: wrap; gap: 26px; margin: 50px 0; }
.blog-post .left .img-box p { margin: 0; width: calc(50% - 13px); }
.blog-post .left .img-box img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 27px; }

.sidebar-article ul { margin: 0; padding: 0; list-style-type: none; }
.sidebar-article ul li { padding: 10px 20px; font-size: 18px; line-height: 29px; font-weight: 400; cursor: pointer; margin: 0; position: relative; transition:400ms; }
.sidebar-article ul li:before { content: ''; width: 2px; height: 0; position: absolute; top: 0; left: 0; background: #3DD9EF; transition:400ms; }
.sidebar-article ul li.active:before { height: 100%; }
.sidebar-article ul li:hover { color: #1984D2; }

.blog-post .left .content h2 { line-height: 1.4; }
.blog-post .left .content h5 { font-size: 18px; font-weight: 700; }
.blog-post .left .content a { font-weight: 700; text-decoration: underline; color: #1984D2; } 
.blog-post .left .content a:hover { color: #1A2A6C; }

h2.blog-tag-heading { margin: 0; }

@media(max-width: 1200px) {

    .featured-box .box .text h1 { font-size: 28px; line-height: 36px; }

}

@media(max-width: 991px) {

    .featured-box { width: 100%; padding: 0; }
    .featured-contact { width: 100%; margin: 30px 0 0; }
    .blog_item { width: calc(50% - 7.5px); }
    
    .blog-post .left { width: 100%; padding: 0; }
    .blog-post .right { width: 100%; display: none; }
    
    .featured-box .box .text h1 { font-size: 24px; line-height: 32px; }

}

@media(max-width: 767px) {

    .filter-topis .container { justify-content: center; }
    .filter-topis .title { width: 100%; margin: 0 0 20px; text-align: center; }
    .filter-part .topic_label { font-size: 16px; padding: 11px 40px 11px 15px; }
    .filter-part .topic_label:after { top: 14px; right: 10px; }

    .blog_item .tags { font-size: 14px; line-height: 24px; }
    
    .featured-box .box .text h1 { font-size: 26px; line-height: 38px; letter-spacing: 0; }
    
    .blog-post .left .content ul { margin: 20px 0; }
    .blog-post .left .content ul li:after { top: 7px; width: 4px; height: 4px; }
    
    .img-box { margin: 20px 0; gap: 15px; }
    .img-box img { border-radius: 10px; }
    .img-box p { width: calc(50% - 7.5px); }
}

@media(max-width: 600px) {
    
    .featured-box .box { min-height: 390px; }
    .blog_item { width: 100%; }
    
    .featured-box .box .text h1 { font-size: 20px; line-height: 28px; }
}
.error_page { display: inline-block; width: 100%; vertical-align: top; padding: 133px 0; text-align: center; border-bottom: 1px solid rgb(13 19 55 / 16%); }
.error_page .main_part .top_img { padding-bottom: 30px; }
.error_page .main_part h1 { background: linear-gradient(90deg, #1984D2 0%, #0D446C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.error_page .main_part .content { color: #282828; font-size: 24px; line-height: 34px; font-weight: 700; }

.systems-page { display: inline-block; width: 100%; vertical-align: top; padding: 115px 0 140px; border-bottom: 1px solid rgba(13, 19, 55, .16); }
.systems-page .page-header { text-align: center; max-width: 650px; margin: 0 auto; padding-bottom: 100px; }
.systems-page .page-header h1 { background: var(--Blue-Gradient-Text, linear-gradient(90deg, #1984D2 0%, #0D446C 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.systems-page .page-header h2 { font-size: 33px; font-weight: 300; line-height: 45px; letter-spacing: -0.66px; color: #C33DAE; }
.systems-page p.header { font-size: 24px; color: #1A2A6C; font-style: normal; font-weight: 700; line-height: 34px; }
.systems-page .email-prefs .item+.item { margin-top: 15px; }
.systems-page .email-prefs .item { background: #f2f2f2; border-radius: 20px; padding: 31px; }
.systems-page .item .checkbox-row span.fakelabel { font-size: 24px; font-weight: 500; line-height: 34px; color: #1984D2; width: 100%; position: relative; }
.systems-page .item .item-inner { padding-left: 40px; }
.systems-page .item .checkbox-row span.fakelabel input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
.systems-page .item .checkbox-row span.fakelabel span { position: relative; }
.systems-page .item .checkbox-row span.fakelabel span:before { position: absolute; content: ""; top: 4px; left: -40px; width: 24px; height: 24px; background: #fff; }
.systems-page .item .checkbox-row span.fakelabel span:after { position: absolute; content: ""; top: 2px; left: -40px; background: url(//20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/raw_assets/public/dance-studio-pro/images/check.svg)no-repeat center/cover; opacity: 0; width: 24px; height: 24px; }
.systems-page .item .checkbox-row input[type="checkbox"]:checked + span:after { opacity: 1; }
.systems-page .subscribe-options { padding: 45px 0 31px 31px; }
.systems-page .subscribe-options span { position: relative; font-size: 24px; font-style: italic; font-weight: 500; line-height: 34px; color: #1984D2; }
.systems-page .subscribe-options input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.systems-page .subscribe-options label { position: relative; padding-left: 40px; }
.systems-page .subscribe-options label span:before { position: absolute; content: ""; top: 5px; left: -40px; width: 24px; height: 24px; border:2px solid #CFCFCF }
.systems-page .subscribe-options label span:after { position: absolute; content: ""; top: 7px; left: -38px; background: url(//20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/raw_assets/public/dance-studio-pro/images/check.svg)no-repeat center/cover; opacity: 0; width: 20px; height: 20px; }
.systems-page .subscribe-options label input[type="checkbox"]:checked + span:after { opacity: 1; }

.systems-page .success { font-size: 24px; font-style: italic; font-weight: 500; line-height: 34px; text-align: center; color: #1984D2; }
.communicate_sub .systems-page .page-header { padding-bottom: 50px; }

.systems-page form .hs-form-field label { font-size: 18px; font-style: normal; font-weight: 400; line-height: 29px; color: #1984D2; padding-bottom: 10px; display: inline-block; }
.systems-page form .hs-form-field input { border-radius: 5px; background: #F6F6F6; border: none; }
.systems-page form .hs-form-field input::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 29px; color: #B6B7B8; }
.systems-page form .hs_submit.hs-submit { padding-top: 50px; }
.systems-page form { max-width: 665px; margin: 50px auto 0; text-align: left; }
.email_unsubscribe .systems-page .page-header { padding-bottom: 20px; text-align: center; }
.email_unsubscribe .systems-page { text-align: center; }



@media (max-width:1200px){
    .error_page { padding: 100px 0; }
    .systems-page { padding: 80px 0; }
    .systems-page .page-header { padding-bottom: 70px; }
}

@media (max-width:991px){
    .error_page { padding: 70px 0; }
    .error_page .main_part .content { font-size: 20px; line-height: 30px; }
}

@media (max-width:767px){
    .systems-page .email-prefs .item { padding: 15px; border-radius: 15px; }
    .systems-page .item .checkbox-row span.fakelabel { font-size: 18px; line-height: 28px; }
    .systems-page .subscribe-options { padding: 15px; }
    .systems-page p.header { font-size: 18px; line-height: 28px; }
    .systems-page .subscribe-options span { font-size: 16px; line-height: 26px; }
    .systems-page .page-header h2 { font-size: 24px; line-height: 34px; margin-bottom: 0; }
    .systems-page .page-header { padding-bottom: 30px; }
    .systems-page { padding: 50px 0 70px; }
    .systems-page .page-header h1 { font-size: 30px; }
    .systems-page input[type="submit"] { background-image: none; }
    
    .systems-page .success { font-size: 18px; line-height: 28px;28px:; }
}

/*** font-family: "Poppins", sans-serif; ***/

.container, .row-fluid .container { margin: 0 auto; padding: 0 15px; }

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

/* Slick - 1.9.0 */
/** .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slider .slick-arrow { min-width: auto; padding: 0; border: none; z-index: 5; position: absolute; top: 50%; left: 0; width: 70px; height: 70px; font-size: 0px; color: #FFFFFF; transition:400ms; cursor: pointer; transform: translateY(-50%); background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-left-white.svg'); background-repeat: no-repeat; background-position: center center; border:4px solid #FFFFFF; }
.slick-slider .slick-arrow.slick-next { left: auto; right: 0; transform: scale(-1) translateY(50%); }
.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0 0; line-height: 0; }
.slick-slider .slick-dots li { display: inline-block; margin: 0 3px; line-height: 0; height: 5px; }
.slick-slider .slick-dots li button { min-width: auto; width: 9px; height: 9px; border-radius: 9px; border: none; padding: 0; text-indent: -9999px; cursor: pointer; transition:400ms; background: #D9D9D9;  } 
.slick-slider .slick-dots li.slick-active button { background: #1984D2; }
.slick-slider .slick-arrow.slick-disabled { opacity: 0; pointer-events: none; }
.slick-slider .slick-arrow:hover { background-color: #3DD9EF; }
.white-dots .slick-dots li.slick-active button { background: #1A2A6C; } **/


.splide__arrow { min-width: auto; padding: 0; border: none; z-index: 5; position: absolute; top: 50%; left: 0; width: 70px; height: 70px; font-size: 0px; color: #FFFFFF; transition:400ms; cursor: pointer; transform: translateY(-50%); background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-left-white.svg'); background-repeat: no-repeat; background-position: center center; background-color: #1984D2; border:4px solid #FFFFFF; opacity: 1; }
.splide__arrow.splide__arrow--next { left: auto; right: 0; transform: scale(-1) translateY(50%); }
.splide__arrow:hover { background-color: #3DD9EF; }
.splide__arrow:disabled { opacity: 0; pointer-events: none; }
.white-dots .slick-dots li.slick-active button { background: #1A2A6C; }

.splide .splide__list { height: auto; }
.splide__pagination { text-align: center; padding: 0; margin: 20px 0 0 0; line-height: 0; position: relative; }
.splide__pagination li { display: inline-block; margin: 0; line-height: 0; height: auto; }
.splide__pagination li button { min-width: auto; width: 9px; height: 9px; border-radius: 9px; border: none; padding: 0; text-indent: -9999px; cursor: pointer; transition:400ms; background: #D9D9D9;  } 
.splide__pagination li button.is-active { background: #1984D2; transform: scale(1); }
.splide__pagination li button:hover { background-color: #3DD9EF; }
.white-dots .splide__pagination li button.is-active { background: #1A2A6C; }
.splide__track--nav > .splide__list > .splide__slide.is-active { border: none; }

a.boxLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* data-small-btn="true" */
.fancybox-slide .fancybox-content { margin: 60px 0 0; overflow: visible !important; }
body .fancybox-slide .fancybox-close-small { background: transparent; border-radius: 0; height: 50px; opacity: 1; padding: 2px; right: 0; top: -58px; width: 50px; min-width: auto; }
body .fancybox-slide .fancybox-close-small svg { color: #FFFFFF; }

.glightbox-container button { min-width: auto; }

@media (min-width:768px) { .container, .row-fluid .container { width:750px; } }
@media (min-width:992px) { .container, .row-fluid .container { width:970px; } }
@media (min-width:1251px) { .container, .row-fluid .container { width:1150px; } }
/* @media (min-width:1301px) { .container, .row-fluid .container { width:1270px; } }
@media (min-width:1501px) { .container, .row-fluid .container { width:1360px; } } */
/* @media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} } */

.main-title.large { font-size: 24px; line-height: 34px; }
.main-title.large h2 { margin: 0 0 10px; }
.gradient-title h1 , .gradient-title h2 , .gradient-title h4 , h1.gradient-title , h2.gradient-title , h4.gradient-title { padding-bottom: 2px; background: linear-gradient(90deg, #1984D2 0%, #0D446C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub-title { font-size: 17px; line-height: 30px; color: #FFB800; font-weight: 700; font-style: italic; }
.sub-title.blue { color: #1A2A6C; }
.sub-title.pink { color: #C33DAE; }

a.play:hover img { animation: zoom-in-zoom-out 2s ease-out infinite; }
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.hero-section { padding: 57px 0 25px; padding-left: calc((100% - 1170px) / 2); background: conic-gradient(from 45deg at 70% -10%,#053C84 ,#0063E5,#063D85,#6DC8F9,#2DA4FF,#0063E5,#7CD3FF,#053C84 ); background-size: 400% 400%; animation: gradient 15s ease infinite; overflow-x: clip; position: relative; }
.hero-section:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.2; }
.hero-section:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-2.png') no-repeat left top; background-size: auto 100%; opacity: 0.25; }

@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.hero-section .left { width: 552px; position: relative; z-index: 1; font-weight: 300; padding-bottom: 80px; }
.hero-section .text * { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); }
.hero-section .left h1 { margin: 0 0 10px; }
.hero-section .text h4 { margin: 0 0 15px; mix-blend-mode: luminosity; font-weight: 700; line-height: 1.4; }
.hero-section .right { margin-bottom: -40px; padding: 0 0 0 102px; width: calc(100% - 552px); position: relative; z-index: 2; }
.hero-section .shape-bottom { line-height: 0; position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 1; }
.hero-section .shape-bottom svg { width: 100%; height: auto; }

/* .hero-section .mobile { width: 459px; position: relative; line-height: 0; z-index: 3; }
.hero-section .mobile .img-box { position: absolute; top: 0; left: 10px; right: 10px; height: 100%; border-radius: 90px; overflow: hidden; }
.hero-section .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; z-index: -1; position: relative; }
.hero-section .mobile .img-box a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } */
.hero-section .left .link { width: 236px; font-size: 24px; line-height: 26px; text-align: center; margin: -46px 0 0 auto; font-family: 'Kalam', cursive; transform: rotate(1.602deg) translatez(0); text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); position: relative; font-weight: 300; }
.hero-section .left .link .arrow { display: block; width: 99px; line-height: 0; margin: 0 0 7px auto; overflow: hidden; }
.hero-section .left .link .arrow .in {  width: 0; overflow: hidden; transition:all 1s ease-in-out; }
.hero-section .left .link .arrow img { min-width: 75px; width: 75px; }
.hero-section .left .link.aos-animate .arrow .in { width: 75px; }

.hero-section .right_in { position: relative; line-height: 0; }
.hero-section .right .mobile { position: absolute; bottom: 0; left: -28px; z-index: 1; }
.hero-section .right .desktop { position: relative; display: inline-block; }
.hero-section .right .desktop .image { position: absolute; top: 15px; left: 16px; right: 16px; bottom: 135px; border-radius: 6px; overflow: hidden; }
.hero-section .right .desktop .image img { width: 100%; height: 100% !important; object-fit: cover; }
.hero-section .right .mobile .img-box { position: absolute; left: 15px; bottom: 12px; right: 13px; top: 11px; border-radius: 21px; overflow: hidden; }
.hero-section .right .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; z-index: -1; position: relative; }
.hero-section .right .mobile .img-box a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.hero-section .right .mobile .img-box a.play img { width: 61px; }
.hero-section .right .desktop img.desk { display: none; }

/* .hero-section .right .desktop { position: absolute; top: 0; left: 30%; z-index: 2; }
.hero-section .right .desktop .image { position: absolute; top: 0; left: 0; right: 0; bottom: 248px; z-index: -1; border-radius: 38px; overflow: hidden; }
.hero-section .right .desktop .image img { width: 100%; height: 100% !important; object-fit: cover; } */

.demo-class { padding-right: calc((100% - 1170px) / 2); }
.demo-class .text { width: 630px; padding: 77px 0 0; }
.demo-class .text h4 { font-weight: 700;}
.demo-class .image { margin: 0 0 -130px; width: calc(100% - 630px); text-align: right; position: relative; z-index: 2; }
.demo-class .testimonial { font-family: 'Kalam', cursive; font-size: 24px; line-height: 26px; text-align: center; width: 272px; color: #1984D2; margin: 20px 0 0 auto; transform: rotate(-5.303deg); font-weight: 300; }
.demo-class.bottom-space-set .text { margin-bottom: -120px; position: relative; z-index: 2; }

.service-section { padding: 160px 0 90px; overflow-x: clip; position: relative; }
.background-set { position: absolute; top: 0; left: 0; bottom: 100px; width: 100%; background: conic-gradient(from 45deg at 70% -10%,#053C84 ,#0063E5,#063D85,#6DC8F9,#2DA4FF,#0063E5,#7CD3FF,#053C84 ); background-size: 400% 400%; animation: gradient 15s ease infinite; }
.background-set:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.2; }
.service-section .container { position: relative; z-index: 2; }
.service-section .cover { margin-bottom: -80px; }
.service-section .main { margin: 0 auto; display: block; max-width: 1020px; width: 100%; }
.service-section .box { padding: 15px; }
.service-section .box h4 { font-weight: 300; }
.service-section .box .inner { border-radius: 22px; border: 3px solid #D0D0D0; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 20px 30px 42px; font-weight: 300; }
.service-section .box .icon { line-height: 0; height: 70px; display: flex; }
.service-section .box .icon img { max-height: 100%; }
.service-section .box h6 { font-weight: 300; }
.service-section .box .button-2 a { border-color: #FFFFFF; }
.service-section .box .button-2 a:hover { border-color: #3DD9EF; }
.service-section .list-style ul li { margin: 6px 0; padding-left: 40px; opacity: 0; }
.service-section .box.aos-animate .list-style ul li { -webkit-animation: fading1 ease-in 1s; animation: fading1 ease-in 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; }
.service-section .box.aos-animate .list-style ul li:nth-child(1) { animation-delay: 0.0s; }
.service-section .box.aos-animate .list-style ul li:nth-child(2) { animation-delay: 0.5s; }
.service-section .box.aos-animate .list-style ul li:nth-child(3) { animation-delay: 1.0s; }
.service-section .box.aos-animate .list-style ul li:nth-child(4) { animation-delay: 1.5s; }
.service-section .box.aos-animate .list-style ul li:nth-child(5) { animation-delay: 2.0s; }
.service-section .box.aos-animate .list-style ul li:nth-child(6) { animation-delay: 2.5s; }

@-webkit-keyframes fading1 {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fading1 {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fading1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.service-section .shape-bottom,
.service-section .shape-top { position: absolute; bottom: -1px; left: 0; width: 100%; line-height: 0; z-index: 1; }
.service-section .shape-bottom svg,
.service-section .shape-top svg { width: 120%; height: auto; }
.service-section .shape-top { top: -1px; bottom: auto; transform: scale(-1); }

.trusted-by .main { position: relative; }
.trusted-by .main:before,
.trusted-by .main:after { content: ''; position: absolute; top: 0; left: 0; width: 98px; height: 100%; background: linear-gradient(270deg, #FFFFFF 50.91%, rgba(255, 255, 255, 0.00) 96.12%); transform: scale(-1); z-index: 1; }
.trusted-by .main:after { left: auto; right: 0; transform: scale(1); }
.trusted-by .slick-slide img { max-height: 202px; margin: 0 auto; }
.trusted-by .main .slick-track { display: flex; align-items: center; gap: 20px; }
.trusted-by.shadow_remove .main:before, 
.trusted-by.shadow_remove .main:after { display: none; }
.trusted-by.less-than-5-slides .main.splide{visibility:visible;}
.trusted-by.less-than-5-slides .main.splide .splide__list{justify-content:center;align-items:center;gap:30px;}

.cta-strip { padding: 76px 0; background: conic-gradient(from 45deg at 70% -10%,#053C84 ,#0063E5,#063D85,#6DC8F9,#2DA4FF,#0063E5,#7CD3FF,#053C84 ); background-size: 400% 400%; animation: gradient 15s ease infinite; overflow-x: clip; position: relative; }
.cta-strip .main { border-radius: 27px; background: #FFFFFF; position: relative; }
.cta-strip .image { line-height: 0; width: 434px; position: absolute; bottom: -76px; left: 0; }
.cta-strip .text { margin: 0 0 0 auto; width: calc(100% - 434px); padding: 35px 40px; }
.cta-strip .text h2 { margin: 0 0 8px; font-size: 40px; line-height: 52px; }
.cta-strip .text .content { max-width: 570px; width: 100%; }

.testimonials-section .title-main { margin-left: auto; margin-right: auto; max-width: 566px; position: relative; }
.testimonials-section .title-main h4 { font-family: 'Kalam', cursive; color: #1984D2; transform: rotate(-2.829deg); }
.testimonials-section .title-main .line { width: 468px; height: 31px; display: block; margin: -18px auto 0; }
.testimonials-section .title-main .line > div { width: 0; overflow: hidden; transition:all 2s ease-in-out; }
.testimonials-section .title-main .line img { min-width: 468px; }
.testimonials-section .title-main .arrow { position: absolute; top: 17px; right: -50px; }
.testimonials-section .title-main .ttl.aos-animate .line > div { width: 100%; }
.testimonials-section .title-main .ttl.aos-animate .st1 { stroke-dasharray: 181 183; stroke-dashoffset: 182; animation: tYjDClxc_draw 2000ms linear 0ms forwards; }
.testimonials-section .title-main .ttl.aos-animate .st0 { opacity: 1; transition-delay: 1970ms; }

@keyframes tYjDClxc_draw{ 100% { stroke-dashoffset:0; } }

.testimonials-section { position: relative; }
.testimonials-section .shape-top { width: 100%; height: 130px; position: absolute; left: 0; top: 0; }
.testimonials-section .slick-track { display: flex; flex-wrap: wrap; }
.testimonials-section .slick-slide { height: inherit; }
.testimonials-section .slick-slide > div { height: 100%; }
.testimonials-section .box { padding: 9px ; font-weight: 300; line-height: 1.61; height: 100%; }
.testimonials-section .box .inner { border-radius: 10px; background: #FFFFFF; filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.15)); height: 100%; display: flex; flex-flow: column; }
.testimonials-section .box .text { padding: 23px 22px 78px; position: relative; height: 100%; }
.testimonials-section .box .text:before { content: ''; width: 50px; height: 33px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/quote.svg') no-repeat; display: block; margin: 0 auto 18px; }
.testimonials-section .box .text:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape.png') no-repeat center right; opacity: 0.1; pointer-events: none; }
.testimonials-section .box .details { padding: 20px 20px; background: #1984D2; font-size: 13px; line-height: 17px; border-radius: 0 0 10px 10px; height: 100%; }
.testimonials-section .box .details h5 { font-size: 20px; line-height: 29px; margin: 0 0 7px; font-weight: 600; }
.testimonials-section .box .details .img { line-height: 0; width: 96px; height: 96px; margin: -70px auto 14px; border-radius: 100%; overflow: hidden; position: relative; }
.testimonials-section .box .details .img:after  { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/round.svg') no-repeat center center; }
.testimonials-section .box .details .img img { width: 100%; height: 100% !important; }
.testimonials-section .link-style { margin-top: 10px; }
.testimonials-section .link-style a { transform: rotate(0deg); font-size: 18px; font-weight: 700; color: #282828; font-family: Poppins , sans-serif; }
.testimonials-section .link-style a:after { background-size: 38px; transform: rotate(0deg); width: 40px; margin-left: 10px; }
.testimonials-section .link-style.white a { color: #FFFFFF; }
.testimonials-section ul.splide__pagination { margin:40px 0 0;}


.dancestudio-features { position: relative; overflow-x: clip; z-index: 1; }
.dancestudio-features.shape { margin-top: 80px; }
.dancestudio-features .round { content: ''; width: 150%; height: 568px; position: absolute; top: -79px; left: -25%; border-radius: 100%; z-index: -1; background: #FFFFFF; }
.dancestudio-features .container { position: relative; z-index: 1; }
.dancestudio-features .box-title { font-family: 'Kalam', cursive; font-size: 29px; line-height: 34px; text-align: center; width: 380px; color: #1984D2; transform: rotate(-5.303deg); }
.dancestudio-features .main { position: relative; }
.dancestudio-features .sub-title { color: #1A2A6C; }
.dancestudio-for .left { width: 397px; position: relative; line-height: 0; }
.dancestudio-for .left img.img { position: absolute; top: 25px; left: 24px; bottom: 0; right: 40px; height: calc(100% - 49px) !important; object-fit: cover; width: calc(100% - 49px); border-radius: 5px; }
.dancestudio-for .left a.play { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.dancestudio-for .left a.play img { width: 58px; }

.dancestudio-for .right { width: calc(100% - 397px); padding: 190px 0 0 57px; }
.dancestudio-for .right h4 { font-weight: 700; color: #C33DAE; }
.dancestudio-for .right .arrow { width: 67px; height: 32px; display: block; margin: 0 0 10px -30px; }
.dancestudio-for .right .arrow > div { width: 0; overflow: hidden; transform: rotate(45deg); transition: all 1s ease-in-out; }
.dancestudio-for .right .arrow img { min-width: 67px; }
/* .dancestudio-for .inner.go .right .arrow > div { width: 67px; transform: rotate(0deg);}   */
.dancestudio-for .box { display: none; width: 100%; }
.dancestudio-for .right .button-2 a { transform: initial; box-shadow: none; border-color: #1984D2; }
.dancestudio-for .right .button-2 a:after { opacity: 0; }

.dancestudio-nav { width: calc(100% - 397px); padding: 0 0 30px 0; position: absolute; left: 457px; top: 0; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.10); max-width: 616px; }
.dancestudio-features.white-text .dancestudio-nav { border-bottom-color: rgba(255,255,255,0.5); }
.dancestudio-features .line { stroke-dasharray: 149 150; stroke-dashoffset: 81; }
.dancestudio-features .chevron { transition: 400ms linear; transform: rotate(45deg) translate(69px, -9px); transform-origin: center; -webkit-animation: fading ease-in 1s; animation: fading ease-in 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; }
.dancestudio-features .inner.go .line,
.dancestudio-features .inner.aos-animate .line{ animation: x_draw 700ms linear 0ms forwards; animation-delay: 320ms; }
.dancestudio-features .inner.go .chevron,
.dancestudio-features .inner.aos-animate .chevron { animation-delay: 1ms; }
.careers-section .form .hs_submit input.hs-button.primary.large { height: 45px; }

@keyframes x_draw {
    100% { stroke-dashoffset: 149; }
}


@-webkit-keyframes fading {
    from { transform: rotate(45deg) translate(69px, -9px); }
    to { transform: rotate(0deg) translate(0, 0px); }
}
@-moz-keyframes fading {
    from { transform: rotate(45deg) translate(69px, -9px); }
    to { transform: rotate(0deg) translate(0, 0px); }
}
@keyframes fading {
    from { transform: rotate(45deg) translate(69px, -9px); }
    to { transform: rotate(0deg) translate(0, 0px); }
}


.dance-ladies { position: absolute; bottom: -200px; right: -480px; }
.dance-ladies .inside { right: 0; position: relative; transition:all 2.5s ease-in-out; }
.dance-ladies .inside.go { right: 0; }

/*** about ***/
.hero-inner { position: relative; overflow-x: clip; }
.hero-inner .shape , .hero-inner .shape { position: absolute; top: 0; left: -2px; display: flex; align-items: center; height: 100%; z-index: -1; }
.hero-inner .shape.right { left: auto; right: -2px; }

.hero-inner .text { margin: 0 auto; max-width: 915px; width: 100%; position: relative; z-index: 1; }
.hero-inner .main h4 { font-weight: 700; }

.space-remove { padding: 0; }
.meet-founders { margin-top: 80px; position: relative; overflow-x: clip; z-index: 1; }
.meet-founders .round { content: ''; width: 150%; height: 400px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: -1; }
.meet-founders .main { margin: 0 auto; max-width: 1109px; width: 100%; }
.meet-founders .left { width: 424px; height: 424px; position: relative; }
.meet-founders .left .img { line-height: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 100%; }
.meet-founders .left .img img { width: 100%; height: 100% !important; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.meet-founders .left .icon { position: absolute; top: 0; right: 0; width: 132px; height: 132px; display: flex; align-items: center; justify-content: center; background: #FFB800; border: 8px solid #1984D2; border-radius: 100px; }
.meet-founders .left .icon:hover img { animation: horizontal-shaking 1s infinite; }
@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(2px) }
  50% { transform: translateX(-2px) }
  75% { transform: translateX(2px) }
  100% { transform: translateX(0) }
}
.meet-founders .right { width: calc(100% - 424px); padding: 0 0 0 83px; }
.meet-founders.removetop { margin-top: 0; }
.meet-founders .right ul { margin: 15px 0; padding: 0; list-style-type: none; }
.meet-founders .right ul li { margin: 0; padding: 0; font-size: 25px; line-height: 40px; color: #C33DAE; }

.meet-founders.img-right .main { flex-direction: row-reverse; }
.meet-founders.img-right .right { text-align: right; padding: 0 83px 0 0; }
.meet-founders.img-right .left .icon { left: 0; }
.meet-founders.bg-remove .left .icon { border-color: #FFFFFF; }
.meet-founders.bg-remove .sub-title { color: #1A2A6C; }
.content-section h2 { line-height: 1.4; }

.content-section .main { margin: 0 auto; max-width: 1109px; width: 100%; }

.leadership-at-dsp .box { width: calc(25% - 12px); }
.leadership-at-dsp .main { gap: 32px 16px; }
.leadership-at-dsp .box .image { position: relative; }
.leadership-at-dsp .box .img { line-height: 0; height: 316px; border-radius: 30px; overflow: hidden; }
.leadership-at-dsp .box .img img { width: 100%; height: 100% !important; object-fit: cover; }
.leadership-at-dsp .box .text { font-size: 16px; line-height: 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding: 30px 24px 55px; background: rgba(25, 132, 210, 0.9); border-radius: 30px; opacity: 0; transition:400ms; visibility: hidden; }
.leadership-at-dsp .box .text::-webkit-scrollbar{width:5px;}
.leadership-at-dsp .box .text::-webkit-scrollbar-track{background:transparent;}
.leadership-at-dsp .box .text::-webkit-scrollbar-thumb{background:#666;}
.leadership-at-dsp .box .social { margin-top: -24px; position: relative; gap: 5px; min-height: 52px; }
.leadership-at-dsp .box .social a { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: #1984D2; border-radius: 100px; border: 3px solid #FFFFFF; }
.leadership-at-dsp .box .social a:hover { background: #3DD9EF;  }
.leadership-at-dsp .box .social svg { fill: #FFFFFF; width: 20px; }

.leadership-at-dsp .box .details { position: relative; z-index: 1; }
.leadership-at-dsp .box .details .title { font-style: italic; color: #C33DAE; }
.leadership-at-dsp .box .details .title strong { font-style: normal; color: #1A2A6C; }

.leadership-at-dsp .box .text .title { font-size: 15px; line-height: 22px; }
.leadership-at-dsp .box .text .title strong { text-transform: uppercase; }

.leadership-at-dsp .box:hover .text { opacity: 1; visibility: visible; }

.leadership-at-dsp .mCSB_inside > .mCSB_container { margin: 0 0 0 30px; }
.leadership-at-dsp .mCSB_scrollTools { left: 0; opacity: 1; }
.leadership-at-dsp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { background: #FFFFFF; border-radius: 10px; width: 6px; }
.leadership-at-dsp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.leadership-at-dsp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.leadership-at-dsp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #1A2A6C; }
.leadership-at-dsp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }

.careers-section .main { position: relative; }
.careers-section.white-text .main .sub-title { color: #FFFFFF; }
.careers-section.white-text .main h2 { color: #FFFFFF; background: transparent; background-clip: inherit; -webkit-text-fill-color: ivory; }
.careers-section .main .sub-title.yellow { color: #FFB800; }

.apply_today { width: 210px; font-size: 29px; line-height: 31px; text-align: center; font-family: 'Kalam', cursive; color: #3DD9EF; transform: rotate(-8.797deg) translatez(0); position: absolute; bottom: -20px; right: calc(50% - 350px); }
.apply_today .arrow { transform: rotate(10.797deg); }
.apply_today .arrow { display: flex; justify-content: flex-end; width: 66px; }
/* .apply_today .arrow > div { width: 0; overflow: hidden; transition: all 1s ease-in-out; }
.apply_today .arrow > div img { min-width: 66px; } */

.apply_today .line { stroke-dasharray: 149 150; stroke-dashoffset: 81; }
.apply_today .chevron { transition: 800ms linear; transform: rotate(45deg) translate(69px, -9px); transform-origin: center; }
.apply_today.go .line { animation: x_draw 700ms linear 0ms forwards; animation-delay: 90ms; }
.apply_today.go .chevron { transform: rotate(0deg) translate(0, 0px); }
@keyframes x_draw {
	100% { stroke-dashoffset: 149; }
}

.awards-recognitions .main { margin: 0 auto; max-width: 1109px; width: 100%; }
.awards-recognitions .image { width: 424px; height: 424px; position: relative; }
.awards-recognitions .image .img { line-height: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 100%; }
.awards-recognitions .image .img img { width: 100%; height: 100% !important; object-fit: cover; }
.awards-recognitions .image .icon { position: absolute; top: 0; left: 0; width: 132px; height: 132px; display: flex; align-items: center; justify-content: center; background: #FFB800; border: 8px solid #FFFFFF; border-radius: 100px; }
.awards-recognitions .text { width: calc(100% - 424px); padding: 0 83px 0 0; }

.awards-recognitions .text ul { margin: 15px 0; padding: 0; list-style-type: none; }
.awards-recognitions .text ul li { margin: 0; padding: 0; font-size: 25px; line-height: 40px; color: #C33DAE; }

.award-section .main { position: relative; gap: 20px 25px; }
.award-section .main .box { line-height: 0; }
.award-section .main:before , .award-section .main:after { content: ''; position: absolute; top: 0; left: 0; width: 98px; height: 100%; background: linear-gradient(270deg, #FFFFFF 50.91%, rgba(255, 255, 255, 0.00) 96.12%); transform: scale(-1); z-index: 1; }
.award-section .main:after { left: auto; right: 0; transform: scale(1); }
.award-section .slick-track { display: flex; gap: 20px 25px; }

.dsp-in-media { background: #1984D2; }
.dsp-in-media .main { margin: 0 auto; max-width: 1109px; width: 100%; gap: 20px; }
.dsp-in-media .box { width: calc(33.33% - 13.6px); }
.dsp-in-media .box .image .img { height: 186px; position: relative; }
.dsp-in-media .box .image .img:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0; transition: all ease-in-out .4s; }
.dsp-in-media .box:hover .image .img:before { opacity: 0.7; }
.dsp-in-media .box .image .img img { width: 100%; height: 100% !important; object-fit: cover; }
.dsp-in-media .box .image { position: relative; line-height: 0; border-radius: 20px; overflow: hidden; }
.dsp-in-media .box .image a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.submit-story { position: relative; overflow-x: clip; background: #FFFFFF; }
.submit-story fieldset.form-columns-0 p { display: none; }
.submit-story .top-bg { position: absolute; top: -80px; left: 0; height: 80px; width: 100%; z-index: -1; }
.submit-story .round { content: ''; width: 150%; height: 568px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: -1; background: #FFFFFF; }
.submit-story.shape { margin-top: 80px; }

.cards-icon.shape { margin-top: 80px; position: relative; overflow-x: clip; }
.cards-icon .top-bg { position: absolute; top: -80px; left: 0; height: 80px; width: 100%; z-index: -1; }
.cards-icon .round { content: ''; width: 150%; height: 568px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: -1; background: #FFFFFF; }
/* .cards-icon .main { gap: 26px 14px; } */
.cards-icon .splide { visibility: visible; }
.cards-icon .main .splide__list { gap:26px 10px; flex-wrap: wrap; justify-content: center;}
.cards-icon .box{display:flex;flex-flow:column;}
.cards-icon .box > div { margin-top: 54px; height: 100%; padding: 45px 25px; width: 100%; border-radius: 31px; font-size: 18px; line-height: 29px; background: #FFFFFF; display: flex; flex-flow: column; justify-content: space-between; }
.cards-icon .box h4 { font-weight: 700; }
.cards-icon .box .icon { padding: 20px; width: 124px; height: 124px; margin: -100px auto 15px; border: 10px solid #FFFFFF; background: #FFB800; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.cards-icon .box .icon img { max-height: 100%; transition:400ms; }
.cards-icon .box:hover .icon img { animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.cards-icon .box ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }
.cards-icon .box ul li { margin: 7px 0; padding: 0 0 0 40px; position: relative; display: inline-block; width: 100%; }
.cards-icon .box ul li:after { content: ''; width: 25px; height: 25px; position: absolute; top: 3px; left: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/small_checks.svg') no-repeat center center; }
.cards-icon.shadow .box > div { filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); }
.cards-icon .main-title.white-text { color: #FFFFFF; }
.cards-icon .main-title.white-text .sub-title { color: #FFB800; }

.cards-icon .box .image { padding: 0; overflow: hidden; }
.cards-icon .box .image img { width: 100%; height: 100% !important; object-fit: cover; }
.cards-icon .box:hover .icon.image img { animation-name: inherit; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.cards-icon .box.removeicon { margin-top: 0; }
.cards-icon .main.tow_column .box { width: calc(50% - 7px); }
.cards-icon .splide__track { padding: 10px 5px; }

/* Wobble Horizontal */
@keyframes wobble-horizontal {
	16.65% { transform: translateX(8px); }
	33.3% { transform: translateX(-6px); }
	49.95% { transform: translateX(4px); }
	66.6% { transform: translateX(-2px); }
	83.25% { transform: translateX(1px); }
	100% { transform: translateX(0); }
}

.multi-slide { position: relative; }
.multi-slide .shape-top { height: 220px; position: absolute; top: 0; left: 0; width: 100%; }
.multi-slide .box { padding: 4px; }
.multi-slide .box > div { padding: 15px; margin: 0 auto; max-width: 1110px; border-radius: 30px 30px 30px 0px; background: #FFFFFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); }
.multi-slide .box .text { width: calc(100% - 455px); padding: 40px 70px; }
.multi-slide .box .image { width: 455px; }
.multi-slide .box .image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 0 30px 30px 0px; }
.multi-slide .box .text h4 { font-weight: 700; }
.multi-slide .box .text .link-style a { background: linear-gradient(90deg, #1984D2 0%, #0D446C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.multi-slide ul.splide__pagination { margin: 0; position: absolute; bottom: 16px; left: 0; right: 0; }
.multi-module .list .box .link a:hover { color: #3DD9EF; }

.multi-slide .splide__arrow { left: -30px; }
.multi-slide .splide__arrow.splide__arrow--next { right: -30px; left: auto; }

.multi-module { background: #1984D2; }
.multi-module.shape { margin-top: 80px; position: relative; overflow-x: clip; }
.multi-module .top-bg { position: absolute; top: -80px; left: 0; height: 80px; width: 100%; z-index: -1; }
.multi-module .round { content: ''; width: 150%; height: 568px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: -1; background: #FFFFFF; }

.multi-module .main { margin: 0 auto; max-width: 1110px; width: 100%; }
.multi-module .image { position: relative; height: 403px; overflow: hidden; border-radius: 24px; }
.multi-module .image img.img { width: 100%; height: 100% !important; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.multi-module .image a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.multi-module .text .left { width: calc(100% - 500px); padding: 0 140px 0 0; }
.multi-module .list { width: 500px; }
.multi-module .list .box { border-top: 1px solid #FFFFFF; }
.multi-module .list > div a { padding: 17px 50px 17px 0; display: inline-block; width: 100%; color: #FFFFFF; position: relative; }
.multi-module .list > div a:after { content: ''; width: 28px; height: 28px; position: absolute; top: 17px; right: 0; background: #FFFFFF url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue.svg') no-repeat center center / 18px; border-radius: 100px; transition:400ms; }
.multi-module .list > div a:hover:after { right:-5px;  }
.multi-module .list div.active a:after { right: 0; transform: rotate(90deg); }
.multi-module .list .box:first-child { border-top: none; }
.multi-module .list .box:last-child { border-bottom: 1px solid #FFFFFF; }
.multi-module .list .text { padding: 0 0 15px; display: none; }
.multi-module .list .box.show-link a { pointer-events: none; }

.multi-module .text .left [class*="button-"] a { position: relative; }
.multi-module .text .left .live { position: absolute; top: -14px; right: 0; color: #FFFFFF; font-size: 7px; line-height: 1; font-style: italic; font-weight: 400; padding: 0 0 0 9px; }
.multi-module .text .left .live a { color: #FFFFFF; font-size: 7px; }
.multi-module .text .left .live:before { content: ''; width: 4px; height: 4px; position: absolute; top: 1px; left: 0; background: #1A2A6C; border-radius: 7px; }
.multi-module .text .left .live.online:before { background: #3DC33D; }

.multi-module.without-background { background: transparent; }
.multi-module.without-background .left h4 { font-weight: 700; }
.multi-module.without-background .list > div a { color: #1A2A6C; }
.multi-module.without-background .list .box { border-top-color: #282828; }
.multi-module.without-background .list > div a:after { background-color: #1984D2; background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-white.svg'); }
.multi-module.without-background .list > div .accordion a:after { background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-down.svg'); background-size: 14px; }
.multi-module.without-background .list div.active a:after { transform: rotate(-180deg); }

.carousel-icon  { position: relative; overflow-x: clip; }
.carousel-icon.shape { margin-top: 80px; }
.carousel-icon .shape-top { height: 80px; position: absolute; top: -80px; left: 0; width: 100%; }
.carousel-icon .round { content: ''; width: 150%; height: 568px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: 1; }
.carousel-icon .container { position: relative; z-index: 1; } 
.carousel-icon .box .inner { display: inline-block; position: relative; }
.carousel-icon .box .image { width: 230px; height: 230px; border-radius: 100%; overflow: hidden; margin: 0 auto; }
.carousel-icon .box .image img { width: 100%; height: 100% !important; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.carousel-icon .box .title { margin: 20px auto 0; max-width: 300px; font-size: 18px; line-height: 29px; font-style: italic; color: #C33DAE; font-weight: 500; }

.carousel-icon .box .inner { display: inline-block; position: relative; padding: 25px 0 0; }
.carousel-icon .box .year { position: absolute; top: 0; right: -40px; width: 132px; height: 132px; background: #FFB800; border-radius: 100%; border: 7px solid #FFFFFF; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 24px; line-height: 1; font-weight: 700; color: #1A2A6C; z-index: 1; }
.carousel-icon .box .year span { font-size: 19px; line-height: 1; color: #C33DAE; font-family: 'Kalam', cursive; font-style: italic; }

.carousel-icon ul.slick-dots { display: flex !important; margin: 40px 0 0; background: #1984D2; height: 3px; }
.carousel-icon ul.slick-dots li { margin: 0; width: 100%; }
.carousel-icon ul.slick-dots li button { width: 100%; height: 9px; background: transparent; border-radius: 0; }

.careers-section .form { margin-left: auto; margin-right: auto; max-width: 510px; width: 100%; position: relative; }
.careers-section .form input.hs-input { height: 48px; border-width: 2px; padding: 0 240px 0 20px; }
.careers-section .form  .hs_submit { position: absolute; top: 0; right: 0; }

.careers-section .form .arrow { position: absolute; top: -30px; right: -85px; transform: rotate(76deg) translatez(0); }
.careers-section .form.go .st1 { stroke-dasharray: 181 183; stroke-dashoffset: 182; animation: tYjDClxc_draw 2000ms linear 0ms forwards; }
.careers-section .form.go .st0 { opacity: 1; transition-delay: 1970ms; }

.photo-care .slick-track { display: flex; }
.photo-care .slick-track > div { height: inherit; }
.photo-care .slick-track > div div { height: 100%; }
.photo-care .box .inner { padding: 30px; display: flex; height: 100%; align-items: center; justify-content: center; width: 100%; min-height: 452px; }

.photo-care .box .inner img {  transition:400ms; }
.photo-care .box .inner:hover img { animation-name: wobble-horizontal-new; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }

/* Wobble Horizontal */
@keyframes wobble-horizontal-new {
	16.65% { transform: translateY(12px); }
	33.3% { transform: translateY(-10px); }
	49.95% { transform: translateY(8px); }
	66.6% { transform: translateY(-6px); }
	83.25% { transform: translateY(4px); }
	100% { transform: translateY(0); }
}

.pagination { width: 100%; gap: 5px; }
.pagination > div,
.pagination > a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; line-height: 30px; text-align: center; border-radius: 5px; }
.pagination > a.active { background: #1984D2; color: #FFFFFF; }
.pagination > div svg { width: 10px; }

/**** ****/
.pricing-packages { padding: 70px 0; }
.pricing-packages .main-title { margin: 0 0 60px; }
.pricing-packages .title-row { gap: 12px; }
.pricing-packages .title-row .title { width: 45%; padding: 0 20px 0 0; position: relative; }
.pricing-packages .title-row .title h2 { font-size: 33px; line-height: 45px; letter-spacing: -0.66px; font-weight: 300; color: #282828; margin: 0 0 10px; }
.pricing-packages .title-row .right { width: calc(55% - 12px); }
.pricing-packages .title-row .setbox { width: 100%; gap: 12px; }
.pricing-packages .title-row .box { width: calc(18.3333333333% - 12px); padding: 30px 10px; border-radius: 31px 31px 31px 0px; font-size: 14px; line-height: 19px; color: #FFFFFF; text-transform: uppercase; }
.pricing-packages .title-row .box h5 { font-size: 14px; line-height: 21px; margin: 0 0 7px; font-weight: 500; color: #FFFFFF; }
.pricing-packages .title-row .box h4 { font-size: 23px; line-height: 23px; text-transform: none; font-weight: 700; color: #FFFFFF; }
.pricing-packages .title-row .box h2 { font-size: 67px; line-height: 1; color: #FFFFFF; margin: 0 0 6px; }
.pricing-packages .title-row .title .arrow { position: absolute; bottom: -17px; right: 30px; }
.pricing-packages .title-row .title .arrow.aos-animate .st1 { stroke-dasharray: 181 183; stroke-dashoffset: 182; animation: tYjDClxc_draw 2000ms linear 0ms forwards; }
.pricing-packages .title-row .title .arrow.aos-animate .st0 { opacity: 1; transition-delay: 1970ms; }

.pricing-packages .cover { margin: 0 auto; max-width: 1030px; width: 100%; }
.pricing-main .box { gap: 12px; }
.pricing-main .box .title { width: 45%; padding: 12px 20px 12px 0; border-bottom: 1px solid #CBD9FF; display: flex; flex-flow: column; justify-content: center; font-size: 12px; line-height: 18px; }
.pricing-main .box .right { right: 55%; }
.pricing-main .box .check { width: calc(18.3333333333% - 12px); min-height: 62px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; }
.pricing-main .box .check:after { content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; border-bottom: 1px solid #CBD9FF; }

.pricing-main .box .title .icon { width: 55px; height: 55px; background: #3DC33D; border-radius: 11px 11px 11px 0; display: flex; align-items: center; justify-content: center; padding: 5px; margin-right: 18px; }
.pricing-main .box .title .icon img { max-height: 100%; }
.pricing-main .box .title h3 { margin: 0; font-size: 33px; line-height: 1; color: #3DC33D; }
.pricing-main .box .title h3 span { font-size: 16px; line-height: 21px; color: #000000; display: block; font-family: Kalam; }
.pricing-main .box .title h5 { margin: 0; font-size: 18px; line-height: 29px; }

.pricing-main .box .title:hover .icon img { animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }

.pricing-packages .buttons .title { width: 45%; background: #FFFFFF; }
.pricing-packages .buttons { gap: 12px; }
.pricing-packages .buttons [class*="button-"] { width: calc(18.3333333333% - 12px); text-align: center; line-height: 0; }
.pricing-packages .buttons a { padding: 7px 15px; min-width: auto; width: 100%; }

.cards-icon .container { position: relative; z-index: 1; }
.cards-icon.shape { margin-top: 80px; position: relative; overflow-x: clip; }
.cards-icon .top-bg { position: absolute; top: -80px; left: 0; height: 80px; width: 100%; z-index: -1; }
.cards-icon .round { content: ''; width: 150%; height: 400px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: 1; background: #FFFFFF; }
.remove-top { padding-top: 0; }

.faq-cards { text-align: left; color: #FFFFFF; }
.faq-cards .faq { border-bottom: 1px solid #CBD9FF; }
.faq-cards .faq h4 { font-size: 18px; line-height: 29px; font-weight: 700; color: #FFFFFF; margin: 0; padding: 18px 40px 18px 0; position: relative; cursor: pointer; transition:400ms; }
.faq-cards .faq h4:after { content: ''; width: 28px; height: 28px; position: absolute; top: 19px; right: 0; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/check.png') no-repeat center center; transition:400ms; }
.faq-cards .faq .answer { padding: 0 40px 20px 0; display: none; }
.faq-cards .faq h4.active:after { transform: rotate(180deg); } 
.faq-cards .faq h4:hover { color: #3DD9EF; }
.faq-cards .faq h4:hover:after { top: 22px; }

.tabs-section.shape { margin-top: 80px; position: relative; overflow-x: clip; }
.tabs-section .top-bg { position: absolute; top: -80px; left: 0; height: 80px; width: 100%; z-index: -1; }
.tabs-section .round { content: ''; width: 150%; height: 568px; position: absolute; top: -80px; left: -25%; border-radius: 100%; z-index: -1; background: #FFFFFF; }
.tabs-section .main { margin: 0 auto; padding: 36px; max-width: 1124px; width: 100%; border-radius: 40px 40px 0px 0px; background: #1A2A6C; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); }
.tabs-section .left { padding: 0; width: 316px; }
.tabs-section .left h2 { padding-right: 5px; font-size: 33px; font-weight: 300; }
.tabs-section .left h2 span { font-weight: 700; color: #FFB800; }
.tabs-section .right { width: calc(100% - 316px); }
.tabs-section .right .inner { border-radius: 0px 40px 0px 0px; border: 8px solid #1984D2; background: #FFFFFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); padding: 25px; height: 100%; }
.tabs-section .right .image { line-height: 0; width: 264px; text-align: center; }
.tabs-section .right .image img.img { width: 100%; height: 100% !important; object-fit: cover; }
.tabs-section .right .text { width: calc(100% - 264px); padding: 0 0 0 29px; display: flex; flex-flow: column; justify-content: center; }
.tabs-section .right .text .sub { margin: 0 0 5px; font-size: 17px; line-height: 30px; font-weight: 700; color: #1A2A6C; font-style: italic; }
/* .tabs-section .right .text ul { margin: 0 0 30px; padding: 0; list-style-type: none; }
.tabs-section .right .text ul li { position: relative; margin: 5px 0; display: inline-block; width: 100%; font-weight: 700; padding: 0 0 0 49px; color: #1984D2; }
.tabs-section .right .text ul li:before { content: ''; width: 36px; height: 18px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue.svg'); position: absolute; left: 0; top: 5px; background-size: 36px; } */

.tabs-section .right .text ul { margin: 0; padding: 0 0 0 10px; list-style-type: none; }
.tabs-section .right .text ul li { position: relative; margin: 3px 0; padding: 0 0 0 15px; display: inline-block; width: 100%; }
.tabs-section .right .text ul li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 12px; left: 0; background: #000; border-radius: 10px; }
.tabs-section .right .text .link { text-align: right; font-weight: 500; font-size: 15px; line-height: 28px; font-style: italic; }
.tabs-section .right .text .link a { color: #282828; }
.tabs-section .right .text .link a:hover { color: #1984D2; }
.tabs-section .right .image.frame { height: auto; }
.tabs-section .right .image.frame .img-in { display: inline-block; position: relative; }
.tabs-section .right .image.frame .img-in .iphone { position: relative; z-index: 1; }
.tabs-section .right .image.frame img.img { position: absolute; top: 10px; left: 0; right: 0; bottom: 0; border-radius: 35px; max-height: calc(100% - 20px); }

.tabing-title { font-weight: 700; display: flex; flex-flow: column; gap: 5px; }
.tabing-title .tabs-title { padding: 10px 20px; border-radius: 40px 0 0 40px; cursor: pointer; transition:400ms; }
.tabing-title .tabs-title.active { background: #1984D2; color: #FFFFFF; }
.tabing-title .tabs-title:hover { color: #1984D2; }
.tabing-title .tabs-title.active:hover { color: #FFFFFF; }

.payment-table .cover { margin: 0 auto; max-width: 1124px; width: 100%; }
.payment-table .title-main { gap: 10px; }
.payment-table .title-main > div { padding: 10px 5px; width: 155px; min-width: 155px; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; }
.payment-table .title-main > div h4 { margin: 0; font-size: 18px; line-height: 29px; font-weight: 700; color: #000; text-align: center; }
.payment-table .title-main > div:first-child { width: 38%; }
.payment-table .title-main > div:nth-child(4) { width: 197px; }

.payment-table .title-main > div.featured { background: #1984D2; border-radius: 19px 19px 0 0; }

.payment-cover { border-radius: 40px; background: #D9D9D9; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); overflow: clip; }
.payment-cover .box { gap: 10px; }
.payment-cover .box > div { padding: 10px 5px; width: 155px; min-width: 155px; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; min-height: 58px; }
.payment-cover .box > div h4 { margin: 0; font-size: 18px; line-height: 29px; font-weight: 700; color: #000; text-align: center; }
.payment-cover .box > div:first-child { padding: 10px 40px; width: 38%; align-items: flex-start; text-align: left; }
.payment-cover .box > div:nth-child(4) { width: 197px; }
.payment-cover .box > div:nth-child(2) { background: #1984D2; }
.payment-cover .box > div:nth-child(2) svg path { fill: #FFFFFF; stroke: #1984D2; }
.payment-cover .box > div:nth-child(2) svg circle { stroke: #FFFFFF; }

.payment-cover .box:nth-child(odd) > div:nth-child(2) { background: #196fb5; }
.payment-cover .box:nth-child(odd) > div:nth-child(2) svg path { stroke: #196fb5; }
.payment-cover .box:nth-child(odd) { background: #FFFFFF; }

.payment-cover .box:nth-child(even) > div svg path { stroke: #D9D9D9; }
.payment-cover .box:nth-child(even) > div:nth-child(2) svg path { stroke: #1984D2; }

.faqs-page .main-title { max-width: 980px; width: 100%; }
.faqs-page .main-title.text-center { width: 100%; max-width: 100%; }
.faqs-page .faq-cards  { color: #1A2A6C; }
.faqs-page .faq-cards .faq { border-color: #1984D2 }
.faqs-page .faq-cards .faq h4 { color: #1A2A6C; }
.faqs-page .faq-cards .faq h4::after { width: 28px; height: 28px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-down.svg') no-repeat center center; background-color: #1984D2; border-radius: 100px; }
.faqs-page .faq-cards .faq h4:hover { color: #1984D2; }
.faqs-page .faq-cards .faq .answer table a { border-radius: 100px; }

.general-interior .main { margin: 0 auto; max-width: 980px; width: 100%; }
.general-interior h4 { font-weight: 700; margin: 60px 0 30px; text-transform: uppercase; }
.general-interior ul { margin: 15px 0 30px; padding: 0 0 0 10px; list-style-type: none; display: inline-block; width: 100%; }
.general-interior ul li { margin: 2px 0; padding: 0 0 0 18px; position: relative; }
.general-interior ul li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 11px; left: 0; background: #282828; border-radius: 10px; }
.general-interior a { font-weight: 600; color: #1984D2; }
.general-interior a:hover { color: #1A2A6C; }

.hero-features .image { width: 479px; line-height: 0; margin-bottom: -25px; display: flex; align-content: end; }
.hero-features .left { width: calc(100% - 479px); padding-right: 30px; }

.hero-features .image { width: 479px; line-height: 0; margin-bottom: -25px; display: flex; align-content: end; }
.hero-features .left { width: calc(100% - 479px); padding-right: 30px; }

.hero-features .video-right { width: 479px; margin: 0 0 -60px; }
.hero-features .inside { margin: 0 auto; width: 362px; height: 504px; position: relative; }
.hero-features .tablet { line-height: 0; height: 100%; width: 100%; }
.hero-features .tablet img { width: 100%; height: 100%; }
.hero-features .video-right img.img { position: absolute; top: 23px; left: 22px; bottom: 0; right: 40px; height: calc(100% - 45px) !important; object-fit: cover; width: calc(100% - 45px); border-radius: 5px; }
.hero-features .video-right a.play { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.hero-features .video-right a.play img { max-width: 61px; height: auto; }

.hero-lp { padding-left: calc((100% - 1170px) / 2); overflow-x: clip; position: relative; }
.hero-lp .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-lp .video video { width: 100%; height: 100%; object-fit: cover; }
.hero-lp .video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFFFFF; opacity: 0.9; }
.hero-lp .left { padding: 48px 0; width: 570px; position: relative; z-index: 1; }
.hero-lp .left ul li { padding: 0 0 0 35px; font-weight: 700; color: #1A2A6C; opacity: 0; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
.hero-lp .left ul li:before { width: 24px; height: 25px; background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/Small_Checks-1.svg'); }
.hero-lp .left .text { max-width: 580px; width: 100%; }
.hero-lp .text h4 { mix-blend-mode: luminosity; font-weight: 700; line-height: 1.4; }
.hero-lp .right { margin: 0 0 -30px; padding: 0 0 0 100px; width: calc(100% - 570px); position: relative; }

.hero-lp .left ul li:nth-child(1) { animation-delay: 0s; }
.hero-lp .left ul li:nth-child(2) { animation-delay: 1s; }
.hero-lp .left ul li:nth-child(3) { animation-delay: 2s; }
.hero-lp .left ul li:nth-child(4) { animation-delay: 3s; }
.hero-lp .left ul li:nth-child(5) { animation-delay: 4s }
.hero-lp .left ul li:nth-child(6) { animation-delay: 5s; }
.hero-lp .left ul li:nth-child(7) { animation-delay: 6s; }
.hero-lp .left ul li:nth-child(8) { animation-delay: 7s; }
.hero-lp .left ul li:nth-child(9) { animation-delay: 8s; }
.hero-lp .left ul li:nth-child(10) { animation-delay: 9s; }
.hero-lp .left ul li:nth-child(11) { animation-delay: 10s; }

@keyframes fadeInUp {
  from { transform: translate3d(0, 10px, 0) }
  to { transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes fadeInUp {
  from { transform: translate3d(0, 10px, 0) }
  to { transform: translate3d(0, 0, 0); opacity: 1 }
}


.hero-lp .left .link { width: 204px; font-size: 24px; line-height: 26px; text-align: center; margin: -90px 0 0 auto; font-family: 'Kalam', cursive; transform: rotate(1.602deg) translatez(0); position: relative; right: -50px; color: #1984D2; font-weight: 300; }
.hero-lp .left .link .arrow { display: block; width: 75px; line-height: 0; margin: 0 0 10px auto; overflow: hidden; }
.hero-lp .left .link .arrow .in {  width: 0; overflow: hidden; transition:all 1s ease-in-out; }
.hero-lp .left .link .arrow img { max-width: 75px; }
.hero-lp .left .link .arrow .in.aos-animate { width: 75px; }

.hero-lp .right_in { position: relative; padding: 0 0 0 210px; line-height: 0; z-index: 2; }
.hero-lp .right_in .mobile { position: absolute; bottom: 0; left: 0; z-index: 1; }
.hero-lp .right_in .desktop { position: relative; display: inline-block; }
.hero-lp .right_in .desk-img { position: relative; padding: 0 0 86px; display: inline-block; }
.hero-lp .right_in .desk-img img.stand { position: absolute; bottom: 0; left: 270px; }
.hero-lp .right_in .mobile .img-box { position: absolute; left: 24px; top: 17px; right: 23px; bottom: 19px; border-radius: 30px; overflow: hidden; }
.hero-lp .right_in .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; z-index: -1; position: relative; }
.hero-lp .right_in .mobile .img-box a.play { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.hero-lp .right_in .mobile .img-box a.play img { width: 89px; }
.hero-lp .right_in .desk-img .image { position: absolute; }
.hero-lp .right_in .desktop .image { position: absolute; top: 16px; left: 18px; right: 18px; bottom: 230px; border-radius: 5px; overflow: hidden; }
.hero-lp .right_in .desktop .image img { width: 100%; height: 100% !important; object-fit: cover; }

.hero-lp.btm-shape { padding-bottom: 60px; }
.hero-lp .shape-btm { line-height: 0; position: absolute; bottom: -1px; left: 0; width: 100%; }
.hero-lp .shape-btm svg { width: 100%; height: auto; }
.hero-lp.link-set .left .link { margin-top: -30px; }


/* .hero-lp .mobile { width: 459px; position: relative; line-height: 0; z-index: 3; }
.hero-lp .mobile .img-box { position: absolute; top: 0; left: 10px; right: 10px; height: 100%; border-radius: 90px; overflow: hidden; }
.hero-lp .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; z-index: -1; position: relative; }
.hero-lp .mobile .img-box a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.hero-lp .right .desktop { position: relative; top: 0; left: 30%; z-index: 2; }
.hero-lp .right .desktop .image { position: absolute; top: 0; left: 0; right: 0; bottom: 248px; z-index: -1; border-radius: 38px; overflow: hidden; }
.hero-lp .right .desktop .image img { width: 100%; height: 100% !important; object-fit: cover; } */

/* .hero-lp .mobile { position: relative; line-height: 0; z-index: 3; }
.hero-lp .mobile .img-box { position: absolute; top: 0; left: 10px; right: 10px; height: 100%; border-radius: 90px; overflow: hidden; }
.hero-lp .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; z-index: -1; position: relative; }
.hero-lp .mobile .img-box a.play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.hero-lp .right .desktop { position: relative; top: 0; left: 30%; z-index: 2; width: 850px; }
.hero-lp .right .desktop .image { position: absolute; top: 0; left: 0; right: 0; bottom: 248px; z-index: -1; border-radius: 38px; overflow: hidden; }
.hero-lp .right .desktop .image img { width: 100%; height: 100% !important; object-fit: cover; } */

.dancestudio-features.set-module { margin: 0; }

/*** Persona ***/
.hero-persona .image { height: 438px; margin-bottom: -152px; }
.hero-persona .image img { width: 100%; height: 100% !important; !i; !; object-fit: cover; }
.hero-persona .main { margin: 0 auto; padding: 26px 40px 35px; background: #FFFFFF; border-radius: 20px; position: relative; max-width: 1006px; width: 100%; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.20)); min-height: 260px; display: flex; flex-flow: column; justify-content: center; }

.checkmarks-text .left { width: 460px; }
.checkmarks-text .right { width: calc(100% - 460px); padding: 0 0 0 60px; }
.checkmarks-text .right ul li { margin: 0; padding: 20px 12% 20px 50px; position: relative; }
.checkmarks-text .right.go ul li {  opacity: 0; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
.checkmarks-text .right ul li:before { width: 31px; height: 27px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/check-1.svg'); top: 20px; }
.checkmarks-text .right ul li:after { content: ''; position: absolute; bottom: 0; left: 50px; right: 0; border-bottom: 1px solid #1984D2; }
.checkmarks-text .right ul li:last-child:after { border: none; }

.checkmarks-text .right ul li:nth-child(1) { animation-delay: 0s; }
.checkmarks-text .right ul li:nth-child(2) { animation-delay: 1s; }
.checkmarks-text .right ul li:nth-child(3) { animation-delay: 2s; }
.checkmarks-text .right ul li:nth-child(4) { animation-delay: 3s; }
.checkmarks-text .right ul li:nth-child(5) { animation-delay: 4s }
.checkmarks-text .right ul li:nth-child(6) { animation-delay: 5s; }
.checkmarks-text .right ul li:nth-child(7) { animation-delay: 6s; }
.checkmarks-text .right ul li:nth-child(8) { animation-delay: 7s; }
.checkmarks-text .right ul li:nth-child(9) { animation-delay: 8s; }
.checkmarks-text .right ul li:nth-child(10) { animation-delay: 9s; }
.checkmarks-text .right ul li:nth-child(11) { animation-delay: 10s; }

.tabs-new .main { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.tabs-new .tabing-title .tabs-title { color: #1A2A6C; }
.tabs-new .tabing-title .tabs-title.active,
.tabs-new .tabing-title .tabs-title:hover.active { background: #C33DAE; color: #FFFFFF; }
.tabs-new .tabing-title .tabs-title:hover { color: #C33DAE; }

.tabs-new .left { width: 433px; }
.tabs-new .right { width: calc(100% - 433px); }
.tabs-new .right .inner { border-color: #C33DAE; }
.tabs-new .right .inner .text { width: 100%; padding: 40px; }
.tabs-new .right .inner h2 { color: #1984D2; }

.hero-support.set-img .container { align-items: flex-start; }
.hero-support.set-img .container .image { margin: 60px 0 0; }

.hero-support .image { width: 441px; line-height: 0; margin-bottom: -30px; z-index: -1; display: flex; align-items: flex-end; }
.hero-support .text { width: calc(100% - 441px); padding: 50px 0 50px 150px; display: flex; flex-flow: column; justify-content: center; }
.hero-support .text .contact { display: flex; flex-flow: column; gap: 22px 0; }
.hero-support .text .contact > div { position: relative; padding: 0 0 0 56px; color: #282828; }
.hero-support .text .contact > div a { color: #282828; }
.hero-support .text .contact > div a:hover { color: #1984D2; }
.hero-support .text .contact > div svg { position: absolute; left: 0; }
.hero-support .text .contact > div.call { font-size: 12px; line-height: 19px; }
.hero-support .text .contact > div.call a.link { font-size: 18px; line-height: 29px; font-weight: 700; color: #1984D2; }

.hero-support .text .contact > div.livechat [class*="dot"] { transform: translate(13px, 3px); animation: dotsRun1 2500ms linear 0ms infinite both; }
.hero-support .text .contact > div.livechat svg { top: 0; }
.hero-support .text .contact > div.livechat a { font-weight: 700; color: #1984D2; }
.hero-support .text .contact > div.livechat a span { font-size: 12px; line-height: 1; display: block; font-weight: 400; font-style: italic; padding: 0 0 0 10px; position: relative; color: #1A2A6C; }
.hero-support .text .contact > div.livechat a span:after { content: ''; width: 4px; height: 4px; position: absolute; top: 4px; left: 0; background: #1A2A6C; border-radius: 10px; }
.hero-support .text .contact > div.livechat.online a span:after { background: #3DC33D; }
.hero-support .text .contact .livechat .chat { fill: transparent; }
.hero-support .text .contact > div.call div a { text-decoration: underline; }

.hero-support .text .contact div.livechat .dot2 { fill: #1A2A6C; }
.hero-support .text .contact div.livechat .dot1 { fill: #1A2A6C; }
.hero-support .text .contact div.livechat .dot3 { fill: #1A2A6C; }


@keyframes dotsRun1 {
    0% { transform: translate(13px, 3px); }
    10% { transform: translate(13px, 3px); }
    50% { transform: translate(13px, 3px); }
    60% { transform: translate(32px, 3px); }
    100% { transform: translate(32px, 3px); }
}

.live-chat [class*="dot"] { transform: translate(12px, 3px); animation: dotsRun 2500ms linear 0ms infinite both; }
.live-chat .chat { fill: #FFFFFF; }
.live-chat .dot2 { animation-delay: 100ms; fill: #1A2A6C; }
.live-chat .dot1 { animation-delay: 200ms; fill: #1A2A6C; }
.live-chat .dot3 { fill: #1A2A6C; }

.multi-module .list-box > div a { padding: 17px 0 17px 50px; }
.multi-module .list-box > div a::after { left: 0; right: auto; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/check-green-1.svg') no-repeat center left; width: 26px; height: 26px; border-radius: 0; }

/*** free resources  ***/
.experience-section .devices { width: 400px; line-height: 0; position: relative; }
.experience-section .devices .ipad { width: 323px; position: relative; }
.experience-section .devices .ipad .img { position: absolute; top: 20px; left: 19px; bottom: 20px; right: 19px; border-radius: 3px; overflow: hidden; }
.experience-section .devices .ipad .img img { width: 100%; height: 100% !important; object-fit: cover; }

.experience-section .devices .phone { width: 173px; position: absolute; bottom: -10px; right: 0; z-index: 1; }
.experience-section .devices .phone .img { position: absolute; top: 7px; left: 8px; bottom: 7px; right: 5px; border-radius: 13px; overflow: hidden; z-index: -1; }
.experience-section .devices .phone .img img { width: 100%; height: 100% !important; object-fit: cover; }

.experience-section .text { width: calc(100% - 400px); padding: 0 0 0 60px; display: flex; align-items: center; }

@keyframes dotsRun {
    0% { transform: translate(0px, 0px); }
    10% { transform: translate(0, 0px); }
    50% { transform: translate(0, 0px); }
    60% { transform: translate(18px, 0px); }
    100% { transform: translate(18px, 0px); }
}

.column-form .left { width: 50%; padding: 0 40px 0 0; }
.column-form .right { width: 50%; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #FFFFFF; }
.column-form .right .hs-richtext { }
.column-form .right h3.form-title { display: none; }
.column-form .right .form-columns-0 .hs-richtext span { color: #282828 !important; }
.column-form .right .form-columns-0 { margin: 0 0 20px; }
.column-form .right  ul.inputs-list { font-size: 14px; }

.services-lp { padding-top: 30px; }
.services-lp .image { width: 30%; line-height: 0; margin-bottom: -30px; }
.services-lp .right { width: 70%; padding: 0 0 50px 30px; padding-right: calc((100% - 1120px) / 2); gap: 30px; }
.services-lp .right .box { width: calc(50% - 15px); }
.services-lp .right .box .icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin: 0 0 20px; }
.services-lp .right .box .icon img { max-height: 100%; }

.meeting-section { overflow-y: clip; }
.meeting-section .left { line-height: 0; width: 728px; margin-left: -100px; }
.meeting-section .right { width: calc(100% - 628px); padding: 0 0 50px; }

.schedule-hero .left { margin: 17px 0 0; width: 577px; }
.schedule-hero .right { width: calc(100% - 577px); padding: 0 0 0 30px; }

.monitor-box { padding: 0 0 0 88px; position: relative; line-height: 0; }
.monitor-box .mobile { position: absolute; left: 0; bottom: 0; z-index: 1; }
.monitor-box .mobile .img-box { margin: 0; position: absolute; top: 8px; left: 10px; bottom: 8px; right: 10px; border-radius: 9px; overflow: hidden; }
.monitor-box .desktop { position: relative; display: inline-block; width: 478px; }
.monitor-box .desktop .image { position: absolute; top: 7px; left: 7px; right: 7px; bottom: 98px; border-radius: 5px; overflow: hidden; }
.monitor-box .mobile .img-box img.img { width: 100%; height: 100% !important; object-fit: cover; position: relative; z-index: -1; }
.monitor-box .mobile  a.play { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.monitor-box .mobile a.play img { width: 45px; }
.monitor-box .desktop .image img { width: 100%; height: 100%; object-fit: cover; }
.monitor-box .desktop .desk-img { position: relative; padding: 0 0 91px 0; }
.monitor-box .desktop .desk-img img.stand { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }

/*** ***/
.experience-section .text strong { font-weight: 500; }

.contact-cards { padding: 80px 0 110px; }
.contact-cards .main-title { margin-bottom: 60px; }

.testimonial-large { position: relative; }
.testimonial-large .bg-color { content: ''; width: 100%; height: 50%; position: absolute; top: 0; left: 0; }
.testimonial-large .bg-color.btm { bottom: 0; top: auto; }
.testimonialSlider .box { margin: 15px 0; background: #FFF; border-radius: 10px; background: #E0E0E0; }
.testimonialSlider .box .icon { margin: 0 0 40px; line-height: 0; }
.testimonialSlider .box .text { font-size: 18px; line-height: 29px; font-weight: 300; padding: 40px 56px 70px; }
.testimonialSlider .box .text .image { width: 96px; height: 96px; line-height: 0; margin: 0 auto 32px; border-radius: 100%; overflow: hidden; position: relative; }
.testimonialSlider .box .text .image img { width: 100%; height: 100% !important; object-fit: cover; }
.testimonialSlider .box .details { border-radius: 0px 0px 10px 10px; background: #1984D2; padding: 10px 20px; font-size: 13px; line-height: 17px; color: #FFF; min-height: 122px; display: flex; flex-flow: column; justify-content: center; }
.testimonialSlider .box .details h5 { font-size: 18px; line-height: 29px; font-weight: 700; color: #FFF; margin: 0 0 3px; }


.testimonialSlider .slick-current.box { filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.30)); background: #FFF; }

.testimonialSlider .splide__track { padding: 0 10% !important }
.testimonialSlider .splide__list { max-width: 100% !important; perspective: 100px; transform: translateZ(0) !important; }
.testimonialSlider .splide__slide { position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transform: translateZ(-20px); transform-style: preserve-3d; transition: transform 1s, opacity 1s; width: 100% !important }
.testimonialSlider .slick-snext,
.testimonialSlider .slick-sprev { display: block }
.testimonialSlider .slick-current { display: block; opacity: 1; position: relative; transform: translateZ(0); z-index: 2; pointer-events: auto; user-select: auto; }
.testimonialSlider .slick-snext { opacity: 1; transform: translate3d(24%, 0, -20px); z-index: 1 }
.testimonialSlider .slick-sprev { opacity: 1; transform: translate3d(-24%, 0, -20px) }

.testimonial-large ul.slick-dots { margin: 40px 0 0; display: flex; align-items: center; justify-content: center; }
.testimonial-large ul.slick-dots li { width: 9px; height: 9px; background: #D9D9D9; border-radius: 10px; cursor: pointer; }
.testimonial-large ul.slick-dots li.slick-active { background: #1984D2; border: 1px solid #D9D9D9; }
.testimonial-large .splide:not(.is-overflow) .splide__pagination { display: block; }

/* .testimonialSlider .splide__list { width: calc(100% - 20%); margin: 0 auto !important; }
.testimonialSlider .splide__slide { bottom: 0; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; transform: translateZ(-20px); transition: transform 1s, opacity 1s; width: 100% !important; }  
.testimonialSlider .splide__slide.is-prev { opacity: 1; transform: translate3d(-24%, 0, -20px); }
.testimonialSlider .splide__slide.is-next { opacity: 1; transform: translate3d(24%, 0, -20px); z-index: 1; }
.testimonialSlider .box.is-active { display: block; opacity: 1; position: relative; transform: translateZ(0); z-index: 2; } */


.rectangle-content .image { width: 423px; }
.rectangle-content .content { width: calc(100% - 423px); text-align: left; padding: 0 0 0 40px; }






/**/
@media(min-width: 992px) {
    
    .dancestudio-nav label { display: none; }
    
    .leadership-at-dsp .tab-list label { display: none; }
    .leadership-at-dsp .tab-list ul { margin: 0; padding: 0; list-style-type: none; display: flex; }
    .leadership-at-dsp .tab-list ul li { width: 100%; text-align: center; border-bottom: 3px solid #1984D2; }
    .leadership-at-dsp .tab-list ul li a { padding: 8px 10px; display: inline-block; width: 100%; position: relative; font-size: 18px; line-height: 24px; font-weight: 700; color: #1A2A6C; position: relative; cursor: pointer; background: transparent; }
    .leadership-at-dsp .tab-list ul li a:after { content: ''; width: 0; height: 5px; position: absolute; bottom: -4px; left: 0; background: #1984D2; transition:400ms; }
    .leadership-at-dsp .tab-list ul li a:hover { color: #3DD9EF; }
    .leadership-at-dsp .tab-list ul li.active a:after { width: 100%; }
    
    .dancestudio-features.shape .dancestudio-for .right h4 { color: #FFFFFF; }
    .dancestudio-features.shape .tab-list ul li a { color: #FFFFFF; }
    .dancestudio-features.shape .tab-list ul li a:hover { color: #FFB800; }
    
    /**/
    .home h1 { font-size: 78px; line-height: 79px; letter-spacing: -0.78px; }
    
/*     .hero-section .mobile { top: 220px; left: auto; right: 200px; position: absolute; }
    .hero-section .mobile .img-box img.img { width: 268px; height: 534px !important; }
    .hero-section .mobile .img-box { left: 3px; right: auto; top: 0px; height: calc(100% + 10px); border-radius: 58px; }
    .hero-section .mobile .img-box a.play { width: 270px; }
    
    .hero-section .right .desktop { top: 0; left: auto; right: -350px; }
    .hero-section .right .desktop .desk-img img { width: 850px; height: 750px; }
    .hero-section .right .desktop .image { bottom: 197px; } */
    
    .pricing-packages .title-row .right .select-box { display: none; }
    
    .tabs-section .right .title { display: none; }
    .tabs-section .box-row { display: none; height: 100%; }
    
    .faqs-page .faq-cards .faq .answer { padding-bottom: 26px; }
    
/*     .hero-lp .mobile { bottom: 0; left: 0; position: absolute; }
    .hero-lp .mobile .img-box img.img { width: 268px; height: 534px !important; }
    .hero-lp .mobile .img-box { left: 3px; right: auto; top: 0px; height: calc(100% + 10px); border-radius: 58px; }
    .hero-lp .mobile .img-box a.play { width: 270px; }
    
    .hero-lp .right .desktop { top: 0; left: 140px; }
    .hero-lp .right .desktop .desk-img img { width: 850px; height: auto; }
    .hero-lp .right .desktop .image { bottom: 180px; }
     */
/*     .hero-lp .mobile { bottom: 0; left: 0; position: absolute; }
    .hero-lp .mobile .img-box { left: 25px; right: 25px; top: 17px; height: calc(100% + -22px); border-radius: 48px; }
    .hero-lp .mobile .img-box img.img { width: 100%; height: calc(100% - 12px) !important; }
    .hero-lp .mobile .img-box a.play { width: 100%; }
    
    .hero-lp .right .desktop { top: 0; left: auto; right: -240px; width: 1260px; }
    .hero-lp .right .desktop .desk-img img { width: 1262px; height: 947px; }
    .hero-lp .right .desktop .image { bottom: 262px; } */
    
    .cta-strip .text h2 br { display: none; }
    
    .leadership-at-dsp .pagination { display: none; }
    
    .hero-lp.video-box { padding-bottom: 90px; margin-bottom: -90px; }
    .hero-lp .left h1 { line-height: 1.3; margin: 0 0 15px; }
    
    .hero-lp .height_adjust .right_in .desktop { height: 100%; }
    .hero-lp .height_adjust .right_in { position: absolute; top: 0; height: 100%; }
    .hero-lp .height_adjust .right_in .mobile { width: auto; height: 90%; }
    .hero-lp .height_adjust .right_in .mobile .mob-img { height: 100%; }
    .hero-lp .height_adjust .right_in .mobile .img-box { left: 4%; right: 5%; bottom: 1%; top: 2%; border-radius: 30px; }
    .hero-lp .height_adjust .right_in .mobile .mob-img img { width: auto; height: 100%; }
    .hero-lp .height_adjust .right_in .desk-img { height: 100%; padding: 0; }
    .hero-lp .height_adjust .right_in .desk-img img.monitor { height: 100%; width: auto; position: relative; z-index: 1; }
    .hero-lp .height_adjust .right_in .desk-img img.stand { display: none; }
    .hero-lp .height_adjust .right_in .desktop .image { top: 1%; left: 1%; right: 1%; bottom: 19%; }
    
    .dancestudio-for.splide { visibility: visible; }
    
    .cards-icon .box { width: calc(33.33% - 10px) !important; }
    
}

@media(min-width: 1900px) {
/*     .hero-section .mobile { right: 350px; }
    .hero-section .right .desktop { right: -200px; } */

}

@media(max-width: 1550px) {
    
    .hero-section .right .desktop img.desk { display: block; } 
    .hero-section .right .desktop img.set { display: none; } 
    
    .hero-lp .right_in .desk-img img.stand { left: 220px; }
    
}

@media(max-width: 1500px) {

/*     .hero-section .left .link { margin-top: 0; }
    .hero-section .right .desktop .image { bottom: 183px; } */
    
    .dance-ladies { right: -600px; }
    

    .hero-lp .left { width: 560px; }
    
/*     .hero-lp .mobile { width: 320px; }
    .hero-lp .mobile .mob-img img { width: 100%; height: auto; }
    .hero-lp .mobile .img-box { border-radius: 25px; left: 15px; right: 15px; top: 14px; height: calc(100% - 15px); }
    .hero-lp .right { min-height: auto; width: calc(100% - 560px); }
    .hero-lp .right .desktop { right: -150px; width: 1060px; }
    .hero-lp .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-lp .right .desktop .image { bottom: 224px; } */
    
/*     .hero-lp .right .desktop { width: 800px; }
    .hero-lp .right .desktop .desk-img img { width: 800px; }
    .hero-lp .right .desktop .image { bottom: 170px; } */
    
    .demo-class .text { padding: 70px 0 40px 70px; }
    
}

@media(max-width: 1450px) {

/*     .hero-section .right .desktop { right: -380px; top: 50px; }
    .hero-section .mobile { right: 100px; top: 160px; }
    .hero-section .right .desktop .desk-img img { width: 800px; height: 650px; } */
    
    .dance-ladies { right: -640px; }
    
    
    

}

@media(max-width: 1250px) {
    
    .slick-slider .slick-arrow.slick-next { right: -30px; }
    .slick-slider .slick-arrow.slick-prev { left: -30px; }

    .hero-section { padding-left: calc((100% - 920px) / 2); }
    .hero-section .left { width: 500px; padding-bottom: 30px; }
    .hero-section .right { width: calc(100% - 500px); }
/*     .hero-section .mobile { width: 350px; }
    .hero-section .mobile .mob-img img { width: 100%; height: auto; }
    .hero-section .mobile .img-box { border-radius: 60px; }
    .hero-section .right .desktop { width: 960px; left: 40%; }
    .hero-section .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-section .right .desktop .image { bottom: 200px; } */
    .home h1 { font-size: 60px; line-height: 65px; }
    
    .hero-section .right { padding: 0 0 0 60px; }
    .hero-section .right .mobile { width: 220px; }
    .hero-section .right .mobile .mob-img img { width: 100%; height: auto; }
    .hero-section .right .mobile .img-box { left: 13px; right: 12px; top: 9px; }
    .hero-section .right .desktop { width: 800px; }
    .hero-section .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-section .right .desktop .image { top: 12px; left: 12px; bottom: 112px; right: 12px; }

    .demo-class { padding-right: calc((100% - 920px) / 2); }
    .demo-class .text { padding: 120px 0 0; width: 500px; }
    .demo-class .image { width: calc(100% - 500px); }
    .demo-class .image img { width: 100%; height: auto; }
    
    .demo-class.bottom-space-set .text { margin-bottom: 0; }

    .dance-ladies { right: -720px; display: none; }
    .cta-strip .text [class*=button-] a { min-width: 150px; }
    
    .hero-inner .shape { left: -90px; }
    .hero-inner .shape.right { right: -90px; }
    
    .leadership-at-dsp .box .social a { width: 40px; height: 40px; padding: 10px; }
    .leadership-at-dsp .box .social a img { max-height: 100%; }
    
    .multi-slide .box .text { padding: 40px; width: calc(100% - 400px); }
    .multi-slide .box .image { width: 400px; }
    
    .multi-module .text .left { padding: 0 30px 0 0; width: calc(100% - 450px); }
    .multi-module .list { width: 450px; }
    
    .carousel-icon .box .year { right: 0; width: 110px; height: 110px; }
    .pricing-packages .title-row .box h2 { font-size: 50px; }
    .pricing-main .box .title h3 { font-size: 28px; }

    .pricing-packages .title-row .title .arrow { display: none; }

    .tabs-section .left { width: 270px; }
    .tabs-section .right { width: calc(100% - 270px); }
    .tabs-section .right .image { width: 240px; }
    .tabs-section .right .text { width: calc(100% - 240px); padding: 0 0 0 20px; }
    
    .hero-lp { padding-left: calc((100% - 920px) / 2); }
    .hero-lp .left { padding: 0 0 40px; }
    .hero-lp .left .link { right: 0; }
    .hero-lp .right { padding: 0 0 0 30px; }
    .hero-lp .right_in { padding: 0 0 0 90px; }
    .hero-lp .right_in .mobile { width: 350px; }
    .hero-lp .right_in .mobile .mob-img img { width: 100%; height: auto; }
    .hero-lp .right_in .mobile .img-box { left: 21px; right: 20px; top: 15px; bottom: 14px; }
    .hero-lp .right_in .desktop .image { left: 15px; right: 15px; top: 15px; bottom: 227px; }
    .hero-lp .right_in .desktop img.monitor { height: auto; width: 100%; }
    .hero-lp .right_in .desk-img { width: 1000px; padding: 0 0 99px; }
    .hero-lp .right_in .desk-img img.stand { left: 250px; }
    
    
/*     .hero-lp .mobile { width: 260px; }
    .hero-lp .mobile .img-box { top: 11px; height: calc(100% - 9px); right: 13px; left: 13px; }
    .hero-lp .right .desktop { width: 820px; right: -90px; }
    .hero-lp .right .desktop { bottom: 90px; }
    .hero-lp .right .desktop .image { bottom: 175px; } */
    

    .checkmarks-text .left { width: 46%; }
    .checkmarks-text .right { width: 54%; }
    .checkmarks-text .right ul li { padding: 20px 0 20px 50px; }
    
    .hero-support .text { padding: 40px 0 40px 40px; }
    
    .services-lp .right { padding: 50px 0 50px 30px; padding-right: calc((100% - 940px) / 2); }
    
    .meeting-section .left { width: 600px; }
    .meeting-section .right { width: calc(100% - 500px); padding: 0 0 30px; }
    
    .monitor-box { padding: 0 0 0 40px; }
    .schedule-hero .left { width: 520px; }
    .schedule-hero .right { width: calc(100% - 520px); }
    
    .hero-lp.btm-shape { padding-bottom: 25px; }
    
    
}

@media(max-width: 1200px) {
/*     .hero-section .right .desktop { right: -380px; top: 70px; }
    .hero-section .mobile { right: 30px; top: 140px; }
    .hero-section .right .desktop .desk-img img { width: 700px; height: 600px; }
    .hero-section .right .desktop .image { bottom: 167px; } */
}

@media(max-width: 1100px) {
/*     .hero-section .right .desktop { right: -420px; }
    .hero-section .mobile { right: -30px; } */
    
}

@media(max-width: 991px) {
    
    .home h1 { font-size: 39px; line-height: 49px; }

    .main-title.large { font-size: 20px; line-height: 28px; }
    
    .splide__arrow { width: 50px; height: 50px; background-size: 19px; }
    .splide__arrow.splide__arrow--next { right: -25px; }
    .splide__arrow.splide__arrow--prev { left: -25px; }
    
    .hero-section { padding: 40px 0; position: relative; z-index: 22; }
    .hero-section:after { background-size: 80%; }
    .hero-section .left { width: 100%; max-width: 720px; margin: 0 auto; padding: 0 15px; text-align: center; }
    .hero-section .left .link { display: none; }
    
    .hero-section .right { margin: 50px 0 -290px; width: 100%; padding: 0 0 0 40px; padding-left: calc((100% - 650px) / 2); }
    .hero-section .right .mobile { width: 220px; left: 0; }
    .hero-section .right .mobile .img-box { left: 12px; right: 11px; top: 8px; margin: 0; bottom: 8px; }
    .hero-section .right .desktop { width: 700px; }
    .hero-section .right_in { padding: 0 0 0 140px; }
    .hero-section .right .desktop .image { bottom: 98px; top: 11px; left: 11px; }
    .hero-section .right .desktop img.desk { display: none; } 
    .hero-section .right .desktop img.set { display: block; } 
    
/*     .hero-section .right { padding: 40px 0 0 0; margin: 60px 0 -300px; margin-left: calc((100% - 720px) / 2); width: 100%; max-width: 450px; }
    .hero-section .right .desktop { width: 560px; left: 25%; }
    .hero-section .right .desktop .image { bottom: 119px; border-radius: 10px; }
    .hero-section .mobile { width: 198px; }
    .hero-section .mobile .img-box { border-radius: 29px; }
    .hero-section .mobile .img-box a.play img { max-width: 45px; }
    
    .hero-section .mobile { width: 350px; }
    .hero-section .mobile .mob-img img { width: 100%; height: auto; }
    .hero-section .mobile .img-box { border-radius: 60px; }
    .hero-section .right .desktop { width: 960px; left: 40%; }
    .hero-section .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-section .right .desktop .image { bottom: 200px; }
    .hero-section .right .desktop { right: auto; top: 0; }
    .hero-section .mobile { position: relative; top: 0; right: 0; } */

    .demo-class { flex-direction: column-reverse; }
    .demo-class .text { width: 100%; max-width: 720px; padding: 300px 15px 0; margin: 0 auto; }
    .demo-class .image { margin: 0; width: 100%; max-width: 378px; }
    .demo-class [class*="button-"] { text-align: center; }
    .demo-class .testimonial { margin: 25px 0 0 auto; font-size: 16px; line-height: 20px; width: 200px; }
    .demo-class .testimonial .name { margin: 0; }

    .service-section { padding: 80px 0 100px; overflow-x: clip; }
    .service-section .cover { display: block; }
    .service-section .shape-bottom svg, .service-section .shape-top svg { width: 100%; }
    .service-section .shape-top { width: 150%; left: -25%; }

    .dancestudio-nav { margin:0 auto; position: relative; left: auto; top: auto; max-width: 265px; width: 100%; padding: 0; border-bottom: none; }
    .dancestudio-for { margin: 30px 0 0; }
    .dancestudio-for .left { width: 100%; max-width: 283px; margin: 0 auto -50px; }
    .dancestudio-for .left .tablet img { width: 100%; height: auto; }
    .dancestudio-for .left img.img { top: 18px; width: calc(100% - 35px); left: 17px; height: calc(100% - 35px) !important; }
    .dancestudio-for .left a.play img { max-width: 45px; }
    .dancestudio-for .right { width: 100%; padding: 80px 26px 35px; padding-top: 80px !important; border-radius: 22px; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
    .dancestudio-for .right [class*=button-] { text-align: center; }
    .dancestudio-for .right h4 { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
    .dancestudio-for .right .arrow { transform: rotate(147deg); margin: -15px 0 0 14px; }
    .dancestudio-for .right .arrow svg path.line { stroke: none !important; }
    
    .dance-ladies { display: none; }
    
    .testimonials-section .link-style { margin: 10px 0 0; padding: 0 15px; }
    .testimonials-section .slick-slider .slick-dots { margin: 20px 0 -33px; }
    .testimonials-section .title-main .arrow { display: none; }
    
    .dancestudio-features .box-title { display: none; }
    .dancestudio-features.white-text .slick-dots li.slick-active button { background: #1A2A6C; }
    
    .dancestudio-for .box { display: block; }
    .dancestudio-for .box .inner { padding: 5px; }
    .dancestudio-nav label { padding: 9px 50px 9px 20px; display: inline-block; border-radius: 48px; border: 3px solid #282828; width: 100%; font-size: 16px; line-height: 24px; font-weight: 700; color: #C33DAE; position: relative; cursor: pointer; }
    .dancestudio-nav label:after { content: ''; width: 24px; height: 14px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue-1.svg') no-repeat; position: absolute; top: 15px; right: 20px; }

    .dancestudio-nav ul { position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 5px; background: #FFFFFF; border-radius: 15px; filter: drop-shadow(0 0 7px rgba(0, 0, 0, .15)); column-count: auto; display: none; }
    .dancestudio-nav ul li a { width: 100%; font-size: 14px; line-height: 25px; }

    .cta-strip { padding: 20px 0; background: linear-gradient(180deg, #4D94C2 0%, #1967B1 30.64%, #1A458B 55.39%, #1A2A6C 78.57%); }
    .cta-strip .main { border-radius: 16px; }
    .cta-strip .image { display: none; }
    .cta-strip .text { width: 100%; text-align: center; font-size: 16px; line-height: 22px; padding: 21px 15px; }
    .cta-strip .text h2 { font-size: 27px; line-height: 34px; }
    .cta-strip .btn-group { justify-content: center; gap: 10px; }
    .cta-strip .text .content { max-width: 100%; font-weight: 500; }
    .cta-strip .text [class*=button-] a { min-width: 223px; } 
    
    .hero-inner .shape { display: none; }
    
    .meet-founders .left { width: 100%; max-width: 424px; margin: 0 auto; }
    .meet-founders .right { width: 100%; padding: 20px 0 0; }
    
    .leadership-at-dsp .box { width: calc(33.33% - 10.8px); }
    .leadership-at-dsp .box .text { padding: 20px 15px 45px; }
    
    .leadership-at-dsp .tab-list label { display: none; }
    .leadership-at-dsp .tab-list { margin-left: auto; margin-right: auto; position: relative; left: auto; top: auto; max-width: 265px; width: 100%; padding: 0; border-bottom: none; }
    .leadership-at-dsp .tab-list label { padding: 9px 50px 9px 20px; display: inline-block; border-radius: 48px; border: 3px solid #282828; width: 100%; font-size: 16px; line-height: 24px; font-weight: 700; color: #C33DAE; position: relative; cursor: pointer; }
    .leadership-at-dsp .tab-list label:after { content: ''; width: 24px; height: 14px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue-1.svg') no-repeat; position: absolute; top: 15px; right: 20px; }
    .leadership-at-dsp .tab-list ul { margin: 0; padding:0; list-style: none; position: absolute; top: 100%; left: 0; width: 100%; background: #FFFFFF; border-radius: 15px; filter: drop-shadow(0 0 7px rgba(0, 0, 0, .15)); column-count: auto; flex-flow: column; z-index: 11; /*display: none;*/max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } 
    .leadership-at-dsp .tab-list ul li a { width: 100%; font-size: 14px; line-height: 25px; border-radius: 0;}
    
    .dsp-in-media .main .slick-list { margin: 0 -10px; }
    .dsp-in-media .main .slick-slide > div { padding: 0 10px; }
    
    
    .apply_today { display: none; }
    
    .meet-founders.img-right .right { padding: 30px 0 0; text-align: left; }
    
    .meet-founders .right ul li { font-size: 20px; line-height: 35px; }
    
    .submit-story.shape { margin-top: 60px; }
    .submit-story .top-bg { top: -60px; height: 60px; }
    .submit-story .round { top: -60px; width: 180%; left: -40%; }
    
    .dancestudio-features.shape .dancestudio-nav label { background: #FFFFFF; }
    .dancestudio-features.shape .dancestudio-for .right { color: #282828; }
    .dancestudio-features.mobile-set-padding { padding-top: 0; margin-top: -40px; }
    
/*     .cards-icon .main { margin: 0 -10px; } */
    .cards-icon .box { padding: 8px; }
    .cards-icon .box > div { display: flex !important; flex-flow: column; justify-content: space-between; }
    .cards-icon .main .slick-slide > div { padding: 10px; }
    .cards-icon .box.animated , .cards-icon .box.animated.go { opacity: 1 !important; -webkit-transform: translateX(0px) !important; transform: translateX(0px) !important; }
    .cards-icon .main .slick-track { display: flex; }
    .cards-icon .main .slick-track > div > div { height: 100%; }
    .cards-icon .main .slick-track > div > div > div { height: calc(100% - 48px); }
    .cards-icon .main .splide__list { gap: 26px 0; flex-wrap: nowrap; justify-content: normal;}
    
    .multi-slide .box > div { flex-flow: column; flex-direction: column-reverse; }
    .multi-slide .box .text { padding: 20px; width: 100%; }
    .multi-slide .box .image { width: 100%; }
    .multi-slide .box .image img { border-radius: 20px; }
    .multi-module .text .left { width: 100%; padding: 0; }
    .multi-module .list { width: 100%; margin: 20px 0 0; }
    .multi-module .list > div a { padding: 12px 50px 12px 0; }
    .multi-slide ul.splide__pagination { margin: 20px 0 0; position: relative; bottom: auto; }
    .multi-slide .splide__arrow { left: -22px; }
    .multi-slide .splide__arrow.splide__arrow--next { right: -22px; left: auto; }
    
    .photo-care .box .inner { min-height: 320px; }
    
    .content-section { margin-bottom: -1px; }
    .careers-section .form .arrow { display: none; }

    .slider-leadership .slick-track { display: flex; gap: 16px; }
    .faq-cards .faq h4 { font-size: 16px; line-height: 24px; }
    .faq-cards .faq h4:after , .faq-cards .faq h4:hover:after { top: 16px; }
    .faq-cards .faq .answer { padding-right: 0; }
    
    .pricing-packages { padding: 50px 0; }
    .pricing-packages .cover-box { overflow: auto; }
    .pricing-packages .main-title { margin: 0 0 40px; }
    .pricing-packages .title-row .right { width: 150px; position: relative; }
    .pricing-packages .title-row .right .box { width: 100%; display: none; padding: 20px 10px; width: 100%; }
    .pricing-packages .title-row .right > div { width: 100%; }
    .pricing-packages .title-row .right .title-1 { display: block; }
    .pricing-packages .title-row .title h2 { font-size: 30px; line-height: 36px; }    
    .pricing-main , .pricing-packages .title-row { width: 900px; }
    .pricing-packages .title-row .title { position: sticky; left: 0; background: #FFFFFF; z-index: 1; }
    .pricing-main .box .title { position: sticky; left: 0; background: #FFFFFF; z-index: 1; }
    
    .pricing-packages .buttons .title { width: 45%; background: linear-gradient(270deg, #FFFFFF 90.91%, rgba(255, 255, 255, 0.0) 96.12%); position: sticky; left: 0; z-index: 22; transform: scale(-1); }
    .pricing-packages .buttons { width: 900px; }
/*     .pricing-packages .buttons .title:after { content: ''; width: 12px; height: 100%; position: absolute; top: 0; left: 100%; background: linear-gradient(270deg, #FFFFFF 50.91%, rgba(255, 255, 255, 0.00) 96.12%);  } */
    .pricing-packages .buttons > div { padding-top: 15px; padding-bottom: 10px; }
    
/*     .pricing-main .box .title { width: calc(100% - 162px); }
    .pricing-main .box .check { width: 150px; display: none; } */
    .pricing-main .box .number-1 { display: flex; }
    .pricing-packages .title-row .right .setbox { position: absolute; top: calc(100% + 12px); left: 0; z-index: 9; }
    .pricing-packages .buttons a { font-size: 14px; }
    
/*     .pricing-packages .title-row .right .box { opacity: 1 !important; -webkit-transform: inherit !important; transform: inherit !important; } */
    
    .tabs-section .left { width: 100%; padding: 0; }
    .tabing-title { display: none; }
    .tabs-section .left h2 { font-size: 24px; padding-right: 0; }
    .tabs-section .right { width: 100%; }
    .tabs-section .right .box-row { display: inline-block !important; }
    
    .tabs-section .main { border-radius: 20px 20px 0px 0px; }
    
    .payment-table .title-main , .payment-cover .box { gap: 7px; }
    .payment-cover { border-radius: 10px; }
    .payment-cover .box > div:first-child,
    .payment-table .title-main > div:first-child { padding: 10px 15px; width: 200px; min-width: 200px; font-size: 16px; line-height: 21px; }
    .payment-table .title-main > div { width: 120px; min-width: 120px; }
    .payment-cover .box > div { width: 120px; min-width: 120px; }
    .payment-table .title-main > div h4 { font-size: 16px; line-height: 20px; }
    .payment-cover .box > div svg { width: 25px; height: 25px; }
    .payment-table .title-main > div:nth-child(4),
    .payment-cover .box > div:nth-child(4) { width: 130px; min-width: 130px; }
    
    .tabs-section .main { border-radius: 14px; padding: 20px; }
    .tabs-section .right .title { padding: 10px 40px 10px 15px; font-size: 18px; line-height: 1.6; background: #FFFFFF; border-radius: 8px; font-weight: 500; position: relative; }
    .tabs-section .right .title:after { content: ''; width: 20px; height: 20px; position: absolute; top: 14px; right: 15px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue-1.svg') no-repeat center center; background-size: 20px; transition:400ms; }
    .tabs-section .right .box-row { margin: 7px 0; display: inline-block; width: 100%; }
    
    .tabs-section .right .inner { border-width: 4px; padding: 10px; border-radius: 0; display: none; height: auto; }
    .tabs-section .right .title.active:after { transform: rotate(180deg); }
    .tabs-section .right .image { width: 100%; height: 230px; }
    .tabs-section .right .text { width: 100%; padding: 0; margin: 20px 0 0; }
    
    .general-interior h4 { margin: 40px 0 15px; }
    .general-interior ul { margin: 10px 0 25px; }
    
    .hero-features .left { width: 100%; padding: 0; text-align: center; }
    .hero-features .image { margin: 20px auto -30px; max-width: 380px; width: 100%; }
    .hero-features .image img { width: 100%; height: auto; }
    .hero-features .video-right { margin: 20px auto -40px; }
    
    .hero-lp { padding: 50px 15px; flex-direction: column-reverse; }
    .hero-lp.btm-shape { padding-bottom: 75px; }
    .hero-lp .left { padding: 0; width: 100%; max-width: 720px; margin: 40px auto 0; }
    .hero-lp .left .text { max-width: 100%; }
    .hero-lp .left .link { display: none; }

    .hero-lp .right { margin: 0 auto; width: 100%; max-width: 720px; padding: 0; }
    .hero-lp .right_in .mobile { width: 230px; }
    .hero-lp .right_in .mobile .img-box { margin: 0; left: 13px; right: 13px; bottom: 9px; top: 9px; border-radius: 25px; }
    .hero-lp .right_in .mobile .img-box a.play img { width: 50px; }
    .hero-lp .right_in .desk-img { width: 700px; padding: 0 0 38px; }
    .hero-lp .right_in .desk-img img.stand { width: 310px; height: auto; left: 197px; }
    .hero-lp .right_in .desktop .image { top: 10px; left: 10px; right: 10px; bottom: 127px; }

/*     .hero-lp .right { padding: 0; margin: 0 auto 30px; width: 100%; max-width: 720px; }
    .hero-lp .right .desktop { width: 560px; left: 100px; }
    .hero-lp .right .desktop .image { bottom: 119px; border-radius: 10px; }
    .hero-lp .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-lp .mobile { width: 198px; position: absolute; bottom: 0; left: 0; }
    .hero-lp .mobile .mob-img img { width: 100%; height: auto; }
    .hero-lp .mobile .img-box { border-radius: 29px; }
    .hero-lp .mobile .img-box a.play img { max-width: 45px; }
    .hero-lp .mobile .img-box img.img { width: 100%; height: calc(100% - 15px) !important; object-fit: cover; z-index: -1; position: relative; top: 8px; } */

/*     .hero-lp .mobile { width: 198px; position: absolute; bottom: 0; left: 0; }
    .hero-lp .mobile .mob-img img { width: 100%; height: auto; }
    .hero-lp .mobile .img-box { border-radius: 12px; left: 12px; right: 11px; top: 8px; height: calc(100% + -17px); }

    .hero-lp .right { padding: 40px 0 0 0; margin-left: calc((100% - 720px) / 2); width: 100%; max-width: 450px; }
    .hero-lp .right .desktop { left: 20%; right: auto; top: 0; width: 600px; }
    .hero-lp .right .desktop .desk-img img { width: 100%; height: auto; }
    .hero-lp .right .desktop .image { bottom: 127px; border-radius: 10px; }
    
    .hero-lp .mobile .img-box a.play img { max-width: 45px; } */
    
    .hero-persona .image { height: 300px; margin-bottom: -100px; }
    .hero-persona .main { padding: 30px 20px; min-height: 180px; }
    
    .checkmarks-text .left { width: 100%; }
    .checkmarks-text .right { padding: 0; width: 100%; margin: 20px 0 0; }
    .tabs-new .right .title { background: #C33DAE; color: #FFFFFF; }
    .tabs-new .right .title:after { background-image: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/arrow-blue-white.svg'); }
    
    .tabs-new .main { padding: 0; }

    .hero-support { padding: 30px 0 0; }
    .hero-support .container { flex-direction: column-reverse; }
    .hero-support .image { width: 100%; max-width: 280px; margin: 30px auto -30px; }
    .hero-support .text { width: 100%; padding: 0; }
    
    .multi-module .list-box > div a { padding: 12px 0 12px 36px; }
    .multi-module .list-box > div a::after { top: 12px; }
    
    .experience-section .devices { width: 100%; max-width: 400px; margin: 0 auto; }
    .experience-section .text { width: 100%; padding: 0; margin: 30px 0 0; }

    .services-lp { padding: 0; }
    .services-lp .main { margin: 0 auto; padding: 0 15px; max-width: 720px; width: 100%; flex-direction: column-reverse; }
    .services-lp .right { width: 100%; padding: 0; }
    .services-lp .image { width: 100%; max-width: 330px; margin: 0 auto -30px; }
    
    .column-form .left { width: 100%; padding: 0; }
    .column-form .right { width: 100%; margin: 30px 0 0; }

    .meeting-section .container { flex-direction: column-reverse; }
    .meeting-section .left { width: 100%; max-width: 400px; margin: 0 auto; }
    .meeting-section .right { width: 100%; padding: 0; }
    
    .schedule-hero .left { width: 100%; }
    .schedule-hero .left .text { text-align: center; }
    .schedule-hero .right { width: 100%; margin: 30px 0 0; padding: 0; }
    .monitor-box { padding: 0 0 0 77px; margin: 0 auto; max-width: 555px; width: 100%; }
    
    .hero-lp.video-box { padding-bottom: 80px; margin-bottom: -50px; }
    
    .contact-cards { padding: 50px 0; }
    .contact-cards .main-title { margin-bottom: 30px; }
    
    .hero-support.set-img .container .image { margin: 0 auto 30px; }

    .testimonialSlider .box .text { padding: 30px 20px 30px; }
    .testimonialSlider .box .text .image { margin: 0 auto 15px; }
    
    .rectangle-content .image { width: 100%; }
    .rectangle-content .content { width: 100%; margin: 20px 0 0; padding: 0; }
}

@media(max-width: 767px) {
    
    .slick-slider .slick-arrow.slick-next { right: -10px; }
    .slick-slider .slick-arrow.slick-prev { left: -10px; }

    .hero-section .right {  margin-left: 0; padding-left: calc((100% - 650px) / 2); width: 100%; padding: 0 0 0 15px; }
    .hero-section .right .mobile { width: 198px; left: 0; }
    .hero-section .right .mobile .img-box { left: 12px; right: 11px; top: 8px; margin: 0; bottom: 8px; }
    .hero-section .right .desktop { width: 600px; }
    .hero-section .right_in { padding: 0 0 0 140px; }
    .hero-section .right .desktop .image { top: 9px; left: 9px; bottom: 84px; }
    .hero-section .right .mobile .img-box a.play img { width: 45px; }
    .hero-section .right .desktop img.desk { display: block; } 
    .hero-section .right .desktop img.set { display: none; } 
    
    .service-section .slick-list { padding-right: 30px; overflow: visible; }
    .service-section .box { padding: 5px; }

    .testimonials-section .container { padding: 0; }
    .testimonials-section .title-main { padding: 0 15px; }
    .testimonials-section .title-main h4 { font-size: 16px; line-height: 23px; }
    .testimonials-section .title-main .line { height: 17px; width: 202px; background-size: 202px; }
    .testimonials-section .title-main .line img { min-width: 202px; max-width: 202px; }
    .testimonials-section .box { padding: 5px; }
    .testimonials-section .slick-list { padding: 0 50px; }
    .testimonials-section .box .text { font-size: 16px; line-height: 29px; font-weight: 300; }
    .testimonials-section .link-style { justify-content: center; }
    .dsp-in-media .box .image .img { height: 300px; }
    
    .service-section { margin-bottom: 0; padding-bottom: 130px; background: linear-gradient(180deg, #4D94C2 0%, #1967B1 30.64%, #1A458B 55.39%, #1A2A6C 78.57%); }
    .background-set { display: none; }
    .service-section:before,
    .service-section:after { content: ''; width: 100%; height: 47px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-top.png') no-repeat; position: absolute; top: 0; left: 0; background-size: 100% 47px; opacity: 1; }
    .service-section:after { height: 34px; background: url('https://20096331.fs1.hubspotusercontent-na1.net/hubfs/20096331/dancestudio-pro/image/shape-bottom.png') no-repeat; background-size: 100% 34px; top: auto; bottom: 0; }
    .service-section [class*="shape-"] { display: none; }
    .service-section .box .inner { padding: 22px; }
    .service-section .list-style ul li { padding: 0 0 0 30px; }
    
    .dancestudio-features.mobile-set-padding { margin-top: 0; padding-top: 30px; }

    .trusted-by .container { padding: 0; }
    .trusted-by .main-title { padding: 0 15px; }
    .trusted-by .main:after,
    .trusted-by .main:before { display: none; }
    
    .leadership-at-dsp .box { width: calc(50% - 8px); }
    .meet-founders .right ul li { font-size: 16px; line-height: 32px; }
    
    .dsp-in-media .container { padding: 0; }
    .dsp-in-media .main-title { padding: 0 15px; }
    .dsp-in-media .box { width: 100%; }
    .dsp-in-media .main .slick-list { margin: 0; }
    .dsp-in-media .main .slick-slide > div { padding: 0 5px; }
    .dsp-in-media .slick-list { padding: 0 50px; }
    
    .award-section .main { margin: 0 -15px; }
    
    .cards-icon .box > div { font-size: 13px; line-height: 19px; width: 100%; }
    .dancestudio-features .round , .cards-icon .round { width: 200%; left: -50%; }
    
    .multi-module .image { height: 250px; }
    .multi-module .image a.play img { max-width: 70px; }
    .multi-module .list > div a { padding: 20px 40px 20px 0; }
    
    .pricing-packages .title-row .title { padding: 0; display: flex; flex-flow: column; justify-content: center; }
    .pricing-packages .title-row .title h2 { font-size: 22px; line-height: 30px; }
    
    .hero-features h1 { font-size: 34px; }
    
    
/*     .pricing-main .box .title h3 { font-size: 20px; }
    .pricing-main .box .title { padding: 12px 0 12px 0; }
    .pricing-main .box .title h5 { font-size: 15px; line-height: 22px; }
    
    .pricing-packages .title-row .box h4 { font-size: 18px; margin: 0 0 10px; }
    .pricing-packages .title-row .box h2 { font-size: 30px; line-height: 33px; }
    .pricing-packages .title-row .box h5 { margin: 0; }
    
    .pricing-packages .title-row .right { width: 130px; }
    .pricing-packages .title-row .right .box { padding: 10px 5px 10px; border-radius: 10px 10px 10px 0; }
    
    .pricing-packages .title-row .title { width: calc(100% - 138px); }
    .pricing-packages .title-row { gap: 8px; }
    .pricing-main .box { gap: 8px; }
    .pricing-main .box .title { width: calc(100% - 138px); }
    .pricing-main .box .check { width: 130px; }
    .pricing-packages .title-row { align-items: flex-end; } */
    
/*     .pricing-packages .title-row .title { width: 30%; }
    .pricing-main .box .title { width: 30%; }
    .pricing-main .box .title h5 { font-size: 14px; line-height: 20px; }
    .pricing-main .box .title h3 { font-size: 16px; line-height: 20px; }
    .pricing-packages .title-row .box , .pricing-main .box .check { width: calc(23.333333% - 12px); } */
    
    .pricing-packages .title-row .box { padding: 20px 10px; border-radius: 20px 20px 20px 0; }
    .pricing-packages .title-row .box h5 { font-size: 12px; line-height: 13px; }
    .pricing-packages .title-row .box h4 { font-size: 15px; line-height: 20px; margin: 0 0 7px; }
    .pricing-packages .title-row .box h2 { font-size: 30px; line-height: 1; }

    .pricing-packages .title-row .box,
    .pricing-main .box .check { width: 130px; min-width: 130px; }
    .pricing-packages .title-row .title,
    .pricing-main .box .title { width: 100%; }

    .pricing-main .box .title h3 { font-size: 18px; }
    .pricing-main .box .title h3 span { font-size: 13px; }
    .pricing-main .box .title h5 { font-size: 14px; line-height: 20px; }
    
    .pricing-main, .pricing-packages .title-row , .pricing-packages .buttons { width: 750px; }
    .pricing-packages .buttons [class*="button-"] { width: 130px; min-width: 130px; }
    .pricing-packages .buttons .title { width: 100%; }
    .pricing-main .box .check:after { left: 5px; right: 5px; }
    
    .payment-cover .box > div:first-child,
    .payment-table .title-main > div:first-child { position: sticky; left: 0; }
    .payment-table .cover { overflow: auto; }
    .payment-cover { border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: none; }
    .payment-table .title-main { width: 720px; }
    .payment-cover { width: 720px; }
    
    .payment-cover .box > div:first-child, .payment-table .title-main > div:first-child { background: #FFFFFF; }
    .payment-cover .box:nth-child(even) > div.ttl { background: #D9D9D9; }
    
    .general-interior h4 { margin: 30px 0 10px; }
    
    .hero-features .video-right { margin: 20px auto -40px; }
   
    .hero-support .text .contact > div svg { width: 22px; height: auto; }
    .hero-support .text .contact > div { padding: 0 0 0 36px; }
    .hero-support .text .contact > div.call a.link { font-size: 15px; line-height: 22px; }
    .hero-support .text .contact > div.livechat a { font-size: 15px; line-height: 22px; }
    
    .multi-module .list-box > div a { padding: 20px 0 20px 30px; }
    .multi-module .list-box > div a::after { width: 18px; height: 20px; background-size: 18px; top: 17px; }
    
/*     .tabs-section .right .text ul li { padding: 0 0 0 30px; }
    .tabs-section .right .text ul li:before { width: 22px; height: 11px; background-size: 22px; top: 3px; } */
    
    .services-lp .right .box .icon { width: 50px; height: 50px; }
    
    .column-form .right { padding: 30px 15px; }
    
    .hero-lp.btm-shape { padding-bottom: 70px; }
    .hero-lp .right_in { padding: 0 0 0 40px; }
    .hero-lp .right_in .mobile { width: 176px; }
    .hero-lp .right_in .mobile .img-box { left: 10px; right: 10px; border-radius: 10px; top: 7px; bottom: 8px; }
    .hero-lp .right_in .desk-img img.stand { width: 272px; left: 154px; }
    .hero-lp .right_in .desk-img { width: 580px; }
    .hero-lp .right_in .desktop .image { top: 9px; left: 9px; right: 9px; bottom: 112px; border-radius: 3px; }
    
    .schedule-hero h1 { margin: 0 0 8px; }
    .schedule-hero h2 { margin: 0 0 10px; }
    .monitor-box { padding: 0 0 0 60px; max-width: 480px; }
    .monitor-box .mobile { width: 140px; }
    .monitor-box .mobile .mob-img img { width: 100%; height: auto; }
    .monitor-box .mobile .img-box { top: 6px; left: 8px; bottom: 6px; right: 7px; }
    .monitor-box .desktop .desk-img { padding: 0 0 75px 0; }
    .monitor-box .desktop .desk-img img.monitor { width: 100%; height: auto; }
    .monitor-box .desktop { width: 400px; }
    .monitor-box .desktop .image { top: 6px; left: 6px; right: 6px; bottom: 82px; border-radius: 3px; }
    .monitor-box .desktop .desk-img img.stand { width: 200px; height: auto; }
    
    .testimonialSlider .box .text { font-size: 14px; line-height: 22px; }
    .testimonial-large ul.slick-dots { margin: 20px 0 0; }
    .testimonialSlider .box .icon { margin: 0 0 20px; }
    .testimonialSlider .box .icon svg { width: 50px; height: auto; }
    .testimonials-section .slick-slider .slick-dots { margin: 20px 0 0; } 
    
    .cards-icon .main.tow_column .box { width: 100%; }
    
    .tabs-section .right .text ul li:before { top: 7px; width: 4px; height: 4px; }
    .tabs-section .right .text ul li { padding: 0 0 0 10px; }

    
}

@media(max-width: 500px) {
    
    .meet-founders { margin-top: 50px; }
    .meet-founders .round { width: 200%; left: -50%; top: -50px; }
    
    .dsp-in-media .slick-list { padding: 0 25px; }
    .dsp-in-media .box .image .img { height: 186px; }
    
    .leadership-at-dsp .box { width: 100%; max-width: 320px; margin: auto; }
    .meet-founders .left { max-width: 300px; height: 300px; }
    .meet-founders .left .icon { width: 100px; height: 100px; padding: 10px; }
    .meet-founders .left .icon img { max-width: 100%; }
    
    .multi-slide .box .text { padding: 20px 0; }

/*     .pricing-packages .title-row .right { width: 110px; }
    .pricing-packages .title-row .box { font-size: 12px; line-height: 16px; }
    .pricing-packages .title-row .box { font-size: 12px; line-height: 16px; }
    .pricing-packages .title-row .box h4 { font-size: 14px; line-height: 18px; }
    .pricing-packages .title-row .box h5 { font-size: 10px; line-height: 18px; }
    
    .pricing-packages .title-row .right , .pricing-main .box .check { width: 94px; }
    .pricing-packages .title-row .title , .pricing-main .box .title { width: calc(100% - 102px); }
    .pricing-main .box .check:after { left: 10px; right: 10px; }
    .pricing-main .box .title .icon { margin-right: 8px; } */
    
    
    .pricing-packages .title-row .box,
    .pricing-main .box .check { width: 100px; min-width: 100px; }
    .pricing-main, .pricing-packages .title-row , .pricing-packages .buttons { width: 560px; }
    .pricing-packages .buttons [class*="button-"] { width: 100px; min-width: 100px; }
    .pricing-packages .buttons a { font-size: 12px; padding: 7px 7px; }
    
    .pricing-main .box .title .icon { display: none; }
    
    .pricing-packages .title-row .title h2 { font-size: 18px; line-height: 21px; }
    .pricing-packages .title-row .title { font-size: 10px; line-height: 15px; }
    .pricing-main .box .title { font-size: 10px; line-height: 12px; }
    
    .hero-features .inside { width: 300px; height: 419px; }
    .hero-features .video-right img.img { top: 20px; left: 18px; width: calc(100% - 37px); height: calc(100% - 38px) !important; }
    
/*     .hero-lp .mobile { width: 150px; }
    .hero-lp .mobile .img-box { left: 9px; right: 8px; top: 6px; height: calc(100% + -12px); }
    .hero-lp .right .desktop { width: 460px; }
    .hero-lp .right .desktop .image { bottom: 98px; } */
    
    .experience-section .devices { max-width: 340px; }
    .experience-section .devices .ipad { width: 280px; }
    .experience-section .devices .ipad img { width: 100%; height: auto; }
    .experience-section .devices .ipad .img { top: 17px; left: 17px; bottom: 17px; right: 16px; }
    .experience-section .devices .phone { width: 165px; }
    .experience-section .devices .phone img { width: 100%; height: auto; }
    
    .services-lp .right { gap: 25px 0; }
    .services-lp .right .box { width: 100%; }
    .service-section .slick-list { padding-right: 0; }
    
    .monitor-box { padding: 0 0 0 30px; max-width: 350px; }
    .monitor-box .mobile { width: 110px; }
    .monitor-box .mobile .img-box { top: 5px; left: 7px; bottom: 5px; right: 6px; }
    .monitor-box .desktop { width: 320px; }
    .monitor-box .desktop .desk-img img.stand { width: 160px; }
    .monitor-box .desktop .desk-img { padding: 0 0 61px; }
    .monitor-box .desktop .image { top: 5px; left: 5px; right: 5px; bottom: 66px; }
    .monitor-box .mobile a.play img { width: 32px; }
    
    
    
    
}