@font-face {
    font-family: 'Montserrat';
    src: url('https://redgeguardian.com/assets/fonts/montserrat.ttf') format('truetype');
    font-style: normal;
    font-display: swap; 
    font-weight: 100 900;
}
  
  #___gatsby, #gatsby-focus-wrapper, main {
    min-height: 100vh;
    overflow: hidden;
}
html,
body {
    font-family: var(--main-font);
    font-size: var( --main-font-size);
    font-weight: var( --regular-font-weight);
    width: 100%;
    height: 100%;
    margin: 0px;
    text-decoration: none;
    transition: var(--main-transition);
    color: var(--dark-font-color);
    background: var(--third-light-background);
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
}
.gatsby-image-wrapper-constrained{
    max-width: 1000px !important;
}
.gradientText{
    background: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%);
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
h1{
    font-weight: var(--regular-font-weight);
    margin: 0px auto var(--spacing-80);
}
h2{
    font-weight: var(--bold-font-weight);
    margin: 0px auto var(--spacing-80) auto;
}
h1 g{
    font-weight: var( --bold-font-weight);
    background: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
h2 g{
    font-weight: var( --regular-font-weight);
}
h3{
    margin: 0px auto var(--spacing-70) auto;
}
.header-nav{
    max-width: 1440px;
    margin: auto;
}
li{
    line-height: 1.6rem;
}
a{
    text-decoration: none;
    color: inherit;
}
.base-font{
    font-family: var(--main-font);
}
.secondary-font{
    font-family: var(--secondary-font);
}
.redge_page{
    align-items: center;
}
.redge_page_container{
    position: relative;
}
.singleSection{
    padding: var(--spacing-90) 0px;
}
.singleSectionContainer{
    max-width: 1440px;
    margin: auto;
    z-index: 9;
    position: relative;
}
.singleSectionContent{
    padding: 0px var(--spacing-70);
}
g{
    font-family: var(--main-font);
}
.mobileView{
    display: none;
}
.circle {
    display: block;
    height: 17px;
    width: 17px;
    border: 2px rgba(0, 0, 0, 0) solid;
    border-top: 2px #fff solid;
    border-radius: 50%;
    -webkit-animation: spin2 0.2s infinite linear;
    animation: spin2 0.3s infinite linear;
    margin: 0px !important;
}
.circle_big{
    height: 50px;
    width: 50px;
    border: 4px rgba(0, 0, 0, 0) solid;
    border-top: 4px #000 solid;
    margin: 100px auto !important;
}
.circle_white{
    border-top-color: #DD7033;
}
.bottomMarginZero{
    margin-bottom: -1px;
    padding-bottom: var(--spacing-70);
}
.topMarginZero{
    margin-top: 0px;
    padding-top: var(--spacing-70);
}
.bottomAbsMarginZero{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.topAbsMarginZero{
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.topSectionMargin{
    padding-top: var(--spacing-90);
}
.bottomSectionMargin{
    padding-bottom: var(--spacing-90);
}
.redge-media-button{
    font-weight: var(--medium-font-weight);
}
.submitButton{
    background: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%);
    color: var(--light-font-color);
    border: none;
    padding: 10px 50px;
    border-radius: 500px;
    font-weight: var( --bold-font-weight);
    width: fit-content;
    font-family: var(--main-font);
    cursor: pointer;
    transition: var(--main-transition);
}
.submitButton:active{
    box-shadow: inset 0px 0px 3px 0px #878787;
}
.checkboxContainer{
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 30px;
    align-items: stretch;
}
.commonComponentsDark{
    background: var(--dark-background);
}
.sectionMargin{
    padding: 0px 0px var(--spacing-90) 0px;
}
.horizontalLane{
    margin: var(--spacing-80);
    height: 2px;
    background: var(--light-background);
    padding: 0px !important;
}
.logosArray .slick-track {
    display: flex !important;
    column-gap: var(--spacing-90);
    align-items: center;
    margin: var(--spacing-70);
}
[data-rmiz-modal-overlay=visible] {
    background-color: #171515cf !important;
    backdrop-filter: blur(10px);
}
[data-rmiz-modal-content] img {
    border-radius: var(--main-border-radius);
}
.moreLink{
    transition: var(--main-transition);
}
.moreLink:hover{
    transition: var(--main-transition);
    font-weight: var( --bold-font-weight);
}
.redgeButton{
    border-radius: 100px;
    background: var(--dark-background);
    color: var(--light-font-color);
    text-align: left;
    padding: var(--spacing-50) var(--spacing-70);
    width: fit-content;
    display: flex;
    line-height: 1.2rem;
    align-items: center;
    transition: var(--main-transition);
}
.redgeButton:hover{
    font-weight: var(--bold-font-weight);
    background: #ac4c17;
    transition: var(--main-transition);
}
.redgeButton::before {
    display: block;
    content: attr(title);
    font-weight: var( --bold-font-weight);
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.redgeButton img{
    margin: 0px 0px 0px var(--spacing-50) !important;
    height: inherit !important;
}
.redgeButton.leftIcon img {
    margin: 0px var(--spacing-50) 0px 0px !important;
    margin-left: 0px;
}
.rightIcon {
    display: flex;
    align-items: center;
    column-gap: var(--spacing-50);
}
/* ------------------ CHEKCBOX STYLE ------------------ */
.checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%);
    border-radius: var(--main-border-radius);
    margin-right: var(--spacing-50);
    vertical-align: bottom;
}
.custom-checkbox:hover {
    background-color: #bbb;
}
.checkbox-container input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    border-radius: 1px;
}
/* ------------------ CHEKCBOX STYLE ------------------ */
/* ------------------ MULTIPLE DROPDOWN STYLE ------------------ */
.customDropdown.custom-select {
    position: relative;
    width: 100%;
  }
  .customDropdown .select-box {
    position: relative;
    background-color: var(--light-background);
    cursor: pointer;
    border-radius: var(--main-border-radius);
    color: var(--dark-font-color);
    font-family: var(--main-font);
    font-size: .9rem;
  }  
  .customDropdown .arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: var(--main-transition);
  }
  .customDropdown .select-box.open .arrow {
    transform: translateY(-50%) rotate(-135deg);
  }
  .customDropdown .options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--light-background);
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    margin-top: var(--spacing-40);
    border-radius: var(--main-border-radius);
    z-index: 9;
}
  .customDropdown .options.open {
    display: block;
  }
  .customDropdown .options label {
    display: grid !important;
    padding: 8px 16px;
    cursor: pointer;
    grid-template-columns: auto 1fr;
    column-gap: var(--spacing-60);
    color: var(--dark-font-color) !important;
    font-family: var(--main-font);
    font-size: .7rem !important;
}
  .customDropdown .options label:hover {
    background-color: #bfbfbf;
  }
  .customDropdown .customDropboxInput{
    cursor: pointer;
  }
  .customSelectBoxMaskLayer{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }

/* ------------------ MULTIPLE DROPDOWN STYLE ------------------ */
/* GATSBY PLUGINS*/
.gatsby-image-wrapper{
    overflow: visible !important;
    max-width: 768px;
}
.gatsby-image-wrapper [data-main-image] {
    will-change: initial !important;
}
/* GATSBY PLUGINS*/
.notVisible{
    opacity: 0;
    transition: .3s ease;
}
.visible{
    opacity: 1;
    transition: .3s ease;
}
@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@media screen and (max-width: 1439px) {

}
@media screen and (max-width: 1023px) {
    .singleSection {
        padding: var(--spacing-80) 0px;
    }
    .topMarginZero.singleSection{
        padding: 0px 0px var(--spacing-80) 0px !important;
    }
}
@media screen and (max-width: 767px) {
    .mobileView{
        display: block;
    }
    .desktopView{
        display: none;
    }
    .singleSection {
        padding: var(--spacing-80) 0px;
    }
    .singleSectionContent{
        padding: 0px var(--spacing-60);
    }
    .commonComponents .bottomMarginZero{
        padding-bottom: var(--spacing-80) !important;
    }
    .gatsby-image-wrapper-constrained{
        max-width: inherit !important;
    }
}
/* Fade css */
.fade-enter {
    opacity: 0;
}
.fade-enter-active {
    opacity: 1;
    transition: opacity 300ms ease-in;
}
.fade-exit {
    opacity: 1;
}
.fade-exit-active {
    opacity: 0;
    transition: opacity 300ms ease-out;
}
/* Fade css */
/* Slide to left css */
.slide-enter {
    opacity: 0;
    transform: translateX(-100%);
}
.slide-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.slide-exit {
    opacity: 1;
    transform: translateX(0);
}
.slide-exit-active {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
/* Slide to left css */
/* Slide to right css */
.slideRight-enter {
    opacity: 0;
    transform: translateX(100%);
}
.slideRight-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.slideRight-exit {
    opacity: 1;
    transform: translateX(0);
}
.slideRight-exit-active {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
/* Slide to right css */

/* CHECKBOX */
.checkbox-wrapper-24 .checkbox {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
  }

  .checkbox-wrapper-24 label {
    display: inline-block;
    color: #333;
    cursor: pointer;
    position: relative;
  }
  .checkbox-wrapper-24 label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 22px;
    height: 22px;
    transform-origin: center;
    border: 1px solid #2d2d2d;
    border-radius: var(--main-border-radius);
    vertical-align: middle;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  }
  .checkbox-wrapper-24 label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #333;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 8px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
  }
  .checkbox-wrapper-24 label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #333;
    position: absolute;
    transform: rotate(305deg);
    top: 14px;
    left: 9px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
  }
  .checkbox-wrapper-24 label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
  }
  .checkbox-wrapper-24 label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
  }

  .checkbox-wrapper-24 input[type=checkbox] {
    display: none;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span {
    background: var(--gradient-01);
    transform: scale(1.25);
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span:after {
    width: 10px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span:before {
    width: 5px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span {
    background-color: #333;
    transform: scale(1.25);
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:after {
    width: 10px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:before {
    width: 5px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
/* CHECKBOX */

/* OTHERS */
#redgeTeam2{
    margin-top: -130px;
}
#redgeTeam2 img{
    width: 50%;
}
#redgeTeam1 img, #redgeTeam2 img{
    border-radius: var(--big-border-radius);
}
.topH2Transcoding{
    color: #3C58C5;
    font-weight: var(--bold-font-weight);
}
.topH2Origin{
    color: #00FFB2;
    font-weight: var(--bold-font-weight);
}
#comprehensiveContent{
    background: var(--dark-background);
}
.GridCol-3{
    grid-template-columns: 1fr 1fr 1fr !important;
    column-gap: var(--spacing-70) !important; 
}
@media screen and (max-width: 1023px) {
    #end-to-end .singleSectionContainer{
        margin-top: 0px;
    }
    #our-strengths .singleSectionContainer{
        margin-bottom: 0px;
    }
    #redgeTeam2 {
        margin-top: -90px;
    }
}
@media screen and (max-width: 767px){
    .topH2 {
        text-align: left !important;
    }
    .GridCol-3{
        grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) !important;
    }
}

/* ----- 404 ----- */
.redge_page.notFound .hero{
    background: linear-gradient(90deg, #CA0E0E 0%, #DD7033 68.54%) !important; 
}
.redge_page.notFound h1, .redge_page.notFound .heroContainer p {
    color: var(--light-font-color);
}
main.notFound{
    background: var(--dark-background);
}
.redge_page.notFound .hero a{
    font-weight: var(--uberBold-font-weight);
}
.redge_page.notFound .circle, .redge_page.notFound .circle_big {
    border-color: var(--third-light-background) !important;
    border-top-color: #440096 !important;
}

/* ----- 404 ----- */