@charset 'utf-8';
 :root {
    --header-bg-color: #2ba8d4;
    --header-bg-h-color: #2392b9;
    --fa-icon-bg-color: #2ba8d41a;
    --main-heading-text-color: #056f7f;
    --red-text-color: #262626;
    --secondary-btn-color: #1f4576;
}

.body {
    position: relative;
}

.btn {
    cursor: pointer !important;
}

.df-row-ss {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.df-row-cc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.df-row-sc {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.df-col-cc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.df-col-ss {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.s1-h1 {
    font-size: 50px;
    font-weight: 700;
}

.s1-h2 {
    font-size: 30px;
    font-weight: 700;
}

.s1-h1-company {
    font-size: 40px;
    font-weight: 600;
}

.s1-col-1 {
    padding-left: 3%;
}

.padd-tb {
    padding-top: 4%;
}

.navbarSupportedContent {
    z-index: 100;
}

.row-padd {
    padding: 3%;
}

.main-navbar {
    padding-right: 5%;
    padding-left: 5%;
}

.portfolio-play-store-img img {
    width: 100% !important;
}

#portfolio-carousel {
    width: 100%;
    height: 650px;
}

#portfolio {
    background-color: #f0f9fc;
}

.portfolio-row-main {
    padding-left: 4%;
    color: #262626;
    /* margin-top: 30px; */
    height: 650px;
    background-color: #f0f9fc;
}

.portfolio-row-main-2 {
    padding-left: 4%;
    color: #262626;
    /* margin-top: 30px; */
    height: 650px;
    background-color: #f0f9fc;
}


/*.for-whatsapp-chat{
    width: 1px;
    height: 1px;
}*/

.head-list li {
    padding: 15px;
    list-style-type: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.315);
}

.head-ul li {
    border-bottom: 1px solid gray;
    padding: 15px;
    list-style-type: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.315);
}

.head-list:last-child {
    border-bottom: none;
}

.bg-img-service-wrapper {
    background-image: url("../images/works-sun.png");
    background-position: center;
    background-repeat: no-repeat;
}

.bg-img-service-wrapper-3 {
    background-image: url("../images/dia.svg");
    background-position: center;
}

.yt-vid-1 {
    border-radius: 15px;
}

.h6-how-we-started {
    line-height: inherit;
}

.home-service-area {
    overflow: hidden;
}

.blue-bg-custom {
    background-color: #f2fbfe;
}

.home-service-wrapper {
    background-position: center center;
    background-size: cover;
}

.for-whatsapp-chat {}

.portfolio-row-main-h1 {
    color: #262626;
    font-size: 50px;
    font-weight: 600;
}

.animation-text {
    font-weight: bold;
}

.portfolio-img {
    width: 100px !important;
    margin-right: -30px;
}

.portfolio-card-text img {
    width: 50px !important;
    height: 50px !important;
}

.portfolio-card-main {
    width: 200px;
    background-color: #ffffffe6;
}

.portfolio-right-img img {
    margin: 20px;
    height: 600px !important;
    width: 560px !important;
}

.portfolio-row-main-h2 {
    font-size: 23px;
    border: 2px solid #262626;
    border-radius: 10px;
    padding: 10px;
}

.portfolio-card-text {
    color: #262626;
}

.v-pills-Engineer-left h6 {
    font-size: 15px;
}

.header-wrap .navbar {
    background-color: #fff;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

.header-wrap .dropdown {
    position: static !important;
}

.header-wrap .dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    /* margin-top: -8px !important; */
    margin-top: -4px !important;
    width: 100% !important;
    border: 0.5px solid rgb(212, 212, 212);
}

.header-wrap .dropdown:hover .dropdown-menu {
    display: block;
}

.tech-col {
    padding: 0px !important;
    margin: 0px !important;
}

.header-wrap .dropdown:hover .header-main-menu {
    color: var(--header-bg-h-color) !important;
}

.header-wrap .header-main-menu {
    position: relative;
    font-size: 11px;
    font-weight: 600 !important;
}

.header-wrap .header-main-menu::after {
    content: "";
    left: 50%;
    bottom: 0px;
    position: absolute;
    background-color: #fff;
    width: 0;
    height: 3px;
    background-color: var(--header-bg-h-color) !important;
    transition: all 0.5s;
    transform: translateX(-50%);
}

.header-wrap .header-main-menu:hover::after {
    width: 100%;
}

.header-wrap .dropdown:hover .header-main-menu::after {
    width: 100%;
}

body {
    font-family: "Poppins", sans-serif;
}

.heading {
    font-size: 40px !important;
    font-weight: 600;
}

.heading-1 {
    font-size: 39px !important;
    font-weight: 600 !important;
}

.heading-ax-blog {
    font-weight: 600 !important;
}

.heading-h2 {
    font-size: 18px !important;
    font-weight: 500;
}

.h4 h4 {
    font-size: 18px !important;
}

.mobile-app {
    color: #f75841;
}

.span-1 {
    font-size: 22px !important;
    font-weight: 700;
}

.carousel-item img {
    width: 100%;
    height: 100%;
}

.header-wrap {
    position: fixed;
    top: 0;
    /*border: 1px solid red;*/
    z-index: 1000;
    width: 100%;
    height: 60px;
    /*padding: 0 5% 0 5%;*/
}


/* product card how we started */

.agile-div {
    display: block;
    margin: auto;
}

.who-we-are {
    height: 500px;
    width: 500px;
}

.who-we-are-text {
    font-size: 16px !important;
    line-height: initial !important;
}

.p-text {
    color: #56b2d9;
}

.red-head {
    color: #ff0000;
}

.p-text span {
    font-weight: 600;
}

.pink-text {
    color: #ff2e92;
}

.orange-text {
    color: #f28331;
}

.yellow-text {
    color: #ffbf00;
}

.purple-text {
    color: #eda5ff;
}

.green-text {
    color: #028f50;
}

.salmon-text {
    color: #ff7e79;
}

.navy-text {
    color: #041f5f;
}

.courses-container {}

.emp-text {
    font-size: 18px;
    font-weight: bold;
}

.emp-text-2 {
    font-size: 14px;
    color: #999999;
    font-weight: bold;
}

.course {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 0px 10px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    max-width: 100%;
    margin: 20px;
    overflow: hidden;
}

.mail-text {
    color: #000000;
}

.mail-text:hover {
    color: #000000;
}

.course h6 {
    opacity: 0.6;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.course h2 {
    letter-spacing: 1px;
    margin: 10px 0;
}

.card-preview {
    /* background-color: #2BA8D4; */
    /* background-color: #F2FBFE; */
    color: #000;
    padding: 30px;
    max-width: 450px;
    min-width: 450px;
    max-height: 450px;
    min-height: 450px;
}

.card-preview a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    opacity: 0.6;
    margin-top: 30px;
    text-decoration: none;
}

.card-info {
    padding: 30px;
    position: relative;
    width: 100%;
    /* min-width: 450px; */
    /* max-height: 450px;
  min-height: 450px; */
}

.how-we-started-prod-img {
    display: flex;
    justify-content: center;
}

.how-we-started-prod-img img {
    height: 350px;
    width: 350px;
}

.services-cont {
    margin-top: 80px;
}

.left-text {
    text-align: left;
}

.yt-vid iframe {
    position: relative;
    right: -2%;
    top: 9%;
}

.about-partners-bg {
    background-color: #f2fbfe;
}

.partner-slide img {
    display: block;
    margin: auto;
}

.tag-line-aximo-1 {
    text-transform: uppercase;
    color: #262626;
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 0px;
}

.tag-line-aximo-2 {
    color: #262626;
    font-size: 14px;
    font-weight: bold;
    margin-left: 3%;
}

.header-wrap .nav-link {
    font-size: 15px;
    color: #262626 !important;
}

.tech-margin {
    margin-top: 50px !important;
}

.header-wrap .nav-item {
    padding: 12px;
    display: flex;
}

.header-wrap .call-icon {
    cursor: pointer;
    text-align: center;
    color: white;
    margin-right: 10px;
    font-size: 16px;
    padding: 8px;
    display: block;
    width: 40px;
    height: 40px;
    background-image: linear-gradient(90deg, #1ec5fa 8%, #0d47d5 100%, #1ec5fa);
    border-radius: 50%;
}

.fa_icon {
    text-align: center;
    color: #2a5181;
    margin-right: 10px;
    font-size: 16px;
    padding: 8px;
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--fa-icon-bg-color);
    border-radius: 50%;
}

.fa_icon:hover {
    color: white;
}

.i-hover-bg:hover {
    background-color: var(--header-bg-h-color);
}

.all-btn {
    /* background-color: var(--header-bg-color); */
    transition: 0.5s;
    background-size: 200% auto;
    background-image: linear-gradient(90deg, #1ec5fa 0%, #0d47d5 50%, #1ec5fa);
    color: white !important;
}

.all-btn:hover {
    color: white !important;
    /* background-color: var(--header-bg-h-color); */
    background-position: right center;
    transition: all 200ms linear 0ms;
    /* background-position: 120%; */
    /* background-image: linear-gradient( 90deg, #1ec5fa 0%, #0d47d5 50%, #1ec5fa); */
}

.all-btn-1 {
    /* background-color: var(--header-bg-color); */
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    border-color: none;
    border-color: #b31217;
    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
}

.all-btn-1:hover {
    color: white !important;
    /* background-color: var(--header-bg-h-color); */
    background-position: right center;
    transition: all 200ms linear 0ms;
    border-color: #b31217;
    /* background-position: 120%; */
    /* background-image: linear-gradient( 90deg, #1ec5fa 0%, #0d47d5 50%, #1ec5fa); */
}

.for-about-menu {
    position: absolute;
    top: 55px;
    left: 0;
    display: none;
    width: 100%;
}

.member-image {
    border-radius: 50%;
    padding-top: 10px;
}

.about-menu:hover+.for-about-menu {
    display: block !important;
}

.for-about-main-2 {
    background-color: #f3faff;
}

.f-c-p-d-text {
    padding: 2%;
}

.ani-img {
    position: relative;
}

.ani-img img {
    position: absolute;
    top: 0px;
    left: 0px;
    animation: anima-img 4s infinite;
}

@keyframes anima-img {
    0% {
        left: 0px;
    }
    50% {
        left: 25px;
    }
    100% {
        left: 0px;
    }
}

.f-c-p-d-text i {
    margin-left: 5%;
    font-size: 13px;
    margin-right: 5px;
}

.f-c-p-d-text span {
    font-size: 13px;
}

.for-services-h-menu .nav {
    padding: 2% 0% 2% 4%;
}

.for-services-h-menu .nav .nav-link {
    color: white !important;
    margin: 15px 0 20px 15px;
    padding: 15px;
    padding-left: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.for-services-h-menu .nav .nav-link.active {
    color: var(--header-bg-h-color) !important;
    background-color: white;
    font-weight: 500;
}

.text-pri {
    font-size: 13px;
}

.heading-pri {
    font-size: 14px;
}

.heading-pri a {
    text-decoration: none;
    color: black;
}

.heading-pri a:hover {
    color: var(--header-bg-h-color);
}

.for-service-right-div {
    background-color: #f3faff;
}

.Know-more-text {
    font-size: 14px;
}

.drop-service-t-our-service {
    color: var(--header-bg-h-color);
}

.h-drop-f-services-left {
    background-color: var(--header-bg-h-color) !important;
}

.primary-link-text {
    font-size: 14px;
    text-decoration: none !important;
    color: black;
    position: relative;
}

.primary-link-text:hover {
    color: var(--header-bg-h-color) !important;
}

.primary-link-text::after {
    content: "";
    left: 0%;
    bottom: -2px;
    position: absolute;
    background-color: #fff;
    width: 0;
    height: 1px;
    background-color: var(--header-bg-h-color) !important;
    transition: all 0.5s;
    transform: translateX(0%);
}

.primary-link-text:hover::after {
    width: 100%;
}

.section-1 {
    background-image: url("../images/bg-1.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.s1-card-heading {
    font-size: 25px;
    font-weight: bold;
}

.s1-card-text-1 {
    font-size: 13px;
}

.top-brand-h2-text {
    border-left: 10px solid var(--header-bg-h-color);
    font-size: 39px;
}

.caro {
    height: 480px;
    width: 400px;
}


/*section 2 start*/

.s2-right-con {
    background-color: #e9f8fe99;
    padding: 5% 7% 5% 7%;
}

.s1-carousel {
    position: relative;
    margin-top: -40px;
    width: 400px;
    height: 480px;
}

.for-topbrands-log-strip {
    width: 200px;
    height: 400px;
    position: absolute;
    top: 25px;
    right: -80px;
}

.for-topbrands-log-strip .img-wrap {
    width: 80px;
    height: 80px;
}

.user-engament-span {
    text-align: left;
}

.for-topbrands-log-strip .top-adri-bg {
    background-color: #fff;
    box-shadow: 2px 4px 3px #ccc;
    /*	border: 2px solid #2392B9;*/
    border-radius: 5px;
}

.for-topbrands-log-strip .top-giz-bg {
    margin-top: 4px;
    box-shadow: 2px 4px 3px #ccc;
    background-color: #fff;
    /*	border: 2px solid #2392B9;*/
    border-radius: 5px;
}

.for-topbrands-log-strip .top-biss-bg {
    margin-top: 4px;
    box-shadow: 2px 4px 3px #ccc;
    background-color: #fff;
    /*	border: 2px solid  #2392B9;*/
    border-radius: 5px;
}

.for-topbrands-log-strip .top-jsc-bg {
    margin-top: 4px;
    box-shadow: 2px 4px 3px #ccc;
    background-color: #fff;
    /* 	border: 2px solid  #2392B9;*/
    border-radius: 5px;
}

.for-topbrands-log-strip .img-wrap img {
    width: 100%;
}

.portfolio-box-img img {
    height: 200px;
}

.s2-left-con {
    opacity: 0.7;
    background-image: url("../images/benefites-s2-bg2.png");
    /* The image used */
    background-color: #cccccc;
    /* Used if the image is unav	ailable */
    /*	height: 530px;*/
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    height: 100%;
}

.s2-row {
    height: 500px;
}

.s2-left-con-inner {
    width: 100%;
    height: 100%;
    background-color: rgba(41, 128, 185, 0.8) !important;
    color: #ffffff;
}

.s2-h1-inner {
    margin-bottom: 20px;
    font-size: 50px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 15px;
}

.s2-h3-inner {
    font-size: 30px;
    font-weight: bold;
    padding-left: 15px;
}

.s2-p-inner {
    padding-left: 15px;
    font-size: 18px;
}

.m-color-text {
    color: var(--main-heading-text-color);
}

.s3-span-1 {
    color: var(--main-heading-text-color);
    font-weight: bold;
}

.s3-span-1-h2 {
    font-size: 33px;
}

.s3-span-p {
    font-size: 16px !important;
}

.red-color-text {
    color: #ff584f;
    font-weight: 600;
}

.s2-card-img {
    margin-top: 10px;
    width: 90px;
    height: 90px;
}

.card-wrap {
    padding: 2.3%;
}

.card-wrap .card {
    box-shadow: 0px 0px 10px #ccc;
}


/*.section-3{
	background-color: #F6F6F6;
}*/

.section-3 {
    border-left: 10px solid #1f4576;
}


/* .s3-img {
    box-shadow: 2px 10px 10px #ccc;
} */

.s3-wrap-left-con {
    padding: 2%;
    text-align: justify-all;
}

.s3-fa-arrow-left {
    display: inline-block;
    font-size: 25px;
    margin-left: 10px;
}

.view-video-btn {
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    justify-content: center !important;
}

.view-video-btn-mb {
    display: none !important;
}

.s4-wrap-video-con iframe {
    box-shadow: 0px 0px 10px #ccc;
}


/* .blue-btn {
	background-color: var(--header-bg-h-color);
} */

.blue-btn {
    font-weight: bold;
    background-color: var(--header-bg-h-color) !important;
    color: white;
}

.blue-btn:hover {
    color: white;
    background-color: var(--secondary-btn-color);
}

.section-4 {}

.s3-wrap-right-con {
    position: relative;
}

.s3-wrap-right-con .youtube-icon-img {
    position: absolute;
    top: 52%;
    left: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    transform: translate(-50%, -50%);
    /* box-shadow: 0 8px 6px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out;*/
}

.s-4-bg-for-youtube {
    background-image: url("../images/iphone-img.png");
    /* The image used */
    /* background-color: #F6F6F6; */
    /* Used if the image is unavailable */
    width: 100%;
    height: 550px;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: contain;
    /* Resize the background image to cover the entire container */
}


/*section 4 end */


/* Ujjwal Jain CSS start from here */


/* section 5 starts here */

.section-5 {
    /* background-image: url("../images/s5-group-pic.png"); */
    background-image: url("../images/pic-1.jpeg");
    /*The image used*/
    /* background-color: #000000; */
    /* filter: brightness(50%); */
    height: 530px;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    padding-top: 0px !important;
}

.overlayer {
    position: absolute;
    background-color: rgba(1, 1, 1, 0.1);
    height: 530px;
    width: 100%;
    position: relative;
}

.s5-heading {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 148px;
    font-size: 50px;
}

.s5-span-1 {
    color: var(--red-text-color);
}

.s5-para {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 156px;
    font-size: 23px;
}

.s5-btn {
    width: 220px;
    height: 60px;
    margin: auto;
    position: absolute;
    bottom: 3%;
    right: 0%;
}

.s5-btn button {
    width: 150px;
    height: 40px;
}


/* section 6 starts here */

.section-6 {
    background-color: #ffffff;
}

.s6-h1 {
    text-align: center;
    top: 10px;
}

.s6-h5 {
    text-align: center;
    top: 20px;
}

.s6-span-1 {
    color: var(--main-heading-text-color);
}

.s6-span-2 {
    color: var(--red-text-color);
}

.s6-span-3 {
    color: #000000;
}

.s6-box {
    /* padding-top: 5%; */
    height: 150px;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ccc;
}

.s6-box-2 {
    padding-top: 10px;
}

.s6-box img {
    width: 80%;
}

.s6-box+.s6-box {
    border-left: 1px solid #ccc;
}

.s6-bg-img {
    background-image: url("../images/ip-dummy.png");
    background-repeat: no-repeat;
    background-position: -4% 5%;
    background-size: contain;
    height: 600px;
    width: 100%;
}

.s6-row-1 {
    background-color: #fff;
    margin-top: 70px;
}

.brand-section .row {
    text-align: center;
    justify-content: center;
}


/* section 7 starts here */

.s7-h1 {
    text-align: center;
}

.s7-h5 {
    text-align: center;
}

.s7-span-1 {
    color: var(--main-heading-text-color);
}

.s7-frame {
    /* background-color: #1D1D1D; */
    color: #ffffff;
    /* background-color:#00529E; */
    background-color: #3e93c9;
    padding-left: 0px;
    /* height: 560px; */
}

.s7-card {
    color: #000000;
}

.s7-span-5 {
    border-width: thin;
    text-align: center;
    border-radius: 8px;
}


/* section 8 strarts here */

.section-8 {
    /* height: 560px; */
    color: #ffffff;
    padding: 0px !important;
}

.s8-col {
    background-color: #2ba8d4;
    height: 600px;
}

.mobile {
    height: 250px;
}

.mobile-div {
    background-image: url("../images/clutch-2019-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 100%;
    background-position: center bottom;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.s8-box {
    height: 150px;
    color: #000000;
}

.s8-container-h1 {
    font-size: 45px;
    font-weight: 600;
}

.s8-container-h2 {
    font-size: 40px;
    font-weight: 400;
}

.s8-container-h4 {
    font-size: 26px;
    font-weight: 600;
}

.s8-container-h3 {
    font-size: 27px;
}

.s8-box:hover {
    background-color: rgba(1, 1, 1, 0.03);
    background-image: linear-gradient( to left, transparent, transparent 50%, #fff 50%, #fff);
    background-position: 100% 0;
    background-size: 200% 200%;
    transition: all 0.5s ease-in;
}

.s8-box-white {
    background-color: #ffffff;
}

.s8-box-black {
    background-color: rgba(1, 1, 1, 0.03);
}

.s8-box-text {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}


/* .s9-img{
	background-image: url("../images/s5-group-pic-mobile.png");
	background-repeat: no-repeat;
	height: 600px;
} */

.s9-p1 {
    font-size: 20px;
}

.s9-span-1 {
    color: var(--main-heading-text-color);
}

.s9-span-2 {
    color: var(--red-text-color);
}

.s9-span-3 {
    font-weight: 700;
}

.s9-div-1 {
    width: 100%;
    font-size: 40px;
}

.s9-div-2 {
    margin-left: 60px;
}

.fafa-icon {
    color: var(--main-heading-text-color);
    font-size: 40px;
}

.s9-box {
    /* padding-top: 5%;
	height: 150px;
	width: 180px; */
    max-width: 270px;
    margin-bottom: 10px;
}

.s10-span-1 {
    color: var(--main-heading-text-color);
}

.s10-span-2 {
    color: var(--red-text-color);
}

.s10-span-3 {
    color: var(--red-text-color);
}

.s10-span-4 {
    font-weight: 700;
}

.s10-p {
    font-size: 20px;
}

.s10-card-text {
    text-align: left;
}

.axim-logo {
    height: 100px;
    width: 100px;
    padding: 0px !important;
}

.price-h4-1 {
    font-weight: bold;
}

.ma-grid {
    height: 352px;
    width: 100%;
}

.cont-btn {
    background-color: #1f4576 !important;
}

.free-submit-btn {
    background-color: #056f7f;
}

.portfolio-wrap {
    padding: 5%;
}

.portfolio-wrap img {
    width: 200px;
}

.market-logo {
    width: 35%;
    margin-bottom: 10px;
}

.footer {
    position: relative;
}

.service-bg-for-icon {
    background-image: url("../images/our-services-new/service_bg5.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
    margin-bottom: 30px;
}

.service-bg-for-icon-2 {
    background-image: url("../images/our-services-new/service_bg2.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
    margin-bottom: 30px;
}

.cont-seo {
    background-color: #d8eff7;
    height: 425px;
    position: relative;
}

.check-seo-form input {
    width: 100%;
    height: 60px;
    border-radius: 25px;
    border: 1px solid #2480bf;
    padding-left: 10%;
    font-size: 19px;
}

.smile-emoji-seo {
    width: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal-body-text-seo {
    font-size: 20px;
    font-weight: 500;
}

.modal-header-seo {
    background-color: #2ba8d4;
}

.bg-overlayer-seo-form-row {
    /* background-color: red; */
}

.bg-overlayer-seo-form .div-1 {
    width: 60%;
}

.bg-overlayer-seo-form .div-2 {
    width: 40%;
}

.bg-overlayer-seo-form .bg-form-img-4 {
    height: 60%;
}

.bg-overlayer-seo-form .bg-form-img-3 {
    margin-top: 10%;
    margin-left: 20%;
}

.check-seo-form-col-2:after {
    position: absolute;
    top: -4px;
    right: -15px;
    width: 68px;
    height: 68px;
    background-image: linear-gradient(90deg, #1ec5fa 8%, #0d47d5 100%, #1ec5fa);
    display: block;
    content: "";
    border-radius: 100%;
}

.bg-overlayer-seo-form {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    /* background: rgba(1, 1, 1, 0.3); */
    width: 100%;
    height: 100%;
}

.btn-seo-form {
    background: #386677;
    color: #ffffff;
}

.process-col-1 {
    margin-top: 30px;
}

.process-h1 {
    margin-bottom: 10px;
}

.working-process {
    height: 600px;
}

.process-circle {
    height: 225px;
    width: 225px;
    background-color: #bbb;
    border-radius: 50%;
    text-align: center;
    /* clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); */
}

.circle-heading {
    font-weight: 600;
    font-size: 18px;
}

.process-h1 {
    font-size: 45px;
    font-weight: 700;
}

.process-circle-logo {
    padding-top: 65px;
    padding-bottom: 40px;
    height: 85%;
}

.process-circle-1 {
    /* background-color: #EC6C6E; */
    background-color: #32cc73;
}

.process-circle-2 {
    /* background-color: #EF8E6B; */
    background-color: #fa6742;
    margin-top: 100px;
}

.process-circle-3 {
    /* background-color: #F8C45B; */
    background-color: #478fff;
}

.process-circle-4 {
    /* background-color: #5475D3; */
    background-color: #ffb72f;
    margin-top: 100px;
}

.process-circle-5 {
    background-color: #5ebe9f;
    /* margin-top: 100px; */
}

.process-circle-6 {
    background-color: #64cd71;
    margin-top: 100px;
}

.process-cont {
    position: relative;
}

.process-overlayer {
    z-index: -1;
    position: absolute;
    padding-top: 120px;
    overflow: hidden;
    height: 100%;
}

.work-process-image {
    margin-right: 80px;
    margin-left: 80px;
    width: 100%;
    position: relative;
    bottom: 18%;
}

.normal {
    filter: invert(0%);
}

.inverted {
    filter: invert(100%);
}

.process-btn {
    margin-top: 44px;
    height: 50px;
    width: 250px;
    border-radius: 25px;
}

.zoom {
    transition: transform 0.5s !important;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.zoom:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.box {
    box-shadow: 0px 0 5px rgb(1 41 112 / 16%) !important;
}


/* .circle-col-1 .circle-col-3 {
    height: 100%;
} */


/* .circle-col-2 .circle-col-4 {
    margin-top: 100px;
} */

.font-fourteen {
    font-size: 14px !important;
}

.ios-gif {
    position: relative;
    top: 8%;
}

.services-a {
    color: #696969;
}

.services-a:hover {
    color: #696969;
}

.process-circle-row {}

.flip-col {
    padding: 4% !important;
}

.flip-icon {
    height: 70px;
    width: 70px;
    margin-bottom: 15px;
    /*margin-left: 150px;*/
}

.flip-box {
    background-color: transparent;
    width: 95%;
    height: 370px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}


/* This container is needed to position the front and back side */

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}


/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front .bg-img-wrap {
    width: 90%;
}


/* Position the front and back side */

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}


/* Style the front side (fallback if image is missing) */

.flip-box-front {
    color: #000000;
    /*font-weight: 900;*/
    padding: 20px;
    /* background-color: #6EB7D1; */
    border-bottom: 5px solid #2392b9;
}


/* .flip-flip-3{
	background-color: #6EB7D1;
} */

.flip-h3-1 {
    margin-top: 80px;
}

.flip-h3-1,
.flip-p {
    color: #000000;
    /*font-weight: bold;*/
    /* background-color: #6EB7D1; */
}

.flip-h3 {
    /*	font-weight: bold;*/
    margin-top: 80px;
}

.flip-bg-1 {
    /* background-image: url("../images/flip-bg.png"); */
    background-image: url("../images/flip-bg-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    height: 100%;
    width: 100%;
}

.flip-bg-2 {
    /* background-image: url("../images/flip-bg-1.png"); */
    background-image: url("../images/flip-bg.png");
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}


/* Style the back side */

.flip-box-back {
    background-color: #2392b9;
    color: white;
    padding: 20px;
    transform: rotateY(180deg);
    border-top: 5px solid dodgerblue;
}

.flip-box-front h3 {
    font-size: 18px;
    font-weight: bold;
}

.flip-box-front p {
    font-size: 14px;
    text-align: justify-all;
}

.helpdesk-icon {
    background-color: #2ba8d4;
    /* background-image: linear-gradient(90deg, #1ec5fa 8%, #0d47d5 100%, #1ec5fa); */
    border-radius: 15px;
}

.helpdesk-icon:hover {
    color: #2392b9;
}

.footer-section {
    border-top: 5px solid #2ba8d4;
    /* height: 500px; */
    background-color: #f3faff;
}

.foot-h4 {
    color: var(--main-heading-text-color);
    font-size: 20px;
}

.foot-span {
    font-size: 15px;
}

.foot-ul {
    list-style-type: none;
}

.footer-list li {
    padding: 5px;
    font-size: 14px;
}

.address-div {
    width: 250px !important;
}

.fafa-foot {
    display: block;
    width: 30px !important;
    font-size: 20px !important;
    color: #3986a0;
}

.my-nonu-border img {
    border-radius: 50%;
}

.fafa-foot span {
    color: #262626;
}

.all-content-wrap {
    margin-top: 60px;
}

.s-4-bg-for-youtube .carousel {
    width: 67%;
    margin-left: 24px;
}

.s-4-bg-for-youtube .carousel .carousel-item {
    width: 100%;
    height: 450px;
}

.s-4-bg-for-youtube .carousel .carousel-item iframe {
    height: 100%;
}

.dom-icons {
    margin-bottom: 15px;
    /*height: 80px;*/
    width: 35%;
}

.hover-img {
    display: block;
    margin: auto;
}

.pd-service {
    padding: 10px !important;
    width: 11% !important;
}


/*
.dom-icons {
    border-radius: 50% 50%;
    vertical-align: middle;
    border-style: none;
    box-shadow: 1px 2px 20px #dee2e6;
    margin-top: 20px;
}*/

.img-logo-aximo {
    margin-left: 2%;
    width: 60px;
    height: 60px;
    top: -7px !important;
    position: absolute;
    top: -70px;
    /*   background-color: #F6F9FF;*/
    /*	left: 46%;*/
    position: relative;
}

.img-inner-header {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    top: 17px !important;
    left: 17px !important;
}

.img-outer-header {
    width: 75px !important;
    height: 75px !important;
    -webkit-animation: spin 2s linear;
    animation: spin 2s linear;
}

.footer h4 {
    padding-left: 10px;
}

.mark-span {
    font-size: 14px;
    display: block;
    width: 100%;
}

.gover-img-app img {
    width: 160px;
}

.z-class {
    z-index: 10000;
}


/* *****************
.portfolio
***************** */

.bgimg {
    background-image: url("../images/1.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 550px;
    width: 100%;
}

.frst {
    position: relative;
    top: 22%;
    left: 23%;
    animation: mymove 2s infinite;
}

.img-con img {
    z-index: 10;
    width: 110px;
    height: 110px;
}

@keyframes mymove {
    0% {
        top: 22%;
    }
    50% {
        top: 30%;
    }
    100% {
        top: 22%;
    }
}

.scnd {
    position: relative;
    top: 30%;
    left: 24%;
    animation: my-move-2 2s infinite;
}

@keyframes my-move-2 {
    0% {
        top: 30%;
    }
    50% {
        top: 35%;
    }
    100% {
        top: 30%;
    }
}

.third {
    position: relative;
    top: 63%;
    left: -6%;
    animation: my-move-3 2s infinite;
}

@keyframes my-move-3 {
    0% {
        top: 63%;
    }
    50% {
        top: 66%;
    }
    100% {
        top: 63%;
    }
}

.fourth {
    position: relative;
    top: 24%;
    right: -10%;
    height: 70px;
    transform: rotate(180deg);
    animation: rotate 2s infinite;
}

@keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.flip-horizontal-bottom {
    -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
    animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.mob-center {
    position: relative;
    top: 63%;
    animation: mymob 2s infinite;
}

@keyframes mymob {
    0% {
        top: 0%;
    }
    50% {
        top: 6%;
    }
    100% {
        top: 0%;
    }
}

.theme-bg {
    background-color: #f2fbfe;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-2-3 16:28:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */

@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

.mobile-menu-wrap {
    display: none;
}

.loader-joinus {
    /*box-shadow: 3px 4px 8px #ccc;*/
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #2392b9;
    border-bottom: 8px solid #2392b9;
    width: 60px;
    height: 60px;
    -webkit-animation: us-spin 2s linear infinite;
    animation: us-spin 2s linear infinite;
}

@-webkit-keyframes us-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes us-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader-joinus-wrap {
    position: relative;
}

.loader-joinus-wrap i {
    position: absolute;
    top: 8%;
    left: 20%;
    color: #2392b9;
    font-size: 50px;
    transform: rotate(90deg);
}

.our-partners-img {
    width: 150px !important;
}

.blog-h5 {
    font-size: 16px;
}

.blog-span {
    font-size: 14px;
}

.member-h4 {
    font-size: 14px;
}


/*.methodlogy-s1{
    margin-top: 60px;
}*/


/* services css */

.services-icons {
    height: 130px;
}

.mag-top {
    margin-top: 100px;
}


/* ********************
flip card benefits */

.flip-card {
    background-color: white;
    /* width: 300px;
	height: 300px; */
    width: 211px;
    height: 232px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateX(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front h4 {
    margin-top: 20px;
    font-size: 18px;
}

.flip-card-front h5 {
    margin-top: 10px;
    font-size: 15px;
}

.flip-card-back {
    /* background-color: #2980b9;
        color: white; */
    background-color: #F2FBFE;
    color: black;
    transform: rotateX(180deg);
}

.flip-card-img {
    padding-top: 5%;
    width: 50%;
}

.logo-spinner {
    position: absolute;
    top: -70px;
    background-color: #f6f9ff;
    /*	left: 46%;*/
    position: relative;
}

.logo-spinner .img-outer {
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.ceo-sm-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 8px;
}

.logo-spinner .img-inner {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 25px;
    left: 25px;
}

.f-img-bg-white img {
    box-shadow: 1px 2px 10px lightgray;
    border-radius: 6px;
}

.s1-card-text {
    width: 118px;
    height: 40px;
}

.hero label {
    width: 100%;
    text-align: left !important;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.header-wrap .call-icon-2 {
    display: none;
}

@media (max-width: 600px) {
    .header-wrap .call-icon-2 {
        cursor: pointer;
        text-align: center;
        color: var(--header-bg-color);
        margin-right: 10px;
        font-size: 16px;
        padding: 8px;
        display: block;
        width: 40px;
        height: 40px;
        background-color: white;
        border-radius: 50%;
    }
    .yt-vid-1 {
        height: 200px;
        width: 280px;
    }
    .tag-line-aximo-2,
    .tag-line-aximo-2 {
        width: 100%;
        text-align: center;
    }
    .img-outer-header {
        width: 55px !important;
        height: 55px !important;
    }
    .img-logo-aximo {
        margin-top: 15px;
        top: -5px !important;
    }
    .img-inner-header {
        width: 32px !important;
        height: 32px !important;
        position: absolute !important;
        top: 12px !important;
        left: 11px !important;
    }
}

@media (max-width: 600px) {
    .s6-bg-img {
        height: 800px;
    }
}

@media (max-width: 600px) {
    .section-1 {
        height: 1315px;
    }
}

@media(max-width:600px) {
    .it-up-about-circle-progress {
        top: -28px!important;
    }
}

@media (max-width: 600px) {}

@media (max-width: 600px) {
    .address-div-last {
        padding-left: 15px !important;
    }
}

@media (max-width: 600px) {
    /*input[type=button]:focus{
		border: 0!important;
	}*/
    .head-btn {
        border: 0 !important;
        color: #262626 !important;
        font-weight: bold;
    }
    .head-btn:focus {
        border: none;
        outline: none !important;
    }
}


/*for mobile */

@media (max-width: 468px) {
    /* .modal-content{
	z-index: 1001 !important;
}*/
    /*
.header-wrap .dropdown {
	height: 1000px;
	position: absolute !important;
}*/
    .mobile-menu-wrap {
        display: none;
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        transition: width 0.5s;
        background-color: rgba(1, 1, 1, 0.4);
    }
    .mobile-menu-inner {
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
    .accordionForMobileMenu .card-header {
        background-color: #fff;
        padding: 2%;
    }
    .accordionForMobileMenu .card-body a {
        font-size: 15px;
        margin-bottom: 5px;
        color: #262626;
        text-decoration: none !important;
        text-decoration-style: none;
    }
    .accordionForMobileMenu .card-header button {
        width: 100%;
        text-decoration: none;
        color: #262626;
        font-size: 18px !important;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .for-menu-acc-btn i {
        transition: transform 0.3s;
    }
    .for-menu-acc-btn i.spin-arrow {
        transform: rotate(180deg);
    }
    .mobile-menu-inner .fa-times {
        margin: 4%;
        color: lightgray;
        font-size: 26px;
    }
    .modal-content {
        z-index: 10001 !important;
    }
    .seo-result-close-btn {
        z-index: 10001 !important;
    }
    .main-navbar {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 5%;
        padding-left: 4%;
    }
    .ani-img img {
        left: -15px;
    }
    @keyframes anima-img {
        0% {
            left: -15px;
        }
        50% {
            left: 15px;
        }
        100% {
            left: -15px;
        }
    }
    .s8-container-h1 {
        font-size: 35px;
        font-weight: 600;
    }
    .s8-container-h2 {
        font-size: 38px;
        font-weight: 400;
    }
    .s8-container-h4 {
        font-size: 20px;
        font-weight: 600;
    }
    .s8-container-h3 {
        font-size: 27px;
    }
    .view-video-btn-dk {
        display: none !important;
    }
    .view-video-btn-mb {
        display: block !important;
    }
    .s3-span-p {
        font-size: 20px !important;
    }
    .s3-span-1-h2 {
        font-size: 29px;
        text-align: left;
    }
    .s3-wrap-left-con {
        padding: 15px !important;
    }
    .s2-right-con {}
    .s2-h1-inner {
        font-size: 45px;
        font-weight: bold;
        padding-top: 20px;
        /*	padding-left: 15px;*/
    }
    .s2-left-con {
        height: 550px;
    }
    .for-topbrands-log-strip {
        display: none;
    }
    .caro {
        padding-bottom: 30px;
        height: 400px;
        width: 100%;
    }
    .pm-zero {
        padding: 0;
        margin: 0;
    }
    .img-con img {
        z-index: 10;
        width: 50px;
        height: 50px;
    }
    .s1-h1 {
        font-size: 40px;
        font-weight: 700;
    }
    .s1-h2 {
        font-size: 28px;
        font-weight: 700;
    }
    .s1-h1-company {
        font-size: 36px;
        font-weight: 600;
    }
    .s2-md-benefite-card {
        padding-bottom: 10px;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .s2-row {
        height: inherit;
    }
    .portfolio-play-store-img img {
        width: 100% !important;
    }
    #portfolio-carousel {
        width: 100%;
        height: 600px;
    }
    #portfolio-carousel #card-group-p {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .portfolio-card-text h6,
    .portfolio-card-text span {
        font-size: 10px;
    }
    .portfolio-row-main {
        padding-left: 4%;
        color: #262626;
        margin-top: 50px;
        height: 600px;
        background-color: #f0f9fc;
    }
    .portfolio-row-main-2 {
        padding-left: 4%;
        color: #262626;
        margin-top: 50px;
        height: 600px;
        background-color: #f0f9fc;
    }
    .portfolio-row-main-h1 {
        color: #262626;
        font-size: 30px;
        font-weight: 600;
    }
    .portfolio-img {
        width: 70px !important;
        margin-right: 0px;
    }
    .portfolio-card-text img {
        width: 25px !important;
        height: 25px !important;
    }
    .portfolio-card-main {
        /*margin-top: -60px !important;*/
        width: 100px;
        background-color: #ffffffe6;
    }
    .portfolio-right-img img {
        margin: 20px;
        height: 600 !important;
        width: 560px !important;
    }
    .portfolio-row-main-h2 {
        font-size: 18px;
        border: 2px solid #262626;
        border-radius: 10px;
        padding: 10px;
    }
    .portfolio-card-text {
        color: #262626;
        height: 70px;
    }
    .s8-box {
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .domain-expert-right-div {
        padding: 2%;
    }
    .s8-box .dom-icons {
        width: 60px;
    }
    .s8-box .mark-span {
        display: block;
        font-size: 13px;
        width: 100%;
    }
    .section-5 {
        background-image: url("../images/sec5-for-mobile.jfif");
    }
    .s-4-bg-for-youtube {
        height: 300px;
        /* You must set a specified height */
    }
    .s-4-bg-for-youtube .carousel {
        width: 89%;
    }
    .s-4-bg-for-youtube .carousel .carousel-item iframe {
        height: 100%;
    }
    .s-4-bg-for-youtube .carousel .carousel-item {
        height: 130px;
    }
    .s-4-bg-for-youtube .carousel {}
    .s1-carousel {
        /*display: none;*/
        margin-top: 10px;
        width: 100%;
        height: 200px;
    }
    .top-brand-h2-text {
        padding-bottom: 7px;
        border-bottom: 3px solid var(--header-bg-h-color);
        border-left: 0px !important;
    }
    .all-content-wrap {
        margin-top: 52px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: center;
    }
    .s1-card-group {
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .s1-card-group .card {
        min-width: 260px;
    }
    /*section 1 for mabile start*/
    .section-1 {}
    .s1-col-1 {
        padding-top: 30px;
        background-color: rgba(245, 245, 245, 0.6);
    }
    .s1-card-heading {
        font-size: 15px;
        font-weight: bold;
    }
    .s1-card-text-1 {
        font-size: 13px;
    }
    .top-brand-h2-text {
        width: 100%;
        font-weight: bold;
        text-align: center;
        border-left: 7px solid var(--header-bg-h-color);
        font-size: 28px;
    }
    .heading {
        font-size: 28px !important;
        font-weight: 600 !important;
    }
    .heading-h2 {
        font-size: 22px;
    }
    .heading-2 {
        font-size: 22px;
    }
    /*section 1 for mabile  end */
    .section-5,
    .overlayer {
        height: 500px;
    }
    .overlayer {
        background-color: rgba(1, 1, 1, 0.3);
    }
    .s5-heading {
        font-size: 30px;
        top: 60px;
    }
    .s5-para {
        /* text-align: center;
		font-weight: bold;
		position: relative; */
        top: 80px;
        font-size: 20px;
    }
    .s5-btn {
        position: absolute;
        bottom: 4%;
        left: 50%;
        transform: translateX(-50%);
    }
    .s5-btn button {
        width: 130px;
        height: 40px;
    }
}

@media (max-width: 600px) {
    .abt-span-1,
    .abt-span-2 {
        font-size: 15px;
    }
    .bgimg {
        display: none;
    }
    .section-3 {
        border-left: 0px;
        border-top: 1px solid #1f4576;
    }
    .s6-h1 {
        /* top: 10px; */
        font-size: 30px;
    }
    .s6-h5 {
        text-align: center;
        top: 20px;
        font-size: 15px;
    }
    .s6-box {
        height: 80px;
        width: 80px;
        max-width: 150px;
        border: 1px solid #ccc;
    }
    .s6-brands {
        height: 65px;
        width: 70px !important;
    }
}

@media (max-width: 600px) {
    .s7-h1 {
        font-size: 24px;
    }
    .s7-h5 {
        font-size: 15px;
        margin-bottom: 24px;
    }
    .s7-row {
        text-align: center;
    }
    .card-group-row {
        justify-content: center;
    }
    .s7-mob {
        display: none;
    }
    .position-col {
        text-align: center;
        align-items: center;
    }
}

@media (max-width: 600px) {
    .activities-h1 {
        font-size: 32px !important;
        text-align: left;
    }
    .yt-video-activities {
        height: 75px;
        width: 140px;
    }
    .yt-col {
        display: flex;
        justify-content: center;
    }
    .abt-sec1-h1 {
        margin-top: 0px !important;
    }
    .ax-gallery-img-2 {
        position: static;
        margin-top: 20px;
    }
    .ax-quote-content {
        margin-top: 20px;
    }
    .content-col {
        padding: 0px !important;
    }
    .content {
        padding: 20px !important;
    }
    .groove-bg {
        display: none;
    }
    .btn-read-more {
        margin: auto;
    }
    .img-gove-overlay-for-img {
        position: static !important;
    }
    .btn-read-more {
        padding: 11px 40px !important;
    }
}

@media (max-width: 600px) {
    .seo-heading {
        font-size: 25px !important;
    }
    .check-seo-form-col-2:after {
        display: none;
    }
    .check-seo-form-col {
        margin: 20px !important;
        margin-bottom: 20px !important;
    }
    .seo-btn-div {
        margin-top: 30px !important;
    }
    .seo-form-btn {
        margin-top: 5px !important;
    }
    .check-seo-form-col-2 {
        margin: 5px !important;
    }
    .check-seo-form input {
        height: 30px !important;
        width: 80%;
        font-size: 11px;
        /* margin: 1%; */
        text-align: center;
        padding-left: 4%;
        display: block;
        margin: auto !important;
    }
    .div-1 {
        position: relative;
        top: 200px;
    }
    /* .bg-overlayer-seo-form {
        position: absolute;
        top: 160!important;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    } */
}

@media (max-width: 600px) {
    .service-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .who-we-are {
        height: 100%;
    }
}

@media (max-width: 600px) {
    .process-h6 {
        font-size: 12px;
    }
    .process-h1 {
        font-size: 20px;
    }
    .working-process {
        height: inherit;
    }
    .work-process-image {
        display: none;
    }
    .process-circle {
        height: 150px;
        width: 150px;
        display: block;
        margin: auto;
    }
    .process-circle-logo {
        width: 40px;
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .circle-heading {
        font-size: 15px;
        margin-top: 20px !important;
    }
    .process-btn {
        height: 40px;
        width: 190px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .s8-container {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .foot-col {
        margin-top: 35px;
        padding-left: 22px;
    }
    .foot-col-2,
    .foot-col-3,
    .foot-col-4 {
        padding-left: 22px;
    }
}

.whats-qpp {
    display: none;
}


/* main css new code */


/*Full Page Css Start Here*/

.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 17px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important;
}


/*Full Page Css End Here*/


/*App Slider Section Start Here*/

.o-container {
    position: relative;
    z-index: 2;
}

@media (max-width: 699px) {
    .o-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media (min-width: 700px) {
    .o-container {
        margin-right: 9rem;
        margin-left: 9rem;
    }
}

.o-container.-full {
    height: 100%;
}

@media (min-width: 700px) and (max-width: 1199px) {
    .o-container.-small {
        margin: 0 9rem;
    }
}

@media (min-width: 1200px) {
    .o-container.-small {
        margin: 0 18rem;
    }
}

@media (min-width: 700px) and (max-width: 1199px) {
    .o-container.-medium {
        margin: 0 11.25rem;
    }
}

@media (min-width: 1200px) {
    .o-container.-medium {
        margin: 0 13.5rem;
    }
}

@media (max-width: 699px) {
    .o-container.-fullmobile {
        margin: -24px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .o-container.-fullmobile {
        margin: 0;
    }
}

.o-layout {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-left: 0;
}

.o-layout.-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.o-layout.-flex.-top {
    -ms-flex-align: start;
    align-items: flex-start;
}

.o-layout.-flex.-middle {
    -ms-flex-align: center;
    align-items: center;
}

.o-layout.-flex.-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (min-width: 700px) {
    .o-layout.-flex\@from-small {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.o-layout.-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 1000px) {
    .o-layout.-full {
        height: 100%;
    }
}

.o-layout_item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 0;
}

@media (min-width: 700px) {
    .o-layout.-gutter>.o-layout_item {
        padding-left: 4.5rem;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .o-layout.-gutter>.o-layout_item {
        padding-left: 2.25rem;
    }
}

@media (min-width: 1000px) {
    .o-layout.-full>.o-layout_item {
        height: 100%;
    }
}

@media (min-width: 700px) {
    .o-layout.-height>.o-layout_item {
        height: 100%;
    }
}

.o-layout.-relative>.o-layout_item {
    position: relative;
}

@media (min-width: 1000px) {
    .o-layout_item.-aside {
        width: 30%;
    }
}

@media (min-width: 1000px) {
    .o-layout_item.-main {
        width: 70%;
    }
}

@keyframes b {
    0% {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@keyframes c {
    0% {
        transform: scale(0.2);
    }
    to {
        transform: scale(1);
    }
}

.o-background {
    background-size: cover;
    background-position: 30%;
}

@media (max-width: 2400px) {
    .o-background {
        background-position: 50%;
    }
}

@media (max-width: 1170px) {
    .o-background {
        background-position: 0;
    }
}

.o-background,
.o-background.-overlay:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.o-background.-overlay:after {
    content: "";
    background-color: #3a3c44;
    opacity: 0.5;
}

.o-background.-overflow {
    overflow: hidden;
}

.o-background.-parallax {
    top: -0.9375rem;
    bottom: -0.9375rem;
}

.o-line {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.o-line.-v {
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 699px) {
    .o-line.-r {
        right: 33.33333%;
    }
}

@media (min-width: 700px) {
    .o-line.-r {
        right: 9rem;
    }
}

@media (max-width: 699px) {
    .o-line.-l {
        left: 33.33333%;
    }
}

@media (min-width: 700px) {
    .o-line.-l {
        left: 9rem;
    }
}

@media (max-width: 699px) {
    .o-line.-c {
        display: none;
    }
}

@media (min-width: 700px) {
    .o-line.-c {
        left: 50%;
    }
}

@media (max-width: 1199px) {
    .o-line {
        position: absolute;
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    cursor: -webkit-grab;
    cursor: grab;
}

.slick-dots li button {
    font-size: 0 !important;
    display: none;
}

.slick-dots {
    /* display: flex; */
    justify-content: center;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    /* cursor: hand; */
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.c-carousel-header {
    color: #fff;
}

@media (max-width: 999px) {
    .c-carousel-header .slick-track {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 699px) {
    .c-carousel-header {
        margin-bottom: 30px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header {
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header {
        height: 100vh;
    }
}

.c-carousel-header .slick-list {
    cursor: pointer;
}

.c-carousel-header-wrap {
    position: relative;
}

.c-carousel-header_slide {
    text-align: center;
    padding-top: 9rem;
    transition: opacity 0s 0.45s !important;
    opacity: 1 !important;
    position: absolute;
    top: 0;
    left: 0;
}

.has-promo .c-carousel-header_slide {
    padding-top: 11.25rem;
}

@media (max-width: 699px) {
    .c-carousel-header_slide {
        padding-bottom: 30px;
        min-height: 450px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header_slide {
        min-height: 600px;
    }
}

@media (max-width: 999px) {
    .c-carousel-header_slide {
        height: auto;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header_slide {
        height: 100%;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header_slide {
        padding-bottom: 120px;
    }
}

.c-carousel-header_slide.slick-slide,
.c-carousel-header_slide:first-child {
    position: relative;
}

.c-carousel-header_slide.is-current {
    transition-delay: 0s !important;
}

.c-carousel-header_container {
    position: relative;
    text-align: left;
}

@media (min-width: 1000px) {
    .c-carousel-header_container {
        height: calc(100% - 4.5rem);
    }
}

.c-carousel-header_container.-opacity {
    opacity: 0;
    transition: opacity 0s 0.6s;
}

.has-dom-animated .is-current .c-carousel-header_container.-opacity,
.has-dom-animated .slick-active .c-carousel-header_container.-opacity {
    opacity: 1;
    transition-delay: 0s;
}

.c-carousel-header_container.-overflow {
    overflow: hidden;
}

.c-carousel-header_item {
    font-size: 0;
}

.c-carousel-header_item:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.c-carousel-header_item>* {
    display: inline-block;
    vertical-align: middle;
}

.c-carousel-header_quote {
    position: relative;
    letter-spacing: -0.02em;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    line-height: 1.13333;
}

@media (max-width: 699px) {
    .c-carousel-header_quote {
        margin-top: 70px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header_quote {
        margin-top: 100px;
    }
}

@media (max-width: 999px) {
    .c-carousel-header_quote:before {
        top: -77px;
        left: 50%;
        font-size: 130px;
        margin-left: -24px;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header_quote:before {
        top: -3.75rem;
        left: -5.625rem;
        font-size: 8.4375rem;
    }
}

.has-dom-animated .is-current .c-carousel-header_quote:before,
.has-dom-animated .slick-active .c-carousel-header_quote:before {
    opacity: 1;
    transform: translateX(0);
}

.c-carousel-header_quote_main {
    overflow: hidden;
}

.c-carousel-header_quote_text {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    transform: translateX(100%);
    transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    margin-left: 0.3125rem;
}

@media (max-width: 699px) {
    .c-carousel-header_quote_text {
        font-size: 31px;
        min-height: 105px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header_quote_text {
        min-height: 165px;
    }
}

.c-carousel-header_quote_text {
    font-size: 34px;
    line-height: 60px;
    max-width: 90%;
}

@media (min-width: 700px) and (max-width: 1800px) {
    .c-carousel-header_quote_text {
        font-size: 30px;
        line-height: 54px;
    }
}

@media (max-width: 1600px) {
    .c-carousel-header_quote_text {
        font-size: 28px;
        line-height: 50px;
    }
}

@media (max-width: 1500px) {
    .c-carousel-header_quote_text {
        font-size: 26px;
        line-height: 46px;
        max-width: 100%;
    }
}

@media (max-width: 1400px) {
    .c-carousel-header_quote_text {
        font-size: 24px;
        line-height: 40px;
    }
}

@media (max-width: 1320px) {
    .c-carousel-header_quote_text {
        font-size: 20px;
        line-height: 36px;
    }
    .c-carousel-header_quote {
        padding-top: 35px;
    }
    .arrowCircle {
        width: 300px;
        height: 300px;
        right: -60px;
        bottom: -130px;
    }
}

@media (max-width: 1220px) {
    .c-carousel-header_quote_text {
        font-size: 18px;
    }
    .c-carousel-header_quote {
        padding-top: 50px;
    }
}

.is-prev .c-carousel-header_quote_text {
    transform: translateX(-100%);
}

.has-dom-animated .is-current .c-carousel-header_quote_text,
.has-dom-animated .slick-active .c-carousel-header_quote_text {
    transform: translateX(0);
    transition-delay: 0.15s;
}

.c-carousel-header_quote_author {
    opacity: 0;
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0, 1);
    margin-top: 35px;
    display: none;
}

.c-carousel-header_quote_author a {
    font-family: Montserrat-Medium;
    position: relative;
    font-size: 18px;
    padding: 15px 70px 15px 15px;
    color: #37c592;
    border: 1px solid #fff;
    background-image: -webkit-linear-gradient(50deg, #fff 50%, transparent 50%);
    background-image: linear-gradient(50deg, #fff 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    display: inline-block;
}

.c-carousel-header_quote_author a.browzly {
    color: #eed00c;
}

.c-carousel-header_quote_author a.blixer {
    color: #3c46a1;
}

.c-carousel-header_quote_author a.dhanuka {
    color: #0ea061;
}

.c-carousel-header_quote_author a.bjp {
    color: #eb8f1a;
}

.c-carousel-header_quote_author a.visionrpro {
    color: #0056b8;
}

.c-carousel-header_quote_author a.sterkla {
    color: #de2f3f;
}

@media (max-width: 1220px) {
    .c-carousel-header_quote_author a {
        font-size: 16px;
        padding: 12px 60px 12px 12px;
    }
}

.c-carousel-header_quote_author a:hover {
    background-position: 100%;
    color: #fff;
}

.c-carousel-header_quote_author a span {
    position: absolute;
    width: 50px;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid #d4f2e8;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.c-carousel-header_quote_author a:hover span {
    border-left: 1px solid #fff;
}

.c-carousel-header_quote_author a span i {
    position: absolute;
    width: 30px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -15px;
    background: url(../images/appinfo/portfolio_arrow.png) no-repeat;
    background-size: 60px 20px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.c-carousel-header_quote_author a.browzly span i {
    background: url(../images/appinfo/portfolio_arrow1.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a.blixer span i {
    background: url(../images/appinfo/portfolio_arrow2.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a.dhanuka span i {
    background: url(../images/appinfo/portfolio_arrow3.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a.bjp span i {
    background: url(../images/appinfo/portfolio_arrow4.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a.visionrpro span i {
    background: url(../images/appinfo/portfolio_arrow5.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a.sterkla span i {
    background: url(../images/appinfo/portfolio_arrow6.png) no-repeat;
    background-size: 60px 20px;
}

.c-carousel-header_quote_author a:hover span i {
    background-position: -30px 0;
}

@media (max-width: 699px) {
    .c-carousel-header_quote_author {
        font-size: 13px;
        margin-top: 30px;
    }
}

.has-dom-animated .is-current .c-carousel-header_quote_author,
.has-dom-animated .slick-active .c-carousel-header_quote_author {
    opacity: 1;
    transition-delay: 0.3s;
}

.c-carousel-header-button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 999px) {
    .c-carousel-header-button {
        position: relative;
        z-index: 3;
        text-align: center;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header-button {
        position: absolute;
        bottom: 4.5rem;
        left: 50%;
        margin: 1px;
    }
}

.c-carousel-header_circle {
    transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    border-color: transparent;
}

@media (max-width: 999px) {
    .c-carousel-header_circle {
        text-align: center;
        width: auto;
        display: none;
    }
    .c-carousel-header_circle:before {
        display: none;
    }
    .c-carousel-header_circle:after {
        position: absolute;
        top: 0;
        right: -24px;
        left: -24px;
        border-right: none;
        border-bottom: none;
        border-left: none;
        padding-bottom: 100%;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header_circle {
        transform: translateX(-50%) rotate(-35deg);
    }
    .is-prev .c-carousel-header_circle {
        transform: translateX(-50%) rotate(90deg);
    }
    .has-dom-animated .is-current .c-carousel-header_circle,
    .has-dom-animated .slick-active .c-carousel-header_circle {
        transform: translateX(-50%) rotate(0);
    }
}

.c-carousel-header_circle:after {
    opacity: 0;
    transition-delay: 0.3s;
}

.has-dom-animated .is-current .c-carousel-header_circle,
.has-dom-animated .slick-active .c-carousel-header_circle {
    border-color: hsla(0, 0%, 100%, 0.5);
}

.has-dom-animated .is-current .c-carousel-header_circle:after,
.has-dom-animated .slick-active .c-carousel-header_circle:after {
    opacity: 1;
}

.c-carousel-header_avatar {
    transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    transform: scale(0);
    z-index: 2;
}

@media (max-width: 699px) {
    .c-carousel-header_avatar {
        margin-top: 20px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header_avatar {
        margin-top: 30px;
    }
}

@media (max-width: 999px) {
    .c-carousel-header_avatar {
        display: inline-block;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header_avatar {
        position: absolute;
        top: 50%;
        right: -3.3125rem;
        margin-top: -3.3125rem;
    }
}

.has-dom-animated .is-current .c-carousel-header_avatar,
.has-dom-animated .slick-active .c-carousel-header_avatar {
    transform: scale(1);
}

.c-carousel-header-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 50px;
    border-radius: 50%;
    z-index: 9;
    border: 0;
    background-color: transparent;
    outline: 0;
}

.c-carousel-header-arrow span.arrow {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    margin-left: -10px;
    /*background: url(../images/digital_nav_arrow.png) no-repeat;*/
    background-size: 20px 64px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.c-carousel-header-arrow span.arrow.prev {
    transform: rotate(180deg);
}

.c-carousel-header-arrow.-prev {
    right: 180px;
}

@media (max-width: 699px) {
    .c-carousel-header-arrow {
        margin-top: 44px;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .c-carousel-header-arrow {
        margin-top: -100px;
    }
}

@media (max-width: 999px) {
    .c-carousel-header-arrow.-next {
        right: 0;
    }
}

@media (min-width: 1000px) {
    .c-carousel-header-arrow.-next {
        right: 120px;
    }
}

.c-carousel-header-arrow svg {
    position: relative;
    fill: #fff;
    width: 2.1875rem;
    height: 2.1875rem;
    transition: fill 0.45s cubic-bezier(0.4, 0, 0, 1);
}

.c-carousel-header-arrow:hover:before {
    transform: scale(1);
}

.c-carousel-header-arrow:hover svg {
    fill: #1e1f21;
}

.c-carousel-header_background,
.c-carousel-header_background-small {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-delay: 0s, 0.9s;
    opacity: 0;
}

.has-dom-animated .c-carousel-header_slide.is-current .c-carousel-header_background,
.has-dom-animated .c-carousel-header_slide.is-current .c-carousel-header_background-small,
.has-dom-animated .c-carousel-header_slide.slick-active .c-carousel-header_background,
.has-dom-animated .c-carousel-header_slide.slick-active .c-carousel-header_background-small {
    transform: scale(1) rotate(0);
    opacity: 1;
    transition-duration: 1.2s;
    transition-delay: 0.45s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.c-carousel-header_background-wrap {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    padding-top: 9rem;
    overflow: hidden;
    backface-visibility: hidden;
}

.c-carousel-header_slide:not(.slick-active) .c-carousel-header_background-wrap {
    transform: none !important;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0, 1);
}

.has-promo .c-carousel-header_background-wrap {
    margin-top: 2.25rem;
}

.c-carousel-header_background {
    transform: scale(1.4) rotate(10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.is-prev .c-carousel-header_background {
    transform: scale(1.4) rotate(-10deg);
}

.c-carousel-header_background-small {
    top: -9rem;
    right: -9rem;
    bottom: -4.5rem;
    left: -9rem;
    transform: scale(1.2) rotate(-5deg);
}

.is-prev .c-carousel-header_background-small {
    transform: scale(1.4) rotate(-10deg);
}

@media (max-width: 999px) {
    .c-carousel-header_layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
    }
}

@media (max-width: 999px) {
    .c-carousel-header_layout_item {
        position: static !important;
    }
}

.c-carousel-info {
    position: relative;
    padding-top: 9rem;
}

.c-carousel-info .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.c-carousel-info .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.c-carousel-info_header {
    background-color: #dddde1;
}

blockquote {
    border-left: 0;
}

@media (max-width: 699px) {
    .c-carousel-info_header {
        margin-left: -24px;
        margin-right: -24px;
        padding-bottom: 19px;
    }
}

@media (max-width: 999px) {
    .c-carousel-info_header {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1000px) {
    .c-carousel-info_header {
        height: 6.875rem;
    }
}

.c-carousel-info_header_button {
    text-align: left;
}

.c-carousel-info_header_label,
.c-carousel-info_header_number {
    display: block;
}

@media (min-width: 1000px) {
    .c-carousel-info_header_label,
    .c-carousel-info_header_number {
        padding: 0 20%;
    }
    .c-carousel-info_header_button:first-child .c-carousel-info_header_label,
    .c-carousel-info_header_button:first-child .c-carousel-info_header_number {
        padding-left: 4.5rem;
    }
    .c-carousel-info_header_button:last-child .c-carousel-info_header_label,
    .c-carousel-info_header_button:last-child .c-carousel-info_header_number {
        padding-right: 2.25rem;
    }
}

.c-carousel-info_header_number {
    position: relative;
}

@media (max-width: 999px) {
    .c-carousel-info_header_number {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 1000px) {
    .c-carousel-info_header_number {
        padding-top: 1.25rem;
        padding-bottom: 0.4375rem;
        border-bottom: 1px solid #b4b5ba;
    }
}

.c-carousel-info_header_number:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #3a3c44;
    transform: scaleX(1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0, 1);
    transform-origin: center left;
}

.c-carousel-info_header_button.is-current~.c-carousel-info_header_button .c-carousel-info_header_number:after {
    transform: scaleX(0);
}

.c-carousel-info_header_label {
    font-size: 0.9375rem;
    font-weight: 500;
    padding-top: 0.9375rem;
    line-height: 1;
}

@media (max-width: 999px) {
    .c-carousel-info_header_label {
        display: none;
    }
}

@media (max-width: 699px) {
    .c-carousel-info_main {
        margin-top: -17px;
    }
}

@media (min-width: 700px) {
    .c-carousel-info_main {
        margin-top: -5.625rem;
    }
}

.c-carousel-info_slide {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    margin-bottom: 1.375rem;
    height: auto;
    float: none;
}

@media (max-width: 699px) {
    .c-carousel-info_slide {
        padding: 0 24px;
        padding-bottom: 20px;
        padding-top: 140px;
    }
}

@media (min-width: 700px) {
    .c-carousel-info_slide {
        padding: 0 4.5rem;
        padding-bottom: 3.4375rem;
    }
}

.c-carousel-info_slide.slick-slide,
.c-carousel-info_slide:first-child {
    position: relative;
}

@media (min-width: 700px) {
    .c-carousel-info_text {
        padding-top: 5.625rem;
    }
}

@media (min-width: 1000px) {
    .c-carousel-info_text {
        padding-bottom: 7.5rem;
        width: 40%;
    }
}

@media (min-width: 1000px) {
    .c-carousel-info_image {
        width: 60%;
    }
}

.c-carousel-info_image img {
    width: 100%;
}

.c-carousel-info_title {
    font-size: 1.125rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.44444;
    margin-bottom: 1.875rem;
}

@media (max-width: 699px) {
    .c-carousel-info_arrows {
        position: absolute;
        top: 180px;
        left: 0;
        padding-left: 24px;
        padding-top: 45px;
        padding-bottom: 30px;
        margin-top: -17px;
    }
}

@media (min-width: 700px) {
    .c-carousel-info_arrows {
        background-color: #fff;
        padding-top: 3.4375rem;
        padding-bottom: 1.875rem;
        padding-left: 4.5rem;
    }
}

.c-carousel-info_arrow {
    position: relative;
    z-index: 2;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 699px) {
    .c-carousel-info_arrow {
        margin-right: 40px;
    }
}

@media (min-width: 700px) {
    .c-carousel-info_arrow {
        margin-right: 4.6875rem;
    }
}

.c-carousel-info_arrow svg {
    display: inline-block;
    width: 2.1875rem;
    height: 2.1875rem;
    fill: #c3c3d2;
    transition: fill 0.3s cubic-bezier(0.4, 0, 0, 1), transform 0.3s cubic-bezier(0.4, 0, 0, 1);
    transform: translateX(0);
}

.c-carousel-info_arrow:hover svg {
    fill: #1e1f21;
}

.c-carousel-info_arrow:hover.-prev svg {
    transform: translateX(-0.625rem);
}

.c-carousel-info_arrow:hover.-next svg {
    transform: translateX(0.625rem);
}

.c-carousel-info_icon {
    position: absolute;
}

@media (max-width: 999px) {
    .c-carousel-info_icon {
        top: 24px;
        right: 24px;
        z-index: 2;
    }
    .c-carousel-info_icon svg {
        width: 140px;
        height: 80px;
    }
}

@media (min-width: 1000px) {
    .c-carousel-info_icon {
        bottom: -1.375rem;
        left: 4.5rem;
    }
    .c-carousel-info_icon svg {
        width: 17.5rem;
        height: 10rem;
    }
}

.c-carousel-info_icon svg {
    fill: #afafc3;
}

.c-carousel-articles .slick-list {
    overflow: visible !important;
}

.c-carousel-articles_slide {
    opacity: 0.15;
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0, 1);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.c-carousel-articles_slide.slick-slide,
.c-carousel-articles_slide:first-child {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
}

.c-carousel-articles_slide.slick-active {
    opacity: 1;
}

@media (max-width: 699px) {
    .c-carousel-articles_slide .c-post-link {
        padding: 0 4px;
    }
}

.c-aside-link {
    position: absolute;
    top: 50%;
    right: 3.9375rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 12px;
    transform: translateY(-50%);
    z-index: 900;
    border: 0;
    outline: 0;
    background-color: transparent;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 699px) {
    .c-aside-link {
        display: none;
    }
}

.c-aside-link:hover {
    color: #fff;
}

.c-aside-link:after,
.c-aside-link:before {
    content: "";
    position: absolute;
    top: -0.25em;
    right: 0.9375em;
    bottom: -0.25em;
    left: 0;
    background-color: #edd2bb;
    transform: scaleY(0);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0, 1);
}

.c-aside-link:before {
    transform-origin: center bottom;
}

.c-aside-link:after {
    transform-origin: center top;
}

.c-aside-link.is-inpage {
    color: #1e1f21;
}

.c-aside-link.is-inpage:before {
    transform: scaleY(1);
    transition-delay: 0.45s;
}

.c-aside-link.is-inpage:hover:before {
    transform: scaleY(0);
    transition-delay: 0s;
}

.c-aside-link.is-inpage:hover:after {
    transform: scaleY(1);
    transition-delay: 0.3s;
}

[data-template="dashboard.home"] .c-aside-link {
    display: none;
}

.c-aside-link span {
    display: inline-block;
    position: relative;
    z-index: 2;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.has-nav-open .c-aside-link {
    color: #fff !important;
}

.has-nav-open .c-aside-link:before {
    transform: scaleY(0) !important;
}

[hidden][aria-hidden="false"] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0);
}

[hidden][aria-hidden="false"]:focus {
    clip: auto;
}

.u-screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

@media not print {
    .u-screen-reader-text\@screen {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        margin: 0;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0;
    }
}

.u-screen-reader-text.-focusable:active,
.u-screen-reader-text.-focusable:focus {
    clip: auto;
    width: auto;
    height: auto;
}

@media (min-width: 700px) {
    .u-1\/2\@from-small {
        width: 50%;
    }
}

@media (min-width: 700px) {
    .u-1\/3\@from-small {
        width: 33.33333%;
    }
}

@media (min-width: 1000px) {
    .u-1\/3\@from-medium {
        width: 33.33333%;
    }
}

@media (min-width: 700px) {
    .u-1\/5\@from-small {
        width: 20%;
    }
}

@media (max-width: 699px) {
    .u-2\/3\@to-small {
        width: 66.66667%;
    }
}

@media (min-width: 700px) {
    .u-2\/3\@from-small {
        width: 66.66667%;
    }
}

@media (min-width: 700px) and (max-width: 1199px) {
    .u-3\/4\@to-large {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .u-2\/3\@from-large {
        width: 66.66667%;
    }
}

@media (min-width: 1000px) {
    .u-1\/2\@from-medium {
        width: 50%;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .u-1\/4\@medium {
        width: 25% !important;
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    .u-3\/4\@medium {
        width: 75% !important;
    }
}

.u-anim {
    transform: translateY(-120px);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    opacity: 0;
}

.has-dom-animated .u-anim {
    opacity: 1;
    transition: 0.6s;
    transform: translateY(0);
}

.has-dom-animated .u-anim.-delay-1 {
    transition-delay: 0.15s;
}

.has-dom-animated .u-anim.-delay-2 {
    transition-delay: 0.3s;
}

.has-dom-animated .u-anim.-delay-3 {
    transition-delay: 0.45s;
}

.arrowCircle {
    position: absolute;
    width: 400px;
    height: 400px;
    right: -80px;
    bottom: -180px;
    border: 1px solid;
    border-radius: 50%;
    border-color: rgba(255, 255, 255, 0.2);
    z-index: 1;
}

@media (max-width: 1800px) {
    .arrowCircle {
        width: 360px;
        height: 360px;
        right: -70px;
    }
}

@media (max-width: 1320px) {
    .arrowCircle {
        width: 320px;
        height: 320px;
        right: -60px;
    }
    .c-carousel-header-arrow {
        bottom: 30px;
    }
}

.arrowTopCircle {
    position: absolute;
    width: 500px;
    height: 500px;
    right: -60px;
    top: -140px;
    border: 1px solid;
    border-radius: 50%;
    border-color: rgba(255, 255, 255, 0.2);
    z-index: 1;
}

@media (max-width: 1600px) {
    .arrowTopCircle {
        width: 460px;
        height: 460px;
        top: -160px;
    }
}

@media (max-width: 1440px) {
    .arrowTopCircle {
        width: 420px;
        height: 420px;
        top: -160px;
    }
}

@media (max-width: 1320px) {
    .arrowTopCircle {
        width: 380px;
        height: 380px;
    }
}

.applogoviews {
    margin: 0;
}

.applogoviews img {
    width: 150px;
    height: auto;
    margin-bottom: 20px;
}


/* 
*********************
*********Graph*******
********************* */

@media (max-width: 600px) {
    .how-we-work-h1 {
        font-size: 32px;
    }
    .head-ul {
        padding-left: 0px !important;
    }
}

@media (max-width: 600px) {
    .career-h1 {
        font-size: 32px;
    }
    .career-h1-btn {
        width: 200px;
        font-size: 12px;
    }
    .career-div {
        margin: auto;
    }
}


/* .how-we-started-graph-row{
    position: relative;
}
.how-we-started-overlayer{
    position:absolute;


} */

.graph-sec {
    /* background-image: url("../images/bg/building2.png"); */
    background-image: url("../images/bg/journey.png");
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
    background-position: bottom right;
    /* padding-top: 19%; */
}

.bor-line-ani {
    position: absolute;
    bottom: 0;
    margin-left: -75px;
    border-radius: 7px;
    margin-top: 20px !important;
    width: 0px;
    height: 0px;
    border-left: 7px solid #2ba8d4;
    border-top: 7px solid #2ba8d4;
}

.bor-line-ani1 {
    -webkit-animation: bor_ani_ani 0.5s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1.5s;
}

.dots-text {
    position: absolute;
    top: 10%;
    line-height: 200%;
    left: 5%;
    width: 40%;
}

.dots-gif {
    position: absolute;
    top: -9%;
    line-height: 200%;
    right: 5%;
    width: 40%;
}

.bor-line-ani1 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1.8s;
}

.bor-line-ani2 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1.5s;
}

.bor-line-ani3 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1.2s;
}

.bor-line-ani4 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.9s;
}

.bor-line-ani5 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.6s;
}

.bor-line-ani6 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.3s;
}

.bor-line-ani7 {
    -webkit-animation: bor_ani_ani 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes bor_ani_ani {
    0% {
        width: 20px;
        height: 0px;
    }
    50% {
        width: 20px;
        height: 70px;
    }
    100% {
        width: 87px;
        height: 70px;
    }
}

@keyframes bor_ani_ani {
    0% {
        width: 10px;
        height: 0px;
    }
    50% {
        width: 10px;
        height: 70px;
    }
    100% {
        width: 87px;
        height: 70px;
    }
}

.graph-row {
    margin-top: -20px;
}

.graph-row p {
    font-weight: bold;
}

.graph-row h6 span {
    border-radius: 10px;
    display: inline-block;
    padding: 8px 10px 8px 10px;
    color: #fff;
    background: #2ba8d4;
}

.graph-div-1 {
    margin-left: 74%;
}

.graph-div-2 {
    margin-left: 66%;
}

.graph-div-3 {
    margin-left: 59%;
}

.graph-div-4 {
    margin-left: 52%;
}

.graph-div-5 {
    margin-left: 45%;
}

.graph-div-6 {
    margin-left: 38%;
}

.graph-div-7 {
    margin-left: 31%;
}

.graph-div-8 {
    margin-left: 24%;
}


/*App Slider Section End Here*/

@media (min-width: 1368px) {
    .s3-span-1-h2 {
        font-size: 33px;
    }
    .s3-span-p {
        font-size: 20px !important;
    }
    .s2-h1-inner {
        font-size: px !important;
    }
}

.p-s14 {
    font-size: 16px;
}

@media (max-width: 768px) {
    .bor-line-ani {
        display: none;
    }
    .graph-div-1 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-2 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-3 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-4 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-5 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-6 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-7 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .graph-div-8 {
        margin-left: 15%;
        margin-bottom: 20px;
    }
}


/* main end css */

.flag-modal {
    margin: 0px !important;
    max-width: 100%;
}

.flag-modal-content {
    background-color: #ffffff5c;
}

.help {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 15px;
    bottom: 15px;
    z-index: 99;
    background: #2ba8d4;
    border: 1px solid #2ba8d4;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.index-services-icons {
    height: 70px;
}


/* .index-serv-icon:hover {
    transition: transform 0.8s;
    transform-style: preserve-3d;
    transform: rotateY(360deg);
} */

.index-serv-bg {
    background-color: #fff;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    box-shadow: 0px 15px 24px 0px rgb(4 21 59 / 10%);
    display: block;
    margin: auto;
}

.index-service-circle {
    box-shadow: 0px 0px 38px 0px rgb(1 44 118 / 8%) !important;
}

.index-service-circle div:hover {
    transition: transform 0.8s;
    transform-style: preserve-3d;
    transform: rotateY(360deg);
}

.index-service-circle img {
    padding: 30px 35px !important;
}

.index-service-circle h3 {
    margin-top: 15px;
}

.text-sec {
    z-index: 1;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


/* .circle {
    background-image: linear-gradient(#1DB9F7, #0F4BD7);
    padding: 1px;
    width: 100px;
    height: 100px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    border-width: 10px;
    animation: rot 2s linear infinite;
    padding: 1px;
}

.circle>div {
    background: white;
    height: 299px;
    width: 299px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    border-width: 1px;
}

.circle p {
    animation: none;
}

.para {
    position: absolute;
    z-index: 10;
    top: 130px;
    left: 35px;
}

@keyframes rot {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(90deg)
    }
    50% {
        transform: rotate(180deg)
    }
    75% {
        transform: rotate(270deg)
    }
    100% {
        transform: rotate(360deg)
    }
} */


/* 
.outer_circle {
    height: 100px;
    width: 100px;
    border: 8px solid;
    border-radius: 50%;
}

.outer_circle :before {
    border-radius: 100%;
    content: '';
    background-image: linear-gradient(to bottom, #1DB9F7 0%, #0F4BD7 100%);
    padding: 5px;
    width: 100px;
    height: 100px;
    top: -5px;
    left: -5px;
} */

.inner_circle {
    /* background-image: linear-gradient( to bottom, rgb(9, 112, 26) 0%, rgb(21, 255, 0) 100%);
    content: '';
    position: absolute;
    top: -20px;
    bottom: -20px;
    right: -20px;
    left: -20px;
    z-index: -1;
    border-radius: inherit; */
}

.circle {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 100px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 20px;
}

.circle:before {
    border-radius: 100%;
    content: "";
    background-image: linear-gradient(to bottom, #1ca844 0%, #4bcd7d 100%);
    padding: 5px;
    width: 100px;
    height: 100px;
    top: -5px;
    left: -5px;
    position: absolute;
    z-index: -1;
}

.inner-border-2 {
    width: 100%;
    top: 0;
    left: -12px !important;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    border: 8px solid #056f7f !important;
    animation-duration: 1500ms;
    animation: rotate-anim 3s infinite linear;
    animation-play-state: paused;
}

.it-up-achivement-innerbox .inner-border-2:after {
    top: auto !important;
    bottom: -19px !important;
}

.it-up-achivement-innerbox .inner-border-2:before {
    top: -19px !important;
}

.it-up-achivement-innerbox .inner-border-2:before,
.it-up-achivement-innerbox .inner-border-2:after {
    height: 25px !important;
    width: 25px !important;
    background: linear-gradient(90deg, #fe955f 0%, #fdbe60 100%) !important;
}

.crown {
    height: 30px;
    width: 30px;
}

.it-up-achivement-innerbox .it-up-achivement-icon {
    margin-top: 15px !important;
    height: 55px !important;
}

.counter-2 {
    font-size: 36px !important;
    font-family: "Poppins" !important;
    margin-left: -5px !important;
}

.it-span {
    color: #056f7f !important;
    font-size: 45px !important;
    font-weight: 700;
    margin-bottom: 0px !important;
    display: inline-block;
    background: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #056f7f !important;
}

.it-up-achivement-icon-2 {
    margin-left: 55px !important;
}

.it-span-blog {
    color: #056f7f !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    display: inline-block;
    background: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #056f7f !important;
}

.blog-sec {
    background-color: aliceblue;
}

.blog-div {
    width: 330px;
    background: #fff;
}

.blog-shape-z {
    z-index: -1;
}

.partner-slide {
    margin-bottom: -20px;
}

.it-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 25px;
    border-radius: 100%;
    color: #fff !important;
    background-image: linear-gradient(90deg, #1ec5fa 0%, #0d47d5 100%);
}

.it-btn:hover {
    color: #fff;
}

.play-btn {
    color: #fff;
}

.want-work-span {
    color: #4a4a4a !important;
}


/* .owl-dots {
        display: none;
    } */

.my-owl .owl-dots {
    display: none;
}

.mobo-span-1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px !important;
    display: contents !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #4a4a4a !important;
}

.it-cont {
    border: 1px solid #DFDFDF!important;
    border-radius: 10px!important;
}

.who-we-are-nav-img {
    background-image: url("../images/hover-bg-2.png");
    background-position: center;
    background-repeat: no-repeat;
}

.ax-line {
    top: 35%;
}

.it-up-sec-2 {
    padding-top: 70px;
}

.it-up-sec-2 {
    padding-top: 40px!important;
}

.board-pic {
    height: 300px;
}

.card-info-new {
    position: relative;
    width: 100%;
}

.card-font {
    font-style: italic;
    color: #5e5e5e;
}

.mem {
    margin-left: -15px;
}

.mem-top {
    padding-top: 22px;
}

.new-heading-cont {
    display: block;
    margin: auto;
    text-align: center;
}

.gov-icon {
    height: 20px;
    width: 20px;
    margin-top: 8px;
}

.navbar-icons {
    margin-top: 10px;
}

.df-row-sc-1 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.product-hover-img {
    background-image: url("../images/hover-bg-2.png");
    background-position: center;
    background-repeat: no-repeat;
}

.emp-img {
    height: 300px;
}

.emp-name {
    margin-top: 10px;
}

.emp-post {
    margin-top: 5px;
}

.pera-content h3 a {
    color: #727272;
}

.mt-80 {
    margin-top: 80px;
}

.career-h1-1 {
    font-size: 18px;
}

.ft-sm {
    font-size: 20px;
    margin-top: 14px;
    float: right;
    margin-left: 2px;
}

.ft-sm1 {
    padding: 8px;
}

.ft-tc {
    margin-top: 19px;
    font-size: 15px;
}

.fa-ico {
    color: #fff;
}

.fnt-cl {
    color: #000!important;
}

.boss-heading {
    color: #2392B9!important;
}

.arrow-right {
    color: #acacac;
}


/* product page css */

.serviceBoxx {
    color: #555;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0 0 15px;
    margin: 15px 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 20px 20px;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
}

.serviceBoxx:after {
    content: "";
    background: linear-gradient(to bottom, #FFC312, #F79F1F);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBox-04:after {
    content: "";
    background: linear-gradient(to bottom, #2D7D0B, #2D7D0B);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBox-05:after {
    content: "";
    background: linear-gradient(to bottom, #00E78F, #00E78F);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBox-06:after {
    content: "";
    background: linear-gradient(to bottom, #627A70, #627A70);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBoxx .service-countt {
    color: #fff;
    background: linear-gradient(to bottom, #FFC312, #F79F1F);
    font-size: 45px;
    line-height: 130px;
    width: 80px;
    height: 110px;
    margin: -15px 0 20px;
    border-radius: 40px 0 100px 100px;
    position: relative;
}

.serviceBoxx .service-countt:before,
.serviceBoxx .service-countt:after {
    content: "";
    background: #F79F1F;
    width: 25px;
    height: 15px;
    border-radius: 50px 50px 0 0;
    position: absolute;
    top: 0;
    left: 80px;
}

.serviceBoxx .service-countt:after {
    background: #FFC312;
    border-radius: 50px 0 0 0;
    left: 65px;
    z-index: -2;
}

.serviceBoxx .service-iconn {
    color: #afafaf;
    font-size: 60px;
    position: absolute;
    right: 40%;
    top: -1px;
    transition: all 0.3s ease 0s;
}

.serviceBoxx:hover .service-iconn {
    transform: rotateY(360deg);
}

.serviceBoxx .title {
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 15px;
    margin: 0 0 10px;
}

.serviceBoxx .description {
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    padding: 0 15px;
    margin: 0 0 23px;
}

.serviceBoxx .read-more {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease 0s;
}

.serviceBoxx .read-more:hover {
    text-shadow: 0 0 5px #555;
}

.serviceBoxx.purple:after,
.serviceBoxx.purple .service-countt {
    background: linear-gradient(to bottom, #B53471, #6F1E51);
}

.serviceBoxx.purple .service-countt:before {
    background: #6F1E51;
}

.serviceBoxx.purple .service-countt:after {
    background: #B53471;
}

.serviceBoxx.red:after,
.serviceBoxx.red .service-countt {
    background: linear-gradient(to bottom, #ee3838, #ce1500);
}

.serviceBoxx.red .service-countt:before {
    background: #ce1500;
}

.serviceBoxx.red .service-countt:after {
    background: #ee3838;
}

.serviceBoxx.blue:after,
.serviceBoxx.blue .service-countt {
    background: linear-gradient(to bottom, #00adef, #00689b);
}

.serviceBoxx.blue .service-countt:before {
    background: #00689b;
}

.serviceBoxx.blue .service-countt:after {
    background: #00adef;
}

@media only screen and (max-width:990px) {
    .serviceBoxx {
        margin: 15px 0 50px;
    }
}

.flex-card-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 20%;
    align-items: baseline;
    border-radius: 20px;
}

.arrow-rit {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    align-items: flex-end;
    width: 95%;
    padding-bottom: 10px;
}

.case-p {
    padding: 35px;
}

.ani-call {
    color: #2392B9!important;
    font-size: 15px!important;
}

.serviceBoxx .service-countt-03:after {
    background: #ec0707;
    border-radius: 50px 0 0 0;
    left: 65px;
    z-index: -2;
}

.serviceBoxx .service-countt-03 {
    color: #fff;
    background: linear-gradient(to bottom, #ec0707, #ec0707);
    font-size: 45px;
    line-height: 130px;
    width: 89px;
    height: 110px;
    margin: -15px 0 20px;
    border-radius: 40px 0 100px 100px;
    position: relative;
}

.serviceBoxx .service-countt-03:before,
.serviceBoxx .service-countt-03:after {
    content: "";
    background: #ec0707;
    width: 25px;
    height: 15px;
    border-radius: 50px 50px 0 0;
    position: absolute;
    top: 0;
    left: 80px;
}

.serviceBoxx .service-countt-04 {
    color: #fff;
    background: linear-gradient(to bottom, #2c7e0b, #34770d);
    font-size: 45px;
    line-height: 130px;
    width: 80px;
    height: 110px;
    margin: -15px 0 20px;
    border-radius: 40px 0 100px 100px;
    position: relative;
}

.serviceBoxx .service-countt-04:before,
.serviceBoxx .service-countt-04:after {
    content: "";
    background: #34770d;
    width: 25px;
    height: 15px;
    border-radius: 50px 50px 0 0;
    position: absolute;
    top: 0;
    left: 80px;
}

.serviceBoxx .service-countt-04:after {
    background: #34770d;
    border-radius: 50px 0 0 0;
    left: 65px;
    z-index: -2;
}

.serviceBoxx-03:after {
    content: "";
    background: linear-gradient(to bottom, #ec0404, #ec0707);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBoxx-04:after {
    content: "";
    background: linear-gradient(to bottom, #2c7e0b, #34770d);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBoxx .service-countt-05 {
    color: #fff;
    background: linear-gradient(to bottom, #00e78f, #00e78f);
    font-size: 45px;
    line-height: 130px;
    width: 80px;
    height: 110px;
    margin: -15px 0 20px;
    border-radius: 40px 0 100px 100px;
    position: relative;
}

.serviceBoxx .service-countt-05:before,
.serviceBoxx .service-countt-05:after {
    content: "";
    background: #00e78f;
    width: 25px;
    height: 15px;
    border-radius: 50px 50px 0 0;
    position: absolute;
    top: 0;
    left: 80px;
}

.serviceBoxx .service-countt-05:after {
    background: #00e78f;
    border-radius: 50px 0 0 0;
    left: 65px;
    z-index: -2;
}

.serviceBoxx .service-countt-06 {
    color: #fff;
    background: linear-gradient(to bottom, #627a70, #627a70);
    font-size: 45px;
    line-height: 130px;
    width: 80px;
    height: 110px;
    margin: -15px 0 20px;
    border-radius: 40px 0 100px 100px;
    position: relative;
}

.serviceBoxx .service-countt-06:before,
.serviceBoxx .service-countt-06:after {
    content: "";
    background: #627a70;
    width: 25px;
    height: 15px;
    border-radius: 50px 50px 0 0;
    position: absolute;
    top: 0;
    left: 80px;
}

.serviceBoxx .service-countt-06:after {
    background: #627a70;
    border-radius: 50px 0 0 0;
    left: 65px;
    z-index: -2;
}

.serviceBoxx-05:after {
    content: "";
    background: linear-gradient(to bottom, #00e78f, #00e78f);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.serviceBoxx-06:after {
    content: "";
    background: linear-gradient(to bottom, #627a70, #627a70);
    width: 100%;
    height: 49px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.swasthya-logo {
    width: 150px;
}

.maintenence {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==');
    margin-top: 100px;
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}

.message-box h1 {
    color: #252932;
    font-size: 98px;
    font-weight: 700;
    line-height: 98px;
    text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}

.trophy {
    height: 658px;
}

.lifeofaximoimg {
    height: 300px;
    padding-left: 80px;
}

.lifeofaximoimg-2 {
    height: 300px;
    float: right;
    padding-right: 80px;
}

.lifeofaximomt {
    margin-top: 10px;
    padding-right: 80px;
}

.lifeofaximo-p-2 {
    padding-left: 80px;
}

.bpx-1 {
    width: 100%;
    height: 440px;
}

.life-at-aximo-span {
    font-size: 20px;
}

.life-at-aximo-h1 {
    line-height: 30px;
}

.ax-grp {
    border-radius: 10px;
}

.swasth {
    width: 150px;
}

.abt-yt-1 {
    float: right;
}

.abt-yt-2 {
    float: left;
}

.two-cards {
    display: flex;
    justify-content: center;
}

.for-btn {
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    border-color: none;
    border-color: #FEAE54;
    background-image: linear-gradient(to right, #FEAE54 0%, #FFD246 51%, #FEAE54 100%);
}

.mayan {
    height: 150px !important;
}

.emp-desig {
    color: #8f8f8f;
}

.news-sec {
    background-color: #F7FAFB;
}

.part-img {
    height: 379px;
    width: 100%;
}

.tc {
    text-decoration: none!important;
    color: #fff!important;
}

.tc:hover {
    text-decoration: none!important;
    color: #fff!important;
}

.serv {
    border: 1px solid #ced4da;
    color: #495057;
    padding: 6px;
    border-radius: 2px;
}

.partner-new-img {
    box-shadow: 1px 2px 10px lightgrey;
    border-radius: 6px;
}

.diamond-bg {
    background-image: url("../images/bg/diamond.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.consult-btn {
    display: flex;
    justify-content: center;
    width: 100%;
}

.consult-main-btn {
    height: 45px;
    width: 200px;
}


/* service box */

 :root {
    --color_1: #eb3b5a;
    --color_2: #fa8231;
    --color_3: #8854d0;
    --color_4: #20bf6b;
}

.serviceBox {
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    padding: 30px 9px 0;
    position: relative;
    border: 1px solid lightgray;
    border-radius: 10px;
    margin-bottom: 10px;
}

.serviceBox:before,
.serviceBox:after {
    content: "";
    background: var(--color_1);
    width: 25px;
    height: 15px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    clip-path: polygon(100% 30%, 100% 66%, 50% 100%, 0 66%, 0 30%, 50% 60%);
    transition: all 0.3s;
}

.serviceBox:hover:before {
    opacity: 1;
    top: 151px;
}

.serviceBox:hover:after {
    opacity: 1;
    top: 160px;
}

.serviceBox .service-icon {
    color: #fff;
    background: var(--color_1);
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 50px;
    border-radius: 50%;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
    position: relative;
    transition: all 0.3s;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after {
    content: "";
    border: 2px solid var(--color_1);
    border-left: 2px dashed var(--color_1);
    border-right: 2px dashed var(--color_1);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    transition: all 0.3s;
}

.serviceBox .service-icon:after {
    transform: rotate(-45deg);
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
}

.serviceBox:hover .service-icon:before {
    transform: rotate(-40deg);
}

.serviceBox:hover .service-icon:after {
    transform: rotate(40deg);
}

.serviceBox .service-icon i.fa {
    transition: all 0.3s;
}

.serviceBox:hover .service-icon i.fa {
    transform: rotateX(360deg);
}

.serviceBox .title {
    color: var(--color_1);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.serviceBox .description {
    color: #606060;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    padding: 10px;
}

.serviceBox.orange:before,
.serviceBox.orange:after {
    background: var(--color_2);
}

.serviceBox.orange .service-icon {
    background: var(--color_2);
}

.serviceBox.orange .service-icon:before,
.serviceBox.orange .service-icon:after {
    border-color: var(--color_2);
}

.serviceBox.orange .title {
    color: var(--color_2);
}

.serviceBox.purple:before,
.serviceBox.purple:after {
    background: var(--color_3);
}

.serviceBox.purple .service-icon {
    background: var(--color_3);
}

.serviceBox.purple .service-icon:before,
.serviceBox.purple .service-icon:after {
    border-color: var(--color_3);
}

.serviceBox.purple .title {
    color: var(--color_3);
}

.serviceBox.green:before,
.serviceBox.green:after {
    background: var(--color_4);
}

.serviceBox.green .service-icon {
    background: var(--color_4);
}

.serviceBox.green .service-icon:before,
.serviceBox.green .service-icon:after {
    border-color: var(--color_4);
}

.serviceBox.green .title {
    color: var(--color_4);
}

@media only screen and (max-width:990px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}

.h-box {
    height: 395px!important;
}

.workbg {
    background-color: #F7FAFB;
    background-image: url('../images/ft-bg.png');
    background-repeat: no-repeat;
}

.workbgmail {
    color: #444444;
}

.card-info-new {
    height: 300px;
}

.ref-p {
    text-decoration: underline;
    text-underline-position: under;
}

.ref-div {
    justify-content: center;
    display: grid;
    border-right: 1px solid rgb(231, 231, 231);
}

.ref-bg {
    /* background-color: #F7FAFB; */
    background-image: url('../images/doodle2.svg');
    /* background-repeat: no-repeat; */
}

.side-bg {
    border-radius: 15px;
}

.topbimg {
    box-shadow: 1px 2px 10px lightgrey;
    border-radius: 15px;
}

.new-img {
    border-radius: 50%;
}

.new-tech {
    width: 100%!important;
    padding-top: 15px;
}

.new-tech-1 {
    width: 100%!important;
    padding-top: 2px;
}

.new-serv {
    height: 375px;
    width: 620px!important;
}

.prash {
    display: -webkit-inline-box;
}

.iotimg {
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.solutions {
    width: 800px;
}

.new-grey-bg {
    background-color: #F7FAFB;
}

.power-tab {
    height: 148px!important;
    width: 135px!important;
}

.noida-ph-div {
    margin-top: 30px;
}

.trans-logo {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

.conti-h4 {
    width: 104%;
}

.svg-img {
    height: 102px!important;
}

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

@media (max-width: 600px) {
    .ft-sm {
        justify-content: center;
        display: flex;
        float: none!important;
    }
    .ft-tc {
        text-align: center;
    }
    .flexcardText {
        font-size: 14px;
    }
    .flex-div div h6 {
        font-size: 12px;
        text-align: left;
    }
    .flex-div {
        display: block;
        width: 100%;
    }
    .abt-banner-img {
        display: block;
        margin: auto;
    }
    .trophy {
        height: auto;
    }
    .gridrow {
        display: grid;
    }
    .tab-vid iframe {
        top: 9%!important;
        right: 9%!important;
        height: 244px!important;
        width: 324px!important;
    }
    .board-pic {
        width: 100%;
    }
    .card-info-new {
        height: 100%;
    }
    .mem {
        margin-left: 9px;
    }
    .boss-p {
        text-align: center;
    }
    .schedule-btn {
        display: block;
        margin: auto;
    }
    .emp-imgs {
        text-align: center;
    }
    .thirsty-mob {
        padding-top: 0px !important;
    }
    .serviceBoxx .service-iconn {
        right: 30%;
        top: -1px;
    }
    .partner-new-img {
        width: 50%;
        display: block;
        margin: auto;
    }
    .new-act {
        margin: auto;
    }
    .mob-case {
        text-align: left;
    }
    .govt-btn-div {
        display: flex;
    }
    .govt-btn-call {
        font-size: 14px;
        height: 52px;
    }
    .part-img {
        height: 100%!important;
    }
    .partner-padd {
        padding-top: 20px!important;
    }
    .it-span-blog {
        font-size: 30px!important;
    }
    .course {
        max-width: 80%;
        justify-content: center;
        margin: auto;
    }
    .bpx-1 {
        height: 100%;
    }
    .mob-table-div {
        padding: 20px;
        padding-left: 0px!important;
    }
    .solutions {
        width: 600px;
    }
    .contact-mob-btn,
    .contact-mob-heading {
        display: block;
        margin: auto;
    }
    .for-btn {
        font-size: 12px;
    }
    .new-serv {
        height: 100%;
    }
    .pc-ml-35 {
        margin-left: 35px;
    }
    .f-img-mob {
        margin: 0px!important;
    }
    .whats-qpp,
    .back-to-top {
        bottom: 85px;
    }
    .enquiry-icon {
        bottom: 20px;
    }
    .it-up-mobo-img {
        display: block;
        margin: auto;
    }
    .mobo-agency-h3 {
        text-align: left;
    }
}