.dropdown-content {
    min-width: 30vw;
    z-index: 1;
    color: #fff;
    background-color: rgba(90, 133, 175, 0.68);
    padding: 0;
}

.dropdown-content .headline {
    background-color: #0CA7DE;
    padding: 10px 5px;
    text-align: center;
    font-size: 20px;
}

.dropdown-content .row {
    padding: 10px 12px;
}



.dropdown-content:hover {
    display: block;
}

.dropdown-content a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 8px; */
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    vertical-align: center;
}

.dropdown-content a:hover {
    /* background-color: #efefef; */
    /* border-radius: 4px; */
    color: #fff;
}

.book-demo {
    position: absolute;
    right: 1px;
    margin-right: 12px;
    top: 0;
    color: #fff;
}

.book-demo .button {
    height: auto;
    width: 140px;
    margin: 10px auto;
    border-radius: 5px;
    padding: 4px 10px;
    border: none;
    background: #0CA7DE;
    display: inline-block;
    outline: none;
    transition: all 0.2s ease;
    cursor: pointer;

}

.search-box {
    width: 400px;
    height: 50px;
    background-color: white;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.search-box>i {
    font-size: 15px;
    color: #777;
}

.search-box>input {
    flex: 1;
    height: 40px;
    border: none;
    outline: none !important;
    font-size: 18px;
    padding-left: 10px;
}

.icon-search {
    font-size: 25px;
    color: black;
}



.header-container .header-nav .sub-nav .sub-nav__title {
    padding: 20px 40px;
    width: 100%;
    text-align: center
}

/* .search-body {
    width: 100vw;
    display: flex;
    justify-content: center;
} */

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 40px;
    bottom: 0;
    left: 0;
    background: linear-gradient(29deg, rgba(68, 193, 239, 0.9) 0, rgba(128, 177, 226, 0.9) 49%, rgba(90, 118, 133, 0.95) 94%);
    visibility: visible;
    border-radius: 15%;

}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link :after {
    content: '';
    display: block;
    border-radius: 30px;
    height: 4px;
    transition: .3s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* opacity: 0; */
    /* background: linear-gradient(29deg,rgba(38,181,235,.9) 0,rgba(111, 137, 180, 0.9) 49%,rgba(137, 198, 242, 0.95) 94%); */

}

.card {
    min-height: 245px;
    background-color: #fff;
    padding: 15px 15px 15px 0;
    /* box-shadow: 0 0 13px 0 #625e5e; */
    border-radius: 7px;
    min-height: 230px;

}

.tab-pane {
    height: auto;
    display: flex;

}

.row .row1 {
    background: #3ebed;
    padding: 97px 0 70px;
    width: 100%;
}

.row .row1 .row3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    margin-left: 150px;
    width: 80%;

}

.row .row1 .row3 .box2 {
    margin: 30px;
    background-color: white;
    height: 300px;
    width: 100%;
    animation: boxAni 3s;
}

.row .row1 .row3 .box2:hover {
    margin: 30px;
    background-color: white;
    height: 300px;
    width: 100%;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.row .row1 .row3 .box2 p {
    color: #000;
    font-size: 15px;
    margin: 50px;
}

.row .row1 .row3 .bo1 {
    display: flex;
}


.row .row1 .row3 .bo1 .box2 {
    animation: boxAni 3s;
        padding-left: 2%;

}

@keyframes boxAni {
    from {
        opacity: 0;
        transform: translateX(-200px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.tab-pane .box {
    /* height: 800px; */
    background-color: #f8f6f6;
    width: 100vw !important;
    max-height: 100vh;
    padding-left: 60px;
    /* margin-top: 30px; */
    border: #f8f6f6;
    box-shadow: 10px 10px 5px rgb(242, 238, 238);

    animation-name: sample1;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;

}

.our-purpose {
    text-align: center;
}

.our-purpose h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    /* margin-left: 200px; */

}
.margin{
        margin-left: 500px;

}
.our-purpose h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 3px;
    background: #0CA7DE;
    bottom: 0;
    left: calc(50% - 50px);
}

@keyframes sample1 {
    from {
        width: 50%;
    }

    to {
        width: 100%;
    }
}

.tab-pane .box p {
    font-weight: 500;
    /* color:#6c757d; */
}

#logo {
    padding-left: 20px;
    padding-bottom: 48px;
}

.tab-pane .box img {
    margin-top: 20px;
}

#box1 {
    padding-top: 30px;
    height: 400px;
}

#box1 p {
    margin-top: 10px;
}

#tab-pane1 {
    height: 400px;
}

.testim {
    width: 90vw;
    /* height: 50vh; */
    display: flex;
    flex-direction: row;
    /* margin: 30vh auto 10vh auto; */
    margin: 100px auto;
    position: relative;
    height: 50vh !important;

}

.testim-first {
    margin-top: 150px;
}

.testim img {
    position: absolute;
    /* height: 250px; */
    width: 220px;
    border-radius: 50%;
    top: 20%;
    left: 7%;
    filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
    z-index: 1;
}

.block1 {
    width: 20%;
    background-color: #ededee;
    border-radius: 10px 0 0 8px;
    height: 120%;


}

.block-1 {
    background-color: #e1e1e3;
    border-radius: 8px 0 0 8px;
    padding: 5rem;

}

.block-2 {
    background: linear-gradient(40.14deg, #5886a4 0, #0d6fb4 54.1%, #05a9e1 98.3%);

    /* padding: 90px !important; */
    border-radius: 0 8px 8px 0;


}

.block2 {
    /* border: 1px solid black; */
    width: 80%;
    height: 120%;
    background: linear-gradient(40.14deg, #4e318e 0, #0d6fb4 54.1%, #05a9e1 98.3%);
    /* display: flex;
justify-content:center;
align-items:center; */
    padding: 90px !important;
    border-radius: 0 8px 8px 0;
}

.testim .quote p {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}

.testim .quote {
    position: relative;
}

.testim .quote>p::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 20px;
    height: 3px;
    background: #fff;
}

.testim .quote>p::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 30px;
    width: calc(100% - 30px);
    height: 3px;
    background: #fff;
}

.item-info {
    position: absolute;
    right: 0;
    top: 100px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.item-info h4 {

    font-size: 20px;
    color: #fff;
    font-weight: 700;

}

.block-2 button {
    background-color: transparent;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    padding: 7px 25px;
    border-color: #fff;
    border-radius: 8px;
    color: #fff;
    margin-top: 50px;
}

.block-2 button:hover {
    background: linear-gradient(29deg, #26b5eb 0, #1cafbc 49%, #1ab174 94%);
    color: #fff;

}

.quote::before {
    background-image: url(https://cms.jibecdn.com/prod/wipro/assets/LP-SKU-B4-MARKS_2-en-us-1603289974417.png);
    left: 35px;
    top: 35px;
    position: absolute;

}

.modal-header {
    background: linear-gradient(40.14deg, #4e318e 0, #0d6fb4 54.1%, #05a9e1 98.3%);
    color: #fff;
}

.carousel {
    max-width: 100vw;
    margin: 150px auto 0;
}

.carousel-item {
    max-width: 650px;
}

.carousel-inner {
    padding: 60px;
    background: #fff;

}

.carousel-inner .quote p {
    color: #fff;

}


.u-clearfix u-image u-shading u-section-1 {
    margin: 20px !important;

}

.content .heading-section h2 {
    font-size: 35px;
    /* padding-top: 40px; */

}

.counter {
    position: absolute;
    bottom: 5vh;
}

.nav-item .nav-link {
    color: #0a89b7 !important;
    font-weight: 700;
}
.active, .nav-item .nav-link:hover{
   text-decoration: underline;
   color: #FFD012 !important;
}


.book-now {
    /* width: 130px !important; */
    border-color: #ffaf00;
    /* color: #0CA7DE; */
    text-align: center;
    /* padding: 13px !important; */
    background: #FFD012;

}

.book-now:hover {
    background-color: #0CA7DE;
    color: #fff;
}

.mx-5 {
    margin: 10px 50px !important;
}

.product #logo {
    padding-left: 0px;
    width: 15vw;
    max-width: 80vw;
    margin-top: -1030px;
    margin-left: 380px;
    /* background-color: #05a9e1; */
}

.product {
    /* margin-top: 0vh; */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    /* padding: 30px; */
    background-color: #f7f7f7;
}

.tab-pane ol li {
    padding: 4px 5px;
}

.product .section-bg {
    background: linear-gradient(29deg, #f5f6f8 0, #f6f7f8 49%, #f8fafb 94%);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 10px;
}

.mt-full {
    margin-top: 10vh;
    /* padding: 10px; */
}

.industry img {
    /* border-radius: 10px; */
    /* padding-left: 100px/; */
    width: 500px;
    padding-left: -40px;
    padding-top: 30px;
    



}

.clients .clients-wrap {
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.clients .client-logo {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    background: #fff;
    height: 100px;
}

.clients .client-logo img {
    transition: all 0.3s ease-in-out;
    height: 70px;
    /* filter: grayscale(100%); */
}

.photo-banner {
    width: 100%;
    /* margin-left: -10px; */
    padding-top: 10px;

    max-height: 90vh;
}

.banner {
    height: 100%;
    opacity: 0.9;
    z-index: 0;
}

/*	gallery */

.gallery-title {
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

.filter-button {
    font-size: 18px;
    border: 2px solid #3F6184;
    padding: 5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
    background: transparent;
    border-radius: 15px;
}

.filter-button:hover,
.filter-button:focus,
.filter-button.active {
    color: #ffffff;
    background-color: #3F6184;
    outline: none;
}

.gallery_product {
    margin: 0px;
    padding: 0;
    position: relative;
}

.gallery_product .img-info {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    overflow: hidden;
    color: #fff;
    top: 0;
    display: none;
    -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info {
    display: block;
    -webkit-transition: 2s;
    transition: 2s;
}

.img-responsive {
    width: 100%;
    height: auto;
    padding: 5px;


}

.galleries {
    margin: 10px 24px;}

/*	end gallery */
.dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
}

.ftco-footer-widget ul {
    text-align: initial;
}

.ftco-footer .ftco-footer-widget h2 {
    text-align: initial;
    /* margin-left: -30px; */
}


.ftco-footer .ftco-footer-widget #head {
    text-align: left;
}

.content .heading-section .heading {
    background: #eee;
}

#about-section {
    margin-top: -22vh;
    z-index: 9;
}

@media (min-width:320px) and (max-width:500px) {

    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    #about-section .row {
        margin-top: auto;
        margin-left: 2px;
        margin-right: 2px;
    }
    #about-section {
        margin-top: 0px;
        /* z-index: 9; */
    }
    .ftco-no-pt {
        padding-top: 1em !important;
    }

    .counter {
        position: unset;
    }

    .content .heading-section h2 {
        font-size: 25px;
        margin: auto 1px;
    }

    #main-logo {
        color: #FFF;
        font-family: Cabin, sans-serif;
        /* font-size: 1.5rem; */
        font-weight: bold;
        width: 35vw;
    }

    .our-purpose .heading {
        width: 100vw !important;
        background: #fff;
        text-align: center;

    }

    .our-purpose .heading span {
        background: var(--cyan);
        color: #f0f4f7;
        display: inline-block;
        padding: 5px 20px;
        clip-path: polygon(100% 0, 93% 50%, 100% 99%, 0% 100%, 7% 50%, 0% 0%);
        margin-bottom: 20px;
    }

    .testim img {
        top: 0%;
        left: 16%;
    }

    .testim {
        width: 100vw !important;
        /* margin-left: -22%; */

    }

    .testim .quote p {
        color: #fff;
        font-size: 16px;
        margin-top: 80px;
    }

    .block-2 {
        padding: 15px !important;
    }

    .item-info {
        position: absolute;
        right: 0;
        top: auto;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
    }

    .tab-pane .box {
        padding: 20px;
    }

    .product #logo {
        padding-left: 0px;
        width: 70vw;
        max-width: 80vw;

    }

    #tab-pane1 {
        height: 100vh;
    }

    .product {
        margin-top: 5vh;

        /* padding: 10px; */
    }

    .product #logo {
        width: 60vw;
        max-width: 100% !important;
    }

    #main-logo {
        width: 50vw !important;
    }

    .mt-full {
        margin-top: 8vh;
        padding: 10px;
    }

    section.u-image:not(.u-hover-box),
    .u-sheet.u-image:not(.u-hover-box),
    .u-group.u-image:not(.u-hover-box),
    .u-layout-cell.u-image:not(.u-hover-box) {
        margin: 0;
    }
    .text-overlay {
        top: 1vh;
        top: -4.5vh !important;

    }
    #about-section .row .image img {
       
        height: 200px !important;
        /* animation: transitionIn1 3s; */
    }
    .heading-section h2{
        font-size: 21px;
    /* margin: 15px -30px !important; */
    }
    .navbar-toggler { 
        margin-top: -35px;
    }
    .text-overlay {
        
        height: 96%;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.5);
        margin-top: 7.5vh;
    }
    .hero-overlay{
        background-color: rgb(49 50 50);
    }
    .team .team-img {
       
        margin-top: 1vh !important ;
        /* width: 100%; */
    }
    .team .team-img .T-img {
        background-color: white;
        /* margin: 30px; */
        z-index: 1;
        height: auto;
        width: 100vw !important;  

      }
      .team .team-img .T-img img {
        height: 250px;
        width: 90vw !important;
        padding: 10px !important;
      
    }
    .industry img {
        padding-left: 0px;
    }
    .text-overlay h2{
        font-size: 30px !important ;
    }
    .dropdown-menu {
        left: 50%;
        transform: translateX(-10%);
    }
}

@media (min-width:480px) {
    /* smartphones, Android phones, landscape iPhone */

}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
}

@media (min-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}

.sentence {
    font-style: oblique;
    font-size: 30px;
    color: #0CA7DE;
}

.row mx {
    margin-left: 0%;
    margin-right: 0%;
    border-radius: inherit;
    padding-top: 50px;
    max-width: 100%;
    margin-left: 100px;
    height: auto;
}

.industry p {
    color: #000 !important;
}

.navbar-toggler {
    background-color: #0a89b7;
}

.clients .img-product {
    /* transform: rotateY(0); */
    transition: all 1s;
}

.clients:hover .img-product {
    /* transform: rotateY(-90deg); */
}

.clients .img-product {
    width: 60%;
    height: 60%;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    transition: all .5s !important;
}

.clients .img-product:hover {
    /* transform: rotateY(0); */
    width: 70%;
}

.size {
    padding-bottom: 100px;
}



.team .team-img {
    display: flex;
    /* padding-left: 35px;*/
    /* padding-right: 30px;  */
    /* margin-left: 90px;
    margin-right: 20px;
    margin-bottom: 50px; */
    width: 100vw;
    justify-content: center;
    margin-top: -35vh;

    width: 100%;
    
}

.team .team-img .T-img {
    background-color: white;
    /* margin: 30px; */
    z-index: 1;
    height: auto;
    width: fit-content;
    padding: 10px;
    /* margin: 45px; */

}

.team .team-img .T-img h3 {

    text-align: center;
    font-size: 18px;
    color: #050129;
    font-weight: 500;
}
.team .team-img .T-img p {
    text-align: center;
    font-size: 14px;
    color: #616161;
    padding: 0px;
    margin-bottom: 25px;

}


.team .team-img .T-img img {
    height: 250px;
    width: 200px;
    /* padding-left: 10px; */
    overflow: hidden;
    margin: 20px;
}

.photo-banner1 {
    width: 100%;
    padding-top: 10px;

    max-height: 80vh;
}

.banner1 {
    height: 100%;
    opacity: 0.9;
    z-index: 0;
}

.img-responsive1{
    width: 700px;
}
.dummy{
    padding-bottom: 50px;
    height:450px;
    padding-left: 900px;
    /* margin-bottom: -350px; */
    


}


.product .MainCon {
    /* margin-top: 50px; */
    width: 100%;
    /* background-color: rgb(178, 203, 204); */
    background-color: #cee2e9 !important;
    margin-right: 15px;

    /* height: 500px; */
}

.product .MainCon .con3 {
    display: flex;
    margin-left: 130px;
}

.product .MainCon .con3 .icon1 {
    height: 200px;
    width: 300px;
    background-color: #cee2e9 !important;


    /* background-color: #0989b8; */
    margin: 20px;
    margin-left: 40px;
    padding-top: 20px;
}

.product .MainCon .con3 .icon1 i {
    height: 80px;
    width: 150px;
    margin-left: 90px;
    /* border: 2px solid black; */
}
.product .MainCon .con3 .icon1 h4{
    font-size: 15px;
}
.nav-item1{
    color: #fff !important;
}
.logo
{
    margin-left: 180px;
    margin-top: 90px;
}
# head{
    color: white;
}
.css{
    text-align: left;

}
.logo1{
    height: 120px;
    width: 150px;
    
}