@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap');

/* for Outline */

@font-face {
  font-family: outilne;
  src: url(../fonts/just-sans-med.otf);
}

/* for without outline  */
@font-face {
  font-family: just-sans;
  src: url(../fonts/just-sans-bold.otf);
}

/* for without outline  */
@font-face {
  font-family: just-sans-medium;
  src: url(../fonts/just-sans-regu.otf);
}






body{
    overflow: auto!important;
}
.container{
    max-width: 85%;
    width:100%;
}

.londrina-outline-regular {
    font-family: "Londrina Outline", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
.anton-regular {
    font-family: "Anton", sans-serif!important;
    font-weight: 400;
    font-style: normal;
  }
  
  .manrope{
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  

  .marcellus-regular {
    font-family: "Marcellus", serif;
    font-weight: 400;
    font-style: normal;
  }


.desktop-none{
    display: none;
}

.navbar {
    background-color: #1D1D1D;
    border-bottom: 1px solid #ffffff99;
}
.navbar-brand, .nav-link {
    color: white !important;
    font-size: 16px;
    font-weight: 500;
}
.nav-link:hover {
    color: gray !important;
}

ul.navbar-nav li {
    margin: 0px 0px 0px 70px;
    padding:25px 0px;
}
header{
    display: flex
    ;
        justify-content: space-between;
        /* padding: 25px 0px; */
        align-items: center;
}
.accrdion-portfolio-area1 {
    padding-top: 35px;
}

.height-auto{
    height: auto!important;
}

.choose-us-style-one-thumb .video-play-button {
    position: absolute;
    right: 180px;
    bottom: -45px;
    overflow: inherit;
    background: transparent;
    z-index: 1;
}
.ptb-50{
    padding-top: 50px;
    padding-bottom: 50px;;
}
.banner-one-item img{
    position: absolute;
    right: -12%;
    top: 73%;
    width: 125px;
}

.cteative-service-item {
    padding: 20px;
    border-radius: 26px;;

}

.cteative-service-item img {
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    filter: grayscale(1);
}
.cteative-service-item:hover img{
  filter:unset;
}

.brands-link {
    padding: 5px 20px;
    width: 79%;
    border-radius: 11px;
    font-size: 17px;
    color: white;
    font-weight: normal;
    position: absolute;
    /* bottom: 10px; */
    text-align: center;
    z-index: 2;
    left: 50%;
    bottom: 13%;
    transform: translate(-50%, 10px);
    background: #26252594;
}

.brands-link:hover{
    color:white!important;
}

.banner-one-item{
    position:relative;
}

/* ============== Testimonials  */

.testimonial-card {
    background-color: transparent;
    border-radius: 10px;
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); */
    padding: 10px;
    display: flex
;
    align-items: center;
    gap: 1.5rem;
    border: 1px solid #fff;
}


.testimonial-card img {
    border-radius: 0.5rem;
    object-fit: cover;
}
.testimonial-card .rating i {
    color: #ffc107;
}
.testimonial-card .rating span {
    color: #fff;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}
.testimonial-card p {
    margin: 0.5rem 0;
}
.testimonial-card .company {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0 !important;
    margin-bottom: 0!important;
}
.testimonial-card .position {
    margin-top: 0 !important;
    font-size: 10px;
    font-weight: normal;
}


.testimonial-card p {
    color: white !important;
    font-size: 12px;
}
.bg-linear {
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);

    width: 98%;
    margin: auto;
    border-radius:30px 30px 0px 0px;
}

.bg-dark{
    background-color: #1D1D1D;
}


.testimonial-card .review-right-bx{
    width: 70%;
    /* margin-left:auto; */

}
.testimonials .swiper-wrapper{
    padding-bottom: 20px;
}

.testimonials .tt-50{
    transform: translate(0px, -50px)!important;
}

.ptb-80{
    padding-top: 80px;
    padding-bottom: 80px;
}

.default-padding {
    padding-top: 100px;
    padding-bottom: 0px;
}
.bg-linear1 {
    background: linear-gradient(90deg, #5A57FB 29%, #02EBAD 95%);

    width: 98%;
    margin: auto;
    border-radius:30px 30px 0px 0px;
}






.process-area {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.carousel-item .review-txt,.process-area>div,.star-bx .review-txt,.why-us-content-bx {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.process-area>div {
    width: calc(14.5% - 10px);
    flex-flow: column
}

.process-item img {
    width: 70px
}

.process-area>div p {
    font-weight: 400;
    padding-top: 30px;
    font-size: 18px
}

.arrow-up img {
    width: 55px;
    margin-top: -58px
}

.bg-light {
    background: #fff!important
}


.why-us-items-section ol {
    display: flex
}

.why-us-items-section ol li {
    transition: .5s!important
}

.why-us-item-bx img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center
}

.first-content .why-numbers {
    font-size: 100px;
    font-weight: 700;
    color: #ff5a05;
    color: transparent;
    opacity: 0.8;
    -webkit-text-stroke: 1px #02EBAD;

}

.first-content {
    display: flex;
    align-items: center;
    max-width: 175px;
}

.first-content h3 {
    margin: 0;
    font-size: 17px;
    padding-left: 22px;
    font-weight: 400
}

.why-us-item-bx {
    height: 175px
}

.right-para {
    max-width: 488px;
}

p.fris-para {
    margin: 0;
    padding-top: 10px;
    font-size: 15px
}

.border-2 {
    border-width: 2px!important
}

.hover-tabs-list a {
    background: unset;
    color: #fff!important;
    font-size: 23px;
    font-weight: 4500;
    margin: 2px 0;
    transition: .7s
}

.nav-pills .show>.nav-link,.nav-tab .nav-pills .nav-link.active {
    color: #fff;
    background-color: unset
}

.hover-tabs-list a img {
    width: 30px;
    transition: .7s
}

.hover-tabs-list a:hover,.hover-tabs-list a:hover img {
    margin-left: 10px
}

.tab-results {
    display: flex;
    justify-content: center
}

.tab-results .image {
    width: 100%;
    object-fit: cover;
    margin: auto;
    display: block;
    position: relative;
    height: 450px
}

.why-us-items-section ol li {
    width: calc(15% - 10px);
    margin: 0 10px
}

.why-us-items.active,.why-us-items:hover {
    width: 55%
}

.why-us-items.active .fris-para,.why-us-items.active .right-para,.why-us-items:hover .fris-para,.why-us-items:hover .right-para {
    display: block!important
}

.desk-none,.fris-para {
    display: none
}





.why-us-items-section ol li {
    width: calc(15% - 10px);
    margin: 0 10px
}

.why-us-items.active,.why-us-items:hover {
    width: 55%
}

.why-us-items.active .fris-para,.why-us-items.active .right-para,.why-us-items:hover .fris-para,.why-us-items:hover .right-para {
    display: block!important
}


/* ============== footer form */

.form-container {
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
    padding: 0px 80px;
}
/* .form-image {
    background: url('../img/home/cta.png') no-repeat center center;
    background-size: cover;
    border-radius:50px;
} */
.form-content {
    padding: 0px 40px;
    position: relative;
    /* padding-left: 150px; */
}
.form-content h1 {
    font-size: 80px;
    font-weight: 500;
    color: white;
    line-height: 1;
    letter-spacing: 0px;
    text-align: center;
}
.form-content p {
    font-size: 18px;
    color: white;
    letter-spacing: 3px;
    font-weight: 500;
    text-align: center;
}
.form-container .form-control {
    border: 1px solid white;
    color: white;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    background: #FD8362;;
}
.form-container .form-control::placeholder {
    color: white;
}
.btn-submit {
    background: white;
    color: #f97316;
    font-weight: 400;
    padding: 10px 70px;
    margin: 40px auto;
    height: 47px;
    font-size: 16px;
    border-radius: 10px;
    display: table;
}
.btn-submit:hover {
    background: #f1f1f1;
}


/* =============== Clients-css ============= */

.company-design-area h2 {
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    letter-spacing: 5px;
    font-weight: 500;
}



.scroller__inner {
    padding-block: 16px;
    padding-block: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 80px;
    gap: 5rem;
}

.scroller__inner img {
    margin-right: 30px;
    height: 35px;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: -webkit-linear-gradient(left,
        transparent,
        white 20%,
        white 80%,
        transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
            animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}


.scroller{
    height: auto!important;;
}
@-webkit-keyframes scroll {
    to {
        -webkit-transform: translate(calc(-50% - 0.5rem));
                transform: translate(calc(-50% - 0.5rem));
    }
}

@keyframes scroll {
    to {
        -webkit-transform: translate(calc(-50% - 0.5rem));
                transform: translate(calc(-50% - 0.5rem));
    }
}



/* =================== Let's Cta ============= */


.lets-cta-section .banner-one-item h4 {
    border: none;
    padding: 0;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.lets-cta-section  .banner-one-item h2 strong{
    float: left;
}

.float-right{
    float: right;
}

.lets-cta-section .up-arrow {
    height: 110px;
    width: 110px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: flex
;
    padding: 30px;
    align-items: center;
    justify-content: center;
    right: 35%;
    bottom: -49px;
    position: absolute;
}


.lets-cta-section .banner-one-item img {
    position: unset;
  
}

.footer-para {
    font-size: 48px;
    line-height: 1;
    margin-top: 20px;
    color: #828282 !important;
    margin-bottom: 40px;
}
.footer .logo img{
    width:120px;
}
.footer-para span{
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.social-icons a i {
    color: white;
    font-weight: normal;
    background: #403E44;
    margin: 0px 5px;
    border-radius: 50px;
    font-size: 15px;
    height: 30px;
    width: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.social-icons {
    display: flex
;
}

.import-list li a {
    color: #CCCCCC;
    font-size: 14px;
    font-weight: normal;
}
ul.import-list li {
    margin: 15px 0px;
}

.footer h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.footer .news-para{
    font-size:14px;
    color:#CCCCCC;
}
.news-emailbx{
    position: relative;
}
.news-emailbx input {
    height: 35px !important;
    border-radius: 50px;
    padding-left: 15px;
    font-size: 13px;
    width: 100%;
}   

.news-emailbx button {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    padding: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 5px;
}

.news-emailbx button i {
    transform: rotate(-39deg);
    margin-left: 5px;
    font-weight: normal;
}

.job-tab-section .nav {
    border-top: 1px solid #ffffff3d;
    border-bottom: 1px solid #ffffff3d;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-tab-section .nav .active{
    font-size: 50px;
    background: transparent;
    padding: 0;
    margin-right: 40px;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.job-tab-section .nav button{
    font-size: 50px;
    background: transparent;
    padding: 0;
    margin-right: 40px;
}
.job-tab-section button::after{
    position: unset;
}

.job-tab-section .content {
    /* padding: 2rem; */
    color:#A8A8A8;
}
.job-tab-section .learn-more {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff47;
}
.job-tab-section .learn-more span {
    font-size: 18px;
    color: white;
}

.job-tab-section .content h2{
    font-size: 30px;
    margin-top: 80px;
    /* padding-left: 20px; */
}

.job-tab-section .job-description-list{
    list-style-type: disc;;
    padding-left: 30px;;
}

.job-tab-section .job-description-list li{
    list-style-type: disc;;
}
.job-description-list .content .year-title{
    font-size: 20px;
    font-weight: 600;;
}

.position-main-bx{
    max-width: 1100px;
    margin:auto;
}
.position-main-bx .content {
    width: 45%;
    padding: 30px;
    border: 1px solid #ffffff42;
}


.position-main-bx .position-img{
    width:55%;
}


.view-more{
    padding:10px 20px;
    background-color: none;
    border:1px solid #FF6F61;
    color:#FF6F61;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    margin:auto;
    display: table;
}


.view-more:hover{
    color:#FF6F61;

}

.job-tab-section .card{
    padding:0;
    background:none;
}

.career-hero-section{
    background-image: url(../img/careers/hero.webp);
    height: 550px;
    width:100%;
    background-size: cover;
    margin-top: 50px;;

}

.journey-seciton h2 strong{
    float: left;
}

.card_section {
    padding: 0px 20px;
}

.container.card_section .card {
    border-radius: 0;
    /* overflow: hidden; */
    border: none;
}


.card_section .card-body2 {
    background: #1d1d1d;
    color: white;
    font-size: 30px;
}
.card_title {
    font-size: 40px;
    margin-top: 10px;
}
.card_section .card-body1 {
    background: #1d1d1d;

    color: white;
    font-size: 30px;
}
.container.card_section .card img {
    object-fit: cover;
    height: 390px;
}

.v-heading {
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
    color: #fff!important;
    /* margin-bottom: 40px; */
    /* letter-spacing: 5px; */
    font-weight: 500;
    
}

.working-bx-3{
    display: flex;
    justify-content: space-between;
}
.working-bx-3 > div{
    width:calc(33.33% - 10px);
    height:380px;
    border: 1px solid;
    border-image: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    border-image-slice: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}
.working-bx-3 > div h2{
    font-size: 40px;
    color:white;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.employee_section h2 {
    color: #fff;
    font-size: 60px !important;
    font-weight: normal !important;
    /* padding-top: 30px; */
}

.emp-row {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.emp-row > div {
    width: calc(20% - 10px);
    position:relative;
}

.employee_card {
    text-align: center;
    padding: 0px;
    /* background-color: #fff; */
    /* border-radius: 10px; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.employee_card img {
    margin-bottom: 20px;
    width: 100%;
    height: 350px;
    object-position: center;
    object-fit: cover;
}
.employee_card h5 {
    font-size: 20px;
    margin-bottom: 0px;
    text-align: left;
    padding: 8px;
    padding-left: 0px;
}

.employee_card h6 {
    font-size: 14px;
    text-align: left;
    font-weight: 400;;
    color:#838383;
    /* padding-left: 20px; */

}
.employee_card p {
    font-size: 16px !important;
    color: #A8A8A8;
    /* padding: 20px; */
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 0;
    height: 191px;
    margin-top: 20px;
    padding-top: 0;
}

.quote-bx {
    position: absolute;
    top: 49%;
    left: -3px;
    height: 50px;
    width: 50px;
    background: #02EBAD;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}



.blog-hero-section{

    background-image: url(../img/blog/hero.webp);
    height: 550px;
    width:100%;
    background-size: cover;

}

.blog-style-one .button-regular {
    margin-top: 5px;
    color: white;
}

.blog-area .item{
    background-color: unset!important;
}


.blog-area.single .item .blog-item-box .meta li i {

    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.blog-content .info h4 a{
    color:white;
}

.desktop-none{
    display: none;
}

.our-work-heading {
    font-size: 260px;
    font-weight: bolder;
    -webkit-text-stroke: 1px var(--white);
    color: transparent !important;
    opacity: 0.8;
    text-align: center;
    padding: 70px 0px;
        font-family: "Manrope", sans-serif!important;
}
.our-work-sub {
    font-size: 22px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 5px;
}

.our-work-hero{
    position: relative;
}


.work-area .image-container {
    position: relative;
    text-align: center;
    color: white;
}
.work-area  .image-container img {
    width: 100%;
    height: auto;
}
 .image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: bold;
    color:white;
}

.blog-area.blog-grid-colum .thumb img {
    border-radius: inherit;
    margin-bottom: 30px;
    height: 308px;
    object-fit: cover;
}

.dash-img img{
    width:100px!important;
    height:100px!important;

}

.blog-item-box .thumb img{
    width:100%;
    object-fit: cover;
}

.blog-lists .thumb img {
    border-radius: 10px 10px 0 0;
    height: 308px;
    object-fit: cover;
    margin-bottom: 20px;
}

.blog-item-box .or-list{
    margin-bottom: 25px;
    margin-top: 25px;
    list-style: disc;
    padding-left: 20px;
}

.blog-item-box .or-list li{
    list-style: disc;
}



.blog-item-box tbody, td, tfoot, th, thead, tr {
    border-color: inherit !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 7px !important;
}

.main-nav .navbar{
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%)!important;
    position: fixed;
    top: 0;
 }
 .main-nav ul.navbar-nav li {
    margin: 0px 0px 0px 0px;
}

.main-nav nav.navbar ul.nav>li>a {
    padding: 5px 15px!important;
}
.main-nav .navbar-brand>img{
    height: auto;
}
.main-nav .navbar-nav.navbar-left .input-group {
    padding-top: 0px;
}

.main-nav .breadcrumb-item {
    position: relative;
    padding: 0px 0;
    padding-top: 0px;
}

.main-nav .btn.btn-icon, .navbar .navbar-nav>a.btn.btn-icon {

    padding: 0 !important;

}

.main-nav button, input, select, a {
    font-weight: normal;
}

.block-header .form-control[type=file] {
    line-height: 2.4;
}



#editor .codex-editor:first-child{
    display: none;
}


#editor .ce-block__content{
    margin: unset!important;
}

.blogs-heading{
    font-size: 30px;
    font-weight: bold;
}


.block-header li.breadcrumb-item .active {
    color: #f96332;
}

.block-header h2 {
    font-size: 24px!important;
}
.block-header li.breadcrumb-item a {
    color: #00000091;
    font-size: 14px;
}


.block-header .table .btn-primary {
    padding: 10px !important;
    border-radius: 5px;
}
.block-header .delete-btn {
    background-color: #546e7a !important;
    background: linear-gradient(90deg, #546e7a 29%, #546e7a 95%);
}

.strap-section {
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    height: 72px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    overflow: hidden;
}
.strap-section .text-container {
    color: white;
    font-size: 32px;
    font-weight: 400;
    white-space: nowrap;
    padding: 0;
}
.strap-section .dot {
    font-size: 70px;
    line-height: 0;
}

.strap-section .scroller__inner {
    gap: unset;
}

.strap-section[data-animated="true"]{
    mask:unset!important
}

.mtb-80{
    margin-top: 80px;
    /* margin-bottom: 80px; */
}
.main-class .bg-linear{
    background: linear-gradient(90deg, #5A57FB 29%, #02EBAD 95%);
    border-radius: 60px;
}

.main-class .testimonial-card .review-right-bx {
    width: 66%;
    margin-left: auto;
}
.review-left-bx img {
    width: 100%;
}

.testimonial-card .review-main-img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 253px;
    transform: translate(-50%, -50%);
}
.main-class .form-section .bg-linear {
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
}
.main-class .form-content {
    padding: 2rem;
    padding-left: 50px;
}
.main-class .testimonial-card p {
    font-size: 12px;
}



/* ============================= Faq css ===================== */


.faq-section .accordion-button {
    background-color: #1D1D1D;
    font-size: 24px;
    color: white;
}
.faq-section .accordion-button:focus {
    box-shadow: none;
}
.faq-section .accordion-button:not(.collapsed) {
    color: white;
    background-color: #1D1D1D;
    padding-bottom: 0;
}
.faq-section .accordion-item {
    border:none
}
.faq-section .text-orange {
    padding: 0;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0;;
}

.faq-section .accordion-body {
    background: #1D1D1D;
}

.faq-section .fs-24{
    font-size: 24px;;
}

.faq-section .display-4{
    font-size: 40px!important;
    font-weight:normal!important;
}






.marquee-content {
  
    animation: marquee 10s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.seo-hero-content h1 {
    font-size: 60px;
    text-align: center;
    font-weight: lighter;
}

.seo-hero-content p{
    text-align: center;
    max-width: 800px;
    margin: 30px auto;
    color: white;

}

.core-task-bg{
    background-image: url(../img/seo/core-task.webp);
    width: 100%;
    height: auto;
}

/* .seo-hero-img {
    position: relative;
    height: 377px; 
    overflow: hidden;
} */

.seo-hero-content {
    padding-bottom: 20px;
}

.seo-hero.about-section1 {
    padding-bottom: 100px;
}

/* 
.seo-hero-img {
  width: 100%;
  aspect-ratio: 5 / 1; 
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.seo-hero-img img {
  width: 100vw; 
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  animation: rotateCircle 200s linear infinite;
  position: relative;
 top: -413% 
}


@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */




.seo-hero-img {
  width: 100%;
  aspect-ratio: 5 / 1; 
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}


.seo-hero-img img {
  width: 100vw; 
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  animation: rotateCircle 200s linear infinite;
  
  position: absolute;
  top: -413%;
  left: 50%;
  /* Remove transform from here */
}

/* Combine rotate and translateX inside keyframes */
@keyframes rotateCircle {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}



.core-content h1{
    font-size:40px;
    color: white;
    text-align: center;


}
.core-content p {
    color: white;
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    padding-top: 25px;
}

.core-bx h2{
    font-size: 18px;
}

.core-bx > p{
    font-size: 13px;
    color: #666666;
    max-width: 798px;
    margin: auto;
}

.core-bx h2 {
    font-size: 18px;
    color: black;
}

.core-bx {
    background-color: white;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    height: 274px;
}

.ptb-100{
    padding-top: 100px;
    padding-bottom: 100px;
}


/* ================ process csss--------------- */

.step-box-orange {
    background-color: #FF6F61;
}

.step-box {
    /* background-color: #FF6F61; */
    border-radius: 10px;
    padding: 15px;
    border:2px solid #FF6F61;
}
.step-box h2 {
    color: #FF6F61;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
}

.step-box-orange h2 {
    color: white;
}

.process-btn {
    background-color: #5138EE;
    color: white;
    border-radius: 50px;
    width: 250px;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 10px 30px;
    font-family: 'Manrope';
}

.process-section .process-heading {
    color: #FF6F61;
    line-height: 1;
    font-size: 40px;
    font-weight: 500;
}

.process-section .step-box p{
     font-size: 14px;
     font-weight: 400;
     color: white;
     margin-bottom: 0;
     line-height: 20px;
}

.step-box .width-20{
    width:12%;
    margin-right: 5px;;
}

.step-box .width-80{
    width:88%;
}

.steps-bxx {
    display: flex;
    align-items: center;
}

.main-d-flex .step-number{
    width:10%;
    margin-right: 40px;
    position: relative;
}

.main-d-flex .step-box{
    width:90%;
}


.nubmer-lists li{
    font-size: 30px;
    font-weight: bold;
    height: 62px;
    display: flex;
    color: white;
    align-items: center;
    width:62px;
    justify-content: center;
    background-color: #5138EE;
    border-radius: 50px;
    z-index: 100;
    position: relative;
}
.main-d-flex{
    align-items: center;
}
/* 
.main-d-flex .step-number::before {
    content: '';
    position: absolute;
    height: 154px;
    border: 1px solid #ffffff;
    left: 50%;
    bottom: -44px;
    z-index: -1;
} */

.max-500{
    max-width: 500px;
}

.significance-content h1{
        font-size: 40px;
        color: white;
        text-align: center;
}

.significance-content p{
    color: white;
    text-align: center;
    max-width: 800px;
    margin: auto;
}


.significance-section{
background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
width: 100%;;
}


.significance-row {
    display: flex;
    justify-content: space-between;

}

.significance-row > div{
    display: flex;
    width: calc(20% - 15px);
    padding: 15px;
    background: white;
    flex-flow: column;
    border-radius: 18px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.significance-row > div h2{
    font-size: 21px;
    color:#1D1D1D;
    margin-bottom: 10px;
    font-weight: 500;
}

.significance-row > div p{
    font-size: 14px;
    color:#666666;
    margin-bottom: 0;
}




/* ============== 5solid reasons css===== */


.solid-reasons-section .process-heading {
    color: #FF6F61;
    line-height: 1;
    font-size: 40px;
    font-weight: 500;
}

.solid-reasons-section .why-c-heading{
    font-size: 50px;
    font-weight: 400;
    color: white;
}
.reasons-bxx h3 {
    color: #FF6F61;
    font-size: 24px;
    margin-bottom: 5px;
}

.reasons-bxx p{
    font-size: 16px;
    color: white;
    font-weight: lighter;
    margin-bottom: 0;
}

.check-img-bx img{
    width: 26px;
    margin-top: 4px;
    margin-right: 20px;
}
.check-img-bx > li{
    align-items: flex-start;
}

.about--bx .text-first{
    font-size: 16px;
    color:#5138EE;
    font-weight: bold;
    margin-bottom: 0;
}

.about--bx{
    padding:20px;
    border-radius: 8px;
    height: 260px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.about--bx .text-second{
    color:#202942;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    margin-top: 10px;
}

.solid_reason-bx .process-btn {
    background-color: #5138EE;
    color: white;
    border-radius: 50px;
    width: 220px;
    letter-spacing: 1px;
    margin-top: 15px;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 20px;
    font-family: 'Manrope';
}
.solid-reasons-section .mt-45 {
    margin-top: -163px;
}

.pattern-img img {
    position: absolute;
    top: -77px;
    z-index: -1;
    left: 32%;
}

.z-in{
    z-index:1;
    position: relative
}

.pl-70{
    padding-left: 70px;
}

.about-section1 .image-column {
    position: relative;
    margin-bottom: 35px;
    margin:auto;
}

.about-section1 .image-column .inner-column {
    position: relative;
    padding-right: 110px;
}

.about-section1 .image-column .image-1 {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0px;
}

/* .about-section1 .image-column .image-2 {
    position: absolute;
    right: 34px;
    top: 97px;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    height: 195px;

    width: 180px;
 
} */


.about-section1 .image-column .image-2 {
    position: absolute;
    transform: translate(-50%, -50%);
    right:-34px;
    top: 50%;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
    /* border: 5px solid #ffffff; */
    width: 180px;
    /* -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1); */
}
.about-section1 .image-column .image-1 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

figure.image-2 img {
    width: 100%;
    object-fit: cover;
    height: auto;
}
.process-section .mtb-80{
    margin-top: 0;
    margin-bottom: 100px;
}



.blog-area .single-item {
    margin-bottom: 0px!important;
}
.blog-area ul {
    list-style: none!important;
}
.blog-area .item:last-child {
    margin-bottom: 0;
}

.blog-area .item {
    background: transparent!important;
    margin-bottom: 30px;
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
    border-radius: 8px;
}

.blog-area .thumb img {
    border-radius: 8px 8px 0 0;
}

.blog-area .item .info {
    padding: 30px;
    background-color: white;
}

.blog-area .item .info .meta {
    margin-bottom: 15px;
}

.blog-area .item .info .meta ul li {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    text-transform: capitalize;
    font-weight: 500;
}

.blog-area .item .info .meta ul li a {
    color:#666666
    ;
    
    font-weight: 500;
}

.blog-area .item .info .meta ul li i {
    margin-right: 5px;
    color: #5138ee;
    font-weight: 3;
    font-size: 17px;
    position: relative;
    top: 1px;
}

.blog-area .item .info h4 a {
    line-height: 1.4;
    font-weight: 900;
}

.blog-area .item .info h4{
    font-size: 20px;
}

.blog-area .item .info p:last-child {
    margin-bottom: 0;
    color:#666666
}

.blog-area .thumb .date {
    position: absolute;
    right: 45px;
    bottom: -25px;
    margin: 0;
    border-radius: 8px;
    padding: 0;
    font-weight: 900;


}

.blog-area .meta li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    z-index: 1;
    font-weight: 500;
    color: #ffffff;
}

.blog-area ul li {
    list-style: none !important;
}

.blog-area .thumb .date strong {
    /* padding: 10px 5px; */
    display: inline-block;
}

.blog-area .item .date span {
    display: block;
    font-size: 14px;
    background: #5138ee;
    color: white;
    padding: 0 19px;
    border-radius: 0 0 8px 8px;
    min-width: 70px;
}

.blog-area .thumb .date {
    position: absolute;
    right: 45px;
    bottom: -25px;
    margin: 0;
    border-radius: 8px;
    padding: 0;
    font-weight: 900;

}

.blog-area .item .date {
    display: inline-block;
    background:white;
    /* padding: 5px 25px; */
    color: #202942;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 900;
    /* margin-bottom: 15px; */
    text-align: center;
    box-shadow: 0 0 10px #cccccc;
}

.bg-dark .blog-area .meta li::after {
    background: #cccccc;
    display: none;
}



.devider {
    background: #02EBAD!important;
}
.devider {
    display: inline-block;
    width: 50px;
    height: 3px;
    position: relative;
    z-index: 1;
    left: 10px;
    margin: auto;
    display: block;
}





/* ============================  Social Media  Marketing csss============= */

.smm-hero-section {
    margin-top: 50px;
}

.smm-hero-section img{
    width:100%;
    object-fit: cover;
    height: 600px;
}

.our-work-row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.our-work-row > div{
    width: calc(20% - 10px);
    /* margin-bottom: 15px; */


    
}

.our-work-row > div img{
    width: 100%;
    object-fit: cover;
}

.blur-shape{
    position: absolute;
    width: 350px;
}

.banner-one-item img {
    position: absolute;
    right: 11%;
    top: 73%;
    width: 91px;
}
.mt-15{
    margin-top: 15px;;
}

.accordion-portfolio-lists{
    padding-bottom: 0!important;
}

.blog-area .site-heading {
    margin-bottom: 50px;
}

.instagram-section  video{

    width:100%;
    border-radius: 18px;
}


.new-mute-btn {
    backdrop-filter: blur(4px);
    border: 1px solid #ccc;
  }
  
  .mute-toggle-button{
    line-height: 0;
  }

  .testimonials .pt-80{
    padding-top: 80px!important
    ;
  }


  /* ------------------------ Logo Design -------------------------- */

  .about-section2 .seo-hero-content {
    padding-bottom: 50px;
}

/* 
.col-lg-6.mt-5.mt-lg-0::before {
    content: '';
    position: absolute;
    height: 100%;
    border: 1px solid #ffffff;
    left: 7%;
    bottom: 0;
    
    
} */
.nubmer-lists::before {
    content:'';
    position:absolute;
    /* border:1px solid #ddd; */
    height: 300px;
    width: 1px;
    background: white;
    top: -100px;
    left: 50%;
    z-index: 0!important;
}
.col-lg-6.mt-5.mt-lg-0{
    position:relative;
}


ul.dropdown-menu li a {
    color: black !important;
    font-size: 14px!important;
}

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

ul.dropdown-menu  li {
    margin-left: 0;
    padding: 0!important;
}

.dropdown > a i{
 margin-left: 5px;
}


.navbar-nav .dropdown-menu {
    min-width: 260px!important;
    padding: 15px 10px!important;
    border-radius: 0px 0px 4px 4px!important;
}



.redirect-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 30px;
    border-radius: 6px;
    background: #ffffff29;
    margin-top: 12px;
    border: 1px solid #fff;
}

.redirect-arrow h2{
    font-size: 18px;
    font-weight: 400!important;
}

.redirect-arrow a i {
    font-size: 18px;
}


.accrdion-portfolio-area .out .accordion-overlay .redirect-arrow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0.30s;
}

.redirect-arrow  {
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(25px);

}

.redirect-arrow a {
    display: inline-block;
    height: 35px;
    background: #1D1D1D;
    width: 35px;
    text-align: center;
    line-height: 0.8;
    border-radius: 50%;
    margin-top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(25px);
    font-size: 30px;
    border: 2px solid rgba(255, 255, 255, 1);
}


img.shape.p-absolute {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: -55px;
    top: 4px;
}
  
  .parallax-container {
    height: 300vh; /* 3 sections * 100vh */
  }
  
  .parallax-section {
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 10;
  }
  


  .review-left-bx{
    width: 30%;
    position: relative;
  }


.blur-shape {
    position: absolute;
    width:auto;
    top: 20%;
}

#home .banner-one-item h2 strong {

    float: unset;
    text-align: center;
    display: block;
}




.faq-section .accordion-button::after {
    display: none;
  }
  
  .faq-section .accordion-button {
    position: relative;
  }
  
  .faq-section .accordion-button::before {
    content: "+";
    position: absolute;
    right: 1.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    color: #ffffff87;
    transition: transform 0.3s ease;
}
  
  /* When accordion is open, show minus */
  .faq-section .accordion-button:not(.collapsed)::before {
    content: "−";
  }
  footer {
    position: relative;
    z-index: 1;
    border-top: 1px solid #848484;
    border-bottom: 1px solid #848484;
    border-radius: 18px 0px 0px 0px;
    padding-bottom: 30px;
}
  footer .before-bg::before {
    content: '';
    position: absolute;
    width: 450px;
    border-radius: 18px 0px 0px 0px;
    height: 100%;
    top: 0;
    background-color: #262525;
    z-index: -1;
}

.footer-2nd p{
    font-size: 14px;
    padding:10px 0px;
    color:#CCCCCC;
    text-align: center;
}
.footer-2nd p span a{
    color:#f97316;
}

.blog-area h2 {
    font-size: 40px!important;
    font-weight: normal!important;
}


.our-work-primary .banner-one-item img {
    right: -14%;
    top: 47%;
    width: 90px;
}

.seo-core-task .core-bx {
    height: 288px;
}
#email-marketing .about-section1 .image-column .image-2{
    top:54%;
}

#email-marketing .core-bx {
    height: 215px;
}









/* ================================= Logo Hero Swiper ======================== */



.logo-sliders .mySwiper {
  width: 100%;
  /* height: 400px; */
}

.logo-sliders .mySwiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 185px;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  overflow: hidden;
  transition: transform 0.3s ease;
}

/* .mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
} */
.logo-sliders .mySwiper .swiper-slide img {
    width: 185px;
    height: 450px;
    object-fit: cover;
    border-radius: 50px;
}

.logo-sliders .mySwiper .swiper-slide-active img {
    height: auto !important;
    width: 100% !important;
    border-radius: 18px !important;
}
#logo-design .core-bx {
    height: 175px;
}

 









.brand-identity-design .mySwiper .swiper-slide img {
    width: 300px;
    height: auto;
    object-fit: cover;
    border-radius: unset;
}



#product-packaging .core-bx {

    height: 245px;
}












  
  /* Card sizing and spacing */
  .slider-card {
    background: transparent;
    width: 220px;
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  

  /* #web-development .swiper-coverflow .swiper-slide {

    padding: 10px;
    border: 1px solid #ffffff6e;
    border-radius: 18px;
    background: linear-gradient(360deg, #b4b4b494 0%, #747070 0%, #ffffff7d 33%, #afafaf 100%);
    backdrop-filter: blur(80px);

} */

/* #web-development .swiper-coverflow .swiper-slide {
  
} */



#web-development .swiper-coverflow .swiper-slide img{
    border-radius: 18px!important;

}
#web-development .core-bx {
    height: 245px;
}
.mx-900{
    max-width: 900px;;
}




.blog-area.full-blog.single .item .info{
    background-color: transparent;
}


#prouduction .about-section1 .image-column .inner-column {
    position: relative;
    padding-right: 0px;
}
#prouduction .core-bx {
    height: 200px;
}

.dash-nav ul.navbar-nav li {
    margin: 0px 0px 0px 70px;
    padding: 0px 0px;
}
.card_section .tabs-row{
    display: flex;
    justify-content: space-between;
}
.card_section .tabs-row > div{
    border: 1px solid #ddd;
    padding: 20px;
    padding-bottom: 0;
    width:calc(50% - 25px);
}

.card_section .tabs-row > div .card_title {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.employee_section span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border: 1px solid #02EBAD;
    border-radius: 50px;
    left: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.employee_section .swiper-pagination {
    padding-top: 50px;
}
.employee_section .swiper-pagination .swiper-pagination-bullet{
    height: 10px;
    width:10px;
    background-color: white;
    position:relative;
    margin:0px 10px!important;
}

.employee_section .swiper-pagination-bullet-active{
    background-color:#02EBAD !important;
}

.jobs-hero-section {
    background-image: url(../img/jobs/hero.webp);
    height: 550px;
    width: 100%;
    background-size: cover;
}



 /* .job_description {
      background-color: #1a1a1a;
      color: #d9d9d9;
      font-family: 'Inter', sans-serif;
      padding: 1.5rem 1.5rem;
      max-width: 900px;
      margin: 0 auto;
    } */
    .job_description .date {
      color: #A8A8A8;
      font-size: 20px;
      margin-bottom: 0.5rem;
    }
    .job_description h1 {
      color: #fff;
      font-weight: 400;
      font-size: 40px;
      margin-bottom: 1.5rem;
    }
    .job_description .label {
      font-weight: 600;
      color: #bfbfbf;
    }
    .job_description .info-text {
      color: #bfbfbf;
      font-size: 16px;
      margin-bottom: 0.25rem;
    }
    .job_description h2 {
      color: #fff;
      font-weight: 500;
      font-size: 25px;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
    }
    .job_description p,
    .job_description ul {
      color: #bfbfbf;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 1.5rem;
    }
    .job_description ul {
      padding-left: 30px;
    }
    .job_description ul li {
      margin-bottom: 0.4rem;
      font-size:16px;
      list-style-type: disc;
    }
   


    .applying-form h2{
        font-size: 40px!important;
        color:white;
        padding-bottom: 15px;
        margin:0;
    }
    .applying-form .mb_5{
        margin-bottom: 5px;;
    }

   
   .applying-form input {
    background: #ffffff12;
    border: 1px solid #E7E7E7;
    color: white;
    border-radius: 4px;
    min-height:45px;
}

   .applying-form input::placeholder{
    color: white;

    
   }


   .applying-form .form-control:focus {
    background-color: transparent;
    outline: 0;
    border-color: #E7E7E7;
    box-shadow: unset;
    color:#fff;
}
   

#cv {
    line-height: 2;
}

   .apply-now-btn{
    font-weight: 600;
    transition: all 0.35s ease-in-out;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 30px;
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    border: none;
    color: white;
    margin-top: 20px;
}

.applying-form.wpcf7 {

    background: #ffffff12;
    padding: 40px 30px;
}


.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}


.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}




/* Base gradient text with animated background */
.working-bx-3 > div h2 {
    background: linear-gradient(90deg, #FF6F61, #FBA065, #FF6F61);
    background-size: 300% auto;
    background-position: 0% center;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: transform 0.3s ease, text-shadow 0.3s ease;
}

/* Animate on hover */
.love-working-section .working-bx-3 > div:hover h2 {
    animation: gradientShift 2s ease infinite;
    transform: scale(1.05);
    text-shadow: 0 0 10px rgba(255, 111, 97, 0.6), 0 0 20px rgba(251, 160, 101, 0.4);
}

/* Gradient shifting animation */
@keyframes gradientShift {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 100% center;
    }
    100% {
        background-position: 0% center;
    }
}



.choose-us-style-one-thumb a {
    position: relative;
}

.choose-us-style-one-thumb a img {
    transition: transform 0.5s ease; /* Apply transition to the img */
}

.choose-us-style-one-thumb a:hover img {
    transform: rotate(45deg);
}


.news-emailbx button i{
     transition: transform 0.5s ease; /* Apply transition to the img */

}

.news-emailbx button:hover i{
    transform: rotate(4deg);

}

.career-response .pagination{
      display: flex;
  align-items: center;
  justify-content: center;
}

.career-response .circle-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    padding: 0;
        background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    color: white;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: background-color 0.3s ease;
}
.career-response .circle-btn i{
    margin:0;
}

.career-response .circle-btn:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

.career-response .circle-btn:hover:not(:disabled) {
      background-color: #fe7b62;

}

.career-response button.download-btn.btn.btn-sm.btn-primary {
    font-weight: normal;
}
.career-response .btn-delete {
    background: transparent;
    color: #5a5a5a;
    padding: 0;
    height: 30px;
    display: flex
;
    justify-content: center;
    width: 30px;
    align-items: center;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 5px;
    border-radius: 50px;
    margin: auto;
}

.career-response .btn-delete i{
    margin:0;
}

.career-response .react-confirm-alert-body h1{
    font-size: 22px;;
}

.react-confirm-alert-body > h1 {
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 10px;
}

.react-confirm-alert-button-group > button {
    outline: none;
    background: #333;
    border: none;
    display: inline-block;
    background: linear-gradient(90deg, rgb(255, 111, 97) 29%, rgb(251, 160, 101) 95%)!important;
    padding: 6px 18px;
    color: #eee;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}
.career-response .filters select{
    height: 45px;
}

.career-response .filters input{
    height: 45px;
    min-height: 45px;;
}
.career-response .filters input::placeholder{
    color:#111;
}

.career-response .filters.row.mb-3 {
    background: white;
    padding: 15px 0px;
    border: 1px solid #E3E3E3;
    margin-left: 0;
    margin-right: 0;;
}

.career-response .btn-export {
    background: green;
    padding: 10px 15px !important;
    margin-top: 0;
}

.log-out-btn button{
    background:transparent;
    padding:0;
}


.login-admin .l-cyan {
    /* background: linear-gradient(45deg, #49cdd0, #00bcd4) !important; */
    color: #fff !important;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%)!important;
    padding: 10px 50px !important;
    font-weight: 500!important;
}


.query-response .btn-delete {
    background: transparent;
    color: #5a5a5a;
    padding: 0;
    height: 30px;
    display: flex
;
    justify-content: center;
    width: 30px;
    align-items: center;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 5px;
    border-radius: 50px;
    margin: auto;
}

.query-response .btn-delete i{
    margin:0;
}


.input-group-addon i{
    color:white;
}

.filters-btns button {
    border-radius: 50px !important;
    height: 45px;
    margin: 0;
}

.filters-btns button i{
 font-size: 19px;;
}

.filters-btns{
    padding-bottom: 7px;;
}

.career-response .table td input{
    border-radius: 4px!important;
}

.table-responsive-custom {
  overflow-x: auto;
  width: 100%;
}

.table-responsive-custom table {
  min-width: 1200px; /* or more based on number of columns */
  white-space: nowrap; /* Prevents text from wrapping in td */
}

.table-responsive-custom th,
.table-responsive-custom td {
  white-space: nowrap;
}


.table-responsive-custom
 .table thead th {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 10;
}



.contact-us-heading {
    font-size: 270px;
    color: transparent !important;
    text-align: center;
    -webkit-text-stroke: 1px #ffffff99;
    opacity: 0.6;
    font-weight: 500;
}


.contact-sub {
    font-size: 50px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 0;
    white-space: nowrap;
}
.our-contact-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%);
}

.contact-hero-content{
    position: relative;
}

.our-contact-overlay p {
    margin-bottom: 0;
    background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: 700;
    letter-spacing: 3px;
}






 .have-questions {
      display: flex;
      flex-wrap: wrap;
      gap: 3rem;
    }
    .have-questions .left,
    .have-questions .right {
      flex: 1 1 400px;
      min-width: 300px;
    }
    .have-questions .subtitle {
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 0;
      border: none;
      padding: 0;
      background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }
    .have-questions h1,
    .have-questions h2 {
      font-weight: 800;
      margin-bottom: 2rem;
    }
    .have-questions h1 {
      font-size: 40px;
    }
    .have-questions h2 {
      font-size: 25px;
    }
    .have-questions form input,
    .have-questions form textarea {
      background: transparent;
      border: 1px solid #ccc;
      border-radius: 7px;
      color: #6C757D;
      font-size: 13px;
      padding: 0rem 1rem;
      min-height: 45px;
      height: 45px;
      width: 100%;
      margin-bottom: 15px;
      transition: border-color 0.3s ease;
    }
    .have-questions form input::placeholder,
    .have-questions form textarea::placeholder {
      color: #6c757d;
    }
    .have-questions form input:focus,
    .have-questions form textarea:focus {
      outline: none;
      border-color: #ff6f5b;
      background-color: #fff;
      color: #000;
    }
    .have-questions form textarea {
      resize: none;
      min-height: 150px;
      padding-top: 10px;
    }
    .have-questions .form-row {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }
    .have-questions .form-row > * {
      flex: 1 1 0;
      min-width: 150px;
    }
    .have-questions button {
      border: none;
      border-radius: 30px;
      background: linear-gradient(90deg, #FF6F61 29%, #FBA065 95%);
      color: #fff;
      font-weight: 500;
      padding: 10px 40px;
      cursor: pointer;
      transition: filter 0.3s ease;
    }
    .have-questions but ton:hover {
      filter: brightness(1.1);
    }
    .have-questions .right h3 {
      font-weight: 500;
      margin-bottom: 0.5rem;
      color: #fff;
      font-size: 18px;
    }
    .have-questions .right p {
      color: #DDDDDD;
      margin-bottom: 1.5rem;
      line-height: 1.4;
      font-size: 14px;
      white-space: pre-line;
      font-weight: 300;
    }
    .have-questions .right hr {
      border-color: #444;
      margin-bottom: 1.5rem;
      border-width: 1px 0 0 0;
    }
    .have-questions .social-icons {
      display: flex;
      gap: .5rem;
      margin-top: 1.5rem;
    }
    .have-questions .social-icons a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      background-color: #403E44;
      border-radius: 50%;
      color: #fff;
      font-size: 1.25rem;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }
    .have-questions .social-icons a:hover {
      background-color: #666;
    }


    .contact-hero-content {
    position: relative;
    margin-top: -50px;
}




.web-development-coverflow  {
  /* height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #111; */
}

.web-development-coverflow .swiper {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 80px;
    margin-bottom: 50px;
}

.web-development-coverflow .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 350px;
  height: 400px;
  border-radius: 20px;
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0006);
}
/* --------------------- for blur -------------- */

.brand-identity-design .swiper-slide {
  transition: filter 0.3s ease;
}

.brand-identity-design .swiper-slide:not(.swiper-slide-active) {
  filter: blur(3px);

  transform: scale(0.95);
}


.table-responsive-custom select{
    font-size: 12px;;
}

.table-responsive-custom td input {
    height: 31px;
    min-height: 31px;
}

.table-responsive-custom textarea.form-control{
    border: none;
}
/* 
.case-flow-main{
    padding:15px;
} */


.our-work-images img{
    width:100%;
    object-fit: cover;
}