/* Theme Name: RankMyBusiness Author: inizsoft Author URI: https://inizsoft.com/ Description: The RankMyBusiness Theme based on the famous Wordpress CMS. Version: 1.0 */ @import url(fonts/stylesheet.css); * {margin: 0;padding: 0;box-sizing: border-box;} img {max-width: 100%;height: auto;} body {background: #ffffff;font-size:16px;font-family: 'helveticanowdisplay_regularRg';color: #282728; font-weight: normal;} p,li{line-height: 28px;} p,ul,ol{margin-bottom: 30px;} ul,ol{padding-left: 18px;} a {color: inherit;} p:last-child{margin-bottom: 0;} /* ----- Heading Font CSS ------ */ h1,h2,h3,h4,h5,h6 {margin-bottom: 30px;line-height: 1.1;font-family: 'helvetica_now_displaybold';font-weight: normal} h1{font-size:80px;line-height: 80px;} h2{font-size:48px;line-height: 58px;} h3{font-size:32px;line-height: 44px;} h4{font-size: 28px;line-height: 41px;} h5{font-size: 24px;} h6{font-size: 16px;} /* strong{font-family: 'neue_machinaultrabold';} */ a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;} input:focus,textarea:focus,select:focus{outline: none;} input,button,label,textarea,select{font-family: 'helveticanowdisplay_regularRg';color: #282728;font-size: inherit;} /* global css start */ .layout{position: relative;width: 100%;float: left;overflow: clip;} .full_width{width: 100%;float: left;} .wrapper{max-width:1700px;margin: 0 auto;width: 100%;padding: 0 30px;} .small_title{font-size: 16px;line-height: 21px;font-family: 'neue_machinaregular';font-weight: normal;} .btn_black{text-decoration: none; transition: 0.4s;overflow: hidden; display: inline-block;line-height: 1;padding: 17px 30px;color: #ffffff;font-family: 'helvetica_now_displayXBd';border-radius: 30px;z-index: 1;position: relative;} .btn_black::before{z-index: -1; content: "";position: absolute;top: 100%;left: 0;right: 0;top: 0;width: 100%;height: 100%;background-color: #282727;transition: all .4s cubic-bezier(.77,0,.175,1);} .btn_black::after{z-index: -1; content: "";position: absolute;top: 100%;left: 0;right: 0;bottom: 0;width: 100%;height: 230%;background-color: #ffff05;border-radius: 100%;transition: all .4s cubic-bezier(.77,0,.175,1);} .btn_black:hover{color: #282728;} .btn_black:hover::after{top: -2rem;} .btn_black:hover::before{top: -100%;} .radius-none{border-radius: 0;} .relative-box{position: relative;} .rounded_arrow.arrow_btn{width: 31px;height: 31px;background: #282728;} .rounded_arrow.arrow_btn svg{width: 11px;height: 9px;} .rounded_arrow.arrow_btn svg path{fill: #fff;} .rotate_star.position_unset{position: static;} .black_btn .rounded_arrow{background: #282728;} .black_btn .rounded_arrow path{fill: #fff;} .black_btn .btn_text{background: #282728;color: #fff;} .overlap_t{position: absolute;left: 0;top: 0;width: 100%;height: 104%;} /* star animation */ .rotate_star{position: absolute;right: 0;top: 0;opacity: 1;transform: translate(0);transition: opacity 1s,transform 1.2s cubic-bezier(.165,.84,.44,1);transition-delay: .6s !important;} .rotate_star .image {animation: rotateStar 10s linear infinite; animation-play-state: paused;} .rotate_star .image:hover {animation-play-state: running;} .has-scroll-scrolling .rotate_star .image {animation-play-state: running;} /* button animation */ .btn_animation{display: inline-flex;flex-wrap: wrap;text-decoration: none;transition-delay: 1s !important;opacity: 1;transform: translate(0);transition: opacity 1s,transform 1.2s cubic-bezier(.165,.84,.44,1);} .rounded_arrow{width: 58px;height: 58px;background: #FFFF05;border-radius: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .btn_text{transform: translateX(-58px);transition: transform .3s cubic-bezier(.77,0,.175,1); font-size: 17px;line-height: 1;font-family: 'helvetica_now_displayXBd';font-weight: normal;background: #FFFF05;padding: 10px 30px;border-radius: 36px;display: flex;align-items: center;justify-content: center;} .btn_animation:hover .btn_text{transform: translateX(0);} .rounded_arrow.withouthover{transition: transform .3s cubic-bezier(.77,0,.175,1);transform: translateX(-58px) scale(1);} .btn_animation:hover .rounded_arrow.withouthover{transform: translateX(-68px) scale(0);} .rounded_arrow.hidden{transform: translate(0) scale(0);} .btn_animation:hover .rounded_arrow.hidden{animation: arrowMove 2s cubic-bezier(.455,.03,.515,.955) .3s;opacity: 1;transform: scale(1);} .rounded_arrows.arrow_btn_yellow{cursor: pointer;border-radius: 100%;width:50px;height:50px;background: #FFFF05;transform: rotate(90deg) scale(1);transition: 0.4s;overflow: hidden;display: flex;justify-content: center;align-items: center;} .rounded_arrows.arrow_btn_yellow:hover {transform: rotate(90deg) scale(1.2);background-color: #282728;} .rounded_arrows.arrow_btn_yellow svg{width: 18px;height: 14px;} .rounded_arrows.arrow_btn_yellow svg.arrow_hover{transform: translateX(-2rem);transition: 0.4s;opacity: 0;position: absolute;} .rounded_arrows.arrow_btn_yellow:hover svg.arrow_hover{transform: translateX(0);opacity: 1;} /* scroll move */ .scroll_moving_image{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;pointer-events: none;display: flex;align-items: center;mix-blend-mode: multiply;} .scroll_moving_image img{display: block;width: auto;max-width: unset;height: auto;} /* scroll down */ .scroll-down{position: absolute;left: 75px;bottom: 0;z-index: 2;width: 30px;height: 108px;cursor: pointer;} .scroll-down .div-scroll{border-radius: 20px;overflow: hidden; transition: transform 2.2 cubic-bezier(.645,.045,.355,1);animation: bounce 2.2s cubic-bezier(.645,.045,.355,1) infinite;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .scroll-down .div-scroll::before{z-index: -1; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: inherit;background: #282728;transition: all .4s cubic-bezier(.77,0,.175,1);} .scroll-down .div-scroll::after{z-index: -1; content: "";position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;border-radius: inherit;background: #FFFF05;transition: all .4s cubic-bezier(.77,0,.175,1);} .scroll-down:hover .div-scroll::before{bottom: 100%;} .scroll-down:hover .div-scroll::after{bottom: 0%;} .scroll-down .div-scroll svg{transition: transform 2.2s cubic-bezier(.645,.045,.355,1);animation: moveDown 2.2s cubic-bezier(.645,.045,.355,1) infinite;} .scroll-down:hover .div-scroll svg path{fill: #282728;} @keyframes rotateStar { 0% { transform:rotate(0) } to { transform:rotate(1turn) } } @keyframes arrowMove { 0% { transform:translateX(0) } 15% { transform:translateX(5px) } 30% { transform:translateX(0) } 45% { transform:translateX(3px) } 60% { transform:translateX(0) } 75% { transform:translateX(2px) } 100% { transform:translateX(0) } } @keyframes bounce { 0%, to { height:108px } 60% { height:120px } 80% { height:108px } } @keyframes moveDown { 0%, to { transform:translateY(-22px) } 50% { transform:translateY(22px) } } .enter-x{transform: translateX(50px);opacity: 0;} .enter-y {transform: translateY(50px);opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px); -ms-transform: translateY(50px);-o-transform: translateY(50px);} .enter-x-r {transform: translateX(-50px);opacity: 0;-webkit-transform: translateX(-50px);-moz-transform: translateX(-50px);-ms-transform: translateX(-50px);-o-transform: translateX(-50px);} .is-inview .enter-x,.is-inview .enter-y,.is-inview .enter-x-r{opacity: 1;transform: translate(0);transition: opacity 0.6s,transform 0.6s cubic-bezier(.165,.84,.44,1);} .is-inview .delay-1 {transition-delay:.1s!important} .is-inview .delay-2 {transition-delay:.2s!important} .is-inview .delay-3 {transition-delay:.3s!important} .is-inview .delay-4 {transition-delay:.4s!important} .is-inview .delay-5 {transition-delay:.5s!important} .is-inview .delay-6 {transition-delay:.6s!important} .is-inview .delay-7 {transition-delay:.7s!important} .is-inview .delay-8 {transition-delay:.8s!important} .is-inview .delay-9 {transition-delay:.9s!important} .is-inview .delay-10 {transition-delay:1s!important} .is-inview .delay-11 {transition-delay:1.1s!important} .is-inview .delay-12 {transition-delay:1.2s!important} .is-inview .delay-13 {transition-delay:1.3s!important} .is-inview .delay-14 {transition-delay:1.4s!important} .is-inview .delay-15 {transition-delay:1.5s!important} .is-inview .delay-16 {transition-delay:1.6s!important} .is-inview .delay-17 {transition-delay:1.7s!important} .is-inview .delay-18 {transition-delay:1.8s!important} .is-inview .delay-19 {transition-delay:1.9s!important} .is-inview .delay-20 {transition-delay:2s!important} #threejs-container {width: 100%;height: 100%; background-color: #747474;} .home .main-content{margin-top: 0;} .main-content{margin-top: 110px;} .header{background: transparent;} .header.header_black{background: #282728;color: #fff;} .header.header_black .contact_bar .btn_black{color: #282728;} .header.header_black .contact_bar .btn_black::before{background: #ffff05;} .header.header_black .contact_bar .btn_black::after{background: #fff;} .header.header_black:not(.sticky) .logo .l_text img{filter: invert(1);} .header.header_black.sticky{background: transparent;} .black_bg{ background: #282728;} .height-small{height: 669px;max-width: 792px;} .height-large{height: 1122px;max-width: 642px;} .full_img_sec img{display: block;margin: 0 auto;} .scroll_ani{position: relative;width: 100%;overflow: hidden;} .scroll_ani img{position: absolute;left: 0;top: -10%;width: 100%;height: 120%;object-fit: cover;} /* global css end */ /* ******************************* main css ***************************** */ /* animation css */ .fade-up-ani {opacity: 1; transform: translateY(100%);} /* header css start */ .header{padding: 30px;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;} .header a{text-decoration: none;} .header .logo{width: 368px;} .header .logo a{display:block;} .header .logo .l_icon{position: relative;left: -10px;z-index: 1;top: 0;} .header .logo .l_text{margin-top: -50px;overflow: hidden;} .header .logo .l_text img{transition: all .8s cubic-bezier(.77,0,.175,1);transform: translateX(0%);} /* .header .logo:hover .l_text img{transform: translateX(-10px);} */ .header.sticky .logo .l_text img{transform: translateX(-100%);} .header ul{padding: 0;margin-bottom: 0;list-style: none;} .header .outer_part{display: flex;flex-wrap: wrap;align-items: center;} .header .right_part{width: calc(100% - 368px);padding-left: 25px;display: flex;align-items: center;justify-content: flex-end;gap: 40px;transition: all 1s cubic-bezier(.165,.84,.44,1);opacity: 1;} .header .right_part ul:not(li ul){display: flex;flex-wrap: wrap;gap: 40px;} .header ul li{display: inline-block;} .header li a{font-family: 'helvetica_now_displayXBd';position: relative;display: inline;} .header li a::before{content: "";position: absolute;left: 0;bottom: -4px;width: 0;height: 1px;background: #282728;transition: 0.4s;} .header li:hover a::before{width: 100%;} .header .contact_bar{display: flex;align-items: center;gap: 30px;} .more_details .tel{float: right; font-size: 20px;font-family: 'helvetica_now_displayXBd';background: url(images/tel.svg)left center no-repeat;padding-left: 30px;min-height: 28px; display: inline-flex;align-items: center;} .more_details .mail{font-size: 15px;} .header.sticky .right_part{opacity: 0;pointer-events: none;} .header.sticky {pointer-events: none;} .header.sticky .logo a{pointer-events: all;} /* hero css start */ .hero-home{display: flex;position: relative;} .hero-home .wrapper{height: 100%;position: relative;z-index: 1;} .hero-home .outer_part{padding: 150px 0;position: relative;height: 100%;min-height: 100vh;z-index: 1;display: flex;align-items: center;} .hero-home .outer_part::before{content: "";position: absolute;left: -400%;width: 400%;height: 100%;background: #ffffff;top: 0;z-index: -1;} .hero-home .outer_part::after{content: "";position: absolute;left: -0%;width: 100%;height: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 40%, rgba(245, 245, 245, 0) 100%);top: 0;z-index: -1;} .hero-home .outer_part .text_box{margin-top: 100px;} .hero-home .text_box .wrap{max-width: 900px;width: 100%;} .video-banner{position: absolute;right: 0;top: 0;width: 65%;height: 100%;} .video-banner video{width: 100%;height: 100%;object-fit: cover;} .top-select{position: relative;background: #EBEBEB;border-radius: 30px;overflow: hidden;} .top-select select{width: 100%; -webkit-appearance: none;padding: 17px 36px;background: url(images/down-arrow.svg)right 175px center no-repeat ;padding-right: 215px;border: none;} .top-select button{font-size: 16px;cursor: pointer; font-family: 'helvetica_now_displayXBd';display: flex;align-items: center;gap: 5px; position: absolute;right: 0;top: 0;height: 100%;color: #ffffff;padding: 10px 30px;border: none;} .top-select button:hover svg path{fill: #282728;} .top-select button.btn_black::before{top: 0;left: 0;} .top-select button.btn_black::after{top: 0;left: 100%;height: 100%;width: 100%;border-radius: inherit;} .form-box {overflow: hidden;} .top-select button.btn_black:hover::before{left: -100%;} .top-select button.btn_black:hover::after{top: 0;left: 0rem;} .review-box {display: flex;align-items: center;font-size: 15px;gap: 50px;margin-top: 15px;} .review-box i{font-style: normal;color: #FEC600;margin-right: 10px;font-size: inherit;} .hero-home span{display: inline-block;} .hero-home h1, .hero-home p{overflow: hidden;} .hero-home .wrap p{font-family: 'neue_machinaregular';font-weight: normal;font-size: 18px;margin-bottom: 50px;} .hero-home h1{padding-bottom: 10px;font-size: 90px;line-height: 90px;} .bottom-icons{display: flex;flex-wrap: wrap;gap: 28px;margin-top: 90px;max-width: 1150px;} .bottom-icons .icon-card{width: calc(25% - 21px);display: flex;padding:25px 28px 25px 0 ;border-right: 1px solid #282728;flex-wrap: wrap;align-items: center;} .bottom-icons .icon-card .icon{width: 52px;} .bottom-icons .icon-card .text{width: calc(100% - 52px);padding-left: 18px;} .bottom-icons .icon-card .number{font-size: 24px;font-family: 'neue_machinaultrabold';font-weight: normal;display: block;margin-bottom: 8px;} .bottom-icons .icon-card p{line-height: 25px;font-family: 'helvetica_now_displaymedium';} .bottom-icons .icon-card:last-child{border: none;} .sticky-bar{position: absolute;right: 60px;display: flex;gap: 10px;top: 30px;transform: translateY(-200%);transition: all 1s cubic-bezier(.165,.84,.44,1);z-index: 13;} .sticky .sticky-bar{transform: translateY(0);} .sticky-bar .btn_black{box-shadow: 0 30px 70px 0 rgba(0,0,0,.25);display: flex;align-items: center;border-radius: 50px;padding: 32px 50px;} .sticky-bar .btn_black:hover::after{top: -3rem;} .sticky-bar .mobile_bar{cursor: pointer; width: 80px;height: 80px;background: #fff;box-shadow: 0 30px 70px 0 rgba(0,0,0,.25);border-radius: 100%;display: flex;justify-content: center;align-items: center;} .sticky-bar .mobile_bar .bar{width: 30px;line-height: 1;display: flex;align-items: center;flex-wrap: wrap; gap: 10px;} .sticky-bar .mobile_bar .bar span{display: inline-block;width: 100%;background: #282728;height: 1px;transform: unset;transition: all .25s cubic-bezier(.165,.84,.44,1);} .sticky-bar .mobile_bar.active{background: #FFFF05;} .sticky-bar .mobile_bar.active span:first-child{transform: rotate(45deg) translate(5px ,3px);} .sticky-bar .mobile_bar.active span:last-child{transform: rotate(-45deg) translate(5px, -2px);} .slide-menu-section{position: fixed;left: 0;width: 100%;height: 100%;background: #fff;top: 0;padding-top: 100px;overflow: auto;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;z-index: 12; display:none; } .slide-menu-section.open{pointer-events: all;opacity: 1;visibility: visible;display:block;} .slide-menu-section ul{margin-bottom: 0;padding: 0;} .slide-menu-section .wrapper {display: flex;justify-content: space-between;flex-direction: column;height: 100%;} .slide-menu-section .top_nav > ul{position: relative;width: calc(100% - 615px);} .slide-menu-section .top_nav ul li:not(li ul li) > a{padding-right: 90px; font-size: 80px;line-height: 1;text-decoration: none;transition: 0.4s; font-family: 'helveticanowdisplay_regularRg';position: relative;} .slide-menu-section .top_nav ul li:not( li li) > a:hover,.slide-menu-section .top_nav ul li.show:not( li li) > a{font-family: 'helvetica_now_displaybold';} .slide-menu-section .top_nav ul li:not( li li){margin-bottom: 30px;list-style: none;} .slide-menu-section .top_nav ul li:has(ul) > a{position: relative;} .slide-menu-section .top_nav ul li:has(ul) > a::after,.slide-menu-section .top_nav ul li.show:has(ul) > a::after{transition: 0.4s; content: ""; position: absolute;opacity: 0; right: 10px;top: 50%;transform: translateY(-50%);background: url(images/right-arrow.svg)center no-repeat;width: 40px;height: 40px;} .slide-menu-section .bottom_bar {padding: 30px 0;margin-top: 30px;border-top: 1px solid #282728;} .slide-menu-section .top_nav ul li:hover:has(ul) > a::after,.slide-menu-section .top_nav ul li.show:has(ul) > a::after{right: 0;opacity: 1;} .slide-menu-section .top_nav li ul{position: absolute;left: 100%;top: 0;width: 615px;opacity: 0;pointer-events: none;transition: 0.4s;} .slide-menu-section .top_nav li:hover ul,.slide-menu-section .top_nav ul li.show ul{pointer-events: all;opacity: 1;visibility: visible;} .slide-menu-section .top_nav li li a{font-size: 32px;line-height: 1;text-decoration: unset;} .slide-menu-section .top_nav li li a:hover{font-family: 'helvetica_now_displaybold';} .slide-menu-section .top_nav li li{margin-bottom: 20px;list-style: none;} .slide-menu-section .bottom_bar ul{display: flex;flex-wrap: wrap;gap: 30px;} .slide-menu-section .bottom_bar li {list-style: none;display: inline-block;} .slide-menu-section .bottom_bar li a{text-decoration: none;} .bottom_flex{display: flex;align-items: center;gap: 20px;justify-content: space-between;} .bottom_bar .right{display: flex;align-items: center;gap: 20px;} .bottom_bar .right p{margin-bottom: 0;} .bottom_bar .right ul{display: flex;gap: 10px;} .social img { width: 25px; display: block; height: auto;} /* header end */ /* how we think start */ .how_we_think{padding: 134px 0;position: relative;} .how_we_think .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;} .how_we_think .left_part{width: 18%;padding-right: 20px;} .how_we_think .right_part{width: 81.8%;} .how_we_think .right_part .maxwidth{max-width:1006px;width: 100%;} .how_we_think .right_part p{font-size: 48px;line-height: 58px;font-family: 'helvetica_now_displaybold';margin-bottom: 0;} .how_we_think .right_part h2{margin-bottom: 80px;} .how_we_think .button_box{margin-top: 120px;} .relative-box .gradient-text {color: rgba(123,123,123,1);} .relative-box .gradient-text.overlap_t{ background: linear-gradient(161deg,#282728 0%, #282728 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent !important;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} .relative-box.is-inview .gradient-text.overlap_t{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;} .relative-box p.gradient-text {color: #7B7B7A5C ;} .relative-box .gradient-text.overlap_t.color_light{ background: linear-gradient(161deg,#7B7B7B 0%, #7B7B7B 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} /* .relative-box.is-inview .gradient-text.overlap_t.color_light{clip-path: circle(150% at 0 20%);} */ .how_we_think .button_box a.btn_animation:hover .rounded_arrow, .how_we_think .button_box a.btn_animation:hover .btn_text { background: #ffff05; color: #000; } .how_we_think .button_box a.btn_animation:hover .rounded_arrow svg path { fill: #282728 !important; } .banner_sec.contact_banner .right_part .contact_form button.btn_animation:hover .rounded_arrow, .banner_sec.contact_banner .right_part .contact_form button.btn_animation:hover .btn_text { background: #ffff05; color: #000; } .filter_sec .top_part .button_box .btn_animation:hover .rounded_arrow, .filter_sec .top_part .button_box .btn_animation:hover .btn_text{ background: #ffff05; color: #000;} /* innovative result start */ .innovative_result{position: relative;} .innovative_result .three_d_image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .innovative_result .three_d_image img{width: 100%;display: block;height: 100%;object-fit: cover;} .innovative_result .inner_part{position: relative;z-index: 1;padding-top: 132px;} .innovative_result .top_content{padding-right: 140px;} .innovative_result .top_content .maxwidth{max-width: 300px;margin-left: auto;width: 100%;} .innovative_result .top_content p{color: #ffffff;font-family: 'helvetica_now_displaybold';} .innovative_result .scroll_moving_text{margin-top: -90px;} .scroll_moving_text h2{color: #fff;font-size: 10.4vw;line-height: 8.4vw;} .scroll_moving_text .top_text{width: 100%;} .scroll_moving_text .bottom_text{width: 100%;display: flex;align-items: center;justify-content: flex-end;} .scroll_moving_text .bottom_text span{display: inline-block;margin-right: 60px;} .innovative_result .bottom_content{padding: 40px 296px 90px 140px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .innovative_result .bottom_content p{margin-bottom: 0;} .services_card{position: relative;z-index: 1;display: flex;flex-wrap: wrap;justify-content: space-between;} .services_card .card{width: 20%;border-right: 1px solid #fff;padding: 30px 30px 50px;text-decoration: none;position: relative; overflow: hidden;transition:all 0.3s;} .services_card .card:last-child{border-right: none;} .services_card .card h3{color: #fff;min-height: 71px;margin-bottom: 45px;transition:all 0.3s;position: relative;z-index: 1;} .services_card .card p{line-height: 22px; font-family: 'helvetica_now_displaymedium';transition: all .3s;opacity: 0;transform: translateY(10px);} .services_card .card:hover p{opacity: 1;transform: translate(0);transition-delay: .15s;} .services_card .card .rounded_arrow{transform: scale(0);transition-timing-function: cubic-bezier(.34,1.56,.64,1);transition: all .3s;margin-bottom: 145px;} .services_card .card:hover .rounded_arrow{opacity: 1;transform: scale(1);transition-delay: .15s;} .services_card .card::before{content: "";position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;transition-delay: .15s;} .services_card .card:hover::before{left: 0;opacity: 1;visibility: visible;} .services_card .card:hover h3{color: #282728;} .services_card.hover-left .card::before{right: -100%;left: unset;} .services_card.hover-left .card:hover::before{right: 0;} .services_card.hover-right .card::before{left: -100%;} .services_card.hover-right .card:hover::before{left: 0;} /* innovative result end */ /* counter section start */ .how_we_think.two:not(.background-change){background: #2B2A2B;padding: 142px 0;} .how_we_think.two .right_part .maxwidth{max-width: 1164px;} .how_we_think.two .right_part h2{margin-bottom: 30px;} .how_we_think.two .small_title{color: #fff;} .how_we_think.two .relative-box h2.gradient-text{color: #7b7b7b !important;} .how_we_think.two .relative-box h2.gradient-text.overlap_t{background: linear-gradient(161deg,#fff 0%, #fff 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent !important;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} .how_we_think.two .relative-box p.gradient-text{color: #1c1c1c !important;} .how_we_think.two .relative-box p.gradient-text.overlap_t{background: linear-gradient(161deg,#7b7b7b 0%, #7b7b7b 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent !important;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} /* counter section end */ /* how_to_work css */ .how_to_work { padding: 142px 0 85px;} .how_to_work .inner_card , .how_to_work .top_title{ display: flex; justify-content: space-between; flex-wrap: wrap;} .how_to_work .left_part{ width: 47%;} .how_to_work .right_part{ width: 53%;} .how_to_work .top_title { margin-bottom: 20px;} /*.how_to_work .top_title .right_part{ max-width: 310px; float: right;}*/ .how_to_work .top_title .right_part{ float: right;} .how_to_work ul{margin-bottom: 0;} .how_to_work .card{ z-index: 1; color: #282728; padding: 74px 0; transition: 0.3s linear; position: relative;overflow: hidden; border-bottom: 1px solid #F4F4F4;} .how_to_work .card:last-child{ border-bottom: none;} .how_to_work ul li {margin-bottom: 30px; font-size: 18px; line-height: 32px;} .how_to_work ul li:last-child{ margin-bottom: 0;} .how_to_work ul li::marker{font-size: 20px;} .how_to_work .card::before{ z-index: -1;transform: translateY(-100%); content: ""; position: absolute; top: 0%; left: 0; width: 100%; height: 100%; background: #2B2A2B 0% 0% no-repeat padding-box; color: #fff; transition: 0.4s;} .how_to_work .card:hover::before{transform: translateY(0);} .how_to_work .card:hover .right_part li, .how_to_work .card:hover{ color: #fff;} .how_to_work .card:hover ul li ::marker{ color: #fff; background: #fff; } .how_to_work .left_part p{font-family: 'neue_machinaregular';font-weight: normal;font-size: 18px;} /* industries we know start */ .industries_we_know{background: #F4F4F4;padding: 142px 0 134px;} .scroll_moving_text.two h2{color: #2B2A2B;} .industries_we_know .inner_part{display: flex;} .industries_we_know .left_part{width: 30%;} .industries_we_know .mid_part{width: 46%;} .industries_we_know .mid_part video{width: 100%;height: 100%;object-fit: cover;display: block;mix-blend-mode: multiply;margin-top: -60px;} .industries_we_know .right_part{width: 24%;} .scroll_moving_text.two .bottom_text{justify-content: flex-start;} .industries_we_know .left_part .small_title,.industries_we_know .right_part .rotate_star{margin-bottom: 100px;display: block;} .industries_we_know .right_part .rotate_star{text-align: right;} .industries_we_know .right_part h4{margin-bottom: 75px;} .industries_we_know .right_part li{text-decoration: underline;margin-bottom: 10px; font-family: 'helvetica_now_displaymedium';font-size: 18px;} .industries_we_know .button_box{text-align: center;} .industries_slider_card{display: flex;margin-bottom: 50px;} .industries_slider_card .card{padding: 35px 32px 43px;border-bottom: 1px solid #A3A3A3;border-right: 1px solid #A3A3A3;min-width: 280px;} .industries_slider_card .card .icon{height: 60px;margin-bottom: 25px;} .industries_slider_card .card .icon img{max-height: 60px;display: block;margin: 0 auto;} .industries_slider_card .card h5{font-family: 'helvetica_now_displaymedium';margin-bottom: 0;text-align: center;} .industries_we_know .arrow_btn_yellow{margin-top:94px;} /* industries we know end */ /* brands_sec css */ .brands_sec { position: relative; padding: 142px 0;} .brands_sec::before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width:15vw; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 0) 100%); pointer-events: none; z-index: 2; pointer-events: none;} .brands_sec::after{content: ""; position: absolute; top: 0; right: 0; height: 100%; width:15vw; background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 0) 100%); pointer-events: none; z-index: 2; pointer-events: none;} .brands_sec .top_title{ text-align: center; max-width: 752px; margin: 0 auto 60px;} /* .brands_sec .top_title h2{ line-height: 58px; font-weight: 700;} */ .brands_sec .brand_slider { margin-bottom: 70px;display: flex;justify-content: center;} .brands_sec .brand_slider:last-child{ margin-bottom: 0;} .brand_slider .brand_logo { padding: 0 15px; display: flex;align-items: center;} .brand_slider .owl-stage{ padding: 0 15px;display: flex;justify-content: center; align-items: center; } .brand_logo img { width: auto; display: block; max-width: unset;max-height: 100px;} /* traffic_sec css */ .traffic_sec { padding: 135px 0; position: relative;} .traffic_sec::after{content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%); height: 721px; width:100%; background: url(images/Figure-top.png) top center no-repeat; pointer-events: none; z-index: 2; pointer-events: none; z-index: -1; background-size: contain;} .traffic_sec .card_box { z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 112px;} .traffic_sec .card_box:last-child{margin-bottom: 0;} .traffic_sec .card{ padding:16px 37px 0;} .traffic_sec .card._1 {width:26%; border-top: 1px solid #282728; } .traffic_sec .card._2 ,.traffic_sec .card._3 {width: 37%; } .traffic_sec .card._3 {border-top: 1px solid #282728;padding-left: 0;padding-right: 0;} .traffic_sec .card._2 { display: flex; justify-content: center; } .traffic_sec .card h3{margin-bottom: 20px; font-size: 34px;} .traffic_sec .card h4{ margin-bottom: 16px; } .traffic_sec .card._3 p{ color: #282728; font-size: 18px; line-height: 28px; font-weight:normal; font-family: 'helveticanowdisplay_regularRg';} .traffic_sec .card._3 p:last-child{margin-bottom: 0;} .traffic_sec .card ul{ padding-left: 50px;} .traffic_sec .card ul:last-child{margin-bottom: 0;} .traffic_sec .card ul li { margin-bottom: 15px; font-family: 'helvetica_now_displaymedium'; font-size: 18px;} .traffic_sec .card ul li::marker{font-size: 20px;} .traffic_sec .top_title{ text-align: center; max-width: 752px; margin: 0 auto 60px;} /* .traffic_sec .top_title h2{ line-height: 58px;} */ .traffic_sec span{ margin-left: -37px; font-size: 18px; font-family: 'neue_machinaregular';font-weight: normal;margin-top: 8px;} .traffic_sec .title{ display: flex; gap:28px; align-items: flex-start;} /* accordian_sec css */ .accordian_sec{ background: #2B2A2B; color: #fff; padding: 142px 0;} .accordian_sec .top_title{ text-align: center; margin: 0 auto 56px;} .accordian_sec .accordian{ max-width: 1280px; margin: 0 auto;} .accordian_sec .acc-title{ cursor: pointer; transition: 0.4s; padding: 20px 55px 20px 30px; background: #3A3A3A; position: relative;} .accordian_sec .acc-title::before{ transition: 0.4s; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 22px ; height: 13px; background: url(images/acc_arrow.svg) right center no-repeat; background-size: 22px;} .accordian_sec .acc-title.active::before{ transform: rotate(-180deg); transition: 0.4s; margin-top: -8px;} .accordian_sec .acc-title h4{ margin-bottom: 0;} .accordian_sec .acc-items:not(:last-child){ margin-bottom: 10px; } .accordian_sec .acc-items .acc-content{ margin-bottom: 10px; padding:23px 55px 13px 30px;} .accordian_sec .acc-items p { color: #fff; font-size: 18px; line-height: 28px;} .accordian_sec .acc-items p a { text-decoration: none; color: #FFFF05;font-weight:normal;font-family: 'helvetica_now_displaybold';} /* contact_us_sec css */ .contact_us_sec{ padding: 142px 0;} .contact_us_sec .sec_heading{ margin-bottom: 45px;} .contact_us_sec .sec_heading span{ font-size: 16px; font-weight: normal; font-family: 'neue_machinaregular'; } .contact_us_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;} .contact_us_sec .left_part{ width: 50%; max-width: 655px;} .contact_us_sec .left_part h2{margin-bottom: 20px;} .contact_us_sec .right_part{ width: 50%; max-width: 445px; padding-top: 15px;} .contact_us_sec .contact_person { display: flex; justify-content: space-between ;flex-wrap: wrap;} .contact_us_sec ul { list-style: none; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;} .contact_us_sec .social_acount { list-style: none; display: flex; align-items: center; flex-wrap: wrap;} .contact_us_sec .right_part h3{margin-bottom: 10px;font-size: 36px;} .contact_us_sec .social_acount{ margin-top: 30px;} .contact_us_sec .social_acount p, .social_acount ul { margin-bottom: 0;} .contact_us_sec .social_acount span{ font-size: 18px; font-weight: normal; font-family: 'helveticanowdisplay_regularRg'; } .contact_us_sec .person_img{ width: 182px; margin-bottom: 16px;} .contact_us_sec .person_details{ width: calc(100% - 210px);} .contact_us_sec .social_acount p{font-size: 18px;} .contact_us_sec .person_details span,.contact_us_sec .social_acount p{font-family: 'neue_machinaregular';} .contact_form{display: flex; gap: 30px; flex-wrap: wrap; max-width: 1504px; margin: 50px auto 0;} .contact_form .input_field{width: calc(50% - 15px); border-bottom: 1px solid #282728; } .contact_form input , .contact_form select{ background: transparent; font-size: 16px; font-weight:normal; border:none; outline: none; font-family: 'helvetica_now_displaymedium'; width: 100%; padding-bottom:22px; line-height: 28px;} .contact_form textarea{ height: 148px; border: none; resize: none; font-size: 16px; font-weight:normal; font-family: 'helvetica_now_displaymedium'; width: 100%; padding-bottom:22px; line-height: 28px;} .contact_form ::placeholder{ color: #282728; font-size: 16px; font-weight:normal; font-family: 'helvetica_now_displaymedium'; width: 100%; padding-bottom:22px; border-bottom: #282728; line-height: 28px;} .contact_form .input_field.full_width{ width: 100%;} .contact_form input[type=submit] { width: 200px; padding-bottom: 0;font-family: 'helvetica_now_displayXBd';font-size: 17px;} .contact_form .input_field:last-child{ border-bottom: none; display: flex; justify-content: flex-end;} .contact_form .btn_animation{ background: transparent; border: none; margin-right: -57px;} .contact_form select{ background: url(images/select_arrow.svg) right center no-repeat; height: 6px; background-size: 16px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} /* top_arrow css */ .top_arrow{ position: fixed; right: 40px; bottom: -100%;cursor: pointer;transition: 0.4s;z-index: 9;} .sticky .top_arrow{bottom: 65px;} .top_arrow .inner_part { width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.4s;overflow: hidden; line-height: 1; color: #ffffff;font-family: 'helvetica_now_displayXBd';z-index: 1;position: relative;} .top_arrow .inner_part::before{z-index: -1; content: "";position: absolute;top: 100%;left: 0;right: 0;top: 0;width: 100%;height: 100%;background-color: #282727;transition: all .4s cubic-bezier(.77,0,.175,1);} .top_arrow .inner_part::after{z-index: -1; content: "";position: absolute;top: 100%;left: 0;right: 0;bottom: 0;width: 100%;height: 230%;background-color: #ffff05;border-radius: 100%;transition: all .4s cubic-bezier(.77,0,.175,1);} .top_arrow .inner_part:hover::after{top: -2rem;} .top_arrow .inner_part:hover::before{top: -100%;} .top_arrow .inner_part:hover svg path{fill: #282728;} /* service_sec css start */ .service_sec{ padding: 140px 0 195px; background: #282728; color: #fff; position: relative; z-index: 1;} .service_sec .top_title { margin-bottom: 88px;} .service_sec .top_title span{display: inline-block;} .service_sec .inner_part{ display: flex; justify-content: space-between; align-items:center; flex-wrap: wrap;} .service_sec .left_part{ width: 40%;} .service_sec .right_part{ max-width: 790px; margin-right: auto; width: 60%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;} .service_sec .right_part .card{ margin-bottom: 88px;} .service_sec .right_part .card_box.mt .card:first-child{ margin-top: 124px;} .service_sec h3{ margin-bottom: 35px; } .service_sec p{ margin-bottom: 34px;font-family: 'helvetica_now_displaymedium'; font-weight: normal;line-height: 22px; } .service_sec ul{list-style: none; padding-left: 0;} .service_sec ul li a { line-height: 1; text-decoration: none; font-size: 13px; font-family: 'helvetica_now_displaymedium'; font-weight: normal;position: relative;display: block;padding: 13px 0;} .service_sec ul li a::after {content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background: linear-gradient(90deg,hsla(0,0%,100%,.2),transparent);} .service_sec .button_box{ margin-top: 50px;} .service_sec .gray_btn .rounded_arrow ,.service_sec .gray_btn .btn_text{ background: #7B7B7B; color: #fff;} .service_sec .gray_btn:hover .rounded_arrow,.service_sec .gray_btn:hover .btn_text { background: #ffff05; color: #000; } .service_sec .gray_btn:hover .rounded_arrow svg path {fill: #282728 !important; } .service_sec .right_part .card_box{ width: 40%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; } .service_sec .top_img{ position: absolute; top: 24rem; left: -31rem; z-index: -1;} .service_sec .bottom_img{ position: absolute; bottom: 0; right: -20rem; z-index: -1; } /* service_sec css end */ /* business_sec css start */ .business_sec { padding: 130px 0 190px;} .business_sec .inner_part{ width: 100%; position: relative;} .business_sec .top_title{ max-width: 1100px;} .business_sec h2{ font-size: 65px; line-height: 72px;} .business_sec .text_box{ max-width: 485px;} .business_sec .button_box{ margin-top: 80px;} .business_sec .right_img{ position: absolute; right: 0; top:1rem;pointer-events: none; } .business_sec .gray_btn:hover .rounded_arrow, .business_sec .gray_btn:hover .btn_text { background: #ffff05; color: #000; } .business_sec .gray_btn:hover .rounded_arrow svg path {fill: #282728 !important; } /* business_sec css end */ /* why choose us start */ .how_we_think.two{position: relative; background-color:rgb(40, 39, 40);} .how_we_think.two .inner_part{z-index: 1;} .icon_with_text_cardblock{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 90px 0;position: relative;z-index: 1;} .icon_with_text_cardblock .card{width: 26%;} .icon_with_text_cardblock .icon{margin-bottom: 24px;} .icon_with_text_cardblock .icon img{display: inline-block;} .icon_with_text_cardblock .text h3{font-size: 34px;color: #fff;} .icon_with_text_cardblock .text p{color: #fff;} .how_we_think .icon_with_text_cardblock{margin-top: 100px;} .yellow_gradient_image{position: absolute;left: 0;bottom: 0;width: 100%;pointer-events: none;} .yellow_gradient_image img{display: block;margin: 0 auto;} /* why choose us end */ /* banner_sec css */ .banner_sec { padding: 150px 0 ;} .back_btn{transition: 0.4s; font-size: 25px; font-family: 'helvetica_now_displaybold'; line-height: 1; font-weight: normal; display: inline-flex; gap: 10px; text-decoration: none; align-items: center; margin-bottom: 65px;} .back_btn:hover{gap: 15px;} .back_btn img{transform: translate(0);transition: 0.4s;} .back_btn:hover img{transform: translateX(-5px);} .banner_sec .inner_part{position: relative;} .banner_sec .text_box{ max-width: 1147px;} .banner_sec .text_box h3{ font-size: 30px; line-height: 40px;} .banner_sec .contact_form .input_field {width: calc(33.33% - 20px);border-bottom: 1px solid #282728;} .banner_sec .contact_form .input_field.submit{ border-bottom: none;} .banner_sec .btn_animation.black_btn input{ color: #fff;} .banner_sec .black_btn .btn_text{ max-width: 195px;} .banner_sec .rotate_star{ padding-top: 30px;} .banner_sec .contact_form{ margin-top: 50px;} /* counter_sec css */ .counter_sec { margin-bottom: 135px; } .counter_sec .wrapper{padding: 0;} .counter_sec:not(.three) .wrapper{ max-width: 1920px; } .counter_sec .inner_part{ display: flex; flex-wrap: wrap;border-bottom: 1px solid #A3A3A3; } .counter_sec .card{ width: 25%; position: relative; padding: 100px 60px 70px;} .counter_sec .card .text_wrap{ max-width: 230px;} .counter_sec .card::after{ content: ""; top: 0; right: 0; position: absolute; height: 100%; width: 1px; background: linear-gradient(to bottom, #fff, #A3A3A3);} .counter_sec .card:first-child::before{ content: ""; top: 0; left: 0; position: absolute; height: 100%; width: 1px; background: linear-gradient(to bottom, #fff, #A3A3A3);} /* .counter_sec .card:last-child::after{ display: none;} */ .counter_sec .card h2{ font-size: 80px;margin-bottom: 20px; font-family: 'neue_machinaregular'; font-weight: normal;line-height: 80px;} /* leadership_sec css */ .leadership_sec{ background: #282728; padding: 100px 0 170px; color: #fff;} .leadership_sec .inner_part{ position: relative;} .leadership_sec .rotate_star{ left: 0; } .leadership_sec .top_title{margin-bottom: 50px;width: 1156px;margin-right: 184px;float: right;} .leadership_sec .rotate_star svg{margin-bottom: 60px;} .leadership_sec .right_part{ width:1156px; float: right; margin-right: 184px; position: relative; padding: 0; box-sizing: border-box; } /* swiper slider */ .swiper_slider .swiper.mySwiper_video { pointer-events: none; overflow: hidden; border-radius: 9999px; margin-bottom: 20px; width: 100%; height: 100%; } .mySwiper_video .swiper-slide { height: 654px;} .mySwiper_video .swiper-slide iframe{position: absolute;left: 0;top: 0;} .slider_arrow .swiper_arrow {float: left ; width: 100%;display: flex;justify-content: flex-start;} .slider_arrow .swiper_arrow .swiper-button-prev ,.slider_arrow .swiper_arrow .swiper-button-next {padding: 18px 35px; width: auto ;height: auto; position: static ;margin-top: 0;} .swiper_slider .swiper { width: 100%; height: 100%; } .swiper_slider .swiper-slide { text-align: center; font-size: 18px; background: #444; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } .swiper-slide iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; object-fit: cover; } .slider_arrow .swiper-button-next, .slider_arrow .swiper-button-prev { width: 72px; height: 51px; border-radius: 40px; background: #fff; transition: 0.4s; } .slider_arrow .swiper-button-next:hover{padding-left: 70px;} .slider_arrow .swiper-button-prev:hover { padding-right: 70px;margin-left: -35px;} .slider_arrow .swiper-button-prev::after,.slider_arrow .swiper-button-next::after{display: none !important;} .leadership_sec .btn_animation{ position: absolute; right: -244px; top: 50%; z-index: 2; background: transparent;} .leadership_sec .btn_animation .btn_text{ color: #282728;} /* .how_we_think.white_bg css */ .how_we_think.white_bg {color: #282728;} .how_we_think.white_bg .small_title{ color: #282728;} .how_we_think .swiper_slider { position: relative; width: 862px; margin-top: 105px; } .how_we_think .swiper_slider .swiper-slide { text-align: left; background: transparent; border: 1px solid #fff; margin: 0 auto; height: 486px; border-radius: 9999px; padding: 80px 60px;} .how_we_think .slide-content { margin: 0; color: #fff; display: flex; align-items: center; } .how_we_think .slide-content .text-content h2{ font-size: 80px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal;} .how_we_think .slide-content .text-content h2 span{ font-size: 50px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal;} .how_we_think .slide-content .text-content p{ font-size: 16px; line-height: 28px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal;} .how_we_think .slide-content .text-content h4{ font-size: 34px; line-height: 46px;} .how_we_think .slide-content .count{ margin-bottom: 80px;} .how_we_think .slide-content .icon{ width: 201px;} .how_we_think .slide-content .text-content{ width: calc(100% - 201px); padding-left: 87px;} .how_we_think .swiper{ overflow: visible; float: left;margin-left: 72px;margin-bottom: 25px;} /* how we deliver start */ .white_font * {color: #fff;} .how_we_deliver{background: #282728;padding: 142px 0 10px;} .how_we_deliver .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;} .how_we_deliver .left_part{width: 52%;} .how_we_deliver .left_part .small_title{margin-bottom: 79px;display: block;} .how_we_deliver .left_part h2{margin-bottom: 0;font-size: 65px;} .how_we_think.slider .right_part h2{ font-size: 65px;} /* .how_we_deliver css */ .how_we_deliver .right_part{width: 45%;} .how_we_deliver .right_part .maxwidth{max-width: 360px;margin-left: auto;} .how_we_deliver .right_part .rotate_star{margin-bottom: 40px;text-align: right;} .how_we_deliver .right_part p{font-family: 'helvetica_now_displaybold';font-weight: normal;} /* .tab_section css */ .tab_section .inner_max_width{max-width: 1920px;margin: 0 auto;} .tab_section .step_image{position: relative;} .tab_section .step_image img{display: block;width: 100%;} .tab_section .tab_header{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 0;} .tab_header li{list-style-type: none;display: flex;flex-wrap: wrap;align-items: center;cursor: pointer;position: absolute;left: 0;top: 0; } .tab_header .number_text{margin-right: 15px; font-size: 22px;font-family: 'helvetica_now_displayXBd';font-weight: normal;width: 50px;height: 50px;border-radius: 100%;background: #fff;transition: 0.4s; color: #282728;display: flex;align-items: center;justify-content: center;} .tab_header li.active .number_text,.tab_header li:hover .number_text{background: #FFFF05;} .tab_header .textbtn{font-size: 15px;font-family: 'helvetica_now_displaybold';font-weight: normal;line-height:21px;border-radius: 50px;width: auto;padding: 10px 24px;display: inline-block;text-align: left;border: 1px solid #373737;background: #282728;} .tab_header li.tab-1{left: 15%;top: 22%;} .tab_header li.tab-2{left: 22%;top: 65%;} .tab_header li.tab-3{left: 65%;top: 15%;} .tab_header li.tab-4{left: 73%;top: 59%;} .tab_header li.tab-5{left: 51%;top: 48%;} .tab_header li.tab-1 .number_text,.tab_header li.tab-2 .number_text{order: 2;margin-right: 0px;margin-left: 15px;} .tab_header li.tab-1 .textbtn,.tab_header li.tab-2 .textbtn{order: 1;text-align: right;} .tab_section .tab_body{top: -90px;position: relative;z-index: 1;} .tab_body .content{display: none;flex-wrap: wrap;justify-content: space-between;} .tab_body .content.show{display: flex;} .tab_body .left_content{width: 45%;} .tab_body .left_content .step_btn{margin-bottom: 10px;display: inline-block;background:#FFFF05 ;color: #282728; font-size: 15px;line-height: 1;font-family: 'helvetica_now_displaybold';font-weight: normal;border-radius: 50px;padding: 15px 25px;} .tab_body .left_content h4{margin-bottom: 0;} .tab_body .left_content h4 br{display: none;} .tab_body .right_content{width: 50%;} .tab_body .right_content p{font-size: 18px;line-height: 32px;} /* text_img_sec css */ .text_img_sec .outer_part { position: relative;} .text_img_sec{ position: relative; margin: 142px 0 100px;} .text_img_sec .wrapper{position: relative;} .text_img_sec .inner_part{ z-index: 1; position: relative; padding: 70px 0 0; max-width: 1088px; display: flex; align-items: center; flex-wrap: wrap;} .text_img_sec .left_part{ width: 56%;} .text_img_sec .right_part{ width: 44%; padding-left: 57px;padding-right: 44px;} .text_img_sec h2{ font-size: 65px; line-height: 72px;} .text_img_sec h6{ font-size: 16px; line-height: 22px; } .text_img_sec .img_bg{ position: absolute; top: 0; left: -340px; z-index: -1;} .text_img_sec .rotate_star{ top: 50%;} .reviews .relative-box .gradient-text.overlap_t.color_light{ background: linear-gradient(161deg,#282728 0%, #282728 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} /* . how think us reviews */ .how_we_think.reviews{ padding: 15px 0 100px;} .reviews .review-box { gap: 35px; margin-top: 54px;} .reviews .review-box .left{ margin-right: 113px;} .reviews .review-box .right{ font-size: 15px; font-family: 'helvetica_now_displaybold'; font-weight: normal;} .reviews .small_title{ color: #282728;} /* .counter_sec.three */ .counter_sec.three .inner_part{ border-bottom: 1px solid #A3A3A3;} .counter_sec.three .card{ width: 33.33%; margin: 0 auto; text-align: center; padding: 150px 60px 50px; min-height: 374px; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow:hidden; } .counter_sec.three .card .text_wrap{ margin: 0 auto;} .counter_sec.three .card h2{ margin-bottom: 5px;} .counter_sec.three .card:hover * { color: #fff; } .counter_sec.three .card:hover::after { transform: translateY(0); opacity: 1; visibility: visible; } .counter_sec.three .card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #282728; transition: 0.4s; transform: translateY(100%); z-index: -1; opacity: 0; visibility: hidden; } .counter_sec.three .card{ position:relative;} .counter_sec.three .hover-text { opacity: 0; visibility: hidden; display: none; text-align: left; } .counter_sec.three .card:hover .hover-text { opacity: 1; visibility: visible; display: block; } .counter_sec.three .card:hover h2{ opacity:0; visibility:hidden; display:none;} .counter_sec.three .card:hover .text_wrap{ opacity:0; visibility:hidden; display:none;} .how_we_think .right_part .icon_with_text_cardblock .text p{ font-size: 16px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; line-height: 28px;} .how_we_think .right_part .icon_with_text_cardblock .card{ width: 27%;} .how_to_work.benifits{ padding-bottom: 10px; background: #F8F8F8;} /* banner start */ .banner_sec .inner_part{position: relative;} .banner_sec p{line-height: 24px;font-family: 'neue_machinaregular';font-weight: normal;} .banner_sec .text_box p{font-size: 18px;} .banner_sec .img_bg {position: absolute;top: -90px;left: -713px;z-index: -1;} .banner_sec.blog_details{padding-bottom: 0;} .banner_sec .blog_image{position: relative;margin-top: 55px;} .banner_sec .blog_image img{width: 100%;display: block;} .banner_sec .blog_image .scroll-down{bottom: unset;top: -55px;} .banner_sec .left_part{width: 30%;float: left;} .banner_sec .right_part{width: 52%;float: right;} .banner_sec .left_part h5{font-size: 25px;margin-bottom: 15px;} .banner_sec.blog_details .back_btn{margin: 55px 0 0;} .banner_sec h1:not(:last-child){margin-bottom: 50px;} /* banner end */ /* blog section start */ .blog_section{border: 1px solid #A9A9A9;margin-top: 40px;} .blog_card{display: flex;flex-wrap: wrap;justify-content: space-between;text-decoration: none;} .blog_card .left_part{width: 31%;padding: 70px 70px 70px 0;} .blog_card .left_part ul{display: flex;flex-wrap: wrap;padding-left: 0;} .blog_card .left_part ul li{list-style-type: none;font-size: 16px;font-family: 'neue_machinaregular';font-weight: normal;border-right: 1px solid #282728;line-height: 23px;padding-right: 22px;margin-right: 22px;} .blog_card .left_part ul li:last-child{padding-right: 0;margin-right: 0;border-right: none;} .blog_card .right_part{width: 69%;overflow: hidden;} .blog_card .right_part img{display: block;transform: scale(1);transition: 0.4s;} .blog_card_link:hover img{transform: scale(1.05);} .blog_card_link:hover .btn_animation .btn_text{transform: translateX(0);} .blog_card_link:hover .btn_animation .rounded_arrow.withouthover{transform: translateX(-68px) scale(0);} .blog_card_link:hover .btn_animation .rounded_arrow.hidden{animation: arrowMove 2s cubic-bezier(.455,.03,.515,.955) .3s;opacity: 1;transform: scale(1);} .featured_blog{padding: 108px 0 52px;} .featured_blog .top_content{position: relative;} .featured_blog .top_content .rotate_star{margin-bottom: 60px;} .featured_blog .inner_part{display: flex;justify-content: space-between;flex-wrap: wrap;} .featured_blog .blog_card{width: 46%;} .featured_blog .blog_card .left_part{width: 100%;order: 2;padding: 0;} .featured_blog .blog_card .right_part{width: 100%;order: 1;margin-bottom: 76px;} .featured_blog .blog_card .left_part h3{margin-bottom: 48px;} .featured_blog .img_bg {position: absolute;top: 0px;left: -970px;z-index: -1;} .featured_blog .blog_card .right_part{height: 347px;overflow: hidden;display: flex;} .featured_blog .blog_card .right_part .scrollimage{width: 100%;height: 100%;position: relative;} .featured_blog .blog_card .right_part img{width: 100%;height: 120%;object-fit: cover;position: absolute;left: 0;top: -10%;} .featured_blog .blog_card:nth-child(2n){margin-top: 50px;} .featured_blog .blog_card .left_part ul,.featured_blog .blog_card .left_part h3,.featured_blog .blog_card .button_box{transform: translateY(0);transition: 0.4s;} .featured_blog .blog_card:hover .left_part ul{transform: translateY(-1rem);} .featured_blog .blog_card:hover .left_part h3{transform: translateY(-2rem);} .featured_blog .blog_card:hover .button_box{transform: translateY(-3rem);} /* blog section end */ /* text editor start */ .black_bg{ background: #282728;} .text_editor{padding: 135px 0;} .text_editor .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;} .text_editor .left_title{width: 215px;} .text_editor .left_title h5{font-size: 25px;} .text_editor .right_content{width: calc(100% - 230px);} .text_editor .right_content p,.text_editor .right_content li{font-size: 18px;line-height: 32px;} .text_editor .right_content .maxwidth{max-width: 1094px;} .text_editor h3{margin-bottom: 15px;} .text_editor ol,.text_editor ul{padding-left: 50px;} .text_editor ol li:not(:last-child){margin-bottom: 30px;} .text_editor ul li:not(:last-child){margin-bottom: 20px;} .text_editor ol:last-child,.text_editor ul:last-child{margin-bottom: 0;} .text_editor ol li::marker{font-size: 32px;font-family: 'helvetica_now_displaybold';font-weight: normal;} .text_editor li::marker{line-height: 1;} .text_editor ol ul li{position: relative;list-style-type: none;} .text_editor ol ul li::before{content: "";position: absolute;left: -15px;top: 12px; width: 7px;height: 7px;border-radius: 100%;background: #282728;} /* text editor end */ /* text with user start */ .text_with_user{background: #DEDFE1;padding: 142px 0;} .text_with_user .inner_part{position: relative;display: flex;flex-wrap: wrap;align-items: center;z-index: 1;} .text_with_user .img_bg {position: absolute;top: 0px;left:-133px;z-index: -1;} .text_with_user .left_text{width: 35%;position: relative;z-index: 1;} .text_with_user .right_user{width:52%;padding-left: 70px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end;position: relative;z-index: 1;} .text_with_user .left_text p{font-size: 18px;line-height: 32px;} .text_with_user .user{width: 66%;} .text_with_user .user img{mix-blend-mode: multiply;border-radius: 100%;display: block;} .text_with_user .text{width: 34%;padding-left: 26px;padding-bottom: 40px;} .text_with_user .text p{margin-bottom: 5px;font-family: 'neue_machinaregular';font-weight: normal;} .text_with_user .text h4{margin-bottom: 25px;} .text_with_user .text a{display: inline-block;} .text_with_user .text a img{width: 30px;} /* text with user end */ /* more explore start */ .more_explore{padding: 142px 0;} .more_explore .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;} .more_explore .left_part{width: 27%;} .more_explore .right_part{width: 67%;} .explore_card{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-bottom: 1px solid #F4F4F4;padding: 52px 40px;text-decoration: none;background: transparent;transition: 0.3s linear;position: relative;overflow: hidden;z-index: 1;} .explore_card::before {z-index: -1;transform: translateY(-100%);content: "";position: absolute;top: 0%;left: 0;width: 100%;height: 100%;background: #F8F8F8;transition: 0.4s;} .explore_card:hover::before{transform: translateY(0);} .explore_card .left{width: 160px;} .explore_card .left p{font-family: 'neue_machinaregular';font-weight: normal;} .explore_card .mid{width: calc(100% - 250px);padding: 0 35px;} .explore_card .mid h4{max-width: 500px;} .explore_card .right{width: 90px;} .explore_card p,.explore_card h4{margin-bottom: 0;} .explore_card .right p{font-family: 'neue_machinaregular';font-weight: normal;font-size: 18px;line-height: 24px;margin-bottom: 7px;} .rounded_arrows.arrow_btn_yellow.two{transform: unset;background: #282728;} .explore_card:hover .rounded_arrows.arrow_btn_yellow svg.arrow_hover {transform: translateX(0);opacity: 1;} .explore_card .rounded_arrows.arrow_btn_yellow svg.arrow_front{transform: translateX(0);opacity: 1;transition: 0.4s;} .explore_card:hover .rounded_arrows.arrow_btn_yellow svg.arrow_front{transform: translateX(2rem);opacity: 0;} .more_explore.blog_details .left_part .rotate_star{margin-bottom: 75px;} .more_explore.blog_details .rounded_arrows.arrow_btn_yellow.two{background: #FFFFFF;} .more_explore.blog_details .explore_card:hover .rounded_arrows.arrow_btn_yellow.two{background: #282728;} .more_explore.blog_details .explore_card:hover .rounded_arrows.arrow_btn_yellow.two path {fill: #ffffff;} .more_explore.blog_details .explore_card:hover *{color: #282728;} .filter{background: #E1E1E1;border-radius: 36px;} .filter h4{margin-bottom: 0;line-height: 1;font-size: 17px;font-family: 'helvetica_now_displayXBd';font-weight: normal;padding: 21px 60px 21px 30px;position: relative;cursor: pointer;width: 100%;float: left;} .filter h4::after{content: "";position: absolute;right: 30px;top: 26px;background: url(images/arrowdown.svg)center no-repeat;width:17px;height:9px;background-size:17px;transform: rotate(0deg);transition: 0.4s;} .filter h4.active::after{transform: rotate(180deg);} .filter .filter_option{padding: 0px 30px 22px;display: none;} .filter .checkbox_group{margin-bottom: 14px;} .filter .checkbox_group:last-child{margin-bottom: 0px;} .filter .checkbox_group label{font-size: 17px;line-height: 1;font-family: 'helvetica_now_displaymedium';font-weight: normal;} .checkbox_group input{display: none;} .checkbox_group label{position: relative;padding-left: 35px;cursor: pointer;} .checkbox_group label::before{position: absolute;left: 0;top: 0px; content: '';display: inline-block; vertical-align: bottom; width: 14px; height: 14px; background: transparent; border: 2px solid #282728;border-radius: 5px;} .checkbox_group label::after{position: absolute;left: 5px;top: 5px;opacity: 0;visibility: hidden;transition: 0.4s; content: '';background: url(images/tick.svg)center no-repeat;width: 9px;height: 7px;transition: 0.4s;background-size: 9px; } .checkbox_group input:checked + label::after{opacity: 1;visibility: visible;} /* more explore end */ /* .industries .banner_sec banner css */ .industries .banner_sec{ position: relative; z-index: 1;} .industries .banner_sec .text_box{ max-width: 825px;} .industries .banner_sec .text_box p{ font-size: 18px; line-height: 24px;} .banner_sec .bg_circle { position: absolute; top: 20%; left: -50px; height: auto; width: 100%; z-index: -1;} .industries .banner_sec .bg_circle img { display: block; height: 100%; object-fit: cover; max-width: unset;} .rotate_star.center{ padding-top: 0; top: 40%;} .banner_sec strong{font-family: 'neue_machinaultrabold';font-weight: normal;} /* .industries_expert css */ .industries_expert{padding-bottom: 142px;} .industries_expert .inner_part{ display: flex; justify-content: space-between; row-gap: 70px; flex-wrap: wrap;} .industries_expert .card{ width: 25%; padding: 65px 60px; text-align: center; margin: 0 auto; border-right: 1px solid #A3A3A3; border-bottom: 1px solid #A3A3A3;} .industries_expert .card:nth-child(4n-3){ border-left:1px solid #A3A3A3 ; } .industries_expert .text_box{ margin-top: 20px;} .industries_expert .text_box a{ text-decoration: none; position: relative; display: inline-block; padding: 11px 16px; font-size: 16px; font-family: 'helvetica_now_displaybold'; font-weight: normal; background-color:#282727; color:#ffffff; border-radius: 30px; transition: 0.4s;} /*.industries_expert .text_box a::after{ content: ""; position:absolute; bottom:0; left:0; width: 100%; height: 1px; background:#282728;} .industries_expert .btn_arrow{ content: ""; position:absolute; top:6px; right:-30px; width: 12px; height: 10px; transition: 0.4s; background: url(images/btn_arrow.svg) right center no-repeat; background-size: 12px;}*/ .industries_expert .text_box a:hover { background-color:#ffff05; color:#282727; } /* cases .banner_seccss */ /* .caeses{ margin-top: 0;} */ .banner_sec .sec_title{ margin-bottom: 65px; } .banner_sec .sec_title{ font-size: 25px;} .banner_sec .bg_circle_center { position: absolute; top: -66%; left: 29%; height: auto; width: 100%; z-index: -1;} .caeses .banner_sec .inner_part{ padding-bottom: 220px;} .caeses .banner_sec .bg_circle_center{z-index: 11;pointer-events: none;} /* .filter_sec css */ .filter_sec{background: #282728; color: #fff;padding-bottom: 142px;} .filter_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;} .filter_sec .left_part{ width: 29%; max-width: 342px;} .filter_sec .right_part{ width: 71%;} .filter_sec .top_part{ padding: 45px 0; display: flex; justify-content: space-between; align-items: center; gap:20px; position: relative;} .filter_sec .top_part::before{ content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: linear-gradient(90deg,rgba(163, 163, 163 ,1) 40%, rgba(245, 245, 245, 0) 100%);} .filter_sec .btn_text, .filter_sec .rounded_arrow {background: #fff;color: #282728;} .filter_sec .top_part .btn_one{ font-size: 15px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; background: transparent; border: 1px solid #fff; border-radius: 36px; min-width: 143px; padding: 12px 0; text-decoration: none; display: inline-block; text-align: center;} .filter_sec .top_part ul{ margin: 0;} .filter_sec .top_part ul li { font-size: 18px; font-family: 'helvetica_now_displaymedium'; font-weight: normal; line-height: 24px; margin-bottom: 11px;} .filter_sec .top_part ul li:last-child{ margin-bottom: 0;} .filter_sec .filter_box:not(:last-child) { margin-bottom: 80px;} .filter_sec .left_part .flt_heading{cursor: pointer;padding: 5px 0;margin-bottom: 30px;} .filter_sec .left_part .flt_heading p{ font-size: 28px;line-height: 1; color: #6B6B6B;margin-bottom: 0;width: calc(100% - 33px);} .filter_sec .left_part .flt_heading span{width: 23px;display: inline-block;padding-top: 6px;transform: rotate(0deg);transition: 0.4s;} .filter_sec .left_part .flt_heading span svg{width: 100%;height: 100%;} .filter_sec .left_part .flt_heading.active span{transform: rotate(180deg);} .filter_sec .top_part .button_box {min-width: 277px;margin-right: -57px;overflow: hidden;} .filter_sec .left_part .flt_heading { display: flex; justify-content: space-between; flex-wrap: wrap;} .filter_sec .left_part .filter_title h3{ font-size: 34px; padding-bottom: 15px; border-bottom: 1px solid #FFFFFF;margin-bottom: 20px;} .filter_sec .left_part ul { padding-left: 0; display: inline-flex; flex-direction: column; justify-content: flex-start; } .filter_sec .left_part ul li { margin-bottom: 20px; font-size: 15px; min-width: 200px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; background: transparent; border: 1px solid #fff; border-radius: 36px; min-width: 143px; padding: 12px 0; text-decoration: none; display: inline-block; text-align: center; } /* new css */ .filter_sec .left_part ul li{list-style: none;} .filter_sec .left_part .option-group label {color: #fff; margin-bottom: 20px; font-size: 15px; min-width: 200px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; background: transparent; border: 1px solid #fff; border-radius: 36px; min-width: 143px; padding: 12px 0; text-decoration: none; display: inline-block; text-align: center; } .filter_sec .left_part .flt_sub_title{ display: block;} .filter_sec .left_part .option-group input{display: none;} .filter_sec .left_part .option-group input:checked + label{background: #fff;color: #282728;} /* .caeses .how_we_think */ /* .caeses .how_we_think { padding-bottom: 74px;} */ .caeses .how_we_think .small_title { color: #282728;} .caeses .how_we_think .right_part .maxwidth { max-width: 755px; } /* .circle_sec css */ .circle_sec { position: relative; margin-top: 142px; display: flex; justify-content: space-between; flex-wrap: wrap;} .circle_sec .circle{ min-height: 300px; overflow: hidden; border-radius: 180px; border: 1px solid #A3A3A3; display: flex; justify-content: center; align-items: center;} .circle_sec .circle._1{ width: 650px;} .circle_sec .circle._1 .text_box{ max-width: 370px;} .circle_sec .circle._1 .text_box h5:last-child{margin-bottom: 0;} .circle_sec .circle._2{width: calc(100% - 650px);padding: 0px; position: relative;} .circle_sec .logo_box{ padding: 0 30px; position: relative; height: 100%; display: flex; justify-content: center; align-items: center;} .circle_sec .logo_box::after { content: ""; top: 0; right: 0; position: absolute; height: 100%; width: 1px;background: linear-gradient(to bottom, transparent 0%, transparent 20%, #A3A3A3 100%); } .circle_sec .swiper-wrapper .swiper-slide{ height: 100%; width: auto;} .circle_sec .swiper-wrapper .logo_box { height: 100%; position: relative;} .circle_sec .swiper-wrapper { display: inline-flex; justify-content: center; align-items: center; height: 100%; } .circle_sec .swiper { width: 100%; height: 100%;margin-bottom: 0;margin-left: 0; } .circle_sec .swiper-slide img { max-height: 80px; width: auto; object-fit: contain; margin: 0 auto; display: block; } /* .quary_sec css */ .quary_sec { padding:142px 0; background: #DEDFE1} .quary_sec .inner_part { margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; position: relative;} .quary_sec .circle { width:22%; } .quary_sec .center_part { width: 518px; height: 518px; background: #B4B4B4; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center;} .quary_sec .right_part { padding: 0 0 45px 30px ; position: relative; z-index: 1; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column;} .quary_sec .left_part{ color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 2;} .quary_sec .left_part .line{width: 76px; height: 4px; background: #fff; display: inline-block;} .quary_sec .circle_bg{ position: relative;} .quary_sec .circle_bg{ position: absolute; top: 0; left: -418px; z-index: -1; } .quary_sec .circle_bg_right{ position: absolute; top: 0; left: 0; z-index: -1; } .quary_sec .social img{ width: 32px;} .quary_sec h2{ text-wrap: nowrap;} .quary_sec img{ mix-blend-mode: multiply; max-width: unset;} .quary_sec .left_part .text_wrap{ margin-right: 126px;} .quary_sec .left_part .rotate_star{ top: unset; bottom: 50px; right: 100px;} .quary_sec .right_part p{ margin-bottom: 10px;font-weight: normal;font-family: 'neue_machinaregular';} .quary_sec .right_part .button_box{ position: absolute; top: 50%; transform: translateY(-50%); right: -25%;} /* .caeses_details .banner_sec { padding-bottom: 115px;} */ /* .about_projet_sec css */ .about_projet_sec {padding: 125px 0 134px;position: relative;} .about_projet_sec .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;} .about_projet_sec .left_part{width: 19%;} .about_projet_sec .canter_part{width: 62%; max-width: 932px; margin-right: auto;} .about_projet_sec .right_part{width: 19%; text-align: right;} .about_projet_sec h5,.about_projet_sec p{ font-size: 24px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; line-height: 32px; } .about_projet_sec h3{ font-size: 32px; text-transform: uppercase;} .about_projet_sec ul:last-child{ margin-bottom: 0; } .about_projet_sec ul li:last-child{ margin-bottom: 0;} .about_projet_sec ul li strong{margin-bottom: 44px; font-size: 26px ; text-transform: uppercase; font-family: 'helvetica_now_displaybold';font-weight: normal } .about_projet_sec ul li{ margin-top: 20px; text-transform: capitalize; font-size: 24px; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal; line-height: 44px; } .about_projet_sec .right_part .p_title p { color: #fff; font-size: 16px ; line-height: 21px; text-transform: capitalize; font-family: 'neue_machinaultrabold'; font-weight: normal; margin-bottom: 15px;} .about_projet_sec .right_part p { font-size: 14px ; color: #AEAEAE; line-height: 21px; text-transform: uppercase; line-height: 26px; font-weight: normal; margin-bottom: 15px;} /* img_text_sec */ .img_text_sec {padding: 103px 0 142px;position: relative; background: #F4F4F4;} .img_text_sec .top_title{ margin-bottom: 90px; display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;} .img_text_sec .top_title .left_part{width: 18%;padding-right: 20px;} .img_text_sec .top_title .right_part{width: 81.8%; max-width: 1200px; margin-right: auto;} .img_text_sec .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .img_text_sec .img_part{width: 40%;} .img_text_sec .content_part{width: 54%; } .img_text_sec .content_part .img_box { display: flex; justify-content: flex-end;} .img_text_sec .content_part img{ display: block;} .img_text_sec .card_box { margin-top: 113px;} .img_text_sec .card_box .card:last-child{ margin-bottom: 0;} .img_text_sec .card_box .card { margin-bottom: 120px; display: inline-flex;flex-wrap: wrap; gap: 20px; justify-content: space-between; } .img_text_sec .card_box .icon{width: 104px;} .img_text_sec .card_box .text_box{width: calc(100% - 124px); } .img_text_sec .card_box p{font-size: 24px;line-height: 34px; } .img_text_sec .card_box h3{margin-bottom: 15px; } /* .img_text_sec.opposite */ .img_text_sec.opposite .inner_part .img_part {order: 2;} .img_text_sec.opposite .inner_part .content_part {order: 1;} .img_text_sec.opposite .inner_part .content_part .img_box{ justify-content: flex-start;} .img_text_sec.opposite .card_box{ padding-left: 83px;} /* service_seo_sec css */ .service_seo_sec.bg_gray{background: #F4F4F4; margin-bottom: 142px; color: #282728;} .service_seo_sec.bg_gray h2{ color: #282728;} .service_seo_sec .inner_part{ color: #fff; max-width: 1010px; padding: 50px 0 ; min-height: 550px; display: flex; justify-content:center; align-items: flex-start; flex-direction: column;} .service_seo_sec h2{ font-size: 80px;line-height: 80px; } .service_seo_sec .button_box{ margin-top: 45px;} .service_seo_sec .button_box .btn_text {color: #282728;} /* full_img_seccss */ .full_img_sec.two{ margin-bottom: 126px;} /* .how_we_think.two.slider_img css */ .how_we_think.two.slider_img { background: transparent; color: #282728;} .how_we_think.two.slider_img .small_title{ color: #282728;} .how_we_think.slider_img .wrapper{ max-width: 1920px; padding: 0;} .how_we_think.slider_img .left_part { width: 520px; padding-left: 140px;} .how_we_think.slider_img .right_part { width: calc(100% - 520px);margin-top: 0;} .how_we_think.slider_img .right_part img{ display: block;} .how_we_think.slider_img .slider-single-image {width: 100%;height: auto;border-radius: 0px;overflow: hidden;margin-bottom: 20px;} .how_we_think.slider_img .slider_arrow .swiper-button-next, .how_we_think.slider_img .slider_arrow .swiper-button-prev{background: #282728;} .how_we_think.slider_img .slider_arrow .swiper-button-next path, .how_we_think.slider_img .slider_arrow .swiper-button-prev path{fill: #fff;} .how_we_think.slider_img .slider_arrow .swiper_arrow{margin-top: -110px;margin-left: -128px;} /* .how_we_think.slider_img .swiper_slider .swiper-slide{padding: 0; } */ /* banner_sec cantact page css */ .banner_sec.black_bg{ color: #fff;} .banner_sec.contact_banner .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;} .banner_sec.contact_banner .left_part{ width: 50%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;} .banner_sec.contact_banner .right_part{ width: 46%;} .banner_sec.contact_banner .left_part h1 strong{ color: #7B7B7B;font-family: inherit;font-weight: normal;} .banner_sec.contact_banner .left_part h3{ font-size: 34px;} .banner_sec.contact_banner .right_part .contact_form .input_field{ width: calc(50% - 15px); border-bottom: 1px solid #fff;} .banner_sec.contact_banner .right_part .contact_form input{ color: #fff;} .banner_sec.contact_banner .right_part .contact_form input[type=submit] { color: #282728;} .banner_sec.contact_banner .right_part ::placeholder{ color: #fff;} .banner_sec.contact_banner .right_part .contact_form .input_field.full_width{ width: 100% ;} .banner_sec.contact_banner .right_part .contact_form textarea{background: transparent; height: 212px; color: #fff;} .banner_sec.contact_banner .right_part .contact_form{ margin-top: 0;} .banner_sec.contact_banner .right_part .input_field.border_bottom {border-bottom: none;} .banner_sec.contact_banner .right_part .btn_animation .rounded_arrow, .banner_sec.contact_banner .right_part .btn_animation .btn_text{ background: #fff; color: #282728;} .banner_sec.contact_banner .right_part .black_btn .btn_text{ color: #282728;} .banner_sec.contact_banner .mail::before{ content: "" ; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); background:#FFFF05 url(images/btn_arrow.svg) center center no-repeat; width: 38px ; height: 38px; background-size: 12px; border-radius: 50%; transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1); } .banner_sec.contact_banner .mail{position: relative;display: inline-block; margin-top: 20px;} .banner_sec.contact_banner .mail a{ min-width: 342px; padding: 19px 19px 19px 50px; border: 1px solid #fff; border-radius:36px; text-align: center; display: inline-block; text-decoration: none;font-size: 17px;font-family: 'helvetica_now_displayXBd';font-weight: normal; transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1); } .banner_sec.contact_banner .left_part .bottom_text{ max-width: 365px;} .banner_sec.contact_banner .mail:hover a { background-color: #ffff05; border-color: #ffff05; color: #000000; padding: 19px 49px 19px 19px; } .banner_sec.contact_banner .mail::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background:url(images/btn-arrow-hover.svg) center center no-repeat; width: 38px; height: 38px; background-size: 38px; border-radius: 50%; opacity:0; transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1); } .banner_sec.contact_banner .mail:hover::after{ opacity:1; } .banner_sec.contact_banner .mail:hover::before{ opacity:0; } /* business_sec cantact page css */ /* .business_sec.full_bg_img h1{ font-size: 80px;} */ .business_sec .text_wrap p{ font-size: 18px; line-height: 32px; font-family: 'neue_machinaregular'; font-weight: normal;} .business_sec.full_bg_img { position: relative; z-index: 1;} .business_sec.full_bg_img .right_img{ width: 100%; display: flex; justify-content: center; z-index: -1;position: absolute;left: 0;top: 0;height: 100%;align-items: center; } .business_sec.full_bg_img .button_box { margin-top: 50px;} .business_sec.full_bg_img .rotate_star{ padding-top: 40px;} /* ********************** industrie-details css start ************************ */ .banner_sec .bottom-icons{max-width: 1210px;} .faq_section{background: #F4F4F4;padding: 142px 0;} .faq_section .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;} .faq_section .left_part{width: 35%;} .faq_section .right_part{width: 51%;} .faq_section .left_part .small_title{margin-bottom: 35px;display: block;} .faq_section .accordian h4{font-size: 35px;line-height: 49px;margin-bottom: 0;padding: 10px 60px 50px 0;cursor: pointer;position: relative;} .faq_section .accordian h4::before{content: "";position: absolute;right: 0;top: 22px;background: url(images/plus.svg)center no-repeat;width: 29px;height: 29px;background-size: 29px;transition: 0.4s;} .faq_section .accordian .acc-title.active h4::before{background: url(images/minus.svg)center no-repeat;} .faq_section .accordian p{font-size: 18px;line-height: 32px;} .faq_section .acc-items .acc-title{border-top: 1px solid #282728;} .faq_section .acc-content{padding-bottom: 50px;margin-top: -20px;padding-right: 60px;} .traffic_sec.two{padding: 142px 0;} .traffic_sec.two::after{display: none;} .traffic_sec.two .card._1,.traffic_sec.two .card._3{border-color: #fff;padding-right: 0;} .traffic_sec .bottom_content{margin-top: 80px;} .traffic_sec .bottom_content p,.traffic_sec .top_content p{font-size: 18px;line-height: 28px;} .traffic_sec .bottom_content p strong,.traffic_sec .top_content p strong{font-family: 'helvetica_now_displaybold';font-weight: normal;} .traffic_sec .top_content{margin-bottom: 87px;} .traffic_sec .top_content h2{margin-bottom: 25px;} .traffic_sec .top_content {display: flex;justify-content: space-between;flex-wrap: wrap;} .traffic_sec .top_content .left_title{width: 18%;padding-right: 20px;} .traffic_sec .top_content .right_content{width:81.8%;} .traffic_sec.two .card._3 p{color: #fff;} .innovative_result.two{padding: 142px 0;} .innovative_result.two .inner_part{padding-top: 0;} .innovative_result.two .scroll_moving_text{margin-top: 0;} .innovative_result.two .bottom_content p{max-width: 442px;margin-top: -230px;} .innovative_result.two .bottom_content .rotate_star {width: 100%;} .innovative_result.two .bottom_content{padding-bottom: 0;} .why_choose_us{padding: 142px 0;position: relative;} .why_choose_us .wrapper{position: relative;} .why_choose_us .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;margin-bottom: 80px;} .why_choose_us .inner_part:last-child{margin-bottom: 0;} .why_choose_us .left_part{width: 18%;padding-right: 20px;} .why_choose_us .right_part{width: 81.8%;} .why_choose_us .right_part p{font-size: 18px;line-height: 28px;} .why_choose_us .right_part .maxwidth{max-width: 1000px;} .why_choose_us h4{margin-bottom: 20px;} .why_choose_us.cro_focused .right_part h2{margin-bottom: 74px;} .why_choose_us.cro_focused .right_part .maxwidth {max-width: 1020px;} .why_choose_us .icon_with_text_cardblock{margin-top: 0;} .why_choose_us .icon_with_text_cardblock{gap: 90px 20px;} .why_choose_us .right_part .icon_with_text_cardblock .card {width: calc(25% - 16px);} .why_choose_us .card_inner{display: flex;flex-wrap: wrap;gap: 45px;margin-bottom: 40px;} .why_choose_us .cardblock{width: calc(33.33% - 30px);} .why_choose_us .image_box_move{position: absolute;left: 0;top: 14%;width: 100%;} .why_choose_us .image_box_move .image:not(:last-child){margin-bottom: 120px;} .why_choose_us .image_box_move img{display: block;width: auto;max-width: unset;height: auto;} .text_btn_arrow{text-decoration: none;position: relative;display: inline-block;padding: 0 0 8px;font-size: 16px;font-family: 'helvetica_now_displaybold';font-weight: normal;} .text_btn_arrow .btn_arrow {content: "";position: absolute;top: 6px;right: -30px;width: 12px;height: 10px;transition: 0.4s;background: url(images/btn_arrow.svg) right center no-repeat;background-size: 12px;} .text_btn_arrow::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #282728;} .text_btn_arrow:hover .btn_arrow {right: -40px;} .driven_passion{padding: 142px 0;} .driven_passion p{font-size: 28px;font-family: 'helvetica_now_displaybold';font-weight: normal;line-height: 41px;} .driven_passion .inner_part{display: flex;flex-wrap: wrap;justify-content:space-between;} .driven_passion .left_part{width: 18%;padding-right: 20px;} .driven_passion .right_part{width: 81.8%;} .driven_passion .top_section{border-bottom: 5px solid #535353;padding-bottom: 100px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .driven_passion .top_section .text{width: calc(100% - 310px);} .driven_passion .top_section .button_box{width: 275px;} .driven_passion .mid_section{border-bottom: 5px solid #535353;padding: 100px 0;} .driven_passion .imagetextbox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-bottom: 100px;} .driven_passion .imagetextbox img{max-width: 183px;display: inline-block;width: auto;} .driven_passion .imagetextbox h2{width: calc(100% - 183px);padding-left: 150px;} .driven_passion .imagetextbox h2:last-child{margin-bottom: 0;} .driven_passion .counter_box{display: flex;flex-wrap: wrap;gap: 20px;overflow: hidden;} .driven_passion .counter_box .cardbox{width: calc(33.33% - 14px);position: relative;overflow: hidden;} .driven_passion .counter_box .cardbox h1{font-family: 'neue_machinaregular';font-weight: normal;margin-bottom: 20px;} .driven_passion .counter_box .cardbox p{font-size: 18px;line-height: 26px;font-family: 'helveticanowdisplay_regularRg';font-weight: normal;} .counter_box .grey_bar{background:#535353;height: 5px;width: 100%;margin-bottom: 60px;display: block;position: relative;} .counter_box .grey_bar .yellow_bar{position: absolute;left: 0;top: 0;height: 100%;background: #FFFF05;} .driven_passion .counter_box .cardbox .hover_image{position: absolute;left: 0;top: 0;transform: translateY(-100%);transition: 0.4s;background-color: #fff;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .driven_passion .counter_box .cardbox:hover .hover_image{transform: translateY(0);} .driven_passion .counter_box .cardbox .hover_image img{max-width: 220px;} .driven_passion .bottom_section{padding-top: 60px;} .driven_passion .top_section .button_box .btn_text{background: #fff;color: #282728;} .driven_passion .top_section .button_box .rounded_arrow{background: #fff;} /* ********************** industrie-details css end ************************ */ /* banner_sec about-us css */ .banner_sec .sec_title{font-family: 'helvetica_now_displaybold'; font-weight: normal;} .about-us .banner_sec .text_box p{line-height: 32px;} .about-us .banner_sec .text_box{ position: relative;} .about-us .banner_sec .btn_animation .rounded_arrow, .about-us .banner_sec .btn_animation .btn_text { background: #fff; color: #282728;} .about-us .banner_sec .rotate_star{ padding-top: 0; top: -30px;} /* principles_sec css */ .principles_sec { padding: 142px 0 ;} .principles_sec .inner_part{ display: flex;flex-wrap: wrap;border-bottom: 1px solid #A3A3A3; } .principles_sec .card{width:33.333%;position: relative;z-index: 1;overflow: hidden;} .principles_sec .card::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #282728;transition: 0.4s;transform: translateY(100%);z-index: -1;} .principles_sec .card:hover::after{transform: translateY(0);} .principles_sec .card .innertext{padding: 25px 62px;width: 100%;text-align: center;position: relative;height: 100%;z-index: 1;} .principles_sec .card .text_wrap{ max-width: 230px;} .principles_sec .card .innertext::after{ content: ""; top: 0;right: 0;position: absolute;height: 100%;width: 1px;background: linear-gradient(to bottom, #fff, #A3A3A3);} .principles_sec .card:first-child .innertext::before{ content: ""; top: 0;left: 0;position: absolute;height: 100%;width: 1px;background: linear-gradient(to bottom, #fff, #A3A3A3);} .principles_sec .card:hover * {color: #fff;} /* .principles_sec .card h2 span { font-size: 80px; font-family: 'neue_machinaregular'; font-weight: normal;} */ .principles_sec .card h3 {font-size: 34px;margin-bottom: 25px; } .principles_sec .card h2{ font-size: 80px;margin-bottom: 20px;font-family: 'neue_machinaregular'; font-weight: normal;} .principles_sec .top_title{ margin-bottom: 53px;} .principles_sec .top_title p{font-family: 'neue_machinaregular'; font-weight: normal;} /* .why_work_sec css */ .why_work_sec { padding: 121px 0 142px; position: relative; z-index: 1;} .why_work_sec .inner_part{ display: flex; justify-content: space-between;; flex-wrap: wrap;} .why_work_sec .left_part{ width: 48%; max-width: 556px;} .why_work_sec .right_part{ width: 50%;} .why_work_sec .left_part h2{font-size:65px;line-height: 72px;} .why_work_sec .small_title{ margin-bottom: 40px;} .why_work_sec ul li {padding-bottom: 48px;padding-top: 10px; border-top: 1px solid #282728;font-size: 35px;line-height: 49px;font-family: 'helvetica_now_displaybold'; font-weight: normal;} .why_work_sec ul li:last-child{ padding-bottom: 0;} .why_work_sec .left_circle_bg{ height:auto; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1;} .why_work_sec .right_part ul:last-child{margin-bottom: 0;} /* .how_we_think.review_slider css */ .how_we_think.review_slider { position: relative; background: #F4F4F4;padding: 142px 0;} .how_we_think.review_slider .swiper_slider { position: relative; width: 100%; max-width: 1111px;} .how_we_think.review_slider .right_part{ overflow: hidden;} .reviewer_person { display: flex; flex-wrap: wrap; gap: 20px;} .reviewer_person .icon{ width: 47px;} .reviewer_person .review-box{margin-top: 0; width: calc(100% - 67px); display: flex; gap: 0; align-items: flex-start; flex-wrap: wrap; flex-direction: column;} .reviewer_person .review-box .right{ margin-bottom: 5px;} .reviewer_person .review-box h6{ font-size: 15px !important; line-height: 20px !important; margin-bottom: 5px;} .reviewer_person .review-box p{ font-size: 15px !important; line-height: 20px !important; font-family: 'helveticanowdisplay_regularRg' !important; } .how_we_think.review_slider .bg_circle.is-inview { position: absolute; bottom: 70px; left: 0; display: flex; justify-content: center; align-items: center; width: 100%;} .how_we_think.review_slider .bg_circle img{max-width: unset;} /* .innovative_result.two.black_bg.white_font {padding-bottom: 50px;} */ /* .how_we_think.white_bg css */ /* /.innovative_result.two */ .innovative_result.two .swiper_slider { position: relative; width:754px; } .innovative_result.two .swiper_slider .swiper-slide { text-align: left; background: transparent; border: 1px solid #fff; margin: 0 auto; border-radius: 9999px;} .innovative_result.two .slide-content { margin: 0; color: #fff; display: flex; align-items: center; justify-content: space-between; width: 100%; } .innovative_result.two .slide-content .text-content p{ margin-bottom: 20px; font-size: 16px; line-height: 28px; margin-top: 0; font-family: 'helveticanowdisplay_regularRg'; font-weight: normal;} .innovative_result.two .slide-content .text-content h3{ font-size: 34px; line-height: 46px; margin-bottom: 5px;} .innovative_result.two .slide-content .icon{ width: 380px;} .innovative_result.two .slide-content .text-content{ width: calc(100% - 380px); padding-left: 87px;} .innovative_result.two .swiper{ overflow: visible; margin-left:83px; float: left;} .innovative_result.two .social_acount ul { padding-left: 0; list-style: none; display: flex; gap: 25px; flex-wrap: wrap;} .innovative_result.two img{ display: block;} .innovative_result.two .social_acount ul li{display: inline-block;} .innovative_result.two .social_acount a{display: block;} .innovative_result.two .social_acount img{display: block;width: 35px;} /* .how_we_think.two_card_slider */ .how_we_think.two_card_slider{padding: 142px 0;} .how_we_think.two_card_slider .circle_sec { margin-top: 0;} .how_we_think.two_card_slider .circle_sec .circle._1 .text_box h5{margin-bottom: 0;} .how_we_think.update {padding: 142px 0;} .how_we_think.update * { color: #fff;} .how_we_think.update .btn_text, .how_we_think.update .rounded_arrow {background: #fff;color: #282728;} .how_we_think.update .button_box {margin-top: 70px;} .how_we_think.update h2{margin-bottom: 0px;} .reviews_slider {margin-bottom: 40px;} .innovative_result.two .icon_text_slider .swiper-slide { width: 566px !important; height: 319px; border-radius: 9999px; padding: 50px; } .innovative_result.two .icon_text_slider .slide-content .icon{ width: 89px;} .innovative_result.two .icon_text_slider .slide-content .text-content{ width: calc(100% - 89px); padding-left: 50px;} .icon_text_slider .swiper-wrapper {margin-bottom: 40px;} /* footer css */ .footer{ background: #C4C4C4; padding: 142px 0 0; position: relative; z-index: 1;} .footer::after{content: ""; position: absolute; bottom: 0; left: 50%; z-index: -1; transform: translateX(-50%); height: 721px; width:100%; background: url(images/figure-bottom.png) bottom center no-repeat; pointer-events: none; z-index: 2; pointer-events: none; z-index: -1; background-size: contain;} .footer .footer_top .inner_part{ margin-bottom: 200px; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; } .footer .left_part{ width: 44%;} .footer .left_part .btn_text ,.footer .left_part .rounded_arrow{ background: #fff; color: #282728;} .footer .right_part{ width: 56%; display: flex; justify-content: space-between; flex-wrap: wrap;} .footer .top_title{ margin-bottom: 42px;} .footer .footer_top .top_title span { color: #fff;font-weight: normal;font-family: 'neue_machinaregular';} .footer .right_part .text_part{ width: 77%;} .footer .right_part .img_part{ width: calc(23% + 58px); margin-left: -58px; } .footer .right_part .img_part img{ display: block; float: right;} .footer .left_part .btn_animation { margin-top: 60px;} .footer .right_part .btn_animation { margin-top: 30px;} .footer .link_box { display: flex; justify-content: space-between; flex-wrap: wrap; align-items:flex-start; border-bottom: 1px solid #A3A3A3; align-items: flex-start;} .footer .link_box .card { min-height: 350px; display: flex; justify-content: space-between; flex-wrap: wrap; } .footer .link_box .card._1 { width: 20%;margin-top: auto; padding-bottom: 100px;} .footer .link_box .card._2{ width: 60%;} .footer .link_box .card._3{ position: relative; width: 20%;margin-top: auto; padding-bottom: 125px;} .footer .link_box .card._3 .rotate_star {bottom: 125px; top: unset;} .footer .link_box .card._2 .border{ border-left: 1px solid #A3A3A3 ; padding: 20px 25px;} .footer .link_box .card._2 .border:last-child{ border-right: 1px solid #A3A3A3 ;} .footer .link_box .card ul { list-style: none; padding-left: 0;} .footer .link_box .card ul li{ margin-bottom: 3px;} .footer .link_box .card ul a { text-decoration: none; font-size: 16px; font-family: 'helvetica_now_displaymedium'; font-weight: normal;} .footer .link_box p strong{ font-family: 'helvetica_now_displaybold'; font-size: 18px; font-weight: normal; } .footer .link_box p { margin-bottom:20px;} .footer .link_box .card .footer_logo ,.footer .rotate_star{margin-top: auto; } .footer .footer_bottom .right_part ul li a img{ width: 32px;} .footer .link_box .card._2 .main { width: 26%;} .footer .link_box .card._2 .services , .footer .link_box .card._2 .industries { width: 37%;} .footer .footer_bottom { padding: 33px 0 52px; color: #282728; } .footer .footer_bottom ul {display: flex; align-items: center; list-style: none; gap:25px;} .footer .footer_bottom .inner_part{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .footer .footer_bottom .left_part{ width: 45%;} .footer .footer_bottom .right_part{ width: 55%; display: flex; gap:15px; justify-content: flex-end; align-items: center; flex-wrap: wrap;} .footer .footer_bottom .right_part p , .footer .footer_bottom ul{margin: 0; padding: 0;} .footer ul:not(.social) li a { position: relative; display: inline-flex; gap:5px; align-items: center; transition: 0.4s;transform: translateX(-11px);} .footer ul:not(.social) li a:hover{transform: translateX(0);} .footer ul:not(.social) li a::before{ content: ""; width: 6px; height:6px; border-radius: 50%; background: #282728; transition: 0.4s;opacity: 0;pointer-events: none;} .footer ul:not(.social) li a:hover::before { opacity: 1;} .footer .footer_bottom ul li a , .footer .footer_bottom p , .footer .footer_bottom span{ text-decoration: none; color: #282728; font-size: 14px;font-family: 'helveticanowdisplay_regularRg'; font-weight: normal;} .footer .relative-box .gradient-text.overlap_t{background: linear-gradient(161deg,#fff 0%, #fff 100%)no-repeat; -webkit-background-clip: text;background-clip: text;color: transparent !important;clip-path: polygon(0 0, 0 0%, 0 100%, 0% 100%);transition: 4s;background-position: left top;} .footer .footer_bottom .right_part img{width: 135px;} /* .counter-animation */ .background-change { background-color: rgba(40, 39, 40, 0); /* transparent */ transition: background-color 0.3s ease; } /* .card-scroll-section{height: 2100px;position: relative;} */ .card-scroll-section{height: calc(100vh * 2.2);position: relative;} .counter-animation{position: relative;top: 0; height: 100%; line-height: 1; color: #fff;font-size: 80px;font-family: 'neue_machinaregular';display: flex;flex-wrap: wrap;flex-direction: column;will-change: transform;} .counter-animation small{font-family: 'helveticanowdisplay_regularRg';font-size: 16px;display: block;} .counter-animation .counter_card .image{box-shadow: 0 70px 170px rgba(0,0,0,.25);border-radius: 25px;} .counter-animation .counter_card .image img{display: block;border-radius: 25px;width: 100%;height: 100%;object-fit: cover;max-width: unset;} .counter-animation .counter_card{display: flex;width: 20%;position: absolute;bottom: 300px;justify-content: center; transform: translateY(0); /* Default */transition: transform 0.3s ease;} /* .counter-animation .counter_card.counter_1{left: 0;bottom: 400px;width: 24%;z-index: 2;} .counter-animation .counter_card.counter_2{left: 20%;bottom: 1224px;width: 29%;} .counter-animation .counter_card.counter_3{left: 40%;bottom: 400px;width: 12%;} .counter-animation .counter_card.counter_4{left: 60%;bottom: 1524px;width: 17%;} .counter-animation .counter_card.counter_5{left: 80%;bottom: 725px;width: 20%;} */ .counter-animation .counter_card.counter_1{left: 0;bottom: 20%;width: 24%;z-index: 2;} .counter-animation .counter_card.counter_2{left: 20%;bottom:60%;width: 29%;} .counter-animation .counter_card.counter_3{left: 40%;bottom:25%;width: 12%;} .counter-animation .counter_card.counter_4{left: 60%;bottom:70%;width: 17%;} .counter-animation .counter_card.counter_5{left: 80%;bottom:40%;width: 20%;} .counter-animation .counter_card .count{position: relative;} .counter-animation .counter_card .count::before{content: "+";font-size: 24px;font-family: 'neue_machinaregular';color: #FFFF05;vertical-align: super;position: relative;top: -10px;} .counter-animation .counter_card .text{text-align: center;margin-top: 20px;} .counter-animation .wrap,.counter-animation .image{width: 100%;} .bottom_border_ab{position: absolute;left: 0;bottom: 110px;width: 100%;height: 400px;display: flex;} .bottom_border_ab .blank{width: 20%;position: relative;border-bottom: 1px solid #A3A3A3;} .bottom_border_ab .blank::after{ content: ""; top: 0; right: 0; position: absolute; height: 100%; width: 1px; background: linear-gradient(to bottom, #fff0, #7B7B7B);} .bottom_border_ab .blank:first-child::before{ content: ""; top: 0; left: 0; position: absolute; height: 100%; width: 1px; background: linear-gradient(to bottom, #fff0, #7B7B7B);} /* .popup_form */ .popup_form{padding: 20px; transition: 0.4s; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 25;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;visibility: hidden;transform: 0.4s;} .popup_form.open{opacity: 1;visibility: visible;pointer-events: all;} /* .popup_form *{color: #535353;} */ .popup_form::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;} .popup_form .wrap_form{max-width: 790px;width: 100%; background: #282728;padding:20px 40px;border-radius: 15px;position: relative;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);} .popup_form .wrap_form .close{cursor: pointer; position: absolute;right: 38px;top: 18px;font-size: 24px;line-height: 1;border: 2px solid #535353;padding: 7px 10px;border-radius: 5px;color: #fff;opacity: 0.8; z-index:9999;} .popup_form p{color: #fff;opacity: 0.8;} .popup_form .contact_form .field{width: 100%;} .popup_form .contact_form ::placeholder{color: #535353;} .popup_form .contact_form .input_field{border-color: #fff;} .popup_form .contact_form input[type="submit"]{color: #282728;padding-bottom: 0;} .popup_form .contact_form input,.popup_form .contact_form select{padding-bottom: 10px;} .popup_form .contact_form .input_field{width: 100%;} .popup_form h2{border-bottom: 2px solid #535353;padding-bottom: 20px;color: #fff;opacity: 0.8; margin-bottom: 20px;} .popup_form p { margin-bottom: 0px !important; } .popup_form .contact_form { margin: 20px auto 0; gap: 15px; } .popup_form .contact_form .input_field{width: calc(50% - 8px);border: none;position: relative;} .popup_form .contact_form .input_field.submit_button {width: 100%;} .popup_form .contact_form .input_field input[type="text"],.popup_form .contact_form .input_field input[type="email"], .popup_form .contact_form .input_field input[type="tel"], .popup_form .contact_form .input_field input[type="url"], .popup_form .contact_form .input_field textarea, .popup_form .contact_form .input_field select{border: 1px solid #535353;border-radius: 8px;padding:8px 13px !important;color: #535353;padding-left: 40px;} .popup_form .contact_form .input_field input[type="submit"]{border: none;} .popup_form .contact_form .input_field::before {content: ""; position: absolute;left: 12px;top: 17px;} .popup_form .contact_form .input_field textarea { background-color: transparent; height: 80px; } .popup_form .contact_form .input_field.full_width { width: 100% !important; } .popup_form .contact_form .input_field select { -webkit-appearance: auto; background: none; text-indent: inherit; height: 45px !important; } /*.popup_form .contact_form .input_field.user_icon::before{background: url(images/user.svg) center no-repeat;width: 20px;height: 20px;background-size: 20px;} .popup_form .contact_form .input_field.email_icon::before{background: url(images/email.svg) center no-repeat;width: 20px;height: 20px;background-size: 20px;} .popup_form .contact_form .input_field.phone_icon::before{background: url(images/phone.svg) center no-repeat;width: 27px;height: 21px;background-size: 27px;} .popup_form .contact_form .input_field.company_icon::before{}*/ /* damaging_section */ .damaging_section{padding: 142px 0 50px;background: #282728;} .damaging_section h2{color: #fff;font-size: 65px;line-height: 72px;} .damaging_section .inner_part{display: flex;flex-wrap: wrap;align-items: flex-start;} .damaging_section .left_part{width: 48%;position: relative;} .damaging_section .left_part .rotate_star{right: unset;top: unset;left: 0;bottom: 65px;} .damaging_section .left_part .text_box{max-width: 650px;margin: 0 auto;padding-bottom: 400px;position: relative;} .damaging_section .left_part .btn_black{color: #282728;} .damaging_section .left_part .btn_black:first-child::before{background: #ffff05;} .damaging_section .left_part .btn_black:first-child::after{background: #fff;} .damaging_section .left_part .btn_black::before{background: #fff;} .damaging_section .btn_box{display: flex;flex-wrap: wrap;gap: 15px;} .damaging_section .right_part{width: 52%;padding-left: 10%;} .damaging_section .right_part *{color: #fff;} .damaging_section .right_part .right{font-size: 80px;font-family: 'helvetica_now_displaybold';position: relative;} .our_offices_animation{display: flex;flex-direction: column;max-width: 480px;width: 100%;} .office_card{margin-bottom: 200px;position: relative;cursor: pointer; transition: filter 0.3s ease, transform 0.3s ease;} .office_card:first-child .fix_img{top: -100px;} .office_card .fix_img{position: absolute;left: 40px;top: -200px; width: 450px;height: 716px;z-index: 2;overflow: hidden;} .office_card .wrap{display: flex;flex-wrap: wrap;align-items: center;gap: 35px;} .office_card .left{width: 50%;} .office_card .left p{opacity: 0.6;font-size: 18px;} .office_card .right{width: calc(50% - 35px);} .office_card.blurred {filter: blur(4px);} #globe_three{position: absolute;left: 0;top: -30px;width: 100%;height: 100%;} #globe_three canvas{width: 100% !important;height: 100% !important;object-fit: cover;} /* truly css */ .what_truly_dection{padding: 150px 0;display: flex;justify-content: center;background: #282728;min-height: 1152px;align-items: center;position: relative;overflow: hidden;} .what_truly_dection *{color: #fff;} .what_truly_dection .text_wrap{max-width: 735px;margin: 0 auto;text-align: center;} .what_truly_dection h2{font-size: 65px;line-height: 1;} .floating-images {position: absolute;inset: 0;z-index: 1;pointer-events: none;width: 100%;height: 100%;max-width: 1920px;left: 50%;transform: translateX(-50%);top: 0;} .floating-img {position: absolute;width: auto;height: auto;opacity: 0;} .floating-img:nth-child(1){top: 10%;width: 6.6%;} .floating-img:nth-child(2){top: 28%;left: 7%;width: 5.2%;} .floating-img:nth-child(3){top: 65%;left: 14%;width: 10.5%;} .floating-img:nth-child(4){top: 63%;left: 27%;width: 6%;} .floating-img:nth-child(5){left: 35%;top: 10%;z-index: 2;width: 9%;} .floating-img:nth-child(6){left: 42%;top: -2%;width: 11.5%;} .floating-img:nth-child(7){left: 65%;top: 5%;width: 7.7%;} .floating-img:nth-child(8){bottom: 6%;left: 55%;width: 8.4%;} .floating-img:nth-child(9){bottom: 10%;left: 70%;width: 15%;} .floating-img:nth-child(10){right: 8%;top: 30%;width: 13.3%;} .floating-img:nth-child(11){right: 4%;width: 6.2%;} .floating-img:nth-child(12){right: 0;top: 50%;width: 3.2%;} .leadership_sec .rotate_star p { font-family: 'neue_machinaregular'; font-weight: normal;} .how_we_think.slider .slide-content .text-content h2{ font-size: 80px; font-family: 'neue_machinaregular'; font-weight: normal;} .how_we_think .slide-content .text-content h2 span{ font-size: 50px; font-family: 'neue_machinaregular'; font-weight: normal;} .wpcf7-spinner{position: absolute !important;} .input_field {position: relative;} .wpcf7-spinner{position: absolute !important;right: 0 !important;top: 11px !important;} .wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important;background-color: #46b450!important;color: #fff;border-radius: 50px;text-align: center !important; padding: 7px 7px !important;font-size: 16px !important;line-height: 20px !important;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background: red; color:#fff; border-color: red !important; border-radius: 50px;text-align: center !important; padding: 7px 7px !important;font-size: 16px !important;line-height: 20px !important; } .wpcf7-not-valid-tip{width: 100%;float: left;} .banner_sec.about_us{position: relative;z-index: 1;} .banner_sec.about_us .top_img {position: absolute;left: -31rem;z-index: -1;bottom: 0;} .banner_sec.about_us .scroll-down{left: -25px;bottom: -185px;} .innovative_result.two .person_img_slider .swiper-wrapper{margin-bottom: 40px;} .innovative_result.two .swiper.reviews_slider{margin-bottom: 0;} .business_sec.expertteam{padding: 213px 0;} .banner_sec.casedetail h1:last-child{margin-bottom: 0;} .how_we_think.conclusion .button_box {margin-top: 50px;} .how_we_think.slider_img .slider-single-image{margin-bottom: 0;} .desktop_none{display: none;} .mobile_none{display: block;} .error_section{padding: 100px 0;text-align: center;} /* mobile menu slide */ .mobile_menu_slide{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #282727;z-index: 9;opacity: 0;visibility: hidden;transition: 0.4s;pointer-events: none;} .mobile_menu_slide.open{opacity: 1;visibility: visible;pointer-events: all;} .mobile_menu_slide .inner_height{height: 100%;display: flex;padding: 150px 0 50px;overflow: auto;} .mobile_menu_slide ul{padding-left: 0;} .mobile_menu_slide .wrapper{max-width: 400px;} .mobile_menu_slide *{color: #fff;} .mobile_menu_slide li{list-style: none;position: relative;} .mobile_menu_slide .social ul{display: flex;gap: 20px;} .mobile_menu_slide .top_menu{padding-bottom: 50px;margin-bottom: 50px;position: relative;} .mobile_menu_slide .top_menu::after{background: linear-gradient(to left, #fff0, #7B7B7B);content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;z-index: 1;} .mobile_menu_slide .top_menu li a{font-size: 28px;font-family: 'helvetica_now_displaybold';text-decoration: none;line-height: 1;display: block;} .mobile_menu_slide .top_menu li:not(:last-child){margin-bottom: 25px;} .mobile_menu_slide .top_menu li ul {background: #373737;padding: 20px;margin-top: 10px;margin-bottom: 0 !important;} .mobile_menu_slide .top_menu li li a{font-size: 22px;line-height: 1;font-family: 'helveticanowdisplay_regularRg';} .mobile_menu_slide .top_menu li li li a{font-size: 14px;font-family: 'helveticanowdisplay_regularRg';} .mobile_menu_slide .top_menu li li li:not(:last-child){margin-bottom: 15px !important;} .mobile_menu_slide .top_menu li li ul{padding: 0;padding-left: 20px;margin-top: 15px;} .mobile_menu_slide .top_menu li ul{display: none;} .mobile_menu_slide .top_menu li .arrow{width: 15px;height: 15px;position: absolute;right: 0;top: 5px;cursor: pointer;} .mobile_menu_slide .top_menu li .arrow::after{content: "";width: 100%;height: 2px;background: #7B7B7B;top: 50%;transform: translateY(-50%);position: absolute;} .mobile_menu_slide .top_menu li .arrow::before{content: "";width: 2px;height: 100%;background: #7B7B7B;left: 50%;transform: translateX(-50%);position: absolute;} .mobile_menu_slide .top_menu li .arrow.open::before{opacity: 0;} .mobile_menu_slide .social{margin-bottom: 50px;} .mobile_menu_slide a{text-decoration: none;} .mobile_menu_slide .bottom_menu {padding-bottom: 30px;} .mobile_menu_slide .bottom_menu li:not(:last-child){margin-bottom: 15px;} .header.button_white .btn_black{color: #282728;} .header.button_white .btn_black::before{background-color: #fff;} .how_we_think.two .count-mobile{ display:none;} .filter_sec .right_part .top_part .btn_box { display: none; } .banner_sec .contact_form textarea { height: 48px; } .contact_form .input_field.dropdown-field { position: relative; } .contact_form .input_field.dropdown-field select{ background:none !important;height: auto !important; } .banner_sec.contact_banner .contact_form .input_field.dropdown-field select option { color: #000000 !important; } .banner_sec.contact_banner .contact_form .input_field.dropdown-field:after {background: url(https://demos24.online/demo/rm-business/wp-content/themes/rankmybusiness/images/select_arrow_white.svg) right center no-repeat;} .banner_sec.contact_banner .contact_form .input_field.dropdown-field select { color:#ffffff !important;} .contact_form .input_field.dropdown-field:after { content: ''; background: url(https://demos24.online/demo/rm-business/wp-content/themes/rankmybusiness/images/select_arrow.svg) right center no-repeat; height: 34px; background-size: 16px; /* -webkit-appearance: none; */ -moz-appearance: none; /* text-indent: 1px; */ position: absolute; right: 0; width: 20px; top: 0; } .page-template-template-seo-audit .why_choose_us.cro_focused .right_part h2 { margin-bottom: 24px; } .page-template-template-seo-audit .why_choose_us.cro_focused .right_part p { margin-bottom: 60px; } .page-template-template-seo-audit .contact_us_sec .left_part ul { list-style: initial; display: flex; gap: 15px; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; align-items: baseline } .page-template-template-seo-audit .how_we_think.white_bg .right_part p { font-size: 18px; line-height: 28px; font-weight: normal; font-family: 'helveticanowdisplay_regularRg'; margin-bottom: 40px; } .page-template-template-seo-audit .how_we_think.two_card_slider { padding-top: 0; } /* Responsive css start */ @media (min-width: 1601px) and (max-width: 1850px) { .slide-menu-section{ padding-top:160px; } } @media only screen and (max-width:1600px) { .wrapper {max-width: 1200px;} .main-content {margin-top: 107px;} .header{padding: 30px 0;} .header .logo{width: 290px;} .header .right_part {width: calc(100% - 290px);padding-left: 20px;gap: 20px;} .header .logo .l_icon img{width: 40px;} .header .logo .l_text{margin-top: -42px;} .header .contact_bar{gap: 20px;} .header a.btn_black{padding: 17px 17px;font-size: 14px;} .header .right_part ul:not(li ul){gap: 20px;} .more_details .tel{font-size: 17px;} .more_details .mail {font-size: 14px;} .hero-home .text_box .wrap {max-width: 770px;} .hero-home .text_box{padding-top: 50px;} .sticky-bar .mobile_bar{width: 65px;height: 65px;} .sticky-bar .btn_black{padding: 20px 45px;} .slide-menu-section .top_nav ul li:not(li ul li) > a{font-size: 46px;padding-right: 70px;} .slide-menu-section .top_nav li li a{font-size: 25px;} .hero-home .outer_part .text_box{margin-top: 0;} .btn_text{font-size: 16px;} h1,.hero-home h1,.how_we_think.slider .slide-content .text-content h2,.principles_sec .card h2,.service_seo_sec h2{font-size: 60px;line-height: 66px;} h2,.how_we_think .right_part p,.business_sec h2,.counter_sec .card h2,.how_we_think.slider .right_part h2,.how_we_deliver .left_part h2,.text_img_sec h2,.why_work_sec .left_part h2, .what_truly_dection h2,.damaging_section h2{font-size: 40px;line-height: 48px;} h3,.traffic_sec .card h3,.contact_us_sec .right_part h3,.icon_with_text_cardblock .text h3,.how_we_think .slide-content .text-content h4, .innovative_result.two .slide-content .text-content h3,.principles_sec .card h3,.banner_sec.contact_banner .left_part h3,.filter_sec .left_part .filter_title h3,.about_projet_sec h3{font-size: 27px;line-height: 32px;} h4,.faq_section .accordian h4{font-size: 25px;line-height: 35px;} h5,.text_editor .left_title h5,.banner_sec .left_part h5{font-size: 22px;} .counter-animation{font-size: 50px;} .how_we_think,.how_to_work,.industries_we_know,.brands_sec,.accordian_sec,.contact_us_sec,.traffic_sec,.how_we_think.two:not(.background-change), .business_sec,.leadership_sec,.more_explore,.text_editor,.text_with_user,.driven_passion,.why_choose_us,.innovative_result.two,.traffic_sec.two,.faq_section,.principles_sec,.why_work_sec, .what_truly_dection,.how_we_think.review_slider,.how_we_think.two_card_slider,.how_we_think.update,.quary_sec,.about_projet_sec,.img_text_sec{padding: 100px 0;} .business_sec.expertteam,.damaging_section{padding: 100px 0;} .innovative_result .inner_part,.footer,.how_we_deliver{padding-top: 100px;} .industries_expert,.filter_sec{padding-bottom: 100px;} .counter_sec {margin-bottom: 100px;} .text_img_sec{margin: 100px 0;} .scroll_moving_text h2{font-size: 9.4vw;line-height: 7.4vw;} .scroll_moving_image img{max-height: 350px;} .how_we_think .right_part h2 {margin-bottom: 45px;} .how_we_think .button_box {margin-top: 85px;} .innovative_result .top_content {padding-right: 75px;} .sticky .top_arrow {bottom: 30px;right: 30px;} .scroll_moving_text .bottom_text span{margin-right: 35px;} .innovative_result .bottom_content {padding: 40px 20px 90px 70px} .services_card .card{padding: 20px 15px 40px;} .services_card .card .rounded_arrow{margin-bottom: 100px;} .how_to_work .card{padding: 60px 0;} .industries_we_know .right_part{width: 25%;} .industries_we_know .left_part .small_title, .industries_we_know .right_part .rotate_star {margin-bottom: 60px;} .traffic_sec .card._1,.traffic_sec .card._2, .traffic_sec .card._3{width: 32%;padding-bottom: 0;} .traffic_sec .card._1, .traffic_sec .card._3{padding-right: 0;} .traffic_sec .card ul {padding-left: 35px;} .traffic_sec .card ul li { margin-bottom: 6px;} .traffic_sec .card ul li:last-child{margin-bottom: 0;} .traffic_sec .card ul:last-child{margin-bottom: 0;} .industries_we_know .right_part h4{margin-bottom: 40px ;} .industries_we_know .mid_part video{margin-top: -30px;} .traffic_sec .card_box{margin-bottom: 70px;} .footer .right_part{width: 66%;} .footer .right_part .text_part{width: 86%;} .footer .right_part .img_part {width: calc(14% + 58px);} .footer .left_part {width: 34%;} .footer .link_box .card._1 {width: 20%;} .footer .link_box .card._2 {width: 64%;} .footer .link_box .card._3{width: 10%;} .footer .footer_bottom{padding: 35px 0;} .footer .footer_bottom ul{gap: 10px;} .footer .footer_bottom .right_part{width: 67%;} .footer .footer_bottom .left_part {width: 33%;} .footer .footer_top .inner_part{margin-bottom: 120px;} .service_sec,.banner_sec{padding: 92px 0 100px;} .service_sec .top_title { margin-bottom: 40px;} .service_sec .right_part .card{margin-bottom: 60px;} .how_we_think.two .right_part .maxwidth,.how_we_think .right_part .maxwidth {max-width: 855px;} .icon_with_text_cardblock{gap: 60px 0;} .business_sec .top_title {max-width: 745px;} .business_sec:not(.full_bg_img ) .right_img img{max-height: 350px;} .back_btn,.banner_sec .sec_title{margin-bottom: 45px;font-size: 22px;} .banner_sec h1:not(:last-child) {margin-bottom: 30px;} .banner_sec .text_box h3 {font-size: 24px;line-height: 34px;} .counter_sec .card{padding: 60px 30px 30px;} .counter_sec .card .text_wrap{width: 100%;max-width: 100%;} .counter_sec .card .text_wrap h4{margin-bottom: 0;font-size: 20px;} .mySwiper_video .swiper-slide{height: 548px;} .leadership_sec .right_part ,.leadership_sec .top_title{margin-right: 0;width: 970px;} .leadership_sec .btn_animation{right: -116px;top: 42%;} .how_we_think .icon_with_text_cardblock{margin-top: 40px;} .how_we_think .swiper{margin-left: 0;} .how_we_think .slide-content .count {margin-bottom: 0px;} .how_we_think .slide-content .count h2{margin-bottom: 20px;} .how_we_think .slide-content .icon {width: 180px;} .how_we_think .slide-content .text-content {width: calc(100% - 180px);padding-left: 60px;} .how_we_think .swiper_slider .swiper-slide{height: 400px;padding: 50px 50px;/*margin-right: 40px !important;*/} .how_we_think .slide-content .text-content h2 span {font-size: 45px;} .how_we_think .right_part .icon_with_text_cardblock .card h4{font-size: 20px;line-height: 28px;} .how_we_think .right_part .icon_with_text_cardblock .card h4:last-child{margin-bottom: 0;} .tab_header li.tab-1 {left: 11%;top: 23%;} .tab_header li.tab-2 {left: 16%;top: 63%;} .tab_header li.tab-3 {left: 64%;top: 14%;} .tab_header li.tab-4 {left: 72%;top: 58%;} .tab_header li.tab-5 {left: 50%;top: 45%;} .text_img_sec .img_bg img{max-height: 400px;} .counter_sec.three .card{padding: 50px 30px;min-height: 250px;} .banner_sec .img_bg{top: -55px;left: -560px;} .banner_sec .img_bg img{max-height: 400px;} .blog_card .left_part{padding: 50px 30px 50px 0;} .blog_card .left_part {width: 36%;} .blog_card .right_part{width: 64%;} .blog_card .left_part ul li{padding-right: 12px;margin-right: 12px;} .featured_blog {padding: 100px 0 0px;} .featured_blog .img_bg{left: -700px;} .featured_blog .img_bg img{max-height: 360px;} .featured_blog .blog_card .right_part,.more_explore.blog_details .left_part .rotate_star{margin-bottom: 45px;} .more_explore .right_part{width: 70%;} .explore_card{padding: 35px 30px;} .banner_sec .right_part {width: 60%;} .text_with_user .img_bg{left: -50px;} .text_with_user .img_bg img{max-height: 345px;} .industries_expert .card{padding: 30px 20px;} .industries_expert .card h5,.industries_expert .card p{margin-bottom: 15px;} .industries .banner_sec .bg_circle img{max-height: 300px;} .bottom-icons .icon-card{padding: 20px 20px 20px 0;} .bottom-icons{gap: 20px;} .bottom-icons .icon-card {width: calc(25% - 15px);} .bottom-icons .icon-card .text{padding-left: 12px;} .driven_passion p{font-size: 23px;line-height: 34px;} .driven_passion .top_section{padding-bottom: 50px;border-bottom: 3px solid #535353;} .driven_passion .mid_section {border-bottom: 3px solid #535353;padding: 50px 0} .driven_passion .imagetextbox h2{padding-left: 70px;} .driven_passion .imagetextbox{padding-bottom: 50px;} .counter_box .grey_bar{height: 3px;} .driven_passion .bottom_section{padding-top: 50px;} .faq_section .accordian h4{padding: 10px 60px 40px 0;} .faq_section .acc-content{padding-bottom: 35px;} .about-us .banner_sec .text_box p {line-height: 28px;} .banner_sec .text_box {max-width: 1000px;} .banner_sec.about_us .scroll-down{bottom: -140px;} .principles_sec .card .innertext{padding: 25px;} .innovative_result.two .bottom_content p{margin-top: -190px;} .innovative_result.two .slide-content .icon {width: 320px;} .innovative_result.two .slide-content .text-content {width: calc(100% - 320px);padding-left: 50px;} .why_work_sec ul li{font-size: 26px;line-height: 37px;padding-bottom: 35px;} .what_truly_dection{min-height: 750px;} .what_truly_dection .text_wrap{max-width: 620px;} .circle_sec .circle{min-height: 230px;} .circle_sec .circle._1 {width: 450px;} .circle_sec .circle._2 {width: calc(100% - 450px);} .banner_sec.contact_banner .right_part {width: 50%;} .damaging_section .right_part .right{font-size: 60px;} .damaging_section .right_part{padding-left: 5%;} .office_card{margin-bottom: 140px;} .office_card .fix_img{width: 278px;height: 500px;} .damaging_section{padding-bottom: 50px;} .damaging_section .left_part .text_box{padding-bottom: 340px;} .filter_sec .left_part {width: 23%;} .filter_sec .right_part {width: 73%;} .banner_sec .bg_circle_center{top: -50%;left: 20%;width: 45%;} .filter_sec .right_part .top_part img{width: 110px;} .filter_sec .right_part .top_part .btn_box{width: 130px;} .filter_sec .right_part .top_part .btn_box .btn_one{min-width: 100%;padding: 10px 5px;} /* .filter_sec .right_part .top_part ul{width: 37%;} */ .filter_sec .right_part .top_part ul li{font-size: 15px;line-height: 22px;margin-bottom: 6px;} .caeses .banner_sec .inner_part {padding-bottom: 150px;} .filter_sec .top_part .btn_one{font-size: 14px;} .filter_sec .filter_box:not(:last-child){margin-bottom: 60px;} .circle_sec{margin-top: 60px;} .filter_sec .left_part .flt_heading p{font-size: 24px;} .filter_sec .left_part .flt_heading span{width: 18px;padding-top: 3px;} .quary_sec .right_part .button_box{right: -67%;top: 40%;} .about-us .banner_sec .text_box{padding-right: 70px;} .about_projet_sec h5, .about_projet_sec p,.about_projet_sec ul li,.img_text_sec .card_box p,.about_projet_sec ul li strong{font-size: 20px;line-height: 32px;} .img_text_sec .card_box .icon {width: 90px;} .img_text_sec .card_box .card{margin-bottom: 70px;} .about_projet_sec h3{margin-bottom: 15px;} .how_we_think.slider_img .left_part{width: 370px;} .how_we_think.slider_img .right_part {width: calc(100% - 400px);} } @media only screen and (max-width:1279px) { .header .logo .l_icon img {width: 35px;} .header .logo .l_text {margin-top: -30px;padding-left: 10px;} .header .logo {width: 185px;} .header .right_part {width: calc(100% - 185px);padding-left: 12px;gap: 12px;} .header .right_part ul:not(li ul) {gap: 12px;} .header .contact_bar{gap: 12px;} .header a.btn_black {padding: 14px 12px;} .slide-menu-section .top_nav ul li:not(li ul li) > a {font-size: 33px;padding-right: 60px;} .slide-menu-section .top_nav li li a{font-size: 21px;} .more_details .tel {font-size: 16px;} .more_details .mail {font-size: 13px;} h1,.hero-home h1,.how_we_think.slider .slide-content .text-content h2 ,.principles_sec .card h2,.service_seo_sec h2{font-size: 50px;line-height: 60px;} h2, .how_we_think .right_part p,.business_sec h2,.counter_sec .card h2,.how_we_think.slider .right_part h2,.how_we_deliver .left_part h2,.text_img_sec h2,.why_work_sec .left_part h2, .what_truly_dection h2,.damaging_section h2{font-size: 34px;line-height: 44px;} h3, .traffic_sec .card h3, .contact_us_sec .right_part h3,.icon_with_text_cardblock .text h3,.how_we_think .slide-content .text-content h4, .innovative_result.two .slide-content .text-content h3,.principles_sec .card h3,.banner_sec.contact_banner .left_part h3,.filter_sec .left_part .filter_title h3,.about_projet_sec h3 {font-size: 24px;line-height: 28px;} h4,.faq_section .accordian h4 {font-size: 23px;line-height: 33px;} h5,.text_editor .left_title h5,.banner_sec .left_part h5 {font-size: 20px;} .hero-home .text_box .wrap {max-width: 700px;} .hero-home .wrap p{font-size: 16px;} .scroll_moving_image img {max-height: 295px;} .how_we_think .button_box {margin-top: 70px;} .services_card .card h3{min-height: 60px;margin-bottom: 35px;} .services_card .card .rounded_arrow {margin-bottom: 70px;} .how_to_work .card {padding: 45px 0;} .industries_we_know .right_part {width: 32%;} .footer .relative-box h2{font-size: 30px;line-height: 40px;} .footer .right_part .text_part { width: 100%;} .footer .right_part .img_part {width: 20%;margin-left: -20%;} .footer .left_part .btn_animation,.footer .right_part .btn_animation{margin-top: 30px;} .footer .link_box .card._2 .border{padding: 20px 15px;} .footer .footer_bottom .inner_part{align-items: flex-start;} .service_sec .left_part {width: 30%;} .service_sec .right_part{width: 70%;} .icon_with_text_cardblock .card {width: 30%;} .leadership_sec .right_part{margin-right: 60px;width: calc(100% - 60px);max-width: 840px;} .how_we_think.two .right_part .maxwidth, .how_we_think .right_part .maxwidth ,.caeses .how_we_think .right_part .maxwidth{max-width: 725px;} .how_we_think .slide-content .icon {width: 140px;} .how_we_think .slide-content .text-content {width: calc(100% - 140px);padding-left: 35px;} .how_we_think .swiper_slider{width: 720px;margin-top: 70px;} .how_we_think .slide-content .text-content h2 span {font-size: 35px; } .how_we_think .swiper_slider .swiper-slide{padding: 30px 50px;height: 350px;} .mySwiper_video .swiper-slide {height: 470px;} .leadership_sec .top_title{width: 840px;} .featured_blog .top_content .rotate_star{margin-bottom: 30px;} .text_with_user .right_user{padding-left: 30px;width: 57%;} .text_with_user .left_text{width: 40%;} .text_editor ol, .text_editor ul {padding-left: 30px;} .driven_passion p {font-size: 20px;line-height: 28px;} .driven_passion .top_section .text {width: calc(100% - 290px);} .innovative_result.two .icon_text_slider .swiper-slide{height: 280px;padding: 35px;} .innovative_result.two .bottom_content p{margin-top: -200px;} .faq_section .right_part {width: 57%;} .banner_sec .text_box { max-width: 800px;} .innovative_result.two .bottom_content p {margin-top: -150px;} .innovative_result.two .bottom_content .rotate_star{margin: 30px 0;} .why_work_sec .small_title {margin-bottom: 15px;} .why_work_sec .left_part {width: 42%;} .why_work_sec .right_part {width: 55%;} .why_work_sec ul li {font-size: 23px;line-height: 30px;} .why_work_sec .left_circle_bg img{max-height: 300px;} .what_truly_dection .text_wrap {max-width: 540px;} .what_truly_dection {min-height: 700px;} .how_we_think.update .button_box {margin-top: 40px;} .office_card .fix_img{left: -100px;} .damaging_section .right_part .right {font-size: 50px;} .caeses .banner_sec .inner_part {padding-bottom: 90px;} .circle_sec .circle._1 .text_box h5{margin-bottom: 15px;} .quary_sec .center_part{width: 380px;height: 380px;} .quary_sec img{max-width: 100%;} .quary_sec .right_part {padding: 0 0 30px 20px;} .quary_sec .right_part .button_box{right: -65%;top: 35%;} .service_seo_sec .button_box {margin-top: 0;} .img_text_sec .top_title{margin-bottom: 40px;} .img_text_sec .card_box{margin-top: 70px;} .service_seo_sec .inner_part{min-height: 470px;} .service_seo_sec.bg_gray,.full_img_sec.two{margin-bottom: 100px;} .how_we_think.slider_img .wrapper {max-width: 1200px;padding: 0 30px;} .how_we_think.slider_img .left_part{width: 25%;padding-right: 20px;padding-left: 0;} .how_we_think.slider_img .right_part{width: calc(71% + 70px);margin-right: -70px;} .how_we_think.slider_img .slider_arrow .swiper_arrow {margin-top: -70px;margin-left: -89px;} .height-small {height: 490px;} .height-large {height: 880px;} .featured_blog .blog_card .right_part{height: 300px;} .filter_sec .right_part .top_part ul li{font-size: 13px;} .filter_sec .right_part .top_part .btn_box{width: 145px;} .banner_sec .bg_circle_center{width: 38%;} .service_sec .right_part .card{margin-bottom: 0;} .service_sec .right_part .card_box{gap: 60px 0;} } @media only screen and (max-width:1023px) { .header.sticky { pointer-events: auto; } .header.sticky .right_part { opacity: 1; pointer-events: auto; } .header .right_part .navigation{display: none;} .more_details .tel{font-size: 0;padding: 0;} .more_details .mail{display: none;} .header a.btn_black {padding: 18px 30px;} .header .logo .l_icon img {width: 40px;} .header .logo .l_text{display: none;} .header .logo{width: 40px;} .header .logo .l_icon{position: static;} .header .right_part{width: calc(100% - 40px);} .more_details .tel{background: url(images/tel-mobile.svg)center no-repeat #FFFF05;width: 36px;height: 36px;background-size:17px;border-radius: 100%;} .desktop_none{display: block;} .mobile_none{display: none;} .header .contact_bar .more_details br{display: none;} .header .contact_bar .more_details{display: flex;flex-wrap: wrap;gap: 12px;} .mobile_menubar{cursor: pointer; width: 36px;height: 36px;background: #fff;box-shadow: 0 30px 70px 0 rgba(0,0,0,.25);border-radius: 100%;display: flex;justify-content: center;align-items: center;} .mobile_menubar .bar{width: 17px;line-height: 1;display: flex;align-items: center;flex-wrap: wrap; gap: 4px;} .mobile_menubar .bar span{display: inline-block;width: 100%;background: #282728;height: 1px;transform: unset;transition: all .25s cubic-bezier(.165,.84,.44,1);} .mobile_menubar.active{background: #FFFF05;} .mobile_menubar.active span:first-child{transform: rotate(45deg) translate(2px ,2px);} .mobile_menubar.active span:last-child{transform:rotate(-45deg) translate(1px, -2px);} .how_we_think .left_part{width: 100%;padding-right: 0;margin-bottom: 60px;} .hero-home .text_box .wrap {max-width: 600px;} .hero-home h1{padding-bottom: 0;margin-bottom: 20px;} .hero-home .wrap p{margin-bottom: 30px;} .how_we_think .right_part{width: 100%;} .how_we_think.two .right_part .maxwidth, .how_we_think .right_part .maxwidth, .caeses .how_we_think .right_part .maxwidth{max-width: 100%;} .rotate_star .image{width: 48px;} .rotate_star{top: -46px;} .innovative_result .inner_part{display: flex;flex-wrap: wrap;justify-content: flex-start;} .innovative_result .top_content .maxwidth{max-width: 100%;margin-bottom: 80px;} .innovative_result .top_content{padding: 0 30px;order: 3;} .innovative_result .scroll_moving_text{order: 2;width: 100%;margin-top: 0;margin-bottom: 50px;} .innovative_result .bottom_content{order: 1;padding: 0 30px 80px;width: 100%;} .services_card .card{width: 33.33%;border-bottom: 1px solid #fff;} .services_card{justify-content: flex-start;border-top: 1px solid #fff;margin-top: 80px;} .services_card .card:first-child{border-left: 1px solid #fff;} .services_card .card:last-child{border-right: 1px solid #fff;} .how_to_work .left_part{width: 100%;} .how_to_work .top_title .left_part{width: 100%;margin-bottom: 60px;} .how_to_work .top_title .right_part{width: 100%;max-width: 100%;} .how_to_work .right_part{width: 100%;} .industries_we_know .inner_part{flex-wrap: wrap;} .industries_we_know .left_part{width: 100%;} .industries_we_know .mid_part{width: 100%;margin-top: -420px;} .industries_we_know .right_part{width: 100%;} .counter-animation {font-size: 40px;} .counter-animation small{font-size: 14px;margin-top: 10px;} .industries_we_know .mid_part video{margin-top: 0;position: relative;right: -100px;} .industries_we_know .right_part .rotate_star{text-align: left;margin-bottom: 0;position: relative;left: -70px;top: 65px;} .industries_we_know .right_part {padding-left: 70px;margin-top: -70px;} .industries_we_know .right_part h4{margin-bottom: 10px;} .traffic_sec .card._1, .traffic_sec .card._2, .traffic_sec .card._3{width: 100%;} .traffic_sec .card._2{order: 1;padding-top: 0;padding-bottom: 20px;justify-content: flex-start;} .traffic_sec .card._1{order: 2;margin-bottom: 44px;} .traffic_sec .card._3{order: 3;border: none;padding: 0 37px;padding-right: 0;} .contact_us_sec .left_part{width: 100%;max-width: 100%;order: 2;} .contact_us_sec .right_part {width: 100%;max-width: 100%;padding-top: 0;order: 1;margin-bottom: 50px;} .footer .left_part{width: 100%;margin-bottom: 60px;} .footer .right_part{width: 100%;} .footer .right_part .img_part {width: 100%;margin-left: 0;order: 1;margin-bottom: 25px;} .footer .right_part .img_part img{float: left;} .footer .right_part .text_part{order: 2;} .footer .relative-box h2 br{display: none;} .footer .link_box .card._1{width: calc(100% - 60px);padding-bottom: 0;margin: auto;} .footer .link_box .card._2{display: none;} .footer .footer_top .inner_part{margin-bottom: 86px;} .footer .link_box .card{min-height: unset;} .footer .footer_bottom{padding: 0 0 25px;} .footer .footer_bottom .left_part{width: 100%;} .footer .footer_bottom .right_part{width: 100%;} .footer .footer_bottom ul{width: 100%;} .footer .footer_bottom p{width: 100%;} .footer .link_box .card._3{padding-bottom: 0;width: auto;} .footer .link_box{border-bottom: none;margin-bottom: 25px;} .footer .link_box .card._3 .rotate_star{position: static;width: 48px;} .footer .footer_bottom .right_part{justify-content: flex-start;} .footer .footer_bottom .left_part .social{margin-bottom: 55px;} .footer .footer_bottom .left_part .social img{width: 34px;} .footer .footer_bottom .right_part img{order: 3;} .footer .footer_bottom .right_part span{order: 2;} .footer .footer_bottom .right_part p{width: 100%;order: 1;} .sticky .sticky-bar,.slide-menu-section{display: none;} .icon_with_text_cardblock .card{width: 48%;} .service_sec .left_part{display: none;} .service_sec .right_part{width: 100%;} .service_sec .right_part .card_box.mt .card:first-child{margin-top: 0;} .service_sec .top_title{margin-bottom: 70px;} .service_sec .right_part .card_box{width: 48%;} .business_sec .right_img{ top: unset;bottom: -79px;} .business_sec:not(.full_bg_img) .right_img img {max-height: 200px;} .banner_sec .contact_form .input_field {width: calc(50% - 15px);} .counter_sec .card { padding: 40px 15px 20px;} .how_we_deliver .left_part{width: 100%;} .how_we_deliver .right_part{width: 100%;} .how_we_deliver .right_part .maxwidth{max-width: 100%;} .how_we_deliver .right_part .rotate_star {margin:20px 0;text-align: left;} .tab_header .textbtn{font-size: 12px;line-height: 18px;padding: 4px 12px;} .tab_header .number_text{width: 40px;height: 40px;font-size: 15px;} .leadership_sec .rotate_star{position: static;} .leadership_sec .rotate_star svg{margin-bottom: 20px;} .leadership_sec .top_title{width: 100%;} .leadership_sec .right_part{max-width: 640px;float: left;} .mySwiper_video .swiper-slide {height: 367px;} .tab_body .left_content{width: 100%;margin-bottom: 30px;} .tab_body .right_content{width: 100%;} .tab_section .tab_body{top: 0px;} .how_we_deliver{padding-bottom: 100px;} .text_img_sec .left_part{width: 100%;} .text_img_sec .right_part {width: 100%;padding-left: 0;padding-right: 55px;} .text_img_sec .inner_part{padding-top: 0;} .how_we_think.two .icon_with_text_cardblock{margin-top: 70px;} .counter_sec.three .card {padding: 20px;min-height: 180px; } .blog_card .left_part{width: 100%;padding-right: 0;} .banner_sec .text_box p br{display: none;} .blog_card .right_part{width: 100%;} .more_explore .left_part,.banner_sec .left_part,.text_editor .left_title{width: 100%;} .more_explore .right_part,.banner_sec .right_part,.text_editor .right_content{width: 100%;} .banner_sec .left_part{margin-bottom: 30px;} .text_with_user .left_text{width: 100%;margin-bottom: 30px;} .text_with_user .right_user{width: 100%;padding-left: 0;} .text_with_user .text,.text_with_user .user {width: 45%;} .industries_expert .card{width: 50%;} .industries_expert .card:nth-child(4n-1){border-left:1px solid #A3A3A3 ;} .banner_sec .bg_circle_center{display: none;} .caeses .banner_sec .inner_part{padding-bottom: 0;} .rotate_star.center{top: 0;} .filter_sec .left_part{width: 100%;max-width: 100%;} .filter_sec .right_part{width: 100%;} .filter_sec .top_part .text_box{width: 100%;} .filter_sec .top_part{flex-wrap: wrap;} .circle_sec .circle._1{width: 100%;margin-bottom: 30px;} .circle_sec .circle._2{width: 100%;} .quary_sec .left_part .text_wrap{margin-right: 0;width: 100%;} .quary_sec .circle.center_part{width: 100%;height: unset;background: none;overflow: visible;justify-content: flex-start;margin-bottom: 30px;} .quary_sec .circle_bg,.quary_sec .circle_bg_right{display: none;} .quary_sec .left_part{width: 100%;} .quary_sec .right_part{width: 100%;} .quary_sec img{width: 50%;background: #B4B4B4;border-radius: 100%;} .quary_sec .right_part .button_box{position: static;margin-top: 40px;transform: unset;} .banner_sec.contact_banner .left_part{width: 100%;} .banner_sec.contact_banner .right_part{width: 100%;} .damaging_section .left_part{width: 100%;} .damaging_section .right_part{padding-left: 0;width: 100%;} .principles_sec .card{width: 100%;} .banner_sec.about_us .scroll-down{display: none;} .principles_sec .card:first-child .innertext::before,.principles_sec .card .innertext::after {display: none;} .principles_sec .inner_part{border-bottom:none;gap: 30px 0;} .principles_sec .card{border: 1px solid #A3A3A3;} .why_work_sec .left_part{width: 100%;margin-bottom: 40px;} .why_work_sec .right_part{width: 100%;} .innovative_result.two .scroll_moving_text{margin-bottom: 0;} .innovative_result.two .bottom_content p { margin-top: 40px;max-width: 100%;} .innovative_result.two .scroll_moving_text .bottom_text h2:last-child{margin-bottom: 0;} .innovative_result.two .swiper{margin-left: 0;} .innovative_result.two .bottom_content .rotate_star{margin-top: 0;} .innovative_result.two .bottom_content p{margin-bottom: 40px;} .about-us .banner_sec .text_box{padding-right: 0;} .about_projet_sec .left_part{width: 100%;} .about_projet_sec .canter_part{width: 100%;max-width: 100%;margin: 30px 0;} .about_projet_sec .right_part{width: 100%;text-align: left;} .img_text_sec .top_title .left_part{width: 100%;padding-right: 0;margin-bottom: 20px;} .img_text_sec .top_title .right_part{width: 100%;max-width: 100%;} .img_text_sec .card_box .text_box {width: calc(100% - 90px);} .img_text_sec .card_box .icon {width: 70px;} .img_text_sec.opposite .card_box {padding-left: 0;} .how_we_think.slider_img .left_part{width: 100%;padding: 0px;} .how_we_think.slider_img .right_part{width: calc(100% + 30px);margin-right: -30px;padding-left: 90px;} .height-small {height: 400px;} .height-large {height: 700px;} .img_text_sec .card_box .card {margin-bottom: 40px;} .why_choose_us .rotate_star{right: 30px;} .bottom-icons .icon-card:last-child{padding-right: 0;} .driven_passion .left_part,.why_choose_us .left_part,.traffic_sec .top_content .left_title{width: 100%;padding-right: 0;margin-bottom: 40px;} .driven_passion .right_part,.why_choose_us .right_part,.traffic_sec .top_content .right_content{width: 100%;} .driven_passion .top_section .text{width: 100%;margin-bottom: 40px;} .why_choose_us .cardblock {width: calc(33.33% - 17px);} .why_choose_us .card_inner{gap: 25px;} .traffic_sec .card h3:last-child{margin-bottom: 0;} .faq_section .left_part{width: 100%;margin-bottom: 40px;} .faq_section .right_part{width: 100%;} .innovative_result.two .swiper_slider{width: 630px;} } @media only screen and (min-width:992px) { .how_we_think .swiper_slider .swiper-slide{ margin-right: 40px !important;} } @media only screen and (max-width:991px) { .how_we_think .swiper_slider { width: 100%;} } @media only screen and (max-width:767px) { .bottom-icons .icon-card{width: 100%;border-right: none;border-bottom: 1px solid #282728;max-width: 100%;padding: 0 0 30px;text-align: center;display: flex;flex-direction: column;} .bottom-icons{gap: 35px;} .bottom-icons .icon-card:last-child{border-bottom: 1px solid #282728;} .scroll-down{display: none;} .hero-home .outer_part{padding-bottom: 75px;} .services_card .card{width: 100%;border-bottom: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;} .services_card{padding: 10px;} .services_card .card:first-child{border-top: 1px solid #fff;} .services_card{border: none;} .services_card .card .rounded_arrow{transform: scale(1);} .services_card .card p{opacity: 1;} .services_card .card .rounded_arrow{margin-bottom: 30px;} .services_card .card h3{min-height: 82px;} .rounded_arrow.arrow_btn{background: #fff;} .rounded_arrow.arrow_btn svg path{fill: #282728;} .services_card .card:hover .rounded_arrow.arrow_btn{background: #282728;} .services_card .card:hover .rounded_arrow.arrow_btn svg path{fill: #ffffff;} .services_card .card p{color: #fff;} .services_card .card:hover p{color: #282728;} .bottom_border_ab{display: none;} .counter-animation .counter_card{position: static;margin-bottom: 20px;} .counter-animation .counter_card.counter_1 {width: 200px;margin-left: auto;} .counter-animation .counter_card.counter_2 {width: 200px;margin-right: auto;} .counter-animation .counter_card.counter_3 {width: 180px;margin-left: auto;} .counter-animation .counter_card.counter_4 {width: 200px;margin-right: auto;} .counter-animation .counter_card.counter_5 {width: 200px;margin: auto;} .card-scroll-section{height: 100%;margin-bottom: 100px;width: calc(100% + 80px);margin-left: -40px;margin-right: -40px;} .btn_text {font-size: 14px;} .rounded_arrow{min-width: 58px;} .btn_animation{flex-wrap: unset;} .rounded_arrow.arrow_btn{min-width: unset;} .banner_sec h1 br,.banner_sec .text_box h3 br{display: none;} .banner_sec .rotate_star {padding-top: 0;top: -75px;} .banner_sec .text_box h3{font-size: 20px;line-height: 28px;} .counter_sec .card{width: 100%;border-bottom: 1px solid #282728;padding: 20px 0px;text-align: center;} .counter_sec .card:first-child::before,.counter_sec .card::after {display: none;} .counter_sec.three .card::after { display:block !important; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #282728; transition: 0.4s; transform: translateY(100%); z-index: -1; opacity: 0; visibility: hidden; } .counter_sec .inner_part{border-bottom: none;padding: 0 15px;} .how_we_think .right_part .icon_with_text_cardblock .card{width: 48%;} .how_we_think .swiper_slider{width: 100%;} .mySwiper_video .swiper-slide {height: 267px;} .counter_sec.three .card{width: 100%;} .counter_sec.three .inner_part{border: none;} .blog_section{margin-top: 0;} .featured_blog .blog_card{width: 100%;} .explore_card .left{width: 100%;} .explore_card .mid{width: 100%;padding: 10px 0;} .explore_card .right{width: 100%;} .img_text_sec .img_part{width: 100%;margin-top: 50px;} .img_text_sec .content_part{width: 100%;} .img_text_sec .inner_part .img_part{order: 2;} .img_text_sec .inner_part .content_part{order: 1;} .slider_arrow .swiper_arrow .swiper-button-prev, .slider_arrow .swiper_arrow .swiper-button-next{padding: 12px 20px;} .slider_arrow .swiper-button-next:hover {padding-left: 40px;} .slider_arrow .swiper-button-prev:hover {padding-right: 40px;margin-left: -20px;} .how_we_think.slider_img .slider_arrow .swiper_arrow {margin-top: -50px;margin-left: -60px;} .how_we_think.slider_img .right_part{padding-left: 60px;} .driven_passion .imagetextbox img {max-width: 100px;} .driven_passion .imagetextbox h2 {padding-left: 0;width: 100%;margin-top: 30px;} .driven_passion .counter_box .cardbox{width: 100%;text-align: center;} .counter_box .grey_bar{margin-bottom: 40px;} .driven_passion .counter_box{gap: 40px;} .why_choose_us .right_part .icon_with_text_cardblock .card {width: calc(50% - 11px);} .why_choose_us .cardblock{width: 100%;} .innovative_result.two .slide-content .icon {width: 260px;} .innovative_result.two .slide-content .text-content {width: calc(100% - 260px);padding-left: 30px;} .innovative_result.two .icon_text_slider .slide-content .text-content{padding-left: 30px;} .innovative_result.two .swiper_slider {width: 524px;} .innovative_result.two .icon_text_slider .swiper-slide { height: 230px;} .how_we_think .slide-content .text-content {width: calc(100% - 110px);padding-left: 35px;} .how_we_think .slide-content .icon {width: 110px;} .how_we_think .slide-content .text-content h4{margin-bottom: 10px;} .how_we_think .swiper_slider .swiper-slide{height: 300px;} .popup_form .contact_form{gap: 16px;margin: 30px auto 0;} } @media only screen and (max-width:600px) { .wrapper{padding: 0 15px;} .header .right_part,.header .contact_bar,.header .contact_bar .more_details{gap: unset;} .header .contact_bar .more_details,.header .contact_bar{gap: 5px;} h1, .hero-home h1, .how_we_think.slider .slide-content .text-content h2, .principles_sec .card h2, .service_seo_sec h2{font-size: 30px;line-height: 36px;} h2, .how_we_think .right_part p, .business_sec h2, .counter_sec .card h2, .how_we_think.slider .right_part h2, .how_we_deliver .left_part h2, .text_img_sec h2, .why_work_sec .left_part h2, .what_truly_dection h2, .damaging_section h2,.footer .relative-box h2{font-size: 32px;line-height: 37px;} h3, .traffic_sec .card h3, .contact_us_sec .right_part h3, .icon_with_text_cardblock .text h3, .how_we_think .slide-content .text-content h4, .innovative_result.two .slide-content .text-content h3, .principles_sec .card h3, .banner_sec.contact_banner .left_part h3, .filter_sec .left_part .filter_title h3, .about_projet_sec h3{font-size: 32px;line-height: 37px;} h4, .faq_section .accordian h4,.traffic_sec .card h3,.contact_us_sec .right_part h3 {font-size: 28px; line-height: 40px;} h5, .text_editor .left_title h5, .banner_sec .left_part h5{font-size: 15px;} .traffic_sec .card h4,.accordian_sec .acc-title h4{font-size: 24px;line-height: 34px;} .traffic_sec .title{gap: 15px;} .hero-home .wrap p{font-size: 12px;line-height: 15px;} .top-select select{font-size: 11px;padding: 17px 17px;padding-right: 130px;background: url(images/down-arrow.svg)right 109px center no-repeat;} .top-select button{font-size: 14px;padding: 10px 16px;} .top-select button svg{width: 17px;} .review-box .left{width: 100%;} .review-box .right{width: 100%;} .review-box{flex-wrap: wrap;gap: 0;font-size: 13px;} .bottom-icons{margin-top: 65px;} .btn_text {font-size: 14px;line-height: 16px;} .how_we_think .button_box {margin-top: 70px;margin-right: -58px;} .popup_form .wrap_form {width: 100%;padding: 30px 15px;} .contact_form input[type="submit"]{font-size: 14px;width: 180px;} .scroll_moving_text h2 {font-size: 80px;line-height: 80px;margin-bottom: 0px;} .scroll_moving_text .bottom_text{align-items: flex-start;} .scroll_moving_text .bottom_text span {margin-right: 20px;} .counter-animation {font-size: 54px;} .card-scroll-section{width: calc(100% + 60px);margin-left: -30px;margin-right: -30px; } .how_to_work .left_part p{font-size: 16px;} .industries_we_know .mid_part{margin-top: -284px;} .industries_we_know .mid_part video{right: -75px;} .industries_slider_card{margin-top: 40px;} .industries_slider_card .card{padding: 25px 15px 25px;min-width: 194px;} .brands_sec h2 br{display: none;} .brands_sec .brand_slider{margin-bottom: 35px;} .accordian_sec .acc-title{padding: 9px 45px 9px 25px;} .accordian_sec .acc-title::before {right: 20px;} .contact_us_sec .person_details span{font-size: 12px;} .contact_us_sec .social_acount p{font-size: 14px;} .contact_us_sec .person_img{width: 144px;} .contact_us_sec .person_details {width: calc(100% - 144px);} .contact_us_sec .right_part h3{margin-bottom: 0;} .contact_us_sec ul{gap: 8px;padding-left: 8px;} .contact_us_sec .social_acount{margin-top: 20px;} .contact_form .input_field{width: 100%;} .contact_form input, .contact_form select{padding-bottom: 15px;} .contact_form select{height: unset;} .contact_form textarea{height: 84px;} .contact_form input[type="submit"] {font-size: 14px;width: 110px;} .footer .right_part .btn_animation{margin-right: -58px;} .footer .footer_bottom ul.menu{flex-wrap: wrap;} .footer .footer_bottom ul.menu li{width: 100%;display: block;} .sticky .top_arrow {bottom: 10px;right: 10px;} .service_sec .right_part .card_box{width: 100%;margin-bottom: 50px;} .service_sec .right_part .card_box:last-child{margin-bottom: 0;} .service_sec .top_title{margin-bottom: 40px;} .rounded_arrow{min-width: 50px;width: 50px;height: 50px;} .service_sec .button_box {margin-top: 30px;} .icon_with_text_cardblock .card{width: 100%;} .banner_sec .contact_form .input_field{width: 100%;} .leadership_sec .btn_animation{position: static;margin-top: 40px;} .leadership_sec .button_box{margin-right: -58px;} .leadership_sec .right_part{width: 100%;margin-right: 0;max-width: 100%;} .mySwiper_video .swiper-slide {height: 195px;} .slider_arrow .swiper_arrow .swiper-button-prev, .slider_arrow .swiper_arrow .swiper-button-next{padding: 12px 20px;} .slider_arrow .swiper-button-next:hover {padding-left: 40px;} .slider_arrow .swiper-button-prev:hover {padding-right: 40px;margin-left: -20px;} .slider_arrow .swiper_arrow{margin-left: 15px;} .how_we_think .right_part .icon_with_text_cardblock .card{width: 100%;} .how_we_think .slide-content .icon {width: 80px;} .how_we_think .slide-content .text-content{width: 100%;padding: 0;} .how_we_think .slide-content{flex-wrap: wrap;} .how_we_think .swiper_slider .swiper-slide{border-radius: 10px;padding: 20px;height: unset;} .tab_header li,.tab_section .tab_header{position: static !important;} .tab_section .step_image img{display: none;} .tab_section .step_image{padding: 0 15px;} .tab_header li.tab-1 .number_text, .tab_header li.tab-2 .number_text{order: 1;margin-left: 0;margin-right: 15px;} .tab_header li.tab-1 .textbtn, .tab_header li.tab-2 .textbtn{order: 2;text-align: left;} .tab_header li:not(:last-child){margin-bottom: 15px;} .text_with_user .text{width: 100%;} .text_with_user .user{width: 60%;} .industries_expert .card{width: 100%;border: 1px solid #A3A3A3;} .industries_expert .inner_part{row-gap: 30px;} .circle_sec .circle._1 .text_box h5{font-size: 20px;line-height: 1;} .circle_sec .logo_box{padding: 0 20px;} .circle_sec .circle {min-height: 160px;} .circle_sec .circle._1 .text_box{padding:10px 30px;} .circle_sec .logo_box {padding: 0px 7px;} .filter_sec .top_part .button_box{overflow: visible;} .banner_sec.contact_banner .right_part .contact_form .input_field{width: 100%;} .banner_sec.contact_banner .right_part .contact_form textarea{height: 150px;} .business_sec .rotate_star {top: -95px;} .office_card .fix_img {width: 227px;height: 466px;} .innovative_result .scroll_moving_text{margin-bottom: 70px;} .innovative_result.two .swiper_slider{width: 100%;} .quary_sec h2{font-size: 28px;} .img_text_sec .card_box .text_box{width: 100%;} .img_text_sec .card_box{margin-top: 40px;} .service_seo_sec .inner_part {min-height: 375px;} .how_we_think.slider_img .right_part{padding-left: 0;} .how_we_think.slider_img .slider_arrow .swiper_arrow {margin-top: 15px;margin-left: 0;} .innovative_result.two .scroll_moving_text h2 {font-size: 55px;line-height: 77px;} .why_choose_us .right_part .icon_with_text_cardblock .card{width: 100%;} .why_choose_us .icon_with_text_cardblock {gap: 45px 20px;} .innovative_result.two .swiper_slider{width: 100%;} .innovative_result.two .slide-content .text-content {width: 100%;padding: 0;text-align: center;} .innovative_result.two .slide-content{flex-wrap: wrap;} .innovative_result.two .swiper_slider .swiper-slide{border-radius: 10px;} .innovative_result.two .slide-content .icon{width: 150px;margin: 0 auto 15px;} .innovative_result.two .slide-content{padding: 30px;} .innovative_result.two .social_acount ul{justify-content: center;} .innovative_result.two .person_img_slider .swiper-wrapper{gap: 10px;} .icon_text_slider .swiper-wrapper{} .innovative_result.two .social_acount ul{gap: 10px;} .innovative_result.two .social_acount img{width: 30px;} .innovative_result.two .icon_text_slider .slide-content .text-content{width: 100%;padding-left: 0;} .innovative_result.two .icon_text_slider .swiper-slide{height: unset;} .innovative_result.two .icon_text_slider .swiper-slide{padding: 0;} .innovative_result.two .icon_text_slider .swiper-slide{width: 100% !important;} .popup_form .contact_form .input_field{width:100%;} /*.popup_form .contact_form .input_field input[type="text"], .popup_form .contact_form .input_field input[type="email"]{padding: 10px;}*/ .popup_form .contact_form{gap: 16px;margin: 30px auto 0;} .popup_form .wrap_form .close{right: 15px;top: 30px;font-size: 22px;} } @media only screen and (max-width:500px) { .popup_form .wrap_form{padding:20px 15px; overflow-y: scroll;overflow-x: hidden;} .popup_form p {margin-bottom: 0px !important;font-size: 15px;line-height: 22px;} .popup_form .contact_form {gap: 10px;margin: 15px auto 0;} .how_we_think.two .count-mobile{ display:inline-block;} .how_we_think.two .count{ display:none;} /*.how_we_think .swiper_slider .swiper-slide{ margin-right:0px !important; }*/ .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1319, .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1318, .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1317, .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1315, .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1316, .page-template-template-seo-audit .how_we_think.white_bg img.alignnone.wp-image-1314 { display: inline-block; width: 49%; } .page-template-template-seo-audit .how_we_think .right_part .icon_with_text_cardblock .card { width: 50%; text-align: center; } } @media only screen and (max-width:400px) { .popup_form .wrap_form{height: 100%;} }