* {
    box-sizing: border-box;
}

@-ms-viewport {
    width: 100%;
    min-zoom: 100%;
    zoom: 100%;
}

@-moz-viewport {
    width: 100%;
    min-zoom: 100%;
    zoom: 100%;
}

@-webkit-viewport {
    width: 100%;
    min-zoom: 100%;
    zoom: 100%;
}

@viewport {
    width: 100%;
    min-zoom: 100%;
    zoom: 100%;
}

@-ms-viewport {
    user-zoom: fixed;
    min-zoom: 100%;
}

@viewport {
    user-zoom: fixed;
    min-zoom: 100%;
}

@font-face {
    font-family: 'DidactGothic';
    src: url(../fonts/DidactGothic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cinzel-Regular';
    src: url(../fonts/Cinzel-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Cinzel-Bold';
    src: url(../fonts/Cinzel-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'd3_roundsquarismregular';
    src: url('../fonts/d3roundsquarism-webfont.eot');
    src: url('../fonts/d3roundsquarism-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/d3roundsquarism-webfont.woff2') format('woff2'),url('../fonts/d3roundsquarism-webfont.woff') format('woff'),url('../fonts/d3roundsquarism-webfont.ttf') format('truetype'),url('../fonts/d3roundsquarism-webfont.svg#d3_roundsquarismregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'district_prothin';
    src: url('../fonts/distproth-webfont.eot');
    src: url('../fonts/distproth-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/distproth-webfont.woff2') format('woff2'),url('../fonts/distproth-webfont.woff') format('woff'),url('../fonts/distproth-webfont.ttf') format('truetype'),url('../fonts/distproth-webfont.svg#district_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'transformersregular';
    src: url('../fonts/transformers-webfont.eot');
    src: url('../fonts/transformers-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/transformers-webfont.woff') format('woff'), url('../fonts/transformers-webfont.ttf') format('truetype'), url('../fonts/transformers-webfont.svg#transformersregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poor_weekdaysregular';
    src: url('../fonts/poor_weekdays-webfont.eot');
    src: url('../fonts/poor_weekdays-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poor_weekdays-webfont.woff') format('woff'), url('../fonts/poor_weekdays-webfont.ttf') format('truetype'), url('../fonts/poor_weekdays-webfont.svg#poor_weekdaysregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poor_weekdaysbold';
    src: url('../fonts/poor_weekdays_bold-webfont.eot');
    src: url('../fonts/poor_weekdays_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poor_weekdays_bold-webfont.woff') format('woff'), url('../fonts/poor_weekdays_bold-webfont.ttf') format('truetype'), url('../fonts/poor_weekdays_bold-webfont.svg#poor_weekdaysbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'print_clearlyregular';
    src: url('../fonts/printclearly_tt-webfont.eot');
    src: url('../fonts/printclearly_tt-webfont.eot?#iefix') format('embe0dded-opentype'), url('../fonts/printclearly_tt-webfont.woff') format('woff'), url('../fonts/printclearly_tt-webfont.ttf') format('truetype'), url('../fonts/printclearly_tt-webfont.svg#print_clearlyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'print_boldregular';
    src: url('../fonts/printbold_tt-webfont.eot');
    src: url('../fonts/printbold_tt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/printbold_tt-webfont.woff') format('woff'), url('../fonts/printbold_tt-webfont.ttf') format('truetype'), url('../fonts/printbold_tt-webfont.svg#print_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxin_war';
    src: url('../fonts/typo_oxin_free_promo-webfont.eot');
    src: url('../fonts/typo_oxin_free_promo-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/typo_oxin_free_promo-webfont.woff') format('woff'), url('../fonts/typo_oxin_free_promo-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ShareTechMono-Regular;
    src: url(../fonts/ShareTechMono-Regular.woff),url(../fonts/ShareTechMono-Regular.eot),url(../fonts/ShareTechMono-Regular.ttf),url(../fonts/sharetechmono-regular-webfont.svg);
}




html, body {
    background: white;
    font-size: 14px;
    font-family: wf_segoe-ui_normal,Tahoma,Verdana,Arial,sans-serif;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /*non-prefixed version*/
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

ul {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, label, p {
    margin: 0;
}

.hidden {
    display: none !important;
}

img {
    vertical-align: middle;
    border: none;
}

[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.homeslideOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgb(0,0,0,0.5);
}

.homeslide {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 140px);
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.homeSlideLeftAndRightBtns {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    display: flex;
    align-items: center;
}

/*.homeSlideLeftContent {
    height: 50%;
    width: 100px;
    position: absolute;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: start;
}*/
.homeSlideLeftContent {
    height: 50%;
    width: 50px;
    position: absolute;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 2.5em;
    color: #f8f8f8;
    padding-right: 20px;
}

/*.homeSlideRightContent {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
}*/
.homeSlideRightContent {
    height: 50%;
    width: 50px;
    position: absolute;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 2.5em;
    color: #f8f8f8;
    padding-left: 15px;
}
/*.homeSlideLeftArrow,
.homeSlideRightArrow {
    width: 70px;
    height: 70px;
    font-size: 2.5em;
    background: #05303f;
    opacity: 0.8;
    border: none;
    color: #fff;
    cursor: pointer;
}*/

.homeSlideLeftArrow {
    font-size: 2.5em;
    background: unset;
    border: none;
    color: #f8f8f8;
    z-index: -1;
    margin-right: 10px;
}

.homeSlideRightArrow {
    font-size: 2.5em;
    background: unset;
    border: none;
    color: #f8f8f8;
    z-index: -1;
    margin-left: 5px;
}

.bgColorRGBA {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.homesSlideSubContainer {
    position: absolute;
    bottom: 20px;
}

.headerContainer {
    width: 100%;
    background-color: #003040;
}

.elementContainer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex: 1;
    height: 50px;
    line-height: 50px;
}

.elementWidgetContainer {
    flex: 40%;
    text-align: left;
}

    .elementWidgetContainer a {
        display: inline-block !important;
        border-left: 1px solid #c7bfb3 !important;
        height: 50px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

        .elementWidgetContainer a[name="location"] {
            border-right: 1px solid #c7bfb3 !important;
        }


.elementRight {
    flex: 60%;
    text-align: right;
}

    .elementRight span.rightIcon {
        display: inline-block !important;
        border-left: 1px solid #c7bfb3 !important;
        height: 50px !important;
        padding-left: 25px;
        padding-right: 25px;
        color: #fff;
        font-family: 'DidactGothic';
        font-size: 17px;
    }

    .elementRight img {
        padding-right: 10px;
        padding-bottom: 5px;
    }

    .elementRight span[name="elementMail"] {
        border-right: 1px solid #c7bfb3 !important;
        display: inline-block !important;
        height: 50px !important;
    }

.headerMain {
    padding-top: 15px;
    background: #F8F8F8;
    color: #333;
    position: relative;
    width: 100%;
}

.headerMenu {
    max-width: 1200px;
    display: flex;
    flex: 1;
    margin: 0 auto;
    position: relative;
}

.companyLogo {
    padding-bottom: 15px;
    cursor: pointer;
}


/*.nav {
    position: absolute;
    right: 0px;
}

    .nav ul {
        position: relative;
    }

        .nav ul li {
            list-style-type: none;
            width: auto;
            float: left;
            color: #fff;
            padding-left: 15px;
            padding-right: 20px;
            padding-top: 25px;
        }

            .nav ul li:first-child {
                padding-left: 0px;
            }

            .nav ul li:last-child {
                padding-right: 5px;
            }

            .nav ul li a {
                cursor: pointer !important;
                display: inline-block;
                text-decoration: none;
                color: #1a1b1e;
                padding-bottom: 20px;
                padding-left: 5px;
                font-weight: 700;
                font-size: 18px;
                font-family: 'DidactGothic';
                position: relative;
            }

                .nav ul li a::after {
                    content: '';
                    display: block;
                    width: 0;
                    height: 4px;
                    background: #00A6DE;
                    transition: width .2s;
                    position: absolute;
                    bottom: 0px;
                }

                .nav ul li a:hover::after {
                    width: 100%;
                }

                .nav ul li a:hover {
                    color: #00A6DE !important;
                }

            .nav ul li[name="home"] {
                padding-left: 0px !important;
            }


            .nav ul li[name="contact"] {
                padding-right: 0px !important;
            }

            .nav ul li a.active {
                color: #00A6DE !important;
                display: block;
                border-bottom: 4px solid #00A6DE;
                pointer-events: none;
                padding-bottom: 16px;
                padding-left: 0px;
            }*/



.menuContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 310px;
    height: 100vh;
    background: #fff;
    overflow-x: hidden;
    z-index: 9999;
    display: none;
    transition: width 2s;
    transition-timing-function: linear;
}

.menuInner {
    top: 0;
    height: 100%;
    width: 327px;
    padding: 20px 52px 35px 35px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.menuClose {
    display: block;
    text-align: left;
    padding: 25px;
    padding-left: 0px;
    cursor: pointer;
}

.menuTransition {
    width: 310px;
}

.menuNaviagtion {
    min-width: 240px;
}

    .menuNaviagtion ul {
        margin: 0;
        padding: 0;
        text-align: left;
        list-style: none;
    }

        .menuNaviagtion ul li a {
            color: #1b1d21;
            font-size: 14px;
            text-decoration: none;
            padding: 10px 30px 10px 0;
            display: block;
            border-bottom: 1px solid rgba(0,0,0,.1);
        }


.menuicon {
    background-image: url(../Images//icons/menu.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    display: none;
    cursor: pointer;
}

@media screen and (max-width: 1380px) {
}


@media screen and (max-width: 1000px) {
    .menu {
        width: 100%;
    }

    .contactContainer {
        flex-direction: column !important;
    }

    .menuicon {
        bottom: 10px !important;
        display: block;
        position: absolute;
        right: 15px !important;
    }

    /*.nav, .elementContainer {
        display: none;
    }*/

    .companyLogo {
        flex: 0.3;
        padding-left: 50px !important;
    }
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

.stickyContentContainer {
    padding-top: 102px;
}

/*home*/
/*.section-home {
    background: linear-gradient(1deg, #e4f1f9, #ffffff);
}*/
.sliderMainContainer {
    position: relative !important;
    color: #fff;
    width: 100%;
    aspect-ratio: 1920/810;
    display: block;
}

.imgSlideMainContainer {
    display: none;
}

#slides {
    /* position: relative;
    width: 1920px;
    height: 810px;*/
    /*width: 100%;
    height: 100%;
    position: relative;*/
    /* max-width: 1200px;
    margin: 0 auto;
    height: 100%;*/
}

.sliderContainer {
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    top: 0;
    position: absolute;
}

    .sliderContainer.slideImg1 {
        background-image: url('../Images/Home/slide-1.jpg');
        background-position: center;
        background-size: 100%;
    }

    .sliderContainer.slideImg2 {
        background-image: url('../Images/Home/slide-2.jpg');
        background-position: center;
        background-size: 100%;
    }

    .sliderContainer.slideImg3 {
        background-image: url('../Images/Home/slide-3.jpg');
        background-position: center;
        background-size: 100%;
    }

    .sliderContainer[index="2"] {
        position: absolute;
        z-index: 2;
    }

    .sliderContainer[index="3"] {
        position: absolute;
        z-index: 3;
    }

    .sliderContainer img {
        text-align: center;
        /*width: 100%;
        height: 100%;*/
    }


.textMedium {
    font-family: 'print_boldregular';
    font-size: 3em;
}

.textBold {
    font-family: 'transformersregular';
    font-size: 4em;
    letter-spacing: 1px;
}

.slideDescription {
    font-family: 'print_clearlyregular';
    font-size: 2em;
    word-wrap: break-word;
}


.carouselSlide {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    left: 0px;
    z-index: 7;
}

    .carouselSlide .dot {
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        display: inline-block;
        width: 80px;
        height: 36px;
        background-color: #F8F8F8;
        border-radius: 1px;
        margin-left: 5px;
        color: #333;
        cursor: pointer !important;
    }

    .carouselSlide span.activeSlide {
        background-color: #00A6DE;
        color: #fff;
    }


.prevArrow {
    cursor: pointer;
    position: absolute;
    top: 330px;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    border: 2px solid;
    left: 10px;
    color: #fff;
    z-index: 4;
}

.nextArrow {
    right: 10px !important;
    cursor: pointer;
    position: absolute;
    top: 330px;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    border: 2px solid;
    color: #fff;
    z-index: 4;
}

    .prevArrow:hover, .nextArrow:hover {
        color: #00A6DE;
    }

.pt-page-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both;
}

.pt-page-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both;
}

.pt-page-moveFromRight {
    -webkit-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both;
}

.pt-page-moveToLeftEasing {
    -webkit-animation: moveToLeft .7s ease-in-out both;
    animation: moveToLeft .7s ease-in-out both;
}

.pt-page-moveToRightEasing {
    -webkit-animation: moveToRight .7s ease-in-out both;
    animation: moveToRight .7s ease-in-out both;
}

@-webkit-keyframes moveToLeft {
    from {
    }

    to {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToLeft {
    from {
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRight {
    from {
    }

    to {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToRight {
    from {
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

/*about*/

.companyContainer {
    position: relative;
    width: 100%;
    height: auto;
}

.aboutGradient {
    background: linear-gradient(180deg, #e4f1f9, #ffffff);
}

/*.aboutMainContainer {
    max-width: 1200px;
    margin: 0 auto;
}*/

.aboutUsHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150px;
}

.aboutUsSubTitle {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
}

    .aboutUsSubTitle hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 165px;
        margin-top: 15px;
    }

.aboutContainer {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.about-Container-Left {
    flex: 50%;
}

.about-Container-Right {
    flex: 50%;
}

.about-Container-Right {
    padding-left: 50px;
}

.aboutHeading > span {
    font-size: 18px;
    font-weight: 800;
    color: #00A6DE;
    font-family: 'DidactGothic';
}

.about-Element-Container-Left {
    background-image: url(../Images/Company/about.jpg);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 900 / 450;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

/*.about-Element-Container-Right {
    width: calc(100% - 700px);
    line-height: 40px;
}*/
/*.about-Company-Left {
    width: 600px;
    margin-left: 100px;
    margin-top: -40px;
}*/
.aboutCompanyContainerForDesktop {
    margin-top: 20px;
    position: relative;
    display: block;
}

.aboutCompanyContainerForMobile {
    display: none;
}

.aboutCompanyOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.aboutCompanyDetails {
    position: absolute;
    width: 100%;
    height: 100%;
}

.aboutCompanyText {
    max-width: 1200px;
    min-width: 900px;
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.aboutCompanyImg {
    background-image: url(../Images/Home/company.jpg);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 1920/1080;
    margin: 0 auto;
    width: 100%;
}

.aboutTextContainer {
    font-size: 1.5em;
    text-align: justify;
    font-family: 'DidactGothic';
    line-height: 40px;
}

    .aboutTextContainer p {
        padding-bottom: 20px;
        margin: 0 auto;
        max-width: 900px;
        width: 70%;
    }

.companyName {
    font-family: 'Cinzel-Regular';
    font-size: 40px;
}

.companyDescription {
    font-family: 'print_clearlyregular';
    font-size: 2em;
    position: absolute;
    bottom: 20px;
    color: #fff;
    width: 50%;
    right: 20px;
}

.objectOfAssociation {
    max-width: 1200px;
    width: calc(100% - 40px);
    background-color: #e4f1f9;
    margin: 0 auto;
    padding: 25px;
    border-radius: 20px;
    line-height: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.objectTitle {
    font-family: 'print_boldregular';
    font-size: 2.9em;
}

.objectDescription {
    font-family: 'DidactGothic';
    font-size: 1.5em;
    padding-top: 20px;
    text-align: justify;
}

.partnerMainContainer {
    background: #f8f8f8;
    width: 100%;
}

.partnerContainer {
    position: relative;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


.partnerHeading {
    padding-top: 40px;
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
}

    .partnerHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 373px;
        margin-top: 15px;
    }

.partnerText {
    position: absolute;
    top: 5%;
    right: 3%;
    width: 100%;
    font-family: 'poor_weekdaysregular';
    font-size: 2.5em;
    text-align: center;
    letter-spacing: 1px;
    color: #666;
    font-weight: 600;
}

.clutchImg {
    position: absolute;
    bottom: -260px;
    right: 250px;
    width: 300px;
}

.aboutUsSubContainer {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}

.aboutTitle {
    font-family: 'print_boldregular';
    font-size: 2.9em;
    padding-bottom: 20px;
}

.aboutText {
    font-family: 'DidactGothic';
    font-size: 1.5em;
    line-height: 40px;
}

/*.imageContainer {
    width: calc(100% - 40px);
    position: relative;
}*/

.imgForQuality {
    background-image: url(../Images/Company/quality-of-work-.jpg);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 804 / 369;
    max-width: 804px;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 70px;
}

.imgForExpertise {
    background-image: url(../Images/Company/expertise-1.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 900 / 450;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 70px;
}

.imgForCharacter {
    background-image: url(../Images/Company/character.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 526 / 450;
    max-width: 526px;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 70px;
}

.imgForWorkEthics {
    background-image: url(../Images/Company/workethics.jpg);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 900 / 450;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 70px;
}

.imgForEvolvingThings {
    background-image: url(../Images/Company/vision.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 900 / 450;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.thiruImg {
    position: absolute;
    bottom: 30px;
    right: 200px;
}

.evolvingContainer {
    background: linear-gradient(180deg, #ffd78b, #f8f8f8);
    padding: 20px;
}

.evolvingTitle {
    font-family: 'print_clearlyregular';
    font-size: 5em;
    color: #9B5E3A;
}

.evolvingText {
    padding-top: 10px;
    font-family: 'DidactGothic';
    font-size: 1.8em;
    color: #B37F59;
}

.evolvingImgContainer {
    position: relative;
}

.evolvingImg {
    margin-top: -180px;
    padding-bottom: 100px;
}

.partnerImgContainer {
    position: relative;
    background-image: url(../Images/Company/tech-partner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 759/724;
    width: 100%;
    max-width: 759px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.partnerTechImg {
    background-image: url(../Images/Company/tech-partner.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.partnerClutchImg {
    position: absolute;
    background-image: url(../Images/Company/clutch_300.png);
    width: 100%;
    height: 325px;
    bottom: 0px;
    right: 0px;
}
/*services*/
.servicesContainer {
    position: relative;
    width: 100%;
    height: auto;
    background: #f8f8f8;
}

.servicesGradient {
    background: linear-gradient(180deg, #EEEEFF, #f8f8f8);
}

.servicesHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150px;
}

.servicesTextContainer {
    font-family: 'DidactGothic';
    font-size: 1.8em;
    text-align: justify;
    max-width: 1200px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

/*.developmentServiceMainContainer {
    width: 100%;
    background: linear-gradient(180deg, #EEEEFF, #FFFFFF);
}
*/
.developmentServiceContainer {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    /*padding-bottom: 70px;*/
}

.emptySpace-70 {
    height: 70px;
}

.developmentServiceHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.developmentServiceTypesOfWorkHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .developmentServiceHeading hr,
    .developmentServiceTypesOfWorkHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 373px;
        margin-top: 15px;
    }

.developmentServiceContent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.developmentServiceSubContainer {
    width: 550px;
    display: flex;
    height: auto;
    align-items: center;
    background: #f8f8f8;
    margin-top: 50px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.developmentServiceImgContainer {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgForProduct {
    background-image: url(../Images/Service/Product.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.imgForWebApp {
    background-image: url(../Images/Service/webapp.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.imgForBackendApp {
    background-image: url(../Images/Service/backendapp.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.imgForDesktopApp {
    background-image: url(../Images/Service/desktopapp.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.imgForConsoleApp {
    background-image: url(../Images/Service/consoleapp.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.imgForMobileApp {
    background-image: url(../Images/Service/mobileapp.png);
    background-position: center;
    background-size: 100%;
    width: 100%;
    aspect-ratio: 200/200;
}

.developmentServiceTextContainer {
    width: calc(100% - 200px);
    height: 100%;
    padding-left: 20px;
}

.developmentServiceTitle {
    font-family: 'print_boldregular';
    font-size: 3em;
}

.developmentServiceText {
    font-family: 'DidactGothic';
    line-height: 30px;
    text-align: justify;
    font-size: 1.5em;
    margin-top: 20px;
}

.developmentServiceTypesOfWorkContent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.typesOfWorkContainer {
    width: 300px;
    height: 350px;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 50px;
    margin-top: 50px;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    line-height: 30px;
}

.typesOfWorkImg {
    width: 200px;
    aspect-ratio: 1;
    mix-blend-mode: multiply;
    margin-bottom: 20px;
}

.imgForNewWork {
    background-image: url(../Images/Service/newwork.jpg);
    background-position: center;
    background-size: 100%;
}

.imgForReWork {
    background-image: url(../Images/Service/rework.jpg);
    background-position: center;
    background-size: 100%;
}

.imgForEnhancement {
    background-image: url(../Images/Service/enhancement.jpg);
    background-position: center;
    background-size: 100%;
}

.imgForFixing {
    background-image: url(../Images/Service/fixing.jpg);
    background-position: center;
    background-size: 100%;
}

.imgForMaintenance {
    background-image: url(../Images/Service/maintenance.jpg);
    background-position: center;
    background-size: 100%;
}

.typesOfWorkTitle {
    font-family: 'DidactGothic';
    font-size: 1.5em;
    text-align: center;
}

.typesOfWorkDescription {
    font-size: 1.2em;
    color: #808080;
    text-align: center;
}
/*.servicesHeading > span,
    .clientHeading > span,
    .techHeading > span {
        font-size: 18px;
        font-weight: 800;
        color: #00A6DE;
        font-family: 'DidactGothic';
    }

    .servicesHeading h2,
    .clientHeading h2,
    .aboutHeading h2,
    .techHeading h2 {
        font-family: 'print_clearlyregular';
        font-size: 36px;
        color: #000;
        font-weight: 700;
        padding-top: 30px;
        padding-bottom: 30px;
    }*/
/*Technology*/
.techContainer {
    position: relative;
    width: 100%;
    height: auto;
    background: #f8f8f8;
}

.techGradient {
    background: linear-gradient(180deg, #F0eee4, #f8f8f8);
}

.techHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 150px;
    padding-left: 20px;
    padding-right: 20px;
}


.coreTechMainContainer {
    /*margin: 0 auto;*/
    /*min-height: 400px;*/
    /*background-color: #f8f8f8;*/
    /*padding-top: 80px;*/
}

.coreTechTextContainer {
    font-family: 'DidactGothic';
    font-size: 1.8em;
    text-align: justify;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    height: auto;
    line-height: 40px;
    padding: 0px 20px 0px 20px;
    /*display: flex;
    align-items: center;
    box-shadow: 0 10px 10px #e6e6e6;
    background: linear-gradient(180deg, #f0f0f0, #f8f8f8);*/
}

/*.coreTechWorkMainContainer {
    width: 100%;
    background: linear-gradient(180deg, #F0eee4, #f8f8f8);
}*/

.coreTechWorkContainer {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
}

.coreTechHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.coreTechSkillsSetHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .coreTechHeading hr,
    .coreTechSkillsSetHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 373px;
        margin-top: 15px;
    }

.coreTechWorkContent {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.coreTechWork {
    width: 300px;
    height: 300px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    justify-content: space-evenly;
    margin-right: 50px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.coreTechWorkImg {
    width: 150px;
    aspect-ratio: 150/150;
}

.imgForMicrosoft {
    background-image: url(../Images/technology/Microsoft.png);
    background-position: center;
    background-size: 100%;
}

.imgForDatabase {
    background-image: url(../Images/technology/Database.png);
    background-position: center;
    background-size: 100%;
}

.imgForMobile {
    background-image: url(../Images/technology/Mobile.png);
    background-position: center;
    background-size: 100%;
}

.imgForClient {
    background-image: url(../Images/technology/Client.png);
    background-position: center;
    background-size: 100%;
}

.imgForCloudServie {
    background-image: url(../Images/technology/cloudservice.png);
    background-position: center;
    background-size: 100%;
}

.coreTechWorkTitle {
    font-family: 'DidactGothic';
    font-size: 1.5em;
    text-align: center;
}

.coreTechSkillsSetContent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    margin-top: 20px;
}

.coreTechSkillTextContent {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.coreTechSkillTextHeader {
    font-family: 'district_prothin';
    font-size: 2em;
}

.coreTechSkillTextContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.coreTechSkillSetText {
    min-height: 30px;
    width: auto;
    background-color: #F0eee4;
    border-radius: 4px;
    padding: 15px;
    margin: 10px;
    border: 1px solid #ccc;
    font-size: 1.2em;
    line-height: 1.5em;
}

.noMarginSpace {
    margin: 0px !important;
}
/*client*/
.clientContainer {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
}

.clientGradient {
    background: linear-gradient(180deg, #FFE4E1, #f8f8f8);
}

.clientHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150px;
}

.clientMainContainer {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    background-color: #f8f8f8;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
}

.clientImageContainer {
    position: relative;
    text-align: center;
}

.imgForClientCluth {
    background-image: url(../Images/Client/clients-bg.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 922 / 666;
    /*mix-blend-mode: darken;*/
    max-width: 922px;
    width: 100%;
    margin: 0 auto;
}

/*.imgForClientSayCluth {
    background-image: url(../Images/Client/clients-say-clutch.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    right: 360px;
    bottom: 300px;
}*/

.clientImageContainer .clientText {
    font-size: 2.5em;
    font-family: 'poor_weekdaysregular';
    position: absolute;
    bottom: 1.5%;
    left: 33%;
    color: #666;
    font-weight: 600;
}

.clientClutch {
    position: absolute;
    right: 300px;
    top: -200px;
}

.clientWidgetContainer {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    flex-wrap: wrap;
}

.clientContent {
    width: 300px;
    height: 250px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 2px 5px 0 rgb(0 0 0 / 12%), 0 5px 5px -2px rgb(0 0 0 / 20%);
    background-color: #fff;
    margin-right: 50px;
    margin-bottom: 50px;
    cursor: pointer;
}

    .clientContent a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
    }

.clientImg {
    height: 150px;
    line-height: 150px;
}

    .clientImg .phicure {
        width: 170px;
        height: 170px;
    }

    .clientImg .teamHealth {
        margin-top: 30px;
    }

    .clientImg .saiGlobal {
        width: 115px;
        height: 117px;
    }

    .clientImg .oicone {
        width: 180px;
        height: 111px;
    }

.imagineSoftware {
    margin-top: 10px;
}

.clientName {
    font-size: 1.5em;
    font-family: 'DidactGothic';
    border-radius: 2px;
    color: #222628;
    text-align: center;
}

.clientContactContainer {
    margin-top: 50px;
}

.clientImgContainer {
    position: relative;
}

.clientContactGradient {
    background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.5));
    font-family: 'print_clearlyregular';
    font-size: 2.5em;
    line-height: 1.2em;
    color: #fff;
    text-align: justify;
    padding: 20px;
    padding-bottom: 0px;
}

.clientOverlayContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.clientImgContent {
    position: relative;
    background-image: url(../Images/Client/client-prefer.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 1200 / 620;
    position: relative;
}

.clientTextContent {
    width: 100%;
    font-family: 'print_clearlyregular';
    font-size: 2.5em;
    color: #fff;
    text-align: justify;
    position: absolute;
    top: 0px;
    padding: 20px;
}

.clientOverlayText {
    font-family: 'print_clearlyregular';
    font-size: 2.5em;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgb(0,0,0,0.5);
}

    .clientOverlayText p {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        color: #fff;
        width: 80%;
        text-align: justify;
        margin: 0 auto;
        margin-top: 50px;
    }

.clientContactText {
    font-family: 'print_clearlyregular';
    font-size: 2em;
    background-color: #00A6DE;
    width: 240px;
    height: 60px;
    text-align: center;
    position: absolute;
    bottom: 50px;
    right: 50px;
    color: #fff;
    line-height: 60px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    cursor: pointer;
}

/*portfolio*/
.portfolioContainer {
    position: relative;
    width: 100%;
    height: auto;
    background: #f8f8f8;
}

.portfolioGradient {
    background: linear-gradient(180deg, #FFE5B4, #F8F8F8);
}

.portfolioHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    line-height: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.portfolioTextContainer {
    font-family: 'DidactGothic';
    font-size: 1.8em;
    text-align: justify;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    height: auto;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.portfolioWorkContainer {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
}

.portfolioWorkHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-bottom: 30px
}

    .portfolioWorkHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 373px;
        margin-top: 15px;
    }

.portfolioWork {
    height: auto;
    box-shadow: 0 10px 10px #e6e6e6;
    margin-bottom: 50px;
}

.topMarginSpace {
    margin-top: 20px;
}

.noMarginBottomSpace {
    margin-bottom: 0px !important;
}

.portfolioWorkHeader {
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-family: 'DidactGothic';
    background: #FFE5B4;
}

.portfolioWorkHeadingTitle {
    font-size: 1.7em;
    background: #e4e4e4;
    height: 100%;
    padding: 15px;
}

.portfolioWorkType {
    font-size: 1.3em;
    padding: 15px;
}

.portfolioWorkDescription {
    font-size: 1.3em;
    font-family: 'DidactGothic';
    line-height: 35px;
    text-align: justify;
    padding: 0px 10px 0px 10px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.portfolioWorkImg {
    width: 100%;
    border: 1px solid #e4e4e4;
    position: relative;
}

    .portfolioWorkImg img {
        width: 100%;
        height: 100%;
    }

.portfolioWorkSpaceBottom {
    /*margin-bottom: 50px;*/
}

.prev,
.next {
    width: 40px;
    height: 40px;
    transform: translate(0%, -50%);
    color: #fff !important;
    background-color: #0a273f !important;
    border: 0;
    cursor: pointer;
}

    .prev[disabled],
    .next[disabled] {
        background-color: #A0A0A0 !important;
        pointer-events: none;
    }

.previousImageForIMIN,
.previousImageForBankingQ,
.previousImageForCCFW,
.previousImageForPayerMap,
.previousImageForcMyRoots,
.previousImageForReportingTool,
.previousImageForpsyEHR {
    position: absolute;
    top: 50%;
    left: 0%;
}

.nextImageForIMIN,
.nextImageForBankingQ,
.nextImageForCCFW,
.nextImageForPayerMap,
.nextImageForcMyRoots,
.nextImageForReportingTool,
.nextImageForpsyEHR {
    position: absolute;
    top: 50%;
    right: 0px;
}
/*testimony*/
.testimonyContainer {
    position: relative;
    width: 100%;
    height: auto;
}

.testimonyGradient {
    background: linear-gradient(180deg, #FFFE7A, #ffffff);
}

.testimonyHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    line-height: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.testimonyMainContainer {
    max-width: 1200px;
    margin: 0 auto;
    /*min-height: 400px;*/
    background-color: #FFFFFF;
    /*padding-top: 80px;*/
}

.clutchReviewContainer {
    max-width: 1200px;
    min-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.testimonyClientContainer {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px;
}

.testimonyClientHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
    padding-bottom: 30px;
    margin-top: 50px;
}

    .testimonyClientHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 373px;
        margin-top: 15px;
    }

.testimonyClientContent {
    width: 100%;
    height: auto;
    box-shadow: 0 10px 10px #e6e6e6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonyClientProfile {
    display: flex;
    align-items: start;
    height: 200px;
    margin-bottom: 70px;
}

.testimonyClientPic {
    background-image: url(../Images/Client/wayne-bytes-evolution-systems-pvt-ltd.jpg);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 200/200;
    max-width: 200px;
    width: 100%;
}

.testimonyClientAddress {
    line-height: 30px;
    padding-left: 30px;
    margin-top: 10px;
    height: 100%;
    font-family: 'DidactGothic';
}

.testimonyClientTitle {
    font-size: 3em;
}

.testimonyClientSubTitle {
    font-size: 1.5em;
    margin-top: 20px;
}

.testimonyClientVideo iframe {
    width: 100%;
    aspect-ratio: 1920/1080;
}
/*contact*/
.contactContainer {
    position: relative;
    width: 100%;
    height: auto;
}

.contactGradient {
    background: linear-gradient(180deg, #e2fec4, #ffffff);
}

.contactHeading {
    color: #333;
    font-family: 'ShareTechMono-Regular';
    font-size: 5em;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 150px;
}

.contactMainContainer {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}

.contactdetails {
    margin-top: 50px;
}

.mapcontainer {
    width: 100%;
}

.googlemap iframe {
    width: 100%;
    padding-top: 20px;
    vertical-align: top;
}

.contactText {
    font-family: 'print_clearlyregular';
    font-size: 2em;
    line-height: 2em;
    text-align: justify;
}

    .contactText img {
        height: 1.2em;
    }

.contactImgContainer {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}

.imgForContact {
    background-image: url(../Images/contact/Contact.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 900 / 450;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.contactNo {
    position: absolute;
    left: 19.2%;
    top: -12%;
    background: #F2F2F2;
    font-family: 'print_boldregular';
    font-size: 1.58em;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}

.contactMail {
    position: absolute;
    right: 11.1%;
    top: 3%;
    background: #F2F2F2;
    font-family: 'print_boldregular';
    font-size: 1.58em;
    width: 250px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}

.contactFormHeading {
    font-family: 'district_prothin';
    font-size: 4.3em;
    text-align: center;
}

    .contactFormHeading hr {
        color: #827F8A;
        background-color: #827F8A;
        border-color: #827F8A;
        border-width: 1px;
        width: 380px;
        margin-top: 25px;
    }

.mandatoryField {
    margin-bottom: 10px;
}

.mandatoryField {
    font-family: 'DidactGothic';
    font-size: 1.43em;
}


    .mandatoryField::after {
        content: '*';
        color: #f00;
        font-size: 1.3em;
        top: 5px;
        position: relative;
    }

.contactField {
    /* display: flex;*/
    padding-top: 5px;
    margin-bottom: 20px;
}

.contactForm input[type=text] {
    line-height: 40px;
    width: 100%;
    font-family: 'DidactGothic';
    font-size: 1.15em;
    border: #a9a9a9 0.1px solid;
    padding: 10px;
}

.captchaContainer {
    width: 100%;
    float: left;
    height: 50px;
}

table, tbody, tr, td {
    display: block !important;
}

.legend p {
    padding: 20px;
}

#message {
    min-height: 200px;
}


#errors {
    width: 100%;
    color: white;
    background-color: #D72828;
    border-radius: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#errorsummary {
    font-size: 1em;
    line-height: 20px;
    padding: 10px;
}


.hidden {
    display: none;
    opacity: 0;
}



.captchaContainer span {
    width: 130px;
    height: 50px;
    float: left;
    text-align: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    color: #999;
    font-weight: normal;
    line-height: 33px;
    padding-right: 25px;
}


.loadingForCaptcha {
    display: inline-block;
}


#refreshCaptcha {
    margin-left: 10px;
    float: left;
    background: #00A6DE;
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 2px;
    height: 50px;
    line-height: 10px;
    width: 100px;
    text-align: center;
}

.refreshImg {
    display: block;
    margin-left: 7.5px;
    margin-top: 7.5px;
}

.bluebutton {
    font-size: 1.43em;
    border-radius: 2px;
    border: none;
    outline: none;
    background-color: #00a6de;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-family: 'DidactGothic';
    font-weight: normal;
    text-decoration: none;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

input[type=button] {
    font-size: 1.43em;
    font-weight: normal;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 2px;
    width: 300px;
    margin-bottom: 50px;
    height: 50px;
}

    input[type=button].pressed {
        background-color: #0f6f56;
    }

.contactForm textarea {
    height: 200px;
    width: 100%;
    font-family: 'DidactGothic';
    font-size: 1.15em;
    border: #a9a9a9 0.1px solid;
    resize: vertical;
    overflow-y: hidden;
    padding: 10px;
    min-height: 200px;
}

.contactContent {
    margin-top: 50px;
}

.contactMessage {
    margin-bottom: 30px !important;
}

.goToTop {
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 100px;
    margin: 15px;
    color: #fff;
    font-size: 2.15em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-image: url(../Images/icons/topArrow.png);
    background-position: right 55% bottom 50%;
    box-shadow: 6px 6px 13px 0px #bbb;
    width: 42px;
    height: 45px;
    background-repeat: no-repeat;
    transition: bottom ease 0.5s;
    border-radius: 2px;
    background-color: #fff;
}

    .goToTop:hover {
        bottom: 110px;
    }

.fadeInRight {
    -webkit-animation: fadeInRight 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInRight 500ms ease-in-out;
    opacity: 1;
}


.bluebutton {
    font-size: 1.43em;
    border-radius: 2px;
    border: none;
    outline: none;
    background-color: #00A6DE;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-family: 'DidactGothic';
    font-weight: normal;
    text-decoration: none;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.blueloading {
    background-image: url("../Images/spinnerblue.gif");
    color: #00A6DE !important;
    min-width: 50px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

.fadeOutRight {
    -webkit-animation: fadeOutRight 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeOutRight 500ms ease-in-out;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

.topButton-hidden {
    opacity: 0;
}


/*footer*/
.footerContainer {
    background: linear-gradient(180deg, #F8F8F8, #FFFFFF);
}

.footerWidgetContainer {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    clear: both;
    float: none;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 70px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}


.footerContentRight img, .footerContentRight h3 {
    float: right;
    margin-right: 50px;
}

.footerCopyrightsText {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.companyFooterName {
    font-family: 'Cinzel-Bold';
    font-size: 2.5em;
}

.companyAddress {
    margin-top: 5px;
    font-family: 'print_boldregular';
    font-size: 2.15em;
    line-height: 1.2;
}



.footerPhone, .footerMail {
    margin-top: 20px;
    font-family: 'print_boldregular';
    height: 35px;
}

    .footerPhone img, .footerPhone p, .footerMail img, .footerMail p {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
        line-height: 35px;
        height: 35px;
    }

    .footerPhone p {
        font-weight: normal;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
    }

.tagline {
    color: #00dede !important;
    padding: 10px;
    border-radius: 2px;
    background-color: #003142 !important;
    font-family: 'oxin_war';
    font-weight: normal;
    font-size: 1.43em;
    line-height: 25px;
    letter-spacing: 1px;
    box-shadow: 0 1px 3px #003142;
    width: 200px;
    text-align: center;
    margin-top: 20px;
}

.footerCopyrights {
    font-family: 'print_boldregular';
    font-size: 1.86em;
    text-align: right;
    margin-right: 50px;
    margin-top: 150px;
}

.footerSocial {
    margin-top: 50px;
    text-align: right;
    margin-right: 50px;
    margin-bottom: 250px;
}

    /*.footerSocial span {
        width: 30px;
        height: 30px;
        display: inline-block;
        cursor: pointer;
    }*/

    .footerSocial span a {
        margin-left: 45px;
    }

        .footerSocial span a[name="linkedin"] {
            margin-left: 0px !important;
        }

    .footerSocial span a {
        text-decoration: none;
        cursor: pointer;
    }

.footerImg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image: url(../Images/footer.png);
    background-position: top;
    background-size: 100%;
    aspect-ratio: 1920 / 441;
}


.clutchContainer {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
}
/*.clutchFooterImg{
    background-image:url()
}*/
.clutchFooterImg {
    background-image: url(../Images/clutch.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 300/325;
    max-width: 300px;
    width: 100%;
}

.remoteImg {
    background-image: url(../Images/remotefriendly_325.png);
    background-position: center;
    background-size: 100%;
    aspect-ratio: 325/325;
    max-width: 325px;
    width: 100%;
}

/*............Header...........*/

.headerDesktopContainer {
    display: block;
}

.headerMobileContainer {
    display: none;
}

.headerDesktopMainContainer {
    background-color: #003040;
    height: 50px;
}

.headerWidgetContainer {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.headerWidgetContent {
    display: flex;
    height: 100%;
}

.iconForHeader {
    border-left: 1px solid #c7bfb3;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    line-height: 50px;
}

    .iconForHeader.borderRight {
        border-right: 1px solid #c7bfb3;
    }

.headerInfoContent {
    display: flex;
    height: 100%;
    font-size: 1.2em;
    color: #fff;
    align-items: center;
    font-family: 'DidactGothic';
}

.headerInfoPhone,
.headerInfoMail {
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid #c7bfb3
}

    .headerInfoMail.borderRight {
        border-right: 1px solid #c7bfb3;
    }

.spaceLeft10Pixel {
    padding-left: 10px;
}

.headerDesktopSubContainer {
    background-color: #f8f8f8;
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerDesktopSubContainerScrollble {
    height: 80px;
}

    .headerDesktopSubContainerScrollble img {
        width: 120px;
    }

.headerDesktopMenu {
    min-width: 900px;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}

.headerMenuContent {
    display: flex;
    height: 100%;
    align-items: center;
}

    .headerMenuContent ul li a {
        cursor: pointer !important;
        text-decoration: none;
        color: #1a1b1e;
        font-weight: 700;
        font-size: 1.3em;
        font-family: 'DidactGothic';
        position: relative;
    }

    .headerMenuContent ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .headerMenuContent ul li {
            width: auto;
            list-style-type: none;
            padding-left: 25px;
        }

            .headerMenuContent ul li a:hover {
                color: #00A6DE !important;
            }

                .headerMenuContent ul li a:hover::after {
                    width: 100%;
                }

            .headerMenuContent ul li a::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -5px;
                width: 0%;
                height: 2px;
                background-color: #00A6DE;
                transition: width 0.3s ease;
            }

@media (min-width: 900px) and (max-width: 1199px) {

    /*................Service...................*/

    .developmentServiceContainer {
        min-width: unset;
        max-width: unset;
    }

    .developmentServiceSubContainer {
        flex-direction: column;
        width: 100%;
    }

    .developmentServiceTextContainer {
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
    }

    .developmentServiceTypesOfWorkContent {
        flex-direction: column;
    }

    .typesOfWorkContainer {
        width: 100%;
        margin-right: 0px;
    }

        .typesOfWorkContainer.bottomSpace50 {
            margin-bottom: 50px !important;
        }

    /*.........Technology.............*/

    .coreTechWorkContainer {
        min-width: unset;
        max-width: unset;
    }

    .coreTechHeading {
        font-size: 2.5em;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .coreTechWorkContent {
        flex-direction: column;
    }

    .coreTechWork {
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
}



@media (max-width: 899px) {
    .headerDesktopContainer {
        display: none;
    }

    .headerMobileContainer {
        display: block !important;
    }

    .headerMobileMainContainer {
        background-color: #003040;
        height: 50px;
    }

    .headerMobileMenu {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 20px;
    }

    .headerMenuIcon {
        width: 100px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .headerMenuIconOpen {
        background-image: url(../Images/icons/menuicon.png);
        background-position: center;
        background-size: auto;
        background-repeat: no-repeat;
    }

    .headerMenuIconClose {
        background-image: url(../Images/icons/menu_close.png);
        background-position: center;
        background-size: auto;
        background-repeat: no-repeat;
        display: none;
    }

    .headerTitleName {
        color: #fff;
        font-size: 1em;
        font-family: 'DidactGothic';
    }

    .headerMobileSubContainer {
        position: fixed;
        top: 50px;
        width: 100%;
        background: #f8f8f8;
        z-index: 10;
        display: none;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    }

    .headerMobileSubOverlayContainer {
        width: 150px;
        position: absolute;
        top: 0px;
        height: 100%;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 10;
        display: none;
    }

    .headerMobileWidgetContent {
        display: flex;
        height: 70px;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .headerCloseBtn {
        font-size: 2.15em;
        cursor: pointer;
        border: none;
        background: transparent;
        color: #333;
    }


    .headerMobileMenuContent li {
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .headerMobileMenuContent li a {
            text-decoration: none;
            color: #1a1b1e;
            font-weight: 600;
            font-size: 1.2em;
            font-family: 'DidactGothic';
            width: 100%;
            display: inline-block;
        }

    .sliderMainContainer {
        display: none;
    }

    .imgSlideMainContainer {
        position: relative;
        width: 100%;
        display: block;
        height: calc((100vw * 810 / 1920) + 100px);
    }

    .imgSlideMovingContainer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .imgSlideContent.slideImg1 {
        background-image: url('../Images/Home/slide-1.jpg');
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        aspect-ratio: 1920/810;
    }

    .imgSlideContent.slideImg2 {
        background-image: url('../Images/Home/slide-2.jpg');
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        aspect-ratio: 1920/810;
    }

    .imgSlideContent.slideImg3 {
        background-image: url('../Images/Home/slide-3.jpg');
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        aspect-ratio: 1920/810;
    }

    .imgSlideOverlayContainer {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .imgSlideTextContainer {
        position: absolute;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .imgSlideMainTextContent {
        position: absolute;
        bottom: 110px;
        width: calc(100% - 100px);
        text-align: center;
    }

    .imgslideSubTextContent {
        position: absolute;
        bottom: 10px;
        width: calc(100% - 80px);
        text-align: center;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .imgSlideGradientContent {
        height: 100px;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), #e4f1f9);
        display: block;
    }

    .homeslide {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }

    .homeSlideLeftContent {
        width: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 1.5em;
        padding-right: 12px;
    }

    .homeSlideRightContent {
        width: 30px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 1.5em;
        padding-left: 10px;
    }

    .homeSlideLeftArrow {
        font-size: 1.5em;
        margin-right: 5px;
    }

    .homeSlideRightArrow {
        font-size: 1.5em;
        margin-left: 2px;
    }

    .textMedium {
        font-size: 1.5em;
    }

    .homesSlideSubContainer {
        bottom: 10px;
        left: 60px;
    }

    .textBold {
        font-size: 1.5em;
    }

    .slideDescription {
        font-size: 1.2em;
    }

    .carouselSlide .dot {
        width: 50px;
        height: 24px;
        line-height: 22px;
        font-size: 1.2em;
    }

    /*.................Company.....................*/

    .aboutUsHeading {
        width: 100%;
        min-width: unset;
        text-align: center;
        font-size: 3.5em;
        max-width: unset;
    }

    .aboutUsSubTitle {
        font-size: 2.5em;
    }

        .aboutUsSubTitle hr {
            width: 50%;
            border-width: 0.9px;
        }

    .aboutContainer {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }

    .aboutCompanyContainerForDesktop {
        display: none;
    }

    .aboutCompanyContainerForMobile {
        display: block;
    }

    .aboutCompanyContent {
        position: relative;
    }

    .aboutCompanyDetails {
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .aboutCompanyGrandient {
        height: 100px;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), #e4f1f9);
    }
    /*.about-Element-Container-Right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px;
    }*/
    .aboutTextContainer p {
        width: 90%;
    }

    .aboutCompanyText {
        min-width: unset;
        max-width: unset;
        width: calc(100% - 80px);
        padding: 0px;
    }

        .aboutCompanyText p {
            font-size: 1.2em;
            bottom: 0px;
            right: 0px;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: 100px;
        }

    .objectOfAssociation {
        min-width: unset;
        max-width: unset;
        line-height: 30px;
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .objectTitle {
        font-size: 2em;
        text-align: center;
    }

    .objectDescription {
        font-size: 1.2em;
    }

    .partnerContainer {
        margin-top: 0px;
        min-width: unset;
        max-width: unset;
    }

    .partnerHeading {
        font-size: 2.5em;
    }

        .partnerHeading hr {
            width: 70%;
            border-width: 0.8px;
        }

    .partnerText {
        font-size: 1.8em;
    }

    .aboutTitle {
        font-size: 2em;
        padding-bottom: 10px;
    }

    .aboutText {
        font-size: 1.2em;
        line-height: 30px;
    }

    .imgForThiru {
        right: 20px;
    }

    .evolvingTitle {
        font-size: 2.5em;
    }

    .evolvingText {
        font-size: 1em;
    }

    /*...........Services...................*/
    .servicesHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .servicesTextContainer {
        font-size: 1.5em;
        min-width: unset;
        max-width: unset;
    }

    .developmentServiceHeading {
        font-size: 2.5em;
        padding-bottom: 0px;
    }

        .developmentServiceHeading hr, .developmentServiceTypesOfWorkHeading hr {
            width: 70%;
            border-width: 0.9px;
        }

    .developmentServiceContainer {
        min-width: unset;
        max-width: unset;
    }

    .developmentServiceSubContainer {
        flex-direction: column;
        width: 100%;
    }

    .developmentServiceTextContainer {
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
    }

    .developmentServiceTitle {
        font-size: 2.5em;
    }

    .developmentServiceText {
        font-size: 1.2em;
    }

    .developmentServiceTypesOfWorkHeading {
        font-size: 2.5em;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .developmentServiceTypesOfWorkContent {
        flex-direction: column;
    }

    .typesOfWorkContainer {
        width: 100%;
        margin-right: 0px;
    }

        .typesOfWorkContainer.bottomSpace50 {
            margin-bottom: 50px !important;
        }

    .typesOfWorkTitle {
        font-size: 1.5em;
    }

    .typesOfWorkDescription {
        font-size: 1.2em;
        line-height: 2em;
    }




    /*..............Technology...............*/

    .techHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .coreTechTextContainer {
        font-size: 1.3em;
        min-width: unset;
        max-width: unset;
    }

    .coreTechWorkContainer {
        min-width: unset;
        max-width: unset;
        margin-top: 20px;
    }

    .coreTechHeading {
        font-size: 2.5em;
    }

        .coreTechHeading hr, .coreTechSkillsSetHeading hr {
            width: 70%;
            border-width: 0.9px;
        }

    .coreTechWorkContent {
        flex-direction: column;
    }

    .coreTechWork {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        justify-content: space-evenly;
    }

    .coreTechWorkTitle {
        font-size: 1.3em;
    }

    .coreTechSkillsSetHeading {
        font-size: 3em;
    }

    /*.............Client...............*/

    .clientHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .clientMainContainer {
        min-width: unset;
        max-width: unset;
        margin-top: 20px;
    }

    .clientText {
        font-size: 2em;
    }

    .clientImageContainer .clientText {
        font-size: 1.8em;
    }

    .clientWidgetContainer {
        margin-top: 50px;
    }

    .clientContent {
        margin-left: 20px;
        margin-right: 20px;
    }

    /*.clientOverlayContainer {
        margin-top: 20px;
    }*/

    .clientContactGradient {
        font-size: 1.2em;
        line-height: 1.5em;
    }

    .clientOverlayText {
        font-size: 1.2em;
    }

        .clientOverlayText p {
            margin-top: 20px;
            width: 100%;
        }

    .clientContactText {
        width: 100px;
        font-size: 1em;
        height: 35px;
        line-height: 35px;
        bottom: 20px;
        right: 20px;
        font-weight: 600;
    }
    /*.........Protfolio........*/
    .portfolioHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .portfolioTextContainer {
        font-size: 1.3em;
        min-width: unset;
        max-width: unset;
    }

    .portfolioWorkContainer {
        min-width: unset;
        max-width: unset;
        margin-top: 0px;
    }

    .portfolioWorkHeading {
        font-size: 2.5em;
    }

        .portfolioWorkHeading hr {
            width: 70%;
            border-width: 0.9px;
        }

    .portfolioWorkHeadingTitle {
        font-size: 1.3em;
        padding: 10px;
    }

    .portfolioWorkType {
        font-size: 1em;
        padding: 10px;
    }

    .portfolioWorkDescription {
        font-size: 1.2em;
        line-height: 30px;
    }

    .prev, .next {
        width: 30px;
        height: 30px;
    }
    /*.............Testimony...........*/

    .testimonyClientHeading {
        margin-top: 20px;
    }

    .testimonyHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .testimonyClientContainer {
        min-width: unset;
        max-width: unset;
    }

    .testimonyClientHeading {
        font-size: 2.5em;
    }

        .testimonyClientHeading hr {
            width: 70%;
            border-width: 0.9px;
        }



    .testimonyClientTitle {
        font-size: 1.5em;
    }

    .testimonyClientSubTitle {
        font-size: 1.2em;
        margin-top: 10px;
    }

    .clutchReviewContainer {
        min-width: unset;
        max-width: unset;
    }
    /*............Contact...............*/
    .contactHeading {
        font-size: 3.5em;
        text-align: center;
        min-width: unset;
        max-width: unset;
    }

    .contactMainContainer {
        min-width: unset;
        max-width: unset;
    }

    .contactFormHeading {
        font-size: 2.5em;
    }

    .contactText {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .contactImgContainer {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .contactNo {
        width: 110px;
        font-size: 1em;
        height: 30px;
        line-height: 30px;
        top: -21%;
    }

    .contactMail {
        width: 110px;
        font-size: 1em;
        height: auto;
        line-height: 20px;
        right: 0%;
        top: -20%;
        padding: 5px;
        white-space: normal;
        word-break: break-word;
    }

    .contactdetails {
        font-size: 1em;
    }

    .contactFormHeading hr {
        width: 70%;
        border-width: 0.9px;
    }

    input[type=button] {
        width: 100%;
    }
    /*...................Footer...................*/
    .footerWidgetContainer {
        flex-direction: column;
        min-width: unset;
        max-width: unset;
    }

    .footerContentLeft {
        width: 100%;
    }

    .companyFooterName {
        font-size: 1.5em;
    }

    .companyAddress,
    .footerMail,
    .footerPhone {
        font-size: 1.3em;
    }

    .footerContentRight {
        width: 100%;
        margin-top: 50px;
    }

        .footerContentRight img, .footerContentRight h3 {
            float: unset;
            margin-right: 0px;
        }

    .clutchContainer {
        flex-direction: column;
        align-items: center;
        min-width: unset;
        max-width: unset;
    }

    .clutchFooterImg {
        width: 70%;
        margin-bottom: 50px;
    }

    .remoteImg {
        width: 70%;
    }

    .footerCopyrights {
        margin-top: 40px;
        font-size: 1.3em;
    }

    .footerSocial {
        margin-top: 40px;
        margin-right: 0px;
        margin-bottom: 120px;
    }
}

@media (max-width: 599px) {

    .partnerText,
    .clientImageContainer .clientText {
        font-size: 1.2em;
    }
}

@media (max-width: 419px) {

    .partnerText,
    .clientImageContainer .clientText {
        font-size: 1em;
    }
}