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

* {
    font-family: 'Poppins', sans-serif;
}

/* Hero Section */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.heading-title-style {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #3F3B3B;
    font-size: 42px;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
    background: linear-gradient(to right, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 60px;
}

.book-consultation-btn {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    border: none;
    /* animation: fadeIn 5s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s; */
    background: linear-gradient(to right, #333231 -20%, #8f8278 100%);
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    border-radius:0;
    z-index: 9;
    display: inline-block;
}
.background-color{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(to right, #8f8278 20%,  #333231 180%);
    /* background: linear-gradient(to right, #333231 -140%, #8f8278 180%); */
    /* -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear; */
    transition: opacity 0.4s linear;
    border-radius:0;
}

.book-consultation-btn:hover .background-color{
   opacity: 1;
}
.book-consultation-btn:hover{
    color: #fff;
}
.book-consultation-btn:focus{
    box-shadow: none;
}

.sub-heading-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 15px;
    animation: fadeIn 3s;
    -webkit-animation: fadeIn 3s;
    -moz-animation: fadeIn 3s;
    -o-animation: fadeIn 3s;
    -ms-animation: fadeIn 3s;
}

a {
    text-decoration: none;
}

.font-style {
    font-family: 'Poppins', sans-serif;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.navigation-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.modal-lable{
    font-weight: 500;
}

.modal-font{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

/* Toast */
.toast-success-text {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    margin-left: 10px;
}

.toast-body-text {
    font-family: 'Poppins', sans-serif;
    font-size: medium;
    color: #000;
}

.cr-toast-success-text {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    margin-left: 10px;
}

.cr-toast-body-text {
    font-family: 'Poppins', sans-serif;
    font-size: medium;
    color: #000;
}

/* our services --- */

.service-heding {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
}
.navigation-link{
    background: linear-gradient(to right, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navigation-link.w--current {
    /* color: #FEB062; */
  color: #000;
}

.navigation-line {
    margin-top: 3px;
    /* background-color: #FEB062; */
    background: linear-gradient(to right, #333231 -20%, #8f8278 100%);
}

.f-effect {
    color: #c7c7c7;
}

.service-sub-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

.services-cards {
    background-color: #1d1d1d;
    min-height: 220px;
}

.service-icon-img{
    margin-bottom: 10px;
}

.text-left {
    margin-top: 5px;
    margin-left: 15px;
}

.services-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.services-logo {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.services-right {
    width: 50%;
}

.services-left h4 {
    text-align: left;
    color: white;
    font-family: 'Poppins', sans-serif;
}

.services-left p {
    text-align: left;
    font-size: 14px;
    color: #afabab;
    font-family: 'Poppins', sans-serif;
}

.service-icon-box {
    height: 100px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-icon-box p {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.service-icon {
    height: 85px;
    width: 85px;
}

.service-sub-title {
    color: #afabab;
    transition: .30s ease-in;
}

.service-sub-title:hover {
    color: #FEB062;
    font-family: 'Poppins', sans-serif;
}

.service-link a {
    color: #FEB062;

}

.service-link a:hover {
    color: blue;
    transition: .30s ease-in-out;
    margin-left: 7px;

}

/* Portfolio */
.portfolio-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    /* font-size: 40px; */
    padding: 20px 0;
    background: linear-gradient(to right, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 60px;
}

.portfolio-card-style {
    height: 460px;
    width: 450px;
    background-color: #f6f6f6"

}

.main-card {
    border-radius: 5px;
}

.portfolio-details {
    background-color: #2a2727;
    color: white;
    transition: .50s ease-in-out;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.portfolio-details:hover {
    background-color: #e7a31e;
    color: black;
}

.portfolio-project-title {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.card-details {
    display: flex;
    justify-content: center;
}

.portfolio-project-subtitle {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.portfolio-view-more {
    font-family: 'Poppins', sans-serif;
    color: #FEB062;
    text-transform: uppercase;
    font-weight: 600;
}

.portfolio-view-more-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

/* Blog Clients */
/* Testimonial section  */
.testimonials-heading{
    padding: 2rem 0;
}
.testimonials-heading h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    /* font-size: 40px; */
    padding: 20px 0;
    background: linear-gradient(to right, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 60px;
}

.Testimonial-card-height{
    height: 445px;
}

.Testimonial-img {
    display: flex;
    justify-content: center;
}

.Testimonial-img-bluebird {
    margin-top: 20px;
}

.Testimonial-info h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
}

.Testimonial-sub-title p {
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.Testimonial-info-color {
    color: darkgrey;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    max-width: 80%;
    margin: auto;
}

#testimonial-left-nav {
    position: absolute;
    top: 250px;
    left: 40px;
    z-index: 999;
    background-color: transparent;
}

#testimonial-right-nav {
    position: absolute;
    top: 250px;
    right: 40px;
    z-index: 999;
    background-color: transparent;
}

#carouselExampleControls-5 {
    display: none;
}

/* blog section ---- */

.blog-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    padding: 20px 0;
}

/* Trusted Clients */

.client-logo {
    height: 170px;
    width: 170px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clients-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    color: #fff;
}

.clients-section {
    background-color: #000;
    padding: 40px 0px;
}

.clients-logos-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.client-logo-item {
    opacity: 0.8;
    height: 85px;
    width: 185px;
    overflow: hidden;
}

.mobile-client {
    display: none;
}

.blog-sub-heading {
    font-family: 'Poppins', sans-serif;
}

.blog-info p {
    color: darkgrey;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
}

.blog-info p:hover {
    color: #e7a31e;

}

.blog-link a {
    font-family: 'Poppins', sans-serif;
    transition: .50s ease-in-out;
    color: #e7a31e;
}

.blog-link a:hover {
    color: blue;
    transition: 0.20s ease-in;
    margin-left: 10px;

}

/* footer section  */
.footer-1 {
    background-color: black;
    /* margin-top: 30px; */
    position: relative;
    z-index: 10;
}

.f-icons a {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.f-icons a i,
.f-icons a img {
    pointer-events: auto;
}

.footer-info p {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.footer-font-style {
    font-family: 'Poppins', sans-serif;
}

.footer-desing-logo {
    display: flex;
    justify-content: center;
}

.design-rush {
    height: 123px;
}

.f-effect {
    color: #c7c7c7;
    transition: 0.20s ease-in;
}

.f-effect:hover {
    color: #e7a31e;
}

@media (max-width:480px) {

    .nav-logo {
        height: 50px;
        max-width: 70%;
    }

    .hero-btn {
        display: flex;
        justify-content: center;
    }

    /* our service --- */

    .service-sub-heading {
        font-size: 11px;
    }

    .service-main-row {
        margin-top: 0px !important;
    }

    .services-cards {
        flex-direction: column;
        height: auto;
    }

    .services-left {
        width: 100%;
    }

    .service-link {
        margin-top: 20px !important;
    }

    .services-right {
        width: 87%;
        margin-left: 22px;
        margin-top: 18px;
        row-gap: 0px;
    }

    .service-sub-title {
        margin-top: 5px !important;
    }

    /* portfolio section ---- */
    .portfolio-card-style {
        width: 340px !important;
        margin: 0 auto;
    }

    .portfolio-row {
        margin-top: 0px !important;
    }

    .card-1 {
        width: 300px !important;
    }

    .main-card {
        margin-top: 40px;
    }

    .portfolio-details {
        width: 340px !important;
    }

    /* clients section --- */

    .our-clients {
        /* display: none; */
        padding: 50px 0;
    }
    .clients-logos-container{
        justify-content: space-evenly;
    }

    .mobile-client {
        display: block;
    }

    #clientcarousel-2 {
        padding: 30px 0;
    }
    
    .client-slider-detail {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* blog section ----*/

    .blog-sub-heading {
        text-align: center;
    }

    .blog-row {
        flex-direction: column;
    }

    .blog-col {
        padding: 5px !important;
    }

    /* testimonial  ----*/
    #carouselExampleIndicators {
        display: none;
    }

    #carouselExampleControls-5 {
        display: block;
    }

    #testimonial-left-nav {
        display: none;
        background-color: transparent;
    }

    #testimonial-right-nav {
        display: none;
        background-color: transparent;
    }

    .testimonial-row {
        flex-direction: column;
    }

    .Testimonial-sub-title p {
        text-align: center;
        color: #fff;
    }

    .Testimonial-img-bluebird {
        margin-top: 20px;
    }

    .testimonial-center {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 15px;
    }

    .testimonial-text-center {
        text-align: center;
        margin-bottom: 0px;
    }

    /* footer section --- */
    .rows {
        flex-direction: column;
        margin-left: 25px;
    }

    .f-last {
        flex-direction: column;
        align-items: center;
    }

    .f-copyright {
        margin-left: 0px !important;
        margin-bottom: 15px;
        text-align: center;
    }

    .footer-desing-logo {
        display: flex;
        justify-content: start;
        margin-left: 40px;
    }

    .footer-why-cs {
        margin-top: 20px;
    }

    .f-icons {
        margin-right: 0px !important;

    }

    .f-heding {
        margin-bottom: 15px !important;
    }
}

@media (min-width:480px) and (max-width:840px) {
    .nav-logo {
        height: 50px;
        max-width: 70%;
    }

    /* our sevices ---- */
    .service-main-row {
        margin-top: 10px !important;
    }

    .services-cards {
        flex-direction: column;
    }

    .services-left {
        width: 100%;
    }

    .service-link {
        margin-top: 20px !important;
    }

    .services-right {
        width: 100%;
        margin-top: 30px;
        justify-content: center;
    }

    .service-icon-box {
        margin: 0 20px;
        width: 130px;
    }

    /* portfolio section  ---*/

    .main-card {
        margin-top: 40px;
    }

    .portfolio-row {
        margin-top: 0px !important;
    }

    /* work section --- */
    .pd-hero-subtitle {
        text-align: center;
    }

    .work-sub-heading {
        font-size: 25px !important;
    }

    /* blog section ----*/

    .blog-sub-heading {
        font-size: 15px;
    }

    .blog-row>*{
        padding-left: 0px;
        padding-right: 15px;
    }

    .clients-row {
        margin-left: 0px !important;
    }

    .client-logo {
        height: 130px;
        width: 130px;
        border-radius: 100%;
    }

    .clients-row-tab {
        margin-left: 45px !important;
    }

    /* testimonial section  ---*/

    #carouselExampleControls-5 {
        display: none;
    }

    #testimonial-left-nav {
        background: transparent;
        background-color: transparent;
    }

    #testimonial-right-nav {
        background: transparent;
        background-color: transparent;
    }

    .testiminial-right-btn {
        margin-right: 16px;
    }

    .Testimonial-card-height{
        height: 500px;
    }

    .testimonial-row>*{
        padding-left: 0px;
        padding-right: 15px;
    }

    .Testimonial-sub-title p {
        line-height: 16px;
        font-size: 11px;
    }

    /* footer section --- */

    .rows {
        flex-wrap: wrap;
        justify-content: space-around !important;
    }

    .columns-1 {
        width: 100%;
        margin-left: 60px;
        margin-bottom: 30px;
    }
}



.portfolio-item-card{
    /* background-color: #fff; */
    box-shadow: 0px 10px 50px -11px rgb(0 0 0/8%);
    position: relative;
    margin-bottom: 50px;
    padding: 10px 10px;
}

.portfolio-item-card .portfolio-image{
    /* box-shadow: 0 10px 20px -5px rgb(0 0 0/10%); */
    overflow: hidden;
}
.portfolio-item-card .portfolio-image img{
    overflow: hidden;
    transition: 0.3s all;
}
.portfolio-item-card:hover .portfolio-image img{
    transform: scale(1.1);
}
.portfolio-name {
    text-align: left;
    background-color: #fff;
}
.portfolio-name h5{
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    color: #333231;
    font-weight: 600;
    text-transform: capitalize;
    opacity: 0.8;
    padding-left: 10px;
    background: linear-gradient(to right, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.portfolio-name p{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #333231;
    font-weight: 400;
    line-height: 30px;
}
.sticky-navbar{
    background-color: #fff;
}



.Our-Services{
    padding: 50px 0;
}
h1{
    font-weight: 600;
    font-size: 48px;
}
.portfolio-section{
    padding: 50px 0;
}
.client-section{
    padding: 50px 0;
    background: linear-gradient(to left, #333231 -20%, #8f8278 100%);
}
.client-section .carousel-indicators{
    bottom: -22px;
}

.client-section  .clients-row {
    width: 88%;
    margin: auto;
}
.testimonial-row{
    width: 95%;
    margin: auto;
}
.slider-item{
    width: 80%;
    margin: auto;
}
.Testimonial-card-height{
    background-color: #111;
}
.Testimonial-img{
    padding-top: 2rem;
}
.client-logo img{
    width: 70%;
}
.our-clients .clients-row{
    display: flex;
    flex-wrap: nowrap;
    /* margin-left: -50px !important; */
}
.our-clients  .clients-row{
    width: 95%;
    margin: auto;
}
.our-clients .client-section .clients-row{
    width: 96%;
    margin: auto;
}
.mobile-client{
    background: linear-gradient(to left, #333231 -20%, #8f8278 100%);
}

.technology-section{
    padding: 2rem 0;
}
.technology-section .section-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
    padding: 20px 0;
    background: linear-gradient(to left, #333231 0%, #8f8278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 60px;
}
.technology-section .inner-technology{
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.technology-section .box{
    padding: 20px;
    box-shadow: 0px 10px 50px -11px rgb(0 0 0/8%);
    width: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.section-title{
    font-size: 22px;
    font-weight: 500;
    /* text-align: left; */
}
.technology-section .tech-image img{
    width: 80px;
    height: 80px;
}
.technology-section .tech-image .apple{
    width: 70px;
}
.technology-section .tech-image .react{
    width: 90px;
}
.technology-section .inner-technology.backend img{
    width: auto;
    height: auto;
}
.technology-section .tech-image .html, .technology-section .tech-image .css, .technology-section .tech-image .javaScript{
    height: auto;
}
.technology-section h6{
    font-size: 20px;
    margin: 20px 0 0;
    font-weight: 500;
}
.technology-part{
    margin-bottom: 2rem;
}
@media screen and (max-width: 1024px){
    .Testimonial-card-height {
        height: 460px;
    }
    .Testimonial-card-height .testimonial-col{
       margin-right: 0 !important;
    }
    .our-clients .clients-row{
        margin-left: 25px  !important;
    }
    .technology-section .box{
        width: 23%;
    }
}
@media screen and (max-width:991px) {
    .technology-section .box {
        width: 30%;
    }
}
@media screen and (max-width: 767px){
    .portfolio-heading{
        font-size: 32px;
        padding: 0;
    }
    .portfolio-section{
        padding: 20px 0;
    }
    .mobile-client h1{
        font-size: 32px;
    }
    .testimonials-heading h1{
        font-size: 32px;
        padding: 0;
    }
    .technology-section .box {
        width: 46%;
    }
    .technology-section .section-title{
        font-size: 32px;
    }
    .technology-part{
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 480px){
    .our-clients.client-section{
        display: none;
    }
    #carouselExampleIndicators{
        display: flex;
    }
    .Testimonial-card-height {
        height: 530px;
    }
    #testimonial-left-nav{
        display: flex;
        left: 0px;
    }
    #testimonial-right-nav{
        display: flex;
        right: 0;
    }
}

.client-data{
    display: flex;
    justify-content: center;
}


  
multi-input {
    display: inline-block;
    margin: 0 20px 20px 0;
}

label {
    display: block;
    margin: 0 20px 20px 0;
}

p {
    text-align: center;
}