
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.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/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 */




/* 1b. Colors */








.primary a , .primary p , .primary h1 , .primary h2 , .primary h3, .primary h4 { color:#26397A; }
.secondary a , .secondary p , .secondary h1 , .secondary h2 , .secondary h3 { color:#EBE71D; }
.secondary-bg , .secondary-bg a  { background-color:#EBE71D; }
.primary-bg  { background-color:#26397A; }
.lightblue-bg { background-color:#2AACE2; }
.white-bg { background-color:#FFFFFF; }
.lightblue a ,.lightblue h1, .lightblue h2, .lightblue h3, .lightblue h4, .lightblue h5, .lightblue h6, .lightblue p { color:#2AACE2; }

/* 1c. Typography */


























/* 1d. Buttons */

/* buttton-1 */











/* buttton-2 */










/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */










/* 1h. Website footer */










.content-wrapper {
  max-width: 1302px;
}

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

.dnd-section > .row-fluid {
  max-width: 1302px;
}





html {
  font-size: 18px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 18px;
}

/* Paragraphs */

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

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #26397A;
}

a:hover,
a:focus {
  color: #001152;
}

a:active {
  color: #4e61a2;
}

/* Headings */

h1,
.h1 {
  font-weight: 500; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  color: #EBE71D;
  font-size: 64px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 400; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  color: #26397A;
  font-size: 48px;
  text-transform: none;
}

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

h4,
.h4 {
  font-weight: 600; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #EBE71D;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  color: ;
  font-size: 20px;
  text-transform: none;
}

h6,
.h6 {
  text-decoration: none;
  color: ;
  font-size: 18px;
  text-transform: ;
}

/* Blockquote */

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









.button_primary , .hs-button {
  border: 0px solid #494A52;

  padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;

  font-family: Lato; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #2AACE2;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight:700;

}


.button_primary:hover, .hs-button:hover
.button_primary:focus {
  background-color: #26397A;
  color: #FFFFFF;
  border:none;
}

.button_primary.morewidth { padding:12px 25px; }
.button_primary:active {
  font-family: Lato; font-style: normal; font-weight: normal; text-decoration: none;
  background-color:(#2AACE2);
}


/* Secondary */
button,
.button_secondary {
  border: 0px solid #494A52;

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

  font-family: Lato; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #EBE71D;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight:700;
}

button:hover,
button:focus,
.button_secondary:hover,
.button_secondary:focus {
  background-color: #FFFFFF;
  color: #000000;
  border:none;
}

button:active,
.button_secondary:active {
  font-family: Lato; font-style: normal; font-weight: normal; text-decoration: none;
  background-color:(#EBE71D);
}

.lightblue-btn { background-color: #2AACE2; color: #FFFFFF; font-weight:700;padding:12px 35px;border-radius:5px; }
.lightblue-btn:hover { background-color: #FFFFFF; color: #2AACE2; }





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

  
  
    
  


  rgba(#null, 1)

;
  ;
}

/* Form title */

.form-title {
  ;
  ;
  ;
  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
  font-size: ;
  color: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}


/* Labels */

form label {
  color: ;
}

/* 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 {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000000;
  border-radius: px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #525252;
}

::-moz-placeholder {
  color: #525252;
}

:-ms-input-placeholder {
  color: #525252;
}

::placeholder {
  color: #525252;
}

/* Inputs - date picker */

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

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

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

.fn-date-picker td.is-today .pika-button {
  color: #26397A;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  ;
  ;
  ;
  color: ;
  font-size: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  border-radius: ;
  text-transform: ;
}

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

  
  
    
  


  rgba(#null, 1)

;
  color: ;
  ;
}

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





/* Table */

table {
  
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Table cells */

td,
th {
  
  
  color: ;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}





header {
  background-color: #26397A;
}
header ul li a{
  font-size:18px;
  color:#FFFFFF;
}
header ul li a:hover{
  color:#EBE71D;
}

ul{padding:0;margin:0;}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #FFFFFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFFFFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: ;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: ;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: ;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: {color=#26397A, opacity=null, rgba=rgba(38, 57, 122, 1), rgb=rgb(38, 57, 122), hex=#26397A, css=#26397A};
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: {color=#26397A, opacity=null, rgba=rgba(38, 57, 122, 1), rgb=rgb(38, 57, 122), hex=#26397A, css=#26397A};
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: {color=#26397A, opacity=null, rgba=rgba(38, 57, 122, 1), rgb=rgb(38, 57, 122), hex=#26397A, css=#26397A};
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
}





footer {
  background-color: #FFFFFF;
}
footer a { color : #495D7B; font-size:18px; }

footer a:hover { color: #000000; }
/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: ;
}





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

/* Blog post */

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

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

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

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

/* 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: 400; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #26397A;
}

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

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

/* Blog comments */

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

#comments-listing .comment-reply-to {
  color: #26397A;
}

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

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





.hs-search-results__title {
  font-weight: 500; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  color: #EBE71D;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 400; text-decoration: none; font-family: Teko, sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #26397A;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #001152;
}

.hs-blog-post-listing__post-title-link:active {
  color: #4e61a2;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #000000;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #000000;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #282828;
}

.hs-pagination__link-icon svg {
  fill: #000000;
}

/* Pricing card */

.card__price {
  font-weight: 400; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: ;
  font-size: 36px;
}

.card__body svg {
  fill: #26397A;
}

/* Social follow */

.social-links__icon {
  background-color: #26397A;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #001152;
}

.social-links__icon:active {
  background-color: #4e61a2;
  font-weight: 400; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: ;
  font-size: 36px;
}

body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }



/* Global Css */

/******************************************** Global Style Declaration ****************************************/
* { box-sizing: border-box;-webkit-box-sizing: border-box; }
body.loaded { opacity: 1; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

h1,.h1 ,h2,.h2 { line-height:1; }
h3 , .h3 { line-height:1.36; }
h5 , .h5 { line-height:1.2; }
/******************* wrapper *******************/
img { max-width: 100%; height: auto; border: none; vertical-align: middle; }
/******************* font-weight *******************/
.black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black p { font-weight: 800; }
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p , .extrabold a { font-weight: 800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p , .bold a { font-weight: 700; }
.bold-italic, .bold-italic h1, .bold-italic h2, .bold-italic h3, .bold-italic h4, .bold-italic h5, .bold-italic h6, .bold-italic p , .bold-italic a { font-weight: 700;font-style:italic; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p { font-weight: 600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p { font-weight: 500; }
.normal-italic  .normal-italic h1, .normal-italic h2, .normal-italic h3, .normal-italic h4, .normal-italic h5, .normal-italic h6, .normal-italic p , .normal-italic a { font-weight: 400;font-style:italic; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p , .normal a { font-weight: 400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { font-weight: 300; }
.light-italic, .light-italic h1, .light-italic h2, .light-italic h3, .light-italic h4, .light-italic h5, .light-italic h6, .light-italic p { font-weight: 300;font-style:italic; }

/******************* text style *******************/
.uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.font-italic { font-style: italic; }
/******************* unique paddings*******************/
.pl0, .p0, .plr0 { padding-left: 0; }
.pl10, .p0-10 { padding-left: 10px; }
.pl15, .p0-15 { padding-left: 15px; }
.pl20, .p0-20 { padding-left: 20px; }
.pl25,.p0-25 {padding-left: 25px;}
.pl30,.p0-30 {padding-left: 30px;}
.pl35,.p0-35 {padding-left: 35px;}
.pr0,.p0,.plr0 {padding-right: 0;}
.pr10,.p0-10 {padding-right: 10px;}
.pr15,.p0-15 {padding-right: 15px;}
.pr20,.p0-20 {padding-right: 20px;}
.pr25,.p0-25 {padding-right: 25px;}
.pr30,.p0-30 {padding-right: 30px;}
.pr35,.p0-35 {padding-right: 35px;}
.pb5,.p5-0 {padding-bottom: 5px;}
.pb10,.p10-0 {padding-bottom: 10px;}
.pb15,.p15-0 {padding-bottom: 15px;}
.pb20,.p20-0 {padding-bottom: 20px;}
.pb25,.p25-0 {padding-bottom: 25px;}
.pb30,.p30-0 {padding-bottom: 30px;}
.pb35,.p35-0 {padding-bottom: 35px;}
.pb40,.p40-0 {padding-bottom: 40px;}
.pb45,.p45-0 {padding-bottom: 45px;}
.pb50,.p50-0 {padding-bottom: 50px;}
.pb55,.p55-0 {padding-bottom: 55px;}
.pb60,.p60-0 {padding-bottom: 60px;}
.pb65,.p65-0 {padding-bottom: 65px;}
.pb70,.p70-0 {padding-bottom: 70px;}
.pb75,.p75-0 {padding-bottom: 75px;}
.pb80,.p80-0 {padding-bottom: 80px;}
.pb85,.p85-0 {padding-bottom: 85px;}
.pb90,.p90-0 {padding-bottom: 90px;}
.pb95,.p95-0 {padding-bottom: 95px;}
.pb100,.p100-0 {padding-bottom: 100px;}
.pb110,.p110-0 {padding-bottom: 110px;}
.pb120,.p120-0 {padding-bottom: 120px;}
.pb130,.p130-0 {padding-bottom: 130px;}
.pb140,.p140-0 {padding-bottom: 140px;}
.pb145,.p145-0 {padding-bottom: 145px;}
.pb150,.p150-0 {padding-bottom: 150px;}
.pb160,.p160-0 {padding-bottom: 160px;}
.pb170,.p170-0 {padding-bottom: 170px;}
.pb180,.p180-0 {padding-bottom: 180px;}
.pb190,.p190-0 {padding-bottom: 190px;}
.pb200,.p200-0 {padding-bottom: 200px;}
.pb210,.p210-0 {padding-bottom: 210px;}
.pt5,.p5-0 {padding-top: 5px;}
.pt10,.p10-0 {padding-top: 10px;}
.pt15,.p15-0 {padding-top: 15px;}
.pt20,.p20-0 {padding-top: 20px;}
.pt25,.p25-0 {padding-top: 25px;}
.pt30,.p30-0 {padding-top: 30px;}
.pt35,.p35-0 {padding-top: 35px;}
.pt40,.p40-0 {padding-top: 40px;}
.pt45,.p45-0 {padding-top: 45px;}
.pt50,.p50-0 {padding-top: 50px;}
.pt55,.p55-0 {padding-top: 55px;}
.pt60,.p60-0 {padding-top: 60px;}
.pt64,.p64-0 {padding-top: 64px;}
.pt65,.p65-0 {padding-top: 65px;}
.pt70, .p70-0 { padding-top: 70px; }
.pt75, .p75-0 { padding-top: 75px; }
.pt80,.p80-0 {padding-top: 80px;}
.pt85,.p85-0 {padding-top: 85px;}
.pt90,.p90-0 {padding-top: 90px;}
.pt95,.p95-0 {padding-top: 95px;}
.pt100,.p100-0 {padding-top: 100px;}
.pt110,.p110-0 {padding-top: 110px;}
.pt120,.p120-0 {padding-top: 120px;}
.pt130,.p130-0 {padding-top: 130px;}
.pt140,.p140-0 {padding-top: 140px;}
.pt145,.p145-0 {padding-top: 145px;}
.pt150,.p150-0 {padding-top: 150px;}
.pt160,.p160-0 {padding-top: 160px;}
.pt170,.p170-0 {padding-top: 170px;}
.pt180,.p180-0 {padding-top: 180px;}
.pt190,.p190-0 {padding-top: 190px;}
.pt200,.p200-0 {padding-top: 200px;}
.pb210,.p210-0 {padding-top: 210px;}
.p30 {padding: 30px;}
.m0auto {margin: 0 auto;}
.ml20 {margin-left: 20px;}
/******************* form style *******************/
.form::-webkit-input-placeholder {opacity: 1 !important;color: #8D8D8D !important;}
.form::-moz-placeholder {opacity: 1 !important;color: #8D8D8D !important;}
.form:-ms-input-placeholder {opacity: 1 !important;color: #8D8D8D !important;}
textarea,input[type="text"],input[type="number"],input[type="email"],input[type="file"],input[type="tel"],select {font-family: "Open Sans", sans-serif;display: block;border: 1px solid #141316;outline: none;font-size: 20px;line-height: 1.5;font-weight: 500;color: #4D4D4D;padding: 15px 16px;width: 100% !important;-webkit-appearance: none;background: #ffffff;-moz-appearance: none;}
fieldset {border: none;}
/******************* flex *******************/
.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.align-center {align-items: center;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.flex-column {flex-direction: column}
.flex-row {flex-direction: row}

.primary_font h1 , .primary_font h2 , .primary_font p ,  .primary_font a { font-family:Lato; }
.secondary_font h1 , .secondary_font h2 , .secondary_font h3 { font-family:Teko; }

.social-program-uppercontent strong {
  font-weight: 900;
}
.font14 p , .font14 a , .font14 li , .font14 { font-size:14px;line-height:1.41; }
.font16 p , .font16 a , .font16 li , .font16 { font-size:16px;line-height:1.36; }
.lh0 { line-height:0; }
.lh1 h3 { line-height:1; }

.bg { background-size:cover;background-repeat:no-repeat;background-position:center; }
.absolute { position:absolute; }
.relative { position:relative; }

.w100 { width:100%; }

html {
  scroll-behavior: smooth;
}

.black_color , .black_color h1 , .black_color h2 , .black_color h3 , .black_color h4 , .black_color h5 , .black_color h6 , .black_color p , .black_color a { color: #000000; }
.white_color , .white_color h1 , .white_color h2 , .white_color h3 , .white_color h4 , .white_color h5 , .white_color h6 , .white_color p , .white_color a { color: #FFFFFF; }
.black_color .primary h2 { color: #26397A; }

a {
  color: #FFFFFF;
  font-size:18px;
  text-decoration:none;
  display:inline-block;
  transition: all ease-in .3s;
  line-height:1;
}

a:hover,
a:focus {
  color: ;
}

a:active {
  color: #4e61a2;
}

.header-inner , .banner-inner { width:100%;max-width:1360px;padding-left:82px;margin:0 auto; }
.navmenu { max-width:900px;gap:31px; }
.navmenu .navbar ul { display:flex;gap:26px; }
header { position: absolute;z-index: 99999;width:100%; }
a.expandMenu { display:none; }
header a.button_primary:hover { background-color: #ebe71c; color: #26397a; font-weight: 700; }

.banner-outer.overlay::after { position: absolute;content: '';width: 100%;height: 100%;top: 0;background-color: #495D7B;mix-blend-mode: hard-light;left:0;}
.banner-outer .banner-sub_heading p.h2 { font-style:italic;font-weight:300; }
.banner { top: 0; }
.banner-outer { min-height:100vh;display:flex;align-items:center; }
.banner-inner { padding-top:100px;padding-bottom:70px;position:relative;z-index:999; }
.banner-inner-box { width:100%;max-width:780px; }
.banner-heading { max-width:715px; }
.banner-inner a { color:#000; }
.banner-outer.overlaybef::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0;background-color: #495D7B;mix-blend-mode: hard-light;left: 0;}

/* two-col */
.two-col-outer .right-side-content { clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%); }
.left-side-content { width: 33%;padding-bottom:142px;}
.two-col-inner { padding-left:134px; }
.full-content p + p { margin-top:25px; }
.two-col-outer .right-side-content img { width:100%;height:100% !important; }
.two-col-outer .right-side-content { width:67%; }
.full-content ul { padding-left:30px;padding-bottom:25px; }

/* What we Do */
.whatwedo .section-content { padding-left:134px; }
.ball-2 { top:0;right:0; }
.section-content { width:797px; }
.section-content h2.h1 { font-family:lato; }
.whatwedo { margin-top:-1px; }
.secondary-titlepart span { color:#EBE71D;font-weight:700; }



/* .slick-list,.slick-track {transition-delay: 300ms;} */
.slick-dots li button:before , .slick-dots li.slick-active button:before { color:#fff;opacity:1;font-size:12px; }
.slick-dots {  bottom: 47px;left: 189px;text-align:left;width:fit-content;}
.slick-dotted.slick-slider { margin-bottom:0px; }
.slick-dots li.slick-active button:after { position: absolute; width: 20px; content: ''; border-radius: 50%; height: 20px; background-color: transparent; top: -1px; left: 0; border: 3px solid #fff; }

/* Slider ( Social Program & Recs-Perks ) */
.social-dev { padding-top:30%; }
.social-program , .recs-perks-content-outer{ clip-path: polygon(22% 0,100% 1%,100% 100%,0 100%);margin: 0 0 0 auto;max-width: 720px;padding-left: 192px;}
.social-program-lowercontent { max-width:367px; }
.social-dev .button-parent a { padding:12px 21px ; border-radius:5px ; background-color:transparent; border: 1px solid #fff; }
.social-dev .button-parent a:hover { background-color:#26397A}
.social-program-content  { max-width:421px; }
.social-dev-outer , .recs-perks-outer , .developer-outer { overflow:hidden; }
.recs-perks { padding-top: 16.834%; }

.developers-content-outer { clip-path: polygon(0% 0,100% 1%,82% 100%,0 100%);margin: 0 auto 0 0;max-width: 708px;padding-left: 117px; } 
.developer-outer ul.slick-dots { right: 137px; left: auto; }

/* PopUp */
.Popup-Banner-Left { max-width: 351px; width: 100%; padding-left: 71px; }
.Popup-Content { width: 100%; padding-left: 71px; max-width: 741px; padding-top: 39px; }
.mfp-auto-cursor .mfp-content { max-width: 913px; width: 100%; margin: 30px auto; }
.Popup-Image img { width: 100%;height:100% !important; }
.Popup-Image { clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%); width: calc(100% - 351px);height:308px; }
.popup .button-parent { padding-left:71px; }
button.mfp-close { right: 30px; top: 15px; background-color: #fff; opacity: 1; font-family: Arial,Baskerville,monospace; color: #26397A !important; font-size: 35px; border: 9px solid #26397A; border-radius: 13px; padding: 20px; display: flex; align-items: center; justify-content: center; }
.Popup-Content p + p { padding: 30px 0 0; }




div#form-1 , div#form-2 ,div#form-3 {padding: 55px 96px 77px 71px;background: linear-gradient(110deg,#2aace2 19%,transparent 0),linear-gradient(110deg,#ebe71c 44.5%,#26397a 0);}
.pop button.mfp-close { border-radius: 5px; border: 5px solid #fff; }
.popup-right-content * + p {  font-size: 14px; padding-top:23px; }
.popup-right-content ul li { font-size: 14px; }
.popup-right-content ul { padding-left: 30px; }
.popup-form-left { max-width: 351px; }
.popup-form-left input , .hs-fieldtype-textarea.hs-input { border-radius:5px; }
.hs-fieldtype-textarea.hs-input { min-height:41px; }
.popup-form { gap:100px; }
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 {
  outline: none;
  border: none;
}

.popup-form-bottom { bottom: 0; right: 0; }
.popup-logo { text-align: right; position: relative; z-index: 999; }
.hs-form-field { margin-bottom: 11px; }
.mfp-wrap {  z-index: 999999; }



/* Trusted By Slider */
.trusted-logo-outer{ gap:40px;flex-wrap:wrap;padding-left: 15px;padding-right: 15px;max-width:850px;margin:0 auto; }
.trustedby-right-side-image { clip-path: polygon(64.7% 0,100% 0,100% 100%,0 215%); width: 603px; margin: 0 0 0 auto;}
.truetedby-slider-outer { max-width: 612px; margin: 0 auto; margin-top: -367px;}
.section-lower-part { justify-content:end; }
.slick-next:before, .slick-prev:before { font-size:30px;opacity:1; }
.normal-italic h4 { font-style:italic; }
.trusted-outer .slick-prev { left: -109px;z-index: 999;}
.trusted-outer .slick-next { right: -109px; z-index: 999;}
.trusted-outer .ball { left:0;top:17px;width:fit-content; }
.trustedby-right-side-image { clip-path: polygon(64.7% 0,100% 0,100% 100%,0 215%);}
.soccer-foundation-outer button.slick-prev.slick-arrow { left: 43px; z-index: 999;}
.soccer-foundation-outer button.slick-next.slick-arrow { right: 43px; }
.truestedby-slider { padding-bottom:57px; }

/* Catch Us In Action */
.CatchUsInAction-Inner .section-heading { background: linear-gradient(112deg,#ebe71d 44.4%,#2aace2 34%); width: 17.5%;}
.CatchUsInAction-content { width: 44.5%; padding-top: 93px;padding-left:5px; }
.CatchUsInAction-content > div { width: 440px; }
.Mid-Image { position: relative;  width:721px; }
.Mid-Image::after { position: absolute;  content: ''; width: 150px; height: 100%; top: 0; background-color: #2aace2; left: -2px; z-index: 999; clip-path: polygon(0% 0,100% 0,0% 100%,0 100%); }
.Mid-Image::before { position: absolute; content: ''; width: 150px; height: 100%; top: 0; background-color: #ebe71d; right: -1px; z-index: 999; clip-path: polygon(100% 0,100% 0,100% 100%,0 100%); }
.Mid-Image img { height:100% !important; }
.CatchUsInAction-Inner .section-heading .title { margin-left: 111px; position: absolute; z-index: 9999; padding-top: 93px; }
.CatchUsInAction-Outer .button-parent a { color: #26397A;padding: 12px 15px;border-radius: 5px;border: 1px solid #26397A;font-weight: 800;}
.CatchUsInAction-Outer .button-parent a:hover { background-color: #2AACE2;border: 1px solid #fff;font-weight: 800;padding: 12px 15px;}


/*Soccer-Foundation Slider*/
.Foundation-Info { background: linear-gradient(110deg,#26397a 53.4%,transparent 0); padding-left:94px; padding-bottom:67px; }
.Foundation-Info .Slider-info { max-width:497px;padding-right:10px; } 
.Foundation-Info .slider-heading { max-width: 287px; }
.Foundation-Info .button_secondary { padding:12px 15px;color:#26397A;font-weight:800; }
.button-parent span { vertical-align: bottom; margin-left: 5px; }
.soccer-foundation-inner .slick-current.slick-active .Foundation-Info{  padding-left:134px; }
.foundation-Image { background-position: right; background-size: 60% 101%; }
.Foundation-Info { position: relative; z-index: 999; }
.foundation-Image::after { content: ''; position: absolute; width: 100%; height: 101%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)); top: 0;right: 0;} 
.soccer-foundation-inner { overflow:hidden; }

/* Insta Slider */
.addoninsta-btn { background-color: #fff; color: #26397A; padding: 12px 25px; font-weight: 800; border-radius: 5px; }
.addoninsta-btn:hover { background-color: #26397A;color:#fff; }
.addoninsta-btn:hover svg path { fill:#fff; }
svg path { transition:all ease-in 0.3s; }
.insta-icon { top: 27px; left: 25px;}
.insta-slide-bottom-part { left: 25px; bottom: 27px; }
.ball-icon { width: 56px;height: 56px;}
.insta-image img { border-radius: 36px; }
.insta-image { margin:0 13px; }
.Insta-inner { background: linear-gradient(114deg, #2AACE2 76.9%, #EBE71D 68%);padding-top:56px; }
.insta-top-content { padding-left:134px;padding-right:123px; }
.insta-top-content .section-heading { max-width:313px; } 
.slick-slide img {
  display: inline-block;
}
.insta-image { width: 287px; height: 565px;}
.insta-image img { height: 100%!important; width: 100%; object-fit: cover; }


/* Footer */

.footer-inner , .footer-bottom { max-width:1360px;margin:0 auto;padding-left:102px;padding-right: 85px; }
.fot-col-1 .menubar ul  , .fot-col-2 ul { display:flex;flex-direction:column;gap:9px;}
.footer-left { gap:30px; }
.nostyle li { list-style:none; }
footer .info { max-width:167px; }
.ball { top: 4px; right: 0; }
.footer-inner { position: relative; }
.footer-outer { padding-top:118px; }

.RightSideContent { text-align: center; color: #26397A; font-size: 10px; line-height: 12px; font-weight: 400; padding-top:6px; }
.RightTwoLogo ul { text-align: center; }
.RightTwoLogo ul li { list-style: none; display: inline-block; }
.RightTwoLogo ul li a { display:inline-block; }






/* Story Page */
.story-pop ol , .story-pop ul { padding-top:30px;padding-left:30px; }
.story-pop li:not(:last-child) { padding-bottom:25px; }
.story-pop li { font-size:14px; }
.story-pop { background-color: #fff; }
.stories-outer { padding:132px 50px 115px 135px;padding-left: 135px; padding-top: 132px;background: linear-gradient(110deg,#ebe71c 8%,transparent 0),linear-gradient(112deg,#26397a 94%,#2aace2 0);padding-bottom: 115px; }
.stories-inner { max-width:1180px; }
.stories { flex-wrap: wrap; gap: 82px 40px;align-items:flex-start; }
.stories a { max-width:570px; }
.Story-Title { max-width:482px; }
.font20 p { font-size:20px;line-height:1.41; }
.Story-Info { max-width:500px; }
.Popup-Banner-Left { z-index:9999; }
.popup-ball-left-top { z-index:999;top:0; }
button.mfp-close { z-index:9999; }
.Popup-Banner::before { display:none;position: absolute; content: ''; height: 43%; width: 100%; top: 0; left: 0px; background: linear-gradient(180deg, #ffffffc2 30.47%, rgba(255, 255, 255, 0) 76.22%); z-index: 999; }
.story-pop .Popup-Image { clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%); width:50%; height: auto; }
.story-pop .Popup-Banner-Left { max-width:545px;width: 50%;padding-left:131px; }
.story-pop .Popup-Banner { align-items: end;justify-content:space-between; }
.story-pop span#hs_cos_wrapper_name { display:block; }
.story-pop .blog-content { padding-left: 131px; padding-right: 125px;padding-bottom:94px; }
.story-pop .blog-content > p { padding-bottom: 30px; }
.popup-ball-left-top { max-width: 34%; }  
.story-pop::after { clip-path: polygon(0% 0, 100% 0, 0% 100%, 0% 100%); position: absolute; content: ''; width: 10%; height: 16%; background-color: #2aace2; top: 0;z-index:9999;}




.mfp-zoom-in .story-pop ,.mfp-zoom-in .learn-popup ,.mfp-zoom-in .popup {opacity: 0;transition: all 0.5s ease-in-out;transform: scale(0.8);}
.mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.2s ease-out;}
.mfp-zoom-in.mfp-ready .story-pop ,.mfp-zoom-in.mfp-ready .learn-popup,.mfp-zoom-in.mfp-ready .popup {opacity: 1;transform: scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-zoom-in.mfp-removing .story-pop ,.mfp-zoom-in.mfp-removing .learn-popup , .mfp-zoom-in.mfp-removing .popup  {transform: scale(0.8);opacity: 0;}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

.header-outer {position: fixed; width: 100%; z-index: 9999; background-color: #26397a;}

.kZHPoe .PrimaryMessageContent__PrimaryMessageContentWrapper-uh0f4g-0 {margin-left: 32px; background-color: rgb(72 92 122 / 42%);}
.hSRgNg {color: #953529 !important;}
.VizExButton__NoSelect-d2t1n-1.cDzFxY {color: #953529 !important;}




@media (min-width:1600px) {
  .header-inner , .banner-inner , .footer-inner , .footer-bottom { width:100%;max-width:1400px;padding-left:0px;padding-right:0;margin:0 auto; }
  .navmenu { max-width:900px;gap:31px; }
  .navmenu .navbar ul { display:flex;gap:26px; }
  .section-upper-part { background: linear-gradient(110deg, #26397a 89.5%, #EBE71D 68%); }
  .story-pop .Popup-Banner {
    width: 80%;
    margin: 0 auto;
}

.story-pop .blog-content {
    width: 80%;
    margin: 0 auto;
}
  .story-pop .Popup-Image { clip-path:none; }
}

@media (min-width:1441px){
  /* Catch Us In Action */
  .CatchUsInAction-Inner .section-heading .title { margin-left:10%; }
  /* Story Page */
  .stories-inner { margin:0 auto; }
}
@media (max-width: 1760px) {
  .footer-inner, .footer-bottom { padding-right:100px; }
}
@media (max-width:1600px) {
  .section-upper-part { background: linear-gradient(110deg, #26397a 87.5%, #EBE71D 68%); }
  .footer-inner, .footer-bottom { padding-right:150px; }
}
@media (max-width:1440px) {
  .Insta-inner {
    background: linear-gradient(114deg, #2AACE2 72.5%, #EBE71D 68%);
}
  .section-upper-part { background: linear-gradient(110deg, #26397a 86.1%, #EBE71D 68%);  }
  .footer-inner, .footer-bottom { padding-right:200px; }
}

@media (max-width:1399px) {
  .header-inner { width:100%;max-width:1255px;padding:0px 15px; }
  .banner-inner { width:100%;max-width:1255px; }
  .footer-inner, .footer-bottom { width:100%;max-width:1255px;padding-left:15px;padding-right:170px;}
  .two-col-inner { padding-left:80px; }
  /* Trusted By Slider */
  .section-upper-part { background: linear-gradient(110deg,#26397a 85.4%,#ebe71d 0); }
  .truestedby-slider { padding-bottom:90px; }

}

@media (max-width:1366px){
  /* Story Page */
  .stories-inner { margin: 0 auto;max-width: 80%; }
  .stories a { max-width: 47%; }
  .stories-outer { padding:132px 15px 115px; }
  .Insta-inner { background: linear-gradient(114deg, #2AACE2 71.8%, #EBE71D 68%); }

}

@media (max-width:1280px) {
  .header-inner , .banner-inner , .footer-inner, .footer-bottom { width:100%;max-width:1100px; }
  .navmenu .navbar ul { gap: 16px;}
  header .logo { max-width:270px; }
  header ul li a { font-size:16px; }
  .button_primary , .button_secondary { font-size:16px; }
  .left-side-content { width: 50%; }
  /* Trusted By Slider */
  .section-upper-part { background: linear-gradient(110deg,#26397a 84.4%,#ebe71d 0); }
  .soccer-foundation-inner .slick-current.slick-active .Foundation-Info {
    padding-left: 98px;
  }
  .Foundation-Info {
    padding-left: 35px;
  }
  .soccer-foundation-outer button.slick-prev.slick-arrow {
    left: 30px;
  }

  .soccer-foundation-outer button.slick-next.slick-arrow {
    right: 30px;
  }
  .popup-ball-left-top {
    max-width: 18%;
}
  .story-pop::after { height:6%; }
  .Insta-inner { background: linear-gradient(114deg, #2AACE2 70.7%, #EBE71D 68%); }

}  
@media (max-width:1230px) {
  /* Trusted By Slider */
  .section-upper-part { background: linear-gradient(110deg,#26397a 83.9%,#ebe71d 0); }
  .story-pop .Popup-Banner-Left { padding-left: 30px;}
}
@media (max-width:1229px) {
  /* Trusted By Slider */
  .trustedby-right-side-image { clip-path: inherit; width: 100%; margin: 0 auto; text-align: center;}
  .truetedby-slider-outer { margin-top: 0; padding-top: 30px; max-width: 768px;padding:30px 15px;}
  .section-upper-part {  background: none;}  
  .trusted-outer .ball { display:none; }
  .trusted-outer .slick-prev { left: -10%; } 
  .trusted-outer .slick-next { right: -10%; }
  .section-upper-part { background: inherit; }
}  

@media (max-width:1180px){
  /* Catch Us In Action */
  .CatchUsInAction-Inner { flex-direction: column; justify-content: center; }
  .CatchUsInAction-Inner .section-heading .title {  margin-left: 0; position: inherit; width: 100%; padding:30px 15px; text-align: center; }
  .CatchUsInAction-Inner .section-heading { width: 100%; }
  .Mid-Image:after, .Mid-Image:before { display: none; }
  .Mid-Image { position:inherit;width:100%;text-align:center;padding:0 15px; }
  .CatchUsInAction-content { max-width: 75%; margin: 0 auto; padding: 20px 15px 30px; text-align: center; width: 100%; }
  .CatchUsInAction-content>div { width:100%; }
  .CatchUsInAction-Inner .section-heading { background: transparent;} 
  br { display:none; }
  .CatchUsInAction-Inner { background: linear-gradient(360deg, #EBE71C 46%, #2AACE2 58%); }
  /*Soccer-Foundation Slider*/
  .soccer-foundation-inner .slick-current.slick-active .Foundation-Info , .Foundation-Info {  padding-left:70px; }
  .RightSideContent > br { display:block; }
}

@media (max-width:1140px) {
  .header-inner , .banner-inner , .footer-inner, .footer-bottom { width:100%;max-width:990px; }
  footer .logo { max-width: 455px; }
  .left-side-content { padding: 40px 0; }
  .two-col-inner { padding-left:40px; }
  .whatwedo .section-content { padding-left: 80px; }
  /* Slider ( Social Program & Recs-Perks ) */
  .social-program, .recs-perks-content-outer, .developers-content-outer { clip-path: initial; padding-left: 80px; max-width: 600px; }
  .trusted-outer .slick-prev {
    left: 40%;
    bottom: 10%;
    top: auto;
    right: auto;
  }
  .trusted-outer .slick-next { right: 40%;bottom: 10%;top:auto;left:auto; }
}  
@media (max-width:1080px) {
  .banner-outer { min-height:auto;display:flex;align-items:center; }
  .Insta-inner { background: linear-gradient(114deg, #2AACE2 67.6%, #EBE71D 63%); }
}
@media (max-width:991px) {
  h1,.h1  {font-size: 48.0px;}
  h2 ,.h2  {font-size: 36.0px;}
  h3,.h3 {font-size: 27.0px;}
  h4,.h4 {font-size: 18.0px;}
  p { font-size:16px; }
  .two-col-outer .slick-dots {
    left: 50%;
    transform: translateX(-50%);
  }
  .navmenu { display:none;padding-bottom: 15px; } 
  a.expandMenu { cursor: pointer; height: 25px; margin: 0 3px 0 auto; padding: 3px; z-index: 100; display: block;} 
  .expandMenu,.expandMenu i { display: block; position: relative; width: 41px;}
  .expandMenu i { background: #EBE71D; height: 3px; left: 0; margin: 7px 0; opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease}
  .expandMenu i:first-child { left: 4.8px; margin-top: 0; width: 36px;}
  .expandMenu.active i:first-child { left: 9.8px; margin-top: 0; width: 30px;}
  .expandMenu i:nth-child(3) { left: 11px; width: 30px; }
  .expandMenu.active i:first-child { position: relative; top: 11px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
  .expandMenu.active i:nth-child(2) { left: -46px; opacity: 0; position: relative;}
  .expandMenu.active i:last-child { position: relative; top: -9px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
  .navmenu .navbar ul { flex-direction: column; }
  .navmenu { flex-direction: column; position: absolute; top: 54px; background-color: #26397A; padding: 10px; width: 100%; left: 0; max-width: 100%; z-index:9;padding: 30px 30px 50px;align-items:flex-start; }
  .banner-inner { padding:120px 15px 100px; }
  .banner .button-parent { padding-top:32px; }
  /* Footer */
  .footer-inner { flex-direction: column; align-items: flex-start; gap: 15px; } 
  .footer-left { gap: 55px; }
  .fot-col-1 .menubar ul, .fot-col-2 ul { gap: 15px; }
  .ball { bottom: 0; top: auto; }
  footer .button-parent { padding-top:15px; }
  .footer-outer { padding-top:55px; }
  /* two-col */
  .two-col-inner { flex-direction:column;padding:40px 15px; }
  .two-col-outer .right-side-content { width: 100%; clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); }
  .left-side-content { width:100%; }
  /* What We Do */
  .whatwedo .section-content { padding-left: 40px; }
  /* Slider ( Social Program & Recs-Perks ) */
  .slick-dots { left:40px; }
  .social-program-content { padding:30px; }
  .recs-perks-outer .pt20 , .social-dev-outer .pt20 , .developer-outer .pt20 { padding-top:10px }
  .social-dev .button-parent a { font-size:16px; }
  .social-program, .recs-perks-content-outer , .developers-content-outer { padding-left: 20px; max-width: 400px;}
  .developer-outer ul.slick-dots { right:15px; }
  .trusted-logo-inner{ max-width:60px; }
  /*Soccer-Foundation Slider*/
  .Foundation-Info, .soccer-foundation-inner .slick-current.slick-active .Foundation-Info { padding: 60px 30px; }
  /* Insta Slider */
  .insta-top-content { padding: 0 15px; }
  .Insta-inner { background: linear-gradient(1turn,#ebe71c 32%,#2aace2 50%);}
  .soccer-foundation-outer button.slick-prev.slick-arrow { top: auto; bottom: 10px; left: 40%; }
  .soccer-foundation-outer button.slick-next.slick-arrow { bottom: 10px; top: auto; right: 40%; }
  .full-content { text-align: left; max-width: 75%; margin: 0 auto; }
  .popup-form { flex-direction: column; gap: 30px;padding-bottom:30px; }
  .popup-form-left { max-width:100%; }
  div#form-1 , div#form-2 ,div#form-3 { background: #ebe71c;  height: 75vh; overflow:scroll;padding: 55px 15px 55px 15px; }
  div#form-1 .popup-right-content.white_color > * , div#form-2 .popup-right-content.white_color > * , div#form-3 .popup-right-content.white_color > * { color: #000; }
  div#form-1 h2 , div#form-2 h2 , div#form-3 h2 { color: #000; }
  .popup-ball { display:none; }
  .popup button.mfp-close { border: 5px solid #26397a; border-radius: 5px; color: #ebe71d !important; background-color: #26397a;right:30px; }
  .two-col-outer .title-heading { max-width: 75%; margin: 0 auto; }
  .two-col-inner .left-side-content { order: 2; }
  /* Story Page */
  .stories a { max-width:100% }
  .stories { gap:45px;padding-top:30px; }
  .stories-inner .section-heading h1 { text-align:center; }
  .stories-outer { padding: 100px 15px 100px; }
  .story-pop { overflow-y: scroll; }
  .story-pop br { display:block; }
  .Popup-Banner::before { display:none; }
  /* Story Page */
  .Popup-logo { max-width: 280px; }
  .Popup-Banner-Left { max-width: 100%; padding-left: 30px;padding-right:30px; }
  .Popup-Banner { flex-direction: column; }
  .Popup-Banner-Left { max-width: 100%;padding-left: 30px;}
  .Popup-logo { max-width: 280px;}
  .Popup-Image { clip-path: none; width: 100%; padding: 15px 30px;height: auto;}
  .Popup-Content { padding: 15px 30px;}
  .popup .button-parent { padding-left: 30px;}
  .story-pop .Popup-Banner { padding-top: 130px;}
  .story-pop .Popup-Banner-Left { max-width: 100%; padding: 15px; width: 100%; }
  .story-pop .Popup-Image { width: 100%; clip-path: none; padding: 15px; }
  .story-pop .blog-content { padding: 15px;}
  .story-pop .blog-content > p { padding-bottom:20px }
  .popup-ball-left-top { display:none; }
    .mfp-container { padding:0 30px; }
  .footer-inner, .footer-bottom { padding-right:15px; }
}
@media (max-width:768px){
  h1,.h1  {font-size: 44.8px;}
  .truestedby-slider { padding-bottom:50px; }
  /* Insta Slider */
  .insta-top-content { flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 30px; }
  .insta-top-content .section-heading { max-width:100%; }
  .insta-slide { width: 90%;margin:0 auto; }
  .Insta-inner { padding-top:30px;padding-bottom:30px; }
  .insta-bottom-content { padding-top:45px; }
  .FAQ-Icon { display:none; }
  .insta-image { height: 419px; width: 229px; }
  

}

@media (max-width:640px){
  h1,.h1  {font-size: 41.6px;}
  h2 ,.h2  {font-size: 31.200000000000003px;}
  h3,.h3 {font-size: 23.400000000000002px;}
  h4,.h4 {font-size: 15.600000000000001px;}
  .ball { width:150px; }
  .left-side-content { padding: 40px 25px; }
  .whatwedo .section-content { padding-left: 15px; }
  /* Slider ( Social Program & Recs-Perks ) */
  .social-program, .recs-perks-content-outer , .developers-content-outer{ padding-left: 20px; max-width: 100%;}
  .social-program-content { max-width: 80%; }
  .slick-dots { right: 0; left: auto; bottom: 10px; text-align: center; }
  .social-program-content { max-width: 100%; }
  .social-program , .recs-perks-content-outer , .developers-content-outer{ padding-left:0px; }
  .slick-dots li button:before, .slick-dots li.slick-active button:before { font-size:6px; }
  .slick-dots li.slick-active button:after { width: 11px; height: 11px; top: 5px; left: 4px; }
  /* Catch Us In Action */
  .CatchUsInAction-content { max-width:100%; }
  
  .RightSideContent > br { display: block; }


}

@media (max-width:575px) {
  h1,.h1  {font-size: 38.4px;}
  h2 ,.h2  {font-size: 28.799999999999997px;}
  h3,.h3 {font-size: 21.599999999999998px;}
  p { font-size:14px; }
  .button_primary, .button_secondary { font-size:14px; }
  .font14 p { font-size:12px; }
  .ball-2 { display:none; }
  .whatwedo { padding:10px 0; }
  /*Soccer-Foundation Slider*/
  .Foundation-Info, .soccer-foundation-inner .slick-current.slick-active .Foundation-Info { padding: 50px 15px; }
  .full-content ,.two-col-outer .title-heading { max-width: 100%; }
  /* Footer */
  .footer-left { gap: 30px;}
  /* Story Page */
  .stories-inner { margin: 0 auto; max-width: 100%; }
  .font20 p { font-size: 16px; line-height: 1.41; }
  .story-pop .Popup-logo {  max-width: 177px;  position: absolute; left: 15px; top: 20px; }
  button.mfp-close {right: 15px;top: 10px;border: 5px solid #26397A;padding: 6px;font-size: 27px;}
  .popup-ball-left-top.absolute { max-width:120px; }
  .Popup-Content, .Popup-Image {padding: 15px;}
  .Popup-Banner-Left { padding:15px 15px 0; }
  .popup .button-parent { padding-left: 15px;}
  .Popup-Content p + p { padding: 10px 0 0; }
  .story-pop .Popup-Banner { padding-top: 70px; }
  .mfp-container { padding: 0 15px; }
}

@media (max-width:375px) {
  h1,.h1  {font-size: 38.4px;}
  h2 ,.h2  {font-size: 28.799999999999997px;}
  h3,.h3 {font-size: 23.400000000000002px;}
  header .logo { max-width: 185px; }
  a.expandMenu { height:30px; }
  .navmenu { top:45px; }
  .footer-bottom { padding-top: 30px; }
  .ball { width: 80px; }
  .left-side-content { padding: 30px 0px; }
  .story-pop .blog-content > p { padding-bottom: 10px; }
  .story-pop h1 { font-size: 34px; }
}