* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'Sequel-Sans-Bold-Head';
    src: url('../fonts/Sequel-Sans-Bold-Head.otf');
}

@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('../fonts/MYRIADPRO-REGULAR.OTF');
}

@font-face {
    font-family: 'Sequel-Sans-Medium-Body';
    src: url('../fonts/Sequel-Sans-Medium-Body.otf');
}

@font-face {
    font-family: 'MYRIADPRO-SEMIBOLD';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/MYRIADPRO-SEMIBOLD.OTF') format('woff');
}

:root {
    --ft-book: 'FuturaPTBook';
    --oswald-light: 'Oswald-Light';
    --para-color: #2b2b2b;
    --white-color: #fff;
    --black-color: #000;
    --req-para: #6F6D6D;
    --aestrick: #FF5252;
    --blue: #00ADEE;
    --hero-heading: 'Sequel-Sans-Bold-Head';
    --hero-para: 'MYRIADPRO-REGULAR';
    --content-heading: 'Sequel-Sans-Medium-Body';
    --MYRIADPRO-SEMIBOLD: 'MYRIADPRO-SEMIBOLD';
    --location-color: #7E8F9A;
}

html {
    font-size: 100%;
}

h4 {
    font-family: var(--content-heading);
    font-size: 2.6rem;
}

p {
    font-family: var(--ft-book);
    font-size: 1.5rem;
}

a {
    font-family: var(--ft-book);
    font-size: 0.875rem;
    text-decoration: none;
}

ul {
    list-style-type: none;
}

/* starts hero-section */
.hero_section {
    background-image: url(../images/aboutus/abt-banner.png);
    height: 250px;
    width: 100%;
    background-size: 100% 100%;
    margin-top: 59px;
}
.hero_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.5468312324929971) 3%, rgba(0,0,0,0.18828781512605042) 31%, rgba(0,0,0,0.21069677871148462) 50%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 98%);
    height: 250px;
    margin-top: 59px;
}
.abt_hero_section {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
}

.abt_info {
    position: relative;
    z-index: 2;
}

.abt_info h4 {
    font-family: var(--hero-heading);
    font-weight: 600;
    color: var(--white-color);
}

.abt_info p {
    font-size: 1.188rem !important;
    font-family: var(--hero-para);
    font-size: 13px;
    color: var(--white-color);
}

.abt_info img {
    width: 80%;
}
/* ends hero-section */

/* About section starts */
.abt_sec_info {
    width: 90%;
    margin: 0 auto;
}

.abt_desc {
    width: 88%;
    margin: -15.5rem auto auto;
}

.abt_desc_content {
    background: #FFFFFFb0 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 56px #0000000F;
    padding-bottom: 20px;

    z-index: 1;
    position: relative;
}

.abt_desc_content p {
    font-family: var(--hero-para);
}

.abt_desc p {
    width: 95%;
    margin: 0 auto;
}

.know_more {
    margin-top: 0rem;

    display: flex;
    justify-content: center;
}

.hmirar-more-btn {
    background-color: #ffffff;
    border: 1px solid var(--blue);
    color: var(--blue);
    padding: 5px 22px;
    border-radius: 5px;
    font-family: var(--ft-book);
    font-size: 1.12rem;
}

.abt_sec_info img {
    width: 130px;
}

.top_img {
    width: 100%;
    display: flex;
    justify-content: end;
}

.top_img img {
    width: 73px;
}

.bottom_img img {
    margin-top: -18rem;
    width: 73px;
}
/* About section ends */

/* Partners starts */
.partners_img img {
    width: 120px;
}

.beyond_trust {
    width: 240px !important;
}
.redwolf{
    width: 175px !important;
}
.partnerimgswr .partners_img {
    margin-bottom: 10px;
}
/* Partners ends */

/* Technology section starts */
.techno_img {
    width: 100px;
    height: 107px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ts_img {
    filter: grayscale(100%);
}

.ts_img:hover {
    filter: none;
}

.ts img {
    width: 57%;
}

.amazon_value {
    width: 99%;
}
/* Technology section ends */

/* Vision section starts */
.bluecolor {
    width: 90%;
    margin: 0 auto;
}

.craftwr {
    margin: 32px 0px;
}

.craft {
    position: relative;
    cursor: pointer;
    border: 0.5px solid #E1E1E1;
    border-radius: 5px;
    padding: 12px 0px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.craft::before {
    position: absolute;
    content: "";
    width: 210px;
    height: 40px;
    border-top: 1.5px solid #FF7700;
    border-left: 1.5px solid #FFFF00;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 0.5s;
    left: -1px;
    padding: 34px 0px;
}

.craft::after {
    position: absolute;
    content: "";
    width: 210px;
    height: 40px;
    border-bottom: 1.5px solid #00E4BE;
    border-right: 1.5px solid #00ADEE;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    transition: all 0.5s;
    right: 0px;
    padding: 34px 0px;
}

.craft:hover:before {
    width: 100%;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px;
}

.craft:hover::after {
    width: 100%;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
}

.craftcontentwr {
    width: 88%;
    margin: 0 auto;
    display: none;
}

.visionWr {
    padding: 20px 0px 0px 0px;
}

.vision-arrow-img {
    width: 2rem;
}

.vision-img img {
    width: 100%;
}

.craft {
    font-family: var(--content-heading);
}

.for-you-para {
    font-family: var(--ft-book);
}
/* Vision section ends */

/* mission section starts */
.missioncontent {
    width: 80%;
    margin: 0 auto;
}

.iconheading figure {
    display: flex;
    border-bottom: 0.5px solid #e5e5e5;
    padding-bottom: 15px;
    align-items: start;
}

.iconheading figure figcaption {
    font-family: var(--MYRIADPRO-SEMIBOLD);
    font-size: 15px;
}

.iconheading figure img {
    width: 30px;
}

.missionbox {
    background-color: #fff;
    box-shadow: 0px 0px 1px 2px #efefef;
    border-radius: 10px;
    padding: 18px 14px;
}

.missionpara p {
    font-family: var(--hero-para);
    font-size: 15px;
    margin-bottom: 0px;
}

.threemissionsWr {
    display: flex;
    justify-content: center;
}

.threemissionsWr:nth-child(2) {
    margin: 25px 0px;
}
/* mission section ends */

/* Team starts */
.card {
    display: flex;
    align-items: center;
}

.card .card-title,
.card .card-text {
    color: #37235E;
}

.card-body a {
    padding: 5px;
    border: 0.2px solid #e5e5e5;
    border-radius: 50%;
}

.card-body a i {
    color: var(--black-color);
}

.card img {
    width: 50%;
}

.card {
    width: 236px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    border: 0.5px solid #E1E1E1;
    border-radius: 5px;
    padding: 12px 0px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;


        --border-width: 3px;
        color: white;
        border-radius: var(--border-width);
      }
      .card::after {
        position: absolute;
        content: "";
        top: calc(-1 * var(--border-width));
        left: calc(-1 * var(--border-width));
        z-index: -1;
        width: calc(100% + var(--border-width) * 2);
        height: calc(100% + var(--border-width) * 2);
        background: linear-gradient(60deg, #00adee, #1EFBF8, #00E4BE, #FF7700, #FFFF00);
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: calc(2 * var(--border-width));
        animation: moveGradient 4s alternate infinite;
      }
      
      @keyframes moveGradient {
        50% {
          background-position: 100% 50%;
        }
      }
/* Team ends */

/* partners section starts */
.partners_img {
    display: flex;
    justify-content: center;
}
/* partners section ends */

/* locations section starts */
.locationimg {
    width: 285px;
    margin: 0 auto;
}

#locationstation img {
    width: 100%;
}

.pinswr {
    width: 100%;
    margin-top: -70px;
}

.pinswr .pin {
    width: 100%;
}

.pin:nth-child(3) {
    padding-top: 20px;
}

.titleheading {
    color: #606060;
    font-size: 9px;
}

.subheading {
    color: #7E8F9A;
}
.submob {
    font-size: 7px;
}
.usawr {
    margin-top: -14px;
    margin-left: 11px;
}
.usapinwr {
    height: 68px;
    overflow: hidden;
    margin-top: 24px;
    margin-left: 3px;
}

.usapin {
    width: 16px;
}

.usarow {
    margin-top: 10px;
    animation: IndiaMoveUp 1s linear 3s;
    height: 105px;
}

.inwr {
    margin-top: -30px;
}

.indiapinwr {
    height: 99px;
    margin-top: 22px;
    margin-left: 19px;
    overflow: hidden;
}

.inrow {
    margin-left: -35px;
    animation: IndiaMoveUp 1s linear;
    margin-top: 0px;
}
.usajson {
    position: relative;
    z-index: 9;
}

.finlandjson {
    position: relative;
    z-index: 9;
    margin-top: -44px;
}
.finpinwr {
    height: 72px;
    overflow: hidden;
    margin-top: 15px;
}
.finrow {
    margin-left: -30px;
    animation: IndiaMoveUp 1s linear 1.5s;
    height: 100%;
    margin-top: 9px;
}
.finwr {
    display: flex;
    align-items: end;
    margin-top: 19.5px;
    margin-left: 8.5px;
}

.indiawr {
    display: flex;
    align-items: end;
    margin-top: -8px;
    margin-left: -43.8px;
}
.radial,
.radialfinland,
.radialinland {
    width: 2rem;
    height: 2rem;
}

.radial span {
    position: absolute;
    border: 2px solid var(--active-link-color);
    border-radius: 50%;
    animation: circle 1s linear infinite;
    border: 1px solid #8C46F0;

    z-index: 8;
}

.radialfinland span {
    position: absolute;
    border: 2px solid var(--active-link-color);
    border-radius: 50%;
    animation: circlefinland 1s linear infinite;
    border: 1px solid #8C46F0;

    z-index: 8;
}

.radialinland span {
    position: absolute;
    border: 2px solid var(--active-link-color);
    border-radius: 50%;
    animation: circleinland 1s linear infinite;
    border: 1px solid #8C46F0;

    z-index: 8;
}

.whiteimg,
.finwhiteimg,
.inwhiteimg {
    position: relative;
    z-index: 1;
}

.whiteimg img {
    width: 4px !important;
    z-index: 9;
}

.finwhiteimg {
    margin-left: 25px;
    margin-top: -36px;
}

.finwhiteimg img {
    width: 4px !important;
    z-index: 9;
}

.inwhiteimg {
    position: relative;
    z-index: 1;

    margin-top: -6px;
    margin-left: 69.5px;
}

.inwhiteimg img {
    width: 4px !important;
    z-index: 9;
}
.indiapin {
    width: 20px;
}

.finlandpin {
    width: 20px;
    height: 100%;
}
@keyframes circle {
    0% {
        width: 0%;
        height: 0%;
        opacity: 1;
        box-shadow: inset 0 0 50px rgba(140, 70, 240, 0.8);
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
        border: 2px solid rgb(140, 70, 240);
        box-shadow: inset 0 0 50px rgba(140, 70, 240, 1);
    }
}

@keyframes circlefinland {
    0% {
        width: 0%;
        height: 0%;
        opacity: 1;
        box-shadow: inset 0 0 50px rgba(255, 161, 87, .8);
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
        border: 2px solid rgb(255, 161, 87);
        box-shadow: inset 0 0 50px rgba(255, 161, 87, 1);
    }
}

@keyframes circleinland {
    0% {
        width: 0%;
        height: 0%;
        opacity: 1;
        box-shadow: inset 0 0 50px rgba(255,64,111,.8);
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
        border: 2px solid rgb(255,64,111);
        box-shadow: inset 0 0 50px rgba(255,64,111,1);
    }
}
@keyframes IndiaMoveUp {
    0% {
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0%);
        visibility: hidden;
    }
}
/* locations section ends */

@media (max-width: 767px) {
    html {
        font-size: 60%;
    }
}

@media (min-width: 576px) {
    .locationimg {
        width: 460px;
    }
}

@media(min-width: 768px) {
    html {
        font-size: 80%;
    }

    .hero_section,
    .hero_section::before {
        height: 350px;
        margin-top: 61px;
    }

    .craft {
        font-size: 24px;
    }

    .craft::before,
    .craft::after {
        padding: 48px 0px;
    }
    .technology {
        width: 70%;
        margin: 0 auto;
    }

    .rpa_value,
    .amazon_value {
        width: 99%;
    }
    .top_img img {
        width: 14%;
    }

    .bottom_img img {
        width: 14%;
    }

    .threemissions {
        display: flex;
    }

    .missionbox {
        width: 80%;
    }

    .threemissionsWr:nth-child(2) {
        margin: 0px;
    }

    .teamwr {
        display: flex;
        align-items: center;
        justify-content: space-evenly;

        width: 75%;
        margin: 0 auto;
    }

    /* partners section starts */
    .partners .partnersimages {
        background-image: url('../images/aboutus/bgarrows_bigarrows.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 100% 100%;

        padding: 36px 0px;
    }

    .partnerimgswr {
        width: 70%;
        margin: 0 auto;
    }

    .card {
        width: 243px;
    }
    /* partners section ends */

    .submob {
        font-size: 10px;
    }
    .mapcirclewr {
        width: 8%;
        padding-top: 35px;
    }

    .mapcirclewrdown {
        width: 45%;
    }

    .mapcirclewrtext {
        width: 55%;
    }
    .mapcirclewr {
        width: 20%;
    }
    .mapcircle1,
    .mapcircle2,
    .mapcircle3 {
        width: 15px;
        height: 15px;
    }

    .mappinred img,
    .mappinorange img,
    .mappinblue img {
        width: 35px;
    }

    .mappin {
        height: 40vh;
    }

    .mappinred {
        justify-content: end;
    }

    .redlineorange .line {
    opacity: 0;
    width: 100%;
    height: 100px;
    border: solid 3px #00ADEE;
    border-color: #00ADEE transparent transparent transparent;
    border-radius: 0%/100px 100px 0 0;

    position: absolute;
    right: 0;

    animation: lineO 6s ease-in-out 0s forwards;
}

.orangelineblue .line {
    opacity: 0;
    width: 100%;
    height: 100px;
    border: solid 3px #00ADEE;
    border-color: #00ADEE transparent transparent transparent;
    border-radius: 0%/96px 100px 0 0;
    position: absolute;
    right: 0;
    transition: width .5s ease, background-color .5s ease;
    animation: lineR 5s ease-in-out 0s forwards;
    animation-delay: 6s;
}

.redlineorange {
    width: 62%;
    height: 4px;
    right: 11px;
    transform: rotateZ(16deg);
    bottom: 107px;
}
.orangelineblue {
    width: 38%;
    height: 4px;
    left: 7px;
    transform: rotateZ(-28deg);
    bottom: 105px;
}
#mapdivwr {
    width: 454px;
}

/* locations section starts */
    .locationimg {
        width: 630px;
    }
    .titleheading {
        color: #606060;
        font-size: 14px;
    }
    .subheading {
        color: #7E8F9A;
        font-size: 12px;
    }
    .usapinwr {
        height: 105px;
        overflow: hidden;
        margin-top: 8px;
        margin-left: 8px;
    }
    .usawr {
        margin-top: -21px;
        margin-left: 2px;
    }
    .whiteimg img,
    .finwhiteimg img,
    .inwhiteimg img {
        width: 7px !important;
        z-index: 9;
    }
    .usapin {
        width: 26px;
    }
    .finwr {
        display: flex;
        align-items: end;
        margin-top: 14px;
        margin-left: 63.7px;
    }
    .finlandpin {
        width: 30px;
    }
    .finpinwr {
        height: 102px;
        overflow: hidden;
        margin-top: -8px;
        margin-left: -5px;
    }
    .inrow {
        margin-left: -25px;
        animation: IndiaMoveUp 1s linear;
        margin-top: 26px;
    }
    .indiawr {
        display: flex;
        align-items: end;
        margin-top: -14px;
        margin-left: -10px;    
    }
    .indiapin {
        width: 30px;
    }
    .indiapinwr {
        height: 175px;
        margin-top: 0px;
        margin-left: 3px;
        overflow: hidden;
    }
    .radial, .radialfinland, .radialinland {
        width: 2rem;
        height: 2rem;
    }
/* locations section ends */
}

.teamwr h5,
.teamwr p {
    font-family: var(--hero-para);
}

@media(min-width: 992px) {
    .teamwr p {
        font-size: 16px;
    }
    .teamwr {
        width: 60%;
    }

    html {
        font-size: 100%;
    }

    .abt_hero_section {
        width: 88%;
    }

    .hero_section {
        height: 420px;
        margin-top: 0px;
    }

    .hero_section::before {
        margin-top: 0px;
    }

    .craft {
        font-size: 33px;
    }

    .craft::before,
    .craft::after {
        padding: 62px 0px;
    }
    .top_img img {
        width: 10%;
    }

    .partners .partnersimages {
        padding: 70px 0px;
    }

    .abt_desc {
        margin: -12.5rem auto auto;
    }
    .visionWr h4 {
        margin-bottom: 2rem;
    }

    .missioncontent h4 {
        margin-bottom: 3rem !important;
        margin-top: 5rem;
    }

    p {
        font-size: 1.2rem;
    }

    .partner_info_heading {
        margin-bottom: -2rem !important;
    }

    .mapcirclewr {
        width: 6%;
        padding-top: 40px;
    }

    .mapcirclewrdown {
        width: 38%;
        margin: 0 auto;
    }

    .mapcirclewrtext {
        width: 46%;
    }

    .redlineorange {
        /* Straight line  */
        width: 49%;
        right: 82px;
        transform: rotateZ(17deg);
        bottom: 106px;
    }
    .redlineorange .line {
        opacity: 0;
        width: 100%;
        height: 100px;
        border: solid 3px #00ADEE;
        border-color: #00ADEE transparent transparent transparent;
        border-radius: 0%/72px 100px 0 0;
        position: absolute;
        right: 0;
        animation: lineO 6s ease-in-out 0s forwards;
    }
    .orangelineblue {
        /* straight line */
        width: 37%;
        left: 9px;
        transform: rotateZ(-22deg);
        bottom: 108px;
    }
    .orangelineblue .line {
        opacity: 0;
        width: 100%;
        height: 100px;
        border: solid 3px #00ADEE;
        border-color: #00ADEE transparent transparent transparent;
        border-radius: 0%/96px 100px 0 0;
        position: absolute;
        right: 0;
        transition: width .5s ease, background-color .5s ease;
        animation: lineR 5s ease-in-out 0s forwards;
        animation-delay: 6s;
    }
    #mapdivwr {
        width: 534px;
    }
    .mappinred {
        justify-content: center;
    }

    /* locations section starts */
    .locationimg {
        width: 70%;
        margin: 0 auto;
    }
        
    .pinswr {
        width: 100%;
        margin-top: -70px;
    }
    
    .pinswr .pin {
        width: 100%;
    }
    
    .pin:nth-child(3) {
        padding-top: 20px;
    }
    
    .titleheading {
        color: #606060;
    }
    
    .subheading {
        color: #7E8F9A;
        font-size: 14px;
    }
    
    .usawr {
        margin-top: -33px;
        margin-left: 19px;
    }
    .usapinwr {
        height: 140px;
        overflow: hidden;
        margin-top: -40px;
        margin-left: 10px;
    }
    
    .usapin {
        width: 36px;
    }
    
    .usarow {
        margin-top: 10px;
    
        animation: IndiaMoveUp 1s linear 3s;
    
        height: 105px;
    }
    
    .inwr {
        margin-top: -30px;
    }
    
    .indiapinwr {
        height: 205px;
        overflow: hidden;
        margin-top: -30px;
        margin-left: 10px;
    }
    
    .inrow {
        margin-left: -35px;
        animation: IndiaMoveUp 1s linear;
        margin-top: 0px;
    }
    .usajson {
        position: relative;
        z-index: 9;
    }
    
    .finlandjson {
        position: relative;
        z-index: 9;
        margin-top: -44px;
    }
    .finpinwr {
        height: 135px;
        overflow: hidden;
        margin-top: -56px;
    }
    .finrow {
        margin-left: -34px;
        animation: IndiaMoveUp 1s linear 1.5s;
        height: 100%;
    }
    .finwr {
        display: flex;
        align-items: end;
        margin-top: 14px;
        margin-left: 26.2px;
    }
    
    .indiawr {
        display: flex;
        align-items: end;
        margin-top: -25px;
        margin-left: -12px;
    }
    .radial,
    .radialfinland,
    .radialinland {
        width: 3rem;
        height: 3rem;
    }
    
    .radial span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circle 1s linear infinite;
        border: 1px solid #8C46F0;
    
        z-index: 8;
    }
    
    .radialfinland span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circlefinland 1s linear infinite;
        border: 1px solid #8C46F0;
    
        z-index: 8;
    }
    
    .radialinland span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circleinland 1s linear infinite;
        border: 1px solid #8C46F0;
    
        z-index: 8;
    }
    
    .whiteimg,
    .finwhiteimg,
    .inwhiteimg {
        position: relative;
        z-index: 1;
    }
    
    .whiteimg img {
        width: 9px !important;
        z-index: 9;
    }
    
    .finwhiteimg {
        margin-left: 60.4px;
        margin-top: -2px;
    }
    
    .finwhiteimg img {
        width: 9px !important;
        z-index: 9;
    }
    
    .inwhiteimg {
        position: relative;
        z-index: 1;
    
        margin-top: -6px;
        margin-left: 70px;
    }
    
    .inwhiteimg img {
        width: 10px !important;
        z-index: 9;
    }
    .indiapin {
        width: 42px;
    }
    
    .finlandpin {
        width: 42px;
    }
    /* locations section ends */
}

@media(min-width: 1200px) {
    .abt_desc {
        margin: -15.5rem auto auto;
    }
    .craft::before {
        padding: 38px 0px;
    }

    .craft::after {
        padding: 37px 0px;
    }
    .pinswr {
        width: 100%;
        margin-top: -70px;
    }

    .pinswr .pin {
        width: 100%;
    }

    .pin:nth-child(3) {
        padding-top: 20px;
    }

    .titleheading {
        color: #606060;
    }

    .subheading {
        color: #7E8F9A;
        font-size: 14px;
    }

    .usawr {
        margin-top: -33px;
        margin-left: -4px;
    }
    .usapinwr {
        height: 140px;
        overflow: hidden;
        margin-top: -26px;
        margin-left: 10px;
    }

    .usapin {
        width: 36px;
    }

    .usarow {
        margin-top: 10px;

        animation: IndiaMoveUp 1s linear 3s;

        height: 105px;
    }

    .inwr {
        margin-top: -30px;
    }

    .indiapinwr {
        height: 205px;
        overflow: hidden;
    }

    .inrow {
        margin-left: -35px;
        animation: IndiaMoveUp 1s linear;

        margin-top: -12px;
    }
    .usajson {
        position: relative;
        z-index: 9;
    }

    .finlandjson {
        position: relative;
        z-index: 9;
        margin-top: -44px;
    }
    .finpinwr {
        height: 134px;
        overflow: hidden;
        margin-top: -50px;
    }
    .finrow {
        margin-left: -34px;
        animation: IndiaMoveUp 1s linear 1.5s;
        height: 100%;
    }
    .finwr {
        display: flex;
        align-items: end;
        margin-top: 14px;
        margin-left: 27.5px;
    }

    .indiawr {
        display: flex;
        align-items: end;
        margin-top: -27.5px;
        margin-left: 5.34px;
    }
    .radial,
    .radialfinland,
    .radialinland {
        width: 3rem;
        height: 3rem;
    }

    .radial span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circle 1s linear infinite;
        border: 1px solid #8C46F0;

        z-index: 8;
    }

    .radialfinland span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circlefinland 1s linear infinite;
        border: 1px solid #8C46F0;

        z-index: 8;
    }

    .radialinland span {
        position: absolute;
        border: 2px solid var(--active-link-color);
        border-radius: 50%;
        animation: circleinland 1s linear infinite;
        border: 1px solid #8C46F0;

        z-index: 8;
    }

    .whiteimg,
    .finwhiteimg,
    .inwhiteimg {
        position: relative;
        z-index: 1;
    }

    .whiteimg img {
        width: 9px !important;
        z-index: 9;
    }

    .finwhiteimg {
        margin-left: 80.7px;
        margin-top: -1px;
    }

    .finwhiteimg img {
        width: 9.5px !important;
        z-index: 9;
    }

    .inwhiteimg {
        position: relative;
        z-index: 1;

        margin-top: -6px;
        margin-left: 70px;
    }

    .inwhiteimg img {
        width: 10px !important;
        z-index: 9;
    }
    .indiapin {
        width: 42px;
    }

    .finlandpin {
        width: 42px;
        /* height: 130px; */
    }

    .indiapinwr {
        height: 208px;
        margin-top: -5px;
        margin-left: 3px;
    }
    .inrow {
        margin-top: 0px;
    }
    /* locations section ends */
}

@media(min-width: 1400px) {
    .locationimg {
        width: 800px;
    }
    .usapinwr {
        margin-left: 50px;
    }
    .usawr {
        margin-left: 115px;
    }
    .finwr {
        margin-left: 46.5px;
    }
    .indiapinwr {
        margin-left: -22px;
    }
    .inwhiteimg {
        margin-left: 62px;
    }
}

@media (min-width: 2000px) {
    .locationimg {
        width: 1015px;
    }
}