@font-face {
    font-family:"Montserrat-Bold";
    src: url("font/Montserrat-Bold.eot"); /* IE9 Compat Modes */
    src: url("font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/Montserrat-Bold.woff") format("woff"), /* Modern Browsers */
            url('font/Montserrat-Bold.woff2') format('woff2'),
            url("font/Montserrat-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/Montserrat-Bold.svg#Montserrat-Bold") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family:"Montserrat-Regular";
    src: url("font/Montserrat-Regular.eot"); /* IE9 Compat Modes */
    src: url("font/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
            url('font/Montserrat-Regular.woff2') format('woff2'),
            url("font/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Gotham-Medium";
    src: url("font/GothamSSm-Medium.eot"); /* IE9 Compat Modes */
    src: url("font/GothamSSm-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/GothamSSm-Medium.woff") format("woff"), /* Modern Browsers */
            url('font/GothamSSm-Medium.woff2') format('woff2'),
            url("font/GothamSSm-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/GothamSSm-Medium.svg#Gotham-Medium") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Gotham-Bold";
    src: url("font/GothamBold.eot"); /* IE9 Compat Modes */
    src: url("font/GothamBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/GothamBold.woff") format("woff"), /* Modern Browsers */
            url('font/GothamBold.woff2') format('woff2'),
            url("font/GothamBold.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/GothamBold.svg#Gotham-Bold") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Gotham-Black";
    src: url("font/Gotham-Black.eot"); /* IE9 Compat Modes */
    src: url("font/Gotham-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/Gotham-Black.woff") format("woff"), /* Modern Browsers */
            url('font/Gotham-Black.woff2') format('woff2'),
            url("font/Gotham-Black.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/Gotham-Black.svg#Gotham-Black") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Gotham-Book";
    src: url("font/GothamSSm-Book.eot"); /* IE9 Compat Modes */
    src: url("font/GothamSSm-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/GothamSSm-Book.woff") format("woff"), /* Modern Browsers */
            url('font/GothamSSm-Book.woff2') format('woff2'),
            url("font/GothamSSm-Book.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/GothamSSm-Book.svg#Gotham-Book") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gotham-Light";
    src: url("font/GothamLight.eot"); /* IE9 Compat Modes */
    src: url("font/GothamLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("font/GothamLight.woff") format("woff"), /* Modern Browsers */
            url('font/GothamLight.woff2') format('woff2'),
            url("font/GothamLight.ttf") format("truetype"), /* Safari, Android, iOS */
            url("font/GothamLight.svg#Gotham-Light") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#root {
    position: relative;
    z-index: 0;
}

body{
    font-family: "Segoe UI"!important;
}

.main{
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

#left-part{
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
    width: 40vw;
}

#right-part{
    background-color: rgb(255, 255, 255);
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}

.leftcol{
    height: 100%;
    width: 100%;
    background: -o-linear-gradient(342.44deg, rgb(36 42 96) 0%, rgb(5, 18, 36) 100%);
    background: linear-gradient(107.56deg, rgb(36 42 96) 0%, rgb(5, 18, 36) 100%);
    -webkit-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    color: rgb(75, 75, 97);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    overflow: hidden;
}

.wZtsq {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    width: 100%;
    color: rgb(44, 45, 60);
}

.wZtsq::before {    
    content: "";
    background-image: url('../image/texture-bleue-degrade-4.png');
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.65;
}

.padding-box{
    position: relative;
    height: 100%;
    width: 100%;
    padding:3rem;
}

.logorow{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.small-logo{
    width:320px;
}

.gbVpSo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
}

.fTkDMF {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
    color:white;
    font-family:'Gotham-Book';
}

.gLHcJW {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    text-transform: none;
    color:white;
    font-family:'Gotham-Book';
}

.globe-gpn{
    width:350px;
    margin-top: 2rem;
    max-width: 100%;
}

.maincontent{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 944px;
    background-color: rgb(255, 255, 255);
}

.navigation{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: space-between;
    align-items: center;
    padding: 40px 72px 0px;
    max-width: 944px;
    height:80px;
}

.geoimpact-logobox{
    height:42px;
    width:42px;
    display:flex;
    justify-content: center;
    align-items: center;
    visibility:hidden;
}

.header-logo{
    width:100%;
}

.loginsection{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.loginsection.hidden{
    display:none;
}


.izJlNr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 944px;
    padding: 32px 72px;
}

.flexctn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.jIVxMl{
    color: rgb(59, 59, 79);
    font-weight: 500;
    letter-spacing: -0.03em;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
    font-family:'Gotham-Book';
}


.smallf{
    font-size:16px!important;
    margin-bottom:0!important;
}

.flex-title-ctn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom:32px;
}

.email-inputs, .password-inputs{
    font-weight: 500;
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    padding: 0px 16px;
    min-width: 0px;
    border: 2px solid rgb(229, 229, 237);
    background: transparent;
    color: rgb(59, 59, 79);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-family: 'Gotham-Book';
    -webkit-transition: border-color 200ms ease 0s, background 200ms ease 0s;
    -o-transition: border-color 200ms ease 0s, background 200ms ease 0s;
    transition: border-color 200ms ease 0s, background 200ms ease 0s;
    border-radius: 8px;
    width: 100%;
}

.email-inputs:hover, .email-inputs:focus , .email-inputs:focus-visible {
    border-color: #38909a;
    outline:none;
    background-color: transparent;
}
.password-inputs:hover, .password-inputs:focus , .password-inputs:focus-visible {
    border-color: #38909a;
    outline:none;
    background-color: transparent;
}

@-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.009);
              transform: scale(1.009);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

@keyframes pulse {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.009);
              transform: scale(1.009);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

.flex-row-pass-str{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width:100%;
    height:auto;
    margin-top:10px;
}

#pass-strength-msg{
    font-size:13px;
    font-family: 'Gotham-Book';
}

.nostrongenough{
    cursor:not-allowed!important;
}

.pass-str-box{
    width:33%;
    height:10px;
    border-radius:10px;
    background:#EDEFF5;
}

.pass-str-box.weak{
    background:#C73F3C;
}
.pass-str-box.middle{
    background:#FC8E3B;
}
.pass-str-box.strong{
    background:#2747D0;
}

.invalid {
    border-color: rgb(253, 107, 107)!important;
}

.email-input-box{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap:5px;
}

#pass-strength-msg , #email-valid-msg , #pass-strength-msg2, .error-msg-div{
    font-family: 'Gotham-Book';
    font-size:14px;
    color: rgb(110, 110, 134);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.hidden{
    display:none!important;
}

.flex-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:22px;
    font-family: 'Gotham-Book';
    font-weight: 600;
    font-size:14px;
    color: #38909a;
    cursor:pointer;
}

#toggle-show-password, #toggle-show-password-signin{
    position: absolute;
    height: 58px;
    width: 10px;
    border: 0;
    outline: 0;
    background: transparent;
    right: 20px;
    color: #38909a;
    font-size: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor:pointer;
}

.btn-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap:15px;
    margin-top:20px;
}
a.custom-btn {
    color :#233652 ; 
    text-decoration : none; 
    cursor:pointer;
}
a:hover {
    color: inherit!important;
}
a#back, a#linkback{
    background: #F5F5FA;
    color: #233652;
    cursor : pointer ; 
    text-decoration: none;
}
a#back:hover{
    background:#EAEAF1;
}
.custom-btn  {
    min-width: 96px;
    padding: 10px 20px;
    width:auto;
    height:auto;
    border-radius:8px;
    border:0;
    outline:0;
    font-family: 'Gotham-Book';
    font-weight: 600;
    font-size: 14px;
    font-size:15px;
    background: #F5F5FA;
    cursor:pointer;
}

.custom-btn:hover{
    background:#EAEAF1;
}

.custom-btn.main{
    background:#38909a;
    color:white;
    justify-content: center;
}

.custom-btn.main:hover{
    background:#216f77;
}

.custom-btn.disabled {
    background: rgb(233, 238, 246);
    border: solid 2px rgb(233, 238, 246);
    color: #838491;
    -webkit-box-shadow: 0 !important;
            box-shadow: 0 !important;
    pointer-events: none;
}

.email-login-inputs{
    margin-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:20px;
    width:100%;
    height:auto;
}

.arrow-icon-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width:40px;
    height:40px;
    border-radius:5px;
    background:#F5F5FA;
    font-size:19px;
    cursor:pointer;
}



.arrow-icon-box:hover{
    background:#EAEAF1;
}

#login-options{
    padding: 32px 0px;
}

.login-option:not(:last-of-type) {
    padding-bottom: 12px;
}

.login-btn{
    border-radius: 12px;
    -webkit-transition: background 200ms ease 0s;
    -o-transition: background 200ms ease 0s;
    transition: background 200ms ease 0s;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    gap:16px;
    width: 100%;
    padding: 16px;
    font-family:'Gotham-Medium';
    font-size: 16px;
    font-weight: 500;
    color: rgb(59, 59, 79);
    -webkit-box-shadow: rgba(234, 234, 250, 0.5) 0px 0px 0px 2px inset;
            box-shadow: rgba(234, 234, 250, 0.5) 0px 0px 0px 2px inset;
    border:0;
}
.login-btn span{
    text-align: left;
}
#icon-alert {
    height: 16px;
    width:24px;
    position: relative;
    top: -1px;
}
.notification{
    display:  block ;
    /* color :#D64242 !important ;  */
    position: relative;
    top: -30px;
    margin-top: 20px;
}
div.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    /* color: #D64242;
    background: #F8D7DA!important; */
    border: none;
    background-color: transparent;
    font-size:14px ; 
    font-weight: 500 ;
    font-family: 'Gotham-Book'; 
    border-radius:12px;
    margin-bottom: 0px !important;
} 
.alert-error{
    background: #FFE0E3 !important;
    color: #a60405 !important;
    /* border: solid 2px #a60405 !important; */
}
/* .alert-error{
    color:#e03436!important;
} */
.alert-success{
    background: #d9f0e3 !important;
    color: #053E26 !important;
    /* border: solid 2px #229C69 !important; */
}
.alert-info{
    background:#D7E6FA!important;
    color:#002A67!important;
    /* border: solid 2px #002A67 !important; */
} 
.login-iconbox{
    width: 24px;
    height: 24px;
    color: #38909a;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    flex-shrink: 0;
}

.login-btn:hover {
    background: rgb(234, 234, 250);
}

.flex-box a{
    text-decoration: none;
    color:#38909a!important;
}
.flex-box:hover a{
    text-decoration:underline;
}

.eOVLhW {
    padding-right: 0px;
    margin-bottom: 12px;
}
.cYWklY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
}

.cRSDSy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.gEfUHh {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
    border-top: 1px solid rgb(229, 229, 237);
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2rem;
}

.fEsIEm {
    font-size: 1.125rem;
    color: rgb(110, 110, 134);
    margin-bottom: 3px!important;
}

.special{
    background: rgba(234, 234, 250, 0.5);
    -webkit-box-shadow:none;
            box-shadow:none;
}

.apple{
    width:26px;
    position:relative;
    bottom:3px;
}
.btn-row-extended{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 15px;
    margin-top: 40px;
}
.login-subtext{
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    font-family:'Gotham-Book';
}

.login-subtext a {
    color: inherit;
    font-weight: 600;
}

.hfIWmo {
    font-size: 2rem;
    line-height: 120%;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 32px;
    color: rgb(59, 59, 79);
}

.hSGYfX {
    font-size: 1.125rem;
    margin-bottom: 16px;
    color: rgb(59, 59, 79);
    font-family: 'Gotham-Book';
    font-weight: 400;
}

.btn-flex{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex ; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: row ; 
            flex-direction: row ;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.valID{
    margin-bottom: 32px;
}

p {
    margin-top: 0!important;
    margin-bottom: 0!important;
}



/* language dropdown design  */ 


.select-menu {
    width: 100%;
    /* padding: 1rem 1.25rem; */
    padding-top: 0px;
    padding-bottom: 0px;
}

.select-menu .select-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    width :205px ; 
    color: #092540;
    padding: 0.65rem 1.2rem;
    font-size: 13px;
    font-family: 'Gotham-Book';
    font-weight: 400;
    border-radius: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; 
    -webkit-box-shadow: rgba(234, 234, 250, 0.5) 0px 0px 0px 2px inset ; 
            box-shadow: rgba(234, 234, 250, 0.5) 0px 0px 0px 2px inset ; 
}

.select-btn i {
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.select-menu.active .select-btn i {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.select-menu .options {
    position: relative;
    padding:0!important;
    margin-top: 4px;
    border-radius: 8px;
    background: white;
    -webkit-box-shadow: rgba(28, 28, 40, 0.1) 0px 4px 8px, rgba(28, 28, 40, 0.1) 0px 0px 2px;
            box-shadow: rgba(28, 28, 40, 0.1) 0px 4px 8px, rgba(28, 28, 40, 0.1) 0px 0px 2px;
    display: none;
}

.select-menu.active .options {
    display: block;
    position: absolute;
    width: 205px;
    z-index: 1025;
    overflow: auto;
}

.options .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 205px;
    cursor: pointer;
    padding: 0.65rem 1.2rem;
    color: #092540;
    font-size:13px;
    font-family: 'Gotham-Book';
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    border-bottom: solid 1px #f4f4f0;
}

.options .option:hover {
    background: #F4F4FC;
}

.option i {
    font-size: 25px;
    margin-right: 12px;
}

#year-select > div > span {
    margin-right: 20px ; 
}
/* spinner design */ 

.spinner {
    position: fixed;
    z-index: 3000000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    display: none ;

}

div.spinner img {
    width : 145px ; 
}

.flex-line{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:5px;
}

/* media query inititation is here */ 
@media only screen and (max-width: 1140px) {
    #left-part {
      width: 0vw;
    }
    #right-part{
        width:100vw;
    }
    .geoimpact-logobox{
        visibility: visible;
    }
}

.new-version-box{
    background:#C6EAE5;
    padding: 16px;
    font-family: "Gotham-Book";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border:none;
    color:#085E57;
    margin-bottom:30px;
    border-radius: 12px;
    gap: 16px;
    font-size: 14px;
}
.new-version-box .login-iconbox{
    font-size:17px;
}