/* remove global css */









/* global css */

:root {

    --primaryColor: #1747ce;

    --fontFamily: "Open Sans", sans-serif;

    --format:  none;

}



* {

    text-decoration: none !important;

    list-style: none;

}



*:not(p){

    text-transform: var(--format);

}

/*disable horizontal scroll on mobile & web */

body {

    font-family: var(--fontFamily);

    overflow-x: hidden;

}



html {

    font-size: 100%;

}



/* Remove bootstrap utilites */

h1,

h2,

h3,

h4,

h5,

p,

ul,

ol {

    margin: 0;

    padding: 0;

}



/* Start header  */

.v-center {

    align-items: center;

}



.header ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.header a {

    text-decoration: none;

}



/* header */

.header {

    display: block;

    width: 100%;

    position: relative;

    z-index: 99;

    padding: 15px;

}



.header .item-left {

    flex: 0 0 17%;

}



.header .logo a {

    font-size: 30px;

    color: #000000;

    font-weight: 700;

    text-decoration: none;

}



.header .item-center {

    flex: 0 0 66%;

}



.header .item-right {

    flex: 0 0 13%;

    display: flex;

    justify-content: flex-end;

}



.header .item-right a {

    text-decoration: none;

    font-size: 16px;

    color: #555555;

    display: inline-block;

    margin-left: 10px;

    transition: color 0.3s ease;

}



.header .menu > ul > li {

    display: inline-block;

    line-height: 50px;

    margin-left: 1.3rem;

}



.header .menu > ul > li > a {

    font-size: 0.85rem;

    font-weight: 400;

    color: #ffffffcc;

    position: relative;

    text-transform: capitalize;

    transition: color 0.3s ease;

}



.header .menu > ul > li .sub-menu {

    position: absolute;

    z-index: 500;

    background-color: #ffffff;

    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);

    padding: 20px 30px;

    transition: all 0.5s ease;

    margin-top: 25px;

    opacity: 0;

    visibility: hidden;

}



@media (min-width: 992px) {

    .header .menu > ul > li.menu-item-has-children:hover .sub-menu {

        margin-top: 0;

        visibility: visible;

        opacity: 1;

    }

}



.header .menu > ul > li .sub-menu > ul > li {

    line-height: 1;

}



.header .menu > ul > li .sub-menu > ul > li > a {

    display: inline-block;

    padding: 10px 0;

    font-size: 15px;

    color: #555555;

    transition: color 0.3s ease;

    text-decoration: none;

    text-transform: capitalize;

}



.header .menu > ul > li .single-column-menu {

    min-width: 280px;

    max-width: 350px;

}



.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {

    line-height: 1;

    display: block;

}



.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {

    padding: 10px 0;

    display: inline-block;

    font-size: 15px;

    color: #555555;

    transition: color 0.3s ease;

}



.header .menu > ul > li .sub-menu.mega-menu {

    left: 50%;

    transform: translateX(-50%);

}



.header .menu > ul > li .sub-menu.mega-menu-column-4 {

    max-width: 1100px;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    padding: 20px 15px;

}



.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {

    flex: 0 0 25%;

    padding: 0 15px;

}



.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {

    font-size: 16px;

    color: #ea4636;

    font-weight: 500;

    line-height: 1;

    padding: 10px 0;

}



.header

    .menu

    > ul

    > li

    .sub-menu.mega-menu-column-4

    > .list-item.text-center

    .title {

    text-align: center;

}



.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {

    max-width: 100%;

    width: 100%;

    vertical-align: middle;

    margin-top: 10px;

}



.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,

.header .menu > ul > li .sub-menu > ul > li > a:hover,

.header .item-right a:hover,

.header .menu > ul > li:hover > a {

    color: #333333;

}



/* banner section */

.banner-section {

    background-image: url("../img/banner.html");

    background-size: cover;

    background-position: center;

    height: 700px;

    width: 100%;

    display: block;

}



.mobile-menu-head,

.mobile-menu-trigger {

    display: none;

}



.logo img {

width: 15.625rem;
height: 3.625rem;

}



.header .item-center {

    flex: 0 0 70%;

    justify-content: center;

    display: flex;

}







/*responsive*/

@media (max-width: 991px) {

    .header .item-center {

        order: 3;

        flex: 0 0 100%;

    }



    .header .item-left,

    .header .item-right {

        flex: 0 0 auto;

    }



    .v-center {

        justify-content: space-between;

    }

    .header .mobile-menu-trigger {

        display: flex;

        height: 30px;

        width: 30px;

        margin-left: 10px;

        cursor: pointer;

        align-items: center;

        justify-content: center;

        position: absolute;

        top: 26px;

        right: 2rem;

    }

    .header .mobile-menu-trigger span {

        display: block;

        height: 2px;

        background-color: #333333;

        width: 24px;

        position: relative;

    }



    .header .mobile-menu-trigger span:before,

    .header .mobile-menu-trigger span:after {

        content: "";

        position: absolute;

        left: 0;

        width: 100%;

        height: 100%;

        background-color: #333333;

    }



    .header .mobile-menu-trigger span:before {

        top: -6px;

    }



    .header .mobile-menu-trigger span:after {

        top: 6px;

    }



    .header .item-right {

        align-items: center;

    }



    .header .menu {

        position: fixed;

        width: 320px;

        background-color: #ffffff;

        left: 0;

        top: 0;

        height: 100%;

        overflow: hidden;

        transform: translate(-100%);

        transition: all 0.5s ease;

        z-index: 1099;

    }



    .header .menu.active {

        transform: translate(0%);

    }



    .header .menu > ul > li {

        line-height: 1;

        margin: 0;

        display: block;

    }



    .header .menu > ul > li > a {

        line-height: 50px;

        height: 50px;

        padding: 0 50px 0 15px;

        display: block;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    }



    .header .menu > ul > li > a i {

        position: absolute;

        height: 50px;

        width: 50px;

        top: 0;

        right: 0;

        text-align: center;

        line-height: 50px;

        transform: rotate(-90deg);

    }



    .header .menu .mobile-menu-head {

        display: flex;

        height: 50px;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        justify-content: space-between;

        align-items: center;

        position: relative;

        z-index: 501;

        position: sticky;

        background-color: #ffffff;

        top: 0;

    }



    .header .menu .mobile-menu-head .go-back {

        height: 50px;

        width: 50px;

        border-right: 1px solid rgba(0, 0, 0, 0.1);

        cursor: pointer;

        line-height: 50px;

        text-align: center;

        color: #000000;

        font-size: 16px;

        display: none;

    }



    .header .menu .mobile-menu-head.active .go-back {

        display: block;

    }



    .header .menu .mobile-menu-head .current-menu-title {

        font-size: 15px;

        font-weight: 500;

        color: #000000;

    }



    .header .menu .mobile-menu-head .mobile-menu-close {

        height: 50px;

        width: 50px;

        border-left: 1px solid rgba(0, 0, 0, 0.1);

        cursor: pointer;

        line-height: 50px;

        text-align: center;

        color: #000000;

        font-size: 25px;

    }



    .header .menu .menu-main {

        height: 100%;

        overflow-x: hidden;

        overflow-y: auto;

    }



    .header .menu > ul > li .sub-menu.mega-menu,

    .header .menu > ul > li .sub-menu {

        visibility: visible;

        opacity: 1;

        position: absolute;

        box-shadow: none;

        margin: 0;

        padding: 15px;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        padding-top: 65px;

        max-width: none;

        min-width: auto;

        display: none;

        transform: translateX(0%);

        overflow-y: auto;

    }



    .header .menu > ul > li .sub-menu.active {

        display: block;

    }



    @keyframes slideLeft {

        0% {

            opacity: 0;

            transform: translateX(100%);

        }



        100% {

            opacity: 1;

            transform: translateX(0%);

        }

    }



    @keyframes slideRight {

        0% {

            opacity: 1;

            transform: translateX(0%);

        }



        100% {

            opacity: 0;

            transform: translateX(100%);

        }

    }



    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {

        margin-top: 0;

    }



    .header

        .menu

        > ul

        > li

        .sub-menu.mega-menu-column-4

        > .list-item.text-center

        .title {

        margin-bottom: 20px;

    }



    .header

        .menu

        > ul

        > li

        .sub-menu.mega-menu-column-4

        > .list-item.text-center:last-child

        .title {

        margin-bottom: 0px;

    }



    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {

        flex: 0 0 100%;

        padding: 0px;

    }



    .header .menu > ul > li .sub-menu > ul > li > a,

    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {

        display: block;

    }



    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {

        margin-bottom: 15px;

    }



    .menu-overlay {

        position: fixed;

        background-color: rgba(0, 0, 0, 0.5);

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 1098;

        visibility: hidden;

        opacity: 0;

        transition: all 0.5s ease;

    }



    .menu-overlay.active {

        visibility: visible;

        opacity: 1;

    }

}



.fixed-top {

    position: fixed !important;

}



header.header.fixed-top.changeBg {

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,

        rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

    background-color: #eff6fc;

}





.header.header.fixed-top.changeBg .menu > ul > li > a {

    color: #000000;

}

.header.header.fixed-top.changeBg .menu > ul > li > a {

    color: #000000;

}



.header.header.fixed-top.changeBg .menu-main li a.active::after, 

.header.header.fixed-top.changeBg .menu-main li a:hover::after {

    background-color: #be1c2c;
    transform: scaleX(1);
    transform-origin: left;

}
.header.header .menu-main li a.active::after, 

.header.header .menu-main li a:hover::after {

    background-color: #be1c2c;
    transform: scaleX(1);
    transform-origin: left;

}
.header .menu > ul > li > a:hover, .header .menu > ul > li > a.active {
    color: #bd1f2f;
}





.header.header.fixed-top.changeBg  .header-item.item-right img{

    filter: invert(1);

}



.menu-main li a {

    position: relative;

    /* transition: all 0.5s ease-in-out; */
    transition: 0.5s;

}

.menu-main li a.active {

    font-weight: 400!important;

}

.menu-main li a.active,

.menu-main li a:hover {

    position: relative;

}



.menu-main li a.active::after,

.menu-main li a:hover::after {

    background-color: #fff;

}



.menu-main li a::after {

    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #bd1f2f;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s;

    /* top: 22px; */

}



.reusable-btn i {

    display: inline-block;

    margin-left: 5px;

    margin-top: 2px;

}



/* End header */



/*start Disbale Horizontal on Mobile Menu */

@media (max-width: 576px) {

    html,

    body {

        overflow-x: hidden;

    }



    body {

        position: relative;

        font-family: var(--fontFamily);

    }

}



/* end Disbale Horizontal on Mobile Menu */



/* Start Hero  Banner */

.caption h2 {

    text-transform: uppercase;

    font-size: .9rem;

    margin-bottom: 0.5rem;

}



.caption h1 {

    font-weight: 400;

    font-size: 2.7rem;

}



.slider-title {

    display: block;

    font-weight: 700;

    font-size: 3.2rem;

}













a.reusable-btn {

    background: #fff;

    color: var(--primaryColor) !important;

    display: inline-block;

    padding: 0.6rem 1rem;

    border-radius: 0.4rem;

    font-weight: 600;

    font-size: 1rem;



}





a.reusable-btn:hover {

    background: var(--primaryColor) !important;;

    color: #fff!important;

} 

a.reusable-btn i,

a.reusable-btn

{

    transition: all .2s ease-in;

} 

a.reusable-btn:hover i{

  transform: translateX(6px);

} 



.hero-component {

    /* background-color: var(--primaryColor);

    background-image: url("img/worl-map.png"); */

    background-repeat: no-repeat;

    background-size: cover;

}



.hero-component {

    background-color: white;
    /* background-color: var(--primaryColor); */

}



.caption {

    position: absolute;

    top: 50%;

    z-index: 90;

    left: 50%;

    transform: translate(-50%, -50%);

}



.caption p {

    line-height: 1.703rem;

    margin: 1.1rem 0;

    font-size: .95rem;

    color: #f4f4f4;

    width: 40%;

    margin: 1rem auto;

}





.slider-title::after {

    content: "";

    display: block;

    width: 6.625rem;

    height: 4px;

    background: #fff;

    margin: auto;

    margin-top: 0.5rem;

}



.hero-component .owl-dots,

.data-center-component .owl-dots {

    display: flex;

    align-items: center;

    position: absolute;

    left: 5.1rem;

    bottom: -4rem;

}



.hero-component .owl-dots {

    bottom: 108px;

}

.hero-component .owl-dots .owl-dot,

.data-center-component .owl-dots .owl-dot {

    width: 0.625rem;

    height: 0.625rem;

    background-color: #ffffffb2;

    border-radius: 50%;

    margin: 3px;

}



.data-center-component .owl-dots .owl-dot {

    background-color: #e3e3e3;

}



.hero-component .owl-dot.active {

    background: #fff;

    width: 1.625rem;

    height: 10px;

    border-radius: 1rem;

}



.hero-component {

    position: relative;

}



.hero-component .owl-carousel .owl-stage-outer .item, 

.hero-component {

    height: 36.625rem;
    border: 0;

}



.video-container {

    position: relative;

    width: 100%;

    height: 100%;

}



.video {

    width: 103%;

    height: 580px;

    object-fit: cover; 

    border: 0;

}



.image-overlay {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 50;

    width: 100%;

    background-color: #143c87e8;

    height: 100%;

    padding-top: 5rem;

}



.right-sider-conent-container h3 {

    font-weight: 600;

    font-size: 1.58rem;

    margin: 0.5rem 0;

}

/* End Hero Banner */



/* start brands */

.brands-component {

    background-color: #348cdd14;

}


.hero-component .carousel-indicators [data-bs-target] {
    border-radius: 1rem;
    border-top: 0;
    border-bottom: 0;
    height: 10px;
    width: 10px;
}

.hero-component .carousel-indicators .active {
    background: #fff;
    width: 1.625rem;
    height: 10px;
    border-radius: 1rem;
    border-top: 0;
    border-bottom: 0;
}

.carousel-indicators {
    display: flex;
    justify-content: flex-start;
    margin-left: 6%;
    margin-right: 6%;
    bottom: 30px;
}
.carousel-item video {
    margin: 0;
    padding: 0;
    position: relative;
}

.brand-img {

    background-color: #fff;

    padding: 0.5rem;

}



a.reusable-btn.main-reusable-btn {

    background-color: #1747ce;

    color: #fff !important;

}



.right-sider-conent-container p {

    line-height: 32.68px;

    margin: 1rem 0;

    color: #3d3d3d;

}



.right-sider-conent-container h2 {

    color: #1747ce;

    font-weight: 700;

    font-size: 2.6rem;

}

.data-center-component .owl-dots {

    display: flex;

    align-items: center;

    position: absolute;

    left: 0.1rem;

    bottom: -2rem;

}



.data-center-component .owl-dot.active {

    background: var(--primaryColor) !important;

    width: 1.25rem;

    border-radius: 10px;

    height: 10px;

}



section.expertise-component {

    background: #0f62fe1a;

}



.experience-card {

    border-radius: 1rem;

    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 4px; */

    padding: 2rem 1rem !important;

    box-shadow: 0px 0px 35px 0px #0000001a;

}

.min-img-containe {

    width: 5.625rem;

    height: 5.625rem;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #deefff;

}



.content-card h4 {

    text-transform: uppercase;

    margin: 0.5rem 0;

    font-weight: 700;

    font-size: 1.17rem;

}



.content-card p {

    font-size: 0.875rem;

    line-height: 22.59px;

}

.about-component li a {

    color: #3d3d3d !important;

    display: flex;

    align-items: center;

    font-size: 1.18rem;

}

.right-sider-conent-container i {

    margin-right: 0.5rem;

   

}



.data-list-container li a i {

    font-size: 0.3rem; 

}

.hover-content {

    opacity: 0;

    transform: translateY(-12px);

    transition: all .5s ease;

}

.describe-container .cloud-img-container {
    transform: translateY(0);
    transition: transform 0.5s, opacity 0.5s;
}
.describe-container:hover .cloud-img-container {
    transform: translateY(0);
}
.describe-container .content {
    transform: translateY(0);
    transition: transform 0.5s, opacity 0.5s;
}
.describe-container:hover .content {
    transform: translateY(0);
}
.describe-container .hover-content p {

    display: none;

    transition: all .8s ease;

}

.describe-container:hover .hover-content {

    opacity: 1;

    transform: translateY(0%);

}

.describe-container:hover .hover-content p {

    display: block;

}
.br-0 {
    border: 0px !important;
}
.about-rows-four {
    /* border: 1px solid #eeeeee; */
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    background: white;
    box-shadow: 0px 1px 4px #ccc;
}
.about-rows-four img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    object-position: center;
    padding-left: 0 !important;
    /* border-radius: 100%; */
    /* border: 1px solid #eee; */
    margin-bottom: 20px;
}
.about-rows-four p {
    margin-bottom: 10px !important;
}
.about-rows-four h2 {
    font-size: 20px;
}
.h-auto {
    height: auto;
}



/* end brands */



/* start expertise */

.right-sider-conent-container p {

    color: #3d3d3d;

    font-weight: 400;

    line-height: 32.68px;

    font-size: 1rem;

    margin: 0;

}



.data-center-img img {

    height: 430px;

}

/* end expertise */



/* start what we do */

.describe-container {

    background-color: #e7efff1a;

    border: 1px solid #d9d9d9;

    padding: 2rem;

    border-top: none;
    border-bottom: none;

    height: 238px;

    /* line-height: 104px; */

    display: flex;

    flex-direction: column;

    justify-content: center;

    transition: all 0.5s ease-out;

    

}

.min-img-containe.second-card-exp {

    width: 3.75rem;

    height: 3.75rem;

}



.data-list-container li {

    margin-bottom: 0.5rem;

}



.what-we-do-component h2 {

    color: #1747ce;

    font-weight: 700;

    font-size: 1.9rem;

}

.what-we-do-component h3 {

    font-size: 1.4rem;

    font-weight: 600;

    margin-top: 0.5rem;

    text-transform: capitalize;

}



.describe-container:hover .hover-content {

    display: block !important;

}

.describe-container:hover .hover-content {

    display: block !important;

}



.describe-container:hover h4 a {

    color: red !important;

}

/* end what we do */



/* start CyberSecurity */

.variation-content {

    background-color: #f4f4f4;

    padding: 2rem 1rem;

    border-left: 0px solid #e0e0e0;

}

.variation-content h4 {

    font-size: 1.1rem;

    font-weight: 600;

}

.variation-content p {

    font-size: 1.125rem;

}



.first-card-container {

    height: 18.563rem;

    width: 100%;

}



.second-card-container {

    height: 18.563rem;

    width: 100%;

    margin-bottom: 2rem !important;

}

.third-card-container {

    width: 100%;

    height: 18.563rem;

}

.description {

    text-transform: capitalize;

}



.describe-row .col-md-3.p-0:first-child .describe-container,

.describe-row .col-md-3.p-0:nth-child(5) .describe-container {

    border-left: none;

}

.describe-row .col-md-3.p-0:nth-child(4) .describe-container,

.describe-row .col-md-3.p-0:last-child .describe-container {

    border-right: none;

}



.describe-row .col-md-3.p-0:nth-child(n + 5) .describe-container {

    border-bottom: none;

}



.describe-container .content h4 {

    font-size: 1.25rem;

    margin: 0.5rem 0;

    font-weight: 600;

}



.describe-container:hover {

    background-color: #fff;

}



.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

    background-color: #1747ce;

}



.nav-pills .nav-link {

    color: #000;

}

.variation-content p {

    margin: 0.5rem 0;

    font-size: 0.9rem;

}

/* end CyberSecurity */



/*  Start Newsletter  */



.subscribe-container form input {

    border: none;

}

.subscribe-container form input[type="text"] {

    border: 1px solid #00000040;

    padding: 1rem;

    background-color: #fff;

    /* background-image: linear-gradient(rgb(231 239 255 / 39%), rgb(231 239 255 / 0%)),url(img/news-letter-bg.svg); */

    box-shadow: 0px 0px 4px 0px #00000040;

}

.subscribe-container form input[type="submit"] {

    background-color: #1747ce;

    color: #fff;

    padding: 0.8rem 2rem;

    right: 5px;

    top: 4px;

}



.news-content h3 {

    color: var(--primaryColor);

    font-weight: 700;

    font-size: 1.9rem;

}



.news-content p {

    font-size: 0.9rem;

    color: #000000;

    line-height: 1.5rem;

}



/*  Start Newsletter  */



/* start footer */

footer {

    background-color: #f6f7f7;

    margin-top: 0.5rem;

    padding: 4rem 0 0 0;

}



a.footer-number {

    font-weight: 700;

    font-size: 1.125rem;

}



.nav-pills .nav-link {

    background: #d9d9d9;

    border-radius: 0;

}



footer li a {

    color: #000000;

    font-weight: 400;

}



.footer-content h5, .footer-content h5 a {

    margin-bottom: 1.5rem;

    font-weight: 600;

}



.describe-container:hover h4 a {

    color: #1747ce !important;

}

.footer-content li {

    margin-bottom: 0.5rem;

    font-size: 0.9rem;

}

.footer-content li:last-child {

    margin-bottom: 0;

}



.copyrightcompoent {

    border-top: 1px solid #9e9e9e;

    margin-top: 2rem;

}

/* end footer */



.blog-img-container img {

    height: 207px;

    object-fit: cover;

    border-radius: 10px 10px 0px 0px;

}



.blog-box {

    box-shadow: 0px 0px 4px 0px #00000040;

    border-radius: 0.4rem;

}



.blog-content {

    padding: 1rem;

}



.blog-content h4 {

    font-weight: 700;

    font-size: 1.3rem;

}



.blog-content p {

    color: #7d7d7d;

    margin: 0.5rem 0;

    font-size: 0.9rem;

    line-height: 25px;

}



a.move-long {

    font-weight: 700;

    color: var(--primaryColor);

}



.move-long i {

    margin-left: 0.5rem;

    transform: translateY(2px);
    color: #1747CE;

}



.footer-content a {

    transition: all 0.2s ease-in;

    font-weight: 400;

}

.footer-content a:hover {

    padding: 0 0 0 0.5rem;

    color: var(--primaryColor);

}



.front-side {

    display: block;

}

.hover-side {

    display: none;

}



.describe-container:hover .hover-side {

    display: block;

}

.describe-container:hover .front-side {

    display: none;

}



.describe-container .hover-content p {

    font-size: 0.875rem;

}



.copyrightcompoent p{

    font-size: .9rem;

}



.blog-img-container {

    border-radius: 10px 10px 0px 0px;

}



.hero-component .owl-carousel.owl-loaded {

    height: 100%;

}



.hero-component .owl-dots {

    bottom: 3rem;

}



/*Start  Devices Balance */

@media (min-width: 1400px) {

    .header .item-left {

        flex: 0 0 22%;

    }



    .header .item-center {

        flex: 1 0 63%;

        justify-content: flex-end;

        display: flex;

    }







    .caption p {

        font-size: 1.15rem;

    }



    .caption h2 {

        font-size: 1.2rem;

    }



    .caption h1 {

        font-weight: 400;

        font-size: 3rem;

    }



    .slider-title {

        font-size: 3.6rem;

    }



 



  

    .right-sider-conent-container h2 {

        font-size: 2.6rem;
        line-height: 1.5;

    }



    .what-we-do-component h2 {

        font-size: 2.3rem;

    }



    .variation-content h4 {

        font-size: 1.3rem;

    }



    .variation-content p {

        font-size: 1rem;

    }



    .blog-img-container img {

        border-radius: 6px 10px 0px 0px;

    }



    .blog-content h4 {

        font-size: 1.5rem;

    }



    .blog-content p {

        font-size: 1rem;

    }



    a.move-long {

        font-size: 1rem;

    }



    .header .menu > ul > li > a {

        font-size: .94rem;

        font-weight: 400;

    }



    .footer-content li {

        font-size: 1rem;

    }



    .footer-content h5 {

        font-size: 1.4rem;

    }



    .news-content h3 {

        font-size: 2.3rem;

    }



    .news-content p {

        font-size: 1rem;

    }



    .subscribe-container form input[type="text"] {

        padding: 1.4rem!important;

        right: 11px;

        top: 8px;

    }



    .subscribe-container form input[type="submit"] {

        padding: 1rem 2.5rem;

        right: 10px;

        top: 7px;

    }



    a.reusable-btn {

        padding: 0.6rem 1.5rem;

        border-radius: 11px;

        font-size: 1.1rem;

    }



    .right-sider-conent-container p {

        font-size: 1.1rem;

    }



    .content-card h4 {

        font-size: 1.1rem;

    }



    .first-card-container {

        width: 100%;

        height: 310px;

        margin-bottom: 2rem !important;

    }



    .third-card-container {

        width: 100%;

        height: 310px;

        margin-bottom: 2rem !important;

    }



    .second-card-container {

        width: 100%;

        height: 310px;

        margin-bottom: 2rem !important;

    }



    .fourth-card-container {

        height: 310px;

        width: 100%;

        margin-bottom: 2rem !important;

    }





    .expertise-component  .right-sider-conent-container p {

        width: 74%;

    }



    .copyrightcompoent p {

        font-size: 1rem;

    }



    .about-component .right-sider-conent-container p {

        width: 84%;

    }





    .tab-container .nav-item{

        margin-right: 1rem;

    }



    .about-component h2{

        font-size: 2.3rem;
        line-height: 0.7;

    }





  

   

  







}

/*End  Devices Balance */







.subscribe-container {

    padding: 2rem;

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #1747ce;

    border-radius: 0.4rem;

  

}



.nav-pills .nav-link {

    background: #d9d9d900;

    border: 1px dotted #595a5b;

    border-radius: 0.4rem;

    padding: .7rem 1rem;

}



.right-sider-conent-container p {

    width: 90%;

}

.move-long {

   transition: all .5s ease;

}



.variations-box:hover .move-long {

    padding-left: 1rem;

}





.variation-content a{

    color: #000!important;

}   





@media(max-width: 1300px){

    html{

        font-size: 98%;

    }



    .right-sider-conent-container h2 {

        font-size: 2.1rem;

    }



    .right-sider-conent-container p {

        width: 100%;

    }



    .expertise-component  .right-sider-conent-container p {

        width: 81%;

    }



    .about-component li a {

        color: #3d3d3d !important;

        display: flex;

        align-items: center;

        font-size: 1.18rem;

    }



    .about-component li a {

        font-size: 1rem;

    }



    .about-component .right-sider-conent-container p {

        width: 84%;

    }





    .header .menu > ul > li > a {

        font-size: 0.79rem;

    }

}





.describe-container.text-center {

    overflow: hidden;

}





.nav-pills .nav-link:hover, .nav-pills .show > .nav-link:hover {

    background-color: var(--primaryColor);

    color: #fff;

   

}





/* Start Responsive Design */

.three-sections {

    display: none;

}



@media(max-width: 1200px){

    .social-icon {

        display: none!important;

    }

}

/* large Screens */

@media(max-width: 992px){

    html {

        font-size: 95%;

    }
    .video {

        width: 100%;
    
        height: 450px;
    
        object-fit: cover; 
    
        border: 0;
    
    }

}



/* Tablet Devices */

@media(max-width: 768px) {
    .about-sec2 {
        background: url(../img/about-section-shape.svg);
          background-position-x: 0%;
          background-position-y: 0%;
          background-repeat: repeat;
          background-size: auto;
        background-size: contain;
        background-position: top;
        padding: 80px 0 0px 0;
        background-repeat: no-repeat;
    }
    .about-sec2 img {
        padding-left: 0px;
        padding: 0px;
          padding-bottom: 50px;
        padding-bottom: 0;
    }

    html {

        font-size: 88%;

    }



    .social-icon {

        display: none!important;

    }



    .header .mobile-menu-trigger span {

        display: block;

        height: 2px;

        background-color: #fff;

        width: 24px;

        position: relative;

    }



    .header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after {

        background-color: #fff;

    }





    .data-center-img img {
        width: auto;
        height: auto;
    }



    .right-sider-conent-container h2 {

        font-size: 1.5rem;

    }



    .right-sider-conent-container h3 {

        font-weight: 600;

        font-size: 1.1rem;

        margin: 0.5rem 0;

    }



    .right-sider-conent-container p {

        line-height: 1.6rem;

    }



    a.reusable-btn.main-reusable-btn,

      .right-sider-conent-container p {

        font-size: .9rem;

    }



    .data-center-component  {

        padding: 1.5rem 0!important;

    }



    .expertise-component  {

        padding: 1.5rem 0!important;

    }



    header.header.fixed-top.changeBg .mobile-menu-trigger span,

    header.header.fixed-top.changeBg .mobile-menu-trigger span:before, 

    header.header.fixed-top.changeBg  .mobile-menu-trigger span:after

    {

        background-color: var(--primaryColor)!important;

    }



    .header .menu > ul > li > a {

        font-size: 0.9rem;

        color: #000 !important;

        font-weight: 600!important;

    }



    .menu-main li a::after {

       display: none;

    }



    .right-sider-conent-container h2 {

        font-size: 1.8rem;

        line-height: 3rem;

    }



    .about-component .right-sider-conent-container{

        padding-left: 0!important;

    } 



    .about-component  {

        padding: 1.5rem 0!important;

    }



    .about-component .data-center-img{

        margin-bottom: 1rem;

    }



    .reusbale-title h2 {

        font-size: 1.4rem;

    }

    .reusbale-title h3 {

        font-size: 1.2rem;

    }



    .about-component li a {

        font-size: .9rem;

    }



    .cloud-img-container img {

        height: 40px!important;

    }



    .describe-container {

        height: 15rem;

    }



    .data-center-component a.reusable-btn.main-reusable-btn, .right-sider-conent-container p {

       margin-top: 1rem!important;

    }



    .news-content h3 {

        font-size: 1.5rem;

    }



    .subscribe-container {

        padding: 1rem;

    }



    .news-component ,

    .updates-component {

        padding: 1.5rem 0!important;

    }



    /* Disable Horizontal on Mobile */

    .footer-content h5 {

        font-size: 1rem;

    }



 

    .copyrightcompoent {

        padding-bottom: 4rem!important;

    }

    .reusbale-title {

        margin-bottom: 1rem!important;

    }

    /* Disable Horizontal on Mobile */







    .hero-component .owl-carousel .owl-stage-outer, .hero-component {

        height: auto;

    }



    .experience-card {

        height: auto;

        width: 100%;
        margin-bottom: 30px !important;

    }



    .describe-container .content h4 {

        font-size: 1rem;

    }



    .variations-box {

        background-color: #f4f4f4;

    }



    .blog-img-container img {

        height: 9.938rem;

    }



    footer {

        padding: 1.5rem 0 0 0;

    }



    .describe-row .col-md-3.p-0:nth-child(n + 5) .describe-container {

        border-bottom: initial;

    }



    .three-sections {

        display: block;

    }



    .three-sections {

        display: block;

        background-color: #d8dbde;

        position: fixed;

        bottom: 0;

        width: 100%;

        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

        z-index: 999;

    }

    .three-sections img {

        margin-right: .5rem;

    }





    .caption {

        top: 61%;

    }





    .caption p {

        width: 90%;

    }







 

   

   

}



.whatap-app-btn {

    background-color:  #075e54;

}



.phone-app-btn {

    background: #c04973;

}

.email-app-btn {

    background: #3e65cf;

}



.main-thee-social-icons a {

    font-weight: 700;

}



.hero-component .owl-stage {

    height: 100%;
    border: 0;
}





.variations-box {

    background: #f4f4f4;

}



.hero-component .owl-stage-outer .owl-item {

    height: 100%;

}







.image-overlay img {

    height: 100%;

}

.inner-page-banner {
    background: #FFFFFF;
    background: linear-gradient(180deg, #7cb1fd 0%, #486fb4 100%);
    padding: 150px 0 50px 0;
    position: relative;
    height: 530px;
}

.inner-page-banner .row {
    display: flex;
    align-items: center;
}
.inner-page-banner img {
    height: 300px;
    object-fit: contain;
    object-position: center;
}
.inner-page-banner::before {
    content: '';
    background: url(../img/inner-page-header-bg.gif);
    background-size: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    opacity: 0.3;
    display: none;
  }
.inner-page-banner .ipb-sub-head {
    color: #1747CE;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
    display: none;
}
.inner-page-banner .ipb-sub-head:before {
    content: '';
    height: 2px;
    width: 50px;
    background: #1747CE;
    position: absolute;
    left: 0;
    top: 24px;
    display: none;
}
.inner-page-banner h1 {
    font-size: 47px;
    margin-bottom: 10px;
    font-weight: 700;
    color: white;
}
.inner-page-banner h6 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: bold;
    color: white;
}
.about-sec2 {
    background: url(../img/about-section-shape.svg);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
    background-size: contain;
    background-position: top;
    padding: 100px 0 100px 0;
    background-repeat: no-repeat;
}
.w-100 {
    width: 100%;
}
.about-sec2 img {
    padding-left: 80px;
}
.about-locations {
    padding: 80px 0;
}
.variation-img-container img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
} 
.accordion-header button {
    font-weight: bold;
}
.sm-icon-box {
    background: #ffffff;
    border-radius: 6px;
    /* border: 1px solid #eeeeee; */
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 40px;
    box-shadow: 1px 1px 15px 1px #eaf5ff;
}
.sm-icon-box img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    padding-left: 0;
    margin: 20px 0;
}
.sm-icon-box p {
    width: 100%;
}

.sm-icon-box1 {
    background: #ffffff;
    border-radius: 6px;
    /* border: 1px solid #eeeeee; */
    padding: 35px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 50px;
    box-shadow: 1px 1px 15px 1px #eaf5ff;
}
.sm-icon-box1 img {
    width: 60px;
    height: 60px;
    padding-left: 0;
    margin: 40px 0;
}
.sm-icon-box1 p {
    width: 100%;
}

.sm-icon-box2 {
    background: #ffffff;
    border-radius: 6px;
    /* border: 1px solid #eeeeee; */
    padding: 35px;
    text-align: left;
    margin-bottom: 30px;
    /* padding-bottom: 50px; */
    box-shadow: 1px 1px 15px 1px #eaf5ff;
    display: flex;
}
.sm-icon-box2 img {
    width: 80px;
    height: 80px;
    padding-left: 0;
    float: left;
    margin-right: 30px;
    margin-bottom: 0px !important;
}
.sm-icon-box2 p {
    width: 100%;
}
.sm-icon-box2 p strong {
    font-weight: 400;
    font-size: 20px;
    color: #1747CE;
}


.space-120 {
    height: 120px;
}
.accordion-item .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
    font-weight: 400;
    font-size: 20px;
    height: 72px;
}
.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    font-size: 17px;
    line-height: 1.8;
}
/* .variation-img-container img {
    height: 150px;
    width: 100%;
    object-fit: cover;
    object-position: center;
} */

/* Mobile Devices */

@media(max-width: 576px){



   html{

    font-size: 79%;

   }







 



   .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        /* display: block !important; */
        width: 100%;
        display: flex;
        text-align: center;
        left: 30px;
        bottom: 50px;
        width: 100%;
    }



    .variation-content {

        /* height: 14.125rem; */
        height: auto;

    }

    .data-center-component .col-6 {
        margin-bottom: 30px !important;
    }

    .opacity-md {
        opacity: 0.5;
        height: 600px;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        opacity: 1;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-img-container img {

        height: 100px;

        object-fit: cover;

    }



    .blog-content p {

        font-size: 0.9rem;

        line-height: 19px;

        text-align: justify;

    }





    .blog-img-container img {
        height: 12.8rem;
        object-fit: cover;
        object-position: top;
    }



  



    .slider-title {

        display: block;

        font-weight: 700;

        font-size: 1.2rem;

    }



   







    .caption h1 {

        font-size: 2rem;

    }



    .slider-title {

        display: block;

        font-weight: 700;

        font-size: 1.9rem;

    }



    .caption h1 {

        font-size: 1.4rem;

    }





  





    .caption p,

    .caption .reusable-btn {

       display: none;

    }



    .hero-component .owl-carousel .owl-stage-outer, .hero-component {

        height: auto;

    }



 



    .expertise-component .right-sider-conent-container p {

        width: 100%;

    }



    

    .about-component .right-sider-conent-container p {

        width: 100%;

    }





    .describe-container {

      border: 1px solid #d9d9d9!important;

    }

   





  



    

}   

/* End Responsive Design */



@media(max-width: 400px){





    .hero-component .owl-carousel .owl-stage-outer, .hero-component {
        height: 500px;
    }



    .data-center-component ,

    .about-component{

        text-align: left;

    }



    .expertise-component .right-sider-conent-container {

        text-align: left;

    }



    

    .about-component li a {

        justify-content: left;

    }



    .main-thee-social-icons span {

        display: none;

    }





}





/* Start fixed video container */



/* end fixed container  */

@media(max-width: 992px){

    .container {

        width: 100%;

    }

}




.mb-100 {
    margin-bottom: 100px !important;
}
.sm-icon-box2 ul {
    margin-left: 15px;
}
.sm-icon-box2 ul li {
    list-style: disc;
    margin-bottom: 10px;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.inner-box {
    background: #f4fafe;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
    border-right: 5px solid #ffffff;
    display: flex;
}
.inner-box p:first-child {
    color: #1747CE !important;
}
.text-blue {
    color: #1747CE !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
#talkwithexpert .form-control {
    margin-bottom: 10px !important;
    height: 50px;
}
#talkwithexpert textarea.form-control {
    margin-bottom: 10px !important;
    height: auto;
}
#talkwithexpert .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 12px;
}
#talkwithexpert h1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#talkwithexpert .modal-body {
    padding: 0;
}
.talkwithexpert-form {
    padding: 20px;
    padding-bottom: 30px;
    padding-right: 40px;
}
#talkwithexpert .modal-content {
    border-radius: 0;
}
.form-grey-bg {
    background: #eeeeee;
}
.form-img {
    padding-left: 15px;
}
.ul-style {
    margin-top: 20px;
    margin-left: 20px;
}
.ul-style li {
    list-style: circle;
}
.box-bg {
    background: #1747ce;
    padding: 20px 40px;
    border-radius: 6px;
    color: white;
  }
.box-bg h4 {
    font-weight: 700;
}
.action-box {
    background: #0C39B5;
    color: white;
    padding: 20px;
    position: relative;
    border-radius: 10px;
    display: flex;
}
.action-box:before {
    content:'';
    background: #ffffff10;
    opacity: 2;
    width: 200px;
    height: 200px;
    border-radius: 0px 0px 0px 500px ;
    position: absolute;
    top: 0;
    right: 0;
}
.action-box:after {
    content:'';
    background: #ffffff10;
    opacity: 2;
    width: 100px;
    height: 100px;
    border-radius: 0px 100px 0px 0px ;
    position: absolute;
    bottom: 0;
    left: 0;
}
.partner-logos img {
    border: 1px solid #eeeeee;
}
.contact-form input, .contact-form select {
    height: 50px;
    border: 0;
}
.contact-form textarea {
    border: 0;
}
.pt-150 {
    padding-top: 150px;
}
.contact-form {
    background: #eff6fc;
    padding: 40px;
    border-radius: 10px 60px 10px 60px;
}
.font-weight-700 {
    font-weight: 700;
}
.locations .tab-content {
    width: 100%;
    background: #eff6fc;
    padding: 20px;
    border-radius: 10px;
}
.locations img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.contact-info {
    margin-bottom: 15px;
}
.locations #v-pills-tab {
    width: 240px;
    text-align: left;
}
.locations #v-pills-tab button {
    text-align: left;
    margin-bottom: 5px;
    height: 50px;
    border: 0;
}
.locations .nav-pills .nav-link.active:hover {
    color: white;
}
.locations .nav-pills .nav-link:hover
{
  color: #1747ce;
}
.locations .nav-pills .nav-link.active, .locations .nav-pills .show > .nav-link {
    background-color: #1747ce;
}
.locations .nav-pills .nav-link {
    background: #eff6fc;
}
.locations .contact-info i, .contact-info span  {
    color: #333333;
}



.why-choose .tab-content {
    width: 100%;
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
}
.why-choose img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.why-choose #v-pills-tab {
    width: 240px;
    text-align: left;
}
.why-choose #v-pills-tab button {
    text-align: left;
    margin-bottom: 5px;
    height: 70px;
    /* border: 0; */
    font-size: 18px;
}
.why-choose .nav-pills .nav-link.active, .why-choose .nav-pills .show > .nav-link {
    background-color: #1747ce;
    border: 1px solid #1747ce;
}
.why-choose .nav-pills .nav-link {
    /* background: #eff6fc; */
    border: 1px solid #eee;
}
.why-choose #v-pills-tab button:hover {
    color: #ffffff;
    border: 1px solid #1747ce;
}
.why-choose .contact-info i, .contact-info span  {
    color: #333333;
}
.why-choose-data {
    font-size: 28px;
}
.float-left {
    float: left;
}
.sec-padd {
    padding: 80px 0;
    /* background: #f8f8f8; */
}
.v-pills-tabContent h4 {
    font-weight: 700;
}
@media(max-width: 768px) {
    .inner-page-banner {
        height: auto;
    }
    .p-0 {
        padding: 15px !important;
    }
    
    .video-bg-large {
        width: 100%;
        transform: scale(-1, 1);
    }
}



.br-r-10 {
    border-radius: 10px;
}
#button {
    display: inline-block;
    background-color: #BD1C2C;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button::after {
    content: "\f102";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    line-height: 50px;
    color: #fff;
}
#button:hover {
    cursor: pointer;
    background-color: #333;
}
#button:active {
    background-color: #555;
}
#button.show {
    opacity: 1;
    visibility: visible;
}
.why-isit {
    position: relative;
    overflow-y: hidden;
}
.bg-video {
    position: absolute;
    top: 0;
    opacity: 0.3;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.why-choose-text {
    position: absolute;
    background: #0c39b5;
    right: 0;
    top: 0;
    padding: 10px 20px;
    border-radius: 0 10px 0 10px;
    font-size: 20px;
    color: white;
  }
.tab-content {
    position: relative;
}

.list-style-circle {
    list-style: circle;
    margin-left: 20px;
}
.video-bg-large {
    height: 600px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    width: 140%;
    object-fit: cover;
    object-position:center;
    /* transform: scale(-1, 1); */
}
.hero-component .owl-carousel .owl-stage-outer .item:before {
    content: '';
    background: #0C39B5;
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 0;
    opacity: 0.6;
    display: none;
}
.slider-content {
    position: absolute;
    z-index: 1;
    padding-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
    top: 0;
}
.cloud-slide video {
    width: 100%;
    position: relative;
    z-index: -1;
}
.last-slide:before {
    opacity: 0.8 !important;
}
canvas {
    display: block;
    vertical-align: bottom;
  }
  /* ---- tsparticles container ---- */
  #tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: transparent;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
  
  #tsparticlesinner {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0;
    background-color: rgb(0 0 44 / 46%);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
  .pl-0 {
    padding-left: 0 !important;
  }
  .cs-ul {
    margin-top: 15px;
  }
  
  .cs-ul li {
    list-style: circle;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  .inner-page-banner .container {
    position: relative;
    z-index: 2;
  }
  .contact-info a {
    color: black;
  }
  .lh-xsm {
    line-height: 0.7 !important;
  }
@media (min-width: 500px) {
    #button {
      margin: 0px 0 120px;
    }
}


@media(max-width: 768px) {
    .locations img {
        width: 100%;
        height: 130px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .about-locations {
        padding: 80px 0;
        padding-top: 0 !important;
    }
    .why-isit-box {
        margin-bottom: 30px !important;
    }
    .talkwithexpert-form {
        padding-right: 20px !important;
    }
    #talkwithexpert img {
        padding: 40px;
    }
    .pt-150 {
        padding-top: 50px !important;
    }
    .why-choose #v-pills-tab button {
        font-size: 12px;
    }
    .why-choose img {
        width: 100%;
        height: 130px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
        margin-bottom: 10px;
        padding-left: 0;
        margin-top: 20px;
    }
    .inner-page-banner h1 {
        font-size: 28px;
    }
    .inner-page-banner h6 {
        font-size: 13px;
    }
    a.reusable-btn.main-reusable-btn {
        margin-bottom: 30px;
    }
    .variation-img-container img {
        height: 100px;
    }
    #talkwithexpert img {
        padding: 40px;
        width: 300px;
        margin: 0 auto;
        margin-left: auto;
        margin-left: 12%;
    }
    .sec-padd {
        padding: 20px 0;
    }
    .why-choose-text {
        position: absolute;
        width: 100%;
        font-size: 16px;
    }
    .why-choose1 .tab-pane h4 {
        margin-top: 34px;
    }
    .action-box {
        display: block;
    }
    .action-box img.img-fluid {
        width: 200px;
        float: none;
    }
    .sm-icon-box {
        margin-bottom: 0;
    }
    .why-choose-data {
        font-size: 18px;
    }
    .sm-icon-box2 img {
        width: 54px;
        height: 54px;
        padding-left: 0;
        float: left;
        margin-right: 20px;
        margin-bottom: 0px !important;
    }
}



@media (min-width:769px) and (max-width:1024px) {
    .why-do-business .col-md-7, .why-do-business .col-md-5 {
        width: 100%;
        max-width: 100%;
    }
    .why-do-business .col-md-5 h2 span {
        display: none;
    }
    .why-do-business .col-md-4 {
        width: 50%;
        max-width: 50%;
    }
    .why-do-business .col-md-4 .experience-card {
        height: 300px;
        margin-bottom: 30px !important;
    }
    .right-sider-conent-container span.d-md-block {
        display: none !important;
    }
    .why-do-business .col-md-7 .align-items-center {
        align-items: start !important;
    }
}

@media(max-width: 576px){
 
    .hero-component .owl-dots, .data-center-component .owl-dots {
         /* display: block !important; */
         width: 100%;
         width: 100%;
        display: flex;
        text-align: center;
        left: 0;
        bottom: 50px;
        width: 100%;
        justify-content: center;
     }

}


.owl-carousel.data-slider .owl-dots.disabled, .owl-carousel.data-slider .owl-nav.disabled {
    display: none;
}
.owl-carousel.hero-slider .owl-nav.disabled {
    display: none;
}
.slider-overlay-blue {
    content: '';
    background: #0C39B5;
    height: 100%;
    width: 108%;
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 0;
    opacity: 0.6;
    display: none;
}








.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #ffffff;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 10px !important;
    height: 10px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: white !important;
    width: 1.625rem !important;
    height: 10px !important;
    border-radius: 10px !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0px;
    width: 100%;
    display: flex !important;
    bottom: 50px !important;
    z-index: 111 !important;
    margin-right: 6% !important;
    margin-left: 6% !important;
}


.inner-page-video {
    width: 100%;
    height: 300px;
    object-position: center;
    object-fit: cover;
    border-radius: 10px;
}


@media(max-width: 768px) {
    .hero-component .owl-carousel .owl-stage-outer .item:before {
        content: '';
        background: url(../img/blue-bg.jpg);
        height: 100%;
        width: 100%;
        position: absolute;
        top:0;
        right:0;
        left:0;
        bottom:0;
        z-index: 0;
        opacity: 0.6;
        display: none;
    }
    .slider-content {
        padding-left: 30px;
    }
    #button {
        bottom: 90px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 30px !important;
    }
}