@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');


@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.9/fullpage.min.css');


@font-face {
  font-family: 'Helvetica';
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica.eot');
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica.eot#iefix') format('embedded-opentype'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica.woff2') format('woff2'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica.woff') format('woff'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Helvetica Light';
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Light.eot');
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Light.eot#iefix') format('embedded-opentype'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Light.woff2') format('woff2'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Light.woff') format('woff'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Helvetica Bold';
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Bold.eot');
  src: url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Bold.eot#iefix') format('embedded-opentype'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Bold.woff2') format('woff2'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Bold.woff') format('woff'),url('https://www.sesamm.com/hubfs/SESAMm%202024/Font/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal
}







/* 1a. Containers */



/* 1b. Colors */







/* 1c. Typography */




























/* 1d. Buttons */
/* Button V1 */










/* Button V2 */










/* Button V3 */







/* 1e. Forms */












































/* 1f. Tables */












/* 1g. Website header */






















/* 1h. Website footer */









.contentWrapper {
  width: 100%;
  max-width: 1659px;
  margin: 0 auto;
  padding: 0 15px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}






html {
  font-size: 18px;
}

body {
  font-family: Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #999999;
  font-size: 18px;
  line-height: 1.5;
}

/* Paragraphs */

p {
  font-size: 18px;  
  font-family: Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #999999;  
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #783E9B;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #501673;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #a066c3;
}

a:hover svg path {   fill: #501673; }

/* Headings */

h1,
.h1 {
  font-weight: 500; text-decoration: none; font-family: Poppins, serif; font-style: normal;
  color: #783E9B;
  font-size: 42px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #783E9B;
  font-size: 40px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 400; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #FFFFFF;
  font-size: 36px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 400; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #783E9B;
  font-size: 30px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: 700; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #192A4D;
  font-size: 22px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: 400; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  color: #783E9B;
  font-size: 18px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #192A4D;
}





/* Button V1 */
button, .button_v1, .hs-button {
  border: 0px solid #783E9B;
;
  padding-top: 11.5px;
padding-right: 20px;
padding-bottom: 11.5px;
padding-left: 20px;
;
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;	
}
button:hover, button:focus, .button_v1:hover, .button_v1:focus {
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;	
  border: 0px solid #783E9B;
;
  color: #FFF;
  background-color: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

;
  border-radius: 5px;
  cursor: pointer;
}

button:active, .button:active, .hs-button:active {
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: rgba(#null, 0.0);
  border-color: ;
}

button:hover, button:focus, .button_v1:hover, .button_v1:focus {
  opacity: 0.85;
}
button:hover svg path, button:focus svg path, .button_v1:hover svg path, .button_v1:focus svg path {
  fill: #FFFFFF;
}

button:hover svg, button:focus svg, .button_v1:hover svg, .button_v1:focus svg { transform: translate(5px); }

/* Button V2 */
.button_v2 {
  border: 0px solid #FFFFFF;
;
  padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
;
  font-family: Poppins, serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 5px;
  color: #783E9B;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;	
}
.button_v2:hover, .button_v2:focus {
  border: 0px solid #FFFFFF;
;
  padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
;
  font-family: Poppins, serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-radius: 5px;
  font-size: 18px;
  text-transform: uppercase;
  color: #783e9b;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Button V3 */
.button_v3 {
  font-family: Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #783E9B;
  font-size: 18px;
  text-transform: none;
  position: relative;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 15px;
}

.button_v3 svg path{ fill: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

; }

.button_v3:hover, .button_v3:focus {
  font-family: Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #783E9B;
}

.button_v3:hover svg path, .button_v3:focus svg path{ fill: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

; }
.button_v3 svg{ transition: all 0.3s ease-in-out; height: 14px; width: 20px; }
.button_v3:hover svg, .button_v3:focus svg{ transform: translateX(8px);  }







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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding-top: 46px;
padding-right: 57.5px;
padding-bottom: 45px;
padding-left: 57.5px;
;
  box-shadow: 5px 12px 30px 0px #0000000D;

}

/* Form title */
.form-title {
  ;
  ;
  font-family: Helvetica; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
  font-size: 40px;
  color: #783E9B;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Labels */
form label { color: #783E9B; font-family: Poppins; font-style: normal; font-weight: 500; text-decoration: none; font-size: 16px; margin: 0; }

/* Help text */
form legend { color: ; }

/* 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 #999999;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #999999;
  font-family: Poppins; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 14px;	
  border-radius: 4px;
  width: 100%;
  padding: 14px 24px;
  line-height: 1.5;
  outline:0;
}

/* Form placeholder text */
::-webkit-input-placeholder {
  
  opacity: 0;
  color: transparent;
}

::-moz-placeholder {
  
  opacity: 0;
  color: transparent;
}

:-ms-input-placeholder {
  
  opacity: 0;
  color: transparent;
}

::placeholder {
  
  opacity: 0;
  color: transparent;
}

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before { color: #999999; }
.fn-date-picker td.is-selected .pika-button { background: #783E9B; }
.fn-date-picker td .pika-button:hover { background-color: #783E9B !important; }
.fn-date-picker td.is-today .pika-button { color: #783E9B; }
form label.hs-error-msg{ font-family: Poppins; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14px; color: #ff0000;}

/* Submit button */
form input[type=submit], form .hs-button {
  border: 0px solid #783E9B;
;
  padding-top: 10px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
;
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #FFF;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

;
  border-radius: 5px;
  text-transform: uppercase;
  transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
  line-height: 1.5;
}

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

  
  
    
  


  rgba(#null, 1)

;
  color: ;
  border: 0px solid #783E9B;
;
  ;
  border-radius: px;
  cursor: pointer;
  opacity: 0.85;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(#null, 0.0);
  border-color: ;
  border: 0px solid #783E9B;
;

}

form input[type="checkbox"] { width: 100%; height: 18px; max-width: 18px; }

form .input { margin:0px; line-height: 0; }
fieldset > div:not(:last-child) .input { margin-right: 20px !important; }

form .hs-form-field { padding-top: 20px; margin-bottom: 0; position: relative; }
form .actions { padding-top: 20px; text-align:center; }
form .input input, form textarea { width: 100% !important; }
form fieldset{ max-width: 100% !important; }
form textarea{ min-height: 125px; }
form .hs-input.error { border-color: #ff0000; }
form .hs-form-field.hs_recaptcha { padding: 0; }
form .inputs-list>li{ margin: 0; }
form .hs-richtext, form .hs-richtext p { margin: 20px 0;  font-family: Poppins; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14px;	 }
form .hs_error_rollup .hs-main-font-element { color: #FF0000; padding-top: 10px; text-align: center; }
/* form fieldset.form-columns-1 .input, form fieldset.form-columns-2 .input { margin-right: 0 !important; } */
/* form fieldset:first-child .hs-form-field { padding-top: 12px; } */





/* Table */

/* Table */
table { border: 1px solid #783E9B;
 background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }

/* Table cells */
td, th { border: 1px solid #783E9B;
 padding: 18px;
 color: #783E9B; }

/* Table header */
thead th { background-color: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

; color: #FFFFFF; }

/* Table footer */
tfoot td { background-color: {color=#FFFFFF, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#FFFFFF, css=#FFFFFF}; color: #783E9B; }






header{ padding: 15px 0; background-color: 

  
  
    
  


  rgba(120, 62, 155, 1.0)

; position: relative; z-index: 9999; }
.headerWrapper { width: 100%; max-width: 1709px; padding: 0 15px; margin: 0 auto; }
header .headerLogo a{ width: 100%; max-width: 227px; display: inline-block; }
header .headerLogo span{ display: inline-block; }

/* Header Button */
.headerButton{
  border: 0px solid #FFFFFF;
;
  padding-top: 11.5px;
padding-right: 20px;
padding-bottom: 11.5px;
padding-left: 20px;
;
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 5px;
  color: #783E9B;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.5;
  
}

.headerButton:hover, .headerButton:focus{
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  opacity: 0.85;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #783e9b;
} 




footer{ padding: 133px 0 59px 0; background-color: #192A4D; }
footer::after{ content: ""; position: absolute; width: 80px; height: 70px; top: 0; left: 50%; transform: translateX(-50%); background-size: cover; background-position: center; background-repeat: no-repeat; }
footer::before{ content: ""; position: absolute; width: 435px; height: 98px; top: 0; left: 50%; transform: translateX(-50%); background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://www.sesamm.com/hubfs/SESAMm%202024/Images/Subtract.png); }
footer .footerInner { gap: 30px; }
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer label, .footer span, .footer li { font-size: 14px;  color: #C5C9CF; font-family: Poppins, serif; font-style: normal; font-weight: normal; text-decoration: none;  }
footer .MenuList ul{ display: flex; flex-direction: column; gap: 10px; }
footer .MenuList li a { position: relative; font-size: 14px;  color: #C5C9CF; font-family: Poppins, serif; font-style: normal; font-weight: normal; text-decoration: none;  }
footer .MenuList li a:after { position: absolute; content: ""; height: 1px; width: 100%; bottom: 0; left: 50%; background: #C5C9CF; transform: translateX(-50%); width: 0; transition: all 0.3s ease-in-out; }
footer .MenuList li a:hover:after { width: 100%; }
footer .footerTopLogo{ max-width: 80px; top: 0; left: 50%; transform: translateX(-50%); }
footer .FooterLeft{ max-width: 338px; }
footer .FooterMainLogo a{ width:100%; max-width: 225px; }
footer .FooterRightMenu { width: calc(100% - 538px); gap: 40px; }
footer .MenuParent{ max-width: 183px; }
footer .FooterBottom{ gap: 50px; }
footer .FooterSocialIconsParent{ gap: 16px; }
footer .SocialIcons a svg{ width: 23px; height: 20px; display: inline-block; }
footer .SocialIcons a:hover path { fill: #783E9B; }





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #999999;
}

.blog-post__tag-link {
  color: #999999;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #717171;
}

.blog-post__tag-link:active {
  color: #c1c1c1;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: Helvetica, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #783E9B;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #501673;
}

.blog-related-posts__title-link:active {
  color: #a066c3;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #783E9B;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #501673;
}

#comments-listing .comment-reply-to:active {
  color: #a066c3;
}





.hs-search-results__title {
  font-weight: 500; text-decoration: none; font-family: Poppins, serif; font-style: normal;
  color: #783E9B;
}






.hs-search-results__title {
  font-weight: 500; text-decoration: none; font-family: Poppins, serif; font-style: normal;
  color: #783E9B;
}

*,::before, ::after{ box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth }
body.hidden { overflow: hidden }
body.scroll { overflow: scroll }
.overflowx,body.scroll { overflow-x: hidden }


/* default reset */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p { margin: 0; padding: 0 }

/* form global css */
.hs-fieldtype-date .input .hs-dateinput:before { color: #7c7c7c; }

/* Font */
.pFont, .pFont a, .pFont h1, .pFont h2, .pFont h3, .pFont h4, .pFont h5, .pFont h6, .pFont p, .pFont span { font-family: Poppins,serif; }
.sFont, .sFont a, .sFont h1, .sFont h2, .sFont h3, .sFont h4, .sFont h5, .sFont h6, .sFont p, .sFont span { font-family: Poppins,serif; }

.smallFont, .smallFont a, .smallFont h1, .smallFont h2, .smallFont h3, .smallFont h4, .smallFont h5, .smallFont h6, .smallFont p, .smallFont span { font-family: Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #999999; font-size: 16px; }
.font16, .font16 a, .font16 h1, .font16 h2, .font16 h3, .font16 h4, .font16 h5, .font16 h6, .font16 p, .font16 span { font-size: 16px; }

.pColor, .pColor a, .pColor h1, .pColor h2, .pColor h3, .pColor h4, .pColor h5, .pColor h6, .pColor p, .pColor span { color: #783E9B; }
.sColor, .sColor a, .sColor h1, .sColor h2, .sColor h3, .sColor h4, .sColor h5, .sColor h6, .sColor p, .sColor span { color: #192A4D; }
.whiteColor, .whiteColor a, .whiteColor h1, .whiteColor h2, .whiteColor h3, .whiteColor h4, .whiteColor h5, .whiteColor h6, .whiteColor p, .whiteColor span { color: #FFFFFF; }
.tertiaryColor, .tertiaryColor a, .tertiaryColor h1, .tertiaryColor h2, .tertiaryColor h3, .tertiaryColor h4, .tertiaryColor h5, .tertiaryColor h6, .tertiaryColor p, .tertiaryColor span { color: #999999; }

.primary_bg { background-color: #783E9B; }

/*  line height */
.line0 { line-height: 0; }
.lh1, .lh1 a, .lh1 p{ line-height: 1; }
.lh14, .lh14 a, .lh14 p, .lh14 > *{ line-height: 1.4; }
.lh15, .lh15 a, .lh15 p { line-height: 1.5; }
.lh175, .lh175 h1, .lh175 h2, .lh175 h3, .lh175 h4, .lh175 h5, .lh175 h6, .lh175 p, .lh175 a, .lh175 span { line-height: 1.75; }


/* img default css */
img, svg { border: none; height: auto; max-width: unset; vertical-align: middle; width: 100% }
svg path{ transition: all .3s ease-in-out; }
a { display: inline-block; text-decoration: none; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; cursor: pointer; }
a:hover{ color: #192A4D; }
[class*=fa-] { font-family: fontawesome; font-style: normal; }

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

/* text transform  */
.uppercase, .uppercase > * { text-transform: uppercase; }
.capitalize, .capitalize > * { text-transform: capitalize; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 100%; white-space: normal; }
.dnd-section .dnd-column { padding: 0; }

/* list style li */
.listStyle ul, .noListStyle ul, ul { list-style: none; margin: 0; padding: 0; }

/* position */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

/* border-radius */
.br50 { border-radius:50%; }

/* background color */
.bg{ background-position: center; background-repeat: no-repeat; background-size: cover; }

/* cursor */
.pointer{ cursor: pointer; }

.dnd-section{ padding: 0; }

/* Sectin Padding */
.section_padding{ padding: 80px 1rem }

/* width percent for cards  */
.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% }
.w90 { width: 90% }
.w100 { width: 100% }

/* unique padding */



.pt4, .p4_0 { padding-top: 4px }
.pb4, .p4_0 { padding-bottom: 4px }

.pt5, .p5_0 { padding-top: 5px }
.pb5, .p5_0 { padding-bottom: 5px }

.pt10, .p10_0 { padding-top: 10px }
.pb10, .p10_0 { padding-bottom: 10px }

.pt12, .p12_0 { padding-top: 12px }
.pb12, .p12_0 { padding-bottom: 12px }

.pt14, .p14_0 { padding-top: 14px }
.pb14, .p14_0 { padding-bottom: 14px }

.pt15, .p15_0 { padding-top: 15px }
.pb15, .p15_0 { padding-bottom: 15px }

.pt17, .p17_0 { padding-top: 17px }
.pb17, .p17_0 { padding-bottom: 17px }

.pt18, .p18_0 { padding-top: 18px }
.pb18, .p18_0 { padding-bottom: 18px }

.pt20, .p20_0 { padding-top: 20px }
.pb20, .p20_0 { padding-bottom: 20px }

.pt23, .p23_0 { padding-top: 23px }
.pb23, .p23_0 { padding-bottom: 23px }

.pt25, .p25_0 { padding-top: 25px }
.pb25, .p25_0 { padding-bottom: 25px }

.pt26, .p26_0 { padding-top: 26px }
.pb26, .p26_0 { padding-bottom: 26px }

.pt27, .p27_0 { padding-top: 27px }
.pb27, .p27_0 { padding-bottom: 27px }

.pt30, .p30_0 { padding-top: 30px }
.pb30, .p30_0 { padding-bottom: 30px }

.pt32, .p32_0 { padding-top: 32px }
.pb32, .p32_0 { padding-bottom: 32px }

.pt35, .p35_0 { padding-top: 35px }
.pb35, .p35_0 { padding-bottom: 35px }

.pt38, .p38_0 { padding-top: 38px }
.pb38, .p38_0 { padding-bottom: 38px }

.pt39, .p39_0 { padding-top: 39px }
.pb39, .p39_0 { padding-bottom: 39px }

.pt40, .p40_0 { padding-top: 40px }
.pb40, .p40_0 { padding-bottom: 40px }

.pt45, .p45_0 { padding-top: 45px }
.pb45, .p45_0 { padding-bottom: 45px }

.pt49, .p49_0 { padding-top: 49px }
.pb49, .p49_0 { padding-bottom: 49px }

.pt50, .p50_0 { padding-top: 50px }
.pb50, .p50_0 { padding-bottom: 50px }

.pt51, .p51_0 { padding-top: 51px }
.pb51, .p51_0 { padding-bottom: 51px }

.pt55, .p55_0 { padding-top: 55px }
.pb55, .p55_0 { padding-bottom: 55px }

.pt60, .p60_0 { padding-top: 60px }
.pb60, .p60_0 { padding-bottom: 60px }

.pt65, .p65_0 { padding-top: 65px }
.pb65, .p65_0 { padding-bottom: 65px }

.pt70, .p70_0 { padding-top: 70px }
.pb70, .p70_0 { padding-bottom: 70px }

.pt75, .p75_0 { padding-top: 75px }
.pb75, .p75_0 { padding-bottom: 75px }

.pt80, .p80_0 { padding-top: 80px }
.pb80, .p80_0 { padding-bottom: 80px }

.pt82, .p82_0 { padding-top: 82px }
.pb82, .p82_0 { padding-bottom: 82px }

.pt85, .p85_0 { padding-top: 85px }
.pb85, .p85_0 { padding-bottom: 85px }

.pt90, .p90_0 { padding-top: 90px }
.pb90, .p90_0 { padding-bottom: 90px }

.pt92, .p92_0 { padding-top: 92px }
.pb92, .p92_0 { padding-bottom: 92px }

.pt94, .p94_0 { padding-top: 94px }
.pb94, .p94_0 { padding-bottom: 94px }

.pt95, .p95_0 { padding-top: 95px }
.pb95, .p95_0 { padding-bottom: 95px }

.pt96, .p96_0 { padding-top: 96px }
.pb96, .p96_0 { padding-bottom: 96px }

.pt100, .p100_0 { padding-top: 100px }
.pb100, .p100_0 { padding-bottom: 100px }

.pt105, .p105_0 { padding-top: 105px }
.pb105, .p105_0 { padding-bottom: 105px }

.pt110, .p110_0 { padding-top: 110px }
.pb110, .p110_0 { padding-bottom: 110px }

.pt115, .p115_0 { padding-top: 115px }
.pb115, .p115_0 { padding-bottom: 115px }

.pt120, .p120_0 { padding-top: 120px }
.pb120, .p120_0 { padding-bottom: 120px }

.pt125, .p125_0 { padding-top: 125px }
.pb125, .p125_0 { padding-bottom: 125px }

.pt130, .p130_0 { padding-top: 130px }
.pb130, .p130_0 { padding-bottom: 130px }

.pt135, .p135_0 { padding-top: 135px }
.pb135, .p135_0 { padding-bottom: 135px }

.pt140, .p140_0 { padding-top: 140px }
.pb140, .p140_0 { padding-bottom: 140px }

.pt145, .p145_0 { padding-top: 145px }
.pb145, .p145_0 { padding-bottom: 145px }

.pt150, .p150_0 { padding-top: 150px }
.pb150, .p150_0 { padding-bottom: 150px }

.pt155, .p155_0 { padding-top: 155px }
.pb155, .p155_0 { padding-bottom: 155px }

.pt160, .p160_0 { padding-top: 160px }
.pb160, .p160_0 { padding-bottom: 160px }

.pt165, .p165_0 { padding-top: 165px }
.pb165, .p165_0 { padding-bottom: 165px }

.pt170, .p170_0 { padding-top: 170px }
.pb170, .p170_0 { padding-bottom: 170px }

.pt190, .p190_0 { padding-top: 190px }
.pb190, .p190_0 { padding-bottom: 190px }

.pt200, .p200_0 { padding-top: 200px }
.pb200, .p200_0 { padding-bottom: 200px }


.overflow_hidden { overflow: hidden; }
.margin_center { margin:0 auto; }

/* display property */
.d_none { display: none; }
.d_flex { display: flex; }
.d_inline { display: inline; }
.d_block { display: block; }
.d_inline_block { display: inline-block; }
.d_inline_flex { display: inline-flex; }

/* flex-direction  */
.f_row { flex-direction: row; }
.f_row_reverse { flex-direction: row-reverse; }
.f_column { flex-direction: column; }
.f_col_reverse { flex-direction: column-reverse; }
.f_inherit { flex-direction: inherit; }
.f_initial { flex-direction: initial; }
.f_revert { flex-direction: revert; }
.f_rlayer { flex-direction: revert-layer; }
.f_unset { flex-direction: unset; }

/* wrap */
.flex_wrap { flex-wrap: wrap; }
.flex_nowrap { flex-wrap: nowrap; }

/* justify content  */
.j_center { justify-content: center; }
.j_start { justify-content: start; /* Pack items from the start */ }
.j_end { justify-content: end; /* Pack items from the end */ }
.j_fstart { justify-content: flex-start; /* Pack flex items from the start */ }
.j_fend { justify-content: flex-end; /* Pack flex items from the end */ }
.j_left { justify-content: left; /* Pack items from the left */ }
.j_right {  justify-content: right; /* Pack items from the right */ }
.j_btw { justify-content: space-between; }
.j_around { justify-content: space-around; }
.j_evenly { justify-content: space-evenly;  }
.j_stretch { justify-content: stretch; }

/* align item  */
.ai_center { align-items: center; /* Pack items around the center */ }
.ai_start { align-items: start; /* Pack items from the start */ }
.ai_end { align-items: end; /* Pack items from the end */ }
.ai_fstart { align-items: flex-start; /* Pack flex items from the start */ }
.ai_fend { align-items: flex-end; /* Pack flex items from the end */ }
.ai_sstart { align-items: self-start; /* Pack flex items from the start */ }
.ai_end { align-items: self-end; /* Pack flex items from the end */ }

/* align content */
.ac_center { align-content: center; /* Pack items around the center */ }
.ac_start { align-content: start; /* Pack items from the start */ }
.ac_end { align-content: end; /* Pack items from the end */ }
.ac_fstart { align-content: flex-start; /* Pack flex items from the start */ }
.ac_fend { align-content: flex-end; /* Pack flex items from the end */ }

/* Gap */
.gap10{ gap: 10px; }
.gap20{ gap: 20px; }
.gap50{ gap: 50px; }

/* Text-alignment */
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tjustify{ text-align: justify; }

/* text decoration  */
.decoration_none { text-decoration: none; }
.decoration_under { text-decoration: underline; }

/* Transition */
.transition { transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

/* Font Padding CSS */
h1+*, h2+*, h3+*, h4+*, h5+*, h6+*p { padding-top: 20px; }
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { padding-top: 25px; }
p+p, p+p, p+p, p+p, p+p, p+p { padding-top: 15px; }

body{ position: relative; }
body:before { background-position: center; background-image: url(https://www.sesamm.com/hubfs/SESAMm%202024/Images/BG%20Shape%201.png);
  position: absolute; width: 100%; height: 65%; background-size: cover; content: ''; display: block; background-repeat: no-repeat; top: 18%; left: 0; }
/* .body-container--landing-page { position: relative; background-repeat: no-repeat; height: 100%; background-position: center;background-image: url('https://www.sesamm.com/hubfs/SESAMm%202024/Images/BG%20Shape%201.png'); } */
.body-container--landing-page:before { position: absolute; content: ""; top:0; left: 0; width: 100%; height: 1886px; background-repeat: no-repeat; background-position: center; background-image: url('https://www.sesamm.com/hubfs/SESAMm%202024/Images/Blue%20Shape%201.png'); background-size:cover; }
.body-container--landing-page:after{ content: ""; position: absolute; width: 100%; height: 2314px; left: 0; top: 100%; transform: translateY(-103%); z-index: -1; background-size: cover; background-position: center;
  background-image: url('https://www.sesamm.com/hubfs/SESAMm%202024/Images/Blue%20Shape%202.png'); }






/* Banner Section Starts */
.bannerSection .bannerContent{ padding: 186px 0 185px 0; max-width:687px; }
.bannerSection .sectionTitle h1{ color: #441F4E; }
.bannerSection .sectionTitle h1 span{ color: #28a5d4; font-weight: 700; display: inline-block; }
.bannerContent h6 { color: #28a5d4; }
/* Banner Section Ends */

/* Two col form section starts */
.twoColFormSection{ padding: 240px 0 280px; }
.twoColFormOuter{ padding-right: 120px; background-image: url(https://www.sesamm.com/hubfs/SESAMm%202024/Images/bg-image.png); }
.twoColFormContent, .twoColFormParent{ max-width: 688px; }
.twoColFormContent > *{ font-style: italic; }
.twoColFormInner{ max-width: 1559px; margin: auto 0 0 auto; gap: 20px; }
.twoColFormParent { margin: -120px 0 -120px 0; position: relative; z-index: 5555; }
.twoColFormOuter:after{ position: absolute; width: 422px; height: 373px; content: ""; top: 50%; transform: translateY(-50%); left: 0; }
.twoColFormSection .field {position: relative;}
.field>label {left: 25px;position: absolute;top: 34px;transition: all .3s ease-in;color: #999999;font-size: 14px;line-height: 22px; font-weight: 400; z-index: 99; }
.label-effect>label,label-effect .hs-input:valid {background-color: #fff;left: 22px;color: #783E9B;font-size: 16px;font-weight: 500;opacity: 1;top: 8px;padding-left:5px;padding-right:5px;}
form .hs-form-field.label-effect .hs-form-required{ color: #783E9B;}
form select { appearance: none; }
form .hs-fieldtype-select .input { position: relative; }
form .hs-fieldtype-select .input:before { content: ""; position: absolute; z-index: 99; width: 10px; height: 6px; right: 35px; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="7" viewBox="0 0 11 7" fill="none"><path d="M9.65459 0.157959L5.82959 3.97463L2.00459 0.157959L0.82959 1.33296L5.82959 6.33296L10.8296 1.33296L9.65459 0.157959Z" fill="%23999999"/></svg>'); }

/* Two col form section ends */

/* Two Col Scroll Module starts */
.twoColScrollContent h4 { line-height: 1.334; }
.twoColScrollContent p { line-height: 1.667; }
.twoColScrollInner { gap:30px; }
.twoColScrollImage { max-width:52.18%; width:100%; }
.twoColScrollContent { max-width:35.912%; width:100%; }
.twoColScrollImage { position:relative; } 
.twoColScrollingImage { transition: all ease-in-out .5s; }
.twoColScroll .twoColScrollingImage-1 { position: absolute; top: 17.5%; width: 79.5%; right: 3.6%; }
.twoScrollContentIcon svg { width:64px; height:64px; }
.twoScrollContentButton a { gap:17px;line-height: 1.334; }
.twoScrollContentButton a span { display:inline-block; line-height:1; }

.twoColScroll-2 .twoColScrollingImage.twoColScrollingImage-1 { width: 48.237%; top: 31.1%; left: 32%;z-index:999; }
.twoColScroll-2 .twoColScrollingImage.twoColScrollingImage-2 { width: 15.765%; top: 32.1%; right: 3.5%; position: absolute; }

.twoColScroll-3 .twoColScrollingImage.twoColScrollingImage-1 { left: 3%; top: 15%; width: 95%; } 
.twoColScroll { padding:120px 0; }


.parallax-active-fade .twoColScrollingImage-1 { transform: translate(40px, 40px) scale(1.1); background: linear-gradient(135deg, #7D3B99 0%, #28A5D4 100%); border-radius: 6px; overflow: hidden; }
/* .parallax-active-fade .twoColScrollingImage-2 { transform: translate(76px, 40px) scale(1.1); background: linear-gradient(135deg, #7D3B99 0%, #28A5D4 100%); border-radius: 6px; overflow: hidden; } */
.parallax-active-fade .twoColScrollingImage-3 { transform: translate(75px, 62px) scale(1.1); background: linear-gradient(135deg, #7D3B99 0%, #28A5D4 100%); border-radius: 6px; overflow: hidden; }
.twoColScrollSection { position:relative; }
.parallax-scroll-section-redux { position: relative; }
.para-start-buffer { width: 0; height: 1vh; position: relative; }
.parallax-sizer { width: 0; height: 60vh; position: relative; }
/* .parallax-sizer:nth-last-child(2) { height: 140vh; } */
.para-flag-fade { position: absolute; top: 0; width: 100px; height: 1px; }
.para-end-flag-fade { width: 100px; height: 1px; position: relative; transform: translateY(-100vh); }
.parallax-start { opacity: 0; }
.parallax-active-fade { opacity: 1 !important; }
.parallax-active-fade,
.parallax-start,
.parallax-ending { user-select: text !important; transition: .4s ease-in-out; z-index: 1 !important; display: flex !important; }
#parallax-item-1.parallax-start { opacity: 1; position: absolute; height: 100vh; top: 0; bottom: auto; transition: 0s !important; }
.parallax-start { position: absolute !important; height: 100vh !important; top: 0 !important; bottom: auto !important; transition: 0s !important; opacity: 0; }
.parallax-ending { position: absolute !important; top: auto !important; bottom: 0 !important; height: 100vh !important; opacity: 0; }
#parallax-item-4.parallax-ending { opacity: 1 !important; }
.para-content-container { position: fixed; display: flex; flex-direction: column; top: auto; bottom: 0; left: 50%; right: 0;
  width: 100%;  height: 100vh; opacity: 0; user-select: none; transition: .4s ease-in-out; z-index: 0; transform: translateX(-50%);
}
.para-content-container .grid-container { height: 100%;}
.para-content-container .grid-container .grid-x { height: 100%;}
.parallax-image-redux { position: absolute; top: 0; bottom: 0; left: 55vw; width: 45vw; max-width: 700px; max-height: 100%; margin-bottom: auto; margin-top: auto; }
.parallax-image-redux-buffer { position: relative; width: 100%; opacity: 0; }
.tablet { display:none; }
.twoScrollContentIcon { width:64px;height:64px; }
.sliderscroll .slick-dots li button:before { font-size: 12px; color: #783E9B; }

/* Two Col Scroll Module ends */

/* Four Col Card Module starts */
.fourColCardSection .fourColCardOuter { max-width: 1538px; }
.fourColCardSection .fourColCardGrid { gap: 40px; }
.fourColCardSection .card { padding: 40px 29px 53px 35px; border-radius: 10px; box-shadow: 0 4px 20.4px 2px rgba(0,0,0,.1); width: calc(25% - 30px); border: 1px solid #FFFFFF; transition: all ease 0.2s;  }
.fourColCardSection .cardIcon { width: 60px; height: 60px; border-radius: 5px; background-color: rgba(120, 62, 155, 0.05 ); transition: all ease 0.2s;  }
.fourColCardSection .cardIcon svg { width: 45px; height: 45px; transition: all ease 0.2s; }
.fourColCardSection .cardLink { width: 100%; height: 100%; top: 0;  left: 0; }
.fourColCardSection .card:before { content: ""; position: absolute; width: 50px; height: 50px; top: -50px; left: -50px; border-radius: 50%; transition: all ease 0.2s; }
.fourColCardSection .card:hover:before { width: 500px; height: 500px; transform: scale(2); }
.fourColCardSection .card:hover { border: 1px solid #28A5D4; transform: scale(1.05); }
.fourColCardSection .card:hover .cardIcon { background-color: rgba(255, 255, 255, 0.1 ); transform: scale(1); }
.fourColCardSection .card:hover .cardIcon svg { transform: scale(1); }
.fourColCardSection .cardTitle h5, .fourColCardSection .cardTitle h6, .fourColCardSection .cardTitle h4, .fourColCardSection .cardContent p { transition: all ease 0.2s; }
.fourColCardSection .card:hover .cardTitle h5, .fourColCardSection .card:hover .cardTitle h6, .fourColCardSection .card:hover .cardTitle h4, .fourColCardSection .card:hover .cardContent p { color: #FFFFFF;  transform: scale(1); }
/* Four Col Card Module ends */

/* Customer Slider Module Starts */
.customerSliderSection .customerLogoDiv { padding: 12px 99px; }
.customerSliderSection .customerLogoDiv:not(:first-child):before { position: absolute; content: ""; border-left: 1px solid #ACACAC; top: 0; left: 0; width: 100%; height: 100%; }
.customerSliderSection .customerLogoDiv.swiper-slide-active:before { border: none; }
.customerSliderSection .customerLogoLink { width: 100%; height: 100%; top: 0; left: 0; }
.customerSliderSection .swiper-button-next, .customerSliderSection .swiper-button-prev { top: 25px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 40px; border: 3px solid #783E9B; background-color: transparent; transition: all ease 0.3s; }
.customerSliderSection .swiper-button-next:hover, .customerSliderSection .swiper-button-prev:hover {  background-color: #783E9B; }
.customerSliderSection .swiper-button-next:hover:after, .customerSliderSection .swiper-button-prev:hover:after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.76315 0.251397C7.44176 -0.0780323 6.91416 -0.0845459 6.58473 0.236849L0.33473 6.33441C0.173979 6.49124 0.0833327 6.70631 0.0833335 6.9309C0.0833335 7.15548 0.173979 7.37055 0.33473 7.52738L6.58473 13.6249C6.91416 13.9463 7.44176 13.9398 7.76315 13.6104C8.08455 13.281 8.07803 12.7534 7.7486 12.432L2.11 6.9309L7.7486 1.42982C8.07803 1.10842 8.08455 0.580827 7.76315 0.251397Z" fill="%23FFF"/></svg>'); } 
.customerSliderSection .swiper-button-next:after, .customerSliderSection .swiper-button-prev:after { content: ""; font-family: unset; width: 8px; height: 14px; background-size: contain; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.76315 0.251397C7.44176 -0.0780323 6.91416 -0.0845459 6.58473 0.236849L0.33473 6.33441C0.173979 6.49124 0.0833327 6.70631 0.0833335 6.9309C0.0833335 7.15548 0.173979 7.37055 0.33473 7.52738L6.58473 13.6249C6.91416 13.9463 7.44176 13.9398 7.76315 13.6104C8.08455 13.281 8.07803 12.7534 7.7486 12.432L2.11 6.9309L7.7486 1.42982C8.07803 1.10842 8.08455 0.580827 7.76315 0.251397Z" fill="%23783E9B"/></svg>'); }
.customerSliderSection .swiper-button-next:after { rotate: 180deg; }
.customerSliderSection .swiper { position: unset; }
.customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 99px; }
.customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { right: 150px; left: unset; }
/* Customer Slider Module Ends */

/* Two Col Image Content Module starts */
.twoColImageContentSection { padding: 227px 0 267px; }
.twoColImageContentSection .twoColImageContentOuter { max-width: 1326px; }
.twoColImageContentSection .twoColImageContentInner .contentDiv { padding-right: 40px; padding-left: 0; }
.twoColImageContentSection .twoColImageContentInner.f_row_reverse .contentDiv { padding-left: 40px; padding-right: 0; }
.twoColImageContentSection .contentDiv, .twoColImageContentSection .imageDiv { width: 50%; }
.twoColImageContentSection .contentInner { max-width: 546px; }
.twoColImageContentSection .twoColImageContentInner.f_row_reverse .contentInner { margin: 0 0 0 auto; }
.twoColImageContentSection .button_v1 { gap: 12px; }
.twoColImageContentSection .button_v1 span { font-size: 18px; font-weight: 400; }
.twoColImageContentSection .button_v1 svg { transition: all ease 0.3s; }
/* Two Col Image Content Module ends */


@media screen and (max-width: 1600px) {
  .headerWrapper, .contentWrapper{ max-width:1500px; }
  body:before { height: 62.5% }

  /*   Two Col Form Module starts */
  .twoColFormSection{ padding: 200px 0 220px; }
  /*   .twoColFormContent, .twoColFormParent {max-width: 615px;} */
  .twoColFormOuter {padding-right: 80px;}
  /*   Two Col Form Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection .customerTitleDiv { padding-bottom: 140px; }
  /* Customer Slider Module Ends */



  /* Two Col Image Content Module starts */
  .twoColImageContentSection { padding: 200px 0 240px; }
  /* Two Col Image Content Module ends */

}

@media screen and (max-width: 1440px) {
  .headerWrapper, .contentWrapper{ max-width:1300px; }
  body:before { height: 63%; }
  .body-container--landing-page:after { transform: translateY(-100%); }

  /* padding style */
  .pt165, .p165_0 { padding-top: 120px; }
  .pb165, .p165_0 { padding-bottom: 120px; }
  .pt140, .p140_0 { padding-top: 110px; }
  .pb140, .p140_0 { padding-bottom: 110px; }
  .pt120, .p120_0 { padding-top: 100px; }
  .pb120, .p120_0 { padding-bottom: 100px; }
  .pt80, .p80_0 { padding-top: 70px; }
  .pb80, .p80_0 { padding-bottom: 70px; }

  /*   Two Col Form Module starts */
  .twoColFormSection{ padding: 160px 0; }
  .twoColFormContent h3 {font-size: 32px;}
  /*   .twoColFormContent, .twoColFormParent {max-width: 550px;} */
  form, .submitted-message {padding-top: 36px;padding-right: 40px;padding-bottom: 36px;padding-left: 40px;}
  .twoColFormParent {margin: -99px 0 -99px 0;}
  /*   Two Col Form Module ends */

  /* Four Col Card Module starts */
  .fourColCardSection .fourColCardGrid { gap: 40px 30px; }
  .fourColCardSection .card { padding: 40px 30px 50px; width: calc(25% - 23px); }
  /* Four Col Card Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection .customerTitleDiv { padding-bottom: 100px; }  
  .customerSliderSection .customerLogoDiv { padding: 12px 75px; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 75px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { right: 125px; }
  /* Customer Slider Module Ends */

  /* Two Col Image Content Module starts */
  .twoColImageContentSection { padding: 160px 0 200px; }
  /* Two Col Image Content Module ends */
}

@media screen and (max-width: 1366px) {

  h1, .h1 { font-size: 40px; }
  h2, .h2 h1 { font-size: 38px; }
  h3, .h3 { font-size: 34px; }  
  h4, .h4 { font-size: 28px; }

  .pb165, .p165_0 { padding-bottom: 80px; }
  .pt165, .p165_0 { padding-top: 80px; }

  .headerWrapper, .contentWrapper{ max-width:1250px; }

  /* Two Col Scroll Module starts */
  .twoColScrollImage { max-width: 55%; }
  .twoColScrollContent { max-width: 40%; }
  .parallax-active-fade .twoColScrollingImage-1 { transform: translate(25px, 25px) scale(1.06); }
/*   .parallax-active-fade .twoColScrollingImage-2 { transform: translate(50px, 25px) scale(1.06); } */
  .parallax-active-fade .twoColScrollingImage-3 { transform: translate(75px, 62px) scale(1.06); }

  /* Two Col Scroll Module ends */
  .twoColImageContentSection { padding: 85px 0 120px; }
  .twoColScroll { padding:80px 0; }
}

@media screen and (max-width: 1280px) {
  .headerWrapper, .contentWrapper{ max-width:1100px; }

  /* padding style */
  .pt140, .p140_0 { padding-top: 80px; }
  .pb140, .p140_0 { padding-bottom: 80px; }
  .pt120, .p120_0 { padding-top: 80px; }
  .pb120, .p120_0 { padding-bottom: 80px; }
  .pt80, .p80_0 { padding-top: 60px; }
  .pb80, .p80_0 { padding-bottom: 60px; }
  .pt60, .p60_0 { padding-top: 50px; }
  .pb60, .p60_0 { padding-bottom: 50px; }
  .pt50, .p50_0 { padding-top: 40px; }
  .pb50, .p50_0 { padding-bottom: 40px; }

  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 { padding: 14px 15px; }

  /*   Footer CSS Starts */
  footer { padding: 110px 0 45px 0; }
  footer::before { width: 328px; height: 74px; }
  footer::after { width: 68px; height: 58px; }
  footer .FooterRightMenu { width: calc(100% - 420px); gap: 35px; }
  /*   Footer CSS Ends */

  /*   Banner CSS Starts */
  .bannerSection .bannerContent { padding: 150px 0; }
  /*   Banner CSS Ends */

  /* Four Col Card Module starts */
  .fourColCardSection .card { padding: 40px 30px 50px; width: calc(50% - 15px); }
  /* Four Col Card Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection .customerTitleDiv { padding-bottom: 60px; }  
  .customerSliderSection .customerLogoDiv { padding: 12px 50px; }  
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 50px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { right: 100px; }
  /* Customer Slider Module Ends */

  /*   Two Col Form Module starts */
  .twoColFormSection{ padding: 120px 0; }
  form .hs-form-field {padding-top: 15px;}
  .twoColFormContent { width: 40%; }
  .twoColFormContent h3 {font-size: 28px;}
  .twoColFormParent {margin: -78px 0 -78px 0;}
  .field>label {left: 16px;position: absolute;top: 29px;}
  .label-effect>label,label-effect .hs-input:valid {top: 8px !important;}
  /*   Two Col Form Module ends */


}


@media screen and (max-width: 1280px) and (min-width: 1080px){

  /* Four Col Card Module starts */
  .fourColCardSection { padding-top: 30px; }

}

@media screen and (max-width: 1180px) {

  .headerWrapper, .contentWrapper{ max-width:1050px; }

  /*   Footer CSS Starts */  
  footer .FooterRightMenu { width: 60%; }
  /*   Footer CSS Ends */
  .twoColFormOuter {padding-right: 60px;}
  /*   .twoColFormContent, .twoColFormParent {max-width: 480px;} */
  .wrapLeft {padding-left: 70.5px !important;}
  /*       .wrapLeft {padding-left: 0;padding: 0 15px;max-width: 990px;margin: 0 auto;} */
}




@media screen and (max-width: 1080px) {
  .headerWrapper, .contentWrapper{ max-width:990px; }
  body:before { display:none; }

  /* padding style */
  .pt165, .p165_0 { padding-top: 65px; }
  .pb165, .p165_0 { padding-bottom: 65px; }

  /*   Two Col Form Module starts */
  .twoColFormSection  { padding: 0; }
  .twoColFormOuter { background-image: none; background-color: #783E9B; }
  .twoColFormInner {flex-direction: column; gap: 0; }
  .twoColFormContent, .twoColFormParent {max-width: 100%; width: 100%; }
  .twoColFormContent {padding-top: 60px;padding-bottom: 45px;}
  .twoColFormParent {margin: 0;padding-bottom: 90px;}
  form, .submitted-message {padding-top: 28px;padding-right: 28px;padding-bottom: 28px;padding-left: 28px;}
  .twoColFormOuter {padding-right: 0px;}
  .wrapLeft {padding-left: 0 !important;margin: 0 auto;max-width: 990px;padding:0px 15px !important;}
  .label-effect>label,label-effect .hs-input:valid {top: 8px !important;}
  /*   Two Col Form Module ends */

  /* Two Col Scroll Module starts */
  .twoColScroll { flex-direction:column; }
  .twoColScrollImage { order:1; }
  .twoColScroll > div { width: 100%; max-width: 100%; margin: 0 auto; }
  .twoColScroll { position:unset; padding: 15px 0; gap:15px;  }
  .twoColScrollContent > div { padding-top:15px; }
  .twoColScrollInner.tablet { display:block; }
  .twoColScrollInner.desktop { display:none; }
  .twoColScroll > div { position:relative; }
  .twoColScrollContent > div:not(:first-child) { padding-top: 15px; }
  .twoColScroll { padding:30px 0; }
  .tablet { display:block; }
  .twoColScrollSection { padding:60px 0; }
  .twoColScrollerImage { padding-top:15px; }
  .fourColCardOuter.pt80 { padding-top:0; }
  /* Two Col Scroll Module ends */

  .twoColImageContentSection { padding: 70px 0; }
}


@media screen and (max-width: 991px) {
  /* ==================== 	Font Size for H1 to H6 CSS start here ==================== */
  h1, .h1 { font-size: 36px; }
  h2, .h2 h1 { font-size: 34px; }
  h3, .h3 { font-size: 30px; }

  button, .button_v1, .hs-button { font-size: 16px; padding: 10px 17px; }
  button svg, .button_v1 svg, .hs-button svg { width: 17px; }

  .headerWrapper, .contentWrapper{ max-width:100%; }
  .wrapLeft {width: 100%;max-width:100%;margin: 0 auto;padding:0px 15px;}

  /* padding style */
  .pt165, .p165_0 { padding-top: 80px; }
  .pb165, .p165_0 { padding-bottom: 80px; }
  .pt140, .p140_0 { padding-top: 70px; }
  .pb140, .p140_0 { padding-bottom: 70px; }
  .pt120, .p120_0 { padding-top: 60px; }
  .pb120, .p120_0 { padding-bottom: 60px; }
  .pt80, .p80_0 { padding-top: 50px; }
  .pb80, .p80_0 { padding-bottom: 50px; }
  .pt60, .p60_0 { padding-top: 40px; }
  .pb60, .p60_0 { padding-bottom: 40px; }
  .pt50, .p50_0 { padding-top: 35px; }
  .pb50, .p50_0 { padding-bottom:35px; }
  .pt40, .p40_0 { padding-top: 30px; }
  .pb40, .p40_0 { padding-bottom: 30px; }
  .pt30, .p30_0 { padding-top: 20px; }
  .pb30, .p30_0 { padding-bottom: 20px; }
  .pt20, .p20_0 { padding-top: 15px; }
  .pb20, .p20_0 { padding-bottom: 15px; }
  .pt15, .p15_0 { padding-top: 10px; }
  .pb15, .p15_0 { padding-bottom: 10px; }

  /*   Footer CSS Starts */    
  footer .FooterLeft { max-width: 304px; }
  footer .FooterRightMenu { gap: 30px 20px; }
  /*   Footer CSS Ends */  

  /*   Banner CSS Starts */
  .bannerSection .bannerContent { padding: 120px 0; }
  /*   Banner CSS ends */

  /*   Two Col Form Module starts */
  /*   .twoColFormSection{ padding: 60px 0; } */
  /*   Two Col Form Module ends */

  /* Four Col Card Module starts */
  .fourColCardSection { padding: 40px 0; }
  .fourColCardSection .fourColCardOuter { padding-top: 0; }
  .fourColCardSection .pt27 { padding-top: 20px; }
  .fourColCardSection .cardIcon { width: 50px; height: 50px; }
  .fourColCardSection .cardIcon svg { width : 35px; height: 35px; }
  /* Four Col Card Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection { padding: 40px 0; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-button-prev { border-width: 2px; width: 35px; height: 35px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { right: 90px; }
  /* Customer Slider Module Ends */

  /* Two Col Image Content Module starts */
  .twoColImageContentSection { padding: 40px 0 60px; }
  .twoColImageContentSection .twoColImageContentInner { gap: 30px; }
  .twoColImageContentSection .twoColImageContentInner .contentDiv { padding-right: 0px; }
  .twoColImageContentSection .twoColImageContentInner.f_row_reverse .contentDiv { padding-left: 0px; }
  .twoColImageContentSection .contentDiv, .twoColImageContentSection .imageDiv { width: 100%; }
  .twoColImageContentSection .contentInner { max-width: 100%; }
  .twoColImageContentSection .imageDiv { max-width: 663px; }
  .twoColImageContentSection .twoColImageContentInner.f_row_reverse .imageDiv { margin: 0 auto 0 0; }
  .twoColImageContentSection .button_v1 span { font-size: 16px; }
  /* Two Col Image Content Module ends */

  .twoColScrollSection { padding-bottom:40px; }

}


@media screen and (max-width: 767px) {
  /*   Header CSS Starts Here */
  .headerButton { padding: 10px 18px; }
  header .headerLogo a { max-width: 190px; }
  /*   Header CSS Ends Here */

  /*   Footer CSS Starts */    
  footer { padding: 90px 0 35px 0; }
  footer .footerInner { flex-direction: column; }
  footer .FooterLeft { max-width: 100%; }
  footer .FooterMainLogo a { max-width: 205px; }
  footer .FooterRightMenu { width: 100%; }
  /*   Footer CSS Ends */  

  /*   Banner CSS */
  .bannerSection .bannerContent { padding: 100px 0; }

  /*   .twoColFormOuter {padding-right: 35px;}
  .wrapLeft {padding-left: 35px !important;} */

  .twoColFormOuter:after { position: unset;   }
  .twoColFormParent { padding-bottom: 60px; }
}

@media screen and (max-width: 640px) {
  .button_v3 { font-size: 16px; gap: 8px; }
  .button_v3:hover svg, .button_v3:focus svg{ transform: translateX(6px); height: 12px; width: 15px; }
  .button_v3 svg{ height: 13px; width: 16px; }


  h1, .h1 { font-size: 30px; }
  p { font-size: 16px; }
  form input[type=submit], form .hs-button { padding-left:30px; padding-right:30px; }

  .pt165, .p165_0 { padding-top: 60px; }
  .pb165, .p165_0 { padding-bottom: 60px; }
  .pt140, .p140_0 { padding-top: 50px; }
  .pb140, .p140_0 { padding-bottom: 50px; }
  .pt120, .p120_0 { padding-top: 40px; }
  .pb120, .p120_0 { padding-bottom: 40px; }
  .pt80, .p80_0 { padding-top: 35px; }
  .pb80, .p80_0 { padding-bottom:35px; }
  .pt60, .p60_0 { padding-top: 30px; }
  .pb60, .p60_0 { padding-bottom: 30px; }
  .pt50, .p50_0 { padding-top: 25px; }
  .pb50, .p50_0 { padding-bottom:25px; }
  .pt40, .p40_0 { padding-top: 20px; }
  .pb40, .p40_0 { padding-bottom: 20px; }
  .pt30, .p30_0 { padding-top: 15px; }
  .pb30, .p30_0 { padding-bottom: 15px; }
  .pt20, .p20_0 { padding-top: 10px; }
  .pb20, .p20_0 { padding-bottom: 10px; }
  .pt10, .p10_0 { padding-top: 8px; }
  .pb10, .p10_0 { padding-bottom: 8px; } 

  /*   Footer CSS Starts */    
  footer .FooterBottom { gap: 20px; }
  /*   Footer CSS Ends */  

  /*   Banner CSS starts */
  .bannerSection .bannerContent { padding: 75px 0; }
  .bannerSection { background-image: none !important; } 
  /*   Banner CSS ends */

  /*   Two Col Form Module starts */
  /*   .twoColFormSection{ padding: 40px 0; } */
  /*   Two Col Form Module ends */

  /* Four Col Card Module starts */
  .fourColCardSection { padding: 40px 0 20px; }
  .fourColCardSection .fourColCardGrid { gap: 30px; }
  .fourColCardSection .card { padding: 40px 30px; width: 100%; }
  /* Four Col Card Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection  { padding-top: 30px; }
  .customerSliderSection .customerTitleDiv { padding-bottom: 30px; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-button-prev { top: unset; bottom: -60px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { right: unset; left: 43%; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 43%; left: unset; }
  /* Customer Slider Module Ends */

  /* Two Col Image Content Module starts */
  .twoColImageContentSection { padding: 40px 0 50px; }
  /* Two Col Image Content Module ends */

}

@media screen and (max-width: 575px) {

  /* Customer Slider Module Starts */
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { left: 41%; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 41%; }
  /* Customer Slider Module Ends */

  fieldset.form-columns-2 .hs-form-field { width: 100% !important; }
  fieldset > div:not(:last-child) .input { margin-right: 0 !important; }
  fieldset.form-columns-2 .input, fieldset.form-columns-1 .input { margin-right: 0 !important; }
  form select {width: 100% !important;}

  .twoScrollContentIcon svg , .twoScrollContentIcon { width: 54px;  height: 54px; }
  .twoColScroll { padding:20px 0; }
  .twoColScrollSection { padding:30px 0 0px; }

  .twoColFormContent h3 { font-size:24px; }


}


@media screen and (max-width: 480px) {

  h1, .h1 { font-size: 24px; }
  h2, .h2 { font-size: 24px; }
  h3, .h3 { font-size: 24px; }
  h4, .h4 { font-size: 22px; }
  h5, .h5 { font-size: 20px; }

  /*   Header CSS Starts Here */
  .headerButton { padding: 8px 15px; font-size: 16px; }
  header .headerLogo a { max-width: 160px; }
  /*   Header CSS Ends Here */

  /*   Footer CSS Starts */    
  footer::after { width: 50px; height: 40px; }
  footer::before { width: 240px; height: 54px; }
  footer .FooterMainLogo a { max-width: 190px; }
  /*   Footer CSS Ends */  

  /*   Banner CSS Starts */
  .bannerSection .bannerContent { padding: 65px 0 50px; }
  /*   Banner CSS Ends */

  /*   Two Col Form Module starts */
  .twoColFormSection{ padding: 40px 0 10px; }
  /*   Two Col Form Module ends */

  /* Four Col Card Module starts */
  .fourColCardSection .card { padding: 25px; }
  .fourColCardSection .pt27 { padding-top: 12px; }
  /* Four Col Card Module ends */

  /* Customer Slider Module Starts */
  .customerSliderSection .customerLogoDiv { padding: 0 40px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { left: 39%; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 39%; }
  /* Customer Slider Module Ends */

  .twoColFormContent {padding-top: 60px;}
}


@media screen and (max-width: 375px) {
  .gap20 { gap: 15px; }
  /*   Header CSS Starts Here */
  .headerInner{ justify-content: center; }
  /*   Header CSS Ends Here */

  /*   Banner CSS Starts */
  .bannerSection .bannerContent { padding: 40px 0; }

  /* Customer Slider Module Starts */
  .customerSliderSection .customerLogoDiv { padding: 0 50px; }
  .customerSliderSection .swiper-button-prev, .customerSliderSection .swiper-rtl .swiper-button-next { left: 37%; }
  .customerSliderSection .swiper-button-next, .customerSliderSection .swiper-rtl .swiper-button-prev { right: 37%; }
  /* Customer Slider Module Ends */
}

@media screen and (max-width: 320px) {
  /*   Footer CSS Starts Here */
  /*   footer::before { width: 100%; } */
  /*   Footer CSS Ends Here */

}