@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ2lCR_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ17CR_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0lCR_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0XCR_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ37Dh_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ3CDh_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ2lDh_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KU7NSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_907NSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU7NSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_m07NSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0nNSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../s/plusjakartasans/v11/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KUnNSg.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v23/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../s/poppins/v23/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../s/poppins/v23/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../s/poppins/v23/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}

:root {
    --theme: #e31d46;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #e31d46;
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent)
}

/***** General CSS *****/

/* font-family: "Poppins", sans-serif; */
/* font-family: "Plus Jakarta Sans", sans-serif; */

body {
    word-break: break-word;
    font: 15px/25px 'Poppins', sans-serif;
    color: #393939;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #28b16d;
    white-space: initial;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #393939;
}

a:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

img {
    max-width: 100%;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
}

p {
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    color: #696969;
    font-size: 16px;
    font-weight: 400;
}


/***** Font Files *****/


/***** Custom Classes *****/

.noPadding {
    padding: 0;
}

.noLeft {
    padding-left: 0;
}

.noRight {
    padding-right: 0;
}

.centerCol {
    float: none;
    margin: 0 auto;
}

.pt_8 {
    padding-top: 80px;
}

.pb_8 {
    padding-bottom: 80px;
}

.py_8 {
    padding: 80px 0px;
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
}

h1 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 55px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin: 0 0 17px;
}

h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 55px;
    line-height: 1.2;
    color: #393939;
    font-weight: 500;
    margin: 0 0 30px;
}

h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    line-height: 1.2;
    color: #000000;
    font-weight: 600;
    margin: 0 0 28px;
}

h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    line-height: 1.2;
    color: #393939;
    font-weight: 500;
    margin: 0 0 13px;
}

h5 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #393939;
    font-weight: 500;
    margin: 0 0 20px;
}

h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #393939;
    font-weight: 500;
    margin: 0 0 22px;
}

select {
    background: #fff url('../images/arrow.png') no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #575757;
}

::-moz-placeholder {
    color: #575757;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #575757;
}

:-moz-placeholder {
    color: #575757;
    opacity: 1;
}

/*  project css start  */

header {
    padding: 30px 0px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    transition: 0.3s ease-in-out;
}

header ul#menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 0;
}

header .row {
    align-items: center;
}

header ul#menu>li>a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    position: relative;
    transition: 0.3s ease-in-out;
}

header .header_btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

header .header_btn>i {
    color: var(--theme);
    position: relative;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
}

header .header_btn>i:before {
    animation: tada 1.5s ease infinite;
}

header .header_btn>i:after {
    position: absolute;
    content: "";
    background-color: #e31d4680;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: 7px;
    right: 6px;
    transition: 0.3s ease-in-out;
}

header .header_btn>a {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 18px;
}

header .header_btn>a>span {
    color: var(--theme);
    font-size: 13px;
    font-weight: 500;
}

header ul#menu>li>a:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 0;
    height: 2px;
    left: 0;
    bottom: -2px;
    z-index: -1;
    right: 0;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
}

header ul#menu>li>a:hover:after {
    width: 100%;
}

@keyframes tada {

    0% {
        transform: scale(1);
    }

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }

}

.banner {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 130px 0px 50px;
}

.banner>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    object-fit: cover;
}

.banner .banner_textt>p {
    color: #fff;
}

.banner .row {
    align-items: center;
}

.banner .banner_textt>.banner_form {
    background-color: #f2f2f2;
    padding: 20px 20px 10px;
    border-radius: 10px;
    margin-top: 30px;
    width: 90%;
}

.banner .banner_textt>.banner_form form input {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid var(--theme);
    background-color: transparent;
    border-radius: 5px;
    padding: 5px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
}

.btn1 {
    width: 100%;
    border: 0;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme);
    color: #000;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 18.31px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.btn1:hover {
    transition: 0.3s ease-in-out;
    transform: translate(0px, -5px);
    box-shadow: inset 0 0 8px 9px #ffffff38;
}

.banner .banner_textt>ul {
    margin-bottom: 0;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.banner .banner_textt>ul>li>img {
    width: 150px;
}

.banner .banner_imgg>img {
    width: 90%;
    margin-left: auto;
    display: block;
}

header .logo_here>img {
    width: 190px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.banner .banner_textt>.banner_form form input:focus {
    border-color: #8f8f8f;
}

/* banner end */

.all-sec {
    padding: 60px 0px;
}

.logos_sec .row {
    align-items: center;
}

.logos_sec>.container-fluid {
    padding-right: 0;
    padding-left: 9%;
}

.logos_sec h2 {
    margin: 0;
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.logos_sec h2>span {
    display: block;
    font-size: 36px;
    color: #343396;
}

.logos_sec .logo_slider .slick-slide {
    opacity: 1;
}

.logos_sec .logo_slider .slick-slide img {
    width: 150px;
    height: 50px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    filter: brightness(0) invert(.5);
    transition: 0.3s ease-in-out;
}

.logos_sec.all-sec {
    padding: 40px 0px;
}

.logos_sec .logo_slider .slick-slide img:hover {
    /* filter: none; */
}

/* logos end */

.skill-main {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 25px 0px;
}

.skill-main .skill-wrrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.skill-main .skill-wrrap .skill-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 7px;
}

.skill-main .skill-wrrap .skill-bar {
    height: 12px;
    background-color: #eaeaea;
    border-radius: 8px;
}

.skill-main .skill-wrrap .skill-per {
    height: 12px;
    background: #23576f;
    border-radius: 8px;
    width: 0;
    transition: 1s linear;
    position: relative;
    background: #343396;
    top: 0px;
}

.skill-main .skill-wrrap .skill-per:before {
    content: attr(per);
    position: absolute;
    padding: 4px 6px;
    color: #000;
    font-size: 16px;
    top: -35px;
    right: 0;
    transform: translateX(50%);
    font-weight: 600;
}

.skill-main .skill-wrrap .skill-per:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    right: -2px;
    background: #ffffff;
    border-radius: 50%;
    top: -2px;
    display: none;
}

.digital_solutions .row {
    align-items: center;
}

.theme_heading>span {
    font-size: 18px;
    color: #fff;
    display: block;
    background-color: var(--theme);
    width: fit-content;
    padding: 5px 30px;
    border-radius: 30px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    margin-bottom: 10px;
}

.theme_heading>h2 {
    font-size: 47px;
    color: #000000;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

.theme_heading>h2>span {
    font-weight: 900;
    color: #313294;
}

.digital_solutions_box>ul {
    display: flex;
    gap: 20px;
    margin: 20px 0px;
}

.digital_solutions_box>ul>li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.digital_solutions_box>ul>li>span {
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
}

.digital_solutions_box>ul>li>i {
    width: 46px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme);
    color: #fff;
    font-size: 23px;
    border-radius: 50%;
    position: relative;
}

.digital_solutions_box>ul>li>i:after {
    position: absolute;
    content: "";
    background: #e31d4669;
    width: 15px;
    height: 15px;
    right: 6px;
    bottom: 8px;
    border-radius: 50%;
}

.btn2 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    border: 1px solid var(--theme);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    height: 45px;
    width: fit-content;
    padding: 0px 30px;
    border-radius: 30px;
    padding-right: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.btn2>i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    right: 0;
    transition: 0.3s ease-in-out;
}

.btn2>i:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
}

.btn2:hover>i:after {
    transform: scale(8);
}

.btn2:hover {
    color: #fff;
    box-shadow: inset 0 0 7px 4px #ffffff52;
}

.btn2:hover>i {
    color: #fff;
}

.digital_solutions .digital_solutions_imgg {
    position: relative;
    width: 90%;
    margin-left: auto;
}

.digital_solutions .digital_solutions_imgg>img {
    border-radius: 10px;
}

.digital_solutions .digital_solutions_imgg>.digital_solutions_img_textt {
    background-color: #000;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: -70px;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
}

.digital_solutions .digital_solutions_imgg>.digital_solutions_img_textt>ul {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
}

.digital_solutions .digital_solutions_imgg>.digital_solutions_img_textt>ul>li:first-child {
    color: #fff;
    font-size: 96px;
    line-height: 1;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    width: 30%;
}

.digital_solutions .digital_solutions_imgg>.digital_solutions_img_textt>ul>li:last-child {
    width: 70%;
    font-size: 16px;
    color: #fff;
}

.digital_solutions .digital_solutions_imgg>.digital_solutions_img_textt>ul:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    left: 30%;
}

.digital_solutions .digital_solutions_imgg:hover>.digital_solutions_img_textt {
    background: var(--theme);
}

/* digital_solutions end */

.swift_loading {
    background-color: #efefef;
}

.swift_loading .row {
    align-items: center;
}

.swift_loading .swift_loading_wrpr>ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
}

.swift_loading .swift_loading_wrpr>ul>li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: #000;
    font-family: 'Poppins';
    font-weight: 600;
}

.swift_loading .swift_loading_wrpr>ul>li>span {
    border: 2px solid #373498;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(55 52 152 / 20%);
    font-size: 14px;
    color: #373498;
    font-family: 'Plus Jakarta Sans';
    font-weight: 900;
}

.swift_loading .swift_loading_wrpr>h3 {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    font-size: 41px;
    color: #000;
    font-weight: 800;
}

.swift_loading .swift_loading_wrpr>h3>p {
    margin: 0;
}

.swift_loading .swift_loading_wrpr>.prgres {
    width: 100%;
    height: 15px;
    background: #bfbfbf;
    border-radius: 10px;
    position: relative;
}

.swift_loading .swift_loading_wrpr>.prgres:after {
    background: #343396;
    width: 90%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 10px;
}

.swift_loading .swift_loading_wrpr.gt_metrix>ul>li>span {
    border: 0;
    background: transparent;
    width: unset;
    height: unset;
    display: block;
    font-size: 26px;
    color: #373498;
}

.swift_loading .swift_loading_wrpr {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 180px;
}

.swift_loading .theme_heading>h2 {
    margin: 0;
}

/* swift_loading end */

.portfolio_secc .cust_tabs {
    margin-top: 40px;
}

.portfolio_secc .cust_tabs>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.portfolio_secc .cust_tabs>ul>li {
    color: #000;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    padding: 8px 13px;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    border-radius: 7px;
    cursor: pointer;
    border: 1px solid #000;
}

.portfolio_secc .cust_tabs>ul>li.curr {
    background-color: #000;
    color: white;
}

.tabs-open.curr {
    display: block;
}

.tabs-open {
    display: none;
}

.tabs-open a>img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    filter: brightness(.6);
    object-position: top;
    transition: 0.3s ease-in-out;
}

.tabs-open a:hover>img {
    transition: 4s ease-in-out;
    object-position: bottom;
}

.tabs-open a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.tabs-open a:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100%;
    background: #ffffff59;
    transform: rotate(45deg) scale(2) translate(-200px, 0px);
    transition: 0.3s ease-in-out;
}

.tabs-open a:hover:after {
    transform: rotate(45deg) scale(2) translate(0px, 0px);
    transition: 0.3s ease-in-out;
}

/* portfolio end */

.cta_sec .cta_box {
    background: var(--theme);
    padding: 60px 50px;
    border-radius: 20px;
    position: relative;
}

.cta_sec .cta_box>h2 {
    color: #fff;
    font-size: 50px;
    width: 60%;
    font-weight: 700;
}

.cta_sec .cta_box>h2>span {
    color: #000;
}

.cta_sec .cta_box .btn2 {
    border-color: #fff;
    position: relative;
    z-index: 2;
}

.cta_sec .cta_box .btn2>i:after {
    background: #fff;
    z-index: -1;
}

.cta_sec .cta_box .btn2:hover {
    color: var(--theme) !important;
    box-shadow: inset 0 0 7px 4px #e31d46;
}

.cta_sec .cta_box .btn2:hover>i {
    color: var(--theme);
    box-shadow: inset 0 0 7px 4px #e31d46;
}

.cta_sec .cta_box>img {
    position: absolute;
    right: -30px;
    top: -40px;
    width: 45%;
}

/* cta sec end */

.clients_serviced_secc .theme_heading {
    margin-bottom: 40px;
}

.clients_serviced_secc .clients_serviced_box {
    text-align: center;
    padding: 20px;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}

.clients_serviced_secc .slick-slide {
    opacity: 1;
    margin: 0 10px;
}

.clients_serviced_secc .clients_serviced_box>img {
    width: 80px;
    height: 90px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.clients_serviced_secc .clients_serviced_box>span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.clients_serviced_secc .btn2 {
    margin: 0 auto;
    margin-top: 60px;
}

/*  clients_serviced_secc end*/

.digital_excellence_secc .digital_excellence_box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.digital_excellence_secc .slick-slide {
    opacity: 1;
    margin: 0 10px;
    height: auto;
}

.digital_excellence_secc .digital_excellence_box>img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    margin-bottom: 40px;
}

.digital_excellence_secc .digital_excellence_box>h3 {
    color: #000;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 25px;
    font-weight: 700;
}

.digital_excellence_slider .slick-track {
    display: flex;
    align-items: stretch;
}

.digital_excellence_secc .digital_excellence_box>p {
    margin: 0;
}

.digital_excellence_secc .theme_heading {
    margin-bottom: 40px;
}

/* digital_excellence_secc */

.cta_two_sec .cta_two_box {
    background-color: var(--theme);
    padding: 60px 50px;
    border-radius: 10px;
    position: relative;
}

.cta_two_sec .cta_two_box>h2 {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
}

.cta_two_sec .cta_two_box>h2>span {
    display: block;
    color: #000;
}

.cta_two_sec .cta_two_box>ul {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.btn3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 0px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    transition: 0.3s ease-in-out;
}

.btn3>i {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme);
    border-radius: 50%;
    margin-left: -20px;
}

.btn3>i:before {
    animation: tada 1.5s ease infinite;
}

.btn3:hover {
    background: #fff;
    color: var(--theme);
}

.cta_two_sec .cta_two_box>img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%;
}

/* cta_two_sec end */

.footer_strip {
    padding: 30px 0px;
    background-color: var(--theme);
}

.footer_strip p {
    margin: 0;
    font-size: 43px;
    display: flex;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}

.footer_strip .slick-slide {
    opacity: 1;
}

footer {
    background-color: #000;
    padding: 70px 0 20px;
}

footer .col-lg-3.col-md-3>img {
    width: 70%;
}

footer .row {
    /* align-items: center; */
}

footer .footer_links>ul {
    display: flex;
    gap: 15px;
    margin: 0;
    flex-direction: column;
}

footer .footer_links>ul>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    transition: 0.3s ease-in-out;
}

footer .footer_links>ul>li>a:hover {
    color: var(--theme);
}

footer .footer_btn>a {
    width: fit-content;
    margin-left: auto;
    border-color: var(--theme);
    color: #fff;
}

footer .footer_btn>a>i {
    background: var(--theme);
    color: #000;
}

footer .social_media_links {
    margin-top: 30px;
}

footer .social_media_links>h4 {
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

footer .social_media_links>ul {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    justify-content: space-between;
}

footer .social_media_links>ul>li>a>i {
    color: #000;
    background: var(--theme);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
}

footer .social_media_links>p {
    margin-bottom: 0;
    margin-top: 40px;
    color: #fff;
    text-align: center;
    border-top: 1px solid #fff;
    padding-top: 20px;
}

footer .footer_info > img {
    width: 80%;
    display: block;
    margin-bottom: 20px;
}

footer .footer_info > p {
    color: #fff;
    font-size: 15px;
}

footer .footer_links > h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

footer .footer_contact > ul > li {display: block;margin-bottom: 15px;}

footer .footer_contact > ul > li:last-child {
    margin: 0;
}

footer .footer_contact > ul > li > span {
    font-size: 15px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    margin-right: 7px;
}

footer .footer_contact > ul > li > a {
    font-size: 16px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    transition: 0.3s ease-in-out;
}

footer .footer_contact > ul > li:hover > a {
    color: var(--theme);
}

/* footer end */

.testi_slider .slick-slide {
    margin: 0;
    opacity: 1;
}

.testi_slider .testi_box {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 1px 2px 4px 7px #0000000d;
    height: 100%;
}

.testi_slider .testi_box>ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: baseline;
    gap: 15px;
}

.testi_slider .testi_box>ul>li>span {
    font-size: 22px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    color: #000;
}

.testi_slider .testi_box>ul>li>ul {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.testi_slider .testi_box>ul>li>ul>li>i {
    font-size: 16px;
    color: #fff;
    background-color: #00b67a;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.testi_slider .testi_box>p {
    color: #000;
    font-size: 15px;
    margin: 0;
}

.testi_slider .slick-slide {
    opacity: 0 !IMPORTANT;
    transition: 0.5s ease-in-out !important;
    height: auto;
    margin: 0px !IMPORTANT;
}

.testi_slider .slick-current {
    opacity: 1 !important;
    transition: 0.5s ease-in-out !important;
}

.testi_slider .slick-list {
    padding: 0 !IMPORTANT;
}

.testi_slider .slick-next:before {
    display: none;
}

.testi_slider .slick-prev:before {
    display: none;
}

.testi_slider .slick-arrow>i {
    font-size: 20px;
    color: #000;
    border: 2px solid var(--theme);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    transform: rotate(180deg);
}

.testi_slider .slick-arrow>i:hover {
    background: var(--theme);
    color: #fff;
}

.testi_slider .slick-arrow {
    width: 50px;
    height: 50px;
}

.testi_slider .slick-prev {
    left: -60px;
    top: 45%;
    display: none !important;
}

.testi_slider .slick-next {
    right: unset;
    left: -60px;
    top: 60%;
    display: none !important;
}

.client_testimonials_secc {
    position: relative;
}

.client_testimonials_secc .theme_heading {
    margin-bottom: 90px;
}

.client_testimonials_secc>.client_rightbox {
    position: absolute;
    right: 0;
    bottom: 11%;
    width: 50%;
    height: 420px;
}

.client_testimonials_secc>.client_rightbox>img.c1 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: auto;
    height: auto;
}

.client_testimonials_secc>.client_rightbox>img.c2 {
    position: absolute;
    bottom: -75px;
    right: 30px;
    z-index: 2;
}

.client_testimonials_secc>.client_rightbox>img.c3 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.client_testimonials_secc>.client_rightbox>img.c4 {
    position: absolute;
    left: 40px;
    top: 0px;
}

.clients_serviced_secc .clients_serviced_box:after {
    position: absolute;
}

.clients_serviced_secc .clients_serviced_box:hover:after {
    /* opacity: 1; */
    /* transform: scale(1); */
}

.cta_sec .cta_box>.cta_imgs {
    position: absolute;
    width: 45%;
    right: 0;
    bottom: 0;
    height: 100%;
}

.cta_sec .cta_box>.cta_imgs>img.cta1 {
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 1;
}

.cta_sec .cta_box>.cta_imgs>img.cta2 {
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    left: 0;
}

.cta_sec .cta_box>.cta_imgs>img.cta3 {
    z-index: 3;
    position: absolute;
    bottom: -40px;
    right: -60px;
    width: 60%;
}

.digital_excellence_secc .digital_excellence_box:hover {
    transform: scale(.95);
    box-shadow: 0 0 1px 3px #0000001f;
}

.cta_two_sec .cta_two_box>.cta_two_imgg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
}

.cta_two_sec .cta_two_box>.cta_two_imgg>img.cta21 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.cta_two_sec .cta_two_box>.cta_two_imgg>img.cta22 {
    position: absolute;
    top: -70px;
    left: 40px;
    z-index: 1;
}

.cta_two_sec .cta_two_box>.cta_two_imgg>img.cta23 {
    position: absolute;
    right: 0;
    top: -90px;
}

.cta_two_sec.all-sec {
    margin-top: 70px;
}

footer .social_media_links>ul>li>a {
    transition: 0.3s ease-in-out;
}

footer .social_media_links>ul>li>a:hover>i.fa-brands.fa-twitter {
    background: rgb(3, 169, 244);
    transition: 0.3s ease-in-out;
}

footer .social_media_links>ul>li>a:hover>i {
    border-radius: 5px;
    border: 2px solid #fff;
    border-style: dashed;
    color: #fff;
}

footer .social_media_links>ul>li>a:hover>i.fa-brands.fa-facebook-f {
    background: rgb(63, 81, 181);
}

footer .social_media_links>ul>li>a:hover>i.fa-brands.fa-instagram {
    background: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%);
}

footer .social_media_links>ul>li>a:hover>i.fa-brands.fa-linkedin-in {
    background: rgb(2, 136, 209);
}

header ul#menu>li>a.active:after {
    width: 100%;
}

/* inner pages */

.banner .banner_imgg {
    position: relative;
}

.banner .banner_imgg>img.servban1 {
    position: absolute;
    width: auto;
    top: -60px;
    left: 0;
}

.banner .banner_imgg>img.servban2 {
    position: absolute;
    width: auto;
    right: -80px;
    bottom: -40px;
}

.banner .banner_textt>h1 {
    font-size: 53px;
    font-weight: 700;
}

.banner .banner_textt>p {
    font-weight: 300;
}

.banner .banner_textt>ul.bantags {
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
}

.banner .banner_textt>ul.bantags>li {
    position: relative;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.banner .banner_textt>ul.bantags>li:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
    border-radius: 50%;
}

.innovative_website_secc .theme_heading {
    margin-bottom: 50px;
}

.innovative_website_secc {
    background-color: #efefef;
}

.innovative_website_box {
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    transition: 0.3s ease-in-out;
    z-index: 1;
    cursor: pointer;
}

.innovative_website_box>img {
    display: block;
    margin-bottom: 30px;
    width: 60px;
    height: 50px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.innovative_website_box>h3 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.innovative_website_box>p {
    font-size: 14px;
    margin: 0;
}

.innovative_website_box:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 0;
    bottom: -5px;
    left: 0;
    height: 5px;
    right: 0;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
    transition-delay: 0.3s;
    z-index: -1;
}

.innovative_website_box:before {
    position: absolute;
    content: "";
    background: rgb(227 29 70 / 20%);
    width: 100%;
    height: 0;
    z-index: -1;
    left: 0;
    bottom: 0;
    transition: 0.3s ease-in-out;
}

.innovative_website_box:hover:before {
    height: 100%;
    transition-delay: 0.3s;
}

.innovative_website_box:hover:after {
    width: 100%;
    transition-delay: 0s;
}

.award_winning_secc .award_winningwrp {
    display: flex;
    align-items: center;
    gap: 90px;
    margin-bottom: 25px;
}

.award_winning_secc .award_winningwrp>li {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.award_winning_secc .award_winningwrp>li>img {
    background: var(--theme);
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    object-fit: scale-down;
}

.award_winning_secc .award_winningwrp>li>span {
    font-size: 14px;
    color: #000;
    font-family: sans-serif;
    font-family: sans-serif;
    font-family: "Plus Jakarta Sans", sans-serif;
    line-height: 1.2;
    font-weight: 700;
}

.award_winning_secc .btn2:hover>i:after {
    transform: scale(14);
}

.award_winning_secc .award_winning_imgbox {
    background-color: #f7f7f7;
    padding: 30px 0px;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.award_winning_secc .award_winning_imgbox>h3 {
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0 25px;
}

.award_winning_secc .award_winning_imgbox>h3>span {
    color: var(--theme);
    font-weight: 800;
}

.award_winning_secc .award_winning_imgbox>p {
    padding: 0px 25px;
    margin-bottom: 25px;
}

.award_winning_secc .row {
    align-items: center;
}

/* .local_business_boxs {
    position: relative;
    height: 490px;
}

.local_business_boxs>img {
    position: absolute;
    right: -15.5px;
    top: -19px;
    width: 70%;
}

.local_business_boxs>.local_slider1 {
    width: 65%;
    margin-left: auto;
    margin-top: 80px;
}


.local_business_boxs>.local_slider1 .slick-slide {
    margin: 0;
}

.local_business_boxs>.local_slider2 {
    width: 50%;
    margin-top: -40px;
    margin-left: 20px;
}

.local_business_boxs>.local_slider2 .slick-slide {
    margin: 0;
}

.local_business_boxs>.local_slider3 {
    width: 65%;
    margin-left: auto;
    margin-top: 80px;
}


.local_business_boxs>.local_slider3 .slick-slide {
    margin: 0;
}

.local_business_boxs>.local_slider4 {
    width: 50%;
    margin-top: -40px;
    margin-left: 20px;
}

.local_business_boxs>.local_slider4 .slick-slide {
    margin: 0;
} */

.testi_slider .slick-track {
    display: flex;
    align-items: stretch;
}

footer .social_media_links>ul>li>a:hover>i.fa-brands.fa-x-twitter {
    background: #000;
}

.serv_pagee .testi_slider .slick-prev {
    top: 40%;
}

.serv_pagee .client_testimonials_secc .theme_heading {
    margin-bottom: 4%;
}

.award_winning_secc .theme_heading>h2 {
    font-size: 40px;
}

/* new sliders */

.award_sliders_box .slick-slide {
    opacity: 1;
    margin: 0 10px;
}

.award_sliders_box .award_slider1box {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 15px;
    border-radius: 10px;
    justify-content: center;
    box-shadow: 0 0 4px 2px #0000001c;
}

.award_sliders_box .award_slider1box>img {
    width: 50px;
    height: 50px;
    object-fit: none;
}

.award_sliders_box .award_slider1box>span {
    font-size: 15px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    display: block;
    line-height: 1;
    color: #000;
    width: fit-content;
}

/* .award_slider2 .award_slider1box {
    flex-direction: row-reverse;
}

.award_slider4 .award_slider1box {
    flex-direction: row-reverse;
} */

.award_sliders_box .slick-list {
    padding: 10px 0px;
}

.award_winning_secc .award_winning_imgbox .award_sliders_box {
    position: relative;
}

.award_winning_secc .award_winning_imgbox .award_sliders_box:after {
    position: absolute;
    content: "";
    background-image: linear-gradient(90deg, #f7f7f7, rgba(244, 246, 255, 0) 20.2%, rgba(244, 246, 255, 0) 72.88%, #f7f7f7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* sections recreate */

.local_business_secc .theme_heading>h2>span {
    position: relative;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    width: fit-content;
    display: inline-flex;
    gap: 5px;
    align-items: baseline;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown {
    position: absolute;
    right: 0px;
    background: #fff;
    box-shadow: 0 12px 52px 0 rgba(0, 0, 0, .25);
    margin: 0;
    border-radius: 10px;
    width: 280px;
    padding: 20px 0px;
    z-index: 99;
    transition: 0.3s ease-in-out;
    top: 65px;
    display: none;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown>li {
    text-align: left;
    font-size: 17px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 6px 20px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown>li:last-child {
    margin: 0;
}

.local_business_secc .theme_heading>h2>span>i {
    font-size: 30px;
    margin: 0 5px;
}

/*.local_business_secc .theme_heading>h2>span:hover>p {
    text-decoration: underline;
}*/

.local_business_secc .theme_heading>h2>span>p {
    position: relative;
}

.local_business_secc .theme_heading>h2>span>p:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown>li:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.3s ease-in-out;
    right: 0;
    margin: 0 auto;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown>li:hover:after {
    width: 100%;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown>li:hover {
    color: #fff;
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown:before {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 10px;
    height: 10px;
    top: -10px;
    right: 13px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.local_business_secc .theme_heading>h2>span>ul.local_dropdown.showBox {
    display: block;
}

.local_business_secc .theme_heading>h2>span>p {
    margin: 0;
    font-size: 47px;
    color: var(--theme);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    animation: blinker 1.5s linear infinite;
}

.local_business_secc .local-tabs {
    margin-top: 5%;
}

.local_business_secc .local-tabs a {
    position: relative;
    display: block;
}

.local_business_secc .local-tabs a>img {
    width: 100%;
}

.local_business_secc .local-tabs a:after {
    position: absolute;
    content: "After";
    font-size: 14px;
    color: #e31d46;
    top: -25px;
    right: 53%;
    font-family:
        'Plus Jakarta Sans';
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

.local_business_secc .local-tabs a:before {
    position: absolute;
    content: "Before";
    font-size: 14px;
    color: #e31d46;
    top: 85px;
    font-family:
        'Plus Jakarta Sans';
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

.local-tabs.actv {
    display: block;
}

.local-tabs {
    display: none;
}

/* custom development */

.banner .banner_textt>img {
    margin-top: 30px;
    width: auto;
}

.ban_imgs_slider .slick-slide {
    margin: 0;
}

.serv_pagee.inner_pages .banner .banner_textt>span {
    color: #000;
    font-size: 14px;
    background: var(--theme);
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    padding: 7px 20px;
    border-radius: 20px;
    display: block;
    width: fit-content;
    line-height: 1;
    margin-bottom: 10px;
}

.better_faster_sec .better_faster_textbox > ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 30px 0px;
}

.better_faster_sec .better_faster_textbox > ul > li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    line-height: 1.4;
    font-weight: bold;
}

.better_faster_sec .better_faster_textbox > ul > li > span {
    background: var(--theme);
    padding: 10px;
    height: auto;
    border-radius: 50%;
}

.better_faster_sec .better_faster_textbox > ul > li > span > img {
    width: 60px;
    height: 35px;
    object-fit: contain;
}

.better_faster_sec .row {
    align-items: center;
}

.cta_three_secc .cta_three_box {
    position: relative;
    background: var(--theme);
    padding: 50px;
    border-radius: 20px;
    text-align: right;
}

.cta_three_secc .cta_three_box > h2 {
    color: #fff;
    font-size: 45px;
    margin-left: auto;
    font-weight: 700;
    text-transform: capitalize;
}

.cta_three_secc .cta_three_box > h2 >span {
    display: block;
    color: #000;
    font-weight: 800;
}

.cta_three_secc .cta_three_box .btn2 {
    margin-left: auto;
    border-color: #fff;
    z-index: 1;
}

.cta_three_secc .cta_three_box .btn2>i:after {
    background: #fff;
}

.cta_three_box .btn2>i:before {
    color: #000;
}

.cta_three_secc .cta_three_box .btn2:hover {
    color: var(--theme);
}

.cta_three_secc .cta_three_box .btn2:hover>i:after {
    transform: scale(10);
}

.cta_three_box .btn2:hover>i {
    color: var(--theme);
    box-shadow: inset 0 0 7px 4px #e31d46;
}

.cta_three_box .btn2>i:before {
    color: var(--theme);
}

.cta_three_secc .cta_three_box>img {
    position: absolute;
    left: 7%;
    bottom: 0;
}

.cta_three_secc {
    margin-top: 40px;
}

.better_faster_textbox .btn2:hover>i:after {
    transform: scale(11);
}

.our_process .theme_heading>span {
    margin: 0 auto;
    margin-bottom: 10px;
}

.our_process .process_tabs {
    margin-top: 50px;
}

.our_process .process_tabs > ul {
    display: flex;
    gap: 5px;
    margin-bottom: 30px;
}

.our_process .process_tabs > ul > * {
    width: 20%;
}

.our_process .process_tabs > ul > li {
    display: flex;
    align-items: center;
    background-color: #efefef;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    gap: 5px;
    line-height: 1.4;
    font-size: 16px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}

.our_process .process_tabs > ul > li>img.pwhite {
    display: none;
}
.our_process .process_tabs > ul > li>img.ptheme {
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}
.our_process .process_tabs > ul > li.curr {
    background: var(--theme);
}

.our_process .process_tabs > ul > li.curr>img.ptheme {
    display: none;
}

.our_process .process_tabs > ul > li.curr>img.pwhite {
    display: block;
    filter: brightness(10);
}

.our_process .process_tabs .process_tabs_box {
    background-color: #efefef;
    padding: 30px;
    border-radius: 20px;
    padding-left: 60px;
}

.our_process .process_tabs .process_tabs_box > .row {
    align-items: center;
}

.our_process .process_tabs .process_tabs_box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}

.our_process .process_tabs .process_tabs_box h3 {
    font-size: 47px;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.our_process .process_tabs .process_tabs_box h3>span {
    color: var(--theme);
    font-weight: 800;
}

.our_process .process_tabs .process_tabs_box ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 30px;
    gap: 10px;
}

.our_process .process_tabs .process_tabs_box ul > li > a.btn3>i {
    margin-left: 0;
    margin-right: -20px;
    background: var(--theme);
    color: #fff;
}

.our_process .process_tabs .process_tabs_box ul > li > a.btn3 {
    border-color: var(--theme);
}

.website_feature_secc {
    padding: 0px 0px 60px;
    background-color: #000;
}

.website_feature_secc > h2 {
    text-align: center;
    font-size: 47px;
    font-weight: 700;
    color: #fff;
    background-color: #191919;
    padding: 35px 0px;
    line-height: 1;
    margin-bottom: 50px;
}

.website_feature_secc > h2 > span {
    color: var(--theme);
    font-weight: 800;
}

.website_feature_secc > .container {
}

.website_feature_secc .website_feature_box {
    position: relative;
    transition: 0.3s ease-in-out;
    padding: 40px 25px;
    height: 100%;
}

.website_feature_secc .website_feature_box > img {
    display: block;
    margin-bottom: 20px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.website_feature_secc .website_feature_box > h3 {
    color: #fff;
    margin: 0;
    line-height: 1;
    font-size: 22px;
    font-weight: 500;
}

.website_feature_secc .website_feature_box:after {
    position: absolute;
    content: "";
    background: #252525;
    width: 108%;
    left: -20px;
    top: 0;
    height: 1px;
}

.website_feature_secc .website_feature_box:before {
    position: absolute;
    content: "";
    height: 140%;
    width: 1px;
    right: 0;
    top: -50px;
    background: #252525;
}

.website_feature_secc .row > .col-lg-3:nth-child(1) > .website_feature_box:after {
    display: none;
}

.website_feature_secc .row > .col-lg-3:nth-child(2) > .website_feature_box:after {
    display: none;
}

.website_feature_secc .row > .col-lg-3:nth-child(3) > .website_feature_box:after {
    display: none;
}

.website_feature_secc .row > .col-lg-3:nth-child(4) > .website_feature_box:after {
    display: none;
}

.website_feature_secc .row > .col-lg-3:nth-child(4) > .website_feature_box:before {
    display: none;
}

.website_feature_secc .row > .col-lg-3:last-child > .website_feature_box:before {
    display: none;
}

.serv_pagee.inner_pages .banner .banner_textt>h1 {
    font-size: 45px;
    font-weight: 700;
}

header ul#menu>li>a > i {
    margin-left: 0;
}

header ul#menu>li>ul {
    position: absolute;
    right: 0;
    background: #fff;
    width: 300px;
    padding: 0;
    top: 40px;
    transition: 0.3s ease-in-out;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    box-shadow: 0 0 6px 0px #00000030;
    border: 1px solid var(--theme);
}

header ul#menu>li {
    position: relative;
}

header ul#menu>li>ul:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 10px;
    height: 10px;
    top: -9.5px;
    right: 4px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

header ul#menu>li>ul>li>a {
    color: #000;
    padding: 15px;
    display: block;
    position: relative;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    z-index: 1;
}

header ul#menu>li>ul>li>a:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.3s ease-in-out;
    margin: 0 auto;
    right: 0;
}

header ul#menu>li>ul>li>a:hover:after {
    width: 100%;
}

header ul#menu>li:hover>ul {
    height: 553px;
    visibility: visible;
    opacity: 1;
}

header ul#menu>li:hover>a:after {
    width: 100%;
}

.tabs-openn {
    display: none;
}

.tabs-openn.curr {
    display: block;
}

/* about page */

.about_banner {
    position: relative;
    height: 550px;
    display: flex;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.about_banner>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.about_banner h1 {
    font-size: 59px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 60px;
}

.logos_secTwo h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    color: #000;
    line-height: 1.2;
    font-weight: 700;
}

.logos_secTwo img {
    width: 150px;
    height: 70px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.logos_secTwo .slick-slide {
    opacity: 1;
}

.aboutus_sec .about_textt > h2 {
    font-size: 47px;
    color: #313294;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 15px;
}

.aboutus_sec .about_textt > h3 {
    margin-bottom: 15px;
    margin-top: 30px;
    color: #000;
    font-size: 30px;
    font-weight: 800;
}

.aboutus_sec .aboutus_imgg {
    position: relative;
}

.aboutus_sec .aboutus_imgg>img.abtmain {
    width: 90%;
    border-radius: 20px;
    margin: 0 auto;
    display: block;
    height: 500px;
    object-fit: cover;
}

.aboutus_sec .row {
    align-items: center;
}

.aboutus_sec .aboutus_imgg>img.abtvec1 {
    position: absolute;
    bottom: 20px;
    left: -10px;
}

.aboutus_sec .aboutus_imgg>img.abtvec2 {
    position: absolute;
    bottom: 10%;
    right: -8%;
}

.aboutus_sec .aboutus_imgg>img.abtvec3 {
    position: absolute;
    right: -5%;
    top: 30%;
}

.aboutus_sec .about_textt > p {
    width: 95%;
}

.about_testi .theme_heading>span {
    margin: 0 auto;
    margin-bottom: 20px;
}

.about_testi {
    background-color: #efefef;
}

.about_testi .theme_heading {
    margin-bottom: 50px;
}

.about_testi .about_testi_slider .slick-slide {
    opacity: 1;
    margin: 0 10px;
}

.about_testi .about_testi_box > ul {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.about_testi .about_testi_box > ul > li > i {
    font-size: 17px;
    color: #ffc107;
}

.about_testi .about_testi_box > ul > li:last-child > i {
    color: #f4df9e;
}

.about_testi .about_testi_box > span {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    display: block;
    margin-bottom: 20px;
    line-height: 1.4;
}

.about_testi .about_testi_box > span:last-child {
    margin: 0;
}

.achieved_sec .achieved_wrppr {
    margin-top: 40px;
}

.achieved_sec .achieved_wrppr .achieved_box1 {
    position: relative;
    margin-bottom: 10px;
}

.achieved_sec .achieved_wrppr .achieved_box1 > img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box1 > .achieved_texttbox {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 10px;
    border-top-right-radius: 20px;
    width: 70%;
}

.achieved_sec .achieved_wrppr .achieved_box1 > .achieved_texttbox > span {
    font-size: 14px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 800;
}

.achieved_sec .achieved_wrppr .achieved_box1 > .achieved_texttbox > p {
    font-size: 12px;
    margin: 0;
    font-weight: 500;
}

.achieved_sec .achieved_wrppr .achieved_box2 {
    background-color: rgb(227 29 70 / 20%);
    padding: 20px;
    border-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box2 > p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.achieved_sec .achieved_wrppr .achieved_box2 > p > span {
    display: block;
    font-size: 25px;
    font-weight: 800;
    font-family: 'Plus Jakarta Sans';
}

.achieved_sec .achieved_wrppr .achieved_box2 > img {
    width: auto;
    margin-top: 60px;
    margin-bottom: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box2 > h4 {
    font-size: 44px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}

.achieved_sec .achieved_wrppr .achieved_box3 {
    position: relative;
}

.achieved_sec .achieved_wrppr .achieved_box3 > img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box3 > .achieved_texttbox {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 70%;
    border-top-right-radius: 20px;
    padding: 10px;
}

.achieved_sec .achieved_wrppr .achieved_box3 > .achieved_texttbox>span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 21px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 800;
}

.achieved_sec .achieved_wrppr .achieved_box3 > .achieved_texttbox>span >ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.achieved_sec .achieved_wrppr .achieved_box3 > .achieved_texttbox>span >ul > li > i {
    font-size: 10px;
    color: #ffc107;
}

.achieved_sec .achieved_wrppr .achieved_box3 > .achieved_texttbox>p {
    margin: 0;
    margin-top: 5px;
}

.achieved_sec .achieved_wrppr .achieved_box4 {
    background-color: rgb(227 29 70 / 20%);
    padding: 20px;
    border-radius: 20px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.achieved_sec .achieved_wrppr .achieved_box4 > span {
    font-size: 18px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}

.achieved_sec .achieved_wrppr .achieved_box4 > h4 {
    margin: 0;
    color: #000;
    font-size: 37px;
    font-weight: 800;
}

.achieved_sec .achieved_wrppr .achieved_box5 > img {
    width: 100%;
    height: 200px;
    border-radius: 20px;
    object-fit: cover;
}

.achieved_sec .achieved_wrppr .achieved_box6 {
    margin-top: 10px;
}

.achieved_sec .achieved_wrppr .achieved_box6 > img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box7 {
    position: relative;
}

.achieved_sec .achieved_wrppr .achieved_box7 > img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box7 > .achieved_texttbox {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 20px;
}

.achieved_sec .achieved_wrppr .achieved_box7 > .achieved_texttbox > span {
    display: flex;
    flex-direction: column;
    font-size: 21px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}

.achieved_sec .achieved_wrppr .achieved_box7 > .achieved_texttbox > span > span {
    font-size: 14px;
    font-weight: 500;
}
.about_page .footer_strip {
    display: none;
}

.about_form_secc .about_form_wrpr {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 12px 4px #00000026;
}

.about_form_secc {
    padding-top: 60px;
    margin-bottom: -100px;
    position: relative;
    z-index: 2;
}

.about_form_secc .about_form_wrpr > .row {
    align-items: center;
}

.about_form_secc .about_form_wrpr h2 {
    font-size: 47px;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px;
}

.about_form_secc .about_form_wrpr h2 > span {
    color: #313294;
    font-weight: 800;
}

.about_form_secc .about_form_wrpr form input {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}

.about_form_secc .about_form_wrpr form input:focus {
    border-color: var(--theme);
}

.about_form_secc .about_form_wrpr form select {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}

.about_form_secc .about_form_wrpr form select:focus {
    border-color: var(--theme);
    box-shadow: none;
}

.about_form_secc .about_form_wrpr form textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    resize: none;
}

.about_form_secc .about_form_wrpr form button {
    width: 100%;
    height: 50px;
    border: 0;
    background: var(--theme);
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}

.about_form_secc .about_form_wrpr form button:hover {
    box-shadow: inset 0 0 11px 3px #ffffffa1;
}

.about_page footer {
    padding-top: 150px;
}

.about_form_secc .about_form_wrpr form textarea:focus {
    border-color: var(--theme);
}

.testi_img_slider .slick-slide {
    margin: 0;
}

.client_testimonials_secc .row {
    align-items: center;
}

.serv_pagee.inner_pages.copywriting_pages .banner .banner_imgg {
    margin-bottom: -60px;
}

.serv_pagee.inner_pages.copywriting_pages .banner .banner_imgg .ban_imgs_box > img {
    height: 550px;
    object-fit: contain;
}

/* website maintenance */

.banner .maintenance_banner_wrp {position: relative;height: 500px;justify-content: center;display: flex;align-items: center;z-index: 1;}

.banner .maintenance_banner_wrp > .center_box {
    border: 2px solid #fea285;
    border-radius: 20px;
    padding: 40px 20px;
    text-align: center;
    width: 220px;
    margin: 0 auto;
    background: #ffff;
    transition: 0.3s ease-in-out;
    height: fit-content;
}

.banner .maintenance_banner_wrp > .center_box > h3 {
    margin: 0;
    line-height: 1.2;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    transition: 0.3s ease-in-out;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box {
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 140px;
    height: 130px;
    justify-content: center;
    position: absolute;
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box > img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    transition: 0.3s ease-in-out;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box > span {
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 800;
    line-height: 1.2;
    display: block;
    color: #000;
    transition: 0.3s ease-in-out;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_one {
    top: 20px;
    left: 50px;
    transition-delay: 1.8s;
    transform: translate(140%, 120%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_two {
    left: 0;
    top: 36.5%;
    transition-delay: 1.5s;
    transform: translate(180%, 0%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_three {
    bottom: 30px;
    left: 50px;
    transition-delay: 1.2s;
    transform: translate(140%, -110%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_four {
    right: 50px;
    top: 20px;
    transition-delay: 0.9s;
    transform: translate(-140%, 130%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_five {
    right: 0;
    top: 36.5%;
    transition-delay: 0.6s;
    transform: translate(-180%, 0%);
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_six {
    bottom: 30px;
    right: 50px;
    transition-delay: 0.3s;
    transform: translate(-140%, -110%);
}

.banner .maintenance_banner_wrp>img.maintenance_bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    width: 0;
    transition: 0.3s ease-in-out;
}

.banner .maintenance_banner_wrp:hover > .center_box {
    /* background: #fea285; */
    box-shadow: inset 0 0 20px 0px #e31d46;
    border-color: transparent;
}

.banner .maintenance_banner_wrp:hover > .center_box > h3 {
    /* color: #fff; */
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box {
    background: #e31d46;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box > img {
    filter: brightness(0) invert(1);
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box > span {
    color: #fff;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_one {
    transition-delay: 0.3s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_one > img {
    transition-delay: 0.3s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_one > span {
    transition-delay: 0.3s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_two {
    transition-delay: 0.6s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_two > img {
    transition-delay: 0.6s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_two > span {
    transition-delay: 0.6s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_three {
    transition-delay: 0.9s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_three > img {
    transition-delay: 0.9s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_three > span {
    transition-delay: 0.9s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_four {
    transition-delay: 1.2s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_four > img {
    transition-delay: 1.2s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_four > span {
    transition-delay: 1.2s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_five {
    transition-delay: 1.5s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_five > img {
    transition-delay: 1.5s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_five > span {
    transition-delay: 1.5s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_six {
    transition-delay: 1.8s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_six > img {
    transition-delay: 1.8s;
}

.banner .maintenance_banner_wrp:hover > .maintenance_banner_inner > .maintenance_box.bx_six > span {
    transition-delay: 1.8s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_one > img {
    transition-delay: 1.8s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_one > span {
    transition-delay: 1.8s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_two > img {
    transition-delay: 1.5s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_two > span {
    transition-delay: 1.5s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_three > img {
    transition-delay: 1.2s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_three > span {
    transition-delay: 1.2s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_four > img {
    transition-delay: 0.9s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_four > span {
    transition-delay: 0.9s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_five > img {
    transition-delay: 0.6s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_five > span {
    transition-delay: 0.6s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_six > img {
    transition-delay: 0.3s;
}

.banner .maintenance_banner_wrp > .maintenance_banner_inner > .maintenance_box.bx_six > span {
    transition-delay: 0.3s;
}

.banner .maintenance_banner_wrp.load-animate >img.maintenance_bg {
    width: 55%;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.banner .maintenance_banner_wrp.load-animate  > .maintenance_banner_inner > .maintenance_box.bx_one {
    transform: translate(0px, 0px);
}

.banner .maintenance_banner_wrp.load-animate > .maintenance_banner_inner > .maintenance_box.bx_two {
    transform: translate(0px, 0px);
}

.banner .maintenance_banner_wrp.load-animate > .maintenance_banner_inner > .maintenance_box.bx_three {
    transform: translate(0px, 0px);
}

.banner .maintenance_banner_wrp.load-animate > .maintenance_banner_inner > .maintenance_box.bx_four {
    transform: translate(0px, 0px);
}

.banner .maintenance_banner_wrp.load-animate > .maintenance_banner_inner > .maintenance_box.bx_five {
    transform: translate(0px, 0px);
}

.banner .maintenance_banner_wrp.load-animate > .maintenance_banner_inner > .maintenance_box.bx_six {
    transform: translate(0px, 0px);
}

.serv_pagee.inner_pages.websitemaintenance_pagee .our_process .process_tabs > ul > li {
    font-size: 13px;
}

.serv_pagee.inner_pages.websitemaintenance_pagee .our_process .process_tabs .process_tabs_box h3 {
    font-size: 40px;
}

.packages_sec .theme_heading>span {
    margin: 0 auto;
    margin-bottom: 20px;
}

.packages_sec .theme_heading {
    margin-bottom: 40px;
}

.packages_slider .slick-slide {
    opacity: 1;
    margin: 0 10px;
}

.packages_sec .packages_box {
    background-color: #efefef;
    text-align: center;
    padding-bottom: 20px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}

.packages_sec .packages_box > .packages_head {
    background: var(--theme);
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 20px;
}

.packages_sec .packages_box > .packages_head >span {
    font-size: 36px;
    color: #fff;
    display: block;
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}

.packages_sec .packages_box > .packages_head >h3 {
    font-size: 44px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}

.packages_sec .packages_box > .packages_head >h3>span.cut_prc {
    color: #000;
    font-size: 20px;
    text-decoration: line-through;
    vertical-align: super;
}

.packages_sec .packages_box > .packages_head >h3>span:last-child {
    color: #fff;
    font-size: 20px;
}

.packages_sec .packages_box > .packages_head >p {
    margin: 0;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
}

.packages_sec .packages_box > ul {padding: 20px;margin:  0px;}

.packages_sec .packages_box > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 17px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.packages_sec .packages_box > ul > li > span {
    display: block;
    line-height: 1.2;
    font-size: 25px;
    color: var(--theme);
}

.packages_sec .packages_box > ul > li:last-child {
    margin: 0;
    border: 0;
    padding: 0;
}

.packages_sec .packages_box > .btn2 {
    width: fit-content;
    animation: 0 initial;,
    animation: 0 initial;,
    animation: 0 a;,
    animation: 0;,
    animation: 0;
    margin: 0 auto;
    padding: 20px 50px;
    background: var(--theme);
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
}

.websitemaintenance_pagee .portfolio_secc .theme_heading>p {
    width: 70%;
    margin: 0 auto;
}

.websitemaintenance_pagee .portfolio_secc .cust_tabs>ul {
    justify-content: center;
    gap: 20px;
}

.websitemaintenance_pagee .portfolio_secc .cust_tabs>ul > li {
    padding: 5px 30px;
}

.websitemaintenance_pagee .tech_portfolio {
    transition: 0.3s ease-in-out;
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
}

.websitemaintenance_pagee .tech_portfolio > img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
}

.websitemaintenance_pagee .tech_portfolio > span {
    font-size: 18px;
    display: block;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #000;
    font-weight: 700;
    line-height: 1;
    margin-top: 20px;
}

.websitemaintenance_pagee .tech_portfolio:hover {
    background: #ededed;
}

.websitemaintenance_pagee .tech_portfolio:hover > img {
    transform: scale(1.3);
}


.maintenance_success .theme_heading {
    margin-bottom: 50px;
}

.maintenance_success .maintenance_success_box {
    padding: 20px 30px;
    background: linear-gradient(0deg, #f8f8f8, transparent);
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    height: auto;
}

.maintenance_success .maintenance_success_box > img {
    width: 300px;
    height: 200px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.maintenance_success .maintenance_success_box > h3 {
    font-size: 18px;
    color: #000;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 20px;
}

.maintenance_success .maintenance_success_box > p {
    font-size: 14px;
    font-weight: 500;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.maintenance_success .maintenance_success_box > a {
    color: var(--theme);
    display: flex;
    font-size: 18px;
    align-items: center;
    gap: 10px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}
.maintenance_success .maintenance_success_box.showCon > p {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.serv_pagee.inner_pages.websitemaintenance_pagee .cta_three_secc .cta_three_box>img {
    left: 0;
    width: 33%;
}

.packages_sec .packages_box:hover {
    background: rgb(227 29 70 / 20%);
}

.packages_sec .packages_box:hover > ul > li {
    border-color: var(--theme);
}

.maintenance_success .maintenance_success_box:hover {
    background: linear-gradient(180deg, #f8f8f8, transparent);
    transition: 0.3s ease-in-out;
    box-shadow: 0 0 12px 1px #00000014;
}

/* popup */

.popup_form {
    position: fixed;
    top: 50%;
    width: 60%;
    margin: 0 auto;
    right: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 999;
}

.popup_form > .popup_form_inner {
    position: relative;
    height: 550px;
    border-radius: 10px;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 17px 2px #00000014;
}

.popup_form > .popup_form_inner>span.close_popup {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: var(--theme);
    color: #000;
    width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Plus Jakarta Sans';
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-weight: 800;
}

.popup_form > .popup_form_inner .popup_img_wrp > img {
    width: auto;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.popup_form > .popup_form_inner .popup_img_wrp {
    height: 550px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.popup_form > .popup_form_inner > .row {
    align-items: center;
}

.popup_form > .popup_form_inner .popup_form_wrpp {
    padding-right: 40px;
    padding-left: 20px;
}

.popup_form > .popup_form_inner .popup_form_wrpp > h3 {
    font-size: 57px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 20px;
}

.popup_form > .popup_form_inner .popup_form_wrpp > p {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 300;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form input {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid var(--theme);
    background: transparent;
    border-radius: 5px;
    font-size: 16px;
    color: #000;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form input::placeholder {
    color: #000;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form select {
    width: 100%;
    background-color: transparent;
    border: 1px solid var(--theme);
    color: #000;
    font-size: 16px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form select option {
  background: var(--theme);
  color: #fff;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form select:focus {
    box-shadow: none;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form textarea {
    width: 100%;
    height: 120px;
    margin-bottom: 5px;
    resize: none;
    padding: 10px;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    border-color: var(--theme);
}

.popup_form > .popup_form_inner .popup_form_wrpp > form textarea::placeholder {
    color: #000;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button {
    width: 100%;
    height: 50px;
    background: #ffffff;
    color: #000;
    font-size: 18px;
    transition: 0.3s ease-in-out;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button:hover {box-shadow: inset 0 0 20px 4px #e31d46;}

.overlay {
    background-color: rgb(235 235 235 / 76%);
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    left: 0;
}

.popup_form > .popup_form_inner .popup_img_wrp>img.pop2 {
    position: absolute;
    left: -50px;
    top: 20px;
    width: 110px;
}

.popup_form > .popup_form_inner:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 33%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 10px;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button>i {position: absolute;right: 0;}

.popup_form > .popup_form_inner .popup_form_wrpp > form button>i:after {
    z-index: -1;
    height: 50px;
    width: 50px;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button>i:before {
    z-index: 2;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button:hover>i:after {
    transform: scale(22);
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button {
    z-index: 1;
}

.popup_form > .popup_form_inner .popup_form_wrpp > form button:hover>i {
    background: #fff;
    color: #000;
    box-shadow: inset 0 0 9px 0px #e31d46;
}

/* popup */

.cta_sec .btn3 {
    height: 45px;
    color: #000;
}

.cta_sec .btn2>i:before {
    animation: tada 1.5s ease infinite;
}

.cta_two_sec .btn2 {
    border-color: #fff;
}

.cta_two_sec .btn2>i:after {
    background: #fff;
}

.cta_two_sec .btn2:hover {
    color: var(--theme);
}

.cta_two_sec .btn2:hover>i {
    color: var(--theme);
    box-shadow: inset 0 0 8px 2px #e31d46;
}

.local_business_secc .theme_heading {
    z-index: 999;
    position: relative;
}

/* banner animation */

.banner .animated_box {
    height: 620px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.banner .animated_box > .animated_texttbox > ul {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.banner .animated_box > .animated_texttbox > ul > li > img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.banner .animated_box > .animated_texttbox > ul > li > .animated_textinner > span {
    font-size: 12px;
    color: var(--theme);
    display: block;
    line-height: 1.2;
    margin-bottom: 5px;
    font-weight: 700;
}

.banner .animated_box > .animated_texttbox > ul > li > .animated_textinner > p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.banner .animated_box > .animated_texttbox > ul > li > .animated_textinner {
    position: relative;
    padding: 15px;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 7px;
}

.banner .animated_box > .animated_texttbox > ul > li > .animated_textinner > img {
    width: 100%;
}

.banner .animated_box > .animated_texttbox.hbox_two > ul {justify-content: end;flex-direction: row-reverse;text-align: right;}

.banner .animated_box .animated_texttbox.hbox_four > ul {
    justify-content: end;
    flex-direction: row-reverse;
    text-align: right;
}

.banner .animated_box > .animated_texttbox.hbox_one > ul > li:first-child {
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.banner .animated_box > .animated_texttbox.hbox_one > ul > li:last-child {
    transition: 0.3s ease-in-out;
    transform: translate(-50%, 0px);
    opacity: 0;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_one > ul > li:first-child {
    transform: scale(1);
    transition: 0.3s ease-in-out;
    transition-delay: 0.2s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_one > ul > li:last-child {
    transition: 0.3s ease-in-out;
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 0.8s;
}

.banner .animated_box > .animated_texttbox.hbox_two  > ul > li:first-child {
    transition: 0.3s ease-in-out;
    transform: scale(0);
}

.banner .animated_box > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(1) {
    transition: 0.3s ease-in-out;
    transform: translate(50%, 0px);
    opacity: 0;
}

.banner .animated_box > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(2) {
    transition: 0.3s ease-in-out;
    transform: translate(50%, 0px);
    opacity: 0;
}

.banner .animated_box > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(3) {
    transition: 0.3s ease-in-out;
    transform: translate(50%, 0px);
    opacity: 0;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_two > ul > li:first-child {
    transform: scale(1);
    transition-delay: 1.2s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(1) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 1.6s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(2) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 2s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_two > ul > li:last-child > .animated_textinner:nth-child(3) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 2.4s;
}

.banner .animated_box > .animated_texttbox.hbox_three > ul > li:first-child {
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.banner .animated_box > .animated_texttbox.hbox_three > ul > li:last-child > .animated_textinner:nth-child(1) {
    transform: translate(-50%, 0px);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.banner .animated_box > .animated_texttbox.hbox_three > ul > li:last-child > .animated_textinner:nth-child(2) {
    transform: translate(-50%, 0px);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_three > ul > li:first-child {
    transform: scale(1);
    transition-delay: 3s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_three > ul > li:last-child > .animated_textinner:nth-child(1) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 3.4s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_three > ul > li:last-child > .animated_textinner:nth-child(2) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 3.8s;
}

.banner .animated_box > .animated_texttbox.hbox_four > ul > li:first-child {
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.banner .animated_box > .animated_texttbox.hbox_four > ul > li:last-child {
    transform: translate(100%, 0px);
    transition: 0.3s ease-in-out;
    opacity: 0;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_four > ul > li:first-child {
    transform: scale(1);
    transition-delay: 4s;
}

.banner .animated_box.load-animate2 > .animated_texttbox.hbox_four > ul > li:last-child {
    transform: translate(0px, 0px);
    opacity: 1;
    transition-delay: 4.4s;
}

.banner .animated_box > .animated_texttbox.hbox_four > ul > li > .animated_textinner >p {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.banner .animated_box > .animated_texttbox.hbox_four > ul > li > .animated_textinner >p > a >img {
    animation: tada 1.5s ease infinite;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

/* banner animation */

.clients_serviced_secc .clients_serviced_wrpp {
    display: block;
    text-align: center;
    height: 200px;
    overflow: hidden;
}

.clients_serviced_secc .clients_serviced_wrpp > * {
    display: inline-block;
    width: 190px;
    margin: 10px;
}

.ban_imgs_slider button.slick-prev.slick-arrow {
    display: none;
}

.ban_imgs_slider button.slick-next.slick-arrow > i {
    color: #ffffff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: inset 0 0 10px 3px #e31d46;
}

.ban_imgs_slider button.slick-next.slick-arrow:before {
    display: none;
}

.ban_imgs_slider button.slick-next.slick-arrow {
    right: -60px;
}

.cta_three_secc .cta_three_box > .d-flex {
    width: fit-content;
    margin-left: auto;
}

.cta_three_secc .cta_three_box > .d-flex > a:last-child {
    padding: 0px 30px !IMPORTANT;
}

.cta_three_secc .cta_three_box > .d-flex > a:last-child:hover {
    color: #fff;
}

footer .footer_contact > h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.client_testimonials_secc > ul.testi_sliderbtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 80px;
    width: 100%;
    position: absolute;
    top: 60%;
    z-index: 10;
}

.client_testimonials_secc > ul.testi_sliderbtns > li > i {
    border: 2px solid var(--theme);
    color: #000;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.client_testimonials_secc > ul.testi_sliderbtns > li > i:hover {
    background: var(--theme);
    color: #fff;
}

header.sticky {
    position: fixed;
    background: #ffffff87 !important;
    padding: 15px 0px;
    box-shadow: 0 0 20px 0px #0e0e0e42;
    backdrop-filter: blur(10px);
}

header.sticky ul#menu>li>a {
    color: #000;
}

header.sticky .header_btn>a {
    color: #000;
}

header.sticky .header_btn>i {
    background: var(--theme);
    color: #fff;
}

header.sticky .header_btn>i:after {
    background: #ffffff85;
}

header img.logow {
    display: block;
}

header img.logob {
    display: none;
}

header.sticky img.logob {
    display: block;
}

header.sticky img.logow {
    display: none;
}

/*  project css end  */

html,
body {
    overflow-x: hidden !important;
}


.btm_form {
    padding: 140px 0 60px 0;
}

.btm_form .form {
    padding: 0 50px 0 0;
}

.btm_form .form h4 {
    font-weight: 600;
    font-size: 36px;
    color: #000;
}

.btm_form .form p {
    margin: 0 0 50px 0;
}

.btm_form .form .grp {
    margin: 0 0 20px 0;
}

.btm_form .form .grp input {
    border: 1px solid #D5D5D5;
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    border-radius: 10px;
}

.btm_form .form .grp textarea {
    border: 1px solid #D5D5D5;
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    resize: none;
    border-radius: 10px;
}

.btm_form .form .grp button {
    width: 30%;
    padding: 12px 25px;
    height: 50px;
    border: 0;
    background: var(--theme);
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    text-transform: capitalize;
}

.btm_form .btm_img {
    position: relative;
}

.btm_form .btm_img img {
    width: 95%;
    border-radius: 0 20px 20px 0;
}

.btm_form .btm_img img.circle {
    width: auto;
    position: absolute;
    z-index: -1;
    top: -80px;
    right: -30px;
    animation: tada 1s linear infinite !important;
}

.contact_form_secc .contact_form_box > h2 {
    font-size: 47px;
    font-weight: 700;
    margin-bottom: 20px;
}

.contact_form_secc .contact_form_box > h2 > span {
    color: #313294;
    font-weight: 800;
}

.contact_form_secc .contact_form_box > form {
    margin-top: 30px;
}

.contact_form_secc .contact_form_box > form input {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
}

.contact_form_secc .contact_form_box > form input::placeholder {
    color: #000;
}

.contact_form_secc .contact_form_box > form input:focus {
    border-color: var(--theme);
}

.contact_form_secc .contact_form_box > form select {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
}

.contact_form_secc .contact_form_box > form select:focus {
    border-color: var(--theme);
    box-shadow: none;
}

.contact_form_secc .contact_form_box > form textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    resize: none;
}

.contact_form_secc .contact_form_box > form textarea::placeholder {
    color: #000;
    font-size: 16px;
}

.contact_form_secc .contact_form_box > form textarea:focus {
    border-color: var(--theme);
}

.contact_form_secc .btm_img >img {
    width: 95%;
    border-radius: 20px;
    display: block;
    margin-left: auto;
    height: 650px;
    object-fit: cover;
}

.contact_form_secc .contact_form_box > form button {
    width: 100%;
    height: 50px;
    border: 0;
    background: var(--theme);
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.contact_form_secc .contact_form_box > form button:hover {
    box-shadow: inset 0 0 16px 0px #fff;
}

.about_banner p {
    font-size: 16px;
    color: #fff;
    width: 60%;
    margin: 0 auto;
    margin-top: 10px;
}

.about_banner .btn2 {
    margin: 0 auto;
    margin-top: 30px;
    color: #fff;
}

.about_banner .btn2:hover>i:after {transform: scale(9);}

.digital_solutions .btn2:hover>i:after {
    transform: scale(10);
}

.portfolio_secc .theme_heading>h2 {
    text-transform: capitalize;
}

footer .social_media_links>ul>li>a:hover i.fa-brands.fa-youtube.fa-fw {
    background:  #FF0000;
}

footer .social_media_links>ul>li>a:hover > i.fa-brands.fa-pinterest {
    background: #E60023;
}

.privy-main a {
    padding: 0 5px;
    color: var(--theme);
    text-decoration: underline;
}

.privy-main li {
    padding-left: 20px;
    position: relative;
    line-height: 28px;
    font-size: 16px;
    color: #7c7c7c
}

.privy-main li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--theme);
    border-radius: 50%
}

.privy-main h3 {
    font-size: 35px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #313294;
}


/* case studies */

.banner .banner_textt>ul.ban_list {
    display: block;
    column-count: 2;
}

.banner .banner_textt>ul.ban_list > li {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
}

.banner .banner_textt>ul.ban_list > li:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 10px;
    height: 10px;
    left: 0;
    top: 8px;
    border-radius: 50%;
}

.banner .case_studies_banner {
    position: relative;
    height: 600px;
}

.banner > .case_studies_banner > img {
    width: 100%;
}

.banner > .case_studies_banner > span {
    background: #fdcbbc;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.banner .case_studies_banner > img {
    width: 100%;
}

.banner .case_studies_banner > span {
    position: absolute;
    background: #fdcbbc;
    width: 600px;
    height: 600px;
    z-index: -1;
    border-radius: 50%;
    transform: scale(.8);
    top: 30px;
    left: 16px;
    margin: 0 auto;
    right: 0;
}

.banner .case_studies_banner > span:after {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1.1);
    border-style: dashed;
    animation: 1s abc1 linear infinite;
}

.banner .case_studies_banner > span:before {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1.2);
    border-style: dashed;
    animation: 1s abc linear infinite;
}

@keyframes abc {
    from {
        transform: rotate(0deg) scale(1.2);
    }

    to {
        transform: rotate(360deg) scale(1.2);
    }
}

@keyframes abc1 {
    from {
        transform: rotate(-0deg) scale(1.1);
    }

    to {
        transform: rotate(-360deg) scale(1.1);
    }
}

.counter_newsec {
    padding: 60px 0px;
}

.counter_newsec .counter_newbox {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.counter_newsec .counter_newbox > img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 10px;
}

.counter_newsec .counter_newbox > div > h3 {
    font-size: 59px;
    color: #000;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.counter_newsec .counter_newbox > div > span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.case_studies_sec {
    padding: 30px 0 80px;
}

.case_studies_sec .case_studies_box > a > img {
    width: 100%;
    border-radius: 10px;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.case_studies_sec .case_studies_box > a > h3 {
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid;
}

.case_studies_sec .case_studies_box > a > ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    margin-top: 30px;
}

.case_studies_sec .case_studies_box > a > ul > li {
    font-size: 16px;
    color: #000;
    border: 1px solid var(--theme);
    padding: 5px 20px;
    border-radius: 30px;
    transition: 0.3s ease-in-out;
}

.case_studies_sec .case_studies_box:hover > a > ul > li {
    background: var(--theme);
    color: #fff;
}


/* case inner page */

.casestudy_inner_banner {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 130px 0px 50px;
}

.casestudy_inner_banner>img {position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;z-index: -1;}

.casestudy_inner_banner .casestudy_banner_text > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.casestudy_inner_banner .casestudy_banner_text > ul >li {
    color: #fff;
    background: var(--theme);
    line-height: 1;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 16px;
    transition: 0.3s ease-in-out;
    border: 1px solid transparent;
}

.casestudy_inner_banner .casestudy_banner_text > ul >li:hover {
    border: 1px solid var(--theme);
    background: transparent;
}

.casestudy_inner_banner .casestudy_banner_text > h1 {
    text-align: center;
    font-size: 154px;
    font-weight: bold;
}

.casestudy_inner_banner .casestudy_banner_text > img {
    display: block;
    margin: 0 auto;
    margin-top: -60px;
}

.case_about_sec {
    padding: 70px 0px;
}

.case_about_sec h2 {
    font-size: 73px;
    color: #000;
    font-weight: 700;
    line-height: 1.1;
}

.case_about_sec h2 > span {
    display: block;
    color: var(--theme);
    margin-bottom: 20px;
}

.case_about_sec .row > * > span {
    font-size: 24px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.case_about_sec .row > * > h3 {
    font-size: 77px;
    line-height: 1;
    margin: 0;
    font-weight: 700;
}

.case_about_sec > img {
    width: 100%;
    margin-top: 50px;
    object-fit: cover;
}

.casehow_website_sec {
    padding: 70px 0px;
}

.casehow_website_sec .casehow_website_box {
    background: #efefef;
    padding: 30px;
    border-radius: 20px;
}

.casehow_website_sec .casehow_website_box > .row {
    align-items: center;
}

.casehow_website_sec .casehow_website_box h2 {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.casehow_website_sec .casehow_website_box h3 {
    font-size: 35px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: 700;
}

.casehow_website_sec .casehow_website_box ul {
    margin: 0;
}

.casehow_website_sec .casehow_website_box ul > li {
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    position: relative;
}

.casehow_website_sec .casehow_website_box ul > li:last-child {
    margin: 0;
}

.casehow_website_sec .casehow_website_box ul > li:after {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
    border-radius: 50%;
}

.casehow_website_sec .casehow_website_box img {
    width: 100%;
    border-radius: 20px;
    height: 450px;
    object-fit: cover;
}

.case_challenges_sec {
    padding: 50px 0px;
}

.case_challenges_sec .row {
    align-items: center;
}

.case_challenges_sec img {
    width: 100%;
}

.case_challenges_sec h2 {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}

.case_challenges_sec p {
    margin: 0;
    font-size: 16px;
}

.the_outcome_sec {
    padding: 70px 0px;
    text-align: center;
}

.the_outcome_sec h2 {
    font-size: 50px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.the_outcome_sec p {
    font-size: 40px;
    color: #000;
    margin-bottom: 40px;
}

.tech_strip_slider_secc {
    padding: 60px 0px;
}

.tech_strip_slider_secc h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 50px;
    color: #000;
    font-weight: 700;
}

.tech_strip_slider_secc .slick-slide {
    opacity: 1;
}

.tech_strip_slider_secc .slick-slide > img {
    width: auto;
    height: 60px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.case_cta_one_secc {
    padding: 50px 0px;
}

.case_cta_one_secc .case_cta_onebox {
    background: var(--theme);
    text-align: center;
    padding: 50px;
    border-radius: 20px;
}

.case_cta_one_secc .case_cta_onebox > h2 {
    font-size: 110px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
}

.case_cta_one_secc .case_cta_onebox > p {
    font-size: 35px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}

.case_cta_one_secc .case_cta_onebox > .btn2 {
    margin: 0 auto;
    border-color: #fff;
    color: #fff;
    z-index: 1;
}

.case_cta_onebox .btn2>i:after {
    background-color: #fff;
}

.case_cta_one_secc .case_cta_onebox > .btn2 > i {
    color: #000;
}

.case_cta_one_secc .case_cta_onebox > .btn2:hover {
    color: #000;
}

.case_cta_two_secc {
    padding: 50px 0px;
}

.case_cta_two_secc .case_cta_twobox {
    padding: 90px;
    text-align: center;
    border-radius: 20px;
    background: #efefef;
}

.case_cta_two_secc .case_cta_twobox > h2 {
    font-size: 50px;
    color: var(--theme);
    font-weight: 700;
    margin-bottom: 40px;
}

.case_cta_two_secc .case_cta_twobox > ul {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.case_cta_two_secc .case_cta_twobox > ul > li > a {
    background: var(--theme);
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 5px;
}

.case_category_sec {
    padding: 50px 0px;
}

.case_category_sec .case_cate_bx {
    width: 85%;
    margin: 0 auto;
    background: rgb(227 29 70 / 20%);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.case_category_sec .case_cate_bx > img {
    width: 60px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.case_category_sec .case_cate_bx > span {
    color: #000;
    display: block;
    line-height: 1.2;
    font-size: 25px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}

.case_studies_sec .case_studies_box {
    margin-bottom: 40px;
}

/* case studies */


/* transformation page */

.transformation_page_secc {
    padding: 80px 0px;
    position: relative;
}

.transformation_page_secc .transformation_indus_box {
    padding: 30px;
    box-shadow: -5px 0px 10.2px 1.8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: sticky;
    top: 60px;
}

.transformation_page_secc .transformation_indus_box > h2 {
    font-size: 30px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.transformation_page_secc .transformation_indus_box > ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.transformation_page_secc .transformation_indus_box > ul > li {
    cursor: pointer;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins';
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}

.transformation_page_secc .transformation_indus_box > ul > li:after {
    position: absolute;
    content: "";
    border: 1px solid var(--theme);
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
}

.transformation_page_secc .transformation_indus_box > ul > li:before {
    position: absolute;
    content: "";
    background: var(--theme);
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    transform: scale(0);
}

.transformation_page_secc .transformation_indus_box > ul > li.actve:before {
    transform: scale(0.6);
}

.transformation_page_secc .trans_tabs.actve {
    display: block;
}

.transformation_page_secc .trans_tabs {
    display: none;
}

.transformation_page_secc .trans_tabs > h2 {
    font-size: 43px;
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    margin-bottom: 20px;
}

.transformation_page_secc .trans_tabs .trans_box_wrp {
    background: #efefef;
    border-radius: 15px;
    margin-bottom: 40px;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > a {
    padding: 40px 20px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    box-shadow: -5px 0px 9.2px 0.8px rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > a > h3 {
    font-size: 30px;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
    transition: 0.3s ease-in-out;
}

.transformation_page_secc .trans_tabs .trans_box_wrp  > ul {
    display: flex;
    padding: 20px 30px;
    margin: 0;
    align-items: center;
    justify-content: space-between;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    height: 100px;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > ul > li > img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.transformation_page_secc .trans_tabs .trans_box_wrp > ul > li > span {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > ul > li:after {
    position: absolute;
    content: "";
    background: #787878;
    width: 1px;
    height: 100%;
    right: -40px;
}

.transformation_page_secc .trans_tabs .trans_box_wrp > ul > li:last-child:after {
    display: none;
}

.transformation_page_secc .trans_tabs .trans_box_wrp:hover > a > h3 {
    color: var(--theme);
}

.transformation_page_secc .transformation_indus_box > p {
    margin: 0;
    font-size: 12px;
    border: 1px solid var(--theme);
    padding: 5px 10px;
    width: fit-content;
    border-radius: 30px;
    color: var(--theme);
    transition: 0.3s ease-in-out;
}

.transformation_page_secc .transformation_indus_box:hover > p {
    background: var(--theme);
    color: #fff;
}

/* transformation page end */


header ul#menu>li:hover>ul.resc_dropdown {
    height: 167px;
}


/*Packages Section Begin*/

.packages__head h2 {
    letter-spacing: 0;
    color: var(--black);
    font-size: 47px;
    line-height: 104px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.packages__Sec__main {
    background: #f8f8f8;
}

.packages__head h2 span {
    color: #343396;
}

.packages__head p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
}

.package__box__sec{
    background: transparent 0% 0% no-repeat padding-box;
    border-radius: 22px;
    border: 2px solid #5b5e60;
    padding: 40px 25px;
    margin-bottom: 30px;
    transition: 0.5s ease-in-out;
    color: #000;
}

.packages__name {
    text-align: center;
}

.packages__name span {
    font-size: 21px;
    font-weight: bold;
    color: #000;
    display: block;
    width: 90%;
    margin: auto;
}

.packages__amount span {
    text-align: center;
    letter-spacing: -2.4px;
    color: var(--primary_color);
    font-size: 50px;
    font-weight: bold;
    line-height: 80px;
    margin-bottom: 20px;
    display: inline-block;
    background: linear-gradient(to right, #373498 0%, var(--theme) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.per__amount {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.packages__amount {
    text-align: center;
}

.per__amount span {
    letter-spacing: -0.57px;
    font-size: 21px;
    padding: 0 10px;
}

.per__amount span:nth-last-child(1) {
    text-decoration: line-through;
}

.list__packages ul {
    height: 290px;
    overflow-y: scroll;
}

.list__packages ul::-webkit-scrollbar {
  width: 7px;
  border-radius: 10px;
}

.list__packages ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #e6e5e5;
  border-radius: 10px;
  background: #e6e5e5;
}
.list__packages ul::-webkit-scrollbar-thumb {
  background: var(--theme);
  border-radius: 10px;
}
.list__packages ul::-webkit-scrollbar-thumb:hover {
 background: var(--theme);
}

.list__packages ul li{
    font-size: 16px;
    padding-bottom: 12px;
    padding-left: 20px;
    position: relative;
}
  

.list__packages ul li:before {
    content: '';
    position: absolute;
    background: url(../images/packages-icon.svg);
    width: 10px;
    height: 10px;
    left: 0;
    top: 6px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4109%) hue-rotate(339deg) brightness(94%) contrast(89%);
}

.list__packages {
    padding-bottom: 30px;
}

.btn__pkg {
    text-align: center;
}
.btn__pkg .btn2 {
    border-radius: 7px;
    background: var(--theme);
    color: white;
}
/*.btn__pkg a {*/
/*    background: var(--primary_color);*/
/*    width: 100%;*/
/*    display: inline-block;*/
/*    padding: 20px;*/
/*    border-radius: 10px;*/
/*    color: var(--white);*/
/*    font-size: 18px;*/
/*    background: transparent linear-gradient(73deg, var(--primary_color) 0%, var(--secondary_color) 100%) 0% 0% no-repeat padding-box;*/
/*}*/

.package__box__sec:hover {background: var(--primary_color);transition: 0.5s ease-in-out;background: #000;}

.package__box__sec:hover .packages__name span {
    color: #fff;
}

.package__box__sec:hover .packages__amount span {
    color: var(--theme);
    -webkit-text-fill-color: snow;
}

.package__box__sec:hover .per__amount span {
    color: #c3c2c2;
}

.package__box__sec:hover .list__packages ul li {
    color: #fff;
}

/*.package__box__sec:hover .btn__pkg a {*/
/*    background: var(--white);*/
/*    color: var(--primary_color);*/
/*}*/

.package__box__sec:hover .list__packages ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #4b4b4b;
  border-radius: 10px;
  background: #4b4b4b;
}
.package__box__sec:hover .list__packages ul::-webkit-scrollbar-thumb {
  background: var(--white);
  border-radius: 10px;
}
.package__box__sec:hover .list__packages ul::-webkit-scrollbar-thumb:hover {
 background: var(--white);
}

.packages__list__menu ul li a {
    background: #e9e8e8;
    padding: 20px 30px;
    color: #000;
    font-size: 19px;
    border: 0 !important;
    border-radius: 10px !important;
    font-weight: 500;
    border: 1px solid #000 !important;
}

.packages__list__menu ul {
    justify-content: center;
    border: 0;
}

.packages__list__menu ul li {
    padding: 0 9px;
    margin-bottom: 20px !important;
}

.packages__list__menu ul li a:hover,.packages__list__menu ul li a.active {
    color: #fff !important;
    background: transparent linear-gradient(73deg, #373498 0%, #373498 100%) 0% 0% no-repeat padding-box;
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
    display: none;
}
::-webkit-scrollbar-track-piece {
    background-color: #ecedf1;
    -webkit-border-radius: 0;
    border-left: 1px solid #fff;
}
::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: #0a0a2d;
}

.view_btn {
    margin: 16px 0;
    text-align: center;
}

.view_btn a.v-detail {
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: underline;
    color:#000;
}

.package__box__sec:hover .view_btn a.v-detail {color:#fff;}

.packages__head {
    text-align: center;
}

section.packages__Sec__main.padding__120 {
    padding-top: 70px;
    padding-bottom: 60px;
    position: relative;
}

/*Packages Section End*/
/*packages inner pages css start*/


.works-wrap {
    padding: 170px 0 60px;
    position: relative;
    background-color: #fff;
    z-index: 2;
    border-bottom: 1px solid #eaeaea;
}

.subscribe-fold .myheading {
    position: relative;
    padding-bottom: 40px;
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0;
}

.subs-pac {
    /* box-shadow: 0 3px 30px #0000001f; */
    display: block;
    width: 100%;
    text-align: center;
    /* height: 505px; */
    margin: 0 0 60px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* border-radius: 10px; */
    padding: 75px 0 0;
    background-color: #f0f0f0;
}

.bronze {
    border: 1px solid transparent;
}

.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 100%;
    text-align: center;
}

.subs-pac h6 {
    color: var(--first-color);
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    line-height: 0.9;
    margin: 30px 0 0;
    position: relative;
    padding: 0 20px;
}

.subs-pac h6 span.old {
    position: absolute;
    right: 0;
    left: 0;
    top: -30px;
    text-decoration: line-through;
    font-weight: 700;
    margin: 0;
    font-size: 16px;
}

.subs-pac h6 span {
    font-size: 16px;
    color: #687087;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3;
}

.subs-pac h6 span b.monthss {
    position: absolute;
    right: -61px;
    font-size: 20px;
    top: -37px;
    color: #555;
}

.subs-pac h6 b {
    position: relative;
    font-size: 20px;
    display: inline-block;
    top: -28px;
    color: #555;
}

.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
    border: none;
    padding: 14px 60px;
    color: #fff;
    box-shadow: none;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
   background: transparent linear-gradient(74deg, var(--primary_color) 0%, var(--secondary_color) 100%) 0% 0% no-repeat;
}

.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 35px 0;
    display: inline-block;
    color: #000;
    margin: 0;
}


.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    color: #000;
    display: inline-block;
    margin: 0;
}

.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 35px 0;
    color: #000;
    display: inline-block;
    margin: 0;
}

.sub-list {
    padding-left: 40px;
}

.subscribe-fold .table-packages {
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
}

.subscribe-fold .table-packages .head {
    width: 100%;
    margin-bottom: 23px;
}

.subscribe-fold .table-packages .head h5 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #160c28;
}

.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0;
}

.innerContentScroll {
    height: 400px;
    overflow-y: scroll;
}

.subscribe-fold .table-packages .body ul li {
    text-align: left;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eaeaea;
    width: 95%;
}

.subscribe-fold .table-packages .body ul li h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-family: var(--primary-font-family);
}

.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #01e252;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 1.6;
    float: right;
}

.subscribe-fold .table-packages .body ul li span.tick:before {
    content: '';
    position: absolute;
    background: url(../images/packages-icon.svg);
    background-repeat: no-repeat;
    width: 15px;
    background-size: cover;
    height: 15px;
    left: 0;
    top: 6px;
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
    display: none;
}
::-webkit-scrollbar-track-piece {
    background-color: #ecedf1;
    -webkit-border-radius: 0;
    border-left: 1px solid #fff;
}
::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: #0a0a2d;
}

.view_btn {
    margin: 16px 0;
    text-align: center;
}

.view_btn a.v-detail {
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: underline;
}

.package__box__sec:hover .view_btn a.v-detail {color:#fff;}
.subs-pac a.btn1 {
    width: 70%;
    margin: 10px auto 0;
    color: #fff;
}
.packg header {
    background: #000;
}
li.algnsetup {
    display: flex !important;
}

li.algnsetup a {
    color: #fff;
}
/*packages inner pages css end*/


/* blog page css start */
.blog-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin: 10px auto;
  position: relative;
  text-align: center;
}

.blog-date {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #fff;
  padding: 5px 15px;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.blog-date .date {
  font-size: 20px;
  display: block;
  color: #333;
}

.blog-date .month {
  font-size: 12px;
  text-transform: uppercase;
  color: #333;
}

.blog-image img {
  max-width: 100%;
  height: auto;
  margin: 30px 0 0;
}

.blog-category {
  background: var(--theme);
  color: #fff;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 10px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.blog-title {
  font-size: 20px;
  margin: 10px 0;
}

.blog-meta {
  font-size: 14px;
  color: #888;
  margin-bottom: 10px;
}

.blog-meta .author strong {
  color: #bbb;
}
.blog-meta .author img {
    display: inline-block;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    vertical-align: top;
}
.meta-icons {
  margin-left: 10px;
  color: #bbb;
}

.blog-description {
  font-size: 15px;
  color: #000;
  margin-bottom: 15px;
}

.continue-reading {
  color: var(--theme);
  text-decoration: none;
}

.continue-reading:hover {
  text-decoration: underline;
}
.blog-card-bottom {
  padding: 1.5rem;
  padding-top: 0;
  margin-top: -20px;
}
/* blog page css end */

/* blog detail page css strat */
.blog-detail-top-content > span {
    font-size: 16px;
    font-weight: 500;
    color: white;
    background-color: var(--theme);
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.blog-detail-content .blog-image img {
    margin: 30px 0;
}
.unordered-list {
    list-style: disc;
    margin-left: 20px;
}
.unordered-list li {
    padding: 0.5rem 0;
}
.blog-sidebar h4 {
    font-size: 20px;
    color: #000;
}
.blog-category-list li a {
    font-size: 18px;
    color: #777;
}
.blog-category-list li {
    padding: 0.2rem 0;
}
.recent-post-box {
    display: flex;
    gap: 1rem;
}
.recent-post-box div:first-child {
    flex-shrink: 0;
}
.recent-post-box h4 {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
}
.recent-post-box p {
    font-size: 14px;
    color: #777;
}
.blog-sidebar > img {
    margin: 0.5rem 0;
    border: 2px solid #cfcfcf;
}
.packageSlider {
    overflow: hidden;
}
section.packages__Sec__main.padding__120 .swiper-button-prev {
    left: 10%;
    top: 67%;
    width: 50px;
    height: 50px;
    background: var(--theme);
    border-radius: 50%;
}
section.packages__Sec__main.padding__120 .swiper-button-next {
    right: 10%;
    top: 67%;
    width: 50px;
    height: 50px;
    background: var(--theme);
    border-radius: 50%;
}

section.packages__Sec__main.padding__120 .swiper-button-prev:after,
section.packages__Sec__main.padding__120 .swiper-button-next:after
{
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.packages__Sec__main.padding__120.shopfy-page .swiper-button-prev, .packages__Sec__main.padding__120.shopfy-page .swiper-button-next {
    top: 64%;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}