.col-4 {
       width: 33.3333%;
   }

   .col-6 {
       width: 50%;
   }

   .col-8 {
       width: 75%;
   }

   .col-12 {
       width: 100%;
   }

   .col-3 {
       width: 25%;
   }

   .section-container {
       padding-top: 35px !important;
       padding-bottom: 70px !important;
   }

   .content-container {
       padding-top: 50px !important;
       padding-bottom: 35px !important;
   }

   .padding-t-40 {
       padding-top: 40px;
   }

   .padding-t-50 {
       padding-top: 50px !important;
   }

   .padding-b-40 {
       padding-bottom: 40px;
   }

   .padding-b-40 .vc_column-inner {
       padding-bottom: 40px;
   }

   .margin-top-10 {
       margin-top: 10px !important;
   }

   .swiper-pagination-bullet {
       width: 10px !important;
       height: 10px !important;
       margin-right: 5px !important;
   }

   .swiper-pagination {
       display: flex;
       justify-content: center;
       margin-right: 5px;
       top: calc(100% + 10px);
       left: calc(50% - 15px);
   }

   .title-desc-text {
       margin-top: 20px !important;
   }

   /*menu-public*/
   .qodef-drop-down .second .inner ul li a .item_outer {
       padding-right: 0px;
   }

   .qodef-position-left {
       width: 17%;
   }

   .qodef-position-right {
       width: 80%;
   }

   .qodef-main-menu>ul>li>a {
       padding: 0 10px;
   }

   .qodef-logo-wrapper a img {
       height: auto;
       max-height: 80px !important;
       max-width: 250px;
   }

   .qodef-position-left-inner img {
       width: 100% !important;
       height: auto;
       padding: 25px 0px;
       max-height: 80px !important;
   }

   /*home*/
   .home_title_h6 {
       text-align: left !important;
   }

   .home_title_h6 .qodef-st-title {
       margin-top: 30px;
   }

   .startwithIcon .attachment-full {
       width: 24px !important;
   }

   .startwithIcon {
       width: 100% !important;
       display: block !important;
       margin-top: 10px;
   }

   .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon {
       vertical-align: middle;
   }

   .startwithIcon .qodef-iwt-text {
       margin-top: 3px
   }

   .home-icon-box .qodef-iwt-custom-icon {
       justify-content: left !important;
   }

   .home-icon-box .qodef-iwt-title-text {
       text-align: left;
   }

   #webzillaway .wpb_column {
       padding: 5px !important;
   }

   #webzillaway .wpb_column .vc_column-inner {
       justify-content: unset !important;
   }

   /*seo page title*/
   .doctitle h2 {
       font-size: 40px;
   }

   .seo-box {
       max-width: 1300px;
       margin: 0 auto !important;
   }

   .seoicon-textright .qodef-iwt-icon .qodef-iwt-custom-icon {
       margin-top: 20px;
   }

   #why-gads-section .seoicon-textright img {
       width: 24px !important;
       height: 24px !important;
   }

   .seviceicon-text img {
       width: 24px;
       height: 24px;
   }

   .seviceicon-text .qodef-iwt-custom-icon {
       margin-top: 20px;
   }

   .font-white p {
       color: #ffffff;
       font-size: 20px;
       line-height: 32px
   }

   .font-black p {
       color: #383838;
       font-size: 20px;
       line-height: 32px
   }

   .arrow-svg {
       background-repeat: no-repeat;
       background-size: 100% auto;
       background-position: bottom right;
       padding-bottom: 40px;
   }

   .right_bg .vc_column-inner {
       background-position: right top !important
   }

   /*other service page*/
   .qa-box h4 {
       font-size: 18px;
       color: #555555
   }

   .qa-box .vc_toggle_icon::after {
       background: #55a1ff !important;
       border: none;
   }

   .qa-box .vc_toggle_icon::before {
       background: #55a1ff !important;
       border: none;
   }

   .vc_toggle_icon {
       background: #55a1ff !important;
       border: none !important;
   }

   .otherservice-sections img {
       width: 80px !important;
   }

   @media (min-width:1300px) {
       .row-boxed {
           max-width: 1300px;
           margin: 0 auto !important;
       }

       .row-boxed.padding-5 .vc_column_container>.vc_column-inner {
           padding-left: 5px !important;
           padding-right: 5px !important;
       }
   }

   .service-btn .vc_btn3 {
       background: linear-gradient(160deg, #00c0fa 10%, #015eea 100%) !important;
       border: unset;
       border-radius: 5px;
       color: #ffffff !important;
       width: 70%;
   }

   .service-btn .vc_btn3:hover {
       border: unset;
   }

   #banner-bg {
       left: unset !important;
       right: 0 !important;
   }

   #banner-bg rs-mask-wrap,
   #banner-bg rs-loop-wrap {
       right: 0 !important;
   }

   #banner-pic,
   #blue-shape {
       right: 0 !important;
   }

   .webzilla-services .service-sections p.qodef-iwt-text {
       text-align: left;
   }

   .webzilla-services {
       background-position: right;
       background-repeat: no-repeat;
       background-size: contain;
   }

   .home-page-banner {
       background-position: top;
       background-repeat: no-repeat;
       background-size: 100% 100%;
   }

   .clients-row {
       background-position: left;
       background-repeat: no-repeat;
       background-size: contain;
       min-height: 650px;
   }

   .full-width-image img {
       position: absolute;
       top: -250px;
       right: 55%;
   }

   @media (min-width: 768px) {
       .row-2-col-1 {
           width: 33.33333%;
       }

       .row-2-col-2 {
           width: 22.222222%;
       }

       .row-2-col-1 h2 {
           padding-left: 2rem;
       }
   }

   .sliding-container {
       max-height: 600px;
   }

   .sliding-container .service-sliding-women {

       margin-top: -550px;
   }

   .service-sliding-women {
       position: relative !important;
       z-index: 12;
   }

   .scroll-text-left {
       margin-top: 40px;
   }

   .sliding-container {
       overflow: hidden !important;
       position: relative !important;
   }

   .sliding-container img {
       max-height: 600px;
       width: auto;
   }

   .sliding-container h2 {
       font-family: tahoma, Verdana, Impact !important;
       position: absolute;
       font-size: 150px;
       text-transform: uppercase;
       font-weight: 700 !important;
       letter-spacing: .5rem;
   }

   .sliding-content-test-top {
       z-index: 10;
       width: 200%;
       color: rgba(255, 255, 255, .7);
       top: 0;
   }

   /* 	/*scroll-text*/
   .scroll-text {
       margin-top: 200px;
   }

   /* seo-landing page */

   .seo-contact-form-container {
       max-width: 700px;
       border: 10px solid #ffae00;
       border-radius: 25px;
       padding: 10px 35px;
       background: #ffffff;
   }

   .seo-contact-form-container h3,
   .seo-contact-form-container h4,
   .seo-contact-form-container p,
   .seo-contact-form-container h5,
   .seo-contact-form-container div {
       text-align: center !important;
   }

   .seo-contact-form-container .image-container {
       max-width: 100%;
   }

   .seo-contact-form-container .form-content h3 {
       font-size: 22px;
   }

   .seo-contact-form-container .form-content h5 {
       font-size: 14px;
       margin-top: 5px !important;
       margin-bottom: 15px;
   }

   .seo-contact-form-container .form-content input {
       border-radius: 50px;
       border-color: #FF0437;
   }

   .seo-contact-form-container .form-content button {
       border-radius: 50px;
       padding-top: 5px;
       padding-bottom: 5px;
       background-color: #ffae00;
       margin-bottom: 30px;
       width: 100%;
       text-align: center !important;
   }

   .seo-contact-form-container .form-content .privacy-text {
       font-size: 12px;
   }

   .seo-contact-form-container .image-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-bottom: 40px;
   }

   .seo-contact-form-container .image-container .image-content {
       max-width: 26.66666%;
   }

   .seo-contact-form-container .image-container img,
   .seo-contact-form-container .image-container p {
       width: 100%;
   }

   .seo-contact-form-container h3>span,
   .seo-contact-form-container h5>span {
       color: #FF0437;
   }

   .seo-contact-form-container .image-container p {
       font-weight: 700;
       line-height: 16px !important;
       font-size: 16px;
   }

   .page-id-5412 header {
       display: none;
   }

   .seo-contact-form-container.mobile {
       border: unset;
       padding: 10px 10px;
   }

   .seo-contact-form-container.mobile h3 {
       background-color: #FFAE00;
       padding: 5px 10px;
       border-radius: 15px;
       font-size: 15px
   }

   .seo-contact-form-container.mobile .qodef-btn-text {
       color: #043B84;
   }

   .seo-contact-form-container.mobile input {
       background: #F5F5F5;
       border: unset;
   }

   .qodef-footer-bottom-holder .qodef-grid-row .qodef-grid-col-4 {
       text-align: center;
   }

   .qodef-footer-bottom-holder .qodef-grid-row .qodef-grid-col-4 p {
       margin-top: -20px !important;
       color: #fff !important;
   }

   .privacy-text {
       line-height: 16px;
   }

   /*red book*/
   .mytitle20 {
       font-size: 20px !important;
       margin: 10px 0px;
   }

   .redbookform {
       border: 3px solid #ff2442;
   }

   .redbookform input {
       height: 40px
   }

   .redbookform .form-content button {
       background-color: #ff2442;

   }

   .redbookform .image-container {
       margin-top: 25px;
   }

   .redbookform .image-content img {
       height: 40px;
       margin-bottom: 10px;
   }

   .redbookform .image-content {
       max-width: 33% !important;
   }

   .redbookform .image-content p {
       font-size: 14px
   }

   .redbooktitle .qodef-st-title {
       font-size: 28px !important;
       width: 280px;
       margin: 0px auto !important;
       font-size: 24px !important;
       color: #ff2442;
       font-weight: 500;
       padding: 10px;
       border-radius: 10px;
       border: 1px #f67575 solid;
       position: relative
   }

   .redbooktitle .qodef-st-title::before {
       content: "";
       position: absolute;
       width: 100px;
       height: 1px;
       top: 50%;
       background-color: #f67575;
       left: -100px;
   }

   .redbooktitle .qodef-st-title::after {
       content: "";
       position: absolute;
       width: 100px;
       height: 1px;
       top: 50%;
       background-color: #f67575;
       right: -100px;
   }

   .vc_custom_1690757185465 {
       height: 0px !important;
       overflow: hidden !important;
   }

   .page-id-6957 .qodef-position-right-inner {
       display: none !important;
   }

   .mytitlebox .qodef-iwt-title-text {
       font-size: 20px;
       font-weight: 500;
       color: #ff2442;
   }

   .mytitlebox .qodef-iwt-text {
       margin-left: 45px;
       margin-top: 0px;
       font-size: 16px;
   }

   .mytitlebox .qodef-iwt-icon img {
       height: 30px !important;
   }

   /*tab*/
   .tabBox .vc_tta-container {
       margin-top: 40px;
   }

   .tabBox .vc_tta-tab {
       width: 25%;
       text-align: center;
       font-size: 20px;

   }

   .tabBox .vc_active .vc_tta-title-text {
       color: #ff2442;
   }

   .tabtitle .qodef-iwt-title-text {
       font-size: 18px;

   }

   .tabtitle .qodef-iwt-icon img {
       height: 25px !important;
   }

   .tabtitle .qodef-iwt-title {
       margin-bottom: 15px;
       margin-top: 15px;
   }

   .tabBox .qodef-icon-list-holder {
       padding-left: 20px !important;
   }

   .page-id-6957 .qodef-social-icon {
       display: none;
   }
/* blog side bar*/
.side-bar-container,.widget.qodef-blog-list-widget,.qodef-sidebar .widget_categories{
	padding:20px 30px !important;
	border:1px solid #EEF4F4;
	background:#FBFCFD;
}
.side-bar-container .text-container{
	padding:30px 30px;
	text-align:center;
}
.side-bar-container .text-container h4.title{
	font-size: 38px !important;
    text-align: center;
    font-weight: 400 !important;
}
.side-bar-container .text-container .title span.text-section{
	    letter-spacing: 2.5px;
}
.side-bar-container .text-container h5{
	text-align:center !important;
}
.blog-side-form .submit-btn button{
	width:100%;
}
.third-section.with-background{
	background-image:url('https://webzilla.global/wp-content/uploads/sites/2/2025/01/3d-render-low-poly-network-communications-background-with-plexus-design-scaled-e1738207614306.jpg');
	background-size:cover;
	background-position: center;
}
.side-bar-container .divider{
	margin:40px 0px;
}
.side-bar-container .divider:before{
	content:'';
	display:block;
	width:30%;
	height:5px;
	background:#FFAA2B;
}
.side-bar-container .center.divider:before{
	margin:0 auto;
}
.side-bar-container .center.divider{
	margin-bottom:10px !important;
}
.single-post h4.qodef-post-title{
	display:none !important;
}
.single-post .qodef-post-content .qodef-post-text>.qodef-post-text-inner .qodef-post-text-main img{
	width:100%;
}

   @media screen and (min-width: 980px) {
       .redtitle01 {
           padding-top: 100px;
       }

       .redtitle02 {
           padding-top: 50px;
           margin-left: 65px;
       }
   }

   .services-card {
       max-width: 29%;
       box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
       padding: 35px 20px;
   }

   .services-raw {
       display: flex;
       justify-content: space-between;
   }

   .faq-raw .qodef-tab-title {
       color: #000;
   }

   .small-icon img {
       max-width: 32px !important;
   }

   .single-digital .qodef-counter {
       width: 30%;
   }

   .single-digital .qodef-counter-text-holder {
       width: 70%;
   }

   /* why-gads-section */
   .why-gads-section .highlight h3 {
       color: var(--primary-color) !important;
   }

   .box-container .vc_column-inner {
       background-color: #ffffff;
       border-radius: 10px;
   }

   .key-strategies .vc_column-inner {
       padding: 60px 50px !important;
   }

   .key-strategies .vc_column-inner h3 {
       font-size: 28px !important;
       font-weight: 600 !important;
   }

   /*.key-strategies .vc_column-inner p {
	font-size: 20px !important;
	line-height: 30px !important;
}*/

   .key-strategies .vc_column-inner img {
       width: 140px;
       height: 140px
   }

   .counter-box .image-container,
   .achieve-box .image-container {
       width: 20% !important;
       /* padding: 5px; */
       /* min-width: 70px !important; */
       vertical-align: top !important;
   }

   .counter-box .text-container,
   .achieve-box .text-container {
       /* padding: 5px; */
       width: 75% !important;
   }

   .achieve-box .text-container {
       padding-left: 7px;
       padding-right: 0px;
       padding-top: 10px;
   }

   .counter-box .qodef-counter-holder .qodef-counter-text-holder {
       float: unset !important;
       display: block;

   }

   .counter-box .qodef-counter-holder .qodef-counter-text-holder .qodef-counter-text {
       padding-left: 0px;
       font-size: 20px !important;
       line-height: 1rem;
   }

   .qodef-counter-holder .qodef-counter-title {
       margin: 0 !important;
   }

   .counter-box h3 {
       color: #3f5fe6 !important;
       font-size: 44px !important;
       font-weight: 700 !important;

   }

   .counter-box .qodef-counter-holder .qodef-counter {
       height: 1em;
       display: block !important;
       vertical-align: middle !important;
       font-size: 44px !important;
       line-height: 1em;
       font-weight: 700;
       float: unset !important;
       text-align: left !important;
       right: unset !important;
       overflow: hidden;
       width: unset !important;
   }

   .counter-box .qodef-counter-inner {
       display: flex !important;
       justify-content: start;
       align-items: baseline !important;
   }

   .counter-box .dollar .qodef-counter.qodef-zero-counter::before {
       content: "$";
       font-family: var(--primary-font-family);
   }

   /* our advantage */
   .advantages-section.background-overlay {
       position: relative;
   }

   .advantages-section .advantage-list h4 {
       font-size: 24px !important;
       font-weight: 700;
   }



   .advantages-section h3 {
       font-size: 36px !important
   }

   .advantages-section h2 {
       color: #ffffff !important
   }

   .achieve-box h3 {
       font-size: 24px !important;
       font-weight: 700 !important;
   }

   .achieve-box p {
       line-height: 1.3 !important;
   }

   /* road map section */

   .road-map-section .count-num {
       position: absolute !important;
       top: -15px;
       right: 0;
   }

   .road-map-section .title-h3 {
       margin-top: 100px !important;
   }

   .road-map-section .title-h3 h3 {
       line-height: 1.3em !important;
       font-weight: 700 !important;
   }

   .road-map-section .count-num h3 {
       line-height: 130%;
       font-size: 100px !important;
       color: #3F5FE61A !important;
       font-weight: 900 !important;
       transition: color 1s ease-in-out;
   }

   .road-map-section .read-more {
       position: absolute !important;
       /*bottom: 50px;*/
       right: 30px
   }

   .road-map-section .step-container {
       padding-top: 10px;
       padding-bottom: 10px !important;
       position: relative;
       min-height: 480px !important;
   }

   .road-map-section .step-container.padding-t-40 {
       padding-top: 40px !important;
   }

   .road-map-section .box-container {
       overflow: hidden;
   }

   .road-map-section .box-container .vc_column-inner {
       position: relative;
       overflow: hidden;
   }

   .road-map-section .box-container .content-on-mask {
       opacity: 0;
       transition: opacity 1.5s ease-in-out;
       z-index: -1;
       position: absolute;
       top: 130px;
       left: 0;
   }

   .road-map-section .box-container .content-on-mask p {
       color: #fff !important;
   }

   .road-map-section .box-container .vc_column-inner:hover .content-on-mask {
       opacity: 1;
       z-index: 11;
   }

   .road-map-section .box-container .vc_column-inner:hover .count-num {
       z-index: 15 !important;
   }

   .road-map-section .box-container .vc_column-inner:hover .count-num h3 {
       z-index: 15 !important;
       color: #ffffff !important;
   }

   /* case study section */
   .case-study-section .swiper-button-next {
       right: -30px;
   }

   .case-study-section .swiper-button-prev {
       left: -30px;
   }

   .swiper-button-next:after,
   .swiper-button-prev:after {
       content: '' !important;
   }

   .case-study-section table {
       border-collapse: separate !important;
       border-spacing: 3px;
   }

   .case-study-section table.result-table {
       width: 100%;
       margin-bottom: 7px;
   }

   .case-study-section table.result-table tr {
       margin-bottom: 2px;
   }

   .case-study-section td {
       border: 1px solid #3f5fe6;
       /* border-collapse: collapse; */
       border-radius: 6px;
       padding: 5px 22px;
       width: 50%;
   }

   .case-study-section table.result-table>.table-header td {
       background-color: #3f5fe6;
   }

   .case-study-section table.result-table>.table-header td p {
       color: #ffffff !important;
   }

   .case-study-section table.result-table tbody p {
       color: #3f5fe6 !important;
   }

   .button-row {
       text-align: center !important;
   }

   .read-more-btn button::before,
   .read-more-btn a::before {
       content: '';
       width: 17px;
       height: 17px;
       display: block;
       background-image: url('https://webzilla.global/wp-content/uploads/sites/2/2024/09/eyes.png');
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center center;
       margin-right: 7px;
   }

   .read-more-btn button,
   .read-more-btn a {
       background-color: #3f5fe6 !important;
       padding: 10px 84px !important;
       color: #fff !important;
       border-radius: 20px !important;
       display: flex !important;
       align-content: center;
       justify-content: center;
       align-items: center;
       font-family: 'roboto' !important;

   }

   .read-more-btn button:hover,
   .read-more-btn a:hover {
       background-color: #FFAA2B !important;
       font-weight: 600 !important;

   }

   #case-study-section .content-container {
       padding-top: 20px !important;
   }

   /* testimonials section */
   .testimonials-section {
       background-color: #f5f5f5;
       background-size: 100% 60%;
       background-position: top;
   }

   .testimonials-section .box-container .vc_column-inner {
       padding-left: 20px !important;
       padding-right: 20px !important;
       padding-bottom: 20px !important;
   }

   .testimonials-section .review-vator-box {
       margin-top: -50px !important;
   }

   .testimonials-section h2 {
       /*font-size: 50px !important;*/
       font-weight: 900;
       line-height: 60px;
   }

   .testimonials-section .title-h2 h2 {
       color: #ffffff !important
   }

   .testimonials-section .title-h2-o h2 {
       color: #FFAA2B !important;
   }

   .testimonials-section .position p {
       margin-top: 0px !important;
   }

   #review-vator-container {
       margin-top: 40px !important;
   }

   /* blog section  */
   .blogs-section .qodef-bl-wrapper .qodef-bli-inner {
       background-color: #ffffff;
       border-radius: 10px;
   }

   .blogs-section .qodef-bl-wrapper .qodef-bli-inner .qodef-bli-content {
       padding: 30px 20px !important
   }

   .blogs-section .qodef-blog-list-holder .qodef-post-image img {
       border-top-left-radius: 10px;
       border-top-right-radius: 10px;
   }

   .blogs-section .qodef-blog-list-holder .qodef-post-image {
       margin-bottom: 0px !important;
   }

   #blogs-section.section-container {
       padding-top: 70px !important;
   }

   #blogs-section .content-container {
       padding-bottom: 35px !important;
   }

   /* faq section */
   .faq-section .qodef-accordion-holder.qodef-ac-simple .qodef-accordion-title {
       padding: 10px 0px 0px 50px !important;
       line-height: 60px;
       border-bottom: 2px solid #d9d9d9 !important;
   }

   .faq-section .qodef-accordion-mark {
       left: 0 !important;
   }

   .faq-section .qodef-accordion-title svg {
       transition: transform .3s ease;
   }

   .faq-section .ui-accordion-header-active svg {
       transform: rotate(90deg);
   }

   /* other services section  */
   .other-services-section .box-container .vc_column-inner {
       min-height: 450px !important;
       padding: 35px !important;
   }

   .other-services-section .box-container .vc_column-inner {
       position: relative;
   }

   /*.other-services-section .box-container .vc_column-inner p {
	font-size: 20px !important;
	line-height: 150% !important;
}*/

   .other-services-section .box-container .vc_column-inner h3 {
       font-size: 36px !important;
       font-weight: 700 !important;
   }

   .other-services-section .box-container .cus-button {
       position: absolute;
       right: 35px !important;
       bottom: 0 !important;
       text-align: right !important;
       width: calc(100% - 70px) !important;
       margin-bottom: 5px !important;
   }

   .other-services-section .box-container .cus-button button {
       background: transparent !important;
       border: unset !important;
       width: 100%;
       text-align: right;
       color: #737887 !important;
       padding-right: 25px !important;

   }

   .other-services-section .box-container .cus-button .vc_btn3-icon {
       right: 0 !important;
   }

   .other-services-section .box-container .cus-button::before {
       content: '';
       width: 100%;
       height: 1px;
       background-color: #737887;
       display: block;
   }

   .other-services-section .box-container .cus-button:hover button {
       color: #000 !important;
   }

   .other-services-section .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
       border-color: unset !important;
   }

   .other-services-section h2 {
       text-align: center !important;
   }

   .other-services-section h2>span {
       color: var(--primary-color);
   }

   span.qodef-counter-text,
   .advantages-section .advantage-list h4,
   #achievement-section h3 {
       font-family: 'Barlow' !important;
       font-size: 20px !important;
       font-weight: 700 !important;
   }

   #strategies-section .vc_column-inner h3,
   .other-services-section .box-container .vc_column-inner h3,
   .road-map-section .title-h3 h3,
   .advantages-section h3,
   .why-gads-section h3 {
       font-size: 28px !important;
       font-weight: 700 !important;
   }

   #faq-section h5 {
       font-size: 20px !important;
       font-weight: 700 !important;
   }

   #advantages-section .qodef-iwt-custom-icon img {
       max-width: 28px !important;
   }

   .qodef-accordion-holder.qodef-light-skin .qodef-accordion-mark {
       background: transparent !important;
   }

   .qodef-post-text-main span {
       overflow-wrap: anywhere;
   }

   body.post-template-default h1 {
       font-size: 45px !important;
   }

   body.post-template-default h2 {
       font-size: 36px !important;
   }

   /* mobile css  */
   @media (min-width:768px) {
       .hidden-desktop {
           display: none !important;
       }

       .road-map-section .box-container>.vc_column-inner>.wpb_wrapper {
           position: relative;
       }

       .road-map-section .box-container .vc_column-inner::before {
           content: '';
           width: 140px;
           height: 140px;
           background-color: #1023cf;
           border-radius: 50%;
           opacity: .8;
           position: absolute;
           bottom: -80px;
           left: -20px;
           transition: all 2s ease;
           /* 添加过渡效果 */
       }

       .road-map-section .box-container .vc_column-inner::after {
           content: '';
           width: 120px;
           height: 120px;
           background-color: #1023cf;
           border-radius: 50%;
           opacity: .8;
           position: absolute;
           bottom: -20px;
           left: -60px;
           transition: all 1.5s ease-in-out;
           /* 添加过渡效果 */
       }

       .road-map-section .box-container .vc_column-inner:hover::after,
       .road-map-section .box-container .vc_column-inner:hover::before {
           bottom: 0;
           left: 0;
           z-index: 10;
           opacity: 1;
           width: 100%;
           height: 100%;
           border-radius: 10px;
       }

   }

   @media only screen and (max-width:1300px) and (min-width:768px) {
       .row-boxed {
           padding-left: 25px !important;
           padding-right: 25px !important;
       }

       h2 {
           font-size: 34px !important;
       }

       h3 {
           font-size: 24px !important;
       }

       h4 {
           font-size: 18px !important;
       }

       .title-desc-text p,
       p {
           font-size: 16px !important;
       }

       .counter-box .qodef-counter-holder .qodef-counter,
       .counter-box h3 {
           font-size: 36px !important;
       }

       span.qodef-counter-text,
       .advantages-section .advantage-list h4,
       #achievement-section h3 {
           font-size: 18px !important;
       }

       #strategies-section .vc_column-inner h3,
       .other-services-section .box-container .vc_column-inner h3,
       .road-map-section .title-h3 h3,
       .advantages-section h3,
       .why-gads-section h3 {
           font-size: 24px !important;
       }

       #road-map-section .box-container>.vc_column-inner {
           padding-left: 20px !important;
           padding-right: 20px !important;
       }

       .road-map-section .count-num h3 {
           font-size: 80px !important;
       }
   }

   @media (max-width:767px) {

       .vc_row.row-boxed {
           padding-left: 15px !important;
           padding-right: 15px !important;
       }

       .border-bottom-2 {
           padding-bottom: 30px !important;
           border-bottom: 1px solid #d9d9d9 !important;
       }

       .counter-row,
       .mobile-row {
           display: flex;
           flex-wrap: wrap;
       }

       .mobile-row {
           justify-content: space-around !important;
       }

       .counter-row .vc_column_container,
       .mobile-row .vc_column_container {
           width: 48% !important;
       }

       .mobile-row.row-boxed {
           padding-top: 5px !important;
           padding-bottom: 5px !important;
       }

       .hidden-mobile {
           display: none !important;
       }

       #why-gads-section h4 {
           font-size: 20px !important;
           font-weight: 700 !important;
       }

       .advantage-list {
           width: 100% !important;
       }

       .advantages-section .margin-t-30 {
           margin-top: 30px !important;
       }

       .road-map-section .box-container .vc_column-inner {
           /* min-width: 300px; */
           min-height: 300px;
           padding: 30px !important;
       }

       .road-map-section .title-h3 {
           margin-top: 60px !important;
       }

       .testimonials-section .swiper-section {
           padding-left: 15px !important;
           padding-right: 15px !important;
       }

       .accordion-container {
           overflow: hidden;
           /*max-height: 270px; */
           /* Adjust the height according to the content's line-height to fit two lines */
           position: relative;
           transition: max-height 1.5s ease-in-out;
           padding-left: 15px !important;
           padding-right: 15px !important;
           border-radius: 10px !important;
           max-width: 90% !important;
           margin: 10px auto;
           background: #ffffff !important;
       }

       .accordion-container.box-container .vc_column-inner {
           background: unset !important;
       }

       .accordion-container.expanded p {
           overflow: hidden;
           max-height: 120px;
           transition: max-height .8s ease-in-out;
       }

       .accordion-container.collapsed p {
           overflow: hidden;
           text-overflow: ellipsis;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;
           word-break: break-all;
           display: -webkit-box;
           max-height: 47px;
           transition: max-height .8s ease-in-out;
       }

       .accordion-container.expanded {
           max-height: none;
           /* A high value to ensure the box fully expands */
           height: auto;
       }

       .accordion-container .trigger-button {
           float: right;
           margin-top: 30px !important;
       }

       .accordion-container>.vc_column-inner>.wpb_wrapper {
           position: relative;
       }

       .accordion-container .trigger-button button {
           background: none !important;
           border: 2px solid #3F5FE6 !important;
           border-radius: 10px !important;
           color: #3F5FE6 !important;
           max-width: 48px !important;
       }

       .accordion-container>.vc_column-inner>.wpb_wrapper {
           padding-bottom: 15px !important;
           margin-bottom: 30px !important;
       }

       .accordion-container>.vc_column-inner>.wpb_wrapper::before {
           position: absolute;
           content: '';
           width: 100%;
           height: 1px;
           margin-top: 10px !important;
           bottom: 0;
           background-color: #d9d9d9;
       }

       .accordion-container .title-container.global-flex .qodef-eh-item-content {
           display: flex !important;
           align-items: center !important;
       }

       .accordion-container .title-container img {
           max-width: 64px !important;
           height: auto !important;
           margin-right: 20px !important;
       }

       .accordion-container .vc_general.vc_btn3 .vc_btn3-placeholder {
           display: none;
       }

       .other-services-section .box-container .vc_column-inner {
           min-height: unset !important;
       }

       .other-services-section .box-container .vc_column-inner {
           padding-bottom: 0px !important;
       }

       .testimonials-section .review-vator-box {
           margin-top: unset !important;
           padding-top: 20px;
       }

       .qodef-page-footer .inquiry-btn {
           display: block !important;
           text-align: center !important;
           float: unset !important;
       }

       .section-container {
           padding-top: 40px !important;
           padding-bottom: 60px !important;
       }

       .road-map-section .box-container>.vc_column-inner {
           background-image: url(https://webzilla.global/wp-content/uploads/sites/2/2024/07/Mask-group.png?id=7943) !important;
           background-position: bottom left !important;
           background-repeat: no-repeat !important;
           background-size: cover !important;
           background-color: #fff;
           border-radius: 10px;

       }

       .swiper-button-next,
       .swiper-button-prev {
           display: none !important;
       }

       .road-map-section .count-num {
           right: 30px;
       }

       .vc_row>.vc_column_container>.vc_column-inner {
           padding-left: 25px !important;
           padding-right: 25px !important;
       }

       .advantages-section.background-overlay {
           background: url(https://webzilla.global/wp-content/uploads/sites/2/2024/08/advantage-background-1.png);
           -moz-background-size: cover;
           -o-background-size: cover;
       }

       .vc_row.row-boxed.padding-t-50 {
           padding-top: 50px !important;
       }

       .swiper-horizontal>.swiper-pagination-bullets,
       .swiper-pagination-bullets.swiper-pagination-horizontal,
       .swiper-pagination-custom,
       .swiper-pagination-fraction {
           top: calc(100% + 10px) !important;
       }

       #case-study-section .read-more-btn {
           margin-top: 30px !important;
           width: 100% !important;
           text-align: center !important;
       }
   }

   @media (max-width:479px) {

       p,
       .title-desc-text p,
       p>span {
           font-size: 14px !important;
           line-height: 1.4em;
       }

       h2.qodef-st-title {
           font-size: 28px !important;
           line-height: 1.4em !important;
       }

       .counter-box h3 {
           font-size: 28px !important;
       }

       .counter-box .qodef-counter-holder .qodef-counter {
           font-size: 24px !important;
           letter-spacing: -2px;
       }

       .counter-box .image-container {
           width: 40% !important;
       }

       .counter-box .text-container {
           width: 60% !important;
       }

       .qodef-elements-holder .qodef-eh-item-content {
           padding: 0px 5px !important;
       }

       #result-counter-section .vc_row>.vc_column_container>.vc_column-inner,
       #achievement-section .vc_row>.vc_column_container>.vc_column-inner,
       #trust-section .vc_row>.vc_column_container>.vc_column-inner {
           padding-left: 8px !important;
           padding-right: 8px !important;
       }

       .road-map-section .title-h3 h3,
       .other-services-section .box-container .vc_column-inner h3 {
           font-size: 22px !important;
           line-height: 1.3em !important;
       }

       .result-table.row-1 {
           margin-top: 30px !important;
       }

       .result-table p,
       .other-services-section .box-container .vc_column-inner p {
           font-size: 14px !important;
       }

       .case-study-section td {
           padding: unset !important;
       }

       .accordion-container {
           padding-left: 0px !important;
           padding-right: 0px !important;
       }

       .vc_general.vc_btn3 .vc_btn3-placeholder {
           display: none !important;
       }

       .vc_btn3.vc_btn3-size-md {
           padding-left: 14px !important;
           padding-right: 14px !important;
       }

       .advantages-section .advantage-list h4 {
           font-size: 14px !important;
           line-height: 1.5em !important;
       }

       .achieve-box .image-container {
           width: 10% !important;
       }

       .achieve-box .text-container {
           width: calc(90% - 8px) !important;
           padding-top: 0px;
       }

       #achievement-section .wpb_text_column.wpb_content_element,
       #why-gads-section .qodef-iwt .qodef-iwt-text {
           padding-top: 10px !important;
       }

       .advantages-section .margin-t-30 {
           margin-top: 20px !important;
       }

       .advantages-section .border-bottom-2 {
           padding-bottom: 20px !important;
       }

       #strategies-section .vc_column-inner h3,
       #faq-section h5,
       .advantages-section h3,
       .why-gads-section h3,
       h3 {
           font-size: 24px !important;
       }

       .swiper-horizontal>.swiper-pagination-bullets,
       .swiper-pagination-bullets.swiper-pagination-horizontal,
       .swiper-pagination-custom,
       .swiper-pagination-fraction {
           top: calc(100% + 10px) !important;
       }

       #testimonials-section .swiper-section {
           margin-top: 20px !important;
       }

       .review-vator-box {
           display: flex !important;
           justify-content: left;
           align-items: flex-end;
       }

       .review-vator-box .vator-item {
           width: 20% !important;
       }

       .review-vator-box .star-item {
           width: 80% !important;
       }

       #testimonials-section .vator-name,
       #testimonials-section .position {
           text-align: right !important;
       }

       #trust-section .vc_row.row-boxed {
           padding-left: 0px !important;
           padding-right: 0px !important;
       }

       #advantages-section .qodef-iwt-custom-icon img {
           max-width: 20px !important;
       }

       #testimonials-section .swiper-pagination {
           left: unset !important;
           width: calc(100vw - 20px);
       }
	 
    .qodef-container-inner, .qodef-grid, .qodef-row-grid-section {
        width: 100% !important;
		padding:40px !important;
    
}
   }