@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* {
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    padding: 0%;
    margin: 0%;
    font-family: "Poppins", sans-serif;
}


html {
    scroll-behavior: smooth;
}

:root {
    --color-yellow-btn: #FFEF61;
    --color-orange: #ff792d;
    --color-gray: #888888;


}

.web-container a {
    color: black;
    text-decoration: none;
}

button.btn-style {
    background: var(--color-yellow-btn);
    padding: 10px 20px;
    border-radius: 5px;
    color: black;
}

/* NAV bar */
.web-container .scroll1 {}

.web-container .scroll1 img {
    width: 120px;
    animation: anm-1 1.5s linear;
}

@keyframes anm-1 {
    40% {
        transform: perspective(200px) rotateX(40deg);
    }
}

.web-container .navbar {
    align-items: baseline;
}

.web-container .scroll1 #navbarText {
    gap: 50px;
    align-items: baseline;
    margin-top: 25px;
}

.web-container .scroll1 a.active {
    color: var(--color-orange) !important;
    font-weight: 600;
}

.web-container .scroll1 #navbarText a {
    font-size: 19px;
    margin-inline: 10px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    word-spacing: nowrap;

    white-space: nowrap;

}

.web-container .after-scroll-nav #navbarText a {
    color: gray;
    font-size: 16px;
}

.web-container .on-click-bg-color {
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(8px);
    color: black;
}

.web-container .on-click-bg-color a {
    color: black !important;
}

.web-container .scroll1 #logo-2 {
    display: none;
}

.web-container .after-scroll-nav {
    background: rgb(255, 252, 252);
    color: black;
    position: fixed;
    top: 0px;
    left: 0px;
    box-shadow: 0px 10px 5px rgba(100, 93, 12, 0.055);
    animation: nav-anim 0.3s linear;
}

@keyframes nav-anim {
    0% {
        top: -50px;
        scale: 0.8;
    }

    100% {
        top: 0;
    }
}

.web-container .after-scroll-nav #navbarText a {
    font-weight: 500;
}

.web-container .after-scroll-nav .active-nav-btn {
    color: rgb(2, 2, 2) !important;
    font-weight: 600;
}

.web-container .after-scroll-nav #logo {
    display: none;
}

.web-container .after-scroll-nav #logo-2 {
    display: inline-block;
}

.web-container nav .nav-btns button span {
    display: inline-block;
    transition: all 0.3s linear;
}

.web-container nav .nav-btns button:hover span {
    translate: 0px -40px;
}

/* ========================BANNER */
.web-container .banner {
    padding-top: 90px;
    padding-left: 0px;
    width: 100%;
    /* background: #c3c8f4; */
    background: linear-gradient(90deg, rgb(1, 12, 68) 50%, rgb(0, 120, 195) 100%);
        /* overflow: hidden; */
}

.web-container .banner .banner-left {
    margin-bottom: 70px;
    padding-top: 80px;
}

.web-container .banner .banner-left p {
    padding-left: 10px;
    font-size: 18px;
    color: #ffffff !important;

}

.web-container .banner .banner-left p span {
    color: #00e7ff;
    font-size: 20px;
    font-weight: 700;
}


.web-container .banner .banner-left p i {

    animation: banner-index-anim 3s linear infinite;
}

@keyframes banner-index-anim {
    50% {
        translate: -8px;
    }
}

.web-container .banner .banner-left h1 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff !important;
}

.web-container .banner .banner-left h1 span {
    animation: plus-anim 7s linear infinite;
    display: inline-block;
}

@keyframes plus-anim {
    20% {
        color: red;
        text-shadow: 0px 0px 10px rgba(125, 89, 17, 0.164);
    }

    80% {
        color: red;
        text-shadow: 0px 0px 10px rgba(125, 89, 17, 0.205);
    }
}

.web-container .banner .banner-right img {
    width: 100%;

    display: block;
    padding-top: 40px;
}


/* ******************* infografic */
.web-container .infografic {
    padding-block: 100px;
    padding-inline: 20px;
}

.web-container .infografic .header {
    text-align: center;
    max-width: 800px;
    margin: auto;
}

.web-container .infografic .header h2 {
    color: rebeccapurple;
}

.web-container .infografic .header p {
    color: rgb(0, 0, 0);
    font-size: 20px;
    margin-top: 20px;
}

.web-container .infografic .cards {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.web-container .infografic .cards .cardd {
    width: 100%;
    max-width: 500px;
    background: lightblue;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 150px;
    position: relative;
    display: block;
    min-height: 200px;
    text-align: justify;
}

.web-container .infografic .cards .cardd:nth-child(1) img.arrow {
    position: absolute;
    bottom: 50px;
    right: -30%;
    width: 100px;
}



.web-container .infografic .cards .cardd:nth-child(2) img.arrow {
    position: absolute;
    bottom: -120px;
    left: 50%;
    translate: -50%;
    width: 100px;
    rotate: 90deg;
}


.web-container .infografic .cards .cardd:nth-child(3) img.arrow {
    position: absolute;
    bottom: -120px;
    left: 50%;
    translate: -50%;
    width: 100px;
    rotate: 90deg;
}


.web-container .infografic .cards .cardd:nth-child(4) img.arrow {
    position: absolute;
    bottom: 50px;
    left: -20%;
    width: 100px;
    rotate: 180deg;
}




.web-container .infografic .cards .cardd:nth-child(1) {
    background: #F6AD09;

}

.web-container .infografic .cards .cardd:nth-child(2) {
    background: #A0B204;
}


.web-container .infografic .cards .cardd:nth-child(3) {
    background: #F7BFBE;
}

.web-container .infografic .cards .cardd:nth-child(4) {
    background: #EB8310;
}


.web-container .infografic .cards .cardd:nth-child(5) {
    background: #89C7BC;
}




.web-container .infografic .cards .cardd p {
    font-size: 15px;
}

.web-container .infografic .cards .cardd h4 {
    font-size: 25px;
    line-height: 38px;
    font-weight: 600;
    color: #000000c6;
    text-transform: uppercase;
}

.web-container .infografic .cards .cardd {
    padding-right: 100px;
}


.web-container .infografic .cards .cardd img.card-imgg {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 50% -50%;
    width: 120px;
}






/* ********************How it works */
.web-container .how-works {
    padding-block: 100px;
}

.web-container .how-works .header {
    text-align: center;
    margin-bottom: 80px;
}

.web-container .how-works .cards {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;

    animation: how-anim 1s linear forwards;
    animation-timeline: view();
    animation-range: entry 100px;
}

@keyframes how-anim {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.web-container .how-works .cards .cardd {
    position: relative;
    padding: 25px;
    display: flex;
    align-items: center;
    background: #F8F8F8;
    border-radius: 10px;
    overflow: hidden;
}

.web-container .how-works .cards .cardd::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #241442;
    transition: all 0.4s linear;
}

.web-container .how-works .cards .cardd:hover {
    color: white;
    z-index: 1;
}


.web-container .how-works .cards .cardd:hover::after {
    width: 110%;
    height: 105%;
    border-radius: 0px;

}

.web-container .how-works .cards .cardd .card-content {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 2;
}

.web-container .how-works .cards .cardd .card-content>div {
    height: 70px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: linear-gradient(130deg, #7A66FF 0%, #EBDFFF 115%);
    box-shadow: 0 4px 10px #d0d0d03c;
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 600;
    color: white;
}


.web-container .how-works .cards .cardd:nth-child(2) .card-content>div {
    border: 1px solid #FF9D95;
    background-image: linear-gradient(130deg, #F57064 0%, #FFD0CC 115%);
    width: 120px;
    height: 70px;

}


.web-container .how-works .cards .cardd:nth-child(3) .card-content>div {
    border: 1px solid #6CE1DC;
    background-image: linear-gradient(130deg, #45C8C2 0%, #B6F7F4 115%);
    width: 130px;
    height: 70px;
}


.web-container .how-works .cards .cardd:nth-child(4) .card-content>div {
    border: 1px solid #98DF76;
    background-image: linear-gradient(130deg, #6ADE33 0%, #C8EFB6 115%);
    width: 90px;
    height: 70px;
}

.web-container .how-works .cards .cardd:nth-child(5) .card-content>div {
    border: 1px solid #89DAFD;
    background-image: linear-gradient(130deg, #3FC6FF 0%, #D7F3FF 115%);
    width: 150px;
    height: 70px;
}

.web-container .how-works .cards .cardd:nth-child(6) .card-content>div {
    border: 1px solid #FEC269;
    background-image: linear-gradient(130deg, #FFA41F 0%, #FFE3BB 115%);
    width: 150px;
    height: 70px;
}

.web-container .how-works .cards .cardd .card-content p {
    margin-bottom: 0;
    font-size: 17px;
}



.web-container .how-works .cards .cardd:hover .card-content>div {
    color: transparent;
}

.web-container .how-works .cards .cardd .card-content>div {
    position: relative;
    overflow: hidden;
    transition: all 0.5s linear;

}

.web-container .how-works .cards .cardd .card-content>div::after {
    content: "";
    color: white;
    position: absolute;
    left: 50%;
    top: 110%;
    translate: -50%;
    transition: all 0.5s linear;
    z-index: 5;
    overflow: hidden;
}

.web-container .how-works .cards .cardd:hover .card-content>div::after {
    top: 30%;
}


.web-container .how-works .cards .cardd:nth-child(1) .card-content>div::after {
    content: "1";
}

.web-container .how-works .cards .cardd:nth-child(2) .card-content>div::after {
    content: "2";
}

.web-container .how-works .cards .cardd:nth-child(3) .card-content>div::after {
    content: "3";
}


.web-container .how-works .cards .cardd:nth-child(4) .card-content>div::after {
    content: "4";
}

.web-container .how-works .cards .cardd:nth-child(5) .card-content>div::after {
    content: "5";
}

.web-container .how-works .cards .cardd:nth-child(6) .card-content>div::after {
    content: "6";
}



.web-container .how-works .cards .cardd img.zik-zak {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 40%;
    z-index: 2;
}

.web-container .how-works .cards .cardd img.dot-square {
    position: absolute;
    left: 4%;
    bottom: 20%;
    height: 30%;
    z-index: 2;
}




/* ***********************************Faq */
.web-container .faq {
    padding-block: 100px;
    background: #F5F9FA;
}

.web-container .faq .faq-content {
    max-width: 1000px;
    padding-inline: 20px;
    margin: auto;
    margin-top: 50px;
}

.web-container .faq .faq-content .accordion li {
    list-style: disc;
}


.web-container .faq .faq-content .accordion .accordion-item {
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 2px 2px 0px green;
    border: 1PX solid gray;
}

.web-container .faq .faq-content .accordion .accordion-body {
    padding: 30px;
}

.web-container .faq .faq-content .accordion .accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--color-orange);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.web-container .faq .faq-content .accordion .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1.3rem;
    color: #ffffff;
    border-radius: 30px;
    background-color: #ff7c00;
    padding: 30px 30px;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.web-container .faq .faq-content .accordion .accordion-item .accordion-header {
    background: var(--color-yellow-btn);
}


/* EXPERT */
.web-container .expert {
    padding-block: 100px;
    background: var(--color-yellow-btn);
}

.web-container .expert .heading {
    text-align: center;
}

.web-container .expert .expert-content {
    max-width: 1400px;
    margin: auto;
    margin-top: 30px;
}



.web-container .expert .expert-content .expert-img {
    border-radius: 20px;
    overflow: hidden;
    margin-inline: 20px;
    padding-top: 50px;
}


.web-container .expert .expert-content .expert-img img {
    width: 100%;
}

.web-container .expert .expert-content .expert-details>div {
    margin-top: 40px;
    animation: expert-anim 5s linear infinite;
    border-radius: 20px;
    background: #ffffff;
    overflow: hidden;
}




@keyframes expert-anim {
    50% {
        box-shadow: 0px 0px 0px 2px rgb(109, 109, 109);
        scale: 1.03;
    }
}


.web-container .expert .expert-content div p {
    color: rgb(0, 0, 0);
    font-size: 19px;
    padding: 20px 20px;
    margin-bottom: 0px;
    text-align: center;

}

/******************** About */
.web-container .about-traniee {
    padding-top: 0px;
    /* padding-bottom: 100px; */
    position: relative;
    background: #ECEDEF;

}

.web-container .about-traniee .cros-rect {
    position: absolute;
    top: 5%;
    right: 3%;
    width: 10%;
    display: none;
}


.web-container .about-traniee .rect-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    display: none;

}

.web-container .about-traniee h2 {}

.web-container .about-traniee h3 {
    font-size: 50px;
}


.web-container .about-traniee .about-traniee-container {
    max-width: 1300px;
    margin: auto;
}

.web-container .about-traniee .about-traniee-container .leftt {

    overflow: hidden;
}

.web-container .about-traniee .about-traniee-container .leftt img {
    width: 100%;
    border-radius: 150px;
}

.web-container .about-traniee .about-traniee-container ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0px;
    gap: 20px;
    margin-top: 50px;
}


.web-container .about-traniee .about-traniee-container ul img {
    width: 15px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 5px;
}

.web-container .about-traniee .about-traniee-container ul li {
    padding-left: 30px;
    font-size: 18px;
    position: relative;
}


/* clients */
.web-container .clients {
    color: white;
    background: #60c6c6;
    padding: 60px 40px;
    overflow: scroll;
    display: none;

}

.web-container .clients::-webkit-scrollbar {
    display: none;
}


.web-container .clients .clint-img-container {
    margin-top: 40px;
    display: flex;
    flex-wrap: nowrap;
    gap: 100px;
    animation: clint-move 20s linear infinite;

}


.moving::-webkit-scrollbar {
    display: none;
}

.web-container .clint-img-container::-webkit-scrollbar {
    display: none;
}

@keyframes clint-move {
    99% {
        translate: -50%;
    }
}

.web-container .clients .clint-img-container img {
    width: 150px;
    height: 70px;
}



/* CONTACT DETAILS */
.web-container .contact-details {
    height: 400px;
    display: flex;
    align-items: center;
    background-image: url('../Images/contact-detail/img.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.web-container .contact-details .contact-body {
    width: fit-content;
    margin: auto;
    background: rgb(255, 255, 255);
    padding: 40px;
    border-radius: 30px;
}

.web-container .contact-details .contact-body h2 {
    font-size: 55px;
}

.web-container .contact-details .contact-body .input-field {
    background: white;
    width: fit-content;
    padding: 5px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.11);
}

.web-container .contact-details .contact-body .input-field input {
    padding: 10px;
    width: 100%;
    min-width: 500px;
    max-width: 600px;
    border: none;
    outline: none;
    padding-right: 130px;
    font-size: 18px;
    background: white;
}

.web-container .contact-details .contact-body .input-field button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 120px;
    border: none;
    background: var(--color-yellow-btn);
    font-size: 22px;
    /* font-weight: 500; */

}


/* ***********************Tasks */
.web-container .tasks {
    padding-block: 100px;
}


.web-container .tasks .task-content {
    max-width: 1100px;
    margin: auto;
    margin-top: 80px;
}

.web-container .tasks .task-content img {
    width: 100%;
}



.web-container .tasks .task-content h3 {
    font-size: 70px;
}

.web-container .tasks .task-content p {
    margin-top: 30px;
}

.web-container .tasks .task-content .height-block {
    height: 80px;
}

/**************\**************Hight quality  */
.web-container .quality-candidate {
    padding-top: 150px;
    background: var(--color-orange);
    color: white;
}

.web-container .quality-candidate .content {
    max-width: 1200px;
    margin: auto;
}

.web-container .quality-candidate .content span i {
    color: var(--color-yellow-btn);
}

.web-container .quality-candidate .content img {
    width: 100%;
    /* max-width: 400px; */
}

.web-container .quality-candidate .content .candiate_name {
    margin-top: 30px;
}

.web-container .quality-candidate .content .candiate_name p {
    margin-bottom: 2px;
}

.web-container .quality-candidate .content h2 {
    font-size: 55px;
}

/* *********************Pricing */
.web-container .pricing {
    padding-block: 100px;
}

.web-container .pricing .cards {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin-top: 80px;
}

.web-container .pricing .cards .cardd {
    box-shadow: -10px 10px 0px lightblue;
    border: 1px solid gray;
    border-radius: 20px;
    padding: 40px;
}

.web-container .pricing .cards .cardd .card-heading h4 {
    font-size: 30px;
}

.web-container .pricing .cards .cardd .card-heading {
    margin-bottom: 40px;
}

.web-container .pricing .cards .cardd .card-content>div {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid gray;
    margin-bottom: 20px;
    padding-inline: 20px;
}


/* **************************plans */
.web-container .plans {
    padding-block: 100px;
    background: #b2bad3b3;
    padding-inline: 20px;
}

.web-container .plans .cards {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    margin-top: 80px;
}

.web-container .plans .cards .cardd {
    padding: 50px 30px;
}

.web-container .plans .cards .cardd h3 {
    font-size: 30px;
    width: fit-content;
    margin: auto;
    position: relative;
}

.web-container .plans .cards .cardd h3 span.sm-text {
    font-size: 20px;
    color: rgb(128, 68, 0);
}

.web-container .plans .cards .cardd h3 span.blur-ef {
    font-size: 40px;
    color: transparent;
    text-shadow: 0 0 15px #000;
}

.web-container .plans .cards .cardd ul li {
    list-style: disc;
    text-align: start;
}

.web-container .plans .cards .cardd p.rolee {
    font-size: 25px;
    font-weight: 500;
    margin-top: 20px;
    color: #000;
}


.web-container .plans .cards .cardd p {
    color: #000000b0;
    margin-top: 25px;
}

.web-container .plans .cards .cardd .card-img {
    border-radius: 50%;
    overflow: hidden;
    width: 170px;
    height: 170px;
    margin: auto;
    margin-top: 30px;
}

.web-container .plans .cards .cardd img {
    width: 170px;
    margin: auto;
    margin-bottom: 30px;
}

.web-container .plans .cards .cardd button {
    background: rgb(44, 44, 180);
    padding: 10px 20px;
    color: white;
    border-radius: 5px;
    margin-top: 30px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    translate: -50%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #c1b8d5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    min-height: 730px;
    padding-bottom: 50px;
}

.web-container .plans .cards .swiper .swiper-slide:nth-child(1) {
    background: #FFED6D !important;
}

.web-container .plans .cards .swiper .swiper-slide:nth-child(2) {
    background: #ffffff !important;
}

.web-container .plans .cards .swiper .swiper-slide:nth-child(4) {
    background: #b2bad3b3 !important;
}


.web-container .plans .cards .swiper .swiper-slide:nth-child(5) {
    background: #fffffe !important;
}


.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.web-container .plan-modal .registration-form button {
    background: rgb(44, 44, 180);
    color: white !important;
    margin-top: 20px;

}

.web-container .plan-modal .registration-form button a {
    color: white;
}

/* **********************Competitive-Table */
.web-container .Competitive-Table {
    padding-block: 100px;
}

.web-container .Competitive-Table .header h2 {
    text-align: center;
}

.web-container .Competitive-Table .table-content {
    width: 100%;
    max-width: 1500px;
    margin: auto;
    display: flex;
    flex: 1 1 0px;
    align-items: flex-end;
    margin-top: 80px;
}


.web-container .Competitive-Table .table-content>div {
    flex: 1 1 0px;
}

.web-container .Competitive-Table .table-content>div>p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    height: 100%;
    min-height: 100px;
    border: 1px solid gray;
    margin: 0;
    text-align: center;
}

.web-container .Competitive-Table .table-content>div {
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;

}

.web-container .Competitive-Table .table-content .light-blue {
    background: #C6EAEA;
}

.web-container .Competitive-Table .table-content .light-b {
    background: #E7F7F7;
}

.web-container .Competitive-Table .table-content .table-2 p:nth-child(1) {
    background: var(--color-yellow-btn);

}

.web-container .Competitive-Table .table-content .table-3 p:nth-child(1) {
    height: 200px;
}


.web-container .Competitive-Table .table-content .table-3 p {
    border: none;
}


.web-container .Competitive-Table .table-content .table-3 {
    border: 2px solid #60C6C6 !important;
}


.web-container .Competitive-Table .table-content .table-4 p:nth-child(1) {
    background: #FF3366;
}

.web-container .Competitive-Table .table-content .table-5 p:nth-child(1) {
    background: #562EB2;
    color: white;
}

.web-container .Competitive-Table .table-content .table-2 {
    border-radius: 20px 0px 0px 0px;
    overflow: hidden;
    border: 1px solid gray;

}

.web-container .Competitive-Table .table-content .table-3 {
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    border: 1px solid gray;

}

.web-container .Competitive-Table .table-content .table-4 {
    border-radius: 0px 0px 0px 0px;
}



.web-container .Competitive-Table .table-content .table-5 {
    border-radius: 0px 20px 0px 0px;
    overflow: hidden;
    border: 1px solid gray;

}

/* ********************core compentacy 2 */

.web-container .core-competancy-2 .core-competancy-content .cardd .card-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0;
    font-weight: 600;
    padding-left: 20px;
}

.web-container .core-competancy-2 .core-competancy-content .cardd .card-images p {
    color: rgba(220, 211, 211, 0.947);
    font-size: 14px;
}

.web-container .core-competancy-2 {
    padding-bottom: 80px;
}

.web-container .core-competancy-2 .core-competancy-content {
    max-width: 1200px;
    margin: auto;
    margin-top: 80px;
    padding-inline: 20px;
}

.web-container .core-competancy-2 .core-competancy-content .cardd {
    background-image: url('	https://www.infosys.com/content/dam/infosys-web/en/home/images/experience.jpg');
    background-size: cover;
    height: 250px;
    position: relative;
    overflow: hidden;
    transition: all 1s linear;
}

.web-container .core-competancy-2 .core-competancy-content .cardd:hover {
    background-size: 110% 110% !important;
    background-position: center;
}

.web-container .core-competancy-2 .core-competancy-content .card-1 {
    background-image: url('../../assets/Images/core-compitancy/language-bg.jpg');
}

.web-container .core-competancy-2 .core-competancy-content .card-2 {
    background-size: cover;
    background-image: url('data:image/jpeg;base64,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');
}

.web-container .core-competancy-2 .core-competancy-content .card-3 {
    background-size: cover;
    background-image: url('https://t3.ftcdn.net/jpg/02/60/42/82/360_F_260428264_7nU3AJOgVxMb3f2e3yMJo9OF0BVD9hB6.jpg');
}

.web-container .core-competancy-2 .core-competancy-content .card-4 {
    background-size: cover;
    background-image: url('https://img.freepik.com/premium-vector/this-illustration-demonstrates-cloud-data-management-synchronization-processes-using-graphical-elements-cloud-data-management-synchronization-illustrated-flat-style_585735-39001.jpg?ga=GA1.1.935381353.1724737531&semt=ais_hybrid');
}

.web-container .core-competancy-2 .core-competancy-content .card-5 {
    background-size: cover;
    background-image: url('https://appinventiv.com/wp-content/uploads/2021/11/Business-intelligence-vs-Business-Analytics.png');
}


.web-container .core-competancy-2 .core-competancy-content .cardd::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 110%;
    left: 0;
    background: linear-gradient(180deg, rgb(255 255 255) -33%, #ffffff43 -4.99%, rgb(14 14 14 / 71%) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#ffffff", GradientType=1);
    transition: all 0.5s linear;
}

.web-container .core-competancy-2 .core-competancy-content .cardd:hover::after {
    top: 0;
}


.web-container .core-competancy-2 .core-competancy-content .cardd .card-content h4 {
    margin-bottom: 18px;
    font-size: 20px;
    margin-left: 10px;
    box-shadow: 0px 0px 5px #000000;
    color: rgb(0, 0, 0);
    background-color: white;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 10px;
}

.web-container .core-competancy-2 .core-competancy-content .cardd:hover h4 {
    color: rgb(255, 255, 255) !important;
    background: transparent !important;
    box-shadow: none;
}


.web-container .core-competancy-2 .core-competancy-content .cardd .card-content {
    position: absolute;
    bottom: -40%;
    left: 0;
    width: 100%;
    transition: all 1s linear;
    z-index: 5;
}

.web-container .core-competancy-2 .core-competancy-content .card-1 .card-content {
    bottom: -16%;

    img {
        width: 40px;
        margin: 10px 20px;
    }
}

.web-container .core-competancy-2 .core-competancy-content .card-2 .card-content {
    bottom: -34%;

    img {
        width: 70px;
        margin: 10px;
    }
}

.web-container .core-competancy-2 .core-competancy-content .card-3 .card-content {
    bottom: -50%;

    img {
        width: 70px;
        margin: 10px;
    }

    h4 {
        color: black;
    }
}

.web-container .core-competancy-2 .core-competancy-content .card-4 .card-content {
    bottom: -41%;

    img {
        width: 50px;
        margin: 10px;
    }
}

.web-container .core-competancy-2 .core-competancy-content .card-5 .card-content {
    bottom: -32%;

    img {
        width: 70px;
        margin: 10px;
    }
}

.web-container .core-competancy-2 .core-competancy-content .cardd:hover .card-content {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
}

.web-container .core-competancy-2 .core-competancy-content .sec-1 .cardd {
    height: 500px;
}


/* **************************Stack  */
.web-container .stack {
    padding-block: 100px;
}

.web-container .stack .header h2 {
    text-align: center;
}

.web-container .stack .content {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.web-container .stack .content img {
    width: 100%;
}

/* ************************** Contact us  */
.web-container .contact-us {
    color: white;
    min-height: 350px;
    padding-inline: 20px;
    background: #00194C;
    display: grid;
    place-items: center;
    position: relative;
}

.web-container .contact-us .cross-shape {
    position: absolute;
    left: 5%;
    top: 50%;
    translate: 0px -50%;
    height: 100px;
}

.web-container .contact-us .rects-shape {
    position: absolute;
    right: 0%;
    top: 50%;
    translate: 0px -50%;
    height: 100%;
}


.web-container .contact-us .contact-us-content {
    width: 100%;
    max-width: 1200px;
    display: flex;
    gap: 40px;
    z-index: 2;
}

.web-container .contact-us .contact-us-content h2 {
    font-size: 45px;
}

.web-container .contact-us .contact-us-content p {
    font-size: 20px;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.676);
}


.web-container .contact-us .contact-us-content>div {
    flex: 1 1 0px;
}

.web-container .contact-us .contact-us-content input {
    font-size: 18px;
}

.web-container .contact-us .contact-us-content button {
    width: 100%;
    background: var(--color-orange);
    text-align: start;
}

/* **************************Footer / */
.web-container footer {
    background-size: 100% 100%;
    background: white;
}

.web-container footer button {
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 15px;
}

.web-container .footer {
    min-height: 21rem;
    background-size: 100% 100%;
    padding: 3rem 0 0rem 0;
    padding-inline: 150px;
    background-size: 100% 100%;
    color: rgb(0, 0, 0);
    background-image: url('/assets/images/footer/bg-footer.png');
    position: relative;
    z-index: 2;
    border-radius: 150px 0px 0px 0px;
}

.web-container .footer .content {
    margin-top: 3rem;
}

.web-container .footer .footer-first {
    translate: 0px -30px;
}

.web-container .footer .footer-first .btm {
    margin-top: 20px;
}

.web-container .footer .footer-first span {
    font-size: 20px;
    display: inline-block;
    margin-inline: 5px;
}

.web-container .footer p {
    font-size: 15px;
}

.web-container .footer img.logo {
    width: 100%;
    max-width: 15rem;
    margin-bottom: 5px;
}

.web-container .footer h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--color-orange);
}

.web-container .footer ul li {
    margin-bottom: 5px;
}

.web-container .footer a {
    color: var(--color-medium-gray);
    text-decoration: none;
    font-size: 1rem;
    font-weight: normal;
}

.web-container .footer p {
    color: var(--color-medium-gray);
}

.web-container .footer a i {
    color: rgb(0, 0, 0);
    font-size: 1.8rem;
    margin-right: 0.5rem;
}

.web-container .footer .copyright {
    font-size: 1.3rem;
    color: white;
}

.web-container .footer .mail-body {
    border: 1px solid rgb(104, 104, 104);
    padding: 10px 15px;
    width: fit-content;
    border-radius: 5px;
}

.web-container .footer .mail-body button {
    border: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

.web-container .footer .mail-body input {
    border: none;
    background: transparent;
    columns: white;
}

.web-container .footer .mail-body input:focus {
    outline: none;
    color: white;
}

.web-container footer .footer-btm {
    padding-block: 30px;
    color: white;
}

.web-container .footer .footer-btm span {
    color: white;
    text-decoration: underline;
}



/*  RESPONSIVE STARTS HERE*/
@media screen and (max-width:1400px) {
    .web-container .expert .cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .web-container .footer {
        padding-inline: 0px;
    }


    /* Expert */
    .web-container .expert .expert-content div p {
        font-size: 17px;
    }

}

@media screen and (max-width:1300px) {
    .web-container .infografic .cards .cardd {
        width: 100%;
        max-width: 400px;
        padding-right: 90px;

    }


    /* info */
    .web-container .infografic .cards .cardd:nth-child(1) img.arrow {
        right: -40%;
    }

    .web-container .infografic .cards .cardd:nth-child(4) img.arrow {
        left: -31%;
    }
}

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


    .web-container .banner {
        min-height: auto;
    }


    /* Expert */
    .web-container .expert .expert-content div p {
        font-size: 15px;
        padding: 20px 10px;
    }

    .web-container .expert .expert-content {
        margin-inline: 20px;
    }



    /* task */
    .web-container .tasks .task-content {
        margin-inline: 20px;
    }

    .web-container .tasks .task-content h3 {
        font-size: 50px;
    }

    /* pricing */
    .web-container .pricing .cards {
        margin-block: 20px;
    }

    /* info */
    .web-container .infografic .cards .cardd img.arrow {
        display: none;
    }

    .web-container .infografic .cards {
        grid-template-columns: auto;
        margin: auto;

    }

    .web-container .infografic .cards .cardd {
        margin: auto;
        margin-top: 30px;
        max-width: 500px;
    }


    /* core */
    .web-container .core-competancy-2 .core-competancy-content .card-3 .card-content {
        bottom: -59%;

        img {
            width: 40px;
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-4 .card-content {
        bottom: -48%;

        img {
            width: 40px;
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-5 .card-content {
        bottom: -32%;

        img {
            width: 40px;
            margin: 10px;
        }
    }
}

@media screen and (max-width:992px) {
    .web-container .expert .cards {
        grid-template-columns: repeat(2, 1fr);
    }


    .web-container .banner {
        padding-right: 80px;
        height: auto;
        min-height: auto;
    }

    .web-container .questions .q-left {
        margin-top: 70px;
    }

    .web-container .questions .question-accordian {
        margin-top: 30px;
    }

    .web-container .contact-details .contact-body {

        padding-left: 80px;

    }

    .web-container .for-you .right {
        padding-inline: 20px;

    }


    .web-container .for-you .left img {
        max-width: 400px;
        margin: auto;
        margin-top: 50px;
    }

    /* pricing */
    .web-container .pricing .cards {
        grid-template-columns: auto;
    }

    .web-container .pricing .cards .cardd {
        max-width: 500px;
        margin: auto;
    }

    /* about tranie */
    .web-container .about-traniee {
        padding-block: 100px;
        padding-inline: 20px;
        position: relative;
        background: #ECEDEF;
    }

    .web-container .Core-Competency {
        /* background: lightblue; */
        padding: 100px 40px !important;
    }

    .web-container .Core-Competency {
        min-height: 200px !important;
        /* background: lightblue; */
        padding: 100px 100px;
    }

    /* contact */
    .web-container .contact-us .contact-us-content {
        display: block;

    }

    .web-container .contact-us {
        padding-block: 30px;
    }

    /* core  */

    .web-container .core-competancy-2 .core-competancy-content .card-1 .card-content {
        bottom: -30%;

        img {
            width: 35px;
            margin: 10px 20px;
        }


    }

    .web-container .core-competancy-2 .core-competancy-content .card-2 .card-content {
        bottom: -44%;

        img {
            width: 50px;
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-3 .card-content {
        bottom: -65%;

        img {
            width: 50px;
            margin: 10px;
        }

        h4 {
            color: black;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-4 .card-content {
        bottom: -63%;

        img {
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-5 .card-content {
        bottom: -45%;

        img {
            width: 50px;
            margin: 10px;
        }
    }
}


@media screen and (max-width:767px) {
    .web-container .banner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .web-container .contact-details .contact-body {

        padding-left: 40px;
    }

    .web-container .tasks .task-content img {
        width: 100%;
        max-width: 400px;
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }

    .web-container .core-competancy-2 .core-competancy-content .sec-1 .cardd {
        height: 250px;
    }

    .web-container .core-competancy-2 .core-competancy-content .card-1 .card-content {
        bottom: -55%;

        img {
            width: 35px;
            margin: 10px 20px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-4 .card-content {
        bottom: -43%;

        img {
            margin: 10px;
        }
    }
}

@media screen and (max-width:576px) {
    .web-container .banner .banner-left h1 {
        font-size: 30px;
    }

    .web-container .expert .cards {
        grid-template-columns: auto;
    }

    .web-container .banner {
        padding-top: 90px;
    }

    .web-container .banner .banner-left h1 {
        font-size: 40px;

    }

    .web-container .contact-details .contact-body .input-field input {
        padding: 10px;
        width: 100%;
        min-width: auto;
        max-width: 600px;
        border: none;
        outline: none;
        padding-right: 130px;
        font-size: 20px;
    }

    .web-container .contact-us .contact-us-content button {
        width: fit-content;
        padding-inline: 50px;
        letter-spacing: 3px;
    }

    .web-container .infografic .cards .cardd img.card-imgg {
        display: none;
    }

    .web-container .infografic .cards .cardd h4 {
        text-align: left;
    }

    .web-container .about-traniee h3 {
        font-size: 30px;
    }

    .web-container .about-traniee .about-traniee-container ul {
        grid-template-columns: auto;
    }

    /*  */

    .web-container .core-competancy-2 .core-competancy-content .card-1 .card-content {
        bottom: -30%;

        img {
            width: 40px;
            margin: 10px;
        }
    }
    .web-container .core-competancy-2 .core-competancy-content .card-2 .card-content {
        bottom: -30%;

        img {
            width: 40px;
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-3 .card-content {
        bottom: -48%;

        img {
            width: 40px;
            margin: 10px;
        }
    }

    .web-container .core-competancy-2 .core-competancy-content .card-5 .card-content {
        bottom: -32%;

        img {
            width: 40px;
            margin: 10px;
        }
    }
}


/* Core compitancy */
.web-container .Core-Competency {
    /* background: lightblue; */
    padding: 100px 100px;
}

.web-container .Core-Competency .imagee {
    text-align: center;
    width: 100%;
    margin: auto;
}

.web-container .Core-Competency .imagee img {
    width: 100%;
    max-width: 900px;
    margin: auto;
    display: block;
}