/*######General######*/

    /*Default Font Size*/
    html{
    font-size: 18px;
    }
    /*fix for font size in buttons if font size is unter 16px*/


    /*Font Family(ies)*/
    body,
    .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
    .sidebar.sidebar-main a span,
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    .full-page section .section-header .title,
    .iw-stepper .iw-step .circle,
    .page-container-register .title,
    .page-container-landing-page .title,
    .page-container-checkout section .section-header
    {
    font-family:Montserrat, Helvetica, Arial, sans-serif !important;
    }


    /*headers and tabs color*/
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    section .section-header .title,
    .iw-ribbon .bg-ribbon,
    .text-primary,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
    .nav-tabs .nav-link:hover:not(.active),
    .iw-catalogue-wrapper .product .info-area .title a:hover,
    .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
    .iw-catalogue-wrapper .product.preview .price,
    .iw-catalogue-wrapper .modal .product.preview .price
    {
    color:#1a0637 !important;
    }

    /*bookmark (bg-ribbon) color*/
    .iw-ribbon .fg-ribbon
    {
    background: #1a0637 !important;
    width:auto !important;
    }

    .page-link, .page-link:hover, a, a:hover,
    .checkbox-icon,
    input[type="checkbox"]:checked ~ i span:nth-of-type(1),
    input[type="radio"]:checked ~ i span:nth-of-type(1),
    input[type="checkbox"]:checked ~ i span:nth-of-type(2),
    input[type="radio"]:checked ~ i span:nth-of-type(2),
    input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
    input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
    .iw-stepper .iw-step,
    .slick-prev::before, .slick-next::before,
    .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
    .info-tooltip.btn.btn-plain,
    .progressrim .percent .number span,
    .btn-link:hover, .btn.btn-glyph:hover
    {
    color:#1a0637;
    }

    .btn-link, .btn.btn-glyph{
    color:#1a0637e6;
    }

    .progressrim svg circle:nth-child(2){
    stroke:#1a0637;
    }

    .iw-stepper .iw-step .circle{
    }
    .iw-stepper .iw-step.current .circle{
    background-color:#1a0637e6;
    }

    .nb-stepper-step {
    color: #1a0637;
    }

    .nb-stepper-step.nb-stepper-step--completed::after {
    background-color: #1a0637;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__circle, .nb-stepper-step.nb-stepper-step--current::after {
    background-color: #1a0637;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #1a0637;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__circle {
    background-color: #1a0637;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #1a0637;
    }

    .nb-stepper-step.nb-stepper-step--completed .nb-stepper-step__text {
    color: #1a0637;
    }

    .form-control:focus{
    border-color:#1a06374c;
    }

    option:hover {
    box-shadow: 0 0 10px 100px red inset;
    }

    .badge-primary,
    .iw-stepper .iw-step::after,
    .iw-stepper .iw-step + .iw-step::after,
    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
    .btn-action:hover,
    .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
    background-color:#1a0637;
    }
    .bg-primary{
    background-color:#1a0637 !important;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: #1a063799;
    box-shadow: 0 0 0 .2rem #1a06374d;
    }

    .sidebar.sidebar-main a::after,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active .nav-link{
    border-color:#1a0637;
    }

    .sidebar.sidebar-main a::before{
    border-color:#1a063730 !important;
    }

    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
    border-left-color:#1a0637;
    border-right-color:#1a0637;
    }

    .custom-select:focus
    {
    border-color:#1a06374d;
    }
    /*BUTTONS*/
    :root {
    --nb-primary-button-background-color: #1a0637;
    --nb-primary-button-border-color:     #1a0637;

    --nb-primary-button-background-color--hover: #1a0637;
    --nb-primary-button-border-color--hover:     #1a0637;

    --nb-primary-button-background-color--active: #1a0637;
    --nb-primary-button-border-color--active:     #1a0637;

    --nb-primary-button-background-color--focus: #1a0637;
    --nb-primary-button-border-color--focus:     #1a0637;

    --nb-secondary-button-border-color: #1a0637;
    --nb-secondary-button-text-color:   #1a0637;

    --nb-secondary-button-background-color--hover: #1a063740;
    --nb-secondary-button-border-color--hover:     #1a0637;
    --nb-secondary-button-text-color--hover:       #1a0637;

    --nb-secondary-button-background-color--active: #1a063740;
    --nb-secondary-button-border-color--active:     #1a0637;
    --nb-secondary-button-text-color--active:       #1a0637;

    --nb-secondary-button-background-color--focus:           #1a063740;
    --nb-secondary-button-border-color--focus: border-color: #1a0637;

    --nb-outline-primary-button-border-color: #1a0637;
    --nb-outline-primary-button-text-color: #1a0637;

    --nb-outline-primary-button-background-color--hover: #1a063740;
    --nb-outline-primary-button-border-color--hover:     #1a0637;
    --nb-outline-primary-button-text-color--hover:       #1a0637;

    --nb-outline-primary-button-background-color--focus: #1a063740;
    --nb-outline-primary-button-border-color--focus:     #1a0637;
    --nb-outline-primary-button-text-color--focus:        #1a0637;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
    .page-item.active .page-link {
    background-color:#1a0637;
    border-color:#1a0637;
    }

    .btn.btn-icon {
    color:#1a0637;
    border-color:#1a0637;
    }

    .btn.btn-icon:hover:not(:disabled):not(.disabled) {
    color:#1a0637;
    border-color:#1a0637;
    background-color:#1a063740;

    }

    .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
    border-color:#1a063740;
    background-color:#1a063740;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
    .dropdown-item:hover
    {
    border-color: #1a0637bf;
    background-color: #1a0637bf;
    }

    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-left-color: #1a0637;
    }

    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-right-color: #1a0637;
    }

    /*Custom range*/

    .custom-range::-webkit-slider-thumb {
    background-color: #1a0637;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-webkit-slider-runnable-track {
    background-color: #1a06374c;
    }

    .custom-range::-moz-range-thumb {
    background-color: #1a0637;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
    background-color: #ebf1fe;
    background-color: #1a063719;
    }

    .custom-range::-moz-range-track {
    background-color: #1a06374c;
    }

    .custom-range::-ms-thumb {
    background-color: #1a0637;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-ms-fill-lower {
    background-color: #1a06374c;
    }

    .custom-range::-ms-fill-upper {
    background-color: #1a06374c;
    }

    /*Custom switch*/
    .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #1a0637;
    background-color: #1a0637;
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #1a063750;
    }

    /*Custom radio*/
    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #1a063750;
    background-color: #1a063750;
    }

    .iw-list-picker-item.is-selected,
    .iw-list-picker-item:hover {
    border-color: #1a0637;
    }

    /*Theme UI Components*/

    .nb-section .nb-main-title
    {
    color:#1a0637 !important;
    }

    .nb-grid .k-grid a
    {
    color:#1a0637;
    }

    /*Override hardcoded min-height*/
    .nb-search-input {
    min-height: initial !important;
    }

    .browser-compatibility {
    background-color:#1a0637 !important;
    }



/*CustomCSS*/
body {
font-family: "Montserrat", Helvetica, sans-serif;
} 

.container-center-horizontal { background: #1a0637; }

.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1366px;
}

.index .overlap-group1-1 {
  align-items: center;
  background-color: var(--haiti);
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  min-width: 1366px;
}

.index .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 29.0px;
  min-height: 428px;
  width: 616px;
}

.index .are-you-using-your-1 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 60px;
  margin-left: 0;
  min-height: 186px;
  white-space: nowrap;
}

.index .span0-1 {
  color: var(--white);
  font-weight: 700;
}

.index .span1-1 {
  font-weight: 700;
}

.index .span2-1 {
  font-style: italic;
font-weight: bold;
}

.index .contact-us-today-to-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 148px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 1.0px;
  margin-top: 14px;
  width: 581px;
}

.index .group-1-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-top: 25px;
  min-width: 192px;
  transition: all 0.2s ease;
}

.index .group-1-1:hover {
  filter: grayscale(30%);
}

.index .overlap-group-1 {
  border-radius: 54px;
  height: 55px;
  position: relative;
  width: 192px;
}

.index .learn-more-1 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 15px;
  font-weight: 700;
  left: 40px;
  letter-spacing: 0.15px;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 20px;
  white-space: nowrap;
}

.index .rectangle-2-1 {
  border: 6px solid;
  border-color: var(--cyan--aqua);
  border-radius: 54px;
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 192px;
}

.index .csp_images_01-1 {
  height: 631px;
  object-fit: cover;
  width: 631px;
}
/* screen - ipad-1 */

.ipad-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 1430px;
  width: 768px;
}

.ipad-1 .overlap-group1-3 {
  height: 1432px;
  margin-top: -2px;
  position: relative;
  width: 768px;
}

.ipad-1 .component-1-2 {
  background-color: var(--haiti);
  height: 1432px;
  left: 0px;
  position: absolute;
  top: 0;
  width: 768px;
}

.ipad-1 .are-you-using-your-3 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 60px;
  font-weight: 800;
  left: 72px;
  letter-spacing: 0;
  line-height: 70px;
  position: absolute;
  top: 810px;
  white-space: nowrap;
}

.ipad-1 .span0-3 {
  color: var(--white);
  font-weight: 700;
}

.ipad-1 .span1-3 {
  font-weight: 700;
}

.ipad-1 .span2-3 {
  font-style: italic;
font-weight: bold;
}

.ipad-1 .csp_images_01-3 {
  height: 767px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 767px;
}

.ipad-1 .contact-us-today-to-3 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 207px;
  left: 74px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 1047px;
  width: 615px;
}

.ipad-1 .group-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 78px;
  left: 74px;
  min-width: 270px;
  position: absolute;
  top: 1265px;
  transition: all 0.2s ease;
}

.ipad-1 .group-2:hover {
  filter: grayscale(30%);
}

.ipad-1 .overlap-group-3 {
  border-radius: 54px;
  height: 78px;
  position: relative;
  width: 270px;
}

.ipad-1 .learn-more-3 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  left: 56px;
  letter-spacing: 0.22px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 28px;
  white-space: nowrap;
}

.ipad-1 .rectangle-2-3 {
  border: 6px solid;
  border-color: var(--cyan--aqua);
  border-radius: 54px;
  height: 78px;
  left: 0;
  position: absolute;
  top: 0;
  width: 270px;
}
/* screen - samsung-galaxy-s10-1 */

.samsung-galaxy-s10-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 693px;
  width: 360px;
}

.samsung-galaxy-s10-1 .overlap-group1-4 {
  align-items: center;
  background-color: var(--haiti);
  display: flex;
  flex-direction: column;
  min-height: 693px;
  width: 360px;
}

.samsung-galaxy-s10-1 .csp_images_01-4 {
  height: 360px;
  object-fit: cover;
  width: 360px;
}

.samsung-galaxy-s10-1 .are-you-using-your-4 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 27px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 32px;
  margin-right: 16.0px;
  margin-top: 24px;
  min-height: 99px;
  min-width: 278px;
  white-space: nowrap;
}

.samsung-galaxy-s10-1 .span0-4 {
  color: var(--white);
  font-weight: 700;
}

.samsung-galaxy-s10-1 .span1-4 {
  font-weight: 700;
}

.samsung-galaxy-s10-1 .span2-4 {
  font-style: italic;
font-weight: bold;
}

.samsung-galaxy-s10-1 .contact-us-today-to-4 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 119px;
  letter-spacing: 0;
  line-height: 16px;
  margin-right: 2.0px;
  margin-top: 8px;
  width: 290px;
}

.samsung-galaxy-s10-1 .group-3 {
  align-items: flex-start;
  align-self: flex-start;
  cursor: pointer;
  display: flex;
  margin-left: 34.0px;
  margin-top: 12px;
  min-width: 127px;
  transition: all 0.2s ease;
}

.samsung-galaxy-s10-1 .group-3:hover {
  filter: grayscale(30%);
}

.samsung-galaxy-s10-1 .overlap-group-4 {
  border-radius: 54px;
  height: 36px;
  position: relative;
  width: 127px;
}

.samsung-galaxy-s10-1 .learn-more-4 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 10px;
  font-weight: 700;
  left: 27px;
  letter-spacing: 0.10px;
  line-height: 9px;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
}

.samsung-galaxy-s10-1 .rectangle-2-4 {
  border: 3px solid;
  border-color: var(--cyan--aqua);
  border-radius: 54px;
  height: 36px;
  left: 0;
  position: absolute;
  top: 0;
  width: 127px;
}
/* screen - web-1280-1 */

.web-1280-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1280px;
}

.web-1280-1 .overlap-group1-2 {
  align-items: center;
  background-color: var(--haiti);
  display: flex;
  height: 593px;
  justify-content: flex-end;
  min-width: 1280px;
}

.web-1280-1 .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 25.0px;
  min-height: 402px;
  width: 582px;
}

.web-1280-1 .are-you-using-your-2 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 50px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 57px;
  min-height: 177px;
  white-space: nowrap;
}

.web-1280-1 .span0-2 {
  color: var(--white);
  font-weight: 700;
}

.web-1280-1 .span1-2 {
  font-weight: 700;
}

.web-1280-1 .span2-2 {
  font-style: italic;
font-weight: bold;
}

.web-1280-1 .contact-us-today-to-2 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 139px;
  letter-spacing: 0;
  line-height: 26px;
  margin-left: 2px;
  margin-top: 14px;
  width: 545px;
}

.web-1280-1 .group-4 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-left: 1px;
  margin-top: 20px;
  min-width: 180px;
  transition: all 0.2s ease;
}

.web-1280-1 .group-4:hover {
  filter: grayscale(30%);
}

.web-1280-1 .overlap-group-2 {
  border-radius: 54px;
  height: 52px;
  position: relative;
  width: 180px;
}

.web-1280-1 .learn-more-2 {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: 14px;
  font-weight: 700;
  left: 40px;
  letter-spacing: 0.14px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
}

.web-1280-1 .rectangle-2-2 {
  border: 4px solid;
  border-color: var(--cyan--aqua);
  border-radius: 54px;
  height: 52px;
  left: 0;
  position: absolute;
  top: 0;
  width: 180px;
}

.web-1280-1 .csp_images_01-2 {
  align-self: flex-end;
  height: 591px;
  object-fit: cover;
  width: 591px;
}
/* screen - web-1920-1 */

.web-1920-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 885px;
  overflow: hidden;
  width: 1920px;
}

.web-1920-1 .overlap-group1 {
  align-items: center;
  background-color: var(--haiti);
  display: flex;
  justify-content: flex-end;
  min-width: 1920px;
}

.web-1920-1 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 40.5px;
  min-height: 602px;
  width: 872px;
}

.web-1920-1 .are-you-using-your {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 85px;
  min-height: 264px;
  white-space: nowrap;
}

.web-1920-1 .span0 {
  color: var(--white);
  font-weight: 700;
}

.web-1920-1 .span1 {
  font-weight: 700;
}

.web-1920-1 .span2 {
  font-style: italic;
font-weight: bold;
}

.web-1920-1 .contact-us-today-to {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 207px;
  letter-spacing: 0;
  line-height: 38px;
  margin-left: 2px;
  margin-top: 22px;
  width: 816px;
}

.web-1920-1 .group-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-left: 1px;
  margin-top: 31px;
  min-width: 270px;
  transition: all 0.2s ease;
}

.web-1920-1 .group-1:hover {
  filter: grayscale(30%);
}

.web-1920-1 .overlap-group {
  border-radius: 54px;
  height: 78px;
  position: relative;
  width: 270px;
}

.web-1920-1 .learn-more {
  color: var(--cyan--aqua);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  left: 56px;
  letter-spacing: 0.22px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 28px;
  white-space: nowrap;
}

.web-1920-1 .rectangle-2 {
  border: 6px solid;
  border-color: var(--cyan--aqua);
  border-radius: 54px;
  height: 78px;
  left: 0;
  position: absolute;
  top: 0;
  width: 270px;
}

.web-1920-1 .csp_images_01 {
  height: 887px;
  object-fit: cover;
  width: 887px;
}
@media screen and (max-width: 767px) {
  .screen.web-1920-1 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.web-1280-1 { 
    display: none;
   }
  .screen.ipad-1 { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.web-1920-1 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.web-1280-1 { 
    display: none;
   }
  .screen.samsung-galaxy-s10-1 { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .screen.web-1920-1 { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.ipad-1 { 
    display: none;
   }
  .screen.samsung-galaxy-s10-1 { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.web-1920-1 { 
    display: none;
   }
  .screen.web-1280-1 { 
    display: none;
   }
  .screen.ipad-1 { 
    display: none;
   }
  .screen.samsung-galaxy-s10-1 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.index { 
    display: none;
   }
  .screen.web-1280-1 { 
    display: none;
   }
  .screen.ipad-1 { 
    display: none;
   }
  .screen.samsung-galaxy-s10-1 { 
    display: none;
   }
}

:root { 
  --cyan--aqua: #00c9ff;
  --haiti: #1a0637;
  --white: #ffffff;
 
  --font-size-l: 26px;
  --font-size-m: 22px;
  --font-size-s: 20px;
  --font-size-xl: 53px;
  --font-size-xs: 18px;
  --font-size-xxl: 75px;
  --font-size-xxs: 12px;
 
  --font-family-montserrat: "Montserrat", Helvetica;
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}