:root{
    --bs-yellow: #1653CD;
    --bs-darkblue: #051634;
    --bs-white: #fff;
    --bs-black: #1E1E1E;
    --bs-lightblack: #1A1A1A;
    --bs-grey: #f5f5f56b;
    --bs-darkgrey: #939393;
    --bs-lightgreen: #E6ECF6;
    --bs-lightgrey: #E5E5E5;
    --bs-yellow: #D69500;
    --bs-lightyellow: #D695001A;

}
/*==================== Header CSS ====================*/
header.main-header {
    z-index: 999;
    height: auto;
    top: 0;
    width: 100%;
    padding: 0;
    background: transparent;
    position:fixed;
}
header.main-header .container-fluid{
    padding: 15px;
}
.top-logo img {
    display: block;
	width:70%;
}
.main-menu {
    display: inline-block;
    text-align: center;
}
/* body:not(.home) .main-header {
   background: var(--bs-black) !important;
} */
body:not(.home):not(.page-id-2530) .main-header .menu-top li a {
    color: var(--bs-black); /* Default black for all pages except home & page 12 */
}
.small-header {
    box-shadow: 0 0 10px rgba(0,0,0,0.50);
    background: var(--bs-white) !important;
    transition: 0.3s;
}
.small-header ul li a{
    color: var(--bs-white);
}
.home .small-header ul li a{
    color: var(--bs-black);
}
.top-head-wrap{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    padding: 5px 15px;
    /* margin-right: 15px; */
    background:var(--bs-white);

}
.top-head-details a{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    gap: 8px;
}
.top-head-details .icon img, .top-head-details .icon svg{
    height: 20px;
    width: 20px;
    position: relative;
    top: 3px;
}
.top-head-details .icon svg path{
    fill:var(--bs-yellow);
}


.ph-number {
    display: block;
    text-align: right;
    margin-left: 15px;
}
.ph-number a {
    font-size: 22px;
    font-weight: 600;
    display: block;
}
.ph-number span {
    font-weight: 600;
    color: var(--bs-yellow);
    display: block;
    line-height: normal;
}

.header-contact {
    margin-left: 25px;
    align-items: center;
}
.header-contact .contact-btn{
    display: inline-flex;
    align-items: center;
}
.contact-btn a{
    display: flex;
    align-items: center;
    background: var(--bs-yellow);
    color: var(--bs-white);
    padding: 7px 15px 7px 8px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.5s;
}
.header-contact .contact-btn .icon {
    margin-right: 0px;
    padding: 2px;
    height: 35px;
    width: 35px;
/*     background: #fff; */
    border-radius: 50%;
    transition: 0.5s;
}
.header-contact .contact-btn svg, .header-contact .contact-btn img {
    width: 22px;
    height: 22px;    
    fill: var(--bs-black);
}
.header-contact .contact-btn svg path{
    fill:var(--bs-white) !important;
    transition: 0.5s;
}
.contact-btn a:hover{
    color: var(--bs-white);
    background: var(--bs-yellow);
}
.contact-btn a:hover .icon {
    background: var(--bs-yellow);
}
.contact-btn a:hover svg path{
    fill:var(--bs-white) !important;
}

.navbar #mega-menu-wrap-header_menu #mega-menu-header_menu>li.mega-contacr-btn-top>a svg path {
    fill: #fff;
}

.navbar #mega-menu-wrap-header_menu #mega-menu-header_menu>li.mega-contacr-btn-top>a svg {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.megha-menu-wrap ul.sub-menu li a {
    font-size: 16px !important;
}


#menu-item-693 ul {
    margin-left: -220px;
}

ul.sociallinks {
    display: inline-flex;
    align-items: center;
    gap: 5px;
	background: #fff;
}
ul.sociallinks li {
    display: block;
    line-height: normal;
}
ul.sociallinks li a {
    /* padding: 10px 7px; */
    display: block;
    line-height: normal;
    opacity: 1;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

}
ul.sociallinks li a svg, ul.sociallinks li a img{
    width: 20px;
    height: 20px;
}
ul.sociallinks li a:hover{
    opacity:1;
}
/*==================== Header CSS END ====================*/

/*========= Nav Multiple CSS =========*/
.wrap-header {
    display: inline-flex;
    align-items: center;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    width: 100%;
}
.menu-top {
    position: relative;
	margin:0;
}
ul.menu-top li {
    display: inline-block;
    margin: 0;
    color: #000;
    position: relative;
    height: 100%;
    line-height: normal;
}
ul.menu-top > li.menu-item-has-children {
    padding-right: 17px;
}
ul.menu-top li:last-child{
    padding-right:0;
}
ul.menu-top li:first-child{
    padding-left:0;
}
ul.menu-top li ul {
    display: none;
}
.menu-top li a {
    color: var(--bs-black);
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    text-decoration: none;
    height: 100%;
    font-weight: 600;
    text-transform: uppercase;
}
.menu-top li a:hover{
    transition: .3s ease-in-out all;
    color: var(--bs-yellow);
}
.menu-top li a {
  color:var(--bs-white);
  font-size: 16px;
  text-decoration: none;
  padding: 10px 10px;
  margin: 0 5px;
  position: relative;
  display: inline-block;
   font-weight: 500;
    text-transform: capitalize;
}

.menu-top li a::before,
.menu-top li a::after {
  content: "";
  position: absolute;
  display: block;
  border: 0px solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.3s ease;
}

/*.menu-top li a::after {
  top: 0;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}

.menu-top li a::before {
  right: 0;
  bottom: 0;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
}

.menu-top li a:hover::before,
.menu-top li a:hover::after {
  width: 10px;
  height: 10px;
  border-color: var(--bs-yellow);
}

.menu-header>ul>li.current_page_item > a, .menu-header>ul>li.current_page_ancestor > a{
    color: var(--bs-yellow);
}


.menu-top li a:hover::before, .menu-header>ul>li.current_page_item > a::before, .menu-header>ul>li.current_page_ancestor > a::before {
     width: 10px;
  height: 10px;
  border-color: var(--bs-yellow);
}
.menu-top li a:hover::after, .menu-header>ul>li.current_page_item > a::after, .menu-header>ul>li.current_page_ancestor > a::after {
     width: 10px;
  height: 10px;
  border-color: var(--bs-yellow);
}*/

.menu-header>ul>li.current_page_item > a::before, .menu-header>ul>li.current_page_ancestor > a::before {
   content: "";
  position: absolute;
  display: block;
  border: 0px solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.3s ease;
}
.menu-header>ul>li.current_page_item > a::after, .menu-header>ul>li.current_page_ancestor > a::after, .menu-top li a:hover::after {
     content: "";
  position: absolute;
  display: block;
  border: 0px solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.3s ease;
}
#mainNav>li.menu-item-has-children::before {
    content: "";
    right: 15px;
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    border-right: 2px solid #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
    transform-origin: 8px 0px;
}
.small-header .menu-top::before {
    display:none;
}
.sub-menu li.menu-item-has-children {
    position: relative;
}
.menu-top li > .sub-menu > li.menu-item-has-children:after {
    content: "";
    right: 8px;
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -moz-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform-origin: 0 2px;
}
ul.menu-top li:hover > ul {
    display: block;
    position: absolute;
    top: 100%;
}
ul.menu-top li:hover li {
    float: none;
}
.sub-menu li ul.sub-menu {
    position:absolute; 
    background-color:var(--bs-yellow);
    z-index:99;
    top:0!important;
    left:100%;
}
.menu-top li ul li {
    border-top: 0;
    display: block;
    margin: 0;
}
ul.menu-top li .sub-menu li ul.sub-menu li > a {
    background-color: var(--bs-yellow);
}
ul.menu-top li .sub-menu li ul.sub-menu li > a:hover, ul.menu-top li .sub-menu li ul.sub-menu li.current-menu-item > a{
    background: var(--bs-lightyellow);
}
ul.menu-top li:hover li a:hover, .menu-top ul.sub-menu li.current_page_item a {
    background: var(--bs-lightyellow);
}
ul.menu-top ul ul {
    left: 100%;
}
.sub-menu {
    background-color: var(--bs-yellow);
    min-width: 230px;
    text-align: left;
}
ul.menu-top li .sub-menu li {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
ul.menu-top li .sub-menu li:last-child{
    border-bottom:none;
}
ul.menu-top li .sub-menu li a {
    font-size: 14px;
    padding: 12px 10px;
    text-transform: inherit;
    line-height: normal;
    margin: 0;
    color: #fff;
    border: none;
    display: block;
    font-weight: 300;
}
ul.menu-top li .sub-menu li a:hover{
    border: none;
}
ul.menu-top li .sub-menu li a:hover::before, ul.menu-top li .sub-menu li a:hover::after {
    display: none;
}
/*========= Nav Multiple CSS END =========*/

/*========= Header Search CSS END =========*/
.search-icon {
    cursor: pointer;
    transition: all ease-in-out .45s;
    margin-left: 20px;
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.search-icon svg, .search-icon img {
    width: 22px;
    height: 22px;
    fill: #000;
}
.search-icon svg path{
    fill: #000;
}
.header-search-box {
    position: fixed;
    background-color: #fff;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    height: 0;
    top: 0;
    right: 0;
}
.header-search-box.open-search {
    opacity: 1; 
    height: 140px;
    z-index: 999999;
}
.header-search-box span.closebtn {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 35px;
    height: 35px;
}
.header-search-box span.closebtn::before, .header-search-box span.closebtn::after {
    position: absolute;
    content: "";
    height: 30px;
    width: 2px;
    background-color: #000;
}
.header-search-box span.closebtn::before {
    transform: rotate(45deg);
}
.header-search-box span.closebtn::after {
    transform: rotate(-45deg);
}
.header-search-box span.closebtn:hover::before, .header-search-box span.closebtn:hover::after{
    background-color: var(--bs-yellow);
}

.header-search-box .search-input-wrap .searchform {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}
.header-search-box input.search {
    height: 55px;
    color: #000;
    padding: 8px 58px 8px 15px;
}
.header-search-box input.search:focus ~ .msg-side-form{
    display:none;
}
#site-searchs {
    top: 0;
    position: absolute;
    right: 0px;
    width: auto;
    height: 55px;
    border: none;
    padding: 13px 20px;
    line-height: 38px;
    cursor: pointer;
    background: none;
}
#site-searchs svg, #site-searchs img{
    width: 20px;
    height: 20px;
}
#site-searchs svg, #site-searchs svg path{
    fill:#1E191A;
}
/*========= Header Search CSS END =========*/

/*==================== Home Page CSS ====================*/
.banner-home {
    height:100vh;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #000;
/*  margin-top:90px;*/
}
.banner-home:before{
    content: '';
    position: absolute;
    background-size: cover;
    background-image: url('../img/banner-overlay.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 11;
}
/*.logged-in .banner-home {
    margin-top:58px;
}*/
.banner-home .container {
    position: relative;
    z-index: 111;
}
.banner-home .inner-content{
    padding-top: 100px;
}
.banner-home .banner-title {
    font-size: 52px;
    color: var(--bs-white);
    font-weight: 600;
    line-height: 72px;
    text-transform: capitalize;
}
.banner-home .banner-title span{
    color: var(--bs-yellow);
}
.banner-home .banner-des {
    font-weight: 600;
    color: #000;
    line-height: 30px;
}
.banner-video{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.banner-video video{
    object-fit: cover;
    width: 100%;
    object-position: center;
    height: -webkit-fill-available;
}
.banner-home .inner-content a.btn{
    margin-top: 25px;
}
.partner-logo-sec{
    padding: 50px 0px 80px;
    overflow: hidden;
	position:relative;
}
/*.partner-logo-silder{
    margin-top: 35px;
}*/
.brand-item{
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px dotted #000;
}
.brand-item img, .brand-item svg{
    max-width: 52%;
    margin: auto;
    display: table;
    transition: 0.5s;
}
.brand-item img:hover, .brand-item svg:hover{
    transform: scale(1.1);
}
/* =============home-about-section ============== */
.home-about-section{
    position: relative;
    padding: 0px 0px 80px 0px;
}
.about_content_wrapper {
    padding: 30px 15px 30px 30px;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 15px;
    border-bottom: 2px solid var(--bs-yellow);
    position: relative;
    overflow: hidden;
    transition: .5s;
    margin-top: 25px;
    height: calc(100% - 25px);
}
.about_content_wrapper:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--bs-yellow);
    bottom: -100%;
    opacity: 0;
    transition: 0.5s;
    left: 0;
    z-index: -1;
}
.about_content_wrapper:hover:before{
    bottom: 0;
    opacity: 1;
}
.number-wrap {
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 10px;
    color: var(--bs-yellow);
    transition: 0.5s;
}
.number-title{
    color: var(--bs-yellow);
    padding-bottom: 10px;
    transition: 0.5s;
}
.about_content_wrapper:hover{
    color: var(--bs-white);
}
.about_content_wrapper:hover .number-wrap, .about_content_wrapper:hover .number-title{
    color: var(--bs-white);
}
.about_content_wrapper:after {
    content: '';
    position: absolute;
    height: 50px;
    width: 2px;
    background: var(--bs-yellow);
    left: 17px;
    top: 21px;
    transition: 0.5s;
}
.about_content_wrapper:hover:after{
    background: var(--bs-white);
}
/* ============ end home-about-section ============= */
.list-style ul li{
    padding-left:30px;
    position: relative;
}
.list-style ul li:before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    background-image: url(../img/arrow.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 5px;
}
/*.portfoio-section{
    background-color: var(--bs-darkblue);
}*/
/*.portfoio-section .container {
    background-color: var(--bs-black);
    padding: 60px 30px 1px;
    border-radius: 30px;
}*/
.portfoio-section .heading-section{
    margin-bottom: 45px;
}
.portflio-title {
    font-size: 48px;
    font-weight: 600;
    padding-bottom: 20px;
}
.portfoio-silder-wrap .slick-slide{
        background: var(--bs-black);
    border-radius: 30px;
    overflow: hidden;
}
.portfolio-content {
    padding: 0px 50px 0px 0px;
    height: 100%;
/*     margin-top: 40px; */
}
.portfolio-content a.btn .icon img{
    width: auto;
    padding-left: 15px;
}
.portfolio-content a.btn .icon svg path{
    fill: #429488;
}
.portfolio-content a.btn:hover .icon{
    background: none;
}
.portfolio-content a.btn:hover .icon svg path{
    fill: var(--bs-white);
}
.portfolio-count{
       font-size: 110px;
    font-weight: 900;
    position: absolute;
    top: 40px;
    opacity: 0.3;
}
.portfolio-title {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 50px;
	color:#fff;
}
.portfolio-user-details{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    position: relative;
    flex-wrap: wrap;
}
.portfolio-user-details:before {
    content: '';
    position: absolute;
    height: 60px;
    width: 1px;
    background-color: var(--bs-white);
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
.portfolio-user-details .total-download-wrap:nth-child(3){
    width: 100%;
    margin-top: 50px;
}
.total_download {
    font-size: 22px;
    font-weight: 700;
}
.portfoio-silder-wrap .slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--bs-black);
    height: 9px;
    width: 0px;
    /* border-radius: 50%; */
    border: 1px solid var(--bs-yellow);
    top: -12px;
    left: 4px;
}

.portfoio-silder-wrap .slick-dots li.slick-active button {
    background: var(--bs-yellow);
}

.portfoio-silder-wrap .slick-dots li button {
    width: 3px;
    height: 3px;
    background: var(--bs-grey);
    border-radius: 50%;
}

.portfoio-silder-wrap .slick-dots {
    bottom: 35px;
    text-align: left;
    left: 50px;
}
.portfolio-image-wrap img{
    border-radius: 20px;
}

.portfolio-block {
    padding: 25px;
    border-radius: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
/*    background: transparent linear-gradient(154deg, #000000 0%, #0D6897 100%) 0% 0% no-repeat padding-box;*/
}
/*
.portfolio-block img{
    height: 550px;
}*/


/* css animation vishnu */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root {
    --card-height: 40vw;
    --card-margin: 4vw;
    --card-top-offset: 1.5em;
    --numcards: 4;
    --outline-width: 0px;
    -card-top-offset-port: 0;
    --easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
}

#cardsService {
    /* padding-bottom: calc(var(--numcards) * var(--card-top-offset)); */
    /* Make place at bottom, as items will slide to that position*/
    /* margin-bottom: var(--card-margin); */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#cardsPortfolio {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset-port));
    /* Make place at bottom, as items will slide to that position*/
/*    margin-bottom: var(--card-margin);*/
    /* height: 800px;
    overflow-y: auto; */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#card_1 {
    --index: 1;
}

#card_2 {
    --index: 2;
}

#card_3 {
    --index: 3;
}

#card_4 {
    --index: 4;
}

#card_1 .portfolio-block{
    background-color: var(--bs-black);
}

#card_2 .portfolio-block{
     background-color: var(--bs-black);
}
#card_3 .portfolio-block{
     background-color: var(--bs-black);
}
.portfoio-section #card_1 .portfolio-block{
    background-color: #429488;
}

.portfoio-section #card_2 .portfolio-block{
     background-color: #9168A8;
}
.portfoio-section #card_3 .portfolio-block{
     background-color: #7867E6;
}
.portfoio-section #card_4 .portfolio-block{
     background-color: #0FA8A9;
}
.portfoio-section #card_5 .portfolio-block{
     background-color: #8A7E70;
}

.app-btn-wrap{
        background-color: var(--bs-white);
    color: #000;
    padding: 15px 20px;
    border-radius: 10px;
    margin-top: 45px;
    width: fit-content;
    display: flex;
    align-items: center;
}
.app-btn-wrap svg{
    margin-left: 5px;
}
.btn-icon-wrap{
    padding-left: 15px;
}
.app-btn-wrap a{
    margin-left: 20px;
    transition: 0.5s;
}
.app-btn-wrap a img{
    transition: 0.5s;
}
.app-btn-wrap a:hover img{
    transform: scale(1.1);
}
#card_1 .app-btn-wrap{
    color: #429488;
}
#card_1 .app-btn-wrap svg path{
    fill: #429488;
}
#card_2 .app-btn-wrap{
    color: #9168A8;
}
#card_2 .app-btn-wrap svg path{
    fill: #9168A8;
}
#card_3 a.btn{
    color: #7867E6;
}
#card_3 a.btn svg path{
    fill: #7867E6;
}
#card_3 a.btn:hover{
    color: #fff;
}
#card_3 a.btn:hover svg path{
    fill: #fff;
}
#card_4 .app-btn-wrap{
    color: #0FA8A9;
}
#card_4 .app-btn-wrap svg path{
    fill: #0FA8A9;
}
#card_5 a.btn{
    color: #8A7E70;
}
#card_5 a.btn svg path{
    fill: #8A7E70;
}
#card_5 a.btn:hover{
    color: #fff;
}
#card_5 a.btn:hover svg path{
    fill: #fff;
}
.cardService {
    position: sticky;
    top: 100px;
    padding-top: calc(var(--index) * var(--card-top-offset));
}

.cardPortfolio {
    position: sticky;
    top: 80px;
    padding-top: calc(var(--index) * var(--card-top-offset-port));
}

/* .dummycard{
    height: 200px;
} */
@supports (animation-timeline: works) {
    @scroll-timeline cards-element-scrolls-in-body {
        source: selector(body);
        scroll-offsets: selector(#cards) start 1, selector(#cards) start 0;
        /* Start when the start edge touches the top of the scrollport */
        /* End when the start edge touches the start of the scrollport */
        start: selector(#cards) start 1;
        /* Start when the start edge touches the top of the scrollport */
        end: selector(#cards) start 0;
        /* End when the start edge touches the start of the scrollport */
        time-range: 4s;
    }

    .cardService {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    .cardPortfolio {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    /* .card__content {
        transform-origin: 50% 0%;
        will-change: transform;
        --duration: calc(var(--reverse-index0) * 1s);
        --delay: calc(var(--index0) * 1s);
        animation: var(--duration) linear scale var(--delay) forwards;
        animation-timeline: cards-element-scrolls-in-body;
   }
    @keyframes scale {
        to {
            transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
       }
   } */
}

/** PAGE STYLING **/
#cards {
    list-style: none;
    outline: calc(var(--outline-width) * 10) solid blue;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin);
}

.card {
    outline: var(--outline-width) solid hotpink;
}


/* ========home-services-section============= */
.service-type-wrap {
    padding: 40px 20px;
    border: 1px solid var(--bs-white);
    height: calc(100% - 20px);
    position: relative;
    transition: .5s;
    overflow: hidden;
    border-radius: 15px;
    background: #fff;
    box-shadow: 4px 12px 24px 0px #0000000A;
    display: block;

}
.service-type-wrap:before{
    content: '';
    position: absolute;
    background-image: url('../img/service_box.webp');
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.service-type-wrap:hover{
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.service-type-wrap:hover:before{
    opacity: 1;
}
.service-type-wrap:hover .service-icon svg path{
    fill: var(--bs-white);
}
.service-type-wrap:hover  .service-count{
    color: var(--bs-white);
}
/*.service-type-wrap:hover{
    color:var(--bs-white);
}
.service-type-wrap:before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: #000;
    bottom: -100%;
    z-index: -1;
    left: 0;
    opacity: 0;
    transition: 0.5s;
}
.service-type-wrap:hover:before{
    bottom: 0;
    opacity: 1;
}*/
.services-title{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.service-type-wrap p{
        font-size: 14px;
    line-height: 26px;
        font-weight: 400;
}
.service-icon {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto 20px;
}
.service-icon svg, .service-icon img{
    height: 40px;
    width: 40px;
    animation: zoomBig 3s linear infinite;
}
.service-icon svg path{
    fill: var(--bs-yellow);
}
.service-count{
        position: absolute;
    right: 20px;
    font-size: 32px;
    font-weight: 600;
    opacity: 0.2;
    color: var(--bs-yellow);
    top: 48px;
    z-index: 11;
    transition: 0.5s;
}
.home-services-section a.btn{
    float: right;
}
/* ============= end home-services-section ============== */
.first-cta-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    image-rendering: pixelated;
}
/*.first-cta-section:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: #050404ba;
    top: 0;
    left: 0;
    z-index: 1;
}*/
.first-cta-section .container{
    position: relative;
    z-index: 11;
}
.cta-heading{
    font-size: 36px;
    line-height: 46px;
}
.cta-heading span {
    color: var(--bs-yellow);
    display: block;
    font-style: italic;
}
.cta-heading em{
        background-color: var(--bs-white);
    color: var(--bs-yellow);
    padding: 4px 15px;
    font-style: normal;
}
.first-cta-wrap p {
    color: var(--bs-white);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
}
.second-cta-section .container{
    border-radius: 20px;
    padding: 80px 50px;
}
/* ============= end first-cta-section ============== */
.process-type-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
}
.home-process-section .nav-item .nav-link{
        border: none;
}

.home-process-section .nav-item .nav-link:hover .process-title{
    color: var(--bs-yellow);
}
.home-process-section .nav-item .nav-link.active .process-title{
    color: var(--bs-yellow);
}
.home-process-section .nav-tabs .nav-item.show .nav-link, .home-process-section .nav-tabs .nav-link.active{
    background-color: none !important;
        background: none;
}
.process-title {
    font-size: 20px;
    font-weight: 800;
    margin-left: 22px;
    width: calc(100% - 100px);
    color: var(--bs-black);
    transition: 0.5s;
}
.step_icon{
    height: 100px;
    width: 100px;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #00000014;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    position: relative;
    transition: 0.5s;
}
.home-process-section ul.nav li .step_icon:before {
    content: '';
    position: absolute;
    height: 60px;
    width: 2px;
    background-color: var(--bs-yellow);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -35px;
    z-index: -1;
}
.home-process-section ul.nav li:last-child .step_icon:before {
    display: none;
}
.home-process-section ul.nav{
    border: none;
}
.home-process-section ul.nav li{
    margin-bottom: 15px;
    position: relative;
}
.home-process-section ul.nav li:last-child{
    margin-bottom: 0px;
}
.home-process-section .nav-item .nav-link .step_icon svg path{
fill: var(--bs-yellow);
    stroke: var(--bs-yellow);
}
.home-process-section .nav-item .nav-link.active .step_icon{
    background-color: var(--bs-yellow);
}
.home-process-section .nav-item .nav-link.active .step_icon svg path{
    fill: var(--bs-white);
    stroke: var(--bs-white);
}
.home-process-section .nav-item .nav-link:hover .step_icon{
    background-color: var(--bs-yellow);
}
.step_icon img, .step_icon svg{
    height: 45px;
    width: 45px;
}
.home-process-section .nav-item .nav-link:hover .step_icon svg path{
    fill: var(--bs-white);
}
.step_icon:hover .process-count {
    background: var(--bs-yellow);
    color: var(--bs-white);
    border: 2px solid var(--bs-white);
}
.process-content-wrap {
    height: 100%;
    display: flex;
    align-items: self-start;
    padding: 30px;
    color: #fff;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: end;
}
.process-content-wrap:before{
    content: '';
    position: absolute;
    background-image: url('../img/black-overlay.webp');
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
}
.process-content-wrap .h5{
    position: relative;
    z-index: 11;
}
.process-content-wrap ul {
    z-index: 11;
    list-style: disc;
    padding-left: 25px;
}
.process-content-wrap ul li{
    margin-bottom: 10px;
}
.process-type-wrap ul li{
        font-size: 14px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-top: 10px;
}
.process-type-wrap ul li:last-child{
    padding-bottom: 0px;
}
.process-content-wrap ul li b, .process-content-wrap ul li strong{
    display: block;
    font-size: 18px;
    padding-bottom: 5px;
}
/*  ================ End process section =============== */
.home-industries-section{
    background-color: var(--bs-grey);
    position: relative;
}
.home-industries-section:after{
    content: '';
    position: absolute;
    background-image: url('../img/component.png');
        height: 230px;
    width: 90px;
    background-size: cover;
    background-position: right;
    right: 0;
        top: 230px;
            animation: zoomBig 3s linear infinite;
}
.industries-type-wrap {
    padding: 30px 20px;
    border: 1px solid #ddd;
    transition: .5s;
    position: relative;
    text-align: center;
}
@media (min-width: 767px){
.industries-wrapper .col-lg-3:nth-child(1) .industries-type-wrap{
     border-left:none;
}
.industries-wrapper .col-lg-3:nth-child(-n + 4) .industries-type-wrap{
     border-top:none;
}
.industries-wrapper .col-lg-3:nth-child(-n+4) .industries-type-wrap {
    border-bottom: none;
    border-right: none;
}
.industries-wrapper .col-lg-3:nth-child(4n+5) .industries-type-wrap {
    border-left: none;
    border-bottom: none;
}
.industries-wrapper .col-lg-3:nth-child(n + 6) .industries-type-wrap {
    border-right: none;
    border-bottom: none;
}
/*.industries-wrapper .col-lg-3:nth-child(n - 5) .industries-type-wrap{
     border-left:none;
}*/
}
.industries-icon{
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: auto;
    margin-bottom: 20px;
    transition: 0.5s;
}
/*.industries-icon:hover{
    background-color: var(--bs-yellow);
}
.industries-icon:hover svg path{
    fill:var(--bs-white);
}*/
/*.industries-type-wrap:before{ 
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  top:-5px;
  left:-5px;
  border-top:2px solid var(--bs-yellow);
  border-left:2px solid var(--bs-yellow);
  transition:all 0.5s;
}
.industries-type-wrap:hover:before ,.industries-type-wrap:hover:after{
  width:104%;
  height:110%;
}
.industries-type-wrap:after{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  bottom:-5px;
  right:-5px;
  border-bottom:2px solid var(--bs-yellow);
  border-right:2px solid var(--bs-yellow);
  transition:all 0.5s;
}*/
.industries-type-wrap:hover{
    box-shadow: none;
}
.industries-title{
    font-size: 18px;
    font-weight: 600;
}
.industries-icon svg{
    height: 100%;
    width: 100%;
}
/*.industries-icon svg path{
    fill: var(--bs-yellow);
}*/
/* =========== end home-industries-section ===========*/
.second-cta-wrap{
 /*   padding: 40px;
    border-radius: 30px;*/
}
.why_choose-type-wrap{
    padding: 30px 15px;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    margin-top: 25px;
    height: calc(100% - 25px);
    position: relative;
    text-align: center;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.why_choose-title {
    font-size: 20px;
    font-weight: 700;
}

.why_choose-icon {
        height: 30px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 15px;
}
.why_choose-icon svg, .why_choose-icon img{
    height: 40px;
    width: 40px;
    animation: zoomBig 3s linear infinite;
}
.why_choose-icon svg path{
    fill: var(--bs-yellow);
}
.overlay-content {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  background-color: var(--bs-yellow);
  width: 100%;
  transition: .5s ease;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 25px;
  color: #fff;
}

.why_choose-type-wrap:hover .overlay-content {
  bottom: 0;
}
/* -===================== End why choose section===================- */
.home-technology-section{
    background-color: #D695001A;
    overflow: hidden;
}
/*.technology-type-wrapper.row {
    margin-top: 45px;
}*/
.technology-type-wrapper ul.nav-tabs {
    display: flex;
    border: none;
    justify-content: center;
    background: #fff;
    width: 100%;
    border-radius: 15px;
    border: 5px solid #ECECEC;
    padding: 5px;
    box-shadow: 4px 4px 8px 0px #0000000D inset;

}
.technology-type-wrapper ul.nav-tabs li {
    margin-bottom: 20px;
    width: calc(100% / 3);
    margin-bottom: 0px;
}
.technology-type-wrapper ul.nav-tabs li a {
    border-radius: 0px;
    border: none;
    color: var(--bs-black);
    position: relative;
    background-color: var(--bs-white);
    font-weight: 600;
    padding: 15px 20px;
    border-radius: 15px;
    text-align: center;
}
/*.technology-type-wrapper ul.nav-tabs li a:hover{
    background: var(--bs-yellow);
    color: #fff;
}
.technology-type-wrapper ul.nav-tabs li a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-left: 15px solid var(--bs-yellow);
    border-bottom: 22px solid transparent;
    right: -15px;
    top: 0;
    opacity: 0;
    transition: 0.5s;
}
.technology-type-wrapper ul.nav-tabs li a:hover:before {
    opacity: 1;
}*/
.technology-type-wrapper ul.nav-tabs li a.active {
    background: var(--bs-yellow);
    color: var(--bs-white);
}

.technology-type-wrapper ul.nav-tabs li a.active:before{
     opacity: 1;
}
.technology-image-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.technology-image-wrap:before{
    content: '';
    position: absolute;
    background-image: url('../img/dev.webp');
    height: 50px;
    width: 180px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 111;
}
.technology-image-wrap img.tech-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
        -webkit-animation: spin 15s linear infinite;
    animation: spin 20s linear infinite;
}
.technology-image-wrap img.no-tech-img{
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
    width: 400px;
    border: 1px solid var(--bs-grey);
    background-color: var(--bs-grey);
    border-radius: 50%;
}
.tab-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
        margin-top: 50px;
}
.tab-wrap .technology_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    padding: 15px;
    height: 80px;
    margin-bottom: 25px;
    border-radius: 15px;
    box-shadow: 0px 4px 16px 0px #0000000A;
    width: calc(100% / 5);
    background-color: #FAFAFA;
        border-radius: 50px;
}
.technology_name {
    font-weight: 600;
    font-size: 17px;
}
.technology_icon{
        height: 65px;
    width: 65px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 4px 16px 0px #00000014;
}
.technology_icon img, .technology_icon svg {
    animation: zoomBig 3s linear infinite;
    height: 40px;
    width: 45px;
}
.technology_name{
    width: calc(100% - 80px);
}
/* -========== End Technology Section ==========- */
.inner-item {
    margin-top: 25px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.blog-heading {
    font-size: 19px;
    color: var(--bs-black);
    font-weight: 600;
    line-height: 30px;
}
.post-item {
    padding:20px 15px;
}
.post-item p{
        font-size: 14px;
    line-height: 24px;
    color: #939393;
    font-weight: 400;
}
.post-btn{
    background: var(--bs-yellow);
    border-radius: 0;
    color: #fff;
    border: 2px solid var(--bs-yellow);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 22px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: normal;
    position: relative;
    border-radius: 25px;
}
.post-btn:hover{
    color: var(--bs-white);
    background: var(--bs-black);
    border-color: var(--bs-black);
}
/* ============== End Blog Section ============== */
.home-testimonials-sec{
    background-color: var(--bs-white);
}
.testimonials-content{
    padding: 15px 15px;
}
.testi-video-wrap img, .testi-video-wrap svg{
    height: 20px !important;
    width: 20px !important;
}
.testi-video-wrap svg path{
    fill: var(--bs-white);
}
.testimonials-img-wrap{
    position: relative;
}
.testimonials-img-wrap  img{
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: top center;
}
.testimonials-content-loop {
    margin: 0 10px;
    border-radius: 15px;
    border: 1px solid #ddd;
    background: var(--bs-white);
    min-height: 500px;
/*     padding-bottom: 55px; */
    position: relative;
    box-shadow: -3px 1px 8px 0px #00000014;
    transition: 0.5s;
}
.testimonials-content-loop:hover {
    box-shadow: none;
}
.testi-video-wrap a.html5lightbox {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0px;
    gap: 7px;
    font-weight: 600;
    color: var(--bs-white);
    left: 0;
    margin: auto;
    background-color: var(--bs-yellow);
    width: fit-content;
    border-radius: 5px;
    padding: 5px 10px;
}
.testi-video-wrap a.html5lightbox svg path{
    fill:var(--bs-white);
}
.testimonial-title-wrap{
    display: flex;
    align-items: center;
    justify-content: start;
        gap: 5px;
        padding-bottom: 5px;
}
.testimonial-title{
        font-size: 20px;
    font-weight: 800;
}
.testimonials-content p.app_name{
        margin: 0;
    font-style: italic;
    opacity: 0.5;
}

.slider .slick-prev{
    height: 40px;
    width: 40px;
    background-image: url('../img/arrow-left-circle.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.slick-prev:hover{
    transform: scale(1.2);
}
.slider .slick-next{
    height: 40px;
    width: 40px;
    background-image: url('../img/arrow-right-circle.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.slick-next:hover{
    transform: scale(1.2);
}
.testimonials-content-loop.wow.fadeInUp.testi-full-video-wrap {
    background-size: cover;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
}
.testi-full-video-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: #020024;
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 60%) 100%);
}
.testi-full-video-wrap .testimonials-content {
    padding: 15px;
    position: relative;
    z-index: 11;
    color: #fff;
}
/* -============End tesimonial section =========== */
.home-form-section {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
/*.home-form-section:before{
    content: '';
    position: absolute;
        height: 365px;
    width: 235px;
    background-image: url('../img/circle-line.webp');
    background-size: cover;
    background-position: left;
    top: -35px;
    left: 0;
}*/
.home-form-section:after{
    content: '';
    position: absolute;
    height: 204px;
    width: 180px;
    background-image: url('../img/cline.webp');
    background-size: cover;
    background-position: right;
    top: 12px;
    right: 0;
    z-index: 1;
}
.forn-content-wrap .form-heading{
    font-size: 32px;
        line-height: 48px;
}
.forn-content-wrap .form-heading span{
    display: block;
    color: #F5F5F5;
    opacity: 0.5;
}
.form-id-wrap{
    background: linear-gradient(0deg, #02050C 0%, #02050C 72.5%);
    padding: 40px 35px;
    border-radius: 15px;
    box-shadow: 0px 16px 72px 0px #061C3D14;
    position: relative;
    z-index: 111;
    border: 1px solid #16203c;
}
.form-title{
    font-size: 22px;
    padding-bottom: 25px;
    color: #fff;
}
.form-id-wrap p{
    color: var(--bs-darkgrey);
}
.form-id-wrap label{
    font-weight: 400;
}
.form-id-wrap input, .form-id-wrap textarea{
    background: #0A1124;
    border:none;
    color: #fff;
}
.home-accordian-section .accordion-item{
    margin-top: 25px !important;
    border: 1px solid #939393  !important;
        border-radius: 15px !important;
    overflow: hidden;
}
.home-accordian-section .accordion-button{
    border-radius: 0px !important;
    font-weight: 600;
    font-size: 16px;
    padding-right: 50px;
    line-height: 24px;
}
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-black);
    background-color: transparent  !important;
    box-shadow: none !important;
}
.accordion-item .accordion-header .accordion-button[aria-expanded=true]:before {
    content: "−";
    position: absolute;
    right: 15px;
    line-height: 2.6;
    font-weight: 700;
    transition: .3s all;
    top: 19%;
    color: var(--bs-black);
    font-size: 18px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: transparent;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--bs-black);
}
.accordion-item .accordion-header .accordion-button:before {
    content: "+";
    position: absolute;
    right: 15px;
    top: 19%;
    line-height: 2.6;
    font-weight: 700;
    transition: .3s all;
    color: var(--bs-black);
    font-size: 20px;
    height: 30px;
    width: 30px;
        line-height: 27px;
    background: transparent;
    border: 1px solid var(--bs-black);
    text-align: center;
    border-radius: 50%;
}
.accordion-button::after{
    display: none;
}
.accordion-body{
   /* font-size: 14px;
    line-height: 24px;*/
    padding-top: 0px;
}
/*==================== Home Page CSS END ====================*/
/*==================== Mobile App Development CSS ====================*/
.mobile-banner-home{
    height:100vh;
/*     background-color: rgb(214 149 0 / 10%); */
    overflow: hidden;
}
@media (min-width:1199px) and (max-width:1300px){
    .banner_right_side_image img {
            max-width: 65%;
    }
}
@media (min-width:991px) and (max-width:1199px){
    .banner_right_side_image img {
            max-width: 60%;
    }
}
.mob_image-item{
    max-width: 60%;
    margin: auto;
    display: flex;
    align-items: end;
    justify-content: end;
}

.banner_right_side_image img{
    position: relative;
    margin: auto;
    display: block;
}
.mobile-brand-logo-wrapper{
    position: relative;
}
.mobile-brand-logo-wrapper:before{
    position: absolute;
    content: '';
    height: 60%;
    width: 100%;
    background-color: var(--bs-lightyellow);
    bottom: 0;
    left: 0;
}
.mobile-brand-logo-wrapper .container{
    background-color: var(--bs-white);
    padding: 50px 0;
    border-radius: 20px;
    position: relative;
    box-shadow: -3px 1px 8px 0px #00000014;
}
.mobile-experince-section{
   background-color: rgb(214 149 0 / 10%);
}
.success-type-wrap {
    background: #fff;
    padding: 30px 20px;
    margin-top: 25px;
    box-shadow: 0px -8px 20px 0px #00000005;
    border-radius: 20px;
}
.total_number{
    font-size: 28px;
    font-weight: 700;
    color: var(--bs-yellow);
}
.success-content-wrap p{
        padding-top: 5px;
}
.postexcerpt span {
    padding: 0 0 0 0px;
}

.experince-heading-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.postexcerpt b {

}


.total-years-wrap{
     background-image: url('../img/gifbg.webp');
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    background-repeat: no-repeat;
}
.mob_image-item img {
	position:relative;
	top:100px;
}

.toc span{
	font-size:16px;
	margin-bottom:10px;
	display: inline-block;
}

/* .mainpage ul li:before, .postlist-single ul li:before, .linked-list ul li:before{
	font-family: "FontAwesome";
    content: "\f05d" ! Important;
    font-size: 22px;
    color: #d79538;
    margin-right: 8px;
    background: none !important;
    font-weight: 100;
    top: 0px !important;
} */


.years-wrapper{
    height: 250px;
    width: 250px;
    background-image: url('../img/wrinkle-sphere.gif');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin: auto;
    border-radius: 100%;
}
.years-wrapper .h3{
    margin: 0px;
    font-size: 36px;
    font-weight: 700;
    color: var(--bs-yellow);
}
.years-wrapper p{
    line-height: normal;
}
.mobile-app-services-wrapper{
    background: var(--bs-black);
}
.mobile-app-services-loop {
    padding: 35px 25px;
    border: 1px solid var(--bs-lightblack);
    background-color: var(--bs-lightblack);
    margin: 10px;
    border-radius: 15px;    
    min-height: 465px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    z-index: 11;
    display: block;
}
.mobile-app-services-loop:before {
    content: '';
    position: absolute;
    background-color: var(--bs-yellow);
    background-image: url(../img/service_box.webp);
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: -1;
}
.mobile-app-services-loop:hover:before {
    opacity: 1;
}
.app-icon{
        height: 80px;
    width: 80px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.app-title {
    font-size: 20px;
    font-weight: 800;
    padding: 20px 0px 10px;
	color:#fff;
}

.mobile-app-service-slider .slick-prev{
    height: 40px;
    width: 40px;
    background-image: url('../img/arrow-white-right.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.mobile-app-service-slider .slick-next{
    height: 40px;
    width: 40px;
    background-image: url('../img/white-left-circle.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.mobile-app-service-slider ul.slick-dots li.slick-active{
        background-color: var(--bs-yellow);
}
.mobile-app-service-slider ul.slick-dots li{
    background-color: var(--bs-grey);
}
.mobile-industries-type-wrap {
    padding: 30px 10px;
    border: 1px solid var(--bs-lightgrey);
    transition: .5s;
    position: relative;
    text-align: center;
    border-radius: 15px;
    transition: 0.5s;
    margin-top: 20px;
}
.mobile-industries-type-wrap:hover{
    border-color: var(--bs-black);
}
.mobile-industries-title{
        font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
}
.mobile-industries-icon{
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    transition: 0.5s;
}
.mobile-industries-icon svg, .mobile-industries-icon img{
    height: 100%;
    width: 100%;
}
.mobile-industries-icon svg path{
/*     fill: var(--bs-yellow); */
    transition: 0.5s;
}
/*.mobile-industries-type-wrap:hover{
    border-color: var(--bs-yellow);
}
.mobile-industries-type-wrap:hover .mobile-industries-icon{
    background-color: var(--bs-yellow);
}
.mobile-industries-type-wrap:hover .mobile-industries-icon svg path{
    fill: var(--bs-white);
}*/
.feature-tab-wrap ul li {
    width: 100%;
    margin-bottom: 15px;
}

.feture-title {
    color: #000;
    font-size: 18px;
}

.feature-tab-wrap ul li a.nav-link.active h3.feture-title {
    color: #fff;
}

.feature-tab-wrap ul li a {
    background-color: var(--bs-lightgreen);
    border-radius: 15px !important;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-black);
}
.feature-tab-wrap ul li a.nav-link.active{
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.feature-nav-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.feture-icon{
        height: 50px;
    width: 50px;
    background: var(--bs-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.feture-icon svg {
    height: 25px;
    width: 25px;
}

.feture-icon svg path {
    fill: var(--bs-white);
}
.feature-tab-wrap ul li a.nav-link.active .feture-icon{
    background-color: var(--bs-white);
}
.feature-tab-wrap ul li a.nav-link.active .feture-icon svg path{
    fill: var(--bs-yellow);
}
.feature-image-wrap img.feature-img{
    height: 580px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.feature-image-wrap img.no-feature-img{
    height: auto
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.mobile-feature-wrapper ul.nav-tabs{
    border-bottom: none;
}
.mobile-investment-wrapper .container{
    padding: 50px;
    background-color: var(--bs-black);
    border-radius: 30px;
}
.mobile-feature-wrapper ul.nav-tabs .nav-link.active .mobile_feature_description{
    display: block;
    padding-left: 60px;
}
.mobile-feature-wrapper ul.nav-tabs .nav-link:not(.active) .mobile_feature_description {
    display: none;
}
.mobile-investment-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--bs-white);
    padding: 40px 30px;
    background-color: #ffffff21;
    border-radius: 15px;
}
.investment-title {
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}
.investment-title-wrap p{
    max-width: 80%;
}
.investment-icon-wrap {
    height: 65px;
    width: 65px;
    background: var(--bs-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.investment-icon-wrap img, .investment-icon-wrap svg {
    height: 35px;
    width: 35px;
}
.investment_bottom_content p{
    color: var(--bs-yellow);
}
.mobile-app-development-wrapper .accordion-item .accordion-header .accordion-button:before{
    display: none;
}
.mobile-app-development-wrapper .heading-section .heading{
    color: var(--bs-black);
}
.mobile-faq-wrap .accordion-item{
    animation-name: fadeInUp;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
    margin-top: -25px;
    border-top: 1px solid #ddd;
    z-index: 11;
    position: relative;
}
.mobile-faq-wrap .accordion-item:last-child{
    border-radius: 30px 30px 0px 0px;
}
.mobile-faq-wrap .accordion-item .accordion-button{
        padding-bottom: 45px;
        font-weight: 600;
        font-size: 18px;
}
.acc_count{
    padding-right: 10px;
}
.mobile-faq-wrap .accordion-item .accordion-body{
        padding-bottom: 45px;
}
.mobile-faq-wrap .accordion-button[aria-expanded="true"]{
    padding-bottom: 15px;
}
.mobile-app-development-wrapper .parent-accordion{
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.mobile-faq-wrap .accordion-item:first-child{
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.mobile-faq-wrap .accordion-item:first-child .accordion-button{
    color: var(--bs-white);
}
.mobile-faq-wrap .accordion-item:first-child:not(.parent-accordion) .accordion-button{
     color: var(--bs-black);
}
.mobile-faq-wrap .accordion-item:first-child:not(.parent-accordion) .accordion-button[aria-expanded="true"]{
     color: var(--bs-white);
}
.mobile-app-development-wrapper .parent-accordion .accordion-button{
    color: var(--bs-white);
}
.mobile-faq-wrap .accordion-item:last-child{
    border-radius: 30px 30px 30px 30px;
}
.mobile-faq-wrap .accordion-item:last-child .accordion-button {
    padding-bottom: 20px;
}
.mobile-development-process-wrapper{
    background-color: var(--bs-grey);
}
.development-heading-section{
        position: sticky;
    top: 100px;
}
.m_step_icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.m_step_icon svg {
    height: 100%;
    width: 100%;
}
.m_step_des{
        width: calc(100% - 60px);
}
.mobile-step-wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.m_step_des{
        width: calc(100% - 50px);
}
.m_step_title{
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}
.mobile-why-choose-wrap {
    margin-top: 10px;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 25px 15px;
    height: calc(100% - 10px);
    box-shadow: 4px 8px 24px 0px #00000014;
    transition: .5s;
    position: relative;
    padding-bottom: 25px;
}
.mobile-why-choose-wrap:hover{
    box-shadow: none;
}
.mobile-choose-icon-wrap{
    height: 80px;
    width: 80px;
    border: 1px solid var(--bs-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px;
}
.mobile-choose-icon-wrap svg, .mobile-choose-icon-wrap img {
    height: 35px;
    width: 35px;
}
.mobile-choose-icon-wrap svg path{
    fill: var(--bs-yellow);
}
.mobile_why_choose_title{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}
.mobile-why-choose-wrap a.post-btn{
    position: absolute;
    bottom: 25px;
}
.mobile-why-choose-wrap p{
        font-size: 14px;
    line-height: 24px;
}
/*==================== Mobile App Development CSS END ====================*/
/*==================== iOs Development CSS  ====================*/
.ios-banner-home{
    height: 100vh;
    background-color: rgb(214 149 0 / 10%);
    overflow: hidden;
    position: relative;
}
.mobile-inner-content {
    padding: 50px 15px;
}
.ios-col-wrap{
    position: relative;
}
.ios-col-wrap:before{
    content: '';
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-image: url('../img/app-store.png');
    left: 20%;
    top: -128px;
    animation: zoomBig 3s linear infinite;
}
.ios-col-wrap:after{
    content: '';
    position: absolute;
        height: 140px;
    width: 125px;
    background-size: cover;
    background-image: url('../img/tv.png');
    right: 20%;
    top: -143px;
    animation: zoomBig 3s linear infinite;
}
.ios-inner-content{
    position: relative;
}
.ios-inner-content:before{
    content: '';
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-image: url('../img/icon.png');
    left: -20px;
    bottom: -70px;
    animation: zoomBig 3s linear infinite;
}
.ios-inner-content:after{
    content: '';
    position: absolute;
    height: 130px;
    width: 115px;
    background-size: cover;
    background-image: url('../img/music.png');
    right: -20px;
    bottom: -70px;
    animation: zoomBig 3s linear infinite;
}
.ios-banner-home:after{
    content: '';
    position: absolute;
    height: 130px;
    width: 115px;
    background-size: cover;
    background-image: url('../img/iphone-messages-app.png');
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 70px;
    animation: zoomBig 3s linear infinite;
}
.ios-ex-wrap {
        padding: 30px 25px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.ios-ex-details .col-lg-12 .ios-ex-wrap{
    margin-bottom: 0px;
    text-align: center;
}
.ex-total-number {
    font-size: 32px;
    font-weight: 800;
    padding-bottom: 10px;
}
.ios-ex-wrap p{
    font-size: 18px;
}
.ios-content-wrap p{
    font-size: 15px;
    padding-right: 90px;
}
.dev-services_details {
    padding: 25px 20px;
    box-shadow: 4px 8px 24px 0px #0000000F;
    border-radius: 15px;
    margin-bottom: 20px;
    background-color: var(--bs-white);
    transition: 0.5s;
    border: 1px solid transparent;
}
.dev-services_details:hover {
    border-color: var(--bs-yellow);
    box-shadow: none;
}
.dev-icon-wrap {
    margin-bottom: 15px;
}
.dev-icon-wrap img, .dev-icon-wrap svg{
        height: 45px;
    width: 45px;
}
.dev-icon-wrap svg path{
    fill: var(--bs-yellow);
}
.dev-title{
        font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ios-content-wrap{
    position: sticky;
    top: 200px;
}
.ios-cta-wrap .heading span{
    color: var(--bs-yellow);
}
.ios-cta-wrap .heading{
    font-size: 38px;
}
.page-template-template-ios-development .portfolio-wrapper{
    padding-top: 80px !important;
}
.ios-process-type-wrap{
    padding: 25px 20px;
    border: 2px solid #ddd;
    border-radius: 15px;
    position: relative;
    height: calc(100% - 10px);
}
.ios-process-title {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0px 10px;
}
.ios-process1{
    border:2px solid #D69500;
}
.ios-process2{
    border:2px solid #EF5DA8;
}
.ios-process3{
    border:2px solid #13D1D8;
}
.ios-process-count{
    position: absolute;
    right: 15px;
    top: -30px;
    height: 50px;
    width: 50px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ios-process1 .ios-process-count{
    background-color: #F7EACC;
    color: #D69500;
}
.ios-process2 .ios-process-count{
    background-color: #FCDFEE;
    color: #EF5DA8;
}
.ios-process3 .ios-process-count{
    background-color: #E5F7F8;
    color: #13D1D8;
}
.ios-process-count p{
        font-size: 22px;
    font-weight: 700;
}
.ios-second-cta-section .container{
    background-color: var(--bs-lightyellow);
}
.ios-second-cta-wrap {
    padding: 50px 25px 50px 50px;
}
.ios-second-cta-wrap p{
    font-size: 18px;
}
.ios-second-cta-wrap p strong{
    color: var(--bs-yellow);
}
.ios-second-cta-img-wrap img{
    max-width: 70%;
    margin: auto;
    display: table;
}
.ios-development-type-wrap {
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 30px 30px 0px 30px;
    position: relative;
    margin-top: 15px;
    height: calc(100% - 15px);
    transition: 0.5s;
}
.ios-development-icon {
    height: 80px;
    width: 80px;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 30px 0px 30px;
}
.ios-development-title {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0px 10px;
}
.ios-development-icon{
    transition: 0.5s;
}
.ios-development1 .ios-development-icon{
        background-color: #fee0ed;
}
.ios-development2 .ios-development-icon{
    background-color: #F4F2FF;
}
.ios-development3 .ios-development-icon{
    background-color: #EBFFF0;
}
.ios-development4 .ios-development-icon{
    background-color: #FFF8F4;
}
.ios-development-type-wrap p{
    font-size: 14px;
}
.ios-development1:hover{
    background-color: #FFE9F2;
    border-color: #FD5299;
}
.ios-development1:hover .ios-development-title{
    color: #FD5299;
}
.ios-development1:hover .ios-development-icon{
    background-color: #FD5299;
}
.ios-development1:hover .ios-development-icon svg path{
    fill: var(--bs-white);
}
.ios-development2:hover{
    background-color:#F4F2FF;
    border-color: #846EF7;
}
.ios-development2:hover .ios-development-title{
    color: #846EF7;
}
.ios-development2:hover .ios-development-icon{
    background-color: #846EF7;
}
.ios-development2:hover .ios-development-icon svg path{
    fill: var(--bs-white);
}

.ios-development3:hover{
    background-color:#EBFFF0;
    border-color: #60DA83;
}
.ios-development3:hover .ios-development-title{
    color: #60DA83;
}
.ios-development3:hover .ios-development-icon{
    background-color: #60DA83;
}
.ios-development3:hover .ios-development-icon svg path{
    fill: var(--bs-white);
}

.ios-development4:hover{
    background-color:#FFF8F4;
    border-color: #F3AC79;
}
.ios-development4:hover .ios-development-title{
    color: #F3AC79;
}
.ios-development4:hover .ios-development-icon{
    background-color: #F3AC79;
}
.ios-development4:hover .ios-development-icon svg path{
    fill: var(--bs-white);
}
.ios-why-choose-section{
    background-color: #FCF8ED;
}
.ios-choose-type-wrap{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    padding: 15px;
    box-shadow: 0px 4px 72px 0px #0101010F;
    border: 1px solid var(--bs-yellow);
    border-radius: 15px;
    margin-bottom: 45px;
    max-width: 70%;
    position: relative;
    height: 115px;
}
.ios_why_choose2{
        width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
}
.ios_why_choose2 .ios-choose-type-wrap{
    justify-content: end;
    width: 100%;
}
.ios-choose-type-icon {
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ios-choose-content{
    width: calc(100% - 55px);
}
.ios_short_description {
    position: absolute;
    left: 62%;
    visibility: hidden;
    z-index: 111;
    color: #000;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    width: 65%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ios-choose-type-wrap:hover .ios_short_description {
    visibility: visible;
    opacity: 1;
}
.ios-choose-type-wrap:hover .ios-development-title{
    opacity: 0;
}
.invest-midle-image {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 11;
}
.invest-midle-image img{
    max-width: 70%;
}
.invest-midle-image{
    position: relative;
}
.invest-midle-image a.btn{
    position: absolute;
    bottom: 0;
}
.ios-choose-type1:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line1.png');
    right: -97%;
    top: 42px;
    background-size: contain;
    background-repeat: no-repeat;
}
.ios-choose-type2:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line1.png');
    right: -97%;
    top: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(349deg);
}
.ios-choose-type3:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line1.png');
    right: -97%;
    top: -5px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(331deg);
}
.ios-choose-type4:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line2.png');
    left: -97%;
    top: 42px;
    background-size: contain;
    background-repeat: no-repeat;
}
.ios-choose-type5:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line2.png');
    left: -97%;
    top: 25px;
    background-size: contain;
    background-repeat: no-repeat;
        transform: rotate(2deg);
}
.ios-choose-type6:before {
    position: absolute;
    content: '';
    height: 102px;
    width: calc(100% - 4%);
    background-image: url('../img/line2.png');
    left: -97%;
    top: -5px;
    background-size: contain;
    background-repeat: no-repeat;
        transform: rotate(30deg);
}
.ios-cta-section{
    padding-bottom: 190px;
}
/*==================== iOs Development CSS END ====================*/
/*==================== Android Development CSS ====================*/
.android-banner-section{
    height: auto;
/*    background-color: rgb(214 149 0/10%);*/
    overflow: hidden;
    position: relative;
}
.android-banner-wrap{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: end;
}
.android-bannar-img-wrap {
    margin-top: 60px;
}
.android-inner-content {
    padding-top: 150px;
}
.android-banner-section:before{
    content: '';
    position: absolute;
    background-image: url('../img/android.webp');
    height: 315px;
    width: 183px;
    background-size: contain;
    background-position: right;
    right: 0;
    background-repeat: no-repeat;
    top: 30%;
    animation: float-bob-y-2 3s linear 0s infinite;
}
.android-banner-section:after{
    content: '';
    position: absolute;
    background-image: url('../img/circle-line.webp');
    height: 170px;
    width: 90px;
    background-size: contain;
    background-position: left;
    left: 0;
    background-repeat: no-repeat;
    top: 40%;
}
.android-partner-logo-wrap .container {
    background-color: var(--bs-lightyellow);
    border-radius: 15px;
    padding: 40px;
}
.android-services-type-wrap {
    display: flex;
    gap: 10px;
    box-shadow: 0px 4px 72px 0px #0101010D;
    border-radius: 15px;
    padding: 30px 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    background-color: var(--bs-white);
    transition: 0.5s;
    border:1px solid transparent;
}
.android-services-type-wrap:hover{
    border-color: var(--bs-yellow);
}
.android-services-type-wrap:hover .android-service-title{
    color: var(--bs-yellow);
}
.android-service-icon{
    width: 60px;
    height: 80px;
}
.android-service-content{
    width: calc(100% - 60px);
}
.android-service-icon svg, .android-service-icon img{
        height: 50px;
    width: 50px;
}
.android-service-title{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
}
.android-services6{
    background-color: var(--bs-yellow);
    color: var(--bs-white);
    position: relative;
}
.android-services6:before{
    position: absolute;
    content: '';
    background-image: url('../img/repairing-service.webp');
    height: 115px;
    width: 114px;
    background-size: contain;
    background-position: right;
    right: 0;
    bottom: 45px;
    background-repeat: no-repeat;
}
.android-services6 .android-service-title{
    color: var(--bs-white) !important;
}
.android-services6 a.white-btn:hover{
    border-color: var(--bs-white);
}
.android-total-strength {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ddd;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 10px;
}
.android-count-wrap {
    padding-left: 15px;
}
.android-counter {
    font-size: 32px;
    font-weight: 700;
}
.android-count-wrap p{
        font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
}
.android-result-section .flex-row-reverse{
    margin-top: 45px;
}
.android-result-section .heading-section{
    padding-right: 50px;
}
.second_results_details .heading-section{
    padding-left: 50px;
    padding-right: 0px;
}
.android-cta-wrap h3 span{
    color: var(--bs-yellow);
}
.android-process-section{
    background-color: var(--bs-lightyellow);
    position: relative;
}
.android-process-section:after{
    content: '';
    position: absolute;
    background-image: url('../img/circle-line.webp');
    height: 80px;
    width: 60px;
    background-size: contain;
    background-position: left;
    left: 0;
    background-repeat: no-repeat;
    top: 10%;
}
.process-types-wrap {
    padding: 25px 15px;
    background-color: var(--bs-white);
    border-radius: 15px;
    margin-top: 10px;
    height: calc(100% - 10px);
    transition: 0.5s;
    border:1px solid transparent;
    position: relative;
}
.process-types-wrap:after {
    position: absolute;
    right: 0;
    bottom: -61px;
    content: "";
    width: 200px;
    height: 5px;
    border-top: 5px dashed var(--bs-yellow);
    opacity: 0;
    left: -4px;
    right: 0;
    margin: auto;
    z-index: 1;
}
.process-types-wrap:hover{
    border-color: var(--bs-yellow);
}
.process-types-wrap:hover:after{
    opacity: 1;
}
.process-types-title{
        font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    transition: 0.5s;
}
.process-types-title span{
    color: var(--bs-yellow);
    padding-right: 10px;
}
.process-types-wrap:hover .process-types-title{
    color: var(--bs-yellow);
}
.process-types-wrap ul{
        list-style: disc;
    padding-left: 25px;
}
.process-types-wrap ul li{
    color:  var(--bs-black);
    font-size: 14px;
    padding-bottom: 10px;
}
.process-types-wrap ul li:last-child{
    padding-bottom: 0px;
}
.process-types-wrap ul li::marker {
  color: #939393;
}
.process-border-bottom {
    width: 100%;
    height: 2px;
    display: inline-block;
    /* background-color: var(--tolak-base, #3d72fc); */
    position: relative;
    top: 0px;
    margin-top: 55px;
    border-top: 5px dashed #ddd;
}
/* .process-border-bottom:after {
    position: absolute;
    right: 0;
    top: -5px;
    content: "";
    width: 200px;
    height: 5px;
    animation: zumpX 10s linear infinite;
    border-top: 5px dashed var(--bs-yellow);
} */
.android-feature-types-wrap {
    background-color: var(--bs-white);
    box-shadow: 0px 6px 24px 0px #0101010A;
    margin-bottom: 31px;
    height: calc(100% - 30px);
    padding: 25px 15px;
    border-radius: 15px;
    transition: 0.5s;
}
.android-feature-title {
    font-size: 20px;
    font-weight: 600;
    max-width: 200px;
    line-height: 26px;
    padding: 15px 0px 10px;
}
.android-feature-icon{
    height: 70px;
    width: 70px;
    background-color: var(--bs-lightyellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.android-feature-icon svg, .android-feature-icon img{
    height: 45px;
    width: 45px;
}
.android-feature-types-wrap:hover{
    background-color: var(--bs-lightyellow);
}
.android-feature-types-wrap:hover .android-feature-icon{
    background-color: var(--bs-lightyellow);
}
.android-why-choose-wrap {
    background-color: var(--bs-white);
    padding: 25px 15px;
    border-radius: 15px;
    margin-top: 25px;
    height: calc(100% - 25px);
}
.android-why-choose-title{
    font-size: 20px;
    font-weight: 600;
    max-width: 200px;
    line-height: 26px;
    padding: 15px 0px 10px;
}
.android-why-choose-icon{
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.android-why-choose-icon svg, .android-why-choose-icon img{
    height: 45px;
    width: 45px;
}
.why-choose-front-image {
    margin-top: 50px;
}
.android-user-section{
    background-color: #2F2E2E;
}
.sub-head {
    color: var(--bs-yellow);
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 4px 1px #674d12;
}
.user-heading-section .heading {
    margin-top: 20px;
    font-size: 42px;
}
.android-user-content {
    /* background-image: url(//revamp.dev-story.com/wp-content/themes/dev/css/../img/bg.webp); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 72%;
    height: 126px;
    color: var(--bs-white);
    display: flex;
    align-items: center;
    padding: 20px 15px 20px;
    font-size: 20px;
    line-height: 28px;
    font-style: italic;
    background: var(--bs-yellow);
    border-radius: 15px;
    margin-top: 15px;
}
.user-image-wrap{
    text-align: center;
}
.user-image-wrap img{
    max-width: 65%;
    margin: auto;
    text-align: center;
}
.page-template-template-andriod .portfolio-wrapper{
    padding-top: 80px !important;
}
.android-cta-section .container{
    background-color: var(--bs-black);
    padding: 50px 0px;
    border-radius: 15px;
    color: var(--bs-white);
}
.page-template-template-andriod .home-blog-sec{
    padding-top: 0px;
}
/*==================== Android Development CSS END ====================*/
/*==================== UIUX Development CSS  ====================*/
.uiux-banner-section{
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: var(--bs-white);
}
.uiux-col-wrap {
    position: relative;
    margin-top: 185px !important;
}
.uiux-col-wrap:before {
    content: '';
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-image: url('../img/ui.png');
    left: -60px;
    top: -70px;
    animation: zoomBig 3s linear infinite;
}
.uiux-col-wrap:after{
    content: '';
    position: absolute;
    height: 130px;
    width: 115px;
    background-size: cover;
    background-image: url('../img/ps.png');
    right: -60px;
    top: -70px;
    animation: zoomBig 3s linear infinite;
}
.ios-inner-content{
    position: relative;
}
.uiux-inner-content:before{
    content: '';
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-image: url('../img/ai.png');
    left: -20px;
    bottom: -70px;
    animation: messageMove 3s linear 0s infinite;
}
.uiux-inner-content:after{
    content: '';
    position: absolute;
    height: 130px;
    width: 115px;
    background-size: cover;
    background-image: url('../img/dymond.png');
    right: -20px;
    bottom: -70px;
    animation: messageMove 3s linear 0s infinite;
}
.uiux-banner-btn-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.uiux_banner_video_wrap {
    margin-top: 100px;
    padding-bottom: 50px;
}
.uiux_banner_video_wrap video {
    width: 100%;
    height: 450px;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}
.uiux-inner-content .banner-des span {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid var(--bs-black);
}
.uiux-experience-wrapper{
    background-color: var(--bs-lightyellow);
}
.ui-experience_details{
        background-color: var(--bs-white);
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    transition: 0.3s;
}
.ui-experience_details:hover {
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.uiux-icon-wrap {
    height: 60px;
    width: 60px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    transition: 0.3s;
}
.uiux-icon-wrap svg, .uiux-icon-wrap img{
    height: 35px;
    width: 35px;
}
.uiux-icon-wrap svg path{
    fill: var(--bs-white);
}
.ui-experience_details:hover .uiux-icon-wrap {
    background-color: var(--bs-white);
}
.ui-experience_details:hover .uiux-icon-wrap svg path{
    fill: var(--bs-yellow);
}
.uiux-title-wrap {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.uiux-content-wrap {
    position: sticky;
    top: 100px;
}
.uiux-impact-wrapper{
    background-color: #F7F7F7;
}
.uiux-impact-img-details img {
    max-width: 66%;
    margin: auto;
    display: block;    
    animation: messageMove 3s linear 0s infinite;
}
.uiux-impact-wrap li {
    padding: 10px;
    border: 1px solid var(--bs-yellow);
    background-color: var(--bs-lightyellow);
    margin-bottom: 20px;
    border-radius: 35px;
    position: relative;
    padding-left: 45px;
}
.uiux-impact-wrap li:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    top: 20px;
    left: 20px;
}
.uiux-impact-wrap li:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    top: 13px;
    left: 12px;
    opacity: .24;
}
.uiux-impact-img-details {
    position: relative;
}
.uiux-impact-img-details p {
    position: absolute;
    top: 100px;
    background-color: var(--bs-yellow);
    padding: 20px 30px;
    border-radius: 30px 30px 0px 30px;
    left: 70px;
    color: var(--bs-white);
    font-weight: 600;
}
.uiux-impact-wrap{
    position: relative;
}
.transparent-text{
        position: absolute;
    top: -40px;
    right: -60px;
    font-size: 98px;
    font-weight: 700;
    opacity: 0.8;
    color: #EFEFEF;
}
.uiux-award-logo-wrap{
    position: relative;
}
.uiux-award-logo-wrap img{
        max-width: 70%;
    margin: auto;
    display: block;
    align-items: center;
}
.uiux-award-logo-wrap:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: var(--bs-lightgrey);
    right: -15px;
    top: 0;
}
.uiux-award-logo-wrap4:after{
    display: none;
}
.uiux-services-details {
    box-shadow: 0px 4px 24px 0px #0101010D;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    overflow: hidden;
}
.uiux_service_type {
    border: 1px solid #e5e5e5;
    position: relative;
    height: 100%;
    padding: 30px 15px;
    background-color: var(--bs-white);
}
.uiux-service-icon-wrap {
    position: absolute;
    left: 15;
}
.uiux-service-icon-wrap svg, .uiux-service-icon-wrap img{
    height: 35px;
    width: 35px;
}
.uiux-service-content {
    padding-left: 60px;
}
.uiux-service-title-wrap {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.uiux-service-wrapper .container{
    position: relative;
}
.uiux-service-img-wrap {
    width: calc(100% + 265px);
    margin-top: 50px;
}
.title-wrap{
     font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.uiux-process-content-wrap {
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
}
.uiux-process-content-wrap ul li {
    position: relative;
    padding-left: 25px;
}
.uiux-process-content-wrap ul li:before{
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    background-image: url('../img/tick.webp');
        left: 0;
    top: 9px;
    background-size: cover;
    background-repeat: no-repeat;
}
.uiux-process-content-wrap .title-wrap{
    color: var(--bs-yellow);
}
.uiux-process-img-wrap{
    text-align: center;
}
.uiux_agency_details {
    background-color: var(--bs-white);
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    transition: .3s;
    border-bottom: 3px solid var(--bs-yellow);
}
.uiux_agency_details .title-wrap{
	padding-right:40px;
}
.uiux-agency-icon-wrap {
    height: 60px;
    width: 60px;
    border:1px solid  var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    transition: .3s;
}
.uiux-agency-icon-wrap svg path{
    fill: var(--bs-yellow);
}
.uiux-agency-icon-wrap svg, .uiux-agency-icon-wrap img {
    height: 35px;
    width: 35px;
}
.uiux_agency_details:hover {
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.uiux_agency_details:hover .uiux-agency-icon-wrap {
    background-color: #ffc33945;
}
.uiux_agency_details:hover .uiux-agency-icon-wrap svg path{
    fill: var(--bs-white);
}
.uiux_total_number_wrap {
    text-align: center;
    background: #002171;
    padding: 40px 15px;
    color: var(--bs-white);
    border-radius: 25px;
    margin-top: 24px;
}
.uiux_total_number {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 5px;
}
.uiux-expertise-wrapper{
    background-position: right -150px center;
    background-repeat: no-repeat;
    background-color: #010101;
}
.uiux-expertise-details{
    padding-right: 25px;
}
.uiux-expertise-details .heading{
    font-size: 32px;
}
.uiux_expertise_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.uiux_expertise_type {
    text-align: center;
    padding: 20px 25px;
    background-color: rgb(255 255 255/20%);
    border-radius: 15px;
    width: calc(100%/3);
    margin-top: 15px;
    height: calc(100% - 15px);
}
.uiux_expertise_icon img, .uiux_expertise_icon svg{
    height: 32px;
    width: 32px;
}
.uiux_expertise_type p{
    line-height: 22px;
    margin-top: 10px;
    font-size: 14px;
}
.uiux-technology-section{
    background-color: var(--bs-lightyellow);
}

.uiux-tab-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
}
.uiux-tab-wrap .uiux_technology_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    padding: 15px;
    height: 80px;
    margin-bottom: 25px;
    border-radius: 15px;
    box-shadow: 0px 4px 16px 0px #0000000A;
    width: calc(100% / 6);
    background-color: #FAFAFA;
        border-radius: 50px;
}
.uiux_technology_name {
    font-weight: 600;
    font-size: 17px;
}
.uiux_technology_icon{
    height: 65px;
    width: 65px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 4px 16px 0px #00000014;
}
.uiux_technology_icon img, .uiux_technology_icon svg {
    animation: zoomBig 3s linear infinite;
    height: 40px;
    width: 45px;
}
.uiux_industries_type {
    text-align: center;
    /* padding: 25px 15px; */
    background-color: #ddd;
    height: 145px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(180deg, #F9F9F9 0%, #EDEDED 100%);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);
    justify-content: center;
    transition: 0.3s;
}
.uiux_industries_type  p{
    padding-top: 10px;
}
/*.industries-col1, .industries-col5, .industries-col11{
    padding-top: -15px;
}
.industries-col2, .industries-col6, .industries-col10{
    padding-top: 15px;
}
.industries-col4, .industries-col8, .industries-col2{
    padding-top: 15px;
}*/
.uiux_industries_icon svg path{
    fill: var(--bs-yellow);
    transition: 0.3s;
}
.uiux_industries_type:hover{
    background: var(--bs-yellow);
}
.uiux_industries_type:hover .uiux_industries_icon svg path{
     fill: var(--bs-white);
}
.uiux_industries_type:hover  p{
    color: var(--bs-white);
}
.uiux-cta-section .container{
    padding: 80px 15px;
    border-radius: 20px;
}
.uiux-total_percentage {
    padding: 25px 30px;
    width: 51%;
    color: var(--bs-white);
    background-color: var(--bs-yellow);
    margin-bottom: 15px;
    border-radius: 15px;
    margin: 0px auto 15px;
}
.total_percentage_title {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 15px;
}
.uiux-total_percentage p{
    line-height: normal;
}
.uiux-cta-wrap{
    padding-left: 50px;
}
.uiux-cta-wrap ul {
    display: flex;
    align-items: center;
    gap: 23px;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}
.uiux-cta-wrap ul li{
    padding: 10px 25px;
    background-color: var(--bs-black);
    border-radius: 10px;
}
.uiux-model-tab-wrap{
    height: 500px;
    border-radius: 20px;
    width: calc(100% + 13%);
    display: flex;
    align-items: end;
    padding: 50px;
}
.uiux-model-type-details ul{
    border-bottom: none;
}
.uiux-model-type-details li{
        width: 100%;
    margin-bottom: 15px;
    border-radius: 15px;
}
.uiux-model-type-details .nav-tabs .nav-link {
    background-color: var(--bs-yellow);
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: var(--bs-white);
    font-weight: 600;
    padding: 30px 25px;
    color: var(--bs-black);
        box-shadow: 0px 4px 24px 0px #0101010D;
}
.uiux-model-type-details .nav-tabs .nav-link.active {
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.uiux-model-type-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uiux-model-content-wrap {
    padding: 15px;
    background-color: var(--bs-white);
    border-radius: 15px;
}
.uiux-model-count {
    font-size: 36px;
    opacity: 0.2;
}
.uiux-model-title{
    font-size: 24px;
}
.uiux-model-title {
    font-size: 24px;
    max-width: 40%;
}
.uiux-model-content-wrap ul{
    list-style: disc;
    padding-left: 15px;
}
.uiux-industries-wrapper{
    position: relative;
    margin-bottom: 65px;
}
.uiux-industries-wrapper:before{
    content: '';
    position: absolute;
    height: 245px;
    width: 100%;
    background-image: url('../img/bg.png');
        background-size: contain;
    background-repeat: no-repeat;
    background-position: left 90px center;
    z-index: -1;
    top: 50px;
}
/*==================== UIUX Development CSS END ====================*/
/*==================== Wesite Design Development CSS ====================*/
.wesite-banner-section {
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}
.wesite-banner-section:after{
     position: absolute;
    content: '';
        height: 380px;
    width: 290px;
    background-image: url('../img/ellipse.webp');
    right: 0;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.wesite-banner-section .container{
    z-index: 11;
}
.animated-line {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: calc(36% + 13vw);
}
.animated-line svg {
    width: 100%;
    height: 100%;
    display: flex;
}
.animated-line svg line{
    stroke-width: 2px;
    fill: #ddd;
}
.animated-line svg line#Green:nth-child(1){-webkit-animation: dash 20s infinite linear;animation: gap 20s infinite linear;}
        .animated-line svg line#Green:nth-child(2){-webkit-animation: dash 16s infinite linear;animation: gap-top 16s infinite linear;}
        .animated-line svg line#Green:nth-child(3){-webkit-animation: dash 18s infinite linear;animation: gap 18s infinite linear;}
        .animated-line svg line#Green:nth-child(4){-webkit-animation: dash 19s infinite linear;animation: gap-top 19s infinite linear;}
        .animated-line svg line#Green:nth-child(5){-webkit-animation: dash 17s infinite linear;animation: gap 17s infinite linear;}
        .animated-line svg line#Green:nth-child(6){-webkit-animation: dash 20s infinite linear;animation: gap-top 20s infinite linear;}
        .animated-line svg line#Green:nth-child(7){-webkit-animation: dash 20s infinite linear;animation: gap 20s infinite linear;}
        .animated-line svg line#Green:nth-child(2), .animated-line svg line#Green:nth-child(4), .animated-line svg line#Green:nth-child(6) {
            stroke-dasharray: 250, 753;
            stroke-dashoffset: 1000;
                stroke-width: 3px;
        }

        @keyframes gap-top {
            to {
                stroke-dashoffset: 0;
            }
        }
        @-moz-keyframes gap-top {
            to {
                stroke-dashoffset: 0;
            }
        }
        @-webkit-keyframes gap-top {
            to {
                stroke-dashoffset: 0;
            }
        }
        .animated-line svg line#Green:nth-child(3), .animated-line svg line#Green:nth-child(5), .animated-line svg line#Green:nth-child(7) {
            stroke-dasharray: 250, 753;
            stroke-dashoffset: 0;
        }

        @keyframes gap {
            to {
                stroke-dashoffset: 1000;
            }
        }
        @-moz-keyframes gap {
            to {
                stroke-dashoffset: 1000;
            }
        }
        @-webkit-keyframes gap {
            to {
                stroke-dashoffset: 1000;
            }
        }
.wesite_banner_right_side_image img{
        animation: bounce2 4s ease infinite;
}
.website-growth-section .container{
    position: relative;
}    
.website-growth-section .container:before{
    content: '';
    position: absolute;
    width: 80%;
    height: 100%;
    background-color: #EE9E82;
    border-radius: 20px;
    right: 0;
    top: 0;
    z-index: -1;
}  
.website-cta-section .container{
    padding: 50px;
    border-radius: 15px;
}
.website-cta-section .cta-heading span{
    display: inline-block;
}
.achievement_content_wrap {
    padding: 50px 50px 50px 0px;
    color: var(--bs-white);
}
.website_achievement_wrapper{
    background-color: #EEDED5;
    border-radius: 20px;
}
.website_achievement_wrapper {
    background-color: #eeded5;
    border-radius: 20px;
    text-align: center;
    padding: 20px 25px;
}
.website_achievement_details {
    padding: 20px 45px;
    text-align: center;
    border: 1px solid var(--bs-white);
    height: 100%;
}
.achievement_total_number {
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 10px;
}
.website_achievement_details p{
    line-height: 22px;
}
.website_achievement_wrapper .col-lg-6:nth-child(1) .website_achievement_details{
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.website_achievement_wrapper .col-lg-6:nth-child(2) .website_achievement_details{
    border-top: none;
    border-right: none;
    border-bottom: none;
}
.website_achievement_wrapper .col-lg-6:nth-child(3) .website_achievement_details{
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.website_achievement_wrapper .col-lg-6:nth-child(4) .website_achievement_details{
    border-bottom: none;
    border-right: none;
}
.website_services_wrap .accordion-item .accordion-header .accordion-button:before{
    display: none;
}
.website_services_wrap .accordion-item .accordion-header .accordion-button[aria-expanded=true]:before{
    display: none;
}
.service-title-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.web-service-icon {
    height: 50px;
    width: 50px;
    background: var(--bs-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.web-service-title {
    font-size: 18px;
    font-weight: 600;
}
.website_services_wrap {
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,.04);
    background-color: var(--bs-white);
    padding: 20px 10px;
    border-radius: 20px;
}
.website_services-faq-content{
    padding-left: 80px;
}
.website_services-faq-wrap .accordion-item{
    margin: 0px 15px;
    border: none;
    padding-bottom: 0px;
    border-bottom: 1px solid #ddd;
}
.website_services-faq-wrap .accordion-item:last-child{
    border: none;
}
.website_services-faq-wrap .accordion-button{
    padding-bottom: 5px;
}

.web-award-logo-wrap{
    position: relative;
}
.web-award-logo-wrap img{
        max-width: 70%;
    margin: auto;
    display: block;
    align-items: center;
}
.web-award-logo-wrap:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: var(--bs-lightgrey);
    right: -15px;
    top: 0;
}
.web-award-logo-wrap4:after{
    display: none;
}

.container2 {
  display: flex;
  height: 450px;
  gap: 10px;
}
.web_app_slider .slick-slide{
    padding: 10px;
}
.section {
    display: flex !important;
    justify-content: center;
    align-items: end;
    height: 450px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
    transition: flex .4s ease;
    position: relative;
    border-radius: 20px;
    padding: 40px 30px;
}
.section .overlay {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 92%) 100%);
}
.section-content-wrap{
    position: relative;
    z-index: 11;
}
.web_app_title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
    color: var(--bs-yellow);
}
/* .web_app_title:before{
    content: '';
    position: absolute;
    height: 2px;
    width: 80px;
    background-color: var(--bs-white);
    bottom: 15px;
    left: 0;
    bottom: 0;
} */
/* 
.section .content-wrap {
    z-index: 2;
    position: absolute;
    bottom: 92px;
    transform: rotate(270deg);
}

.section:hover {
  flex: 2;
}
.section:hover  .content-wrap {
  display: none;
}
.section-content-wrap{
    visibility: hidden;
    opacity: 0;
}
.section:hover .section-content-wrap{
    visibility: visible;
    opacity: 1;
}
.section:hover .overlay {
  background-color: rgba(0, 0, 0, 0.95);
}
.web_app_title{
    font-size: 18px;
    font-weight: 600;
}
.section-content-wrap p{
    font-size: 14px;
    line-height: 24px;
} */
.web_security_title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
	color:var(--bs-yellow);
}
.web_security_content_wrap p {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.web_security_content_wrap ul{
        list-style: disc;
    padding-left: 20px;
}
.web_security_img_wrap img {
    border-radius: 30px;
}
.website-why-choose-wrapper{
    background-color: #FAFAFA;
}
.website_why-choose_details {
    background-color: var(--bs-white);
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px 50px;
    border-radius: 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    transition: .3s;
    text-align: center;
    position: relative;
}
.website_why-choose_details:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 80px;
    background-color: var(--bs-yellow);
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}


.website_why-choose-icon-wrap {
    height: 60px;
    width: 60px;
    border: 1px solid var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    transition: .3s;
    margin: auto;
    margin-bottom: 15px;
}

.website_why-choose-icon-wrap svg path {
    fill: var(--bs-yellow)
}

.website_why-choose-icon-wrap svg,.website_why-choose-icon-wrap img {
    height: 35px;
    width: 35px
}

/*.website_why-choose_details:hover {
    background-color: var(--bs-yellow);
    color: var(--bs-white)
}*/

.website_why-choose_details:hover .website_why-choose-icon-wrap {
    background-color: var(--bs-yellow);
}

.website_why-choose_details:hover .website_why-choose-icon-wrap svg path {
    fill: var(--bs-white)
}

.web-model_details {
    background-color: var(--bs-white);
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px;
    border-radius: 15px;
    margin-bottom: 10px;
    height: calc(100% - 25px);
    transition: .3s;
    color: var(--bs-black);
}

.web_m-icon-wrap {
    height: 60px;
    width: 60px;
    border: 1px solid var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    transition: .3s
}

.web_m-icon-wrap svg path {
    fill: var(--bs-yellow)
}

.web_m-icon-wrap svg,.web_m-icon-wrap img {
    height: 35px;
    width: 35px
}

.website-model-details .nav-link.active .web-model_details {
    background-color: var(--bs-yellow);
    color: var(--bs-white)
}
.website-model-details .nav-link.active .web-model_details .web_m-icon-wrap {
    background-color: var(--bs-white);
}

.web-model_details:hover .web_m-icon-wrap {
    background-color: var(--bs-white);
}
.website-model-content-wrap{
        display: flex;
    align-items: inherit;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;
}

/*.web-model_details:hover .web_m-icon-wrap svg path {
    fill: var(--bs-white)
}*/
.website-model-details ul li a{
    border: none !important;
    padding: 0;
}
.website-model-details ul li a:hover{
    border: none;
}
.website-model-details .nav-tabs .nav-link.active{
    border: none;
}
.website-model-img-wrap{
    border-radius: 20px;
    overflow: hidden;
    padding: 0px 15px 15px 0px;
    position: relative;
}
.website-model-img-wrap img{
    border-radius: 20px;
}
.website-model-img-wrap:before{
    content: '';
    position: absolute;
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    border:1px solid var(--bs-yellow);
    background-color: transparent;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    z-index: -1;
}
.industries-row>div:nth-child(4n + 2), .industries-row>div:nth-child(4n + 4) {
        top: 75px;
    position: relative;
}
.page-template-template-website .home-blog-sec{
    padding-top: 0px;
}
/*==================== Wesite Design Development CSS END ====================*/
/*==================== AI Development CSS  ====================*/
.ai-banner-section {
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative
}
.ai_banner_right_side_image{
    text-align: right;
    max-width: 67%;
    float: right;
    position: relative;
}
.ai_banner_right_side_image:before{
    content: '';
    position: absolute;
    background-image: url('../img/robot-new.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
       height: 250px;
    width: 198px;
    top: 0;
    left: -160px;
    z-index: 1;
        animation: bounce2 4s ease infinite;
}
.ai_banner_right_side_image img {
    border-radius: 20px;
    z-index: 11;
    position: relative;
}
.ai_achievement_wrapper {
    background-color: #0C0C0C;
    padding: 90px 50px 10px;
    border-radius: 30px;
    width: 115%;
    z-index: 1;
    position: relative;
}
.ai_achievement_wrapper:before{
    content: '';
    position: absolute;
    background-image: url('../img/robot.png');
    height: 100px;
    width: 115px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -46px;
    top: 10px;
    animation: messageMove 3s linear 0s infinite;
}
.ai_achievement_wrapper:after{
    content: '';
    position: absolute;
    background-image: url('../img/white-bg.webp');
    height: 100px;
    width: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -20px;
    top: 70px;
    z-index: 111;
}
.ai_total_number {
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 20px;
}
.ai_achievement_title_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ai_achievement_icon{
        height: 40px;
    width: 40px;
    background-color: var(--bs-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.ai_achievement_icon img, .ai_achievement_icon svg {
    height: 25px;
    width: 25px;
}
.ai_achievement_icon svg path{
    fill: var(--bs-white);
}
.ai_achievement_details.text-white {
    margin-bottom: 100px;
}
.ai_content_wrap {
    background-color: #ece8df;
    padding: 35px 50px 35px 60px;
    margin-left: 34px;
    border-radius: 30px;
}
.ai-service-title-wrap li.nav-item{
    width: 100%;
}
.ai-service-title-wrap li.nav-item a {
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid var(--bs-black); !important;
    position: relative;
}
.ai-service-title-wrap li.nav-item a:after{
     content: '';
    position: absolute;
    background-image: url('../img/circle-arrow.svg');
    height: 25px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 20px;
    z-index: 111;
}
.ai-service-title-wrap li.nav-item a.active {
    background: 0 0 !important;
    border-color: var(--bs-black);
}
.ai_services_title {
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-black);
}
.ai-service-title-wrap li.nav-item a.active .ai_services_title{
    color: var(--bs-yellow);
}
.ai-services-content-wrap{
    height: 550px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: end;
    padding: 20px;
    flex-direction: column;
    justify-content: end;
    color: var(--bs-white);
    position: relative;
}
.ai-services-content-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #1e1e1e7a;
    top: 0;
    left: 0;
    z-index: 1;
}
.ai-services-content-wrap>div, .ai-services-content-wrap p{
    position: relative;
    z-index: 11;
}
.ai-expertise-section{
    background-color: var(--bs-lightyellow);
}
.ai_expertise_title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    font-style: italic;
}
.ai_expertise_title span{
    color: var(--bs-yellow);
}
.ai-expertise-section{
    position: relative;
}
.ai_expertise_content_wrap ul{
    padding: 20px 0px;
}
.ai-expertise-section:after{
    content: '';
    position: absolute;
    background-image: url('../img/hand.webp');
    height: 350px;
    width: 159px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 120px;
    bottom: 0px;
}
.page-template-template-ai .portfolio-wrapper{
    padding-top: 80px !important;
}
/* .page-template-template-ai .web-award-wrapper{
    padding-top: 0px !important;
} */
.ai-benefits-type-wrap {
    background-color: var(--bs-white);
    position: relative;
    text-align: center;
    padding: 40px 15px 20px;
    margin-top: 61px;
    height: calc(100% - 70px);
    border-radius: 20px;
}
.benefit-icon-wrap{
        position: absolute;
    left: 0;
    right: 0;
    top: -48px;
    height: 90px;
    width: 100px;
    margin: auto;
}
.ai-benefit-title {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0px 10px;
}
.ai-process-type-wrap {
    text-align: center;
    transition: 0.4s;
    position: relative;
}
.ai_process_type{
    position: relative;
}
.ai_process_type:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-image: url('../img/dot-line.webp');
    background-size: contain;
    background-position: center;
    top: 65px;
    left: 0;
    background-repeat: no-repeat;
    display: none;
}
.ai-process-icon-wrap {
    height: 100px;
    width: 100px;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 15px auto 15px;
    transition: 0.5s;
}
.ai-process-type-wrap:hover .ai-process-icon-wrap {
    background: var(--bs-yellow);
}
.ai-process-icon-wrap svg, .ai-process-icon-wrap svg{
    fill: var(--bs-white);
    height: 50px;
    width: 50px;
}
.ai-process-type-wrap:hover .ai-process-icon-wrap svg path{
    fill: var(--bs-white);
    stroke:white;
}
.ai-process-title {
    font-size: 18px;
    font-weight: 600;
}
.ai-models-title-wrap ul.nav{
    border: none;
}
.ai-models-title-wrap li.nav-item {
    width: 100%;
}
.ai-models-title-wrap .nav-link {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.ai-models-title-wrap .nav-link.active .ai-models-type-wrap{
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;    
    align-items: end;
    padding: 20px;
}
.ai-models-title-wrap .nav-link.active .ai-models-type-wrap .ai_models_title {
    color: var(--bs-white);
}
.ai-models-title-wrap .nav-link:not(.active) .ai-models-type-wrap {
    background-image: none !important;
    padding: 20px;
    margin-bottom: 0px;
    background-color: #F0F0F0;
}
.ai-models-title-wrap .nav-link:not(.active) .ai-models-type-wrap .ai_models_title{
    margin-bottom: 0px;
    color: var(--bs-lightblack);
}

.ai-model-content-wrap li {
    padding: 10px;
    border: 1px solid var(--bs-yellow);
    background-color: var(--bs-lightyellow);
    margin-bottom: 20px;
    border-radius: 35px;
    position: relative;
    padding-left: 45px
}

.ai-model-content-wrap li:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    top: 20px;
    left: 20px
}

.ai-model-content-wrap li:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    top: 13px;
    left: 12px;
    opacity: .24
}

.common_industries_type {
    text-align: center;
    background-color: var(--bs-white);
    height: 145px;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 4px 12px 0px rgb(2 2 2 / 16%);
    justify-content: center;
    transition: .3s;
    border-radius: 15px;
}

.common_industries_type p {
    padding-top: 10px;
    font-weight: 600;
}

.common_industries_icon svg path {
    fill: var(--bs-yellow);
    transition: .3s
}
.common-industries-wrapper
/*.ai_industries_type:hover {
    background: var(--bs-yellow)
}*/
.common-industries-type>div:nth-child(4n + 2), .common-industries-type>div:nth-child(4n + 4) {
    margin-top: 25px;
}
.common-industries-wrapper{
    position: relative;
    margin: 0px 0px 80px;
}
.common-industries-wrapper:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 50%;
    background-color: var(--bs-yellow);
    border-radius: 0 30px 30px 0;
    left: 0;
    top: 0;
    z-index: -1;
}
.common-why-choose-wrap{
        display: flex;
    align-items: center;
    gap: 15px;
}
.ai-choose-icon {
    height: 70px;
    width: 70px;
    background: var(--bs-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 4px 12px 0px rgb(2 2 2 / 16%);
}
.ai-why-choose-wrapper{
    background-color: #FBF4E5;
}
.ai-why-choose-title-wrap{
    background-color: var(--bs-white);
    padding: 20px 20px;
    width: calc(100% - 60px);
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 4px 12px 0px rgb(2 2 2 / 16%);
    transition: 0.5s;
    position: relative;
}
.ai-why-choose-des{
    display: none;
    transition: 0.5s;
}
.ai-why-choose-title-wrap:hover .ai-why-choose-des{
    display: block;
}
.ai-why-choose-title {
    
    font-size: 18px;
    font-weight: 700;
}
.ai-why-choose-type-wrap {
    margin-bottom: 20px;
}
.ai-why-choose-type-first-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 100px;
    margin-top: 45px;
}
.ai-why-choose-type-third-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 100px;
    margin-top: 45px;
}
.ai-why-choose-wrap{
    display: flex;
    align-items: self-start;
    gap: 15px;
    transition: 0.5s;
}
.ai-why-choose-type-first-wrap .ai-why-choose-wrap {
    flex-direction: row-reverse;
}
.ai-choose-icon svg path{
    fill: var(--bs-yellow);
}
.ai-why-choose-type-second-wrap .ai-why-choose-wrap {
    flex-direction: column;
    align-items: center;
}
.ai-why-choose-wrap:hover .ai-choose-icon{
    background-color: var(--bs-yellow);
}
.ai-why-choose-wrap:hover .ai-choose-icon svg path{
    fill: var(--bs-white);
}
/*==================== AI Development CSS END ====================*/
/*==================== On Demand Page Development CSS  ====================*/
.on-demand-banner-wrapper {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: var(--bs-lightyellow);
    padding-bottom: 60px;
}
.on-demand-banner-slider {
  position: relative;
}
.on-demand-banner-slider .slider {
  position: relative;
  z-index: 200;
  padding: 0 0px;
  margin: 2rem auto 0px;
  max-width: 100%;
  width: 100%;
}

.on-demand-banner-slider .slider .slick-slide {
  width: 400px;
  height: 500px !important;
  transition: transform .4s;
  position: relative; 
}


.on-demand-banner-slider .slider .slick-slide .item {
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    display: flex !important;
    align-items: end;
    justify-content: center;
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide {
    transform: scale(.4,.5) translate(611px);
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide.slick-center+.slick-slide {
    transform: scale(.6,.7) translate(-105px);
    z-index: 10;
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide.slick-center+.slick-slide+.slick-slide {
    transform: scale(.4,.5) translate(-611px);
    z-index: 5
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide.slick-active {
    transform: scale(.6,.7) translate(105px);
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide.slick-center {
    transform: scale(1);
    z-index: 30
}

.on-demand-banner-wrapper .on-demand-banner-slider .slick-center:after {
    opacity: 0
}
.banner-slider-item .h4{
    color: var(--bs-white);
    display: none;
        padding-bottom: 10px;
}
.on-demand-banner-wrapper .on-demand-banner-slider .slick-slide.slick-center .h4{
    display: block;
}
.on-demand-banner_content.text-center {
    padding-top: 100px;
}

.portfolio-block {
    padding: 25px;
    border-radius: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
/*    background: transparent linear-gradient(154deg, #000000 0%, #0D6897 100%) 0% 0% no-repeat padding-box;*/
}
/*
.portfolio-block img{
    height: 550px;
}*/


/* css animation vishnu */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root {
    --card-height: 40vw;
    --card-margin: 4vw;
    --card-top-offset: 1.5em;
    --numcards: 4;
    --outline-width: 0px;
    -card-top-offset-port: 0;
    --easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
}

#cardsService {
    /* padding-bottom: calc(var(--numcards) * var(--card-top-offset)); */
    /* Make place at bottom, as items will slide to that position*/
    /* margin-bottom: var(--card-margin); */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#cardsdemand-services {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset-port));
    /* Make place at bottom, as items will slide to that position*/
/*    margin-bottom: var(--card-margin);*/
    /* height: 800px;
    overflow-y: auto; */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#card_1 {
    --index: 1;
}

#card_2 {
    --index: 2;
}

#card_3 {
    --index: 3;
}

#card_4 {
    --index: 4;
}

#card_1 .portfolio-block{
    background-color: #ef7662;
}

#card_2 .portfolio-block{
    background-color: #019688;
}
#card_3 .portfolio-block{
    background-color: #ff913d;
}
.cardService {
    position: sticky;
    top: 100px;
    padding-top: calc(var(--index) * var(--card-top-offset));
}

.cardservices {
    position: sticky;
    top: 110px;
    padding-top: calc(var(--index) * var(--card-top-offset-port));
}

/* .dummycard{
    height: 200px;
} */
@supports (animation-timeline: works) {
    @scroll-timeline cards-element-scrolls-in-body {
        source: selector(body);
        scroll-offsets: selector(#cards) start 1, selector(#cards) start 0;
        /* Start when the start edge touches the top of the scrollport */
        /* End when the start edge touches the start of the scrollport */
        start: selector(#cards) start 1;
        /* Start when the start edge touches the top of the scrollport */
        end: selector(#cards) start 0;
        /* End when the start edge touches the start of the scrollport */
        time-range: 4s;
    }

    .cardService {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    .cardservices {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    /* .card__content {
        transform-origin: 50% 0%;
        will-change: transform;
        --duration: calc(var(--reverse-index0) * 1s);
        --delay: calc(var(--index0) * 1s);
        animation: var(--duration) linear scale var(--delay) forwards;
        animation-timeline: cards-element-scrolls-in-body;
   }
    @keyframes scale {
        to {
            transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
       }
   } */
}

/** PAGE STYLING **/
#cards {
    list-style: none;
    outline: calc(var(--outline-width) * 10) solid blue;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin);
}

.card {
    outline: var(--outline-width) solid hotpink;
}
.demand-services-image-wrap{
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
}
.demand-services-image-wrap:before {
    content: '';
    position: absolute;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: transparent;
    border-radius: 20px;
    border: 1px solid var(--bs-white);
    left: 0;
    bottom: 0;
    z-index: unset;
}
.demand-services-image-wrap img {
    border-radius: 20px;
    z-index: 11;
    position: relative;
}
.demand-services-block {
    padding: 25px;
    border-radius: 40px;
    /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; */
/*    background: transparent linear-gradient(154deg, #000000 0%, #0D6897 100%) 0% 0% no-repeat padding-box;*/
}

#card_1 .demand-services-block{
    background-color: var(--bs-lightyellow);
}

#card_2 .demand-services-block{
    background-color: #CEE3DF
}
#card_3 .demand-services-block{
    background-color: #CADEF0;
}
#card_4 .demand-services-block{
    background-color: #D8CEED;
}
#card_5 .demand-services-block{
    background-color: #EBC8DE;
}
#card_6 .demand-services-block{
    background-color: #F3DAC7;
}
#card_1 .demand-services-block .demand-services-image-wrap:before{
    border-color: #FDCB43;
}
#card_2 .demand-services-block .demand-services-image-wrap:before{
    border-color: #53A494;
}
#card_3 .demand-services-block .demand-services-image-wrap:before{
    border-color:#3D83C2;
}
#card_4 .demand-services-block .demand-services-image-wrap:before{
    border-color: #9E77F2
}
#card_5 .demand-services-block .demand-services-image-wrap:before{
    border-color: #FF6FC9;
}
.demand-icon-wrap {
    height: 80px;
    width: 80px;
    background-color: var(--bs-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 25px;
}
.demand-icon-wrap img, .demand-icon-wrap svg{
    height: 50px;
    width: 50px;
}
.on-demand-achievement-wrapper{
    background-color: var(--bs-black);
}
.demand-experience_details {
    background-color: var(--bs-white);
    border-radius: 10px;
    padding: 45px 20px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
}
.demand-ex-icon-wrap {
    height: 70px;
    width: 70px;
    background-color: var(--bs-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.demand-ex-icon-wrap img, .demand-ex-icon-wrap svg{
    height: 40px;
    width: 40px;
}
.on-demand-ex-total_number-wrap {
    font-size: 24px;
    font-weight: 700;
    padding-top: 20px;
}
.demand-experience_details p{
        font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}
.demand-feature-title-wrap .nav-item{
    margin-bottom: 10px;
    width: calc(100% - 50px);
}
.demand-feature-title-wrap .nav-item .nav-link {
    padding: 20px 15px;
    border: 1px solid var(--bs-yellow);
    border-radius: 10px;
    line-height: normal;
    position: relative;
    color: var(--bs-black);
    font-size: 18px;
    font-weight: 600;
}
.demand-feature-title-wrap .nav-item .nav-link.active {
    background-color: var(--bs-yellow);
    color: var(--bs-white);
}
.demand-feature-title-wrap .nav-item .nav-link.active:before{
    position: absolute;
    content: '';
    background-image: url('../img/arrow-new.png');
        height: 60px;
    width: 60px;
    background-size: cover;
    background-position: right;
    right: -20px;
    top: 0;
}
.demand-features-content-wrap {
    padding: 40px;
    background-color: var(--bs-lightyellow);
    border-radius: 20px;
    position: relative;
}
.demand-features-content-wrap ul{
        list-style: disc;
    padding-left: 20px;
}
.demand-features-content-wrap:before{
      position: absolute;
    content: '';
    background-image: url('../img/man.png');
    height: 145px;
    width: 150px;
    background-size: contain;
    background-position: right;
    right: 40px;
    bottom: 40px;
    background-repeat: no-repeat;
}
.demand-solutions-type-wrap {
    text-align: center;
    padding: 20px 55px;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 20px;
}
.demand-solutions-img-wrap{
    margin-bottom: 20px;
}

.demand-business_details {
    background-color: var(--bs-white);
    box-shadow: 0px 4px 24px 0px #0101010D;
    padding: 25px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    transition: .3s;
    text-align: center;
    border: 1px solid transparent;
}
.demand-business_details:hover {
    border-color: var(--bs-yellow);
}
.demand-business_details:hover .demand-business-icon-wrap{
    background-color: var(--bs-yellow);
}
.demand-business_details:hover .demand-business-icon-wrap svg path{
    fill: var(--bs-white);
}

.demand-business-icon-wrap {
    height: 60px;
    width: 60px;
    border: 1px solid var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    transition: .3s;
    margin: auto;
    margin-bottom: 15px;
}

.demand-business-icon-wrap svg path {
    fill: var(--bs-yellow)
}

.demand-business-icon-wrap svg,.demand-business-icon-wrap img {
    height: 35px;
    width: 35px
}

/*.website_why-choose_details:hover {
    background-color: var(--bs-yellow);
    color: var(--bs-white)
}*/

.demand-business_details:hover .demand-business_details {
    background-color: var(--bs-yellow);
}

.demand-business_details:hover .demand-business_details svg path {
    fill: var(--bs-white)
}

.d_step_icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--bs-yellow);
}
.d_step_icon svg, .d_step_icon img {
    height: 40px;
    width: 30px;
}
.m_step_des{
        width: calc(100% - 60px);
}
.demand-step-wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.demand-step {
    position: absolute;
    right: 0;
    top: -5px;
    background-color: var(--bs-lightyellow);
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 10px;
    color: var(--bs-yellow);
}
.d_step_des{
        width: calc(100% - 50px);
}
.d_step_title{
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}
.demand-image-wrap {
    padding-right: 15px;
    padding-bottom: 15px;
    position: relative;
    margin-top: 45px;
}
.demand-image-wrap:before {
    content: '';
    position: absolute;
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    background-color: var(--bs-lightyellow);
    bottom: 0;
    right: 0;
    border-radius: 15px;
}
.demand-cta-section .container {
    padding: 80px 15px;
    border-radius: 20px;
}
.demand-cta-wrap {
    padding-left: 50px;
}
.demand-first_cta-section .container {
    padding: 80px 15px;
    border-radius: 20px;
}
.demand-first_cta-wrap{
     padding-left: 50px;
     padding-right: 50px;
}
.demand-first_cta-wrap p{
        font-size: 18px;
    font-style: italic;
}
.demand-first_cta-total_percentage.text-white {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    max-width: 66%;
    margin: auto;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.demand-first_cta_details p {
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
}
.first_cta1{
    background-color: #E17C34CC;
}
.first_cta2{
    background-color: #0CA5A7CC;
}
.page-template-template-on-demand .home-blog-sec{
    padding-top: 0px !important;
}
/*==================== On Demand Page Development CSS END ====================*/
/*==================== About Us Page Development CSS ====================*/
.about-banner-wrapper {
    height: auto;
    display: flex;
    align-items: center;
    background-color: var(--bs-lightyellow);
    position: relative;
}
.about-banner-wrapper:before{
    content: '';
    position: absolute;
    height: 25%;
    width: 100%;
    background-color: #010101;
    bottom: 0;
    z-index: 1;
}
.about-banner-wrapper .container{
    position: relative;
    z-index: 11;
}
.about-banner-wrapper .banner-title {
    font-size: 62px;
    font-weight: 700;
    line-height: 68px;
    text-transform: capitalize;
    text-shadow: #ffffff 2px 2px 0px, #000000 4px 4px 0px;
}
.about-banner-video {
    margin-top: 25px;
}
.about-banner-video video{
        height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: center;
        border-radius: 20px;
}
.about-achievement-wrapper{
    background-color: #010101;
}
.about-achievement-wrap {
    background-color: var(--bs-white);
    padding: 40px 30px;
    border-radius: 15px;
}
.achievement-total_number {
    font-size: 34px;
    font-weight: 700;
    color: var(--bs-yellow);
    padding-bottom: 10px;
}
.about-business-content-wrap {
    background-color: var(--bs-white);
    padding: 40px;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 20px;
}
.about_visionary_content_wrap {
    width: 100%;
    padding: 50px;
    position: relative;
}
.about-move-content-wrap p{
	font-style:italic;
	font-weight:500;
}
.about_visionary_content_wrap:before{
    content: '';
    height: 100%;
    width: calc(100% + 20%);
    right: -20%;
    background-color: var(--bs-black);
    top: 0;
        position: absolute;
    z-index: -1;
    border: 5px solid var(--bs-yellow);
    border-radius: 15px;
}
.visionary_reverse_row .about_visionary_content_wrap:before{
    right: inherit;
    left: -20%;
}
.about-move-type-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 50px 46px;
    box-shadow: 0px 4px 16px 0px #00000014;
    background-color: #F6F7F8;
    transition: 0.5s;
    margin-bottom: 25px;
    border-radius: 20px;
}
.about-move-type-wrap:hover{
    background-color: var(--bs-white)
}
.about-business-img-wrap img{
    border-radius: 20px;
}
.about-journey-section{
    background-color: #756ced0d;
}
.about_journey_title{
    font-size: 26px;
    font-weight: 600;
        margin-bottom: 10px;
}
.about_journey_title span{
    color: var(--bs-yellow);
}
.about_journey_img_wrap{
    position: relative;
}
.about_journey_img_wrap p{
        position: absolute;
    top: -15px;
    right: 50px;
    background-color: #FAFAFE;
    padding: 10px 30px;
    font-size: 30px;
    font-weight: 700;
    color: var(--bs-yellow);
}
.same-row-wrap .about_journey_img_wrap p{
    right: 0;
}
.about_journey_img_wrap img{
    border-radius: 20px;
}
.journey_details_wrap{
    position: relative;
}
.journey_details_wrap:before{
    position: absolute;
    content: '';
    height: calc(100% - 10%);
    width: 1px;
    background-color: #ddd;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
.journey_details_wrap .row{
    position: relative;
}
.journey_details_wrap .row:before{
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    background-color: var(--bs-yellow);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.journey_details_wrap .row:after{
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    background-color: var(--bs-white);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.reverse-row-wrap .about_journey_content_wrap{
    padding-left: 50px;
}
.same-row-wrap .about_journey_content_wrap{
    padding-right: 50px;
}
.reverse-row-wrap .about_journey_img_wrap{
    padding-right: 50px;
}
.same-row-wrap .about_journey_img_wrap{
    padding-left: 50px;
}
.about_visionary_title_wrap {
    /* width: 310px; */
    position: relative;
    padding-top: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.about_visionary_name {
    font-size: 28px;
    font-weight: 600;
    color: var(--bs-white);
    padding-bottom: 5px;
    background-color: var(--bs-yellow);
    padding: 20px;
    clip-path: polygon(0 0, 73% 0, 100% 100%, 0% 100%);
    width: 290px;
}
.about_visionary_title_wrap p.deg{
    font-weight: 600;
    color: var(--bs-white);
    line-height: normal;
}
.about_visionary_content p {
    padding: 0px 0px 20px 0px;
    max-width: 80%;
    width: 100%;
    border-radius: 14px;
    font-style: italic;
    color: var(--bs-white);
    font-size: 36px;
    line-height: 42px;
}
/* .about_visionary_img_wrap {
    background-color: var(--bs-white);
    border-radius: 50px;
    background-image: url('../img/whitebg.webp');
    background-size: cover;
    background-repeat: no-repeat;
} */
.about_visionary_img_wrap img {
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.about_backbone_content_wrap{
        padding: 20px;
    background: var(--bs-white);
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 20px;
    margin-bottom: 20px;
    height: calc(100% - 20px);
}
.backbone_content_wrap{
    margin-top: 15px;
}
.backbone_content_wrap p{
    font-style: italic;
    font-weight: 600;
}
.team_title{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
}
.b_deg {
    line-height: normal;
    color: var(--bs-yellow);
    margin: 0;
    padding-bottom: 10px;
    font-style: normal !important;
}
.backbone_img_wrap img.backbone_thumb_img {
    border-radius: 20px;
    height: 250px;
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.marketing_team_img_wrap img.marketing_team_img{
    border-radius: 20px;
    height: 250px;
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
img.img-fluid.no_thumb {
    height: 250px;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    background-color: #ddd;
    width: 100%;
    border-radius: 20px;
}
.about-backbone-section{
    background-color: #F8F8F8;
}
.team-img-box img.team_img{
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.team-img-box img.team_no_thumb{
    border-radius: 50%;
    height: 100px;
    width: 100px;
   background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ddd;
}

.team-member img.featured-img {
    display: block;
    height: 300px;
    background-size: cover;
    background-position: center top;
    width: 100%;
    border-radius: 20px;
}
.team-member img.no-feature {
    display: block;
    height: 250px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ebebeb;
        width: 100%;
        border-radius: 20px;
}
.team-member {
    text-align: center;
    padding: 20px;
    box-shadow: 0px 4px 16px 0px #00000014;
    background-color: var(--bs-white);
    border-radius: 20px;
    margin-top: 105px;
    height: calc(100% - 105px);
    position: relative;
}
.team-img-box {
    position: relative;
    margin-top: -70px;
}
.detail-box{
    margin-top: 15px;
}
.detail-box .designation {
    color: var(--bs-yellow);
    line-height: normal;
}
.detail-box p{
        font-style: italic;
    font-weight: 600;
    line-height: normal;
    padding-top: 10px;
}
.testimonail_details_wrap{
    background-color: var(--bs-black);
}
.testimonail_deg{
    font-size: 18px;
    font-weight: 500;
}
.testimonail_details_wrap {
    background-color: var(--bs-black);
    padding: 40px 40px;
    border-radius: 20px;
}
.about_testimonail_img_wrap img {
    border-radius: 20px;
}
.our_quote_wrap {
    color: var(--bs-white);
    padding: 15px 25px;
    max-width: 75%;
    width: 100%;
    border-radius: 13px;
    margin-top: 20px;
}
.about-testimonail_content {
    position: relative;
    color: var(--bs-white);
    max-width: 80%;
    margin-top: 25px;
    padding: 26px 50px;
    font-style: italic;
    background-color: rgb(255 255 255 / 28%);
    border-radius: 15px;
}
.about-testimonail_content:before{
    content: '';
    position: absolute;
    height: 35px;
    width: 35px;
    background-image: url('../img/left-quote.png');
    background-size: contain;
    background-position: center;
    left: 15px;
    top: 20px;
    background-repeat: no-repeat;
}
.about-testimonail_content:after{
    content: '';
    position: absolute;
    height: 35px;
    width: 35px;
    background-image: url('../img/right-quote.png');
    background-size: contain;
    background-position: center;
        right: calc(100% - 80%);
    bottom: 15px;
    background-repeat: no-repeat;
}
.about-address-section {
    background-color: #010101;
    height: calc(100vh + 150px);
    background-size: contain;
    background-position: bottom;
}
/*==================== About Us Page Development CSS END ====================*/
/*==================== Services Page Development CSS ====================*/
.service-banner-section{
/*     height: 100vh; */
    background-size: cover;
    background-position: center;
    position: relative;
        padding-top: 100px;
}
.service-banner-section .banner-title {
    font-size: 58px;
    color: var(--bs-black);
    font-weight: 700;
    line-height: 72px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 25px;
}
.service_banner_right_side_image {
    height: 480px;
    position: relative;
    padding: 0;
    margin-top: 50px;
}
.service-banner-des ul {
    list-style: none;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.service-banner-des ul li {
    padding: 15px 30px;
    margin-bottom: 10px;
    border-radius: 30px;
    border: 1px solid transparent;
    text-align: center;
    width: 45%;
    margin: 0px;    
    box-shadow: 0px 4px 16px 0px #00000014;
    background-color: #fff;
    font-weight: 600;
}

.service_banner_right_side_image figure {
    position: absolute;
    width: 100%;
    padding: 15px;
    visibility: hidden
}

.service_banner_right_side_image figure:nth-child(1) {
    bottom: 62px;
    z-index: 4
}

.service_banner_right_side_image figure:nth-child(2) {
    bottom: 35px;
    z-index: 3
}

.service_banner_right_side_image figure:nth-child(3) {
    bottom: 0;
    z-index: 2
}

.service_banner_right_side_image figure img {
    width: 100%
}

.service_banner_right_side_image figure:nth-child(3) img {
    animation: MoveUpDown 3s linear infinite
}

.service_banner_right_side_image figure:nth-child(2) img {
    animation: MoveUpDown 2.5s linear infinite;
    width: 94%;
    left: 25px;
    position: relative;
    top: 0px;
}
.service_banner_right_side_image figure:nth-child(1) img {
    animation: MoveUpDown 1.5s linear infinite;
    width: 95%;
    position: relative;
    left: 20px;
}
.service-partner-content-wrap {
    background-color: var(--bs-lightyellow);
    max-width: 66%;
    text-align: center;
    padding: 30px;
    border-radius: 15px;
    margin: auto;
}
.service-partner-number {
    font-size: 42px;
    font-weight: 700;
    color: var(--bs-yellow);
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.service-partner-number span{
        font-size: 16px;
    color: var(--bs-black);
    font-weight: 500;
}
.service-partner-title-wrap{
        font-weight: 600;
    font-size: 18px;
    font-style: italic;
}
.services-cta-section .container{
    border-radius: 20px;
}

.servicepage-block {
    padding: 25px;
    border-radius: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
/*    background: transparent linear-gradient(154deg, #000000 0%, #0D6897 100%) 0% 0% no-repeat padding-box;*/
}
/*
.portfolio-block img{
    height: 550px;
}*/


/* css animation vishnu */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root {
    --card-height: 40vw;
    --card-margin: 4vw;
    --card-top-offset: 1.5em;
    --numcards: 4;
    --outline-width: 0px;
    -card-top-offset-port: 0;
    --easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
}

#cardsService {
    /* padding-bottom: calc(var(--numcards) * var(--card-top-offset)); */
    /* Make place at bottom, as items will slide to that position*/
    /* margin-bottom: var(--card-margin); */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#servicePortfolio {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset-port));
    /* Make place at bottom, as items will slide to that position*/
/*    margin-bottom: var(--card-margin);*/
    /* height: 800px;
    overflow-y: auto; */
    /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#card_1 {
    --index: 1;
}

#card_2 {
    --index: 2;
}

#card_3 {
    --index: 3;
}

#card_4 {
    --index: 4;
}

#card_1 .servicepage-block{
    background-color: #7EC3CB;
}

#card_2 .servicepage-block{
    background-color: #ECA07C;
}
#card_3 .servicepage-block{
    background-color: #EFC65E;
}
#card_4 .servicepage-block{
    background-color: #EF8FB0;
}
#card_5 .servicepage-block{
    background-color: #AF99E2;
}
#card_6 .servicepage-block{
    background-color: #95C36C;
}
.cardService {
    position: sticky;
    top: 100px;
    padding-top: calc(var(--index) * var(--card-top-offset));
}

.servicePortfolio {
    position: sticky;
    top: 80px;
    padding-top: calc(var(--index) * var(--card-top-offset-port));
}

/* .dummycard{
    height: 200px;
} */
@supports (animation-timeline: works) {
    @scroll-timeline cards-element-scrolls-in-body {
        source: selector(body);
        scroll-offsets: selector(#cards) start 1, selector(#cards) start 0;
        /* Start when the start edge touches the top of the scrollport */
        /* End when the start edge touches the start of the scrollport */
        start: selector(#cards) start 1;
        /* Start when the start edge touches the top of the scrollport */
        end: selector(#cards) start 0;
        /* End when the start edge touches the start of the scrollport */
        time-range: 4s;
    }

    .cardService {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    .servicePortfolio {
        --index0: calc(var(--index) - 1);
        /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0));
        /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1);
        /* 0-based reverse index */
    }

    /* .card__content {
        transform-origin: 50% 0%;
        will-change: transform;
        --duration: calc(var(--reverse-index0) * 1s);
        --delay: calc(var(--index0) * 1s);
        animation: var(--duration) linear scale var(--delay) forwards;
        animation-timeline: cards-element-scrolls-in-body;
   }
    @keyframes scale {
        to {
            transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
       }
   } */
}

/** PAGE STYLING **/
#cards {
    list-style: none;
    outline: calc(var(--outline-width) * 10) solid blue;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin);
}

.card {
    outline: var(--outline-width) solid hotpink;
}
.service-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}
.service-subtitle {
    font-style: italic;
    color: var(--bs-black);
    background-color: var(--bs-white);
    padding: 15px;
    border-radius: 10px;
    line-height: normal;
    margin-bottom: 20px;
}

.services-second-cta-section .container{
    border-radius: 20px;
}
.servicepage-content a.btn{
	text-transform:uppercase;
    color: var(--bs-black) !important;
}
.servicepage-content a.btn svg path{
    fill: var(--bs-black) !important;
    transition: 0.5s;
}
.servicepage-content a.btn:hover .icon{
    background-color: transparent;
}
.servicepage-content a.btn:hover{
    color: var(--bs-white) !important;
}
.servicepage-content a.btn:hover .icon svg path{
    fill: var(--bs-white) !important;
}
.page-template-template-services .web-award-wrapper{
    padding-top: 0px;
}
.service-second-cta-wrap .cta-heading{
    font-size: 36px;
}
.service-second-cta-wrap .cta-heading span{
    display: inline-block;
}
/*==================== Services Page Development CSS END ====================*/
.pop-up-form-details .heading{
    font-size: 38px;
}
.pop-form-box .modal-dialog{
    max-width: 90%;
    position: relative;
}
.pop-form-box .modal-header{
    border: none;
}
.pop-form-box .modal-content {
    position: relative;
    border-radius: 20px;
    /* overflow: hidden; */
    padding: 20px;
}
.pop-form-box .modal-content:before{
    position: absolute;
    content: '';
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    background-color: var(--bs-white);
    border-radius: 0px 20px 20px 0px;
}
.pop-form-box button {
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    opacity: 1;
    border-radius: 50%;
    background-color: var(--bs-yellow);
    z-index: 11;
    top: -15px;
    right: -15px;
    border: none;
}
.pop-form-box button:before{
    content: '';
    position: absolute;
    background-image: url('../img/cross.svg');
    background-size: cover;
    background-position: center;
    height: 15px;
    width: 15px;
    left: 0;
    right: 0;
    margin: auto;
    top: 11px;

}
.pop-up-form-details.text-white {
    padding: 0 20px;
    height: 100%;
    position: relative;
}
.pop-up-form-details img.theme_logo{
    position: absolute;
    bottom: 0;
    left: 0;
}
.pop-up-form-wrap label{
    font-weight: 600;
}
.pop-up-form-wrap .wpcf7-radio{
    display: flex;
    width: 100%;
    gap: 0px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.pop-up-form-wrap .wpcf7-radio .wpcf7-list-item{
   width: calc(100% / 3);
       margin-left: 0px;
}
.pop-up-form-wrap .wpcf7-radio label{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0px !important;
}
.pop-up-form-wrap .wpcf7-radio label input{
    appearance: none;
    height: 45px;
    opacity: 1;
    display: block;
    border-radius: 0px;
}
.pop-up-form-wrap .wpcf7-radio label input[type="radio"]:checked {
    background-color: var(--bs-yellow);
    color: #fff;
    opacity: 1;
    display: block;
}
.pop-up-form-wrap .wpcf7-radio label span {
    position: absolute;
    pointer-events: none;
    display: block !important;
    opacity: 1 !important;
}
.quiz-wrap span label{
        display: flex;
    align-items: center;
    gap: 10px;
}
input.wpcf7-form-control.wpcf7-quiz.form-control {
    padding: 20px 10px;
	width:50px;
}
.pop-up-form-wrap input[type=submit]{
    border-radius: 10px !important;
}
.pop-up-form-wrap .wpcf7-form-control-wrap {
    margin-bottom: 15px;
}
.pop-up-form-wrap .wpcf7-radio label input[type=radio]:checked ~ span {
    color: var(--bs-white);
}

/*==================== Footer CSS ====================*/
.map-sec{
    overflow: hidden;
}
.map-sec iframe{
    height:550px;
}
.map-sec .contactinfo {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 7vw;
    max-width: 440px;
    width: 100%;
    overflow-y: scroll;
    min-height: 550px;
    height: 100%;
}
.nap-block {
    display: block;
    margin-top: 20px;
    position:relative;
}
.nap-block:first-child{
    margin-top:0;
}
.nap-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.nap-icon svg, .nap-icon img{
    width: 30px;
    height: 30px;
    fill:#fff;
}
.nap-address, .nap-block .nap-text{
    padding-left: 45px;
    color:#fff;
}
.direction-link {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    line-height: normal;
    margin-top: 15px;
}
.direction-link:hover, .nap-block .nap-text:hover{
    color:rgba(255,255,255,0.6);
    border-color:rgba(255,255,255,0.6);
}

.map-iframe-list .map-block {
    display: none;
}
.map-iframe-list .map-block iframe, .map-iframe-list .map-block.active {
    display: block;
}
.contactinfo .footer-heading{
    padding: 40px 30px 0;
}
.contactinfo .nap-address-wrap {
    padding: 20px 30px;
}

#footer {
    padding: 50px 0px 0px;
    color: #fff;
    background-color: var(--bs-black);
}
.social-connect-wrap a {
    display: flex;
    align-items: center;
    background: var(--bs-white);
    width: calc(100% - 40%);
    margin-top: 25px;
    padding: 10px;
    border-radius: 10px;
    gap: 15px;
    font-weight: 600;
    color: #000;
}
.social-connect-wrap a .icon {
    height: 45px;
    width: 45px;
    background: var(--bs-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-connect-wrap a img, .social-connect-wrap a svg {
    fill: var(--bs-white);
    height: 25px;
    width: 25px;
}
.location-wrapper{
    position: relative;
        height: 100%;
}
.location-wrapper:before {
    content: '';
    position: absolute;
    height: calc(100% - 15px);
    width: 1px;
    background: #ffffff29;
    right: 15px;
    top: 0;
}
.address-wrap{
    position: relative;

}
.address-wrap img, .address-wrap svg {
    position: absolute;
    left: 0;
    top: 10px;
    height: 25px;
    width: 26px;
}
.add-details{
    padding-left: 45px;
}
.add-details p {
    font-size: 14px;
    line-height: 24px;
}
.address-title {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 600;
    display: block;
}
.footer-heading {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
}
.footer-nav ul li{
    margin-bottom:5px;
    display:block;
}
.footer-nav ul li:last-child{
    margin-bottom:0px;
}
.footer-nav ul li a {
    color: var(--bs-white);
    line-height: 24px;
    display: block;
    font-size: 14px;
    font-weight: 400;
	
}
.footer-nav ul li a:hover{
    color: var(--bs-yellow);
}
.copyright {
    margin-top: 50px;
    color: #fff;
    padding: 10px 0;
    border-top: 1px solid #ffffff29;
    font-size: 14px;
}
.copyright a{
    color: #fff;
    margin-left:5px;
}
.copyright a:hover, .page-id-3 .copyright a.privacy, .page-id-653 .copyright a.disclaimer{
    color: rgba(255,255,255,0.6);
}
#menu-location-we-serve a {
    pointer-events: none;
}
.company_address_wrapper{
    margin-top: 55px;
    display: none;
}
.company_address_wrapper .row{
    position: relative;
}
.company_address_wrapper .row:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: var(--bs-black);
    left: 0;
    right: 0;
    margin: auto;
}
.company-address-wrap {
    text-align: center;
}
.company-location-img {
    margin-bottom: 45px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--bs-yellow);
}
.footer-heading span{
    text-align: right;
    float: right;
    font-size: 30px;
}
.footer-heading {
    font-size: 18px;
        margin-bottom: 5px;
}
/*==================== Footer CSS END ====================*/


/*==================== Blog List Page CSS ====================*/
.blog header#header, .single header#header{
    background-color: var(--bs-white);
}
.blog-list {
    padding-right: 60px;
}
.blog-list .postlist .blog-list-inner {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 20px;
    overflow: hidden;
}
.blog-list .postlist:last-child .blog-list-inner{
    margin-bottom:0;
}
.post-image {
    overflow:hidden;
}
.post-image img.featured-img {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    height: 280px;
    -webkit-transition: all ease-in-out .8s;
    -moz-transition: all ease-in-out .8s;
    -o-transition: all ease-in-out .8s;
    transition: all ease-in-out .8s;
    overflow: hidden;
}
.post-image img.no-feature{
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: center;
    background-color:#f1f1f1;
    height: 280px;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    overflow: hidden;
}

.post-image img.featured-img:hover{
    transform: scale(1.1);
}
.post-content {
    padding: 10px;
}
.blog-list-inner:hover .post-image img.featured-img{
    transform: scale(1.1);
}
.blog-list .blog-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 8px;
    display: block;
}
.blog-list .content {
    line-height: 32px;
}
/* .blog-list-inner .post-image a img{
    border-radius: 15px;
} */
.blog-list .h3{
    word-wrap: break-word;
}
/*==================== Blog List Page CSS END ====================*/

/*==================== Blog Details Page CSS ====================*/
/* .postlist-single{padding-right: 60px;} */
.postlist-single h1 {font-size: 38px;}
.postlist-single h2 {font-size: 34px;}
.postlist-single h3 {font-size: 26px; padding: 0 0 0 0px;}
.postlist-single h4 {font-size: 20px;}
.postlist-single h5 {font-size: 18px;}
.postlist-single h6 {font-size: 16px;}
.postlist-single iframe, .mainpage iframe {height: 420px;}

.postlist-single .addtoany_content {
    margin: 15px auto 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.postlist-single .addtoany_header {
    margin: 0 10px 0 0px;
    font-size: 17px;
    color: #B0B0B0;
    font-weight: 500;
}
.postlist-single .addtoany_list a, .postlist-single .widget .addtoany_list a {
    border: 1px solid #E2E2E2;
    margin-right: 8px;
}
.postlist-single .addtoany_list a:not(.addtoany_special_service)>span {
    height: 26px;
    line-height: 26px;
    width: 26px;
    background: none !important;
    position: relative;
    top: 3px;
}
.postlist-single .site .a2a_kit.addtoany_list a:focus, .postlist-single  .addtoany_list a:hover, .postlist-single .widget .addtoany_list a:hover{
    border: 1px solid var(--bs-yellow);
}
/*.gradient-bg{
    position:relative
}
.gradient-bg::before {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(196, 196, 196, 0.08) 100%);
    bottom: 0;
    left: 0;
    right: 0;
    height: 450px;
}*/
.help-sec.space-pd.gradient-bg::before{
    height: 100%;
}
.single-social-wrap {
    background-color: #1b2f3e;
    padding: 14px 12px;
    margin-top: 15px;
    border-radius: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: 0 20px 20px -10px rgb(17 16 16 / 79%);
}
.submit-btn input[type=submit]:hover {
    background: #0a1124;
	color:#fff;
}
body.page-id-672 .submit-btn input[type=submit]{
    background: #0a1124;
	color:#fff;
}
.submit-btn input[type=submit] {
    background: #ffffff;
    width: auto;
    border: none;
    padding: 15px 25px;
    text-transform: capitalize;
    color: #0a0a0a;
    width: 100%;
    line-height: 24px;
    font-size: 18px;
    border-radius: 0px;
}

ul.sociallinks {
	gap:5px !important;
}

.h4.text-white.pb-2 {
	font-size:18px;
}
/*==================== Blog Details Page CSS END ====================*/

/*==================== About Page CSS ====================*/
.about-page-sec .img-block {
    position: relative;
    padding: 0 15px 15px 0px;
}
.about-page-sec .img-block::after {
    content: "";
    position: absolute;
    right: 0;
    left: 20px;
    bottom: 0;
    border: 2px solid var(--bs-yellow);
    top: 20px;
}
.about-page-sec .img-block img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 9;
}

.about-team-sec {
    background: #FAFAFA;
}
.about-practice-sec .bg-img {
    background-size: cover;
    background-position: center right;
}
.help-sec .description {
    font-size: 22px;
    line-height: 40px;
}
/*==================== About Page CSS END ====================*/

/*==================== Practice Areas Page CSS ====================*/
.practice-intro-sec .img-block {
    padding: 0 0 15px 15px;
}
.practice-intro-sec .img-block::before {
    position: absolute;
    content: '';
    top: 20px;
    bottom: 0;
    left: 0;
    right: 20px;
    border: 2px solid var(--bs-yellow);
}
.practice-intro-sec .img-block img {
    display: block;
    position: relative;
    z-index: 9;
}

.practice_sec {
    position: relative;
    overflow:hidden;
}
.practice_sec::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bs-yellow);
    width: 50%;
}
.practice_sec .practice_list {
    padding: 60px 0 60px 80px;
}
.practice_sec .practice{
    background: #B21F2F;
    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    transition: 0.2s ease all;
}
.practice_sec .practice:hover{
    border: 1px solid #fff;
}
.practice_list .practice {
    margin-bottom: 30px;
}
.practice_list .practice:last-child {
    margin-bottom: 0px;
}
.practice_sec .practice a {
    padding: 30px 30px;
}
.practice_sec .practice svg, .practice_sec .practice img {
    fill: #fff;
    width: 70px;
    height: 70px;
}
.practice_sec .practice .practice-title {
    font-size: 24px;
    line-height: 45px;
    margin-left: 25px;
    font-weight: 500;
}

.practice_sec .inner_box {
    padding: 0 50px 0 0px;
}
.practice_sec .left-img-block {
    margin-left: -6vw;
}
.practice_sec .right-img-block {
    margin-right: -6vw;
}

.library-sec {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*==================== Practice Areas Page CSS END ====================*/

/*==================== News Listing Page CSS ====================*/
.news-listing{
    padding-right:60px;
}
.news-listing .news-article-box {
    margin-bottom: 35px;
}
.news-listing img.featured-img {
    height: 280px;
    background-size: cover;
    background-position: center top;
}
.news-listing img.no-feature{
    height: 280px;
}
.news-listing .news-article:hover .post-image img.featured-img {
    transform: scale(1.1);
}
.news-listing .news-title {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 15px 0 10px;
}

.news-listing .news-article .news-item {
    height: 100%;
    position: relative;
    padding-bottom: 80px;
}
.news-listing .news-item .btn {
    position: absolute;
    bottom: 0;
    left: 0;
}
/*==================== News Listing Page CSS END ====================*/

/*==================== Portfolio Page CSS  ====================*/
.portfolio-banner-section{
    height: 100vh;
    display: flex;
    align-items: center;
        background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    position:relative;
    overflow: hidden;
}
.portfolio-banner-section:after{
        content: '';
    position: absolute;
    height: calc(100vh - -45px);
    width: 46%;
    background-image: url(https://revamp.dev-story.com/wp-content/uploads/2025/02/portfolio-v2-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    right: -5%;
    bottom: -2%;
    animation: bgZoom 5s infinite ease-in-out;
}
.portfolio-logo-wrap{
    -webkit-box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    -moz-box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    border-radius: 20px 20px 0px 0px;
    background:#fff;
}
.portfolio-page-wrap #cardsPortfolio #card_1 .portfolio-block{background-color: #7867E6 !important;}
.portfolio-page-wrap #cardsPortfolio #card_2 .portfolio-block{background-color: #E35050 !important;}
.portfolio-page-wrap #cardsPortfolio #card_3 .portfolio-block{background-color: #A963FF !important;}
.portfolio-page-wrap #cardsPortfolio #card_4 .portfolio-block{background-color: #429488 !important;}
.portfolio-page-wrap #cardsPortfolio #card_5 .portfolio-block{background-color: #8A7E70 !important;}
.portfolio-page-wrap #cardsPortfolio #card_6 .portfolio-block{background-color: #9168A8 !important;}
.portfolio-page-wrap #cardsPortfolio #card_7 .portfolio-block{background-color: #4BA9AD !important;}
.portfolio-page-wrap #cardsPortfolio #card_8 .portfolio-block{background-color: #1B203B;}
.portfolio-page-wrap #cardsPortfolio #card_9 .portfolio-block{background-color: #0FA8A9;}
.portfolio-page-wrap #cardsPortfolio #card_10 .portfolio-block{background-color: #684DF4;}
.portfolio-page-wrap #cardsPortfolio #card_11 .portfolio-block{background-color: #62A9BC;}
.portfolio-page-wrap #cardsPortfolio #card_12 .portfolio-block{background-color: #1D1D1C;}
.portfolio-page-wrap #cardsPortfolio #card_13 .portfolio-block{background-color: #178256;}

.portfolio-cta-section .container {
    padding: 80px 15px;
    border-radius: 20px
}
.portfolio-cta-section .cta-heading span {
    color: var(--bs-yellow);
    display: inline;
    font-style: normal;
}
.portfolio-page-wrap #cardsPortfolio  a.btn:hover svg, .portfolio-page-wrap #cardsPortfolio a.btn:hover img{
        transition: 0.5s;
}
.portfolio-page-wrap #cardsPortfolio #card_1 .app-btn-wrap{
    color: #7867E6;
    display:none;
}
.portfolio-page-wrap #cardsPortfolio #card_1 .app-btn-wrap svg path{
    fill: #7867E6;
}
.portfolio-page-wrap #cardsPortfolio #card_2 a.btn{
    color: #E35050;
    display:none;
}
.portfolio-page-wrap #cardsPortfolio #card_2 a.btn svg path{
    fill: #E35050;
}
.portfolio-page-wrap #cardsPortfolio #card_2 a.btn:hover{
    color: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_2 a.btn:hover svg path{
    fill: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_3 .app-btn-wrap{
    color: #A963FF;
    display:none;
}
.portfolio-page-wrap #cardsPortfolio #card_3 .app-btn-wrap svg path{
    fill: #A963FF;
}
.portfolio-page-wrap #cardsPortfolio #card_3 a.btn:hover{
    color: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_3 a.btn:hover svg path{
    fill: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_4 a.btn{
    color: #429488;
}
.portfolio-page-wrap #cardsPortfolio #card_4 a.btnp svg path{
    fill: #429488;
}
.portfolio-page-wrap #cardsPortfolio #card_5 a.btn{
    color: #8A7E70;
    display:none;
}
.portfolio-page-wrap #cardsPortfolio #card_5 a.btn svg path{
    fill: #8A7E70;
}
.portfolio-page-wrap #cardsPortfolio #card_5 a.btn:hover{
    color: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_5 a.btn:hover svg path{
    fill: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_6 .app-btn-wrap{
    color: #9168A8;
}
.portfolio-page-wrap #cardsPortfolio #card_6 .app-btn-wrap svg path{
    fill: #9168A8;
}
.portfolio-page-wrap #cardsPortfolio #card_7 .app-btn-wrap{
    color: #4BA9AD;
}
.portfolio-page-wrap #cardsPortfolio #card_7 .app-btn-wrap svg path{
    fill: #4BA9AD;
}
.portfolio-page-wrap #cardsPortfolio #card_8 .app-btn-wrap{
    color: #1B203B;
}
.portfolio-page-wrap #cardsPortfolio #card_8 .app-btn-wrap svg path{
    fill: #1B203B;
}
.portfolio-page-wrap #cardsPortfolio #card_9 .app-btn-wrap{
    color: #0FA8A9;
}
.portfolio-page-wrap #cardsPortfolio #card_9 .app-btn-wrap svg path{
    fill: #0FA8A9;
}
.portfolio-page-wrap #cardsPortfolio #card_10 .app-btn-wrap{
    color: #684DF4;
}
.portfolio-page-wrap #cardsPortfolio #card_10 .app-btn-wrap svg path{
    fill: #684DF4;
}
.portfolio-page-wrap #cardsPortfolio #card_11 .app-btn-wrap{
    color: #62A9BC;
}
.portfolio-page-wrap #cardsPortfolio #card_11 .app-btn-wrap svg path{
    fill: #62A9BC;
}
.portfolio-page-wrap #cardsPortfolio #card_11 .app-btn-wrap:hover{
    color: #62A9BC;
}
.portfolio-page-wrap #cardsPortfolio #card_11 .app-btn-wrap:hover svg path{
    fill: #62A9BC;
}
.portfolio-page-wrap #cardsPortfolio #card_12 a.btn{
    color: #1D1D1C;
}
.portfolio-page-wrap #cardsPortfolio #card_12 a.btn svg path{
    fill: #1D1D1C;
}
.portfolio-page-wrap #cardsPortfolio #card_12 a.btn:hover{
    color: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_12 a.btn:hover svg path{
    fill: #fff;
}
.portfolio-page-wrap #cardsPortfolio #card_13 a.btn{
    color: #178256;
}
/* .portfolio-page-wrap #cardsPortfolio #card_13 a.btn svg path{
    fill: #178256;
} */
.portfolio-page-wrap #cardsPortfolio #card_13 a.btn:hover{
    color: #fff;
}
/* .portfolio-page-wrap #cardsPortfolio #card_13 a.btn:hover svg path{
    fill: #fff;
} */
.portfolio-page-wrap ul li{
    padding-bottom: 60px;
}
.portfolio-logo-wrap .brand-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.portfolio-logo-wrap .brand-item p{
        font-size: 28px;
    font-weight: 600;
}
.portfolio-logo-wrap .brand-item img{
        width: 60px;
    height: 60px;
    max-width: 60px;
    margin: inherit;
}
.portfolio-logo-wrap .brand-item img, .portfolio-logo-wrap .brand-item svg{
   /*  height: 110px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 250px;
    width: 100%;
    display: inherit;
    margin: inherit; */
}
/*==================== Portfolio Page CSS END ====================*/

/*==================== Video Page CSS ====================*/

.video-page .video_detail{
    margin-top:35px;
    position:relative;
    transition:0.3s;
}
.video-page .video_detail .icon{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:50px;
    width:50px;
}
.video-page .video_detail .icon img{
    transition:0.3s;
}
.video-page .video_detail:hover .icon img{
    transform:scale(1.5);
}
.video-page .video_detail .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '\25B6';
    width: 68px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    background: rgba(0,0,0,.8);
    border-radius: 12px;
}
.video-page .video_detail:hover .icon:after {
    background: red;
}
/*==================== Video Page CSS END ====================*/

/*==================== Testimonials Page CSS ====================*/
.review-lists > div{
    margin-top:55px;
}
.testimonial-page .review-item {
    padding: 40px 30px;
    border: solid 2px var(--bs-yellow);
    height: 100%;
}
.testimonial-page .review-item::before, .testimonial-page .review-item::after{
    position: absolute;
    content: '';
    width: 65px; 
    height: 40px;
    background-image:  url(../img/quote_icon.png);
    background-position:center;
    background-repeat:no-repeat;
    background-color:#fff;
    background-size: 50px; 
}
.testimonial-page .review-item::before{
    top: -18px; 
    left: 40px; 
}
.testimonial-page .review-item::after{
    bottom: -18px; 
    right: 40px;  
    transform: rotate(180deg);
}
.testimonial-page .review-item .title{
    font-size: 18px;
    line-height: 27px; 
    font-weight: 700 ; 
    color: #9F1F1B;
}
.star-rating {
    margin: 5px 0;
    display: inline-flex;
}
.star-rating span {
    margin-right: 5px;
}
.star-rating span:last-child {
    margin-right: 0px;
}
.star-rating span svg, .star-rating span img{
    fill: #d0d0d0;
    width: 20px;
    height: 20px;
}
.star-rating span svg path{
    fill: #d0d0d0;
}
.star-rating span.active svg, .star-rating span.active img{
    fill: #dcac35;
    width: 20px;
    height: 20px;
}
.star-rating span.active svg path{
    fill: #dcac35;
}
.google-review-sec {
    margin-top: 60px;
}
.google-review-sec .heading{
    font-size: 34px;
    line-height: 50px;
}
/*==================== Testimonials Page CSS END ====================*/

/*==================== Static Page CSS ====================*/
.mainpage h1 {font-size: 40px;}
.mainpage h2 {font-size: 35px;}
.mainpage h3 {font-size: 32px;}
.mainpage h4 {font-size: 30px;}
.mainpage h5 {font-size: 26px;}
.mainpage h6 {font-size: 20px;}
blockquote {
    background: #f1f1f1;
    padding: 20px 20px;
    border-left: 8px solid var(--bs-yellow);
    font-style: italic;
}
.mainpage ul, .postlist-single ul {
    margin-bottom: 25px;
    padding: 15px;
    background-color: #f0f0f0;
    border-radius: 15px;
}
.mainpage ul li:last-child, .postlist-single ul li:last-child{
    margin-bottom: 0px;
}
.mainpage ul li ul, .postlist-single ul li ul, .linked-list ul li ul{
    margin-bottom:8px;
}
.mainpage ul li, .postlist-single ul li, .linked-list ul li  {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}
.mainpage ul li::before, .postlist-single ul li::before, .linked-list ul li::before {
    position: absolute;
    content: "";
/*     background-image: url(../img/list-arrow.png); */
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    background-color: var(--bs-yellow);
    border-radius: 50%;
    /* background-repeat: no-repeat;
    background-position: center; */
}
.postlist-single p{
    line-height: 24px;
}
.mainpage ul li a, .postlist-single ul li a, .postlist-single a, .postlist-single ol li a, .mainpage a{
    color:var(--bs-yellow);
    font-weight: 600;
}
.mainpage ul li a:hover, .postlist-single ul li a:hover, .postlist-single a:hover, .postlist-single ol li a:hover, .mainpage a:hover{
    color:#000;
}
.mainpage ol, .postlist-single ol {
    list-style-type: none;
    counter-reset: ordered;
    margin: 0 0 20px;
    padding: 0;
}
.mainpage ol li, .postlist-single ol li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}
.mainpage ol li:last-child, .postlist-single ol li:last-child{
    margin-bottom:0;
}
.mainpage ol li::before, .postlist-single ol li::before {
    content: counter(ordered);
    counter-increment: ordered;
    position: absolute;
    left: 0;
    top: 0;
}
/*==================== Static Page CSS END ====================*/

/*==================== Team Listing Page CSS ====================*/
/* .team-page{
    background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
}
.team-listing > div{
    margin-top: 40px;
}
.team-listing .team-member {
    height: 100%;
    background: var(--bs-yellow);
}
.team-listing img.featured-img {
    display: block;
    height: 450px;
    background-size: cover;
    background-position: center top;
    width: 100%;
}
.team-listing img.no-feature {
    display: block;
    height: 450px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ebebeb;
}

.team-listing .img-box {
    position: relative;
    overflow: hidden;
}
.team-listing .img-box .hover-box {
    transform: translateY(100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(169, 27, 42, 0.56);
    z-index: 1;
    transition: 0.3s ease all;
}
.team-listing .img-box .hover-box p {
    font-weight: 400;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.team-listing .team-member:hover .hover-box {
    transform: translateY(0);
    padding: 20px;
}
.team-listing .hover-box .social-list{
    background: var(--bs-yellow);
}
.team-listing .hover-box .social-list a {
    line-height: 1;
    padding: 5px 8px;
    display: block;
}
.team-listing .hover-box .social-list svg, .team-listing .hover-box .social-list img{
    width: 20px;
    height: 20px;
    fill: #fff;
}
.team-listing .hover-box .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
}
.team-listing .hover-box .arrow svg, .team-listing .hover-box .arrow img {
    width: 30px;
    height: 30px;
    fill:#fff;
}
.team-listing .hover-box .arrow svg path {
    fill:#fff;
}
.team-listing .detail-box a{
    display:block;
    padding: 15px 15px;
}
.team-listing .detail_box .title {
    font-size: 28px;
    font-weight: 600;
}
.team-listing .detail-box .designation {
    color: #E29B9B;
    font-size:18px;
    font-weight: 500;
} */
/*==================== Team Listing Page CSS END ====================*/

/*==================== Team Details Page CSS ====================*/
.team-details{
    position:relative;
}
.team-details::before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    top:0;
    background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
    height:400px;
    z-index:-1;
}
.team-details .social_list{
    line-height: 1; 
    color: var(--bs-yellow); 
    font-size: 24px; 
    background: rgba(251, 251, 251, 0.6);
    border: 1px solid rgba(207, 207, 207, 0.4);
}
.team-details .social_list svg, .team-details .social_list img{
    width: 22px;
    height: 22px;
    fill: #B8B8B8;
}
.team-details .social_list svg path{
    fill: #B8B8B8;
}
.team-details .content_box blockquote {
    position: relative;
    border: 2px solid var(--bs-yellow);
    padding: 40px 30px;
    margin: 40px 0;
    background: none;
    font-style: normal;
}
.team-details .content_box blockquote p {
    font-size: 18px;
    line-height: 32px;
}
.team-details .content_box blockquote::before, .team-details .content_box blockquote::after{
    position: absolute; 
    content: ''; 
    width: 60px; 
    height: 40px; 
    background-image:url(../img/quote_icon.png);
    background-color:#fff;
    background-position:center;
    background-repeat:no-repeat;
    background-size: 52px; 
}
.team-details .content_box blockquote::after{
    top: -20px; 
    left: 25px;
}
.team-details .content_box blockquote::before{
    bottom: -16px; 
    right: 25px; 
    transform: rotate(180deg);
}
/*==================== Team Details Page CSS END ====================*/
/*==================== Contact Page CSS ====================*/
.contact-page-form-wrap {
    background-color: var(--bs-white);
    padding: 40px 30px;
    box-shadow: 0px 4px 16px 0px #00000014;
    border-radius: 20px;
}
.contact-form-section{
    background-color: #FFDE93;
    padding-top: 150px;
    position: relative;
    z-index: 11;
    overflow: hidden;
}
.contact-form-section:before {
    content: '';
    position: absolute;
    height: calc(100% - 50%);
    width: 100%;
    background-color: var(--bs-white);
    bottom: -95px;
    left: 0;
    z-index: 1;
}
.contact-page-form-wrap{
    position: relative;
    z-index: 11;
    bottom: 20px;
}
.contact-page-form-wrap .h4{
    font-weight: 500;
}
.contact-page-details .heading-section p{
    font-weight: 500;
    font-size: 18px;
}

.contact-page-form-wrap .wpcf7-radio{
    display: flex;
    width: 100%;
    gap: 0px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.contact-page-form-wrap .wpcf7-radio .wpcf7-list-item{
   width: calc(100% / 3);
       margin-left: 0px;
}
.contact-page-form-wrap .wpcf7-radio label{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0px !important;
        border-right: 1px solid #d8d8d8;

}
.contact-page-form-wrap .wpcf7-radio label input{
    appearance: none;
    height: 45px;
    opacity: 1;
    display: block;
    border-radius: 0px;
}
.contact-page-form-wrap .wpcf7-radio label input[type="radio"]:checked {
    background-color: var(--bs-yellow);
    color: #fff;
    opacity: 1;
    display: block;
}
.contact-page-form-wrap .wpcf7-radio label span {
    position: absolute;
    pointer-events: none;
    display: block !important;
    opacity: 1 !important;
}

.contact-page-form-wrap .wpcf7-radio label input[type=radio]:checked ~ span {
    color: var(--bs-white);
}
.contact-page-form-wrap label {
    font-weight: 600;
}
/* .contact-partner-img-wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    position: relative;
    width: fit-content;
}
.contact-partner-img-wrap:before {
    content: '';
    position: absolute;
    height: 66px;
    width: 1px;
    background: transparent;
    left: 50%;
    border: 1px dashed;
} */
.contact-page-details{
    position: relative;
    height: 100%;
}
/* .contact-partners-wrap{
    position: absolute;
    bottom: 15px;
    z-index: 11;
} */
.contact-partners-wrap {
    position: absolute;
    bottom: 15px;
    z-index: 11;
    width: calc(100% - 30%);
}
.contact-partner-item {
    border-right: 1px dotted #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
}
.contact-partner-item img{
        max-width: 60%;
}
/*==================== Contact Page CSS END ====================*/
/*==================== Portfolio Page CSS ====================*/
/* .portfolio-banner-section{
    height: 100vh;
    display: flex;
    align-items: center;
        background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
} */
.portfolio-logo-wrap{
    -webkit-box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    -moz-box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    box-shadow: 0px -7px 13px -5px rgba(145, 142, 145, 1);
    border-radius: 20px 20px 0px 0px;
}
/*==================== Portfolio Page CSS END ====================*/

/*==================== Free eBook Page CSS ====================*/
.ebook-page .ebook-block .description {
    font-size: 25px;
    line-height: 38px;
    font-weight: 600;
}
.ebook-page .ebook-block .description a {
    font-weight: 600;
}
.modal-content button.close {
    position: absolute;
    right: 0;
    top: -25px;
    color: #fff;
    opacity: 1;
}
.modal-backdrop.show {
    opacity: 0.78;
}
.modal-content {
    border: none;
    border-radius: 0;
}
.modal-body {
    padding: 0;
}
.modal-content .book-title {
    background: #000;
    border-radius: 0px 46px 46px 0px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    padding: 15px 15px 12px;
    line-height: normal;
    text-align: center;
    margin-left: -15px;
    margin-bottom:40px;
}
.modal-body .wpcf7 {
    padding: 20px 30px 20px 20px;
}


.pop-up-form-wrap .modal-body .wpcf7 {
    padding: 10px;
}


.modal-body .wpcf7 input, .modal-body .wpcf7 textarea{
    border: 1px solid #DFDFDF;
    border-radius: 10px;
}
.modal-body .wpcf7 input[type="submit"] {
    border-radius: 0px;
    border: 2px solid var(--bs-yellow);
}
.close{
    text-shadow:none;
    opacity: 1;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #fff;
    opacity: 0.8;
}
/*==================== Free eBook Page CSS END ====================*/


/*================ IE CSS =================*/
@media all and (-ms-high-contrast:none){
.menu-top::before{
    bottom:12px;
}
.search-icon{
    margin-top:-13px;
}
.team-listing .img-box .hover-box p{
    background:none;
    color:#fff;
}
}
/*================ IE CSS END =================*/

.subheading {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
}
.home-team-sec .img-block {
    position:relative;
    padding: 0 0 15px 15px;
}
.home-team-sec .img-block::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    border: 2px solid var(--bs-yellow);
    top: 15px;
    right: 15px;
}
.home-team-sec .img-block img {
    width: 100%;
    display:block;
    position: relative;
    z-index: 9;
}



.faqs-tabs .faq-card {
    margin-bottom: 25px;
    border-radius: 0;
    border: 1px solid #dcdcdc !important;
}
.faqs-tabs .faq-title {
    padding: 13px 55px 13px 20px;
    border: none;
    background: #F8F8F8;
    border-radius: 0;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    cursor:pointer;
}

.plus-holder {
    width: 27px;
    height: 27px;
    position: absolute;
    right: 15px;
    top: 50%;
    border-radius: 50%;
    border: 2px solid var(--bs-yellow);
    transform: translateY(-50%);
}
.plus {
    display: inline-block;
    /* background: linear-gradient(var(--bs-yellow),var(--bs-yellow)),linear-gradient(var(--bs-yellow),var(--bs-yellow)); */
    background-position: center;
    background-size: 50% 2px,2px 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
div[aria-expanded=true] .plus {
    background: linear-gradient(var(--bs-yellow),var(--bs-yellow));
    background-position: center;
    background-size: 50% 2px,2px 50%;
    background-repeat: no-repeat;
}


.home-contact-form form span {
    width: 50%;
    padding: 0 15px;
}

.home-contact-form form .Message {
    width: 100%;
}

.home-contact-form form .NewClient {
    width: 100%;
}

.home-commitment-sec .list-cntn ul {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-top:30px;
}

.home-commitment-sec .list-cntn ul li {
    width: 50%;
}


.practice-areas-slider .slick-arrow {
    bottom: -50px;
    background: #fff;
}

.slick-arrow svg, .slick-arrow img {
    width: 26px;
    height: 26px;
    fill: #000;
}
.practice_right_content {
    padding: 60px 0 0px 80px;
}

.wesite-banner-silder {
  visibility: hidden; /* Hide the slider initially */
  opacity: 0;         /* Set opacity to 0 for a smooth fade-in effect */
  transition: opacity 0.5s ease-in-out; /* Optional smooth fade-in */
}

.slick-initialized {
  visibility: visible; /* Show the slider after initialization */
  opacity: 1;          /* Fade it in */
}

.mobile-banner-silder {
  visibility: hidden; /* Hide the slider initially */
  opacity: 0;         /* Set opacity to 0 for a smooth fade-in effect */
  transition: opacity 0.5s ease-in-out; /* Optional smooth fade-in */
}

.slick-initialized {
  visibility: visible; /* Show the slider after initialization */
  opacity: 1;          /* Fade it in */
}
.toc-wrap.ipad {
    position: sticky;
    top: 100px;
    z-index: 9;
}

aside.blog-sidebar.fullwidth {
    position: sticky;
    top: 100px;
	position: sticky;
    top: 100px;
    background: #f6f6f6;
    padding: 30px;
    border-radius: 10px;
}


.postlist-single ul li.adj:before {
    top: 6px !important;
}
.contnet-error .center-btn {
    margin: 45px auto 0px;
    display: block;
    max-width: 350px;
}
.contnet-error .center-btn a{
    width: 100%;
}
.thankyou-content .quote-line{
    font-weight: 600;
    font-style: italic;
}

.contact-partner-img-wrap{
	visibility: hidden; /* Hide the slider initially */
  opacity: 0;         /* Set opacity to 0 for a smooth fade-in effect */
  transition: opacity 0.5s ease-in-out; /* Optional smooth fade-in */
}

.slick-initialized {
  visibility: visible; /* Show the slider after initialization */
  opacity: 1;          /* Fade it in */
}


.banner-slider-wrap{
  visibility: hidden; /* Hide the slider initially */
  opacity: 0;         /* Set opacity to 0 for a smooth fade-in effect */
  transition: opacity 0.5s ease-in-out; /* Optional smooth fade-in */
}

.banner-slider-wrap.slick-initialized {
  visibility: visible; /* Show the slider after initialization */
  opacity: 1;          /* Fade it in */
}

@keyframes bgZoom {
    0% { background-size: 100%; }   /* Normal size */
    50% { background-size: 105%; } /* Zoom in */
    100% { background-size: 100%; } /* Zoom out */
}

p.date {
    padding: 10px 10px 0 10px;
}

a.category {
    color: #d69638;
    background: #f9f0db;
    padding: 5px 30px;
    border-radius: 20px;
    display: inline-block;
	margin: 10px 0;
    margin: 0;
}

.company-location-img img{
	width:40%;
}

#main-logo {
    transition: opacity 0.3s ease-in-out;
}


.portfolio-image-wrap a {
    pointer-events: none;
}

@media screen and (min-device-width: 220px) and (max-device-width: 989px) { 
	body.page-template .main-header #main-logo {
		width:100%;
	}
}

.portfolio-title h3{
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 50px;
	color:#fff;
}

.services-title h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}

.wow {
visibility: visible !important;}

 .typewriter {
            font-size: 24px;
            border-right: 2px solid white; /* Cursor effect */
            padding-right: 5px;
            white-space: nowrap;
            overflow: hidden;
            width: 0;
            animation: blinkCursor 0.8s infinite;
        }

        @keyframes blinkCursor {
            50% {
                border-color: transparent;
            }
        }
body.category .page-banner {
	background: #d69500 !important;
}

body.category header.main-header{
	background:#fff;
}

body.postid-3316 h1.banner-title {
    color: #fff !important;
}

.demand-feature-title-wrap .nav-link.active h3.features_title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
}

.demand-feature-title-wrap .nav-link h3.features_title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: green !important;
    font-weight: bold;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	color:#fff;
}

header.bg-white {
    z-index: 99999;
    width: 100%;
    box-shadow:0px 3px 12px 0px #d2d2d2;
    padding: 0px 0;
    position: fixed;
    top:0;
}

.pop-form-box .modal.fade .modal-dialog{
    transform: translate(0, 7%);
}



.blog-author.d-flex.align-items-start.mb-3 {
    margin: 20px 0 0;
    background: #fae2aa;
    padding: 20px;
    border-radius: 15px;
}
.author-details {
    line-height: 24px;
}

img.avatar.avatar-40.photo {
    width: 100%;
    border-radius: 50%;
}

.author-img.me-4 {
    width: 300px;
}

.author-nickname.fw-bold {
    margin: 0 0 10px 0;
}

.blog-table thead{
    background: #d69500;
}

.blog-table th{
    color:#fff;
    padding: 10px;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;

}

.blog-table td{
    padding: 10px;
}
.address-content h3{
    color: #fff;
}

.address-content ul li a{
    color: #fff;
}

.address-content {
    margin: 30px 0 0;
}

.flag-wrap {
    padding: 0px 30px 0px 0;
}


.flag-wrap:hover {
    background: rgb(217 217 217 / 20%);
    width: fit-content;
    border-radius: 20px 25px 25px 20px;
}

.flag-wrap.active {
    background: rgb(217 217 217 / 20%);
    width: fit-content;
    border-radius: 20px 25px 25px 20px;
}

span.code {
    margin: 0 0 0 10px;
}

.country-box {
    padding: 40px 0 0 0;
}

/*--------------Home New----------------*/

.yellow-btn-home a {
    position: relative;
    display: inline-block;
    padding: 14px 36px;
    font-size: 16px;
    font-weight: 600;
    background: #d69500;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    overflow: hidden;
    transition: color 0.4s ease-in-out;
    z-index: 1;
    margin: 20px 0 0;
  }
  
  .yellow-btn-home a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    border:1px solid #d69500;
    border-radius: 8px;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease-in-out;
  }
  
  .yellow-btn-home a:hover::before {
    transform: scaleX(1);
  }
  
  .yellow-btn-home a span {
    position: relative;
    z-index: 2;
    color: #fff;
    transition: color 0.4s ease-in-out;
  }
  
  
  

  

 /* Banner Section */
 .home-banner-section-new {
    position: relative;
    height: 100vh;
    background-color: #000;
    overflow: hidden;
  }

  /* Particle Container inside section */
#tsparticles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}

  .home-heading {
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  width: 100%;
  padding: 0 20px;
  }

  .home-heading h1 {
    font-size: 62px;
    font-weight: 500;
}

.home-heading span {
    animation: lights 5s 750ms linear infinite;
}

    body.home #mega-menu-wrap-header_menu {
        background: #000;
    }

    header #main-logo-home-white {
        display: none;
    }

    body.home header #main-logo-home-white {
        display: block;
    }

    body.home #main-logo {
        display: none;
    }

    body.home #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link {
        color: #fff;
    }

    body.home .navbar-collapse ul li#mega-menu-item-5500 {
        background: #d69500 !important;
        border-radius: 7px !important;
    }
    body.home .navbar-collapse ul li#mega-menu-item-5500 svg {
        margin: 0 10px 0 0;
    }

    body.home  ul.mega-menu li#mega-menu-item-5500 svg.menu-icon.replaced-svg path {
        fill: #fff;
    }

    body.home header.bg-white {
        box-shadow: none;
        border-bottom: 0.1px solid #575555;
        background: #050406 !important;
        padding: 0px 0;
        position: fixed;
        top: 0;
    }

    .banner-video-home {
        width: 100%;
    }

    .banner-video-home video {
        width: 40%;
        object-position: center;
    }

    #tsparticles-banner1 {
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        z-index: 1; /* or higher depending on what else is stacking */
        pointer-events: none;
      }

/* Section Styles */
.home-video-section {
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 1; /* Lower z-index to allow the stats section to overlay */
    overflow: hidden;
    position: relative;
  }

.pinned-wrapper {
    position: relative;
    height: 300vh; /* enough scroll space */
}

/* Section 2: Video Section */
.home-video-section {
    height: 100vh;
    background: black;
    position: sticky;
    top: 80px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The video in Section 2 */
.home-video-section video {
    width: 80%;
    height: auto;
    object-fit: cover;
}

/* Background Overlay (Initially invisible) */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Start with no opacity */
    z-index: 1; /* Stay below the video but above the section background */
    transition: background 0.3s ease; /* Smooth transition */
}

/* Overlay Text */
.overlay-text {
    position: absolute;
    color: white;
    font-size: 3rem;
    text-align: center;
}

/* Section 3: Stats Section (Overlays over Video Section) */
.stats-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400vh;
    background: transparent;
    z-index: 3;
    pointer-events: none;
}

.stats-card {
    position: relative;
    top: 120vh;
    color: #fff;
    /* width: 300px; */
    margin: 100px auto;
    padding: 2rem;
    font-size: 4rem;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    display: block;
    line-height: 70px;
}

.stats-card {
    opacity: 0.2;
    transition: opacity 0.3s ease-out;
  }

  .stats-section span {
    display: block;
    font-size: 32px;
    line-height: 30px;
}

  .aiStat-card-left {
    background: linear-gradient(162.5deg, rgba(98, 79, 12, .67) 1.36%, rgba(98, 79, 12, .27) 29.15%, rgba(98, 79, 12, .04) 56.93%);
    padding: 20px;
    border-radius: 25px;
    border: 0.94px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(66, 66, 72, 0.2) 100%);
    border-width: 1px;
}

  .aiStat-card-left h3{
    font-weight: normal;
    color: #fff;
  }

  .aiStat-card {
    padding-bottom: 20px;
}

  .aiStat-card img {
    border-radius: 20px;
}

  .aiStat-card-left p{
    color: #fff;
  }

  .aiStat-card-left h2 {
    font-weight: 700;
    color: #d69500;
    font-size: 62px;
    margin: 0;
    line-height: 60px;
}

  .aiStat-card-left h4{
    font-weight: 600;
    color: #fff;
    font-size: 42px;
  }

  .ai-stat-card-three {
    background: linear-gradient(180deg, #05353B 0%, rgba(21, 12, 12, 0.07) 100%);
    height: 200px;
    position: relative;
    left: 0;
}

.ai-stat-card-three img{
    position: relative;
    top:-100px;
}
.ai-stat-card-three p{
    position: absolute;
    BOTTOM: 15px;
    left: 0;
}

.ts-like-image img {
    max-width: 60px;
    margin-right: 10px;
}

.home-award-section{
    padding: 80px 0;
}

section.home-service-section{
    background: #000;
    padding: 80px 0;
}

section.home-service-section p{
    color: #bdbdbd;
}

.home-services-new h3 {
    color: #fff;
    font-size: 18px;
}


.home-services-new p{
    color: #939393;
}

.home-first-cta .cta-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

section.home-first-cta {
    background: #000;
}

.home-first-cta h3 {
    font-weight: normal;
    font-size: 22px;
}

.home-first-cta span {
    color: #d69500
}

.home-first-cta img {
    border-radius: 12px;
    border: 1px solid #1a1a1a;
    width: 100%;
}
.step-approach-section button {
    background: none;
    border: none;
}

.step-approach-section button.active span.home-step-number {
    color: #74ace7;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #74ace7;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-bottom: 15px;
}

.step-approach-section button span.home-step-number {
    color: #939393;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #939393;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-bottom: 15px;
}
button.active  h3.tab-head {
    color: #74ACE7;
    font-size: 20px;
    font-weight: normal;
}

h3.tab-head {
    color: #939393;
    font-size: 20px;
    font-weight: normal;
}


.step-approach-section button {
    background: none !IMPORTANT;
    border: none !IMPORTANT;
    text-align: left;
}

.step-approach-section .tab-content ul.point-desc {
    list-style: disc;
}

ul.point-desc li {
    color: #AAAAAA;
    margin-bottom: 20px;
}

ul.point-desc span {
    color: #fff;
    font-weight: bold;
}

.step-approach-section ul li button.active {
    border-bottom: 2px solid #74ACE7 ! IMPORTANT;
}

.step-approach-section ul#stepTabs {
    border: none !important;
}
section.step-approach-section {
    padding: 80px 0;
}

.home-industries-section {
    background: #000;
    padding: 80px 0;
}

.industries-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* space between cards */
    justify-content: center; /* center them horizontally */
  }
  
  .industry-card {
    background: linear-gradient(136.54deg, rgba(64, 123, 255, 0.1) 6.7%, rgba(112, 78, 0, 0.1) 93.3%);
    border-radius: 12px;
    padding: 20px;
    width: 23%;
    text-align: center;
    color: white;
    transition: transform 0.3s ease;
    border: 1px solid #272727;
  border-radius: 12px;
  }
  
  .industry-card:hover {
    transform: translateY(-5px);
  }
  
  .industry-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  
  .industry-card h3.industry-title {
    font-size: 18px;
    color: #fff;
}

.home-faq-section .accordion-item {
    padding: 10px 0;
    background: transparent;
}

.home-faq-section .accordion-item .accordion-header .accordion-button:before {
    border-color: #fff;
    color: #fff;
}

.faq-container {
    max-width: 1100px;
    margin: 0 auto;
}

.space-pd.home-new-blog-sec {
    background: #000;
}

.home-new-blog-sec .blog-card {
    border: 2px solid transparent; /* Required! Sets the border thickness */
    border-image-source: linear-gradient(95.6deg, #747474 0%, rgba(23, 23, 23, 0) 10%, rgba(23, 23, 23, 0) 90%, #747474 100%);
    border-image-slice: 1; /* Makes the entire gradient apply across the border */
}

@keyframes lights {
    0% {
      color: hsl(230, 40%, 80%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.2),
        0 0 0.125em hsla(320, 100%, 60%, 0.3),
        -1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
        1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }
    
    30% { 
      color: hsl(230, 80%, 90%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 60%, 0.5),
        -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
        0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }
    
    40% { 
      color: hsl(230, 100%, 95%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 90%, 0.5),
        -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
        0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
    }
    
    70% {
      color: hsl(230, 80%, 90%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 60%, 0.5),
        0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
        -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }
    
    100% {
      color: hsl(230, 40%, 80%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.2),
        0 0 0.125em hsla(320, 100%, 60%, 0.3),
        1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
        -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }
    
  }

  section.aiStat-section {
    padding: 80px 0;
    display: inline-block;
    width: 100%;
}

.home-white-btn a{
    position: relative;
    display: inline-block;
    padding: 14px 36px;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    color: #000;
    border-radius: 8px;
    text-decoration: none;
    overflow: hidden;
    transition: color .4s ease-in-out;
    z-index: 1;
    margin: 20px 0 0;
	cursor: pointer;
}

.home-white-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    border:1px solid #d69500;
    border-radius: 8px;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease-in-out;
  }

  .home-white-btn a:hover {
    color: #fff;
  }
  
  .home-white-btn a:hover::before {
    transform: scaleX(1);
    color: #fff;
  }
  
  .home-white-btn a span {
    position: relative;
    z-index: 2;
    color: #fff;
    transition: color 0.4s ease-in-out;
  }

  .aiStat-card p {
    line-height: 22px;
}

.aiStat-card-right p{
    line-height: 22px;
}

.home-services-new:hover {
    border:.5px solid #3a3939;
}

.home-services-new:hover h3{
    color: #d69500;
}

.home-services-new:hover svg path{
    fill: #d69500;
}

.reason-card {
    padding: 10px;
    background: #0E0E10;
    border: 1px solid #18181B;
    border-radius: 20px;
}

.reason-card:hover {
    border: 1px solid #fafafa;
}

.home-industries-section:after {
    display: none;
}

.ts-slide-image img {
    position: absolute;
    top: -94px;
    right: -2px;
}

.home-faq-section ul {
    list-style: disc;
    margin: 0 0 0 20px;
}

.home-faq-section button.accordion-button {
    font-weight: bold;
    font-size: 18px;
}

.mobile-stats-section {
    display: flex;
    background: #161616;
    padding: 10px;
    flex-direction: row;
}

.stats-card-mobile {
    color: #fff;
}

.mobile-box-home{
    display: none;
}

img.ts-slide-bg-mobile {
    display: none;
}

.home-first-cta h2 {
    font-size: 32px;
    line-height: 40px;
}
.reasons-section h3 {
    font-size: 20px;
}

#main-logo-home-white img{
    width: 100%;
}

.home-award-section img {
    padding: 0 10px;
}
.home-new-blog-sec p {
    color: #fff;
}

.navbar-collapse ul li#mega-menu-item-5500 svg {
    margin: 0 10px 0 0;
    fill: #000;
}

.navbar-collapse ul li#mega-menu-item-5500 svg path{
    fill: #000;
}

.contact-form input {
    color: #fff;
}

.row .col-lg-3:last-child .web-award-logo-wrap::after {
    display: none;
}
.nav-links:hover {
    color: #000;
    background: none !important;
}

.pagination .nav-links .current, .pagination .current, .pagination .nav-links *:hover, .pagination *:hover{
	    background: #d69500;
}

body.page-id-1324 .home-industries-section
 {
    background: none;
    padding: 80px 0;
}

body.search .content {
    position:static;
    width:100%;
    text-align: left;
}

.service-card-des-com svg {
    width: 100%;
}

.service-card-des-com img {
    width: 100%;
}



.d-flex.align-items-center.justify-content-start img[alt="Arrow Up"] {
  width: 50px !important;
  height: 50px !important;
}


h1{
	font-size: 42px;
}

.uk-btn a {
    background: #e8ebef;
    color: blue;	
}

element.style {
    background-image: url(https://dev-story.com/wp-content/uploads/2025/06/Bg-image.webp);
    background-size: cover;
}

section.startup-pricing-section {
    padding: 80px 0;
}

.estate-heading-ind h2 {
	font-size: 39px;
}

.estate-heading-ind h1 {
    font-size: 38px;
}

.ind-faq-section ul {
    list-style: disc;
    margin: 0 0 0 18px;
}

.estate-heading-ind h2{  /*cta size change fitness */
	font-size: 38px;
}

.taxi-industry-section p {
    max-width: 602px;
}

.about-inner-content {
        padding-top: 140px;
    }

.heading{
	font-size:46px;
}

/*---------------Guides-------------*/

.guides-hero {
    padding: 120px 20px;
    background: #f9f9f9;
    text-align: center;
    background: url(https://revamp.dev-story.com/wp-content/uploads/2025/07/banner-image-1.png) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}

.guide-search-form {
    margin-top: 20px;
}

.guide-search-form input[type="search"] {
    width: 60%;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #ccc;
    color: #000;
}

.guide-search-form button {
    padding: 10px 20px;
    margin-left: 10px;
    border: none;
    background: #D69500;
    color: #fff;
    border-radius: 25px;
}

.category-tabs {
    text-align: center;
    margin: 20px 0;
}

.category-tab {
    display: inline-block;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #eee;
    text-decoration: none;
    color: #333;
}

.category-tab.active {
    background: #D69500;
    color: #fff;
}

.guides-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.featured-guide {
    flex: 2;
    background: #fff7e6;
    padding: 20px;
    border-radius: 10px;
}

.featured-guide img {
    width: 100%;
    border-radius: 10px;
}

.side-guide {
    flex: 1;
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.side-guide h4 {
    font-size: 16px;
    margin: 10px 0;
}

.badge {
    background: #f4b400;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.meta {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.pagination {
    margin-top: 30px;
    text-align: center;
}

.guide-breadcrumb { padding: 70px 0 0; font-size: 14px; }
.guide-hero { color: #fff; background-size: 100% !important; padding: 60px 0; }
.hero-title { font-size: 36px; font-weight: bold; }

.guide-breadcrumb a {
    padding: 0 15px 0 15px;
    color: #fff;
}

.guide-breadcrumb a:hover {
    color: #5dbef3;
}

.guide-breadcrumb span {
    padding: 0 15px;
    color: #5dbef3;
}


section.guide-breadcrumb {
    padding: 28px 0 0;
    margin-top: 75px;
}

nav.breadcrumb-guide {
    background: #f7f7f7;
    padding: 10px 0;
}

nav.breadcrumb-guide a{
    padding: 0 0 0 8px;
}

.guide-badge {
    background: #0c56c7;
    padding: 3px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

.guite-avatar img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.guite-avatar p {
    display: inline-block;
    color: #fff;
    margin: 0;
}

.guite-avatar span {
    color: #fff;
}

.arrow-top {
    color: #2f80ed;
}

ul.guide-list li {
    color: #000;
}

.guide-blue-btn a {
    background: #135CE5;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    color: #fff;
}

.benefit-card {
  background: #f7faff;
  border: 1px solid #d0e4ff;
  border-radius: 20px;
  min-height: 350px;
}

.benefits-slider .slick-dots {
  margin-top: 20px;
  text-align: center;
}
.benefits-slider .slick-dots li button:before {
  font-size: 26px;
  color: #5675FF;
}
.benefit-card ul {
  padding-left: 20px;
  margin-bottom: 0;
  list-style: disc;
  margin-bottom: 20px;
}

.benefits-slider ul.slick-dots {
    display: inline-block;
}

.benefits-slider ul.slick-dots li.slick-active {
    background-color: none;
    border-radius: 0px;
}

.benefits-slider ul.slick-dots li {
    width: auto;
    background: none;
    height: auto;
    margin: 0;
}

.cta-growth-section h2 span {
    background: linear-gradient(89.98deg, #6499FD 0.01%, #FFFFFF 79.14%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.accordion-steps .step-item {
  background: rgba(100, 153, 253, 0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.step-toggle {
  background: none;
  border: none;
  font-size: 1rem;
  color: #003366;
  cursor: pointer;
}

.step-toggle:hover {
  background-color: rgba(100, 153, 253, 0.1);
}

.step-number {
  font-weight: bold;
}

.step-content {
  background: #f9fbff;
  border-top: 1px solid #dbeafe;
  font-size: 0.95rem;
  color: #444;
}

.pre-dev-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  color: #fff;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.pre-dev-section h2 {
  color: #fff;
}

.pre-dev-section {
    padding: 20px;
}
.pre-dev-section h2 {
    font-size: 32px;
}

.point-toggle-btn {
  background-color: #fff;
  border: 2px solid #a4ccff;
  border-radius: 10px;
  color: #0055ff;
  font-size: 1.1rem;
  transition: 0.3s;
}

.point-toggle-btn:hover {
  background: #e6f0ff;
}

.subpoint-box {
  transition: 0.3s;
}
.subpoint-box:hover {
  background: #f1f7ff;
}

.platform-section ul {
    list-style: disc;
    margin: 0 0 20px 20px;
}

.platform-section ul p{
    display: none;
}

.platform-section ul li {
    padding: 10px 0;
}

.point-content ul{
    list-style: disc;
    margin: 0 0 0 20px;
}

.custom-step-section .step-number {
  font-size: 100px;
  position: absolute;
  top: 0;
  right: 20px;
  opacity: 0.06;
  z-index: 0;
}

.step-tabs .step-tab-btn {
  border: none;
  background: none;
  padding: 12px 15px;
  border-left: 4px solid transparent;
  transition: all 0.3s ease;
}
.step-tabs .step-tab-btn.active {
  background-color: #f5f5f5;
  font-weight: 600;
  border-left-color: #007bff;
}
.step-tab-content {
  display: none;
}
.step-tab-content.active {
  display: block;
}

.testing-quality-section {
    background: #f9fbff;
    padding: 60px 0;
    font-family: "Inter", sans-serif;
    color: #333;
}

.testing-quality-section .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.step-label {
    display: inline-block;
    background-color: #0b5ed7;
    color: #fff;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.testing-quality-section h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.testing-quality-section p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.testing-quality-section h3 {
    color: #0b5ed7;
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px;
}

/* Testing Type Boxes */
.testing-types {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.test-box {
    flex: 1 1 calc(50% - 15px);
    background: #fff;
    border: 1px solid #cfd8e3;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 600;
    color: #0b5ed7;
    transition: all 0.3s ease;
    cursor: default;
}

.test-box:hover {
    background: #e8f1fd;
}

/* Bullet Points Styling */
.bug-points, .stability-points {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.bug-points li, .stability-points li {
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 22px;
    position: relative;
}

.bug-points li::before, .stability-points li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0b5ed7;
    font-size: 20px;
    top: 2px;
}

.bug-points strong, .stability-points strong {
    font-weight: 700;
}

/* View More Link */
.view-more {
    display: inline-block;
    font-size: 14px;
    color: #0b5ed7;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
    transition: color 0.3s ease;
}

.view-more:hover {
    color: #083079;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .test-box {
        flex: 1 1 100%;
    }
}

.testing-type-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 15px;
    margin-bottom: 20px;
}

.test-tab {
    background: #fff;
    border: 1px solid #cfd8e3;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    color: #0b5ed7;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.test-tab:hover, .test-tab.active {
    background: #e8f1fd;
    border-color: #0b5ed7;
}

.test-tab-content-wrapper {
    margin-top: 20px;
}

.test-tab-content {
    display: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    color: #333;
    line-height: 1.8;
}

.test-tab-content.active {
    display: block;
}

.launching-app-section {
    background: #f9fbff;
    padding: 60px 0;
    font-family: "Inter", sans-serif;
    color: #333;
}

.launching-app-section .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.step-label {
    display: inline-block;
    background-color: #0b5ed7;
    color: #fff;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.launching-app-section h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.launching-app-section p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Launch Steps */
.launching-steps {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}

.launch-step-box {
    background: #fff;
    border: 1px solid #0b5ed7;
    border-radius: 8px;
    padding: 15px 20px;
    color: #0b5ed7;
    font-weight: 700;
    font-size: 16px;
    cursor: default;
    transition: background 0.3s ease;
}

.launch-step-box:hover {
    background: #e8f1fd;
}

/* Additional Considerations */
.additional-considerations {
    background: linear-gradient(90deg, #e0f2ff, #f9fbff);
    padding: 20px 25px;
    border-radius: 12px;
    color: #333;
}

.additional-considerations h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.consideration-points {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.consideration-points li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.consideration-points li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0b5ed7;
    font-size: 18px;
    top: 2px;
}

.consideration-points strong {
    font-weight: 700;
}

.launching-steps-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 15px;
    margin-bottom: 20px;
}

.launch-tab {
    background: #fff;
    border: 1px solid #0b5ed7;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 700;
    color: #0b5ed7;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.launch-tab.active, .launch-tab:hover {
    background: #e8f1fd;
    border-color: #0b5ed7;
}

.launch-tab-contents {
    margin-bottom: 30px;
}

.launch-tab-content {
    display: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    color: #333;
    line-height: 1.8;
}

.launch-tab-content.active {
    display: block;
}

/* Additional Considerations */
.additional-considerations {
    background: linear-gradient(90deg, #e0f2ff, #f9fbff);
    padding: 20px 25px;
    border-radius: 12px;
    color: #333;
}

.additional-considerations h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.launch-accordion-wrapper {
    margin-top: 20px;
}

.launch-accordion-item {
    border: 1px solid #0b5ed7;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.launch-accordion-header {
    background: #fff;
    padding: 15px 20px;
    color: #0b5ed7;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.3s ease;
}

.launch-accordion-header:hover {
    background: #e8f1fd;
}

.launch-accordion-content {
    display: none;
    padding: 15px 20px;
    background: #f9fbff;
    color: #333;
    line-height: 1.8;
}

/* Additional Considerations */
.launch-additional-considerations {
    background: linear-gradient(90deg, #e0f2ff, #f9fbff);
    padding: 20px 25px;
    border-radius: 12px;
    color: #333;
}

.launch-additional-considerations h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.growth-cta-section {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.growth-cta-section span.highlight{
    background: linear-gradient(90deg, #1891FB 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.post-growth-section h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.post-growth-section p {
    font-size: 16px;
    margin-bottom: 30px;
    color: #444;
}

.growth-slider {
    position: relative;
}

.growth-card {
    background: #e9f4ff;
    border: 1px solid #b3d9ff;
    border-radius: 10px;
    padding: 25px;
    min-height: 450px;
    position: relative;
}

.growth-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.growth-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.growth-default-icon {
    font-size: 20px;
    color: #0b5ed7;
    margin-right: 10px;
}

.growth-card-content ul {
    margin: 10px 0 0;
    padding-left: 20px;
}

.growth-slider-nav {
    text-align: center;
    margin-top: 20px;
}

.growth-slider-nav button {
    background: #0b5ed7;
    color: #fff;
    border: none;
    padding: 8px 15px;
    margin: 0 5px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.growth-slider-nav button:hover {
    background: #063b93;
}

.growth-slider ul {
    padding-left: 20px;
    margin-bottom: 0;
    list-style: disc;
    margin-bottom: 20px;
}

.post-conclusion-section {
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 50px 20px;
    border-radius: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.post-conclusion-inner {
    max-width: 1000px;
    margin: 0 auto;
}

.conclusion-quote {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.6;
}

.conclusion-quote em {
    font-style: italic;
    font-weight: 600;
}

.conclusion-text {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
}

.conclusion-text p {
    margin-bottom: 12px;
}
.quote-blue {
    color: #00b4ff; /* Use your brand blue */
    font-size: 26px;
    font-weight: 700;
    vertical-align: middle;
}

.legal-conclusion {
    background-size: cover;
    background-position: center;
    padding: 30px;
    border-radius: 12px;
    color: #fff; /* For white text over image */
}

.legal-quote {
    font-size: 15px;
    font-style: italic;
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 3px solid #00b4ff;
    color: #fff;
}

.legal-text {
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
}

.accordion-button img {
    max-width: 40px;
    transition: transform 0.3s;
}

.accordion-button.collapsed img {
    transform: rotate(0deg);
}

.accordion-button:not(.collapsed) img {
    transform: rotate(180deg);
}

.trend-svg-image svg{
    width: 50px;
    height: 50px;
}

.bg-light-blue {
  background: linear-gradient(180deg, #F6FAFF 0%, #FFFFFF 100%);
  border: 1px solid #DCEBFF;
}

.app-cost-section ul li {
  font-size: 15px;
  line-height: 1.6;
}

.app-cost-table th,
.app-cost-table td {
  padding: 20px;
  vertical-align: top;
  background-color: #f6faff;
  border: 1px solid #DCEBFF;
}

.app-cost-table th {
  background: #ffffff;
}

.app-cost-table td span {
  font-size: 15px;
  color: #333;
  margin-left: 10px;
}

.platform-cost-table td{
    padding: 20px;
    vertical-align: top;
}

.platform-cost-table th{
    padding: 20px;
    vertical-align: top;
}

.key-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
}

.guide-color-blue {
    color: #1653CD;
}

.trend-toggle-btn svg {
    height: 50px;
}

.platform-cost-table span {
    margin-left: 15px;
}


.text-light {
	font-size: 1.20rem !important;
}

.pre-dev-section h2{
color: #000;
}

.pre-dev-section p{
color: #000;
}

.heading-pre h2 {
color:#fff;
}

.guide-space {
	margin-top: 30px;
	margin-bottom: 10px;
}

section.pre-dev-section-new {
    padding: 20px 40px;
    border-radius: 20px;
}

.cta-growth-section {
	padding: 8px 40px;
}

.common-step-bg {
    background: #F3FAFF;
    padding: 20px;
    border-radius: 12px;
}

.bg-blue-dark {
    background: #E5F4FF;
}
.custom-point-full-content {
    background: #fff;
}

.recent-blogs-guide {
    margin-bottom: 40px
}

.custom-step-point-item {
  border: 1px solid #7DB3FF; 
}

.custom-point-toggle-btn {
  border: none !important;
  border: 1px solid #0d6efd;
  border-radius: 0.375rem; 
}

.subpoint-box {
    border: 1px solid #7DB3FF; 
}

.platform-toggle-btn {
  border: none !important;
  border: 1px solid #0d6efd;
  border-radius: 0.375rem; 
}

.test-accordion-item {
    border: 1px solid #7DB3FF;    
}


.testing-section h3 {
    color: #135CE5;
}

.mobile-market-section span {
    color: #083698
}

.guide-heading-color {
    color: #083698;
}

.guides-hero-listing {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 20px;
    background: #F9F9F9;
    text-align: center;
    background: url(https://revamp.dev-story.com/wp-content/uploads/2025/07/banner-image-1.png) no-repeat;
}

.guide-space-new{
    margin-bottom: 30px;
    padding: 25px;
}

.benefits-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #1653CD;
    bottom: -60px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.growth-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #1653CD;
    bottom: -60px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.post-growth-section ul.slick-dots{
    bottom:-62px;
}

.legal {
    background-color: #EDF8FF;
}

.legal-space {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 20px 0;
}

.benefit-card a {
    text-decoration: underline;
}

.partner {
    background-color: #EAF9FF;
}

.right-tick-guide svg {
    margin-right: 15px;
}

.user-testing h3 {
    font-size: 16px;
}

.suggestion-guide {
    font-size: 18px;
    margin-top: 20px;
    color: #5F97F4;
}

.suggestion-guide br {
    display: none;
}


.accordion-steps span {
    color: #1653CD;
}

.right-pros {
    background-color: #1021C4;
}

.for-spacing {
    margin-bottom: 30px;
}

.step-content-guide ul {
	list-style:disc; 
	margin-left: 15px;
}

.pre-dev-section-new h2 {
	font-size: 32px;
}

.guide-heading-color {
	font-style: italic;
}

.key-bg {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}
 
.key-content {
    position: relative;
    z-index: 2;
}
 
.hover-text {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 15px;
    text-align: center;
}
 
.key-bg:hover .hover-text {
    opacity: 1;
}

.android-white-btn a {
    background: #fff;
    padding: 14px 20px;
    border-radius: 10px;
    margin: 10px 0 0;
    display: inline-block;
}


.container.text-center.WEB{
	padding:80px 0 0;
}

section.waawards-section.awd{
	padding: 80px 0 0;
}

section.industry-portfolio-section.real-estate-port.healthcare.web{
	background: #000;
}

.web p{
	color: #fff;
}
.web h2{
	color: #fff;
}

.waawards-section{
	background: #000;
}

section.trusted-section.web{
	background: white;
}

.custom-tech-stack .tab-content {
    background: #F5F6F7;
	padding:20px 0;
	border-radius: 0 0 20px 20px;
}

.custom-tech-stack svg {
	width:70px;
	height:70px;
}

.custom-tech-stack {
	padding:80px 0;
}

.web-design-head span {
	color:#EE8B00;
}

.service-blog-section {
    background: #000;
    padding: 80px 0 !important;
}

.service-blog-section h2{
    color: #fff;
}


.service-blog-section p{
    color: #fff;
} 
.service-section-faq {
    background: #000;
}

.service-section-faq h2 {
    color: #fff;
}

.service-section-faq p {
    color: #000;
}

body.page-id-1715 .common-heading-ind span {
    color: #ffb84d;
}

body.page-id-1715 .custom-testimonial-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #ffb84d;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

    .arrow-list {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }
    .arrow-list li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 1.5rem; /* spacing between items */
    }
    .arrow-list li::before {
        content: "➜";
        position: absolute;
        left: 0;
        color: #0d6efd; /* Bootstrap primary color */
        font-weight: bold;
    }

    .table thead th {
    padding: 20px 15px; /* vertical horizontal */
}

.max-mega-menu ul.mega-sub-menu {
  transition-delay: 0s !important;
}

.max-mega-menu li.mega-menu-item:hover > ul.mega-sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.postid-20582 .market-cta-section {
    display: flex;
    justify-content: flex-end;
}

body.postid-20627 .market-cta-section {
    display: flex;
    justify-content: flex-end;
}