/* fonts import */
/*IMPORTING open SANS*/

@font-face {
  font-family: "Open Sans";
  src: url("/local/templates/micros/assets/fonts/Open-sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900; 
  font-style: italic;
}

/*END open SANS*/

/*IMPORTING arial*/

@font-face {
  font-family: 'Arial Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Regular'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIAL.woff') format('woff');


  }

  @font-face {
  font-family: 'Arial Narrow';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Narrow'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALN.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALI 1.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALI.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Narrow Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Narrow Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALNI.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Medium'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialMdm.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Medium Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialMdmItl.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Bold'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALBD 1.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Bold'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALBD.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Narrow Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Narrow Bold'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALNB.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Bold Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALBI 1.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Bold Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALBI.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Narrow Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Narrow Bold Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALNBI.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Black'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIBLK.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Black Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Black Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALBLACKITALIC.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Light Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Light Regular'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALLGT.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial CE Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Arial CE Regular'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialCE.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial CE MT Black Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Arial CE MT Black Regular'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialCEMTBlack.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial CE Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Arial CE Bold'), url('/local/templates/micros/assets/fonts/arial-webfont/arialceb.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial Light Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ARIALLGTITL.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Arial CE Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial CE Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialCEItalic.woff') format('woff');
  }


  @font-face {
  font-family: 'Arial CE Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Arial CE Bold Italic'), url('/local/templates/micros/assets/fonts/arial-webfont/ArialCEBoldItalic.woff') format('woff');
  }
/*END arial*/

/*IMPORT Blink*/
@font-face {
	font-family: 'BlinkMacSystemFont-Bold';
	src: url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.eot'); /* IE 9 Compatibility Mode */
	src: url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/local/templates/micros/assets/fonts/blinkmacsystemfont/fonts/blinkmacsystemfont-bold.svg#blinkmacsystemfont-bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
/*END Blink*/

/*IMPORT Lab Grotesque*/
@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular.eot');
  src: local('Lab Grotesque Regular'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium.eot');
  src: local('Lab Grotesque Medium'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold.eot');
  src: local('Lab Grotesque Bold'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin.eot');
  src: local('Lab Grotesque Thin'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}


@font-face {
  font-family: 'Lab Grotesque Mono';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono.eot');
  src: local('Lab Grotesque Mono'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light.eot');
  src: local('Lab Grotesque Light'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lab Grotesque Mono';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold.eot');
  src: local('Lab Grotesque Mono Bold'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesqueMono-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lab Grotesque';
  src: url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black.eot');
  src: local('Lab Grotesque Black'), local('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black.woff2') format('woff2'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black.woff') format('woff'),
      url('/local/templates/micros/assets/fonts/lab-grotesque/LabGrotesque-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
/*END Lab Grotesque*/

/*IMPORT liberation-sans*/
@font-face {
	font-family: 'Liberation Sans';
	src: url('/local/templates/micros/assets/fonts/liberation-sans/LiberationSans.woff2') format('woff2'), url('/local/templates/micros/assets/fonts/liberation-sans/LiberationSans.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/*@import url('https://fonts.cdnfonts.com/css/liberation-sans');*/

@font-face {
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Liberation Sans'), url('https://fonts.cdnfonts.com/s/277/LiberationSans-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Liberation Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Liberation Sans'), url('https://fonts.cdnfonts.com/s/277/LiberationSans-Italic.woff') format('woff');
}
@font-face {
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Liberation Sans'), url('https://fonts.cdnfonts.com/s/277/LiberationSans-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Liberation Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Liberation Sans'), url('https://fonts.cdnfonts.com/s/277/LiberationSans-BoldItalic.woff') format('woff');
}

/*@import url("https://use.typekit.net/nkw2trn.css");*/

@font-face {
  font-family:"liberation-sans";
  src:url("https://use.typekit.net/af/7a2193/00000000000000007735951d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/7a2193/00000000000000007735951d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/7a2193/00000000000000007735951d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
  
.tk-liberation-sans { font-family: "liberation-sans",sans-serif; }

/*END liberation-sans*/


/*IMPORT nimbus-sans*/
@font-face {
  font-family: 'NimbusSans';
  src: url('/local/templates/micros/assets/fonts/nimbus-sans/NimbusSanL-Reg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NimbusSans';
  src: url('/local/templates/micros/assets/fonts/nimbus-sans/NimbusSanL-RegIta.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'NimbusSans';
  src: url('/local/templates/micros/assets/fonts/nimbus-sans/NimbusSanL-Bol.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'NimbusSans';
  src: url('/local/templates/micros/assets/fonts/nimbus-sans/NimbusSanL-BolIta.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
}
/*END nimbus-sans*/

/*IMPORT liberation-sans*/

/*END liberation-sans*/
/*END open SANS*/
@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/light/latest.woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/light-italic/latest.woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/normal/latest.woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/italic/latest.woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/semibold/latest.woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/semibold-italic/latest.woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/bold/latest.woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/local/templates/micros/assets/fonts/segoe-ui/cyrillic/bold-italic/latest.woff");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("/local/templates/micros/assets/fonts/awesome/fa-brands-400.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("/local/templates/micros/assets/fonts/awesome/fa-regular-400.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("/local/templates/micros/assets/fonts/awesome/fa-solid-900.ttf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("/local/templates/micros/assets/fonts/awesome/fa-v4compatibility.ttf");
  font-weight: 400;
  font-style: normal;
}


/* fonts import end */

/* main styles */
:root {
/*------------main-font------------*/

--main-font:Lab Grotesque,-apple-system,BlinkMacSystemFont,Arial,Liberation Sans,Nimbus Sans L,sans-serif!important;

/*----------primary-color----------*/
  --primary-color: #004C9D;         
  --primary-color-2: #FFFFFF;
  --primary-color-3: #1EADEA;
  --primary-color-4: #5B8FDD;
  --primary-color-5: #C4C4C4;
  --primary-color-6: #006ADC;
  --primary-color-7: #FF8946;

  --primary-text-color: #232323;
  --secondary-text-color: #585858;
  --input-text: #939393;

/*----------primary-color----------*/
  --font-size_58: 58px;
  --font-size_44: 44px;
  --font-size_40: 40px;
  --font-size_18: 18px;
  --font-size_16: 16px;
  --font-size_14: 14px;

  /* --h1-font-size: 54px;
  --h2-font-size: 44px;
  --h3-font-size: 36px;
  --h4-font-size: 30px;
  --h5-font-size: 22px; */
  
/**/
  --h1-font-size: 44px;
  --h2-font-size: 36px;
  --h3-font-size: 30px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 16px;

  

/*----------bg----------*/
  --micros-bg-light: #FFFFFF;
  --micros-bg-dark: #232323;
  --micros-bg-sec: #F4F4F4;
/*----------bg_sec----------*/    

/*----------Жирность шрифтов----------*/
  --font-weight_100: 100;
  --font-weight_200: 200;
  --font-weight_300: 300;
  --font-weight_400: 400;
  --font-weight_500: 500;
  --font-weight_600: 600;
  --font-weight_700: 700;
  --font-weight_800: 800;
  --font-weight_900: 900;
/*----------Жирность шрифтов----------*/
  
    
/*----------Системные цвета----------*/
  --micros_btn_overlay_15: rgba(255,255,255, .15);
  --micros_btn_overlay_a_05: rgba(0,0,0, .05);
  
  --micros_product_img_overlay: rgba(0,0,0, .03);

  --micros_bg_overlay_a_5: rgba(0,0,0, .35);

  --micros_white: #ffffff;
  --micros_dark: #171718;
  
  --b24-primary-color: rgba(50, 141, 210, 1);
  --b24-primary-text-color:rgba(255, 255, 255, 1);
/*----------Системные цвета----------*/

/*----------Line-height----------*/

  --line-height_16: 1.6;
/*----------Line-height-----------*/


  --noImageDefault: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none"><path d="M19.0556 26.8333C22.0626 26.8333 24.5 24.3958 24.5 21.3889C24.5 18.382 22.0626 15.9444 19.0556 15.9444C16.0485 15.9444 13.6111 18.382 13.6111 21.3889C13.6111 24.3958 16.0485 26.8333 19.0556 26.8333Z" opacity="0.4" fill="rgb(46, 47, 56)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M70 2C70 0.895431 69.1046 0 68 0H2C0.895431 0 0 0.89543 0 2V68C0 69.1046 0.89543 70 2 70H68C69.1046 70 70 69.1046 70 68V2ZM4.27778 6.27778C4.27778 5.17321 5.17321 4.27778 6.27778 4.27778H63.7222C64.8268 4.27778 65.7222 5.17321 65.7222 6.27778V29.7827C65.7222 31.5645 63.5679 32.4568 62.308 31.1969L50.9915 19.8805C50.5362 19.4249 49.7971 19.4249 49.3418 19.8805L30.0077 39.2146C29.6688 39.5533 29.5787 40.054 29.7516 40.479C29.8323 40.6773 30.004 40.8183 30.1822 40.9369L40.7797 47.9921C40.9578 48.1107 41.1653 48.2639 41.1277 48.4746C41.0872 48.7012 40.8433 48.8799 40.5857 48.7665L23.1772 41.1069C22.7929 40.9378 22.3474 40.9883 22.0106 41.2391L7.47232 52.0655C6.153 53.048 4.27778 52.1064 4.27778 50.4614V6.27778Z" opacity="0.4" fill="rgb(46, 47, 56)"/></svg>') 50% no-repeat;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
  
/* Sections
    ========================================================================== */
@font-face {
  font-family: 'NimbusSans';
  src: url('/local/templates/micros/assets/fonts/nimbus-sans/NimbusSanL-Reg.otf') format('opentype');
}

body {
  margin: 0;
  /* font-family: "Segoe UI", Calibri, Tahoma, sans-serif!important; */
  /* font-family: "Open Sans", sans-serif!important; */
  color: var(--primary-text-color);
  font-family: var(--main-font)!important;
}

* {
  box-sizing: border-box;
}
  
main {
  display: block;
}
  
/* Grouping content
    ========================================================================== */
  
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
  
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
  
  /* Text-level semantics
      ========================================================================== */
  
a {
  background-color: transparent;
  transition: all .3s ease;
  color: var(--primary-color);
}

a:hover {
  text-decoration: none;
}

a::before {
  left: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

b,
strong {
  font-weight: bolder;
}

ul {
  padding-left: 1.2rem;
  margin: 1.5rem 0;
  color: var(--micros-bg-dark);
}
body[contenteditable="true"] ul{
  margin: 0!important;
}

ul li {
  line-height: 140%;

}

p {
  /* font-size: var(--font-size_18); */
  font-size: var(--font-size_16);
  font-style: normal;
  font-weight: var(--font-weight_400);
  color: var(--micros-bg-dark);
  /* margin: 1.5rem 0; */
  line-height: var(--line-height_16);
}



/*------ A1406 -------*/
/* section tr,section td, section ul li, section ol li,section ol li::marker{
  font-size: var(--font-size_14);
  font-weight: var(--font-weight_400);
  color: var(--micros-bg-dark);
} */

/* section tr,section td, section ol li,section ol li::marker{
  line-height: var(--line-height_16);
  font-style: normal;
}
section ol li::marker{
  color: #fff;
} */
section b{
  font-size: var(--font-size_16);
  font-style: normal;
  color: var(--micros-bg-dark);
  /* margin: 1.5rem 0; */
  line-height: var(--line-height_16);
}
/*------ A1406 -------*/

p.small {
  font-size: var(--font-size_16);
  font-style: normal;
  font-weight: var(--font-weight_400);
  color: var(--secondary-text-color);
}
::marker {
  color: var(--primary-color);
}
.acc-wrap .accordion-content ul li::marker {
  content: '●   ';
  font-size: 14px;
  color: var(--primary-color);
}
  
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
  
small {
  font-size: 80%;
}
  
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
  
sub {
  bottom: -0.25em;
}
  
sup {
  top: -0.5em;
}
  
/* Embedded content
    ========================================================================== */

img {
  border-style: none;
  max-width: 100%;
}
  
/* Forms
    ========================================================================== */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
  
button,
input {
  overflow: visible;
}

input,
textarea {
  transition: all .3s ease;
  border-radius: 5px;
  border: 1px solid #D6D6D6;
  background: var(--micros-bg-light);
  padding: 1rem;
  font-size: var(--font-size_16);
  font-style: normal;
  font-weight: var(--font-weight_500);
  outline: none;
  /* width: 100%; */
  line-height: normal;
}

input.error,
textarea.error {
  border-color: #DD6B5B;
  color: #DD6B5B;
  box-shadow: 0px 0px 0px 1px #DD6B5B;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
}

input:hover,
textarea:hover {
  border-color: #ACACAC;
  box-shadow: 0px 0px 0px 1px rgba(172,172,172,0.7);
}

input:focus,
input:focus-visible,
input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within {
  border-color: var(--primary-color-4);
  box-shadow: 0px 0px 0px 1px rgba(91,143,221,7);
}

input::placeholder,
textarea::placeholder {
  color: var(--input-text);
  font-size: var(--font-size_16);
  font-weight: var(--font-weight_400);
}

input:not(:placeholder-shown),
input:not(.error),
textarea.filled {
  border-color: var(--primary-color-4);
}

/* 
textarea:not(:empty) {
  border-color: green;
}

textarea:empty {
  border-color: red;
} */

button,
select {
  text-transform: none;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}
  
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
  
progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}


[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.checkbox-label {
  position: relative;
  min-height: 1rem;
  min-width: 1rem;
  cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 3px;
  border: 1px solid #D6D6D6;
  background-color: var(--primary-color-2);
  transition: all .3s ease;
  cursor: pointer;
}

.checkmark.error {
  border: 1px solid #DD6B5B;
}

.checkbox-label:hover input ~ .checkmark {
  border-color: var(--primary-color-4);
  box-shadow: 0px 0px 0px 1px rgba(91,143,221,7);
}

/* checkbox checked */
.checkbox-label input:checked ~ .checkmark {
  
}

.checkbox-label-text {
  padding-left: 1.5rem;
}

.checkbox-label input:checked ~ .checkmark:after {
  opacity: 1;
  visibility: visible;
}

.checkbox-label .checkmark:after {
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1842 2.70481C10.5313 3.05194 10.5313 3.61475 10.1842 3.96189L4.66675 9.47931L0.927098 5.73966C0.579965 5.39253 0.579965 4.82972 0.927098 4.48258C1.27423 4.13545 1.83704 4.13545 2.18418 4.48258L4.66675 6.96516L8.9271 2.70481C9.27423 2.35767 9.83704 2.35767 10.1842 2.70481Z' fill='%23004C9D'/%3E%3C/svg%3E%0A");
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::selection {
  background: var(--primary-color); /* Safari */
  color: var(--primary-color-2);
}
::-moz-selection {
background: var(--primary-color); /* Firefox */
color: var(--primary-color-2);
}
  
/* Interactive
    ========================================================================== */

details {
  display: block;
}

summary {
  display: list-item;
}

/* Misc
    ========================================================================== */

template {
  display: none;
}

[hidden] {
  display: none;
}  

.center-block {
  max-width: 1263px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}
  
/* Custom ui */
/*
html,
body,*/
.site-wrapper {
  min-height: 100vh;
  overflow-x: hidden;
}

html.overflow  {
  overflow: hidden;
}

h1 {
  font-size: var(--h1-font-size);
  font-style: normal;
  color: var(--primary-text-color);
  font-weight: 400!important;
  margin-bottom: 2rem;
  margin-top: 0;
  line-height: normal;
}

h2 {
  font-size: var(--h2-font-size);
  font-style: normal;
  color: var(--primary-text-color);
  font-weight: var(--font-weight_500);
  margin-bottom: 2rem;
  margin-top: 0;
  font-size: 23px;
  font-weight: var(--font-weight_600);
}

h3 {
  font-size: var(--h3-font-size);
  font-style: normal;
  color: var(--primary-text-color);
  font-weight: var(--font-weight_500);
  margin-bottom: 1.5rem;
  margin-top: 0;
}

h4 {
  font-size: var(--h4-font-size);
  font-style: normal;
  color: var(--primary-text-color);
  font-weight: var(--font-weight_500);
  margin-bottom: 1rem;
  margin-top: 0;
}

h5 {
  font-size: var(--h5-font-size);
  font-style: normal;
  color: var(--primary-text-color);
  font-weight: var(--font-weight_500);
  margin-bottom: 1rem;
  margin-top: 0;
}

.mb-big {
  margin-bottom: 2rem;
}

.center {
  text-align: center;
}

.mb-medium {
  margin-bottom: 1.5rem;
}

.mb-small {
  margin-bottom: 1rem;
}

.mb-0 {
  margin-bottom: 0;
}

.site-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.no-scroll {
  overflow: hidden !important;
}

.main-content {
  flex: 1 0 1%;
  z-index: 0;
}
  
.main-btn,
.main-btn--small {
  text-align: center;
  text-decoration: none;
  background: var(--primary-color);
  border: 1px solid transparent;
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color-2);
  font-weight: var(--font-weight_500);
  border-radius: 90px;
  user-select: none;
  cursor: pointer;
}

.main-btn {
  padding: 0.75rem 1.85rem;
  /* font-size: var(--font-size_18); */
  font-size: var(--font-size_16);

}

.main-btn--small {
  font-size: var(--font-size_16);
  padding: 0.5rem 1rem;
  line-height: 26px;
}

.main-btn:hover,
.main-btn--small:hover {
  border-color: var(--primary-color);
  color: var(--primary-color-2);
  background: var(--primary-color);
  opacity: 0.75;
}

.main-btn:active,
.main-btn--small:active {
  background: #005BBC;
  opacity: 1;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) inset; 
}


.white-btn,
.white-btn--small {
  text-decoration: none;
  background: transparent;
  border: 2px solid #C7D6E5; 
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color-2);
  font-weight: var(--font-weight_500);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
}

.white-btn {
  padding: 0.75rem 1.85rem;
  font-size: var(--font-size_18);
}

.white-btn--small {
  font-size: var(--font-size_16);
  padding: 0.35rem 1.5rem;
  line-height: 26px;
}

.white-btn:hover,
.white-btn--small:hover {
  background: #DBE8F4;
  border-color: #DBE8F4;
  color: var(--primary-color);
}

.white-btn--small.white:hover {
  color: var(--primary-text-color);
  border-color: #DBE8F4;
}

.white-btn:active,
.white-btn--small:active {
  background: #DBE8F4;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) inset; 
}

/* dropdown-btn */

.dropdown-btn,
.dropdown-btn--small {
  text-decoration: none;
  background: var(--primary-color);
  border: 1px solid transparent;
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color-2);
  font-weight: var(--font-weight_500);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-btn {
  padding: 0.75rem 1.85rem;
  margin-top: auto;
  font-size: var(--font-size_18);
}

.dropdown-btn .arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 0.5rem;
  transition: all .3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M11 6L6 11L1 6' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.dropdown-btn.active .arrow,
.dropdown-btn--small.active .arrow{
  transform: rotateX(180deg);
} 

.dropdown-btn--small {
  font-size: var(--font-size_16);
  padding: 0.35rem 1.5rem;
  line-height: 26px;
}

.dropdown-btn:hover,
.dropdown-btn--small:hover  {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background: #DBE8F4;
}

.dropdown-btn:hover .arrow,
.dropdown-btn--small:hover .arrow {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M11 6L6 11L1 6' stroke='%23004c9d' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E")  50% 50% / contain no-repeat;

}

.dropdown-btn:active,
.dropdown-btn--small:active {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) inset;
}
/* transparent-btn */
.transparent-btn,
.transparent-btn--small {
  text-decoration: none;
  background: transparent;
  border: 2px solid #C7D6E5; 
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color);
  font-weight: var(--font-weight_500);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
}

.transparent-btn {
  padding: 0.75rem 1.85rem;
  font-size: var(--font-size_18);
}

.transparent-btn--small {
  font-size: var(--font-size_16);
  padding: 0.35rem 1.5rem;
  line-height: 26px;
}

.transparent-btn:hover,
.transparent-btn--small:hover {
  background: #DBE8F4;
  border-color: #DBE8F4;
  color: var(--primary-color);
}

.transparent-btn--small.white:hover {
  color: var(--primary-text-color);
  border-color: #DBE8F4;
}

.transparent-btn:active,
.transparent-btn--small:active {
  background: #DBE8F4;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) inset; 
}

.secondary-btn {
  text-decoration: none;
  background: var(--primary-color-3);
  border: 1px solid transparent;
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color-2);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
}

.secondary-btn {
  padding: 0.75rem 1.85rem;
  font-size: var(--font-size_18);
}

.secondary-btn--small {
  font-size: var(--font-size_16);
  padding: 0.35rem 1.5rem;
}

.secondary-btn:hover,
.secondary-btn--small:hover {
  border-color: var(--primary-color-3);
  color: var(--primary-color-3);
  background: var(--primary-color-2);
}

.secondary-btn:active,
.secondary-btn--small:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
}

.subsidiary-btn,
.subsidiary-btn--small {
  text-decoration: none;
  background: var(--primary-color-7);
  border: 1px solid transparent;
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color-2);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
}

.subsidiary-btn {
  padding: 0.75rem 1.85rem 0.8rem;
  font-size: var(--font-size_18);
}

.subsidiary-btn--small {
  font-size: var(--font-size_16);
  padding: 0.35rem 1.5rem;
}

.subsidiary-btn:hover,
.subsidiary-btn--small:hover {
  border-color: var(--primary-color-7);
  color: var(--primary-color-7);
  background: transparent;
}

.subsidiary-btn:active,
.subsidiary-btn--small:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-with-arrow {
  position: relative;
  text-decoration: none;
  /* background: var(--primary-color-2); */
  border: 1px solid transparent;
  transition: all .3s ease;
  font-style: normal;
  display: inline-block;
  color: var(--primary-color);
  border-radius: 25px;
  user-select: none;
  cursor: pointer;
  font-size: var(--font-size_18);
  font-weight: var(--font-weight_500);
  padding-right: 1.2rem;
}

.green-color .btn-with-arrow:after  {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.00006C-3.59094e-08 7.58585 0.332983 7.25006 0.743738 7.25006L13.6352 7.25006C14.046 7.25006 14.3789 7.58585 14.3789 8.00006C14.3789 8.41427 14.046 8.75006 13.6352 8.75006L0.743738 8.75006C0.332983 8.75006 3.59094e-08 8.41427 0 8.00006Z' fill='%2300a88e'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36034 2.36518C9.65079 2.07228 10.1217 2.07228 10.4121 2.36518L16 8.00008L10.4121 13.635C10.1217 13.9279 9.65079 13.9279 9.36034 13.635C9.06989 13.3421 9.06989 12.8672 9.36034 12.5743L13.8964 8.00008L9.36034 3.42584C9.06989 3.13294 9.06989 2.65807 9.36034 2.36518Z' fill='%2300a88e'/%3E%3C/svg%3E");
}

.btn-with-arrow.white:after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C-3.59094e-08 7.58579 0.332983 7.25 0.743738 7.25L13.6352 7.25C14.046 7.25 14.3789 7.58578 14.3789 8C14.3789 8.41421 14.046 8.75 13.6352 8.75L0.743738 8.75C0.332983 8.75 3.59094e-08 8.41421 0 8Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36034 2.36512C9.65079 2.07222 10.1217 2.07222 10.4121 2.36512L16 8.00002L10.4121 13.6349C10.1217 13.9278 9.65079 13.9278 9.36034 13.6349C9.06989 13.342 9.06989 12.8672 9.36034 12.5743L13.8964 8.00002L9.36034 3.42578C9.06989 3.13288 9.06989 2.65801 9.36034 2.36512Z' fill='white'/%3E%3C/svg%3E%0A");
}

.btn-with-arrow:after {
  content: '';
  position: absolute;
/*   right: 0.5rem; */
right:0;
  top: 56%;
  transition: all 0.3s ease;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.00006C-3.59094e-08 7.58585 0.332983 7.25006 0.743738 7.25006L13.6352 7.25006C14.046 7.25006 14.3789 7.58585 14.3789 8.00006C14.3789 8.41427 14.046 8.75006 13.6352 8.75006L0.743738 8.75006C0.332983 8.75006 3.59094e-08 8.41427 0 8.00006Z' fill='%23004C9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36034 2.36518C9.65079 2.07228 10.1217 2.07228 10.4121 2.36518L16 8.00008L10.4121 13.635C10.1217 13.9279 9.65079 13.9279 9.36034 13.635C9.06989 13.3421 9.06989 12.8672 9.36034 12.5743L13.8964 8.00008L9.36034 3.42584C9.06989 3.13294 9.06989 2.65807 9.36034 2.36518Z' fill='%23004C9D'/%3E%3C/svg%3E%0A");
  background-position: 50% 60%;
  background-repeat: no-repeat;
}

.btn-with-arrow:hover {
  color: var(--primary-color-6);
}

.btn-with-arrow.white:hover {
  color: var(--primary-color-2);
}

.btn-with-arrow:hover::after {
  right: 0;
}

body .href-active {
  position: relative;
  text-decoration: none;
  /*pointer-events: none;*/
   background-size: 100% 1px;
  color: var(--primary-color) !important;
}

body .href-active::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  transform: unset !important;
  background-color: var(--primary-color); 
  transform-origin: bottom right;
}
/*
.hover-border::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-color: var(--primary-color); 
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}

.hover-border:hover {
  color: var(--primary-color);
}

.hover-border:hover::before {
  transform: scaleX(1); 
  transform-origin: bottom left;
}
*/


.hover-border {
    position: relative;
    text-decoration: none;
    color: var(--secondary-text-color);    
    background-image: linear-gradient(var(--primary-color), var(--primary-color));
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease;
}

.hover-border:hover {
    background-size: 100% 1px;
}
.hover-border-white {
    position: relative;
    text-decoration: none;
    color: var(--secondary-text-color);    
    background-image: linear-gradient(#fff, #fff);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease;
}

.hover-border-white:hover {
    background-size: 100% 1px;
}
.cart-grey {
  border-radius: 20px;
  padding: 2rem 2rem;
  background: var(--micros-bg-sec);
}

.custom-select {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 22px;
  position: relative
}

.custom-select__search input:hover,
.custom-select__search input:active,
.custom-select__search input:focus {
  border-color: transparent;
  box-shadow: none;
  width: 100%;
  margin: 0;
}

.custom-select select {
  display: none
}

.custom-select__title {
  padding: 14px 16px;
  position: relative;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  border: 0;
  font-size: var(--font-size_14);
  font-weight: 400;
  border: 1px solid #D6D6D6;
  color: var(--primary-text-color);
  outline: none
}

.custom-select__title:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotateZ(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotateZ(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: ease .5s;
  transition: ease .5s;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.0586 1.33325L9.80859 0.0832519L6 3.89184L2.19141 0.0832516L0.941406 1.33325L6 6.39185L11.0586 1.33325Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E")
}

.custom-select__dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease .5s;
  transition: ease .5s;
  border-radius: 8px;
  overflow-y: auto;
  max-height: 10rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 6px;
  pointer-events: none;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.custom-select__search {
  width: 100%;
  display: block;
  padding: 0 32px 0 42px;
  border-radius: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='5.75' stroke-width='1.5' stroke='%23000'/%3E%3Cline x1='11.0607' y1='11' x2='15' y2='14.9393' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") left 15px center/auto 16px no-repeat;
  background-color: #fff
}

.custom-select__search input {
  padding-left: 0;
  padding-right: 0;
}

.custom-select__item {
  cursor: pointer;
  padding: 14px 16px;
  font-weight: var(--font-weight_400);
  -webkit-transition: ease .5s;
  transition: ease .5s
}

.custom-select__item:hover {
  background: var(--primary-color);
  color: #fff;
}

.custom-select--active {
  z-index: 10;
}

.custom-select--active .custom-select__title  {
  border-color: var(--primary-color-4);
}

.custom-select--active .custom-select__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all
}

.custom-select--active .custom-select__title:before {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotateZ(180deg)
}

/* modal styles */

.modal-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  justify-content: center;
  align-items: center;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  transform: translateZ(0);
}

.modal {
  background: #fff;
  border-radius: 10px;
  width: 300px;
  height: 250px;
  display: flex;
  align-items: flex-end;
}

.submit {
  background: #8CDA26;
}

.cancel {
  background: #DA2632;
}

body .fancybox__backdrop {
  /*background: #fff;*/
  opacity: var(--fancybox-opacity, 0.8);
}

.tick {
  min-width: 18px;
  min-height: 18px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.375' cy='9' r='9' fill='%23EFFFEA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3389 5.82854C14.7295 6.21906 14.7295 6.85223 14.3389 7.24275L8.70287 12.8788L4.41106 8.58702C4.02053 8.19649 4.02053 7.56333 4.41106 7.1728C4.80158 6.78228 5.43475 6.78228 5.82527 7.1728L8.70287 10.0504L12.9247 5.82854C13.3153 5.43801 13.9484 5.43801 14.3389 5.82854Z' fill='%2360C040'/%3E%3C/svg%3E%0A") 50% 50% / 18px no-repeat;
}

.x {
  min-width: 18px;
  min-height: 18px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.375' cy='9' r='9' fill='%23FFE2E2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.082 5.29289C13.4725 5.68342 13.4725 6.31658 13.082 6.70711L7.08179 12.7073C6.69127 13.0978 6.0581 13.0978 5.66758 12.7073C5.27706 12.3167 5.27705 11.6836 5.66758 11.2931L11.6677 5.29289C12.0583 4.90237 12.6914 4.90237 13.082 5.29289Z' fill='%23E24B4B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0821 12.707C12.6916 13.0975 12.0584 13.0975 11.6679 12.707L5.66773 6.70679C5.27721 6.31627 5.27721 5.6831 5.66773 5.29258C6.05826 4.90206 6.69142 4.90205 7.08195 5.29258L13.0821 11.2927C13.4726 11.6833 13.4726 12.3164 13.0821 12.707Z' fill='%23E24B4B'/%3E%3C/svg%3E%0A")  50% 50% / 18px no-repeat;
}

.prompt {
  display: inline-block;
  text-decoration: none;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.875 15C12.4649 15 15.375 12.0899 15.375 8.5C15.375 4.91015 12.4649 2 8.875 2C5.28515 2 2.375 4.91015 2.375 8.5C2.375 12.0899 5.28515 15 8.875 15ZM8.875 16.5C13.2933 16.5 16.875 12.9183 16.875 8.5C16.875 4.08172 13.2933 0.5 8.875 0.5C4.45672 0.5 0.875 4.08172 0.875 8.5C0.875 12.9183 4.45672 16.5 8.875 16.5Z' fill='white'/%3E%3Cpath d='M7.88632 10.134C7.85278 10.0404 7.82594 9.93597 7.80582 9.82073C7.78905 9.70189 7.78066 9.59025 7.78066 9.48582C7.78066 9.32017 7.79575 9.16892 7.82594 9.03207C7.85613 8.89523 7.90142 8.76739 7.96179 8.64855C8.02217 8.52611 8.09764 8.41087 8.18821 8.30284C8.27877 8.1912 8.38443 8.08136 8.50519 7.97333C8.63265 7.85809 8.74334 7.75186 8.83726 7.65463C8.93454 7.55379 9.01672 7.45476 9.08381 7.35753C9.15089 7.2567 9.20121 7.15406 9.23475 7.04963C9.26829 6.94159 9.28506 6.82275 9.28506 6.69311C9.28506 6.58148 9.26661 6.47884 9.22972 6.38521C9.19282 6.28798 9.13915 6.20515 9.06871 6.13673C9.00162 6.06831 8.91777 6.01429 8.81714 5.97468C8.71986 5.93507 8.61085 5.91526 8.49009 5.91526C8.22846 5.91526 7.95676 5.97468 7.675 6.09352C7.39324 6.20876 7.12657 6.38521 6.875 6.62289V4.99696C7.13328 4.83131 7.41504 4.70707 7.72028 4.62424C8.02552 4.54141 8.34083 4.5 8.6662 4.5C8.97814 4.5 9.26829 4.53781 9.53664 4.61344C9.80498 4.68546 10.0381 4.8007 10.236 4.95915C10.4373 5.1176 10.5932 5.32107 10.7039 5.56955C10.818 5.81443 10.875 6.10972 10.875 6.45544C10.875 6.67511 10.8515 6.87497 10.8046 7.05503C10.7576 7.23149 10.6888 7.39894 10.5983 7.55739C10.5077 7.71585 10.3953 7.86889 10.2612 8.01654C10.127 8.16059 9.97269 8.31004 9.79827 8.46489C9.68087 8.56932 9.57689 8.66655 9.48632 8.75658C9.39911 8.84661 9.32531 8.93664 9.26494 9.02667C9.20791 9.1131 9.16431 9.20673 9.13412 9.30756C9.10393 9.40479 9.08884 9.51643 9.08884 9.64247C9.08884 9.7289 9.0989 9.81713 9.11903 9.90716C9.14251 9.99719 9.17269 10.0728 9.20959 10.134H7.88632ZM8.62091 12.5C8.35257 12.5 8.12951 12.4136 7.95173 12.2407C7.77395 12.0607 7.68506 11.8482 7.68506 11.6033C7.68506 11.3512 7.77395 11.1406 7.95173 10.9713C8.12951 10.802 8.35257 10.7174 8.62091 10.7174C8.8859 10.7174 9.10561 10.802 9.28003 10.9713C9.45445 11.137 9.54167 11.3476 9.54167 11.6033C9.54167 11.8626 9.45613 12.0769 9.28506 12.2461C9.11064 12.4154 8.88926 12.5 8.62091 12.5Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% / 16px no-repeat;
}

.slider-with-toggle-text {
  margin: 0 0 2rem;
}

.slider-with-toggle-text__item {
  padding: 2.5rem;
  border-radius: 20px;
  background: var(--micros-bg-light);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08) inset;
}

.slider-with-toggle-text__glide.glide:not(.glide--slider) .slider-with-toggle-text__slides.glide__slides {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  align-items: start;
}
/* 
.slider-with-toggle-text__glide.glide.glide--slider {
  margin: 0 -20px 0 -40px;
}

.slider-with-toggle-text__glide.glide.glide--slider .glide__track {
  padding: 25px 40px;
} */

.slider-with-img-link__glide.glide:not(.glide--carousel) .slider-with-img-link__slides.glide__slides {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  gap: 2rem;
  align-items: start;
  overflow: visible;
}

.three-slider__glide:not(.glide--carousel) .three-slider__slides.glide__slides {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(388px, 1fr));
  gap: 2rem;
  align-items: start;
  overflow: visible;
}

.four-slider__glide:not(.glide--carousel) .four-slider__slides.glide__slides {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  gap: 2rem;
  align-items: start;
  overflow: visible;
}

.four-slider.dark {
  background: var(--primary-text-color);
  color: #fff;
}

.four-slider.dark .it-product-detail__title {
  color: #fff;
}

.three-slider,
.four-slider {
  padding: 2.5rem 0;
  position: relative;
}

.three-slider .glide__arrow,
.four-slider:not(.dark) .glide__arrow,
.slider-with-img-link:not(.dark) .glide__arrow {
  border-color: rgba(196, 196, 196, .5);
}

.three-slider .glide__arrow:hover,
.four-slider:not(.dark) .glide__arrow:hover {
  border-color: rgba(196, 196, 196, 1);
}

.three-slider:not(.no-bg):after,
.four-slider:not(.no-bg):after {
  position: absolute;
  content: '';
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #232323;
}

.glide__arrow {
  box-shadow: none !important;
}

.slider-with-toggle-text__glide .glide__arrow,
.slider-with-img-link__glide .glide__arrow,
.three-slider__glide .glide__arrow,
.four-slider__glide .glide__arrow {
  width: 70px;
  height: 70px;
  /* background: rgba(0, 0, 0, 0.20); */
  border-radius: 50%;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  top: 50%;
}

.three-slider__glide .glide__arrow,
.four-slider__glide .glide__arrow {
  top: -54px !important;
}
.three-slider .glide__arrow--left,
.four-slider .glide__arrow--left {
  left: inherit;
  right: 90px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8064 21.2738C12.425 21.6733 11.792 21.688 11.3925 21.3067L0.551396 10.9583L11.3925 0.609955C11.792 0.228617 12.425 0.243338 12.8064 0.642836C13.1877 1.04233 13.173 1.67533 12.7735 2.05667L3.44795 10.9583L12.7735 19.86C13.173 20.2413 13.1877 20.8743 12.8064 21.2738Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}
.three-slider .glide__arrow--right,
.four-slider .glide__arrow--right{
  left: inherit;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.19364 21.2738C1.57498 21.6733 2.20797 21.688 2.60747 21.3067L13.4486 10.9583L2.60747 0.609955C2.20797 0.228617 1.57498 0.243338 1.19364 0.642836C0.812299 1.04233 0.82702 1.67533 1.22652 2.05667L10.5521 10.9583L1.22652 19.86C0.82702 20.2413 0.812299 20.8743 1.19364 21.2738Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

.three-slider.dark .glide__arrow--left,
.four-slider.dark .glide__arrow--left{
  left: inherit;
  right: 90px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6936 29.7203C21.2958 30.1034 20.6628 30.0915 20.2797 29.6936L6.61173 15.5L20.2797 1.30636C20.6628 0.908535 21.2958 0.896589 21.6936 1.27968C22.0915 1.66277 22.1034 2.29582 21.7203 2.69364L9.38827 15.5L21.7203 28.3064C22.1034 28.7042 22.0915 29.3372 21.6936 29.7203Z' fill='white'/%3E%3C/svg%3E%0A");
}

.three-slider.dark .glide__arrow--right,
.four-slider.dark .glide__arrow--right {
  left: inherit;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30636 29.7203C8.70418 30.1034 9.33723 30.0915 9.72032 29.6936L23.3883 15.5L9.72032 1.30636C9.33723 0.908535 8.70418 0.896589 8.30636 1.27968C7.90854 1.66277 7.89659 2.29582 8.27968 2.69364L20.6117 15.5L8.27968 28.3064C7.89659 28.7042 7.90854 29.3372 8.30636 29.7203Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-with-toggle-text__glide .glide__slides {
  align-items: flex-start;
  overflow: visible;
}

.slider-with-toggle-text__glide.glide.dark .glide__arrow--left,
.slider-with-img-link__glide.glide.dark .glide__arrow--left {
  left: -8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.19364 21.2738C1.57498 21.6733 2.20797 21.688 2.60747 21.3067L13.4486 10.9583L2.60747 0.609955C2.20797 0.228617 1.57498 0.243338 1.19364 0.642836C0.812299 1.04233 0.82702 1.67533 1.22652 2.05667L10.5521 10.9583L1.22652 19.86C0.82702 20.2413 0.812299 20.8743 1.19364 21.2738Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

.slider-with-toggle-text .glide__arrow {
  border-color: rgba(196, 196, 196, .5);
}

.slider-with-toggle-text .glide__arrow:hover {
  border-color: rgba(196, 196, 196, 1);
}

.slider-with-toggle-text__glide.glide .glide__arrow--left,
.slider-with-img-link__glide.glide .glide__arrow--left {
  left: -8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8064 21.2738C12.425 21.6733 11.792 21.688 11.3925 21.3067L0.551396 10.9583L11.3925 0.609955C11.792 0.228617 12.425 0.243338 12.8064 0.642836C13.1877 1.04233 13.173 1.67533 12.7735 2.05667L3.44795 10.9583L12.7735 19.86C13.173 20.2413 13.1877 20.8743 12.8064 21.2738Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

.slider-with-toggle-text__glide.glide.dark .glide__arrow--right,
.slider-with-img-link__glide.glide.dark .glide__arrow--right  {
  right: -8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30636 29.7203C8.70418 30.1034 9.33723 30.0915 9.72032 29.6936L23.3883 15.5L9.72032 1.30636C9.33723 0.908535 8.70418 0.896589 8.30636 1.27968C7.90854 1.66277 7.89659 2.29582 8.27968 2.69364L20.6117 15.5L8.27968 28.3064C7.89659 28.7042 7.90854 29.3372 8.30636 29.7203Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-with-toggle-text__glide.glide .glide__arrow--right,
.slider-with-img-link__glide.glide .glide__arrow--right  {
  right: -8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.19364 21.2738C1.57498 21.6733 2.20797 21.688 2.60747 21.3067L13.4486 10.9583L2.60747 0.609955C2.20797 0.228617 1.57498 0.243338 1.19364 0.642836C0.812299 1.04233 0.82702 1.67533 1.22652 2.05667L10.5521 10.9583L1.22652 19.86C0.82702 20.2413 0.812299 20.8743 1.19364 21.2738Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

.slider-with-toggle-text__item.glide__slide {
  display: flex;
  flex-direction: column;
  user-select: auto;
  height: auto !important;
}

.slider-with-toggle-text__item--icon {
  display: flex;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 1rem;
  margin: 0 auto 1rem;
  background: var(--primary-color-7);
}

.slider-with-toggle-text__item--title {
  text-align: center;
  margin: 0;
}

.slider-with-toggle-text__item--list {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: max-height 0.3s ease;
}

.slider-with-toggle-text__item--list__item {
  padding: 10px 0;
  color: var(--secondary-text-color);
  font-size: var(--font-size_14);
  font-style: normal;
  font-weight: var(--font-weight_400);
  border-top: 1px solid #EAEAEA;
}

.slider-with-toggle-text__item--list.open {
  max-height: 250px;
  margin-bottom: 2rem;
}
/* 
.slider-with-img-link {
  margin-bottom: 2rem;
} */

.slider-with-img-link__item {
  border-radius: 20px;
  background: var(--white, #FFF);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08) inset;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem;

  min-height: 320px;
}

.slider-with-img-link__item .slider-with-img-link__item--icon {
  font-size: 0;
  margin-bottom: 1.5rem;
}

.slider-with-img-link__item .slider-with-img-link__item--icon img {
  max-width: 140px;
  border-radius: 7px;
  overflow: hidden;
}


.slider-with-img-link__glide.glide .glide__arrows,
.slider-with-toggle-text__glide.glide .glide__arrows,
.three-slider__glide .glide__arrows,
.four-slider__glide .glide__arrows {
  display: none;
}

.slider-with-img-link__glide.glide.glide--carousel .glide__arrows,
.slider-with-toggle-text__glide.glide.glide--slider .glide__arrows,
.three-slider__glide.glide--carousel .glide__arrows,
.four-slider__glide.glide--carousel .glide__arrows,
.four-slider__glide .glide__arrows  {
  display: block;
}

.slider-with-img-link__glide .glide__slides {
  align-items: flex-start;
  overflow: visible;
}


.slider-with-img-link__item {
  user-select: all !important;
}

.slider-with-img-link__item--title {
  text-align: center;
}

.information-block__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
}

.information-block__text {
  flex: 0 1 570px;
}

.information-block__achievements {
  flex: 1 0 1%;
}

.catalog-items-with-bg-image__inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(388px, 1fr));
  gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.card-with-bg-img {
  max-width: 388px;
  border-radius: 20px;
  min-height: 300px;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  display: flex;
  position: relative;
  overflow: hidden;
  /*background: #EAEAEA;*/
}
/* .card-with-bg-img.v2 {
  max-width: 290px;
  border-radius: 20px;
  min-height: 200px;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  display: flex;
  position: relative;
  overflow: hidden;
  background: #EAEAEA;
} */
.card-with-bg-img__bg {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  transition: all .3s ease-in-out;
}

.card-with-bg-img:hover .card-with-bg-img__bg,
.card-with-bg-img.have-bg:hover::before {
  transform: scale(1.2);
}

.card-with-bg-img.have-bg::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -21.32%, rgba(0, 0, 0, 0.80) 100%);
  transition: all .3s ease-in-out;
}

.card-with-bg-img.have-bg {
  color: var(--primary-color-2);
  --primary-color: var(--primary-color-2);
}

.card-with-bg-img.have-bg .card-with-bg-img__title {
  color: var(--primary-color-2);
}

.card-with-bg-img__inner {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  flex: 1 0 1%;
  position: relative;
  z-index: 3;
}

.card-with-bg-img__title {
  color: var(--primary-color);
  font-size: var(--font-size_18);
  font-style: normal;
  font-weight: var(--font-weight_500);
  margin-bottom: 1.5rem;
  display: inline-block;
  text-decoration: none;
}

.card-with-bg-img__label {
  font-size: var(--font-size_16);
  font-style: normal;
  font-weight: var(--font-weight_500);
  line-height: 22.4px; 
  display: flex;
  height: 32px;
  padding: 10px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #004C9D;
  color: var(--primary-color-2);

}

.card-with-bg-img__buttons {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.category {
  cursor: pointer;
}
.sub-category {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.active .sub-category {
  max-height: 1000px; 
  transition: max-height 0.3s ease-in;
}

.categories.min .categories__inner {
  padding: 1rem 1rem;
}

.categories__inner {
  padding: 2rem 1rem;
}

.categories-grid-img {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  gap: 2rem;
}

.categories-grid-img .categories-grid__category {
  border: none;
  border-radius: 20px;
  background: var(--micros-bg-sec);
}

.categories-grid-img .categories-grid__category--icon img {
  max-width: 140px;
  max-height: 75px;
}

.categories-grid__category--top {
  min-height: 75px;
}

.categories-grid-img .categories-grid__category:last-child {
  border: none;
  border-radius: 20px;
}

.categories-grid-img .categories-grid__category--top {
  margin-bottom: 1rem;
}

.categories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  gap: 0;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-radius: 20px 20px 0px 20px;
  overflow: hidden;
}

.categories-grid__category {
  padding: 2rem 2.1rem;
  border-right: 1px solid var(--line, #EAEAEA);
  border-bottom: 1px solid var(--line, #EAEAEA);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: all .3s ease;
  position: relative;
}

.categories-grid__category:hover {
  background: #EAEAEA;
}

.categories-grid__category:hover .categories-grid__category--title {
    color: var(--primary-color);
}

.categories-grid__category:hover .categories-grid__category--arrow {
  right: 1.5rem;
}

.categories-grid__category:last-child {
  border-radius: 20px 20px 20px 20px;
  border-radius: 0px 0px 20px 0px;
}

.categories-grid__category--top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.categories-grid__category--icon {
  font-size: 0;
}

.categories-grid__category--icon img {
  max-width: 120px;
  max-height: 120px;
  min-height: 120px;
}

.categories-grid__category--arrow {
  position: absolute;
  transition: all .3s ease;
  right: 1.5rem;
  top: 2.2rem;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.5C-3.81537e-08 8.0599 0.353794 7.70313 0.790222 7.70313L14.4874 7.70313C14.9238 7.70313 15.2776 8.0599 15.2776 8.5C15.2776 8.9401 14.9238 9.29688 14.4874 9.29688L0.790222 9.29688C0.353794 9.29688 3.81537e-08 8.94011 0 8.5Z' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.94536 2.51294C10.254 2.20174 10.7543 2.20174 11.0629 2.51294L17 8.50003L11.0629 14.4871C10.7543 14.7983 10.254 14.7983 9.94536 14.4871C9.63676 14.1759 9.63676 13.6714 9.94536 13.3602L14.7649 8.50003L9.94536 3.63989C9.63676 3.32869 9.63676 2.82414 9.94536 2.51294Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A") 50% 50% / 17px no-repeat;
}

.categories-grid__category--title {
  color: var(--primary-text-color);
  font-size: var(--font-size_18);
  font-style: normal;
  font-weight: var(--font-weight_400);
}

.categories-grid__category--title sup {
  color: var(--secondary-text-color);
}

.medium-promo {
  max-width: 1560px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.medium-promo__overlay {
  background: var(--micros-bg-sec);
  border-radius: 30px;
}

.promo.slider .promo__overlay.purple {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='636' height='440' viewBox='0 0 636 440' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M118.749 240.216C95.701 254.793 64.8442 252.163 44.5898 232.195C20.9922 208.931 20.7218 170.942 43.986 147.344C47.7877 143.488 51.3086 140.996 52.2472 140.332L52.2789 140.309C53.7529 139.266 55.0174 138.465 55.7875 137.989C57.3535 137.02 58.7948 136.211 59.7627 135.678C61.7994 134.557 64.0898 133.375 66.3262 132.249C70.9181 129.936 77.0132 126.99 84.2124 123.607C98.6916 116.801 118.615 107.766 141.863 97.7002C188.187 77.6433 248.938 52.9616 306.885 33.6006C335.839 23.9266 364.913 15.3036 391.629 9.27585C417.409 3.45937 444.911 -0.873107 469.265 0.398841C488.817 1.42002 534.431 7.85936 552.695 52.5466C561.083 73.0688 559.37 93.1366 555.467 108.313C551.572 123.457 544.504 137.839 536.502 150.988C506.418 200.42 447.197 259.705 387.424 314.538C386.942 314.98 386.46 315.421 385.978 315.863C418.107 300.93 447.009 288.437 471.572 279.484C491.846 272.094 512.244 265.916 530.944 263.136C546.519 260.822 575.67 258.355 601.344 275.251C634.809 297.274 637.98 333.319 634.738 355.945C631.668 377.372 622.067 399.377 611.034 419.951C587.018 464.735 566.65 505.509 548.211 542.422C540.758 557.341 533.621 571.629 526.685 585.296C503.939 630.118 481.428 672.422 457.815 700.221C436.363 725.477 398.498 728.56 373.242 707.107C347.987 685.655 344.903 647.79 366.356 622.535C379.164 607.455 395.558 578.517 419.676 530.991C426.037 518.455 432.831 504.857 440.071 490.364C453.227 464.029 467.859 434.738 484.063 403.495C431.771 425.373 362.706 460.105 281.463 500.962C252.143 515.707 221.237 531.25 188.961 547.273C148.565 567.328 117.751 581.187 96.7919 587.747C91.2772 589.473 84.8681 591.206 78.176 592.244C72.8925 593.064 60.7286 594.627 46.9277 590.794C39.2542 588.663 28.8077 584.231 19.3477 574.946C9.32326 565.107 3.60094 552.929 1.52692 540.917C-2.01189 520.421 5.57196 504.482 7.96244 499.652C13.9378 487.578 23.1902 477.113 29.1458 470.673C36.3386 462.896 45.0938 454.373 54.5721 445.561C73.5773 427.893 98.3265 406.453 125.492 383.231C135.763 374.452 146.428 365.374 157.369 356.063C205.092 315.447 258.049 270.376 306.303 226.11C345.15 190.474 378.251 157.734 402.327 130.153C384.748 134.705 365.351 140.587 344.912 147.416C291.475 165.27 234.188 188.491 189.543 207.821C167.307 217.449 148.513 225.979 135.257 232.209C128.588 235.343 123.562 237.783 120.304 239.424C119.665 239.745 119.151 240.008 118.749 240.216ZM117.635 240.801C117.627 240.805 117.62 240.809 117.614 240.813C117.599 240.821 117.591 240.825 117.591 240.825C117.591 240.825 117.605 240.817 117.635 240.801ZM466.634 120.64C466.591 120.667 466.055 120.612 465.155 120.395C466.227 120.505 466.677 120.613 466.634 120.64ZM552.759 381.479C552.735 381.506 552.297 381.538 551.518 381.491C552.394 381.427 552.783 381.451 552.759 381.479Z' fill='%237F6FC0'/%3E%3C/svg%3E") 80% 50% / contain no-repeat #7162AE;
}

.promo .promo__overlay.light-blue {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='636' height='440' viewBox='0 0 636 440' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M118.749 240.216C95.701 254.793 64.8442 252.163 44.5898 232.195C20.9922 208.931 20.7218 170.942 43.986 147.344C47.7877 143.488 51.3086 140.996 52.2472 140.332L52.2789 140.309C53.7529 139.266 55.0174 138.465 55.7875 137.989C57.3535 137.02 58.7948 136.211 59.7627 135.678C61.7994 134.557 64.0898 133.375 66.3262 132.249C70.9181 129.936 77.0132 126.99 84.2124 123.607C98.6916 116.801 118.615 107.766 141.863 97.7002C188.187 77.6433 248.938 52.9616 306.885 33.6006C335.839 23.9266 364.913 15.3036 391.629 9.27585C417.409 3.45937 444.911 -0.873107 469.265 0.398841C488.817 1.42002 534.431 7.85936 552.695 52.5466C561.083 73.0688 559.37 93.1366 555.467 108.313C551.572 123.457 544.504 137.839 536.502 150.988C506.418 200.42 447.197 259.705 387.424 314.538C386.942 314.98 386.46 315.421 385.978 315.863C418.107 300.93 447.009 288.437 471.572 279.484C491.846 272.094 512.244 265.916 530.944 263.136C546.519 260.822 575.67 258.355 601.344 275.251C634.809 297.274 637.98 333.319 634.738 355.945C631.668 377.372 622.067 399.377 611.034 419.951C587.018 464.735 566.65 505.509 548.211 542.422C540.758 557.341 533.621 571.629 526.685 585.296C503.939 630.118 481.428 672.422 457.815 700.221C436.363 725.477 398.498 728.56 373.242 707.107C347.987 685.655 344.903 647.79 366.356 622.535C379.164 607.455 395.558 578.517 419.676 530.991C426.037 518.455 432.831 504.857 440.071 490.364C453.227 464.029 467.859 434.738 484.063 403.495C431.771 425.373 362.706 460.105 281.463 500.962C252.143 515.707 221.237 531.25 188.961 547.273C148.565 567.328 117.751 581.187 96.7919 587.747C91.2772 589.473 84.8681 591.206 78.176 592.244C72.8925 593.064 60.7286 594.627 46.9277 590.794C39.2542 588.663 28.8077 584.231 19.3477 574.946C9.32326 565.107 3.60094 552.929 1.52692 540.917C-2.01189 520.421 5.57196 504.482 7.96244 499.652C13.9378 487.578 23.1902 477.113 29.1458 470.673C36.3386 462.896 45.0938 454.373 54.5721 445.561C73.5773 427.893 98.3265 406.453 125.492 383.231C135.763 374.452 146.428 365.374 157.369 356.063C205.092 315.447 258.049 270.376 306.303 226.11C345.15 190.474 378.251 157.734 402.327 130.153C384.748 134.705 365.351 140.587 344.912 147.416C291.475 165.27 234.188 188.491 189.543 207.821C167.307 217.449 148.513 225.979 135.257 232.209C128.588 235.343 123.562 237.783 120.304 239.424C119.665 239.745 119.151 240.008 118.749 240.216ZM117.635 240.801C117.627 240.805 117.62 240.809 117.614 240.813C117.599 240.821 117.591 240.825 117.591 240.825C117.591 240.825 117.605 240.817 117.635 240.801ZM466.634 120.64C466.591 120.667 466.055 120.612 465.155 120.395C466.227 120.505 466.677 120.613 466.634 120.64ZM552.759 381.479C552.735 381.506 552.297 381.538 551.518 381.491C552.394 381.427 552.783 381.451 552.759 381.479Z' fill='%235AAABB'/%3E%3C/svg%3E") 80% 50% / contain no-repeat #4A97A8;
}

.medium-promo__inner {
  display: flex;
  flex-wrap: wrap;
  /* align-items: flex-end; */
  align-items: center;
  gap: 2rem;
}

.medium-promo__text {
  padding: 4rem 0;
  flex: 1 0 1%;
}

.acc-wrap {
  margin-bottom: 0.25rem;
}

button.accordion {
  color: var(--primary-text-color);
  cursor: pointer;
  transition: background-color 0.2s linear;
  font-size: var(--font-size_18);
  font-style: normal;
  font-weight: var(--font-weight_500);
  padding: 1.25rem 4.25rem 1.25rem 1.25rem;
  border-radius: 10px;
  text-align: left;
  background: var(--micros-bg-sec);
  outline: none;
  border: none;
  width: 100%;
  position: relative;
}

button.accordion:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--primary-color-5);
  transition: all .3s ease-out;
  background: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='-2.4 -2.4 28.80 28.80' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23c4c4c4' transform='matrix(1, 0, 0, 1, 0, 0)rotate(-45)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' transform='translate(0,0), scale(1)'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.43200000000000005'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M17 7L7 17M7 17H17M7 17V7' stroke='%23c4c4c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 50% 50% / 25px no-repeat;
}

button.accordion.is-open:after {
  transform: rotateZ(180deg);
}

button.accordion:hover {
  background-color: #ddd;
}

button.accordion.is-open {
  border-radius: 10px 10px 0px 0px;
}

button.accordion.is-open:hover {
  background: var(--micros-bg-sec);
}

.accordion-content {
  background-color: var(--micros-bg-sec);
  padding: 0 1.25rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  border-radius: 0 0 10px 10px;
}


.custom-pagination {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
}

.custom-pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transition: all .3s ease;
  border: 1px solid var(--line, #EAEAEA);
  font-size: var(--font-size_18);
  font-style: normal;
  font-weight: var(--font-weight_400);
  color: var(--secondary-text-color);
}

.custom-pagination__item.arrow__left {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 8.50006C16.5 8.08585 16.167 7.75006 15.7563 7.75006L2.8648 7.75006C2.45405 7.75006 2.12107 8.08585 2.12107 8.50006C2.12107 8.91427 2.45405 9.25006 2.8648 9.25006L15.7563 9.25006C16.167 9.25006 16.5 8.91427 16.5 8.50006Z' fill='%23004C9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.13966 2.86518C6.84921 2.57228 6.3783 2.57228 6.08785 2.86518L0.5 8.50008L6.08785 14.135C6.3783 14.4279 6.84921 14.4279 7.13966 14.135C7.43011 13.8421 7.43011 13.3672 7.13966 13.0743L2.60361 8.50008L7.13966 3.92584C7.43011 3.63294 7.43011 3.15807 7.13966 2.86518Z' fill='%23004C9D'/%3E%3C/svg%3E%0A") 50% 50% / 16px no-repeat;
}

.custom-pagination__item.arrow__right {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 8.50006C0.5 8.08585 0.832983 7.75006 1.24374 7.75006L14.1352 7.75006C14.546 7.75006 14.8789 8.08585 14.8789 8.50006C14.8789 8.91427 14.546 9.25006 14.1352 9.25006L1.24374 9.25006C0.832983 9.25006 0.5 8.91427 0.5 8.50006Z' fill='%23004C9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.86034 2.86518C10.1508 2.57228 10.6217 2.57228 10.9121 2.86518L16.5 8.50008L10.9121 14.135C10.6217 14.4279 10.1508 14.4279 9.86034 14.135C9.56989 13.8421 9.56989 13.3672 9.86034 13.0743L14.3964 8.50008L9.86034 3.92584C9.56989 3.63294 9.56989 3.15807 9.86034 2.86518Z' fill='%23004C9D'/%3E%3C/svg%3E%0A") 50% 50% / 16px no-repeat;  
}

.custom-pagination__item.active {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.custom-pagination__item:hover:not(.disabled) {
  border-color: var(--primary-color);
  box-shadow: 0 0 0px 1px var(--primary-color);
  color: var(--primary-color);
}

.custom-pagination__item.disabled {
  filter: grayscale(100%);
  filter: gray;
  pointer-events: none;
}

.custom-pagination__item {
  min-width: 44px;
  min-height: 44px;
  text-decoration: none;
  transition: all .3s ease;
}


body .splide__track--nav>.splide__list>.splide__slide.is-active {
  border-radius: 5px;
  border: 2px solid var(--primary-color);
}

.splide__track--fade>.splide__list>.splide__slide {
  display: flex;
  align-items: center;
   justify-content: center; 
}

body .splide__track--nav>.splide__list>.splide__slide {
  border-radius: 5px;
  border: 2px solid #EAEAEA;
  display: flex;
  justify-content: center;
  align-items: center;
}

.universal-modal {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  backdrop-filter: blur(3.5px);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  transition: opacity 0.3s ease;
}

.modal-main-content {
  background-color: #fff;
  padding: 2rem 2.5rem;
  max-width: 450px;
  width: 100%;
  opacity: 0; 
  transition: opacity 0.6s ease, transform 0.6s ease;
  border-radius: 20px;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  transform: translateY(-110%);
  max-height: 100%;
  overflow-y: auto;
}

.modal-main-content.small {
  max-width: 350px;
}

.modal-main-content.big{
  max-width: 600px;
}

.universal-modal.open {
  visibility: visible;
}

.universal-modal.open .modal-overlay {
  opacity: 1; 
}

.universal-modal.open .modal-main-content {
  opacity: 1; 
  transform: translateY(0);
}

.modal-description {
  font-size: var(--font-size_16);
  font-weight: var(--font-weight_400);
  margin: 0 0 1rem;
}

.universal-modal .contact__card--form__submit-btn {

}
:root {
  color-sheme: dark light;
  view-transition-name: none;
 /* Disable root transition */
}

/* TABS */
.tabs {
  margin: auto;
  display: flex;
  gap: 0;
  max-width: fit-content;
}
.tabs[aria-orientation="horizontal"] {
  flex-direction: column;
}
.tabs[aria-orientation="vertical"] {
  flex-direction: row;
}
/* TABLIST */
[role="tablist"] {
  display: flex;
  gap: 8px;
  overflow: auto;
  scroll-behavior: smooth;
  position: relative;
}

[role="tablist"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 3px;
  z-index: 0;
  background: #EAEAEA;
}

[role="tablist"]::-webkit-scrollbar-track {
  background: oklch(80% 0 var(250));
}

[role="tablist"]::-webkit-scrollbar-thumb {
  background: oklch(60% 0 var(250));
}

.tabs[aria-orientation="horizontal"] [role="tablist"] {
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
}

.tabs[aria-orientation="horizontal"] [role="tablist"]::-webkit-scrollbar {
  height: var(--tablist-scroll-width, 4px);
}

.tabs[aria-orientation="vertical"] [role="tablist"] {
  flex-direction: column;
  min-width: 200px;
  margin-right: 2rem;
  overflow-x: hidden;
  padding-right: 6px;
}

.tabs[aria-orientation="vertical"] [role="tabpanel"]:not([hidden]) {
  margin-top: 0;
}

.tabs[aria-orientation="vertical"] [role="tablist"]:after {
  left: inherit;
  height: 100%;
  right: 4px;
  width: 3px;
  z-index: -1;
}

.tabs[aria-orientation="vertical"] [role="tablist"]::-webkit-scrollbar {
  width: var(--tablist-scroll-width, 4px);
}

/* TAB */
:root {
  --hue: 250;
  --primary: oklch(60% 0.3 var(--hue));
  --background: oklch(98% 0.03 var(--hue));
  --text: oklch(20% 0.03 var(--hue));
  --outline: oklch(60% 0 var(--hue));
  
  accent-color: var(--primary);
  color-sheme: dark light;
  view-transition-name: none; /* Disable root transition */
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: oklch(15% 0.03 var(--hue));
    --text: oklch(98% 0.03 var(--hue));
  }
}

.tabs {
  margin: auto;
  display: flex;
  gap: 0;
  max-width: fit-content;
}
.tabs[aria-orientation="horizontal"] {
  flex-direction: column;
}
.tabs[aria-orientation="vertical"] {
  flex-direction: row;
}


/* TABLIST */
[role="tablist"] {
  display: flex;
  gap: 8px;
  overflow: auto;
  scroll-behavior: smooth;
  &::-webkit-scrollbar-track {
    background: oklch(80% 0 var(--hue));
  }
  /* Handle */
  &::-webkit-scrollbar-thumb {
    background: oklch(60% 0 var(--hue));
  }
}
.tabs[aria-orientation="horizontal"] [role="tablist"] {
  flex-direction: row;
  &::-webkit-scrollbar {
    height: var(--tablist-scroll-width, 4px);
  }
}
.tabs[aria-orientation="vertical"] [role="tablist"] {
  flex-direction: column;
  &::-webkit-scrollbar {
    width: var(--tablist-scroll-width, 4px);
  }
}


/* TAB */
[role="tab"] {
  flex-shrink: 0;
  cursor: pointer;
  color: currentcolor;
  background-color: transparent;
  border: none;
  padding: 1rem;
  font-size: var(--font-size_18);
  font-weight: var(--font-weight_500);
  color: var(--primary-text-color);
  transition: all .3s ease-in-out;
}
.tabs[aria-orientation="horizontal"] [role="tab"] {
  text-align: center;
}
.tabs[aria-orientation="vertical"] [role="tab"] {
  text-align: start;
}

/* TAB INTERACTIVITY */
[role="tab"]:hover {
  /* background-color: var(--primary-color); */
  color: var(--primary-color-6);
}
[role="tab"]:active {
  background-color: var(--primary-color);
  color: var(--primary-color-2);
}
[role="tab"]:focus-visible {
  outline: solid 1px var(--primary-color);
}

/* SELECTED TAB */
[role="tab"][aria-selected="true"] {
  position: relative;
  color: var(--primary-color);
}
[role="tab"][aria-selected="true"]::before {
    --selection-width: 3px;
    content: "";
    position: absolute;
    border-radius: 0;    
    background-color: var(--primary-color);
    view-transition-name: selected-tab;
}

.tabs[aria-orientation="horizontal"] [role="tab"][aria-selected="true"]::before {
  inset-block-end: 0px;
  inset-inline: 0;
  height: 3px;
  z-index: 2;
  background: var(--primary-color);
}

.tabs[aria-orientation="vertical"] [role="tab"][aria-selected="true"]::after {
  content: '';
  position: absolute;
  height: 6px;
  transition: all .3s ease;
  bottom: 50%;
  left: inherit;
  width: 12px;
  margin-bottom: -3px;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M6 6L0 0H12L6 6Z' fill='%23004C9D'/%3E%3C/svg%3E")  50% 100% / 12px no-repeat;
  right: -10px;
  transform: rotateZ(267deg);
}

.tabs[aria-orientation="horizontal"] [role="tab"][aria-selected="true"]::after {
  position: absolute;
  content: '';
  inset-block-end: 0px;
  inset-inline: 0;
  height: 6px;
  transition: all .3s ease;
  top: 100%;
  left: 50%;
  width: 12px;
  margin-left: -6px;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M6 6L0 0H12L6 6Z' fill='%23004C9D'/%3E%3C/svg%3E")  50% 100% / 12px no-repeat;
  bottom: -6px;
}

.tabs[aria-orientation="vertical"] [role="tab"][aria-selected="true"]::before {
  inset-inline-end: -2px;
  inset-block: 0;
  width: var(--selection-width);
}


/* TABPANEL */
[role="tabpanel"]:not([hidden]) {
  flex: 1;
  display: grid;
  place-items: flex-start;
  min-height: fit-content;
 margin-top: 1.5rem; 
  /*view-transition-name: selected-panel;*/
  text-align: left;
}


/* ANIMATIONS */
::view-transition-group(selected-tab) {
  animation-duration: 0.1s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
::view-transition-new(selected-tab),
::view-transition-old(selected-tab){
  height: 100%;
}

::view-transition-group(selected-panel) {
  overflow: hidden;
  animation-duration: 0.1s;
}
::view-transition-new(selected-panel),
::view-transition-old(selected-panel){
  animation: none;
}


/* Layout */
section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

fieldset {
  border-radius: 4px;
  border-color: var(--outline);
  display: flex;
  gap: 8px;
  align-items: center;
}

input[type="radio"] {
  margin: 0;
  height: 0.9rem;
  width: 0.9rem;
  &:focus-visible {
    outline: solid 1px var(--primary);
  }
}

.tabs {
  max-width: 100%;
  width: 100%;
  margin-top: 2rem;
}

.section-header .main-section__desc {
  margin-top: 0;
}

/* main styles end */

.colors {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 2rem;
}

.color-square {
  padding: 1rem;
  color: #fff;
  border-radius: 10px; 
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: var(--font-size_14);
  justify-content: space-between;
}

.color-square.white {
  border: 1px solid #000; 
}

.color-square.white,
.color-square.light-grey {
  color: var(--primary-text-color)
}

.ui-block {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.h-block {
  margin-bottom: 1rem;
}

.secondary-text {
  /* color: var(--secondary-text-color); */
  color: var(--micros-bg-dark);
}

.typography-block {
  display: flex;
  gap: 1rem;
}

.typography-headers,
.typography-text {
  flex: 1 0 1%;
}

.p-block {
  margin-bottom: 1rem;
}

.s-p,
.s-sm-p {
  font-size: var(--font-size_16); 
}

.l-sm-p {
  font-size: var(--h5-font-size);
}

.xs-p {
  font-size: var(--font-size_14);
}

.s-sm-p,
.l-sm-p,
.n-sm-p {
  color: var(--primary-text-color);
  font-weight: var(--font-weight_500); 
}

.buttons-ui-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.mobile-search-form {
  display: flex;
  gap: 1rem;
  flex: 1;
  position: relative;
}

.burger-top  .header__burger--button {
  height: auto;
}

.burger-top { 
  display: flex;
  gap: 1rem;
}

.burger-body .header__main-link.hover-border {
  margin-bottom: 0.5rem;
}

.mobile-search-form .header__burger--button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: transparent;
}

.mobile-search-form .fa-search {
  color: var(--primary-color);
}