@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');






/* 1a. Containers */
/*  container Large  */





/* 1b. Colors */




















/* 1c. Typography */




























/* 1d. Buttons */

/* Primary Button  */







/* Primary lite Button  */







/* Secondary Button  */







/* Secondary lite Button  */







/* Secondary lite Button  */








/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */












/* 1h. Website footer */








.content-wrapper {
  max-width: 1310px; width : 100%; margin : 0 auto; padding : 0 15px; float : none; display : block;
}
.large_content-wrapper {
  max-width: 1406px; width : 100%; margin : 0 auto; padding : 0 15px; float : none; display : block;
}






* { box-sizing:border-box; -webkit-box-sizing:border-box; }
*, *:before, *:after {
  box-sizing: border-box;
}
html {
  font-size: 16px;  
  -webkit-text-size-adjust: 100%;
  line-height : 1.5; overflow-x: hidden
}

body {
  font-weight: 400; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #333333;
  font-size: 16px;  
  line-height : 1.625;  
  margin:0; padding:0; background-color : #FAFAFD; overflow-x: hidden; opacity : 1
}

/* Paragraphs */

p {
  font-weight: 400; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
 color: #333333;
}

/* Anchors */

a {
  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;
  outline: none !important; text-decoration:none !important; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display: inline-block; 
}
/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}
/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}


/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid ;
  box-sizing: content-box;
  height: 0;
}


/* Headings */
h1, h2, h3, h4, h5, h6,p {  margin:0; padding:0;}
h1,
.h1 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0F2C;
  font-size: 80px;
  text-transform: none;
  line-height : 1.2; 
}

h2,
.h2 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #333333;
  font-size: 44px;
  text-transform: none;
  line-height : 1; 
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #333333;
  font-size: 40px;
  text-transform: none;
  line-height : 1.2;
}

h4,
.h4 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0F2C;
  font-size: 38px;
  text-transform: none;
  line-height : 1.5;
}

h5,
.h5 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0F2C;
  font-size: 32px;
  text-transform: none;
  line-height : 1.5; 
}

h6,
.h6 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0F2C;
  font-size: 20px;
  text-transform: none;
  line-height : 1.5; 
}

/* Blockquote */

blockquote {
  border-left-color: #333333;
}






a.button,
.button a,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #C80286;

  padding-top: 7px;
padding-right: 15px;
padding-bottom: 7px;
padding-left: 15px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(200, 2, 134, 1.0)

;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
  position : relative; display: flex;    align-items: center;    gap: 8px;
      backdrop-filter: blur(70px);
    box-shadow: 0px 4px 25px 0px #FF40B31F; width: fit-content;
}


.button a {  background: linear-gradient(90deg,#c80286,#c80286);  border:2px solid transparent;  transition: all ease-in-out 1s;}
.button a:hover {  background: linear-gradient(#c80286,#c80286) padding-box,    linear-gradient(92.91deg,#C80286 13.02%,#FF2142 46.28%,#FFBC49 98.49%) border-box;}

a.button span,
.button a span,
.hs-button span,
.hs-blog-post-listing__post-button  span { line-height: 0; }



a.button span svg defs linearGradient stop , .button a span svg defs linearGradient stop{  stop-color: #FFF;transition: all ease-in-out 0.3s;}
.button a span svg path,a.button span svg path {   fill: #C80286; transition: all ease-in-out 0.3s;}

a.button:hover span svg defs linearGradient stop:first-child , .button a:hover span svg defs linearGradient stop:first-child {  stop-color: #C80286;}
a.button:hover span svg defs linearGradient stop:nth-child(2) , .button a:hover span svg defs linearGradient stop:nth-child(2) {  stop-color: #FF2142;}
a.button:hover span svg defs linearGradient stop:nth-child(3) , .button a:hover span svg defs linearGradient stop:nth-child(3) {  stop-color: #FFBC49;}
.button a:hover span svg path,a.button:hover span svg path {   fill: #FFF;}





a.primary_lite_button,
.primary_lite_button a {
  border: 1px solid #C80286;

  padding-top: 9px;
padding-right: 15px;
padding-bottom: 9px;
padding-left: 15px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(200, 2, 134, 0.0)

;
  border-radius: 100px;
  color: #C80286;
  font-size: 14px;
  text-transform: none;
  position : relative; display: flex;    align-items: center;    gap: 8px;
  background: linear-gradient(0.5deg, rgba(233, 233, 233, 0.35) 0.41%, rgba(230, 230, 230, 0) 99.59%);width: fit-content;
  border : unset;
    backdrop-filter: blur(70px);
    box-shadow: 0px 4px 25px 0px #FF40B31F;
}


.primary_lite_button a:before {     content:"";       position:absolute; inset:0; border-radius:50px;   padding:1px; background:linear-gradient(92.91deg,#C80286 13.02%,#FF2142 46.28%,#FFBC49 98.49%);    -webkit-mask:        linear-gradient(#fff 0 0) content-box,        linear-gradient(#fff 0 0);       -webkit-mask-composite: xor;       mask-composite: exclude;       opacity:0;       transition:opacity .35s ease;       pointer-events: none;}
.primary_lite_button a:hover:before {  opacity : 1}
.primary_lite_button a:after {  content: "";    position: absolute;    inset: 0;    border-radius: 50px;    padding: 1px;    background: #C80286;    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    transition: opacity .35s ease;    pointer-events: none;}
.primary_lite_button a:hover:after {  opacity: 0;}

a.primary_lite_button span,
.primary_lite_button a span { line-height: 0 }

a.primary_lite_button span svg defs linearGradient stop , .primary_lite_button a span svg defs linearGradient stop {
transition: all ease-in-out 0.3s;
}


a.primary_lite_button span svg defs linearGradient stop , .primary_lite_button a span svg defs linearGradient stop{
    stop-color: #C80286;
}
.primary_lite_button a span svg path,a.primary_lite_button span svg path {   fill: #fff;}



a.primary_lite_button:hover span svg defs linearGradient stop:first-child , .primary_lite_button a:hover span svg defs linearGradient stop:first-child {
    stop-color: #C80286;
}
a.primary_lite_button:hover span svg defs linearGradient stop:nth-child(2) , .primary_lite_button a:hover span svg defs linearGradient stop:nth-child(2) {
    stop-color: #FF2142;
}
a.primary_lite_button:hover span svg defs linearGradient stop:nth-child(3) , .primary_lite_button a:hover span svg defs linearGradient stop:nth-child(3) {
    stop-color: #FFBC49;
}



a.secondary_button,
.secondary_button a {
  border: 1px solid #C80286;

  padding-top: 9.5px;
padding-right: 15px;
padding-bottom: 9.5px;
padding-left: 15px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 100px;
  color: #C80286;
  font-size: 14px;
  text-transform: none;
  position : relative; display: flex;    align-items: center;    gap: 8px;width: fit-content; border : unset;
  backdrop-filter: blur(70px);

box-shadow: 0px 4px 25px 0px #FF40B31F;

}

.secondary_button a:before {    content: "";    position: absolute;    inset: 0;    border-radius: 50px;    padding: 1px;    background: linear-gradient(92.91deg,#C80286 13.02%,#FF2142 46.28%,#FFBC49 98.49%);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    opacity: 0;    transition: opacity .35s ease;    pointer-events: none;}
.secondary_button a:hover:before {  opacity : 1}
.secondary_button a:after {  content: "";    position: absolute;    inset: 0;   background: #C80286; border-radius: 50px;    padding: 1px;   -webkit-mask: linear-gradient(#C80286 0 0) content-box, linear-gradient(#C80286 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    transition: opacity .35s ease;    pointer-events: none;}
.secondary_button a:hover:after {    opacity: 0;}

a.secondary_button span,
.secondary_button a span { line-height: 0 }


a.secondary_button span svg defs linearGradient stop , .secondary_button a span svg defs linearGradient stop{  stop-color: #C80286;transition: all ease-in-out 0.3s;}
.secondary_button a span svg path,a.secondary_button span svg path {   fill: #fff; transition: all ease-in-out 0.3s;}

a.secondary_button:hover span svg defs linearGradient stop:first-child , .secondary_button a:hover span svg defs linearGradient stop:first-child {  stop-color: #C80286;}
a.secondary_button:hover span svg defs linearGradient stop:nth-child(2) , .secondary_button a:hover span svg defs linearGradient stop:nth-child(2) {  stop-color: #FF2142;}
a.secondary_button:hover span svg defs linearGradient stop:nth-child(3) , .secondary_button a:hover span svg defs linearGradient stop:nth-child(3) {  stop-color: #FFBC49;}
.secondary_button a:hover span svg path,a.secondary_button:hover span svg path {   fill: #FFF;}





a.secondary_lite_button,
.secondary_lite_button a {
  border: 1px solid #FFFFFF;

  padding-top: 8.5px;
padding-right: 15px;
padding-bottom: 8.5px;
padding-left: 15px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
  position : relative; display: flex;    align-items: center;    gap: 8px;width: fit-content;
}
.secondary_lite_button a:hover {
    border-color: transparent;
}
.secondary_lite_button a:before {  content: "";    position: absolute; inset: 0; border-radius: 50px;  padding: 1px; background: linear-gradient(92.91deg,#C80286 13.02%,#FF2142 46.28%,#FFBC49 98.49%);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    opacity: 0;    transition: opacity .35s ease;    pointer-events: none;}
.secondary_lite_button a:hover:before {    opacity : 1}

a.secondary_lite_button span,
.secondary_lite_button a span { line-height: 0 }



a.secondary_lite_button span svg defs linearGradient stop , .secondary_lite_button a span svg defs linearGradient stop{  stop-color: #FFF;transition: all ease-in-out 0.3s;}
.secondary_lite_button a span svg path,a.secondary_lite_button span svg path {   fill: #C80286; transition: all ease-in-out 0.3s;}

a.secondary_lite_button:hover span svg defs linearGradient stop:first-child , .secondary_lite_button a:hover span svg defs linearGradient stop:first-child {  stop-color: #C80286;}
a.secondary_lite_button:hover span svg defs linearGradient stop:nth-child(2) , .secondary_lite_button a:hover span svg defs linearGradient stop:nth-child(2) {  stop-color: #FF2142;}
a.secondary_lite_button:hover span svg defs linearGradient stop:nth-child(3) , .secondary_lite_button a:hover span svg defs linearGradient stop:nth-child(3) {  stop-color: #FFBC49;}
.secondary_lite_button a:hover span svg path,a.secondary_lite_button:hover span svg path {   fill: #FFF;}






a.secondary_lite2_button,
.secondary_lite2_button a {
  border: 1px solid #FFFFFF;

  padding-top: 10.5px;
padding-right: 15px;
padding-bottom: 10.5px;
padding-left: 15px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
   position : relative; display: flex;    align-items: center;    gap: 8px;width: fit-content;
}

a.secondary_lite2_button span,
.secondary_lite2_button a span { line-height: 0 }

.secondary_lite2_button a span svg rect,a.secondary_lite2_button span svg rect {  fill: #C80286;}
.secondary_lite2_button a span svg path,a.secondary_lite2_button span svg path {   fill: #fff;}






form,
.submitted-message {
  font-weight: 400; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  border: 1px none #0D0F2C;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(13, 15, 44, 0.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #FFFFFF;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-weight: 500; text-decoration: none; font-family: Inter; font-style: normal;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 38px;
  color: #0D0F2C;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}


/* Labels */

form label {
  color: #0D0F2C;
}

/* Help text */

form legend {
  color: #0D0F2C;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 1px solid rgba(16, 16, 16, 5%);

  background-color: 

  
  
    
  


  rgba(16, 16, 16, 0.05)

;
  color: #0D0F2C;
  border-radius: 8px;
}
form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 16px;
  padding: 16px;
  width: 100%;
  outline : none
}


/* Form placeholder text */

::-webkit-input-placeholder {

  color: rgba(13, 15, 44, .4);
}

::-moz-placeholder {
  color: rgba(13, 15, 44, .4);
}

:-ms-input-placeholder {
  color: rgba(13, 15, 44, .4);
}

::placeholder {
  color: rgba(13, 15, 44, .4);
}


select::-webkit-input-placeholder, select option[disabled] {

  color: rgba(13, 15, 44, .4);
}

select::-moz-placeholder {
  color: rgba(13, 15, 44, .4);
}

select:-ms-input-placeholder {
  color: rgba(13, 15, 44, .4);
}

select::placeholder {
  color: rgba(13, 15, 44, .4);
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #0D0F2C;
}

.fn-date-picker td.is-selected .pika-button {
  background: #0D0F2C;
}

.fn-date-picker td .pika-button:hover {
  background-color: #0D0F2C !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #0D0F2C;
}
.hs-form-field {
  margin-bottom: 10px;
}
/* Submit button */
.hs-fieldtype-textarea.hs-input {
  min-height: 133px;
}
form input[type=submit],
form .hs-button {
  border: 1px solid #333333;
;
  padding-top: 7px;
padding-right: 15px;
padding-bottom: 7px;
padding-left: 15px;
;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  border-radius: 100px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #101010;
  border: 1px solid #D9D7D1;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(240, 42, 174, 1.0);
  border-color: #f02aae;
}
form .form-columns-1 fieldset.form-columns-1 .input { margin: 0 !important;}
form .form-columns-1 .input input,.form-columns-1 .input textarea,.form-columns-1 .input select { width: 100% !important;}

/* Fields */



/* Labels */

form label {display: block;font-size: 0.875rem;margin-bottom: 0.35rem;}
/* Form Title */
.form-title {margin-bottom: 0;}
/* Help text */
form legend {font-size: 0.875rem;}
/* Inputs */
form textarea { resize: vertical;}
form fieldset { max-width: 100% !important;}
/* Inputs - checkbox/radio */
form .inputs-list {margin: 0;padding: 0; list-style: none;}
form .inputs-list > li {display: block; margin: 0.7rem 0;}
form .inputs-list input,form .inputs-list span { vertical-align: middle;}
form input[type=checkbox],form input[type=radio] { cursor: pointer; margin-right: 0.35rem;}
/* Inputs - date picker */
.hs-dateinput { position: relative;}
.hs-dateinput:before {content:'\01F4C5';  position: absolute;  right: 10%;  top: 50%; transform: translateY(-50%);}
.fn-date-picker .pika-table thead th { color: #FFF;}
.fn-date-picker td.is-selected .pika-button {border-radius: 0; box-shadow: none;}
.fn-date-picker td .pika-button:hover,.fn-date-picker td .pika-button:focus {  border-radius: 0 !important;  color: #FFF;}
/* Inputs - file picker */
form input[type=file] { background-color: transparent; border: initial; padding: initial;}

/* Headings and text */

form .hs-richtext,form .hs-richtext p {  font-size: 0.875rem; margin: 0 0 1.4rem;}
form .hs-richtext img {  max-width: 100% !important;}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {  color: #EF6B51;}
.hs-input.invalid.error { border-color: #EF6B51;}
.hs-error-msg {  color: #EF6B51; margin-top: 0.35rem;}
/* Submit button */

form input[type=submit],form .hs-button { cursor: pointer; display: inline-block; text-align: center;  transition: all 0.15s linear;  white-space: normal;}

/* Captcha */

.grecaptcha-badge {  margin: 0 auto;}


/* Search button input field and suggestions */
.body-container-wrapper .hs-search-field__button {
  padding: 15px;
}

.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
  margin-left: 6px;
  margin-bottom: 0;
}

.body-container-wrapper .hs-search-field__button svg {
  height: 15px;
  fill: #fff;
}

.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
  padding: 10px;
}

.body-container-wrapper .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}



form label {  font-size: 14px;    line-height: 1.6;    font-weight: 400;    margin-bottom: 4px;}
form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);  outline: none;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    padding: 12px 16px;    font-size: 14px;    line-height: 1.65;    color: #0D0F10;    font-weight: 400;}
.hs-form-field {    margin-bottom: 24px;}
form input[type=submit] {    background: #C80286;    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;    border: 1px solid #C80286;    padding: 10px 44px 10px 16px;    border-radius: 100px;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M10.294 14.6577L9.52699 13.8991L12.1903 11.2358H5.5V10.1278H12.1903L9.52699 7.46875L10.294 6.70597L14.2699 10.6818L10.294 14.6577Z' fill='%23C80286'/%3E%3C/svg%3E");    background-repeat: no-repeat;    background-size: 20px;    background-position: center right 16px;    transition: all ease-in-out 0.3s;}
form input[type=submit]:hover {   background: #C80286;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Crect width='20' height='20' rx='10' fill='url(%23paint0_linear_540_8084)'/%3E%3Cpath d='M10.294 14.6577L9.52699 13.8991L12.1903 11.2358H5.5V10.1278H12.1903L9.52699 7.46875L10.294 6.70597L14.2699 10.6818L10.294 14.6577Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_540_8084' x1='0.118566' y1='7.56412' x2='20.2628' y2='8.58662' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.110577' stop-color='%23C80286'/%3E%3Cstop offset='0.456731' stop-color='%23FF2142'/%3E%3Cstop offset='1' stop-color='%23FFBC49'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");    background-repeat: no-repeat;    background-size: 20px;    background-position: center right 16px;    transition: all ease-in-out 0.3s;    color: #fff;    border: 1px solid #C80286;}


form fieldset .hs-form-field ul.no-list.hs-error-msgs li {    margin: 0;}
form fieldset .hs-form-field ul.no-list.hs-error-msgs li label.hs-error-msg {  font-size: 12px;}










.header { position : fixed; top: 24px; width: 100%; left : 0; z-index : 999}
.leaveIt header.header,.fixIt header.header {  top: 0;}
.header {    transition: all ease-in-out 0.3s;}
.fullView header.header {   top: 24px;}
header.header .headerinsection { background: linear-gradient(270.6deg, rgba(255, 255, 255, 0) 0.49%, rgba(255, 255, 255, 0.15) 99.51%),linear-gradient(0deg, #F8F8F8, #F8F8F8);    backdrop-filter: blur(70px);    box-shadow: 0px 0px 16px 0px #0000000F;    border-radius: 99px;    border-bottom: 2px solid #FFFFFF;}

.header .headerinsection .headerlogo {    max-width: 119px;    width: 100%;}
.header .headerinsection .headerlogo a {    width: 100%;}
.header .headerinsection .headerlogo a img { width: 100%;    height: 100%;  object-fit: contain;}
header.header .headerinsection .headerrightcol {    justify-content: space-between;    max-width: calc(100% - 268px);    width: 100%;}
header.header .headerinsection {    justify-content: space-between;    padding: 18px 24px;}
header.header .headerinsection .headerrightcol .headermenu > span > div > ul {    display: flex;    align-items: center;}

header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children { position: relative; }
header.header .headerinsection .headerrightcol .headermenu > span > div > ul > li > a {  font-size: 14px;    color: #333333;    font-weight: 500;    letter-spacing: -0.16px;    line-height: 1.64;    padding: 6px 16px;}

header.header .headerinsection .headerrightcol .headermenu > span > div > ul > li.hs-item-has-children > a {  display: flex;   align-items: center;    gap: 8px;}
header.header .headerinsection .headerrightcol .headermenu > span > div > ul > li.hs-item-has-children .hs-menu-children-wrapper > li > a {    font-size: 14px;    color: #333333;    font-weight: 500;    letter-spacing: -0.16px;    line-height: 1.64;    padding: 10px 16px;    width: 100%;}

@media (min-width : 1230px){
header.header .headerinsection .headerrightcol .headermenu > span > div > ul > li.hs-item-has-children .hs-menu-children-wrapper {  position: absolute;    z-index: 99;    top: 100%;    left:0;    opacity: 0;    visibility: hidden;    transition: all ease-in-out 0.3s;}
header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children:hover ul.hs-menu-children-wrapper {    opacity: 1;    visibility: visible;}
header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children:hover > a:after {    transform: rotate(180deg);}
header.header .headerinsection .headerrightcol .headermenu > span > div > ul > li.hs-item-has-children > a:after {content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.40332 3C1.46159 3.00047 1.51874 3.01181 1.57031 3.03223C1.62159 3.05258 1.66615 3.08094 1.70117 3.11426V3.11523L1.70801 3.12109L4.67188 5.85938L5.01074 6.17285L5.35059 5.85938L8.30957 3.125C8.38279 3.0606 8.48781 3.01965 8.60352 3.02051C8.72039 3.02145 8.82577 3.06462 8.89746 3.13086C8.96787 3.19593 8.99931 3.27576 9 3.34961C9.00068 3.4234 8.97007 3.50263 8.90137 3.56836L5.30762 6.88867C5.2351 6.9557 5.12901 6.99998 5.01074 7C4.89264 6.99987 4.7863 6.95562 4.71387 6.88867L1.11426 3.5625L1.10742 3.55664C1.07083 3.52394 1.04395 3.48701 1.02637 3.44922C1.00882 3.41147 1.00036 3.37222 1 3.33398C0.999665 3.29581 1.00769 3.25652 1.02441 3.21875C1.04122 3.18094 1.06678 3.1434 1.10254 3.11035C1.13851 3.07712 1.18415 3.04902 1.23633 3.0293C1.2883 3.0097 1.34521 2.99959 1.40332 3Z' fill='%23474747' stroke='%23474747'/%3E%3C/svg%3E");width: 10px;height: 10px;background-repeat: no-repeat;background-size: 10px;background-position: center center; transition: all ease-in-out 0.3s;}

header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children ul.hs-menu-children-wrapper {  width: max-content; margin-top: 20px; background: linear-gradient(180deg, rgba(246, 241, 252, 1) 0%, rgba(255, 255, 255, 1) 100%); }


}



@media (max-width : 1300px){
  header.header .headerinsection .headerrightcol {  max-width: calc(100% - 169px);    justify-content: flex-end;    gap: 50px;}
}
@media (max-width : 1366px){

}


@media (max-width : 1230px){

header.header .headerinsection .headerrightcol .headermenusec {  order: 2;}
header.header .headerinsection .headerrightcol .headermenusec .headermenu {position: absolute;width: 100%;left: 0;top: 0;background: linear-gradient(270.6deg, hsla(0, 0%, 100%, 0) .49%, hsla(0, 0%, 100%, .15) 99.51%), linear-gradient(0deg, #f8f8f8, #f8f8f8);border-bottom: 2px solid #fff;border-radius: 46px 46px 46px 46px;display: none;}

		.headerexpand {width: 30px;height: 30px;display: block !important;cursor: pointer;position: relative;z-index: 2;}
		.headerexpand i {position:relative;width: 30px;left:0;height: 3px;opacity:1;display: block;background: #C80286;margin: 5px 0;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;top: 6px;}
		.headerexpand i:first-child {margin-top: 0;}
		.headerexpand.active i:first-child {transform: rotate(135deg);-webkit-transform: rotate(135deg);top: 13px;position: relative;}
		.headerexpand.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
		.headerexpand.active i:last-child {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: -3px;position: relative;}

		 .childExpand {position: absolute;top: 6px;right: 10px;width: 24px;text-align: center;height: 24px;margin: 0;padding:5px;cursor:pointer;z-index: 5;}
        .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#C80286; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
        .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; }
        .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
        .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }


header.header .headerinsection .headerrightcol {  gap: 20px;}
header.header .headerinsection .headerrightcol .headermenucta {   order: 1;}
header.header .headerinsection .headerrightcol .headermenu > span > div > ul {   flex-direction: column;    align-items: flex-start;}
header.header .headerinsection .headerrightcol .headermenusec .headermenu > span {    display: block;    margin-top: 120px;    padding: 0 30px 50px;}
.header .headerinsection .headerlogo {    position: relative;    z-index: 2;}
header.header .headerinsection .headerrightcol .headermenu ul li {    width: 100%;    position: relative;}
header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children ul.hs-menu-children-wrapper {  display: none;}
header.header .headerinsection .headerrightcol .headermenu ul li a {    width: 100%;}
header.header .headerinsection .headerrightcol .headermenu>span>div>ul>li.hs-item-has-children ul.hs-menu-children-wrapper {  width: 95%;  margin: 0 auto;}


}

@media (max-width : 1080px){
  .MegamenuTwoColSection .headermenuRTCol { display: none; }
}

@media (max-width : 640px){
  .MegamenuTwoColSection .MegamenuLTCol .MegamenuLTBoxSec .MegamenuLTBox {  max-width: 100%;}
.MegamenuTwoColSection .MegamenuLTCol .MegamenuLTTitleSec {   display: none;}
.MegamenuTwoColSection .MegamenuLTCol .MegamenuLTBoxSec {   padding-top: 0;}
.MegamenuTwoColSection .MegamenuLTCol {    height: 200px;    overflow-y: auto;}
}

@media (max-width : 480px){
  .header .headerinsection .headerlogo {  max-width: 80px;}
header.header .headerinsection {    padding: 12px 24px;}
header.header .headerinsection .headerrightcol .headermenusec .headermenu > span {  margin-top: 80px;    padding: 0 10px 20px;}
header.header .headerinsection .headerrightcol .headermenusec .headermenu {    border-radius: 36px;}

}






.footer {
  background-color: 

  
  
    
  


  rgba(29, 29, 29, 1.0)

;
}

/* Footer content */
.footer a,
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #FFFFFF;
}


.footertopstrip {  padding-left: 40px;    padding-right: 40px; border-bottom: 1px solid #8888881A;}
.footertopstrip .footerltCol {    max-width: 163px;    width: 100%;}
.footertopstrip .footerrtCol {    max-width: calc(100% - (163px + 50px));    width: 100%;    justify-content: flex-end;}
.footertopstrip .footerrtCol .footermenusec {    width: max-content;    padding: 6px 16px;}
.footertopstrip .footerrtCol .footermenusec .footermenuTitle {    margin-bottom: 8px;}
.footertopstrip .footerrtCol .footermenusec  .footermenu li+* {   margin-top: 4px;}
.footertopstrip .footerrtCol .footermenusec .footermenu li a {    font-size: 14px;    font-weight: 500;    letter-spacing: -0.16px;    line-height: 1.643;}
footer.footer .content-wrapper {    max-width: 1374px;}
.footertopstrip .footerltCol .footerlogocol {    max-width: 136px;    width: 100%;    margin: 0 auto;}
.footertopstrip .footerltCol .footerlogocol a {    width: 100%;}
.footertopstrip .footerltCol .footerlogocol a img {    width: 100%;    height: 100%;    object-fit: contain;}
.footertopstrip .footerltCol .footersocialmenu > p {    font-size: 14px;    letter-spacing: -0.16px;    line-height: 1.643;    font-weight: 500;}
.footertopstrip .footerltCol .footersocialmenu a {    width: 24px;    height: 24px;    line-height: 1;}
.footertopstrip .footerltCol .footersocialmenu a img {    width: 100%;    height: 100%;    object-fit: contain;}
.footertopstrip .footerrtCol .footermenusec .footermenuTitle * {    font-weight: 600;}
.footerbottomstrip .footerbottomMenu a {  font-size: 14px;    line-height: 1.643;   letter-spacing: -0.16px;    font-weight: 500;}

.footertopstrip .footerltCol .footersocialmenu a {  overflow: hidden;    display: flex;    align-items: center; position: relative;}
.footersocialmenu ul {    width: 100%;    display: flex;    align-items: center;    gap: 10px;}
.footertopstrip .footerltCol .footersocialmenu a img.hovericon {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    opacity: 0;    transition: all ease-in-out 0.3s;    transform: scale(0.5);}
.footertopstrip .footerltCol .footersocialmenu a:hover img.hovericon {    opacity: 1;    transform: scale(1);}
.footertopstrip .footerltCol .footersocialmenu a:hover img.withouthovericon {    opacity: 0;    transform: scale(0.5);}
.footertopstrip .footerltCol .footersocialmenu a img {    transition: all ease-in-out 0.3s;}


@media (max-width : 991px){
  .footersocialmenu {  justify-content: center;}
.footersocialmenu ul {   justify-content: center;}

.footertopstrip {    flex-direction: column;}
.footertopstrip .footerrtCol {  gap: 32px;    max-width: 100%;  justify-content: space-between;}
.footersocialmenu {   padding-top: 20px !important;}
}

@media (max-width : 640px){
  
.footertopstrip {  padding-left: 0;   padding-right: 0;}
.footertopstrip .footerrtCol {text-align: center;}
.footertopstrip .footerrtCol .footermenusec {  max-width: calc(50% - 8px); width: 100%; padding: 0;}
.footertopstrip .footerrtCol {  gap: 30px 16px;}
.footertopstrip {   align-items: center !important;    gap: 30px !important;}
.footerbottomstrip {  gap: 30px  !important;    justify-content: center !important;}

.footertopstrip .footerltCol {  max-width: 100%;    display: flex;    align-items: center; gap: 20px;}
.footertopstrip .footerltCol .footersocialmenu {   padding-top: 0 !important;}
.footertopstrip .footerltCol .footerlogocol {  margin: 0 0 0 auto;}

}







b,
strong {
  font-weight: bolder;
}
.font_big, .font_big p, .font_big a { font-weight: 400; text-decoration: none; font-family: Inter, sans-serif; font-style: normal; font-size : 18px }
.font_large, .font_large p, .font_large a { font-weight: 400; text-decoration: none; font-family: Inter, sans-serif; font-style: normal; font-size : 20px }

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

/* Font Size */
.font24 a,.font24, .font24 p,.font24 *{font-size:24px;}
.font14 a,.font14, .font14 p{font-size:14px;}
.font15 a,.font15, .font15 p{font-size:15px;}
.font16 a,.font16,.font16 p{font-size:16px;}
.font17 a,.font17,.font17 p{font-size:17px;}
.font18 a,.font18,.font18 p{font-size:18px;}

/* line-height */
.lh1,  .lh1 a,  .lh1 h1,  .lh1 h2, .lh1 h3,   .lh1 h4,  .lh1 h5,  .lh1 h6,   .lh1 p    { line-height : 1 }
.lh11, .lh11 a, .lh11 h1, .lh11 h2, .lh11 h3, .lh11 h4, .lh11 h5, .lh11 h6, .lh11 p { line-height : 1.1 }
.lh12, .lh12 a, .lh12 h1, .lh12 h2, .lh12 h3, .lh12 h4, .lh12 h5, .lh12 h6, .lh12 p { line-height : 1.2 }
.lh13, .lh13 a, .lh13 h1, .lh13 h2, .lh13 h3, .lh13 h4, .lh13 h5, .lh13 h6, .lh13 p   { line-height : 1.3 }
.lh14, .lh14 a, .lh14 h1, .lh14 h2, .lh14 h3, .lh14 h4, .lh14 h5, .lh14 h6, .lh14 p { line-height : 1.4 }
.lh15, .lh15 a, .lh15 h1, .lh15 h2, .lh15 h3, .lh15 h4, .lh15 h5, .lh15 h6, .lh15 p { line-height : 1.5 }
.lh16, .lh16 a, .lh16 h1, .lh16 h2, .lh16 h3, .lh16 h4, .lh16 h5, .lh16 h6, .lh16 p { line-height : 1.6 }

.visible75 { opacity: 75%; }
.visible80 { opacity: 80%; }


.primarybg {
  background: #0D0F2C;
}
.primaryborder {
  border-color: #0D0F2C;
}
.primary_color,.primary_color p,.primary_color h1,.primary_color h2,.primary_color h3,.primary_color h4,.primary_color h5,.primary_color h6,.primary_color a {
  color: #0D0F2C;
}
.primary_fill svg path{
  fill: #0D0F2C
}

.primary_link a {
  color: #0D0F2C;
}

.secondarybg {
  background: #333333;
}
.secondaryborder {
  border-color: #333333;
}
.secondary_color,.secondary_color p,.secondary_color h1,.secondary_color h2,.secondary_color h3,.secondary_color h4,.secondary_color h5,.secondary_color h6,.secondary_color a {
  color: #333333;
}
.secondary_fill svg path{
  fill: #333333
}

.secondary_link a {
  color: #333333;
}

.whitebg {
  background: #FFFFFF;
}
.whiteborder {
  border-color: #FFFFFF;
}
.white_color,.white_color p,.white_color h1,.white_color h2,.white_color h3,.white_color h4,.white_color h5,.white_color h6,.white_color a {
  color: #FFFFFF;
}
.white_fill svg path{
  fill: #FFFFFF
}

.white_link a {
  color: #FFFFFF;
}

.arabic_whitebg {
  background: #F2EEF9;
}
.arabic_whiteborder {
  border-color: #F2EEF9;
}
.arabic_white_color,.arabic_white_color p,.arabic_white_color h1,.arabic_white_color h2,.arabic_white_color h3,.arabic_white_color h4,.arabic_white_color h5,.arabic_white_color h6,.arabic_white_color a {
  color: #F2EEF9;
}
.arabic_white_fill svg path{
  fill: #F2EEF9
}

.arabic_white_link a {
  color: #F2EEF9;
}

.fairybg {
  background: #FFF4FC;
}
.fairyborder {
  border-color: #FFF4FC;
}
.fairy_color,.fairy_color p,.fairy_color h1,.fairy_color h2,.fairy_color h3,.fairy_color h4,.fairy_color h5,.fairy_color h6,.fairy_color a {
  color: #FFF4FC;
}
.fairy_fill svg path{
  fill: #FFF4FC
}

.fairy_link a {
  color: #FFF4FC;
}

.light_redbg {
  background: #FF8080;
}
.light_redborder {
  border-color: #FF8080;
}
.light_red_color,.light_red_color p,.light_red_color h1,.light_red_color h2,.light_red_color h3,.light_red_color h4,.light_red_color h5,.light_red_color h6,.light_red_color a {
  color: #FF8080;
}
.light_red_fill svg path{
  fill: #FF8080
}

.light_red_link a {
  color: #FF8080;
}

.magentabg {
  background: #C80286;
}
.magentaborder {
  border-color: #C80286;
}
.magenta_color,.magenta_color p,.magenta_color h1,.magenta_color h2,.magenta_color h3,.magenta_color h4,.magenta_color h5,.magenta_color h6,.magenta_color a {
  color: #C80286;
}
.magenta_fill svg path{
  fill: #C80286
}

.magenta_link a {
  color: #C80286;
}

.navybg {
  background: #333B52;
}
.navyborder {
  border-color: #333B52;
}
.navy_color,.navy_color p,.navy_color h1,.navy_color h2,.navy_color h3,.navy_color h4,.navy_color h5,.navy_color h6,.navy_color a {
  color: #333B52;
}
.navy_fill svg path{
  fill: #333B52
}

.navy_link a {
  color: #333B52;
}

.muted_blackbg {
  background: #1D1D1D;
}
.muted_blackborder {
  border-color: #1D1D1D;
}
.muted_black_color,.muted_black_color p,.muted_black_color h1,.muted_black_color h2,.muted_black_color h3,.muted_black_color h4,.muted_black_color h5,.muted_black_color h6,.muted_black_color a {
  color: #1D1D1D;
}
.muted_black_fill svg path{
  fill: #1D1D1D
}

.muted_black_link a {
  color: #1D1D1D;
}

.highlighter_redbg {
  background: #FF2142;
}
.highlighter_redborder {
  border-color: #FF2142;
}
.highlighter_red_color,.highlighter_red_color p,.highlighter_red_color h1,.highlighter_red_color h2,.highlighter_red_color h3,.highlighter_red_color h4,.highlighter_red_color h5,.highlighter_red_color h6,.highlighter_red_color a {
  color: #FF2142;
}
.highlighter_red_fill svg path{
  fill: #FF2142
}

.highlighter_red_link a {
  color: #FF2142;
}

.desert_firebg {
  background: #FFBC49;
}
.desert_fireborder {
  border-color: #FFBC49;
}
.desert_fire_color,.desert_fire_color p,.desert_fire_color h1,.desert_fire_color h2,.desert_fire_color h3,.desert_fire_color h4,.desert_fire_color h5,.desert_fire_color h6,.desert_fire_color a {
  color: #FFBC49;
}
.desert_fire_fill svg path{
  fill: #FFBC49
}

.desert_fire_link a {
  color: #FFBC49;
}

.blackbg {
  background: #000;
}
.blackborder {
  border-color: #000;
}
.black_color,.black_color p,.black_color h1,.black_color h2,.black_color h3,.black_color h4,.black_color h5,.black_color h6,.black_color a {
  color: #000;
}
.black_fill svg path{
  fill: #000
}

.black_link a {
  color: #000;
}

.header_colorbg {
  background: #FFF;
}
.header_colorborder {
  border-color: #FFF;
}
.header_color_color,.header_color_color p,.header_color_color h1,.header_color_color h2,.header_color_color h3,.header_color_color h4,.header_color_color h5,.header_color_color h6,.header_color_color a {
  color: #FFF;
}
.header_color_fill svg path{
  fill: #FFF
}

.header_color_link a {
  color: #FFF;
}

.footer_colorbg {
  background: #1D1D1D;
}
.footer_colorborder {
  border-color: #1D1D1D;
}
.footer_color_color,.footer_color_color p,.footer_color_color h1,.footer_color_color h2,.footer_color_color h3,.footer_color_color h4,.footer_color_color h5,.footer_color_color h6,.footer_color_color a {
  color: #1D1D1D;
}
.footer_color_fill svg path{
  fill: #1D1D1D
}

.footer_color_link a {
  color: #1D1D1D;
}




img { max-width:100%; width :100%; height:auto; border:none; vertical-align:middle; }

/* font-weight */
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p, .extrabold li  { font-weight:800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p , .bold li { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p, .semibold li  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p, .medium li  { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p, .normal li { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light li { font-weight:300; }

/* letterspacing */
.ls02 *  { letter-spacing : -0.2px }
.ls4 *  { letter-spacing : -4px }
.ls3 *  { letter-spacing : -3px }

.ls032 *  { letter-spacing : -0.32px }
.ls036 *  { letter-spacing : -0.36px }
.ls048 *  { letter-spacing : -0.48px }
.ls108 *  { letter-spacing : -1.08px }
.ls54 *  { letter-spacing : -0.54px }

/* text style */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; text-align:-webkit-center; }
.text-right { text-align:right; text-align:-webkit-right;}
.text-left { text-align:left; text-align:-webkit-left;}
.font-italic{font-style: italic;}
.bg { background-repeat : no-repeat; background-size : cover; background-position : center center }

/* put listStyle class to "parent" tag of "ul" */
.nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;}
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#0078ff; font-weight:normal; top:2px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:60%; line-height:2; } /*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */

/* Widths */
.fl { float:left; }  
.fr { float:right; }  
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top;  }
.d_block {display: block !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w35 { width:  35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/* Max-width */
.max300{max-width:300px; width:100%;}
.max350{max-width:350px; width:100%;}
.max400{max-width:400px; width:100%;}
.max450{max-width:450px; width:100%;}
.max500{max-width:500px; width:100%;}
.max550{max-width:550px; width:100%;}
.max600{max-width:600px; width:100%;}
.max650{max-width:650px; width:100%;}
.max630{max-width:630px; width:100%;}
.max700{max-width:700px; width:100%;}
.max750{max-width:750px; width:100%;}
.max770{max-width:770px; width:100%;}
.max800{max-width:800px; width:100%;}
.max810{max-width:810px; width:100%;}
.max880{max-width:880px; width:100%;}
.max900{max-width:900px; width:100%;}
.max950{max-width:950px; width:100%;}
.max1000{max-width:1000px; width:100%;}
.max1100{max-width:1100px; width:100%;}
.maxfull { max-width : 100%; width : 100%; }
.widthCenter{margin:0 auto;}
.widthend{margin:0 0 0 auto;}

/* flex */
.d_none { display: none; }
.d_flex { display: flex; flex-wrap : wrap }
.align_center { align-items: center; }
.align_start { align-items: flex-start; }
.align_end { align-items: flex-end; }
.align_stretch { align-items: stretch; }
.space_between { justify-content: space-between; }  
.flex_start { justify-content: flex-start; }  
.flex_end { justify-content: flex-end; }  
.flex_center { justify-content: center; }
.flex_column { flex-direction : column }
.nowrap { flex-wrap : nowrap }
.align_self_end { align-self: flex-end; }


/* flex-order */

.order1 { order : 1; }
.border1 { border-width : 1px; border-style: solid; }
.border_top1 {     border-top-width : 1px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom1 {     border-bottom-width : 1px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius1 { border-radius : 1px !important }

.order2 { order : 2; }
.border2 { border-width : 2px; border-style: solid; }
.border_top2 {     border-top-width : 2px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom2 {     border-bottom-width : 2px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius2 { border-radius : 2px !important }

.order3 { order : 3; }
.border3 { border-width : 3px; border-style: solid; }
.border_top3 {     border-top-width : 3px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom3 {     border-bottom-width : 3px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius3 { border-radius : 3px !important }

.order4 { order : 4; }
.border4 { border-width : 4px; border-style: solid; }
.border_top4 {     border-top-width : 4px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom4 {     border-bottom-width : 4px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius4 { border-radius : 4px !important }

.order5 { order : 5; }
.border5 { border-width : 5px; border-style: solid; }
.border_top5 {     border-top-width : 5px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom5 {     border-bottom-width : 5px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius5 { border-radius : 5px !important }

.order6 { order : 6; }
.border6 { border-width : 6px; border-style: solid; }
.border_top6 {     border-top-width : 6px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom6 {     border-bottom-width : 6px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius6 { border-radius : 6px !important }

.order7 { order : 7; }
.border7 { border-width : 7px; border-style: solid; }
.border_top7 {     border-top-width : 7px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom7 {     border-bottom-width : 7px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius7 { border-radius : 7px !important }

.order8 { order : 8; }
.border8 { border-width : 8px; border-style: solid; }
.border_top8 {     border-top-width : 8px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom8 {     border-bottom-width : 8px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius8 { border-radius : 8px !important }

.order9 { order : 9; }
.border9 { border-width : 9px; border-style: solid; }
.border_top9 {     border-top-width : 9px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom9 {     border-bottom-width : 9px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius9 { border-radius : 9px !important }

.order10 { order : 10; }
.border10 { border-width : 10px; border-style: solid; }
.border_top10 {     border-top-width : 10px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom10 {     border-bottom-width : 10px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius10 { border-radius : 10px !important }

.order11 { order : 11; }
.border11 { border-width : 11px; border-style: solid; }
.border_top11 {     border-top-width : 11px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom11 {     border-bottom-width : 11px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius11 { border-radius : 11px !important }

.order12 { order : 12; }
.border12 { border-width : 12px; border-style: solid; }
.border_top12 {     border-top-width : 12px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom12 {     border-bottom-width : 12px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius12 { border-radius : 12px !important }

.order13 { order : 13; }
.border13 { border-width : 13px; border-style: solid; }
.border_top13 {     border-top-width : 13px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom13 {     border-bottom-width : 13px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius13 { border-radius : 13px !important }

.order14 { order : 14; }
.border14 { border-width : 14px; border-style: solid; }
.border_top14 {     border-top-width : 14px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom14 {     border-bottom-width : 14px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius14 { border-radius : 14px !important }

.order15 { order : 15; }
.border15 { border-width : 15px; border-style: solid; }
.border_top15 {     border-top-width : 15px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom15 {     border-bottom-width : 15px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius15 { border-radius : 15px !important }

.order16 { order : 16; }
.border16 { border-width : 16px; border-style: solid; }
.border_top16 {     border-top-width : 16px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom16 {     border-bottom-width : 16px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius16 { border-radius : 16px !important }

.order17 { order : 17; }
.border17 { border-width : 17px; border-style: solid; }
.border_top17 {     border-top-width : 17px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom17 {     border-bottom-width : 17px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius17 { border-radius : 17px !important }

.order18 { order : 18; }
.border18 { border-width : 18px; border-style: solid; }
.border_top18 {     border-top-width : 18px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom18 {     border-bottom-width : 18px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius18 { border-radius : 18px !important }

.order19 { order : 19; }
.border19 { border-width : 19px; border-style: solid; }
.border_top19 {     border-top-width : 19px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom19 {     border-bottom-width : 19px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius19 { border-radius : 19px !important }

.order20 { order : 20; }
.border20 { border-width : 20px; border-style: solid; }
.border_top20 {     border-top-width : 20px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom20 {     border-bottom-width : 20px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius20 { border-radius : 20px !important }

.order21 { order : 21; }
.border21 { border-width : 21px; border-style: solid; }
.border_top21 {     border-top-width : 21px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom21 {     border-bottom-width : 21px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius21 { border-radius : 21px !important }

.order22 { order : 22; }
.border22 { border-width : 22px; border-style: solid; }
.border_top22 {     border-top-width : 22px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom22 {     border-bottom-width : 22px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius22 { border-radius : 22px !important }

.order23 { order : 23; }
.border23 { border-width : 23px; border-style: solid; }
.border_top23 {     border-top-width : 23px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom23 {     border-bottom-width : 23px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius23 { border-radius : 23px !important }

.order24 { order : 24; }
.border24 { border-width : 24px; border-style: solid; }
.border_top24 {     border-top-width : 24px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom24 {     border-bottom-width : 24px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius24 { border-radius : 24px !important }

.order25 { order : 25; }
.border25 { border-width : 25px; border-style: solid; }
.border_top25 {     border-top-width : 25px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom25 {     border-bottom-width : 25px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius25 { border-radius : 25px !important }

.order26 { order : 26; }
.border26 { border-width : 26px; border-style: solid; }
.border_top26 {     border-top-width : 26px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom26 {     border-bottom-width : 26px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius26 { border-radius : 26px !important }

.order27 { order : 27; }
.border27 { border-width : 27px; border-style: solid; }
.border_top27 {     border-top-width : 27px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom27 {     border-bottom-width : 27px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius27 { border-radius : 27px !important }

.order28 { order : 28; }
.border28 { border-width : 28px; border-style: solid; }
.border_top28 {     border-top-width : 28px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom28 {     border-bottom-width : 28px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius28 { border-radius : 28px !important }

.order29 { order : 29; }
.border29 { border-width : 29px; border-style: solid; }
.border_top29 {     border-top-width : 29px; border-style: solid; border-left : 0; border-right : 0; border-bottom : 0; }
.border_bottom29 {     border-bottom-width : 29px; border-style: solid; border-left : 0; border-right : 0; border-top : 0; }
.border_radius29 { border-radius : 29px !important }


/* flex-gap */

.gap1 { gap : 1px; }
.columngap1 { column-gap : 1px;}
.rowgap1 { row-gap : 1px;}

.gap2 { gap : 2px; }
.columngap2 { column-gap : 2px;}
.rowgap2 { row-gap : 2px;}

.gap3 { gap : 3px; }
.columngap3 { column-gap : 3px;}
.rowgap3 { row-gap : 3px;}

.gap4 { gap : 4px; }
.columngap4 { column-gap : 4px;}
.rowgap4 { row-gap : 4px;}

.gap5 { gap : 5px; }
.columngap5 { column-gap : 5px;}
.rowgap5 { row-gap : 5px;}

.gap6 { gap : 6px; }
.columngap6 { column-gap : 6px;}
.rowgap6 { row-gap : 6px;}

.gap7 { gap : 7px; }
.columngap7 { column-gap : 7px;}
.rowgap7 { row-gap : 7px;}

.gap8 { gap : 8px; }
.columngap8 { column-gap : 8px;}
.rowgap8 { row-gap : 8px;}

.gap9 { gap : 9px; }
.columngap9 { column-gap : 9px;}
.rowgap9 { row-gap : 9px;}

.gap10 { gap : 10px; }
.columngap10 { column-gap : 10px;}
.rowgap10 { row-gap : 10px;}

.gap11 { gap : 11px; }
.columngap11 { column-gap : 11px;}
.rowgap11 { row-gap : 11px;}

.gap12 { gap : 12px; }
.columngap12 { column-gap : 12px;}
.rowgap12 { row-gap : 12px;}

.gap13 { gap : 13px; }
.columngap13 { column-gap : 13px;}
.rowgap13 { row-gap : 13px;}

.gap14 { gap : 14px; }
.columngap14 { column-gap : 14px;}
.rowgap14 { row-gap : 14px;}

.gap15 { gap : 15px; }
.columngap15 { column-gap : 15px;}
.rowgap15 { row-gap : 15px;}

.gap16 { gap : 16px; }
.columngap16 { column-gap : 16px;}
.rowgap16 { row-gap : 16px;}

.gap17 { gap : 17px; }
.columngap17 { column-gap : 17px;}
.rowgap17 { row-gap : 17px;}

.gap18 { gap : 18px; }
.columngap18 { column-gap : 18px;}
.rowgap18 { row-gap : 18px;}

.gap19 { gap : 19px; }
.columngap19 { column-gap : 19px;}
.rowgap19 { row-gap : 19px;}

.gap20 { gap : 20px; }
.columngap20 { column-gap : 20px;}
.rowgap20 { row-gap : 20px;}

.gap21 { gap : 21px; }
.columngap21 { column-gap : 21px;}
.rowgap21 { row-gap : 21px;}

.gap22 { gap : 22px; }
.columngap22 { column-gap : 22px;}
.rowgap22 { row-gap : 22px;}

.gap23 { gap : 23px; }
.columngap23 { column-gap : 23px;}
.rowgap23 { row-gap : 23px;}

.gap24 { gap : 24px; }
.columngap24 { column-gap : 24px;}
.rowgap24 { row-gap : 24px;}

.gap25 { gap : 25px; }
.columngap25 { column-gap : 25px;}
.rowgap25 { row-gap : 25px;}

.gap26 { gap : 26px; }
.columngap26 { column-gap : 26px;}
.rowgap26 { row-gap : 26px;}

.gap27 { gap : 27px; }
.columngap27 { column-gap : 27px;}
.rowgap27 { row-gap : 27px;}

.gap28 { gap : 28px; }
.columngap28 { column-gap : 28px;}
.rowgap28 { row-gap : 28px;}

.gap29 { gap : 29px; }
.columngap29 { column-gap : 29px;}
.rowgap29 { row-gap : 29px;}

.gap30 { gap : 30px; }
.columngap30 { column-gap : 30px;}
.rowgap30 { row-gap : 30px;}

.gap31 { gap : 31px; }
.columngap31 { column-gap : 31px;}
.rowgap31 { row-gap : 31px;}

.gap32 { gap : 32px; }
.columngap32 { column-gap : 32px;}
.rowgap32 { row-gap : 32px;}

.gap33 { gap : 33px; }
.columngap33 { column-gap : 33px;}
.rowgap33 { row-gap : 33px;}

.gap34 { gap : 34px; }
.columngap34 { column-gap : 34px;}
.rowgap34 { row-gap : 34px;}

.gap35 { gap : 35px; }
.columngap35 { column-gap : 35px;}
.rowgap35 { row-gap : 35px;}

.gap36 { gap : 36px; }
.columngap36 { column-gap : 36px;}
.rowgap36 { row-gap : 36px;}

.gap37 { gap : 37px; }
.columngap37 { column-gap : 37px;}
.rowgap37 { row-gap : 37px;}

.gap38 { gap : 38px; }
.columngap38 { column-gap : 38px;}
.rowgap38 { row-gap : 38px;}

.gap39 { gap : 39px; }
.columngap39 { column-gap : 39px;}
.rowgap39 { row-gap : 39px;}

.gap40 { gap : 40px; }
.columngap40 { column-gap : 40px;}
.rowgap40 { row-gap : 40px;}

.gap41 { gap : 41px; }
.columngap41 { column-gap : 41px;}
.rowgap41 { row-gap : 41px;}

.gap42 { gap : 42px; }
.columngap42 { column-gap : 42px;}
.rowgap42 { row-gap : 42px;}

.gap43 { gap : 43px; }
.columngap43 { column-gap : 43px;}
.rowgap43 { row-gap : 43px;}

.gap44 { gap : 44px; }
.columngap44 { column-gap : 44px;}
.rowgap44 { row-gap : 44px;}

.gap45 { gap : 45px; }
.columngap45 { column-gap : 45px;}
.rowgap45 { row-gap : 45px;}

.gap46 { gap : 46px; }
.columngap46 { column-gap : 46px;}
.rowgap46 { row-gap : 46px;}

.gap47 { gap : 47px; }
.columngap47 { column-gap : 47px;}
.rowgap47 { row-gap : 47px;}

.gap48 { gap : 48px; }
.columngap48 { column-gap : 48px;}
.rowgap48 { row-gap : 48px;}

.gap49 { gap : 49px; }
.columngap49 { column-gap : 49px;}
.rowgap49 { row-gap : 49px;}

.gap50 { gap : 50px; }
.columngap50 { column-gap : 50px;}
.rowgap50 { row-gap : 50px;}

.gap51 { gap : 51px; }
.columngap51 { column-gap : 51px;}
.rowgap51 { row-gap : 51px;}

.gap52 { gap : 52px; }
.columngap52 { column-gap : 52px;}
.rowgap52 { row-gap : 52px;}

.gap53 { gap : 53px; }
.columngap53 { column-gap : 53px;}
.rowgap53 { row-gap : 53px;}

.gap54 { gap : 54px; }
.columngap54 { column-gap : 54px;}
.rowgap54 { row-gap : 54px;}

.gap55 { gap : 55px; }
.columngap55 { column-gap : 55px;}
.rowgap55 { row-gap : 55px;}

.gap56 { gap : 56px; }
.columngap56 { column-gap : 56px;}
.rowgap56 { row-gap : 56px;}

.gap57 { gap : 57px; }
.columngap57 { column-gap : 57px;}
.rowgap57 { row-gap : 57px;}

.gap58 { gap : 58px; }
.columngap58 { column-gap : 58px;}
.rowgap58 { row-gap : 58px;}

.gap59 { gap : 59px; }
.columngap59 { column-gap : 59px;}
.rowgap59 { row-gap : 59px;}

.gap60 { gap : 60px; }
.columngap60 { column-gap : 60px;}
.rowgap60 { row-gap : 60px;}

.gap61 { gap : 61px; }
.columngap61 { column-gap : 61px;}
.rowgap61 { row-gap : 61px;}

.gap62 { gap : 62px; }
.columngap62 { column-gap : 62px;}
.rowgap62 { row-gap : 62px;}

.gap63 { gap : 63px; }
.columngap63 { column-gap : 63px;}
.rowgap63 { row-gap : 63px;}

.gap64 { gap : 64px; }
.columngap64 { column-gap : 64px;}
.rowgap64 { row-gap : 64px;}

.gap65 { gap : 65px; }
.columngap65 { column-gap : 65px;}
.rowgap65 { row-gap : 65px;}

.gap66 { gap : 66px; }
.columngap66 { column-gap : 66px;}
.rowgap66 { row-gap : 66px;}

.gap67 { gap : 67px; }
.columngap67 { column-gap : 67px;}
.rowgap67 { row-gap : 67px;}

.gap68 { gap : 68px; }
.columngap68 { column-gap : 68px;}
.rowgap68 { row-gap : 68px;}

.gap69 { gap : 69px; }
.columngap69 { column-gap : 69px;}
.rowgap69 { row-gap : 69px;}

.gap70 { gap : 70px; }
.columngap70 { column-gap : 70px;}
.rowgap70 { row-gap : 70px;}

.gap71 { gap : 71px; }
.columngap71 { column-gap : 71px;}
.rowgap71 { row-gap : 71px;}

.gap72 { gap : 72px; }
.columngap72 { column-gap : 72px;}
.rowgap72 { row-gap : 72px;}

.gap73 { gap : 73px; }
.columngap73 { column-gap : 73px;}
.rowgap73 { row-gap : 73px;}

.gap74 { gap : 74px; }
.columngap74 { column-gap : 74px;}
.rowgap74 { row-gap : 74px;}

.gap75 { gap : 75px; }
.columngap75 { column-gap : 75px;}
.rowgap75 { row-gap : 75px;}

.gap76 { gap : 76px; }
.columngap76 { column-gap : 76px;}
.rowgap76 { row-gap : 76px;}

.gap77 { gap : 77px; }
.columngap77 { column-gap : 77px;}
.rowgap77 { row-gap : 77px;}

.gap78 { gap : 78px; }
.columngap78 { column-gap : 78px;}
.rowgap78 { row-gap : 78px;}

.gap79 { gap : 79px; }
.columngap79 { column-gap : 79px;}
.rowgap79 { row-gap : 79px;}

.gap80 { gap : 80px; }
.columngap80 { column-gap : 80px;}
.rowgap80 { row-gap : 80px;}

.gap81 { gap : 81px; }
.columngap81 { column-gap : 81px;}
.rowgap81 { row-gap : 81px;}

.gap82 { gap : 82px; }
.columngap82 { column-gap : 82px;}
.rowgap82 { row-gap : 82px;}

.gap83 { gap : 83px; }
.columngap83 { column-gap : 83px;}
.rowgap83 { row-gap : 83px;}

.gap84 { gap : 84px; }
.columngap84 { column-gap : 84px;}
.rowgap84 { row-gap : 84px;}

.gap85 { gap : 85px; }
.columngap85 { column-gap : 85px;}
.rowgap85 { row-gap : 85px;}

.gap86 { gap : 86px; }
.columngap86 { column-gap : 86px;}
.rowgap86 { row-gap : 86px;}

.gap87 { gap : 87px; }
.columngap87 { column-gap : 87px;}
.rowgap87 { row-gap : 87px;}

.gap88 { gap : 88px; }
.columngap88 { column-gap : 88px;}
.rowgap88 { row-gap : 88px;}

.gap89 { gap : 89px; }
.columngap89 { column-gap : 89px;}
.rowgap89 { row-gap : 89px;}

.gap90 { gap : 90px; }
.columngap90 { column-gap : 90px;}
.rowgap90 { row-gap : 90px;}

.gap91 { gap : 91px; }
.columngap91 { column-gap : 91px;}
.rowgap91 { row-gap : 91px;}

.gap92 { gap : 92px; }
.columngap92 { column-gap : 92px;}
.rowgap92 { row-gap : 92px;}

.gap93 { gap : 93px; }
.columngap93 { column-gap : 93px;}
.rowgap93 { row-gap : 93px;}

.gap94 { gap : 94px; }
.columngap94 { column-gap : 94px;}
.rowgap94 { row-gap : 94px;}

.gap95 { gap : 95px; }
.columngap95 { column-gap : 95px;}
.rowgap95 { row-gap : 95px;}

.gap96 { gap : 96px; }
.columngap96 { column-gap : 96px;}
.rowgap96 { row-gap : 96px;}

.gap97 { gap : 97px; }
.columngap97 { column-gap : 97px;}
.rowgap97 { row-gap : 97px;}

.gap98 { gap : 98px; }
.columngap98 { column-gap : 98px;}
.rowgap98 { row-gap : 98px;}

.gap99 { gap : 99px; }
.columngap99 { column-gap : 99px;}
.rowgap99 { row-gap : 99px;}


/* Custom Padding */

.p1 { padding : 1px; }
.pt1, .p1-0 { padding-top: 1px; }
.pb1, .p1-0 { padding-bottom: 1px; }

.p2 { padding : 2px; }
.pt2, .p2-0 { padding-top: 2px; }
.pb2, .p2-0 { padding-bottom: 2px; }

.p3 { padding : 3px; }
.pt3, .p3-0 { padding-top: 3px; }
.pb3, .p3-0 { padding-bottom: 3px; }

.p4 { padding : 4px; }
.pt4, .p4-0 { padding-top: 4px; }
.pb4, .p4-0 { padding-bottom: 4px; }

.p5 { padding : 5px; }
.pt5, .p5-0 { padding-top: 5px; }
.pb5, .p5-0 { padding-bottom: 5px; }

.p6 { padding : 6px; }
.pt6, .p6-0 { padding-top: 6px; }
.pb6, .p6-0 { padding-bottom: 6px; }

.p7 { padding : 7px; }
.pt7, .p7-0 { padding-top: 7px; }
.pb7, .p7-0 { padding-bottom: 7px; }

.p8 { padding : 8px; }
.pt8, .p8-0 { padding-top: 8px; }
.pb8, .p8-0 { padding-bottom: 8px; }

.p9 { padding : 9px; }
.pt9, .p9-0 { padding-top: 9px; }
.pb9, .p9-0 { padding-bottom: 9px; }

.p10 { padding : 10px; }
.pt10, .p10-0 { padding-top: 10px; }
.pb10, .p10-0 { padding-bottom: 10px; }

.p11 { padding : 11px; }
.pt11, .p11-0 { padding-top: 11px; }
.pb11, .p11-0 { padding-bottom: 11px; }

.p12 { padding : 12px; }
.pt12, .p12-0 { padding-top: 12px; }
.pb12, .p12-0 { padding-bottom: 12px; }

.p13 { padding : 13px; }
.pt13, .p13-0 { padding-top: 13px; }
.pb13, .p13-0 { padding-bottom: 13px; }

.p14 { padding : 14px; }
.pt14, .p14-0 { padding-top: 14px; }
.pb14, .p14-0 { padding-bottom: 14px; }

.p15 { padding : 15px; }
.pt15, .p15-0 { padding-top: 15px; }
.pb15, .p15-0 { padding-bottom: 15px; }

.p16 { padding : 16px; }
.pt16, .p16-0 { padding-top: 16px; }
.pb16, .p16-0 { padding-bottom: 16px; }

.p17 { padding : 17px; }
.pt17, .p17-0 { padding-top: 17px; }
.pb17, .p17-0 { padding-bottom: 17px; }

.p18 { padding : 18px; }
.pt18, .p18-0 { padding-top: 18px; }
.pb18, .p18-0 { padding-bottom: 18px; }

.p19 { padding : 19px; }
.pt19, .p19-0 { padding-top: 19px; }
.pb19, .p19-0 { padding-bottom: 19px; }

.p20 { padding : 20px; }
.pt20, .p20-0 { padding-top: 20px; }
.pb20, .p20-0 { padding-bottom: 20px; }

.p21 { padding : 21px; }
.pt21, .p21-0 { padding-top: 21px; }
.pb21, .p21-0 { padding-bottom: 21px; }

.p22 { padding : 22px; }
.pt22, .p22-0 { padding-top: 22px; }
.pb22, .p22-0 { padding-bottom: 22px; }

.p23 { padding : 23px; }
.pt23, .p23-0 { padding-top: 23px; }
.pb23, .p23-0 { padding-bottom: 23px; }

.p24 { padding : 24px; }
.pt24, .p24-0 { padding-top: 24px; }
.pb24, .p24-0 { padding-bottom: 24px; }

.p25 { padding : 25px; }
.pt25, .p25-0 { padding-top: 25px; }
.pb25, .p25-0 { padding-bottom: 25px; }

.p26 { padding : 26px; }
.pt26, .p26-0 { padding-top: 26px; }
.pb26, .p26-0 { padding-bottom: 26px; }

.p27 { padding : 27px; }
.pt27, .p27-0 { padding-top: 27px; }
.pb27, .p27-0 { padding-bottom: 27px; }

.p28 { padding : 28px; }
.pt28, .p28-0 { padding-top: 28px; }
.pb28, .p28-0 { padding-bottom: 28px; }

.p29 { padding : 29px; }
.pt29, .p29-0 { padding-top: 29px; }
.pb29, .p29-0 { padding-bottom: 29px; }

.p30 { padding : 30px; }
.pt30, .p30-0 { padding-top: 30px; }
.pb30, .p30-0 { padding-bottom: 30px; }

.p31 { padding : 31px; }
.pt31, .p31-0 { padding-top: 31px; }
.pb31, .p31-0 { padding-bottom: 31px; }

.p32 { padding : 32px; }
.pt32, .p32-0 { padding-top: 32px; }
.pb32, .p32-0 { padding-bottom: 32px; }

.p33 { padding : 33px; }
.pt33, .p33-0 { padding-top: 33px; }
.pb33, .p33-0 { padding-bottom: 33px; }

.p34 { padding : 34px; }
.pt34, .p34-0 { padding-top: 34px; }
.pb34, .p34-0 { padding-bottom: 34px; }

.p35 { padding : 35px; }
.pt35, .p35-0 { padding-top: 35px; }
.pb35, .p35-0 { padding-bottom: 35px; }

.p36 { padding : 36px; }
.pt36, .p36-0 { padding-top: 36px; }
.pb36, .p36-0 { padding-bottom: 36px; }

.p37 { padding : 37px; }
.pt37, .p37-0 { padding-top: 37px; }
.pb37, .p37-0 { padding-bottom: 37px; }

.p38 { padding : 38px; }
.pt38, .p38-0 { padding-top: 38px; }
.pb38, .p38-0 { padding-bottom: 38px; }

.p39 { padding : 39px; }
.pt39, .p39-0 { padding-top: 39px; }
.pb39, .p39-0 { padding-bottom: 39px; }

.p40 { padding : 40px; }
.pt40, .p40-0 { padding-top: 40px; }
.pb40, .p40-0 { padding-bottom: 40px; }

.p41 { padding : 41px; }
.pt41, .p41-0 { padding-top: 41px; }
.pb41, .p41-0 { padding-bottom: 41px; }

.p42 { padding : 42px; }
.pt42, .p42-0 { padding-top: 42px; }
.pb42, .p42-0 { padding-bottom: 42px; }

.p43 { padding : 43px; }
.pt43, .p43-0 { padding-top: 43px; }
.pb43, .p43-0 { padding-bottom: 43px; }

.p44 { padding : 44px; }
.pt44, .p44-0 { padding-top: 44px; }
.pb44, .p44-0 { padding-bottom: 44px; }

.p45 { padding : 45px; }
.pt45, .p45-0 { padding-top: 45px; }
.pb45, .p45-0 { padding-bottom: 45px; }

.p46 { padding : 46px; }
.pt46, .p46-0 { padding-top: 46px; }
.pb46, .p46-0 { padding-bottom: 46px; }

.p47 { padding : 47px; }
.pt47, .p47-0 { padding-top: 47px; }
.pb47, .p47-0 { padding-bottom: 47px; }

.p48 { padding : 48px; }
.pt48, .p48-0 { padding-top: 48px; }
.pb48, .p48-0 { padding-bottom: 48px; }

.p49 { padding : 49px; }
.pt49, .p49-0 { padding-top: 49px; }
.pb49, .p49-0 { padding-bottom: 49px; }

.p50 { padding : 50px; }
.pt50, .p50-0 { padding-top: 50px; }
.pb50, .p50-0 { padding-bottom: 50px; }

.p51 { padding : 51px; }
.pt51, .p51-0 { padding-top: 51px; }
.pb51, .p51-0 { padding-bottom: 51px; }

.p52 { padding : 52px; }
.pt52, .p52-0 { padding-top: 52px; }
.pb52, .p52-0 { padding-bottom: 52px; }

.p53 { padding : 53px; }
.pt53, .p53-0 { padding-top: 53px; }
.pb53, .p53-0 { padding-bottom: 53px; }

.p54 { padding : 54px; }
.pt54, .p54-0 { padding-top: 54px; }
.pb54, .p54-0 { padding-bottom: 54px; }

.p55 { padding : 55px; }
.pt55, .p55-0 { padding-top: 55px; }
.pb55, .p55-0 { padding-bottom: 55px; }

.p56 { padding : 56px; }
.pt56, .p56-0 { padding-top: 56px; }
.pb56, .p56-0 { padding-bottom: 56px; }

.p57 { padding : 57px; }
.pt57, .p57-0 { padding-top: 57px; }
.pb57, .p57-0 { padding-bottom: 57px; }

.p58 { padding : 58px; }
.pt58, .p58-0 { padding-top: 58px; }
.pb58, .p58-0 { padding-bottom: 58px; }

.p59 { padding : 59px; }
.pt59, .p59-0 { padding-top: 59px; }
.pb59, .p59-0 { padding-bottom: 59px; }

.p60 { padding : 60px; }
.pt60, .p60-0 { padding-top: 60px; }
.pb60, .p60-0 { padding-bottom: 60px; }

.p61 { padding : 61px; }
.pt61, .p61-0 { padding-top: 61px; }
.pb61, .p61-0 { padding-bottom: 61px; }

.p62 { padding : 62px; }
.pt62, .p62-0 { padding-top: 62px; }
.pb62, .p62-0 { padding-bottom: 62px; }

.p63 { padding : 63px; }
.pt63, .p63-0 { padding-top: 63px; }
.pb63, .p63-0 { padding-bottom: 63px; }

.p64 { padding : 64px; }
.pt64, .p64-0 { padding-top: 64px; }
.pb64, .p64-0 { padding-bottom: 64px; }

.p65 { padding : 65px; }
.pt65, .p65-0 { padding-top: 65px; }
.pb65, .p65-0 { padding-bottom: 65px; }

.p66 { padding : 66px; }
.pt66, .p66-0 { padding-top: 66px; }
.pb66, .p66-0 { padding-bottom: 66px; }

.p67 { padding : 67px; }
.pt67, .p67-0 { padding-top: 67px; }
.pb67, .p67-0 { padding-bottom: 67px; }

.p68 { padding : 68px; }
.pt68, .p68-0 { padding-top: 68px; }
.pb68, .p68-0 { padding-bottom: 68px; }

.p69 { padding : 69px; }
.pt69, .p69-0 { padding-top: 69px; }
.pb69, .p69-0 { padding-bottom: 69px; }

.p70 { padding : 70px; }
.pt70, .p70-0 { padding-top: 70px; }
.pb70, .p70-0 { padding-bottom: 70px; }

.p71 { padding : 71px; }
.pt71, .p71-0 { padding-top: 71px; }
.pb71, .p71-0 { padding-bottom: 71px; }

.p72 { padding : 72px; }
.pt72, .p72-0 { padding-top: 72px; }
.pb72, .p72-0 { padding-bottom: 72px; }

.p73 { padding : 73px; }
.pt73, .p73-0 { padding-top: 73px; }
.pb73, .p73-0 { padding-bottom: 73px; }

.p74 { padding : 74px; }
.pt74, .p74-0 { padding-top: 74px; }
.pb74, .p74-0 { padding-bottom: 74px; }

.p75 { padding : 75px; }
.pt75, .p75-0 { padding-top: 75px; }
.pb75, .p75-0 { padding-bottom: 75px; }

.p76 { padding : 76px; }
.pt76, .p76-0 { padding-top: 76px; }
.pb76, .p76-0 { padding-bottom: 76px; }

.p77 { padding : 77px; }
.pt77, .p77-0 { padding-top: 77px; }
.pb77, .p77-0 { padding-bottom: 77px; }

.p78 { padding : 78px; }
.pt78, .p78-0 { padding-top: 78px; }
.pb78, .p78-0 { padding-bottom: 78px; }

.p79 { padding : 79px; }
.pt79, .p79-0 { padding-top: 79px; }
.pb79, .p79-0 { padding-bottom: 79px; }

.p80 { padding : 80px; }
.pt80, .p80-0 { padding-top: 80px; }
.pb80, .p80-0 { padding-bottom: 80px; }

.p81 { padding : 81px; }
.pt81, .p81-0 { padding-top: 81px; }
.pb81, .p81-0 { padding-bottom: 81px; }

.p82 { padding : 82px; }
.pt82, .p82-0 { padding-top: 82px; }
.pb82, .p82-0 { padding-bottom: 82px; }

.p83 { padding : 83px; }
.pt83, .p83-0 { padding-top: 83px; }
.pb83, .p83-0 { padding-bottom: 83px; }

.p84 { padding : 84px; }
.pt84, .p84-0 { padding-top: 84px; }
.pb84, .p84-0 { padding-bottom: 84px; }

.p85 { padding : 85px; }
.pt85, .p85-0 { padding-top: 85px; }
.pb85, .p85-0 { padding-bottom: 85px; }

.p86 { padding : 86px; }
.pt86, .p86-0 { padding-top: 86px; }
.pb86, .p86-0 { padding-bottom: 86px; }

.p87 { padding : 87px; }
.pt87, .p87-0 { padding-top: 87px; }
.pb87, .p87-0 { padding-bottom: 87px; }

.p88 { padding : 88px; }
.pt88, .p88-0 { padding-top: 88px; }
.pb88, .p88-0 { padding-bottom: 88px; }

.p89 { padding : 89px; }
.pt89, .p89-0 { padding-top: 89px; }
.pb89, .p89-0 { padding-bottom: 89px; }

.p90 { padding : 90px; }
.pt90, .p90-0 { padding-top: 90px; }
.pb90, .p90-0 { padding-bottom: 90px; }

.p91 { padding : 91px; }
.pt91, .p91-0 { padding-top: 91px; }
.pb91, .p91-0 { padding-bottom: 91px; }

.p92 { padding : 92px; }
.pt92, .p92-0 { padding-top: 92px; }
.pb92, .p92-0 { padding-bottom: 92px; }

.p93 { padding : 93px; }
.pt93, .p93-0 { padding-top: 93px; }
.pb93, .p93-0 { padding-bottom: 93px; }

.p94 { padding : 94px; }
.pt94, .p94-0 { padding-top: 94px; }
.pb94, .p94-0 { padding-bottom: 94px; }

.p95 { padding : 95px; }
.pt95, .p95-0 { padding-top: 95px; }
.pb95, .p95-0 { padding-bottom: 95px; }

.p96 { padding : 96px; }
.pt96, .p96-0 { padding-top: 96px; }
.pb96, .p96-0 { padding-bottom: 96px; }

.p97 { padding : 97px; }
.pt97, .p97-0 { padding-top: 97px; }
.pb97, .p97-0 { padding-bottom: 97px; }

.p98 { padding : 98px; }
.pt98, .p98-0 { padding-top: 98px; }
.pb98, .p98-0 { padding-bottom: 98px; }

.p99 { padding : 99px; }
.pt99, .p99-0 { padding-top: 99px; }
.pb99, .p99-0 { padding-bottom: 99px; }


.pl0, .p0-0, .plr0 { padding-left:0; }
.pr0, .p0, .plr0  { padding-right:0; }



.pl0,.p0-0 { padding-left : 0px; }
.pr0,.p0-0 { padding-right : 0px; }
.ml0,.m0-0 { margin-left : 0px; }
.mr0,.m0-0 { margin-right : 0px; }
.mt0{ margin-top : 0px; }
.margin_minus0 { margin : 0 -0px }


.pl1,.p0-1 { padding-left : 1px; }
.pr1,.p0-1 { padding-right : 1px; }
.ml1,.m0-1 { margin-left : 1px; }
.mr1,.m0-1 { margin-right : 1px; }
.mt1{ margin-top : 1px; }
.margin_minus1 { margin : 0 -1px }


.pl2,.p0-2 { padding-left : 2px; }
.pr2,.p0-2 { padding-right : 2px; }
.ml2,.m0-2 { margin-left : 2px; }
.mr2,.m0-2 { margin-right : 2px; }
.mt2{ margin-top : 2px; }
.margin_minus2 { margin : 0 -2px }


.pl3,.p0-3 { padding-left : 3px; }
.pr3,.p0-3 { padding-right : 3px; }
.ml3,.m0-3 { margin-left : 3px; }
.mr3,.m0-3 { margin-right : 3px; }
.mt3{ margin-top : 3px; }
.margin_minus3 { margin : 0 -3px }


.pl4,.p0-4 { padding-left : 4px; }
.pr4,.p0-4 { padding-right : 4px; }
.ml4,.m0-4 { margin-left : 4px; }
.mr4,.m0-4 { margin-right : 4px; }
.mt4{ margin-top : 4px; }
.margin_minus4 { margin : 0 -4px }


.pl5,.p0-5 { padding-left : 5px; }
.pr5,.p0-5 { padding-right : 5px; }
.ml5,.m0-5 { margin-left : 5px; }
.mr5,.m0-5 { margin-right : 5px; }
.mt5{ margin-top : 5px; }
.margin_minus5 { margin : 0 -5px }


.pl6,.p0-6 { padding-left : 6px; }
.pr6,.p0-6 { padding-right : 6px; }
.ml6,.m0-6 { margin-left : 6px; }
.mr6,.m0-6 { margin-right : 6px; }
.mt6{ margin-top : 6px; }
.margin_minus6 { margin : 0 -6px }


.pl7,.p0-7 { padding-left : 7px; }
.pr7,.p0-7 { padding-right : 7px; }
.ml7,.m0-7 { margin-left : 7px; }
.mr7,.m0-7 { margin-right : 7px; }
.mt7{ margin-top : 7px; }
.margin_minus7 { margin : 0 -7px }


.pl8,.p0-8 { padding-left : 8px; }
.pr8,.p0-8 { padding-right : 8px; }
.ml8,.m0-8 { margin-left : 8px; }
.mr8,.m0-8 { margin-right : 8px; }
.mt8{ margin-top : 8px; }
.margin_minus8 { margin : 0 -8px }


.pl9,.p0-9 { padding-left : 9px; }
.pr9,.p0-9 { padding-right : 9px; }
.ml9,.m0-9 { margin-left : 9px; }
.mr9,.m0-9 { margin-right : 9px; }
.mt9{ margin-top : 9px; }
.margin_minus9 { margin : 0 -9px }


.pl10,.p0-10 { padding-left : 10px; }
.pr10,.p0-10 { padding-right : 10px; }
.ml10,.m0-10 { margin-left : 10px; }
.mr10,.m0-10 { margin-right : 10px; }
.mt10{ margin-top : 10px; }
.margin_minus10 { margin : 0 -10px }


.pl11,.p0-11 { padding-left : 11px; }
.pr11,.p0-11 { padding-right : 11px; }
.ml11,.m0-11 { margin-left : 11px; }
.mr11,.m0-11 { margin-right : 11px; }
.mt11{ margin-top : 11px; }
.margin_minus11 { margin : 0 -11px }


.pl12,.p0-12 { padding-left : 12px; }
.pr12,.p0-12 { padding-right : 12px; }
.ml12,.m0-12 { margin-left : 12px; }
.mr12,.m0-12 { margin-right : 12px; }
.mt12{ margin-top : 12px; }
.margin_minus12 { margin : 0 -12px }


.pl13,.p0-13 { padding-left : 13px; }
.pr13,.p0-13 { padding-right : 13px; }
.ml13,.m0-13 { margin-left : 13px; }
.mr13,.m0-13 { margin-right : 13px; }
.mt13{ margin-top : 13px; }
.margin_minus13 { margin : 0 -13px }


.pl14,.p0-14 { padding-left : 14px; }
.pr14,.p0-14 { padding-right : 14px; }
.ml14,.m0-14 { margin-left : 14px; }
.mr14,.m0-14 { margin-right : 14px; }
.mt14{ margin-top : 14px; }
.margin_minus14 { margin : 0 -14px }


.pl15,.p0-15 { padding-left : 15px; }
.pr15,.p0-15 { padding-right : 15px; }
.ml15,.m0-15 { margin-left : 15px; }
.mr15,.m0-15 { margin-right : 15px; }
.mt15{ margin-top : 15px; }
.margin_minus15 { margin : 0 -15px }


.pl16,.p0-16 { padding-left : 16px; }
.pr16,.p0-16 { padding-right : 16px; }
.ml16,.m0-16 { margin-left : 16px; }
.mr16,.m0-16 { margin-right : 16px; }
.mt16{ margin-top : 16px; }
.margin_minus16 { margin : 0 -16px }


.pl17,.p0-17 { padding-left : 17px; }
.pr17,.p0-17 { padding-right : 17px; }
.ml17,.m0-17 { margin-left : 17px; }
.mr17,.m0-17 { margin-right : 17px; }
.mt17{ margin-top : 17px; }
.margin_minus17 { margin : 0 -17px }


.pl18,.p0-18 { padding-left : 18px; }
.pr18,.p0-18 { padding-right : 18px; }
.ml18,.m0-18 { margin-left : 18px; }
.mr18,.m0-18 { margin-right : 18px; }
.mt18{ margin-top : 18px; }
.margin_minus18 { margin : 0 -18px }


.pl19,.p0-19 { padding-left : 19px; }
.pr19,.p0-19 { padding-right : 19px; }
.ml19,.m0-19 { margin-left : 19px; }
.mr19,.m0-19 { margin-right : 19px; }
.mt19{ margin-top : 19px; }
.margin_minus19 { margin : 0 -19px }


.pl20,.p0-20 { padding-left : 20px; }
.pr20,.p0-20 { padding-right : 20px; }
.ml20,.m0-20 { margin-left : 20px; }
.mr20,.m0-20 { margin-right : 20px; }
.mt20{ margin-top : 20px; }
.margin_minus20 { margin : 0 -20px }


.pl21,.p0-21 { padding-left : 21px; }
.pr21,.p0-21 { padding-right : 21px; }
.ml21,.m0-21 { margin-left : 21px; }
.mr21,.m0-21 { margin-right : 21px; }
.mt21{ margin-top : 21px; }
.margin_minus21 { margin : 0 -21px }


.pl22,.p0-22 { padding-left : 22px; }
.pr22,.p0-22 { padding-right : 22px; }
.ml22,.m0-22 { margin-left : 22px; }
.mr22,.m0-22 { margin-right : 22px; }
.mt22{ margin-top : 22px; }
.margin_minus22 { margin : 0 -22px }


.pl23,.p0-23 { padding-left : 23px; }
.pr23,.p0-23 { padding-right : 23px; }
.ml23,.m0-23 { margin-left : 23px; }
.mr23,.m0-23 { margin-right : 23px; }
.mt23{ margin-top : 23px; }
.margin_minus23 { margin : 0 -23px }


.pl24,.p0-24 { padding-left : 24px; }
.pr24,.p0-24 { padding-right : 24px; }
.ml24,.m0-24 { margin-left : 24px; }
.mr24,.m0-24 { margin-right : 24px; }
.mt24{ margin-top : 24px; }
.margin_minus24 { margin : 0 -24px }



/* text gradient */
.gradient_primary span { background: linear-gradient(92.91deg, #c80286 13.02%, #ff2142 46.28%, #ffbc49 98.49%);  -webkit-background-clip: text;    -webkit-text-fill-color: transparent; }
.gradient_secondary span { background: linear-gradient(166.91deg, #fff -28.98%, #FFBC49 190.49%);  -webkit-background-clip: text;   -webkit-text-fill-color: transparent; }
.gradient_tertiary span { background: linear-gradient(92.91deg, #FF2142 46.28%, #FFBC49 98.49%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gradient_quaternary span { background:  linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


/* tag Style */
.tag_style {  display: inline-block;    background: #FFFFFF;    border-radius: 20px;    padding: 8px 14px;    border: 1px solid #DEE0E3;    position: relative;}
.tag_style p { color: #333333;    font-size: 15px;    letter-spacing: -0.16px;    font-weight: 500;    line-height: 1.534;    opacity: 80%; }
.tag_styleimg { display: flex;    align-items: center;    gap: 8px;width: max-content;  margin: 0 auto;}

.tag_style:before {    position: absolute;    content: "";    width: calc(100% + 12px);    height: calc(100% + 12px);    background: #F2EEF9;    top: 50%;    left: 50%;    z-index: -1;    transform: translate(-50%, -50%);   border-radius: 80px;    border: 1px solid #FFFFFF;}
.tag_style img {  width: 24px;    height: 24px;    object-fit: contain;}

.simplebtn a {  display: flex;    align-items: center;    justify-content: center;    gap: 8px;}
.simplebtn a span {    line-height: 0;}
.simplebtn a span svg defs linearGradient stop {   stop-color: #C80286; transition: all ease-in-out 0.3s;}
.simplebtn a {    color: #C80286;    font-weight: 500;    font-size: 14px;    line-height: 1;}
.simplebtn a:hover span svg defs linearGradient stop:first-child {stop-color: #c80286;}
.simplebtn a:hover span svg defs linearGradient stop:nth-child(2) {   stop-color: #FF2142;}
.simplebtn a:hover span svg defs linearGradient stop:nth-child(3) {    stop-color: #FFBC49;}







.HomeHeroInSec .HomeHeroTitleSection {  max-width: 657px;    width: 100%;}
.HomeHeroInSec  .HomeHeroImageCol {    max-width: 650px;    width: 100%;}
.HomeHeroInSec {    flex-wrap: nowrap;    margin-right: -80px;}
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroContent {  max-width: 612px;    width: 100%;}
.HomeHeroTitle span {  background: linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
.HomeHeroContent { opacity: 70%; }
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroImgCol ul li:first-child { max-width: 138px; width: 100%;}
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroImgCol ul li:nth-child(2) {  max-width: 171px;}
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroImgCol ul li:nth-child(3) {    max-width: 83px;}
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroImgCol ul li { width: 100%; }
.HomeHeroInSec .HomeHeroTitleSection .HomeHeroImgCol ul li img { width: 100%; height: 100%; object-fit: contain; }

/* .TrustedLogoSliderSec .TrustedLogoSliderBox { padding: 0 10px;    width: calc(169px + 20px) !important;    height: 100px;     display: flex !important; align-items: center; justify-content: center;} */
.TrustedLogoSliderSec .TrustedLogoSliderBox { padding: 0 10px;     height: 100px;     display: flex !important; align-items: center; justify-content: center;}
.TrustedLogoSliderSec .TrustedLogoSliderBox .TrustedLogoSliderBoxIn {  height: 100%;  width: 100%;}
.TrustedLogoSliderSec .TrustedLogoSliderBox img {  width: 100%;    height: 100% !important;    object-fit: scale-down;}

.HomewhoweserveTitleSec { max-width: 938px; width: 100%;  margin: 0 auto;}
.HomewhoweserveTag.tag_style:before {  z-index: 1;}
.HomewhoweserveTag.tag_style .HomewhoweserveTagIn {    background: #fff;    border: 1px solid #dee0e3;    border-radius: 20px;    position: relative;    z-index: 1;  padding: 8px 14px;}
.HomewhoweserveTag.tag_style {    padding: 0;}
.HomewhoweserveTabBtn ul {  display: flex;    align-items: center;justify-content: center;    background: #F6F7F9;    padding: 12px 16px;    border: 2px solid #FFFFFF;    border-radius: 99px;   box-shadow: 0px 0px 16px 0px #0000000F;    backdrop-filter: blur(70px); flex-wrap: wrap;}
.HomewhoweserveTabBtn {width: fit-content;margin: 0 auto;}
.HomewhoweserveTabBtn ul li a { font-weight: 500;   padding: 12px 16px;    font-size: 14px;    line-height: 1.215;    border-radius: 100px;    backdrop-filter: blur(70px);    border: 1px solid transparent;    background: transparent;   transition: all ease-in-out 0.3s;    cursor: pointer; color: #333333;}
.HomewhoweserveTabbingBox {  border-radius: 32px;    overflow: hidden;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn {    justify-content: space-between;    padding: 39px 64px 32px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxLTCol {    max-width: 620px;    width: 100%;    padding: 41px 48px 48px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol {    max-width: calc(100% - (568px));    width: 100%;    margin-right: -85px;    margin-bottom: -32px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol img {    width: 100%;    height: 100% !important;    object-fit: cover;}
.HomewhoweserveTabbingBoxTag {    border-radius: 80px;    display: inline-block;    border: 1px solid #FFFFFF;    padding: 7px 11px;}
.HomewhoweserveTabbingBoxTag p {    font-weight: 500;    line-height: 1.6;    letter-spacing: -0.48px;}
.HomewhoweserveTabBtn ul li.active a {  color: #fff;}
.HomewhoweserveTabbingBox {  position: relative;}
.HomewhoweserveTabbingBox:before {    position: absolute;    background: rgb(200 2 134 / 50%);    content: "";    width: 1500px;  height: 150px;    border-radius: 825px;  left: -50%;    bottom: -75px;   filter: blur(50px);    pointer-events: none;}
.HomewhoweserveTabbingBox:after {    position: absolute;    content: "";    width: 228px;    height: 178px;    border-radius: 203px;    background: #C80286;    bottom: 0;   left: 33px;    filter: blur(60px);    pointer-events: none;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn {    position: relative;    z-index: 2;}
.HomewwsTabTestimonialBoxIn {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%);
    border-radius: 16px;  box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    padding: 32px 64px;}
.HomewwsTabTestimonialBoxIn .HomewwsTabTestimonialBoxImg {    max-width: 158px;    width: 100%;}
.HomewwsTabTestimonialBoxIn .HomewwsTabTestimonialBoxImg img {    width: 100%;    height: 100%;    object-fit: contain;}
.HomewwsTabTestimonialBoxIn .HomewwsTabTestimonialBoxCntcol {    max-width: calc(100% - (158px + 32px));    width: 100%;}


.HcorefeaturesBoxSection .HcorefeaturesBox {  max-width: calc(50% - 24px);    width: 100%;    background: #FFFFFF33;    border: 2px solid #fff;    box-shadow: 0px 4px 25px 0px #C8028614;    backdrop-filter: blur(70px);   border-radius: 20px;    transition: all ease-in-out 0.3s;}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxCntCol {    padding: 46.5px 24px;}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxCntCol .HcorefeaturesBoxCntColIn {  max-width: 461px;width: 100%;}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxImage {  height: 410px;    border-radius: 20px 20px 0 0 !important;    overflow: hidden;}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxImage img {    width: 100%;    height: 100% !important;   object-fit: cover;}



.HsuccessstoriesSliderBox { background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%); box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 0px 16px 16px #0000000A;    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;    border-radius: 12px;    padding: 16px; max-width: 436px; width: 100%;}
.HsuccessstoriesSliderBoxmain {    padding: 30px 8px;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxLogo {    border: 1px solid #FFFFFF;    background: #F6F6F6;    border-radius: 10px;    overflow: hidden;    background-repeat: no-repeat;    background-size: 31%;    background-position: center center;    padding-bottom: 34.55%;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxLogo img {    width: 100%;    height: 100% !important;    object-fit: contain;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxcntcol {    padding: 16px 8px 0;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxcntcol .HsuccessstoriesSliderBoxCnt p {    opacity: 90%;    color: #333;    font-size: 12px;    font-weight: 400;    letter-spacing: -0.48px;    line-height: 1.33;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxcntcol .HsuccessstoriesSliderBoxCnt blockquote {    border: unset;    font-size: 14px;    font-weight: 600;    letter-spacing: -0.32px;    line-height: 1.3;    color: #333333;   padding: 0;    margin: 0 0 4px;}
.HsuccessstoriesSliderSection {  max-width: 1401px; width: 100%; padding: 0 15px; margin: 0 auto !important;}
.HsuccessstoriesSliderSection .slick-arrow {    width: 48px;    height: 48px;    background: #fff;    border: 0.5px solid #C80286;    z-index: 9;    border-radius: 50%;    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;    display: flex;    align-items: center;    justify-content: center;}
.HsuccessstoriesSliderSection button.slick-prev {   left: 15px;}
.HsuccessstoriesSliderSection button.slick-next {    right: -15px;}
.HsuccessstoriesSliderSection .slick-arrow:before {    content: "";    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M5.30114 0.000221938L6.32387 1.01159L2.77273 4.56272L11.6932 4.56272V6.03999L2.77273 6.03999L6.32387 9.58545L5.30114 10.6025L1.90735e-06 5.30136L5.30114 0.000221938Z' fill='%23C80286'/%3E%3C/svg%3E");    width: 16px;    height: 19px;    background-repeat: no-repeat;    background-size: contain;    opacity: 1;    background-position: center center;    position: absolute;}
.HsuccessstoriesSliderSection button.slick-next::before { transform: rotate(180deg); }
.HsuccessstoriesSliderSection .slick-list.draggable {  padding-left: 23px;}
.HsuccessstoriesSliderSection ul.slick-dots { bottom: 0;    line-height: 1;}
.HsuccessstoriesSliderSection ul.slick-dots li {    width: 19px;    height: 5px;    margin: 0 4px;    line-height: 1;    transition: all ease-in-out 0.3s;    vertical-align: middle;}
.HsuccessstoriesSliderSection ul.slick-dots li button { width: 100%; height: 100%; padding: 0;}
.HsuccessstoriesSliderSection ul.slick-dots li button:before { content: ""; width: 100%;height: 3px;    background: #C80286;    opacity: 50%;    border-radius: 99px;    transition: all ease-in-out 0.3s;    top: 50%;    transform: translateY(-50%);}
.HsuccessstoriesSliderSection ul.slick-dots li.slick-active {    width: 30px;}
.HsuccessstoriesSliderSection ul.slick-dots li.slick-active button::before { opacity: 100%; height: 100%;}


.HTrustCenterInSection .HTrustCenterTitleSec {  max-width: 611px;    width: 100%; margin: 0 auto;}
.HTrustCenterLogoBoxSec {  max-width: 906px;    width: 100%;    margin: 0 auto;    gap: 2px;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn {   position: relative;    max-width: calc(33.33% - 1.33px);    width: 100%;    max-height: 150px;    min-height: 150px;    overflow: hidden;    border-radius: 12px;    display: flex;    align-items: center;    justify-content: center; transition: all ease-in-out 0.3s;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn:hover {  box-shadow: 0 4px 25px rgb(10 95 176 / 16%);}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn  .HTrustCenterLogoBox2nd { display: flex;     align-items: center;     justify-content: center;   border-radius: 12px; box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A,0px 0.8px 0.8px -1px #0000000A;     z-index : 1;     position: relative;     width: calc(100%  - 4px);     height: calc(100%  - 4px);background: linear-gradient(180deg, rgba(246, 241, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn .HTrustCenterLogoBox {  max-width: 200px;   height: 100px;    margin: 0 auto;    transition: all ease-in-out 0.3s;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn .HTrustCenterLogoBox img {   width: 100%;    height: 100%;    object-fit: contain;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn:hover .HTrustCenterLogoBox {transform: scale(1.25);}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn:before {   position: absolute;   content: "";    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: -1;    border-radius: inherit;    background: linear-gradient(to right, rgb(174 144 255 / 0%), rgb(91 54 226 / 0%));    pointer-events: none;    transition: all ease-in-out 0.3s;    opacity: 0;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn:hover:before {background: linear-gradient(to right, #AE90FF, #5B36E2);opacity: 1;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn a.HTrustCenterLogoBoxlink { position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    cursor: pointer;    z-index: 1;}

.HTrustCenterInSection {  border-radius: 36px;    overflow: hidden;}
.HTrustCenterInSection span.HTrustCenterInshape1 {  position: absolute;    width: 713px;    height: 766px;    left: -75px;    top: 239px; background: radial-gradient(50% 50% at 50% 50%, #F6F1FC 0%, rgba(246, 241, 252, 0) 100%);    z-index: 1;    pointer-events: none;}
.HTrustCenterInSection span.HTrustCenterInshape2 {    position: absolute;    width: 706px;    height: 940px;    top: 364px;    left: -211px;    background: radial-gradient(50% 50% at 50% 50%, #FFF1E0 0%, rgba(224, 232, 255, 0) 100%);    transform: rotate(90deg);    z-index: 0;    pointer-events: none;}
.HTrustCenterInSection span.HTrustCenterInshape3 {    position: absolute;    width: 831px;    height: 568px;    background: radial-gradient(50% 50% at 50% 50%, #FADCEC 0%, rgba(250, 220, 236, 0) 100%);    top: -169px;    right: -164px;    pointer-events: none;}
.HTrustCenterInSection .HTrustCenterTitleSec {    position: relative;    z-index: 2;}
.HTrustCenterLogoBoxSec {    position: relative;    z-index: 2;}
.HTrustCenterLogobtn a{ backdrop-filter: blur(70px); box-shadow: 0px 4px 25px 0px #FF40B31F;}

.HomeFAQBoxSection { max-width: 880px;    width: 100%;    margin: 0 auto;}
.HomeFAQBoxSection .HomeFAQBox {  padding: 12px 16px; background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); border-radius: 12px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset;}
.HomeFAQBoxSection .HomeFAQBox .HomeFAQBoxTitlesec {    display: flex;    align-items: center; justify-content: space-between;  gap: 10px; cursor: pointer;}
.HomeFAQBoxSection .HomeFAQBox .HomeFAQBoxTitlesec .HomeFAQBoxarrow {   line-height: 0; transition: all ease-in-out 0.3s;}
.HomeFAQBoxSection .HomeFAQBox.active .HomeFAQBoxTitlesec .HomeFAQBoxarrow {  transform: rotate(45deg);}
.HomeFAQBoxSection .HomeFAQBox .HomeFAQBoxContent {    max-width: 815px;    width: 100%;    opacity: 75%;}
.HomeFAQBoxSection .HomeFAQBox .HomeFAQBoxContent * {    letter-spacing: -0.48px;    font-weight: 500;}
.HomeFAQBoxSection .HomeFAQBox .HomeFAQBoxCnt {  display: none;}
.HomeFAQBoxSection .HomeFAQBox+* {    margin-top: 12px;}


.HomeCTASection .HomeCTAInSec {  border-radius: 36px;}
.HomeCTASection .HomeCTAInSec .HomeCTATitleSec { max-width: 770px; width: 100%; margin: 0 auto;}
.HomeCTASection {  position: relative;}
.HomeCTAInSec:before { position: absolute;    content: "";    width: 100%;    height: 100%;    z-index: 8;    background-repeat: no-repeat;    background-size: contain;    background-position: center bottom;    bottom: 0;    left: 0;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1260' height='274' viewBox='0 0 1260 274' fill='none' style='&%2310;'%3E%3Cg filter='url(%23filter0_i_3128_10239)'%3E%3Cpath d='M1395.53 244.232C807.345 647.11 477.284 634.731 -110.735 244.232V0.000244141C484.209 444.989 814.285 471.921 1395.53 0.000244141V244.232Z' fill='white' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_3128_10239' x='-1757' y='0' width='3152.53' height='554.306' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='29.7518'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_3128_10239'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");    pointer-events: none;}
.HTrustCenterLogobtn {  position: relative;  z-index: 2;}



.HeroBannerInSec .HeroBannerTitleSec {  max-width: 1026px; width: 100%; margin: 0 auto;  text-align: center; padding: 0 30px; position: relative; z-index: 2;}
.HeroBannerInSec .HeroBannerTitleSec .HeroBannerContent {  max-width: 959px;    width: 100%;}
.HeroBannerInSec .HeroBannerTitleSec .HeroBannerTitle h1 span {  background: linear-gradient(166.91deg, #fff -28.98%, #FFBC49 190.49%);-webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
.HeroBannerSection:before {  background-image: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/bg-shape.png');     background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; border-radius: 0 0 0 32px;}

.HowitworkSection .HowitworkInSec {  padding: 56px 44px 48px;  position: relative;    background-image: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/Local.png');    background-repeat: no-repeat;    background-size: cover;    background-position: center top; border-radius: 36px;}
.HowitworkTitleSec  .HowitworkContent {  max-width: 611px;    width: 100%;}
.HowitworkTabMainSection {  background: rgb(255 255 255 / 35%);    border: 1px solid #FFFFFF;    backdrop-filter: blur(35px);    border-radius: 36px;    padding: 48px 40px;}
.HowitworkTabMainSection .Howitworktabmainbtn ul {  display: flex;    align-items: center;    justify-content: center;    width: fit-content;    margin: 0 auto;    background: rgb(246 247 249 / 75%);    border: 2px solid #FFFFFF;    box-shadow: 0px 0px 16px 0px #0000000F;    backdrop-filter: blur(70px);    border-radius: 99px;    padding: 12px 16px;    gap: 12px;}
.HowitworkTabMainSection .Howitworktabmainbtn ul li a {    padding: 12.5px 16px;  font-size: 14px;    font-weight: 500;    color: #333333;    line-height: 1;    border: 1px solid transparent;    box-sizing: content-box;    border-radius: 100px;    transition: all ease-in-out 0.3s;    cursor: pointer; background: transparent;}
.HowitworkTabMainSection .Howitworktabmainbtn ul li.active a {  background: #C80286;    color: #fff;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn { max-width: 214px;    width: 100%;}
.HowitworktabmainBox .HowitworktabmainBoxIn .HowitworkintabboxSection { max-width: calc(100% - (214px + 16px));  width: 100%;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul {  background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF;    border-radius: 12px;    padding: 16px;    }
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a { display: flex; align-items: center;    gap: 8px;    color: #333333;    font-weight: 500;    font-size: 14px;    line-height: 1;    padding: 8px; border-radius: 100px; transition: all ease-in-out 0.3s; border: 1px solid transparent; }
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li+* {    margin-top: 16px;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a span {    width: 32px;    display: flex;    height: 32px;    border-radius: 50%;    align-items: center;    justify-content: center;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a span img { width: 24px; height: 24px; object-fit: contain;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a.active { border: 1px solid #FFFFFF;  background: linear-gradient(0.5deg, rgba(233, 233, 233, 0.35) 0.41%, rgba(230, 230, 230, 0) 99.59%);    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a.active span {  backdrop-filter: blur(70px);  box-shadow: 0px 4px 25px 0px #FF40B31F;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li a span:last-child {  width: calc(100% - 40px);    height: 100%;    border-radius: unset;    display: block;}
.Howitworkintabbox .HowitworkintabboxIn {padding: 32px 48px;gap: 10px;align-items: center;justify-content: space-between;flex-wrap: nowrap;min-height: 447px;border-radius: 32px;overflow: hidden;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol {max-width: calc(458px);width: 100%;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {max-width: calc(414px);width: 100%;margin-right: -48px;margin-bottom: -32px;position: relative; height: 415px;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxTag {    display: inline-block;    border-radius: 11px;    padding: 4px 8px;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxTag p {    opacity: 80%;    color: #333333; font-size: 10px;    letter-spacing: -0.09px;    font-weight: 500;    line-height: 1.3;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxTitle * {   letter-spacing: -1.03px;    line-height: 1;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxContent * {    letter-spacing: -0.34px;    font-size: 15px;}
.HowitworkintabboxContent {    border-bottom: 1px solid #FFFFFF33;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol:before {   position: absolute;    content: "";    width: 100%;    height: 100%;    background-image: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/Image%20%2816%29.png');    background-position: center center;    background-repeat: no-repeat;    background-size: cover;   top: 0;    left: 0;    border-radius: 16px 0 0 0;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol img {  width: 100%;    height: 100%;    object-fit: cover;  margin: 36px 0 0 36px;    position: relative; border-radius: 16px 0 0 0;}

.FAQImageSection  .FAQImageTitleSec {  max-width: 611px;    width: 100%;    margin: 0 auto;}
.FAQImageTwoColsec {  max-width: 967px;    width: 100%;    margin: 0 auto;    gap: 50px;    justify-content: space-between;}
.FAQImageTwoColsec .FAQImagefaqSec { max-width: 423px;    width: 100%;}
.FAQImageTwoColsec .FAQImageimgcol {  max-width: calc(100% - (423px + 130px));    width: 100%;    margin-top: 32px;    position: relative; height: 415px; overflow: hidden;}
.FAQImageTwoColsec .FAQImageimgcol:before {    position: absolute;    content: "";    width: 100%;    height: 100%;    background-image: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/faqimgbg.jpg');    border-radius: 16px 0 0 0;    background-size: cover;    background-repeat: no-repeat;    background-position: center center;}
.FAQImageTwoColsec .FAQImageimgcol img {    width: 100%;    height: 100%;    object-fit: cover;    position: relative;    margin: 36px 0 0 36px;     border-radius: 16px 0 0 0;}
.FAQImageTwoColsec .FAQImageimgcol .FAQImageimgcolBox {  transition: all ease-in-out 0.3s;}

.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox+* {  margin-top: 16px;}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox .FAQImagefaqBoxtitle {  padding: 16px;   position: relative;    display: flex;    align-items: center;    justify-content: space-between; cursor: pointer;}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;
    position: relative;  border-radius: 12px;    border: 1px solid #fff;}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox .FAQImagefaqBoxContent {   padding: 0 16px 16px;}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox:before {    position: absolute;    content: "";    width: 100%;    height: 100%;    bottom: -3px;    border-bottom: 2px solid transparent;    border-radius: 12px;    background: linear-gradient(#fff, #fff) padding-box,              linear-gradient(to left, #C80286, #FF2142, #FFBC49) border-box;    z-index: -1;    left: 0;    transition: all ease-in-out 0.3s;    opacity: 0;}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox .FAQImagefaqBoxtitle:after {    content: "";    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z' fill='%23C80286'/%3E%3C/svg%3E");    background-repeat: no-repeat;    background-size: contain;    background-position: center;    width: 24px;    height: 24px;    transition: all ease-in-out 0.3s;}
/* .FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox  .FAQImagefaqBoxCnt {  display: none;} */
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox.active .FAQImagefaqBoxtitle:after {  transform: rotate(180deg);}
.FAQImageTwoColsec .FAQImagefaqSec .FAQImagefaqBox.active:before {  opacity: 1;}



.HeroBannerV1Section  {  box-shadow: 0px 4px 24px 0px #00000008;    border-radius: 36px;}
.ContactFormInSec .ContactFormLTCol {  max-width: calc(50% - 16px);    width: 100%;    border-radius: 12px;    overflow: hidden;    box-shadow: 0px 4px 25px 0px #C802861F;}
.ContactFormInSec .ContactFormRTCol {    max-width: calc(50% - 16px);    width: 100%;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow: 0px 4px 25px 0px #C802861F;    padding: 48px;    border-radius: 12px;}
.ContactFormInSec .ContactFormLTCol iframe {    width: 100%;    height: 100%;    min-height: 612px;  vertical-align: middle;}

.ContactFormInSec .ContactFormRTCol .ContactFormTitlesec .ContactFormCnt a { color: #C80286;}
.ContactFormInSec .ContactFormRTCol .ContactFormTitlesec .ContactFormCnt p {  letter-spacing: -0.48px; font-size: 14px;}
.ContactFormInSec .ContactFormRTCol .ContactFormTitlesec .ContactFormTitle * {  font-size: 24px;    font-weight: 600;}
.ContactFormSection:before {  position: absolute;    content: "";    background: radial-gradient(50% 50% at 50% 50%, #FADCEC 0%, rgba(250, 220, 236, 0) 100%);    width: 58%;    height: 74%;    top: -5%;    right: -10%;    pointer-events: none;   z-index: -1;}

.ConnectwithusSection {  background: linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%);}
.ConnectwithusSection .ConnectwithusInSec {  gap: 64px;    align-items: stretch;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec {  max-width: calc(50% - 32px);    width: 100%;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection { max-width: calc(50% - 32px);    width: 100%;    display: flex;    flex-wrap: wrap;    align-items: stretch;    gap: 16px;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection .ConnectwithusBox { max-width: calc(50% - 8px);    width: 100%;    padding: 16px 20px;    border-radius: 16px;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow:  0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A; transition: all ease-in-out 0.3s;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection .ConnectwithusBox:hover {  backdrop-filter: blur(70px);    box-shadow: 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 4px 25px 0px #FF40B31F, 0px 0px 1px 1px #FFFFFF inset;}

.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection .ConnectwithusBox .ConnectwithusBoxImg {    width: 48px;    height: 48px;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    box-shadow:  0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection .ConnectwithusBox .ConnectwithusBoxImg img {    width: 24px;    height: 24px;    object-fit: contain;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec {  display: flex;    flex-direction: column;    justify-content: space-between;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec .ConnectwithusSocialMenu ul {  margin: 0;    padding: 0;    list-style: none;    display: flex;    align-items: center;    gap: 24px;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec .ConnectwithusSocialMenu ul li a {    width: 24px;    height: 24px;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec .ConnectwithusSocialMenu ul li {    line-height: 1;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec .ConnectwithusSocialMenu ul li a img {    width: 100%;    height: 100%;   object-fit: contain;}
.ConnectwithusTag {  margin: 0; padding: 8px 18px;}
.ConnectwithusTitle * {  text-transform: capitalize;    color: #333333;}
.letstalkboxsection {  border-radius: 16px;    max-width: calc(50% - 8px);    background: linear-gradient(180deg, #C80286 0%, #C80286 100%);    width: 100%;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    padding: 16px 16px 22px;}
.letstalkboxsection .letstalkboximg {    width: 48px;    height: 48px;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    border-radius: 8px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;}
.letstalkboxsection .letstalkboximg img {    width: 100%;    height: 100%;    object-fit: cover;}
.letstalkboxsection > * {  position: relative;    z-index: 1;}
.letstalkboxsection {   position: relative;}
.letstalkboxsection:before {    background: linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%);    position: absolute;    content:"";    width: 100%;    height: 100%;    top: 0;    left: 0;    transition: all ease-in-out 0.3s;    opacity: 0;    border-radius: 16px;}
.letstalkboxsection:hover:before {    opacity: 1;}

.ThreeColumnTitleSec {  max-width: 978px;    width: 100%;    margin: 0 auto;}
.ThreeColumnTitleSec .ThreeColumnTitle {    max-width: 700px;    width: 100%;}
.ThreeColumnBoxSec .ThreeColumnBox {  position: relative;    max-width: calc(33.33% - 32px);    width: 100%;    border-radius: 20px;    box-shadow: 0px 4px 25px 0px #C8028614;    backdrop-filter: blur(70px);    border: 2px solid #fff;    padding: 24px;}
.ThreeColumnBoxSec .ThreeColumnBox:before {    position: absolute;    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    background: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/boxbg.png'), rgb(255 255 255 / 20%);   background-repeat: no-repeat;    background-size: cover;    opacity: 50%;    z-index: -1;    border-radius: 20px;    pointer-events: none;}
.ThreeColumnBoxSec {    align-items: stretch;}
.ThreeColumnBoxSec .ThreeColumnBox .ThreeColumnBoxTitle * {    font-size: 24px;    line-height: 1;    letter-spacing: -0.32px;    color: #C80286;}
.ThreeColumnBoxSec .ThreeColumnBox .ThreeColumnBoxContent * {    color: #333B52;    text-align: justify;}

.HeroBannerV1TitleSec { padding : 0 20px; }


.ContactMapTitlesec { background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    padding: 72px 48px;}
.ContactMapTitlesec .ContactMapTitle {    max-width: 477px;    width: 100%;}
.ContactMapTitlesec .ContactMapTitle * {    font-weight: 600;    color: #333333;    text-transform: capitalize;}
.ContactMapTitlesec .ContactMapImage {    max-width: calc(100% - (477px + 16px));    width: 100%;}
.ContactMapTitlesec .ContactMapImage img {    width: 100%;    height: 100%;    object-fit: contain;}


.ContactwithusFormIn {  max-width: 762px;    width: 100%;    margin: 0 auto;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);   box-shadow: 0px 4px 25px 0px #C802861F;    border-radius: 12px;    padding: 48px;}
.ContactwithusFormIn .form-title {  display: none;}
.ContactwithusSection  span.contactwithusgradient {   position: absolute;    width: 100%;    height: 100%;    left: 0;    top: 0;    pointer-events: none;    z-index: -1;}
.ContactwithusSection span.contactwithusgradient svg {    width: 100%;}

.RecentblogBoxSection {    gap: 16px;    align-items: stretch;    max-width: 1016px;    width: 100%;    margin: 0 auto;}
.RecentblogBoxSection .RecentblogBox {    max-width: calc(50% - 8px);    width: 100%;    display: flex;    align-items: center;   gap: 0 24px;    flex-wrap: wrap;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow: 0px 4px 25px 0px #FF40B31F;    backdrop-filter: blur(70px);    border-radius: 16px;    padding: 24px;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxLTCol {    max-width: 214px;    width: 100%;    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    min-height: 119px;    border-radius: 20px;}
.RecentblogBoxSection .RecentblogBox  .RecentblogBoxRTCol {    max-width: calc(100% - (214px + 24px));    width: 100%;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxbtcol {    width: 100%;    max-width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;    gap: 10px;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxbtcol .RecentblogBoxtag a {    background: #F9F9F9;    border-radius: 200px;    padding: 8px;    font-weight: 500;    font-size: 12px;    line-height: 20px;    letter-spacing: -0.32px;    text-transform: uppercase;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A,0px 0.8px 0.8px -1px #0000000A;    color: #333333;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxbtcol .RecentblogBoxLTCnt {    display: flex;    align-items: center;    flex-wrap: wrap;    gap: 12px;}

.RecentblogBoxSection .RecentblogBox .RecentblogBoxRTCol .RecentblogBoxTitle h6 {   font-size: calc(100% + 2px);}



.HeroBannerFormInSec {  border-radius: 36px;    padding-left: 86px;    padding-right: 86px; justify-content: space-between;}
.HeroBannerFormInSec .HeroBannerFormTitleSec {       width: 100%;}
.HeroBannerFormInSec .HeroBannerFormBox { width: 100%;    background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset,  0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 4px 25px 0px #C802861F;    border-radius: 12px;    padding: 24px;}
.HeroBannerFormInSec .HeroBannerFormBox .HeroBannerFormBoxTitlesec .HeroBannerFormBoxTitle * {    font-size: 24px;    color: #333333;    font-weight: 600;    letter-spacing: -0.56px;    line-height: 1.1;}
.HeroBannerFormInSec .HeroBannerFormBox .HeroBannerFormBoxTitlesec .HeroBannerFormBoxCnt * {    font-size: 14px;    letter-spacing: -0.48px;    line-height: 1.2;}
.HeroBannerFormInSec .HeroBannerFormTitleSec {  max-width: 708px;    width: 100%;}
.HeroBannerFormContent * {   letter-spacing: -0.2px;}
.HeroBannerFormInSec .HeroBannerFormBox {  max-width: calc(100% - (708px + 48px));}
.HeroBannerFormInSec .HeroBannerFormBox .form-title {  display: none;}

.TwoColCntImgInSec .TwoColCntImgTitleSec {    max-width: 602px;    width: 100%;}
.TwoColCntImgInSec  .TwoColCntImgRTImg {    max-width: calc(100% - (602px + 24px));    width: 100%;    border-radius: 24px;}
.TwoColCntImgInSec .TwoColCntImgRTImg img {    width: 100%;    height: 100%;    object-fit: cover;}
.TwoColCntImgInSec .TwoColCntImgTitleSec small {    font-size: 14px;    margin-top: 24px;    font-weight: 500;    display: block;    color: #333333;}
.TwoColCntImgInSec .TwoColCntImgTitleSec .TwoColCntImgTitle * {  text-transform: capitalize;}

.PackagesTitlesec {  max-width: 719px;    width: 100%;    margin: 0 auto;}
.PackagesTitlesec .PackagesContent {    max-width: 602px;    width: 100%;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox {    max-width: calc(25% - 15px);    width: 100%;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 16px;    padding: 32px;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox .PackagesColumnBoxImg {    width: 48px;    height: 48px;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset,  0px 20px 20px -4px #00000003,  0px 6.38px 6.38px -3px #00000008,  0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox .PackagesColumnBoxImg .PackagesColumnBoxImgIn {    background: linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%);   width: 32px;    height: 32px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox .PackagesColumnBoxImg .PackagesColumnBoxImgIn img {    width: 19px;    height: 19px;    object-fit: contain;}
.PackagesInSec .PackagesColumnBoxSec {  align-items: stretch;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox.PackagesColumnBox_recommended {  backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox.PackagesColumnBox_recommended .recommendedtag {  background: linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%);    width: max-content;    display: flex;    align-items: center;    padding: 8px;    border-radius: 4px;    position: absolute;    top: 12px;    right: 12px;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox.PackagesColumnBox_recommended .recommendedtag p {    font-size: 10px;    color: #fff;    font-weight: 500;    line-height: 1;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox.PackagesColumnBox_recommended .recommendedtag span {    line-height: 0;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox {    position: relative;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox.PackagesColumnBox_recommended:before {    position: absolute;    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -1;    border: 1px solid transparent;    border-radius: 12px;    background: linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%) padding-box,    linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%) border-box;    pointer-events: none;}



.PlanFeaturesTitlesec {  max-width: 600px;    width: 100%;    margin: 0 auto;}
.PlanFeaturesTitlesec .PlanFeaturesSubtitle {    max-width: 486px;}
.PackagesSection {   background: linear-gradient(270deg, #F6F1FC 0%, #FFFFFF 100%);}
.TwoColCntImgSection {   background: linear-gradient(270deg, #F6F1FC 0%, #FFFFFF 100%);}

.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr {  box-shadow: 0px 0px 1px 1px #FFFFFF inset;}
.PlanFeaturesInSec .PlanFeaturesTablebox table {  width: 100%;    margin-bottom: 0; border-collapse: separate;  border-spacing: 24px 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox { margin:0 -24px; }
.PlanFeaturesInSec .PlanFeaturesTabSec {    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 4px 25px 0px #C802861F;    border-radius: 12px;    padding: 48px;}
.PlanFeaturesInSec .PlanFeaturesTablebox table  tr {background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th {     padding: 14px; width: calc(100%/5);    position: relative;    text-align: center;    text-align: -webkit-center;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th:not(:first-child):before {    position: absolute;    content: "";    width: 100%;    height: 100%;    background: #FFF4FA;    left: 50%;    transform: translateX(-50%);    top: 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th span {    position: relative;    display: block;    text-align: center;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th:nth-child(3):before {    background: #FFF7F2;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th:nth-child(4):before {    background: #F3F8FF;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th:nth-child(5):before {    background: #F3FFF8;}
.PlanFeaturesInSec .PlanFeaturesTablebox table thead tr th.heighlightedcol:after {  position: absolute;    content: "";    width: 100%;    height: 3px;    background: linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%);    top: 0;    left: 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td {    width: calc(100% / 5);    text-align: center;    vertical-align: middle;    padding: 14px;    position: relative;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr.tbodytitleonly td {    padding: 10px 10px 10px 0;    font-weight: 700;    font-size: 18px;   line-height: 1.889;    color: #333333;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr.tbodytitleonly td span {    display: block;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td.bodytitle {    font-weight: 600;    font-size: 16px;    line-height: 1.6;    color: #333333;    padding: 14px 5px 14px 2px;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td img {    width: 24px;    height: 24px;    object-fit: contain;   position: relative;    z-index: 1;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:first-child {    text-align: left;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:not(:first-child):before {    position: absolute;    content: "";    width: 100%;    height: 100%;    background: #FFF4FA;    top: 0;    left: 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:nth-child(3):before {    background: #FFF7F2;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:nth-child(4):before {    background: #F3F8FF;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:nth-child(5):before {    background: #F3FFF8;}

.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr td {  position: relative;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr td:after {    position: absolute;    width: calc(100% + 24px);    height: 1px;    content: "";    background: #D8D8D880;    left: 0;    bottom: 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr td:last-child:after {  width: 100%;}

.AddonsSliderInSec .AddonsSliderTitleSec {    max-width: 605px;    width: 100%;    margin: 0 auto;}
.AddonsSliderBoxSection {  max-width: 896px;    width: 100%;    margin: 0 auto;}
.AddonsSliderBoxSection .AddonsSliderBoxMain {background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);border-radius: 12px;box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;padding: 48px;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox {  display: flex;    align-items: flex-start;    gap: 16px;    flex-wrap: wrap;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxLTCol {    max-width: 354px;    width: 100%;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox  .AddonsSliderBoxRTCol {    max-width: calc(100% - (354px + 16px));    width: 100%;}

.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxLTCol .AddonsSliderBoxcnt * {  font-size: 14px;    line-height: 1.6;    text-align: justify;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxRTCol ul li {    font-size: 14px;    line-height: 2;    color: #333333;    font-weight: 400;    position: relative;    padding-left: 10px;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxRTCol ul li:before {    position: absolute;    content: "";    width: 5px;    height: 5px;    background: #333;    border-radius: 50%;    left: 0;    top: 12px;}
.AddonsSliderSection {   background: linear-gradient(270deg, #F6F1FC 0%, #FFFFFF 100%);}
.AddonsSliderBoxSection .slick-arrow { width: 48px;    height: 48px;    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF21421F;    border-radius: 50%;    background: #fbf9fc;    z-index: 9;    display: flex;    align-items: center;    justify-content: center;}
.AddonsSliderBoxSection .slick-slide {  margin: 10px;}
.AddonsSliderBoxSection .slick-arrow:before {    content: "";    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M5.30107 10.6028L6.3238 9.59144L2.77266 6.04031H11.6931V4.56303H2.77266L6.3238 1.01758L5.30107 0.00053215L-6.67572e-05 5.30167L5.30107 10.6028Z' fill='white'/%3E%3Cpath d='M5.30107 10.6028L6.3238 9.59144L2.77266 6.04031H11.6931V4.56303H2.77266L6.3238 1.01758L5.30107 0.00053215L-6.67572e-05 5.30167L5.30107 10.6028Z' fill='url(%23paint0_linear_3455_5124)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3455_5124' x1='13.5983' y1='2.5785' x2='-2.52921' y2='3.26785' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.110577' stop-color='%23C80286'/%3E%3Cstop offset='0.456731' stop-color='%23FF2142'/%3E%3Cstop offset='1' stop-color='%23FFBC49'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"), #fbf9fc;    width: calc(100% - 2px);    height: calc(100% - 2px);    background-repeat: no-repeat;    background-size: 17px;    position: absolute;    opacity: 1;    background-position: center center;    border-radius: 50%;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.AddonsSliderBoxSection .slick-arrow:after {    position: absolute;    content: "";    width: 100%;    height: 100%;    background: linear-gradient(92.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%);    border-radius: 50%;    z-index: -1;}
.AddonsSliderBoxSection .slick-arrow.slick-next:before {   transform: translate(-50%, -50%) rotate(180deg);}
.AddonsSliderBoxSection .slick-arrow.slick-prev {  left: -15px;}
.AddonsSliderBoxSection .slick-arrow.slick-next {    right: -15px;}


.ClientLogoSliderInSec .ClientLogoSliderTitleSec {  max-width: 611px;    width: 100%;    margin: 0 auto;}
.ClientLogoSliderBox {  max-width: 189px;    height: 100px;    padding: 0 10px;}
.ClientLogoSliderBox .ClientLogoSliderBoxIn {    width: 100%;    height: 100%;}
.ClientLogoSliderBox .ClientLogoSliderBoxIn img {   width: 100%;    height: 100%;    object-fit: contain;}

.LContentRImageBox {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);    border-radius: 16px;    padding: 52.5px 85px;}
.LContentRImageBox+* {  margin-top: 24px;}
.LContentRImageBox .LContentRImageLTCol {    max-width: 593px;    width: 100%;}
.LContentRImageBox .LContentRImageRTCol {    max-width: calc(100% - (593px + 24px));    width: 100%; border: 2px solid #fff; border-radius: 24px; overflow: hidden;}
.LContentRImageBox .LContentRImageRTCol img {    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 24px;}
.LContentRImageBox.LContentRImagedrchangeBox {   flex-direction: row-reverse;}
.LContentRImageBox .LContentRImageLTCol .LContentRImagecnt * {  font-size: 14px;    line-height: 1.6;}
.LContentRImageBox .LContentRImageLTCol .LContentRImagecnt .LContentRImageList ul {    list-style: disc;    margin-left: 20px;}

.HeroBannerversion2Sec {  max-width: 1026px;    width: 100%;    margin: 0 auto;}
.HeroBannerversion2Sec .HeroBannerversion2Content {    max-width: 916px;}


.QuesAnsTabTitleSection {  max-width: 602px;    width: 100%;    margin: 0 auto;}
.QuesAnsTabSection {  background: linear-gradient(270deg, #F6F1FC 0%, #FFFFFF 100%);}
.QuesAnsTabBoxSection {  padding: 64px 34.5px 0;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol {    max-width: 291px;    width: 100%;    background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%),linear-gradient(180deg, rgba(255, 236, 249, 0.25) 0%, rgba(255, 244, 252, 0.25) 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    padding: 16px 24px;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li+* {    margin-top: 16px;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li a {    padding: 10px 23px;    color: #333333;    font-weight: 600;    letter-spacing: -0.40px;    line-height: 1.625;    font-size: 16px;    width: 100%;    border: 1px solid transparent;    border-radius: 100px;    position: relative;    overflow: hidden; transition: all ease-in-out 0.2s;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li a:before { position: absolute;    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    background: linear-gradient(0.5deg, rgba(233, 233, 233, 0.35) 0.41%, rgba(230, 230, 230, 0) 99.59%),linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%);    z-index: -1;    border-radius: 100px; opacity: 0; transition: all ease-in-out 0.2s;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li {    line-height: normal;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li.active a {    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;    border-color: #fff;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li.active a {    color: #C80286;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul li.active a:before { opacity: 1; }
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol {  max-width: calc(100% - (291px + 40px));    width: 100%;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox+* {  margin-top: 12px;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);  border-radius: 12px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxTitlesec {  padding: 12px 16px;   gap: 10px; display: flex;    align-items: center;    justify-content: space-between;    cursor: pointer;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxContent {    padding: 0 16px 12px;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxTitlesec .QuesAnsTabBoxTitle { width: calc(100% - 44px); }
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxTitlearrow {    line-height: 0;    width: 34px;    height: 34px; transition: all ease-in-out .3s;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxTitlearrow svg {    width: 100%;    height: 100%;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol .QuesAnsTabBox .QuesAnsTabBoxCnt {    display: none;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol  .QuesAnsTabBox.active .QuesAnsTabBoxTitlesec .QuesAnsTabBoxTitlearrow {  transform: rotate(45deg);}

.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec {  max-width: 1152px;    width: 100%;    margin: 0 auto;    align-items: stretch;}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox {  max-width: calc(50% - 16px);    width: 100%;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));    border: 2px solid #FFFFFF;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 16px;    padding: 32px 44px;}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox .SecurityTwoColumnBoxContent ul {  list-style: disc;    margin-left: 19px;}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox .SecurityTwoColumnBoxContent ul li {    font-size: 16px;    font-weight: 500;}
.SecurityTwoColLogoSection {     align-items: stretch;    max-width: 1152px;    width: 100%;    margin: 0 auto;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox {    max-width: calc(25% - 24px);    width: 100%;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35));    border-radius: 16px;    padding: 16px 12px;    border: 2px solid #FFFFFF;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxImage {  border: 1px solid #FFFFFF;    border-radius: 8px;    overflow: hidden;    box-shadow: 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 0px 1px 1px #FFFFFF inset;   height: 240px;}

.SecurityTwoColLogoSection .SecurityTwoColLogoBox:before {  border-radius: 16px;    background: linear-gradient(180deg, rgba(246, 241, 252, 1), hsla(0, 0%, 100%, 1)) padding-box, linear-gradient(93.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%) border-box;    border: 2px solid transparent;    position: absolute;    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0; opacity: 0;    visibility: hidden;    transition: all ease-in-out 0.3s; box-sizing: content-box;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox {    position: relative;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox > div {    position: relative;    z-index: 1;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox:hover:before {    opacity: 1;    visibility: visible;}




.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxImage {  background: #fff;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxImage img {   width: 100%;    height: 100%;    object-fit: contain;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxCnt {    text-align: center;    margin-top: 16px;    padding: 12px;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxCnt p {    font-weight: 600;    line-height: 1.4;}

.AboutGridColTitleSec {  max-width: 984px;    width: 100%;    margin: 0 auto;}
.AboutGridColBoxSection {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(4, 1fr);grid-column-gap: 16px;grid-row-gap: 10px;     max-width: 1135px; width: 100%;    margin: 0 auto;}

.AboutGridColBox:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
.AboutGridColBox:nth-child(2) { grid-area: 3 / 1 / 5 / 2; }
.AboutGridColBox:nth-child(3) { grid-area: 1 / 2 / 5 / 4; }
.AboutGridColBox:nth-child(4) { grid-area: 1 / 4 / 3 / 6; }
.AboutGridColBox:nth-child(5) { grid-area: 3 / 4 / 5 / 5; }
.AboutGridColBox:nth-child(6) { grid-area: 3 / 5 / 5 / 6; }

.AboutGridColBoxCounter {  background: linear-gradient(0deg, #C80286, #C80286);    border-radius: 12px;    padding: 16px;    height: 100%;}
.AboutGridColBoxCounter.bottom {    display: flex;    flex-direction: column;    justify-content: flex-end;}
.AboutGridColBox .AboutGridColBoxImg {  height: 100%;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    overflow: hidden;}
.AboutGridColBox .AboutGridColBoxImg img {    width: 100%;    height: 100%;    object-fit: cover;}

.OurteamBoxSection .OurteamBox { max-width: calc(33.33% - 10.66px);    width: 100%;    padding: 20px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 16px;    position: relative;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);}
.OurteamBoxSection .OurteamBox:before {  border-radius: 16px;    background: linear-gradient(180deg, rgba(246, 241, 252, 1) 0%, rgba(255, 255, 255, 1) 100%) padding-box, linear-gradient(93.91deg, #C80286 13.02%, #FF2142 46.28%, #FFBC49 98.49%) border-box;    border: 1px solid transparent;    position: absolute;    content: "";    width: 100%;    height: 100%;    top: 0;    left: 0;    opacity: 0;    visibility: hidden;    transition: all ease-in-out 0.3s;    box-sizing: content-box; box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 4px 25px 0px #C802861F;}
.OurteamBoxSection .OurteamBox > div {    position: relative;    z-index: 1;}
.OurteamBoxSection .OurteamBox:hover:before {   opacity: 1;    visibility: visible;}
.OurteamBoxSection .OurteamBox .OurteamBoxPosition p {  text-transform: capitalize;}
.OurteamBoxSection {  align-items: stretch;}
.OurteamBoxSection .OurteamBox:hover .OurteamBoxContent * {  text-transform: capitalize;}
.OurteamBoxSection .OurteamBox .OurteamBoxContent * {  transition: all ease-in-out 0.3s;}
.OurteamBoxSection .OurteamBox .OurteamBoxImg {  height: 276px;}
.OurteamBoxSection .OurteamBox .OurteamBoxImg img {  width: 100%;    height: 100%;    object-fit: cover;    border-radius: 8px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;}


.LContentRImageSection.Version1 .LContentRImageBox {    padding: 0 32px;    align-items: flex-start;    border-radius: 12px;    background: #F8F5FB;}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageLTCol {  max-width: 612px;    padding-top: 8px;}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageRTCol {  max-width: calc(100% - (612px + 24px));}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageRTCol img {  border-radius: 0;    height: 100% !important;}


.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox {  max-width: calc(33.33% - 21.33px);}
.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox .SecurityTwoColLogoBoxImage {  width: 240px;    height: 240px;    margin: 0 auto;}
/* .LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-four_column .SecurityTwoColLogoBox.LogoBoxthreecolbox {  max-width: calc(33.33% - 21.33px);} */
/* .LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-four_column .SecurityTwoColLogoBox.LogoBoxthreecolbox .SecurityTwoColLogoBoxImage {  width: 240px;    height: 240px;    margin: 0 auto;} */

.HeroBannerversion3Content {  max-width: 916px;}
.TrustedbyWorkCounterBoxsec {  display: grid;    grid-template-columns: repeat(3, 1fr);    grid-template-rows: repeat(4, 1fr);    grid-column-gap: 16px;    grid-row-gap: 10px;    max-width: 659px;    width: 100%;   margin: 0 auto;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(1) {grid-area: 1 / 1 / 3 / 2;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(2) {grid-area: 1 / 2 / 3 / 4;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(3) {grid-area: 3 / 1 / 5 / 2;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(4) {grid-area: 3 / 2 / 5 / 3;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(5) {grid-area: 3 / 3 / 5 / 4;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox .TrustedbyWorkCounterBoxCounter {    height: 100%;    border-radius: 12px;    padding: 16px;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox .TrustedbyWorkCounterBoxImg {   height: 100%;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    overflow: hidden;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox .TrustedbyWorkCounterBoxImg img { width: 100%; height: 100%; object-fit: cover; }
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox .TrustedbyWorkCounterBoxCounter.bottom {    display: flex;    flex-direction: column;    justify-content: flex-end;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox {  min-height: 196px;}
.TrustedbyWorkCounterSection .TrustedbyWorkCounterInSec  .TrustedbyWorkCounterTitlesec {  max-width: 497px;    width: 100%;    margin: 0 auto;}

.UpcomingEventBoxSection {  max-width: 1012px;    width: 100%;    margin: 0 auto;}
.UpcomingEventBoxSection .UpcomingEventBox {  max-width: calc(50% - 16px);    width: 100%;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    padding: 32px;    border-radius: 8px;}
.UpcomingEventBoxSection .UpcomingEventBox .UpcomingEventBoxImage {  box-shadow: 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 0px 1px 1px #FFFFFF inset;    border-radius: 8px;    border: 1px solid #FFFFFF;    height: 240px; background-color: #fff;}
.UpcomingEventBoxSection .UpcomingEventBox .UpcomingEventBoxImage img {  width: 100%;    height: 100% !important;    object-fit: contain;}

.UpcomingEventBoxSection .UpcomingEventBox .UpcomingEventBoxCnt {    text-align: center;    padding-top: 16px;}
.UpcomingEventBoxSection .UpcomingEventBox {  position: relative;    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));    border: 2px solid #FFFFFF;}
.UpcomingEventBoxSection .UpcomingEventBox:before {  background: linear-gradient(180deg,#F6F1FC, #fff) padding-box, linear-gradient(93.91deg, #c80286 13.02%, #ff2142 46.28%, #ffbc49 98.49%) border-box;    border: 2px solid transparent;    border-radius: 8px;    box-sizing: content-box;    content: "";    height: 100%;    left: 0;    opacity: 0;    position: absolute;    top: 0;    transition: all .3s ease-in-out;    visibility: hidden;    width: 100%;}
.UpcomingEventBoxSection .UpcomingEventBox .UpcomingEventBoxIn {    position: relative;}
.UpcomingEventBoxSection .UpcomingEventBox:hover:before {  opacity: 1;  visibility: visible;}

.TwoColMuImageInSec .TwoColMuImageTitleSec {  max-width: 596px;    width: 100%;}
.TwoColMuImageInSec  .TwoColMuImageBoxSec {  max-width: calc(100% - (596px + 28px));    width: 100%;    display: flex;    align-items: flex-start;    flex-wrap: wrap;    gap: 12px;}
.TwoColMuImageInSec {    max-width: 1254px;    width: 100%;    margin: 0 auto;}
.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox:first-child {   max-width: calc(66.66% - 4px);}
.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox {  max-width: calc(33.33% - 8px);    width: 100%;    height: 194px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    overflow: hidden;}
.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox img {  width: 100%;   height: 100% !important;    object-fit: cover;}
.TwoColMuImageInSec .TwoColMuImageTitleSec .TwoColMuImageContent ul { list-style: disc;    margin-left: 20px;}

.BannerCounterInSec {  max-width: 1026px;    width: 100%;    margin: 0 auto;}
.BannerCounterInSec .BannerCounterContent {   max-width: 916px;    width: 100%;}
.BannerCounterInSec .BannerCounterBoxSec {  justify-content: center;}
.BannerCounterInSec .BannerCounterBoxSec .BannerCounterBox .BannerCounterBoxNumber h2 {  font-size: 64px;    line-height: 1.094;}
.BannerCounterInSec .BannerCounterBoxSec .BannerCounterBox {  padding: 16px 24px;}
.BannerCounterInSec .BannerCounterBoxSec .BannerCounterBox .BannerCounterBoxCnt p { text-transform: capitalize;}


.CaseStudiesListingInSec .CaseStudiesListingBoxSection {  max-width: 1000px;    width: 100%;    margin: 0 auto;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox {    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, #FFFFFF, #FFFFFF);    border-radius: 16px;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border: 2px solid #FFFFFF;    padding: 30px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox+* {   margin-top: 20px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxImg { max-width: 424px;    width: 100%;    border: 1px solid #FFFFFF;    box-shadow: 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 0px 1px 1px #FFFFFF inset;    height: 240px; border-radius: 8px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxCnt {   max-width: calc(100% - (424px + 71px));    width: 100%;  padding: 12px 1px 12px 12px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxImg img {    width: 100%;    height: 100% !important;    object-fit: contain;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox:nth-child(even) {    flex-direction: row-reverse;}
.CaseStudiesListingSection {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, #FFFFFF, #FFFFFF);}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox {  position: relative;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox:before {  background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, #FFFFFF, #FFFFFF) padding-box, linear-gradient(93.91deg, #c80286 13.02%, #ff2142 46.28%, #ffbc49 98.49%) border-box;    border: 3px solid transparent;    border-radius: 16px;    box-shadow: inset 0 0 1px 1px #fff, 0 20px 20px -4px #00000003, 0 6.38px 6.38px -3px #00000008, 0 2.41px 2.41px -2px #0000000a, 0 .8px .8px -1px #0000000a, 0 4px 25px 0 #c802861f;    box-sizing: content-box;    content: "";    height: 100%;    left: 0;    opacity: 0;    position: absolute;    top: 0;    transition: all .3s ease-in-out;    visibility: hidden;    width: 100%;    pointer-events: none;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox:hover:before {    opacity: 1;    visibility: visible;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox > div {   position: relative;}


.WhoWeServeColBoxSec {  max-width: 1184px;    width: 100%;    margin: 0 auto;}
.WhoWeServeColBoxSec .WhoWeServeColBox {  position: relative; max-width: calc(25% - 18px);    width: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.57%, rgba(0, 0, 0, 0.1) 77.05%, rgba(0, 0, 0, 0.2) 100%);    border-radius: 16px;    height: 409px;    overflow: hidden; cursor: pointer;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxBack {  display: none;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront {  height: 100%;    position: relative;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront .WhoWeServeColBoxImg {    height: 100%;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront .WhoWeServeColBoxImg img {  width: 100%;    height: 100%;    object-fit: cover;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront .WhoWeServeColBoxTitle {   position: absolute;    z-index: 1;    bottom: 16px;    left: 0;    background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%);    border-radius: 0 8px 8px 0;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    width: fit-content;    padding: 16px; transition: all ease-in-out 0.3s;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront .WhoWeServeColBoxTitle h6 {  color: #000000;    font-weight: 600;    letter-spacing: -0.48px;    line-height: 1.15;}

.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxBack {  position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.57%, rgba(0, 0, 0, 0.1) 77.05%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));    padding: 32px 16px;    z-index: 3;    display: flex;    flex-direction: column;    justify-content: flex-end;    transition: all ease-in-out 0.3s;    opacity: 0;    visibility: hidden;}
.WhoWeServeColBoxSec .WhoWeServeColBox:hover .WhoWeServeColBoxBack {    opacity: 1;    visibility: visible;}
.WhoWeServeColBoxSec .WhoWeServeColBox:hover .WhoWeServeColBoxfront .WhoWeServeColBoxTitle {   opacity: 0;}

.WhoWeServeColBoxSec .WhoWeServeColBox:hover .WhoWeServeColBoxBack .WhoWeServeColBoxContent * { color: #605F5F; letter-spacing: -0.54px; }
.WhoWeServeColBoxSec .WhoWeServeColBox a.WhoWeServeColBoxLink {  position: absolute;    width: 100%;    height: 100%; top: 0;  left: 0;  z-index: 3;}

.baseModuleOverlay { pointer-events: none; }
.FAQImageTwoColsec .FAQImageimgcol .FAQImageimgcolBox {  height: 100%;}

.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerTitle {  max-width: 1000px;    width: 100%;    margin: 0 auto;}
.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerTitle h2 {    font-size: 39.4px;    letter-spacing: -0.84px;    line-height: 1.23;    font-weight: 500;    color: #090909;}
.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerImg {  max-width: 886px;    width: 100%;}
.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerImg img {  width: 100%;    height: 100%;    object-fit: cover;    border-radius: 16px;}
.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerContent {  max-width: 768px;    width: 100%;}
.casestudypostBannerInSec .casestudypostBannerTitlesec .casestudypostBannerContent * {  color: #686868;    font-weight: 500;}

.casestudypostBannerSection {  margin: 0 100px;  border-radius: 0 0 40px 40px;}
.CaseStudyPostBodySection {  margin-top: -500px;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec {  max-width: 1000px;    width: 100%;    margin: 0 auto;    background: #FFFFFF;    box-shadow: 0px 1px 1px 0px #0E0E0E0F, 0px 4px 4px 0px #D3D3D30F;    border-radius: 32px;    padding: 40px 40px 80px;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody h5 {  margin-top: 48px;    letter-spacing: -0.52px;    color: #090909;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody h5:first-child {    margin-top: 0;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody p {  margin-top: 16px;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody h5 + h6 {  margin-top: 16px;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody h6 {  margin-top: 32px;    letter-spacing: -0.52px;    color: #090909;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody p, .CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody li {  color: #686868;    letter-spacing: -.32px;    font-weight: 500;   text-align: justify;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody ul {  margin-top: 16px;    list-style: disc;    margin-left: 20px;    text-align: justify;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody a {    color: #686868;    text-decoration: underline !important;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote {  border: unset;    max-width: 766px;    width: 100%;    margin: 48px auto 16px;    background: #030303;    border-radius: 24px;    padding: 49.5px 48px;    display: flex;    align-items: center;    justify-content: center;    gap: 0;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote:before {    content: "";    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75' viewBox='0 0 75 75' fill='none'%3E%3Cpath d='M7.8125 15.625H34.375V39.5312L20.3688 59.375H11.8594L20.1906 40.625H7.8125V15.625ZM40.625 15.625H67.1875V39.5312L53.1812 59.375H44.6719L53.0031 40.625H40.625V15.625Z' fill='%23C3C3C3'/%3E%3C/svg%3E");    background-repeat: no-repeat;    background-size: contain;    background-position: center center;    width: 75px;    height: 75px;}
.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote p {    width: calc(100% - 75px);    color: #fff;    letter-spacing: -0.32px;    font-size: 14.6px;    font-weight: 500;    line-height: 1.6;    padding: 0 24px;    text-align: left;    margin-top: 0;}

.CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote + h5, .CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote + h6, .CaseStudyPostBodySection .CaseStudyPostBodyInSec .CaseStudyPostBody blockquote + p { margin-top: 48px; }
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxCnt .CaseStudiesListingBoxContent p {   opacity: 90%;    line-height: 1.41;}

.CaseStudySuccessStorieBoxSection {  max-width: 1000px;    width: 100%;    margin: 0 auto;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox {    background: linear-gradient(180deg, rgba(246, 241, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),linear-gradient(0deg, #FFFFFF, #FFFFFF);    border-radius: 16px;    border: 2px solid #FFFFFF;    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    padding: 30px;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox .CaseStudySuccessStorieBoxImg {  border: 1px solid #FFFFFF;    box-shadow: 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A, 0px 0px 1px 1px #FFFFFF inset;    height: 240px;    border-radius: 8px;    overflow: hidden;    max-width: 424px;    width: 100%;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox .CaseStudySuccessStorieBoxImg img {    width: 100%;    height: 100% !important;    object-fit: contain;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox  .CaseStudySuccessStorieBoxCnt {   max-width: calc(100% - (424px + 71px));    width: 100%; padding: 12px 1px 12px 12px;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox  .CaseStudySuccessStorieBoxCnt .CaseStudySuccessStorieBoxContent p { opacity: 90%;   letter-spacing: 0.16px line-height: 1.41;}
.CaseStudySuccessStorieBoxSection .CaseStudySuccessStorieBox+* {    margin-top: 20px;}
.CaseStudySuccessStorieSection:before {  position: absolute;    content: ""; width: 100%; height: 100%; top: 0;  left: 0;  background-image: url('https://5506892.fs1.hubspotusercontent-na1.net/hubfs/5506892/MyOneflow-theme-assets/bg%20gradient.avif');    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    pointer-events: none;}





@media (max-width: 1440px){
  .HsuccessstoriesSliderSection button.slick-next {    right: 0;}
}

@media (max-width : 1366px){
  h1,.h1 { font-size: calc(80px - 0.5rem )}
  h2,.h2 { font-size: calc(44px - 0.3rem);}
  h3,.h3 { font-size: calc(40px - 0.2rem);}
h4, .h4 { font-size: calc(38px - 0.2rem);}

  .HomeHeroInSec {  margin-right: -50px;}

}


@media (max-width : 1300px){
  .content-wrapper { max-width: calc(1310px / 1.1 );}
 
.Howitworkintabbox .HowitworkintabboxIn {  padding: 32px 20px;}

.HeroBannerFormInSec .HeroBannerFormTitleSec {   max-width: 60%;}
.HeroBannerFormInSec .HeroBannerFormBox {   max-width: calc(40% - 48px);}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox {    padding: 32px 16px;}

.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxImage {  height: 380px;}

.TwoColMuImageInSec .TwoColMuImageTitleSec {  max-width: calc(50% - 14px);}
.TwoColMuImageInSec .TwoColMuImageBoxSec {  max-width: calc(50% - 14px);}

}

@media (max-width : 1280px){

.HsuccessstoriesSliderSection button.slick-next { right: 24px }

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {  margin-bottom: -50px;}

.ThreeColumnBoxSec { gap: 24px;}
.ThreeColumnBoxSec .ThreeColumnBox {  max-width: calc(33.33% - 16px);}

.HeroBannerFormInSec {  padding-left: 50px;    padding-right: 50px;}

.LContentRImageBox .LContentRImageLTCol {  max-width: 50%;}
.LContentRImageBox .LContentRImageRTCol {    max-width: calc(50% - 24px);}

.TwoColCntImgInSec .TwoColCntImgTitleSec {  max-width: 50%;}
.TwoColCntImgInSec .TwoColCntImgRTImg {   max-width: calc(50% - 24px);}

}

@media (max-width : 1230px){
  .content-wrapper { max-width: 95%}
 

  h1,.h1 { font-size: calc(80px - 1rem );}
  h2,.h2 { font-size: calc(44px - 0.4rem);}
  h3,.h3 { font-size: calc(40px - 0.5rem);}
  h4, .h4 { font-size: calc(38px - 0.5rem);}
  
  /* flex-gap */
  
  .md_gap1 { gap : 1px; }
  .md_columngap1 { column-gap : 1px;}
  .md_rowgap1 { row-gap : 1px;}
  
  .md_gap2 { gap : 2px; }
  .md_columngap2 { column-gap : 2px;}
  .md_rowgap2 { row-gap : 2px;}
  
  .md_gap3 { gap : 3px; }
  .md_columngap3 { column-gap : 3px;}
  .md_rowgap3 { row-gap : 3px;}
  
  .md_gap4 { gap : 4px; }
  .md_columngap4 { column-gap : 4px;}
  .md_rowgap4 { row-gap : 4px;}
  
  .md_gap5 { gap : 5px; }
  .md_columngap5 { column-gap : 5px;}
  .md_rowgap5 { row-gap : 5px;}
  
  .md_gap6 { gap : 6px; }
  .md_columngap6 { column-gap : 6px;}
  .md_rowgap6 { row-gap : 6px;}
  
  .md_gap7 { gap : 7px; }
  .md_columngap7 { column-gap : 7px;}
  .md_rowgap7 { row-gap : 7px;}
  
  .md_gap8 { gap : 8px; }
  .md_columngap8 { column-gap : 8px;}
  .md_rowgap8 { row-gap : 8px;}
  
  .md_gap9 { gap : 9px; }
  .md_columngap9 { column-gap : 9px;}
  .md_rowgap9 { row-gap : 9px;}
  
  .md_gap10 { gap : 10px; }
  .md_columngap10 { column-gap : 10px;}
  .md_rowgap10 { row-gap : 10px;}
  
  .md_gap11 { gap : 11px; }
  .md_columngap11 { column-gap : 11px;}
  .md_rowgap11 { row-gap : 11px;}
  
  .md_gap12 { gap : 12px; }
  .md_columngap12 { column-gap : 12px;}
  .md_rowgap12 { row-gap : 12px;}
  
  .md_gap13 { gap : 13px; }
  .md_columngap13 { column-gap : 13px;}
  .md_rowgap13 { row-gap : 13px;}
  
  .md_gap14 { gap : 14px; }
  .md_columngap14 { column-gap : 14px;}
  .md_rowgap14 { row-gap : 14px;}
  
  .md_gap15 { gap : 15px; }
  .md_columngap15 { column-gap : 15px;}
  .md_rowgap15 { row-gap : 15px;}
  
  .md_gap16 { gap : 16px; }
  .md_columngap16 { column-gap : 16px;}
  .md_rowgap16 { row-gap : 16px;}
  
  .md_gap17 { gap : 17px; }
  .md_columngap17 { column-gap : 17px;}
  .md_rowgap17 { row-gap : 17px;}
  
  .md_gap18 { gap : 18px; }
  .md_columngap18 { column-gap : 18px;}
  .md_rowgap18 { row-gap : 18px;}
  
  .md_gap19 { gap : 19px; }
  .md_columngap19 { column-gap : 19px;}
  .md_rowgap19 { row-gap : 19px;}
  
  .md_gap20 { gap : 20px; }
  .md_columngap20 { column-gap : 20px;}
  .md_rowgap20 { row-gap : 20px;}
  
  .md_gap21 { gap : 21px; }
  .md_columngap21 { column-gap : 21px;}
  .md_rowgap21 { row-gap : 21px;}
  
  .md_gap22 { gap : 22px; }
  .md_columngap22 { column-gap : 22px;}
  .md_rowgap22 { row-gap : 22px;}
  
  .md_gap23 { gap : 23px; }
  .md_columngap23 { column-gap : 23px;}
  .md_rowgap23 { row-gap : 23px;}
  
  .md_gap24 { gap : 24px; }
  .md_columngap24 { column-gap : 24px;}
  .md_rowgap24 { row-gap : 24px;}
  
  .md_gap25 { gap : 25px; }
  .md_columngap25 { column-gap : 25px;}
  .md_rowgap25 { row-gap : 25px;}
  
  .md_gap26 { gap : 26px; }
  .md_columngap26 { column-gap : 26px;}
  .md_rowgap26 { row-gap : 26px;}
  
  .md_gap27 { gap : 27px; }
  .md_columngap27 { column-gap : 27px;}
  .md_rowgap27 { row-gap : 27px;}
  
  .md_gap28 { gap : 28px; }
  .md_columngap28 { column-gap : 28px;}
  .md_rowgap28 { row-gap : 28px;}
  
  .md_gap29 { gap : 29px; }
  .md_columngap29 { column-gap : 29px;}
  .md_rowgap29 { row-gap : 29px;}
  
  .md_gap30 { gap : 30px; }
  .md_columngap30 { column-gap : 30px;}
  .md_rowgap30 { row-gap : 30px;}
  
  .md_gap31 { gap : 31px; }
  .md_columngap31 { column-gap : 31px;}
  .md_rowgap31 { row-gap : 31px;}
  
  .md_gap32 { gap : 32px; }
  .md_columngap32 { column-gap : 32px;}
  .md_rowgap32 { row-gap : 32px;}
  
  .md_gap33 { gap : 33px; }
  .md_columngap33 { column-gap : 33px;}
  .md_rowgap33 { row-gap : 33px;}
  
  .md_gap34 { gap : 34px; }
  .md_columngap34 { column-gap : 34px;}
  .md_rowgap34 { row-gap : 34px;}
  
  .md_gap35 { gap : 35px; }
  .md_columngap35 { column-gap : 35px;}
  .md_rowgap35 { row-gap : 35px;}
  
  .md_gap36 { gap : 36px; }
  .md_columngap36 { column-gap : 36px;}
  .md_rowgap36 { row-gap : 36px;}
  
  .md_gap37 { gap : 37px; }
  .md_columngap37 { column-gap : 37px;}
  .md_rowgap37 { row-gap : 37px;}
  
  .md_gap38 { gap : 38px; }
  .md_columngap38 { column-gap : 38px;}
  .md_rowgap38 { row-gap : 38px;}
  
  .md_gap39 { gap : 39px; }
  .md_columngap39 { column-gap : 39px;}
  .md_rowgap39 { row-gap : 39px;}
  
  .md_gap40 { gap : 40px; }
  .md_columngap40 { column-gap : 40px;}
  .md_rowgap40 { row-gap : 40px;}
  
  .md_gap41 { gap : 41px; }
  .md_columngap41 { column-gap : 41px;}
  .md_rowgap41 { row-gap : 41px;}
  
  .md_gap42 { gap : 42px; }
  .md_columngap42 { column-gap : 42px;}
  .md_rowgap42 { row-gap : 42px;}
  
  .md_gap43 { gap : 43px; }
  .md_columngap43 { column-gap : 43px;}
  .md_rowgap43 { row-gap : 43px;}
  
  .md_gap44 { gap : 44px; }
  .md_columngap44 { column-gap : 44px;}
  .md_rowgap44 { row-gap : 44px;}
  
  .md_gap45 { gap : 45px; }
  .md_columngap45 { column-gap : 45px;}
  .md_rowgap45 { row-gap : 45px;}
  
  .md_gap46 { gap : 46px; }
  .md_columngap46 { column-gap : 46px;}
  .md_rowgap46 { row-gap : 46px;}
  
  .md_gap47 { gap : 47px; }
  .md_columngap47 { column-gap : 47px;}
  .md_rowgap47 { row-gap : 47px;}
  
  .md_gap48 { gap : 48px; }
  .md_columngap48 { column-gap : 48px;}
  .md_rowgap48 { row-gap : 48px;}
  
  .md_gap49 { gap : 49px; }
  .md_columngap49 { column-gap : 49px;}
  .md_rowgap49 { row-gap : 49px;}
  
  .md_gap50 { gap : 50px; }
  .md_columngap50 { column-gap : 50px;}
  .md_rowgap50 { row-gap : 50px;}
  
  .md_gap51 { gap : 51px; }
  .md_columngap51 { column-gap : 51px;}
  .md_rowgap51 { row-gap : 51px;}
  
  .md_gap52 { gap : 52px; }
  .md_columngap52 { column-gap : 52px;}
  .md_rowgap52 { row-gap : 52px;}
  
  .md_gap53 { gap : 53px; }
  .md_columngap53 { column-gap : 53px;}
  .md_rowgap53 { row-gap : 53px;}
  
  .md_gap54 { gap : 54px; }
  .md_columngap54 { column-gap : 54px;}
  .md_rowgap54 { row-gap : 54px;}
  
  .md_gap55 { gap : 55px; }
  .md_columngap55 { column-gap : 55px;}
  .md_rowgap55 { row-gap : 55px;}
  
  .md_gap56 { gap : 56px; }
  .md_columngap56 { column-gap : 56px;}
  .md_rowgap56 { row-gap : 56px;}
  
  .md_gap57 { gap : 57px; }
  .md_columngap57 { column-gap : 57px;}
  .md_rowgap57 { row-gap : 57px;}
  
  .md_gap58 { gap : 58px; }
  .md_columngap58 { column-gap : 58px;}
  .md_rowgap58 { row-gap : 58px;}
  
  .md_gap59 { gap : 59px; }
  .md_columngap59 { column-gap : 59px;}
  .md_rowgap59 { row-gap : 59px;}
  
  .md_gap60 { gap : 60px; }
  .md_columngap60 { column-gap : 60px;}
  .md_rowgap60 { row-gap : 60px;}
  
  .md_gap61 { gap : 61px; }
  .md_columngap61 { column-gap : 61px;}
  .md_rowgap61 { row-gap : 61px;}
  
  .md_gap62 { gap : 62px; }
  .md_columngap62 { column-gap : 62px;}
  .md_rowgap62 { row-gap : 62px;}
  
  .md_gap63 { gap : 63px; }
  .md_columngap63 { column-gap : 63px;}
  .md_rowgap63 { row-gap : 63px;}
  
  .md_gap64 { gap : 64px; }
  .md_columngap64 { column-gap : 64px;}
  .md_rowgap64 { row-gap : 64px;}
  
  .md_gap65 { gap : 65px; }
  .md_columngap65 { column-gap : 65px;}
  .md_rowgap65 { row-gap : 65px;}
  
  .md_gap66 { gap : 66px; }
  .md_columngap66 { column-gap : 66px;}
  .md_rowgap66 { row-gap : 66px;}
  
  .md_gap67 { gap : 67px; }
  .md_columngap67 { column-gap : 67px;}
  .md_rowgap67 { row-gap : 67px;}
  
  .md_gap68 { gap : 68px; }
  .md_columngap68 { column-gap : 68px;}
  .md_rowgap68 { row-gap : 68px;}
  
  .md_gap69 { gap : 69px; }
  .md_columngap69 { column-gap : 69px;}
  .md_rowgap69 { row-gap : 69px;}
  
  .md_gap70 { gap : 70px; }
  .md_columngap70 { column-gap : 70px;}
  .md_rowgap70 { row-gap : 70px;}
  
  .md_gap71 { gap : 71px; }
  .md_columngap71 { column-gap : 71px;}
  .md_rowgap71 { row-gap : 71px;}
  
  .md_gap72 { gap : 72px; }
  .md_columngap72 { column-gap : 72px;}
  .md_rowgap72 { row-gap : 72px;}
  
  .md_gap73 { gap : 73px; }
  .md_columngap73 { column-gap : 73px;}
  .md_rowgap73 { row-gap : 73px;}
  
  .md_gap74 { gap : 74px; }
  .md_columngap74 { column-gap : 74px;}
  .md_rowgap74 { row-gap : 74px;}
  
  .md_gap75 { gap : 75px; }
  .md_columngap75 { column-gap : 75px;}
  .md_rowgap75 { row-gap : 75px;}
  
  .md_gap76 { gap : 76px; }
  .md_columngap76 { column-gap : 76px;}
  .md_rowgap76 { row-gap : 76px;}
  
  .md_gap77 { gap : 77px; }
  .md_columngap77 { column-gap : 77px;}
  .md_rowgap77 { row-gap : 77px;}
  
  .md_gap78 { gap : 78px; }
  .md_columngap78 { column-gap : 78px;}
  .md_rowgap78 { row-gap : 78px;}
  
  .md_gap79 { gap : 79px; }
  .md_columngap79 { column-gap : 79px;}
  .md_rowgap79 { row-gap : 79px;}
  
  .md_gap80 { gap : 80px; }
  .md_columngap80 { column-gap : 80px;}
  .md_rowgap80 { row-gap : 80px;}
  
  .md_gap81 { gap : 81px; }
  .md_columngap81 { column-gap : 81px;}
  .md_rowgap81 { row-gap : 81px;}
  
  .md_gap82 { gap : 82px; }
  .md_columngap82 { column-gap : 82px;}
  .md_rowgap82 { row-gap : 82px;}
  
  .md_gap83 { gap : 83px; }
  .md_columngap83 { column-gap : 83px;}
  .md_rowgap83 { row-gap : 83px;}
  
  .md_gap84 { gap : 84px; }
  .md_columngap84 { column-gap : 84px;}
  .md_rowgap84 { row-gap : 84px;}
  
  .md_gap85 { gap : 85px; }
  .md_columngap85 { column-gap : 85px;}
  .md_rowgap85 { row-gap : 85px;}
  
  .md_gap86 { gap : 86px; }
  .md_columngap86 { column-gap : 86px;}
  .md_rowgap86 { row-gap : 86px;}
  
  .md_gap87 { gap : 87px; }
  .md_columngap87 { column-gap : 87px;}
  .md_rowgap87 { row-gap : 87px;}
  
  .md_gap88 { gap : 88px; }
  .md_columngap88 { column-gap : 88px;}
  .md_rowgap88 { row-gap : 88px;}
  
  .md_gap89 { gap : 89px; }
  .md_columngap89 { column-gap : 89px;}
  .md_rowgap89 { row-gap : 89px;}
  
  .md_gap90 { gap : 90px; }
  .md_columngap90 { column-gap : 90px;}
  .md_rowgap90 { row-gap : 90px;}
  
  .md_gap91 { gap : 91px; }
  .md_columngap91 { column-gap : 91px;}
  .md_rowgap91 { row-gap : 91px;}
  
  .md_gap92 { gap : 92px; }
  .md_columngap92 { column-gap : 92px;}
  .md_rowgap92 { row-gap : 92px;}
  
  .md_gap93 { gap : 93px; }
  .md_columngap93 { column-gap : 93px;}
  .md_rowgap93 { row-gap : 93px;}
  
  .md_gap94 { gap : 94px; }
  .md_columngap94 { column-gap : 94px;}
  .md_rowgap94 { row-gap : 94px;}
  
  .md_gap95 { gap : 95px; }
  .md_columngap95 { column-gap : 95px;}
  .md_rowgap95 { row-gap : 95px;}
  
  .md_gap96 { gap : 96px; }
  .md_columngap96 { column-gap : 96px;}
  .md_rowgap96 { row-gap : 96px;}
  
  .md_gap97 { gap : 97px; }
  .md_columngap97 { column-gap : 97px;}
  .md_rowgap97 { row-gap : 97px;}
  
  .md_gap98 { gap : 98px; }
  .md_columngap98 { column-gap : 98px;}
  .md_rowgap98 { row-gap : 98px;}
  
  .md_gap99 { gap : 99px; }
  .md_columngap99 { column-gap : 99px;}
  .md_rowgap99 { row-gap : 99px;}
  

  /* Custom Padding */
  
  .md_p1 { padding : 1px; }
  .md_pt1, .md_p1-0 { padding-top: 1px; }
  .md_pb1, .md_p1-0 { padding-bottom: 1px; }
  
  .md_p2 { padding : 2px; }
  .md_pt2, .md_p2-0 { padding-top: 2px; }
  .md_pb2, .md_p2-0 { padding-bottom: 2px; }
  
  .md_p3 { padding : 3px; }
  .md_pt3, .md_p3-0 { padding-top: 3px; }
  .md_pb3, .md_p3-0 { padding-bottom: 3px; }
  
  .md_p4 { padding : 4px; }
  .md_pt4, .md_p4-0 { padding-top: 4px; }
  .md_pb4, .md_p4-0 { padding-bottom: 4px; }
  
  .md_p5 { padding : 5px; }
  .md_pt5, .md_p5-0 { padding-top: 5px; }
  .md_pb5, .md_p5-0 { padding-bottom: 5px; }
  
  .md_p6 { padding : 6px; }
  .md_pt6, .md_p6-0 { padding-top: 6px; }
  .md_pb6, .md_p6-0 { padding-bottom: 6px; }
  
  .md_p7 { padding : 7px; }
  .md_pt7, .md_p7-0 { padding-top: 7px; }
  .md_pb7, .md_p7-0 { padding-bottom: 7px; }
  
  .md_p8 { padding : 8px; }
  .md_pt8, .md_p8-0 { padding-top: 8px; }
  .md_pb8, .md_p8-0 { padding-bottom: 8px; }
  
  .md_p9 { padding : 9px; }
  .md_pt9, .md_p9-0 { padding-top: 9px; }
  .md_pb9, .md_p9-0 { padding-bottom: 9px; }
  
  .md_p10 { padding : 10px; }
  .md_pt10, .md_p10-0 { padding-top: 10px; }
  .md_pb10, .md_p10-0 { padding-bottom: 10px; }
  
  .md_p11 { padding : 11px; }
  .md_pt11, .md_p11-0 { padding-top: 11px; }
  .md_pb11, .md_p11-0 { padding-bottom: 11px; }
  
  .md_p12 { padding : 12px; }
  .md_pt12, .md_p12-0 { padding-top: 12px; }
  .md_pb12, .md_p12-0 { padding-bottom: 12px; }
  
  .md_p13 { padding : 13px; }
  .md_pt13, .md_p13-0 { padding-top: 13px; }
  .md_pb13, .md_p13-0 { padding-bottom: 13px; }
  
  .md_p14 { padding : 14px; }
  .md_pt14, .md_p14-0 { padding-top: 14px; }
  .md_pb14, .md_p14-0 { padding-bottom: 14px; }
  
  .md_p15 { padding : 15px; }
  .md_pt15, .md_p15-0 { padding-top: 15px; }
  .md_pb15, .md_p15-0 { padding-bottom: 15px; }
  
  .md_p16 { padding : 16px; }
  .md_pt16, .md_p16-0 { padding-top: 16px; }
  .md_pb16, .md_p16-0 { padding-bottom: 16px; }
  
  .md_p17 { padding : 17px; }
  .md_pt17, .md_p17-0 { padding-top: 17px; }
  .md_pb17, .md_p17-0 { padding-bottom: 17px; }
  
  .md_p18 { padding : 18px; }
  .md_pt18, .md_p18-0 { padding-top: 18px; }
  .md_pb18, .md_p18-0 { padding-bottom: 18px; }
  
  .md_p19 { padding : 19px; }
  .md_pt19, .md_p19-0 { padding-top: 19px; }
  .md_pb19, .md_p19-0 { padding-bottom: 19px; }
  
  .md_p20 { padding : 20px; }
  .md_pt20, .md_p20-0 { padding-top: 20px; }
  .md_pb20, .md_p20-0 { padding-bottom: 20px; }
  
  .md_p21 { padding : 21px; }
  .md_pt21, .md_p21-0 { padding-top: 21px; }
  .md_pb21, .md_p21-0 { padding-bottom: 21px; }
  
  .md_p22 { padding : 22px; }
  .md_pt22, .md_p22-0 { padding-top: 22px; }
  .md_pb22, .md_p22-0 { padding-bottom: 22px; }
  
  .md_p23 { padding : 23px; }
  .md_pt23, .md_p23-0 { padding-top: 23px; }
  .md_pb23, .md_p23-0 { padding-bottom: 23px; }
  
  .md_p24 { padding : 24px; }
  .md_pt24, .md_p24-0 { padding-top: 24px; }
  .md_pb24, .md_p24-0 { padding-bottom: 24px; }
  
  .md_p25 { padding : 25px; }
  .md_pt25, .md_p25-0 { padding-top: 25px; }
  .md_pb25, .md_p25-0 { padding-bottom: 25px; }
  
  .md_p26 { padding : 26px; }
  .md_pt26, .md_p26-0 { padding-top: 26px; }
  .md_pb26, .md_p26-0 { padding-bottom: 26px; }
  
  .md_p27 { padding : 27px; }
  .md_pt27, .md_p27-0 { padding-top: 27px; }
  .md_pb27, .md_p27-0 { padding-bottom: 27px; }
  
  .md_p28 { padding : 28px; }
  .md_pt28, .md_p28-0 { padding-top: 28px; }
  .md_pb28, .md_p28-0 { padding-bottom: 28px; }
  
  .md_p29 { padding : 29px; }
  .md_pt29, .md_p29-0 { padding-top: 29px; }
  .md_pb29, .md_p29-0 { padding-bottom: 29px; }
  
  .md_p30 { padding : 30px; }
  .md_pt30, .md_p30-0 { padding-top: 30px; }
  .md_pb30, .md_p30-0 { padding-bottom: 30px; }
  
  .md_p31 { padding : 31px; }
  .md_pt31, .md_p31-0 { padding-top: 31px; }
  .md_pb31, .md_p31-0 { padding-bottom: 31px; }
  
  .md_p32 { padding : 32px; }
  .md_pt32, .md_p32-0 { padding-top: 32px; }
  .md_pb32, .md_p32-0 { padding-bottom: 32px; }
  
  .md_p33 { padding : 33px; }
  .md_pt33, .md_p33-0 { padding-top: 33px; }
  .md_pb33, .md_p33-0 { padding-bottom: 33px; }
  
  .md_p34 { padding : 34px; }
  .md_pt34, .md_p34-0 { padding-top: 34px; }
  .md_pb34, .md_p34-0 { padding-bottom: 34px; }
  
  .md_p35 { padding : 35px; }
  .md_pt35, .md_p35-0 { padding-top: 35px; }
  .md_pb35, .md_p35-0 { padding-bottom: 35px; }
  
  .md_p36 { padding : 36px; }
  .md_pt36, .md_p36-0 { padding-top: 36px; }
  .md_pb36, .md_p36-0 { padding-bottom: 36px; }
  
  .md_p37 { padding : 37px; }
  .md_pt37, .md_p37-0 { padding-top: 37px; }
  .md_pb37, .md_p37-0 { padding-bottom: 37px; }
  
  .md_p38 { padding : 38px; }
  .md_pt38, .md_p38-0 { padding-top: 38px; }
  .md_pb38, .md_p38-0 { padding-bottom: 38px; }
  
  .md_p39 { padding : 39px; }
  .md_pt39, .md_p39-0 { padding-top: 39px; }
  .md_pb39, .md_p39-0 { padding-bottom: 39px; }
  
  .md_p40 { padding : 40px; }
  .md_pt40, .md_p40-0 { padding-top: 40px; }
  .md_pb40, .md_p40-0 { padding-bottom: 40px; }
  
  .md_p41 { padding : 41px; }
  .md_pt41, .md_p41-0 { padding-top: 41px; }
  .md_pb41, .md_p41-0 { padding-bottom: 41px; }
  
  .md_p42 { padding : 42px; }
  .md_pt42, .md_p42-0 { padding-top: 42px; }
  .md_pb42, .md_p42-0 { padding-bottom: 42px; }
  
  .md_p43 { padding : 43px; }
  .md_pt43, .md_p43-0 { padding-top: 43px; }
  .md_pb43, .md_p43-0 { padding-bottom: 43px; }
  
  .md_p44 { padding : 44px; }
  .md_pt44, .md_p44-0 { padding-top: 44px; }
  .md_pb44, .md_p44-0 { padding-bottom: 44px; }
  
  .md_p45 { padding : 45px; }
  .md_pt45, .md_p45-0 { padding-top: 45px; }
  .md_pb45, .md_p45-0 { padding-bottom: 45px; }
  
  .md_p46 { padding : 46px; }
  .md_pt46, .md_p46-0 { padding-top: 46px; }
  .md_pb46, .md_p46-0 { padding-bottom: 46px; }
  
  .md_p47 { padding : 47px; }
  .md_pt47, .md_p47-0 { padding-top: 47px; }
  .md_pb47, .md_p47-0 { padding-bottom: 47px; }
  
  .md_p48 { padding : 48px; }
  .md_pt48, .md_p48-0 { padding-top: 48px; }
  .md_pb48, .md_p48-0 { padding-bottom: 48px; }
  
  .md_p49 { padding : 49px; }
  .md_pt49, .md_p49-0 { padding-top: 49px; }
  .md_pb49, .md_p49-0 { padding-bottom: 49px; }
  
  .md_p50 { padding : 50px; }
  .md_pt50, .md_p50-0 { padding-top: 50px; }
  .md_pb50, .md_p50-0 { padding-bottom: 50px; }
  
  .md_p51 { padding : 51px; }
  .md_pt51, .md_p51-0 { padding-top: 51px; }
  .md_pb51, .md_p51-0 { padding-bottom: 51px; }
  
  .md_p52 { padding : 52px; }
  .md_pt52, .md_p52-0 { padding-top: 52px; }
  .md_pb52, .md_p52-0 { padding-bottom: 52px; }
  
  .md_p53 { padding : 53px; }
  .md_pt53, .md_p53-0 { padding-top: 53px; }
  .md_pb53, .md_p53-0 { padding-bottom: 53px; }
  
  .md_p54 { padding : 54px; }
  .md_pt54, .md_p54-0 { padding-top: 54px; }
  .md_pb54, .md_p54-0 { padding-bottom: 54px; }
  
  .md_p55 { padding : 55px; }
  .md_pt55, .md_p55-0 { padding-top: 55px; }
  .md_pb55, .md_p55-0 { padding-bottom: 55px; }
  
  .md_p56 { padding : 56px; }
  .md_pt56, .md_p56-0 { padding-top: 56px; }
  .md_pb56, .md_p56-0 { padding-bottom: 56px; }
  
  .md_p57 { padding : 57px; }
  .md_pt57, .md_p57-0 { padding-top: 57px; }
  .md_pb57, .md_p57-0 { padding-bottom: 57px; }
  
  .md_p58 { padding : 58px; }
  .md_pt58, .md_p58-0 { padding-top: 58px; }
  .md_pb58, .md_p58-0 { padding-bottom: 58px; }
  
  .md_p59 { padding : 59px; }
  .md_pt59, .md_p59-0 { padding-top: 59px; }
  .md_pb59, .md_p59-0 { padding-bottom: 59px; }
  
  .md_p60 { padding : 60px; }
  .md_pt60, .md_p60-0 { padding-top: 60px; }
  .md_pb60, .md_p60-0 { padding-bottom: 60px; }
  
  .md_p61 { padding : 61px; }
  .md_pt61, .md_p61-0 { padding-top: 61px; }
  .md_pb61, .md_p61-0 { padding-bottom: 61px; }
  
  .md_p62 { padding : 62px; }
  .md_pt62, .md_p62-0 { padding-top: 62px; }
  .md_pb62, .md_p62-0 { padding-bottom: 62px; }
  
  .md_p63 { padding : 63px; }
  .md_pt63, .md_p63-0 { padding-top: 63px; }
  .md_pb63, .md_p63-0 { padding-bottom: 63px; }
  
  .md_p64 { padding : 64px; }
  .md_pt64, .md_p64-0 { padding-top: 64px; }
  .md_pb64, .md_p64-0 { padding-bottom: 64px; }
  
  .md_p65 { padding : 65px; }
  .md_pt65, .md_p65-0 { padding-top: 65px; }
  .md_pb65, .md_p65-0 { padding-bottom: 65px; }
  
  .md_p66 { padding : 66px; }
  .md_pt66, .md_p66-0 { padding-top: 66px; }
  .md_pb66, .md_p66-0 { padding-bottom: 66px; }
  
  .md_p67 { padding : 67px; }
  .md_pt67, .md_p67-0 { padding-top: 67px; }
  .md_pb67, .md_p67-0 { padding-bottom: 67px; }
  
  .md_p68 { padding : 68px; }
  .md_pt68, .md_p68-0 { padding-top: 68px; }
  .md_pb68, .md_p68-0 { padding-bottom: 68px; }
  
  .md_p69 { padding : 69px; }
  .md_pt69, .md_p69-0 { padding-top: 69px; }
  .md_pb69, .md_p69-0 { padding-bottom: 69px; }
  
  .md_p70 { padding : 70px; }
  .md_pt70, .md_p70-0 { padding-top: 70px; }
  .md_pb70, .md_p70-0 { padding-bottom: 70px; }
  
  .md_p71 { padding : 71px; }
  .md_pt71, .md_p71-0 { padding-top: 71px; }
  .md_pb71, .md_p71-0 { padding-bottom: 71px; }
  
  .md_p72 { padding : 72px; }
  .md_pt72, .md_p72-0 { padding-top: 72px; }
  .md_pb72, .md_p72-0 { padding-bottom: 72px; }
  
  .md_p73 { padding : 73px; }
  .md_pt73, .md_p73-0 { padding-top: 73px; }
  .md_pb73, .md_p73-0 { padding-bottom: 73px; }
  
  .md_p74 { padding : 74px; }
  .md_pt74, .md_p74-0 { padding-top: 74px; }
  .md_pb74, .md_p74-0 { padding-bottom: 74px; }
  
  .md_p75 { padding : 75px; }
  .md_pt75, .md_p75-0 { padding-top: 75px; }
  .md_pb75, .md_p75-0 { padding-bottom: 75px; }
  
  .md_p76 { padding : 76px; }
  .md_pt76, .md_p76-0 { padding-top: 76px; }
  .md_pb76, .md_p76-0 { padding-bottom: 76px; }
  
  .md_p77 { padding : 77px; }
  .md_pt77, .md_p77-0 { padding-top: 77px; }
  .md_pb77, .md_p77-0 { padding-bottom: 77px; }
  
  .md_p78 { padding : 78px; }
  .md_pt78, .md_p78-0 { padding-top: 78px; }
  .md_pb78, .md_p78-0 { padding-bottom: 78px; }
  
  .md_p79 { padding : 79px; }
  .md_pt79, .md_p79-0 { padding-top: 79px; }
  .md_pb79, .md_p79-0 { padding-bottom: 79px; }
  
  .md_p80 { padding : 80px; }
  .md_pt80, .md_p80-0 { padding-top: 80px; }
  .md_pb80, .md_p80-0 { padding-bottom: 80px; }
  
  .md_p81 { padding : 81px; }
  .md_pt81, .md_p81-0 { padding-top: 81px; }
  .md_pb81, .md_p81-0 { padding-bottom: 81px; }
  
  .md_p82 { padding : 82px; }
  .md_pt82, .md_p82-0 { padding-top: 82px; }
  .md_pb82, .md_p82-0 { padding-bottom: 82px; }
  
  .md_p83 { padding : 83px; }
  .md_pt83, .md_p83-0 { padding-top: 83px; }
  .md_pb83, .md_p83-0 { padding-bottom: 83px; }
  
  .md_p84 { padding : 84px; }
  .md_pt84, .md_p84-0 { padding-top: 84px; }
  .md_pb84, .md_p84-0 { padding-bottom: 84px; }
  
  .md_p85 { padding : 85px; }
  .md_pt85, .md_p85-0 { padding-top: 85px; }
  .md_pb85, .md_p85-0 { padding-bottom: 85px; }
  
  .md_p86 { padding : 86px; }
  .md_pt86, .md_p86-0 { padding-top: 86px; }
  .md_pb86, .md_p86-0 { padding-bottom: 86px; }
  
  .md_p87 { padding : 87px; }
  .md_pt87, .md_p87-0 { padding-top: 87px; }
  .md_pb87, .md_p87-0 { padding-bottom: 87px; }
  
  .md_p88 { padding : 88px; }
  .md_pt88, .md_p88-0 { padding-top: 88px; }
  .md_pb88, .md_p88-0 { padding-bottom: 88px; }
  
  .md_p89 { padding : 89px; }
  .md_pt89, .md_p89-0 { padding-top: 89px; }
  .md_pb89, .md_p89-0 { padding-bottom: 89px; }
  
  .md_p90 { padding : 90px; }
  .md_pt90, .md_p90-0 { padding-top: 90px; }
  .md_pb90, .md_p90-0 { padding-bottom: 90px; }
  
  .md_p91 { padding : 91px; }
  .md_pt91, .md_p91-0 { padding-top: 91px; }
  .md_pb91, .md_p91-0 { padding-bottom: 91px; }
  
  .md_p92 { padding : 92px; }
  .md_pt92, .md_p92-0 { padding-top: 92px; }
  .md_pb92, .md_p92-0 { padding-bottom: 92px; }
  
  .md_p93 { padding : 93px; }
  .md_pt93, .md_p93-0 { padding-top: 93px; }
  .md_pb93, .md_p93-0 { padding-bottom: 93px; }
  
  .md_p94 { padding : 94px; }
  .md_pt94, .md_p94-0 { padding-top: 94px; }
  .md_pb94, .md_p94-0 { padding-bottom: 94px; }
  
  .md_p95 { padding : 95px; }
  .md_pt95, .md_p95-0 { padding-top: 95px; }
  .md_pb95, .md_p95-0 { padding-bottom: 95px; }
  
  .md_p96 { padding : 96px; }
  .md_pt96, .md_p96-0 { padding-top: 96px; }
  .md_pb96, .md_p96-0 { padding-bottom: 96px; }
  
  .md_p97 { padding : 97px; }
  .md_pt97, .md_p97-0 { padding-top: 97px; }
  .md_pb97, .md_p97-0 { padding-bottom: 97px; }
  
  .md_p98 { padding : 98px; }
  .md_pt98, .md_p98-0 { padding-top: 98px; }
  .md_pb98, .md_p98-0 { padding-bottom: 98px; }
  
  .md_p99 { padding : 99px; }
  .md_pt99, .md_p99-0 { padding-top: 99px; }
  .md_pb99, .md_p99-0 { padding-bottom: 99px; }
  


.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxLTCol {  max-width: 50%;    padding: 41px 0;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol {    max-width: 50%;    margin-right: -30px;    margin-bottom: -40px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn {    padding: 39px 20px;    gap: 20px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol img {object-position: left;}

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol {    max-width: 100%;}
.Howitworkintabbox .HowitworkintabboxIn {    flex-wrap: wrap;    justify-content: flex-end;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {    max-width: 400px;    margin-top: -55px;}

.ConnectwithusSection .ConnectwithusInSec {  gap: 32px;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection {  max-width: 50%;}

.PlanFeaturesInSec .PlanFeaturesTablebox table {  border-spacing: 15px 0;}
.PlanFeaturesInSec .PlanFeaturesTablebox {   margin: 0 -15px;}

.LContentRImageBox {  padding: 50px;}

.QuesAnsTabBoxSection {  padding: 64px 0;}

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {  height: 300px;}

.SecurityTwoColLogoSection {   gap: 24px;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox {  max-width: calc(25% - 18px);}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox .SecurityTwoColLogoBoxImage {  height: 180px;}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec {  gap: 24px;}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox {  max-width: calc(50% - 12px);}

.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageLTCol {  max-width: 50%;}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageRTCol {  max-width: calc(50% - 24px);}
.LContentRImageSection.Version1 .LContentRImageBox {  align-items: stretch;}

.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxImage {  height: 310px;}

.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox {  height: 150px;}


.WhoWeServeColBoxSec .WhoWeServeColBox {   height: 350px;}
.WhoWeServeColBoxSec .WhoWeServeColBox .WhoWeServeColBoxfront .WhoWeServeColBoxTitle h6 {   font-size: 16px;}
.WhoWeServeColBoxSec .WhoWeServeColBox:hover .WhoWeServeColBoxBack .WhoWeServeColBoxIntitle h6 {  font-size: 16px;}
.WhoWeServeColBoxSec .WhoWeServeColBox:hover .WhoWeServeColBoxBack .WhoWeServeColBoxContent p {  font-size: 16px;}

}

@media (max-width : 1080px){
  h6, .h6 {  font-size: 18px;   line-height: 1.2;}
h5, .h5 {   font-size: 26px;}
.HcorefeaturesBoxSection {  gap: 24px;}
.HcorefeaturesBoxSection .HcorefeaturesBox {  max-width: calc(50% - 12px);}

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {  max-width: 400px;}
.FAQImageTwoColsec .FAQImageimgcol {  max-width: calc(100% - (423px + 50px));}

.ContactFormInSec .ContactFormRTCol {  padding: 32px;}
.ContactMapTitlesec .ContactMapTitle {    max-width: 50%;}
.ContactMapTitlesec .ContactMapImage {    max-width: calc(50% - 16px);}

.RecentblogBoxSection .RecentblogBox .RecentblogBoxLTCol {  max-width: 40%;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxRTCol {   max-width: calc(60% - 24px);}

.OurteamBoxSection .OurteamBox {  max-width: calc(50% - 8px);}
.OurteamInSec .OurteamTitle {  padding-top: 30px;}

.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox {   gap: 50px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxCnt {  max-width: calc(100% - (424px + 50px));}
.WhoWeServeColBoxSec .WhoWeServeColBox {   max-width: calc(50% - 12px);}

}

@media (max-width : 1024px){
  h1,.h1 { font-size: calc(80px - 1.2rem );}

}


@media (max-width : 991px){

  
  h1,.h1 { font-size: calc(80px - 1.2rem );}
  h2,.h2 { font-size: calc(44px - 0.5rem);}
  h3,.h3 { font-size: calc(40px - 0.6rem);}
  

  .HomeHeroInSec .HomeHeroImageCol { display: none;}
  .HomeHeroInSec {  margin-right: 0;}
.HomeHeroInSec .HomeHeroTitleSection {  max-width: 100%;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxLTCol {  max-width: 100%;    padding: 0;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol {    margin-top: -100px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn {    justify-content: flex-end;}
.HomewwsTabTestimonialBoxIn {    padding: 16px 32px;    gap: 16px;}
.HomewwsTabTestimonialBoxIn .HomewwsTabTestimonialBoxCntcol {  max-width: calc(100% - 174px);}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxCntCol {   padding: 24px;}
.HomeCTASection .HomeCTAInSec .HomeCTATitleSec {    padding: 0 30px;}


.HsuccessstoriesSliderSection button.slick-prev {  left: calc((100%/2) / 3);}
.HsuccessstoriesSliderSection button.slick-next {  right: calc((100%/2) / 3);}

.FAQImageTwoColsec {  padding-top: 50px;}
.HowitworktabmainBox .HowitworktabmainBoxIn .HowitworkintabboxSection {  max-width: 100%;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn {   max-width: 100%;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li {    width: calc(50% - 5px);}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul {  display: flex;    align-items: center;    flex-wrap: wrap;    gap: 15px 10px;}
.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li+* {    margin-top: 0;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {    margin-right: -20px; max-width: 350px;}
.FAQImageTwoColsec .FAQImagefaqSec {    max-width: 55%;}
.FAQImageTwoColsec {    gap: 20px;}
.FAQImageTwoColsec .FAQImageimgcol {   max-width: calc(45% - 20px);    margin-top: 0;}


.ContactFormInSec .ContactFormLTCol {  max-width: 100%;    order: 2;}
.ContactFormInSec .ContactFormRTCol {  max-width: 100%;}
.ContactFormInSec .ContactFormLTCol iframe {    min-height: 400px;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusTitleSec {    max-width: 100%;}
.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection {    max-width: 100%;}
.ThreeColumnBoxSec .ThreeColumnBox {    max-width: calc(50% - 12px);}
.ContactMapTitlesec .ContactMapTitle {    max-width: 100%;}
.ContactMapTitlesec .ContactMapImage {    max-width: 100%;}

.RecentblogBoxSection .RecentblogBox {  max-width: 80%;}
.RecentblogBoxSection {  justify-content: center;}

.HeroBannerFormInSec .HeroBannerFormTitleSec {  max-width: 100%;}
.HeroBannerFormInSec .HeroBannerFormBox {  max-width: 100%;}
.TwoColCntImgInSec .TwoColCntImgTitleSec {  max-width: 100%;}
.TwoColCntImgInSec .TwoColCntImgRTImg {  max-width: 100%;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox {    max-width: calc(50% - 10px);}
.PlanFeaturesInSec .PlanFeaturesTablebox table {    width: 992px;    overflow-x: hidden;}
.PlanFeaturesInSec .PlanFeaturesTablebox {    overflow-x: auto;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxLTCol {    max-width: 100%;}
.AddonsSliderBoxSection .AddonsSliderBoxMain .AddonsSliderBox .AddonsSliderBoxRTCol {    max-width: 100%;}
.LContentRImageBox .LContentRImageLTCol {    max-width: 100%;}
.LContentRImageBox .LContentRImageRTCol {    max-width: 100%;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:first-child {  white-space: nowrap;}

.QuesAnsTabBoxSection {   gap: 24px;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol {  max-width: 100%;}
.QuesAnsTabBoxSection .QuesAnsTabBoxRTCol {    max-width: 100%;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol span.QuesAnsTabBoxLTSelected { display: block !important;    width: 100%;    padding: 10px 50px 10px 23px;    color: #C80286;    font-weight: 600;    letter-spacing: -0.40px;    line-height: 1.625;    font-size: 16px;    width: 100%;    border: 1px solid transparent;    border-radius: 100px;    position: relative;    backdrop-filter: blur(70px);    box-shadow: 0px 4px 25px 0px #FF40B31F;    border-color: #fff;    background: linear-gradient(0.5deg, rgba(233, 233, 233, 0.35) 0.41%, rgba(230, 230, 230, 0) 99.59%),linear-gradient(180deg, #FFF4FC 0%, #FFECF9 100%);}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol {    position: relative;    background: transparent;    box-shadow: unset;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol ul {    position: absolute;    width: 100%;    left: 0;    top: 100%;    background: linear-gradient(180deg, #F6F1FC 0%, #FFFFFF 100%), linear-gradient(180deg, rgba(255, 236, 249, 0.25) 0%, rgba(255, 244, 252, 0.25) 100%);    box-shadow: 0px 0px 1px 1px #FFFFFF inset, 0px 20px 20px -4px #00000003, 0px 6.38px 6.38px -3px #00000008, 0px 2.41px 2.41px -2px #0000000A, 0px 0.8px 0.8px -1px #0000000A;    border-radius: 12px;    padding: 16px 24px;    display: none; z-index:9}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol span.QuesAnsTabBoxLTSelected:before {  position: absolute;    content: "";    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23c80286' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");    width: 24px;    right: 24px;    height: 24px;    top: 50%;    transform: translateY(-50%);    background-repeat: no-repeat;    background-size: contain;   background-position: center center; transition: all ease-in-out 0.3s;}
.QuesAnsTabBoxSection .QuesAnsTabBoxLTCol span.QuesAnsTabBoxLTSelected.active:before {  transform: translateY(-50%) rotate(180deg);}


.SecurityTwoColLogoSection .SecurityTwoColLogoBox {  max-width: calc(33.33% - 16px);}
.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox {  max-width: 100%;}

.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageLTCol {   max-width: 100%;    order: 2;}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageRTCol {  max-width: 100%;}
.LContentRImageSection.Version1 .LContentRImageBox {  padding: 32px;}
.AboutGridColBoxCounter .AboutGridColBoxCNum h3 {  font-size: 25px;}
.AboutGridColBoxCounter .AboutGridColBoxCText p {  font-size: 14px;}
.AboutGridColBoxCounter {   padding: 10px;}
.AboutGridColBoxSection {   grid-column-gap: 8px;    grid-row-gap: 8px;}

.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox .SecurityTwoColLogoBoxImage {  width: 100%;    height: 180px;}
.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox .SecurityTwoColLogoBoxCnt {   padding: 12px 0;}

.UpcomingEventBoxSection {  gap: 16px;}
.UpcomingEventBoxSection .UpcomingEventBox {  max-width: calc(50% - 8px);}
.TwoColMuImageInSec .TwoColMuImageTitleSec {  max-width: 100%;}
.TwoColMuImageInSec .TwoColMuImageBoxSec {  max-width: 100%;}
.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox {  height: 194px;}


.BannerCounterInSec .BannerCounterBoxSec {  gap: 20px;}
.BannerCounterInSec .BannerCounterBoxSec .BannerCounterBox .BannerCounterBoxNumber h2 {  font-size: 45px;}
.BannerCounterInSec .BannerCounterBoxSec .BannerCounterBox {  padding: 16px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox {  gap: 24px;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxImg {  max-width: calc(50% - 12px);}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxCnt {  max-width: calc(50% - 12px);}


}


@media (max-width : 767px){
  h1,.h1 { font-size: calc(80px - 1.6rem );}
  h2,.h2 { font-size: calc(44px - 0.7rem); }
  h3,.h3 { font-size: calc(40px - 1rem);}
  h4,.h4 { font-size: calc(38px - 0.8rem);}
  h5, .h5 {  font-size: 24px;}
  .font24 a,.font24, .font24 p,.font24 * { font-size: 20px; }
  .content-wrapper { max-width: 100%;}
 .font_large, .font_large p, .font_large a { font-size: 18px; }

  /* flex-gap */
  
  .sm_gap1 { gap : 1px; }
  .sm_columngap1 { column-gap : 1px;}
  .sm_rowgap1 { row-gap : 1px;}
  
  .sm_gap2 { gap : 2px; }
  .sm_columngap2 { column-gap : 2px;}
  .sm_rowgap2 { row-gap : 2px;}
  
  .sm_gap3 { gap : 3px; }
  .sm_columngap3 { column-gap : 3px;}
  .sm_rowgap3 { row-gap : 3px;}
  
  .sm_gap4 { gap : 4px; }
  .sm_columngap4 { column-gap : 4px;}
  .sm_rowgap4 { row-gap : 4px;}
  
  .sm_gap5 { gap : 5px; }
  .sm_columngap5 { column-gap : 5px;}
  .sm_rowgap5 { row-gap : 5px;}
  
  .sm_gap6 { gap : 6px; }
  .sm_columngap6 { column-gap : 6px;}
  .sm_rowgap6 { row-gap : 6px;}
  
  .sm_gap7 { gap : 7px; }
  .sm_columngap7 { column-gap : 7px;}
  .sm_rowgap7 { row-gap : 7px;}
  
  .sm_gap8 { gap : 8px; }
  .sm_columngap8 { column-gap : 8px;}
  .sm_rowgap8 { row-gap : 8px;}
  
  .sm_gap9 { gap : 9px; }
  .sm_columngap9 { column-gap : 9px;}
  .sm_rowgap9 { row-gap : 9px;}
  
  .sm_gap10 { gap : 10px; }
  .sm_columngap10 { column-gap : 10px;}
  .sm_rowgap10 { row-gap : 10px;}
  
  .sm_gap11 { gap : 11px; }
  .sm_columngap11 { column-gap : 11px;}
  .sm_rowgap11 { row-gap : 11px;}
  
  .sm_gap12 { gap : 12px; }
  .sm_columngap12 { column-gap : 12px;}
  .sm_rowgap12 { row-gap : 12px;}
  
  .sm_gap13 { gap : 13px; }
  .sm_columngap13 { column-gap : 13px;}
  .sm_rowgap13 { row-gap : 13px;}
  
  .sm_gap14 { gap : 14px; }
  .sm_columngap14 { column-gap : 14px;}
  .sm_rowgap14 { row-gap : 14px;}
  
  .sm_gap15 { gap : 15px; }
  .sm_columngap15 { column-gap : 15px;}
  .sm_rowgap15 { row-gap : 15px;}
  
  .sm_gap16 { gap : 16px; }
  .sm_columngap16 { column-gap : 16px;}
  .sm_rowgap16 { row-gap : 16px;}
  
  .sm_gap17 { gap : 17px; }
  .sm_columngap17 { column-gap : 17px;}
  .sm_rowgap17 { row-gap : 17px;}
  
  .sm_gap18 { gap : 18px; }
  .sm_columngap18 { column-gap : 18px;}
  .sm_rowgap18 { row-gap : 18px;}
  
  .sm_gap19 { gap : 19px; }
  .sm_columngap19 { column-gap : 19px;}
  .sm_rowgap19 { row-gap : 19px;}
  
  .sm_gap20 { gap : 20px; }
  .sm_columngap20 { column-gap : 20px;}
  .sm_rowgap20 { row-gap : 20px;}
  
  .sm_gap21 { gap : 21px; }
  .sm_columngap21 { column-gap : 21px;}
  .sm_rowgap21 { row-gap : 21px;}
  
  .sm_gap22 { gap : 22px; }
  .sm_columngap22 { column-gap : 22px;}
  .sm_rowgap22 { row-gap : 22px;}
  
  .sm_gap23 { gap : 23px; }
  .sm_columngap23 { column-gap : 23px;}
  .sm_rowgap23 { row-gap : 23px;}
  
  .sm_gap24 { gap : 24px; }
  .sm_columngap24 { column-gap : 24px;}
  .sm_rowgap24 { row-gap : 24px;}
  
  .sm_gap25 { gap : 25px; }
  .sm_columngap25 { column-gap : 25px;}
  .sm_rowgap25 { row-gap : 25px;}
  
  .sm_gap26 { gap : 26px; }
  .sm_columngap26 { column-gap : 26px;}
  .sm_rowgap26 { row-gap : 26px;}
  
  .sm_gap27 { gap : 27px; }
  .sm_columngap27 { column-gap : 27px;}
  .sm_rowgap27 { row-gap : 27px;}
  
  .sm_gap28 { gap : 28px; }
  .sm_columngap28 { column-gap : 28px;}
  .sm_rowgap28 { row-gap : 28px;}
  
  .sm_gap29 { gap : 29px; }
  .sm_columngap29 { column-gap : 29px;}
  .sm_rowgap29 { row-gap : 29px;}
  
  .sm_gap30 { gap : 30px; }
  .sm_columngap30 { column-gap : 30px;}
  .sm_rowgap30 { row-gap : 30px;}
  
  .sm_gap31 { gap : 31px; }
  .sm_columngap31 { column-gap : 31px;}
  .sm_rowgap31 { row-gap : 31px;}
  
  .sm_gap32 { gap : 32px; }
  .sm_columngap32 { column-gap : 32px;}
  .sm_rowgap32 { row-gap : 32px;}
  
  .sm_gap33 { gap : 33px; }
  .sm_columngap33 { column-gap : 33px;}
  .sm_rowgap33 { row-gap : 33px;}
  
  .sm_gap34 { gap : 34px; }
  .sm_columngap34 { column-gap : 34px;}
  .sm_rowgap34 { row-gap : 34px;}
  
  .sm_gap35 { gap : 35px; }
  .sm_columngap35 { column-gap : 35px;}
  .sm_rowgap35 { row-gap : 35px;}
  
  .sm_gap36 { gap : 36px; }
  .sm_columngap36 { column-gap : 36px;}
  .sm_rowgap36 { row-gap : 36px;}
  
  .sm_gap37 { gap : 37px; }
  .sm_columngap37 { column-gap : 37px;}
  .sm_rowgap37 { row-gap : 37px;}
  
  .sm_gap38 { gap : 38px; }
  .sm_columngap38 { column-gap : 38px;}
  .sm_rowgap38 { row-gap : 38px;}
  
  .sm_gap39 { gap : 39px; }
  .sm_columngap39 { column-gap : 39px;}
  .sm_rowgap39 { row-gap : 39px;}
  
  .sm_gap40 { gap : 40px; }
  .sm_columngap40 { column-gap : 40px;}
  .sm_rowgap40 { row-gap : 40px;}
  
  .sm_gap41 { gap : 41px; }
  .sm_columngap41 { column-gap : 41px;}
  .sm_rowgap41 { row-gap : 41px;}
  
  .sm_gap42 { gap : 42px; }
  .sm_columngap42 { column-gap : 42px;}
  .sm_rowgap42 { row-gap : 42px;}
  
  .sm_gap43 { gap : 43px; }
  .sm_columngap43 { column-gap : 43px;}
  .sm_rowgap43 { row-gap : 43px;}
  
  .sm_gap44 { gap : 44px; }
  .sm_columngap44 { column-gap : 44px;}
  .sm_rowgap44 { row-gap : 44px;}
  
  .sm_gap45 { gap : 45px; }
  .sm_columngap45 { column-gap : 45px;}
  .sm_rowgap45 { row-gap : 45px;}
  
  .sm_gap46 { gap : 46px; }
  .sm_columngap46 { column-gap : 46px;}
  .sm_rowgap46 { row-gap : 46px;}
  
  .sm_gap47 { gap : 47px; }
  .sm_columngap47 { column-gap : 47px;}
  .sm_rowgap47 { row-gap : 47px;}
  
  .sm_gap48 { gap : 48px; }
  .sm_columngap48 { column-gap : 48px;}
  .sm_rowgap48 { row-gap : 48px;}
  
  .sm_gap49 { gap : 49px; }
  .sm_columngap49 { column-gap : 49px;}
  .sm_rowgap49 { row-gap : 49px;}
  
  .sm_gap50 { gap : 50px; }
  .sm_columngap50 { column-gap : 50px;}
  .sm_rowgap50 { row-gap : 50px;}
  
  .sm_gap51 { gap : 51px; }
  .sm_columngap51 { column-gap : 51px;}
  .sm_rowgap51 { row-gap : 51px;}
  
  .sm_gap52 { gap : 52px; }
  .sm_columngap52 { column-gap : 52px;}
  .sm_rowgap52 { row-gap : 52px;}
  
  .sm_gap53 { gap : 53px; }
  .sm_columngap53 { column-gap : 53px;}
  .sm_rowgap53 { row-gap : 53px;}
  
  .sm_gap54 { gap : 54px; }
  .sm_columngap54 { column-gap : 54px;}
  .sm_rowgap54 { row-gap : 54px;}
  
  .sm_gap55 { gap : 55px; }
  .sm_columngap55 { column-gap : 55px;}
  .sm_rowgap55 { row-gap : 55px;}
  
  .sm_gap56 { gap : 56px; }
  .sm_columngap56 { column-gap : 56px;}
  .sm_rowgap56 { row-gap : 56px;}
  
  .sm_gap57 { gap : 57px; }
  .sm_columngap57 { column-gap : 57px;}
  .sm_rowgap57 { row-gap : 57px;}
  
  .sm_gap58 { gap : 58px; }
  .sm_columngap58 { column-gap : 58px;}
  .sm_rowgap58 { row-gap : 58px;}
  
  .sm_gap59 { gap : 59px; }
  .sm_columngap59 { column-gap : 59px;}
  .sm_rowgap59 { row-gap : 59px;}
  
  .sm_gap60 { gap : 60px; }
  .sm_columngap60 { column-gap : 60px;}
  .sm_rowgap60 { row-gap : 60px;}
  
  .sm_gap61 { gap : 61px; }
  .sm_columngap61 { column-gap : 61px;}
  .sm_rowgap61 { row-gap : 61px;}
  
  .sm_gap62 { gap : 62px; }
  .sm_columngap62 { column-gap : 62px;}
  .sm_rowgap62 { row-gap : 62px;}
  
  .sm_gap63 { gap : 63px; }
  .sm_columngap63 { column-gap : 63px;}
  .sm_rowgap63 { row-gap : 63px;}
  
  .sm_gap64 { gap : 64px; }
  .sm_columngap64 { column-gap : 64px;}
  .sm_rowgap64 { row-gap : 64px;}
  
  .sm_gap65 { gap : 65px; }
  .sm_columngap65 { column-gap : 65px;}
  .sm_rowgap65 { row-gap : 65px;}
  
  .sm_gap66 { gap : 66px; }
  .sm_columngap66 { column-gap : 66px;}
  .sm_rowgap66 { row-gap : 66px;}
  
  .sm_gap67 { gap : 67px; }
  .sm_columngap67 { column-gap : 67px;}
  .sm_rowgap67 { row-gap : 67px;}
  
  .sm_gap68 { gap : 68px; }
  .sm_columngap68 { column-gap : 68px;}
  .sm_rowgap68 { row-gap : 68px;}
  
  .sm_gap69 { gap : 69px; }
  .sm_columngap69 { column-gap : 69px;}
  .sm_rowgap69 { row-gap : 69px;}
  
  .sm_gap70 { gap : 70px; }
  .sm_columngap70 { column-gap : 70px;}
  .sm_rowgap70 { row-gap : 70px;}
  
  .sm_gap71 { gap : 71px; }
  .sm_columngap71 { column-gap : 71px;}
  .sm_rowgap71 { row-gap : 71px;}
  
  .sm_gap72 { gap : 72px; }
  .sm_columngap72 { column-gap : 72px;}
  .sm_rowgap72 { row-gap : 72px;}
  
  .sm_gap73 { gap : 73px; }
  .sm_columngap73 { column-gap : 73px;}
  .sm_rowgap73 { row-gap : 73px;}
  
  .sm_gap74 { gap : 74px; }
  .sm_columngap74 { column-gap : 74px;}
  .sm_rowgap74 { row-gap : 74px;}
  
  .sm_gap75 { gap : 75px; }
  .sm_columngap75 { column-gap : 75px;}
  .sm_rowgap75 { row-gap : 75px;}
  
  .sm_gap76 { gap : 76px; }
  .sm_columngap76 { column-gap : 76px;}
  .sm_rowgap76 { row-gap : 76px;}
  
  .sm_gap77 { gap : 77px; }
  .sm_columngap77 { column-gap : 77px;}
  .sm_rowgap77 { row-gap : 77px;}
  
  .sm_gap78 { gap : 78px; }
  .sm_columngap78 { column-gap : 78px;}
  .sm_rowgap78 { row-gap : 78px;}
  
  .sm_gap79 { gap : 79px; }
  .sm_columngap79 { column-gap : 79px;}
  .sm_rowgap79 { row-gap : 79px;}
  
  .sm_gap80 { gap : 80px; }
  .sm_columngap80 { column-gap : 80px;}
  .sm_rowgap80 { row-gap : 80px;}
  
  .sm_gap81 { gap : 81px; }
  .sm_columngap81 { column-gap : 81px;}
  .sm_rowgap81 { row-gap : 81px;}
  
  .sm_gap82 { gap : 82px; }
  .sm_columngap82 { column-gap : 82px;}
  .sm_rowgap82 { row-gap : 82px;}
  
  .sm_gap83 { gap : 83px; }
  .sm_columngap83 { column-gap : 83px;}
  .sm_rowgap83 { row-gap : 83px;}
  
  .sm_gap84 { gap : 84px; }
  .sm_columngap84 { column-gap : 84px;}
  .sm_rowgap84 { row-gap : 84px;}
  
  .sm_gap85 { gap : 85px; }
  .sm_columngap85 { column-gap : 85px;}
  .sm_rowgap85 { row-gap : 85px;}
  
  .sm_gap86 { gap : 86px; }
  .sm_columngap86 { column-gap : 86px;}
  .sm_rowgap86 { row-gap : 86px;}
  
  .sm_gap87 { gap : 87px; }
  .sm_columngap87 { column-gap : 87px;}
  .sm_rowgap87 { row-gap : 87px;}
  
  .sm_gap88 { gap : 88px; }
  .sm_columngap88 { column-gap : 88px;}
  .sm_rowgap88 { row-gap : 88px;}
  
  .sm_gap89 { gap : 89px; }
  .sm_columngap89 { column-gap : 89px;}
  .sm_rowgap89 { row-gap : 89px;}
  
  .sm_gap90 { gap : 90px; }
  .sm_columngap90 { column-gap : 90px;}
  .sm_rowgap90 { row-gap : 90px;}
  
  .sm_gap91 { gap : 91px; }
  .sm_columngap91 { column-gap : 91px;}
  .sm_rowgap91 { row-gap : 91px;}
  
  .sm_gap92 { gap : 92px; }
  .sm_columngap92 { column-gap : 92px;}
  .sm_rowgap92 { row-gap : 92px;}
  
  .sm_gap93 { gap : 93px; }
  .sm_columngap93 { column-gap : 93px;}
  .sm_rowgap93 { row-gap : 93px;}
  
  .sm_gap94 { gap : 94px; }
  .sm_columngap94 { column-gap : 94px;}
  .sm_rowgap94 { row-gap : 94px;}
  
  .sm_gap95 { gap : 95px; }
  .sm_columngap95 { column-gap : 95px;}
  .sm_rowgap95 { row-gap : 95px;}
  
  .sm_gap96 { gap : 96px; }
  .sm_columngap96 { column-gap : 96px;}
  .sm_rowgap96 { row-gap : 96px;}
  
  .sm_gap97 { gap : 97px; }
  .sm_columngap97 { column-gap : 97px;}
  .sm_rowgap97 { row-gap : 97px;}
  
  .sm_gap98 { gap : 98px; }
  .sm_columngap98 { column-gap : 98px;}
  .sm_rowgap98 { row-gap : 98px;}
  
  .sm_gap99 { gap : 99px; }
  .sm_columngap99 { column-gap : 99px;}
  .sm_rowgap99 { row-gap : 99px;}
  

  /* Custom Padding */
  
  .sm_p1 { padding : 1px; }
  .sm_pt1, .sm_p1-0 { padding-top: 1px; }
  .sm_pb1, .sm_p1-0 { padding-bottom: 1px; }
  
  .sm_p2 { padding : 2px; }
  .sm_pt2, .sm_p2-0 { padding-top: 2px; }
  .sm_pb2, .sm_p2-0 { padding-bottom: 2px; }
  
  .sm_p3 { padding : 3px; }
  .sm_pt3, .sm_p3-0 { padding-top: 3px; }
  .sm_pb3, .sm_p3-0 { padding-bottom: 3px; }
  
  .sm_p4 { padding : 4px; }
  .sm_pt4, .sm_p4-0 { padding-top: 4px; }
  .sm_pb4, .sm_p4-0 { padding-bottom: 4px; }
  
  .sm_p5 { padding : 5px; }
  .sm_pt5, .sm_p5-0 { padding-top: 5px; }
  .sm_pb5, .sm_p5-0 { padding-bottom: 5px; }
  
  .sm_p6 { padding : 6px; }
  .sm_pt6, .sm_p6-0 { padding-top: 6px; }
  .sm_pb6, .sm_p6-0 { padding-bottom: 6px; }
  
  .sm_p7 { padding : 7px; }
  .sm_pt7, .sm_p7-0 { padding-top: 7px; }
  .sm_pb7, .sm_p7-0 { padding-bottom: 7px; }
  
  .sm_p8 { padding : 8px; }
  .sm_pt8, .sm_p8-0 { padding-top: 8px; }
  .sm_pb8, .sm_p8-0 { padding-bottom: 8px; }
  
  .sm_p9 { padding : 9px; }
  .sm_pt9, .sm_p9-0 { padding-top: 9px; }
  .sm_pb9, .sm_p9-0 { padding-bottom: 9px; }
  
  .sm_p10 { padding : 10px; }
  .sm_pt10, .sm_p10-0 { padding-top: 10px; }
  .sm_pb10, .sm_p10-0 { padding-bottom: 10px; }
  
  .sm_p11 { padding : 11px; }
  .sm_pt11, .sm_p11-0 { padding-top: 11px; }
  .sm_pb11, .sm_p11-0 { padding-bottom: 11px; }
  
  .sm_p12 { padding : 12px; }
  .sm_pt12, .sm_p12-0 { padding-top: 12px; }
  .sm_pb12, .sm_p12-0 { padding-bottom: 12px; }
  
  .sm_p13 { padding : 13px; }
  .sm_pt13, .sm_p13-0 { padding-top: 13px; }
  .sm_pb13, .sm_p13-0 { padding-bottom: 13px; }
  
  .sm_p14 { padding : 14px; }
  .sm_pt14, .sm_p14-0 { padding-top: 14px; }
  .sm_pb14, .sm_p14-0 { padding-bottom: 14px; }
  
  .sm_p15 { padding : 15px; }
  .sm_pt15, .sm_p15-0 { padding-top: 15px; }
  .sm_pb15, .sm_p15-0 { padding-bottom: 15px; }
  
  .sm_p16 { padding : 16px; }
  .sm_pt16, .sm_p16-0 { padding-top: 16px; }
  .sm_pb16, .sm_p16-0 { padding-bottom: 16px; }
  
  .sm_p17 { padding : 17px; }
  .sm_pt17, .sm_p17-0 { padding-top: 17px; }
  .sm_pb17, .sm_p17-0 { padding-bottom: 17px; }
  
  .sm_p18 { padding : 18px; }
  .sm_pt18, .sm_p18-0 { padding-top: 18px; }
  .sm_pb18, .sm_p18-0 { padding-bottom: 18px; }
  
  .sm_p19 { padding : 19px; }
  .sm_pt19, .sm_p19-0 { padding-top: 19px; }
  .sm_pb19, .sm_p19-0 { padding-bottom: 19px; }
  
  .sm_p20 { padding : 20px; }
  .sm_pt20, .sm_p20-0 { padding-top: 20px; }
  .sm_pb20, .sm_p20-0 { padding-bottom: 20px; }
  
  .sm_p21 { padding : 21px; }
  .sm_pt21, .sm_p21-0 { padding-top: 21px; }
  .sm_pb21, .sm_p21-0 { padding-bottom: 21px; }
  
  .sm_p22 { padding : 22px; }
  .sm_pt22, .sm_p22-0 { padding-top: 22px; }
  .sm_pb22, .sm_p22-0 { padding-bottom: 22px; }
  
  .sm_p23 { padding : 23px; }
  .sm_pt23, .sm_p23-0 { padding-top: 23px; }
  .sm_pb23, .sm_p23-0 { padding-bottom: 23px; }
  
  .sm_p24 { padding : 24px; }
  .sm_pt24, .sm_p24-0 { padding-top: 24px; }
  .sm_pb24, .sm_p24-0 { padding-bottom: 24px; }
  
  .sm_p25 { padding : 25px; }
  .sm_pt25, .sm_p25-0 { padding-top: 25px; }
  .sm_pb25, .sm_p25-0 { padding-bottom: 25px; }
  
  .sm_p26 { padding : 26px; }
  .sm_pt26, .sm_p26-0 { padding-top: 26px; }
  .sm_pb26, .sm_p26-0 { padding-bottom: 26px; }
  
  .sm_p27 { padding : 27px; }
  .sm_pt27, .sm_p27-0 { padding-top: 27px; }
  .sm_pb27, .sm_p27-0 { padding-bottom: 27px; }
  
  .sm_p28 { padding : 28px; }
  .sm_pt28, .sm_p28-0 { padding-top: 28px; }
  .sm_pb28, .sm_p28-0 { padding-bottom: 28px; }
  
  .sm_p29 { padding : 29px; }
  .sm_pt29, .sm_p29-0 { padding-top: 29px; }
  .sm_pb29, .sm_p29-0 { padding-bottom: 29px; }
  
  .sm_p30 { padding : 30px; }
  .sm_pt30, .sm_p30-0 { padding-top: 30px; }
  .sm_pb30, .sm_p30-0 { padding-bottom: 30px; }
  
  .sm_p31 { padding : 31px; }
  .sm_pt31, .sm_p31-0 { padding-top: 31px; }
  .sm_pb31, .sm_p31-0 { padding-bottom: 31px; }
  
  .sm_p32 { padding : 32px; }
  .sm_pt32, .sm_p32-0 { padding-top: 32px; }
  .sm_pb32, .sm_p32-0 { padding-bottom: 32px; }
  
  .sm_p33 { padding : 33px; }
  .sm_pt33, .sm_p33-0 { padding-top: 33px; }
  .sm_pb33, .sm_p33-0 { padding-bottom: 33px; }
  
  .sm_p34 { padding : 34px; }
  .sm_pt34, .sm_p34-0 { padding-top: 34px; }
  .sm_pb34, .sm_p34-0 { padding-bottom: 34px; }
  
  .sm_p35 { padding : 35px; }
  .sm_pt35, .sm_p35-0 { padding-top: 35px; }
  .sm_pb35, .sm_p35-0 { padding-bottom: 35px; }
  
  .sm_p36 { padding : 36px; }
  .sm_pt36, .sm_p36-0 { padding-top: 36px; }
  .sm_pb36, .sm_p36-0 { padding-bottom: 36px; }
  
  .sm_p37 { padding : 37px; }
  .sm_pt37, .sm_p37-0 { padding-top: 37px; }
  .sm_pb37, .sm_p37-0 { padding-bottom: 37px; }
  
  .sm_p38 { padding : 38px; }
  .sm_pt38, .sm_p38-0 { padding-top: 38px; }
  .sm_pb38, .sm_p38-0 { padding-bottom: 38px; }
  
  .sm_p39 { padding : 39px; }
  .sm_pt39, .sm_p39-0 { padding-top: 39px; }
  .sm_pb39, .sm_p39-0 { padding-bottom: 39px; }
  
  .sm_p40 { padding : 40px; }
  .sm_pt40, .sm_p40-0 { padding-top: 40px; }
  .sm_pb40, .sm_p40-0 { padding-bottom: 40px; }
  
  .sm_p41 { padding : 41px; }
  .sm_pt41, .sm_p41-0 { padding-top: 41px; }
  .sm_pb41, .sm_p41-0 { padding-bottom: 41px; }
  
  .sm_p42 { padding : 42px; }
  .sm_pt42, .sm_p42-0 { padding-top: 42px; }
  .sm_pb42, .sm_p42-0 { padding-bottom: 42px; }
  
  .sm_p43 { padding : 43px; }
  .sm_pt43, .sm_p43-0 { padding-top: 43px; }
  .sm_pb43, .sm_p43-0 { padding-bottom: 43px; }
  
  .sm_p44 { padding : 44px; }
  .sm_pt44, .sm_p44-0 { padding-top: 44px; }
  .sm_pb44, .sm_p44-0 { padding-bottom: 44px; }
  
  .sm_p45 { padding : 45px; }
  .sm_pt45, .sm_p45-0 { padding-top: 45px; }
  .sm_pb45, .sm_p45-0 { padding-bottom: 45px; }
  
  .sm_p46 { padding : 46px; }
  .sm_pt46, .sm_p46-0 { padding-top: 46px; }
  .sm_pb46, .sm_p46-0 { padding-bottom: 46px; }
  
  .sm_p47 { padding : 47px; }
  .sm_pt47, .sm_p47-0 { padding-top: 47px; }
  .sm_pb47, .sm_p47-0 { padding-bottom: 47px; }
  
  .sm_p48 { padding : 48px; }
  .sm_pt48, .sm_p48-0 { padding-top: 48px; }
  .sm_pb48, .sm_p48-0 { padding-bottom: 48px; }
  
  .sm_p49 { padding : 49px; }
  .sm_pt49, .sm_p49-0 { padding-top: 49px; }
  .sm_pb49, .sm_p49-0 { padding-bottom: 49px; }
  
  .sm_p50 { padding : 50px; }
  .sm_pt50, .sm_p50-0 { padding-top: 50px; }
  .sm_pb50, .sm_p50-0 { padding-bottom: 50px; }
  
  .sm_p51 { padding : 51px; }
  .sm_pt51, .sm_p51-0 { padding-top: 51px; }
  .sm_pb51, .sm_p51-0 { padding-bottom: 51px; }
  
  .sm_p52 { padding : 52px; }
  .sm_pt52, .sm_p52-0 { padding-top: 52px; }
  .sm_pb52, .sm_p52-0 { padding-bottom: 52px; }
  
  .sm_p53 { padding : 53px; }
  .sm_pt53, .sm_p53-0 { padding-top: 53px; }
  .sm_pb53, .sm_p53-0 { padding-bottom: 53px; }
  
  .sm_p54 { padding : 54px; }
  .sm_pt54, .sm_p54-0 { padding-top: 54px; }
  .sm_pb54, .sm_p54-0 { padding-bottom: 54px; }
  
  .sm_p55 { padding : 55px; }
  .sm_pt55, .sm_p55-0 { padding-top: 55px; }
  .sm_pb55, .sm_p55-0 { padding-bottom: 55px; }
  
  .sm_p56 { padding : 56px; }
  .sm_pt56, .sm_p56-0 { padding-top: 56px; }
  .sm_pb56, .sm_p56-0 { padding-bottom: 56px; }
  
  .sm_p57 { padding : 57px; }
  .sm_pt57, .sm_p57-0 { padding-top: 57px; }
  .sm_pb57, .sm_p57-0 { padding-bottom: 57px; }
  
  .sm_p58 { padding : 58px; }
  .sm_pt58, .sm_p58-0 { padding-top: 58px; }
  .sm_pb58, .sm_p58-0 { padding-bottom: 58px; }
  
  .sm_p59 { padding : 59px; }
  .sm_pt59, .sm_p59-0 { padding-top: 59px; }
  .sm_pb59, .sm_p59-0 { padding-bottom: 59px; }
  
  .sm_p60 { padding : 60px; }
  .sm_pt60, .sm_p60-0 { padding-top: 60px; }
  .sm_pb60, .sm_p60-0 { padding-bottom: 60px; }
  
  .sm_p61 { padding : 61px; }
  .sm_pt61, .sm_p61-0 { padding-top: 61px; }
  .sm_pb61, .sm_p61-0 { padding-bottom: 61px; }
  
  .sm_p62 { padding : 62px; }
  .sm_pt62, .sm_p62-0 { padding-top: 62px; }
  .sm_pb62, .sm_p62-0 { padding-bottom: 62px; }
  
  .sm_p63 { padding : 63px; }
  .sm_pt63, .sm_p63-0 { padding-top: 63px; }
  .sm_pb63, .sm_p63-0 { padding-bottom: 63px; }
  
  .sm_p64 { padding : 64px; }
  .sm_pt64, .sm_p64-0 { padding-top: 64px; }
  .sm_pb64, .sm_p64-0 { padding-bottom: 64px; }
  
  .sm_p65 { padding : 65px; }
  .sm_pt65, .sm_p65-0 { padding-top: 65px; }
  .sm_pb65, .sm_p65-0 { padding-bottom: 65px; }
  
  .sm_p66 { padding : 66px; }
  .sm_pt66, .sm_p66-0 { padding-top: 66px; }
  .sm_pb66, .sm_p66-0 { padding-bottom: 66px; }
  
  .sm_p67 { padding : 67px; }
  .sm_pt67, .sm_p67-0 { padding-top: 67px; }
  .sm_pb67, .sm_p67-0 { padding-bottom: 67px; }
  
  .sm_p68 { padding : 68px; }
  .sm_pt68, .sm_p68-0 { padding-top: 68px; }
  .sm_pb68, .sm_p68-0 { padding-bottom: 68px; }
  
  .sm_p69 { padding : 69px; }
  .sm_pt69, .sm_p69-0 { padding-top: 69px; }
  .sm_pb69, .sm_p69-0 { padding-bottom: 69px; }
  
  .sm_p70 { padding : 70px; }
  .sm_pt70, .sm_p70-0 { padding-top: 70px; }
  .sm_pb70, .sm_p70-0 { padding-bottom: 70px; }
  
  .sm_p71 { padding : 71px; }
  .sm_pt71, .sm_p71-0 { padding-top: 71px; }
  .sm_pb71, .sm_p71-0 { padding-bottom: 71px; }
  
  .sm_p72 { padding : 72px; }
  .sm_pt72, .sm_p72-0 { padding-top: 72px; }
  .sm_pb72, .sm_p72-0 { padding-bottom: 72px; }
  
  .sm_p73 { padding : 73px; }
  .sm_pt73, .sm_p73-0 { padding-top: 73px; }
  .sm_pb73, .sm_p73-0 { padding-bottom: 73px; }
  
  .sm_p74 { padding : 74px; }
  .sm_pt74, .sm_p74-0 { padding-top: 74px; }
  .sm_pb74, .sm_p74-0 { padding-bottom: 74px; }
  
  .sm_p75 { padding : 75px; }
  .sm_pt75, .sm_p75-0 { padding-top: 75px; }
  .sm_pb75, .sm_p75-0 { padding-bottom: 75px; }
  
  .sm_p76 { padding : 76px; }
  .sm_pt76, .sm_p76-0 { padding-top: 76px; }
  .sm_pb76, .sm_p76-0 { padding-bottom: 76px; }
  
  .sm_p77 { padding : 77px; }
  .sm_pt77, .sm_p77-0 { padding-top: 77px; }
  .sm_pb77, .sm_p77-0 { padding-bottom: 77px; }
  
  .sm_p78 { padding : 78px; }
  .sm_pt78, .sm_p78-0 { padding-top: 78px; }
  .sm_pb78, .sm_p78-0 { padding-bottom: 78px; }
  
  .sm_p79 { padding : 79px; }
  .sm_pt79, .sm_p79-0 { padding-top: 79px; }
  .sm_pb79, .sm_p79-0 { padding-bottom: 79px; }
  
  .sm_p80 { padding : 80px; }
  .sm_pt80, .sm_p80-0 { padding-top: 80px; }
  .sm_pb80, .sm_p80-0 { padding-bottom: 80px; }
  
  .sm_p81 { padding : 81px; }
  .sm_pt81, .sm_p81-0 { padding-top: 81px; }
  .sm_pb81, .sm_p81-0 { padding-bottom: 81px; }
  
  .sm_p82 { padding : 82px; }
  .sm_pt82, .sm_p82-0 { padding-top: 82px; }
  .sm_pb82, .sm_p82-0 { padding-bottom: 82px; }
  
  .sm_p83 { padding : 83px; }
  .sm_pt83, .sm_p83-0 { padding-top: 83px; }
  .sm_pb83, .sm_p83-0 { padding-bottom: 83px; }
  
  .sm_p84 { padding : 84px; }
  .sm_pt84, .sm_p84-0 { padding-top: 84px; }
  .sm_pb84, .sm_p84-0 { padding-bottom: 84px; }
  
  .sm_p85 { padding : 85px; }
  .sm_pt85, .sm_p85-0 { padding-top: 85px; }
  .sm_pb85, .sm_p85-0 { padding-bottom: 85px; }
  
  .sm_p86 { padding : 86px; }
  .sm_pt86, .sm_p86-0 { padding-top: 86px; }
  .sm_pb86, .sm_p86-0 { padding-bottom: 86px; }
  
  .sm_p87 { padding : 87px; }
  .sm_pt87, .sm_p87-0 { padding-top: 87px; }
  .sm_pb87, .sm_p87-0 { padding-bottom: 87px; }
  
  .sm_p88 { padding : 88px; }
  .sm_pt88, .sm_p88-0 { padding-top: 88px; }
  .sm_pb88, .sm_p88-0 { padding-bottom: 88px; }
  
  .sm_p89 { padding : 89px; }
  .sm_pt89, .sm_p89-0 { padding-top: 89px; }
  .sm_pb89, .sm_p89-0 { padding-bottom: 89px; }
  
  .sm_p90 { padding : 90px; }
  .sm_pt90, .sm_p90-0 { padding-top: 90px; }
  .sm_pb90, .sm_p90-0 { padding-bottom: 90px; }
  
  .sm_p91 { padding : 91px; }
  .sm_pt91, .sm_p91-0 { padding-top: 91px; }
  .sm_pb91, .sm_p91-0 { padding-bottom: 91px; }
  
  .sm_p92 { padding : 92px; }
  .sm_pt92, .sm_p92-0 { padding-top: 92px; }
  .sm_pb92, .sm_p92-0 { padding-bottom: 92px; }
  
  .sm_p93 { padding : 93px; }
  .sm_pt93, .sm_p93-0 { padding-top: 93px; }
  .sm_pb93, .sm_p93-0 { padding-bottom: 93px; }
  
  .sm_p94 { padding : 94px; }
  .sm_pt94, .sm_p94-0 { padding-top: 94px; }
  .sm_pb94, .sm_p94-0 { padding-bottom: 94px; }
  
  .sm_p95 { padding : 95px; }
  .sm_pt95, .sm_p95-0 { padding-top: 95px; }
  .sm_pb95, .sm_p95-0 { padding-bottom: 95px; }
  
  .sm_p96 { padding : 96px; }
  .sm_pt96, .sm_p96-0 { padding-top: 96px; }
  .sm_pb96, .sm_p96-0 { padding-bottom: 96px; }
  
  .sm_p97 { padding : 97px; }
  .sm_pt97, .sm_p97-0 { padding-top: 97px; }
  .sm_pb97, .sm_p97-0 { padding-bottom: 97px; }
  
  .sm_p98 { padding : 98px; }
  .sm_pt98, .sm_p98-0 { padding-top: 98px; }
  .sm_pb98, .sm_p98-0 { padding-bottom: 98px; }
  
  .sm_p99 { padding : 99px; }
  .sm_pt99, .sm_p99-0 { padding-top: 99px; }
  .sm_pb99, .sm_p99-0 { padding-bottom: 99px; }
  

 
.HomewhoweserveTabbingSectionMain {  padding-top: 30px;}
.HomewhoweserveTabBtn ul li a {  padding: 12px;}
.HcorefeaturesBoxSection .HcorefeaturesBox {  max-width: 100%;}
.HcorefeaturesBoxSection .HcorefeaturesBox .HcorefeaturesBoxImage {  height: auto;}

.HsuccessstoriesSliderSection button.slick-prev {left: calc((100%/2) / 4.5);}
.HsuccessstoriesSliderSection button.slick-next {right: calc((100%/2) / 4.5);}
.HTrustCenterInSection span.HTrustCenterInshape3 {  width: 60%;    height: 60%;}
.HTrustCenterInSection span.HTrustCenterInshape1 {    width: 60%;    height: 40%;}
.HTrustCenterInSection span.HTrustCenterInshape2 {    width: 70%;    height: 60%;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol {  max-width: 70%;}


.HowitworkSection .HowitworkInSec {  padding: 30px 20px;}
.HowitworkTabMainSection {   padding: 30px 20px;}


.ThreeColumnBoxSec .ThreeColumnBox {  max-width: 100%;}

.RecentblogBoxSection {  padding-top: 30px;}
.AddonsSliderBoxSection {  max-width: 80%;}

.HeroBannerversion2Section {  padding: 50px 0 !important;    margin-left: 15px !important;    margin-right: 15px !important;}

.SecurityTwoColLogoSection .SecurityTwoColLogoBox {  max-width: calc(50% - 12px);}

.AboutGridColBoxSection {grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(3, 1fr);}
.AboutGridColBox:nth-child(1) {  grid-area: 1 / 1 / 2 / 3;}
.OurteamBoxSection .OurteamBox {  max-width: 100%;}
.AboutGridColBox:nth-child(4) {  display: none;}
.AboutGridColBox:nth-child(2) {   grid-area: 2 / 1 / 3 / 3;}
.AboutGridColBox:nth-child(3) {   grid-area: 1 / 6 / 3 / 3;}
.AboutGridColBox:nth-child(5) {    grid-area: 3 / 1 / 3 / 4;}
.AboutGridColBox:nth-child(6) {    grid-area: 3 / 4 / 4 / 6;}
.OurteamBoxSection .OurteamBox .OurteamBoxImg img {   object-position: top;}
.OurteamBoxSection .OurteamBox .OurteamBoxImg {  height: 350px;}
.OurteamBoxSection {  max-width: 70%;    align-items: center;    margin: 0 auto;}

.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox {  max-width: calc(50% - 16px);}
.TrustedbyWorkCounterBoxsec {  grid-column-gap: 8px;    grid-row-gap: 8px;}

.UpcomingEventBoxSection .UpcomingEventBox {  max-width: 100%;}


.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxImg {  max-width: 100%;}
.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox .CaseStudiesListingBoxCnt {    max-width: 100%;}
}


@media (max-width : 640px){
  h1,.h1 { font-size: calc(80px - 2.4rem ); }
  h2,.h2 { font-size: calc(44px - 0.7rem); }
  h3,.h3 { font-size: calc(40px - 1rem);}

/* letterspacing */
.ls4 *  { letter-spacing : 0}
.ls032 *  { letter-spacing : 0}
.ls036 *  { letter-spacing : 0}
.ls048 *  { letter-spacing : 0}
.ls108 *  { letter-spacing : 0}
.ls54 *  { letter-spacing : 0}




.HomewhoweserveTabBtn ul li {  width: 50%;    text-align: center;}
.HomewhoweserveTabBtn ul {    border-radius: 28px;}
.HomewwsTabTestimonialBoxIn .HomewwsTabTestimonialBoxCntcol {   max-width: 100%;}
.HsuccessstoriesTitleSec {    padding-bottom: 20px;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn {  max-width: calc(50% - 1px);}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn:hover .HTrustCenterLogoBox {  transform: scale(1.1);}

.HsuccessstoriesSliderSection button.slick-next {  right: 5px;}
.HsuccessstoriesSliderSection button.slick-prev {  left: 5px;}
.HsuccessstoriesSliderBox {   max-width: 400px;}
.HsuccessstoriesSliderBox .HsuccessstoriesSliderBoxLogo {  padding-bottom: 60%; background-size: 50%;}


.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {  margin-top: 10px;    max-width: 100%;}

.FAQImageTwoColsec .FAQImagefaqSec {  max-width: 100%;}
.FAQImageTwoColsec .FAQImageimgcol {  max-width: 100%;}

.HowitworktabmainBox .HowitworktabmainBoxIn .Howitworktabinbtn ul li {  width: 100%;}

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxTitle * , .Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxLTCol .HowitworkintabboxContent * { letter-spacing: 0; }

.ConnectwithusSection .ConnectwithusInSec .ConnectwithusBoxSection .ConnectwithusBox, .letstalkboxsection {  max-width: 100%;}
.ContactMapTitlesec {  padding: 30px 15px;}

.RecentblogBoxSection .RecentblogBox {  max-width: 100%;}

.ContactwithusFormIn {  padding: 20px;}

.HeroBannerFormInSec {  padding-left: 20px;    padding-right: 20px;}
.PackagesInSec .PackagesColumnBoxSec .PackagesColumnBox {    max-width: 100%;}
.AddonsSliderBoxSection {   max-width: 90%;}
.LContentRImageBox {    padding: 50px 20px;}

.OurteamBoxSection {  max-width: 90%;  padding-top: 40px;}
.SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec {  padding-top: 30px;}

.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox {  min-height: 150px;}

.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox {  height: 150px;}

.WhoWeServeColBoxSec .WhoWeServeColBox {  max-width: 100%;}

}

@media (max-width : 480px){
  h1,.h1 { font-size: calc(80px - 2.4rem );}
  h2,.h2 { font-size: calc(44px - 1rem); line-height : 1.2 }


  header.header .headerinsection .headerrightcol .headermenucta {  display: none;}

  .HomeHeroImgCol ul {  gap: 20px;}
.HomeHeroCTA {  gap: 10px;}
.HomewhoweserveTabBtn ul {  padding: 10px;}
.HomewhoweserveTabBtn ul li a {  padding: 12px 10px;}
.HomewhoweserveTabbingBox .HomewhoweserveTabbingBoxIn .HomewhoweserveTabbingBoxRTCol {  margin-top: 0;    max-width: 100%;}
.HomewwsTabTestimonialBoxIn {   padding: 16px;}
.HTrustCenterLogoBoxSec .HTrustCenterLogoBoxIn {    max-width: calc(100% - 30px);}
.HTrustCenterLogoBoxSec {    gap: 10px;    justify-content: center;}
.HsuccessstoriesSliderBoxbtn {  padding-top: 30px;}

.Howitworkintabbox .HowitworkintabboxIn {  border-radius: 10px;}
.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol img {  margin: 16px 0 0 16px;}
.HowitworkTabMainSection {  border-radius: 15px;}


.RecentblogBoxSection .RecentblogBox .RecentblogBoxLTCol {  max-width: 100%;    min-height: 200px;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxRTCol {   max-width: 100%;}
.RecentblogBoxSection .RecentblogBox {gap: 15px;}
.RecentblogBoxSection .RecentblogBox .RecentblogBoxbtcol {    padding-top: 0;    gap: 20px;}
.Recentblogcta {    padding-top: 30px;}

.input {  margin: 0;}
form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {  width: 100% !important;}

.HeroBannerFormInSec {   padding-top: 50px !important;}
.PlanFeaturesInSec .PlanFeaturesTabSec {   padding: 20px;}
.PlanFeaturesInSec .PlanFeaturesTablebox table tbody tr:not(.tbodytitleonly) td:first-child {  white-space: normal;}
.AddonsSliderBoxSection .AddonsSliderBoxMain {    padding: 30px;}
.AddonsSliderBoxSection {   max-width: 95%;}

.Howitworkintabbox .HowitworkintabboxIn .HowitworkintabboxRTCol {  height: 100%;    max-width: 100%;}

.SecurityTwoColumnInSec .SecurityTwoColumnBoxSec .SecurityTwoColumnBox {  padding: 20px;}
.SecurityTwoColLogoSection .SecurityTwoColLogoBox {  max-width: 100%;}


.LContentRImageSection.Version1 .LContentRImageBox {  padding: 0;}
.LContentRImageSection.Version1 .LContentRImageBox .LContentRImageLTCol {  padding: 0 11px 16px;}
.OurteamBoxSection {  max-width: 100%;}
.OurteamBoxSection .OurteamBox .OurteamBoxImg {  height: 250px;}

.LogoBoxSection .SecurityTwoColLogoSection.LogoBoxthreecolboxsec.LogoBoxthreecolboxsec-three_column .SecurityTwoColLogoBox.LogoBoxthreecolbox {  max-width: 100%;}

.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(4) {   grid-area: 3 / 2 / 5 / 4;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(5) {  grid-area: 5 / 5 / 5 / 1;}
.TrustedbyWorkCounterBoxsec {   grid-template-columns: repeat(4, 1fr);    grid-template-rows: repeat(4, 1fr);}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(3) {   grid-area: 3 / 1 / 5 / 3;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(4) {    grid-area: 3 / 3 / 5 / 5;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(2) {   grid-area: 1 / 3 / 3 / 5;}
.TrustedbyWorkCounterBoxsec .TrustedbyWorkCounterBox:nth-child(1) {  grid-area: 1 / 1 / 3 / 3;}

.UpcomingEventBoxSection .UpcomingEventBox {  padding: 16px;}
.TwoColMuImageInSec .TwoColMuImageBoxSec .TwoColMuImageBox {  height: 120px;}

.CaseStudiesListingInSec .CaseStudiesListingBoxSection .CaseStudiesListingBox {  padding: 15px;}
.WhoWeServeColBoxSec {  padding-top: 30px;}

}


@media (max-width : 400px){
 h1,.h1 { font-size: calc(80px - 2.8rem ); line-height: 1.2; }
  h2,.h2 { font-size: calc(44px - 1rem); }
  h3,.h3 { font-size: calc(40px - 1rem);}


  

}