@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sora:wght@100..800&family=Tomorrow: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');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed: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');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-size: 15px;
    font-weight: 400;
    color: #474747;
    line-height: 1.6;
    font-family: "Manrope", sans-serif;
}
h1,h2,h3,h4,h5,h6{
    color: #323232;
}
p{
    margin: 0;
}
a,a:hover{
    text-decoration: none;
}
.blueColor{
    color: #0158b1;
}
h1,h2{
    font-size: 37px;
    font-weight: 700;
    line-height: 42px;
    /* text-transform: capitalize; */
    letter-spacing: -.5px;
}
ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
input:foucs,select:foucs,button:foucs,textarea:foucs{
    outline: none;
}
.container{
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;
}
.container-fluid{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
section {
    position: relative;
}
.sptb {
    padding: 80px 0;
}
.heading {
    margin: 0 0 50px;
    position: relative;
    z-index: 0;
}
.heading h2 {
    margin-bottom: 10px;
}
.heading p {
}
.heading-center {
    text-align: center;
}
:root{
    --p: #b4b4b4;
    --h: #e6e6e6;
    --a: #f97900;
}
.slick-slider {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.slick-track {
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}
.slick-track:after {
    clear: both
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-initialized .slick-slide,.slick-slide img {
    display: block
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.h2w h2 {
    color: #fff;
}
.subT-d, .subT-d a {
    color: #101618;
}
.effectbutton {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.effectbuttonhover:before {
    position: absolute;
    content: "";
    background-color: #120e0b;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    border-radius: 50%;
    left: -10%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
    z-index: -1;
}
.effectbuttonhover:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #283734;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
    z-index: -1;
}
.effectbuttonhover:hover {
    color: #fff;
}
.effectbuttonhover:hover:before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.effectbuttonhover:hover:after {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.05s;
    transition-delay: 0.4s;
    transition-timing-function: linear;
}
.underlineEffect {
    background-image: linear-gradient(transparent calc(100% - 1.2px), var(--a) 2px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s;
}
/*=================HEADER CSS*/
header {
    position: relative;
}
.top-header {
    position: relative;
    background: #ffffff;
}
.top-header .row {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.thmedia {
    display: flex;
    justify-content: flex-end;
}
.thmedia ul {
    display: flex;
    gap: 3px;
}
.thmedia ul a {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
    border: 3px solid;
}
.thinfo ul {
    display: flex;
    gap: 20px;
}
.thinfo ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 15px;
    font-weight: 600;
}
.thinfo ul li a img {
    width: 100%;
    max-width: 17px;
}
.middle-header {
    background-color: #121212;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
.mh-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}
.mh-logo {
    display: flex;
    align-items: center;
    position: relative;
    width: 48%;
    padding: 20px 0;
    flex: 0 0 auto;
}
.mh-logo a {
    max-width: 170px;
    width: 100%;
}
.mh-logo a img {
    width: 100%;
}
header:after {
}
.mh-menu ul {
    display: flex;
    justify-content: right;
}
.mh-menu ul li a {
    display: block;
    color: #a4a4a4;
    padding: 12px 0;
    font-weight: 600;
    font-size: 16px;
}
.mh-menu ul li + li {
    margin-left: 25px;
}
.thmedia ul a i {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 1px 0 0;
}
.mh-menu {
    width: calc(52% - 40px);
    flex: 0 0 auto;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.burgericon {
    position: absolute;
    right: 0px;
    cursor: pointer;
    font-size: 25px;
    color: #ffffff;
    transition: all 0.3s ease;
}
.burgericon:hover {
    transform: scale(1.2);
}

.burgericon:hover span {
    width: 100%;
}
button.button {
    width: 165px;
    height: 45px;
    color: #e7e7e7;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    background: #121212;
    line-height: 42px;
    padding: 0;
    border: none;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px;
    border: 2px solid rgb(255 255 255 / 40%);
}
button.button:before,button.button:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: var(--a);
    box-shadow: -7px -7px 20px 0px rgb(255 87 34 / 70%), -4px -4px 5px 0px rgb(255 152 0 / 60%), 7px 7px 20px 0px rgb(255 193 7 / 50%), 4px 4px 5px 0px rgb(255 235 59 / 30%);
    transition: all 0.3s ease;
}
button.button:before {
    height: 0%;
    width: 2px;
}
button.button:after {
    width: 0%;
    height: 2px;
}
button.button span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
button.button span:before,button.button span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: var(--a);
    box-shadow: -7px -7px 20px 0px rgb(255 152 0 / 70%), -4px -4px 5px 0px rgb(255 193 7 / 60%), 7px 7px 20px 0px rgb(255 235 59 / 50%), 4px 4px 5px 0px rgb(255 235 59 / 30%);
    transition: all 0.3s ease;
}
button.button span:before {
    width: 2px;
    height: 0%;
}
button.button span:after {
    height: 2px;
    width: 0%;
}
button.button:hover {
    color: var(--a);
    background: transparent;
}
button.button:hover:before {
    height: 100%;
}
button.button:hover:after {
    width: 100%;
}
button.button:hover span:before {
    height: 100%;
}
button.button:hover span:after {
    width: 100%;
}
/*=================HOME SERVICES CSS*/
.homeServices {
    background: #ffffff;
    z-index: 0;
}
.svcboxborder {
    border: 1px solid #2e2e2c;
}
.soverbg {
    background: #0e0f11;
    position: absolute;
    top: 0;
    width: 100%;
    height: 455px;
    z-index: 0;
}
.svcbox {
    padding: 0 10px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}
.img-box {
    position: relative;
}
.img-box figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.img-box figure img {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    overflow-clip-margin: content-box;
    transition: 0.5s;
}
.iconbox {z-index: 0;}
.content-box {
    background-color: #fff;
    padding: 20px 20px 20px;
}
.content-box h3 {
    font-size: 20px;
    margin: 0 0 12px;
    font-weight: 700;
}
.content-box a {
    margin: 30px 0 0;
}
.blogbox .content-box h3 a {
    font-weight: 700;
    background-image: linear-gradient(transparent calc(100% - 2px), #005dbd 2px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s;
}
.svcboxborder:hover .content-box h3 a {
    background-size: 100% 100%;
    color: #005dbd;
}
.svcboxborder .buttonDiv {
    justify-content: flex-start;
    margin: 0;
}
.svcboxborder .buttonDiv a {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.svcboxborder .buttonDiv a span {
    display: flex;
    align-items: center;
}
.content-box p {
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    line-height: 1.5;
    letter-spacing: .3px;
}
.iconbox {
    position: absolute;
    bottom: -30px;
    right: 20px;
}
.iconbox span {
    font-weight: 700;
    background: #005dbd;
    display: flex;
    height: 70px;
    width: 70px;
    line-height: 25px;
    border-radius: 50%;
    border: 10px solid #ccdfff;
    align-items: center;
    color: #fff;
    font-size: 25px;
    position: relative;
    z-index: 0;
    justify-content: center;
    transition: .4s;
}
.iconbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 96, 255, .1);
    transform: translate(-50%, -50%);
    z-index: 0;
    background: #e5efff;
    transition: .4s;
}
.img-box figure:before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 93 189);
    background: linear-gradient(180deg, rgb(0 48 204 / 0%) 27%, rgb(0 93 189 / 70%) 100%);
    height: 100px;
    content: "";
    z-index: 1;
}
/*=================HOME PORTFOLIO CSS*/
.work-card {
    background-size: cover;
    background-position: bottom left;
    background: #061E22;
}
.work-card .card-item {
    margin-bottom: 30px;
    border: 1px solid #0c2b30;
    border-radius: 15px;
    background: #04191c;
    position: sticky;
}
.work-card .col-lg-7 {
    flex: 0 0 auto;
    width: 55%;
    padding: 30px;
}
.work-card .card-item .cont {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.work-card .card-item .img img {
    border-radius: 10px;
    width: 100%;
}
.work-card .col-lg-5 {
    padding: 50px 50px;
    width: 45%;
}
.work-card .row {
    margin: 0;
}
.cs {
    color: #005dbd;
    font-weight: 600;
    font-size: 18px;
}
.app__head4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin: 25px 0 15px;
    color: #ffffff;
}
.showcase_subhead {
    font-size: 18px;
    line-height: 1.5;
    color: #d5d5d5;
}
.showcase__results {
    padding-top: 50px;
}
.results_head {
    color: #c46900;
    font-weight: 600;
}
.results_count {
    display: flex;
    padding: 10px 0 35px;
}
.states_head {
    max-width: 160px;
    width: 100%;
}
.states_head span {
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 40px;
    color: #ffffff;
}
.results_text {
    line-height: 20px;
    color: #d5d5d5;
}
.states_head+.states_head {
    padding-left: 50px;
    border-left: 1px solid #707070;
    max-width: 200px;
}
.work-card h4 {
    color: #fff;
}
.buttonDiv {
    display: flex;
    justify-content: end;
    margin: 30px 0 0;
}
.buttonDiv a {
    color: var(--a);
    font-weight: 800;
    text-decoration: none;
    border-radius: 5px;
    display: block;
    font-size: 17px;
    font-style: italic;
    font-family: "Rajdhani", sans-serif;
}
.buttonDiv a span img {
    width: 15px;
}
.buttonDiv a span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: block;
    border: 2px solid var(--a);
    padding: 3px 6px;
    margin-left: 10px;
}
.work-card .buttonDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
}
.work-card .buttonDiv a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.work-card .buttonDiv a span {display: flex;align-items: center;}
#card-item1{--index: 1; top: 10%;}
#card-item2{--index: 2; top: 13%;}
#card-item3{--index: 3; top: 16%;}
#card-item4{--index: 4; top: 19%;}
#card-item5{--index: 5; top: 21%;}
#card-item6{--index: 6; top: 24%;}
/*=====================CLIENTS CSS*/
.clspace {
    padding: 0 12px;
}
.companyLogo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.companyLogo img {
    width: 100%;
}
.clients {background: #fff;padding: 70px 0 0px;}
.clients .slick-dots {
    margin: 10px 0 0 !important;
}
.getStarted {
    display: flex;
    justify-content: center;
    margin: 0px 0 0;
}
.gsbtn {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
.gsbtn p {
    height: 50px;
    background: #f3f3f3;
    padding: 10px 30px;
    font-weight: 600;
    color: #959595;
    font-size: 16px;
}
.gsbtn a {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background: rgb(0 93 189);
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}
.gsbtn p b {
    color: #555555;
    font-weight: 600;
}
/*=====================FOOTER CSS*/
footer {
    background: #121212;
    position: relative;
    z-index: 0;
    padding-top: 70px;
}
.support {
    padding: 0 0 50px;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.support .col_3 {
    max-width: 32%;
    flex: 0 0 32%;
    padding: 0 15px;
}
.support .col_9 {
    max-width: 68%;
    flex: 0 0 68%;
    padding: 0 15px;
}
.col_choose_us {
    max-width: 25%;
    flex: 0 0 25%;
    padding: 25px 10px;
    text-align: center;
    margin: 0 0 0 -1px;
    box-sizing: border-box;
    border: 1px solid #878787;
    position: relative;
    z-index: 0;
}
.col_choose_us img {
    max-width: 45px;
    height: 45px;
    margin: 0 0 10px;
}
.col_choose_us h3 {
    color: #e7e7e7;
    margin: 5px 0 10px;
    font-size: 18px;
    font-weight: 600;
}
.col_choose_us p {
    color: #a4a4a4;
}
.posa {
    max-width: 32%;
    position: relative;
    flex: 0 0 32%;
    padding: 0 15px;
}
.col_777 {
    max-width: 68%;
    flex: 0 0 68%;
    padding: 0 15px;
}
.posa img {
    width: 100%;
    position: absolute;
    bottom: -70px;
    left: 30px;
    max-width: 350px;
    filter: grayscale(1);
}
.inn-padding {
    padding: 0;
}
.inn-padding h2 {
    color: #e7e7e7;
    line-height: 28px;
    font-size: 28px;
    margin: 0 0 10px;
}
.inn-padding p {
    color: #a4a4a4;
    font-size: 16px;
}
.inn-padding ul {
    margin-top: 30px;
    list-style: none;
    margin-bottom: 25px;
    padding-left: 0;
    display: flex;
}
.inn-padding ul li {
    color: #a4a4a4;
    align-items: center;
    display: flex;
    border: 1px solid #878787;
    width: 100%;
    border-left: 0;
    padding: 5px 20px;
    align-items: center;
    height: 40px;
}
.inn-padding ul li i {
    padding-right: 10px;
}
.btn-of-rquest a {
    align-items: center;
    display: flex;
    color: var(--h);
    padding: 10px 30px;
    font-weight: 600;
    text-decoration: none;
    background: var(--a);
    border: 1px solid var(--a);
    border-radius: 5px;
    height: 45px;
    justify-content: center;
    gap: 10px;
}
.inn-padding ul li:first-child {
    border-left: 1px solid #878787;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.mid-footer {
    padding-bottom: 0;
}
.f-clmn {
    padding: 0 15px 20px;
}
.f-clmn1 {
    max-width: calc(32% - 35px);
    margin-right: 35px;
    flex: 0 0 32%;
}
.logo-top {
    margin-top: 0;
    box-shadow: 0 0 30px rgb(21 22 24 / 20%);
    position: relative;
}
.footer-logo {
    margin-bottom: 15px;
}
.footer-logoo {
    display: block;
    max-width: 180px;
}
.footer-logoo img {
    width: 100%;
}
.text {
    margin-right: 10px;
    display: block;
    position: relative;
    top: 0;
}
.text p {
    margin-bottom: 15px;
    color: #a4a4a4;
}
.foot-btn {
    color: var(--a);
    text-decoration: none;
    font-weight: 700;
}
.foot-btn i {
    margin: 0 0px 0 6px;
    font-weight: 700;
}
.footer-social {
    margin-top: 20px;
}
.f-clmn2 {
    max-width: 21%;
    flex: 0 0 21%;
}
.f-clmn3,.f-clmn4 {
    max-width: 23%;
    border-left: 1px solid #191b1f;
    flex: 0 0 23%;
    padding-left: 25px;
}
.f-clmn h3 {
    color: #e7e7e7;
    padding: 0;
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.f-clmn ul li a {
    display: inline-block;
    margin: 5px 0;
    padding: 0;
    text-decoration: none;
    color: #929292;
    font-weight: 500;
}
.footer-social ul li {
    display: inline-block;
    margin-right: 2px;
}
.footer-social ul li a {
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    color: #fff;
}
.btm-footer {
}
.btm-footer p,.btm-footer p a {
    color: #a4a4a4;
}
.btm-footer p a {
    font-weight: 600;
    color: #e7e7e7;
}
.support .col_9 .row {
    margin: 0;
}
.requestQuote {
    padding-bottom: 50px;
}
.f-clmn-div1 ul {
    display: flex;
    flex-wrap: wrap;
}
.f-clmn-div1 ul li {
    width: 50%;
    flex: 0 0 auto;
}
.f-clmn-div1 {
    margin: 0 0 30px;
}
.inn-padding ul li:nth-child(1) i {font-size: 17px;}
.inn-padding ul li:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.f-clmn-div3 {margin-bottom: 30px;}
.f-clmn-div2 {
    margin-bottom: 30px;
}
.f-clmn ul li .readmore {
    color: var(--a);
    font-weight: 700;
    align-items: center;
    display: flex;
    gap: 7px;
}
.f-clmn ul li a:hover {
    color: var(--a);
}
.facebook a {
    background: #2e59af;
    border-color: #6b93e1 !important;
}
.instagram a {
    background: #c80053;
    border-color: #ff85b8 !important;
}
.twitter a {
    background: #1da1f2;
    border-color: #88d2ff !important;
}
.linkedin a {
    background: #1565c1;
    border-color: #90c4ff !important;
}
.printrest a {
    background: #ff3a1d;
    border-color: #ffb3a8 !important;
}
.footer-social ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.copyright {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #252525;
    align-items: center;
}
.securePayment {
    position: relative;
}
.securePayment span {
    position: absolute;
    display: inline-block;
    top: -30px;
    font-weight: 700;
    color: var(--a);
    font-size: 12px;
    background: #191b1f;
    padding: 5px 10px;
    line-height: 12px;
    border-radius: 2px;
    left: 0;
    border: 1px solid var(--a);
}
.securePayment img {
    max-width: 170px;
    width: 100%;
}
.getintouch {
    background: linear-gradient(0deg, #121212 80%, transparent 80%);
    padding: 0;
}
.getintouch .col-sm-5 {
    max-width: 40%;
    flex: 0 0 40%;
    padding: 0 15px;
}
.getintouch .col-sm-7 {
    max-width: 60%;
    flex: 0 0 60%;
    padding: 0 35px 0 15px;
}
.starbox {
    text-align: center;
    margin: 0 0 50px;
}
.starbox img {
    width: 100%;
    max-width: 180px;
    margin: 0 0 5px;
}
.starbox p {
    color: var(--h);
    font-size: 18px;
    line-height: 25px;
}
.getintouchbox form .form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.form-col-6 {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 5px 10px;
}
.getintouchbox .form-group input,.getintouchbox .form-group select {
    border: 2px solid #444547;
    background: #121212;
    width: 100%;
    padding: 10px 12px;
    color: #c2c2c2;
    height: 50px;
    border-radius: 7px;
}
.getintouchbox .form-group input:focus,.getintouchbox .form-group select:focus,.getintouchbox .form-group textarea:focus {
    outline: none;
}
.formboxcontainer {
    position: relative;
    padding: 50px 50px 80px;
    margin: 0 0 0;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 -10px 30px rgb(0 0 0 / 15%);
    border: 1px solid #191b1f;
    background-size: cover;
    background-position: bottom left;
    background: #121212;
}
.formboxcontainer:before,.formboxcontainer:after{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    opacity: .4;
}
.formboxcontainer:before {
    left: 0;
    background: url(../img/contactus-pg-bg-left.png);
    background-size: contain;
}
.formboxcontainer:after {
    right: 0;
    background: url(../img/contactus-pg-bg.png);
    background-size: contain;
}
.formboxcontainer h2 {
    color: #e7e7e7;
    line-height: 42px;
}
.formboxcontainer .row {
    position: relative;
    z-index: 1;
}
.gitboxHeading {
    margin: 0 0 36px;
}
.gitboxHeading h2 {
    margin: 0 0 15px;
}
.gitboxHeading p {
    color: #a4a4a4;
    font-size: 16px;
}
.form-col-12 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 10px;
}
.getintouchbox .form-group textarea {
    border: 2px solid #444547;
    background: #121212;
    width: 100%;
    padding: 10px 12px;
    color: #a4a4a4;
    height: 150px;
    border-radius: 10px;
}
.getintouchbox .form-group input[type="file"] {
    position: relative;
    border: 1px dashed #8b8b8b;
}
.getintouchbox .form-group input[type="file"]:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: 'Drag and drop a file here, or click to select a file';
    background: #0c0906;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a4a4a4;
}
.starbox p b {
    color: #ffac00;
}
.form-group-p p {
    color: #a4a4a4;
}
.form-group-p a {
    color: var(--a);
    font-weight: 700;
}
.form-group-btn input, .btn_line, .form-group-btn button {
    align-items: center;
    display: flex;
    color: var(--a);
    position: relative;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid var(--a);
    border-radius: 50px;
    height: 50px;
    background: transparent;
    justify-content: center;
    max-width: 200px;
    width: 100%;
    text-transform: uppercase;
}
.getintouch .form-group-btn {
    display: block;
}
.formboxcontainer .contactinfo {
    margin: 0 -5px;
}
.addressinbox {
    margin-top: 0;
}
.indiaA {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.indiaA img {
    width: 100%;
    max-width: 25px;
}
.indiaA p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
}
.indiaAdd p,.contactno p {
    color: #f6f6f6;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}
.contactno {
    margin-top: 15px;
}
.contactno h5 {
    font-size: 15px;
    color: var(--h);
    font-weight: 500;
    margin: 0 0 5px;
}
.addressbox h4 {
    font-size: 18px;
    color: var(--h);
    font-weight: 500;
}
.contactno p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}
.contactno p i {
    width: 30px;
    height: 30px;
    background: #191b1f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--h);
    font-size: 13px;
    border-radius: 50%;
    border: 1px solid #373737;
}
.accordion-item {
    border: 0;
    border-radius: 0;
    counter-increment: css-counter 1;
    position: relative;
    z-index: 1;
    padding-top: 0;
    background: transparent;
}
.accordion-item:before {
    position: absolute;
    left: 25px;
    top: 0;
    content: "";
    border: 1px dashed #b7b7b7;
    width: 1px;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .2;
}
.accordion-header {
    font-size: inherit;
    line-height: inherit;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}
.accordion-header button {
    padding: 5px 0 15px 65px;
    font-size: 16px;
    font-weight: 700;
    color: #c7c7c7 !important;
    overflow: hidden;
    background-color: transparent;
}
.accordion-header button:before {
    content: counter(css-counter);
    position: absolute;
    width: 38px;
    height: 38px;
    background: #121212;
    border: 2px solid #c7c7c7;
    border-radius: 50px;
    color: #c7c7c7;
    font-weight: 700;
    font-size: 17px;
    line-height: 40px;
    display: flex;
    left: 5px;
    margin-top: 2px;
    align-items: center;
    justify-content: center;
}
.accordion-body {
    padding: 0 20px 30px 65px;
    margin-top: -10px;
    color: #a4a4a4;
}
.sectionTitle h2 span {
    color: #005dbd;
}
.sectionTitle > span:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.faq-accordion {
    margin: 0 0 0;
}
.boxContactD {
    padding: 0 15px;
    width: 25%;
    flex: 0 0 auto;
    position: relative;
}
.boxContactD1 {
    padding: 10px 15px;
    background: rgb(203 0 76);
    margin: 0 5px;
    width: calc(22% - 10px);
    border-radius: 10px;
}
.indiaAdd p, .contactno p,.indiaAdd p a, .contactno p a {
    color: #f6f6f6;
}
.indiaAdd {
    padding-left: 35px;
    margin-top: 5px;
}
.boxContactD2 {
    padding: 10px 15px;
    background: #fcffff;
    margin: 0 10px;
    width: calc(20% - 20px);
    border-radius: 10px;
}
.boxContactD2 .indiaA p {
    color: #e9591a;
}
.boxContactD2 .indiaAdd p a {
    color: #191b1f;
}
.boxContactD3 {
    padding: 10px 15px;
    background: rgb(13 177 75);
    margin: 0 10px;
    width: calc(20% - 20px);
    border-radius: 10px;
}
.boxContactD4 {
    padding: 10px 15px;
    background: rgb(243 112 32);
    margin: 0 10px;
    width: calc(38% - 20px);
    border-radius: 10px;
}
.contactinfo {
    bottom: -30px;
    position: relative;
}
.col_choose_us:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgb(19 19 19);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}
.col_choose_us:hover:before {
    height: 100%;
}
.form-group-p {
    margin-bottom: 10px;
}
.underlineEffect:hover {
    background-size: 100% 100%;
    color: var(--a);
}
/*================TESTIMONIAL JS*/
.testimonial {
    padding-bottom: 250px;
    margin-bottom: -175px;
}
.testimonial:before,.testimonial:after{
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    position: absolute;
    opacity: .4;
}
.testimonial:before {
    left: 0;
    background: url(../img/contactus-pg-bg-left.png);
}
.testimonial:after {
    right: 0;
    background: url(../img/contactus-pg-bg.png);
}
.testimonial {
    position: relative;
}
.testimonial .container {
    position: relative;
    z-index: 1;
}
.headingCenter {
    text-align: center;
}
.testimonial h2 {
}
.tstmonl {
    padding: 40px 40px;
    border: 1px solid #878787;
    margin: 0 20px;
    position: relative;
    border-radius: 10px 10px 5px 5px;
    overflow: hidden;
}
.rating {
    color: var(--a);
    line-height: 14px;
    margin-bottom: 10px;
}
.rating i {
    margin-right: 1px;
    font-size: 12px;
    line-height: 12px;
}
.tstmonl h3 {
    font-size: 20px;
    margin: 0px 0 10px;
    font-weight: 700;
    line-height: 20px;
}
.tstmonl h5 {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.description {
    margin-top: 0;
    color: #4a4a4a;
    font-size: 16px;
}
.testi_slider {
    position: relative;
}
.testi_slider .slick-arrow, .blog_slider .slick-arrow,.porfoliopage .slick-arrow {
    position: absolute;
    border: 2px solid #e0e0e0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.testi_slider .slick-arrow, .blog_slider .slick-arrow,.porfoliopage .slick-arrow {
    top: -100px;
}
.testi_slider .slick-arrow img, .blog_slider .slick-arrow img,.porfoliopage .slick-arrow img {
    width: 17px;
}
.mi-prev {
    right: 15px;
}
.mi-next {
    right: 65px;
}
.testimonial .heading,.blogsec .heading {
    width: 80%;
}
.testi_slider .slick-dots, .clients .slick-dots, .teamSlider .slick-dots,.porfoliopage .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 0;
}
.testi_slider .slick-dots li button, .clients .slick-dots li button, .teamSlider .slick-dots li button,.porfoliopage .slick-dots li button {
    font-size: 0;
    width: 25px;
    margin: 0 3px;
    height: 4px;
    border: 0;
    background: #dcdcdc;
    transition: all .3s linear;
    border-radius: 10px;
}
.testi_slider .slick-dots .slick-active button, .clients .slick-dots .slick-active button, .teamSlider .slick-dots .slick-active button,.porfoliopage .slick-dots .slick-active button {
    width: 50px;
    background: var(--a);
}
.img-box figure .masked {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translate(-50%, -50%) scale(1);
}
.svcboxborder:hover figure.image img {
    transform: scale(1.2);
}
.svcboxborder:hover figure.image img:not(.masked) {
    -webkit-clip-path: inset(0% 100% 0% 0%);
    clip-path: inset(0% 100% 0% 0%);
}
.svcboxborder:hover figure.image img.masked {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.testimonial-shap {
    position: absolute;
    right: -250px;
    bottom: -40px;
    transform: rotate(10deg);
    animation: moving 9s linear infinite;
}

.testimonial-shap img {
    opacity: 0.1;
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  25% {
    transform: translatex(20px);
  }
  50% {
    transform: translatey(-20px);
  }
  75% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
.testboxD {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    align-items: center;
    margin-left: 0;
}
.testboxD img {
    max-width: 80px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 2px solid white;
}
.topQuote {
    width: 22px;
    display: inline !important;
    padding-right: 5px;
    transform: rotate(180deg) translateY(5px);
}
.BottomQuote {
    width: 22px;
    display: inline !important;
    padding-left: 5px;
    transform: translateY(5px);
}
.overview-section {
    padding: 16px 16px 0 16px;
    background-color: #f8f8f8;
}
.block-setion + .overview-section {
    margin-top: -16px;
}
.overview-wrap {
    padding-top: 140px;
}
.overview-container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: 100vh;
    border-style: solid;
    border-width: 16px 0;
    border-color: #f8f8f8;
    background-color: #f8f8f8;
}
.overview-container.overview-pin.first {
    border-top-width: 0;
}
.overview-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 32px;
    border: 0 none transparent;
    border-radius: 16px;
    background-color: #fff;
}
.col-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-right: 24px;
    padding-left: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 6px;
    background-color: #1d2a34;
    opacity: 1;
    cursor: auto;
}
.text-run .line {
    position: relative;
}
.text-run .line-mask {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f8f9fa;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.testimonial .heading .line-mask {
    background: rgb(17 17 17);
}
.gitboxHeading  .line-mask {
    background: rgb(18 18 18);
}
.services .heading .line-mask {
    background: rgb(22 22 22);
}
.inn-padding .line-mask {
    background: #0e0f11;
}
.blogsec .line-mask {
    background: #0e0f11;
}
/*======================HOME BLOG SECTION & PAGE CSS*/
.blogsec h3 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}
.blogsec .soverbg {
    height: 522px;
}
.blog_slider {
    position: relative;
}
.post_time {
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
    display: inline-flex;
    background: linear-gradient(45deg, #ff4900, #ff8e03);
    padding: 8px 12px;
    border-radius: 4px;
    letter-spacing: .5px;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.08);
    align-items: center;
    gap: 5px;
}
.post_info_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0;
}
.post_info_bottom a {
    margin: 0;
}
.post-info-comments {
    color: var(--a);
    font-weight: 800;
    font-size: 17px;
    font-style: italic;
    font-family: "Rajdhani", sans-serif;
}
.blogsec .content-box {
    padding: 20px;
}
.blogbox .svcbox {
    width: 33.33%;
    margin: 0;
    flex: 0 0 auto;
    padding: 12px;
}
.blogbox .serviceRow .row {
    margin: 0 -12px;
}
.blogbox .content-box {
    padding: 25px 20px;
}
.blogbox .content-box h3 {
    font-size: 18px;
}
.blogbox .content-box .buttonDiv a, .blogbox .content-box .post-info-comments {
    font-size: 16px;
}
.blogbox .content-box .buttonDiv span {
    width: 30px;
    height: 30px;
    padding: 6px;
}
.blogbox .content-box .buttonDiv span img {
    width: 14px;
}
/*====================SERVICES PAGE CSS*/
.services {
    background: #030615;
    padding-bottom: 5px;
    margin-top: 80px;
    overflow: hidden;
}
.services .dcenter, .services .heading {
    position: relative;
    z-index: 2;
}
.services .heading .line-mask {
    background: rgb(22 22 22);
}
.services h2 {
    color: #fff;
}
.scol img {
    width: 100%;
}
.scol {
    flex: 0 0 auto;
    padding: 0;
    position: relative;
}
.scolL1,.scolR2 {
    width: calc(50% - 10px);
    background: #030a30;
    padding: 50px;
    display: flex;
    align-items: center;
}
.scolR1,.scolL2 {
    width: calc(50% - 10px);
}
.sSec {margin: 20px 0;}
.no {
    color: #d48100;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 50px;
    margin: 0 0 40px;
}
.scol h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px;
}
.scol p {
    color: #878787;
    font-size: 17px;
}
.scol .buttonDiv {
    justify-content: flex-start;
}
.sSec .row {
    margin: 0;
    justify-content: space-between;
}
.scol .line-mask {
    background: rgb(3 10 48);
}
.scol ul li a {
    border: 2px solid #00d7ff;
    padding: 10px 20px;
    line-height: 15px;
    font-size: 15px;
    border-radius: 50px;
    color: #00d7ff;
    margin-right: 5px;
    font-weight: 600;
}
.scol ul {
    margin-top: 40px;
}
.banner-line {
    display: flex;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.vertical-effect {
    position: relative;
    width: 25%;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid rgb(230 231 243 / 5%);
}
.vertical-effect:first-child {
    width: 15%;
    min-width: 60px;
}
.vertical-effect:last-child {
    width: 15%;
    min-width: 60px;
}
.img-hover-box {
    position: relative;
    z-index: 2;
}
.img-hover-box figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.img-hover-box figure img {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    overflow-clip-margin: content-box;
    transition: 0.5s;
}
.img-hover-box figure .masked {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translate(-50%, -50%) scale(1);
}
.img-hover-box:hover  img {
    transform: scale(1.2);
}
.img-hover-box:hover img:not(.masked) {
    -webkit-clip-path: inset(0% 100% 0% 0%);
    clip-path: inset(0% 100% 0% 0%);
}
.img-hover-box:hover img.masked {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #60666d;
}
.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
    border: 1px solid #d6d8dc;
    border-radius: 5px;
}
.select-box__value {
    display: flex;
}
.select-box__input {
    display: none;
}
.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;
    box-shadow: unset;
}
.select-box__input:checked + .select-box__input-text {
    display: block;
}
.select-box__current .drop-icon {
    position: absolute;
    top: 12px;
    right: 19px;
}
.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;
    transform: rotate(135deg) !important;
    right: 0px;
    left: auto !important;
    top: 0px;
}
.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    z-index: 123;
    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;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 0.5);
    border-radius: 12px;
    border: 1px solid #3a5f99;
    overflow: hidden;
}
.select-box__list li {
    font-size: 15px;
    border-bottom: 1px solid #2f4d7b;
}
.select-option {
    display: block;
    padding: 8px 15px;
    background-color: #003384;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #efefef;
}
/*=====================CONTACT US PAGE CSS*/
.pagetitle {
    position: relative;
    padding: 150px 0;
}
.pageContact {
    background: #121212;
    padding: 110px 0 100px;
}
.pageContact:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../img/contactus-pg-bg-left.png);
}
.pageContact:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: '';
    background: url(../img/contactus-pg-bg.png);
}
.partnersbox img {
    width: 100%;
}
partners .col-sm-4 {
    padding: 0;
}
.partnersbox .col-sm-4 {
    padding: 20px;
    width: calc(33.333% - 14px);
    margin: 7px;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
}
.locobox .col-left {
    width: 45%;
    flex: 0 0 auto;
    padding-right: 0;
    position: relative;
}
.col-right {
    width: 55%;
    flex: 0 0 auto;
    padding-left: 0;
}
.location {
    position: relative;
    padding: 0;
    background: #f5f0e5;
}
.partnerS {
    width: 40%;
    padding: 50px 60px 50px 15px;
}
.locationbg {width: 60%;padding: 50px 15px 50px 45px;}
.locobox {padding-left: 5px;}
.locobox .heading {margin: 0 0 50px -5px;}
.locoTitle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.locoTitle img {
    width: 100%;
    max-width: 32px;
}
.locoTitle h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: white;
}
.locopara {
    margin-bottom: 15px;
}
.locopara p, .locoNo a {
    font-weight: 400;
    margin: 0;
    color: #f2dfe3;
    line-height: 1.5;
    font-family: "Outfit", sans-serif;
}
.locoNo a {
    font-size: 18px;
    line-height: 18px;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}
.locobox .col-left:after {
    content: '';
    position: absolute;
    left: inherit;
    right: 0;
    top: 0;
    bottom: inherit;
    border-right: 2px solid rgb(190 64 111);
    width: 2px;
    height: 100%;
}
.locoboxborder {
    border-bottom: 2px solid rgb(190 64 111);
    padding: 30px 0px 30px 30px;
}
.locoboxborder1 {
    border: 0;
    padding: 0;
    padding-right: 30px;
}
.locoboxborder2 {
    border-bottom: 2px solid rgb(255 159 195 / 10%);
    padding-left: 30px;
    padding-bottom: 30px;
}
.locoboxborder4 {
    padding-left: 30px;
    padding-top: 30px;
}
.gmap_canvas {
    height: 400px;
    position: relative;
    overflow: hidden;
}
.gmap_canvas iframe {
    width: 100%;
}
.addressSec .contactinfo {
    bottom: 0;
}
.addressSec {
    background: #ffffff;
}
.addressSec .boxContactD2 {
    background: #0089d1;
}
.addressSec .boxContactD2 p {
    color: #fff;
}
.addressSec .indiaAdd p a {
    color: #f6f6f6;
    font-family: "Outfit", sans-serif;
}
.addressSec .boxContactD {
    padding: 15px 15px;
    width: calc(22% - 20px);
}
.addressSec .boxContactD .indiaAdd {
    margin-top: 5px;
}
.addressSec .boxContactD4 {
    width: calc(34% - 20px);
}
.location:after {
    right: 0;
    width: 59%;
    top: 0;
    height: 100%;
    position: absolute;
    background: #b7004c;
    content: '';
    z-index: 0;
}
.location .container {
    position: relative;
    z-index: 1;
}
.locobox .heading h2 {
    color: #fff1f6;
    font-size: 35px;
    font-weight: 600;
    margin: 0;
}
.recognition h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 15px;
    font-family: "Outfit", sans-serif;
}
.col-right .row {
    margin: 0 -12px;
}
.locoNo2 {
    margin: 35px 0 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.tollfreeIco svg {
    width: 50px;
    color: white;
}
.tollfreeTxt h6 {
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    margin: 0 0 5px;
    font-weight: 700;
}
.tollfreeTxt a {
    font-size: 16px;
    font-weight: 700;
    color: #f2dfe3;
    line-height: 16px;
}
.pageContact .container {
    z-index: 1;
    position: relative;
}
.pagetitle h2 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 15px;
}
.pagetitle ul {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 25px 0 0;
}
.pagetitle ul li {
    color: #cecece;
    font-size: 18px;
    line-height: 18px;
}
.pagetitle ul li a {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
}
.pagetitle ul li span {
    display: block;
    width: 15px;
    height: 2.5px;
    background: #c2c2c2;
}
.container-bx {
    padding: 20px;
    background: #ffffff;
    border: 2px solid #a7d4b9;
}
.pagetitle h4 {
    margin: 0 0 25px;
    font-weight: 700;
    color: var(--a);
    font-size: 21px;
}
.pagetitle p {
    color: #929292;
    margin: 0;
}
.formFields {
    padding-left: 45px;
    position: relative;
    z-index: 1;
}
.formFields form {
    margin-top: -355px;
    background: white;
    border-radius: 5px 5px 0px 0px;
    padding: 35px;
}
.connectform {
}
.googlemap {
}
.formFields form h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 20px;
}
.formFields form .rrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.formFields form  .col-sm-6 {
    width: calc(50% - 6px);
    margin: 0 0 12px;
}
.formFields form textarea {
    margin: 0 0 30px;
    min-height: 120px;
}
.form-group-terms {
    display: flex;
    width: 100%;
    margin-top: 30px;
    justify-content: center;
    gap: 2px;
    flex-direction: column;
    text-align: center;
}
.form-group-btn {
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.form-group-terms p {
    color: #a4a4a4;
    font-size: 13px;
    line-height: 17px;
    max-width: 500px;
    margin: 0 auto;
}
.form-group-terms p label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.formFields form .form-group input,.formFields form .form-group select {
    height: 45px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #707070;
    padding: 10px 12px;
}
.formFields form .form-group textarea {
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #707070;
    padding: 10px 12px;
}
.location:before {
    background: url(../img/contactus-pg-bg-left.png);
    position: absolute;
    right: 0;
    top: 0;
    width: 59%;
    content: '';
    height: 100%;
    z-index: 1;
    background-size: 80%;
}
.form-group-btn .fileinput {
    max-width: calc(100% - 220px);
    flex: 0 0 100%;
}
.form-group-btn .fileinput input {
    width: 100%;
    max-width: 100%;
    background: transparent;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    padding: 10px 0 10px 0px;
    border-radius: 0;
    position: relative;
    border-color: #cccccc;
    cursor: pointer;
}
.form-group-btn .fileinput input:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: #ffffff;
    content: '';
    z-index: 0;
}
.form-group-btn .fileinput input:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 100%;
    content: 'File Upload';
    font-size: 16px;
    z-index: 1;
    font-weight: 600;
    color: #707070;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
.form-group-btn button {
    order: 2;
}
.h2box {
    position: relative;
}
.choose .heading {
    margin: 0;
}
.choosebox:hover svg,.choosebox:hover .chooseTitle {
    color: #fff;
}
.manager {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 50px 0 0;
}
.avtarmanger {width: 150px;height: 150px;border-radius: 2px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;border: 3px solid #005dbd;padding: 4px;}
.avtarmanger img {
    width: 100%;
    border: 2px solid #005dbd;
    padding: 2px;
}
.detailmanger h3 {
    font-size: 22px;
    font-weight: 800;
    line-height: 22px;
    margin: 0 0 10px;
    color: #222;
}
.detailmanger p {line-height: 16px;}
.emailManager {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 15px;
}
.emailManager a,.phoneManager a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #222;
}
.emailManager a b, .phoneManager a b {
    color: var(--a);
    font-size: 16px;
    font-weight: 900;
}
.emailManager a i,.phoneManager a i {
    color: black;
    font-size: 22px;
    line-height: 22px;
}
.emailManager a span,.phoneManager a span {
    text-decoration: none;
    font-weight: 500;
    line-height: 1.4;
}
.phoneManager {
}
/*================PORTFOLIO PAGE CSS*/
.portClm {
    background: #ffffff;
    padding: 10px;
    margin: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(15 33 39 / 15%);
    transition: all .5s linear;
}
.portClm a {
    display: block;
}
.portClmImg {
    position: relative;
    overflow: hidden;
}
.portClmImg img {
    width: 100%;
}
.portClmContent {
    padding: 15px 10px 5px;
    display: flex;
    align-items: center;
}
.pccbox {
    width: 57%;
    flex: 0 0 auto;
}
.pccbox h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}
.pccbox2 {
    position: relative;
}
.pcc-head {max-width: 120px;width: 100%;padding-right: 15px;}
.pcc-count {
    display: flex;
    padding: 0;
}
.pcc-head span {
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 22px;
    color: #000000;
    font-family: "Poppins", sans-serif;
}
.pcc-text {
    line-height: 13px;
    color: #3e3e3e;
    font-size: 12px;
    font-weight: 600;
}
.pcc-title{
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    display: none;
}
.pcc-head + .pcc-head {
    padding-left: 15px;
    border-left: 1px solid #707070;
    max-width: 100px;
    padding-right: 0;
}
.pccbox2 {
    width: 43%;
    flex: 0 0 auto;
    padding-left: 20px;
}
.portClm:hover {
    background: #121212;
    transform: translateY(-5px);
}
.portClm:hover h3 {
    color: #fff;
}
.portClm:hover .pcc-head span {
    color: #fff;
}
.portClm:hover .pcc-text {
    color: #e6e6e6;
}
/*======================ABOUT US HOME SECTION CSS*/
.abhomenav {
    display: flex;
    align-items: center;
}
.abhomeul {
    width: 23%;
    flex: 0 0 auto;
    padding: 0 15px;
}
.abhomeContent {
    width: 77%;
    flex: 0 0 auto;
    padding: 0 15px;
}
.dflexbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.imgboxab {
    width: 42%;
    padding: 0 15px;
    flex: 0 0 auto;
}
.contentboxab {
    width: 58%;
    padding: 0 15px;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-top: 15px;
}
.imgboxab figure img {
    width: 100%;
    border-radius: .25rem;
}
.abhomeul ul {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.abhomeul ul li {
    width: 100%;
    font-family: "Rajdhani", sans-serif;
    cursor: pointer;
}
.abhomeul ul li a {padding: 16px 0;font-size: 22px;line-height: 22px;}
.abhomeul ul li a {border: 0 !important;}
.abhomeul ul li a 
 .data-hover {
    display: block;
    position: relative;
    transition: .5s ease-in-out all;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    width: 100%;
    font-weight: 400;
    color: black;
}
.abhomeul ul li a.active .data-hover {
    transform: translate3d(0px, 0px, -30px) rotateX(90deg);
    color: #ff002b;
}
.abhomeul ul li a .data-hover:before {
    display: block;
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease-in-out all;
    transform-origin: 50% 0;
    transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
    font-weight: 600;
    width: 100%;
}
.abhomeul ul li a.nav-link.active {
    border: 0;
}
.abhomeul ul li a:hover,.abhomeul ul li a:focus {
    border-color: transparent !important;
    isolation: unset !important;
}
.contentboxab .buttonDiv {
    justify-content: flex-start;
    margin-top: 25px;
}
.contentboxab .buttonDiv a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contentboxab .buttonDiv a span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
    top: 0;
}
.textComp {
    margin: 15px 0 0;
}
.ceoname {
    margin: 0;
}
.h3quotes {
    font-size: 25px;
    font-weight: 800;
    margin: 0 0 15px;
    line-height: 32px;
}
.iconImage {width: 50px;margin-top: -2px;}
.mission-main {
    display: flex;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid #d8d8d8;
}
.iconImage img {
    width: 100%;
}
.about-mission h3 {
    font-size: 20px;
    margin: 0 0 8px;
    line-height: 30px;
    font-weight: 500;
}
.uls {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px 0;
}
.lis {
    width: 20%;
    flex: 0 0 auto;
    padding: 10px 10px;
}
.lis img {
    width: 100%;
}
.hedingb {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0 0 50px;
    justify-content: center;
}
.estyrtext {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 5px;
    text-align: center;
    font-weight: 600;
    font-family: "Rajdhani", sans-serif;
}
.estyrname {
    font-size: 70px;
    font-weight: bold;
    color: #005dbd;
    line-height: 60px;
    font-family: "Rajdhani", sans-serif;
}
.hedingb h2 {
    margin: 0;
}
.estYr {
    display: flex;
    flex-direction: column;
}
.ceoname b {
    font-family: "Rajdhani", sans-serif;
    font-size: 20px;
    color: #ff0030;
}
img.zno-visit-thumb-2 {
    z-index: 1;
    position: absolute;
    max-width: 450px;
    left: 260px;
    top: 80px;
    width: 100%;
}
.abhomeContent .tab_content {
    display: none;
}
.abhomeContent .tab_content.active {
    display: block;
    opacity: 1;
}
/*================TEAM MEMBER CSS*/
.colTeambox {
    position: relative;
    overflow: hidden;
    padding: 0 5px 25px;
}
.colTeambox figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.colTeambox figure img {
    width: 100%;
}
.colTeambox figure:after {
    width: 100%;
    transition: all 0.35s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(0 93 189);
    background: linear-gradient(180deg, rgb(0 48 204 / 0%) 27%, rgb(0 93 189 / 70%) 100%);
    height: 100px;
    content: "";
    z-index: 4;
}
.infoTeam {
    top: -50px;
    margin: 0 auto;
    text-align: center;
    width: 86%;
    margin-bottom: -50px;
    padding: 25px 20px;
    background: #ffffff;
    border-radius: 5px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.infoTeam h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 18px;
    color: #005dbd;
}
.infoTeam span {
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.colTeambox:hover figure:after {
    height: 100%;
}
.infoTeam:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    background: #005dbd;
    transition: all 0.35s ease-in-out;
    z-index: -1;
}
.colTeambox:hover .infoTeam:after {
    height: 100%;
}
.colTeambox:hover .infoTeam h5, .colTeambox:hover .infoTeam span {
    color: #fff;
}
/*===============PLAN PACKAGE CSS*/
.plans {
    background: #F2F3F4;
}
.plans .card-plan {
    border-radius: 5px;
    padding: 40px 30px;
    background-color: #fff;
    border: 1px solid #CDE2E7;
    overflow: hidden;
    position: relative;
}
.plan-header h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: 25px;
    margin: 0 0 10px;
    color: #034460;
}
.plan-header p {
    line-height: 1.4;
    color: #797979;
}
.plan-price {
    font-size: 40px;
    font-weight: 900;
    font-family: "Rajdhani", sans-serif;
    line-height: 40px;
    display: flex;
    gap: 2px;
    margin: 30px 0;
    color: #034460;
}

span.monthyr {
    font-family: "Inter", system-ui;
    font-size: 20px;
    font-weight: 400;
}
span.dollor {
    font-size: 28px;
    line-height: 28px;
    display: block;
    height: 26px;
    position: relative;
    bottom: -7px;
}
.plan-package {
    border-top: 2px solid #E8E9ED;
    padding: 25px 0;
}
.plan-button a {
    padding: 8px 5px;
    color: #fff;
    background: #034460;
    border-radius: 0px;
    font-weight: 700;
    width: 100%;
    border: 2px solid #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.plan-package li {
    color: #797979;
    margin: 5px 0;
    display: flex;
    gap: 5px;
}
.plans .row {
    align-items: center;
}
.card-plan.popular-plan {
    background: #034460;
}
.card-plan.popular-plan p,.card-plan.popular-plan li{
    color: #E8E9ED;
}
.card-plan.popular-plan h3,.card-plan.popular-plan .plan-price {
    color: #fff;
}
.card-plan.popular-plan .plan-package {
    border-top-color: #316981;
}
.plan-package li svg,.card-plan.popular-plan svh {
    width: 20px;
}
/*=============MULTI SERVICES BOX CSS*/
.svcmlt {
    border: 2px solid rgb(30 30 30);
    background: #121212;
    padding: 50px 50px;
    position: relative;
    border-radius: 5px;
}
.svcmlt-icon {position: absolute;right: 15px;top: -25px;display: flex;height: 45px;border: 2px solid rgb(30 30 30);border-radius: 5px;overflow: hidden;}
.svcmlt-heading {
    margin: 15px 0 0;
}
.svcmlt-heading h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    line-height: 22px;
    color: #d2d2d2;
}
.svcmlt-content {
    margin: 15px 0 0;
    color: #92A498;
}
.svcmlt-btn {
    margin-top: 30px;
}
.svcmlt-icon img {
    width: 22px;
}
.svcmlt-icon h4 {
    background: #121212;
    margin: 0;
    color: #bebebe;
    padding: 10px 15px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px 0 0px 5px;
}
.svcmlt-icon span {
    background: #1e1e1e;
    padding: 5px;
    display: flex;
    position: relative;
    width: 45px;
    align-items: center;
    justify-content: center;
}
.svcmlt-btn a {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 150px;
    border-radius: 50px;
    border: 2px solid var(--a);
    height: 40px;
    padding: 10px 20px;
    gap: 10px;
    font-weight: 600;
    color: var(--a);
}
.svcmlt-btn a span img {
    width: 15px;
}
.servicesmulti {
    background: #121212;
}
.svcmlt:after,.serv-box .serv-item:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    border-top: 30px solid transparent;
    right: 0;
    bottom: 0;
    border-left: 30px solid transparent;
    border-bottom: 30px solid #1e1e1e;
    border-right: 30px solid #1e1e1e;
}
.serv-box .serv-item:before {
    height: 60px;
    /* border-top: 30px solid #1e1e1e; */
    right: 0;
    top: 0;
    border-left: 30px solid transparent;
    /* border-bottom: 30px solid transparent; */
    /* border-right: 30px solid #2d2926; */
}
.servicesmulti .heading {
    margin: 0 0 75px;
}
.servicesmulti .heading h2 {
    margin: 0;
    color: #fff;
}
.servicesmulti .heading p {
    color: #92A498;
}
/*=====================SINGLE BLOG CSS*/
.cmntTitle {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 30px;
}
.cmntTitle h3 {
    margin: 0;
    font-weight: 700;
    line-height: 25px;
    font-size: 25px;
    color: #13287e;
}
.commentsCount {
    font-weight: 700;
    line-height: 25px;
    font-size: 22px;
    color: #13287e;
}
.cmntLine {
    display: flex;
    gap: 25px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
}
.cmntLine:last-child {
    margin-bottom: 0;
}
.cmntImg {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
}
.cmntImg img {
    width: 100%;
}
.cmnttrow {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 5px;
}
.cmnttrow h4 {
    color: #13287e;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    line-height: 20px;
}
.cmntDate {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
}
.cmntQuote {
    color: #5f5f5f;
    padding-right: 120px;
    line-height: 20px;
}
.Abtn {
    margin-top: 10px;
}
.Abtn a {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #13287e;
}
.cmntline2 {
    margin-left: 40px;
}
.cmntline3 {
    margin-left: 80px;
}
.cmntLine .testimonial-shap img {
    opacity: .5;
}
/*=================FAQS SECTION CSS HERE*/
.faq-one__content {
    position: relative;
    display: block;
}
.accordion-box-one {
    position: relative;
    display: block;
}
.accordion-box-one .accordion {
    position: relative;
    display: block;
    padding: 15px 0 15px 65px;
}
.accordion-box-one .accordion .accord-btn {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1;
}
.accordion-box-one .accordion .accord-btn::before {
    content: "";
}
.accordion-box-one .accordion .accord-content {
    position: relative;
    padding-top: 10px;
    /* padding-left: 0px; */
    /* padding-bottom: 3px; */
    /* padding-right: 0px; */
    display: none;
    /* margin-top: 20px; */
}
.accordion-box-one .accordion .accord-content p {
    margin: 0;
}
.accordion-box-one .accordion .accord-btn h3 span {
}
.sps {
    height: 500px;
    background-color: #c2001c;
    background-image: linear-gradient(135deg, transparent 45%, #9c2531 45%, #9c2531 55%, transparent 0);
    background-size: 5px 5px;
}
.spsconto {
    display: none;
}
.mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: #1d1d1d;
    overflow: hidden;
    z-index: 9999;
    transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
}
.mobile-logo {
    position: absolute;
    top: 40px;
    left: 40px;
    transition: all 0.4s;
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
}
.mobile-logo img {
    transition: all 0.3s linear 0s;
    max-width: 145px;
}
.close-menu {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 4;
    font-size: 25px;
    transition: all 0.4s;
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
}
.menu-text {
    position: relative;
    z-index: 1;
    height: 100%;
}
.mtext {
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all 0.4s;
    opacity: 0;
}
.mtext h2 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 10vw;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.09;
    margin: 0;
    color: #fff;
}
.mobile-menu-box, .mobile-menu-box .container,.mobile-menu-box .row {
    height: 100vh;
}
.menu-navbar {
    color: #fff;
    height: 100vh;
    padding-top: 100px;
    overflow-x: hidden;
    padding-bottom: 50px;
    overflow-y: scroll;
}
.menu-navbar .main-menu {
    position: relative;
    z-index: 2;
}
.main-menu li {
    transition: all 0.5s;
}
.menu-navbar .main-menu .link {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    padding: 20px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    width: 100%;
    position: relative;
    display: block;
    transition: all 0.7s;
    letter-spacing: -0.5px;
    transform: translateY(100px);
    opacity: 0;
}
.cursor-pointer {
    cursor: pointer;
}
.menu-navbar .main-menu .link .fill-text {
    position: relative;
    color: rgb(216 216 216 / 15%);
}
.menu-navbar .main-menu .link .fill-text:after {
    content: attr(data-text);
    position: absolute;
    top: 2px;
    left: 0;
    color: #d8d8d8;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
}
.menu-navbar .main-menu .link i {
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.02);
    cursor: pointer;
}
.sub-menu {
    display: none;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sub-menu ul li {
    padding: 0;
    margin: 0;
}
.sub-menu ul li a {
    padding: 15px 20px 15px 35px;
    opacity: 0.6;
    transition: all 0.4s;
    display: block;
    font-size: 25px;
    font-weight: 500;
    padding-left: 50px;
    text-transform: capitalize;
    letter-spacing: normal;
    border-color: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.009);
    color: inherit;
    line-height: 35px;
}
.menu-navbar::-webkit-scrollbar {
    width: 5px;
}
.menu-navbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}
.menu-navbar::-webkit-scrollbar-track {
    background: #111;
}
.cont-info {
    padding-top: 200px;
    padding-left: 15px;
    position: relative;
    z-index: 3;
}
.cont-info:after {
    content: "";
    width: 300%;
    height: 200vh;
    position: absolute;
    left: -23px;
    top: -75vh;
    background: #1a1a1a;
    z-index: -1;
}
.menu-navbar .main-menu .link i:before,.menu-navbar .main-menu .link i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 6 Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    color: #ff5f00;
}
.menu-navbar .main-menu .link i::after {
    content: "\f068";
}
.menu-navbar .main-menu .link i::before {
    content: "+";
}
.main-menu > li.hoverd .link .fill-text:after {
    width: 0;
}
.cont-info .item {
    transform: translateY(50px);
    transition: all 0.4s;
    opacity: 0;
    margin-bottom: 30px;
}
.mobile-menu.open .item {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1.4s;
}
.mobile-menu.open .main-menu .link {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
}
.mobile-menu.open .mtext {
    opacity: 1;
    transition-delay: 1s;
}
.mobile-menu .menu-text:after {
    content: "";
    width: 1px;
    height: 0;
    background: rgba(255, 255, 255, 0.05);
    position: absolute;
    right: -24px;
    bottom: -75vh;
    transition: all 1s ease;
}
.mobile-menu.open .menu-text:after {
    height: 200vh;
    transition-delay: 0.7s;
}
.menu-navbar .main-menu .link.dopen i::before {
    opacity: 0;
}
.sub-menu ul li a:hover {
    opacity: 1;
}
button.button:hover {
    border-color: transparent;
}
.mh-menu ul li a:hover,.mh-menu ul li.active a {
    color: var(--a);
}
.btn-of-rquest a i,.f-clmn ul li .readmore i {
    font-weight: 700;
}
.svcboxborder .buttonDiv a i {
    font-size: 14px;
    font-weight: 700;
}
.blogsec .main-icon.slick-arrow {
    border-color: #253e66;
}
.fontweight700 h2 {
    font-weight: 700;
}   
.gsbtn ul {
    display: flex;
    align-items: center;
    gap: 4px;
}
.gsbtn ul a {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50px;
    background: #005dbd;
    border: 2px solid #007dff;
}
.gsbtn ul li {
    width: 32px;
}
.gsbtn ul a svg {
    width: 16px;
}
.homeServices .gsbtn {
    margin-top: 25px;
}
.getStarted p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.getStarted p i {
    color: #ff3535;
    font-weight: 500;
}
.team {
    padding-top: 0;
}
.abhomeul ul li span {
    font-size: 25px;
    font-weight: 500;
    display: inline-block;
    line-height: 25px;
    color: #323232;
    background-image: linear-gradient(transparent calc(100% - 1.2px), #005dbd 2px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s;
}
.abhomeul ul li.active span,.abhomeul ul li:hover span {
    color: #005dbd;
    background-size: 100% 100%;
    font-weight: 600;
}
.mission-main p {
    line-height: 1.5;
}
.teamsco {
    width: calc(25% - 15px);
    flex: 0 0 auto;
    position: relative;
    margin: 7.5px;
    border: 2px solid #03a9f4;
}
.teamsco img {
    width: 100%;
}
.rowTeam {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -7.5px 0;
}
.teamsco span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #03A9F4;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 10px;
    line-height: 15px;
    color: #fff;
    text-align: center;
}
.technoicons {
    margin-top: 25px;
}
.technoicons .row {
    margin: 0 -15px;
}
.technoicons .row .tcnobox {
    width: calc(100% / 6 - 14px);
    margin: 7px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    text-align: center;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 10px;
}
.technoicons .row .tcnobox img {
    width: 100%;
    max-width: 45px;
    margin: 0 auto;
}
.technoicons .row .tcnobox span {
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}
.clients .getStarted {
    margin-top: 25px;
}
.sub-title {
    color: var(--a);
    margin: 0;
}
.mobile-menu .item h5 {
    font-size: 16px;
    font-weight: 500;
    color: #828282;
    line-height: 1.4;
}
.cont-info .item ul {
    display: flex;
    gap: 10px;
}
.cont-info .item ul svg {
    width: 20px;
}
.cont-info .item ul svg path {
    fill: #1752fd;
}
.mobile-menu .item h5 a {
    color: #828282;
}
.phoneicon a {
    color: #f84437;
}
.gmailicon a {
    color: #39a60d;
}
.emailicon a {
    color: #f84437;
}
.port_slider {
    position: relative;
}
.port_slider .col-sm-6.portClm {
    width: calc(100% - 40px) !important;
}
.servicesmulti .col-sm-6 {
    padding: 30px;
    position: relative;
    z-index: 1;
}

.servicesmulti .row {
    margin: 0 -30px;
}
.svcmlt p {
    color: #bebebe;
}
.mainbg {
    background-color: #121212;
}
.crev-header {
    min-height: 100vh;
    position: relative;
    padding: 120px 0 0;
}
.crev-header .caption h1 {
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #e7e7e7;
    margin: 0 0 15px;
}
.stroke {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}
.crv-butn-vid .vid {
    min-width: 120px;
    padding: 16px 36px;
    height: 50px;
    border: 2px solid var(--a);
    border-radius: 30px;
    position: relative;
    display: block;
    max-width: 200px;
}
.sub-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 14px;
}
.circle-button {
    position: relative;
    display: inline-block;
}
.hover-this .hover-anim {
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.circle-button.in-bord:after {
    content: '';
    position: absolute;
    top: 55px;
    left: 55px;
    right: 55px;
    bottom: 55px;
    border: 2px solid rgb(255 255 255 / 40%);
    border-radius: 50%;
}
.circle-button.in-bord:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 2px solid rgb(255 255 255 / 40%);
    border-radius: 50%;
}
.rotate-circle {
    -webkit-animation-name: rotateCircle;
    animation-name: rotateCircle;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.circle-button .rotate-circle svg {
    width: 210px;
    fill: #fff;
}
.circle-button .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-20px) translateY(-20px);
    -ms-transform: translateX(-20px) translateY(-20px);
    transform: translateX(-20px) translateY(-20px);
    display: inline-block;
    width: 0;
    height: 0;
}
.circle-button .arrow svg {
    width: 40px;
    height: 40px;
}
@-webkit-keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate-circle {
    font-size: 32px;
}

.md-hide a {
    color: var(--a);
}
.crv-butn-vid {
    margin: 50px 0 0;
}
.crev-header .main-img {
    height: 400px;
    width: 55%;
    margin-left: 45%;
    margin-top: -100px;
}
.crev-header .main-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.about-intro .imgs {
    position: relative;
}
.about-intro .imgs .img1 {
    width: 70%;
    margin-top: 30px;
}
.o-hidden {
    overflow: hidden;
}
.imago {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: -webkit-clip-path .8s ease-in-out .3s, -webkit-transform .8s ease-in-out 1.1s, -webkit-filter .5s ease-in-out 1.1s;
    transition: -webkit-clip-path .8s ease-in-out .3s, -webkit-transform .8s ease-in-out 1.1s, -webkit-filter .5s ease-in-out 1.1s;
    -o-transition: clip-path .8s ease-in-out .3s, transform .8s ease-in-out 1.1s, filter .5s ease-in-out 1.1s;
    transition: clip-path .8s ease-in-out .3s, transform .8s ease-in-out 1.1s, filter .5s ease-in-out 1.1s;
    transition: clip-path .8s ease-in-out .3s, transform .8s ease-in-out 1.1s, filter .5s ease-in-out 1.1s, -webkit-clip-path .8s ease-in-out .3s, -webkit-transform .8s ease-in-out 1.1s, -webkit-filter .5s ease-in-out 1.1s;
    position: relative;
}
.imago.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}
.about-intro .imgs .img1 img {
    position: relative;
    top: -30px;
    height: auto;
    width: 100%;
}
.about-intro .imgs .img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    border-top: 7px solid #1d1d1d;
    border-left: 7px solid #1d1d1d;
}
.img2 img {
    width: 100%;
}
.cont h5 {
    color: #d5d5d5;
    margin-left: 50px;
    margin-bottom: 20px;
}
.cont h2 {
    margin-bottom: 30px;
}
.cont h2 span {
    color: #e7e7e7;
}
.cont p {
    color: #a4a4a4;
    margin-left: 50px;
}
.valign.rest {
    padding-top: 50px;
}
.bg-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.crev-header .bg-pattern {
    height: auto;
    bottom: 100px;
}
.position-re {
    position: relative;
}
.serv-box .heading h2 {
    color: #e7e7e7;
}
.serv-box .heading p {
    color: #a4a4a4;
}
.serv-box .serv-item {
    padding: 35px;
    border: 2px solid rgb(255 152 0 / 20%);
    position: relative;
    border-radius: 5px;
}
.radius-5 {
    border-radius: 5px;
}
.icon-img-50 {
    width: 50px;
    margin-bottom: 25px;
}
.about-intro {
    padding-top: 80px;
}
.icon-img-50 img {
    width: 100%;
}
.mb-opacity-7 {
    line-height: 15px;
    margin: 0 0 10px;
    color: #bebebe;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.h6-mb-15 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 15px;
    line-height: 25px;
    color: #e7e7e7;
}
.fz-14 {
    color: #bebebe;
}
.crv-more {
    margin-top: 30px;
}
.crv-more a,.pccbox button {
    align-items: center;
    overflow: hidden;
    justify-content: center;
    display: flex;
    width: 150px;
    border-radius: 50px;
    border: 2px solid var(--a);
    height: 40px;
    padding: 10px 20px;
    gap: 10px;
    font-weight: 600;
    color: var(--a);
    position: relative;
}
.breadcrumb_main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    background: #121212;
}
.breadcrumb_main::after {
    background-image: url(../img/bg-pattern.svg);
    content: "";
    width: 100%;
    height: 100%;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.breadcrumb_main .container {
    z-index: 2;
    position: relative;
}
.breadcrumb_main .breadcrumb_title {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}
.breadcrumb_main .breadcrumb_title h2 {
    color: #ffffff;
}
.breadcrumb_main .breadcrumb_title ul {
    list-style: none;
    display: flex;
    justify-content: center;
}
.breadcrumb_main .breadcrumb_title ul li {
    color: var(--a);
    font-weight: 500;
    padding: 0px 12px;
    position: relative;
}
.breadcrumb_main .breadcrumb_title ul li a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}
.breadcrumb_main .breadcrumb_title ul li:last-child::after {
    content: "";
    width: 1px;
    height: 14px;
    background: #8b8b8b;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.pccbox {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.porfoliopage button {
    background: transparent;
    width: auto;
    height: 35px;
    gap: 5px;
    font-weight: 600;
}
.portClm:hover button {
    border-color: #ffffff;
    color: #ffffff;
}
.col-sm-6.portClm {
    width: calc(50% - 40px);
}
.col-sm-4.portClm {
    width: calc(33.33% - 40px);
}
.designSS .portClm {
    background: #0d0e0f;
}
.designSS .portClm h3 {
    color: #fff;
}
.designSS .portClm button {
    color: #fff;
    border-color: #fff;
}
.designSS .portClmImg {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.testimonial {
    padding-top: 0;
}
.breadcrumb_main.about-us-title:after {
    z-index: 0;
    background: url(../img/aboutustitle.jpg);
    background-size: cover;
    background-position: center;
}

.breadcrumb_main:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.breadcrumb_main.about-us-title:before {
    background: rgb(31 25 25 / 35%);
    background: linear-gradient(-90deg, transparent, rgb(18 18 18) 100%);
}
.line-animated {
    width: 68%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 99;
    pointer-events: none;
}
.line-animated>span {
    background: rgba(0, 0, 0, 0.09);
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
}
.line-animated>span:before {
    content: "";
    background-image: linear-gradient(0deg, #ffffff, transparent);
    width: 3px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
    -webkit-animation: line-animation 7s linear infinite alternate;
    animation: line-animation 7s linear infinite alternate;
}
.line-animated>span:nth-child(2) {
    left: 25%;
}
.line-animated>span:nth-child(2):before {
    content: "";
    -webkit-animation: line-animation 7s linear 1s infinite alternate;
    animation: line-animation 7s linear 1s infinite alternate;
}
.line-animated>span:nth-child(3) {
    left: 50%;
}
.line-animated>span:nth-child(3):before {
    content: "";
    -webkit-animation: line-animation 7s linear 2s infinite alternate;
    animation: line-animation 7s linear 2s infinite alternate;
}
.line-animated>span:nth-child(4) {
    left: 75%;
}
.line-animated>span:nth-child(5) {
    left: 100%;
}
.line-animated>span:nth-child(5):before {
    content: "";
    -webkit-animation: line-animation 7s linear 1s infinite alternate;
    animation: line-animation 7s linear 1s infinite alternate;
}
@-webkit-keyframes line-animation {
    from {
        top: 0
    }
    to {
        top: 100%
    }
}
@keyframes line-animation {
    from {
        top: 0
    }
    to {
        top: 100%
    }
}
.about-us-title .breadcrumb_title {
    padding: 120px 0;
}
.about img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.about-img {
    position: absolute;
    right: 0;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}
.about-img:before {
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    border: 3px solid var(--a);
    width: 215px;
    height: 420px;
    z-index: -1;
    content: '';
}
.heading .sm-title {
    position: relative;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 10px;
    color: var(--a);
    line-height: 15px;
}
.about .heading {
    margin-bottom: 20px;
}
.about p {
    margin-top: 20px;
}
.cl6-pd50 {
    padding-right: 50px;
}
.whychoosE {
}
.whychoosE .heading {
    margin: 0;
}
.whychoosE p {
    margin: 25px 0 0;
}
.whychoosE2 .heading {
    margin-bottom: 30px;
}
.whychoosE2 ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.whychoosE2 ul h6 {
    font-weight: 800;
    font-size: 17px;
    margin: 0 0 7px;
}




.porfoliopage{
    padding: 50px 0;
}
.bottomPara {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
}
.pvc .container {
    max-width: 1000px;
}
.pvc .heading {
    margin-bottom: 20px;
}

.pvcbox-hd {}

.pvcbox-hd p {
    font-size: 17px;
}

.pvcbox-hd h3 {
    font-size: 25px;
    font-weight: 700;
    margin: 40px 0 0px;
}

.pvcbox {
    margin-top: 25px;
    padding-left: 0;
}

.pvcbox h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 25px;
}

.pvcbox ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 0px;
}

.pvcbox ul li {
    font-size: 16px;
    padding-left: 0;
}

.pvcbox ul li b {
    font-size: 17px;
}

.haibox-one img {
    width: 100%;
}

.haibox-one {
    position: relative;
    z-index: 2;
    clip-path: polygon(19.5% 0, 100% 0%, 80.5% 99%, 0% 100%);
}

.haibox-bg {
    width: 550px;
    height: 330px;
    background-color: rgb(219 132 3 / 10%);
    position: absolute;
    left: -30px;
    top: 25px;
    clip-path: polygon(0 0, 74% 0, 100% 100%, 18% 100%);
    animation: movebounce2 2s linear infinite;
}

.topSec1 {}

.topSec1 .col-sm-4 {
    position: relative;
}

.haibox-border {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: -60px;
}

.haibox-border img {
    width: 550px;
}

.haibox-two {
    position: absolute;
    bottom: 20px;
    left: -100px;
    z-index: 2;
    display: inline-block;
    clip-path: polygon(23% 0px, 100% 0%, 77% 99%, 0% 100%);
    overflow: hidden;
}

.haibox-two img {
    width: 100%;
}
.topSec1 .col-sm-6 {
    padding-left: 70px;
}
@keyframes movebounce2 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
.hdng {
    margin-bottom: 50px;
}
.hdng-left {}
.hdng h2 {
    font-size: 40px;
    margin: 0;
    font-weight: 600;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 45px;
    letter-spacing: .1px;
}
.hdng p {
    margin-top: 15px;
    font-size: 17px;
}
.hdng h3 {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #ff7600;
    line-height: 15px;
    font-family: "Epilogue", sans-serif;
    position: relative;
    text-transform: uppercase;
}
.hdng h3 span {
    display: block;
    width: 40px;
    background: #ff7600;
    height: 3px;
    margin-right: 5px;
    border-radius: 50px;
}
.contentPbox p {
    margin-top: 15px;
}
.accord-btn h3 {position: relative;margin: 0;font-size: 22px;font-weight: 700;line-height: 30px;}
.accord-btn h3 button {
    height: 50px;
    width: 50px;
    position: absolute;
    left: -65px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fafafa;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
}
.accord-btn h3 button:after {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/plusicon.svg);
    content: '';
    background-size: 32px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s linear;
}
.accordion-box-one .accordion .accord-btn.active button:after {
    transform: rotate(225deg);
}
.faq .col-sm-4 {
    padding-right: 20px;
}
.faq .col-sm-8 {
    padding-left: 50px;
}
.arrowlisting li {
    position: relative;
    padding-left: 22px;
}

.arrowlisting li:after {
    position: absolute;
    left: 0;
    top: 0px;
    background: url(../img/arrowicon.svg);
    content: '';
    background-size: 20px;
    width: 20px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s linear;
}
.arrowlisting {
    display: flex;
    flex-direction: column;
}
.keyfeatures img {
    width: 100%;
    margin-top: 0;
}
.keyfeatures h3 {
    font-size: 25px;
    margin: 0;
    font-weight: 300;
    font-family: "Epilogue", sans-serif;
    line-height: 1.4;
}
.bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-pattern-11 {
    background-image: url(../img/pattern.jpg);
}
.perpageform .image-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 46%;
    height: 100%;
    padding-left: 0px;
}
.perpageform .image-box .image {
    position: relative;
    margin-bottom: 0;
    height: 100%;
}
.perpageform .image-box .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.perpageform .form-column {
    position: relative;
    margin-bottom: 0;
}
.perpageform .form-column .inner-column {
    padding-right: 30px;
}
.contact-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form .row>div {
    padding: 0 10px;
}
.contact-form .form-group input,.contact-form .form-group select{height: 45px;border: 1px solid #cccccc;border-radius: 3px;color: #707070;padding: 10px 12px;width: 100%;}
.contact-form .form-group textarea {
    height: 100px;
    resize: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #707070;
    padding: 10px 12px;
    width: 100%;
}
.topSec1 .hdng {
    margin-bottom: 25px;
}
.keyfeatures {
    padding-top: 0;
}
.perpageform h2 {
    color: #fff;
}
.themebtn-round:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    width: 7px;
    height: 100%;
    background: #000000;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: .15;
    content: "";
    border-radius: 50px;
    z-index: 0;
}
.themebtn-round .btn-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.themebtn-round:hover:before {
    width: 100%;
    opacity: 1;
}
.perpageform button {
    align-items: center;
    display: flex;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid var(--a);
    border-radius: 50px;
    height: 50px;
    background: var(--a);
    justify-content: center;
    max-width: 200px;
    width: 100%;
    text-transform: uppercase;
}
.themebtn-round:hover .btn-title {
    color: #fff;
}
.hdng-center {
    text-align: center;
}
.digibox {
    padding-top: 0;
}
.digibox .hdng p {
    margin-top: 10px;
}
.digibox .col-lg-4, .digibox .col-lg-5, .digibox .col-lg-3, .digibox .col-lg-6 {
    padding: 15px;
}
.digibox h6 {
    color: #1e1e1e;
}
.digibox p {
    color: #474747;
}
.arrowlisting li h5 {
    font-weight: 600;
    font-family: "Epilogue", sans-serif;
    margin: 0 0 5px;
    font-size: 18px;
}
.accordion-box-one .accordion .accord-content ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-left: 25px;
    margin-top: 5px;
}
.accordion-box-one .accordion .accord-content ul b {
    font-size: 16px;
}
.accordion-box-one .accordion .accord-content ul li {
    list-style: disc;
}
.perpageform .hdng p {
    color: #938c8c;
}
.digibox .serv-item:after {
    border-bottom-color: #f3efeb;
    border-right-color: #ffe4e4;
}
.digibox .serv-item {
    border-left-color: #f19494;
    border-top-color: #f19494;
    border-bottom-color: #a69f99;
    border-right-color: #a69f99;
}
.themebtn-round svg {
    position: relative;
    z-index: 1;
}
.themebtn-round:hover svg path {
    fill: #ffffff;
}
.crv-more a:hover {
    border-color: var(--a);
}
.kf-dm .hdng {
    margin-bottom: 0;
}
.kf-dm .arrowlisting {
    margin-top: 30px;
    gap: 20px;
}
.kf-dm .col-sm-6:last-child {
    padding-left: 50px;
}
.kf-process .col-sm-6 {
    width: 47%;
}
.kf-process .row {
    justify-content: space-between;
}
.kf-process .arrowlisting {
    gap: 30px;
}
.kf-choose .hdng {
    margin-bottom: 20px;
}
.kf-choose h3 {
    font-size: 22px;
    margin-bottom: 30px;
}
.kf-choose .arrowlisting {
    gap: 25px;
}
.digibox .serv-item ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}












.header2 {
    position: fixed;
    left: -100%;
    width: 350px;
    height: 100vh;
    top: 0;
    background: rgb(18 18 18);
    z-index: 9;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all .4s linear;
}

.hd2logo {
    padding: 30px 20px;
    background: #121212;
}

.hd2logo a {
    display: block;
    max-width: 150px;
}

.hd2logo a img {
    width: 100%;
}

.hd2close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 33px;
    border: 2px solid #000000;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hd2close {filter: invert(1);transform: rotate(45deg);}

.hd2close img {
    width: 20px;
}
.h2-menu {
    padding: 0;
}

.h2-menu h3 {
    font-size: 16px;
    color: var(--a);
    padding: 15px 20px;
    position: relative;
    font-weight: 800;
    margin: 0;
    background: #ffffff;
}

.h2-menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    content: '';
    background: rgb(167 167 167 / 40%);
    border-radius: 50px;
    transition: all .7s linear;
}

.h2-menu ul li a:hover:after, .h2-menu ul li a:hover:before, .h2-menu ul li.active a:before, .h2-menu ul li.active a:after {
    width: 100%;
}

.h2-menu ul li a {
    display: block;
    padding: 15px 20px;
    position: relative;
    color: #a4a4a4;
    transition: all .5s linear;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.h2-menu ul li a:hover, .h2-menu ul li.active a {
    color: #fff;
    background: #202020;
}

.h2-menu ul li a:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 1px;
    content: '';
    background: rgb(167 167 167 / 40%);
    border-radius: 50px;
    transition: all .7s linear;
}
.h2-menu button.button {
    width: calc(100% - 40px);
    margin: 0 20px 0;
    top: 50px;
}
.header2.slide {
    left: 0;
}
.bg-h2-m {
    position: fixed;
    left: 0;
    background: rgb(25 24 21 / 95%);
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: 9;
    transition: all .5s linear;
    display: none;
    cursor: pointer;
}
.bg-h2-m.slide {
    display: block;
}
.form-group-terms a {
    font-weight: 700;
    color: var(--a);
}
.arrowlistingbtm {
    margin-bottom: 25px;
}
.w-d-s .hdng {
    margin-bottom: 25px;
}
.w-d-s .hdng h4 {
    margin: 15px 0 0;
    font-weight: 400;
    line-height: 27px;
    font-size: 20px;
}
.w-d-s ul {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 25px;
    padding-left: 25px;
}
.w-d-s ul li {
    list-style: disc;
}
.w-d-ss .hdng h4 {
    margin-top: 15px;
}
.w-d-ss .arrowlisting {
    gap: 25px;
}
.staticImg{
    position: sticky;
    top: 0;
    padding-right: 30px;
}
.twobtns {
    display: flex;
    gap: 10px;
    margin-top: 50px;
}

.twobtns .effectbutton {
    align-items: center;
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid var(--a);
    border-radius: 5px;
    height: 45px;
    text-transform: uppercase;
    text-align: center;
}

.tbtn-1 {
    background: var(--a);
    color: #fff;
}

.tbtn-2 {
    background: var(--a);
}
.cl6-pdl50 {
    padding-left: 50px;
}

.mobileapp {}

.mobileapp .hdng h3 {
    justify-content: center;
}

.mobileapp .hdng p {
    text-align: center;
}
.mobileapp .crv-more a.themebtn-round {
    width: 200px;
}
.buttonAnchor {
    position: relative;
}

.buttonAnchor a {
    position: relative;
    background-color: #f37600;
    border-color: #212529 #212529 #0a0c0d;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: .6rem 1.6rem;
    display: inline-block;
}

.buttonAnchor a:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #f37600;
    transition: ease all 300ms;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
}
.indus-pageTitle {
    display: flex;
    margin: 0 -15px;
}

.indus-text {
    padding: 0 15px;
    width: 40%;
    flex: 0 0 auto;
}

.indus-Bigtext {
    padding: 0 15px 0 100px;
    width: 60%;
    flex: 0 0 auto;
    text-align: right;
}

.custom-big-text-style {
    font-size: 70px;
    line-height: 62px;
    color: #ffb013;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    padding: 50px 0;
    letter-spacing: 6px;
    font-weight: 800;
    font-family: "Barlow Condensed", sans-serif;
    text-shadow: -4px 4px 6px #717171;
    animation: anin 9s linear infinite;
}
@keyframes anin{
    0%{color: yellow;}
    50%{color: red;}
    100%{color: green;}
}
.industries {
    padding: 50px 0;
    background: #000 url(../img/industriesbg.png);
    background-size: 60%;
    background-position: 100%;
    background-repeat: no-repeat;
    animation: anin .5s linear infinite;
}

.transform3D {
    transform: translate3d(0, 50%, 0);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: .3px;
    display: block;
    position: absolute;
    right: 3px;
    letter-spacing: 4px;
}
.transform3Dnot {
    display: block;
    text-shadow: -4px 4px 6px #7a1e1e;
}
.transform3D.transform3D1 {
    top: -25px;
}
.transform3D.transform3D2 {
    bottom: 38px;
}
.indusopt {
    border-top: 1px solid #dadada;
}

.indusopt .row {
    justify-content: center;
    align-items: center;
}

.indusopt .row .col-sm-4 {
    position: relative;
    padding: 3rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indusopt .divline {
    border-left: 1px solid #dadada;
}
.indusopt .divlinebtm {
    border-bottom: 1px solid #dadada;
}
.indusbox {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.indusbox h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.indusbox .buttonAnchor {
    margin: 20px 0 0;
}

.indusbox .buttonAnchor a {
    font-size: 14px;
    padding: 8px 16px;
}
.indusbox img {
    max-width: 80px;
    width: 100%;
    margin: 0 auto 20px;
}
.indus-text h2 {
    color: #d0d0d0;
}

.indus-text p {
    color: #bababa;
}
.indusopt .col-sm-4:nth-child(2), .indusopt .col-sm-4:nth-child(5),.indusopt .col-sm-4:nth-child(8) {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.indusopt .col-sm-4:nth-child(1), .indusopt .col-sm-4:nth-child(2), .indusopt .col-sm-4:nth-child(3),.indusopt .col-sm-4:nth-child(4), .indusopt .col-sm-4:nth-child(5), .indusopt .col-sm-4:nth-child(6) {
    border-bottom: 1px solid #dadada;
}

.indusbox p {
    min-height: 80px;
}
.indusbox svg {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
}

.indusbox svg {
    fill: #f37600;
}
.estimate {
    background: #141414;
}

.estimate .hdng {
    margin: 0;
}

.estimate .hdng h2 {
    color: #fff;
}

.estimate .hdng p {
    color: #a4a4a4;
}

.estimate  .buttonAnchor {
    margin-top: 35px;
}
.serv-box.digibox.ecomargin,.serv-box.digibox.phpDev {
    margin-top: 60px !important;
}