@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

:root {
    --theme-color: #001eff;
    --theme-color-second: #9b0e0e;
    --theme-color-third: #333;
    --fontColor: rgb(95 166 151);
    --heading-font: "Inter", sans-serif;
    --paragraph-font: "Manrope", sans-serif;
    --span-font: "Playfair Display", serif;
    --span-font-2: "Orbitron", sans-serif;
    --screenCoeff: calc(1vw + 1vh);
    --bgColor: rgb(20, 20, 20);
    --fontColor: rgb(95 166 151);
    --shadowColor: 0 0 1px rgb(225, 229, 0);
    --glowColor: #9b0e0e;
    --border-radius-small: 3.2px;
    /* 0.2rem */
    --border-radius-base: 8px;
    /* 0.5rem */
    --border-radius-large: 16px;
    /* 1rem */
    --transition-duration: 0.3s;
    --transition-timing-function: ease-in-out;
    --shadow-small: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-base: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-large: 0 10px 20px rgba(0, 0, 0, 0.2);
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
    font-size: 17px;
    color: #474747;
    background-color: #fff;
    scroll-behavior: smooth;
    overflow-x: hidden !important;
    font-family: var(--paragraph-font);
    /* color: var(--theme-color) !important; */
}

@font-face {
    font-family: "bacilities";
    src: url(../fonts/Bacalisties.ttf);
}

.material-symbols-rounded {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

.span {
    font-family: var(--span-font);
}

.span-2 {
    font-family: var(--span-font-2);
}

a {
    color: #0055f1;
    text-decoration: none;
    transition: all 0.5s;
    display: inline-block;
}

a:hover {
    text-decoration: none;
    transition: all .6s;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
}

p {
    margin: 0;
    line-height: 30px;
    margin-bottom: 25px;
    font-size: 17px;
    font-weight: 600;
}

ul li {
    margin-bottom: 0px;
}

.img-fluid {
    display: block;
    width: 100%;
    max-width: 100%;
}

.li {
    display: inline-block;
    padding: 0px 5px;
}

ul {
    list-style: none;
    padding: 0;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 35px;
}



.bg-cover {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.gap {
    margin-bottom: 30px;
}

section {
    padding: 80px 0px;
}

a:hover~.cursor::before,
a:hover~.cursor::after {
    background-color: #001eff;
}

.form-control:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

input {
    width: 100%;
    outline: none;
    border: none;
    border: 1px solid #ced4da;
}

textarea {
    width: 100%;
    outline: none;
    border: none;
    border: 1px solid #ced4da;
}

select {
    width: 100%;
    outline: none;
    border: none;
    border: 1px solid #ced4da;
    color: #c1c0bd;
}


/* navbar----------- */

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

* {
    box-sizing: border-box;
}

.m-backtotop {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
    bottom: -50px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: #fabc0d;
    border-radius: 25px;
    text-align: center;
    border: 2px solid #fabc0d;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    opacity: 0;
    overflow: hidden;
    color: #fff;
}

.m-backtotop.active {
    bottom: 15px;
    opacity: 1;
}

.m-backtotop>div {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.m-backtotop>div.arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: 1;
}

.m-backtotop>div.text {
    font-size: 5px;
    font-size: 0.5rem;
    line-height: 10px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0;
    margin-top: 1px;
}

.m-backtotop:hover {
    transform: scale(1.1);
    bottom: 20px;
    cursor: pointer;
    background: black;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.m-backtotop:hover>div.arrow {
    transform: translateY(-150%) translateX(-50%);
    opacity: 0;
}

.m-backtotop:hover>div.text {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1;
}

.py-5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.py-6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py-7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.py-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.py-9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.py-10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.gap-p p {
    margin-bottom: 0px;
}

#main_header {
    padding: 16px 0 0px;
    margin-bottom: 0;
    z-index: 999;
    position: relative;
    box-shadow: rgb(3 27 78 / 13%) 0 2px 4px;
    /* Ensure shadow is always applied */
}

.mobile_headers{
    display: none;
}

.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}

.sticky-top-1.sticky {
    background: #666 !important;
    z-index: 999999;
}

.sticky-menu {
    display: none;
}


/* ---------------------- */


/* ---------------------- */

#main_header .cal-info {
    gap: 25px;
}

.small {
    display: none;
}

a.navbar-brand img {
    width: 80px;
}

.header_menu li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 29px 19px;
    display: inline-block;
}

.header_menu li a:hover {
    color: var(--theme-color-second);
}

.hd_info {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

a.comon-btn {
    background: var(--theme-color);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 14px 8px;
    border-radius: 5px;
    width: 15rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

a.comon-btn:hover {
    background: var(--theme-color-second);
    color: #fff;
}

.header_menu li a {
    color: rgb(51, 51, 51);
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 24px 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}

.navbar li:hover a {
    color: var(--theme-color-second);
}

.navbar li:hover .dropdown-menu {
    transition: .6s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
    pointer-events: all;
}

@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar li .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar li:hover a {
        color: var(--theme-color-second);
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar li:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

ul.dropdown-menu.fade-up li a:hover {
    color: #fff !important;
    background: var(--theme-color-second);
}

#main_header ul.dropdown-menu.fade-up li:last-child {
    border-bottom: 0px;
}

#main_header ul.dropdown-menu.fade-up li {
    border-bottom: 1px solid #c1c0bd;
    margin: 0 0 0 0;
}

ul.dropdown-menu.fade-up li a {
    color: #000 !important;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 11px 12px;
}

ul.dropdown-menu.fade-up {
    border: none;
    background: #fff;
    padding: 0 0;
    min-width: inherit;
    width: 280px;
    border-radius: 0px;
}

.link-sm-2 i {
    top: -9px !important;
}

.link-sm-2 {
    position: relative;
}

#main_header .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: space-between;
}

#main_header .cal-info a {
    color: #9b0e0e;
    font-weight: 600;
    display: flex;
    gap: 5px;
    align-items: center;
}

#main_header .cal-info a:hover {
    color: var(--theme-color);
}

#main_header ul li.active a {
    color: var(--theme-color);
}


/* banner */

.banner {
    padding: 56px 0 50px;
    background-position: top !important;
}

.banner h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 38px;
}

.banner .right-head h1 {
    color: var(--theme-color);
}

.banner .right-head {
    position: relative;
}

.banner .com-img {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

.banner .content {
    padding-right: 46px;
}

.banner .development-vtn {
    flex-direction: column;
    align-items: start;
}

a.border-btn {
    border: 1px solid var(--theme-color);
    padding: 12px 26px;
    border-radius: 60px;
    display: flex;
    gap: 15px;
    align-items: center;
    color: var(--theme-color);
    font-weight: 500;
    font-size: 15px;
}

a.border-btn:hover {
    background-color: var(--theme-color);
    color: #fff;
    gap: 18px;
}

.banner .left-side .content {
    padding-left: 46px;
    padding-right: 0;
}

.banner .left-side h1 {
    color: var(--theme-color-second);

}

.banner .left-side form {
    display: flex;
    border: 3px solid #850606;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
}

.banner .left-side form input {
    padding: 13px;
    background: transparent;
    color: #000;
    border: none;
}

.banner .left-side form input::placeholder {
    opacity: 1;
    color: #000;
    font-size: 15px;
}

.banner .left-side form button,
.banner .left-side form input[type=submit] {
    background-color: var(--theme-color);
    color: #fff;
    border: none;
    width: 233px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s;
}

.banner .left-side form button img,
.banner .left-side form input[type=submit] img {
    width: 15px;
    margin-left: 10px;
}

.banner .left-side form button:hover,
.banner .left-side form input[type="submit"]:hover {
    background-color: #fbbf00;
    color: #fff;
    transition: 0.3s;
}


/* button main text */

a.rainbow-btn {
    text-align: center;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 2px;
    transition: 0.3s;
    border-radius: 600px;
    font-weight: 600;
}

a.rainbow-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(145deg, var(--theme-color), var(--theme-color-second));
    background-size: 50% 100%
}

a.rainbow-btn:hover span {
    background-color: var(--theme-color);
    color: #fff;
}

a.rainbow-btn span {
    position: relative;
    z-index: 2;
    padding: .875rem 0;
    text-decoration: none;
    align-items: center;
    background: #fff;
    border-radius: 1px;
    display: block;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    font-size: 16px;
    padding: 12px 23px;
    display: flex;
    gap: 13px;
    transition: 0.3s;
    border-radius: 600px;
    color: var(--theme-color);
}

a.rainbow-btn:hover span {
    /* gap: 18px; */
    transition: 0.3s;
}

#main_header a.comon-btn {
    width: 13rem;
}

.banner a.btn-2 {
    background-color: #fabc0d;
    width: 100%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
}

.banner a.btn-2:hover {
    gap: 15px;
    justify-content: center;
}


/* ============ desktop view ============ */

@media all and (min-width: 992px) {

    /* 
  #main_header{
    position: static!important;
  } */
    /* .navbar .has-megamenu{position:static!important;} */
    .navbar .megamenu {
        right: -50%;
        width: 120%;
        margin-top: 0;
        margin: 0 auto;
        transition: 0.3s;
        left: -50%;
    }
}


/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */

@media(max-width: 991px) {

    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

#main_header .megamenu {
    background-color: #f9fbff;
}

#main_header .menu-list li a {
    text-transform: capitalize;
    font-size: 18px;
    padding: 3px 10px 15px;
    font-weight: 400;
    color: #000 !important;
    line-height: 1.3;
}

#main_header .menu-list .sub-menu-list a {
    text-transform: capitalize;
    font-size: 15px;
    padding: 3px 10px 3px;
    font-weight: 500;
    color: #666 !important;
    transition: 0.3s;
    gap: 0;
    display: flex;
    align-items: start;
    justify-content: start;
    position: relative;
}

#main_header .menu-list .sub-menu-list a img {
    opacity: 0;
    transition: 0.3s;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 5px;
}

#main_header .menu-list .sub-menu-list li:hover a img {
    opacity: 1;
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: 5px;
}

#main_header .menu-list .sub-menu-list li:hover a {
    gap: 0px;
    transition: 0.3s;
    color: var(--theme-color) !important;
}

#main_header .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    gap: 24px;
}

#main_header .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    position: relative;
    border-left: .3em solid transparent;
    left: 0;
}

#main_header .menumag {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .10) !important;
    border: none !important;
    height: 100%;
}

#main_header .sub-menu-list li {
    margin-bottom: 11px;
}

#main_header .sub-menu-list li:last-child {
    margin-bottom: 15px;
}

#main_header li.menu-head {
    min-height: 66px;
    line-height: 1;
}

#main_header .img-box {
    position: relative;
}

#main_header .top-head-menu {
    position: absolute;
    font-weight: 800;
    text-align: center;
    width: 100%;
    top: 30px;
}

#main_header .top-head-menu h5 {
    font-weight: 800;
    color: #fcd804;
}

#main_header .top-head-menu-2 {
    position: absolute;
    font-weight: 800;
    text-align: center;
    width: 100%;
    bottom: 30px;
}

#main_header a.comon-btn-2 {
    display: inline-block !important;
    text-align: center !important;
    width: 81%;
    background: #fcd804;
    color: #070707 !important;
    padding: 10px !important;
    border-radius: 4px;
    font-size: 15px !important;
}

p.comon-btn-2 {
    display: inline-block !important;
    text-align: center !important;
    width: 81%;
    background: #fcd804;
    color: #070707 !important;
    padding: 10px !important;
    border-radius: 4px;
    font-size: 15px !important;
    margin-top: 25px !important;
}

.banner p {
    font-weight: 600;
}

.banner .form-area {
    border-radius: 10px;
    padding: 28px 25px;
    background: var(--theme-color-second);
    /* background: linear-gradient(185deg, rgb(227 22 22) 0%, rgb(199 36 36) 47%, rgb(116 5 5) 100%); */
    color: #fff;
}

.banner .form-area p {
    text-align: center;
    font-size: 15px;
}

.banner .left-side .span {
    text-transform: none;
    color: #6c757d;
    display: block;
    margin-bottom: -2px;
    position: relative;
    font-weight: 500;
    font-size: 45px;
    margin-bottom: -11px;
}

.banner .left-side h1 {
    margin-bottom: 30px;
}

.banner .form-area h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 6px;
}

.banner .icon-max {
    margin-bottom: 25px;
    gap: 10px;
}

.banner .icon-max img {
    width: 127px !important;
}

.banner .icon-max #img {
    width: 108px !important;
}


/* =========================recognized-sec====================  */

.recognized-sec h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.recognized-sec .social-icon {
    margin-bottom: 95px;
}

.recognized-sec h2 span {
    font-size: 38px;
}

.recognized-sec .social-icon img {
    transition: 0.3s;
}

@keyframes bouncse-1 {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(1.06);

    }

    100% {
        transform: scale(1.0);
    }
}

.recognized-sec .social-icon a:hover img {
    transition: 0.3s;
    animation: bouncse-1 1s ease-in;
}

.recognised-2 {

    background-color: #f9f9f9
}

.recognised-2 h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #9b0e0e;
}

/* 


.recognised-2 .social-icon img {
    transition: 0.3s;
    filter: grayscale(1);
    opacity: 1;
}



@keyframes bouncse-2 {
    0% {
        transform: scale(1.0);
        box-shadow: 1px 1px 1px #fff;
    }
    50% {
        transform: scale(1.06);
        filter: grayscale(0);
    }
    100% {
        transform: scale(1.0);
        box-shadow: 1px 1px 1px #fff;
    }
}

.recognised-2 .social-icon a:hover img {
    transition: 0.3s;
    animation: bouncse-2 1s ease-in;
    opacity: 1;
}

.recognised-2 .social-icon a .zoom-2 {
    transform: scale(1.4);
} */

@keyframes bouncse-3 {
    0% {
        transform: scale(1.4);
        box-shadow: 1px 1px 1px #fff;
    }

    50% {
        transform: scale(1.46);
    }

    100% {
        transform: scale(1.4);
        box-shadow: 1px 1px 1px #fff;
    }
}

.recognised-2 .social-icon a:hover .zoom-2 {
    transition: 0.3s;
    animation: bouncse-3 1s ease-in;
}


/* custom simulation */

.custom-simulation {
    border-top: 1px solid #dedede;
    background: transparent;
}

.custom-simulation .card-box a {
    display: inline-block;
    width: 100%;
}

.custom-simulation .card-box-new {
    background: #ffff;
    border: 1px solid #c6c6c6;
    padding: 26px 23px;
    border-radius: 10px;
    transition: 0.3s;
    cursor: pointer;
    height: 100%;
}
.custom-simulation .card-box-new:hover {
    background: linear-gradient(125deg, var(--theme-color), #384fff);
    /* Example gradient */
    transition: 0.3s;
    color: #fff;
}

.custom-simulation .card-box-new h4 {
    font-weight: 700;
    color: var(--theme-color);
}

.custom-simulation .card-box-new:hover h4 {
    color: #fff;
    transition: 0.3s;
}

.custom-simulation .card-box-new p {
    font-size: 15px;
    line-height: normal;
}

.custom-simulation a.custom-link-btn {
    justify-content: end;
    width: 100%;
}

.custom-simulation .card-box-new:hover a.custom-link-btn {
    color: #fff;
    transition: 0.3s;
}

.custom-simulation h2 {
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.custom-simulation h4 {
    font-size: 25px;
    line-height: 34px;
    color: #474747;
    margin-top: 15px;
}

.custom-simulation button.accordion-button {
    border: 1px solid #adadad;
    padding: 18px 20px;
    font-weight: 500;
    color: var(--theme-color);
    font-size: 17px;
    line-height: 31px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 244px;
    transition: 0.3s;
}

.custom-simulation .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.custom-simulation button.accordion-button .dec-2 {
    font-weight: 400;
    margin-bottom: 8px;
}

.custom-simulation .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    border: 1px solid #adadad;
    border-top: none;
    height: 100%;
}

.custom-simulation .acord-img {
    width: 45px;
    margin-right: 0;
}

.custom-simulation .accordion-button:not(.collapsed) {
    background-color: #fff;
}

.custom-simulation button.accordion-button:hover {
    border: 1px solid transparent;
    /* Adjust width as needed */
    transition: 0.3s;
    padding: 18px 20px;
    font-weight: 500;
    color: var(--theme-color);
    font-size: 17px;
    line-height: 31px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 244px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-image: linear-gradient(to right, var(--theme-color), var(--theme-color-second));
    /* Your gradient colors */
    border-image-slice: 1;
    -webkit-border-image: -webkit-linear-gradient(to right, var(--theme-color), var(--theme-color-second)) 1;
    -moz-border-image: -moz-linear-gradient(to right, var(--theme-color), var(--theme-color-second)) 1;
    -o-border-image: -o-linear-gradient(to right, var(--theme-color), var(--theme-color-second)) 1;
    border-image: linear-gradient(to right, var(--theme-color), var(--theme-color-second)) 1;
}

.custom-simulation .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    margin-right: auto;
    content: "";
    background-image: url(../image/plus.png);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.custom-simulation .accordion-button:not(.collapsed)::after {
    background-image: url(../image/minus.png);
    transform: var(--bs-accordion-btn-icon-transform);
}

.custom-simulation p.custom-sol-dec {
    font-size: 14px;
    line-height: 22px;
    color: #727272;
}

.custom-simulation .accordion-body a {
    font-size: 14px;
    color: #333;
}

.custom-simulation .accordion-body a .arrow {
    width: 15px;
    margin-left: 10px;
}

.custom-simulation a.btn-2 {
    background-color: #fabc0d;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

a.btn-2:hover {
    background-color: #333;
    border-color: #333;
    gap: 10px
}

.custom-simulation a.btn-3 {
    background-color: #fff;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #656665;
    color: #656665;
}

a.btn-3:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    gap: 10px
}

.custom-simulation .card-box {
    padding: 1px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: auto auto;
    transition: border-image 0.3s;
    overflow: hidden;
}

.custom-simulation .card-box {
    position: relative;
    background-color: rgb(223, 223, 223);
    /* Set your card's background color */
    z-index: 1;
    overflow: hidden;
    transition: border 0.3s;
}

.custom-simulation .card-box .box-spn {
    background-color: #fff;
    padding: 22px;
    border-radius: 16px;
}

.custom-simulation .card-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color-second));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s;
}

.custom-simulation .card-box:hover:before {
    opacity: 1;
}

.custom-simulation .card-box:hover:before {
    opacity: 1;
}

.custom-simulation .card-box p {
    margin: 0;
    font-weight: 600;
    letter-spacing: -.018em;
    color: #6E7B81;
    font-size: 20px;
}

.custom-simulation .card-box .title-head {
    margin: 0 0 8px;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: -1.728px;
    color: var(--theme-color);
    min-height: 58px;
}


/* .challang_excepted */

.challang_excepted h2 {
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
    position: relative;
}

.challang_excepted h2 img {
    width: 65px;
}

.challang_excepted h2 .head-img2 {
    transform: rotate(20deg);
}

.challang_excepted h2 .head-img {
    transform: rotate(-20deg);
}

.challang_excepted h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -.018em;
    color: #474747
}

.challang_excepted h3 u {
    text-decoration: none;
    position: relative;
    z-index: 0;
}

.challang_excepted .content-box {
    margin-bottom: 0;
    min-height: 100%;
    place-content: flex-start;
    padding: 40px 48px 32px;
    border: 1px solid #A9B4BC;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    background: #f9f9f9;
    position: relative;
    z-index: 111;
}

.challang_excepted .content-box .heading {
    width: 100%;
}

.challang_excepted .heading h4 {
    font-weight: 700;
    letter-spacing: -.018em;
    color: var(--theme-color);
    margin-bottom: 15px;
    font-size: 27px;
}

.challang_excepted .content-box .card-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #869298;
}

.challang_excepted .content-box ul {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--theme-color);
    list-style-type: disc;
    list-style-position: inside;
    /* min-height: 120px; */
}

.challang_excepted .content-box ul li {
    margin-bottom: 10px;
}

.challang_excepted .card-img {
    width: 30%;
    text-align: center;
    display: none;
}

.challang_excepted .card-footer {
    width: 100%;
    border-top: 1px solid #c3c3c3;
    padding-top: 20px;
    margin-top: 20px;
}

.challang_excepted .card-btn {
    padding: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #012247;
    transition: 0.3s;
}

.challang_excepted .card-btn:hover {
    color: var(--theme-color);
    transition: 0.3s;
}


/* design_develop */

.design_develop {
    border-top: none !important;
}

.design_develop h2 {
    font-size: 50px;
    line-height: 61px;
    padding-bottom: 0;
    font-weight: 700;
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.design_develop h4 {
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    color: var(--theme-color);
}

.design_develop .pool-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px 15px;
    align-items: center;
    grid-template-columns: auto auto auto auto auto;
}

.design_develop .pool-box-list {
    border-radius: 10px;
    border-color: #508ec8;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    padding: 2px;
    overflow: hidden;
    border: none;
    border: none;
    height: inherit;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@keyframes rotation2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.design_develop .pool-box-list:hover {
    animation: bouncse-1 1s ease-in;
}

.design_develop .pool-box-list:before {
    display: none;
    content: "";
    position: absolute;
    top: -106px;
    right: 0;
    bottom: 0;
    left: -15px;
    background: #d6e3f0;
    width: 310px;
    height: 310px;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

.design_develop .pool-box-list a {
    background: transparent;
    color: #333;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    z-index: 99;
    padding: 17px 23px;
    height: 60px;
    min-height: 4.5rem;
}

.design_develop .pool-box-list a img {
    width: 35px;
    margin-right: 0;
    height: fit-content;
}

.design_develop .pool-box-list a #img-2 {
    width: 50px;
    margin-right: 0;
    height: fit-content;
}

.design_develop .pool-box a p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-left: 15px;
}
 .card-box-new ul {
    list-style: disc;
    padding-left: 29px;
}

/* how-can-we-help */

#glowing_text {
    text-wrap: nowrap;
    text-overflow: clip;
    color: var(--theme-color);
}

.ready-to-started {
    background-color: var(--theme-color);
    border-radius: 25px;
    padding: 55px 0;
    position: relative;
    top: -15px;
    z-index: 1;
    overflow: hidden;
}

.ready-to-started .glove {
    width: 520px;
    position: absolute;
    z-index: -1;
    display: block;
    opacity: 0.6;
}

.ready-to-started form {
    display: flex;
    border: 3px solid #ffffff;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
}

.ready-to-started input {
    width: 100%;
    padding: 15px;
    background: transparent;
    border: none;
}

.ready-to-started form img {
    width: 15px;
}

.ready-to-started form button {
    padding: 15px;
    width: 14rem;
    background-color: #fabc0d;
    border: none;
    color: #000;
    font-weight: 500;
}

.ready-to-started form button:hover {
    background-color: var(--theme-color-second);
    color: #fff;
}

.ready-to-started h3 span {
    color: #fabc0d;
    font-weight: 700;
    font-size: 65px;
}

.bg-one {
    background-position: top !important;
}
.bg-one .card-box-new ul li a{
    color: #000;
}
.card-box-new ul li a{
    color: #000;
}
.bg-one .card-box-new ul li{
    margin-bottom: 15px;
}
.card-box-new ul li{
    margin-bottom: 15px;
}
.bg-one .card-box-new ul {
    list-style: disc;
    padding-left: 29px;
}
a.custom-link-btn {
    display: inline-flex;
    color: var(--theme-color);
    font-weight: 600;
    align-items: center;
    gap: 10px;
}

a.custom-link-btn i {
    position: relative;
    top: 2px;
}

.custom-simulation .card-box-new:hover ul li a{
    color: #fff;
}


/* custom-simulation for digital marketing part */

#custom-simulation h2 {
    color: var(--theme-color-second);
}

#custom-simulation .image-main-2 {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 80%;
    opacity: 0.21;
    display: none;
}

#custom-simulation .card-box-new:hover {
    background: linear-gradient(125deg, var(--theme-color-second), #cf1414);
    /* Example gradient */
    transition: 0.3s;
    color: #fff;
}

#custom-simulation .card-box-new h4 {
    color: var(--theme-color-second);
}

#custom-simulation .card-box-new:hover h4 {
    color: #fff !important;
}

#custom-simulation a.custom-link-btn {
    color: var(--theme-color-second);
}

#custom-simulation .card-box-new:hover .custom-link-btn {
    color: #fff;
}

#custom-simulation h4 {
    color: #0B1720 !important;
}

#challange h2 {
    color: var(--theme-color-second);
}

#challange .heading h4 {
    color: var(--theme-color-second);
}

#challange .content-box ul {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--theme-color-second);
    list-style-type: disc;
    list-style-position: inside;
    /* min-height: 120px; */
}


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

.footer {
    background-color: #9b0e0e;
    padding: 0px 0px;
    color: #fff;
}

.footer .grid-box {
    display: grid;
    grid-template-columns: auto auto;
}

.footer .foot-logo {
    width: 80px;
    margin-bottom: 15px;
}

.footer .footer-box h3 {
    font-size: 31px;
    margin-bottom: 10px;
}

.footer .footer-box .line-link {
    display: inline-flex;
    gap: 5px;
    color: #fff;
    letter-spacing: 3px;
    align-items: center;
    text-transform: uppercase;
    position: relative;
}

.footer .footer-box .line-link::before {
    content: '';
    width: 0%;
    height: 2px;
    background-color: #fabc0d;
    position: absolute;
    bottom: 0;
    transition: 0.3s;
}

.footer .footer-box .line-link:hover::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fabc0d;
    position: absolute;
    bottom: 0;
    transition: 0.3s;
}

.footer-box h6 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fcd804;
    margin-bottom: 10px;
}

.footer-box h5 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #f6d804;
}

.footer .footer-box ul li {
    margin-bottom: 10px;
}

.footer .footer-box ul li:last-child {
    margin-bottom: 0px;
}
.footer .footer-box ul li a {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer .footer-box a {
    font-size: 15px;
}

.custom-simulation {
    position: relative;
    overflow: hidden;
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

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

.custom-simulation img.bg-main {
    position: absolute;
    top: -40px;
    right: -80px;
    z-index: -1;
    width: 56%;
    /* animation: rotate360 15s linear infinite; */
    opacity: 0.2;
}

.challang_excepted .challange-img {
    width: 55px;
    display: none;
}

.start-journey {
    background-color: #f9f9f9;
    position: relative;
    /* padding: 90px 0 265px; */
    background-position: bottom !important;
    text-align: center;
}

.start-journey h2 {
    font-size: 70px;
    font-size: 72px;
    line-height: 78px;
    font-weight: 900;
    color: #505c7c;
    line-height: 1.0;
}

.line-link {
    display: inline-flex;
    gap: 5px;
    color: #000000;
    letter-spacing: 3px;
    align-items: center;
    text-transform: uppercase;
    position: relative;
}

.line-link::before {
    content: '';
    width: 0%;
    height: 2px;
    background-color: var(--glowColor);
    position: absolute;
    bottom: 0;
    transition: 0.3s;
}

.line-link:hover::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--glowColor);
    position: absolute;
    bottom: 0;
    transition: 0.3s;
}

.digital-service h2 {
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: var(--glowColor);
}

.digital-service .grid-box {
    display: flex;
}

.digital-service .border-bottom {
    border-bottom: 0px solid var(--glowColor) !important;
}

.digital-service .border-right {
    border-right: 1px solid var(--glowColor);
}

.digital-service .card-box {
    padding: 35px 25px;
    min-width: 377px;
    width: 100%;
}

.digital-service .card-box h4 {
    height: 75px;
    color: var(--theme-color-second);
    color: #474747;
    font-weight: 700;
}

.digital-service .card-box img {
    margin-bottom: 35px;
    width: 65px;
}

.digital-service .card-box ul li {
    display: flex;
    font-size: 16px;
    gap: 15px;
    align-items: start;
    margin-bottom: 15px;
    font-weight: 600;
}

.digital-service .card-box ul li i {
    font-size: 19px;
    color: #00c600;
}

.digital-service .card-box ul li a {
    color: var(--theme-color-second);
}

.outer-bg {
    background-position-x: 18% !important;
    background: rgb(253, 229, 0);
    background: linear-gradient(180deg, rgba(253, 229, 0, 1) 0%, rgba(246, 216, 4, 0) 100%);
    position: relative;
}

.outer-bg .background-shape {
    position: absolute;
    top: 0;
    left: 0;
}


/* testimonial */

.testimonial {
    position: relative;
    overflow: hidden;
}

.testimonial .test-img {
    position: absolute;
    top: -300px;
    right: -79px;
    z-index: -1;
    width: 54%;
}

.testimonial h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.testimonial .review-main {
    border: 2px solid #666;
    border-radius: 18px;
    padding: 45px 25px;
    position: relative;
    margin: 30px 0 30px;
}

.testimonial .review-main .top-quote {
    position: absolute;
    top: -22px;
    width: 50px;
    border: 2px solid #f6f6f6;
    border-radius: 200px;
}

.testimonial .review-main .bottom-quote {
    position: absolute;
    right: 15px;
    bottom: -22px;
    width: 50px;
    border: 2px solid #f6f6f6;
    border-radius: 200px;
}

.testimonial .review-main p {
    margin: 0;
}

.testimonial .owl-nav img {
    width: 32px;
}

.testimonial .client-img {
    display: flex;
    gap: 25px;
    align-items: center;
}

.testimonial .client-img img {
    width: 60px !important;
}

.testimonial .client-img h4 {
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 800;
}

.testimonial .rating {
    display: flex;
    gap: 2px;
    color: #ff9100;
    margin-bottom: 5px;
    justify-content: center;
}

#logo-sec .grid-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 44px 38px;
    align-items: center;
}

#logo-sec .grid-box img {
    width: 235px;
}

.about-us {
    /* border-top: 1px solid #dedede; */
    background-color: #f9f9f9;

}

.about-us .background-about h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    color: #505c7c;
    letter-spacing: -.042em;
}

.about-us h4 {
    font-size: 25px;
    line-height: 34px;
    color: #474747;
    margin-top: 15px;
}

.about-us .background-about .accordion-header {
    line-height: normal;
}

.about-us h2#headingOne {
    color: var(--theme-color);
}

.about-us div#accordionExample {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.about-us div#accordionExample .accordion-button:not(.collapsed) {
    color: var(--theme-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    background: transparent;
    /* color:#ffffff8e; */
    box-shadow: none;
    border-bottom: 4px solid #c4c4c4;
}

.about-us h2#headingOne .accordion-button {
    color: var(--theme-color) !important;
}

.about-us h2#headingTwo .accordion-button {
    color: var(--theme-color-second) !important;
}

.about-us h2#headingThree .accordion-button {
    color: #f6d804 !important;
}

.about-us .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    background: transparent;
    /* color: #fff; */
    border: none;
    /* border-bottom: 1px solid #c4c4c4; */
    border-radius: none !important;
}


/* .about-us .accordion-item  p{
  font-size: 15px;
  line-height: 26px;
} */

.about-us .accordion-item a {
    color: #474747 !important;
}

.about-us .imag-opacity {
    filter: grayscale(1);
    opacity: 0.22;
}

.about-us .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    background: transparent;
    /* color:#ffffff8e; */
    border-radius: 0px !important;
    box-shadow: none !important;
    font-size: 30px;
    font-weight: 600;
}

.about-us .lost-mt li {
    margin-bottom: 9px;
    position: relative;
}

.about-us .lost-mt li::before {
    content: '';
    height: 3px;
    width: 7px;
    display: block;
    background-color: var(--theme-color);
    position: absolute;
    left: -13px;
    top: 12px;
    border-radius: 50px;
}

.about-us .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url(../image/plus-main.png);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../image/minus-main.png);
    transform: var(--bs-accordion-btn-icon-transform);
}

#google ul {
    display: flex;
    gap: 2px;
    color: #ff9100;
    font-size: 14px;
}

#google .google-logo {
    width: 60%;
    margin-bottom: 15px;
}

#google .google-btn {
    background-color: #0a6cff;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 80%;
    justify-content: center;
    border-radius: 100px;
    margin: 0 auto;
}

#google .bark-btn {
    background-color: #111637;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 80%;
    justify-content: center;
    border-radius: 100px;
    margin: 0 auto;
}

#google .review-box {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 19px 15px;
    border-radius: 6px;
}

#google .review-box .name-logo {
    width: 50px !important;
    height: 50px !important;
}

#google .review-box .name-box h6,
#google .review-box .name-box p {
    margin: 0;
}

#google .review-box .img-box {
    display: flex;
    gap: 25px;
    min-height: 80px;
}

#google .review-box .name-box h6 {
    color: var(--theme-color);
    font-size: 15px;
    font-weight: 600;
}

.review-box .name-box p {
    color: #656565;
    font-size: 12px;
}

#google .content {
    height: 100px;
    overflow-y: scroll;
}

#google .content p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 9px;
}

#google .owl-nav img {
    width: 32px;
}

#google .owl-nav {
    display: flex;
    gap: 35px;
    width: 100%;
    justify-content: end;
    margin-top: 25px;
}

#google .owl-dots {
    display: none;
}

.bg-grey#google {
    background-color: transparent;
}

.bg-grey#google .review-box {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 19px 15px;
    border-radius: 6px;
    text-align: left !important;
}

.bg-grey#google .review-box .img-box {
    display: flex;
    gap: 25px;
    min-height: 80px;
    flex-direction: row-reverse;
}

.bg-grey#google ul {
    display: flex;
    gap: 2px;
    color: #ff9100;
    font-size: 14px;
    justify-content: end;
}

.bg-grey#google .owl-nav {
    justify-content: start;
}


/* new-about */

.new-about {
    color: #fff;
    background-color: var(--theme-color-second);
    padding-top: 0;
}

.new-about .img-box {
    position: relative;
}

.new-about .over-lay {
    position: absolute;
    z-index: 111;
    top: 25%;
    width: 100%;
    /* transform: translateY(10%); */
}

.new-about h2 {
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.new-about h3 {
    font-weight: 800;
    color: #fabc0d;
    font-size: 68px;
    margin: 0;
    position: relative;
    bottom: 20%;
}

.new-about h2 {
    font-weight: 900;
    font-size: 48px;
    line-height: 57px;
    letter-spacing: -.042em;
}

.start-journey p {
    color: #000;
    font-size: 25px;
    line-height: 1.5;
}


/* #form-2 .ready-to-started {
    background-color: var(--theme-color-second);
} */

#form-2 .ready-to-started .glove {
    width: 520px;
    position: absolute;
    z-index: -1;
    display: block;
    opacity: 0.6;
    right: 0;
}


/* Drive Revenue Sec */

.drive_revenue_sec h2 {
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #fff;
    position: relative;
}

.drive_revenue_sec {
    position: relative;
}

.drive_revenue_sec .content {
    background: #bf1e1e;
    border-radius: 10px;
    padding: 55px 45px 250px;
    position: relative;
    overflow-y: hidden;
    transition: 0.5s;
}

.drive_revenue_sec .btom_img img {
    position: absolute;
    width: 400px;
    bottom: -100px;
    transition: 0.5s;
    transform: translateY(0);
}

.drive_revenue_sec .content:hover .btom_img img {
    transition: 0.5s;
    transform: translateY(-20px);
}

.drive_revenue_sec .content a {
    color: #fff;
    padding: 12px 6px;
    border: 1px solid #9b0e0e;
    background: #920e0e;
    width: 20rem;
    border-radius: 7px;
    font-size: 15px;
    transition: 0.3s;
}

.drive_revenue_sec .content a:hover {
    color: #f6d804;
    transition: 0.3s;
}

.drive_revenue_sec .content a i {
    margin-right: 0px;
    transition: 0.3s;
}

.drive_revenue_sec .content a:hover i {
    margin-right: 5px;
    transition: 0.3s;
}

.drive_revenue_sec .content h4 {
    font-size: 25px;
    font-weight: 700;
}

.drive_revenue_sec .content p {
    font-size: 16px;
    line-height: 1.8;
    color: #f4f4f4;
}

.drive_revenue_sec .content ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.drive_revenue_sec .content:hover .top_content a i {
    color: #fabc0d;
    transition: 0.5s;
}

.drive_revenue_sec .heading {
    position: relative;
    z-index: 1111111;
}

.drive_revenue_sec::after {
    content: "";
    background: var(--theme-color-second);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.drive_revenue_sec::before {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.drive_revenue_sec .content2 {
    background: transparent;
    border-radius: 10px;
    padding: 55px 45px 0;
    position: relative;
    overflow-y: hidden;
    transition: 0.5s;
}


/* 
.drive_revenue_sec .content2:hover .btom_img img {
    transition: 0.5s;
    transform: translateY(-20px);
} */

.drive_revenue_sec .content2 a {
    color: #fff;
}

.drive_revenue_sec .content2 h4 {
    font-size: 25px;
    font-weight: 700;
}

.drive_revenue_sec .content2 p {
    font-size: 16px;
    line-height: 1.8;
    color: #f4f4f4;
}

.drive_revenue_sec .content2 ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.drive_revenue_sec .content2 h3 {
    font-size: 38px;
    font-weight: 700;
}

.drive_revenue_sec .content2 .top_content {
    margin-bottom: 40px;
}

.drive_revenue_sec .content2 .top_content a {
    color: #fabc0d;
    font-family: var(--heading-font);
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
    font-size: 19px;
}

.drive_revenue_sec .content2 .top_content a i {
    color: #fff;
    font-size: 20px;
    transition: 0.5s;
}


/*  */

.customer-sec .content img {
    width: 115px;
}

.customer-sec .content {
    display: flex;
    align-items: center;
    gap: 45px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.customer-sec .content h2 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-align: start;
    letter-spacing: -.042em;
    /* color: #000; */
    position: relative;
}

#form-2 .ready-to-started {
    background-color: var(--theme-color-second);
    border: 3px solid #fabc0d;
}


/*  */

.recognised-225 {
    position: relative;
}

.recognised-225 .heading {
    position: relative;
    z-index: 1111111;
}

.recognised-225::after {
    content: "";
    background: #f9f9f9;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.recognised-225::before {
    content: "";
    background: #9b0e0e;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.see_text {
    /*font-family: var( --span-font);*/
    text-transform: capitalize;
    font-size: 25px;
}


/*  */

#custom-simulation {
    position: relative;
}

#custom-simulation .heading {
    position: relative;
    z-index: 1111111;
}

#custom-simulation::after {
    content: "";
    background: #fde500;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

#custom-simulation::before {
    content: "";
    background: #fff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

#custom-simulation {
    background: #fde500;
}


/*  */

#challange {
    position: relative;
}

#challange .heading {
    position: relative;
    z-index: 1111111;
}

#challange::after {
    content: "";
    background: #fff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

#challange::before {
    content: "";
    background: #fde500;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

#logo-sec .row {
    position: relative;
    z-index: 1111;
}

#logo-sec .social-icon img {
    width: 100%;
}

#logo-sec .social-icon .img-box {
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(76, 76, 76, 0.3);
    border-radius: 5px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-filter: grayscale(100%);
    filter: grayscale(0);
    height: 160px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding: 10px;
}


#logo-sec .social-icon .img-box:hover {
    transition: all 0.2s ease-in-out 0s;
    opacity: 1;
    filter: grayscale(100%);
    transform: scale(1.03);
}



/* custom-software-banner */
.custom-software-banner {
    padding-top: 45px;
}

.custom-software-banner .box-info {
    padding: 25px;
    border: 2px solid var(--theme-color-second);
    border-radius: 5px;
    position: relative;
    background-color: #fff;
}

.custom-software-banner .content-box {
    position: absolute;
    top: -15px;
    background: #fff;
    padding: 0 16px;
    color: #666;
}

/* .custom-software-banner h4{
    margin-bottom: 65px;
} */

.custom-software-banner h1 {
    color: var(--theme-color);
}

.custom-software-banner .software-box {
    background-color: #9b0e0e;
    padding: 25px 50px;
    border-radius: 10px;
    color: #fff;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 3px solid #6d0101;
}

.custom-software-banner .software-box h4 {
    margin-bottom: 20px;
    color: #fbd306;
    font-weight: 700;
    margin-bottom: 6px;
}

.custom-software-banner button.btn-2 {
    background-color: #fbd306;
    width: 100%;
    padding: 12px 8px;
    font-size: 16px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: none;
    color: #000000;
    border-radius: 5px;
    font-weight: 600;
    transition: 0.3s;
    margin-bottom: 10px;

}

.custom-software-banner button.btn-2:hover {
    background-color: #333;
    transition: 0.3s;
    color: #fff;
}

.custom-software-banner .content-box-2 textarea {
    background-color: #bf1e1e;
    padding: 15px 15px;
    border-radius: 20px;
    color: #fff;
    height: 130px;
    border: none;
    border: 4px solid #fde500;
}

.custom-software-banner .content-box-2 textarea::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

.custom-software-banner .content-box-2 textarea::placeholder {
    color: #fff;
}

.custom-software-banner .content-box-2 ul {
    text-align: start;
}

.custom-software-banner .content-box-2 ul li span {
    display: flex;
    min-height: 30px;
    min-width: 30px;
    background-color: #005c00;
    border-radius: 60px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.custom-software-banner .content-box-2 ul li {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}

.custom-software-banner .content-box-2 ul li:last-child {
    margin: 0;
}

.custom-software-banner input {
    padding: 8px;
    background-color: transparent;
}

.custom-software-banner .conten-box-1 img {

    width: 77px;
    margin-bottom: 15px;

}

.about-us h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 56px;
    line-height: 76px;
    margin-bottom: 35px;
    letter-spacing: -.042em;
    color: #505c7c;
}

.about-us .soft-ware-box {
    font-weight: 600;
    color: #505c7c !important;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    /* overflow: hidden; */
    border: 1px solid rgba(242, 242, 242, 0.74);
    border-width: 1px;
    border-color: rgba(242, 242, 242, 0.74);
    padding-top: 25px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    display: flex;
    align-items: start;
    gap: 10px;
    width: 100%;
}

.about-us .soft-ware-box img {
    width: 32px;
    height: 32px;
}

.about-us .soft-ware-box h4 {
    font-weight: 600;
    color: #505c7c !important;
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1;
}

.about-us .soft-ware-box p {
    font-weight: 600;
    color: #505c7c !important;
    font-size: 15px;
    margin: 0;
    line-height: normal;
}

#custom-simulation a.btn-2 {
    background-color: var(--theme-color-second);
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
    color: #fff;
}

.custom-service h2 {
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.custom-service h4 {
    font-size: 25px;
    line-height: 34px;
    color: #474747;
    margin-top: 15px;
    min-height: 70px;
}

.custom-service .service-box {
    background-color: var(--theme-color);
    border-radius: 10px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    color: #fff;
}

.custom-service .service-box .content-box {
    padding: 40px 16px 40px 40px;
    /* width: 80%; */
}


.custom-service .flex-box {
    display: flex;
    align-items: CENTER;
    grid-template-columns: auto auto;
    position: relative;
}

.custom-service .service-box h5 {
    font-weight: 600;
    margin-bottom: 5px;

}

.custom-service .img-box {
    width: 1160px;
}

.custom-service .img-box {
    transform: scale(1.02);
}

.custom-service .service-box .gap {
    margin-bottom: 10px;
}

.custom-service .service-box h3 {
    font-weight: 800;
    color: #f6d804;
    font-size: 54px;
    line-height: 1;
}

.custom-service .service-box .badge {
    background-color: #ffffff;
    padding: 10px;
    font-size: 14px;
}

.custom-service .bg-yellow-service {
    background-color: #f6d804;
    color: #262e36;
}

.custom-service .bg-yellow-service h3 {
    color: var(--theme-color);
}


.enhance {
    position: relative;
}

.enhance .top-img {
    min-width: 1200px;
    width: 100%;
    position: absolute;
    top: 0;
}

.custom-software-logo h2 {
    color: #ffffff;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;

    letter-spacing: -.042em;

}

.custom-software-logo {
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 0;
}

.custom-software-logo .box-icon {
    background-color: #fff;
    padding: 12px 25px;
    color: #262e36;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 2px solid #111637;
}

.custom-software-logo .box-icon h5 {
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.custom-software-logo .box-icon img {
    width: 35px;
}



.custom-service .bg-box {
    background-color: #dee2ff;
    padding: 22px;
    border-radius: 10px;
    height: 100%;
}

.custom-service .bg-box a.comon-btn {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}




.about-us-2 h2 {
    color: #505c7c;
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.about-us-2 .soft-ware-box {
    font-weight: 600;
    color: #505c7c !important;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    /* overflow: hidden; */
    border: 1px solid #d8d8d8;
    padding-top: 32px !important;
    padding-right: 14px !important;
    padding-bottom: 28px !important;
    padding-left: 25px !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    display: flex;
    align-items: start;
    gap: 10px;
    width: 100%;
    transition: 0.6s;
}

.about-us-2 .soft-ware-box:hover {
    font-weight: 600;
    color: #505c7c !important;
    background-color: var(--theme-color);
    border-radius: 15px 15px 15px 15px;
    /* overflow: hidden; */
    border: 1px solid #d8d8d8;
    padding-top: 32px !important;
    padding-right: 14px !important;
    padding-bottom: 28px !important;
    padding-left: 25px !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    display: flex;
    align-items: start;
    gap: 10px;
    width: 100%;
    transition: 0.6s;
}

.about-us-2 .soft-ware-box img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.about-us-2 .soft-ware-box h4 {
    font-weight: 600;
    color: #00003b !important;
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1;
}

.about-us-2 .soft-ware-box:hover h4 {
    font-weight: 600;
    color: #ffffff !important;

    margin-bottom: 10px;
    line-height: 1;
}

.about-us-2 .soft-ware-box:hover p {
    font-weight: 600;
    color: #ffffff !important;
    font-size: 15px;
    margin: 0;
    line-height: normal;
}

.about-us-2 .soft-ware-box p {
    font-weight: 600;
    color: #505c7c !important;
    font-size: 15px;
    margin: 0;
    line-height: normal;
}

.about-us-2 .soft-ware-box.active {
    color: #fff !important;
    background-color: var(--theme-color) !important;
}

.about-us-2 .soft-ware-box.active h4,
.about-us-2 .soft-ware-box.active p {
    color: #fff !important;
}

.custom-software-logo h4 {
    font-size: 28px;
}


.big-circle {
    position: relative;

}

.big-circle::before {
    content: '';
    display: block;
    width: 3500px;
    background-color: var(--theme-color);
    height: 2880px;
    border-radius: 5220px 5000px 80px 0;
    position: absolute;
    top: 0px;
    left: -1340px;
    z-index: -1;
    display: none;
}

/* .our_process {
        padding-top: 200px;
    } */
.our_process h2 {
    color: #505c7c;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.our_process .service-process {
    background: #ffff;
    border: 1px solid #c6c6c6;
    padding: 26px 23px;
    border-radius: 10px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    padding-top: 45px;
    margin: 0 15px;
    margin-top: 35px;

}

.our_process .service-process::after {
    content: '';
    display: block;
    background-image: url(../image/arrow.png);
    height: 37px;
    width: 105px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 46%;
    right: -114px;
}

.our_process .process-no-2::after {
    transform: rotate(90deg);
    right: 40% !important;
    top: inherit !important;
    bottom: -80px;
}

.our_process .process-no-3::after {
    transform: rotate(180deg);
    right: -47px;
}

.our_process .no-after::after {
    display: none;
}

.our_process .service-process .count {
    height: 60px;
    width: 60px;
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    border-radius: 60px;
    line-height: 0;
    position: absolute;
    top: -33px;
}

.our_process .service-process .count h4 {
    font-weight: 800;
    color: #fff;
}

.our_process .service-process h4 {
    color: #505c7c;
    font-weight: 800;
    font-size: 31px;
}

.our_process .service-process p {
    margin: 0;
}


/* custom-software-service */
#custom-software-service::after {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

#custom-software-service .content {
    background: #001be8;
    border-radius: 10px;
    padding: 55px 45px 250px;
    position: relative;
    overflow-y: hidden;
    transition: 0.5s;
    border: 3px solid #5e71ff;
    text-align: center;
    height: 100%;
}

#custom-software-service .content h4 {
    font-size: 40px;
    font-weight: 900;
    color: #fbd306;
}

#custom-software-service .btom_img img {
    position: absolute;
    width: 69%;
    bottom: -100px;
    transition: 0.5s;
    transform: translate(0);
    left: 15%;
    right: 0;
}

#custom-software-service .content .badge {
    font-size: 16px;
    background-color: #ffffff25;
}

#custom-software-service .comon-btn-for {
    padding: 15px;
    width: 80%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    border: 1px solid #fbd306;
}

#custom-software-service .comon-btn-for:hover {
    background-color: #fff;
    transition: 0.4s;
}

#custom-software-service .content:hover .btom_img img {
    transition: 0.5s;
    transform: translateY(-20px);
}

#form-2 #bg-blue {
    background-color: var(--theme-color);
    border-color: #fff;
}

#custom-software-service h4 {
    font-size: 28px;
}

.custom-gallery::before {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.custom-gallery {
    position: relative;
}

.custom-gallery::after {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.faq_sec h2 {
    font-weight: 900;
    font-size: 62px;
    line-height: 68px;

    letter-spacing: -.042em;
    color: #505c7c;
    position: relative;
}

.faq_sec h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;

    letter-spacing: -.018em;
    color: #474747;
}


.custom-software-logo .heading-logo h3 {
    color: #ffffff70;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
    text-align: start;
}

.custom-software-logo .logo-box {
    background-color: #ffffff25;
    padding: 19px 15px;
    border-radius: 8px;
    height: 100%;
    min-height: 149px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-us-2 .comon-btn-for {
    padding: 15px;
    width: 80%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: center;
    text-transform: uppercase;
}



.comon-btn-for {
    color: #ffffff !important;
    text-transform: uppercase;
}

.comon-btn-for:hover {
    background-color: #2b2b2b !important;
    color: #fff !important;
}

.custom-software-logo .logo-box img {
    width: 60px;
    margin-bottom: 10px;
}

.custom-software-logo .logo-box h5 {
    text-transform: uppercase;
    font-size: 16px;
}

.faq_sec h3 u {
    text-decoration: none;
    position: relative;
    z-index: 0;
}

.faq_sec .faq-box {
    background-color: #f9f9f9b3;
    padding: 40px;
    border-radius: 20px;
}

.faq_sec .faq-box h3 {
    font-weight: 800;
    font-size: 32px;
    color: #505c7c !important;

    min-height: 130px;
}


.faq_sec .faq-box ul {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px 30px;
    margin-bottom: 35px;
}

.faq_sec .faq-box ul li {
    display: flex;
    align-items: start;
    gap: 15px;
    font-size: 16px;
    font-weight: 600;
}

.faq_sec .faq-box ul li img {
    width: 19px;
    position: relative;
    top: 6px;
}

.faq_sec a.comon-btn {
    padding: 15px;
    width: 100%;
    background-color: var(--theme-color);
    border-radius: 10px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 15px;
    transition: 0.4s;
}

.faq_sec a.comon-btn:hover {
    color: #fff;
    background-color: #000;
}

.faq_sec #blue-box {
    background-color: var(--theme-color);
    color: #fff;
}

.faq_sec #blue-box a.comon-btn {
    background-color: #fbd306;
    color: #fff;
}

.faq_sec #blue-box a.comon-btn:hover {
    background-color: #242424;
    color: #fff;
}

.faq_sec #blue-box h3 {
    color: #fff !important;
}

.software-service h2 {
    color: #fbd306;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.big-circle h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -.018em;
}

.software-service .service-process {
    background-color: #001be8;
    border: 3px solid #2e43ff;
    padding: 25px 25px 25px 25px;
    border-radius: 10px;
    /* margin-top: 35px; */
    color: #fff;
    position: relative;
    height: 100%;
}

.software-service .service-process h4 {
    color: #fbd306;
    font-weight: 800;
    font-size: 31px;
}

.software-service .service-process p {
    margin: 0;
}



.software-service,
#form-2,
.our_process {
    position: relative;
    z-index: 999999;

}

.custom-software-logo {
    position: relative;
    z-index: 1;
}

.custom-software-logo .bg-image-5 {
    width: 30%;
    position: absolute;
    top: 0%;
    z-index: -1;
    opacity: 0.5;
    right: 0%;
}

.faq_sec {
    position: relative;
}

.faq_sec .arrow-class {
    position: absolute;
    z-index: -1;
    top: 3%;
    right: 97px;
    width: 40%;
}


.faq_sec .faq-box-2 {
    margin: 25px 0;
    padding: 75px 45px;
    border-radius: 188px 0 25px 0;
    position: relative;
    /* overflow-x: hidden; */
    background: rgb(0, 30, 255);
    background: linear-gradient(99deg, rgba(0, 30, 255, 1) 0%, rgba(4, 19, 129, 1) 100%);
    color: #fff;
    /* overflow-y: clip; */
}

.new-faq .faq-box-2 h4 {
    font-weight: 800;
    font-size: 41px;
    color: #ffffff !important;
    min-height: 30px;
    text-transform: uppercase;
}


.new-faq .faq-box-2 {
    position: relative;
}

.new-faq .faq-box-2 .img-over-lay {
    width: 610px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.new-faq .faq-box-2 ul li {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}



.new-faq .faq-box-2.yellow {
    background: rgb(252, 215, 5);
    background: linear-gradient(180deg, rgba(252, 215, 5, 1) 0%, rgba(247, 168, 21, 1) 100%);
    border-radius: 25px;
}

.new-faq .faq-box-2.yellow .img-over-lay {
    width: 399px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    left: inherit;
}

.new-faq .faq-box-2.yellow li {
    justify-content: start;

}

.new-faq .trd-box .img-over-lay {
    width: 268px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.new-customer-sec::before {
    content: "";
    background: #fff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.new-customer-sec::after {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.new-customer-sec .content {
    padding-bottom: 0;
    margin: 0;
}

.software-service {
    background-color: var(--theme-color);
}

.about-us::before {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.about-us::after {
    content: "";
    background: #f9f9f9;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.about-us {
    position: relative;
}

.about-us .container {
    position: relative;
    z-index: 1111;
}

.new-customer-sec .container {
    position: relative;
    z-index: 1;
}

.about-us h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -.018em;
    color: #474747;
}

.software-service h4,
.our_process h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -.018em;
}

.about-us .mode-card i {
    font-size: 35px;
    color: #656565;
}

.about-us .mode-card {
    padding: 25px;
}

.about-us .mode-card h5 {
    font-weight: 600;
    color: #656565;
    font-size: 22px;
}

.about-us .mode-card p {
    font-size: 17px;
    line-height: 25px;
}

.about-us .comon-btn-for {
    padding: 15px;
    width: 80%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    margin-top: 25px;
}

.custom-gallery {
    position: relative;
}

.custom-gallery .container {
    position: relative;
    z-index: 999999999;
}

.custom-gallery .left-part {
    position: -webkit-sticky;
    /* For Safari */
    position: sticky;
    top: 0;
    height: 100vh;
    /* Full height */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Center vertically */
    padding: 20px;
    box-sizing: border-box;
    z-index: 999;
}

.custom-gallery .right-part {
    max-height: 100vh;
    /* Full height */
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
}

.custom-gallery h2 {
    color: #505c7c;
    font-weight: 900;
    font-size: 58px;
    line-height: 69px;
    letter-spacing: -.042em;
}

.custom-gallery .content-5 {
    color: var(--theme-color);
    margin-top: 15px;
}

.custom-gallery .content-5 a {
    color: #666;
}

.right-part::-webkit-scrollbar {
    display: none;
}

.custom-gallery .img-box {
    border-radius: 10px;
    overflow: hidden;
}

.faq_sec .main-box li img {
    width: 15px;
}

.faq_sec .main-box li {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--theme-color);
}

.faq_sec .main-box h4 {
    font-size: 40px;
    font-weight: 600;
    color: var(--theme-color);
}

.faq_sec .main-box p {
    color: #99999E;
    font-size: 20px;
}

.faq_sec a.comon-btn {
    width: 14rem;
    font-size: 16px;
    background-color: #fabc0d;
}

.portfolio-box.active {
    border: 2px solid #007bff;
    /* Example highlight */
}

.faq_sec .container {
    max-width: 1210px;
}

.custom-gallery .heading.text-center {
    position: relative;
    z-index: 999;
}

.bg-marron,
#marron {
    background-color: var(--theme-color-second);
}

.bg-marron::after {
    content: "";
    background-color: var(--theme-color-second) !important;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.amrron::before {
    background-color: transparent !important;
}

.bg-marron .content {
    background: #bf1e1e !important;
    border-radius: 10px;
    padding: 55px 45px 250px;
    position: relative;
    overflow-y: hidden;
    transition: 0.5s;
    border-color: #bf1e1e !important;
}

.bg-marron .service-process {
    background: #bf1e1e !important;
    border-color: #bf1e1e !important;
}

.digital-banner h1 {
    color: var(--theme-color-second);
}

.digital-faq .main-box h4 {
    font-size: 40px;
    font-weight: 600;
    color: var(--theme-color-second);
}

.digital-faq .main-box li {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--theme-color-second);
}

#process .count {
    background-color: var(--theme-color-second);
}

.amrron h5 {
    color: var(--theme-color-second);
}

.custom-gallery .portfolio-1 {
    background-color: #21222d;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.custom-gallery .logo-class {
    width: 65px !important;
    margin-bottom: 15px;
}

.custom-gallery .logo-class-2 {
    width: 195px !important;
    margin-bottom: 15px;
}

.custom-gallery .content-box {
    padding: 25px 45px;

}

a.comon-btn-2 {
    background-color: #f6d804;
    padding: 15px 25px;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
}

a.comon-btn-2:hover {
    background: var(--theme-color-second);
}

.custom-gallery .portfolio-2 {
    background-color: #005c00;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.custom-gallery .portfolio-3 {
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.custom-gallery .owl-dots {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 25px;
}

.custom-gallery .owl-dots span {
    background-color: var(--theme-color-second);
    opacity: 0.8;
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 100px;
}

.custom-gallery .owl-dots .active span {
    background-color: var(--theme-color-second);
    opacity: 1;
    display: block;
    height: 10px;
    width: 30px;
    border-radius: 100px;
}


.drive_revenue_sec.bg-marron .self-flex li {
    text-align: center;
    justify-content: center;
    letter-spacing: 2px;
    font-size: 18px;
    margin-bottom: 12px;
}


#process ::after {
    display: none !important;
}

.custom-gallery .box-portfoili-1 {
    background-color: #7e57c4;
    padding: 48px 35px;
    border-radius: 15px;
    color: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.custom-gallery .box-portfoili-1 a.comon-btn {
    background-color: #f6d804;
    color: #000;
    font-weight: 600;
}

.custom-gallery .box-portfoili-1 a.comon-btn:hover {
    background-color: #4e4e4e;
    color: #fff;
}

.custom-gallery .box-portfoili-1 h6 {
    font-size: 1.2rem;
    padding: 0 0 10px;
    margin: 0;
    font-weight: 500;
}

.custom-gallery .box-portfoili-1 p {
    line-height: normal;
    font-weight: normal;
}

.custom-gallery .box-portfoili-1.bg-yellow {
    position: relative;
    background-color: #89efd7;
    overflow: hidden;
    color: #000000;
}

.box-portfoili-1.bg-yellow.bg-red {
    background: #f6d804;
}

.box-portfoili-1.bg-yellow.bg-red a.comon-btn {
    background: #000000;
    line-height: normal;
    color: #fff;
}

.custom-gallery .box-portfoili-1.bg-yellow img {
    position: absolute;
    /* margin-top: -140px; */
    top: 165px;
    right: 0;
    max-width: 630px;
    width: 100%;
}


.custom-gallery .box-portfoili-1 img {
    max-width: 530px;
    position: relative;
    bottom: -48px;
    right: 17px;
}

.about-us.amrron .develop-box .img-box {
    min-height: 280px;
    margin-top: 55px;
}


.about-us.amrron .develop-box h4 {
    color: #070707;
}

.about-us.amrron .develop-box p {
    font-size: 19px;
}

.custom-sec-new {
    color: #fff;
}

.custom-sec-new h2 {
    font-weight: 700;
    font-size: 58px;
}

.custom-sec-new .ready-to-started {
    background-color: transparent;
    border-radius: 0px;
    padding: 3px;
    position: relative;
    top: -15px;
    z-index: 1;
    overflow: inherit;
}


@-webkit-keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}



.marque-box h3 {
    margin-bottom: 0;
    font-weight: 800;
    font-size: 29px;
}
#custom-software-service .img-badge {
    gap: 27px;
}

#process .service-process {
    margin: 0;
    padding: 32px 28px;
}

#custom-software-service .img-badge img {
    width: 70px;
    border-radius: 5px;
}

#custom-software-service .img-badge .box-content {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

#custom-software-service .img-badge .box-content .content-new {
    text-align: center;
}

#custom-software-service .img-badge .box-content .content-new p {
    font-size: 16px;
    margin: 0;
    line-height: 1;
}



/* seo-bg */

.seo-bg h1 {

    font-weight: 700;
    font-size: 54px;
    color: #505c7c !important;
    line-height: 1.2em;
}


.seo-bg form {
    display: flex;
    gap: 5px;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    background-color: #fff;
    border: 3px solid var(--theme-color-second);
}

.seo-bg form input {
    border: none;
    padding: 15px;
    color: #000;
}

.seo-bg form button {
    width: 320px;
    border: none;
    background-color: var(--theme-color-second);
    color: #f6d804;
    padding: 15px;
}


/* specialism */

.specialism .specialisation {
    background-color: var(--theme-color-second);
    padding: 120px 25px;
    border-radius: 35px 35px;
}

.specialism h2 {
    font-weight: 700;
    font-size: 52px;
    color: #FFFFFF !important;
    line-height: 1.2em;
}

.specialism .specialisation p {
    color: #fff;
}

.specialism .card-box {
    background-color: #fff;
    color: #6c757d;
    padding: 14px 18px;
    width: 100%;
    border-radius: 10px;
    min-height: 191px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.specialism .specialisation .box-cal {
    width: 100%;
}

.specialism .card-box img {
    width: 35px;
    /* margin-bottom: 10px; */
}

.specialism .card-box i {
    display: block;
    text-align: end;
    font-size: 19px;
    font-weight: 800;
}

.specialism .card-box h5 {
    color: #505c7c;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 18px;
}

.seo-portfolio h2 {
    color: #505c7c;
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.seo-portfolio .card-box-main {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    height: 100%;
}

.seo-portfolio .card-box-main:hover {
    border-color: var(--theme-color);
}

.seo-portfolio .card-box-main .content {
    padding: 45px 35px;
}

.seo-portfolio .card-box-main .content h4 {
    color: #505c7c;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 28px;
}

.seo-portfolio .card-box-main .content p {
    font-size: 19px;
    margin: 0;
}

.seo-portfolio .comon-btn-for {
    padding: 15px;
    width: 100%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: center;
    text-transform: uppercase;
}

.approach_of_seo h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
    color: #505c7c;
}

.approach_of_seo {
    padding: 0;
}

.approach_of_seo .key-box {
    background-color: var(--theme-color-second);
    /* border: 3px solid #bf1e1e; */
    padding: 30px 26px;
    border-radius: 10px;
    height: 100%;
    color: #ffff;
    transition: 0.6s;
}

.approach_of_seo .key-box:hover {
    background-color: var(--theme-color);
    transition: 0.6s;
}

.approach_of_seo .key-box img {
    width: 50px;
    margin-bottom: 15px;
}

.approach_of_seo .key-box h4 {
    color: #f6d804;
    min-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
}

.approach_of_seo .key-box p {
    margin: 0;
    font-size: 15px;
}

.approach_of_seo a.btn-2 {
    background-color: #fabc0d;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

.approach_of_seo a.btn-3 {
    background-color: #fff;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #656665;
    color: #656665;
}

.approach_of_seo a.btn-3:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    gap: 10px;
}

.approach_of_seo a.btn-2:hover {
    background-color: #333;
    border-color: #333;
    gap: 10px;
}

.approach_of_seo .hd_info {
    margin-top: 25px;
}

.what_our_seo h2 {
    color: #505c7c;
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.what_our_seo .seo_box {
    padding: 20px;
    border-radius: 20px;
    background-color: #ecd6d6;
}

.what_our_seo .seo_box .badge {
    background-color: #bf1e1e;
    font-size: 14px;
    margin-bottom: 14px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.what_our_seo .seo_box p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
}

.what_our_seo .content-box {
    border-radius: 15px;
    padding: 55px 35px;
    background-color: var(--theme-color-second);
    color: #fff;
    height: 100%;
}

.what_our_seo .content-box ul li img {
    width: 25px;
}

.what_our_seo .content-box ul {
    margin: 0;
}

.what_our_seo .content-box ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.seo-recognised::before,
.seo-recognised::after {
    display: none !important;
}

.what_our_seo .comon-btn-for {
    padding: 15px;
    width: 100%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: center;
    text-transform: uppercase;
}

.seo_faq h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
    text-align: center;
}

.seo_faq .accordion-header {
    margin-bottom: 0px;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -.864px;
}

.seo_faq .accordion-header .accordion-button {
    font-size: 24px;
    background: transparent;
    font-weight: 600;
}


.seo_faq .accordion-button:focus {
    box-shadow: none;
}

.seo_faq .accordion-button:not(.collapsed) {
    color: var(--theme-color-second);
    background-color: #bf1e1e1f;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.seo_faq .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url(../image/add.png);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}


.what_our_seo a.btn-2 {
    background-color: #fabc0d;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

.what_our_seo a.btn-3 {
    background-color: #fff;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #656665;
    color: #656665;
}

.what_our_seo a.btn-3:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    gap: 10px;
}

.what_our_seo a.btn-2:hover {
    background-color: #333;
    border-color: #333;
    gap: 10px;
}


.neqw-about-sec {
    background-color: var(--theme-color-second);
    color: #fff;
}

.neqw-about-sec h2 {
    color: #fff;
}

.neqw-about-sec h2 span {
    color: #fabc0d;
}


.neqw-about-sec .soft-ware-box {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: relative;
    bottom: -165px;
    margin-top: -180px;
}

.neqw-about-sec .soft-ware-box:hover {
    align-items: center;
}

.approach_of_seo {
    padding-top: 190px;
}

#our_approach {
    padding-top: 190px;
}

#our_approach .inner-box {
    border: 1px solid var(--theme-color-second);
}

#our_approach h3 {
    color: var(--theme-color-second);
}

#our_approach .inner-box .content h5 {
    font-weight: 800;
    margin-bottom: 14px;
    font-size: 22px;
    color: var(--theme-color-second);
}

#our_approach .inner-box .icon-box {
    position: absolute;
    right: -52px;
    bottom: -52px;
    height: 190px;
    width: 190px;
    background: #9b0e0e21;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    /* padding: 40px 50px; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#our_approach .inner-box .icon-box img {
    width: 63px;
    margin: -23px 24px 0 0;
}

.neqw-about-sec .soft-ware-box img {
    width: 45px;
    height: 45px;
    margin-bottom: 15PX;
}


.approach_of_seo .key-box {
    background-color: var(--theme-color-second);
    /* border: 3px solid #bf1e1e; */
    padding: 30px 26px;
    border-radius: 10px;
    height: 100%;
    color: #ffff;
    transition: 0.6s;
    text-align: center;
    margin: 25px 0;
}

.approach_of_seo .key-box img {
    width: 88px;
    height: fit-content;
    margin-bottom: 15px;
    position: relative;
    top: -73px;

}

/* .approach_of_seo .link-box{
    display: block;
    height: 100%;
    margin-bottom: 25px;
} */
.approach_of_seo .key-box h4 {
    color: #f6d804;
    min-height: 70px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 32px;
    margin-top: -50px;
}

.neqw-about-sec .soft-ware-box h4 {
    font-weight: 600;
    color: #00003b !important;
    font-size: 22px;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1;
    min-height: 51px;
}


.seo-new-sec .content a {
    background-color: transparent !important;
    border: none !important;
    padding: 0 inherit !important;
}


.drive_revenue_sec .custom-soft-ware-box ul li {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    gap: 10px;
}


.drive_revenue_sec .custom-soft-ware-box ul li img {
    width: 15px;
}


.drive_revenue_sec .custom-soft-ware-box {

    border-radius: 25px;
    background: #011291;
    overflow: hidden;
}

.drive_revenue_sec .custom-soft-ware-box .heading {
    padding: 54px 35px;
}

.drive_revenue_sec .custom-soft-ware-box .comon-btn-for {
    padding: 15px;
    width: 18rem !important;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 16px !important;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: center;
    text-transform: uppercase;
}

.drive_revenue_sec .new-box {
    position: relative;
}

@keyframes marquee {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0%);
    }
}

@keyframes marquee2 {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}






.drive_revenue_sec .marquee-container {
    width: 50%;
    height: 600px;
    overflow: hidden;
    position: relative;


}

.marquee-content-3 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;

    gap: 6px;
    animation: marquee3 15s linear infinite;
    align-items: center;
}

.drive_revenue_sec .marquee-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    animation: marquee 20s linear infinite;
}

.drive_revenue_sec .marquee-content_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    animation: marquee2 15s linear infinite;
    align-items: center;
}

.drive_revenue_sec .new-box {
    gap: 10px;
    padding: 6px 20px;
}

.drive_revenue_sec .custom-soft-ware-box h3 {
    font-weight: 900;
    font-size: 44px;
    color: #fbd306;
}


#no-shape::after,
#no-shape::before {
    display: none;
}



@-webkit-keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.drive_revenue_sec .rainbow {
    position: relative;
    z-index: 0;

    border-radius: 10px;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
    font-weight: bold;
}

.drive_revenue_sec .rainbow::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background: rgb(31, 57, 240);
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(180deg, rgb(223, 227, 255) 0%, rgba(1, 14, 108, 1) 100%);
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}

.drive_revenue_sec .rainbow::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #011291;
    border-radius: 5px;
}



/* web-development-banner */

.web-development-banner form {
    border-color: var(--theme-color);
}

.web-development-banner form button {
    background-color: var(--theme-color);
}


/* web-development-service-include */


.web-development-service-include h3 {
    font-weight: 900;
    color: var(--theme-color);
    font-size: 48px;
}

.web-development-service-include h3 span {
    color: #f6d804;
}

.web-development-service-include .website-development-box{
    height: 100%;
}

.web-development-service-include .inner-box {
    position: relative;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 45px 25px 50px 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.web-development-service-include .inner-box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    left: 0;
    top: 0;
    background-image: url(../image/dots.png);
    content: "";
}

.web-development-service-include .inner-box .icon-box {
    position: absolute;
    right: -52px;
    bottom: -52px;
    height: 190px;
    width: 190px;
    background: #001eff28;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    /* padding: 40px 50px; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.web-development-service-include .inner-box .icon-box img {
    width: 85px;
    margin: -23px 24px 0 0;
}

.web-development-service-include .inner-box .content h5 {
    font-weight: 800;
    margin-bottom: 14px;
    font-size: 22px;
    color: #000;
}


.web-development-service-include .inner-box .content .text {
    position: relative;
    margin-bottom: 60px;
    color: #6a6a6a;
}

.web-development-service-include .inner-box .content .read-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    color: #6a6a6a;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    font-size: 17px;
    margin: 0;
}

.web-development-service-include .inner-box .content .read-more i {
    margin-right: 20px;
    height: 52px;
    width: 52px;
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}


.web-development-service-include .inner-box:hover {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

/* features-section-web-development */

.features-section-web-development {
    position: relative;
    padding: 120px 0 120px;
    color: #fff;
    overflow: hidden;
}

.features-section-web-development .img-box {
    position: absolute;
    top: 0;
    width: 1200px;
}

.features-section-web-development .bg::before {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.features-section-web-development .bg::after {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.features-section-web-development .bg {
    right: 360px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    width: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.features-section-web-development .bg-pattern-1 {
    background-image: url(../image/pattern-1.jpg);
}

.features-section-web-development .position-relative {
    position: relative;
    z-index: 999999;
    color: #fff;
}

.features-section-web-development h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
    color: #fabc0d;
}

.web-development-tech-we-work {
    position: relative;
    z-index: 1111;
}

.web-development-tech-we-work .container {
    position: relative;
    z-index: 1111;
}

.web-development-tech-we-work::after {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.web-development-tech-we-work h2 {
    font-size: 50px;
    line-height: 61px;
    padding-bottom: 0;
    font-weight: 700;
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}


.web-development-tech-we-work::before {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.web-development-tech-we-work h4 {
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 34px;
    font-weight: 600;
    color: var(--theme-color);
}


.web-development-tech-we-work .develop_pack img {
    width: 85px;
    transform: rotate(0deg);
    margin-bottom: 15px;
    transition: 0.6s;
}

.web-development-tech-we-work .develop_pack {
    padding: 23px 25px;
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    height: 100%;
}

.web-development-tech-we-work .develop_pack:hover img {
    transform: rotate(180deg);
    transition: 0.6s;
}

.web-development-tech-we-work .dev-link {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    height: 100%;
}

.web-development-tech-we-work .content h4 {
    margin: 0;
    color: #000;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 2px;
}

.seo_faq .accordion-button:not(.collapsed)::after {
    background-image: url(../image/minus-main.png);
    transform: var(--bs-accordion-btn-icon-transform);
}


.web_development_case_studies {
    background-color: var(--theme-color);
    position: relative;
    color: #fff;
}

.web_development_case_studies::before {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

.web_development_case_studies::after {
    content: "";
    background: var(--theme-color);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

.web_development_case_studies h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
    color: #fabc0d;
}

.web_development_case_studies .container {
    position: relative;
    z-index: 1111;
}

.web_development_case_studies .heading {
    margin-bottom: 50px;
}

.web_development_case_studies .web-thumb {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 2, 41, 0.08);
    border-radius: 20px;
    padding: 25px 15px;
    position: relative;
    z-index: 999;
}

.web_development_case_studies .web-thumb a.img-swipe {
    width: 100%;
}

.web_development_case_studies .web-thumb .data-bg {
    height: 500px;
    background-position: top !important;
    transition: 8s;
    background-size: 100% !important;
    border-radius: 15px;
    border: 1px solid #EBEBEE;
    background-repeat: no-repeat !important;

}

.web_development_case_studies .web-thumb:hover .data-bg {
    height: 500px;
    background-position: bottom !important;
    transition: 8s;
    background-size: 100% !important;
    border-radius: 15px;
    border: 1px solid var(--theme-color);
    background-repeat: no-repeat !important;

}

.web_development_case_studies a.case_btn {
    color: var(--theme-color);
    font-weight: 700;
    display: flex;
    gap: 5px;
}

.web_development_misc {
    background-color: var(--theme-color);
    padding-top: 0;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.web_development_misc h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
    color: #fabc0d;
}

.web_development_misc .circle {
    position: absolute;
}

.web_development_misc .clcle-1 {
    height: 446px;
    width: 446px;
    background-color: #ffffff1f;
    border-radius: 660px;
    left: -260px;
    top: 0;
}

.web_development_misc .clcle-2 {
    height: 646px;
    width: 646px;
    background-color: #ffffff1f;
    border-radius: 660px;
    right: -260px;
    bottom: -366px;
}

.web_development_misc .box-main {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #fff;
    padding: 17px;
    border-radius: 10px;
    justify-content: center;
}

.web-recoglised h2 {
    color: var(--theme-color);
}

#blue-faq .accordion-button:not(.collapsed) {
    color: var(--theme-color);
    background-color: #fff;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.web_development_case_studies .port-web-box {
    position: relative;
    z-index: 999;
    padding: 85px 0 0px 0;
    overflow: hidden;
    height: 100%;
    margin-bottom: -17px;
}

.web_development_case_studies .port-web-box img {
    transform: scale(1.1);
    transition: 0.3s;
}

.web_development_case_studies .port-web-box:hover img {
    transform: scale(1.15);
    transition: 0.3s;
}

.web_development_case_studies .port-web-box .content {
    color: #fff;
    padding: 39px 0 13px 41px;
}

.web_development_case_studies .port-web-box .content p {
    text-transform: uppercase;
    font-size: 1.125rem;
    opacity: 0.8;
    line-height: 1.2;

    font-weight: 700;
    font-style: normal;
}

.web_development_case_studies .port-web-box .content h4 {
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
    /* text-align: justify; */
}


/* ui ux page */


.ui-ux-service h2 {

    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}


.ui-ux-service .service-box {
    position: relative;
    padding: 42px 42px 39px 50px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 10px 60px 0px rgba(67, 67, 67, 0.1);
    background-image: url(../image/shap_bg_services.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #fff;
    color: #000000;
    transition: 0.6s;
    height: 100%;
}

.ui-ux-service .service-box:hover{
    border-color: var(--theme-color);
    transition: 0.6s;
    box-shadow: 0px 10px 60px 0px rgba(67, 67, 67, 0.2);
}

.ui-ux-service .service-box::after {
    content: '';
    display: block;
    height: 5px;
    width: 80%;
    background-color: var(--theme-color);
    border-radius: 50px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

}

.ui-ux-service .service-box  img{
    width: 60px;
    margin-bottom: 25px;
}

.ui-ux-service .service-box h5{
    font-weight: 700;
}

.ui-ux-service .service-box  p{
    font-size: 15px;
    line-height: normal;
    color: #555555;
    margin: 0;
}

/* ui-ux-info */

.ui-ux-info{
    background-color: var(--theme-color);
    position: relative;
}


.buit-with-ui-ux h2{
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}


.buit-with-ui-ux .box-info{
    background-color: #001eff15;
    padding: 35px 25px;
    border-radius: 10px;
}

.buit-with-ui-ux .box-info img{
    width: 65px;
    margin-bottom: 25px;
}

.buit-with-ui-ux .box-info  h5{
    font-size: 25px;
    font-weight: 600;
    color: var(--theme-color);
}

#ui-ux-tech .box-logo {
    width: 100%;
    background-color: #010b58;
    padding: 25px 20px;
    text-align: center;
    border-radius: 10px;
    height: 100%;
}

#ui-ux-casestudies h2 , #ui-ux-casestudies h4{
    color: #f6d804;
}

#ui-ux-casestudies .card-box-main:hover {
    border-color: #f6d804;
}

/* app_development */

.app_development h2{
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.app_development .app-box .img-box{
    height: 60px;
    width: 60px;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 25px;

}
.app_development .app-box{
position: relative;
overflow: hidden;
}
@keyframes slide {
    0%{
        transform: translateY(0%);
        
    }
    50%{
        transform: translateY(-10%);
    }
    100%{
        transform: translateY(0%);
    }
}
.app_development .app-box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    left: 0;
    top: 0;
    background-image: url(../image/dots.png);
    content: "";
    animation: slide 10s infinite;
}
.app_development .app-box .img-box img{
    width: 25px;
}

.app_development .app-box  {
    border: 1px solid var(--theme-color);
    padding: 25px;
    height: 100%;
    border-radius: 15px;
}

.app_development .app-box  h5{
    font-weight: 700;
    color: var(--theme-color);
}

.app_development .app-box  p{
    font-size: 15px;
    margin: 0;
}

.technologies-for-app h2{
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.technologies-for-app .app-box .img-box{
    background-color: #0a002e;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 15px;
    
}

.technologies-for-app .app-box{
    text-align: center;
    transition: 0.6s;
    transform: translateY(0%);
}
.technologies-for-app .app-box:hover{
    transform: translateY(-10%);
    transition: 0.6s;
}
.technologies-for-app .app-box img{
    width: 45px;
}

.app-portfolio .marquee-container {
    width: 99%;
    height: 600px;
    overflow: hidden;
    position: relative;
}


.organic-search{
    position: relative;
    background-color: var(--theme-color-second);
    color: #ffffff;
}

.organic-search h2 {
    color: #ffffff;
    font-weight: 900;
    font-size: 65px;
    line-height: 78px;
    letter-spacing: -.042em;
}

.organic-search h2 span{
    color: #f6d804;
}

.organic-search .organic-list li{
    margin: 0px 0px 0px 0px;
  padding: 7px 15px 7px 15px;
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 15px;
  color: var(--theme-color-second);
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5em;
}



.organic-search-2  h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.organic-search-2 .grid-box{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0;
    margin-top: 25px;
}

.organic-search-2 .grid-box .grid-content-box{
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}


.organic-search-2 .grid-box .grid-content-box .img-box img{
 width: 65px;
}

.organic-search-2 .grid-box .grid-content-box .img-box{
    margin-bottom: 45px;
    position: relative;
    display: inline;
}

.organic-search-2 .grid-box .grid-content-box .img-box::after{
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: var(--theme-color-second);
    opacity: 0.1;
    position: absolute;
    top: 0;
    transition: 0.6s;
}

.organic-search-2 .grid-box .grid-content-box:hover .img-box::after{
    transform: scale(1.3);
    transition: 0.6s;
}

.organic-search-2 .grid-box .grid-content-box h5{
    font-weight: 600;
    color: #000;
    font-size: 26px;
}

.paid-ads  h2{
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}


.paid-ads .box-service-paid{
    padding: 25px;
    border: 1px solid #ffb6b6;
    border-radius: 10px;
    height: 100%;
}

.paid-ads .box-service-paid h4 {
    font-size: 19px;
    font-weight: 600;
    color: #000;
}
.paid-ads .box-service-paid p{
    margin: 0;
    font-size: 15px;
    line-height: normal;
    color: var(--theme-color-second);
}

.paid-ads .img-box{
    background-color: #fff7f7;
    height: 65px;
    width: 65px;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}


.paid-ads .img-box img{
    width: 30px;
}

.paid-ads-2  h2{
    font-weight: 800;
    font-weight: 900;
    font-size: 52px;
    line-height: 58px;
   
    letter-spacing: -.042em;
    color: #ffffff;
}
.paid-ads-2  h2 span{
    color: #f6d804;
}

.paid-ads-2 {
    color: #fff;
}


#paid-ads.features-section-web-development .bg-pattern-1 {
    background-image: url(../image/pattern-2.jpg);
}

#paid-ads.features-section-web-development .bg::after {
    content: "";
    background: var(--theme-color-second);
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}








/* ------------------------------------ content writting Page---------------------------- */

/* content-writting-banner */

.content-writting-banner{
    background-color: #9b0e0e;

}

.content-writting-banner .review-box{
    border: 2px solid #fcd804;
    border-radius: 60px;
    display: inline-flex;
    gap: 19px;
    justify-content: center;
    padding: 5px 20px;
    align-items: center;
    color: #f4f4f4;
}

.content-writting-banner .review-box .star-rating{
    padding: 0;
    margin: 0;
    display: flex;
    color: #f6d804;
    gap: 2px;
}

.content-writting-banner .review-box .hd_info{
    gap: 5px;
}

.content-writting-banner h1 {
    text-transform: uppercase;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.2em;
    color: #fff;
}

.content-writting-banner h1 span{
    color: #f6d804;
}

.content-writting-banner a.btn-2 {
    background-color: #fabc0d;
    width: 80%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

a.btn-2 {
    background-color: #fabc0d;
 
    padding: 10px 8px;
    font-size: 16px;
    display: flex;
    gap: 5px;
    width: 14rem;
    justify-content: center;
    border: 2px solid #fabc0d;
    color: #000;
}

/* content-text-scroll */
.content-text-scroll {
    background-color: var(--theme-color-second);
}

.content-text-scroll .marquee-text {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    
}

.content-text-scroll .marquee-text .top-info-bar {
    font-size: 18px;
    width: 200%;
    display: flex;
    -webkit-animation: marquee-content 25s linear infinite running;
    -moz-animation: marquee-content 25s linear infinite running;
    -o-animation: marquee-content 25s linear infinite running;
    -ms-animation: marquee-content 25s linear infinite running;
    animation: marquee-content 25s linear infinite running;
}

.content-text-scroll .marquee-text .top-info-bar:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.content-text-scroll .marquee-text .top-info-bar .info-text {
    padding: 10px 30px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.content-text-scroll .marquee-text .top-info-bar a {
    color: #ffffff;
    text-decoration: none;
}

@-moz-keyframes marquee-content {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-webkit-keyframes marquee-content {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-o-keyframes marquee-content {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@keyframes marquee-content {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}




/* custom-content-1 */

.custom-content-1 p span, .content-page-faq p span, .content-portfolio p span{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
}
.custom-content-1 p{
    font-size: 18px;
    color: #000;
}
.custom-content-1  h2 , .custom-content-2 h2, .content-page-faq h2, .content-portfolio h2 {
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
  
    letter-spacing: -.042em;
    color: #505c7c;
    position: relative;
}

.content-page-local-team h2{
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;  
    letter-spacing: -.042em;
}

.custom-content-1  h2 span, .content-page-faq h2 span, .content-portfolio h2 span{
    color: var(--theme-color-second);
}
.content-page-local-team h2 span{
    color: #f6d804;
}
/* custom-content-2  */
/* content-item-box */

.custom-content-2 .content-item-box {
    border: 3px solid var(--theme-color-second);
    border-radius: 15px;
    height: 100%;
    padding: 45px;
}
.custom-content-2 .content-item-box.bg-red{
    color: #fff;
    background-color: var(--theme-color-second);
}

.custom-content-2 .content-item-box .img-box{
    width: 50px;
    margin-bottom: 20px;
    
    transform: rotate(0deg);
    transition: 0.9s;
}


.custom-content-2 .content-item-box.bg-red .img-box svg{

    fill: #fff;
}
.custom-content-2 .content-item-box .img-box svg{

    fill: var(--theme-color-second);
}

.custom-content-2 .content-item-box .img-box svg{
    width: 100%;
}

.custom-content-2 .content-item-box .img-box{
    width: 60px;
    margin-bottom: 20px;
}


.custom-content-2 .content-item-box:hover .img-box {

    transform: rotate(329deg);
    transition: 0.9s;
}

.custom-content-2 .content-item-box h4{
    text-transform: uppercase;
    font-size: 29px;
}

#content-page-2 a.btn-2 {
    background-color: #fabc0d;
    width: 80%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}
/* content-page-faq */

.content-page-faq .accordion-header {
    margin-bottom: 0;
    line-height: 1;

}


.content-page-faq .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #000;
}

.content-page-faq .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px!important;
    margin-bottom: 15px;
}
.content-page-faq .accordion-button{
font-size:18px ;
font-weight: 600;
}

.content-page-faq .accordion-button::after {
   
    background-image: url(../image/add.png);
  
}

.content-page-faq .accordion-button:focus {
    
    outline: 0;
    box-shadow: none;
}
/* .content-page-4 */
.content-page-4{
    background-color: var(--theme-color-second);
    color: #fff;
}

.content-page-4 h2{
  color: #f6d804;
}

.content-page-4#logo-sec .social-icon .img-box {
 background-color: #fff;
}

.content-portfolio .portfolio-box{
    position: relative;
    background-color: #000;
    border-radius: 15px;
    overflow: hidden;
}

.content-portfolio .portfolio-box .over-lay-1 p span{
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: normal;
}

.content-portfolio .portfolio-box .over-lay-1 p{
    margin: 0;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 60px;
    padding: 4px 25px;
    line-height: 1;
}

.content-portfolio .portfolio-box .over-lay-1 p span a{
    color: #f4f4f4;
}

.content-portfolio .portfolio-box .over-lay-1 {
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0;
    transition: 0.8s;
}

.content-portfolio .portfolio-box:hover .over-lay-1 {
  
    opacity: 0;
    transition: 0.8s;

}
.content-portfolio .portfolio-box img{
    opacity: 0.5;
    transition: 0.8s;

}
.content-portfolio .portfolio-box:hover img{
    opacity: 0.5;
    transition: 0.8s;

}

.content-portfolio .portfolio-box .over-lay-2 {
    position: absolute;
    z-index: 111;
    top: 20%;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: #fff;
    opacity: 1;
}
.content-portfolio .portfolio-box:hover .over-lay-2 {
  
    opacity: 1;
    transition: 0.8s;

}
.content-portfolio .portfolio-box .over-lay-2 h5{
    margin-bottom: 0;
}

.content-portfolio .portfolio-box .over-lay-2  p{
    margin: 5px;
    line-height: 1;
}


.content-portfolio .portfolio-box .over-lay-2  p span{
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: normal;
}

.content-portfolio .portfolio-box .over-lay-2  h3{
    margin-top: 15px;
    color: #f6d804;
    font-weight: 900;
    margin-bottom: 10px;
}

.content-portfolio .portfolio-box .over-lay-2  a{
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
}


/* content-page-review */

.content-page-review {
    background-color: var(--theme-color-second);
    color: #fff;
}

.content-page-review h3{
    
font-size: 68px;
font-weight:600;
}

.content-page-review h3 span{
    display: block;
    color: #f6d804;
}
.content-page-review .review-box {
    padding: 25px 20px;
    border-radius: 10px;
    background-color: #640000;
    color: #fff;
}

.content-page-review .review-box  .user-name ul{
    display: flex;
    gap: 3px;
    color: orange;
    margin-bottom: 5px;
}
.content-page-review .review-box  .user-name {
    min-height: 89px;
}

.content-page-review .review-box  .content-box{
    overflow-y: scroll;
    min-height: 60px;
    padding-right:10px;
    
}

.content-page-review .review-box  .content-box::-webkit-scrollbar{
    display: none;
}

.content-page-review .review-box  .content-box p {
    font-size: 16px;
    opacity: 0.8;
    line-height: 20px;
}

.content-page-review .video-box video{
    border-radius: 10px;
}

.content-page-review  .video-box  .logoo {
    margin-bottom: 15px;
    width: 180px!important;
}

.content-page-review  .video-box  {
    padding: 25px 35px;
}

/* content-page-why-choose */

.content-page-why-choose h3{
        
font-size: 55px;
font-weight:600;
color: #000;
}
.content-page-why-choose .why-choose-box{
    color: #000;
}
.content-page-why-choose .why-choose-box h3{
    font-size: 35px;
    color: var(--theme-color-second);
}
.content-page-why-choose .why-choose-box h4{
    font-size: 25px;
font-weight:600;

}

.content-page-why-choose .img-box {
    overflow: hidden;
    border-radius: 100px 10px;
}


/* content-page-local-team */

.content-page-local-team .local-team-box {
    padding: 35px;
    border-radius: 10px;
    border: 3px solid #f6d804;

    color: #fff;
    height: 100%;
}

.content-page-local-team .local-team-box .img-box{
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: start;
}




/* internet marketing page */


.internet-marketing-banner h1{
   
        font-weight: 700;
        font-size: 54px;
        color: #505c7c !important;
        line-height: 1.2em;
    
}

.internet-marketing-banner a.btn-2 {
    background-color: #fabc0d;
    width: 80%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

.internet-marketing-banner ul.class-advertice li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}

.internet-marketing-banner ul.class-advertice li  i{
    color: var(--theme-color-second);
}

.internet-marketing-banner .video-box {
    overflow: hidden;
    border-radius: 18px;
    height: 96%;
    width: 100%;
}

.internet-market-2 h2{
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;  
    letter-spacing: -.042em;
    color: #505c7c;
    position: relative;
}


.internet-market-2 .service-box{
    border: 3px solid var(--theme-color-second);
    border-radius: 20px;
    padding: 35px;
}

.internet-market-2 .service-box h3{
    font-size: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: #000;
    margin-bottom: 35px;
}

.internet-market-2 .service-box h3 svg{
    fill: var(--theme-color-second);
    width: 80px;
}

.internet-market-2 .service-box h3  .ktwzljnmqw-cls-2 , 
.internet-market-2 .service-box h3  .onzsgeedbl-cls-1{
    fill: var(--theme-color-second);
}

.internet-market-2 .service-box p{
    font-size: 20px;
    color: #000;
    font-weight: normal;
}
.internet-market-2  ul.class-advertice li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}

.internet-market-2  ul.class-advertice li  i{
    color: var(--theme-color-second);
}


/* internet-marketing-3 */

.internet-marketing-3 h2{
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;  
    letter-spacing: -.042em;
}

.internet-marketing-3 h2 span{
    color: #f6d804;
}

.internet-marketing-3 .service-card{
    padding: 25px;
    border-radius: 15px;
    border: 3px solid #fff;
    height: 100%;
    
}

.internet-marketing-3 .service-card .img-box{
    height: 60px;
    width: 60px;
    display: flex;
    background-color: #f6d804;
    border-radius: 80px;
    align-items: center;
    justify-content: center;
}

.internet-marketing-3 .service-card .img-box svg{
    fill: var(--theme-color-second);
}

.internet-marketing-3 .service-card  .head-service{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #f4f4f4;
}

.internet-marketing-3 .service-card  .head-service h4{
    margin-bottom: 0;
    font-size: 20px;
    text-transform: uppercase;
  
}

.internet-marketing-3 .service-card .content {
    min-height: 280px;
}
.internet-marketing-3 .service-card .read-more{
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
}

/* internet-marketing-4 */

.internet-marketing-4 h3 {

    font-size: 60px;
    font-weight: 700;
}

.internet-marketing-4 h3 span {
 
    color: var(--theme-color-second);
}

.internet-marketing-4 .box-item{
    background-color: var(--theme-color-second);
    color: #fff;
    border-radius: 15px;
    overflow:hidden ;
}

.internet-marketing-4 .logo{
    width: 125px!important;
    margin-bottom: 15px;
}

.internet-marketing-4 .owl-nav img{
    width: 45px!important;
}


.internet-marketing-4 .owl-nav{
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

/* contact Page */
.contact-page h2{
    font-weight: 600;
    color: #fff;
    font-size: 55px;
}

.contact-page h2 span{
    color: #f6d804;
    animation: blink 2s infinite ease-in-out;
}

@keyframes blink {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0.8;
    }
    100%{
        opacity: 1;
    }
}


.contact-page  h6{
    font-size: 24px;
    color: #f6d804;
}

.contact-page .head-1 ul li {
    margin-bottom: 15px;
}
.contact-page .head-1 ul li a{
    color: #fff;
}

.contact-page .contact-us{
    border-left: 3px solid #f6d804;
}

.contact-page .form-box {
    background-color: #001299;
    height: 100%;
    padding: 35px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.contact-page .form-box input{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    color: #f6d804;
    padding: 15px;
}

.contact-page .form-box select{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    color: #f6d804;
    padding: 15px;
}
.contact-page .form-box select option{
    color: #000;
}
.contact-page .form-box button{
    background: transparent;
    border: none;
    background-color: #f6d804;
    color: var(--theme-color-second);
    padding: 15px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}
.contact-page .form-box textarea{
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color:#f6d804;
    padding: 15px;
}

.contact-page .form-box ::placeholder{
    color: #f6d804;
}

.contact-page .form-box .left-border, .contact-page .form-box .right-border, .contact-page .form-box .top-border, .contact-page .form-box .bottom-border {
    background-color: transparent;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: -43;
}

.contact-page .form-box .left-border {
    top: -10px;
    left: -10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.contact-page .form-box .right-border {
    top: -10px;
    right: -10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.contact-page .form-box .top-border {
    bottom: -10px;
    right: -10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.contact-page .form-box .bottom-border {
    bottom: -10px;
    left: -10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.contact-page .form-box label{
    color: #f6d804;
}

.contact-page .form-box .radio-box{
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-page .form-box .radio-box input[type="radio"]{
    width: 17px;
    height: 17px;
}

.content-page-faq h2 .text-yellow{
    color: var(--theme-color);
}

#blue-page .review-box {
    padding: 25px 20px;
    border-radius: 10px;
    background-color: #010c5f;
    color: #fff;
}
#why-blue .why-choose-box h3 {
    color: var(--theme-color);
    font-size: 22px;
}


.mobile_headers{
    background-color:#666;
    padding: 10px 0;
}


#seo-consultancy input{
    background-color: #bf1e1e;
    padding: 15px 15px;
    border-radius: 20px;
    color: #fff;
    border: 4px solid #fde500;
}
#seo-consultancy select {
    background-color: #bf1e1e;
    padding: 15px 15px;
    border-radius: 20px;
    color: #fff;
    border: 4px solid #fde500;
}
#seo-consultancy input::placeholder{
    color: #fff;
}

#seo-consultancy-2 .comon-btn-for {
    padding: 15px;
    width: 80%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: var(--theme-color-second)!important;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: center;
    text-transform: uppercase;
}

.custom-software-banner a.btn-2 {
    background-color: #fbd306;
    width: 100%;
    padding: 18px 8px;
    font-size: 18px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: none;
    color: #000000;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    margin-bottom: 10px;
}

.geo-bg h1{
    color: #fff!important;
}

.geo-about ul li{
    display: flex;
    gap: 15px;
    align-items: start;
}

.geo-about ul li i{
    font-size: 19px;
    color: #fabc0d;
    position: relative;
    top: 2px;
}

.geo-service .comon-btn-for {
    padding: 15px;
    width: 80%;
    background-color: #fbd306;
    border-radius: 10px;
    font-size: 22px;
    color: #000!important;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.4s;
    border: 1px solid #fbd306;
    text-align: center;
}

.paid-geo .nav-pills .nav-link.active, .paid-geo .nav-pills .show>.nav-link {
    border-bottom: 3px solid var(--theme-color-second);
    color: var(--theme-color-second);
    background: transparent;
    font-weight: bolder;
    font-size: 28px;
}

.paid-geo .nav-pills .nav-link {
    border-radius: 0;
    width: 100%;
    border-bottom: 3px solid #9f9f9f;
    color: #696969;
    font-weight: 700;
    font-size: 23px;
    text-align: start;
    padding: 24px 5px;
    letter-spacing: 1px;
}
.paid-geo .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd;
    width: 100%;
}

.paid-geo .heading h4 {
    font-size: 45px;
    color: #9b0e0e;
    font-weight: 700;
}
.paid-geo ul.list-geo {
    list-style: disc;
    padding-left: 35px;
    font-weight: 600;
}

.paid-geo ul.list-geo  li{
    margin-bottom: 15px;
}

.paid-geo ul.list-geo  li::marker{
    color: var(--theme-color-second);
}

.text-justify{
    text-align: justify;
}

.graphic-design-1 h2 {
    color: var(--theme-color-second);
    font-weight: 800;
}
.graphic-design-2 h2{
    font-weight: 800;
}

.graphic-design-1 h2 span{
    color: #fde500;
}

.graphic-design-2 h2 span{
    color: #fde500;
}

#graphic-design::before{
    display: none!important;
}

a.btn-white{
    background-color: #fff;
    color: var(--theme-color);
}


.web-hosting-1 h3{
    color: var(--theme-color);
    font-weight: bold;
}

.web-hosting-1 ul li{
    display: flex;
    gap: 10px;
}
.web-hosting-1 ul li i {
    position: relative;
    top: 5px;
    color: var(--theme-color);
}



.software-portfilio .soft-port {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    height: 100%;
}

.software-portfilio .soft-port .img-box {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
}

.software-portfilio .soft-port .img-box  .over-flow-1{
    position: absolute;
    padding: 20px;
    top: 0;
}

.software-portfilio .soft-port .img-box  .over-flow-1 p{
    background: #fff;
    padding: 5px 45px;
    border-radius: 60px;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
}

.software-portfilio .soft-port img{
    transform: scale(1.1);
    transition: 0.6s;

}

.software-portfilio h2{
    margin-bottom: 0;
    letter-spacing: normal;
    font-weight: 800;
    color: var(--theme-color-second);
}
#marketig-folio h2{  
    color: var(--theme-color);
}
.software-portfilio .soft-port:hover img{
    transform: scale(1.15);
    transition: 0.6s;
}

.software-portfilio .soft-port h4 a {
    font-weight: 700;
    color: #000000;
    letter-spacing: normal;
}
.software-portfilio .soft-port:hover h4 a{
    text-decoration: underline;
}
.software-portfilio .soft-port .hd_info {
    flex-wrap: wrap;
    gap: 0;
}

.software-portfilio .over-flow-1 p {
    background-color: #f4f4f4;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border-radius: 60px;
    margin-bottom: 21px!important;
    padding: 0 21px;
}
.software-portfilio span.text-orange-600 {
    font-weight:800;
    color: var(--theme-color);
    font-size: 25px;
}

.software-portfilio span.text-14 {
    font-size: 14px;
}


.glass-filter-portfolio .portfolio-box {
    padding: 45px;
    background-color: #001be83b;
    border-radius: 10px;
    height: 100%;
}

.glass-filter-portfolio .portfolio-box  h4{
    color: #001be8;

}

.glass-filter-portfolio .portfolio-box .img-box{
    overflow: hidden;
    border-radius: 15px;
    background-color: #000;
}

.glass-filter-portfolio .portfolio-box:hover .img-box img{
    transform: scale(1.22);
    opacity: 0.5;
    transition: 0.6s;
}

.glass-filter-portfolio .portfolio-box .img-box img{
    transform: scale(1.4);
    opacity: 1;
    transition: 0.6s;
}


ul.custom-li {
    list-style: disc;
    margin-left: 40px;
}


#radio-value-1 input , #radio-value-2 input {
    width: inherit;
}

#radio-value-1 , #radio-value-2 {
    flex-direction: column;
    gap: 9px;
}




/*404 page*/


.mot-page{
  padding-bottom:45px;
  text-align: center;
}

.main-box-404{
  
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  margin: 0px;
  background: radial-gradient(circle, #240015 0%, #12000b 100%);
  overflow: hidden;
  text-align: center;
}

.wrap{

  
}

#svgWrap_2{
 
  height: auto;
  width: 600px;
  max-width: 100%;
  display: none;
  
}

#svgWrap_1, #svgWrap_2 {
    height: auto;
    width: 100%;
    max-width: 59%;
}

#svgWrap_1,
#svgWrap_2{
  animation: hueRotate 6s ease-in-out 3s infinite;
}

#id1_1,
#id2_1,
#id3_1{
  stroke: #ff005d;
  stroke-width: 3px;
  fill: transparent;
  filter: url(#glow);
}

#id1_2,
#id2_2,
#id3_2{
  stroke: #12000a;
  stroke-width: 3px;
  fill: transparent;
  filter: url(#glow);
}

#id3_1{
  stroke-dasharray: 940px;
  stroke-dashoffset: -940px;
  animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
}

#id2_1{
  stroke-dasharray: 735px;
  stroke-dashoffset: -735px;
  animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
}

#id1_1{
  stroke-dasharray: 940px;
  stroke-dashoffset: -940px;
  animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
}

@keyframes drawLine1 {
  0%  {stroke-dashoffset: -940px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes drawLine2 {
  0%  {stroke-dashoffset: -735px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes drawLine3 {
  0%  {stroke-dashoffset: -940px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes flicker1{
  0%  {stroke: #ff005d;}
  1%  {stroke: transparent;}
  3%  {stroke: transparent;}
  4%  {stroke: #ff005d;}
  6%  {stroke: #ff005d;}
  7%  {stroke: transparent;}
  13% {stroke: transparent;}
  14% {stroke: #ff005d;}
  100%{stroke: #ff005d;}
}

@keyframes flicker2{
  0%  {stroke: #ff005d;}
  50% {stroke: #ff005d;}
  51% {stroke: transparent;}
  61% {stroke: transparent;}
  62% {stroke: #ff005d;}
  100%{stroke: #ff005d;}
}

@keyframes flicker3{
  0%  {stroke: #ff005d;}
  1%  {stroke: transparent;}
  10% {stroke: transparent;}
  11% {stroke: #ff005d;}
  40% {stroke: #ff005d;}
  41% {stroke: transparent;}
  45% {stroke: transparent;}
  46% {stroke: #ff005d;}
  100%{stroke: #ff005d;}
}

@keyframes flicker4{
  0%  {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  30% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  31% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  32% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  36% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  37% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  41% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  42% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  85% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  86% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  95% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  96% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
  100%{color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
}

@keyframes fadeInText{
  1%  {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  70% {color: #ff005d;text-shadow:0px 0px 14px #ff005d;}
  100%{color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
}

@keyframes hueRotate{
  0%  {
    filter: hue-rotate(0deg);
  }
  50%  {
    filter: hue-rotate(-120deg);
  }
  100%  {
    filter: hue-rotate(0deg);
  }
}

ul.d-flex.feature-list {
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

#landing-page-design {
    background: #001eff;
}


.our-stories h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

#career h1 span{
    color: #9b0e0e;
}

.career-form .career-form-main{
    background-color: #001299;
    height: 100%;
    padding: 35px 35px;
  
}

.career-form .career-form-main label{
    font-size: 12px;
    font-weight: 600;
    color: #f6d804;
}

.career-form .career-form-main input{
    background-color: #ffffff !important;
    height: 50px;
    border-radius: 10px;
    color: #505c7c !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px;
}

.career-form .career-form-main select{
    background-color: #ffffff !important;
    height: 50px;
    border-radius: 10px;
    color: #505c7c !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px;
}

.career-form form ::placeholder{
    color: #505c7c !important;
}

.career-form .career-form-main {
    border-radius: 10px;
}
.career-form .career-form-main option{
    color: var(--theme-color);
    font-weight: 600;
    background-color: #fde500;
}
.career-form .career-form-main  button{
    
    height: 50px;
    border-radius: 10px;
   
    font-weight: 600 !important;
    font-size: 18px !important;
    padding: 10px;
    width: 100%;
    border: none;
    background-color: #fde500;
    text-transform: uppercase;
    color: #920e0e;
}

a.bordered{
    border: 2px solid #001be8;
    background: transparent;
    color: var(--theme-color);
}

a.bordered-inherit{
    text-transform: unset;
    border: 2px solid #001be8;
   
}
a.bordered-inherit:hover{
    border-color: var(--theme-color-second);
}
a.bordered:hover{
    background-color: var(--theme-color);
}

.career-form  h2{
    color: var(--theme-color);
    font-weight: 800;
    margin-bottom: 5px;
}

.career-form h4{
    font-weight: 600;
    color: var(--theme-color-second);
}

.responsive-gallery .responsive-gal {
    background-color: #ffffff;
   
  
}

.responsive-gallery .responsive-gal  h3{
    color: #001299;
    font-weight: 600;
}

.responsive-gallery .responsive-gal  p{
    color: #000;
}

.responsive-gallery .responsive-gal  a.visit-site{
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

.responsive-gallery h2 {
    font-size: 50px;
    line-height: 61px;
    padding-bottom: 0;
    font-weight: 700;
    color: #262e36;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

.graphic-design-2 ul {
    list-style: disc;
    padding-left: 25px;
    font-size: 14px;
}

.graphic-design-2 ul li{ 
    margin-bottom: 8px;
}

section#google .heading {
    position: relative;
    z-index: 999;
}

/* ******** */
.our-stories a.btn-2 {
    background-color: #fabc0d;
    width: 40%;
    padding: 15px 8px;
    font-size: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    border: 2px solid #fabc0d;
}

.our-stories a.btn-2:hover {
    background-color: #333;
    border-color: #333;
    gap: 10px;
}

/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.team-item img {
    transition: .5s;
}

/* .team-item:hover img {
    transform: scale(1.1);
} */

.team-item .team-social {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(22, 22, 22, .7);
    opacity: 0;
    transition: .5s;
}

/* .team-item:hover .team-social {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
} */

.team-item .team-social .btn {
    opacity: 0;
}

/* .team-item:hover .team-social .btn {
    opacity: 1;
} */

.team_sec h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #505c7c;
}

#contact-page {
    background: #f6d804 !important;
}

#contact-page .form-box {
    background-color: #9b0e0e;
    height: 100%;
    padding: 35px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}


#contact-page .form-box .left-border {
    top: -10px;
    left: -10px;
    border-top: 2px solid #9b0e0e;
    border-left: 2px solid #9b0e0e;
}

#contact-page .form-box .right-border {
    top: -10px;
    right: -10px;
    border-top: 2px solid #9b0e0e;
    border-right: 2px solid #9b0e0e;
}

#contact-page .form-box .top-border {
    bottom: -10px;
    right: -10px;
    border-bottom: 2px solid #9b0e0e;
    border-right: 2px solid #9b0e0e;
}

#contact-page .form-box .bottom-border {
    bottom: -10px;
    left: -10px;
    border-bottom: 2px solid #9b0e0e;
    border-left: 2px solid #9b0e0e;
}

#contact-page h6 {
    font-size: 24px;
    color: #9b0e0e;
}

#contact-page p {
    color: #353535;
}

#contact-page .head-1 ul li a {
    color: #353535;
}

#contact-page .contact-us {
    border-left: 3px solid #9b0e0e;
}

#contact-page h2 {
    font-weight: 600;
    color: #9b0e0e;
    font-size: 55px;
}

#recognized-sec {
    position: relative;
}

#recognized-sec h2 {
    font-weight: 800;
    font-weight: 900;
    font-size: 72px;
    line-height: 78px;
    text-align: center;
    letter-spacing: -.042em;
    color: #fff;
}

#recognized-sec::before {
    content: "";
    background: #ffffff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

#recognized-sec::after {
    content: "";
    background: #9b0e0e;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

#recognized-sec .content {
    position: relative;
    z-index: 111;
}

#recognized-sec .content img {
    border-radius: 10px;
    border: 5px solid #fee603;
}


#testimonial::before {
    content: "";
    background: #9b0e0e;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg); */
    /* border-radius: 20px; */
}

#testimonial::after {
    content: "";
    background: #fff;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5) translate(31.5%, 31.9%) rotate(45deg);
    border-radius: 20px;
    z-index: 0;
}

#start-journey h2 {
	font-size: 62px;
	line-height: 78px;
	font-weight: 900;
	color: #505c7c;
	line-height: 1.0;
}

#contact-page h2 {
    font-size: 68px;
    line-height: 78px;
    font-weight: 900;
    color: #505c7c;
    line-height: 1.0;
    color: #9b0e0e;
    text-transform: capitalize;
}

#start-journey p {
    color: #000;
    font-size: 21px;
    line-height: 1.5;
}

#start-journey .heading {
    padding-left: 75px;
    padding-right: 30px;
}