@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@font-face{font-family:'GT Super Display';src:url('../fonts/GTSuperDisplay-Medium.woff2') format('woff2'),url('../fonts/GTSuperDisplay-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'AktivGrotesk';src:url('../fonts/AktivGrotesk-Bold.woff2') format('woff2'),url('../fonts/AktivGrotesk-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'AktivGrotesk';src:url('../fonts/AktivGrotesk-Regular.woff2') format('woff2'),url('../fonts/AktivGrotesk-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'AktivGrotesk';src:url('../fonts/AktivGrotesk-Medium.woff2') format('woff2'),url('../fonts/AktivGrotesk-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html,body {
    font-size: 16px;
    color: #333;
    font-family: "Inter", sans-serif;
    line-height: 1.7;
    font-weight: 400;
}
a,a:hover {
    color: #052351;
    text-decoration: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6 {color: #1b355e;}
ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
input:focus, select:focus,textarea:focus,button:focus{
    outline: none;
}
p {margin: 0px;}
.animated-button svg g circle, a.animated-button svg g line, a.animated-button svg g polyline {
    fill: none;
    stroke: #002b49;
    stroke-width: 1.8px;
}
.animated-button svg g circle {
    display: block;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8px;
    stroke-dasharray: 200;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset ease-out .5s;
    -o-transition: stroke-dashoffset ease-out .5s;
    transition: stroke-dashoffset ease-out .5s;
}

.container{
    width: 90%;
    max-width: 90%;
}

@font-face{font-family:'DINCondensed-Bold';src:url("../font/DINCondensed-Bold.eot?#iefix") format("embedded-opentype"),url("../font/DINCondensed-Bold.ttf") format("truetype"),url("../font/DINCondensed-Bold.svg#DINCondensed-Bold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"Futura PT Book";src:url("../font/b6cc2553c6cd4804d870d6a2479884ce.eot");src:url("../font/b6cc2553c6cd4804d870d6a2479884ce.eot?#iefix") format("embedded-opentype"),url("../font/b6cc2553c6cd4804d870d6a2479884ce.woff2") format("woff2"),url("../font/b6cc2553c6cd4804d870d6a2479884ce.woff") format("woff"),url("../font/b6cc2553c6cd4804d870d6a2479884ce.ttf") format("truetype"),url("../font/b6cc2553c6cd4804d870d6a2479884ce.svg#Futura PT Book") format("svg")}@font-face{font-family:"Futura PT Demi";src:url("../font/5bdac91b83b25ea168302ffbc40909de.eot");src:url("../font/5bdac91b83b25ea168302ffbc40909de.eot?#iefix") format("embedded-opentype"),url("../font/5bdac91b83b25ea168302ffbc40909de.woff2") format("woff2"),url("../font/5bdac91b83b25ea168302ffbc40909de.woff") format("woff"),url("../font/5bdac91b83b25ea168302ffbc40909de.ttf") format("truetype"),url("../font/5bdac91b83b25ea168302ffbc40909de.svg#Futura PT Demi") format("svg")}
/*===================HEADER SECTION CSS*/
.topbarbox {
    position: relative;
    padding: 8px 0;
}
.topbarbox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}
.topbarbox ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.topbarbox ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.topbarbox ul li img {
    width: 22px;
}
header .new-header {
    background: -o-linear-gradient(45deg, #052351, #2159b2);
    background: linear-gradient(45deg, #0a1128, #052351);
    /* z-index: 99; */
    /* position: relative; */
}

/* Commented by ankit
header .new-header {
    background: -o-linear-gradient(45deg, #052351, #2159b2);
    background: linear-gradient(45deg, #052351, #2159b2);
}
*/

.new-header nav {
    min-height: 40px;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.new-header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.new-header .logo .togl-menu {
    color: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}   
.new-header .fa-2x {
    font-size: 32px;
}
.new-header .logo img {
    width: 150px;
    margin-top: -5px;
    margin-left: 20px;
    margin-right: 70px;
}
.new-header nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.new-header nav ul {
    margin: 0;
    list-style: none;
}
.new-header nav > ul > li {
}
.new-header nav > ul > li > a {
    color: #fff;
    padding: 30px 15px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}
.new-header nav .left-menu {
}
.left-menu > ul {
    position: absolute;
    background: #fff;
    width: 80%;
    top: 94px;
    right: 0;
    z-index: 123;
    display: none;
    -webkit-box-shadow: rgb(9 27 78 / 30%) 0 2px 4px;
            box-shadow: rgb(9 27 78 / 30%) 0 2px 4px;
}
.left-menu > ul > li {
    background-color: #fff;
    height: 100%;
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.left-menu > ul > li:first-child {
    padding: 40px 0px 20px;
}
.txt-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 5px 0px 30px;
    width: 35%;
}
.txt-left .left-side {
    width: 15%;
}
.txt-left i {
    font-size: 16px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    -webkit-box-shadow: rgb(9 27 78 / 34%) 0 2px 4px;
            box-shadow: rgb(9 27 78 / 34%) 0 2px 4px;
}
.left-menu > ul > li:nth-child(1) .txt-left i {
    background: -o-linear-gradient(45deg, #3f2b51, #a76cd8);
    background: linear-gradient(45deg, #3f2b51, #a76cd8);
}
.txt-left .inner-txt {
    color: #1e3965;
    width: 75%;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
}
.txt-left .bottom-side {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #6e6d7a;
}
.txt-left .right-icon {
    width: 10%;
}
.left-menu > ul ul {
    position: absolute;
    right: 0;
    z-index: 123;
    top: 0;
    background-color: #ffffff;
    display: none;
    width: 65%;
    float: left;
    height: 100%;
    border-left: 1px solid #ddd;
}
.left-menu > ul > li:first-child ul {
    display: block;
}
.txt-right .col-lg-6, .txt-right .container {
    padding: 0px;
    max-width: 100%;
}
.txt-right .row {
    margin: 0px;
}
.txt-right .col-lg-6, .txt-right .container {
    padding: 0px;
    max-width: 100%;
    width: 100%;
}
.new-header .txt-right .inner {
    border-radius: 15px;
    width: 100%;
    padding: 20px 5px;
}
.new-header .txt-right .inner-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 20px 10px;
    width: 100%;
}
.new-header .txt-right .icon-box i {
    /* font-size: 20px; */
    /* margin-right: 13px; */
    /* padding: 10px; */
    /* border-radius: 50%; */
    /* color: #fff; */
    /* width: 40px; */
    /* height: 40px; */
    /* text-align: center; */
    /* box-shadow: rgb(9 27 78 / 34%) 0 2px 4px; */
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(1) i {
    background: -o-linear-gradient(45deg, #3f2b51, #a76cd8);
    background: linear-gradient(45deg, #3f2b51, #a76cd8);
}
.new-header nav .left-menu {
    position: inherit;
}
.top_right_pos {
    position: absolute;
    top: 0;
    right: -14px;
    height: 100%;
    display: none;
}
.top_right_pos p {
    height: 100%;
    width: 50px;
}
.top_right_pos p:nth-child(1) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 100%;
    background: #2cb742;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 30px;
}
.whatsapp_icon .fa-whatsapp {
    font-size: 30px;
    color: #fff;
}
.top_right_pos p:nth-child(2) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 100%;
    background: #176fb6;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 30px;
}
.call_icon .fa-phone {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    -webkit-animation: motionn .5s infinite;
    animation: motionn .5s infinite;
}
p.call_icon.mob_call span.fa.fa-phone.faa-ring.animated {
    -webkit-animation: motionn .5s infinite;
    animation: motionn .5s infinite;
}
.new-header nav .left-menu > a:hover:after {
    bottom: 2px;
}
.left-menu:hover > ul {
  display: block;
}
.txt-left .right-icon i {
    font-size: 17px;
    text-align: left;
    color: #6e6d7a;
    cursor: pointer;
    display: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none !important;
}
.left-menu > ul > li:nth-child(2) .txt-left i {
    background: -o-linear-gradient(45deg, #4c7c76, #74c4ba);
    background: linear-gradient(45deg, #4c7c76, #74c4ba);
}
.left-menu > ul > li:nth-child(3) .txt-left i {
    background: -o-linear-gradient(45deg, #b99732, #f8c630);
    background: linear-gradient(45deg, #b99732, #f8c630);
}
.left-menu > ul > li:nth-child(4) .txt-left i {
    background: -o-linear-gradient(45deg, #bc4059, #f28097);
    background: linear-gradient(45deg, #bc4059, #f28097);
}
.left-menu > ul > li:nth-child(5) .txt-left i {
    background: -o-linear-gradient(45deg, #d07c6f, #f89d8f);
    background: linear-gradient(45deg, #d07c6f, #f89d8f);
}
.left-menu > ul > li:nth-child(6) .txt-left i {
    background: -o-linear-gradient(45deg, #5287af, #8bc8f6);
    background: linear-gradient(45deg, #5287af, #8bc8f6);
}
.left-menu > ul > li:nth-child(7) .txt-left i {
    background: -o-linear-gradient(45deg, #3f2b51, #a76cd8);
    background: linear-gradient(45deg, #3f2b51, #a76cd8);
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(1) i {
    background: -o-linear-gradient(45deg, #3f2b51, #a76cd8);
    background: linear-gradient(45deg, #3f2b51, #a76cd8);
}
.new-header .txt-right .text-box {
    width: 100%;
}
.new-header .txt-right .text-box h3 {
    font-size: 14px;
    color: #000000;
    margin: 0px;
    font-weight: 500;
    line-height: 15px;
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(2) i {
    background: -o-linear-gradient(45deg, #4c7c76, #74c4ba);
    background: linear-gradient(45deg, #4c7c76, #74c4ba);
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(3) i {
    background: -o-linear-gradient(45deg, #b99732, #f8c630);
    background: linear-gradient(45deg, #b99732, #f8c630);
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(4) i {
    background: -o-linear-gradient(45deg, #3f2b51, #a76cd8);
    background: linear-gradient(45deg, #3f2b51, #a76cd8);
}
.left-menu .txt-right .col-lg-6:first-child .inner-box:nth-child(5) i {
    background: -o-linear-gradient(45deg, #4c7c76, #74c4ba);
    background: linear-gradient(45deg, #4c7c76, #74c4ba);
}
.left-menu .txt-right .col-lg-6:last-child .inner-box:nth-child(1) i {
    background: -o-linear-gradient(45deg, #bc4059, #f28097);
    background: linear-gradient(45deg, #bc4059, #f28097);
}
.left-menu .txt-right .col-lg-6:last-child .inner-box:nth-child(2) i {
    background: -o-linear-gradient(45deg, #d07c6f, #f89d8f);
    background: linear-gradient(45deg, #d07c6f, #f89d8f);
}
.left-menu .txt-right .col-lg-6:last-child .inner-box:nth-child(3) i {
    background: -o-linear-gradient(45deg, #5287af, #8bc8f6);
    background: linear-gradient(45deg, #5287af, #8bc8f6);
}
.left-menu .txt-right .col-lg-6:last-child .inner-box:nth-child(4) i {
    background: -o-linear-gradient(45deg, #bc4059, #f28097);
    background: linear-gradient(45deg, #bc4059, #f28097);
}
.left-menu .txt-right .col-lg-6:last-child .inner-box:nth-child(5) i {
    background: -o-linear-gradient(45deg, #d07c6f, #f89d8f);
    background: linear-gradient(45deg, #d07c6f, #f89d8f);
}
.left-menu > ul > li:hover .right-icon i {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
}
.left-menu > ul > li:hover ul {
    display: block;
}
.left-menu > ul > li:last-child {
    padding: 20px 0px 40px;
}
.new-header .txt-right .text-box p {
    font-size: 11px;
    color: #6e6d7a;
    margin: 2px 0 0;
}
.mobile-sidebar-header .inner-dropdown {
    position: fixed !important;
    width: calc(100% - 350px);
    left: 350px;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px;
    padding: 60px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f0f0f0;
    display: none;
    float: left;
}
.mobile-sidebar-header .navbar_ {
    max-width: 350px;
    background: #1b355e;
    position: fixed;
    left: 0px;
    top: 0;
    height: 100vh;
    width: 350px;
    overflow: auto;
    z-index: 123;
    padding: 40px 0px 40px 20px;
}
.mobile-sidebar-header .navbar_ .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mobile-sidebar-header nav ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
}
.mobile-sidebar-header .navbar_ .left .togl-menu {
    color: #fff;
    padding: 22px 0px;
}
.mobile-sidebar-header .navbar_ .left .togl-menu span {
    position: relative;
    margin-left: 25px;
    width: 30px;
    display: block;
}
.mobile-sidebar-header .navbar_ .left .togl-menu span:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 23px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.mobile-sidebar-header .navbar_ .left .togl-menu span:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 23px;
    background-color: #fff;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
        transform: rotate(315deg);
}
.mobile-sidebar-header .navbar_>li .drp-wn {
    padding: 12px 15px;
    font-size: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mobile-sidebar-header .navbar_>li i {
    position: absolute;
    right: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.mobile-sidebar-header .inner-dropdown.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}
.mobile-sidebar-header .inner-dropdown>li {
    width: 33.33%;
    float: left;
}
.mobile-sidebar-header .inner-dropdown>li:first-child {
    width: 100%;
}
.mobile-sidebar-header .inner-dropdown>li>span {
    font-size: 30px;
    color: #1b355e;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.mobile-sidebar-header .inner-dropdown-child li a {
    margin: 15px 0px;
    font-size: 14px;
}
.mobile-sidebar-header .navbar_ .inner-dropdown li a {
    color: #333;
}
.mobile-sidebar-header .inner-dropdown>li:last-child {
    width: 100%;
}
.phone_div {
    background: 0 0;
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #b3b3b3;
    padding: 25px 0px;
    font-family: Roboto, sans-serif;
}
.phone_div .phone___no {
    width: 33.33%;
}
.phone_div .phone___no span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    line-height: 17px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.phone_div .phone___no span img {
    margin-right: 10px;
    width: 30px;
    height: 20px;
    margin-top: 0;
}
.mobile-sidebar-header .navbar_>li .drp-wn1 {
    display: block;
    padding: 15px;
    font-size: 18px;
    line-height: 18px;
}
.mobile-sidebar-header .inner-dropdown.show {
}
/*===================HOME BANNER SECTION CSS*/
.homebanner {
    padding: 70px 0px 50px;
    background: #fff;
    position: relative;
    z-index: 0;
}
.homeInner h1 {
    font-size: 45px;
    margin-bottom: 20px;
    line-height: 50px;
    font-family: 'GT Super Display';
    font-weight: 600;
    color: #1b355e;
}
.homeInner p {
    line-height: 1.5;
    color:  #1F1F1F;
}
.homeFiveStar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: italic;
    font-weight: 600;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    flex-wrap: nowrap; /* prevent wrapping */            
}
.homeFiveStar .str {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    margin-right: 10px;
    gap: 4px;
}
.homeFiveStar .str i {
    color: #f8b805;
    line-height: 1.4;
}
.homeInner form {
    position: relative;
    margin: 10px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.homeInner .button_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.homeExperts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 0 !important;
}
.btn_ {
    display: inline-block;
    padding: 12px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid #1b355e;
}
.homeInner form .emailaddress {
    height: 50px;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 5px #f3f3f352;
            box-shadow: 0 0 5px #f3f3f352;
    border-radius: 4px;
    font-size: 15px;
    border: 1px solid #89acc5;
    width: 55%;
    margin-right: 8px;
    outline: none;
}
.homeInner form input.btnprj {
    width: 32%;
}
.homeInner form i {
    display: none;
}
.btn-secondary_ {
    color: #ffffff;
    background-color: #1b355e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 10px;
    overflow: hidden;
    text-transform: uppercase;
}
.homeInner .button_ a {
    width: 43%;
}
.homeFiveStar {
    margin: 0;
}
.schedule__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 428px;
    height: 340px;
    position: relative;
    z-index: 0;
}
.schedule__img {
    margin: 40px auto;
}
.schedule-wrap {
    position: relative;
}
.hidden-img {
    opacity: 1;
}
.schedule-construct {
    display: none;
}
.schedule-construct {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}
.schedule-part {
    position: absolute;
    cursor: pointer;
}
.schedule-part:first-child {
    bottom: 0;
    left: 1.5%;
    margin-bottom: 11.1%;
}
.schedule-part__txt {
    display: none;
    z-index: 1;
}
.schedule-part__txt {
    position: absolute;
    left: -20px;
    margin-left: 10px;
    color: #4fb69c;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    top: 0px;
    white-space: nowrap;
    border-bottom: 2px solid #4fb69c;
    margin-top: -50px;
    opacity: 0;
    -webkit-transition: opacity .7s;
    -o-transition: opacity .7s;
    transition: opacity .7s;
    display: block;
}
.schedule-part__txt a{color: #4fb69c;font-size: 15px;font-weight: 700;line-height: 20px;}
.schedule-part__txt {
    left: 0;
    top: -20px;
}
.schedule-part:first-child .schedule-part__txt {
    left: auto;
    right: 20px;
    margin-left: 0;
    top: 0;
    margin-top: -70px;
}
.schedule-part:nth-child(3) .schedule-part__txt {
   bottom: -56px;
    left: 30px;
    top: auto;
    padding-left: 10px;
}
.schedule-part__txt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 2px;
    height: 40px;
    background: #4fb69c;
}
.schedule-part:first-child .schedule-part__txt:after {
    right: 0;
    left: auto;
}
.schedule-part:first-child {
    bottom: 0;
    left: 1.5%;
    margin-bottom: 11.1%;
}
.schedule-part:nth-child(2) {
    top: -37.8%;
    right: 17.7%;
    max-width: 31.4%;
}
.schedule-part:nth-child(3) {
    bottom: 3%;
    right: 0;
    max-width: 40%;
}
.schedule-part:nth-child(4) {
    bottom: 0;
    left: 8%;
    max-width: 58.5%;
}
.schedule-part:nth-child(4):after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    height: 60%;
    background-size: 100% auto;
    -webkit-transition: .5s height .3s;
    -o-transition: .5s height .3s;
    transition: .5s height .3s;
    opacity: 0;
}
.schedule-part:nth-child(4):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 97%;
    background: url("../img/sector4_.svg") left top no-repeat;
    background-size: 99.8% 81%;
    -webkit-transition: .2s height;
    -o-transition: .2s height;
    transition: .2s height;
    z-index: 1;
}
.schedule-part:last-child .schedule-part__txt {
    top: 100%;
    z-index: 1;
    margin-top: 5px;
    padding-left: 5px;
    left: 0;
}
.schedule-part:hover .schedule-part__txt {
    opacity: 1;
}
.schedule-part:first-child:hover svg #svggr>* {
    -webkit-transform: translate(1456.931px, 88.008px);
        -ms-transform: translate(1456.931px, 88.008px);
            transform: translate(1456.931px, 88.008px);
}
.schedule-part svg g>* {
    -webkit-transition: .4s transform .2s;
    -o-transition: .4s transform .2s;
    transition: .4s transform .2s;
}
.schedule-part:nth-child(2):hover svg #svggr2 {
    -webkit-transform: translate(-0.877px, 0.104px);
        -ms-transform: translate(-0.877px, 0.104px);
            transform: translate(-0.877px, 0.104px);
}
.schedule-part:nth-child(2):hover svg #svggr2>* {
    -webkit-transform: translate(1456.931px, 88.008px);
        -ms-transform: translate(1456.931px, 88.008px);
            transform: translate(1456.931px, 88.008px);
}
.schedule-part:nth-child(3):hover svg #svggr3 {
    -webkit-transform: translate(-0.897px,-45px);
        -ms-transform: translate(-0.897px,-45px);
            transform: translate(-0.897px,-45px);
}
.schedule-part:nth-child(4):hover:before {
}
.schedule-part:last-child .schedule-part__txt:after {
    top: auto;
    bottom: 0;
}
.schedule-part:nth-child(2) .schedule-part__txt:after{
    }
.schedule-part:nth-child(1) .schedule-part__txt:after{
    top: 34px;
    bottom: auto;
}
.schedule-part:nth-child(4):hover:before {
    height: 106%;
}
.new-featured {
    position: relative;
    background: #fff;
}
.new-featured .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.new-featured img {
    opacity: .7;
    width: 150px;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.new-featured img.clt, .new-featured img.bng, .new-featured img.innc {
    opacity: .5;
}
.new-featured img:hover {
    opacity: 1;
    -webkit-filter: unset;
            filter: unset;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.essence {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
}
.essence h2 {
    font-size: 45px;
    margin: 0;
    line-height: 50px;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.essence p{
        margin: 0px;
}
.home_shopy_img {
    overflow: hidden;
    background: #fff;
    position: relative;
    padding-bottom: 50px;
}
.home_shopy_img .img1 {}
.home_shopy_img .twnty {
    font-family: 'DINCondensed-Bold';
}
.home_shopy_img .twnty .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home_shopy_img .twnty .inner1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.home_shopy_img .twnty .counting {
    line-height: 250px;
    max-height: 250px;
    font-size: 260px;
    display: inline-block;
    -webkit-text-stroke: 1px #1b355e;
    background: -o-linear-gradient(bottom, #fff 45%, #1b355e 0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, #fff), color-stop(0, #1b355e));
    background: linear-gradient(0deg, #fff 45%, #1b355e 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home_shopy_img .twnty .kk_ {
    line-height: 250px;
    max-height: 260px;
    font-size: 260px;
    display: inline-block;
    -webkit-text-stroke: 1px #1b355e;
    background: -o-linear-gradient(bottom, #fff 30%, #1b355e 0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #fff), color-stop(0, #1b355e));
    background: linear-gradient(0deg, #fff 30%, #1b355e 0);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home_shopy_img .twnty .inner2 {
    position: relative;
    width: 100%;
}
.home_shopy_img .twnty .plus {
    position: absolute;
    top: 8px;
    font-size: 120px;
    color: #008cee;
    height: 80px;
    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;
}
.home_shopy_img .twnty .project {
    position: absolute;
    bottom: 35px;
    font-size: 25px;
    margin-left: 10px;
    line-height: 25px;
    color: #1b355e;
}
.home_shopy_img .img3 {
    width: 200px;
    float: right;
}
.home_shopy_img .img1, .home_shopy_img .img2, .home_shopy_img .img4,.home_shopy_img .img5 {
    max-width: 250px;
    width: 100%;
    margin: 15px 0 0 0;
    border: 1px solid #eaeaea;
    padding: 15px 30px;
    cursor: pointer;
}
.home_shopy_img .img1 {
    margin-top: 30px;
}
.essence .col-lg-4 {
    max-width: 25%;
    padding-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}

.essence .col-lg-8 {
    max-width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    padding-left: 50px;
}
/*===================CLIENTS LOGO SECTION CSS*/
.DeliveringCus {
    padding: 70px 0;
}
.client-col {
    border: 1px solid #ddd;
    padding: 10px 20px;
    height: 100px;
    margin: 20px 0;
    cursor: pointer;
    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;
}
.DeliveringCus img {
    margin: auto;
}
.client-col img {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .8;
}
.client-col:hover img {
    opacity: 1;
    filter: unset;
    -webkit-filter: unset;
}
.clientsLogo {
    position: relative;
}   
#clients_logo .main-icon.slick-arrow {
}
.clientsLogo .main-icon.slick-arrow:last-child {
    right: 30px !important;
}
.DeliveringCus .heading2 {
    max-width: 80%;
    margin-bottom: 30px;
}
.heading2 h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}
.DeliveringCus .slick-list {
    padding: 0;
}
.clientsLogo .slick-dots {
}
.clientsLogo .slick-dots li button {
}
.clientsLogo .slick-dots li button:hover {
    width: 50px;
    background: #063072;
}
.clientsLogo .slick-dots li.slick-active button {
}
.dmlinkIco img,.submenuU .inner .inner-box .icon-box img {width: 100%;max-width: 18px;}

.dmli:before {
    position: absolute;
    right: -24px;
    top: 50%;
    width: 20px;
    height: 20px;
    border: 12px solid #ffffff;
    content: '';
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid transparent;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: none;
}

.dmli.active:before,.dmli:hover:before {
    display: block;
}
.submenuU {
    display: none;
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
    padding: 15px;
    /* height: 100%; */
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*===================FUTURE BUSINESS SECTION CSS*/
.futureB{
    padding: 70px 0;
    background: #f0f0f0;
}
.futureB .slick-list {
    padding: 0 6px;
}
.futureBox {
    border-radius: 5px;
    background: #fff;
    padding: 40px 10px 80px;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
    text-align: center;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow :0.4s ease-in-out;
            box-shadow :0.4s ease-in-out; 
    margin: 20px 0;
}
.fboxImg {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
}
.fboxImg img {
    width: 100%;
}
.fboxTitle {
    height: 70px;
    margin-top: 30px;
}
.fboxTitle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.fboxTitle a span {
    color: #333;
    font-size: 14px;
    display: block;
    line-height: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
/*===================TECHNOLOGIES SECTION CSS*/
.technologies {
    padding: 70px 0;
}
.technologies .nav.nav-pills {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #dadada;
    border-top: 0;
    gap: 10px;
}
.technologies .nav.nav-pills a.nav-link {
    width: auto;
    padding: 15px 30px;
    border: 1px solid #ddd;
    background: none;
    border-right: 1px solid #ddd;
    border-radius: 0px;
    color: #1b355e;
    font-weight: 500;
    border-bottom: 0;
    font-family: Roboto, sans-serif;
}
.technologies .nav.nav-pills .nav-link.active,.technologies .nav.nav-pills .nav-link:hover {
    background-color: #063072;
    color: #fff;
    border-color: #063072;
}
.technologies .tab-content {
    position: relative;
    height: 100%;
}
.technologies .tab-content .tab-pane {
    max-width: 100%;
    width: 100%;
    display: none;
    padding: 20px 0;
}
.technologies .tab-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.technologies .tab-content ul li {
    width: 16.66%;
    padding: 25px;
    text-align: center;
}
.technologies .tab-content .tab-pane.active {
    display: block;
}
.technologies .tab-content ul li a:last-child {
    margin-top: 10px;
    display: block;
    font-family: Roboto, sans-serif;
}
.technologies .tab-content ul li a img {
    margin: auto;
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);
    width: 60px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7;
}
.technologies .tab-content ul li:hover img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-filter: unset;
    filter: unset;
    opacity: 1;
}
/*===================BLOG SECTION CSS*/
.workTogether {
    padding: 70px 0 90px;
    background: #fefbf4;
}
.heading {
    margin-bottom: 20px;
    position: relative;
}
.headingCenter {
    text-align: center;
}
.hdrow {
    position: relative;
}
.heading p {
    margin: 0;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.6;
}

.hdcol {
    position: relative;
}
.hdcol a {
    display: block;
}
.hdcol a span {
    position: absolute;
    right: -85px;
    top: -90px;
    display: block;
    width: 70px;
    height: 70px;
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}
.hdcol a span:after {
    position: absolute;
    content: '';
    background: #063072;
    width: 100%;
    height: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
}
.hdcol a span:before {
    position: absolute;
    content: '';
    background: #063072;
    height: 100%;
    width: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.hdcol a:hover span {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
.workTogether button.slick-prev, .futureB button.slick-prev, .futureB .main-icon.slick-arrow {
}
.workTogether .main-icon.slick-arrow {
}
.workTogether .main-icon.slick-arrow i {
    color: #fff;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.workTogether .main-icon:hover {
}
.blogs {
    position: relative;
}
.slick-slide {
    display: block;
    float: left;
    height: auto;
    min-height: 1px;
    padding: 0px 10px;
    position: relative;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.biImg {
    position: relative;
    overflow: hidden;
}
.biImg img {
    width: 100%;
}
.biContent {
    width: 95%;
    height: 220px;
    padding: 30px 25px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: .5s width, .5s height, .5s bottom;
    -o-transition: .5s width, .5s height, .5s bottom;
    transition: .5s width, .5s height, .5s bottom;
    position: absolute;
    bottom: -90px;
    left: -1px;
    background-color: #fff;
}
.blogItem {
    position: relative;
}
.biContent h3 {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 20px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}
.biContent p {
    line-height: 1.5;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #4c4c4c;
}
.postedBy {
    margin-top: 20px;
}
.postedBy p {
    margin: 0;
}
.dates {
    position: absolute;
    right: 0;
    /* color: #f4635e; */
    font-weight: 600;
}
.categoryName {
    display: none;
}
.plusbtn {
    position: absolute;
    display: block;
    opacity: 0;
    bottom: 65px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
}
.postedBy p {
    position: relative;
    color: #4c4c4c;
    font-size: 15px;
}
.plusbtn:before {
    position: absolute;
    top: 0;
    content: '';
    width: 70px;
    height: 3px;
    background: #063072;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
}
.plusbtn:after {
    position: absolute;
    top: 0;
    content: '';
    width: 3px;
    height: 70px;
    background: #063072;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
}
.slick-list {
    padding: 0px 0px 90px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
}
.workTogether .blogItem:hover .biContent {
    height: 85%;
}
.workTogether .blogItem:hover .biContent .plusbtn {
    opacity: 1;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}
.workTogether .blogItem:hover .plusbtn:before,.workTogether .blogItem:hover .plusbtn:after {
}
.hdcol a:hover span:after,.hdcol a:hover span:before {
    background: #008cee;
}
.heading h2 {
    font-size: 40px;
    margin: 0;
    line-height: 45px;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    font-weight: 600;
    letter-spacing: .5px;
    color: #1b355e;
}
/*===================BUILD SECTION CSS*/
.build {
    position: relative;
    padding: 100px 0;
    background-color: #063072;
    cursor: pointer;
}
.build a {
    display: block;
}
.build:after {
    width: 0;
    background-color: #008cee;
    -webkit-transition: .5s width;
    -o-transition: .5s width;
    transition: .5s width;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
}
.build:hover:after {
    width: 85%;
}
.build h2 {
    position: relative;
    -webkit-transition: .3s color .1s;
    -o-transition: .3s color .1s;
    transition: .3s color .1s;
    margin-bottom: 3px;
    color: #fff;
    font-size: 40px;
    font-family: 'GT Super Display';
    line-height: 45px;
    font-weight: 600;
}
.build p {
    position: relative;
    margin-top: 10px;
    color: #fff;
    line-height: 30px;
    font-size: 18px;
    text-transform: uppercase;
}
.build img {
    position: absolute;
    width: 80px;
    top: 45%;
    right: 26%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -webkit-transition: .5s right, .7s opacity, .5s -webkit-filter;
    -webkit-transition: .5s right, .5s filter, .7s opacity;
    -o-transition: .5s right, .5s filter, .7s opacity;
    transition: .5s right, .5s filter, .7s opacity;
    -webkit-transition: .5s right, .5s filter, .7s opacity, .5s -webkit-filter;
    -o-transition: .5s right, .5s filter, .7s opacity, .5s -webkit-filter;
    transition: .5s right, .5s filter, .7s opacity, .5s -webkit-filter;
}
.build:hover img {
    right: 15px;
}
.build .container {
    position: relative;
    z-index: 1;
}
/*===================LET DISCUSS SECTION CSS*/
.letDiscuss {
    margin-top: 0px;
    padding-bottom: 0;
    background-image: url(../img/ecom-main-ban.webp);
    background-size: cover;
    position: relative;
    z-index: 0;
}
.letDiscuss .col_sm_4 {
    max-width: 42%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
            flex: 0 0 42%;
    padding: 0 15px;
}
.letDiscuss .col_sm_8 {
    max-width: 58%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
            flex: 0 0 58%;
    padding: 0 15px 0 50px;
}
.fiveStar {
    padding: 70px 0 0;
    width: 80%;
    margin: auto;
}
.fiveStar h3 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 0;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.fiveStar h2 {
    font-size: 60px;
    color: #fff;
    margin: 30px 0;
    text-align: center;
    line-height: 50px;
    /* font-family: 'DINCondensed-Bold'; */
}
.fiveStarIcon {width: 55%;margin: auto;}
.fiveStarIcon img {
    width: 100%;
}
.fiveStarP {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px 0 20px;
}
.boxDetails {
    margin-top: 40px;
}
.boxDetailsR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: rgb(0 39 100);
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
    -webkit-box-shadow: 2px 2px 5px 1px rgb(12 62 105 / 90%);
            box-shadow: 2px 2px 5px 1px rgb(12 62 105 / 90%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
}
.bdrImg {
    height: 100%;
    padding: 15px 0;
    width: 80px;
    text-align: center;
}
.bdrText {
    padding: 0 0 0 20px;
    border-left: 1px solid rgb(24 66 132);
}
.bdrText p {
    font-size: 18px;
    color: #ffc41f;
    padding: 0 0 5px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
    font-family: 'GT Super Display';
}
.bdrText a {
    color: #ffffff;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
.bdrImg i {
    font-size: 30px;
    color: #fff;
}
.bdrImg img {
    width: 25px;
    margin: 0 auto;
}
.discusssForm {
    background-color: #fff;
    padding: 40px 35px;
    margin: -50px 0 70px;
    -webkit-box-shadow: 0 5px 13px 0 rgb(0 0 0 / 54%);
            box-shadow: 0 5px 13px 0 rgb(0 0 0 / 54%);
    border-radius: 10px 10px 0px 0px;
}
.discusssForm h2 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 20px;
    color: #1b355e;
    padding: 0;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.formbox .form-group {
    margin: 0;
}
.formbox .form-group input,.formbox .form-group select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: none;
    border-bottom: 1px solid #b8b8b8;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 52px;
    font-size: 15px;
    color: #606060;
    padding: 0px;
    width: 100%;
    margin: 0;
}
.worktypelst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px -5px;
}
.worktypelst li {
    width: 20%;
    padding: 10px;
    border: 1px solid #b8b8b8;
    margin: 15px 5px;
    position: relative;
    cursor: pointer;
}
.worktypelst li input {
    position: absolute;
    right: -2px;
    top: -1px;
    border: 1px solid #1b355e;
    display: none;
}
.worktypelst li label {
    width: 100%;
    margin: 0;
}
.worktypelst li input[type=checkbox]+label i {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #063072;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #fff;
}
.worktypelst li label img {
    display: block;
    width: 100%;
    max-width: 50px;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    margin: 0 auto;
}
.worktypelst li label span {
    font-size: 12px;
    line-height: 15px;
    display: block;
    text-align: center;
    margin: 10px 0;
    color: #6e6e6e;
    font-weight: 500;
    font-family: sans-serif;
}
.checkBox h4 {
    margin: 25px 0 5px;
    color: #1b355e;
    font-size: 20px;
    font-family: 'GT Super Display';
}
.textarebox .form-group {
    position: relative;
    margin: 0;
}
.textarebox .form-group textarea {
    width: 100%;
    margin-bottom: 5px;
    padding: 12px;
    outline: none;
    font-size: 14px;
    border: 1px solid #b8b8b8;
}
.textarebox .form-group .choose_file {
    bottom: 14px;
    top: auto;
    right: 1px;
    left: auto;
    border: 1px solid #b8b8b8;
    font-size: 14px;
    width: 220px;
    height: 35px;
    position: absolute;
    text-align: center;
    border-bottom: 0;
    border-right: 0;
}
.textarebox .form-group .choose_file input {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
}
.textarebox .form-group .choose_file input:after {
    content: 'BROWSE | DROP FILES HERE';
    position: absolute;
    left: 0;
    top: 0;
    color: #1b355e;
    width: 100%;
    font-weight: 600;
    background: #ffffff;
    font-size: 14px;
    height: 100%;
    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;
}
.top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0px -15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.top-box .button_.second-button_ {
    margin: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.top-box .button_.second-button_ input {
    width: 220px;
}
.top-box .form-group {
    max-width: 50%;
    padding: 0px 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin: 0;
}
.numberRow {
    margin-top: 15px;
}
.numberRow ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 30px;
}
.numberRow ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.numberRow ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.numberRow ul li a img {
    width: 25px;
    height: 16px;
    margin-right: 8px;
}
.worktypelst li label input:checked+label i {
    opacity: 1;
}
.worktypelst li input[type=checkbox]:checked+label i {
    opacity: 1;
}
.letDiscuss:after {
    background-position: center;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    opacity: .8;
    background-color: #063072;
    background-image: -o-linear-gradient(135deg, #09377f 0, #094096 74%);
    background-image: linear-gradient(315deg, #09377f 0, #0042a9 74%);
}
.letDiscuss .container {
    position: relative;
    z-index: 1;
}
/*===================FOOTER SECTION CSS*/
footer {
    position: relative;
    z-index: 0;
    background: #020408;
}
.topFooter {
    background: #03090e;
    -webkit-box-shadow: 0 4px 30px -10px #000;
            box-shadow: 0 4px 30px -10px #000;
    padding: 25px 0;
}
.topFooter .row {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.requestAquote, .phone,.email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 0;
}
.cntnImg {
    width: 35px;
}
.cntnImg img {
    width: 100%;
}
.cntnD a {
    display: inline-block;
    color: #ffffff;
    line-height: 20px;
    font-weight: 400;
    /* font-size: 17px; */
    /* font-family: "Roboto", sans-serif; */
}
.contactN h3 {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 6px;
    line-height: 16px;
}
.cntnD p {
    margin: 0;
    line-height: 17px;
}
.middleFooter {
    padding: 70px 0;
}
.middleFooter .col_sm_box {
    max-width: 25%;
    padding: 0 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}
.fooMenu h3 {
    font-size: 15px;
    color: #d4dbdf;
    margin: 0;
    font-weight: 500;
}
.fooMenu hr {
    margin: 10px 0 25px;
    width: 25%;
    border-bottom: 2px solid #1355be;
    opacity: 1;
}
.fooMenu ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}
.fooMenu ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    color: #cecece;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
.fooMenu ul li a:after {
    content: '';
    border-left: 5px solid #cecece;
    border-top: 5px solid #ff00;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.copyright {
    position: relative;
    padding: 20px 0px;
}
.copyright p {
    font-size: 15px;
    font-family: sans-serif;
    color: #cecece;
    margin: 0;
}
.copyright a {
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}
.copyright .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.foooterNumber {
    border-top: 1px solid #48494a;
    border-bottom: 1px solid #48494a;
    padding: 10px 0;
    position: relative;
}
.numRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 60px;
}
.numRow .nuCol a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #cecece;
    font-weight: 400;
    font-size: 15px;
}
.numRow .nuCol a img {
    width: 26px;
    height: 16px;
}
.socialMedia {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #48494a;
    padding-top: 20px;
    margin-top: 10px;
}
.sm ul a {
    margin-right: 6px;
    background: rgba(85, 85, 85, .4);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
    font-size: 14px;
    padding: 0px;
    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;
    color: #fff;
}
.sm ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sm ul li {
    margin: 0;
    padding: 0;
}
.sm ul li a:after {
    content: unset;
}
.langBtn a {
    color: #ffffff;
    border: 1px solid rgb(255 255 255 / 15%);
    padding: 8px 15px;
    display: block;
    line-height: 15px;
    font-size: 13px;
}
.ft2-center {
    text-align: right;
}
.ft2-center .ft2 {
    text-align: right;
}
.col_sm_box3,.col_sm_box2,.col_sm_box4 {
    border-right: 1px solid #48494a;
}
/*=============PICK WHATS SECTION CSS*/
.new-essence {
    background-image: url(../img/essence-banner.webp);
    padding: 80px 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.new-essence h2 {
    color: #fff;
}
.new-essence .you {
    font-size: 18px;
    color: #fff;
    margin: 10px 0 35px;
}
.new-essence .free {
    text-transform: none;
    color: #1b355e;
    font-size: 17px;
    font-weight: 600;
    background-color: #ffc92c;
    display: block;
    padding: 5px 30px;
    width: 56%;
    margin: auto;
    cursor: context-menu;
    border-radius: 10px;
}
.innerPick {
    background: #063a8c;
    border-radius: 15px;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
}
.innerPick a {
    padding: 50px 35px;
    display: block;
    height: 100%;
}
.innerPick a h3 {
    color: #fff;
    font-size: 25px;
    border-bottom: 2px solid rgb(255 255 255 / 30%);
    padding-bottom: 10px;
    margin-bottom: 30px;
    line-height: 35px;
}
.innerPick a p {
    margin: 0;
    font-size: 20px;
    padding: 0;
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.innerPick a:hover {
    background: #ffc92c;
    border-color: #ffc92c;
}
.innerPick a:hover h3,.innerPick a:hover p {
    color: #1b355e;
}
.innerPick a:hover h3 {
    border-bottom-color: rgb(6 48 114 / 30%);
}
/*=============PICK WHATS SECTION CSS*/
.expertise {
    padding: 70px 0 60px;
}
.expertiseColbox {
    padding-right: 50px;
}
.expertiseColbox img {
    width: 100%;
}
.ecbt {
    margin: 0 0 30px;
}
.ecbt h3 {
    font-size: 28px;
    margin: 0px;
    line-height: 30px;
    font-family: 'GT Super Display';
}
.av-secondary {
    margin-top: 10px;
    margin-left: 40px;
    line-height: 20px;
}
.ecbt h3 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.ecbt:last-child {
    margin: 0;
}
a.animated-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    line-height: initial;
    font-size: 17px;
    color: #5a83b8;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
a.animated-button {
    -webkit-animation: hi .5s infinite;
    animation: hi .5s infinite;
    color: #1899d2;
    width: 300px;
    height: 74px;
}
a.animated-button svg {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: -30px;
}
a.animated-button .font {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
@-webkit-keyframes hi {
    0% {
        border-color: lime;
        color: lime;
    }
    25% {
        border-color: green;
        color: green;
    }
    50% {
        border-color: blue;
        color: blue;
    }
    75% {
        border-color: orangered;
        color: orangered;
    }
}
@keyframes hi {
    0% {
        border-color: lime;
        color: lime;
    }
    25% {
        border-color: green;
        color: green;
    }
    50% {
        border-color: blue;
        color: blue;
    }
    75% {
        border-color: orangered;
        color: orangered;
    }
}
a.animated-button svg g circle, a.animated-button svg g line, a.animated-button svg g polyline {
    fill: none;
    stroke: #002b49;
    stroke-width: 1.8px;
}
a.animated-button:hover {
    -webkit-transform: translateZ(0) translateX(0.5em);
    transform: translateZ(0) translateX(0.5em);
}
a.animated-button:hover svg g circle {
    stroke-dashoffset: 200;
}
.viewAll {
    margin: 50px 0 0 10px;
}
.expertiseImg1 {
}
/*=============TOP RATED SECTION CSS*/
.top_rated {
    background: -o-linear-gradient(top, #010101, #063072);
    background: -webkit-gradient(linear, left top, left bottom, from(#010101), to(#063072));
    background: linear-gradient(180deg, #010101, #063072);
    color: #fff;
    padding: 70px 0px;
    position: relative;
}
.top_rated .inner {
    background: rgb(6 58 140);
    padding: 60px 25px;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 410px;
    border-radius: 20px;
    cursor: context-menu;
}
.top_rated .inner h3 {
    color: #fff;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    margin: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-family: 'GT Super Display';
    /* font-weight: 600; */
}
.top_rated .clutch-cont {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 35px;
}
.top_rated .inner-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 55px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.top_rated .clutch-cont a {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
}
.top_rated .clutch-cont img {
    width: 180px;
}
.top_rated .inner-img .right-img {
    height: 45px;
}
.top_rated h2 {
    color: #fff;
}
/*===============START MIX UP CSS HERE*/
.top_rated .inner p {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 20px 0 0;
    color: #e9e9e9;
    text-align: center;
}
.av-secondary a {
    color: #333;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.av-secondary a:hover {
    color: #ff7713;
    font-weight: 800;
}
.ecbt h3 a:hover {
    color: #008cee;
}
.workTogether .blogItem:hover .biContent h3 {
    color: #ff7713;
}
/* Ankit
.homeInner p {
    margin-bottom: 35px;
}
*/
.homeInner p {
    margin-bottom: 25px;
}

.schedule-part__txt a br {
    display: none;
}
.schedule-part:nth-child(2) .schedule-part__txt {
    margin-top: -55px;
    left: 20px;
}
.schedule-part:nth-child(2) .schedule-part__txt:after {
    top: 35px;
}
.schedule-part:nth-child(3) .schedule-part__txt {
    bottom: -37px;
}
.schedule-part:nth-child(3) .schedule-part__txt:after {top: -5px;}
.schedule-part:nth-child(4) .schedule-part__txt {
    left: unset;
    right: 110px;
    margin: 20px 0 0;
    border-left: 0;
    border-right: 2px solid #4fb69c;
    padding: 0 10px 0 0;
}
.schedule-part:nth-child(4) .schedule-part__txt:after {
    background: transparent;
}
/*=======================CUSTOM SOFTWARE SECTION CSS*/
.customSoftware {
    padding: 70px 0;
    background: #f4f7fb;
}
.customSoftware ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.customSoftware ul li {
    width: calc(100% / 8 - 10px);
    padding: 0;
    position: relative;
    height: 260px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: Roboto, sans-serif;
    margin: 0 5px;
}
.customSoftware ul li a {
    padding: 35px 0px 25px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    position: relative;
}
.avatar {
    overflow: hidden;
    -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
            transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
            animation: float 6s ease-in-out infinite;
}
.customSoftware ul li .icon1 {
    font-size: 60px;
}
.customSoftware ul li .icon1 .c-badge__img svg {
    height: 70px;
}
.customSoftware ul li .icon2 i {
    font-size: 16px;
    margin-top: 30px;
    color: #565656;
}
.avtarImg {
    width: 100%;
    margin: 15px auto 15px;
    overflow: hidden;
    -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
            transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
            animation: float 6s ease-in-out infinite;
}
.swtext {
    line-height: 18px;
    font-size: 13px;
    min-height: 45px;
    font-weight: 600;
    text-transform: uppercase;
}
.swIcon {
    font-size: 18px;
    margin-top: 20px;
}
.avtarImg i {
    font-size: 60px;
    color: #5f5f5f;
}
.customSoftware .container {
    width: 95%;
    max-width: 95%;
}
.customSoftware ul li a:hover {
    background-image: -o-radial-gradient(#0046b0, #002b6d);
    background-image: radial-gradient(#0046b0, #002b6d);
    -webkit-box-shadow: 0 9px 59.8px 5.2px rgb(0 0 0 / 13%);
            box-shadow: 0 9px 59.8px 5.2px rgb(0 0 0 / 13%);
    color: #fff;
}
.customSoftware ul li a:hover .swIcon {
}
.customSoftware ul li a:hover .avtarImg {color: #fff;}
.explorall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 40px 0 0;
}
.explorall a {
    width: 220px;
    background-image: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f5f5f5));
}
.explorall a:hover {background-image: -o-linear-gradient(left, #f5f5f5, #f5f5f5);background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#f5f5f5));background-image: linear-gradient(to right, #f5f5f5, #f5f5f5);}
/*==============WEB AND MOBILE APP SECTION CSS*/
.webMobile {
    padding: 70px 0;
    background: white;
}
.webMobile6Inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 0px;
}
.webMobile6Inn2 h2 {
    font-size: 40px;
    line-height: 45px;
    margin: 0;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.webMobile6Inn2 h3.strtclr {
    margin: 20px 0 10px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 600;
}
.strtclr span:nth-child(1) {
    color: #ca0044;
}
.webMobile6Inn2 ul {
    margin: 20px 0 0;
}
.webMobile6Inn2 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin: 0 0 4px;
}
.strtclr span:nth-child(2) {
    color: #00a262;
}
.strtclr span:nth-child(3) {
    color: #2300ba;
}
.webMobile6Inn2 h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 24px;
}
.vew_servs {
    margin: 50px 0 0;
}
.webMobileLeft {background-color: #ffffff;max-width: 55%;padding: 25px 0px;border-radius: 10px;-webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);float: left;-webkit-box-flex: 0;-ms-flex: 0 0 55%;flex: 0 0 55%;}
.webMobileRight {
    margin-top: 90px;
    -webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
    float: left;
    width: 45%;
    margin-left: -50px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.figureBox video {
    width: 100%;
}
.figureBox ul {
    padding: 15px 30px 15px;
}
.figureBox ul li {
    margin: 0 0 15px;
    font-size: 18px;
    font-family: 'Futura PT Demi';
}
.figureBox ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.figureBox ul li a span {
    color: #ffffff;
    background-color: #1b355e;
    width: 25px;
    height: 25px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3px;
}
.webMobileLeft h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 0 25px 15px;
}
.webMobileLeft .thumb-nav {
    overflow: hidden;
}
.webMobileLeft h2 span {
    font-style: italic;
}
.webMobileLeft .thumb-nav li {
    margin-top: 12px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    gap: 15px;
}
.figure-box img {
    border-radius: 50%;
}
.content-box {
    position: relative;
}
.content-box h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    position: relative;
    margin: 0;
}
.content-box p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.is-active {
    display: block !important;
    opacity: 1 !important;
}
/*==================INDUSTRIES SECTION CSS*/
.industries {
    background: #063072;
    padding: 70px 0;
}
.industries .heading h2,.industries .heading p {
    color: #ebebeb;
}
.indusBox {
    background: #063072;
    border: 2px solid #007bff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.indusRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.indusCol1 {
    max-width: 49%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    background: rgb(6 58 140);
    padding: 20px 30px;
}
.indusCol2 {
    background: #063072;
    padding: 70px 70px 70px;
    max-width: 51%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
}
.indusIcon {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.indusIcon i {
    font-size: 45px;
    color: #fff;
}
.indusTitle h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 30px;
    color: #fff;
}
.indusTitle p {
    color: #ececec;
}
.indusTitle p a {
    font-weight: 700;
    color: #ffbf13;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
        display: block;
    margin-top: 5px;
}
.indusCol1 .nav-pills {
    overflow-y: scroll;
    height: 450px;
    padding-right: 50px;
    max-width: 98%;
}
.indusCol1 .nav-pills .nav-item {
    position: relative;
    margin-left: 60px;
    width: 100%;
}
.indusCol1 .nav-pills .nav-item a {
    padding: 15px 0;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid rgb(101 168 241 / 30%);
    border-radius: 0;
    color: #86c0ff;
    background: rgb(6 58 140);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.nubers {
    position: absolute;
    left: -55px;
    font-weight: 600;
}
.indusCol1 .nav-pills .nav-item a.active {
    color: #fff;
}
.headingbOX {
    width: 100%;
    padding: 0 15px;
    padding-right: 145px;
}
.headingbOX p {
    margin-top: 20px;
}
.indusCol1 .nav-pills::-webkit-scrollbar {
  width: 5px;
}
.indusCol1 .nav-pills::-webkit-scrollbar-track {
  background: #174ea5; 
  border-radius: 10px;
}
.indusCol1 .nav-pills::-webkit-scrollbar-thumb {
  background: #007bff; 
  border-radius: 10px;
}
.indusIcon img {
    max-width: 40px;
    width: 100%;
}
/*=============ENQUIRY FORM POPUP CSS*/
.get-fixed-button {
    position: fixed;
    top: 50%;
    right: -57px;
    background: #052351;
    color: #fff;
    padding: 12px 30px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -webkit-animation: zn 1.3s linear infinite;
    animation: zn 1.3s linear infinite;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 3;
    font-size: 18px;
    font-weight: 500;
    font-family: sans-serif;
    cursor: pointer;
}
@-webkit-keyframes zn{
    0%{-webkit-transform: translateY(-20%) rotate(90deg);transform: translateY(-20%) rotate(90deg)}
    50%{-webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg)}
    100%{-webkit-transform: translateY(-20%) rotate(90deg);transform: translateY(-20%) rotate(90deg)}
}
@keyframes zn{
    0%{-webkit-transform: translateY(-20%) rotate(90deg);transform: translateY(-20%) rotate(90deg)}
    50%{-webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg)}
    100%{-webkit-transform: translateY(-20%) rotate(90deg);transform: translateY(-20%) rotate(90deg)}
}
.get-fixed-button:hover {
    color: #fff;
}
.modal {
    background: #063072;
    z-index: 99;
}
.modal-backdrop{width:auto;}
#myModal .modal-dialog {
    max-width: 100%;
    pointer-events: auto;
}
#myModal .modal-content {
    background: #063072;
    width: 60%;
    margin: auto;
    border: none;
}
#myModal .modal-header {
    border-bottom: 1px solid #d6d8dc;
    padding: 0px 0px 15px 0px;
}
#myModal .modal-header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#myModal .modal-header .inner .left{}
#myModal .modal-header .inner .right {
    padding-left: 30px;
    padding-top: 10px;
}
#myModal .modal-header .inner .right h4{color: #fff;font-size: 25px;line-height: 25px;margin: 0 0 10px;font-family: 'GT Super Display';font-weight: 600;}
#myModal .modal-header .inner .right p{color: #fff;line-height: 16px;}
#myModal .cls-btn {
    position: absolute;
    top: 10px;
    right: 0;
    color: #fff;
    border: 2px solid #ffffff;
    padding: 0;
    font-size: 20px;
    border-radius: 50%;
    width: 48px;
    background: transparent;
    height: 48px;
    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;
}
#myModal .modal-body{padding: 35px 0px;}
#myModal .modal-body .container{
    padding: 0px;
    width: 100%;
    max-width: 100%;
}
#myModal .modal-body .form-group {
    margin-bottom: 25px;
}
#myModal .modal-body .form-control {
    background: none;
    border: 1px solid #d6d8dc;
    border-radius: 5px;
    font-size: 15px;
    color: #efefef;
    height: 45px;
}
#myModal .modal-body .form-label {
    color: #efefef;
    font-size: 14px;
    overflow: hidden;
    margin: 0px;
    line-height: 20px;
}
#myModal .modal-body select {
    background: #1b355e;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}
#myModal .choose-file {
    position: relative;
}
#myModal .choose-file:before {
    content: 'BROWSE | DROP FILES HERE';
    position: absolute;
    left: 0;
    bottom: 0px;
    color: #fff;
    width: 250px;
    font-weight: 600;
    font-family: system-ui;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px solid #d6d8dc;
    border-top-left-radius: 0;
    background: #0b367a;
}
#myModal .choose-file input {
    opacity: 0;
    position: absolute;
    bottom: 0;
}
#myModal .sbmt-btn {
    border: 2px solid #d6d8dc;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 0;
    max-width: 150px;
    width: 100%;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    height: 50px;
}
#myModal ::-webkit-input-placeholder {
    color: #dadada;
    opacity: 1;
}
#myModal ::-moz-placeholder {
    color: #dadada;
    opacity: 1;
}
#myModal :-ms-input-placeholder {
    color: #dadada;
    opacity: 1;
}
#myModal ::-ms-input-placeholder {
    color: #dadada;
    opacity: 1;
}
#myModal ::placeholder {
    color: #dadada;
    opacity: 1;
}
#myModal .select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-family: "Open Sans", "Helvetica Neue", "Segoe UI", "Calibri", "Arial", sans-serif;
  font-size: 18px;
  color: #60666d;
}





#myModal .select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
    border: 1px solid #d6d8dc;
    border-radius: 5px;
}
#myModal .select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
#myModal .select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
#myModal .select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
#myModal .select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
#myModal .select-box__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#myModal .select-box__input {
  display: none;
}
#myModal .select-box__input:checked + .select-box__input-text {
  display: block;
}
#myModal .select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
   
    padding: 7px 15px;
    background-color: #063072;
    border-radius: 5px;
    color: #efefef;
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
    outline: none;
    -webkit-box-shadow: unset;
            box-shadow: unset;
}
#myModal .select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  z-index: 123;
  max-height: 210px;
  margin-top: 10px;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  -webkit-box-shadow: 0px 0px 5px 5px rgb(0 0 0 0.5);
  box-shadow: 0px 0px 5px 5px rgb(0 0 0 0.5);
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #3a5f99;
  overflow: hidden;
  overflow-y: scroll;
}
#myModal .select-box__list::-webkit-scrollbar {
  width: 2px;
}
#myModal .select-box__list::-webkit-scrollbar-track {
  background: #174ea5; 
  border-radius: 10px;
}
#myModal .select-box__list::-webkit-scrollbar-thumb {
  background: #007bff; 
  border-radius: 10px;
}
#myModal .select-box__list li{
    font-size: 15px;
    border-bottom: 1px solid #2f4d7b;
}
#myModal .select-box__option {
    display: block;
    padding: 8px 15px;
    background-color: #003384;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #efefef;
}
#myModal .select-box__list li:last-child{border:none;}
#myModal .select-box__option:hover, .select-box__option:focus {
  color: #dadada;
  background-color: #0045b3;
  border-radius: 0px;
}
#myModal .select-box__current .drop-icon {
    position: absolute;
    top: 12px;
    right: 19px;
}
#myModal .select-box__current .drop-icon:before {
    content: '';
    position: absolute;
    display: inline-block;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: currentColor;
    border-width: 2px 2px 0 0;
    color: #fff;
    border-radius: 0px;
    -webkit-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
        transform: rotate(135deg) !important;
    right: 0px;
    left: auto !important;
    top: 0px;
}
#myModal .bottom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0px;
}
#myModal .bottom-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
}
#myModal .bottom-info li a {
    color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    font-size: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#myModal .bottom-info li a i{margin-right: 10px;}
#myModal .bottom-info li img {
    margin-right: 10px;
}
@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.EnquiryModal {
    padding: 50px 0;
}
.EnquiryModal .modal-dialog {
    margin: 0;
}
#myModal .modal-body .form-control:focus {
    outline: none;
}
#myModal .choose-file textarea.form-control {
    min-height: 150px;
}
.overflow {
    position: relative;
    overflow: hidden;
}
body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-track {
  background: #174ea5; 
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
  background: #007bff; 
  border-radius: 10px;
}
.EnquiryModal::-webkit-scrollbar {
  width: 8px;
}
.EnquiryModal::-webkit-scrollbar-track {
  background: #174ea5; 
  border-radius: 10px;
}
.EnquiryModal::-webkit-scrollbar-thumb {
  background: #007bff; 
  border-radius: 10px;
}
.mobile-sidebar-header .navbar_::-webkit-scrollbar {
  width: 8px;
}
.mobile-sidebar-header .navbar_::-webkit-scrollbar-track {
  background: #174ea5; 
  border-radius: 10px;
}
.mobile-sidebar-header .navbar_::-webkit-scrollbar-thumb {
  background: #007bff; 
  border-radius: 10px;
}
.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.webMobileLeft .vew_servs {
    margin: 30px 0 0;
    padding: 0 30px;
}
.webMobileLeft .vew_servs svg {left: -80px;}
.webMobileLeft .vew_servs .animated-button {
    -webkit-animation: unset;
            animation: unset;
    color: #063072;
    font-style: italic;
    height: 65px;
}
.indusIcon h3 {
    font-size: 30px;
    color: white;
    margin: 0;
    font-family: 'GT Super Display';
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0px);
                transform: translatey(0px);
    }
    50% {
        -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0px);
                transform: translatey(0px);
    }
}
@keyframes float {
    0% {
        -webkit-transform: translatey(0px);
                transform: translatey(0px);
    }
    50% {
        -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0px);
                transform: translatey(0px);
    }
}
/*============TECHNOLOGIES NEW SECTION DESIGN CSS*/
.technoSec {
    background: -o-linear-gradient(top, #010203, #063072);
    background: -webkit-gradient(linear, left top, left bottom, from(#010203), to(#063072));
    background: linear-gradient(180deg, #010203, #063072);
    padding-top: 0;
}
.technoSec .indusCol2 {
    background: #fff;
    padding: 50px;
}
.technoSec .indusBox {
    background: transparent;
}
.technoSec .nav-pills {
    height: auto;
    overflow: unset;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}
.technoSec .indusCol1 .nav-item .nav-link {
    margin-right: 20px;
}
.arrowbtn {
    position: relative;
    right: 40px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    display: none;
}
.technoSec .indusCol1 .nav-item .nav-link.active .arrowbtn {
    right: 0;
    opacity: 1;
}
.technoSec .indusCol1 .nav-item .nav-link .nubers {
    width: 25px;
    height: 25px;
    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;
    left: -50px;
}
.technoIcon .technoIbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px 25px;
    max-width: 33.33%;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    gap: 10px;
    height: 85px;
}
.technoIcon .technoIbox img {
    max-width: 45px;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.technoSec .tab-pane {
    height: 100%;
}
/*=================NEW SECTION OF PARTNERS CSS*/
.partnerS {
    background: -o-linear-gradient(bottom, #000000 0, #131313 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), to(#131313));
    background: linear-gradient(0deg, #000000 0, #131313 100%);
    padding: 70px 0;
    position: relative;
}
.partnerS h2,.partnerS p {
    color: #fff;
}
.partnerS .container-fluid {
    width: 95%;
    margin-left: 5%;
}
.elebox {
    background: #131313;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 30px 10px;
    color: #fff;
    text-align: center;
    display: block;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.element_logo {
    height: 115px;
    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;
    max-width: 200px;
    margin: 0 auto;
}
.element_logo img {
    width: auto;
    max-height: 115px;
}
.element_Text {
    padding-top: 35px;
}
.date-elem {
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
}
.element_Text h3 {
    margin: 0;
    padding-top: 12px;
    font-size: 17px;
    line-height: 24px;
    color: #e7e7e7;
    font-weight: 400;
}
.main-icon.slick-arrow {
}
.mi-prev {right: 5.5%;}
.partnerS h2 {
}
.partnerS .heading {
    margin-bottom: 40px;
}
.partnerS .slick-list {
    padding-bottom: 0;
}
/*===================TESTIMONIALS CSS*/
.testBox {
    border: 1px solid #393939;
    border-radius: 15px;
    padding: 60px 70px;
    color: #fff;
    opacity: .6;
}
.testBoxText {
    border-bottom: 1px solid #3b3b3b;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.testimonials {
    padding: 70px 0 110px;
    background: -o-linear-gradient(75deg, #000000 0, #131313 100%);
    background: linear-gradient(375deg, #000000 0, #131313 100%);
    position: relative;
}
.testimonials .heading h2 {
    color: #fff;
}
.testimonials .slick-active .testBox {
    opacity: 1;
}
.testimonials .element2.slick-slide {
    padding: 0 40px;
}
.testBoxText p {line-height: 1.6;color: #999;font-weight: 300;}
.testBoxAuthor .rowW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.colL_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
}
.colL_author img {
    max-width: 105px;
    width: 100%;
    border-radius: 15px;
}
.athn {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-weight: 300;
}
.founderT,.founderCompany {
    font-size: 18px;
    line-height: 1.4;
    color: #999;
    font-weight: 300;
}
.testimonials .slick-active .testBox p {
    color: #fff;
}
.testimonials .heading p {
    color: #d8d8d8;
}
.testimonials .main-icon.slick-arrow {
}
.new-header nav .left-menu .container .col-lg-6 {
    max-width: 50%;
    padding: 0 15px;
}
/*====================NEW PORTFOLIO CSS HERE*/
.portfolIo {
    background: #171717;
    position: relative;
}
.index-home {
    height: 100vh;
}
.appi_portfolio_panel {
    background: #000;
    padding: 100px 0;
    margin-top: 0;
    min-height: 100vh;
}
.showcase_panel {
    /* height: 100vh; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.showcase {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.showcase_inner {
    position: relative;
    overflow: hidden;
    width: 32%;
    height: 100%;
}
.showcase_card {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
    color: #fff;
    padding-right: 50px;
    padding-top: 15px;
}
.cs {
    color: #2076ff;
    font-size: 15px;
}
.app__head4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    margin: 30px 0;
}
.showcase_subhead {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}
.showcase__results {
    padding-top: 0;
    width: 44%;
}
.results_head {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin: 0 0 15px;
    color: #ffffff;
    display: none;
}
.results_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}
.states_head {
    width: 125px;
    padding-right: 15px;
}
.states_head span {
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    padding-bottom: 5px;
    line-height: 28px;
    color: white;
    letter-spacing: .5px;
}
.results_text {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #fff;
}
.states_head+.states_head {
    margin-left: 10px;
    padding-left: 25px;
    border-left: 1px solid #ffffff;
    width: 120px;
    padding-right: 0;
}
.common__btn.hv_blue {
    display: inline-block;
    margin-top: 50px;
}
.common__btn a i {
    right: 10px;
    width: 18px;
    position: absolute;
    height: 18px;
    top: 15px;
}
.common__btn a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1);
    -o-transition: all .3s cubic-bezier(.19,1,.22,1);
    transition: all .3s cubic-bezier(.19,1,.22,1);
    border: 2px solid #fff;
    padding: 10px 50px 10px 25px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.showcase_visuals {
    position: relative;
    overflow: hidden;
    width: 61%;
    height: 100%;
    margin-right: 60px;
}
.showcase_view {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.showcase_view img {
    width: 100%;
    border-radius: 10px;
}
.scr_bar {
    height: 490px;
    width: 2px;
    background: rgb(255 255 255 / 50%);
    border-radius: 100px;
    position: absolute;
    right: 0px;
    top: 0;
}
.scr_bar .bar {
    position: absolute;
    left: -1px;
    top: 0;
    width: 4px;
    height: 140px;
    background: #116bfb;
    content: "";
    border-radius: 60px;
}
.box.gradient-green {
    margin: 30px 60px;
    width: 100px;
    height: 100px;
    background: red;
}
.overlayWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.textWrap {
    position: relative;
    z-index: 1;
}
.overlayWrap:before {
    position: absolute;
    right: -100%;
    top: 0;
    content: '';
    background: #008cee;
    height: 100%;
    width: 100%;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.animateBtn:hover .overlayWrap:before {
    right: 0;
}
.elebox:hover {
    color: #fff;
}
.technoIcon .technoIbox span {
    font-weight: 600;
    margin: 0;
    display: block;
    line-height: 18px;
    font-size: 17px;
    cursor: pointer;
}
.imgWhite {
    position: absolute;
    opacity: 0;
}
.technoSec .indusCol1 .nav-item .nav-link.active .imgWhite {
    opacity: 1;
}
.technoSec .indusCol1 .nav-item .nav-link.active .imgblue {
    opacity: 0;
}
.imgblue {
    position: absolute;
}
.technoIcon .technoIbox:hover img {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.main-icon.slick-arrow img {
    width: 13px;
}
.mi-next {
    right: calc(8.8% + 10px);
}
.clientSExperience {
    padding: 0;
}
.clientSExperience .twnty {
    padding: 0 20px;
}
.clientSExperience .twnty .inner3 {
    text-align: center;
    margin-top: 5px;
}
.clientSExperience .twnty .inner3 p {
    font-size: 23px;
    line-height: 25px;
    color: #ff9d2c;
    margin: 0;
}
.clientSExperience .twnty .counting {
    line-height: 90px;
    max-height: 90px;
    font-size: 110px;
}
.clientSExperience .twnty22 {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.clientSExperience .twnty .kk_ {
    line-height: 90px;
    max-height: 90px;
    font-size: 100px;
}
.clientSExperience .row {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding: 35px 0;
    position: relative;
}
.animateBtn3{
    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;
    height: 50px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    position: relative;
    border: 2px solid #052351;
    color: #ffffff;
    background-color: #052351;
    background-size: 0 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ffffff));
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 5px;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500;
}
.animateBtn3:hover{
        color: #1b355e;
    background-image: -o-linear-gradient(left, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
    background-image: linear-gradient(to right, #ffffff, #ffffff);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 6px;
}
#partnerSs .main-icon.slick-arrow {
}
#clients_logo .main-icon.mi-next.slick-arrow {
    right: 55px;
}
.elebox:hover {
    border-color: #007bff;
}
.futureBox:hover {
}
.top_rated .inner:hover {
    background: #2000b0;
}
.workTogether #slick-slider {
    padding-bottom: 0;
}
#slick-slider .slick-list {
    padding-bottom: 110px;
}
.workTogether .mi-prev {left: 65px !important;}
.DeliveringCus .heading {
    margin-bottom: 30px;
    padding-left: 0;
}
.webMobile6Inn2 ul li i {
    margin: 6px 0 0;
    color: #ff4f4f;
}
.contentboxH {
    display: none;
}
.mobile-sidebar-header nav .nav-list li p {
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}
.mobile-sidebar-header nav .nav-list li a {
    font-weight: 600;
    font-size: 18px;
    color: #1b355e !important;
}
.mobile-sidebar-header .inner-dropdown.show {
    display: block;
}
.indusIcon2 {
    display: none;
}
.indusCol1 .nav-pills .nav-item .titleSpan {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.indusCol1 .nav-pills .nav-item:hover .titleSpan {
    letter-spacing: 1.5px;
}
/*===================SINGLE PAGE CSS*/
.singlePageSec .ImgboxOnly {
    display: none;
}
.ImgboxOnly2 {
    display: none;
}
.singlePageSec .indusIcon img {
    display: none;
}
.singlePageSec .indusCol1 .nav-pills a.nav-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.singlePageSec .indusCol1 .nav-pills a.nav-link .nubers {
    left: -45px;
    width: 35px;
    height: 35px;
    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;
}
.singlePageSec .indusCol1 .nav-pills .nav-item {
    margin-left: 50px;
}
.nubers i {
    font-size: 20px;
}
.singlePageSec .indusCol2 {
    padding: 50px;
}
.singlePageSec .indusCol2 .indusIcon {
    margin-bottom: 25px;
}
.imgboxSingle img {
    width: 100%;
    margin: -20px 0 0;
}
.col-sm55 {
    width: 52%;
}
.col-sm45 {
    width: 48%;
    padding-left: 50px;
}
.ecomCSS h1 {
    margin: 0px 0 15px;
}
.ecomCSS h4 {
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 22px;
}
/*
.ecomCSS form {
     margin-top: 40px; 
}
*/
.ecomCSS form .emailaddress {
    width: 60%;
}
.ecomCSS form .btn_.btn-secondary_ {
    width: 40%;
}
.ecomCSS .button_ .btn-secondary_ {
    width: 50%;
}
.ecopara {
    margin: 30px 0 0;
    font-style: italic;
    font-weight: 500;
}
.featured_in {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    background: #f9f9f9;
}
.featured_in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.featured_in li {
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.featured_in p {
    font-weight: 700;
    font-size: 26px;
    color: #000;
    margin: 15px 0px;
}
.featured_in p span {
    color: #3f6eb7;
}
.featured_in li i {
    height: 60px;
    width: 162px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../img/ecom-ban-img.png);
}
.featured_in li i.img_1 {
    background-position: -27px 3px;
    width: 70px;
}
.featured_in li a:hover i.img_1 {
    background-position: -29px -52px;
}
.featured_in li i.img_2 {
    background-position: -105px 3px;
    width: 46px;
}
.featured_in li a:hover i.img_2 {
    background-position: -105px -53px;
}
.featured_in li i.img_3 {
    background-position: -165px 5px;
    width: 140px;
}
.featured_in li i.img_4 {
    background-position: -318px 0px;
    width: 200px;
}
.featured_in li i.img_5 {
    background-position: -526px -1px;
    width: 187px;
}
.featured_in li i.img_6 {
    background-position: -715px -1px;
    width: 187px;
}
.featured_in li a:hover i.img_6 {
    background-position: -715px -53px;
}
.featured_in li a:hover i.img_5 {
    background-position: -526px -53px;
}
.featured_in li a:hover i.img_4 {
    background-position: -318px -53px;
}
.featured_in li a:hover i.img_3 {
    background-position: -165px -53px;
}
.second_area_ {
    position: relative;
    overflow: hidden;
}
.back_img {
    background: url(../img/Station-mock-up2.jpg) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}
.back_img_shopify {
    background: url(../img/shopify-bg-banner.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_weflow {
    background: url(../img/webflow-background.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}
.back_img_automotive {
    background: url(../img/automotive-bg.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.ImgboxOnly img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto 30px;
}
.singlePageSec .indusTitle p:last-child {
    margin-top: 15px;
}
.spaceTB {
    padding: 70px 0;
    position: relative;
}
.serv__box {
    background: #faf9f6;
}
.serv__box .inner i, .serv__box .inner img {
    font-size: 35px;
    margin: 0 auto 30px;
    color: #1b355e;
}
.serv__box .inner h4 {
    font-size: 22px;
    margin: 0 0 20px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.serv__box .inner p {line-height: 1.6;font-size: 15px;}
.serv__box .inner a {
    display: block;
    margin: 25px 0 0;
    font-weight: 600;
    color: #1355be;
}

.serv__box .col-lg-4.col-md-6 {
    background: -o-linear-gradient(45deg, white, #fffcf4, #f7f7f7);
    background: linear-gradient(45deg, white, #fffcf4, #f7f7f7);
    border: 1px solid rgb(27 53 94 / 30%);
    border-radius: 10px;
    padding: 35px 25px;
    text-align: center;
    display: block;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: calc(33.333% - 24px);
    margin: 12px;
    cursor: pointer;
}
.serv__box .col-lg-4.col-md-6:hover {
    border-color: #007bff;
    -webkit-box-shadow: 0 0 15px 3px rgb(0 60 174 / 20%);
            box-shadow: 0 0 15px 3px rgb(0 60 174 / 20%);
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

/* Ankit Start */

.serv__box .col-lg-3.col-md-6 {
    background: -o-linear-gradient(45deg, white, #fffcf4, #f7f7f7);
    background: linear-gradient(45deg, white, #fffcf4, #f7f7f7);
    border: 1px solid rgb(27 53 94 / 30%);
    border-radius: 10px;
    padding: 35px 25px;
    text-align: center;
    display: block;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: calc(25% - 10px);
    margin: 5px;
    cursor: pointer;
}
.serv__box .col-lg-3.col-md-6:hover {
    border-color: #007bff;
    -webkit-box-shadow: 0 0 15px 3px rgb(0 60 174 / 20%);
            box-shadow: 0 0 15px 3px rgb(0 60 174 / 20%);
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

/* Ankit End */

.singlePageSec .indusTitle ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    margin: 0 0 0 0px;
}
.singlePageSec .indusTitle ul li {
    color: #ececec;
}
.indusTitle p a:hover {
    letter-spacing: 1px;
}
.heading2p {
    margin-top: 20px;
}
.requestbtn a {
    font-weight: 600;
    color: #ffffff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 20px 0 0;
    display: block;
}
.requestbtn a:hover{
    letter-spacing: 1.5px;
}
.singlePageSec .indusTitle ul li {
    position: relative;
    padding-left: 25px;
}
.singlePageSec .indusTitle ul li:after {
    width: 20px;
    height: 23px;
    background: url(../img/tick.png);
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.requestbtn {
    margin-left: 25px;
}
.larv-hire {
    background-color: #e7f3ff;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.larv-hire .row {
    margin: 0px;
    padding: 0 50px;
}
.larv-hire .col-lg-4 {
    padding: 0px;
    background-color: #bcd7f2;
}
.larv-hire .inner {
    background-color: #fff;
    color: #000;
    width: 100%;
}
.larv-hire .top {
    padding: 1.6875rem 1rem;
}
.larv-hire .top span {
    font-size: 50px;
    font-weight: 800;
    display: block;
    color: #1b355e;
    line-height: 45px;
    font-family: Roboto, sans-serif;
    margin: 0 0 5px;
}
.larv-hire .bottom {
    padding: 30px 30px;
    background-color: #bcd7f2;
}
.larv-hire .col-lg-4:nth-child(2) {
    background-color: #0e1f3a;
}
.larv-hire .inner2 {
    background-color: #1e3b67;
}
.larv-hire .top {
    padding: 50px 50px;
}
.larv-hire .inner2 .top {
    margin-top: -35px;
    background-color: #1b355e;
    padding-top: 65px;
    color: #fff;
}
.larv-hire .top p {
    font-size: 18px;
    font-weight: 500;
}
.larv-hire .inner2 .top span {
    color: #ffffff;
}
.larv-hire .inner2 .bottom {
    background-color: #0e1f3a;
    color: #fff;
}
.hireDedicated ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 45px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 35px;
}
.hireDedicated ul li {
    position: relative;
    padding: 0;
    font-weight: 500;
    font-size: 17px;
}
.sell-everywhere {background: white;}
.sell-everywhere .col-lg-6 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sell-everywhere img {
    width: 100%;
}
.sell-everywhere .inner {
    width: 100%;
}
.sell-everywhere .inner p {margin: 0;}
.sell-everywhere p span {
    font-weight: 200;
    font-size: 19px;
    display: block;
    color: #505050;
    font-family: 'Futura PT Book';
    margin-top: 10px;
}
.sell-everywhere ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 10px 0px;
}
.sell-everywhere ul li {
    width: 50%;
    margin: 30px 0px 0px;
    padding-right: 30px;
}
.sell-everywhere ul li a {line-height: 1.6;display: block;font-weight: 300;}
.sell-everywhere ul li a h5 {
    font-size: 20px;
    border-top: 1px solid #062656;
    margin: 0;
    padding: 20px 0 0;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.start-a-project {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-image: url(../img/ecom-main-ban.webp);
    padding: 100px 0px;
}
.start-a-project:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(45deg, black, transparent);
    background: linear-gradient(45deg, black, transparent);
}
.start-a-project h2 {
    margin: 0 0 25px;
    color: #fff;
}
.start-a-project .button_ {
    position: relative;
}
.start-a-project .heading {
    margin: 0;
    width: 100%;
}
.start-a-project .heading .btn_ {
    max-width: 200px;
    margin: auto;
}
.socialDsec1 .inner h2 {
    margin: 0 0 35px;
}
.socialDsec1 .inner h4 {
    font-size: 22px;
    margin: 0 0 15px;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.sell-everywhere .inner ul {margin: -35px 0 0;}
.socialDsec {
    padding-top: 0;
}
.socialDsec .heading p {
    margin: 25px 0 0;
}
.socialDsec  ul {
    margin: -30px 0 0;
}
.socialDsec1 img {
    padding-right: 20px;
}
.socialDsec img {
    padding-left: 20px;
}
.socialDsec1 .row {
    margin-top: -30px;
}
.larv-benefits {
    background: #e7f3ff;
}
.larv-hire .inner2 .bottom p {
    font-size: 17px;
    line-height: 1.6;
    color: #ebebeb;
}
.larv-hire .inner2 .bottom {padding: 40px 35px;}
.larv-hire .heading {
    margin-bottom: 85px;
}
.larv-hire .heading h2 {
    margin: 0 0 0;
}
.larv-hire .heading h4 {
    margin: 20px 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    font-family: 'GT Super Display';
}
.larv-hire .heading p {
    margin: 0;
}
.hireDedicated ul li:before {
    position: absolute;
    left: -15px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #1b355e;
    content: '';
    border-radius: 50%;
}
.hireDedicated .button_ {
    padding: 0;
}
.hireDedicated .button_ .btn-secondary_ {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
}
.larv-hire .bottom p {
    line-height: 1.6;
}
/*=====================FAQ ACCORDIAN SECTION CSS*/
.faqbox .accordian-item {
    margin: 0 0 0px;
    /* border-bottom: 1px solid #929292; */
}
.accordian-button {
    display: block;
    position: relative;
    padding: 20px 40px 20px 0;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border-bottom: 1px solid #929292;
}
.accordian-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.accordian-content {
    display: none;
    padding: 10px 0px 30px;
}
.accordian-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.icon-plus:after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 5px;bottom: 0;width: 2px;height: 12px;content: '';background: #1b355e;}
.icon-minus:before {
    top: 0;
    position: absolute;
    left: 3px;
    bottom: 0;
    width: 2px;
    height: 12px;
    content: '';
    background: #052351;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.icon-plus:before {
    position: absolute;
    left: 4px;
    bottom: 0;
    width: 2px;
    height: 12px;
    content: '';
    background: #1b355e;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.accordian-content ul,.accordian-content ul li {
    list-style: disc;
}
.accordian-content ul {
    padding-left: 16px;
}
.accordian-content p {
    margin-bottom: 5px;
}
.accordian-content p:last-child {
    margin-bottom: 0;
}
.accordian-content p b {
    font-size: 17px;
    font-weight: 600;
    color: #1b355e;
}
.faqheight-active{
    overflow: hidden;
    height: 330px;
}
.contentbox {
    position: relative;
    z-index: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.contentbutton {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.faqbox {
    position: relative;
}
.click-to-btn {
    width: 100%;
}
.click-to-btn span {
    max-width: 220px;
    margin: 0 auto 5px;
}
.new-faq__blur--active {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 140px;
    background: #ffffff;
    background: -o-linear-gradient(top, rgb(255 255 255 / 0%) 0, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255 255 255 / 0%)), to(#ffffff));
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0, #ffffff 100%);
    z-index: 99;
}
.new-faq__blur--active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
}
.innerbox {
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    background: url(../img/p2.webp);
    width: 100%;
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-position-y: top;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.innerbox img {
    width: 100%;
    display: none;
}
.innerbox .top-text {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.innerbox .bottom-text {
    position: absolute;
    bottom: -330px;
    visibility: hidden;
    background: #fff;
    z-index: 1;
    width: 353px;
    height: 300px;
    border-radius: 50%;
    left: -16px;
    padding: 0 15px;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    border: 1px solid #e5bdbd;
}
.innerbox .bottom-text h4 {
    font-size: 20px;
    padding: 60px 30px 0px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.innerbox .bottom-text p {
    font-size: 15px;
    line-height: 1.4;
    padding: 0px 20px 0px;
}
.innerbox .top-text h3 {
    font-size: 20px;
    color: #fff;
    position: relative;
    padding: 0 35px 15px;
    margin: 0;
    line-height: 24px;
    font-family: 'GT Super Display';
}
.innerbox:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(89deg, rgb(6 15 28 / 90%) 20%, rgb(255 231 153 / 20%) 65%);
    background: linear-gradient(1deg, rgb(6 15 28 / 90%) 20%, rgb(255 231 153 / 20%) 65%);
}
.innerbox:hover .top-text {
    -webkit-transform: translateY(-190px);
        -ms-transform: translateY(-190px);
            transform: translateY(-190px);
    opacity: 0;
}
.innerbox:hover .bottom-text {
    -webkit-transform: translateY(-220px);
        -ms-transform: translateY(-220px);
            transform: translateY(-220px);
    visibility: visible;
}
.innerbox:hover .top-text h3 {
    font-weight: 600;
}
.innerbox:hover:after {
    background: -o-linear-gradient(89deg, rgb(6 15 28 / 95%) 20%, rgb(255 231 153 / 0%) 65%);
    background: linear-gradient(1deg, rgb(6 15 28 / 95%) 20%, rgb(255 231 153 / 0%) 65%);
    -webkit-backdrop-filter: blur(.03rem);
    backdrop-filter: blur(.03rem);
}
.innerbox:hover {
    background-position-y: bottom;
}
.spaceT {
    padding-top: 70px;
}
.spaceB {
    padding-bottom: 70px;
}

.businessOnl {
    position: relative;
}
.businessOnl .main-icon.slick-arrow {
    border-color: #052351;
}
.businessOnl .main-icon.slick-arrow {
}
.businessOnl .slick-list {
    padding-bottom: 0;
}
.businessOnl .main-icon.mi-next {
    right: 55px;
}
.delv .inner {
    width: 100%;
}
.delv img {
    margin: auto;
}
.delv .col-lg-6, .delv .col-lg-5, .delv .col-lg-7 {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.delv .inner1 {
    width: 100%;
}
.delv .inner1 .heading {
    margin-bottom: 25px;
}
.delv .inner1 .mg_midl {
    position: relative;
}
.delv .inner1 .mg_midl h4 {
    font-size: 18px;
    font-style: italic;
    cursor: pointer;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 40px;
    padding-left: 95px;
    font-weight: 700;
    margin-left: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.delv .inner1 .mg_midl h4:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 2.3px;
    background-color: #052351;
    left: 0;
    top: 10px;
}
.choosingCol {
    padding: 20px;
}
.choosingbox .row {
    margin-top: -10px;
}
.choosingCol .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.choosingCol .left {
    max-width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
}
.choosingCol .right {
    max-width: calc(100% - 40px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    line-height: 1.5;
}
.choosingCol .left i {
    font-size: 28px;
    color: #1b355e;
    margin: 1px 0 0;
}
.choosingCol .right h3 {
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 600;
}
.accboxSec img {
    width: 100%;
}
.accboxColLeft {
    padding-right: 30px;
}
.accboxColright {
    padding-left: 30px;
}
.accboxHeading {
    margin: 0 0 25px;
}
.accboxHeading p {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 15px;
}
.getstartedA a {
    font-weight: 600;
    font-size: 18px;
    color: #1355be;
}
.accboxaACC .accordian-button {
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    padding: 0;
}
.accboxaACC .accordian-item {border: 1px solid #d7d7d7;padding: 20px 75px 20px 20px;background: #ffffff;margin: 15px 0 0;border-radius: 10px;position: relative;cursor: pointer;}
.accboxaACC .accordian-content {padding: 15px 0 0;/* box-shadow: 0 20px 20px rgb(0 0 0 / 10%); */}
.accordian-title i {
    margin-right: 0;
    font-size: 16px;
}
.getbtn a {
    font-weight: 600;
    color: #1355be;
}
.accboxaACC .accordian-button .accordian-title {
    font-size: 20px;
    font-weight: 600;
    /* color: #fff; */
    font-size: 20px;
}
.accboxSec1 .accboxaACC {
    margin-right: 10%;
}
.accboxaACC .accordian-button h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    font-family: 'GT Super Display';
}
.accboxSec .row{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.businessOnline .container {
    max-width: 1380px;
    width: 100%;
}
.clientSExperience .row:after {
    border-top: 1px solid #ddd;
    position: absolute;
    left: 4%;
    width: 92%;
    top: 0;
    height: 1px;
    content: '';
}
.customSoftware .heading p,.customSoftware .heading h2 {
}
.customSoftware ul li a:hover .avtarImg {
    opacity: 1;
}
.customSoftware ul li a:hover .swtext {
    opacity: 1;
}
.customSoftware ul li a:hover .swIcon {
    opacity: 1;
}
.webmobileapp {
    position: relative;
}
.webmobileSbox {
    position: absolute;
    top: 70%;
    right: -50px;
    border: 2px solid #d5d3d9;
    background: rgb(255 255 255 / 93%);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 20%);
            box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    height: 220px;
    width: 210px;
    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: 10px;
}
.yearDate,.yearPlus {
    display: inline-block;
}
.yearPlus {
    line-height: 80px;
    max-height: 80px;
    font-size: 80px;
    color: #052351;
    margin: 0 0 0 -5px;
}
.exbox {
    font-family: 'DINCondensed-Bold';
    text-align: center;
}
.yearDate {
    line-height: 100px;
    max-height: 100px;
    font-size: 120px;
    color: #052351;
}
.exbox p {
    font-size: 22px;
    color: #ff9d2c;
}
.location {
    padding: 70px 0 20px;
    background-position: center center;
    background: linear-gradient(45deg, #000a1b, #00255f);
}
.location img {
    margin: 0 auto;
    /* border-bottom: 2px solid #3c434f; */
    padding-bottom: 20px;
}
.location .col-sm-3 {text-align: center;padding: 0 15px;opacity: .7;/* max-width: 22%; */transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;cursor: pointer;width: calc(100% / 6);}
.locationTitle {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 0 10px;
}
.locationAddress {
    color: #e1e1e1;
    font-weight: 400;
    line-height: 1.5;
    font-size: 15px;
    padding-top: 8px;
}
.location .row {
    margin: 0;
    padding-bottom: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/*================BLOG PAGE CSS*/
.blogpage .row {
    display: flex;
    align-items: flex-start;
}

/* Original
.blogpage {
    padding: 0 0 30px;
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
}
*/
.blogpage {
    padding: 80px 0 30px;
    background: #f3f3f3;
    position: relative;
    overflow: visible;
}

.blogRow .blogItem {margin: 0 0 105px;display: block;}
.blogRow .blogItem .biContent {
    padding: 30px 25px;
    height: 200px;
}
.blogRow .blogItem .biContent h3 {
    margin-bottom: 15px;
}
.blogRow .blogItem .biContent .postedBy {
    margin-top: 25px;
}
.blogRow .blogItem:hover .biContent {
    height: 85%;
}
.blogRow .blogItem:hover .biContent .plusbtn {
    opacity: 1;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}
.authorName {
    font-weight: 600;
}
.blogRow .col-md-4,.blogRow .col-sm-6,.blogRow .col-xs-12 {
    padding: 0 7px;
}
.categoriesName {
    margin: 0 0 15px;
}
.categoriesName h3 {
    margin: 0;
    line-height: 35px;
    font-size: 30px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.margingBottom {
    margin-bottom: 20px;
}
.pagetitleBgBlog {
    background: url(../img/virtual-emp-1.webp);
    background-size: cover;
    background-position: center;
    text-align: center;
}
.pagetitle {
    padding: 121px 0;
    position: relative;
}
.pagetitle:after {
    z-index: 0;
}
.pagetitle .container {
    position: relative;
    z-index: 1;
}
.pagetitle:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    opacity: .8;
    height: 100%;
    z-index: 0;
    background: #010103;
}
.headingTitle h1,.headingTitle h2 {
    color: #fff;
    margin: 0;
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
    font-family: 'GT Super Display';
}
.categoriesline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 50px;
    border-bottom: 1px solid #c7c7c7;
    padding: 20px 0;
}
.categoriesline ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.categoriesline {
    margin-bottom: 30px;
}
.categoriesline ul a {
    display: block;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-weight: 500;
}
.searchButton {
    font-size: 18px;
    cursor: pointer;
}
.categoriesline ul a:hover,.categoriesline ul .current a {
    color: #f57e20;
}
.popupSearch {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    height: 100vh;
    width: 100%;
    display: none;
}
.min-container {
    max-width: 1120px;
    margin: 0 auto;
    padding: 50px 20px;
}
.searchBox {
    margin: 0 0 20px;
}
.searchBox input {
    width: 100%;
    height: 55px;
    background: none;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    -webkit-box-shadow: inset 0 0 10px rgb(0 0 0 / 15%);
            box-shadow: inset 0 0 10px rgb(0 0 0 / 15%);
}
.searchBlog .sbbox {
    display: none;
}
.sbboximg {
    max-width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
}
.sbboxTxt h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    margin: 0;
    font-family: 'GT Super Display';
}
.sbboxTxt p {
    line-height: 1.5;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 14px;
}
.closebtnS {
    width: 45px;
    height: 45px;
    border: 2px solid #063072;
    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;
    font-size: 22px;
    border-radius: 50%;
    cursor: pointer;
    color: #063072;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px;
}
.dfbox {
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: inset 0 0 10px rgb(139 139 139 / 15%), 0 10px 10px rgb(0 0 0 / 10%);
            box-shadow: inset 0 0 10px rgb(139 139 139 / 15%), 0 10px 10px rgb(0 0 0 / 10%);
    margin-bottom: 25px;
    padding: 10px;
    border-bottom: 1px solid gainsboro;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blogLarge {
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 15px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border: 1px solid #ebebeb;
}
.blLeft {
    width: 47%;
}
.blRight {
    width: calc(52% - 50px);
}
/* Comment by ankit
.blLeft img {
    width: 100%;
    border-radius: 15px;
}
*/
.blLeft img {
    width: 100%;
    max-height: 291px;
    border-radius: 15px;
}

.ctname {
    padding-bottom: 8px;
    line-height: 20px;
}
.ctname a {
    display: inline-block;
    color: #f57e20;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}
/* Comment by Ankit
.blRight a h2 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 35px;
    font-family: 'GT Super Display';
    font-weight: 600;
}
*/

.blRight a h2 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 35px;
    font-family: 'GT Super Display';
    font-weight: 600;
}


.blRight p {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    color: #4c4c4c;
    line-height: 1.6;
}
.blRight .authorName {
    margin: 15px 0 0;
    font-size: 14px;
    color: #5ac692;
    font-weight: 500;
}
.blRight a:hover h2 {
    color: #f57e20;
}
.latestRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.latestCol {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.latestColLeft {
    width: 59%;
}
.latestColRight {
    width: 41%;
    padding-left: 65px;
}
.category_tags {
    position: sticky;
    top: 70px;
}
.cat_head {
    padding: 0 0 20px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 30px;
    line-height: 35px;
    font-family: 'GT Super Display';
    color: #1b355e;
    font-weight: 600;
}
.cat_grid_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 0 0;
    gap: 5px;
}
.cat_grid_box a {
    padding: 8px 20px;
    border: 1px solid #b7b6b6;
    color: #000;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    line-height: 14px;
}
.cat_grid_box a:hover {
    background: #f57e20;
    color: #fff;
    border-color: #f57e20;
}
.ltrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 15px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
}
.ltcolImg {
    width: 50%;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    overflow: hidden;
}
.ltcolTxt {
    width: 50%;
    margin: 0;
    padding: 0 0 0 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.ltcolImg a {
    display: block;
}
.ltcolImg a img {
    width: 100%;
    border-radius: 10px;
}
.ltcolTxt a h2 {
    font-size: 17px;
    font-weight: 700;
    margin: 0px 0 10px;
    line-height: 20px;
    font-family: 'GT Super Display';
}
.ltcolTxt p {
    font-size: 14px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    color: #4c4c4c;
    margin: 10px 0 0;
    line-height: 1.5;
}
.ltcolTxt .authorName {
    margin: 7px 0 0;
    font-size: 14px;
    color: #5ac692;
    font-weight: 500;
}
.dfFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.customPagination {
    gap: 5px;
}
.customPagination .page-item a {
    background-color: #f3f3f3;
    color: #052351;
    border: 1px solid #bababa;
    border-radius: 4px;
    padding: 0 15px;
    height: 36px;
    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;
}
.customPagination .page-item a.active {
    background: #f57e20;
    color: #fff;
    border-color: #f57e20;
}
.latestBlog {
    margin-bottom: 40px;
    margin-top: 40px;
}
.blogRow .blogItem:hover .biContent h3 {
    color: #f57e20;
}
.fooMenu ul a:hover {
    color: #1355be;
}
.sm ul a:hover {
    background: #1355be;
    color: #ffffff;
}
.langBtn a:hover {
    color: #ffffff;
    background: #1355be;
    border-color: #1355be;
}
.latestBlog .heading {
    margin-bottom: 30px;
}
.hireDedicated {
    padding: 0 50px;
}
.webMobile6Inn3 .wmrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.webMobile6Inn3 .wmcol {
    max-width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    padding: 15px;
    position: relative;
    cursor: pointer;
}
.wmcolbox{
    padding: 35px 20px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.webMobile6Inn3 .wmcol .counting, .webMobile6Inn3 .wmcol .kk_ {
    line-height: 45px;
    max-height: 45px;
    font-size: 45px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
}
.webMobile6Inn3 .wmcol .inner3 p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
}
.iconX img {
    width: 60px;
    -webkit-filter: invert(1);
            filter: invert(1);
    margin: 0 auto 0;
}
.webMobile6Inn3 .wmcol .inner {
    padding: 0;
    /* margin: 20px 0 15px; */
}
.webMobile6Inn3 .wmcol .inner .inner1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.webMobile .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wmcolbox1 {
    background: #007cda;
}
.wmcolbox2 {
    background: #009a61;
}
.wmcolbox3 {
    background: #dc9400;
}
.wmcolbox4 {
    background: #e92b2b;
}
.wmcolbox5 {
    background: #6522da;
}
.wmcolbox6 {
    background: #54a218;
}
.wmcol2 {top: 30px;}

.wmcol.wmcol5 {
    top: 30px;
}
.webMobile6Inn3 {
    background: url(../img/iogoos-circle.png);
}
@-webkit-keyframes about-icon {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    20%,40%,60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }
    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}
@keyframes about-icon {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    20%,40%,60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }
    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}
.wmcolbox:hover img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-animation: about-icon 5s ease-in-out infinite alternate both;
    animation: about-icon 5s ease-in-out infinite alternate both;
}
.wmcolbox1:hover {
    background: #4fb3ff;
}
.wmcolbox2:hover {
    background: #3fecc3;
}
.wmcolbox3:hover {
    background: #ffad18;
}
.wmcolbox4:hover {
    background: #ff7373;
}
.wmcolbox5:hover {
    background: #827cff;
}
.wmcolbox6:hover {
    background: #6eec5b;
}
/*================SINGLE BLOG CSS*/
.singleBlog {
    background: #f3f3f3;
    padding: 0 0 70px;
}
.sbleft {
    max-width: 68%;
    padding-right: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.sbright {
    position: sticky;
    top: 120px; /* adjust based on header */
    align-self: flex-start;
    width: 32%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0 15px;
}
.sbrightbox {
    background: #08090b;
    border-radius: 15px;
    overflow: hidden;
    position: sticky;
    top: 30px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.sbform {
    padding: 15px 20px 30px;
    margin-top: -40px;
}
.sbimg img {width: 100%;}
.sbform h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
    color: #fff;
}
.sbform form .form-group {
    margin-bottom: 10px;
    position: relative;
}
.sbform form .form-group input,.sbform form .form-group select {
    height: 35px;
    padding: 5px 0;
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.5;
    background-color: transparent;
    border: 0;
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid rgb(255 255 255 / 60%);
    color: #f9f9f9;
    text-shadow: 0px 6px 26px #00000029;
    resize: none;
    border-radius: 0;
}
.sbform form .form-group label {
    position: absolute;
    top: 61%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    color: #b7b7b7;
    pointer-events: none;
    -webkit-transition: all .15s ease-out 0s;
    -o-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    text-shadow: 0px 6px 26px #00000029;
}
.sbform form .form-group select {
}
.sbform form .form-group input:focus, .sbform form .form-group select:focus {
    border-color: white;
    outline: none;
}
.sbform form .form-group textarea {
    padding: 10px 0;
    margin: 10px 0 0;
    font-size: 14px;
    background-color: transparent;
    border: 0;
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid rgb(255 255 255 / 60%);
    text-shadow: 0px 6px 26px #00000029;
    resize: none;
    border-radius: 0;
    position: relative;
    color: #ffffff;
    z-index: 0;
}
.sbform form .form-group textarea:focus {
    outline: none;
}

/* commented by ankit 190326 - Old Code
.sbform form .form-group .choose_file {
    bottom: 1px;
    right: 0px;
    border: 1px solid rgb(255 255 255 / 60%);
    width: 195px;
    height: 35px;
    position: absolute;
    z-index: 1;
    border-bottom: 0;
}
.sbform form .form-group .choose_file input {
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    border: 0;
    height: 100%;
}
.sbform form .form-group .choose_file input:after {
    content: 'BROWSE | DROP FILES HERE';
    position: absolute;
    left: 0;
    top: 0;
    color: #dedede;
    width: 100%;
    font-weight: 600;
    height: 100%;
    font-size: 12px;
    background: #08090b;
    padding: 10px 13px;
    line-height: 14px;
} 
*/

/*New Code start*/
.sbform form .form-group .choose_file {
    bottom: 1px;
    right: 0;
    border: 1px solid rgb(255 255 255 / 60%);
    width: 195px;
    height: 35px;
    position: absolute;
    border-bottom: 0;
    overflow: hidden;
}

.sbform form .form-group .choose_file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; 
    cursor: pointer;
    z-index: 2;
}

.sbform form .form-group .choose_file::after {
    content: 'BROWSE | DROP FILES HERE';
    position: absolute;
    left: 0;
    top: 0;
    color: #dedede;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 12px;
    background: #08090b;
    padding: 10px 13px;
    line-height: 14px;
    z-index: 1;
    pointer-events: none; 
}

/*New Code End*/

.sbformbtn {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sbformbtn input {
    width: 120px;
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
}
.sbrightbox2 {
    margin: 0 0 30px;
}
.sbrightbox2 h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px;
    font-family: 'GT Super Display';
}
.sbrightbox2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sbrightbox2 ul li {
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.sbrightbox2 ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sbrightbox2 ul li a .left {
    width: 28%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.sbrightbox2 ul li a .right {
    width: 72%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 15px;
}
.sbrightbox2 ul li a .right h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 16px;
    color: #f57e20;
}
.sbrightbox2 ul li a .right p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #052351;
    overflow: hidden;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-family: 'GT Super Display';
}
.sbrightbox2 ul li a .left img {
    width: 100%;
    border-radius: 10px;
}
.sbleft h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px;
    font-family: 'GT Super Display';
    line-height: 35px;
}
.sbboximg2 {
    width: 100%;
    margin: 30px 0 30px;
}
.sbleft h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 25px 0 15px;
    line-height: 30px;
    font-family: 'GT Super Display';
}
.sbleft p {
    margin: 0 0 15px;
    line-height: 1.6;
}
.sbleft ul,.sbleft li {
    list-style: none;
}
.sbleft li, .bulletscheck li {
    margin: 5px 0;
    /* font-size: 17px; */
}
.sbleft ul {
    margin-top: 30px;
    margin-bottom: 30px;
}
.videobox {
    margin-top: 30px;
}
.sbleft h3 {
    font-size: 25px;
    font-weight: 600;
    font-style: italic;
    margin: 25px 0 20px;
    font-family: 'GT Super Display';
    line-height: 30px;
}
.sbleft li strong {
    font-weight: 700;
    font-family: 'GT Super Display';
}
.sbleft h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 25px 0 20px;
    font-family: 'GT Super Display';
    line-height: 30px;
}
.leavecommentbox form {
    background: #fff;
    padding: 35px;
    max-width: 85%;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.comment-notes p {
    margin: 0;
}
.leavecommentbox form label {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 7px;
}
.leavecommentbox form textarea {
    width: 100%;
    border: 1px solid #b8b8b8;
    padding: 10px 15px;
    border-radius: 10px;
    height: 120px;
}
.leavecommentbox form input {
    width: 100%;
    height: 40px;
    border: 1px solid #b8b8b8;
    padding: 6px 15px;
    border-radius: 10px;
}
.leavecommentbox form  .form-submit {
    margin: 30px 0 0;
}
.leavecommentbox form .form-submit input {
    max-width: 200px;
    height: 45px;
}
/*
.leavecommentbox form .comment-form-cookies-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
*/

.leavecommentbox form .comment-form-cookies-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.leavecommentbox form .comment-form-cookies-consent input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.leavecommentbox form .comment-form-cookies-consent label {
    margin: 0;
}

.comment-form-comment {
    margin: 0 0 13px;
}
.leavecommentbox form p,.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-cookies-consent {
    margin: 0 0 20px;
}
.commentsay {
    margin: 0px 0 30px;
    font-style: italic;
}
.commentAuthor {
    max-width: 80px;
    width: 100%;
    margin: 0 0 15px;
}
.commentAuthor img {
    width: 100%;
}
.decspt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}
.blog-comt-no {
    font-size: 20px;
    font-weight: 700;
    margin: 0 10px 0 0;
    line-height: 30px;
}
.blog-name a {
    display: block;
}
.commentReply a {
    font-weight: 700;
    font-size: 18px;
}
.singleBl .latestBlog {
    margin: 0;
}
.choosingScroll {
    background: -o-linear-gradient(75deg, #000000 0, #131313 100%);
    background: linear-gradient(375deg, #000000 0, #131313 100%);
}
.chooseRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.chooseCol {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.iogoosCard {
    padding: 30px 30px 30px 50px;
    display: block;
    position: relative;
}
.iogoosCard:before {
    position: absolute;
    content: "";
    bottom: 0;
    background: #2a2a2a;
    width: 100%;
    height: 1px;
    left: 0;
    border: solid;
}
.iogoosHead {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    font-family: 'GT Super Display';
}
.iogoosHead i {
    position: absolute;
    left: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    font-size: 25px;
}
.iogoosPara p {
    font-weight: 400;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    padding-top: 15px;
    opacity: .8;
}
.iogoosCard:hover {background-color: rgb(19 19 19);}
.iogoosCard:hover i {
    left: -40px;
}
.sticySection {
    position: sticky;
    top: 10%;
    padding-right: 70px;
}
.sticySection h2 {
    color: #fff;
}
.boxcho {
    width: 450px;
    border-radius: 10px;
    position: relative;
    padding: 40px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    border: 1px solid #1c1c1c;
    background: #131313 url(../img/iogoos-circle.png);
    background-size: cover;
    background-position: center;
}
.boxcho h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 45px;
    margin: 0;
    font-family: 'GT Super Display';
}
.boxcho p {
    color: #fff;
    line-height: 1.6;
}
.boxcho a.btn_ {
    max-width: 280px;
}
.essence .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.avtarImg svg {
    color: #5f5f5f;
    height: 60px;
}
.customSoftware ul li a:hover svg,.customSoftware ul li a:hover i {
    color: #fff;
}
#slick-slider2 .slick-slide {
    padding: 0 1px;
}
.futureBox:hover {
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border-top: 3px solid #052351;
}
.location .col-sm-3:hover {
    opacity: 1;
}
.bottomFooter {
    background: #04080c;
}
.col-sm-4.contactN.contactN2 {
    border-left: 1px solid #48494a;
    border-right: 1px solid #48494a;
}
.workTogether #slick-slider .slick-slide {
    padding: 0 7px;
}
.blogRow .row {
    margin: 0 -7px;
}
.sbform form .form-group select:focus,.sbform form .form-group textarea:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.sbform input::-webkit-input-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform input::-moz-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform input:-ms-input-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform input::-ms-input-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform input::placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform textarea::-ms-input-placeholder {
  color: #f9f9f9;
}
.sbform textarea::-webkit-input-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform textarea::-moz-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform textarea:-ms-input-placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform textarea::placeholder {
  color: #f9f9f9;
  opacity: 1;
}
.sbform input::-ms-input-placeholder {
  color: #f9f9f9;
}
.sbform select option {
  margin: 40px;
  background: #fff;
  color: #08090b;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.accboxSec1 {
}
.accboxaACC .accordian-content p {
    /* color: #fff; */
    /* opacity: .7; */
}
.accboxaACC .accordian-item:after {
    position: absolute;
    font-size: 40px;
    right: 20px;
    line-height: 60px;
    top: 50%;
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1b355e;
    font-weight: 700;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-style: italic;
}
.accboxaACC .accordian-item.one:after{content: "01";}
.accboxaACC .accordian-item.two:after{content: "02";}
.accboxaACC .accordian-item.three:after{content: "03";}
.accboxaACC .accordian-item.four:after{content: "04";}
.accboxaACC .accordian-item.five:after{content: "05";}
.accboxaACC .accordian-item.six:after{content: "06";}
.accboxaACC .accordian-item.seven:after{content: "03";}
.accboxaACC .accordian-item.eight:after{content: "04";}
.accboxSec2 {
}
.swipeSec {
    background: #000;
    padding-top: 100px;
}
.swipeSec .heading h2 {
    color: #fff;
    margin: 0 0 30px;
}
.swipeSec .heading p {
    color: #d4d4d4;
}
.btnNs {
    max-width: 250px;
}
.swipeSec .heading {
    margin-bottom: 40px;
}
.swipeSec .col-sm-6:first-child {
    width: 46%;
}
.swipeSec .col-sm-6:last-child {
    position: sticky;
    width: 44%;
    top: 100px;
}
.swipebox {
    position: sticky;
    background-color: #000;
    border: 1px solid #4a4a4a;
    border-radius: 15px;
    padding: 40px;
    margin-bottom: 30px;
}
.swipeSec .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.swipeHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 25px;
    font-size: 28px;
    color: white;
    font-weight: 700;
    gap: 15px;
}
.swipeHeading h4 {
    font-size: 25px;
    color: #fff;
    margin: 0;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.swipeContent p {
    color: #d4d4d4;
}
.swipebox:nth-child(2) {
}
.swipebox:nth-child(3) {
}
.swipebox:nth-child(4) {
}
.swipebox:nth-child(5) {
}

/*================CONTACT US PAGE CSS*/
.tworow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
}
.twobtn a {
}
.twobtn a {
    width: 180px;
}
.contactuspagetitle {
    background: url(../img/ecom-main-ban.webp);
    padding: 50px 0 70px;
    position: relative;
    z-index: 0;
    height: 550px;
}
.contactuspagetitle:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #063072;
    background-image: -o-linear-gradient(135deg, #09377f 0, #094096 74%);
    background-image: linear-gradient(315deg, #09377f 0, #094096 74%);
    opacity: .8;
}


.contactuspagetitle .row {
    position: relative;
    z-index: 1;
}

.contactDee {
    padding-top: 50px;
}
.contactDee .heading h2,.contactDee .heading p {
    color: #fff;
}
.contactDee .heading p {
    font-size: 17px;
    line-height: 1.5;
}
.contactDee .heading p {
    margin-top: 15px;
}
.contactDee .heading h2 {
    /* font-size: 45px; */
    /* line-height: 55px; */
}
.conForm {
    margin: 0 0 -120px;
    border-radius: 15px 15px 0 0;
    -webkit-box-shadow: 0px 0px 74px 0px rgb(41 74 69 / 11%);
    box-shadow: 0px 0px 74px 0px rgb(41 74 69 / 11%);
    border-radius: 15px;
    background: #fff;
    padding: 30px 40px 40px;
}
.conForm h2 {
}
.conForm .formbox {
}
.conForm .formbox .col-sm-6 {
    width: 50%;
}
.conForm .formbox input,.conForm .formbox select {
    padding: 10px 0px;
}
.conForm .textarebox {
}
.conForm .textarebox textarea {
    border: 0;
    border-bottom: 1px solid #b8b8b8;
    margin: 10px 0 0;
    padding: 10px 2px;
}
.conForm .textarebox .choose_file {
    border-right: 1px solid #b8b8b8;
}
.conForm .textarebox input:after {
    font-size: 13px !important;
}
.conForm .letsDiscussbtn {
    margin: 0;
    display: block;
}
.conForm .letsDiscussbtn .button_ {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0;
    width: 100%;
}
.conForm .letsDiscussbtn .form-group {
    padding: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.browseFlErr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
    height: 40px;
    margin-top: 10px;
}
.addAtc {
    position: absolute;
    right: 0;
    top: 0;
    background: #0092ff;
    width: 40px;
    height: 40px;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    border-radius: 5px;
    cursor: pointer;
}
.addAtc input {
    background: rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;
    z-index: 2;
}
.addAtc a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.i-cross-w {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
}
.i-cross {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
}
.i-cross-line {
    position: absolute;
    background: #fff;
    border-radius: 5px;
}
.i-cross-line:first-child {
    top: 0;
    width: 3px;
    height: 50%;
    left: 10px;
}
.i-cross-line:nth-child(2) {
    top: 9px;
    right: -1px;
    width: 50%;
    height: 3px;
}
.i-cross-line:nth-child(3) {
    bottom: 0;
    width: 3px;
    height: 50%;
    left: 10px;
}
.i-cross-line:nth-child(4) {
    bottom: 10px;
    left: 0;
    width: 50%;
    height: 3px;
}
.addAtc:hover {
    background: #0078d1;
}
@-webkit-keyframes c {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(0,-120%,0);
        transform: translate3d(0,-120%,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes c {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(0,-120%,0);
        transform: translate3d(0,-120%,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes d {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(120%,0,0);
        transform: translate3d(120%,0,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes d {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(120%,0,0);
        transform: translate3d(120%,0,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes e {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(0,120%,0);
        transform: translate3d(0,120%,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes e {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(0,120%,0);
        transform: translate3d(0,120%,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes f {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(-120%,0,0);
        transform: translate3d(-120%,0,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes f {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    70% {
        -webkit-transform: translate3d(-120%,0,0);
        transform: translate3d(-120%,0,0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.addAtc:hover .i-cross-line:nth-child(1){
    -webkit-animation: c linear .25s 60ms;
    animation: c linear .25s 60ms;
}
.addAtc:hover .i-cross-line:nth-child(2){
    -webkit-animation: d linear .25s;
    animation: d linear .25s;
}
.addAtc:hover .i-cross-line:nth-child(3){
    -webkit-animation: e linear .25s 60ms;
    animation: e linear .25s 60ms;
}
.addAtc:hover .i-cross-line:nth-child(4){
    -webkit-animation: f linear .25s .12s;
    animation: f linear .25s .12s;
}
.contactuspagetitle .col-sm-6 {
}
.contactuspagetitle .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#clients_logo2 .slick-list {
    padding: 0;
}
#clients_logo2 .client-col {
    padding: 0 10px;
    height: auto;
    margin: 0;
    border: 0;
}
#clients_logo2 .client-col img {
    -webkit-filter: unset;
            filter: unset;
    opacity: 1;
    width: 100%;
}
#clients_logo2 .slick-slide {
    padding: 0 3px;
}
.contactCls {
    padding: 35px 0;
}
.hndredprcnt {
    margin: 20px 0 0;
}
.hndredprcnt {
    text-align: center;
}
.hndredprcnt p {
    color: #afafaf;
    font-size: 14px;
    margin: 0 0 2px;
    line-height: 18px;
}
.checKb {
    color: #afafaf;
    font-size: 14px;
}
.conForm .formbox input::-webkit-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox input::-moz-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox input:-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox input::-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox input::placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox input::-ms-input-placeholder {
  color: #606060;
}
.conForm .formbox textarea::-webkit-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox textarea::-moz-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox textarea:-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox textarea::-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox textarea::placeholder {
  color: #606060;
  opacity: 1;
}
.conForm .formbox textarea::-ms-input-placeholder {
  color: #606060;
}
.browseFlErr label {
    font-size: 15px;
    color: #727272;
}
.accurate-fit {
    background: #eaeaea;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 40px #7a7a7a29;
            box-shadow: 1px 1px 40px #7a7a7a29;
    margin: 0 auto;
    max-width: 900px;
    padding: 50px 30px;
    width: 100%;
    border: 1px solid #dfdfdf;
}
.accurate-fit .heading {
    margin-bottom: 40px;
}
.accurate-fit .get_a_quote {
    max-width: 350px;
    width: 100%;
    margin: auto;
}
.cmap img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.contactmap {
    margin: 70px 0 0;
}
.cmap {
    position: relative;
    width: 1050px;
    margin: 0 auto;
}
.locationDi {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 40px;
    width: 50px;
}
.locationDi img {
    -webkit-animation: blickk .5s linear infinite;
            animation: blickk .5s linear infinite;
}
.locationDi1 {
    top: 8%;
    left: 37%;
}
.locationDi2 {
    top: 21%;
    left: 15%;
}
.locationDi3 {
    top: 48%;
    left: 51%;
}
.locationDi4 {
    top: 46%;
    left: 46%;
}
.locationDi5 {
    top: 61%;
    left: 52%;
}
.locationDi6 {
    top: 38%;
    left: 15%;
}

.locationDi img {
    width: 30px;
    cursor: pointer;
}
@-webkit-keyframes blickk{
    0%{
        -webkit-transform: scale(.9);
                transform: scale(.9);
    }
    50%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(.9);
                transform: scale(.9);
    }
}
@keyframes blickk{
    0%{
        -webkit-transform: scale(.9);
                transform: scale(.9);
    }
    50%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(.9);
                transform: scale(.9);
    }
}
.locationDi span {
    position: relative;
    top: 2px;
    left: 0;
    font-size: 11px;
    font-weight: 900;
    color: #052351;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    line-height: 12px;
}
.cmapmain {
    opacity: .4;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.conDtailsss {
    position: absolute;
    left: 50%;
    overflow: hidden;
    color: #fff;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 47px;
    width: 300px;
    padding: 0;
    background: #063d91;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 30%);
            box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    border: 2px solid rgb(255 255 255 / 20%);
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
    display: none;
}
.addDresss {
    padding: 20px 20px 0;
    font-size: 14px;
}
.conDtailsshd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    position: relative;
}
.contLogo img {
    width: 25px;
    -webkit-animation: unset;
            animation: unset;
}
.contLogoName {
    font-size: 14px;
}
.conDtailsshd {
    padding: 12px 20px;
    border-bottom: 2px solid rgb(255 255 255 / 20%);
    background: rgb(8 54 124);
}
.phoneDresss {
    padding: 10px 20px 20px;
    font-size: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.locationDi:hover .conDtailsss {
    display: block;
}
.addDresss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.addDresss i,.phoneDresss i {
    width: 20px;
    font-size: 18px;
    margin: 0;
}
.iogooslogo {
    position: absolute;
    right: 0;
    width: 100px;
}
.iogooslogo img {
    width: 70px;
    -webkit-animation: unset;
            animation: unset;
}
.locationDi5 .conDtailsss {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 55px;
}
.locationDi4 .conDtailsss {-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);top: unset;left: 50%;bottom: 50px;}
.locationDi3 .conDtailsss {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 55px;
}
.locationDi2 .conDtailsss {
    bottom: 50px;
    top: unset;
}
.contactN2 .cntnImg {
    width: 35px;
}
.contactN3 .cntnImg {
    width: 32px;
}
.accboxaACC .accordian-item:hover {
    background: rgb(231 241 255);
    border-color: #1b355e;
}

/*===================SINGLE PORTFOLIO PAGE CSS*/
.chalange {
    background: #1b355e;
}
.bigfont {
    margin: 0 0 20px;
    font-weight: 800;
    font-size: 130px;
    line-height: 140px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 rgb(67 117 194), 1px -1px 0 rgb(67 116 194), -1px 1px 0 rgb(68 118 196), 1px 1px 0 rgb(68 117 195);
    color: #1b355e;
    font-family: 'GT Super Display';
}
.chalangebox p {
    color: #fff;
    width: 85%;
}
.chalangeBox2 {
    padding: 30px;
    border-radius: 10px;
    background: rgb(25 65 126 / 50%);
    color: #fff;
    -webkit-box-shadow: 1px 3px 18px 3px rgb(0 0 0 / 20%);
            box-shadow: 1px 3px 18px 3px rgb(0 0 0 / 20%);
}
.chalangeBox2 h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
}
.chalangeBox2 ul li {
    font-size: 15px;
    line-height: 1.7;
    position: relative;
}
.chalangeBox2 h4 {
    color: white;
    margin: 15px 0 5px;
    font-size: 18px;
}
.chalangeBox2 a {
    color: #fff;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.chalange .col-sm-8 {
    width: 70%;
}
.chalange .col-sm-4 {
    width: 30%;
}
.chalange .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.port-design {
    background: -o-linear-gradient(bottom, #0e0e0e 40%, #1c1c1c);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #0e0e0e), to(#1c1c1c));
    background: linear-gradient(0deg, #0e0e0e 40%, #1c1c1c);
}
.top-area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
}
.top-area .col-lg-6:first-child {
    width: 48%;
}
.top-area .col-lg-6:last-child {
    width: 52%;
}
.bottom-area .col-lg-12 {
    padding: 15px 0 15px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
.bottom-area .col-lg-12 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
    margin: 30px 0 50px;
}
.bottom-area .col-lg-12 i {
    font-size: 50px;
    color: #fff;
    position: relative;
    height: 70px;
    width: 70px;
    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;
}
.bottom-area h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 15px;
    font-family: 'GT Super Display';
}
.bottom-area p {
    color: #fff;
    width: 80%;
}
.bottom-area .col-lg-6 {
    width: 46%;
    background: #111111;
    margin: 0 10px;
    padding: 35px;
    border-radius: 10px;
    border: 1px solid #242323;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
            box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    transition: transform 0.4s ease, box-shadow 0.4s ease; //below code added by ankit
    transform-style: preserve-3d;
    perspective: 1000px;
}

/* Hover effect - added by ankit */
.bottom-area .col-lg-6:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
    background: linear-gradient(145deg, #111111, #1a1a1a);
    border: 1px solid #052351;
}

.chalange1 {
    text-align: center;
}
.chalange1 p {
    width: 92%;
    color: #fff;
    margin: 0 auto;
    text-align: justify;
}
.port-inner2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 50px;
}
.port-inner2 .previous, .port-inner2 .Next {
    background: transparent;
    border: 0;
    font-size: 20px;
    color: #1b355e;
    line-height: 25px;
    font-weight: 600;
}
.portSection .row .col-lg-7 {
    position: relative;
}
.portSection .row .col-lg-7 img {
    width: 100%;
    padding-left: 30px;
}
.portSection .inner h1 {
    font-size: 28px;
    margin: 0 0 15px;
    font-weight: 600;
    font-family: 'GT Super Display';
}
.portSection .inner h1 span {
    font-size: 17px;
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-left: 60px;
    color: #ea3672;
    font-weight: 600;
}
.portSection .inner h1 span:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    background-color: #ea3672;
    left: 0;
    top: 8px;
}
.portSection .inner .button_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin: 30px 0 0;
}
.portSection .inner .button_ .btn-secondary_ {
    padding: 0 20px;
}
.port-inner2 button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
}
.port-inner2 button span{
    border: 2px solid #3c5a89;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    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;
    cursor: pointer;
}
.port-inner2 button span img {
    width: 20px;
}
/* Comment by Ankit
.portfolio-inner {
    background: url("../img/accurascan-main-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 520px;
    color: #fff;
    text-align: center;
    position: relative;
}
*/

.portfolio-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 520px;
    color: #fff;
    text-align: center;
    position: relative;
}


.portfolio-inner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: -o-linear-gradient(left, rgb(3 29 68), rgb(17 6 65 / 40%));
    background: -webkit-gradient(linear, left top, right top, from(rgb(3 29 68)), to(rgb(17 6 65 / 40%)));
    background: linear-gradient(90deg, rgb(3 29 68), rgb(17 6 65 / 40%));
}
.portfolio-inner hr {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 500px;
    border: 1px solid #ffffff;
    z-index: 1;
    margin: 0px;
    opacity: 1;
}
.portfolio-inner .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.portfolio-inner .inner {
    padding: 120px 0 0;
    position: relative;
    z-index: 1;
    color: #fff;
}
.portfolio-inner .inner h2 {
    font-weight: 600;
    color: #fff;
    font-size: 45px;
    margin: 0 0 10px;
    font-family: 'GT Super Display';
    line-height: 50px;
}
.portfolioboxr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 470px;
    position: relative;
    margin-bottom: -135px;
    width: 100%;
    gap: 20px;
    font-family: Roboto, sans-serif;
}
.portfolio-inner ul li {
    text-align: left;
    width: calc(60% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.portfolio-inner ul li a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5px;
}
.portfolio-inner ul li a i {font-size: 25px;line-height: 32px;}
.portfolioboxr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 100px 0 0;
    position: relative;
    z-index: 1;
}
.portfolio-inner ul li:nth-child(1),.portfolio-inner ul li:nth-child(3) {
    width: calc(40% - 15px);
}
.innerTiTlE {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 7px;
    display: block;
    line-height: 20px;
    font-family: 'GT Super Display';
}
.iconFa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.iconFa i:nth-child(1) {
    font-size: 32px;
    line-height: 32px;
}
.iconFa i:nth-child(2) {
    font-size: 25px;
    line-height: 25px;
}
.iconFa i:nth-child(3) {
    font-size: 20px;
    line-height: 20px;
}
.iconFa2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.innerPadfc,.innerPadb {
    font-size: 15px;
    font-weight: 400;
}
.port_feature .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.port_feature .inner h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'GT Super Display';
}
.port_feature .inner h3 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    margin: 0 0 10px;
    display: inline-block;
    font-family: 'GT Super Display';
}
.port_feature .inner span {
    margin-left: 60px;
}
.new-chk li {
    padding: 0px 0px 5px 28px;
    position: relative;
}
.port_feature .inner h3:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background-color: #ea3672;
    left: 0;
    top: 10px;
}
.new-chk li:before {
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    background-image: url(../img/new-chk.png);
    top: 5px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.mobSlide .slick-slider {
    width: 70%;
    margin: 20px auto 50px;
}
.real-top img {
    width: 100%;
}
.mobSlide .slick-slider button {
    position: absolute;
    top: 50%;
    font-size: 0;
    z-index: 1;
    background: none;
    border: none;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mobSlide .slick-slider button.slick-prev,.mobSlide .slick-slider button.slick-next {
    content: "";
    opacity: 1;
    width: 2.5rem;
    height: 2.5rem;
    border-style: solid;
    border-color: currentColor;
    border-width: 3px 3px 0 0;
    color: #052351;
    border-radius: 0px;
}
.mobSlide .slick-slider button.slick-next {
    -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
            transform: rotate(45deg) !important;
    right: -30px;
}
.mobSlide .slick-slider button.slick-prev {
    left: -30px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
}
.mobSlide .heading p {
    margin: 15px 0 0;
}
.bottom-area .col-lg-12 i:after {
    width: 70px;
    height: 70px;
    /* border: 1px solid rgb(210 210 210); */
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: 0;
}
.bottom-area .col-lg-12 i:before {
    z-index: 1;
    position: relative;
    font-size: 45px;
    color: rgb(207 207 207);
}
.top-area .bigfont {
    margin: 0;
    color: #171717;
}
.clientSay {
    background: -o-linear-gradient(75deg, #000000 0, #0e0e0e 100%);
    background: linear-gradient(375deg, #000000 0, #0e0e0e 100%);
}
.clientSay .container {
    max-width: 60%;
    width: 100%;
}
.clientSay .heading h2 {
    color: #fff;
}
.clientSay .heading p {
    color: #fff;
}
.clientSay .testBox {
    border-color: rgb(255 255 255 / 80%);
    opacity: 1;
    padding: 50px 50px;
}
.clientSay .testBoxText p {
    color: #fff;
    font-size: 18px;
    font-style: italic;
}
.clientSay .testBox .founderT {
    color: #fff;
}
.clientSay .testBox .founderCompany {
    color: #fff;
}
.seprater .row {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #faf1dd;
    border-radius: 15px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.sepraterboxT {
    padding: 0px 40px;
}
.sepraterboxT h3 {
    margin: 0 0 50px;
    font-size: 30px;
    line-height: 42px;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.sepraterboxImg img {
    width: 100%;
}
.seprater .col-sm-4 {
    width: 30%;
    position: absolute;
    right: -30px;
    top: -20px;
}
.seprater .col-sm-8 {
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    top: 50%;
}
.portAccoBox .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.portAccoLt {
    width: 52%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
/*
.portAccoRt {
    width: 43%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
*/
.portAccoRt {
    width: 43%;
    flex: 0 0 auto;
    position: relative;
}
.portAccoRt .tab-content .tab-pane {
    position: relative;
    overflow: hidden;
}

.portAccoLt .nav-tabs {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.portAccoLt .nav-tabs li {
    position: relative;
}
.portAccoLt .nav-tabs li a {
    border: none;
    border-bottom: solid 2px #dfdfdf;
    color: #8a8987;
    padding: 0 0 22px 40px;
    margin-bottom: 22px;
    position: relative;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: capitalize;
}
.portAccoLt .nav-tabs li a span {
    position: absolute;
    left: 0;
    top: 2px;
}
.portAccoLt .nav-tabs li a.active {
    color: #052351;
}
.portAccoLt .nav-tabs li a:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    background-color: #b6b5b3;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0ms ease-out;
    transition: -webkit-transform 0ms ease-out;
    -o-transition: transform 0ms ease-out;
    transition: transform 0ms ease-out;
    transition: transform 0ms ease-out, -webkit-transform 0ms ease-out;
    left: 0;
}
.portAccoLt .nav-tabs li a.active:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    border-bottom: solid 2px #000;
    -webkit-transition: -webkit-transform 4s ease-in;
    transition: -webkit-transform 4s ease-in;
    -o-transition: transform 4s ease-in;
    transition: transform 4s ease-in;
    transition: transform 4s ease-in, -webkit-transform 4s ease-in;
}
/*
.portAccoRt figure {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
*/
.portAccoRt figure {
    margin: 0;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 15px; /* Rounded corners */
    overflow: hidden;
}

.portAcco h2 {
    text-transform: none;
}
#card1 {
    --index: 1;
    top: 15%;
}
#card2 {
    --index: 2;
    top: 17%;
}
#card3 {
    --index: 3;
    top: 19%;
}
#card4 {
    --index: 4;
    top: 21%;
}
#card5 {
    --index: 5;
    top: 23%;
}
#card6 {
    --index: 6;
    top: 25%;
}
#card7 {
    --index: 7;
    top: 27%;
}
#card8 {
    --index: 8;
    top: 29%;
}
#card9 {
    --index: 9;
    top: 31%;
}
#card10 {
    --index: 10;
    top: 33%;
}
#card12 {
    top: 35%;
    --index: 12;
}
#card11 {
    top: 35%;
    --index: 11;
}


.stickys {
    position: sticky;
    top: 100px;
}
.cntnImg i {
    color: #fff;
    font-size: 35px;
    margin-top: 2px;
}
.blogLarge:hover {
    background: #f4f1eb;
    border-color: #052351;
}
.sbrightbox2 ul li:hover {
    background: #eaeaea;
    -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%);
            box-shadow: 0 3px 20px rgb(0 0 0 / 20%);
}
.sbrightbox:hover {
    -webkit-box-shadow: 0 3px 20px 5px rgb(0 0 0 / 20%);
            box-shadow: 0 3px 20px 5px rgb(0 0 0 / 20%);
}
.portSection .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/*
.portAccoRt figure img {
    width: 100%;
}
*/

.portAccoRt figure img {
    width: 100%;
    border-radius: 15px; /* Match figure for smooth edges */
    transition: transform 0.3s ease;
}

/* Overlay text on hover */
.portAccoRt .tab-pane p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); /* semi-transparent black */
    color: #fff;
    padding: 15px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
}

/* Show the overlay text on hover */
.portAccoRt .tab-pane:hover p {
    opacity: 1;
}

/* Optional: zoom effect on hover */
.portAccoRt .tab-pane:hover img {
    transform: scale(1.05);
}
.results {
    margin: 25px 0 0;
}
.resultsrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.resultscol1 {
    width: 72%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 20px;
}
.resultscol2 {
    width: 28%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.resultscol2row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #052351;
}
.resultscol2row ul li {
    width: 130px;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    padding-right: 15px;
}
.resultscol2row ul li strong {
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 4px;
    display: block;
    line-height: 20px;
}
.resultscol2row ul li + li {
    width: 110px;
    padding-left: 25px;
    border-left: 1px solid #c9c9c9;
    padding-right: 0;
}
.resultscol1 a {
    background: #f7f7f7;
    padding: 10px 15px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    line-height: 16px;
    border-radius: 5px;
    width: 100%;
    color: #052351;
    font-weight: 500;
    height: 40px;
    font-size: 14px;
}
.blogLarge:hover .resultscol1 a {
    background: #f4f1eb;
}
.latestportfolio {
    padding: 70px 0px;
}
.latestportfolio .ltcolImg {
    width: 55%;
    margin: 0;
}
.latestportfolio .ltcolTxt {
    width: 45%;
    padding-left: 30px;
    margin: 0;
}
.latestportfolio .ltcolTxt p {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.latestportfolio .results {
    margin-top: 25px;
}
.latestportfolio .ltrow {padding: 10px;background: #f7f7f7;border-radius: 15px;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;border: 1px solid #ebebeb;margin: 0 0 15px;}
.latestportfolio .resultscol2row ul li {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
}
.latestportfolio .resultscol2 {
    width: 100%;
}
.latestportfolio .ltrow:hover {
    background: #f4f1eb;
}
.latestportfolio .heading {
    margin: 0 0 35px;
}
.portboxclm {
    padding: 0;
    width: calc(50% - 16px);
    margin: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    background: #ffffff;
    border: 1px solid #cecece;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 15px rgb(5 35 81 / 15%);
            box-shadow: 0 5px 15px rgb(5 35 81 / 15%);
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.portboxImg {
    position: relative;
    z-index: 0;
    overflow: hidden;
    z-index: 0;
}
.portboxImg img {
    width: 100%;
    -webkit-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.resultsh {
    padding: 10px 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.portboxImg:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 60%) 15%, transparent 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgb(0 0 0 / 60%)), color-stop(50%, transparent));
    background: linear-gradient(0deg, rgb(0 0 0 / 60%) 15%, transparent 50%);
    content: '';
}
.portboxDtl {
    padding: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.portTitle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.portTitle h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    width: 73%;
    padding-right: 3%;
    font-family: 'GT Super Display';
}
.port-ctg-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    position: relative;
}
.port-ctg-name i {
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.portboxImg .resultsh {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.portboxImg .resultsh .showcase__results {
    width: 70%;
}
.viewdetails {
    width: 27%;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    text-transform: capitalize;
}
.viewdetails a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    font-weight: 600;
    font-size: 15px;
    color: #052351;
}
.viewdetails a img {
    width: 18px;
}
.portboxclm:hover {
    background: #f4f1eb;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0 5px 15px 5px rgb(5 35 81 / 25%);
            box-shadow: 0 5px 15px 5px rgb(5 35 81 / 25%);
    /* border-color: #f57e20; */
}
.portboxclm:hover .portboxImg img {
    -webkit-transform: scale(1.2) translateY(20px);
        -ms-transform: scale(1.2) translateY(20px);
            transform: scale(1.2) translateY(20px);
}
.ltrow:hover {
    background: #f4f1eb;
    border-color: #f57e20;
}
.portfoliopage {
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
}
.viewdetails span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    font-weight: 600;
    font-size: 15px;
    color: #052351;
}
.viewdetails span img {
    width: 18px;
}
.resultscol2 a {
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    text-transform: capitalize;
}
.latestportfolio .results a {
    width: 180px;
    font-size: 14px;
    height: 40px;
}
.latestportfolio .results a {
    background-image: -o-linear-gradient(left, #f7f7f7, #f7f7f7);
    background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(#f7f7f7));
    background-image: linear-gradient(to right, #f7f7f7, #f7f7f7);
    text-transform: capitalize;
}
.latestportfolio .results a:hover {
    background-image: -o-linear-gradient(left, #f4f1eb, #f4f1eb);
    background-image: -webkit-gradient(linear, left top, right top, from(#f4f1eb), to(#f4f1eb));
    background-image: linear-gradient(to right, #f4f1eb, #f4f1eb);
}
.viewdetails:hover {
    background-image: -o-linear-gradient(left, #f4f1eb, #f4f1eb);
    background-image: -webkit-gradient(linear, left top, right top, from(#f4f1eb), to(#f4f1eb));
    background-image: linear-gradient(to right, #f4f1eb, #f4f1eb);
}
.resultscol2 a:hover {
    background-image: -o-linear-gradient(left, #f4f1eb, #f4f1eb);
    background-image: -webkit-gradient(linear, left top, right top, from(#f4f1eb), to(#f4f1eb));
    background-image: linear-gradient(to right, #f4f1eb, #f4f1eb);
}
/*=================SEARCH BOX DESIGN AGAIN*/
.dropdownS {
    width: 100%;
    position: relative;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: none;
}
.dropdownS .select {
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    border: 1px solid #a3a3a3;
    width: calc(100% - 45px);
}
.dropdownS .select .selected {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    color: #052351;
    background: transparent;
    cursor: pointer;
}
.dropdownS .select .caret {
    margin-left: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #052351;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.dropdownS .menu {
    visibility: hidden;
    background-color: #f2f2f2;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    position: absolute;
    width: 500px;
    top: 110%;
    border: 1px solid #a3a3a3;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -o-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
    z-index: 1;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
            box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
    padding: 0;
    border-radius: 10px;
    right: 45px;
}
.dropdownS .menu li {
    cursor: pointer;
    padding: 0;
}
.dropdownS .menu li:hover {
    background-color: #c8c8c8;
}
.dropdownS .menu-open {
    visibility: visible;
    opacity: 1;
}
.closebtn {
    width: 24px;
    height: 17px;
    position: relative;
    cursor: pointer;
}
.closebtn span {
    display: block;
    height: 1.6px;
    background: black;
    position: absolute;
    z-index: 1;
    right: 0;
    border-radius: 250px;
}
.closebtn span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
}
.closebtn span:nth-child(1) {
    top: 0px;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    width: 25px;
}
.closebtn span:nth-child(3) {
    bottom: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    width: 15px;
}
.closebtn.active span:nth-child(2) {
    display: none;
}
.closebtn.active span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 50%;
}
.closebtn.active span:nth-child(3) {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 50%;
}
.caret.caret-rotate {
    border-top: 0 !important;
    border-bottom: 8px solid blue;
}
.dropdownS label {
    color: #052351;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
    display: none;
}
/*=============HOME PORTFOLIO CSS*/
.homeportbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.homeportbox {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 15px rgb(0 0 0 / 15%);
            box-shadow: 2px 2px 15px rgb(0 0 0 / 15%);
}
.homeportboxImg {
    width: 50%;
    position: relative;
    overflow: hidden;
    height: 400px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    border-radius: 5px 0px 0px 5px;
}
.homeportboxDetail {
    width: 50%;
    position: relative;
    padding: 25px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    border-left: 1px solid #eaeaea;
}
.homeportboxDetail .showcase_card {
    padding: 0;
    position: relative;
}
.homeportboxDetail .cs {
    font-weight: 600;
    color: #ff8507;
    line-height: 15px;
}
.homeportboxDetail .app__head4 {
    color: #052351;
    font-size: 18px;
    margin: 20px 0 10px;
    line-height: 25px;
    font-weight: 700;
}
.homeportboxDetail .showcase_subhead {
    color: #5a5a5a;
    font-size: 15px;
    font-weight: 400;
}
.homeportboxDetail .showcase__results {
    width: 100%;
    margin-top: 50px;
}
.homeportboxDetail .results_head {
    color: #052351 !important;
    display: block;
    margin-bottom: 10px;
}
.homeportboxDetail .states_head span {
    color: #052351;
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: 0;
}
.homeportboxDetail .results_text {
    color: #052351;
}
.homeportboxDetail .common__btn {
    margin-top: 25px;
    display: block;
}
.homeport {
    padding: 70px 0 105px;
    background: #f9f9f9;
}
.homeportboxDetail .states_head+.states_head {
    border-color: #b3b3b3;
}
.homeportboxDetail .common__btn a {border-color: #052351;height: 40px;padding: 10px 15px;text-transform: capitalize;font-size: 15px;border-radius: 5px;}
.portsld .main-icon.slick-arrow {
}
.homeportboxImg1 {
    background: url(../img/portfolio/portfolioimg3.png);
    background-size: cover;
    background-position: top right;
}
.homeportboxImg2 {
    background: url(../img/portfolio/portfolioimg2.png);
    background-size: cover;
    background-position: top right;
}
.homeportboxImg3 {
    background: url(../img/portfolio/portfolioimg4.png);
    background-size: cover;
    background-position: top right;
}
.homeportboxImg4 {
    background: url(../img/portfolio/portfolioimg3.png);
    background-size: cover;
    background-position: top right;
}
.portsld .slick-list {
    padding-bottom: 0;
}
.porthoverbox {
    z-index: 1;
    background: #ffffff;
    border-radius: 5px 0px 5px 5px;
    height: 65px;
    width: 90%;
    overflow: hidden;
    -webkit-transition: .5s width, .5s height, .5s bottom;
    -o-transition: .5s width, .5s height, .5s bottom;
    transition: .5s width, .5s height, .5s bottom;
    position: absolute;
    bottom: -30px;
    right: 0px;
    -webkit-box-shadow: -10px 0px 10px rgb(0 0 0 / 15%);
            box-shadow: -10px 0px 10px rgb(0 0 0 / 15%);
    z-index: 1;
}
.portboxclm:hover .porthoverbox {
    height: 85%;
}
.homeport .portboxclm {
    margin: 10px 10px 30px;
    overflow: unset;
}
.colConboxlogo img {
    width: 100%;
}
.colConboxlogo {
    max-width: 125px;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e3e3e3;
    padding: 5px 5px;
}
.colConboxTitle {
    margin-bottom: 25px;
}
.colConboxTitle h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    font-family: 'GT Super Display';
}
.colConboxTech h5,.features h5,.decRiptioNs h5 {
    font-size: 15px;
    margin: 0px 0 12px;
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
    color: #052351;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.colConboxTech ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}
.colConboxTech ul li {
    padding: 6px 12px;
    border: 1px solid #131696;
    color: #131696;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    font-weight: 500;
}
.rowContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    background: -o-linear-gradient(top, #fcfbf9, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfbf9), to(transparent));
    background: linear-gradient(180deg, #fcfbf9, transparent);
}
.colConbox {
    max-width: 44%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    padding-right: 15px;
}
.colConbox2 {
    max-width: 56%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    border-left: 1px solid #d9d9d9;
    padding-left: 15px;
}
.features ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.features ul li {
    line-height: 15px;
    font-size: 13px;
    color: #525252;
    position: relative;
    font-weight: 400;
    padding-left: 15px;
}
.decRiptioNs {
    margin-top: 20px;
}
.decRiptioNs p {
    color: #525252;
    font-size: 13px;
    line-height: 17px;
}
.features ul li svg {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 2px;
}
.features ul li svg path {
    fill: #ed7600;
}
.colConboxTech h5:after, .features h5:after,.decRiptioNs h5:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #052351;
    content: '';
}
.containerHeading {
    height: 65px;
    padding: 20px 20px;
}
.containerHeading h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    font-weight: 600;
    color: #052351;
}
.portboxclm:hover .porthoverbox .containerHeading {
    display: none;
}
.containerHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
.arrowbtnS {
    -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
            transform: rotate(-35deg);
    margin: 0 0 -2px;
}
.arrowbtnS svg {
    color: #052351;
}
.homeport .portboxclm .resultsh {
    width: calc(100% - 100px);
    left: 85px;
    bottom: 50px;
    padding: 0;
}
.rowContainer .arrowbtnS {
    position: relative;
    bottom: 0;
    right: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: 10px;
}
.homeport .portboxclm:hover .rowContainer .arrowbtnS {
    visibility: visible;
    opacity: 1;
}
.homeport .portboxclm .rowContainer .arrowbtnS a svg {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    width: 28px;
    height: 28px;
    color: #ed7600;
}
.homeport .portboxclm .rowContainer .arrowbtnS a {
    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;
    gap: 5px;
    color: #ed7600;
}
.homeport .portboxclm .rowContainer .arrowbtnS a span {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
}
.headingblogT,.allcatego {
    display: none;
}
.blogpage .container {
}
.portsld .mi-prev {
    right: 15px;
}

.portsld .mi-next {
    right: 70px;
}
.new-header nav .left-menu > a {
    position: relative;
}

.new-header nav .left-menu > a:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    background: white;
    height: 5px;
    content: '';
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}


























































.megamenu {
    position: absolute;
    top: 150px;
    left: 0;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* min-height: calc(100vh - 25vh); */
    background: #fffcfa;
    padding: 25px 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    display: none;
}

body {
    overflow-x: hidden;
}

.megamenu .container {width: 85%;max-width: 85%;margin: 0 auto;}
.dropdownMenuRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
}
.drpdMC {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.drpdMC1 {
    width: 320px;
}
.drpdMC2 {
    width: calc(100% - 580px);
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px;
}
.drpdMC3 {
    width: 260px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.drpdMC .dmli a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dmlinkIco,.submenuU .inner .inner-box .icon-box {
    width: 32px;
    height: 32px;
    border: 2px solid #ffffff;
    border-radius: 50% !important;
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 0 10px 5px rgb(114 114 114 / 10%), inset 0 0 5px rgb(255 255 255 / 10%);
            box-shadow: 0 0 10px 5px rgb(114 114 114 / 10%), inset 0 0 5px rgb(255 255 255 / 10%);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
    font-size: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    border-radius: 5px;
    background: #fff;
}
.dmul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.dmlink {
    position: relative;
    z-index: 1;
}
.dmlink h5,.submenuU .inner .inner-box .text-box a h3 {
    color: #0c182b;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 0 0 5px;
    font-family: "Roboto", sans-serif;
}
.dmlink p,.submenuU .inner .inner-box .text-box a p {
    font-size: .75rem;
    color: #777777;
    font-family: "Roboto", sans-serif;
    letter-spacing: .2px;
    line-height: .85rem;
}
.dmli {
    position: relative;
    padding: 14px 15px;
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 5px;
}
.dmli:hover a:after,.dmli.active a:after {display: block;background: #ededed;}
.dmli a {
    position: relative;
    z-index: 1;
}
.dm-sb-tile {
    padding: 30px 20px 0px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    color: #052351;
}
.dm-m-tile {
    padding: 25px 20px 15px;
}
.dm-para {
    padding: 0px 20px 0;
    font-size: .85rem;
    font-family: "Roboto", sans-serif;
    line-height: 1.4;
    color: #555;
}
.dm-btn {
    padding: 30px 20px 15px;
}
.dm-btn a {
    font-size: 12px;
    height: 40px;
    border-radius: 5px;
}
.dm-m-tile {
    font-family: 'GT Super Display';
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #ff6500;
}
.submenuU.show {
    display: block;
}
.submenuU ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.submenuU ul li {width: 100%;}
.submenuU ul li .container {
    width: 100%;
    max-width: 100%;
}
.submenuU ul li .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.submenuU ul li .row .col-lg-6 {
    width: calc(50% - 10px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.submenuU .inner {
    padding: 0 !important;
}
.submenuU .inner .inner-box {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 5px;
}
.submenuU .inner .inner-box .icon-box i {
}
.submenuU .inner .inner-box a:after {
    display: none;
}
.submenuU .inner .inner-box a:before {
    display: none;
}
.submenuU .inner .inner-box .text-box a {
    display: block;
    padding: 0;
    width: auto;
}
.drpdMC .dmli:hover, .drpdMC .dmli.active {
    background: #ffffff;
    -webkit-box-shadow: 2px 0px 10px 2px rgb(215 201 191 / 50%);
            box-shadow: 2px 0px 10px 2px rgb(215 201 191 / 50%);
}
.submenuU .inner .inner-box:hover {
    background: #fffcfa;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
            box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.dmli.active .dmlinkIco {
}
.bc1 {
    border-color: #0061ff !important;
}
.bc2 {
    border-color: #ff6500 !important;
}
.bc3 {
    border-color: #00c183 !important;
}
.bc4 {
    border-color: #e10d37 !important;
}
.bc5 {
    border-color: #a400e4 !important;
}
.bc6 {
    border-color: #F44336 !important;
}
.bc7 {
    border-color: #65a400 !important;
}
.bc8 {
    border-color: #00bccf !important;
}
.bc9 {
    border-color: #FF9800 !important;
}
.bc10 {
    border-color: #0004a4 !important;
}
.bc1 i {
    color: #0061ff !important;
}

.bc2 i {
    color: #ff6500 !important;
}

.bc3 i {
    color: #00c183 !important;
}

.bc4 i {
    color: #e10d37 !important;
}

.bc5 i {
    color: #a400e4 !important;
}

.bc6 i {
    color: #F44336 !important;
}

.bc7 i {
    color: #65a400 !important;
}
.bc8 i {
    color: #00bccf !important;
}
.bc9 i {
    color: #FF9800 !important;
}
.bc10 i {
    color: #0004a4 !important;
}
.submenuU .inner .inner-box a {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.submenuU.active {
    display: block;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.drpdMC .dmli:hover a {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.submenuU .inner .inner-box:hover a {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.subFoo {
    padding: 15px;
    border-top: 1px solid #e3e3e3;
    width: 100%;
    position: relative;
    margin: 30px 0 0;
}

.subfooC {}

.subfooC h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin: 0 0 10px;
}

.subfooC p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    color: #6e6d7a;
}

.subfooB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.subfooB a {
    height: 38px;
    font-size: 12px;
    width: 130px;
}
.subFoo .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.left-menu-technologies.active {}

.megamenuTechnology.active {
    opacity: 1;
    visibility: visible;
    top: 130px;
}

.megamenuServices.active {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.discusssForm .numberRow ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/************ .callyouback.addClass *************/
.callyouback {
    position: fixed;
    top: -100vh;
    left: 0;
    z-index: 1234;
    display: none;
    width: 100%;
    height: 100%;
    background: 0 0;
}
.callyouback.addClass {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    display: block;
    top: 0;
}
.callyouback_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgb(2 25 47 / .3);
}
.callyouback.addClass .inner_box_call {
    top: 126px;
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.inner_box_call {
    width: 300px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 999;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 25px 20px;
    -webkit-box-shadow: 0 0 10px #a6b3b9;
    box-shadow: 0 0 10px #a6b3b9;
}
.ccall_Close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 12px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    font-size: 18px;
    color: #0f548c;
    font-weight: 700;
    border-radius: 50%;
}
.inner_box_call h3 {
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 700;
    color: #10538c;
    line-height: 20px;
    margin: 5px 0 20px;
}
.form__grouppp.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #c1cbd2;
}
.mob_no {
    display: block;
    width: 70px;
    height: 40px;
    border-right: 1px solid #c7c7c7;
}
.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 30px;
    height: 100%;
    padding: 0 0 0 8px;
}
.intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.iti-flag.au {
    height: 14px;
    background-position: -286px 0px
}
.iti-flag.ae {
    height: 14px;
    background-position: -44px 0px
}
.iti-flag.us {
    height: 14px;
    background-position: -5220px 0px
}
.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}
.iti-flag {
    width: 20px;
}
.iti-flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.webp);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}
.intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
}
.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 49%;
    margin-top: -2px;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0c5d95;
}
.intl-tel-input .country-list {
    overflow-y: auto;
    width: 300px;
}
.intl-tel-input .hide {
    display: none;
}
.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    width: 260px;
}
.intl-tel-input .country-list .country {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.contry__code {
    display: block;
    width: 80px;
    background: #f3f3f3;
    height: 40px;
    border-right: 1px solid #c7c7c7;
}
.contry__code input.selected-contID {
    width: 100%;
    height: 100%;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
    font-size: 14px;
    color: #10548c;
}
.form__grouppp.form-group #phone_popup,
.form__grouppp.form-group #phone_popup:focus {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    border: 0;
    outline: 0;
    font-size: 14px;
}
#phone_popup {
    margin-top: 5px;
}
.submit_btnbtn input {
    width: 100%;
    padding: 10px 0px;
    font-size: 14px;
    background: -o-radial-gradient(#076aa1, #125088);
    background: radial-gradient(#076aa1, #125088);
    border: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}
.callyouback.addClass .inner_box_call p {
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}
.new-header nav > ul > li:hover .megamenu {
    top: 120px;
    display: block;
}
.sticky .megamenu {
    top: 80px !important;
}
.submenuU .inner .inner-box .icon-box {
    display: none;
}
.submenuU .inner .inner-box:hover h4 {
    color: red;
}
.formEnq {
    width: 90%;
    margin: 20px auto 0;
    padding: 0;
    position: relative;
    z-index: 1;
    border-radius: 5px 5px 0px 0px;
}
.formEnq form {
    position: relative;
}
.formEnq form .form-group {
    margin: 0 0 5px;
}
.formEnq form .form-group input {
    height: 35px;
    background: transparent;
    border: 0;
    padding: 12px 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    width: 100%;
    font-size: 14px;
    border-radius: 0;
}
.form-group-txt textarea {
    background: transparent;
    border: 0;
    padding: 12px 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    width: 100%;
    font-size: 14px;
    border-radius: 0;
}
.drpdMC.enqboxbg {
    background: #0d0e2a;
}
.form-group-btn input {
    height: 35px;
    background: #ff7216;
    border: 0;
    width: 100%;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    border-radius: 5px;
}
.form-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
}
.formEnq form .form-group input, .formEnq form .form-group-txt textarea {
    color: #fff;
}
.formEnq h4 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 10px;
    font-family: 'GT Super Display';
}
.mobile-sidebar-header.sideBarmenu ul.navbar_ {
    display: block;
}
.mobile-sidebar-header.sideBarmenu nav ul li a {
    padding: 0;
}
.li1rows h5 {
    font-family: 'GT Super Display';
    font-weight: 600;
    font-size: 22px;
}
.nav-list a {
    font-family: 'GT Super Display';
}
.nav-list a p {
    font-family: "Inter", sans-serif;
}
.contactN2 .cntnImg,.contactN3 .cntnImg {
    width: 30px;
}
.arrowsectionS {
    position: relative;
}
.arrowsectionS .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 0;
    width: calc(100% - 150px);
    position: absolute;
    bottom: -20px;
    left: 75px;
    overflow: hidden;
    list-style: none !important;
    padding: 0;
}
.arrowsectionS .main-icon.slick-arrow {
    position: absolute;
    width: 15px;
    bottom: -25px;
    height: 15px;
    border-radius: 50%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    /* border: 1.6px solid #3c5a89; */
    padding: 0;
}
.arrowsectionS .custom-next {
    right: 15px;
}
.arrowsectionS .custom-prev {
    right: 40px;
}
.slick-counter {
    width: 60px;
    position: absolute;
    bottom: -25px;
    left: 10px;
    color: #052351;
    line-height: 16px;
}
.clientsLogo.arrowsectionS:after {
    position: absolute;
    bottom: -19px;
    left: 0;
    content: '';
    height: 1px;
    z-index: 9;
    width: 100%;
}
.arrowsectionS .slick-dots li {
    width: 100%;
    height: 2.5px;
    list-style: none !important;
}
.arrowsectionS .slick-dots li button {
    font-size: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    color: #fff !important;
    border: 0;
    width: 0;
}
.arrowsectionS .slick-dots li.slick-active button {
    width: 100%;
    background: #063072 !important;
}
.slick-counter:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}
.arrowsectionS .slick-dots:before {
    background: #203367;
    content: "";
    opacity: .3;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
}
.partnerS .slick-counter {
    color: #fff;
}
.partnerS .slick-dots:before {
    background: #ffffff;
}
.journeryBox .slick-dots {
    bottom: -45px;
}
.journeryBox .slick-dots li.slick-active button {
    background: rgb(255 255 255 / 70%) !important;
}
.journeryBox .main-icon.slick-arrow {
    border-color: white;
}
.journeryBox .main-icon.slick-arrow {
    bottom: -45px;
}
.journeryBox .slick-counter {
    bottom: -52px;
}
.homeport .slick-counter {
    bottom: -50px;
}
.homeport .slick-dots {
    bottom: -45px;
}
.homeport .main-icon.slick-arrow {
    bottom: -50px;
}
.testmonialbox.arrowsectionS .slick-counter {
    color: #fff;
    left: 5%;
    bottom: -42px;
}
.testmonialbox.arrowsectionS .slick-dots {
    width: 78%;
    left: 10%;
    bottom: -36px;
}
.testmonialbox.arrowsectionS .slick-arrow {
    right: 5%;
    bottom: -40px;
}
.testmonialbox.arrowsectionS .main-icon.custom-prev.slick-arrow {
    right: calc(6% + 15px);
}
.testmonialbox.arrowsectionS .slick-dots:before {
    background: white;
}
.testmonialbox.arrowsectionS .slick-dots li.slick-active button {
    background: rgb(255 255 255 / 70%) !important;
}
.testmonialbox.arrowsectionS .slick-arrow {
    border-color: white;
}
.burgermenubar {
    width: 28px;
    height: 20px;
    display: block;
    position: relative;
}
.burgermenubar span {
    display: block;
    height: 2.3px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.burgermenubar span:nth-child(1) {
    width: 28px;
    top: 0;
}
.burgermenubar span:nth-child(2) {
    width: 24px;
    top: 10px;
}
.burgermenubar span:nth-child(3) {
    width: 18px;
    bottom: -1px;
}
.new-header .logo .togl-menu:hover span {
    width: 100%;
}
.businessOnline {
    padding-bottom: 100px;
    background: #000000;
    margin-bottom: 60px;
}
.businessOnline .slick-counter {
    bottom: -35px;
}
.businessOnline ul.slick-dots {
    bottom: -28px;
}
.businessOnline .main-icon.slick-arrow {
    bottom: -35px;
}
.back_img2.parallaxNo,.mobileon {
    display: none;
}
.closebtn:hover span {
    width: 100% !important;
}
.closebtn.active span {
    width: 100%;
}
/*=================NEW SIDEBAR MENU CSS 27 SEPTEMBER 2024*/
.sideNavigation {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    max-width: 420px;
    color: #ffffff;
    background-color: #08295c;
    -webkit-transform: translateX(-105%);
        -ms-transform: translateX(-105%);
            transform: translateX(-105%);
    will-change: transform;
    z-index: 1001;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-box-shadow: 0 0 10px rgb(5 28 44 / 50%);
            box-shadow: 0 0 10px rgb(5 28 44 / 50%);
}
.snbox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-anchor: visible;
    -ms-touch-action: auto;
        touch-action: auto;
    overflow-y: scroll;
}
.snbox::-webkit-scrollbar,
.middown-srvcs-ul::-webkit-scrollbar,
.sub-sub-categ::-webkit-scrollbar,
.menu-item-drop-menu::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px;
}
.snbox::-webkit-scrollbar-track,
.middown-srvcs-ul::-webkit-scrollbar-track,
.sub-sub-categ::-webkit-scrollbar-track,
.menu-item-drop-menu::-webkit-scrollbar-track,
{
  background: #163951;
  border-radius: 10px;
}
.snbox::-webkit-scrollbar-thumb,
.middown-srvcs-ul::-webkit-scrollbar-thumb,
.sub-sub-categ::-webkit-scrollbar-thumb,
.menu-item-drop-menu::-webkit-scrollbar-thumb {
  background: #002bbe;
  border-radius: 10px;
}
.snbox-header {
    padding: 10px 25px 10px;
    position: relative;
}
.snbox-footer p a {
    font-weight: 700;
    color: #fff;
}
.snbox-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 120px;
}
.snbox-logo img {
    width: 100%;
}
.snbox-closebtn {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.snbox-closebtn .crossbtn {
    background-color: #f1f3f5;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.snbox-closebtn .crossbtn span {
    display: block;
    width: 18px;
    height: 1.8px;
    background: #000000;
    position: absolute;
    top: 50%;
    left: 3px;
}
.snbox-closebtn .crossbtn span:first-child {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.snbox-closebtn .crossbtn span:last-child {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.snbox-menu {
    padding: 10px 25px;
    position: relative;
}
.snbox-contact-details {
    padding: 15px 25px;
    position: relative;
}
.snbox-footer {
    padding: 20px 25px;
    position: relative;
}
.snbox-heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 10px;
    opacity: .7;
}
.snbox-nav .iogoos-btnmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
        flex-direction: column;
}
.iogoos-btnmenu .menu-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden;
    white-space: nowrap;
}
.iogoos-btnmenu .menu-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    position: relative;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.iogoos-btnmenu .menu-item {
    /* border-top: 1px solid rgb(233 236 239 / 50%); */
    background-image: -o-linear-gradient(transparent calc(100% - 1px), rgb(233 236 239 / 50%) 2px);
    background-image: linear-gradient(transparent calc(100% - 1px), rgb(233 236 239 / 50%) 2px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: background-size 1s;
    -o-transition: background-size 1s;
    transition: background-size 1s;
    background-size: 100% 100%;
}
.menu-dropdown-chev {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.75rem;
    height: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.menu-dropdown-chev svg {
    width: 20px;
    pointer-events: none;
    height: 20px;
}
.snbox-cd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 3px;
}
.snbox-cd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.snbox-cd-icon {
    margin-right: 10px;
    font-size: 15px;
    line-height: 18px;
    opacity: .7;
}
.snbox-cd-text {
    font-weight: 600;
    line-height: 18px;
}
.snbox-cd-p {
    font-size: .75rem;
    font-weight: 500;
    width: 100%;
    opacity: .5;
    line-height: 1.4;
}
.snbox-footer p {
    margin: 0;
    font-size: .75rem;
}
.trnslte {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.snbox-menu2 {
    padding-top: 0;
}
.snbox-menu2 .snbox-heading {
    margin-top: 0px;
}
.snbox-cd + .snbox-cd {
    margin-top: 20px;
}
/*=================ABOUT US PAGE CSS*/
.aboutusvideo {
    background: #000;
    padding: 70px 0;
}
.abvideowp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.abvideowp video {
    width: 850px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 30px rgb(57 57 57 / 30%);
            box-shadow: 0 0 30px rgb(57 57 57 / 30%);
}
.about_appi_caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
}
.aboutusvideo .container {
    position: relative;
    text-align: center;
}
.head1.is-inview {
    font-size: 60px;
    font-weight: 300;
    text-shadow: 0px 2px 10px #000;
    line-height: 80px;
    color: #fff;
    margin: 0;
}
.head1.is-inview span {
    font-weight: 800;
}
.iogoos-btnmenu .menu-item a img {
    width: 100%;
    max-width: 22px;
    margin-right: 10px;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.slideDs .menu-item-drop-menu {
    height: auto;
}
.iogoos-btnmenu .menu-item a .menu-dropdown-chev {
    position: absolute;
    right: 5px;
    top: 0;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.middown-srvcs.active {
    background: rgb(255 255 255 / 5%);
}
.middown-srvcs-ul.active {right: 0;}
.sideNavigationbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    display: none;
}
.trnslte {
    display: block;
}
.middown-srvcs-ul, .sub-sub-categ,.menu-item-drop-menu {
    position: fixed;
    right: -100%;
    width: 100%;
    top: 0;
    height: 100vh;
    background: #08295c;
    z-index: 1003;
    padding: 20px 25px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    overflow-y: scroll;
    padding-bottom: 50px;
}
.main-menu-drop-down.active .menu-item-drop-menu,.main-menu-drop-down2.active .menu-item-drop-menu {
    right: 0;
}
.mainMenuLi {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.middown-tcno-ul.active {
    right: 0;
}
.menu-item.sub-active .sub-sub-categ {
    right: 0;
}
.menu-item.sub-active .menu-item-drop-menu {
    right: 0;
}
.midmrbp .menu-item + .menu-item {
}
.midmrbp .menu-item a {
}
.mainMenuLh2 {
}
.mainMenuLh2 a {
    display: block !important;
    padding: 0 !important;
}

.mainMenuLh2 a h5 {
    margin: 25px 0 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .2px;
}

.main-menu-drop-down a {
    font-weight: 400 !important;
    font-size: 15px !important;
}

.menu-item-dd.active .menu-item-drop-menu,.main-menu-drop-down-ddd.active .sub-sub-categ {
    right: 0px;
}
.sub-sub-categ li a {
    font-size: 15px !important;
    font-weight: 400 !important;
}
/*=======================CATEGORIES SECTION DESIGN*/
.cateSec-blacktheme {
    background: #141414;
}
.catcol {
    position: relative;
    border: 2px solid #2f76c3;
    border-radius: 80px;
    height: 100%;
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1.4;
    color: #d6d6d6;
    background: rgb(1 7 28 / 40%);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}
.catrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
}
.cateSec-blacktheme .heading h2 {
    color: #fff;
}
.spaceTB100{
    padding-bottom: 100px;
    padding-top: 100px;
}
.cateSec-blacktheme .heading h3 {
    color: #007bff;
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
}
.cateSec-blacktheme {background: url(../img/shopifybgimages2.png);background-size: cover;background-position: bottom left;}
.cateSec {
    position: relative;
}
.cateSec:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(45deg, rgb(0 0 0 / 50%), rgb(0 16 77 / 20%));
    background: linear-gradient(45deg, rgb(0 0 0 / 50%), rgb(0 16 77 / 20%));
    content: '';
}
.cateSec .container {
    position: relative;
    z-index: 1;
}
.catcol:hover {
    background: #063a8c;
    border-color: #007bff;
    color: #fff;
}
.faqbox .accordian-item:hover .accordian-button, .faqbox .accordian-item .accordian-button.active {
    background: #e7f1ff;
    padding-left: 20px;
}

.faqbox .accordian-item:hover .accordian-icon,.faqbox .accordian-item .accordian-button.active .accordian-icon {
    right: 20px;
}
.bulletscheck {}

.bulletscheck {
    padding-left: 35px;
}

.bulletscheck li {
    position: relative;
}

.check-right {
    position: absolute;
    left: -18px;
    top: 7px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    height: 14px;
    width: 7px;
    border-bottom: 2.5px solid #1b355e;
    border-right: 2.5px solid #1b355e;
}
.iogoos-btnmenu .menu-item a:hover {
    padding-left: 15px;
    letter-spacing: .5px;
}
.iogoos-btnmenu .menu-item a:hover img {
    max-width: 20px;
}
.iogoos-btnmenu .menu-item a:hover span.menu-dropdown-chev {
    right: -10px;
}
.ecopara {
    font-weight: 600;
}

.ecopara span {display: inline-block;}

.ecopara span img {
    max-width: 100px;
    width: 100%;
    height: auto;
    display: inline;
}
.mg_midl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.icon-minus:after {
    top: 0;
    position: absolute;
    right: 5px;
    bottom: 0;
    width: 2px;
    height: 12px;
    content: '';
    background: #052351;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.contentbox .accordian-content {
    border-bottom: 1px solid #929292;
}

/*=================GET REPORT SECTION CSS*/
.getreport {
    position: relative;
    background: -o-linear-gradient(80deg, #111111, #212d41);
    background: linear-gradient(370deg, #111111, #212d41);
    overflow: hidden;
}

.getreportbox:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../img/dotpattern.png);
    opacity: .04;
    pointer-events: none;
    z-index: 0;
}
.col6-reportText {
    padding-right: 75px;
}
.getreportbox .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.col6-reportText h2 {
    color: #fff;
}

.col6-reportText p {
    color: #fff;
}
.col6-reportImg {
    position: relative;
}

.col6-reportImg .w-full-absolute {
    position: absolute;
    bottom: -70px;
    right: -90px;
}

.col6-reportImg .w-full-absolute svg path {}

.col6-reportImg .w-full-absolute path {
    fill: rgb(4 50 154);
}
.rowboxget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin-top: 25px;
}

.colboxget12 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.colboxget12 h2 {
color: #ffffff;
font-size: 40px;
font-weight: 600;
letter-spacing: .5px;
font-family: GT Super Display;
text-align: center;
}

.colboxget12 h4 {
color: #ffffff;
font-size: 22px;
font-weight: 500;
letter-spacing: .5px;
font-family: GT Super Display;
text-align: center;
}

.colboxget {
    width: calc(33.33% - 30px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    background: rgb(0 93 237 / 40%);
    margin: 15px;
    position: sticky;
    background-color: rgb(23 28 37 / 20%);
    border: 1px solid #626b78;
    border-radius: 15px;
    padding: 40px;
    cursor: pointer;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.colboxgetCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 12px;
}

/* comment by ankit
.colboxgetCount span {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    display: block;
    line-height: 35px;
}
*/

.colboxgetCount span {
    font-size: 33px;
    color: #fff;
    font-weight: 600;
    display: block;
    line-height: 35px;
}

.colboxgetcountText p {
    font-size: 16px;
    color: #fff;
}

.colboxget12 h4 {
    color: #fff;
    margin: 0 0 20px 20px;
}

.colboxget12 p {
    color: #e4e4e4;
    margin: 0px 0 0 15px;
}

/*==============*/
.elementboxIn {
    padding: 0;
    margin: 60px 0 15px;
    border: 6px solid #ffffff;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    background: #ffffff;
    border-radius: 7px;
    position: relative;
}

.elementboxIn-img {position: relative;}

.elementboxIn-img img {
    width: 100%;
    border-radius: 6px;
}

.elementboxIn-des {
    padding: 10px 5px;
    /* background: #706f6c; */
    /* margin-top: 5px; */
}

.elementboxIn-des p {
    line-height: 1.3;
    font-size: 13px;
    color: #002a6b;
    font-weight: 500;
}

.elementboxIn-title {
    padding: 10px 10px;
    margin-bottom: 5px;
}

.elementboxIn-title h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    margin: 0;
    letter-spacing: .5px;
    text-align: center;
}
.elementbox.slick-slide.slick-active .elementboxIn,.elementbox.slick-slide:hover .elementboxIn {
    -webkit-transform: translateY(-30px) scale(1.05);
        -ms-transform: translateY(-30px) scale(1.05);
            transform: translateY(-30px) scale(1.05);
    -webkit-box-shadow: 0 0 20px 5px rgb(0 0 0 / 30%);
            box-shadow: 0 0 20px 5px rgb(0 0 0 / 30%);
    cursor: pointer;
}
.businessOnlineBorder .slick-counter {
    color: #fff;
}
.businessOnlineBorder .slick-dots li.slick-active button {
    background: #ffffff !important;
}
.businessOnlineBorder .slick-dots:before {
    background: #ffffff !important;
}
.businessOnlineBorder .heading h2 {
    color: #fff;
}
.businessOnlineBorder .heading p {
    color: #f4f4f4;
}

/*==================SHOPIFY EXPERTS SECTION CSS*/
.shopifySecbOx {
    background: #ffffff;
    position: relative;
    padding: 70px 0;
    margin-top: -150px;
    border-radius: 60px 60px 0px 0px;
}

.shopifySecbOx:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    pointer-events: none;
    z-index: 0;
    /* background-image: radial-gradient(76.43% 237.18% at 94.55% 126.63%, rgba(37, 93, 238, .5) 0, transparent 100%); */
}

.shopifySecbOx .heading {margin-bottom: 0;}

.shopifySecbOx .heading h2 {
    color: #fff;
}

.shopifySecbOx h4 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 30px;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    line-height: 30px;
    text-align: center;
}

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

.shopifybOx p {
}
.shopifybOx p + p {
    margin-top: 15px;
}
.shopify-heading-img {
    max-width: 280px;
    width: 100%;
    margin: 0 auto 10px;
}

.shopify-heading-img img {
    width: 100%;
}
/*
.rightPoints {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 50px;
}
*/
.rightPoints {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 20px;
}

.rightPoints h4 {
    font-size: 18px;
    font-style: italic;
    cursor: pointer;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 95px;
    font-weight: 700;
    margin: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.rightPoints h4:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    background-color: #052351;
    left: 0;
    top: 10px;
}
.abtnboxx {
    position: absolute;
    top: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    width: 100%;
    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;
    background: rgb(255 255 255 / 95%);
    height: 100%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.abtnboxx a {
    color: #fff;
    padding: 10px 10px;
    display: block;
    line-height: 12px;
    font-size: 12px;
    border-radius: 3px;
    height: auto;
}
.elementbox.slick-slide:hover .elementboxIn .abtnboxx {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.getstartedA {
    margin-top: 15px;
}

.accboxaACC .heading {
    margin-bottom: 30px;
}
.abtnboxx-center {
    padding: 10px;
}

.abtnboxx-center h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    margin: 0 0 5px;
    letter-spacing: .7px;
    text-align: center;
    line-height: 1.5;
}

.abtnboxx-center p {
    text-align: center;
    line-height: 1.4;
    font-size: 14px;
    margin: 0;
}

.btn2row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 0;
}
.comparedbox {
    background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#212d41));
    background: -o-linear-gradient(top, #111111, #212d41);
    background: linear-gradient(180deg, #111111, #212d41);
    padding-top: 0;
    background: #141518;
}

.comparedbox:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../img/dotpattern.png);
    opacity: .04;
    pointer-events: none;
    z-index: 0;
}
.countPercent {
    color: #fff;
    font-family: 'GT Super Display';
    font-weight: 600;
}
.shopifySec {
    position: relative;
    background: transparent;
}
/*===============TALK TO SECTION CSS*/
.talkto {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #060606), to(#001e4d));
    background: -o-linear-gradient(bottom, #060606 0, #001e4d 100%);
    background: linear-gradient(0deg, #060606 0, #001e4d 100%);
    position: relative;
    overflow: hidden;
}
.angT {
    padding-top: 70px;
}
.talktoimg {
    width: 100%;
    position: relative;
    margin-bottom: -50px;
}

.talktoimg img {
    width: calc(100% + 90px);
    position: relative;
    right: -90px;
    max-width: calc(100% + 90px);
    bottom: -30px;
}

.talkto .col-sm-7 {
    padding-right: 100px;
}

.col-sm-7 {}

.talkto .heading {
    margin-bottom: 20px;
}

.talkto .heading h2 {
    color: #fff;
}

.talkto-text {
    color: #e7e7e7;
}

.talkto-text ul {
    margin: 15px 0 60px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
}

.talkto-text ul li {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
}

.talkto-text-btn {
}

.talkto-text-btn .button_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.talkto-text-btn .button_ a.btn_ {
    width: 50%;
}
.talkto-text ul li .check-right {
    left: 0;
    border-color: #e7e7e7;
}
.talktoimg2 {
    position: absolute;
    bottom: 0;
}

.talktoimg2 img {
    max-width: 400px;
    width: 100%;
}
.btn-color-2 {
    background-color: #ffffff;
    color: #052351;
}
.accboxSec2 .accboxaACC.container {
    margin-left: 10%;
}
.chalangeBox2 ul {
    position: relative;
    margin-left: 25px;
}

.chalangeBox2 ul li i.check-right {
    border-color: #ffffff;
    top: 5px;
    width: 6px;
    height: 12px;
    left: -15px;
}
.col6-reportImg img {
    width: 90%;
}

.colboxget:hover {
    border-color: #ffffff;
    -webkit-transform: translateY(-5px) scale(1.02);
        -ms-transform: translateY(-5px) scale(1.02);
            transform: translateY(-5px) scale(1.02);
    background: rgb(21 22 25 / 60%);
}

.heading .h4title {
    font-size: 20px;
    font-style: italic;
    text-transform: capitalize;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.h4title2 {
    font-size: 20px;
    font-style: italic;
    text-transform: capitalize;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.h6title {
    font-size: 18px;
    font-style: regular;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
    text-align: center;
}


.marginb {
margin-bottom: 60px;
}

.margint {
margin-top: 60px;
}


.certification-sec {
    background-color: #e1eefb;
}


.iogoosPara ul {
    list-style-type:circle
    gap: 20px;
    padding: 10px;
    color:#fff;
}
.iogoosPara ul li {
  color: #fff;
  gap: 5px;
}

.pointcontent ul {
    list-style-type:circle
    gap: 20px;
    padding: 10px;
}

.pointcontent ul li {
  gap: 5px;
}

.textdark h2 {
    color: #1b355e !important;
    margin-bottom: 15px;
}
/===============PrestaShop Development Services section css/


.certbox .heading p {margin-top: 25px;}
.certbox .heading h2 {
    margin-bottom: 5px;
}
.certbox .heading h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
.certbox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
}
.certbox ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-top: 15px;
    position: relative;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #1b355e;
    line-height: 1.2;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 15px;
    font-family: GT Super Display;
}
.certbox ul li:before,.certbox ul li:after {
    position: absolute;
    content: '';
    background: #1b355e;
}
.certbox ul li:nth-child(1):before,.certbox ul li:nth-child(2):before {
    width: 100%;
    height: 1px;
    bottom: 0px;
}
.certbox ul li:nth-child(2):after,.certbox ul li:nth-child(4):after {
    width: 1px;
    height: 100%;
    left: -1px;
}
.certbox ul li:nth-child(2):after {
    top: 0;
}
.certbox ul li:nth-child(1):before {
    left: 0;
}
.certbox ul li:nth-child(2):before {
    right: 0;
}
.certbox ul li:nth-child(4):after {
    bottom: 0;
}
.certbox ul:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    content: '';
    background: #e1eefb;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.certbox ul li img {
    max-width: 45px;
    width: 100%;
}
.certbox ul li:nth-child(1),.certbox ul li:nth-child(3) {
    padding-right: 15px;
}
.certbox ul li:nth-child(2), .certbox ul li:nth-child(4) {
    padding-left: 15px;
}
.certification-sec .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



/** Ankit Top Section Design with Form**/

.services-top {
    padding: 70px 0px 50px;
    background: #e1eefb;        
    position: relative;
    z-index: 0;
}
    
.services-top .container {
    width: 90%;
    max-width: 90%;
}

.services-top .container .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.mainForm {
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 10%);
    position: relative;
    background-color: #fff;
    margin-top: 0px;
    overflow: hidden;
    margin-bottom: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.form-header {
    text-align: center;
    background: #1b355e;
    color: #fff;
    padding: 20px 0px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.form-header h4 {
    font-size: 30px;
    font-family: GT Super Display;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.services-top form {
    padding: 12px 10px;
    display: flex;
    flex-wrap: wrap;
}
.services-top .form-group {
    display: flex;
    position: relative;
    width: 50%;
    padding: 6px 5px;
}
.services-top .form-group input, .services-top .form-group select {
    outline: none;
    width: 100%;
    padding: 0px 10px;
    background: #ffffff;
    border: 1px solid #ddd;
    height: 43px;
    border-radius: 4px;
    font-size: 14px;
    color: #1b355e;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

   .services-top .form-control:focus {
        box-shadow: none;
    }


.services-top .form-group.d-block {
    width: 100%;
}

.services-top textarea {
    border-radius: 4px;
    font-size: 1rem;
    padding: 5px 30px;

}

.services-top .choose_file {
    bottom: 10px;
    top: auto;
    left: 5px;
    border: 1px solid #1b355e;
    max-width: 215px;
    height: 38px;
    font-size: 12px;
    position: absolute;
    text-align: center;
}

.services-top .choose_file input {
    opacity: 0;
    position: relative;
    z-index: 9999;
    color: red;
}
.choose_file::after {
    content: 'BROWSE | DROP FILES HERE';
    position: absolute;
    left: 0;
    top: 7px;
    color: #1b355e;
    width: 100%;
    font-weight: 600;
    background: #ffffff;
    font-family: system-ui;
    font-size: 14px;
}
.second-button_ input {
    padding: 12px 15px;
    color: #fff;
    height: auto;
    border-radius: 6px;
    border: 2px solid #1b355e;
    width: 200px;
}


.btn-secondary_ {
    color: #ffffff;
    background-color: #1b355e !important;
    background-size: 0 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ffffff));
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 6px;
    overflow: hidden;
    text-transform: uppercase;
}

btn_ {
    display: inline-block;
    padding: 12px 15px;
    border: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 6px;
    border: 2px solid #1b355e;
}


/********* flt-drt1 *********/

.flt-drt1 {
    position:relative;
    background: #042449;
    border-radius: 15px;
    padding: 30px;
    width: 88%;
    margin: 70px auto 0px;
    overflow: hidden;
}
.flt-drt1 img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
}
.flt-drt1 span {
    font-family: sans-serif;
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 1;
}
.flt-drt1 p {
    width: 70%;
    color: #fff;
    position: relative;
    z-index: 1;
}
.flt-drt1 .main-btn button{border: 2px solid #fff;}
.middle-banner img{margin: auto;}


.flt-frt img{width: 75%; margin:auto;}
.flt-frt video{width: 100%;}


video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.back_img_ios {
    background: url(../img/cross-platform.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}


.back_img_fl {
    background: url(../img/Flutter-header-desktop.jpg) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_ec {
    background: url(../img/parallax.jpg) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_reactjs {
    background: url(../img/reactjs-banner.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_reals {
    background: url(../img/bg-real-estate.png) repeat-y;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    background-color: #3b3b3b;
}

.back_img_hubs {
    background: url(../img/hubspot-bg.webp) repeat-y;
    background-color: #000;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_digital {
    background: url(../img/dmarketing/brands.png) repeat-y;
    background-color: #000;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.back_img_clients {
    background: url(../img/partner/all-logo.jpg) repeat-y;
    background-color: #000;
    width: 100%;
    padding: 300px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.realVePrice ul {
list-style-type: none; /* Removes the default list bullets */
  padding: 0; /* Remove extra padding */
}
.realVePrice ul li {
  line-height: 1.6; /* Adjust line-height if necessary */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin: 0 0 4px;
    color: #fff;
}

.innerPick ul li i {
  margin: 4px 0 4px;
}
.innerPick a:hover ul li {
    color: #1b355e;
}

/********** mobile_logg *********/
.mobile_logg {
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        background: #f9f9f9;
        max-width: 1920px;
        margin: auto;
    }    
.mobile_logg p {
        font-weight: 700;
        font-size: 26px;
        color: #000;
        margin: 15px 0px;
    }    
.mobile_logg p span {
        color: #3f6eb7;
    }    
.mobile_logg ul {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }    
.mobile_logg li {
        display: inline-block;
        margin: 0 15px;
        vertical-align: middle;
        transition: all .5s ease;
    }    
.mobile_logg li i {
        background-image: url("../img/partner/mobile-app-logo.png");
        background-repeat: no-repeat;
        display: inline-block;
    }   
.mobile_logg li i {
        height: 60px;
        width: 162px;
        transition: all 300ms;
    }    
.mobile_logg li i.img_1 {
    background-position: -12px -2px;
    width: 182px;
}
.mobile_logg li a:hover i.img_1 {
    background-position: -12px -50px;
}
.mobile_logg li i.img_2 {
    background-position: -203px -2px;
    width: 85px;
}
.mobile_logg li a:hover i.img_2 {
       background-position: -203px -50px;
}
.mobile_logg li i.img_3 {
    background-position: -291px -2px;
    width: 125px;
}
.mobile_logg li a:hover i.img_3 {
    background-position: -291px -50px;
}
.mobile_logg li i.img_4 {
    background-position: -421px -2px;
    width: 125px;
}
.mobile_logg li a:hover i.img_4 {
    background-position: -421px -52px;
}
.mobile_logg li i.img_5 {
    background-position: -548px -2px;
    width: 110px;
}
.mobile_logg li a:hover i.img_5 {
    background-position: -548px -50px;
}
.mobile_logg li i.img_6 {
    background-position: -657px -2px;
    width: 160px;
}
.mobile_logg li a:hover i.img_6 {
    background-position: -657px -50px;
}
.mobile_logg li i.img_7 {
    background-position: -828px -2px;
    width: 119px;
}
.mobile_logg li a:hover i.img_7 {
    background-position: -828px -52px;
}


/******************* Virtual Employee Services ***********************/
.virtual-employee-banner {
    background: url("../img/ve/virtual-emp-hero.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    text-align: center;
    position: relative;
    z-index: 0;
}
.virtual-employee-banner:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    opacity: .7;
    height: 100%;
    z-index: 0;
    background: #000;
}
.virtual-employee-banner .container {
    position: relative;
    z-index: 1;
    color: #fff;
}
.virtual-employee-banner h1 {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    margin: 0 0 10px;
}
.virtual-employee-banner h2 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
}
.virtual-employee-banner p {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    max-width: 40%;
    padding: 10px 0px;
    font-size: 22px;
    margin: 30px auto;
}
.virtual-employee-banner ul {
    display: flex;
    justify-content: center;
}
.virtual-employee-banner ul li {
    display: flex;
    margin: 0px 20px;
}
.virtual-employee-banner ul li a {
    color: #fff;
    display: flex;
}
.virtual-employee-banner ul li a span {
    margin-right: 10px;
}
.virtual-employee-banner ul li a b {
    margin: 11px 0px 0px;
}
.virtual-employee-banner .btn-secondary_ {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #fff;
    margin: 0px 10px 0px 0px;
}
 .virtual-employee-banner .btn-secondary_:hover,
 .virtual-employee-banner .short-term .btn-secondary_:focus,
 .virtual-employee-banner .short-term .btn-secondary_:active {
    color: #1b355e !important;
    background-image: linear-gradient(to right, #fff, #fff) !important;
}


.virtual-employee-banner .bottom-area {
    display: flex;
    margin: 40px;
}

.virtual-employee-banner .clutch-cont:last-child{
    margin-top: 0;
    margin-left: 30px;
    border-left: 1px solid #ddd;
    padding-left: 30px;
    }
.virtual-employee-banner .bottom-area img{  
    width: 210px;}
.virtual-employee-banner .bottom-area a span{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    margin-top: 10px;
}   
.virtual-employee-banner .bottom-area .goglecont img {
    width: 230px;
}


.mid-heading-img {
    max-width: 200px;
    width: 100%;
    margin: 0 auto 10px;
}

.se-pg.featured_in li i{
    background-image: url(../img/dmarketing/seo-clients-logo.png);
}
.se-pg.featured_in li i.img_2 {
    background-position: -197px 9px;
}
.se-pg.featured_in li a:hover i.img_2 {
    background-position: -197px -47px;
}

.img-sec {
display: flex;
justify-content: center;
  align-items: center;  /* Vertically aligns items */
  text-align: center;
}

.img-align {
    max-width: 70px;
    width: 100%;
    margin: 10px 10px;
}

.dig-head {
    color: #1b355e !important;
    padding-top: 10px;
}

/*** 

====================================================================
    Services Section
====================================================================

***/
.services-section {
  position: relative;
  padding: 120px 0 90px;
  z-index: 2;
}
.services-section .bg-image {
  background-color: #090909;
}
.services-section .sec-title .text {
  margin-top: 5px;
}
@media only screen and (max-width: 1023px) {
  .services-section .sec-title .text {
    margin-top: 20px;
  }
}

.service-block {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.service-block .inner-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 35px 40px 30px;
  background-color: #171717;
  z-index: 2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url(../images/icons/pattern-12.png);
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/line-1.png);
  background-color: var(--bg-theme-color2);
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  content: "";
  z-index: -1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box:hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  border-radius: 0;
}
.service-block .inner-box:hover:before {
  opacity: 0;
}
.service-block .inner-box:hover .title:before {
  background-color: var(--text-color-bg-theme-color1);
}
.service-block .inner-box:hover .title,
.service-block .inner-box:hover .text,
.service-block .inner-box:hover .icon {
  color: var(--text-color-bg-theme-color1);
}
.service-block .inner-box:hover .count {
  background-color: var(--text-color-bg-theme-color1);
  color: var(--theme-color-light);
}
.service-block .count {
  position: absolute;
  right: 40px;
  top: 83px;
  height: 27px;
  width: 28px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  font-family: var(--title-font);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .title {
  position: relative;
  display: block;
  padding-bottom: 30px;
  margin-bottom: 20px;
  color: #ffffff;
}
.service-block .title:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .title:hover {
  color: var(--theme-color2);
}
.service-block .icon {
  position: relative;
  display: block;
  font-size: 62px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  margin-bottom: 16px;
}
.service-block .text {
  position: relative;
  color: #ffffff;
  font-size: 13px;
  line-height: 26px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.homeInner .sales-sec p {
    margin-bottom: 5px;
}

.bhead {
    font-size: 21px;
    font-weight: 500;
    color: #1b355e;
    text-align: center;
    margin: 0;
}


/* Portfolio dropdown start */
.dropdown-cat { position: relative; }
.dropdown-content {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.dropdown-cat:hover .dropdown-content {
    display: block;
}
/* Portfolio dropdown end*/

.bottom-box:hover {
    background: #0a56c2; /* Change this to your desired hover color */
}

/* SEO Services Top Sections */
.video-wrapper {
   border: 2px solid #ddd;
   border-radius: 12px;
   overflow: hidden;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-wrapper:hover {
   transform: scale(1.02);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.video-responsive {
   position: relative;
   padding-bottom: 75%; /* 16:9 (56.25%) aspect ratio */
   height: 0;
   overflow: hidden;
}

.video-responsive iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 12px 12px 0 0;
}

.video-label {
   text-align: center;
   padding: 10px;
   background-color: #f8f9fa;
   font-weight: bold;
   font-size: 16px;
   border-top: 1px solid #ddd;
   color: #333;
   transition: background-color 0.3s ease, color 0.3s ease;
}

.video-wrapper:hover .video-label {
   background-color: #e9ecef;
   color: #000;
}
.pagetitle p {
    color: #ebebeb;
}
.sbrightbox .form-group .choose_file input:after {
    background: #ffffff !important;
}
.sbrightbox .form-group .choose_file {
    width: 220px !important;
}
.sbrightbox .form-group .choose_file input {
    padding: 0 10px !important;
}
.sbrightbox .form-group .choose_file:after {
    padding: 0 10px;
}
.margin-bottom0px .heading {
    margin: 0;
}
.bigCommerce-4 {
    margin: 0;
    padding-bottom: 220px;
}
.bigCommerce-13 {
    margin-bottom: 0;
}
.cateSec .h4title2,.bigCommerce-10 .h4title2,.bigCommerce-4 .h4title2{
    color: #fff;
}
.hubspot-section-14 .col-lg-6 .inner img {
    max-width: 550px;
    width: 100%;
}
.hubspot-section-13 .col-lg-6 .inner img {
    max-width: 400px;
    width: 100%;
}
.hubspot-section-12 .col-lg-6 .inner img {
    max-width: 450px;
    width: 100%;
}
.hubspot-section-11 .col-lg-6 .inner img {
    max-width: 550px;
    width: 100%;
}
.hubspot-section-10 .col-lg-6 .inner img,.hubspot-section-10 .col-lg-6 .inner figure video {
    max-width: 550px;
    width: 100%;
}
.heightbg{
    background: #020202;
    height: 50px;
    margin-top: 0px;
    position: relative;
}
.hubspot-section-9 {
    padding-bottom: 150px;
}
.hubspot-section-form .mainForm .form-group.d-block{position:relative;}
.hubspot-section-form .mainForm .form-group textarea{
    min-height: 135px;
    padding: 10px;
}
.hubspot-section-form .mainForm .form-group.d-block span.choose_file {
    right: 5px;
    left: unset;
    bottom: 22px;
    border-color: #ced4da;
}
.hubspot-section-form .mainForm .button_.second-button_ {
    margin-left: 5px;
}
.cross-platform-7 .inner img {
    width: 100%;
    max-width: 350px;
}
.cross-platform-6 .inner img {
    width: 100%;
    max-width: 390px;
}
.cross-platform-5 .inner img,.cross-platform-4 .inner img {
    width: 100%;
    max-width: 540px;
}
.cross-platform-2 .inner img {
    width: 100%;
    max-width: 580px;
}
.cross-platform-1 .singlePageImg img {
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
}
.cross-platform-3 .element_logo img {
    max-width: 100px;
}
.hire-developers-1 .inner img,.hire-developers- .inner img {
    max-width: 480px;
    width: 100%;
}
.heightbg2{
    background: #fff;
    height: 30px;
}
.flutter-app-3 .inner img,.flutter-app-5 .inner img {
    max-width: 400px;
    width: 100%;
}
.flutter-app-6 .inner img {
    max-width: 520px;
    width: 100%;
}
.flutter-app-7 .inner img {
    max-width: 400px;
    width: 100%;
}
.flutter-app-8 .inner video {
    max-width: 620px;
}
.flutter-app-9 .inner img {
    max-width: 420px;
    width: 100%;
}
.flutter-app-10 .inner img {
    max-width: 380px;
    width: 100%;
}
.ecoDevSer-6 .inner img,.ecoDevSer-5 .inner img {
    margin-bottom: 20px;
    width: 100%;
}
.ecoDevSer-6 .inner p, .ecoDevSer-5 .inner strong {
    line-height: 1.5;
    font-size: 15px;
    display: block;
}
.ecoDevSer-6 .inner p a {
    font-weight: 700;
}
.ecoDevSer-1 .singlePageImg img {
    margin: 0 auto;
    max-width: 450px;
}
.ecoDevSer-7 img {
    width: 100%;
    max-width: 600px;
}
.ecoDevSer-8 img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.ecoDevSer-8 {
    padding-top: 60px;
}
.dwdSec-1 .imgboxSingle img{
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
}
.dwdSec-1 .imgboxSingle img {
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
}
.dwdSec-3 .inner img {
    width: 100%;
    max-width: 550px;
}
.dwdSec-4 .inner img {
    width: 100%;
    max-width: 550px;
}
.dwdSec-5 .inner img {
    max-width: 600px;
    width: 100%;
}
.seoService-3 {
    padding-bottom: 150px;
}
.developmentServices-1 .imgboxSingle img {
    margin: 0 auto;
    max-width: 480px;
}
.developmentServices-3A .inner img{
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}
.developmentServices-3 .inner img{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.developmentServices-4 {
    padding-bottom: 160px;
}
.bgHeight {
    height: 40px;
    background: #020202;
}
.woocommerceSec-2 {
    padding-bottom: 220px;
}
.woocommerceSec-11 {
    margin-bottom: 0;
}
.woocommerceSec-10 .inner img {
    max-width: 600px;
    width: 100%;
}
.woocommerceSec-9 .inner img {
    max-width: 500px;
    width: 100%;
}
.woocommerceSec-8 .inner img {
    max-width: 700px;
    width: 100%;
}
.woocommerceSec-5 .inner img {
    width: 100%;
    max-width: 580px;
}
.woocommerceSec-4 .inner img {
    width: 100%;
    max-width: 500px;
}
.contentMarketingSec-2 .back_img_digital {
    background-size: 60%;
    background-repeat: repeat;
}
.bigCommerce-88 {
    padding-bottom: 140px;
}
.contentMarketingSec-7 img {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}
.contentMarketingSec-7 .container {
    text-align: center;
}
.dms-section-1 .inner img {
    max-width: 550px;
    width: 100%;
}
.dms-section-2 .tp-about-thumb-3 img {
    max-width: 500px;
    width: 100%;
}
.dms-section-2 .tp-shape-end, .dms-section-4 .tp-shape-end,.dms-section-5 .tp-shape-end {
    left: 0;
}
.dms-section-3 .tp-about-thumb-3 img {max-width: 450px;width: 100%;margin: 0 auto;}
.dms-section-4 .tp-about-thumb-3 img {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}
.dms-section-7 .shopifySecbOx {
    margin: 0;
}
/*=============DIGITAL MARKETING NEW CSS 15 JULY 2025*/
.rightImageSection {
    position: relative;
}
.rightImageSection .heading,.leftImageSection .heading {
    margin-bottom: 30px;
}
.rightImageSection .heading h2,.leftImageSection .heading {
    font-size: 37px;
    line-height: 45px;
}
.boostText {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #161616;
    display: inline-flex;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 0px 15px 45px #DDDDDD;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 26px;
    align-items: center;
}
.boostText i {
    height: 25px;
    width: 20px;
    background: linear-gradient(180deg, #003CFF 0%, #00EEFF 100%);
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rightImageSection p,.leftImageSection p {
    line-height: 1.5;
}
.rightImageSection p + p,.leftImageSection p + p {
    margin-top: 20px;
}
.rightImageSection .button_.button_new,.leftImageSection .button_.button_new {
    margin-top: 30px;
}
.rightImageSection .button_.button_new a.btn_,.leftImageSection .button_.button_new a.btn_ {
    display: inline-block;
    padding: 12px 30px;
}
.netoSec-3 {
    margin-bottom: 0;
    padding-bottom: 220px;
}
.socialDsec.sell-everywhere.netoSec-sell-1 {
    padding: 70px 0;
}
.netoSec_right_IMG {
    margin: 0;
}
.netoSec_right_IMG img {
    max-width: 520px;
}
.swipeSec-2 {
    margin-bottom: 150px;
}
.laravelSection-2 .accboxColright {
    padding: 0 15px;
}
.laravelSection-2 .accboxColLeft {
    padding-right: 15px;
}
.lookinForSection .inner img {
    width: 100%;
    max-width: 550px;
}
.cat_grid_box.cat_grid_box-2 {margin-top: 20px;}
.larvelSection-1 .inner img,.larvelSection-2 .inner img {
    width: 100%;
    max-width: 580px;
}
.flt-drt1.flt-drt12 {
    margin-bottom: 70px;
    margin-top: 0;
}
.flt-drt1.flt-drt12 .main-btn {
    margin-top: 30px;
}
.flt-drt1.flt-drt12 .main-btn button a {
    color: #fff;
}
.flt-drt1 .main-btn button:hover a {
    color: #052351;
}
.flt-drt1.flt-drt12 .heading {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.flt-drt1.flt-drt12 .heading h2{
    color: #ffffff;
    margin-bottom: 0px;
}
.flt-drt1.flt-drt12 img{
    z-index: 0;
}
.megento-section-1 .inner img {
    max-width: 650px;
    width: 100%;
}
.megento-section-3 .inner img {
    max-width: 450px;
    width: 100%;
}
.socialDsec.netoSec-sell-11 {
    padding-top: 70px;
}
.strtclr.strtclr2 {margin: 0 0 15px;font-size: 22px;}
.serv__box.serv__box2 img {
    width: 100%;
}
.getreport.getreportbox2 {
    padding-bottom: 140px;
}
.ppcSection-1 .heading {
    margin-bottom: 30px;
}
.paddingHeighUp{
    padding-bottom: 150px;
}
.spaceBottom0 {
    padding-bottom: 0;
}
.spaceBottom0 .shopifySecbOx {
    padding-bottom: 0;
}
/*===============LEFT RIGHT IMAGE SECTION CSS*/
.leftRightImageSection-L .heading {
    margin-bottom: 20px;
}
.leftRightImageSection-L p {
    margin-top: 15px;
    line-height: 1.5;
}
.leftRightImageSection-L .button_ {
    margin-top: 30px;
}
.leftRightImageSection-L .button_ .btn_ {
    display: inline-block;
    padding: 13px 30px;
}
.leftRightImageSection-R .heading {
    margin-bottom: 20px;
}
.leftRightImageSection-R p {
    margin-top: 15px;
    line-height: 1.5;
}
.leftRightImageSection-R .button_ {
    margin-top: 30px;
}
.leftRightImageSection-R .button_ .btn_ {
    display: inline-block;
    padding: 13px 30px;
}
.SeoFormSec .form-group.d-block textarea {
    min-height: unset;
    max-height: 100%;
    visibility: visible !important;
    padding: 10px;
    border: 1px solid #ddd;
    background: transparent;
}
.SeoFormSec .form-group.d-block span.choose_file {
    right: 5px;
    left: unset;
    bottom: 16px;
    border: 1px solid #dddddd;
}
.SeoFormSec .form-group.d-block span.choose_file input[type="file"] {
    border: 0;
}
.SeoFormSec form .button_ {
    margin: 8px 0 0px 5px;
}
.seoClients img {
    width: 100%;
}
.seoClients .heading {
    margin: 0;
}
.swipeSecC0 {
    padding-bottom: 150px;
}
.homeport .heading h3 {
    margin-top: 10px;
    font-size: 25px;
}
.seoClientsBG{
    border-top: 3px solid #e8e8e8;
    background: #fff !important;
}
.bottom-area.bottom-areaCenter {
    justify-content: center;
    align-items: center;
    margin: 40px 0 0 0;
}
.webflowheight {
    height: 150px;
    background: #070707;
}
.smallHeading h4{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
.aWardsSec-awards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 50px 0;
    justify-items: center;
    align-items: center;
}
.aWardsSec-award-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 140px;
}
.aWardsSec-award-item a {
    display: inline-block;
    transition: transform 0.3s ease;
}
.aWardsSec-award-item__label {
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}
.aWardsSec-agency-awards__description {
    max-width: 800px;
    margin: 0 auto;
    font-style: italic;
    color: #333;
    text-align: center;
}
.aWardsSec-agency-awards__description p {
    line-height: 1.5;
}
.aWardsSec-agency-awards__description p a {
    font-weight: 600;
    text-decoration: underline;
}
.aWardsSec-agency-awards__cta {
    text-align: center;
    margin-top: 30px;
}
.aWardsSec-award-item a:hover {
    transform: scale(1.1);
    outline: none;
}
.shopifyDS-4 .inner img {
    max-width: 450px;
    width: 100%;
}
.shopifyDS-5 .inner img {
    max-width: 480px;
    width: 100%;
}
.shopifyDS-7 {
    margin-bottom: 0;
}
.shopifyDS-6 .inner img {
    max-width: 580px;
    width: 100%;
}
.prestaSh1 .shopify-heading-img {
    max-width: 100%;
}

.prestaSh1 .shopify-heading-img img {
    width: 70px;
    margin: 0 auto 15px;
}
.partnerS.partnerSreactJS {
    padding-bottom: 125px;
}
.smms-sec-2 .inner {
    text-align: center;
}
.smms-sec-2 .inner img {
    max-width: 400px;
    width: 100%;
}
.rEwD-section-2 .col-lg-6:first-child {
    order: 2;
    margin-top: 30px;
}
.shopifySec.bgHeight2 .shopifySecbOx.shopifySecbOx-2 {
    margin: 0;
    border: 0;
}
.looKingFor .inner img {
    max-width: 360px;
    width: 100%;
}
.blogCategorySidebar,.portCategorySidebar {
    margin-bottom: 30px;
}
.fooNumRowS {
    margin-top: 10px;
}
.fooNumRowS ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fooNumRowS ul li a {
    display: flex;
    align-items: center;
}
.fooNumRowS ul li a img {
    width: 100%;
    max-width: 20px;
    margin-right: 5px;
}
.fooNumRowS ul li a {
    font-size: 15px;
    letter-spacing: -.5px;
}
/*============PORTFOLIO CATEGORIES JULY 22, 2025 CSS*/
.latestRow.latesTProtRow .portfolio-grid {
    width: 59%;
    flex: 0 0 auto;
    order: 1;
}
.latestRow.latesTProtRow #portfolio-pagination {
    order: 3;
}
.latestRow.latesTProtRow .latestColRight {
    order: 2;
}
.latestRow.latesTProtRow .portfolio-grid .latestCol.latestColLeft {
    width: 100%;
}
/*==============SHOPIFY AWARDS SECTION CSS*/
.shopify-centrified {
    border-radius: 22px;
    background: linear-gradient(108deg, #0392ff, #2159b2);
    width: 100%;
    padding: 2px 2px;
}
.shopifyCen-bg {
    background: #eaf2ff;
    border-radius: 20px;
    padding: 0;
}
.shopifyCen-bg .row .col-6.col-md-3 {
    padding: 0 15px;
    width: 20%;
}
.certiFied-heading {
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    color: #2d2e31;
    padding: 25px 0 45px;
    text-align: center;
}
.certiFied-heading span.d-block {
    font-weight: 800;
    background: linear-gradient(45deg, #052351, #2159b2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 7px;
}
.shopifyAward .container {
    max-width: 1180px;
    width: 100%;
}
.partnerAward {
    background: linear-gradient(307deg, #0392ff, #2159b2);
    padding: 1px 2px 2px;
    border-radius: 20px;
    display: flex;
    margin: -25px auto 0;
    max-width: fit-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.shopify_partner {
    width: 1020px;
    margin: auto;
    background: #ffffff;
    height: auto;
    padding: 20px 0px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.shopifyAward{
    padding-bottom: 20px;
}
.shopify_partner li {
    flex: 0 0 auto;
    padding: 0 15px;
    width: calc(100% / 9);
}
.portDropMenu .submenu {
    display: none;
    flex-direction: column;
    border-radius: 4px;
    margin-top: 0px;
    padding: 0;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 20%);
    background: #f3f3f3;
    transform-origin: top left;
    position: absolute;
    z-index: 1;
    right: 0;
    gap: 0;
    width: 160px;
    padding: 5px;
}
.portDropMenu .submenu li {
    margin: 0;
}
.portDropMenu .submenu li a {
    padding: 8px 15px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    transition: background 0.3s ease;
    line-height: 18px;
    display: block;
    text-align: right;
}
.portDropMenu{
    position: relative;
}
.portDropMenu:hover ul {
    display: block;
}




/*310725*/

.custom-select-box {
  position: relative;
  width: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

.select-display {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 12px 15px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  transition: border-color 0.3s ease;
}

.select-display:hover {
  border-color: #007bff;
}

.select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 0 0 6px 6px;
  display: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#country-search {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-bottom: 1px solid #ddd;
  outline: none;
  font-size: 15px;
}

#country-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#country-list li {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
}

#country-list li:hover {
  background-color: #f1f1f1;
}

#country-list li:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

#country-list li:active {
  background-color: #e9ecef;
}

@media (max-width: 576px) {
  .select-display {
    font-size: 14px;
    padding: 10px;
  }

  #country-search {
    font-size: 14px;
  }

  #country-list li {
    font-size: 14px;
  }
}

.countrySearchDyn {}

.countrySearchDyn .select-display {
    height: 46px;
    line-height: 15px;
    background: transparent;
    color: #fff;
    border-color: #d6d8dc;
}

.countrySearchDyn:hover .select-display {}

.countrySearchDyn .select-dropdown {
    background: #063072;
    border-color: #3a5f99;
}

input#country-search {}

.countrySearchDyn #country-search {
    background: #003384;
}

.countrySearchDyn #country-list {}

.countrySearchDyn #country-list li {
    color: #ffffff;
    border-color: #2f4d7b;
}

.countrySearchDyn #country-list li:hover {
    background: #0045b3;
}
#country-dropdown input {
    border-color: #2f4d7b;
}
.select-dropdown::-webkit-scrollbar {
  width: 2px !important;
}
.select-dropdown::-webkit-scrollbar-track {
  background: #174ea5 !important; 
  border-radius: 10px !important;
}
.select-dropdown::-webkit-scrollbar-thumb {
  background: #007bff !important; 
  border-radius: 10px !important;
    
}


















/*===============================================*/
/*===============================================*/
/*===============================================*/
/*===============================================*/
/*===============================================*/

/*=================Why Iogoos? css*/
.whyboxCol-1 {
    width: 50%;
    backdrop-filter: blur(92.38972473144531px);
    box-shadow: 0px 0px 20px 0px #1d65922b;
    background: #f8fcff;
    border-radius: 30px;
    padding: 45px 25px;
    display: flex;
    align-items: center;
}
.whyboxCol-2 {
    background: #2053b2;
    border-radius: 30px;
    width: calc(50% - 40px);
    position: relative;
    overflow: hidden;
    padding: 30px 50px;
    background: linear-gradient(356deg, #1820b5, #2159b2);
}
.whyboxIn {
    padding: 0px 40px;
    background: #e1eefb;
}
.whyboxIn .row {
    justify-content: space-between;
    margin: 0;
}
.stateIObox {
    display: flex;
    flex-wrap: wrap;
}
.stateIObox li {
    width: 33.33%;
    border-top: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 25px 5px;
    line-height: 20px;
}
.stateIObox li:nth-child(-n+3) {
    border-top: none;
    padding-top: 0;
}
.stateIObox li:nth-child(3n) {
    border-right: 0;
}
.stateIObox li .number {
    display: block;
    font-size: 27px;
    padding-bottom: 7px;
    line-height: 27px;
    font-weight: 700;
    background: linear-gradient(45deg, #052351, #2159b2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.whyiogoos {background: #e0edfb;}
.whyTesti .whyEle .text {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    position: relative;
    padding: 0px 30px 5px;
    font-weight: 400;
}
.whyTesti .whyEle .info {
    margin: 15px 30px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.whyTesti .whyEle .info .img {
    width: 52px;
    min-width: 52px;
}
.whyTesti .whyEle .info .img img {
    width: 52px;
    height: 52px;
    border-radius: 100%;
}
.whyTesti .whyEle .info .det {
    width: calc(100% - 52px);
    padding-left: 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.whyTesti .whyEle .info .det span {
    display: block;
    padding-top: 4px;
    line-height: 17px;
    font-weight: 400;
}
.whyTesti .whyEle .info .det .name {
    color: #FFC107;
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    padding-bottom: 5px;
    padding-top: 0;
}
.whyTesti .whyEle .text:before, .whyTesti .whyEle .text:after {
    content: '';
    max-width: 22px;
    height: 17px;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat !important;
}
.whyTesti .whyEle .text:before {
    background: url(../img/start-quote.png);
    left: 0;
    top: 0;
}
.whyTesti .whyEle .text:after {
    background: url(../img/end-quote.png);
    right: 0;
    bottom: 0;
}
.videoOut {
    width: 100%;
    padding: 0 2px;
}
.videoBox {
    position: relative;
}
.videoBox iframe.videoFile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: bottom;
}
.whyTestibox .slick-list {
    padding: 0 0 30px;
    position: relative;
    z-index: 0;
}
.whyTesti .main-icon {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}
.whyTesti .main-icon.custom-prev {
    right: 15px;
}
.whyTesti .main-icon.custom-next {
    right: -15px;
}
.whyboxCol-2:before,.whyboxCol-2:after {
    content: '';
    background: #007bff;
    width: 100px;
    height: 100%;
    border-radius: 30px;
    position: absolute;
}
.whyboxCol-2:after {
    top: -30%;
    right: -50px;
}
.whyboxCol-2:before {
    bottom: -30%;
    left: -50px;
}
.stateIObox li .number.hd {
    font-size: 22px;
    line-height: 22px;
}
.whybox .container {
    max-width: 1610px;
    width: 100%;
    padding: 0 50px;
}
.whyTesti {
    max-width: 465px;
    margin: 0 auto;
    position: relative;
}
.videoBox video {
    width: 100%;
    height: 270px;
}
.whyEle.slick-slide {
    padding: 0;
}

/*================FOUNDED SECTION CSS*/
.destination_yr {
    background: linear-gradient(1deg, #072757, #2057ae);
    position: relative;
}
.destination_yr img {
    width: 100%;
}
.destination_yr .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    text-align: center;
}
.destination_yr .clm3row {
    width: 50%;
    padding: 45px 0;
}
.destination_yr .clm3row:first-child {
    border-right: 1px solid rgba(255, 255, 255, .4);
}
.destination_yr .clm3rowlast {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .4);
}
.destination_yr h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 0 0 15px;
    line-height: 18px;
}
.destination_yr h3 {
    font-size: 38px;
    text-align: center;
    color: #fff;
    line-height: 38px;
    letter-spacing: 1px;
    font-weight: 800;
    padding-bottom: 0;
    margin: 0;
}
.destination_yr .row {
    margin: 0 -15px;
}
.destination_yr .col-lg-4 {
    padding: 0 15px;
}
/*=============CUSTOMER REVIEW CSS*/
.Weaward {
    display: flex;
    margin: 0 -15px;
    align-items: center;
    justify-content: center;
}
.Weaward li {
    padding: 0 15px;
}
.Weaward li a {
    display: block;
    max-width: 170px;
}
.Weaward li a img {
    width: 100%;
}
.ratingAbout {
    background: url(../img/parallax-bg.webp);
    background-attachment: fixed;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ratingAbout:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(247, 247, 247, .8);
    z-index: 0;
}
.ratingAbout .container {
    position: relative;
    z-index: 1;
}
.we-adard {
    padding-bottom: 150px;
}
.ratestars {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: flex;
    -webkit-box-shadow: 0 0 20px -3px #b9cad2;
    box-shadow: 0 0 20px -3px #b9cad2;
    margin: -150px auto 0;
    justify-content: center;
    align-items: center;
}
.ratestars .heading {
    margin: 0;
}
.ratestars .heading ul {
    list-style: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}
.ratestars .heading ul li i {
    margin: 0 1px;
    color: #f3a009;
    font-size: 14px;
}
.ratingpara {
    margin-top: 50px;
}
.ratingpara p {
    font-size: 25px;
    font-weight: 500;
    line-height: 42px;
}
.ratingpara p .numbertext {
    color: #1b355e;
    font-weight: 900;
    font-size: 30px;
    padding: 0 10px;
    margin: 0;
    line-height: 30px;
}
.ratestars .heading h2 {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 45px;
    margin: 0 0 5px;
    line-height: 40px;
}
/*============ABOUT US PAGETITLE CSS*/
.videoBgAb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.abF1rst {
    position: relative;
    height: calc(100vh - 123px);
    z-index: 0;
    overflow: hidden;
}
.mediaHeading {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    width: 100%;
    flex: 0 0 auto;
}
.videoBgAb .video-background {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.aboutus-media-content-heading {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 200px 0;
}
.mediaHeading h1 {
    font-size: 50px;
    color: #fff;
    margin: 0;
    line-height: 100%;
    grid-column: span 12;
    font-family: 'GT Super Display';
    font-weight: 800;
}
.mediaHeading .container {
}
.mediaHeading h2 {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    color: #fff;
    grid-column: span 6;
}
.mediaHeading .explorall {
    grid-column: span 12;
    justify-content: unset;
    margin: 0;
}






.videoboxplay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    background: #000000;
    display: none;
}
.openVideoDiv video {
    width: 1200px;
    margin: 0 auto;
}
.videoboxplay .container {
    padding: 50px 20px;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}
.openVideoDiv {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.videoboxplay.open {
    display: block;
}
#loading-bar {
  max-width: 500px;
  width: 100%;
  height: 20px;
  background-color: #ccc;
  margin-bottom: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 30px;
}
#loading-bar-progress {
  width: 0%;
  height: 100%;
  background-color: #008cee;
  transition: width 1s linear;
  border-radius: 30px;
}
.overflowHidden {
    overflow: hidden;
}
.closeVideo {
    position: absolute;
    top: 5%;
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    right: 7%;
    cursor: pointer;
    transition: all .4s linear;
    overflow: hidden;
}
.closeVideo span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 10px;
    transition: all .4s linear;
}
.closeVideo span:first-child {
    transform: rotate(45deg);
}
.closeVideo span:last-child {
    transform: rotate(-45deg);
}
.closeVideo:hover {
    transform: scale(1.1);
    border-color: red;
}
.closeVideo:hover span {
    background: red;
}


/*=================================================*/
/*=================================================*/
.client-img-list {
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
.client-img-list li {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
}
.client-img-list li+li {
    margin-left: -20px;
}
.client-img-list li a {
    background: #2057ae;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.client-img-list li a span {
    display: block;
}
.abteamsec {
    padding-top: 80px;
}
.abteamsec .heading {
    width: 85%;
}
.abteamsec .heading h2 {margin-bottom: 30px;}
.abteamsec .heading p {
    margin: 0 0 15px;
}
.abteamsec .explorall {
    margin: 0;
    justify-content: flex-start;
}
.siterows {
    padding-top: 70px;
    align-items: center;
}
.siteDigitsNo {
    font-size: 50px;
    font-weight: 800;
    line-height: 80%;
    margin-right: 10px;
    color: #052351;
}
.siteDigitsBox {
    display: flex;
    flex-wrap: wrap;
}
.siteDigitsNoPara {
    margin-top: 20px;
    line-height: 1.5;
    /* font-weight: 400; */
    /* font-size: 20px; */
    width: 100%;
    flex: 0 0 auto;
}
.siteDigitsNoText {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-top: -5px;
    color: #1b355e;
}
.siterows .col-lg-3 {
    width: 25%;
}
.siterows p {
    font-size: 25px;
    line-height: 35px;
    margin: 0;
}
.siterows .col-lg-4 {
    width: 34%;
}
.siterows .col-lg-2 {
    width: 24%;
}
/*===================*/
.calltoaction {
    background: url(../img/contactus.jpg);
    background-size: cover;
    z-index: 0;
    padding: 120px 0;
    position: relative;
}
.calltoaction:after {
    background-position: center;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    opacity: .8;
    background-color: #063072;
    background-image: -o-linear-gradient(135deg, #09377f 0, #094096 74%);
    background-image: linear-gradient(315deg, #51156e 0, #016dab 74%);
}
.calltoaction .container {
    z-index: 1;
    position: relative;
}
.calltoaction .heading {
    margin: 0;
}
.calltoaction .heading h2 {
    color: #fff;
    margin-bottom: 25px;
}
.calltoaction .heading p {
    margin: 0;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -0.5px;
    font-size: 20px;
    opacity: .85;
    color: #fff;
}
/*================*/
.letstalk {
    position: relative;
    padding: 100px 0;
    z-index: 0;
    background: url(../img/home-banner-new.WEBP);
    background-size: cover;
    background: #111825;
}
.letstalkbox {
    position: relative;
    z-index: 1;
}
.letstalk-row {
    /* display: flex; */
    flex-direction: column;
    gap: 30px;
    text-align: center;
}
.talks-small-head {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #007bff;
    font-weight: 500;
    padding-left: 25px;
    display: inline;
}
.talks-small-head:after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    content: '';
    background: #ff8600;
    border-radius: 50%;
    transform: translateY(-50%);
    animation: spreadd 1s linear infinite;
}
@keyframes spreadd{
    0%{
    box-shadow: 0 0 4px 4px rgb(255 219 0 / 10%);
}
    25%{
    box-shadow: 0 0 7px 7px rgb(255 162 0 / 40%);
}
    100%{
    box-shadow: 0 0 10px 10px rgb(255 158 0 / 60%);
}
}
.talks-col.heading h2 {
    color: #fff;
    margin-top: 10px;
}
.talks-social {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.talks-scl {
    padding: 0 20px;
    border-right: 1px solid #ffffff;
}
.talks-scl ul {
    display: flex;
    gap: 10px;
}
.talks-scl ul a {
}
.talks-col.heading {
    margin-bottom: 20px;
}

.talks-scl ul li {
    line-height: 15px;
}
.talks-email a, .talks-email, .talks-phone,.talks-phone a {
    display: block;
}
.talks-email {
    padding: 0 20px;
    border-right: 1px solid #ffffff;
}
.talks-phone {
    padding: 0 20px;
}
.talks-email a, .talks-phone a,.talks-scl ul a {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}
.letstalkbox p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    opacity: .9;
}
.letstalk:after,.letstalk:before {
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    position: absolute;
    opacity: .4;
}
.letstalk .explorall {
    margin-top: 40px;
}
.letstalk:before {
    left: 0;
    background: url(../img/contactus-pg-bg-left.png);
}
.letstalk:after {
    right: 0;
    background: url(../img/contactus-pg-bg.png);
}
/*==============SHOPIFY AWARDS SECTION CSS*/
.shopify-centrified {
    border-radius: 22px;
    background: linear-gradient(to right, #0978bb, #5ddc94);
    width: 100%;
    padding: 2px 2px;
    margin-top: 130px;
}
.shopifyCen-bg {
    background: #e8f7f1;
    border-radius: 20px;
    padding: 0;
}
.shopifyCen-bg .row .col-6.col-md-3 {
    padding: 0 15px;
}
.certiFied-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    padding: 20px 0 40px;
    text-align: center;
}
.certiFied-heading span.d-block {
    font-weight: 700;
    background: linear-gradient(102.45deg, #007DB2 12.5%, #60E093 98.4%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    line-height: 65px;
}
.shopifyAward .container {
    max-width: 1165px;
    width: 100%;
}
.partnerAward {
    background: linear-gradient(to right, #0978bb, #5ddc94);
    padding: 2px 2px 2px 2px;
    border-radius: 20px;
    display: flex;
    margin: -30px auto 0;
    max-width: fit-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.shopify_partner {
    width: 786px;
    margin: auto;
    background: #fff;
    height: auto;
    padding: 15px 20px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fullImageSlider {
    position: relative;
    z-index: 0;
    padding: 10px 10px 0;
}
.imageSlider img {
    width: 100%;
}
.imageSlider .slick-list {
    padding: 0;
}
.imageSlider .slider-element {
    padding: 0;
}
.recogN {
    padding-top: 70px;
}
.msn-vlu .heading {
    margin: 0;
}
.mission-value:last-child h2 {
    text-align: right;
}






















    .marquee {
      position: relative;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
    }
    
    .marquee-track {
      display: inline-flex;
      width: max-content;
      animation: scroll 30s linear infinite;
    }
    
    .marqueeImg {
      display: flex;
    }
    
    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

.whyTesti .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0;
    width: calc(100% - 160px);
    position: absolute;
    bottom: 12px;
    left: 75px;
    overflow: hidden;
    list-style: none !important;
    padding: 0;
}
.whyTesti .slick-dots li {
    width: 100%;
    height: 2.5px;
}
.whyTesti .slick-dots li button {
    font-size: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    color: #fff !important;
    border: 0;
    width: 0;
}
.whyTesti .slick-dots:before {
    content: "";
    opacity: .3;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ffffff;
}
.whyTesti .slick-dots li.slick-active button {
    background: rgb(255 255 255 / 70%) !important;
    width: 25%;
}
.whyTesti .slick-counter, .whyTesti .slides-numbers {
    bottom: 5px;
    color: #fff;
    font-weight: 600;
    width: 60px;
    position: absolute;
    left: 10px;
    line-height: 16px;
}
.whyTesti .slick-counter .current-num,.whyTesti .slides-numbers .total {
    font-size: 16px;
    width: 10px;
    display: inline-block;
}
.whyTesti .slick-counter span.total-num {
    font-weight: 700;
    width: 15px;
    display: inline-block;
}
.spaceT50 {
    padding-top: 50px;
}






















.darkBlueBox {
    height: calc(100% + 35px);
    background: #f1f1f1;
    position: absolute;
    top: -35px;
    left: 0px;
    width: calc(100% + 25px);
    border: 2px solid #007bff;
    border-radius: 10px;
}

.msn-vlu {
    position: relative;
}

section.mission-value {
    margin: 100px 0 100px;
}

.skyBlueBox {
    background: #ede9d2;
    height: calc(100% + 35px);
    position: absolute;
    bottom: -35px;
    left: -25px;
    width: calc(100% + 25px);
    border: 2px solid #052351;
    border-radius: 10px;
}

.msn-vlu.msn-vlu-text {
    padding: 60px 60px 25px 35px;
}

.msn-vlu.msn-vlu1 {
    padding: 35px 85px 60px 60px;
}
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
/*===================*/
.slideshow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
.slideshow .slider_split {
  width: 100vw;
  height: 100%;
  z-index: 2;
}
.slideshow .slider_split * {
  outline: none;
}
.slideshow .slider_split .item {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  border: none;
}
.slideshow .slider_split .item .text {
  display: none;
}
.slideshow .slider_split .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.slideshow .slick-dots {
  position: absolute;
  z-index: 100;
  width: 40px;
  height: auto;
  bottom: auto;
  top: 50px;
  right: 0;
  transform: translateY(-50%);
  left: auto;
  color: #fff;
  display: block;
}
.slideshow .slick-dots li {
  display: block;
  width: 100%;
  height: auto;
}
.slideshow .slick-dots li button {
  position: relative;
  width: 20px;
  height: 15px;
  text-align: center;
}
.slideshow .slick-dots li button:before {
  content: '';
  background: #fff;
  color: #fff;
  height: 2px;
  width: 20px;
  border-radius: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.slideshow .slick-dots li.slick-active button:before {
  width: 40px;
  opacity: 1;
}
.slideshow.slideshow-right {
  left: 0;
  z-index: 1;
  width: 50vw;
  pointer-events: none;
}
.slideshow.slideshow-right .slider_split {
  left: 0;
  position: absolute;
}
.slideshow-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 55px;
  width: 100vw;
  text-align: center;
  font-weight: 900;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 60px;
  height: 65px;
  overflow: hidden;
  -webkit-text-fill-color: rgb(255 103 0 / 80%);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffffff;
}
.the-most {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 50vw;
  max-width: 200px;
  padding: 10px;
}
.the-most img {
  max-width: 100%;
}
.split-slideshow {
    position: relative;
    z-index: 0;
    height: 550px;
    overflow: hidden;
    z-index: -1;
}
.abF1rst.ab-video:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    /* background: linear-gradient(89deg, rgb(3 22 51 / 85%) 25%, transparent); */
}
.main-icon-light-left-bg > div {
     background-image: url(../img/arrow-white-1.png);
}
.main-icon-light-right-bg > div {
    background-image: url(../img/arrow-white-2.png);
}
.main-icon-light-left {
     background-image: url(../img/arrow-white-1.png);
}
.main-icon-light-right {
    background-image: url(../img/arrow-white-2.png);
}
.main-icon-dark-left, .main-icon-dark-right,.main-icon-light-left, .main-icon-light-right {
    background-size: 13px;
    background-repeat: no-repeat;
}
.main-icon-dark-left-bg > div,.main-icon-dark-right-bg > div {
    width: 14px;
    height: 14px;
    background-size: 15px;
}
.main-icon-dark-left {
     background-image: url(../img/arrow-dark-1.svg);
}
.main-icon-dark-right {
    background-image: url(../img/arrow-dark-2.svg);
}
.whyTesti .main-icon i {
    font-size: 12px;
    color: #052351;
}
.height35 {
    height: 40px;
    background: #010101;
}
.locationAddress br {
    display: none;
}
.progressBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0;
    width: calc(100% - 170px);
    position: absolute;
    bottom: 10px;
    left: 90px;
    overflow: hidden;
    list-style: none !important;
    padding: 0;
}
.blogsec .progressBar, .homeServices .progressBar {
    bottom: 20px;
    width: calc(100% - 68%);
    left: 90px;
}
.progressBar__bar {
    position: relative;
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 5% 100%;
    transition: background-size 0.5s ease-in-out;
    border-radius: 5px;
}
.progressBar .progressBar__bar {
    background-image: linear-gradient(to right, #ffffff, #ffffff);
}
.progressBar__bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100%;
    height: 1px;
    background-color: rgb(255 255 255 / 60%);
}

















.headingParagraph {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
    position: relative;
}
.hlinep {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-left: 180px;
}
.hlinep svg {
    width: 100%;
    fill: rgb(27 53 94);
    max-width: 150px;
    flex: 0 0 auto;
    margin-top: 10px;
    position: absolute;
    left: 0;
}
.contSocial {
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    gap: 0;
}
.contSocial span {
    display: block;
    width: 105px;
    flex: 0 0 auto;
    font-weight: 600;
}
.contSocial svg {
    position: relative;
    margin: 0;
    width: 55px;
    flex: 0 0 auto;
    fill: red;
}
.socialLinks ul {
    display: flex;
    gap: 10px;
}
.socialLinks ul li a {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid rgba(86, 96, 100, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.35s;
}
.socialLinks {
    margin-left: 20px;
}
.mv-section .heading {
    margin-bottom: 35px;
}
.mv-section .col-sm-5 {padding-right: 30px;}
.msContent {
    height: 100%;
    margin-top: 80px;
}
.msContent h3 {
    font-size: 27px;
    margin: 0 0 15px;
    line-height: 35px;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    font-weight: 600;
    letter-spacing: .5px;
}
.msContBox {padding: 0 0 0 25px;}

.stateIObox li:nth-child(7), .stateIObox li:nth-child(8), .stateIObox li:nth-child(9) {
    padding-bottom: 0;
}
.vmv-section .row {
    margin: 0;
}
.verticleHeader {
    position: relative;
}
.verticleHeader .heading {
    position: relative;
    left: -195px;
    margin: 0;
    transform: rotate(-90deg);
}
.verticleHeader .heading h2 {display: flex;align-items: center;height: 55px;width: 450px;font-size: 45px;letter-spacing: 2px;justify-content: center;}
.verticleImageContent {
    width: calc(100% - 75px);
    flex: 0 0 auto;
}
.vmvbox.vmv-tab {
    display: flex;
    align-items: center;
}
.vmvImagebox {
    width: 300px;
    flex: 0 0 auto;
}
.vmvContenbox {
    width: calc(100% - 300px);
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.verticleHeader {
    width: 75px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.vmvImagebox .tabcontent {
    height: 100%;
    display: none;
    transition: all .6s linear;
}
.vmvImagebox .tabcontent .vmv-image {
    object-fit: cover;
    object-position: center;
    height: 550px;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.vmvImagebox .tabcontent .vmv-image img {
    width: 100%;
    object-fit: cover;
    object-position: right;
    z-index: -2;
}
.vmviconbox {
    background: #ffffff;
    width: 130px;
    height: 130px;
    padding: 6px;
    border-radius: 50%;
    box-shadow: -10px -2px 10px rgb(0 0 0 / 20%);
}
.vmvbox-shadow {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    flex-direction: column;
    cursor: pointer;
}
.vmviconbox img {
    width: 100%;
    /* max-width: 35px; */
    margin: 0 auto;
    transition: all .5s linear;
    transform: scale(.4) translateY(-22px);
}
.tab-vmv-content {
    padding: 30px 0;
    position: relative;
    padding-left: 90px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.tab-vmv-content .vmviconbox {
    position: absolute;
    left: -65px;
}
.tab-vmv-content h3 {
    font-size: 25px;
    line-height: 25px;
    text-transform: capitalize;
    font-family: 'GT Super Display';
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0 0 10px;
    color: #1b355e;
}
.tab-vmv-content p {
    line-height: 1.5;
}
.vmvbox-shadow.vmv-dark-1 {
    background: linear-gradient(45deg, #e68800, #ff4c36);
}
.vmvbox-shadow.vmv-dark-2 {
    background: linear-gradient(45deg, #00a7c2, #00ce96);
}
.vmvbox-shadow.vmv-dark-3 {
    background: linear-gradient(45deg, #002dc2, #00c1ce);
}
.vmvImagebox .tabcontent .vmv-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.8;
}
.countryHeightS {
    height: 100px;
    display: inline-flex;
    align-items: end;
    border-bottom: 2px solid rgb(255 255 255 / 30%);
}
.fullSLiDerSec {
    position: relative;
    z-index: 0;
    background: -o-linear-gradient(top, #010101, #063072);
    background: -webkit-gradient(linear, left top, left bottom, from(#010101), to(#063072));
    background: linear-gradient(180deg, #010101, #063072);
}

.fullSLiDerSec .main-icon {
    position: absolute;
    bottom: -46px;
    z-index: 3;
    cursor: pointer;
}

.fullSLiDerSec  .slides-numbers {bottom: 47px;left: 6%;color: #fff;font-weight: 600;width: 60px;position: absolute;line-height: 16px;z-index: 2;}

.fullSLiDerSec  .progressBar {width: 76%;left: 12%;bottom: 52px;z-index: 2;}
.FullWidthImage img {
    width: 100%;
}

#fullSLiDerS {
    margin-bottom: 20px;
}

.fullSLiDerSec .slick-list {
    padding: 0;
}

.fullSLiDerSec .slick-list .element-2 {
    position: relative;
    padding: 0 20px;
}

.fullSLiDerSec .slick-list .element-2:after {
}
.fullSLiDerSec .main-icon-dark-left-bg {
    right: 8.2%;
}

.fullSLiDerSec .main-icon-dark-right-bg {
    right: 6.5%;
}
.fullSLiDerSec .main-icon i {
    color: #fff;
    font-size: 13px;
}
.whyEleh3Title h3 {font-size: 18px;color: #fff;margin: 0 0 15px;font-weight: 600;}
.whyEleh3Title {
    padding: 0 30px;
}
.vmvLogoRecog {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
    transition: all .5s linear;
    position: absolute;
    transform: scale(1) translateY(22px);
}
.vmvbox-shadow:hover img {
    transform: scale(.6) translateY(0px);
}
.vmvbox-shadow:hover .vmvLogoRecog {
    transform: scale(0) translateY(0px);
}
.hrlines {
    width: calc(100% - 90px);
    height: 1px;
    border-bottom: 1px solid #d4d4d4;
    position: absolute;
    bottom: 0;
}
.teams-video {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.teams-video .video-wrapper {
    margin-bottom: 15px;
    /* display: none; */
    margin-top: -10px;
}

.teams-video .video-wrapper .video-responsive {
    padding: 0;
    min-height: 280px;
    height: 100%;
}
.transParentBG {
    background: linear-gradient(88deg, rgb(0 74 188 / 50%), rgb(0 44 116 / 70%));
    max-width: 600px;
    padding: 40px;
    border-radius: 10px;
}

.transParentBG h1 {
    margin-bottom: 20px;
}

.transParentBG p {}

.transParentBG .explorall {
    margin-top: 50px;
}
.fullSLiDerSec:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(181deg, rgb(6 37 85 / 40%) 10%, transparent 35%);content: '';z-index: 1;}

.fullSLiDerSec:after {position: absolute;left: 0;bottom: 0;width: 100%;height: 55%;background: linear-gradient(0deg, rgb(0 36 92 / 90%) 15%, transparent 40%);content: '';z-index: 0;}

.fullSLiDerSec h2 {
    color: #fff;
    text-align: center;
}
.fullSLiDerSec .heading {
    z-index: 1;
}
.fooMenu ul a:hover:after {
    border-left: 5px solid #1355be;
}
.contact-col-6-1 {
    width: 37%;
}
.contact-col-6-2 {
    width: 63%;
    padding-left: 50px;
}
.conForm .heading {
    text-align: left;
    margin-bottom: 25px;
}
.conForm .heading h2 {
    font-size: 30px;
    margin: 0 0 5px;
    line-height: 35px;
}
.conForm .heading p {
    margin: 0;
}
.contact-test-col-6-1{
    width: 37%;
}
.conForm-head {
    align-items: center;
}

.conForm-head .heading {
    margin: 0;
}
.conForm-head {
    margin-bottom: 30px;
}
.contLLogoright {
    margin-top: -20px;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.contLLogoright img {
    width: 100%;
    height: auto;
    max-width: 120px;
}
.snbox-cd-text a {
    color: #fff;
}

/*===========================HOME MODAL POPUP CSS HERE*/
.projectModal-popup-1 {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.projectModal-popup-1 .modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 30px 30px;
    border-radius: 8px;
    max-width: 620px;
    position: relative;
    width: 100%;
}
/*.custom-modal {*/
/*   display: none;*/
/*   position: fixed;*/
/*   z-index: 1000;*/
/*   left: 0;*/
/*   top: 0;*/
/*   width: 100%;*/
/*   height: 100%;*/
/*   overflow: auto;*/
/*   background-color: rgba(0, 0, 0, 0.5);*/
/*}*/

/*.modal-content {*/
/*   background-color: #fff;*/
/*   margin: 10% auto;*/
/*   padding: 20px;*/
/*   border-radius: 8px;*/
/*   width: 90%;*/
/*   max-width: 600px;*/
/*   position: relative;*/
/*}*/

.projectModal-popup-1 .close {
   position: absolute;
   top: -5px;
   right: 15px;
   font-size: 30px;
   font-weight: 300;
   cursor: pointer;
   transition: all .5s linear;
}

.projectModal-popup-1 form input, form select, form textarea {
   width: 100%;
   padding: 10px;
   margin: 10px 0;
   border: 1px solid #ccc;
   border-radius: 4px;
}

.projectModal-popup-1 .radio-group {
   display: flex;
   gap: 20px;
   margin-bottom: 30px;
}

.projectModal-popup-1 form button {
   background-color: #0b367a;
   color: #fff;
   padding: 15px 35px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   line-height: 16px;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 16px;
   transition: all .5s linear;
}

.projectModal-popup-1 form button:hover {
   background-color: #008c6b;
}


.projectModal-popup-1 .form-message {
   margin-top: 10px;
   padding: 12px;
   border-radius: 4px;
   font-size: 14px;
   text-align: center;
}

.projectModal-popup-1 .form-message.success {
   background-color: #d4edda;
   color: #155724;
   border: 1px solid #c3e6cb;
}

.projectModal-popup-1 .form-message.error {
   background-color: #f8d7da;
   color: #721c24;
   border: 1px solid #f5c6cb;
}
.projectModal-popup-1 .radio-group label {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 15px;
    line-height: 15px;
}
.projectModal-popup-1 .radio-group label input {
    width: auto;
    margin: 0;
}
.projectModal-popup-1 h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 20px;
}
.projectModal-popup-1 .row {
    margin: 0 -10px;
}
.projectModal-popup-1 .row input, .projectModal-popup-1 .row select,.projectModal-popup-1 .row textarea {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: none;
    border-bottom: 1px solid #b8b8b8;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    color: #606060;
    width: 100%;
    padding: 10px 0 10px;
    margin: 0;
}
.projectModal-popup-1 .row .col-sm-6,.projectModal-popup-1 .row .col-sm-12 {
    padding: 0 10px;
    margin-bottom: 15px;
}
.projectModal-popup-1 .row input, .projectModal-popup-1 .row select {
    height: 45px;
}
.projectModal-popup-1 .row textarea {
    min-height: 100px;
    padding-top: 0;
}
.attachmentFile:after {
}
.modalTextarea {
    position: relative;
}
.attachmentFile input[type="file"] {
}.attachmentFile input[type="file"]:hover:after{background: red !important;}
.modalButton {
    margin: 0 !important;
}
.projectModal-popup-1 form button:hover {
    background: #174ea5;
}
.countrySearchDyn #country-search{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
#myModal .bottom-info a img {
    width: 26px;
}
.formbox .form-group select {
    margin: 0 !important;
}
.attachmentFile {
    background: #404449;
    border-radius: 5px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    height: 45px;
}
.attachmentFile input {
    font-size: 0 !important;
    opacity: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.attachmentFile:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: 'BROWSE | DROP FILES HERE';
    font-size: 12px;
    padding: 10px 10px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 0;
}
.attachmentFile:hover {
    background: #0b367a;
    cursor: pointer;
}
.avtarImg img {
    margin: 0 auto;
}
.testBoxText strong {
    font-size: 17px;
    margin: 0 0 12px;
    display: block;
    line-height: 25px;
}

.hdcolBTN2 {
    position: absolute;
    right: 0;
    top: 0;
}

.hdcolBTN2 a {
    width: 100%;
    height: 100%;
    display: block;
}

.hdcolBTN2 {
    /* width: 70px; */
    /* height: 70px; */
}

.hdcolBTN2 {}

.hdcolBTN2 {}

.hdcolBTN2 {}

.hdcolBTN2 {}

.hdcolBTN2 {}

.pluseIconS2 {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}

.pluseIconS2:before {
    position: absolute;
    content: '';
    background: #063072;
    height: 100%;
    width: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pluseIconS2:after {
    position: absolute;
    content: '';
    background: #063072;
    width: 100%;
    height: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.hdcolBTN2 a .pluseIconS2 {
    top: 0;
    left: 38px;
}
.hdcolBTN2 a span:last-child {
    color: #052351;
    display: block;
    position: absolute;
    bottom: -100px;
    width: 145px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
}
.hdcolBTN2 a:hover .pluseIconS2 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s transform, .3s -webkit-transform;
    -o-transition: .3s transform, .3s -webkit-transform;
    transition: .3s transform, .3s -webkit-transform;
}
.hdcolBTN2 a:hover .pluseIconS2:before,.hdcolBTN2 a:hover .pluseIconS2:after {
    background: #008cee;
}
.hdcolBTN2 a:hover span {
    color: #008cee;
}
/*===========START CSS OF OUR VALUES SECTION DESIGNED BY SIR*/
.servicesXab {
    background: #0a1128;
    padding: 80px 0px 0;
    text-align: center;
}
.servicesXab .heading h2 {
    color: #fff;
    font-weight: 700;
}
.servicesXab .heading p {
    color: #cccccc;
    max-width: 650px;
    margin: 15px auto 0;
}
.service-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}
.servicesXab .container {
    max-width: 1120px;
}
.service-cards .service-card {
    background: #0d1635;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.3s ease;
    width: calc(33.33% - 15px);
    flex: 0 0 auto;
}
.service-cards .service-card .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(90deg, #6a4cff, #ff4f81, #1ac0ff);
    padding: 15px;
}
.service-cards .service-card .icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.service-cards .service-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #ffffff;
}
.service-cards .service-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #cccccc;
}
.service-cards .service-card:hover {
    transform: translateY(-8px);
    border-color: #6a4cff;
    box-shadow: 0px 0px 18px rgba(106, 76, 255, 0.4);
}
.servicesXab .service-cards {
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fullSLiDerSec .destination_yr .row {
    margin: 0;
}
/*===========END CSS OF OUR VALUES SECTION DESIGNED BY SIR*/
/*===========START CSS OF OUR OFFICE SECTION DESIGNED BY SIR*/
.office-wrapper {
    padding: 70px 0;
    background: #0a1128;
}
.headinglogo img {
    width: 100%;
}
.headinglogo {
    max-width: 140px;
    margin: 0 auto 10px;
}
.office-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
width: 100%;
background: #0a1128;
-webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
padding: 0px 0px 30px;
border-radius: 15px 15px 0px 0px;
}
  .office-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33%;
    position: relative;
    overflow: hidden;
  }

  .office-col img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .office-info {
    background: #0a1128;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 35px;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 34%;
  }

  .office-info h2 {
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
  }
  .office-info h1 {
    margin-bottom: 20px;
    color: #fff;
  }

  .divider {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 0;
    width: 100%;
  }

  .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
    margin: 20px 0;
  }

  .stat {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .stat span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    opacity: 0.85;
    line-height: 18px;
  }

  .stat strong {
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    display: block;
  }

  .stats .vertical-divider {
    width: 1px;
    border-right: 1px solid rgba(255,255,255,0.1);
    height: 68px;
  }
.office-col.office-info .heading {
    margin-bottom: 30px;
}
  .headquarters {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    line-height: 18px;
  }

  .headquarters strong {
    display: block;
    font-size: 32px;
    font-weight: 700;
    margin-top: 15px;
    line-height: 40px;
  }

  /* ---- Slider ---- */
.office-slider {
    background: #0a1128;
    padding: 0px 0px 0px;
    position: relative;
    border-radius: 0px 0px 15px 15px;
    margin-bottom: 0 !important;
    margin-left: -10px;
    margin-right: -8px;
}
.office-slider img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 15px;
}
.office-slider .slick-dots {
    bottom: 0px;
}
.office-slider   .slick-dots li button:before {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
  }
.office-slider   .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
  }
.office-slider .main-icon {
    position: absolute;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
            transform: translateY(-110%);
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    background: rgb(10 17 40 / 50%);
    border-radius: 50%;
    color: #fff;
    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;
    z-index: 1;
}
.office-slider .custom-prev {
    left: -10px;
}
.office-slider .custom-next {
    right: -10px;
}
  .office-wrapper button.slick-prev{
        left: 15px;
    }
    .office-wrapper button.slick-next{
        right: 15px;
    }
    .office-wrapper button.slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
}
.office-col:first-child {
    border-radius: 15px;
}
.office-col:last-child {
    border-radius: 15px;
}
.office-slider .slick-dots {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.office-slider .slick-dots li button {
    font-size: 0;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: rgb(255 255 255 / 50%);
    border: 2px solid #ffffff;
    transition: all .5s linear;
}
.office-slider .slick-dots li.slick-active button {
    background: #fff;
    width: 20px;
    height: 20px;
}
.office-slider .slick-list {
    padding: 0 0 10px;
}
/*===========END CSS OF OUR OFFICE SECTION DESIGNED BY SIR*/


/*=================PRIVACY POLICY PAGE CSS*/
.pvcpage {
    padding: 70px 0;
}
.pvcpage .container {
    /* width: 80%; */
    /* max-width: 80%; */
}
.pvcpage h1 {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 42px;
    font-family: 'GT Super Display';
    font-weight: 600;
    color: #1b355e;
}
.pvcpage .wp-block-columns {margin: 0;}
.pvcpage .wp-block-columns p + p {
    margin-top: 10px;
}
.pvcpage .wp-block-columns strong {
    color: #1b355e;
}
.pvcpage hr.wp-block-separator {
    margin: 30px 0;
    border-color: #c7c7c7;
}
.pvcpage h3 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 30px;
}
.pvcpage ul.wp-block-list {
    margin: 15px 0 15px 30px;
}
.pvcpage ul.wp-block-list li {
    list-style: disc;
}
.pvcpage ul.wp-block-list strong {color: #1b355e;}
.pvcpage h4.wp-block-heading {
    font-size: 20px;
    margin: 21px 0 15px;
}
.servicesCardDe .sboxbg_color .subserv a img{
    width: 100%;
    max-width: 25px;
}

.bgfront {
  min-height: 80vh;
  background-image: url('../img/bg/6.webp');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
    
}

/* Migration Process Section */
.pricing-section {
  padding: 90px 0;
}

/* LEFT */
.pricing-section h2 {
font-family: GT Super Display;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.pricing-section h2 span {
  color: #f97316;
}

.pricing-section p {
  font-size: 16px;
  color: #1F1F1F;
  line-height: 1.7;
  margin-bottom: 12px;
}

/* ACCORDION */
.custom-accordion {
  border-top: 1px solid #e5e7eb;
}

.accordion-item {
  border-bottom: 1px solid #e5e7eb;
}

.accordion-header {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}

.accordion-header:focus {
  outline: none;
}

.accordion-body {
  padding: 0 0 22px;
  line-height: 1.7;
  color: #6b7280;
}

/* ICON */
.accordion-header .icon {
  font-size: 25px;
  font-weight: 300;
  transition: transform 0.25s ease;
}

/* COLLAPSE STATE HANDLING */
/*
.accordion-header.collapsed .icon {
  content: "+";
}

.accordion-header:not(.collapsed) .icon {
  content: "−";
}
*/

.collapse,
.collapsing {
  transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ACCORDION LIST STYLE */
.accordion-body ul {
  margin: 12px 0 14px;
  padding-left: 18px;
  list-style: none;
}

.accordion-body ul li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}

/* Custom bullet (dot) */
.accordion-body ul li::before {
  content: "";
  font-size: 12px;
  background: none;
  background-color: #f97316;  
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}


/* RESPONSIVE */
@media (max-width: 991px) {
  .pricing-section h2 {
    font-size: 36px;
  }
}

.inner2 h2 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: GT Super Display;    
}



/*Features section Ankit start*/

.premium-social{
width:100%;
background:#f8f9fb;
padding:28px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.social-row{
display:flex;
align-items:center;
justify-content:center;
gap:70px;
flex-wrap:wrap;
}

.social-heading{
font-size:26px;
font-weight:700;
color: #000;
letter-spacing:1px;
}

.social-heading span{
color:#3f6eb7;
}

.social-icons{
display:flex;
gap:50px;
list-style:none;
margin:0;
padding:0;
}

.social-icons li a{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:#444;
font-weight:600;
transition:all .3s ease;
}

.social-icons i{
font-size:24px;
color:#bdbdbd;
transition:all .3s ease;
}

/* Hover Effects */

.ppc:hover i{color:#ff4d4d;}
.google-ads:hover i{color:#4285F4;}
.display-ads:hover i{color:#34A853;}
.facebook:hover i{color:#1877F2;}
.instagram:hover i{color:#E4405F;}
.twitter:hover i{color:#1DA1F2;}
.linkedin:hover i{color:#0A66C2;}
.youtube:hover i{color:#FF0000;}

.social-icons li:hover i{
transform:translateY(-2px) scale(1.15);
}

.social-icons li:hover span{
color:#000;
}
/*Features section Ankit end*/


/* Clutch Google Review */

.reviewSection{
   margin-top:30px;
}

.homeFiveStar{
   font-size:16px;
   font-weight:500;
   margin-bottom:20px;
}

.homeFiveStar .fa-star{
   color:#f5b301;
   margin-right:2px;
}

.reviewBadges{
   display:flex;
   gap:25px;
   align-items:center;
   flex-wrap:wrap;
}

.reviewBadge{
   display:flex;
   align-items:center;
   gap:10px;
   text-decoration:none;
   background:#fff;
   padding:8px 15px;
   border-radius:8px;
   box-shadow:0 4px 10px rgba(0,0,0,0.08);
   transition:0.3s;
}

.reviewBadge:hover{
   transform:translateY(-3px);
}

.reviewBadge img{
   height:35px;
}   



/* This Style CSS for flatting right side section */

/*Hero Layout CSS*/
.heroVisualUltra{
position:relative;
display:flex;
justify-content:center;
align-items:center;
min-height:540px;
}

/* 260326
.heroPerson{
max-width:420px;
position:relative;
z-index:3;
}
*/

.heroPerson{
position:relative;
z-index:3;
}


/*Floating Glass Cards*/
.statCard{

position:absolute;
z-index:5;

display:flex;
align-items:center;
gap:12px;

padding:14px 18px;

background:rgba(255,255,255,0.85);
backdrop-filter:blur(12px);

border-radius:14px;

box-shadow:0 25px 60px rgba(0,0,0,0.08);

font-size:14px;

animation:floatHero 5s ease-in-out infinite;
}

.statCard strong{
font-size:18px;
display:block;
}

.statCard p{
margin:0;
font-size:13px;
color:#666;
}

.statCard i{
font-size:18px;
color:#0d6efd;
background:#eef3ff;
padding:10px;
border-radius:8px;
}

/*Card Positions*/
.stat1{
top:70px;
left:40px;
}

.stat2{
top:220px;
right:0px;
}

.stat3{
bottom:10px;
left:90px;
flex-direction:column;
}

/*Animated Data Lines*/
.dataLines{

position:absolute;
width:100%;
height:100%;

top:0;
left:0;

z-index:2;

pointer-events:none;

}

.dataLine{

fill:none;

stroke:#0d6efd;

stroke-width:2;

stroke-dasharray:8;

opacity:.6;

animation:dataFlow 6s linear infinite;

}

@keyframes dataFlow{

0%{
stroke-dashoffset:40;
}

100%{
stroke-dashoffset:0;
}

}

/*Floating Animation*/
@keyframes floatHero{

0%{transform:translateY(0)}
50%{transform:translateY(-12px)}
100%{transform:translateY(0)}

}

/*Orbit SEO Bubbles*/
.seoBubble{

position:absolute;

padding:6px 14px;

background:#f4f7ff;

border-radius:20px;

font-size:12px;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

animation:orbit 14s linear infinite;

}

.bubble1{top:20px; left:50%;}
.bubble2{top:120px; right:10px;}
.bubble3{bottom:140px; left:20px;}
.bubble4{bottom:20px; right:60px;}
   

/*Orbit Animation*/
@keyframes orbit{

0%{
transform:rotate(0deg) translateX(12px) rotate(0deg);
}

100%{
transform:rotate(360deg) translateX(12px) rotate(-360deg);
}

}

/*Premium Glow Background*/
.heroVisualUltra::before{

content:"";

position:absolute;

width:420px;
height:420px;

background:radial-gradient(circle,#e9f1ff,transparent 70%);

top:100px;
left:50%;

transform:translateX(-50%);

z-index:0;

}


/* Consultancy section start*/




/* HERO SECTION */

.agency-hero{
padding:120px 0;
background:#f7f9ff;
position:relative;
overflow:hidden;
}

.agency-hero .container{
width:1200px;
max-width:95%;
margin:auto;
padding:0 15px;
}
/* gradient glow */

.hero-glow{
position:absolute;
width:650px;
height:650px;
background:radial-gradient(circle,#8a7dff,transparent);
top:-200px;
left:-200px;
filter:blur(120px);
opacity:.4;
animation:floatGlow 10s ease-in-out infinite;
}

@keyframes floatGlow{
0%{transform:translateY(0)}
50%{transform:translateY(60px)}
100%{transform:translateY(0)}
}
.hero-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
gap:120px;
flex-wrap:wrap;
}

/* LEFT SIDE */

.hero-left{
flex:1;
}

.hero-label{
font-size:13px;
letter-spacing:1px;
color:#6a5cff;
font-weight:600;
display:block;
margin-bottom:15px;
}

.hero-left h1{
font-size:48px;
line-height:1.2;
margin-bottom:20px;
}

.hero-left h2{
font-size:40px;
line-height:1.2;
margin-bottom:20px;
}


.hero-left p{
color:#666;
max-width:520px;
margin-bottom:20px;
}

/* revenue card */

.hero-revenue-card{
display:flex;
align-items:center;
gap:15px;
background:white;
padding:16px;
border-radius:14px;
width:360px;
box-shadow:0 20px 45px rgba(0,0,0,.08);
margin-bottom:30px;
}

.hero-revenue-card img{
width:90px;
border-radius:10px;
}

.hero-revenue-card h3{
margin:0;
font-size:22px;
}

.hero-revenue-card span{
color:#2ecc71;
margin-left:5px;
font-size:14px;
}

.hero-revenue-card p{
margin:3px 0 0;
font-size:13px;
color:#666;
}

/* BUTTON */

.hero-btn{
display:inline-block;
padding:16px 40px;
background:linear-gradient(90deg,#6a5cff,#9a6bff);
color:white;
border-radius:40px;
text-decoration:none;
font-weight:600;
box-shadow:0 15px 35px rgba(106,92,255,.4);
transition:.3s;
}

.hero-btn:hover{
transform:translateY(-3px);
}

/* RIGHT SIDE */

.hero-right{
flex:1;
position:relative;
display:flex;
justify-content:center;
}

/* hero image */

.hero-image{
width:100%;
max-width:520px;
aspect-ratio:1/1;
border-radius:50%;
overflow:hidden;
box-shadow:0 40px 80px rgba(0,0,0,.18);
}

.hero-image img{
width:100%;
height:100%;
object-fit:cover;
}
/* analytics cards */

.analytics-card{
position:absolute;
background:rgba(255,255,255,.9);
backdrop-filter:blur(10px);
padding:26px 28px;
border-radius:18px;
box-shadow:0 25px 60px rgba(0,0,0,.12);
transition:transform .35s ease;
}

/* hover lift */

.analytics-card:hover{
transform:translateY(-6px) scale(1.02);
}

/* goals card */

.goals-card{
bottom:60px;
left:-60px;
width:320px;
animation:floatCard 6s ease-in-out infinite;
}

/* stats card */

.stats-card{
top:30px;
right:-40px;
width:220px;
text-align:center;
animation:floatCard 7s ease-in-out infinite;
}

/* floating animation */

@keyframes floatCard{
0%{transform:translateY(0)}
50%{transform:translateY(-12px)}
100%{transform:translateY(0)}
}

/* progress bars */

.progress-item{
margin-bottom:18px;
font-size:14px;
}

.progress-bar{
height:8px;
background:#eee;
border-radius:20px;
margin-top:6px;
overflow:hidden;
}

.progress-fill{
height:100%;
background:linear-gradient(90deg,#6a5cff,#9a6bff);
}

/* counters */

.counter-box{
margin-bottom:10px;
line-height:1.2;
}

.counter-box strong{
font-size:28px;
display:inline-block;
margin-right:3px;
}

.counter-box p{
margin:0;
font-size:13px;
color:#666;
}



/*Consultancy section end*/