/* Theme Name: Growth Author: Inizsoft Technology Author URI: https://inizsoft.com Description: The Growth Theme based on the famous Wordpress CMS. Version: 1.0 */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * {margin: 0;padding: 0;box-sizing: border-box;} img {max-width: 100%;height: auto;} body {background: #fff;font-size:20px;line-height:1;color: #000000;font-family: 'Poppins', sans-serif; font-weight: 400;} ul {list-style: none;padding: 0;} p,.list ul,.list ol {margin-bottom: 20px;} .list ul li{list-style-type: disc;} .list ul,.list ol{padding-left: 18px;} p,.list li{line-height: 30px;} a {color: inherit;text-decoration: none;transition: 0.4s;} p:last-child{ margin-bottom: 0;} /* ----- Heading Font CSS ------ */ h1,h2,h3,h4,h5,h6 {margin-bottom: 20px;line-height: 1.1;font-family: 'Poppins', sans-serif; font-weight: 600;} h1,.font h2{font-size:50px;line-height: 60px;} h2{font-size:40px;line-height: 50px;} h3{font-size:25px;line-height: 35px;} h4{font-size:22px;} h5{font-size:20px;} h6{font-size:18px;} strong{font-weight: 700;} 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{border: none;outline: none;} input,textarea{font-size: 20px;line-height: 1;font-family: 'Poppins', sans-serif; font-weight: 400;width: 100%;float: left;border: none;} input,select,label,button{font-family: 'Poppins', sans-serif;} /* global css start */ .full_width{width: 100%;float: left;} .wrapper{max-width:1635px;margin: 0 auto;width: 100%;padding: 0 40px;} .btn_one{padding:20px 30px;min-width:165px;font-size: 20px;display: inline-block;text-align: center;border-radius: 50px;font-weight:500;line-height: 1;background:#078C96;color: #ffffff;border:1px solid #078C96;transition: 0.4s; } .btn_one:hover{background: #000000;border-color: #000000;} .btn_one.black{background: #000000;text-transform: uppercase;font-size: 14px;border-color: #000000;letter-spacing: 1.2px;} .btn_one.black:hover{background: #ffffff;border-color: #ffffff;color: #000000;} .main-content{padding-top: 125px;} .title{text-align: center;margin-bottom: 50px;position: relative;} .title.left{text-align: left;} .pb_150{padding-bottom: 110px;} .pb_40{padding-bottom: 40px;} .btn_text{color: #ffffff;font-size: 20px;font-weight: 500;display: inline-block;text-decoration: underline;} .btn_text .arrow_right{background: url(images/arrow-right-w.svg)right center no-repeat;display: inline-block;width: 23px;height: 15px;background-size: 23px ;margin-left: 10px;margin-bottom: -2px;} .btn_text .arrow_right.black{background: url(images/arrow-right-black.svg)right center no-repeat;display: inline-block;width: 53px;height:23px;background-size: 53px ;margin-left: 10px;} .slick-dots{display: flex;flex-wrap: wrap; gap: 5px; justify-content: center; width: 100%; position: absolute; bottom: -95px; left: 50%; transform: translate(-50% ,-50%);} .slick-dots li button{font-size: 0;width: 15px;height: 15px; background: #C3C3C3; border: none; outline: none; border-radius: 50%;margin: 0 4px;cursor: pointer; transition: 0.4s;} .slick-dots li.slick-active button{background: #FE4F02; width: 25px; height: 25px;} .slick-arrow{position: absolute;top: 53%; transform: translateY(-55%);font-size: 0;transition: 0.4s; border: none;width: 73px;height: 73px; border-radius: 50%; background-size: 51px !important;cursor: pointer;z-index: 1;} .slick-arrow.slick-prev{background:#fff;left: -11px; } .slick-arrow.slick-next{background: #fff;right: -11px; } .slick-arrow.slick-prev:hover svg path , .slick-arrow.slick-next:hover svg path{ stroke: #919191; } .slick-arrow.slick-prev svg path , .slick-arrow.slick-next svg path { transition: 0.4s;} .marquee-track { display: flex; white-space: nowrap; gap: 125px !important; } .arrow_right{background: url(images/arrow-right-w.svg)right center no-repeat;width: 25px;display: inline-block;height: 16px;background-size: 25px;margin-left: 5px;} .arrow_rotate{background: url(images/arrow-rotate.svg)right center no-repeat;width: 21px;display: inline-block;height: 21px;background-size: 21px !important;margin-left: 5px;} .arrow_rotate.black{background: url(images/arrow-rotate-b.svg)right center no-repeat;} .whatsapp_sticky{position: fixed;right: 92px;z-index: 9;width: 65px;bottom: 55px; } .whatsapp_sticky a{display: block;} .whatsapp_sticky a img{display: block;} .social_icon_left_sticky{box-shadow: 0px 0px 8px rgba(0,0,0,0.2);width: auto;padding:45px 23px 45px 15px;height: auto; position: fixed;left: 0;top: 50%;background: #000000;transform: translateY(-50%);z-index: 99;border-top-right-radius: 20px;border-bottom-right-radius: 20px;} .social_icon_left_sticky p{font-size: 17px;font-weight: 400;color: #ffffff;margin-bottom: 0;writing-mode: vertical-lr; transform: rotate(-180deg); line-height: 1;} .social_icon_left_sticky ul li{display:block;margin-bottom: 25px;} .social_icon_left_sticky ul li a,.social_icon_left_sticky ul li img{display: block;width: auto;} .custom_list ul{max-width: 550px;width: 100%;margin: 0 auto 20px;counter-reset: my-counter;} .custom_list li{text-align: left;margin-bottom: 15px;counter-increment: my-counter; list-style:none;} .custom_list li:last-child,.custom_list ul:last-child{margin-bottom: 0;} .custom_list li span{width: 35px;height: 35px;border-radius: 100%;display: inline-block;margin-right: 15px;position: relative;} .custom_list li span::before {content: counter(my-counter);font-size: 14px;font-weight: 500;color: #ffffff;line-height:1;width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;} .mix-blend-mode{mix-blend-mode: multiply;} /* global css end */ /* ******************************* main css ***************************** */ /* header start */ .header{padding: 25px 0;position: fixed;left: 0;top: 0;transition: 0.4s;z-index: 99;background: #F5EFEB;} .header.sticky:not(.bg){box-shadow: 0px 0px 8px rgba(0,0,0,0.2);background: #F5EFEB;padding: 20px 0;} .header .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .header .logo{width: 150px;} .header .logo a{display: block;} .header .logo img{display: block;} .header .right_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: calc(100% - 150px);padding-left: 20px;} /* .header .navigation{width: calc(100% - 40px);} */ .header .navigation{width:100%;} .header .navigation>ul{display: flex;flex-wrap: wrap;justify-content:flex-end;} .header .navigation>ul>li{display: inline-block;margin-right: 45px; position: relative; } .header .navigation li:last-child{ margin-right: 0;} .header .navigation>ul>li.menu-item-has-children{ padding-right: 20px;} .header .navigation>ul>li.menu-item-has-children::before{ content: ""; position: absolute; top:22px; right: 0; width: 15px; transition: 0.4s; display: block; cursor: pointer; height:9px; background: url(images/menu_arrow.svg) center right no-repeat; background-size: 15px;} .header .navigation>ul>li>a{display: block;position: relative; font-weight: 500; padding: 15px 0;} .header .navigation>ul>li>a::after{content: "";position: absolute;left: 0;bottom: 8px;width: 0%;height: 2px;background: #000000;transition: 0.4s;} .header .navigation>ul>li:hover a::after,.header .navigation >ul>li.current-menu-item a::after{width: 100%;} .header .navigation>ul>li.menu-item-has-children:hover a::after { width: 0;} .header.bg{background: #F7F5F0;} .menu_bar{width: 40px;cursor: pointer;position: relative; display: none;} .menu_bar::after{content: "";position: absolute;left: 0;top: -10px;width: 100%;height: 40px;} .menu_bar span{width: 100%;background: #000000;height: 2px;display: block;margin-bottom: 5px;transition: 0.4s;} .menu_bar span:last-child{margin-bottom: 0;} .menu_bar span:nth-child(1),.menu_bar span:nth-child(3){width: 80%;} .menu_bar:hover span:nth-child(1),.menu_bar:hover span:nth-child(3){width: 100%;} .menu_bar.active span:nth-child(1) {transform: translateY(8px) rotate(-45deg);width: 100%;} .menu_bar.active span:nth-child(2) {display: none;} .menu_bar.active span:nth-child(3) { transform: translateY(1px) rotate(45deg);width: 100%;} .layout{overflow: clip;width: 100%;float: left;} .arrow.open {transform: rotate(-180deg); } .header .navigation .menu li .sub-menu{pointer-events: none; position: absolute;left:0;width: 300px;top: 50px; height: auto; opacity: 0; transition: 0.4s; background: #fff; border-radius: 10px; border-top: 10px solid #14049C; } .header .navigation .menu>li:hover>.sub-menu{display: block; pointer-events: visible; opacity: 1;} .header .navigation .menu li .sub-menu li{ position:relative } .header .navigation .menu li .sub-menu li:last-child{ border-bottom:none; } .header .navigation .menu li .sub-menu li a{ font-size: 16px; font-weight: 400; display: block; padding: 12px 13px 14px; transition: none; border-bottom: 1px solid rgba(145, 145, 145 , 0.5);} .header .navigation .menu li .sub-menu::before { width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #14049C; position: absolute; left: 18px; top: -18px; content: ""; } .header .navigation .menu>li>ul li:hover { background: #FE4F02; } .header .navigation .menu li ul li:hover a{color: #FFFFFF;} .header .navigation .menu li>ul>li a:hover { border-bottom: 1px solid #FE4F02;} .header .navigation .menu li li ul{ left: 100% !important; top:0px !important ; border-top-left-radius: 0 !important; border-top:unset !important} .header .navigation .menu li li ul::before{ border: unset !important; top:0 !important} .header .navigation .menu>li li:hover> ul{display: block; pointer-events: visible; opacity: 1;} .header .navigation .menu li li:hover a{color: #FFFFFF;} .header .navigation .menu >li>ul> li>ul>li a{color: #000000 !important;} .header .navigation .menu >li>ul> li>ul>li:hover a{color: #fff !important;} /* mega menu */ .mega_menu_section{opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s; position: fixed;left: 0;top: 125px;width: 100%;height: calc(100% - 130px);z-index: 999;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: auto;} .mega_menu_section::before{border-bottom-left-radius: 100%; content: ""; position: absolute;right: 0;top: 0;transition: 0.8s all;width: 0;height: 0;} .mega_menu_section.open::before{border-radius: 0; width: 100%;height: 100%;background: #fff;} .mega_menu_section.open{opacity: 1;visibility: visible;pointer-events: all;} .mega_menu_section .inner_part{opacity: 0;transition: 0.4s; display: flex;flex-wrap: wrap;height: 100%;justify-content: space-between;width: 100%;position: relative;z-index: 1;} .mega_menu_section .inner_part.show{opacity: 1;} .mega_menu_section .left_menu{width: 60%;padding: 100px 0; padding-left: 120px;display: flex;} .mega_menu_section .left_menu li{list-style: none;padding-bottom: 40px;} .mega_menu_section .left_menu li.menu-item-has-children{background: url(images/header-arrow.svg)right top no-repeat;background-size: 0;transition: 0.4s;} .mega_menu_section .left_menu li.show,.mega_menu_section .left_menu li:hover,.mega_menu_section .left_menu li.current-menu-item{background-size: 10px;} .mega_menu_section .left_menu li.current-menu-item a{color: #000000;} .mega_menu_section .left_menu li:last-child{margin-bottom: 0;} .mega_menu_section .left_menu li a{font-size: 20px;color: rgba(0, 0, 0, 0.25);width: 100%;} .mega_menu_section .left_menu li:hover a{color: #000;} .mega_menu_section .right_info{width: 40%;background: #078C96;padding: 60px;display: flex;align-items: center;} .mega_menu_section .right_info .inner_cards{width: 100%;max-width: 700px;} .mega_menu_section .right_info .header_card{padding: 40px;border-radius: 20px;margin-bottom: 30px;} .mega_menu_section .right_info .header_card .inner_width{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .mega_menu_section .right_info .header_card .left{width: 30%;} .mega_menu_section .right_info .header_card .left img{border-radius: 100%;} .mega_menu_section .right_info .header_card .right{width: 68%;} .mega_menu_section .right_info .header_card .right ul{width: 100%;display: flex;justify-content: center;gap: 20px;align-items: center;} .mega_menu_section .right_info .header_card .right li{display: inline-block;} .mega_menu_section .right_info .header_card.black .left h3{margin-bottom: 0;color: #fff;} .mega_menu_section .right_info .header_card.order .left{order: 2;} .mega_menu_section .right_info .header_card:last-child{margin-bottom: 0;} .mega_menu_section .right_info .header_card.gray{background: #F7F5F0;} .mega_menu_section .right_info .header_card.black{background: #000;} .mega_menu_section .right_info .header_card.white{background: #fff;} .mega_menu_section .right_info .header_card input{text-align: center; width: 100%;padding: 20px 20px;border-radius: 50px;background: #fff;color: #000000;font-size: 20px;font-weight: 500;} .mega_menu_section .right_info .header_card input[type="submit"]{background: #078C96;color: #fff;margin-top: 20px;padding: 24px 20px;} .mega_menu_section .right_info .header_card input[type="submit"]:hover{background: #000;} .mega_menu_section .dots_color{vertical-align: middle;margin-right: 15px; width: 15px;height: 15px; float: left; border-radius: 100%;position: relative;top: 2px; } .mega_menu_section ::placeholder { color: rgba(0, 0, 0,0.25);opacity: 1; /* Firefox */} .mega_menu_section ::-ms-input-placeholder { /* Edge 12 -18 */color: rgba(0, 0, 0,0.25);} .stop_scroll{overflow: hidden;} .mega_menu_section .menu{width: 50%;max-width: 420px;position: relative;} /* .mega_menu_section .menu li{} */ .mega_menu_section .menu li .sub-menu{position: absolute;right: -100%;width: 100%;top: 0;padding-left: 85px;height: 100%;} .mega_menu_section .menu li .sub-menu{display: block;} .mega_menu_section .menu li.show a{color: #000;} .mega_menu_section .menu li:hover .sub-menu{display: block;} .mega_menu_section .menu li .sub-menu a{color: #000;} .mega_menu_section .wpcf7-not-valid-tip{text-align: center;} .mega_menu_section p{position: relative;} /* header end */ /* hero start */ .hero_section{padding: 50px 0 260px;position: relative;background: #F5EFEB;} .hero_section::after{content: "";position: absolute;left: 0;bottom: 0;background:#fff url(images/hero_bg_bottom.png)bottom center no-repeat;width: 100%;height: 154px;background-size: 100% 100%;} .hero_section::before{content: "";position: absolute;left: 0;top: -79px;width: 100%;height: 80px;background: #F5EFEB;pointer-events: none;} .hero_section .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;} .hero_section .left_part{width: 35%;} .hero_section .left_part img{width: 100%;display: block;border-radius: 100%;position: relative;z-index: 1;} .hero_section .right_part{width: 54%;} .hero_section .right_part h1{font-size: 80px;font-weight: 500;line-height: 100px;} .hero_section .right_part h1 strong{font-weight: inherit;color: #3B45C4;overflow: hidden;display: block;} .hero_section .right_part h1 strong span{display: inline-block;} .hero_section .right_part h1 .title_card{display: none;transform: translateY(-100%);opacity: 0.1;line-height: 100px;} .hero_section .right_part h1 .title_card.text-in{display: block;animation: textIn 4s ease-out;} /* .hero_section .right_part h1 .title_card span{opacity: 0;transition: 1s;transform: translateY(100%);} .hero_section .right_part h1 strong.slick-active span{opacity: 1;transform: translateY(0);} */ .title_slider_hero{height: 100px;overflow: hidden;} .hero_section .right_part h1 .title_card{ font-weight: 600;} @keyframes textIn{ 25%{ opacity: 1; transform: translateY(0%); } 40%{ opacity: 1; transform: translateY(0%); } 80%{ opacity: 1; transform: translateY(0%); } 100%{ opacity: 0; transform: translateY(120%); } } .hero_section .button_box{margin-top: 20px;} .hero_section .button_box .buttonfx {z-index: 1;} .hero_section .button_box .buttonfx::before, .hero_section .button_box .buttonfx::after {z-index: -1;} .hero_section .left_part .aos_ani{position: relative;z-index: 1;border-radius: 100%;overflow: hidden;} .hero_section .rotate_text_scroll{opacity: 1;visibility: visible;transition: 0.4s;} .hero_section.sticky_change .rotate_text_scroll{opacity: 0;visibility: hidden;pointer-events: none;} .hero_section .whatsapp_sticky{opacity: 0;visibility: hidden;pointer-events: none;} .hero_section.sticky_change .whatsapp_sticky{opacity: 1;visibility: visible;pointer-events: all;} .hero_section .whatsapp_sticky{transition: 0.4s;} /* hero end */ /* what we do start */ .what_we_do{background: #ffffff; padding: 120px 0;} .what_we_do .inner_part{gap: 58px;display: flex;flex-wrap: wrap;} .what_we_do .card{width: calc(20% - 47px);border-radius: 20px;padding: 30px 30px;position: relative;overflow: hidden;z-index: 1;aspect-ratio: 332/300;} .div_hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;visibility: hidden;transition: 0.4s all;} .what_we_do .card h3{position: relative; color: #ffffff;margin-bottom: 55px; font-weight: 600; line-height: 33px;} .what_we_do .card .arrow_btn{ position: absolute; background: url(images/card_arrow.svg)center no-repeat;width: 44px;height: 44px;float: right;right: 30px;bottom: 30px;background-size:44px;} .what_we_do.two .title{text-align: left;} .what_we_do .card:hover .div_hover{opacity: 1;visibility: visible;} .what_we_do .title h1{ font-weight: 600;} /* what we do end */ /* we work start */ .we_work{background: #ffffff;} .we_work .company_logo_sec{background: #F7F5F0;padding: 30px 0;} .we_work .inner_part{ gap:50px; display: flex;justify-content: space-between;flex-wrap:nowrap; align-items: center;width: 100%;} .we_work .company_logo{background: #F7F5F0;} /* .we_work .company_logo img{display: block;width: auto;mix-blend-mode: multiply;filter: grayscale(44);transition: 0.4s;opacity: 0.4;} */ .we_work .company_logo img{display: block;width: auto;mix-blend-mode: multiply; max-width: unset; height: 65px; display: flex; justify-content: center; align-items: center;} .we_work .company_logo:hover img{filter: grayscale(0);opacity: 1;} .we_work.two .company_logo{max-width: calc(16.66% - 17px);} .we_work .inner_part.companylogo_mobileslider:not(.not){display: none;} .we_work .inner_part.desktop_view .company_logo{margin: 10px 0;} /* we work end */ /* our knowledge start */ .our_knowledge{background: #ffffff;} .our_knowledge .knowledge_card_slider{width: 93%;float: right;} .our_knowledge .card{border-radius: 50px;display: flex !important;overflow: hidden;width: 100%; max-height: 560px;} .our_knowledge .image{width: 50%;} .our_knowledge .image img{width: 100%;height: 100%;display: block;object-fit: cover;} .our_knowledge .text{background-image: linear-gradient(-60deg , #2640BA, #7E57E6);padding: 30px;width: 50%;display: flex;justify-content: center;align-items: center;} .our_knowledge .text .content{max-width: 508px;} .our_knowledge .text .content h2{color: #ffffff;} .our_knowledge .btn_one{margin-bottom: 30px;} .our_knowledge .text .content .btn_one{ pointer-events: none;} .our_knowledge h2:not(:last-child){margin-bottom: 50px;} .knowledge_card_slider .slick-slide{margin: 0 40px;} .knowledge_card_slider .slick-list{padding-right: 10% !important;} /* our knowledge end */ /* Your opinion start */ .your_opinion{background: #ffffff;} .your_opinion .card_review{padding: 75px 45px;height: inherit;position: relative; } .your_opinion .card_review::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #F7F5F0;z-index: -1;border-radius: 20px;transform: scale(1);} .your_opinion .card_review h5{margin-bottom: 3px; font-size: 25px; font-weight: 500;} .your_opinion .card_review p{margin-bottom: 30px;} .your_opinion .card_review p:last-child{margin-bottom: 0px;} .your_opinion .card_review .image{width: 100%;float: left;margin-bottom: 30px; } .your_opinion .card_review .image img{max-width: 150px;display: block;margin: 0 auto; margin-top: -140px; } .your_opinion .card_reviews.slick-slide.slick-active .image img { margin-top: -170px;} .your_opinion .card_review .text{width: 100%;float: left;text-align: center;} .your_opinion .card_review ul{display: flex;justify-content: center;margin-bottom: 30px;} .your_opinion .card_review ul li{margin: 0 5px;} .your_opinion .review_slider{width: calc(100% + 60px);margin-left: -30px;} .your_opinion .title {margin:0; } .review_slider .slick-slide{margin: 140px 30px 30px; } .review_slider .slick-track{display: flex !important;} /* .review_slider .slick-list.draggable{overflow: visible;} */ /* .review_slider .card_review.slick-current {transform: scale(1.1);} */ .your_opinion.update{ padding-bottom: 160px;} .review_slider .card_review::before {transition: 0.9s;} .review_slider.aos-animate .card_review.slick-current::before{transform: scale(1.1);} /* Your opinion end */ /* over ons start */ .over_ons{background: #ffffff;transition: unset;} .over_ons .inner_part{border-radius: 40px;overflow: hidden; position: relative; } .over_ons .image{position: relative;} .over_ons .image img{width: 100%;display: block;border-radius: 40px;} .over_ons p{position: absolute;right: 55px;bottom: 45px;color: #ffffff;font-weight: 500;margin-bottom: 0;z-index: 1;} .over_ons .image::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(1, 1, 1, 0.1) 35%, rgb(0, 0, 0) 100%);} .over_ons p a:hover{text-decoration: underline;} /* over ons start */ /* neem contact start */ .neem_contact{background: #ffffff;position: relative;} .neem_contact .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 1;} .neem_contact .left_part{width: 35%;} .neem_contact .right_part{width: 50%;padding-top: 7px;} .neem_contact .user_card{margin-top: 35px;} .user_card{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .user_card .user{width: 150px;} .user_card .user img{width: 100%;display: block;border-radius: 100%;} .user_card .text{width: calc(100% - 150px);padding-left: 20px;} .user_card .text h5{margin-bottom: 5px;} .user_card .text p{margin-bottom: 0;} /* updated code */ .neem_contact .field{width: 100%;float: left;margin-bottom: 20px;} .neem_contact .field input:not([type="submit"]){border-bottom: 2px solid #969696;padding-bottom: 20px;color: #000000;background: transparent;} .neem_contact .field textarea{border-bottom: 2px solid #969696;padding-bottom: 20px;color: #000000;resize: none;height: 200px;background: transparent;} .neem_contact .field.submit{margin-top:50px;} .neem_contact .field button,.text_editor a.buttonfx {text-transform: none;font-family: 'Poppins', sans-serif;} .neem_contact ::-ms-input-placeholder {color: rgba(0, 0, 0,0.44);} .neem_contact ::placeholder {color: rgb(0, 0, 0);} .neem_contact .leaves_img{position: absolute;right: 0;bottom: 0;pointer-events: none;} .neem_contact .leaves_img::after{content: "";position: absolute;right: 0;bottom: 0;background: url(images/leaves-img.png)top left no-repeat;width: 548px;height: 693px;background-size: 548px;} .over_ons{position: relative;} .over_ons .leaves_two_img{position: absolute;left: 0;top: 0;pointer-events: none;} .over_ons .leaves_two_img::after{content: "";position: absolute;left: 0;top: 0;background: url(images/leaves-img2.png)top left no-repeat;width: 590px;height:1056px;background-size: 590px;} /* neem contact end */ /* text editor start */ .text_editor{background: #ffffff;text-align: center;} .text_editor .inner_text {position: relative;z-index: 1;} .text_editor .inner_text ul { list-style-type: disc; line-height: 27px; text-align: center; margin: 0 auto; margin-bottom: 27px;} /* updated */ /* .text_editor .inner_text */ .text_editor .wrapper,.social_card_block .wrapper{max-width: 1435px;} .text_editor p:last-child{margin-bottom: 0;} .text_editor p{margin-bottom: 35px;} .text_editor .btn_one{margin-top: 30px;} .text_editor .btn_one.top{margin-top: 14px;margin-bottom: 75px;text-transform: uppercase;letter-spacing: 1.68px;font-size:14px;} .text_editor.two h2,.text_editor.two h1{margin-bottom: 25px;} .text_editor.two .btn_one {border: none;} .text_editor.two .btn_one:hover{border: none;} .text_editor p a{text-decoration: underline;} .text_editor p a:hover{color: #242424;} .progress_container{width: 100%;height: 15px;background-image: linear-gradient(-60deg , #FAFAFA, #FAFAFA);position: fixed;left: 0;top: 0;z-index: 999;} .progress_bar{height: 15px;background-image: linear-gradient(-60deg , #308A91, #18737B);width: 0%;} .text_editor p img{margin-top: 20px;} .bottom_text {text-align:center;} .bottom_text .inner_text ul {margin: 10px 10px 20px 20px;} .text_editor.list_style { background: #F5EFEB; padding: 132px 0; } .text_editor.list_style .inner_text { max-width: 1114px; margin: 0 auto; } .text_editor.list_style .inner_text h1, .text_editor.list_style .inner_text p { text-align: center; } .text_editor.list_style .inner_text ul { list-style: none; padding: 0; margin: 40px auto 0; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .text_editor.list_style .inner_text ul li { position: relative; padding-left: 30px; margin-bottom: 20px; text-align: left; } .text_editor.list_style .inner_text ul li:last-child { margin-bottom: 0; } .text_editor.list_style .inner_text ul li::before { content: ""; position: absolute; top: 6px; left: 0; width: 15px; height: 15px; border-radius: 50%; background: #FF9E59; } /* text editor end */ /* image & text start */ .image_text_block{background: #F7F5F0;position: relative;margin-bottom: 120px;z-index: 1;} .mb_120 {margin-bottom: 120px;} .image_text_block .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;z-index: 1;position: relative;background: #F7F5F0;} .image_text_block .left_part{width: 50%;} .image_text_block .left_part img{width: 100%;display: block;border-radius: 0;} .image_text_block .right_part{width: 50%;padding-left: 135px;background: #F7F5F0;} .image_text_block .polygon_img{position: absolute;right: -500px;top: -172px;pointer-events: none;z-index: -1;} .image_text_block .polygon_img::after{pointer-events: none; content: "";position: absolute;right: 0;top: 0;background: url(images/Polygon-2.png)top left no-repeat;width: 997px;height:863px;background-size: 997px;} .top_wave_img img{display: block;width: 100%;} .top_wave_img{position: relative; margin-bottom: 80px;} .top_wave_img::before{content: "";position: absolute;width: 100%;height: 100px;top: -99px;left: 0;background: #F5EFEB;} .image_text_block.opposite .left_part{order: 2;} .image_text_block.opposite .right_part{order: 1;padding-left:0px;padding-right: 100px;} .image_text_block .leaves_three_img,.over_ons .leaves_three_img{position: absolute;right: 0;top: 0;pointer-events: none;} .image_text_block .leaves_three_img::after,.over_ons .leaves_three_img::after{content: "";position: absolute;right: 0;top: 0;background: url(images/leaves-img3.png)top right no-repeat;width: 497px;height:1035px;background-size: 497px;} .three_card_block .polygon_img{position: absolute;left: -500px;bottom:340px;pointer-events: none;} .three_card_block .polygon_img::after{content: "";position: absolute;left: 0;bottom: 0;background: url(images/Polygon-2.png)top left no-repeat;width: 997px;height:863px;background-size: 997px;} /* image & text end */ /* three card block start */ .three_card_block.update{background: #F5EFEB;position: relative; padding: 64px 0 80px;} .three_card_block.update .card .image {position: relative;border-radius: 20px;overflow: hidden; width: 40px;} .three_card_block.update .card{width: calc(33.33% - 34px); background: #fff; padding: 50px; border-radius: 20px; margin-bottom: 0;} .three_card_block.update .inner_part{gap:50px;display: flex;flex-wrap: wrap;position: relative;z-index: 1;} .three_card_block.blog{ padding-bottom: 0;} .three_card_block{background: #ffffff;position: relative;} .three_card_block .inner_part{gap:0 40px;display: flex;flex-wrap: wrap;position: relative;z-index: 1;} .three_card_block .card{width: calc(33.33% - 27px); margin-bottom: 120px;} .three_card_block .card .image {position: relative;border-radius: 20px;overflow: hidden; } /* .three_card_block .card .image::after{pointer-events: none;content: "";position: absolute;left: 0;top: 0;background: linear-gradient(to bottom, transparent,rgba(0, 0, 0, 0.3));width: 100%;height: 100%;} */ .three_card_block .card .image a:not(.overlap_btn a){display: block;} .three_card_block .card .image img{width: 100%;display: block;border-radius: 20px;} .three_card_block .card .overlap_btn{position: absolute;left: 45px;bottom: 45px;z-index: 1;} .three_card_block .card .text{padding-top: 25px;} .three_card_block .card .text h3{margin-bottom: 10px;} .three_card_block .card .btn_one{position: relative; border: 0;background: transparent; text-transform: uppercase; letter-spacing: 1.68px;font-size:14px;} .three_card_block .card .btn_one:hover{box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);} .pagination .wp-pagenavi{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;z-index: 1;} .pagination a,.pagination span {border: 2px solid #000000;font-size: 20px;line-height: 1;color: #000000;display:flex;justify-content: center;align-items: center; width: 60px;height: 60px;border-radius: 100%;background: #fff;padding: 5px;margin: 0 5px;} .pagination .current {background: #000000;color: #ffffff;} .pagination a:hover {background-color: #000;color: #fff;border-color: #000;} .three_card_block .bigcircle_img,.introduction_text .bigcircle_img{position: absolute;right:-190px;bottom: 110px;pointer-events: none;} .three_card_block .bigcircle_img::after,.introduction_text .bigcircle_img::after{content: "";position: absolute;right: 0;bottom: 0;background: url(images/ellipse-1.png)center no-repeat;width: 935px;height:935px;background-size: 935px;} .three_card_block .bigcircle_img.two{bottom: unset;top: 138px;} .three_card_block .bigcircle_img.two::after{bottom: unset;top: 0;} /* three card block end */ /* our team start */ .our_team{background: #ffffff;} .our_team .inner_part{gap:0 40px;display: flex;flex-wrap: wrap;position: relative;z-index: 1;} .our_team .card{width: calc(25% - 30px);margin-bottom: 140px;} .our_team .image{width: 100%;float: left;} .our_team .image img{width: 100%;display: block;border-radius: 20px;} .our_team .text{width: 100%;float: left;padding-top: 40px;} .our_team .text h5{margin-bottom: 5px;} .our_team .text h5 a{margin-top: 4px;display: inline-block;position: relative;} .our_team .text h5 a::after{content: "";position: absolute;left: 0;bottom: -5px;width: 100%;height: 2px;background-color: #000000;} .our_team .text p{margin-bottom: 0;} /* our team end */ /* why work ays start */ .why_work_ays{background: #ffffff;} .why_work_ays .wrapper{max-width: 1095px;} .why_work_ays .inner_part{display: flex;flex-wrap: wrap;justify-content: center;gap: 70px;position: relative;} .why_work_ays .card{width: calc(25% - 70px);} .why_work_ays .card .icon{width: 100%;float: left;} .why_work_ays .card .icon img{display: block;margin: 0 auto 20px;width: auto;max-width: 150px;} .why_work_ays .card .text{text-align: center;} /* why work ays end */ /* counter start */ .counter_section{background: #ffffff;} .counter_section .inner_part .row{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 3%;} .counter_section .inner_part .row:last-child{margin-bottom: 0;} .counter_section .counter_card{text-align: center;border-radius: 30px;padding: 60px;width: 58%;min-height: 475px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .counter_section .counter_card h1{color: #ffffff;margin-bottom: 5px;font-size: 110px;letter-spacing: -1px;line-height: 1;} .counter_section .counter_card p{color: #ffffff;margin-bottom: 0;font-size: 45px;font-weight: 500;line-height: 45px;} .counter_section .counter_card.two{width: 39%;} .counter_section .text_center{width: 100%;float: left;} .over_ons .ovel_img,.work_at .ovel_img,.two_image_slider .ovel_img{position: absolute;left: -400px;bottom: 400px;pointer-events: none;} .over_ons .ovel_img::after,.work_at .ovel_img::after,.two_image_slider .ovel_img::after{content: "";position: absolute;left: 0;top: 0;background: url(images/ellipse-2.png)top left no-repeat;width: 856px;height:856px;background-size: 856px;} /* counter end */ /* work at start */ .work_at{background: #ffffff;position: relative;} .work_at .top_content{max-width: 850px;} .work_at .ovel_img{top: unset;bottom: -280px;} .work_at .ovel_img::after{top: unset;bottom: 0;} .work_at .card{padding: 70px 0;border-bottom: 2px solid #C3C3C3;} .work_at .card:last-child{border-bottom: none;} .work_at .dots_color{width: 15px;height: 15px;float: left; border-radius: 100%;margin-top: 10px;} .work_at .card .text{width: calc(100% - 50px);float: left;display: flex;flex-wrap: wrap;justify-content: space-between;padding:0 20px ;} .work_at .card .text h3{width: 49%;margin-bottom: 0;} .work_at .card .arrow{background: url(images/arrow-right-b.svg)right center no-repeat;width: 34px;height: 19px;background-size: 34px;float: right;margin-top: 10px;} .work_at.faq_sec .top_content p{margin-bottom: 45px;} .work_at.faq_sec .filter_option select.btn_one{margin-right: 0;margin-left: 45px;} .work_at.faq_sec .filter_section .search_engine .btn_one{border: none !important;transition: unset;} /* work at end */ /* faq start */ .accordion{margin-top: 45px;position: relative;max-width: 850px;} .accordion .acc-items{border-bottom: 2px solid #C3C3C3;} .accordion .acc-items:first-child{border-top: 2px solid #C3C3C3;} .accordion .acc-title{cursor: pointer;padding: 25px 0;position: relative;padding-right: 40px;} .accordion .acc-title::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(images/arrow-down-b.svg)right center no-repeat;width: 20px;height: 12px;background-size: 20px;transition: 0.4s;} .accordion .acc-title.active::after{transform: rotate(180deg);} .accordion .acc-title h3{margin-bottom: 0; padding-top: 20px; padding-bottom: 20px;} .accordion .acc-content{display: none;padding: 0px 0px 20px 0;} /* faq end */ /* share blogs start */ .share_blogs{background: #ffffff;} .share_blogs .inner_part{padding: 75px 0;background: #FCFCFC;} .share_blogs .title{margin-bottom: 0;} .share_blogs .share_card{display: flex;flex-wrap: wrap;justify-content: center;} .share_blogs a{display: inline-block;margin: 0 15px;} .share_blogs a img{display:block;width: 67px;} /* share blogs end */ /* single image start */ .single_img_block,.fullwidth_img{background: #ffffff;text-align: center;} .single_img_block img{width: 100%;display: block;border-radius: 20px;position: relative;} /* single image end */ /* introduction text start */ .introduction_text{background: #ffffff;position: relative;} .introduction_text .inner_part {position: relative;z-index: 1;} .introduction_text .wrapper, .single-portfolio .text_editor .wrapper, .single-diensten .text_editor .wrapper {max-width: 800px;width: 100%;} .introduction_text p:last-child{margin-bottom: 0;} .introduction_text h6{font-weight: 400;color: rgba(0, 0, 0,0.4);margin: 45px 0 75px;} .introduction_text h2{margin-bottom: 10px;} .introduction_text .bigcircle_img{bottom: -400px;left: -25%;right: unset;} .introduction_text .bigcircle_img::after{bottom: 665px;left: 0;right: unset;} .introduction_text p a{text-decoration: underline; color: #000000;} .single-portfolio .introtop {text-align:center;} .single-portfolio .maintext {text-align:left;} .single-portfolio .maintext .aligncenter {text-align:center !important;} .single-portfolio .neem_contact.new_contact{margin-bottom: 0;} .neem_contact.new_contact h2 { color: #fff; } /* introduction text end */ /* three card slider start */ .three_card_slider{background: #F2F1EF;padding: 100px 0;} .three_card_slider .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;} .three_card_slider .left_part a{color: #000000;} .three_card_slider .left_part{width: 22%;background: #F2F1EF;position: relative;z-index: 10;} .three_card_slider .left_part::before{content: "";position: absolute;left: 0;top: 0;width: 1000%;left: -1000%;height: 100%;background: #F2F1EF;z-index: 10;} .three_card_slider .right_part{width: 78%;} .three_card_slider .slider_card{border-radius: 20px;overflow: hidden;position: relative;margin: 0 30px;} .three_card_slider .slider_card::after{content: "";position: absolute;left: 0;top: 0;background: linear-gradient(to bottom, transparent,rgba(0, 0, 0, 0.3));width: 100%;height: 100%;pointer-events: none;} .three_card_slider .slider_card img{width: 100%;display: block;} .three_card_slider .slider_card .overlap_text{position: absolute;left: 45px;bottom: 45px;z-index: 1;width: calc(100% - 90px);} .three_card_slider .overlap_text h3{margin-bottom: 0;color: #ffffff;} .card_slider_box .slick-list{overflow: visible;padding-left: 0 !important;padding-right: 10% !important;} .three_card_slider .btn_text{display: flex;flex-wrap: wrap;align-items: center;} .three_card_slider .btn_one{border: none;margin-top: 20px;text-transform: uppercase;font-size: 14px;font-weight: 400;} .three_card_slider .btn_one:hover{border: none;box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);} /* three card slider end */ /* two image slider start */ .two_image_slider{background: #F2F1EF;position: relative;margin-bottom: 120px;padding-bottom:0px;} .two_image_slider .inner_slider{width: calc(100% + 60px);margin-left: -30px;} /* .two_image_slider .image{margin: 0 30px;} */ .two_image_slider .image img{width: 100%;display: block;} .two_image_slider .slick-arrow{position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;border: none;width: 93px;height: 93px;background-size: 93px !important;cursor: pointer;z-index: 1;} .two_image_slider .slick-arrow.slick-prev{background: url(images/prev.svg)center no-repeat;left: 100px;} .two_image_slider .slick-arrow.slick-next{background: url(images/next.svg)center no-repeat;right: 100px;} .two_image_slider .card{display: flex !important;flex-wrap: wrap;} .two_image_slider .card .image{width: 50%;position: relative;margin: 0;overflow: hidden;} .two_image_slider .card .image img{width: 100%;display: block;} .two_image_slider .card .share_icon{position: absolute;right: 40px;bottom: 40px;background: url(images/share-icon.svg)center no-repeat;display: inline-block;width: 135px;height: 135px;} .two_image_slider .card .text{width: 50%;display: flex;flex-wrap: wrap;align-items: center;padding-left: 160px;} .two_image_slider .card .inner_text{max-width: 500px;} /* two image slider end */ .social_card_block{background: #ffffff;} .social_card_block .inner_part{gap: 38px;display: flex;flex-wrap: wrap;justify-content: center;} .social_card_block .image{border-radius: 20px;overflow: hidden;width: calc(25% - 29px);position: relative;box-shadow: none;transition: 0.4s;} .social_card_block .image a{display: block;height: 100%;} .social_card_block .image .title_overlap{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding: 20px 10px;color: #fff;margin-bottom: 0;pointer-events: none;min-height: 80px;} .social_card_block .image img{display: block;width: 100%;height: 100%;} .social_card_block .image:hover {box-shadow: 0px 0px 8px rgba(0,0,0,0.2);} .over_ons .leaves_three_img{top: unset;bottom: 400px;} .over_ons .leaves_three_img::after{top: unset;bottom: 0;z-index: -1;} .header .logo a.mobile_logo_show,.mobile_header,.slide_menu_pannel{display: none;} .stop_scroll{overflow: hidden;} .filter_option{margin-bottom: 40px;display: flex;flex-wrap: wrap;} .filter_option .btn_one{min-width: 350px;border: 1px solid ;text-align: left;} .filter_option select.btn_one{background:url(images/arrow-down-b.svg)right 20px center no-repeat #ffffff;border:2px solid #D9D9D9;font-weight: 400;color: #000000;cursor: pointer;-webkit-appearance: none;padding-right: 45px;margin-right: 45px;} .filter_trigger.btn_one{background:url(images/filter-icon2.svg)right 20px center no-repeat #000000;border: 2px solid #000000;cursor: pointer;padding-right: 50px;transition: 0.4s;background-size: 23px;} .filter_trigger.btn_one.close{background: url(images/cross2.svg)right 20px center no-repeat #000000;background-size: 17px;} .filter_section .bottom_checkbx_expand{background: #FCFCFC;position: relative;margin-top: 45px;padding: 70px 0;display: none;} .filter_section .bottom_checkbx_expand::before{content: "";position: absolute;top: 0;width: 1000%;left: -1000%;background: #FCFCFC;height: 100%;} .filter_section .bottom_checkbx_expand::after{content: "";position: absolute;top: 0;width: 1000%;right: -1000%;background: #FCFCFC;height: 100%;} .bottom_checkbx_expand .left_part{width: 55%;float: left;} .bottom_checkbx_expand .left_part ul{display: flex;flex-wrap: wrap;justify-content: space-between;display: flex;flex-wrap: wrap;justify-content: space-between;} .bottom_checkbx_expand .left_part li{width: 48%;margin-bottom: 22px;} .bottom_checkbx_expand .right_textlink{width:40%;float: right;} .footer_top .left_menu .two_col_menu .right ul{ float: right;} /* footer start */ /* .footer{position: relative;z-index: 11;} */ .footer_top{background: #14049C;padding: 140px 0 110px;color: #ffffff;position: relative;z-index: 1;} .footer_top .inner_part{max-width: 1308px;} .footer_top .top_section{display: flex;flex-wrap: wrap;justify-content: space-between;} .footer_top .left_menu{width: calc(100% - 259px); max-width: 767px;} .footer_top h2{margin-bottom: 30px;font-size: 25px;line-height: 1; font-weight: 600;} .footer_top .left_menu .two_col_menu{display: flex;flex-wrap: wrap;justify-content: space-between;} .footer_top .left_menu .two_col_menu ul{margin-top: 4px;display: inline-block;} .footer_top .left_menu .two_col_menu .left{width: 49%;} .footer_top .left_menu .two_col_menu .right{width: 49%;} /* .footer_top .left_menu ul{column-count: 2;} */ .footer_top .left_menu ul ul { column-count: 1; padding-top: 20px; display: none; padding-left: 15px; } .footer_top .left_menu ul li{font-weight: 500;margin-bottom: 30px;cursor: pointer;} .footer_top .left_menu ul li a:not(.sub-menu li a){display: inline-block; position: relative;} /* .footer_top .left_menu ul li a:not(.sub-menu li a)::before{content: "";position: absolute;right: 0;top: 4px;background: url(images/arrow-down-w.svg)right center no-repeat;width: 19px;height: 11px;transform: rotate(0);transition: 0.4s;} */ .footer_top .left_menu ul li.active a:not(.sub-menu li a)::before{transform: rotate(180deg);} .footer_top .left_menu ul ul li { padding-right: 0; } .footer_top ul li a {font-weight: 500; } .footer_top .left_menu ul.menu > li.menu-item-has-children > a{pointer-events: none;} .footer_top .right_text{width: 235px;} .bottom_checkbx_expand .left_part li a, .bottom_checkbx_expand .right_textlink a, .footer_top .left_menu ul li a { position: relative; display: block; } .footer_top .left_menu ul li a::after, .bottom_checkbx_expand .left_part li a:after, .bottom_checkbx_expand .right_textlink a:after { content: ""; position: absolute; left: 0; bottom: -9px; width: 0%; height: 2px; background: rgba(255, 255, 255, 0.9); transition: 0.4s;} .bottom_checkbx_expand .left_part li a:after, .bottom_checkbx_expand .right_textlink a:after { background: #000; bottom: -2px; } /* .footer_top .left_menu ul li.hover > a:after, .footer_top .left_menu ul li a:hover:after, .bottom_checkbx_expand .left_part li a:hover:after, .bottom_checkbx_expand .right_textlink a:hover:after, .bottom_checkbx_expand .left_part li.active a:after{width: 100%;} */ .footer_top .left_menu ul li.hover a::after{width: 100%;} .footer_top .bootom_section{display: flex;flex-wrap: wrap;justify-content: flex-start;} .footer_top .social_icon{ margin-top: 40px;} .footer_top .social_icon ul{display: flex;flex-wrap: wrap;} .footer_top .social_icon ul li{width: 28px;margin-right: 18px;} .footer_top .social_icon ul li a{display: block;} .footer_top .social_icon ul li a img{display: block;} .footer_top .social_icon ul li:last-child{margin-right: 0;} .footer_top .contact ul li { margin-bottom: 20px; position: relative; padding-left: 28px;} .footer_top .contact ul li.location::before{ content: ""; position: absolute; top: 9px; left: 0; width: 20px; height: 21px; background: url(images/location.svg); background-size:21px; } .footer_top .contact ul li.mail::before{ content: ""; position: absolute; top: 9px; left: 0; width: 19px; height: 16px; background: url(images/mail.svg); background-size: 19px; } .footer_top .contact ul li.call::before{ content: ""; position: absolute; top: 9px; left: 0; width: 20px; height: 20px; background: url(images/call.svg); background-size: 20px; } .footer_top .contact a{font-size: 18px;font-weight: 500;line-height: 30px;color:#fff; position: relative;} .footer_bottom{background: #2716B7;padding: 35px 0;} .footer_bottom .inner_part{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 100%;} .footer_bottom p{font-size: 18px;font-weight: 500;line-height: 1;color:#fff; margin-bottom: 0;} .footer_bottom ul{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 70px; list-style: none;} .footer_bottom a{font-size: 18px;font-weight: 500;line-height: 27px;color:#fff; position: relative;} .footer_bottom ul li a:after { content: ""; position: absolute; left: 0; bottom: -9px; width: 0%; height: 2px; background: #fff; transition: 0.4s;} .footer_bottom ul li:hover a::after{width: 100%;} body.wpcf7-form-control-wrap{width: 100%;display: block;} .wpcf7-response-output{margin: 20px 0 10px !important;padding: 10px !important;text-align: center;width: 100%;float: left;font-size: 16px !important;color: #000000 !important;} .field input.wpcf7-not-valid,.application_form input.wpcf7-not-valid{border-color:#dc3232 !important;} .wpcf7-not-valid-tip{font-size: 14px !important;float: left;width: 100%;margin-top: 5px;} .wpcf7-spinner{position: absolute !important;right: 0 !important;top: 0% !important;} .wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important; background-color: #46b450!important;color: #fff !important;border-radius: 10px;} .wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {line-height: 1.2 !important; background: red; color:#fff !important; border-color: red !important; border-radius: 10px; } /* footer end */ .field p{margin-bottom: 0;position: relative;} .single_img_block.center img{display: block;width: auto;margin: 0 auto;} .knowledge_card_slider .slick-track{display: flex !important;} .knowledge_card_slider .slick-track .slick-slide{height: inherit;} .filter_section{position: relative;} .newsletter .wpcf7-not-valid-tip{display: none !important;} body .heateor_sss_sharing_container .heateor_sss_facebook .heateor_sss_svg{background: url(images/facebook-g.svg)center no-repeat;} body .heateor_sss_sharing_container .heateor_sss_button_instagram .heateor_sss_svg{background: url(images/instagram-g.svg)center no-repeat;} body .heateor_sss_sharing_container .heateor_sss_whatsapp .heateor_sss_svg{background: url(images/watsap.svg)center no-repeat;} body .heateor_sss_sharing_container .heateor_sss_button_linkedin .heateor_sss_svg{background: url(images/linkedin-g.svg)center no-repeat;} .heateor_sss_sharing_container .heateor_sss_svg svg{opacity: 0;visibility: hidden;} .heateor_sss_sharing_container .heateor_sss_svg{margin: 0 4px !important;} body .heateor_sss_sharing_container .heateor_sss_facebook .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_button_instagram .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_whatsapp .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_button_linkedin .heateor_sss_svg{background-size: 67px;} .buttonfx { padding: 18px 30px; min-width: 165px; font-size: 20px; text-align: center; border-radius: 50px; font-weight: 500; line-height: 1; color: #ffffff; border: 0; position: relative; display: inline-block; overflow: hidden; transition: all .5s; background: transparent; } /* //// Default effect: Slide f rom Top //// */ .buttonfx:before, .buttonfx:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; border-radius: 50px; /*background: #000; */ z-index: -1; /*transform: translate3D(0,-100%,0); transition: all .3s;*/ } .buttonfx:before { background: #FE4F02; z-index: -2; transform: translate3D(0, 0, 0); } .buttonfx:hover:after { transform: translate3D(0, 0, 0); transition: all .3s; background: #000; } .slick-slider .slick-track{display: flex !important;} .slick-slider .company_logo{height: inherit;display: flex !important;align-items: center;margin: 0 10px;justify-content: center;} .mobile_show_section{display: none;} .mobile_hide_section {} /* .desktop_view.slick-slider .slick-list{overflow: ;} */ .introduction_text.kennis_post_page p,.introduction_text.kennis_post_page ul{margin-bottom: 45px;} .filter_section.mobile_show{display: none;} .introduction_text .single_img_block img, .introduction_text.kennis_post_page img,.single-portfolio .text_editor img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 4px;} .single-portfolio .fullwidth_img img{width: 100%;display: block;} .single-portfolio .text_editor.blue_cta{margin-bottom: 0;} .aligncenter{margin: 0 auto 10px;display: flex;} .alignleft{margin-right: auto;margin-bottom: 10px;display: flex;} .alignright{margin-left: auto;margin-bottom: 10px;display: flex;} /* new css start */ .page-template-template-websites-ontwikkelen-new .header {background: #F7F5F0;} .page-template-template-websites-ontwikkelen-new .main-content.bg-white{background: #ffffff;padding-top: 125px;} .page-template-template-website-cases .header {background: #F7F5F0;} .page-template-template-website-cases .main-content.bg-white{background: #ffffff;padding-top: 125px;} .page-template-template-website-cases-detail .header {background: #F7F5F0;} .page-template-template-website-cases-detail .main-content.bg-white {background: #ffffff;padding-top: 125px;} .text_editor.text_editor_new .inner_text {width: 100%;max-width: 800px;margin: 0 auto;} /* stappenplan_sec start */ .stappenplan_sec {background: #ffffff;} .stappenplan_sec .top_title h2 {text-align: center;margin-bottom: 185px;} .stappenplan_sec .inner_part {padding: 0 58px;display: flex;flex-wrap: wrap;justify-content: space-between;} .stappenplan_sec .stappenplan_card {width: 14.28%;pointer-events: none;} .stappenplan_sec .stappenplan_card .card_title {text-align: center;margin-bottom: 50px;transform: rotate(-45deg);display: inline-block;transform-origin: left;position: relative;left: 90px;} .stappenplan_sec .stappenplan_card .card_title h4 {margin-bottom: 0;color: #969696;transition: 0.4s;white-space: nowrap;} .stappenplan_sec .stappenplan_card:hover h4, .stappenplan_sec .stappenplan_card.active h4 {color: #000000;} .stappenplan_sec .stappenplan_card .card_circle {height: 2px;width: 100%;background: #707070;position: relative;margin-bottom: 60px;} .stappenplan_sec .stappenplan_card .card_circle span {display: inline-block;position: absolute;left: 50%;width: 44px;height: 44px;border: 7px solid #fff;border-radius: 100%;top: -50;z-index: 1;transition: 0.4s;transform: translate(-50%, -50%) scale(1);} .stappenplan_sec .stappenplan_card:hover .card_circle span, .stappenplan_sec:not(.hovered) .stappenplan_card.active .card_circle span {transform: translate(-50%, -50%) scale(2);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .stappenplan_sec .stappenplan_card:first-child .card_circle::before {content: '';position: absolute;width: 2001%;height: 2px;background: #707070;left: -2000%;top: 0;} .stappenplan_sec .stappenplan_card:last-child .card_circle::after {content: '';position: absolute;width: 2000%;height: 2px;background: #707070;right: -2000%;top: 0;} .stappenplan_sec .stappenplan_card .card_text {text-align: center;transition: 0.4s;opacity: 0;visibility: hidden;} .stappenplan_sec .stappenplan_card:hover .card_text, .stappenplan_sec:not(.hovered) .stappenplan_card.active .card_text {opacity: 1;visibility: visible;} .stappenplan_sec .stappenplan_card .card_text p {margin-bottom: 0;} .stappenplan_sec.hovered .stappenplan_card {pointer-events: all;cursor: pointer;} .noscroll{overflow: hidden;} .no-cursor{pointer-events: none;} /* portfolio_sec_new start */ .portfolio_sec_new {background: #fff;} .portfolio_sec_new .top_title h2 {text-align: center;margin-bottom: 60px;} .portfolio_sec_new .top_title h2 {text-align: center;margin-bottom: 60px;} .portfolio_sec_new .inner_part {padding: 92px;background: linear-gradient(234deg, rgba(120,12,88,1) 0%, rgba(246,142,112,1) 50%, rgba(199,32,72,1) 100%);border-radius: 40px;position: relative;overflow: hidden;} .portfolio_sec_new .inner_part::after {content: '';position: absolute;width: 100%;height: 129px;left: 0;bottom: 0;background: linear-gradient(5deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%);pointer-events: none;} .portfolio_sec_new .card_wrap {display: flex;flex-wrap: wrap;column-gap: 95px;justify-content: center;} .portfolio_sec_new .site_card {width: calc(50% - 48px);display: block;border-radius: 20px;position: relative;transition: 0.4s;} /* .portfolio_sec_new .site_card:nth-child(1):hover {z-index: 2;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .portfolio_sec_new .site_card:nth-child(2):hover {z-index: 2;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} */ .portfolio_sec_new .site_card:last-child {margin-top: -220px;margin-bottom: -92px;z-index: 1;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .portfolio_sec_new .site_card img {display: block;border-radius: 20px;transition: 0.4s;} .view_btn {display: inline-block;position: absolute;right: 45px;bottom: 40px;width: auto;padding-right: 35px;font-size: 20px;font-weight: 500;color: #ffffff;z-index: 1;} .view_btn:hover {text-decoration: underline;} .view_btn::before {content: '';position: absolute;width: 24px;height: 15px;background-size: 24px;background: url(images/view-arrow.svg)center center no-repeat;right: 0;top: 4px;} /* tarieven_sec start */ .tarieven_sec {background: #ffffff;} .tarieven_sec .top_title h2 {text-align: center;} .tarieven_sec .inner_part {display: flex;flex-wrap: wrap;gap: 70px;} .tarieven_sec .tarieven_card {width: calc(33.33% - 47px);border-radius: 50px 50px 20px 20px;} .tarieven_sec .tarieven_card .top_heading {padding: 20px;text-align: center;background: #000000;color: #ffffff;border-radius: 50px 50px 0 0;opacity: 0;visibility: hidden;transition: 0.4s;} .tarieven_sec .tarieven_card.active .top_heading {opacity: 1;visibility: visible;} /* .tarieven_sec .tarieven_card:hover .top_heading {opacity: 1;visibility: visible;} */ .tarieven_sec .tarieven_card .top_heading h5 {margin-bottom: 0;} .tarieven_sec .tarieven_card .inner_text {padding: 60px;background: #F7F5F0;border-radius: 20px;} .tarieven_sec .tarieven_card:nth-child(2) .inner_text {border-radius: 0 0 20px 20px;} /* .tarieven_sec .tarieven_card:hover .inner_text {border-radius: 0 0 20px 20px;} */ .tarieven_sec .tarieven_card .inner_text h3 {margin-bottom: 30px;} .tarieven_sec .tarieven_card .inner_text h6 {margin-bottom: 0;} .tarieven_sec .tarieven_card .inner_text p {color: rgba(0, 0, 0, 0.3);} .tarieven_sec .tarieven_card .inner_text p a {text-decoration: underline;} .tarieven_sec .tarieven_card .inner_text p:last-child {margin-bottom: 0;} .tarieven_sec .tarieven_card .inner_text ul {margin-bottom: 50px;} .tarieven_sec .tarieven_card .inner_text .price-text {display: inline-block;font-size: 47px;font-weight: 500;margin-bottom: 35px;} .tarieven_sec .tarieven_card .progress_bar_new {margin-bottom: 35px;} .tarieven_sec .tarieven_card .progress_bar_new h5 {margin-bottom: 10px;} .tarieven_sec .tarieven_card .progress_bar_new .bar-style {width: 100%;height: 35px;background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 50px;display: block;} .tarieven_sec .tarieven_card .progress_bar_new .bar-style span {display: inline-block;border-radius: 50px;height: 100%;background-image: linear-gradient(-60deg , #d95b5b, #ff9879);} .tick_list li {display: block;font-size: 18px;font-weight: 400;color: #000000;padding-left: 30px;position: relative;margin-bottom: 15px;} .tick_list li:last-child {margin-bottom: 0;} .tick_list li::before {content: '';position: absolute;width: 11px;height: 9px;background-size: 11px !important;background: url(images/list-tick.svg)center center no-repeat;left: 0;top: 5px;} .tarieven_sec .tarieven_card .inner_text .vraag_btn {margin-bottom: 30px;cursor: pointer;} .vraag_btn {display: inline-block;width: auto;padding: 20px 30px;font-size: 20px;font-weight: 500;background: #078C96;color: #FFFFFF;border-radius: 80px;transition: 0.4s;} .vraag_btn:hover {background: #000000;} /* webshop_sec start */ .webshop_sec {background: #ffffff; padding: 100px 0;} .webshop_sec .inner_part {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; } .webshop_sec:first-child{ padding-top: 110px;} .webshop_sec .left_part {width: 42%;} .webshop_sec .right_part {width: 58%; padding-left: 60px;} .webshop_sec .right_part .text_box {width: 100%;} .webshop_sec img{ display: block; border-radius: 20px;} .webshop_sec.opposite .inner_part .left_part{ order: 2;} .webshop_sec.opposite{ padding-top: 0;} .webshop_sec.opposite .inner_part .right_part{ order: 1; padding-left: 0; padding-right: 60px;} .webshop_sec.opposite{ padding-bottom: 100px;} /* blue_cta start */ .text_editor.blue_cta {margin-bottom: 100px !important;background-image: linear-gradient(-60deg , #2640ba, #7e57e6);padding: 60px;text-align: center;z-index: 2;position: relative;} .mb_120 .text_editor.blue_cta {margin-bottom: 0 !important;} .text_editor.blue_cta h1 {color: #ffffff; font-size:50px;margin-bottom:30px;} .text_editor.blue_cta .buttonfx {color: #ffffff;} .text_editor.blue_cta .buttonfx::before {background: #000;} .text_editor.blue_cta .buttonfx:hover::after {background: #ffffff;} .text_editor.blue_cta .buttonfx:hover {color: #000;} .text_editor.blue_cta .inner_text {padding:70px;} /* neem_contact.new_contact start */ .neem_contact.new_contact {background: linear-gradient(-90deg, #F97417 0%, #FF9E59 100%);padding: 87px 0 ;} .neem_contact.new_contact .inner_part { align-items: center;} .neem_contact.new_contact h1 {color: #fff;} .neem_contact.new_contact p {color: #ffffff;} .neem_contact.new_contact .user_card .text h5 {color: #fff;} .neem_contact.new_contact .left_part {width: 33%;} .neem_contact.new_contact .right_part {width: 48%; background: #fff; border-radius: 20px; padding: 50px; } .neem_contact.new_contact .field {margin-bottom: 20px;} .neem_contact.new_contact .field input:not([type="submit"]) {border-bottom: 0;padding: 16px 15px; color: #000000;background: #F5EFEB; border-radius: 5px; font-size: 18px; font-weight: 400;} .neem_contact.new_contact .field textarea {border-bottom: 0;padding: 15px;color: #000000;resize: none;height: 120px;background: #F5EFEB;border-radius: 5px; font-size: 18px; font-weight: 400;} .neem_contact.new_contact .field input::placeholder, .neem_contact.new_contact .field textarea::placeholder {color: #000000; font-size: 18px; font-weight: 400;} .neem_contact.new_contact .field.submit {margin-top: 20px; margin-bottom: 0;} .neem_contact.new_contact .field.submit button {background: #000;color: #ffffff;cursor: pointer; border-radius: 40px; font-size: 20px; font-weight: 600;} .neem_contact.new_contact .field.submit button:hover {color: #000;background: #F5EFEB;} .neem_contact.new_contact .leaves_img::after {display: none;} .neem_contact.new_contact .field p {color: #fff !important;} .neem_contact.new_contact .field p br {display: none !important;} .neem_contact.new_contact .field p a {text-decoration: underline;color: #fff !important;} .neem_contact.new_contact .field p a:hover {text-decoration: unset;} /* website_cases_sec start */ .website_cases_sec {padding-bottom: 150px;} .website_cases_sec .title_select {margin-bottom: 60px;} .website_cases_sec .title_select h1 {margin-bottom: 75px;} .naar_option select {width: 377px;padding: 20px 50px 20px 30px;font-size: 20px;font-weight: 400;color: #ffffff;background: #000000 url(images/select-arrow.svg)right 30px center no-repeat;border-radius: 80px;appearance: none;border: none;outline: none;} .website_cases_sec .inner_part {display: flex;flex-wrap: wrap;gap: 70px;margin-bottom: 120px;} .website_cases_sec .website_cases_card {width: calc(50% - 35px);position: relative;border-radius: 20px;transform: translateY(0);transition: 0.4s;} .website_cases_sec .website_cases_card:hover{transform: translateY(-7px);} .website_cases_sec .website_cases_card img {border-radius: 20px;display: block;} .website_cases_sec .website_cases_card .vraag_btn {position: absolute;left: 45px;bottom: 45px;z-index: 2;font-size: 14px;text-transform: uppercase;} .website_cases_sec .website_cases_card::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 20px;background: rgba(0, 0, 0, 0.1);pointer-events: none;} .single-case .text_editor.two .btn_one{font-size: 14px;} /* */ .image_slider_sec {margin-bottom: 150px;} .image_slider_sec .img_card img {width: 100%;display: block;} .image_slider_sec .slick-arrow.slick-prev {left: 130px;} .image_slider_sec .slick-arrow.slick-next {right: 130px;} /* */ .single-diensten .text_editor.blue_cta {margin-bottom: 0;} .filter_option .naar_option {margin-right: 45px;} .filter_option .naar_option select {background: transparent url(images/select-arrow2.svg)right 30px center no-repeat;color: #000;border: 2px solid #D9D9D9;} .page-template-template-contact .neem_contact .left_part {width: 41%;} .page-template-template-contact .neem_contact .right_part {width: 41%;} .page-template-template-contact .neem_contact .field {margin-bottom: 25px;} .page-template-template-contact .neem_contact .field input:not([type="submit"]) {border-bottom: 0;padding: 15px 15px;color: #000000;background: #F5EFEB;border-radius: 10px;} .page-template-template-contact .neem_contact .field textarea {border-bottom: 0;padding: 15px 15px;color: #000000;background: #F5EFEB;border-radius: 10px;height: 140px;} .page-template-template-contact .neem_contact .field.submit {margin-top: 20px;} .blog_date_time {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-bottom: 10px;border-bottom: 2px solid #E2E2E2;margin-bottom: 60px;margin-top: 30px;} .blog_date_time .left_intro {width: auto;display: flex;flex-wrap: wrap;align-items: center;} .blog_date_time .left_intro .intro-img {width: 50px;height: 100%;border-radius: 100%;margin-right: 15px;} .blog_date_time .left_intro .intro-img img {border-radius: 100%;display: block;width: 100%;height: 100%;} .blog_date_time .left_intro .intro-text {width: auto;display: inline-block;} .blog_date_time .left_intro .intro-text span, .blog_date_time .right_date span {font-weight: 400;color: rgba(0, 0, 0,0.4);} /* new css end */ /* popup css */ .scroll_stop{overflow: hidden;} .popup_form_section{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9999;display: flex;align-items: center;display: none;} .popup_form_section.show{display: flex;} .popup_form_section fieldset{background: #ffffff !important;border-radius: 20px;max-height: 93vh;;overflow: auto;float: left;width: 100%;padding: 50px 80px;} .popup_form_section .inner-form{position: relative;float: left;width: 100%;} .wpcf7-response-output.wpcf7-validation-errors{background: #F2F1EF;border-radius: 20px;} .popup_form_section .wrapper{max-width: 680px;} .popup_form_section .close{position: absolute;right: 30px;top: 50px;z-index: 2;cursor: pointer;} .popup_form_section .inner_form{position: relative;} .popup_form_section .field{width: 100%;float: left;margin-bottom: 25px;} .popup_form_section .field label{margin-bottom: 20px;width: 100%;float: left;font-size: 18px;} .popup_form_section input,.popup_form_section select,.popup_form_section textarea{width: 100%;padding: 20px;background: #F2F1EF;border-radius: 20px;} .popup_form_section textarea{resize: none;height: 140px;} .popup_form_section h2{margin-bottom: 25px;font-size: 40px;line-height: 1;} .popup_form_section .cf7mls-btns button{font-size: 20px;padding: 20px 30px !important;border-radius: 38px;line-height: 1;margin: 0 !important;font-weight: 500;} .popup_form_section .cf7mls-btns button img{position: absolute;right: 5px;} .popup_form_section p{margin-bottom: 0;} .popup_form_section p:empty{display: none;} .progress-bar{position: absolute;left: 0;top: 0;width: 100%;height: 15px;background: #F7F5F0;z-index: 2;} .progress-bar::before{content: '';position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-image: linear-gradient(-60deg , #d95b5b, #ff9879);z-index: 1;} .cf7mls_current_fs .step-one .progress-bar::before{width: 25%;} .cf7mls_current_fs .step-two .progress-bar::before{width: 50%;} .cf7mls_current_fs .step-three .progress-bar::before{width: 75%;} .cf7mls_current_fs .step-four .progress-bar::before{width: 100%;} .popup_form_section .cf7mls-btns{width: 100%;float: left;display: flex;flex-wrap: wrap;margin-top: 5px;min-height: unset !important;align-items: center;} .popup_form_section .cf7mls-btns .cf7mls_next{order: 1;margin-right: auto !important;border: 1PX solid #078c96;} .popup_form_section .cf7mls-btns .cf7mls_back {order: 2;margin-left: auto !important;border: 1px solid #969696;} .popup_form_section .fieldset-cf7mls-wrapper{border-radius: 20px;} .popup_form_section .checkbox .wpcf7-list-item.first {margin-left: 0 !important;width: 100%;float: left;} .popup_form_section .checkbox label{position: relative;} .popup_form_section .checkbox input{width: auto;display: none;} .popup_form_section .checkbox .wpcf7-list-item-label{cursor: pointer; position: relative;width: 100%;padding-left: 50px;display: flex;align-items: center;min-height: 35px;} .popup_form_section .checkbox .wpcf7-list-item-label::before{content: "";position: absolute;left: 0;top: 0;width: 35px;height: 35px;border-radius: 4px;border: 1px solid #707070;background-image: linear-gradient(-60deg , #d95b5b, #ff9879);background-position: center;background-size: 00% 00%;background-repeat: no-repeat;transition: 0.4s;} .popup_form_section .checkbox input:checked + .wpcf7-list-item-label::before{background-size: 70% 70%;} .popup_form_section .field input[type="submit"]{padding: 20px 30px !important;background-color: #078c96;border: 1px solid #078c96; color: #ffffff;border-radius: 38px !important;line-height: 1;font-weight: 500 !important;margin: 0 !important;width: auto;} .popup_form_section .field.submit{position: absolute;left: 0;bottom: -67px;margin-bottom: 0;display: flex;} .popup_form_section .cf7mls-btns-last-step{display: flex !important;justify-content: flex-end;} .wpcf7 form.spam .wpcf7-response-output{background: #fff;} .error-text{text-align: center;} .error-text .wrapper{max-width: 700px;} .error-text svg{width: 100%;margin: 30px 0;height: 100%;} .neem_contact .field label{display: block;margin-bottom: 10px;} .neem_contact .field p a{color: #078C96;} .popup_event{cursor: pointer;} .page-template-template-diensten .text_editor.blue_cta{margin-bottom: 120px;} .single-diensten .text_editor.blue_cta{margin-bottom: 0 !important;} /* Responsive css start */ @media only screen and (max-width:1700px) { .wrapper{max-width: 1280px;} .text_editor .wrapper, .social_card_block .wrapper{ max-width: 1280px;} body,.btn_one,.btn_text,input, textarea,.footer_bottom a,.pagination a, .pagination span{font-size: 18px;} .hero_section{padding: 50px 0 150px;} .hero_section::after {height: 85px;} .hero_section .inner_part::before{width: 1000px;height: 890px;background-size: 1000px;left: -650px;top: -195px;z-index: 1;pointer-events: none;} .hero_section .right_part{width: 57%;} .hero_section .right_part h1{font-size: 58px;line-height: 65px;} .rotate_text_scroll{right: 20px;bottom: 20px;width: 105px;height: 114px;} .rotate_text_scroll::before{background-size: 19px;width: 19px;height: 40px;} h1, .font h2{font-size: 42px;line-height: 52px;} h2{font-size: 32px;line-height: 42px;} h3{font-size: 22px;line-height: 28px;} h4{font-size:20px;} h5{font-size: 18px;} .slick-arrow,.two_image_slider .slick-arrow{width: 65px;height: 65px;background-size: 65px !important;} .pb_150{padding-bottom: 100px;} .mb_120{margin-bottom: 100px;} .arrow_right{width: 22px;background-size: 22px;} .title,.our_knowledge h2:not(:last-child),.text_editor.two h1,.text_editor.two h2{margin-bottom: 30px;} .what_we_do .inner_part,.social_card_block .inner_part{gap: 30px;} .what_we_do .card{width: calc(20% - 24px);padding: 20px;} .what_we_do .card h3{line-height: 28px; } .what_we_do .card .arrow_btn{width: 30px;height:30px;background-size: 30px;right: 20px;bottom: 20px;} .btn_text .arrow_right{width: 20px;height: 13px;background-size: 20px;margin-left: 6px;} .knowledge_card_slider .slick-slide,.three_card_slider .slider_card{margin: 0 15px;} .review_slider .slick-slide{ margin: 100px 30px 30px; padding: 50px 15px;} .your_opinion .card_review .image img{ margin-top: -115px;} .our_knowledge .knowledge_card_slider{width:100%;padding-left: 25px;max-width: 1489px;} .your_opinion .review_slider{width: 100%;margin-left: 0;} .over_ons p{right: 30px;bottom: 30px;} .whatsapp_sticky{right: 30px;bottom: 40px;width: 82px;} .neem_contact .field{margin-bottom: 14px;} .neem_contact .field input:not([type="submit"]),.neem_contact .field textarea,.newsletter input:not([type="submit"]){padding-bottom: 14px;} .neem_contact .field textarea{height: 150px;} .neem_contact .field.submit{margin-top: 30px;} .neem_contact .leaves_img::after{width: 430px;height: 540px;background-size: 430px;} .neem_contact .field input[type="submit"]{padding: 20px 15px;} .text_editor.list_style{ padding: 100px 0;} .three_card_block .inner_part,.our_team .inner_part{gap: 0 30px;} .three_card_block .card .text,.our_team .text{padding-top: 20px;} .three_card_block .card{width: calc(33.33% - 20px);margin-bottom: 70px;} .our_team .card{width: calc(25% - 23px);margin-bottom: 70px;} .three_card_block .card .overlap_btn{left: 20px;bottom: 20px;} .three_card_block .bigcircle_img::after, .introduction_text .bigcircle_img::after {width: 700px;height: 723px;background-size: 700px;} .pagination a, .pagination span{padding: 3px;margin: 0 3px;width: 45px;height: 45px;border: 1px solid #000;} .over_ons .leaves_two_img::after {width: 430px;height: 800px;background-size: 430px;} .arrow_rotate{height: 17px;background-size: 17px !important;width: 17px;} .work_at .dots_color{margin-top: 6px;} .work_at .card{padding: 50px 0;} .image_text_block .leaves_three_img::after, .over_ons .leaves_three_img::after {width: 330pc;height: 734px;background-size: 330px;} .accordion{max-width: 950px;} .accordion .acc-title::after{background-size: 15px;} .over_ons .ovel_img::after, .work_at .ovel_img::after, .two_image_slider .ovel_img::after {height: 600px;background-size: 600px;width: 600px;} .work_at .ovel_img{bottom: -150px;} .over_ons .ovel_img, .work_at .ovel_img, .two_image_slider .ovel_img{left: -380px;} .progress_container,.progress_bar{height: 8px;} .introduction_text h6{margin: 30px 0 50px;} .introduction_text .bigcircle_img{left: -420px;} .three_card_slider .slider_card .overlap_text{left: 30px;bottom: 30px;width: calc(100% - 60px);} .btn_text .arrow_right.black{background-size: 35px;width: 35px;} .two_image_slider .inner_slider{width: calc(100% + 30px);margin-left: -15px;} /*.two_image_slider .slick-arrow.slick-prev{left: 50px;}*/ .two_image_slider .slick-arrow.slick-next{right: 50px;} .social_card_block .image{width: calc(25% - 23px);} .two_image_slider .card .inner_text{max-width: 400px;} .two_image_slider .card .text{padding-left: 50px;} .two_image_slider .card .share_icon{width: 80px;height: 80px;background-size: 80px;right:20px;bottom:20px;} .counter_section .counter_card h1{font-size: 70px;line-height: 70px;} .counter_section .counter_card p{font-size: 30px;line-height: 30px;} .counter_section .counter_card{padding: 20px;min-height: 350px;} .image_text_block .right_part{padding-left: 50px;} .image_text_block.opposite .right_part{padding-right: 50px;} .footer_top{padding: 80px 0;} .footer_bottom{padding: 30px 0;} .footer_top .left_menu ul li a{background-size: 14px;} /* .footer_top .top_section{margin-bottom: 45px;} */ .footer_top .social_icon ul li{width: 48px;margin-right: 14px;} .footer_bottom ul{gap: 75px;} .mega_menu_section{height: calc(100% - 130px);top: 110px;} .mega_menu_section .left_menu{padding: 100px 0;padding-left: 40px;} .mega_menu_section .right_info{padding: 30px;} .mega_menu_section .right_info .header_card{padding: 25px;} .mega_menu_section .left_menu li a{font-size: 18px;} .mega_menu_section .left_menu li{padding-bottom: 25px;} .mega_menu_section .right_info .header_card input{font-size: 18px;} /* new css */ .stappenplan_sec .stappenplan_card .card_title h4 {font-size: 17px;} .portfolio_sec_new .inner_part {padding: 92px 50px;} .portfolio_sec_new .card_wrap {column-gap: 60px;} .portfolio_sec_new .site_card {width: calc(50% - 30px);} .view_btn {bottom: 25px;font-size: 18px;} .view_btn::before {width: 20px;height: 11px;background-size: 20px !important;} .tarieven_sec .inner_part {gap: 50px;} .tarieven_sec .tarieven_card {width: calc(33.33% - 34px);} .tarieven_sec .tarieven_card .inner_text .price-text {font-size: 42px;} .tarieven_sec .tarieven_card .inner_text {padding: 40px;} /* form css */ .popup_form_section h2 {font-size: 30px;} .popup_form_section .wrapper {max-width: 550px;} .popup_form_section fieldset{padding: 50px 40px;} .popup_form_section input, .popup_form_section select, .popup_form_section textarea {padding: 15px;border-radius: 15px;} .popup_form_section .field{margin-bottom: 20px} .popup_form_section .cf7mls-btns button,.popup_form_section .field input[type="submit"]{font-size: 18px;padding: 18px 30px !important;} .popup_form_section .field label {margin-bottom: 15px;line-height: 1.3;} .popup_form_section h2{padding-right: 20px;} .popup_form_section .field label{font-size: 18px;} .page-template-template-diensten .text_editor.blue_cta{margin-bottom: 100px;} .footer_top .right_text{ width: 300px;} .header .navigation .menu li .sub-menu{ width:270px} } @media only screen and (max-width:1279px) { .text_editor.list_style{ padding: 100px 0;} .three_card_block.update .card{ width: calc(50% - 15px);} .text_editor .wrapper, .social_card_block .wrapper{ width: 100%;} .three_card_block.update .inner_part{ gap: 30px;} .three_card_block.update .card{ padding: 30px; width: calc(33.33% - 22px);} .text_editor .inner_text ul { max-width: 90%;} .header{padding: 30px 0 30px;} .wrapper{padding: 0 30px;} .hero_section .right_part h1{font-size: 45px;line-height: 52px;} .btn_one{padding: 18px 25px} h1, .font h2{font-size: 34px;line-height: 40px;} h2{font-size: 26px;line-height: 34px;} h3{font-size: 20px;line-height: 25px;} h4{font-size: 19px;} p, .list li{line-height: 24px;} .pb_150{padding-bottom: 70px;} .mb_120{margin-bottom: 70px;} /* update */ .header .navigation > ul > li{ margin-right: 25px;} .header .navigation > ul > li > a{ padding: 18px 0;} .what_we_do .card{width: calc(25% - 15px); padding: 24px;} .your_opinion .card_review .image img{ width: 100px; } .review_slider .slick-slide{ margin: 80px 15px 30px;} .your_opinion .review_slider {width: calc(100% + 30px);margin-left: -15px;} /* .slick-arrow{ padding: 0 20px;} */ .marquee-track{ gap: 90px !important;} .your_opinion.update{ padding-bottom: 130px;} .neem_contact.new_contact .right_part{ padding: 30px;} .header .navigation .menu li .sub-menu{ width:250px} .hero_section::after{height: 50px;} .hero_section{padding: 50px 0 110px;} .main-content{padding-top: 105px;} .what_we_do:not(.two){padding-top: 30px;} .what_we_do .inner_part,.social_card_block .inner_part{gap: 20px;} .what_we_do .card .arrow_btn{width: 40px;height: 40px;background-size: 40px;right: 24px;bottom: 24px;} .our_knowledge .text{padding: 20px;} .knowledge_card_slider .slick-slide{margin: 0 15px;} .our_knowledge .knowledge_card_slider{padding-left: 20px;} .btn_one.black,.custom_list li span::before {font-size: 12px;} .our_knowledge .btn_one,.your_opinion .card_review .image,.your_opinion .card_review ul{margin-bottom: 15px;} .slick-dots{bottom: -70px;} .rotate_text_scroll{right: 20px;bottom: 20px;width: 90px;height: 95px;} .rotate_text_scroll::before{background-size: 16px;width: 16px;height: 37px;} .slick-arrow svg,.two_image_slider .slick-arrow svg{width: 45px;height: 48px;} .slick-arrow.slick-prev{left: -18px;} .slick-arrow.slick-next{right: -18px;} .your_opinion .card_review ul li{margin: 0 2px;} .your_opinion .card_review{padding: 40px 25px;} .user_card .user{width: 110px;} .user_card .text{width: calc(100% - 110px);} .neem_contact .left_part{width: 43%;} .neem_contact .user_card{margin-top: 15px;} .neem_contact .leaves_img::after{width: 325px;height: 407px;background-size: 325px;} .over_ons .leaves_two_img::after {width: 380px;height: 700px;background-size: 380px;} .image_text_block .right_part{padding-left: 30px;} .image_text_block.opposite .right_part{padding-right: 30px;} .three_card_block .inner_part{gap: 0 20px;} .three_card_block .card{width: calc(33.33% - 14px);} .three_card_block .bigcircle_img, .introduction_text .bigcircle_img{right: -100px;bottom: 80px;} .three_card_block .bigcircle_img::after, .introduction_text .bigcircle_img::after {width: 550px;height: 565px;background-size: 550px;} .footer_bottom ul{gap: 50px;} .footer_top .left_menu ul li{padding-right: 60px;} .image_text_block .polygon_img{right: -348px;top: -90px;} .image_text_block .polygon_img::after {width: 600px;height: 519px;background-size: 600px;} .accordion{max-width: 100%;} .three_card_block .card,.our_team .card{margin-bottom: 50px;} .share_blogs a{margin: 0 8px;} .introduction_text .bigcircle_img{right: unset;left: -356px;bottom: -100px;} .social_icon_left_sticky p{font-size: 14px;} .social_icon_left_sticky{padding: 35px 17px 35px 12px;} .social_icon_left_sticky ul li{margin-bottom: 20px;} .whatsapp_sticky{right: 28px;bottom: 33px;width: 70px;} .custom_list li span{width: 28px;height: 28px;margin-right: 10px;} .social_card_block .image{width: calc(25% - 15px);} .two_image_slider .slick-arrow.slick-prev{left: 20px;} .two_image_slider .slick-arrow.slick-next{right: 20px;} .two_image_slider .card .text{padding-left: 30px;} .two_image_slider .card .share_icon{width: 60px;height: 60px;background-size: 60px;} .our_team .inner_part{gap: 0 20px;} .our_team .card{width: calc(25% - 15px);} .social_card_block .image .title_overlap{font-size: 16px;} .mega_menu_section{top: 110px;height: calc(100% - 110px);} .mega_menu_section .menu li .sub-menu{padding-left: 15%;} .mega_menu_section .menu{max-width: 100%;} .introduction_text.kennis_post_page p,.introduction_text.kennis_post_page ul{margin-bottom: 35px;} /* new-css start */ .page-template-template-websites-ontwikkelen-new .main-content.bg-white {padding-top: 105px;} .page-template-template-website-cases-detail .main-content.bg-white {padding-top: 105px;} .page-template-template-website-cases .main-content.bg-white{padding-top: 105px;} .portfolio_sec_new .inner_part {padding: 50px 50px 90px;} .portfolio_sec_new .card_wrap {column-gap: 40px;} .portfolio_sec_new .site_card {width: calc(50% - 20px);} .portfolio_sec_new .site_card:last-child {margin-top: -70px;margin-bottom: -90px;} .view_btn {bottom: 25px;font-size: 16px;padding-right: 30px;right: 30px;} .view_btn::before {width: 18px;height: 9px;background-size: 18px !important;} .tarieven_sec .inner_part {gap: 30px;} .tarieven_sec .tarieven_card {width: calc(33.33% - 20px);} .tarieven_sec .tarieven_card .inner_text .price-text {font-size: 36px;} .tarieven_sec .tarieven_card .inner_text {padding: 30px;} .tarieven_sec .tarieven_card .inner_text .price-text {font-size: 36px;} .vraag_btn {padding: 15px 20px;font-size: 16px;border-radius: 50px;} .tick_list li {font-size: 16px;padding-left: 22px;} .tarieven_sec .tarieven_card .inner_text ul {margin-bottom: 35px;} .neem_contact.new_contact .left_part {width: 43%;} .neem_contact.new_contact .right_part {width: 50%;} .neem_contact.new_contact .field.submit button {padding: 15px 21px;font-size: 16px;} .neem_contact.new_contact {padding: 70px 0;margin-bottom: 0px;} .stappenplan_sec .top_title h2 {margin-bottom: 150px;} .blue_cta {margin-bottom: 70px;padding: 70px 0;} .footer_top .bootom_section .social_icon {width: 39%;padding-right: 30px;} .newsletter {width: 36%;padding-right: 52px;} .top_logo {width: 18%;} .website_cases_sec {padding-bottom: 70px;} .website_cases_sec .inner_part {margin-bottom: 70px;} .image_slider_sec {margin-bottom: 70px;} /* form css */ .popup_form_section .field label{font-size: 16px;} .popup_form_section h2 {font-size: 26px;} .popup_form_section .checkbox .wpcf7-list-item-label::before {width: 30px;height: 30px;} .popup_form_section .checkbox .wpcf7-list-item-label{min-height: 30px;padding-left: 42px;} .popup_form_section .cf7mls-btns button, .popup_form_section .field input[type="submit"]{font-size: 16px;} .popup_form_section .field.submit{bottom: -58px;} .two_image_slider{margin-bottom: 80px;} .page-template-template-diensten .text_editor.blue_cta{margin-bottom: 70px;} .footer_top .right_text{ width: 275px;} .footer_top .left_menu{ width: calc(100% - 275px);} } @media only screen and (max-width:1023px) { .header .logo{ width: 140px;} .text_editor.list_style .inner_text{ max-width: 100%;} /* .text_editor.list_style .inner_text ul{ width: 100%; margin: 0; max-width: 100%;} */ .your_opinion .card_review .image img{ margin-top: -80px;} .arrow.open{ padding: 0;} .header.bg .navigation { position: absolute; top: 0; right: 0; padding: 100px 30px; background: #fff;} .header.bg .navigation ul {display: block;} .header.bg .navigation ul li { width: 100%;} .header .navigation>.menu>li:hover .sub-menu{ opacity: 1; overflow: visible; pointer-events: visible;border-radius:0 } .header .navigation>ul>li.menu-item-has-children::before{ display: none; transition: none;} .header .navigation>.menu li>.sub-menu { position: unset; opacity: 1; width: 100%; } .header .navigation .menu li .sub-menu::before { display: none;} .header .navigation>ul>li span.arrow { content: ""; position: absolute; top:10px; right: 0; width: 15px; transition: 0.4s; display: block; cursor: pointer; height:9px; background: url(images/menu_arrow.svg) center right no-repeat; background-size: 15px; padding: 10px ;} .slick-dots{ bottom: -40px;} .text_editor.list_style{ padding: 50px 0;} .webshop_sec{ padding: 70px 0;} .stappenplan_sec .stappenplan_card {pointer-events: all;} .hero_section .right_part h1{font-size: 40px;line-height: 44px;} .hero_section .left_part{width: 40%;} .header .navigation{display: none;} .header .menu_bar{display: block;} .header .right_part{ justify-content: flex-end;} .header .navigation.open{ display: block;} .header .navigation > ul > li > a{ display: inline-block; padding: 12px 0;} /* .header .navigation>ul>li span.arrow{ padding: 20px; top: 0; right: -20px;} */ .header.bg .navigation ul li{ padding-right: 0; margin-right: 0;} .footer_top .top_section{margin-bottom: 0;} .footer_top .left_menu ul li:last-child{ margin-bottom: 0; } .footer_top .left_menu ul li{ padding-right: 20px;} .footer_top .left_menu{ max-width: 100%;} /* .webshop_sec .right_part , .webshop_sec .right_part{ padding: 50px 0 0;} */ .three_card_block.update .card { width: calc(50% - 15px);} .webshop_sec .right_part{ padding-left: 0; padding-top: 20px;} .webshop_sec.opposite .inner_part .right_part{ order: 2;} .webshop_sec.opposite .inner_part .left_part{ order: 1;} .text_editor.list_style{ padding: 70px 0;} .webshop_sec.opposite{ padding-bottom: 70px;} .header .navigation .menu li .sub-menu{ transition: none;} .your_opinion .card_review {padding: 40px 40px;} .your_opinion.update { padding-bottom: 100px;} .header,.header.sticky:not(.bg){padding: 15px 0;} .main-content{padding-top: 81px;} .what_we_do .card{width: calc(33.33% - 14px);} h1, .font h2{font-size: 30px;line-height: 38px;} h2{font-size: 24px;line-height: 30px;} .three_card_block .card{ width: calc(50% - 10px);} .our_team .card{width: calc(33.33% - 14px);} .counter_section .counter_card h1{font-size: 50px;line-height: 55px;} .counter_section .counter_card p{font-size: 27px;line-height: 30px;} .counter_section .counter_card{min-height: 250px;} .social_icon_left_sticky{padding: 25px 7px 25px 7px;} .social_icon_left_sticky ul li{margin-bottom: 12px;} .social_icon_left_sticky ul li a{width: 12px;} .three_card_slider .slider_card .overlap_text{left: 15px;bottom: 25px;width: calc(100% - 30px);} .three_card_slider .slider_card{margin: 0 5px;} .three_card_slider .slider_card .btn_one{font-size: 13px;padding: 15px 13px;margin-top: 10px;} .why_work_ays .inner_part{gap: 35px;} .why_work_ays .card{width: calc(25% - 27px);} .over_ons .leaves_three_img{display: none;} .two_image_slider .card .image{width: 100%;border-radius: 0;order: 2;} .two_image_slider .card .text{width: 100%;padding: 60px 20px;background: #F5F5F5;order: 1;} .two_image_slider .card .inner_text{max-width: 100%;} .header .logo a.mobile_logo_show{display: block;} /* .header .logo a.desktop_logo_show{display: none;} */ .mobile_logo_show{position: relative;} .mobile_logo_show img{width: 50px;display: block;height: 53px;} .mobile_logo_show .white_logo{position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;} .mobile_logo_show.white_logo_show .white_logo{opacity: 1;visibility: visible;} .header{position: absolute;} .header.sticky{box-shadow: none !important;} .we_work .company_logo_sec .wrapper{padding: 0;} .we_work .company_logo{padding: 0 15px;} .mobile_header{display: block;position: fixed;left: 0;bottom: 0;background: #078C96;z-index: 99;box-shadow: 0px 0px 13px rgba(0,0,0,0.3);} .mobile_header .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;} .mobile_header .card{width: 20%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 17px 0;position: relative;} .mobile_header .card::before{content: "";position: absolute;left: -5px;top: 0;width: calc(100% + 10px);height: 100%;} .mobile_header .card img{display: block;margin: 0 auto 5px;max-width: 20px;} .mobile_header .card p{width: 100%;margin-bottom: 0;text-align: center;font-size: 13px;font-weight: 500;line-height: 14px;color: #ffffff;} .mobile_header .card .hamburger{width: 15px;cursor: pointer;height: 15px;} .mobile_header .card .hamburger span{width: 100%;display: block;height: 2px;background: #ffffff;margin-bottom: 3px;transition: 0.4s;} .hamburger_event{cursor: pointer;} .mobile_header .card .hamburger span:nth-child(1),.mobile_header .card .hamburger span:nth-child(3){width: 80%;} .mobile_header .card .hamburger:hover span:nth-child(1),.mobile_header .card .hamburger:hover span:nth-child(3){width: 100%;} .mobile_header .card.hamburger_event:hover span:nth-child(1),.mobile_header .card.hamburger_event:hover span:nth-child(3){width: 100%;} .mobile_header .card .hamburger.active span:nth-child(1) {transform: translateY(6px) rotate(-45deg);width: 100%;} .mobile_header .card .hamburger.active span:nth-child(2) {display: none;} .mobile_header .card .hamburger.active span:nth-child(3) { transform: translateY(1px) rotate(45deg);width: 100%;} .slide_menu_pannel{ height: 100%;position: fixed;left: 0;top: 0;padding: 145px 30px;opacity: 0;visibility: hidden;pointer-events: none;display: block;} .slide_menu_pannel::before{content: "";position: absolute;right: 0;bottom: 0;transition: 0.6s all;width: 0;height: 0;border-top-left-radius: 100%;} .slide_menu_pannel.open::before{width: 100%;height: 100%;background: #078C96;border-radius: 0;} .slide_menu_pannel ul li{margin-bottom: 20px;} .slide_menu_pannel ul li a{color: #ffffff;font-size: 22px;font-weight: 500;display:inline-block;position: relative;width: calc(100% - 25px);} .slide_menu_pannel ul li.current-menu-item > a::after{content: "";position: absolute;left: 0;bottom: -3px;width: 100%;height: 2px;background-color: #ffffff;border-radius: 20px;transition: 0.4s;} .slide_menu_pannel ul li ul{padding-left: 20px;margin: 15px 0 0px;width:100%} .slide_menu_pannel ul li ul li{margin-bottom: 15px;width: 100%;} .slide_menu_pannel ul li ul li a{font-size: 15px;} .header .logo{z-index: 2;} .slide_menu_pannel.open{opacity: 1;visibility: visible;pointer-events: all;} .header.fixed{position: fixed;} .slide_menu_pannel .inner_part_menu{height: 100%;overflow: auto;overflow-x: hidden;} .slide_menu_pannel ul.menu li.menu-item-has-children:not(.sub-menu li){display: flex;justify-content: space-between;flex-wrap: wrap;} .slide_menu_pannel ul li .submenu-marker{margin-left: -6px; background: url(images/arrow-submenu.svg)center no-repeat;width: 6px;height: 10px;position: relative;top: 5px;right: 10px;cursor: pointer;transform: rotate(0);transition: 0.4s;} .slide_menu_pannel ul li .submenu-marker.active{transform: rotate(90deg);} .slide_menu_pannel .sub-menu {display: none;} .progress_container.hide{display: none;} .filter_option .btn_one{min-width: 330px;} .filter_option select.btn_one{margin-right: 15px;} .work_at.faq_sec .filter_option select.btn_one{margin-left: 15px;} .bottom_checkbx_expand .left_part{width: 100%;} .bottom_checkbx_expand .right_textlink{width: 100%;float: left;margin-top: 30px;} /* .footer_bottom{padding-bottom: 120px;} */ .review_slider.aos-animate .card_review.slick-current::before{transform: scale(1);} .we_work .inner_part.companylogo_mobileslider:not(.not){display: block;} /* .we_work .inner_part.desktop_view {display: none;} */ .we_work .inner_part.companylogo_mobileslider .slick-track{display: flex !important;} .we_work .inner_part.companylogo_mobileslider .slick-track .slick-slide{height: inherit;display: flex !important;align-items: center;} .social_card_block .image{width: calc(33% - 11px);} .whatsapp_sticky{bottom: 78px;} .title_slider_hero{height: 70px;overflow: hidden;} .hero_section .right_part h1 .title_card{line-height: 70px;} .rotate_text_scroll{bottom: 83px;} .whatsapp_sticky {bottom: 95px;} .footer_top .left_menu .two_col_menu ul{margin-top: 0;} .slide_menu_pannel ul.menu{opacity: 0;transition: 0.2s;} .slide_menu_pannel ul.menu.show{opacity: 1;} /* new-css start */ .page-template-template-websites-ontwikkelen-new .main-content.bg-white {padding-top: 83px;} .page-template-template-website-cases-detail .main-content.bg-white {padding-top: 83px;} .page-template-template-website-cases .main-content.bg-white{padding-top: 83px;} .stappenplan_sec .stappenplan_card {width: 100%;min-width: 100%;flex: unset;} .stappenplan_sec .stappenplan_card .card_text{opacity: 1;visibility: visible;text-align: left;} .stappenplan_sec .stappenplan_card:first-child .card_circle::before {display: none;} .stappenplan_sec .stappenplan_card:last-child .card_circle::after {display: none;} .stappenplan_sec .stappenplan_card .card_title {transform: unset;display: block;transform-origin: unset;position: unset;left: unset;text-align: center;} .stappenplan_sec .inner_part {row-gap: 50px;} .stappenplan_sec .stappenplan_card:hover .card_circle span {transform: translate(-50%, -50%) scale(1.5);} .stappenplan_sec .top_title h2 {margin-bottom: 100px;} .portfolio_sec_new .top_title h2 {margin-bottom: 50px;} .portfolio_sec_new .inner_part {padding: 50px 30px 90px;} .portfolio_sec_new .card_wrap {column-gap: 40px;row-gap: 30px;} .portfolio_sec_new .site_card {width: 100%;} .portfolio_sec_new .site_card:last-child {margin-top: 0;margin-bottom: 0;} .tarieven_sec .tarieven_card {width: 100%;} .webshop_sec .left_part {border-radius: 20px 20px 0 0;width: 100%;} .webshop_sec .right_part {border-radius: 20px 20px 0 0;width: 100%;} .webshop_sec .right_part .text_box {max-width: 100%;} .neem_contact.new_contact .left_part {width: 100%;margin-bottom: 50px;} .neem_contact.new_contact .right_part {width: 100%;} .footer_top .bootom_section .social_icon {width: 34%;padding-right: 30px;} .newsletter {width: 33%;padding-right: 21px;} .top_logo {width: 25%;} .why_work_ays .card .icon img {max-width: 100px;} .website_cases_sec .title_select h1 {margin-bottom: 50px;} .website_cases_sec .title_select select {width: 329px;} .website_cases_sec .inner_part {gap: 50px;} .website_cases_sec .website_cases_card {width: calc(50% - 25px);} .website_cases_sec .website_cases_card .vraag_btn {left: 25px;bottom: 25px;} .image_slider_sec .slick-arrow.slick-prev {left: 50px;} .image_slider_sec .slick-arrow.slick-next {right: 50px;} .stappenplan_sec .stappenplan_card{position: relative;padding-left: 30px;position: relative;} .stappenplan_sec .stappenplan_card:not(:last-child)::after{content: "";position: absolute;left: -1px;top: 0;width: 2px;height: calc(100% + 40px);background: #969696;} .stappenplan_sec .stappenplan_card .card_title{margin-bottom: 20px;} .stappenplan_sec .stappenplan_card .card_circle span{border: none;} .stappenplan_sec .stappenplan_card .card_circle{height: 0;position: absolute;left: 0px;top: 9px;width: auto;} .stappenplan_sec .stappenplan_card .card_title{text-align: left;} .stappenplan_sec .stappenplan_card:hover .card_circle span {transform: translate(-50%, -50%) scale(1);} .stappenplan_sec .stappenplan_card .card_circle span{width: 25px;height: 25px;} .stappenplan_sec .inner_part{max-width: 500px;padding: 0;} #triggerSection{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;} .stappenplan_sec .inner_part{row-gap: 40px;} .stappenplan_sec .stappenplan_card h4 {color: #000000 !important;} .stappenplan_sec .stappenplan_card .card_text p{color: #969696;} .tarieven_sec .tarieven_card .top_heading{display: none;} .tarieven_sec .tarieven_card.active .top_heading{display: block;} .three_card_slider{ padding: 70px 0;} .introduction_text.kennis_post_page p:last-child { margin-bottom: 0;} .footer_top .right_text{ width: 250px;} .page-template-template-contact .neem_contact .right_part { width: 50%;} } @media only screen and (max-width:767px) { body, .btn_one, .btn_text, input, textarea, .footer_bottom a,.pagination a, .pagination span{font-size: 16px;} .footer_top .contact a , .footer_bottom p{ font-size: 16px;} .neem_contact.new_contact{ margin-bottom: 0;} .slick-dots li.slick-active button{ width: 20px; height: 20px;} .slick-dots { bottom: -30px;} .your_opinion.update{ padding-bottom: 80px;} .footer_top .left_menu{ margin-bottom: 20px;} .footer_bottom{ padding: 50px 0; } .footer_bottom ul{ margin-top: 20px;} .neem_contact.new_contact .left_part{ margin-bottom: 20px;} .neem_contact .user_card{ display: none;} .three_card_block.update .card{ padding: 30px 20px;} .webshop_sec.opposite .inner_part .right_part{ padding-right: 0;} .three_card_block.update .card{ width: calc(50% - 10px);} .three_card_block.update .inner_part{ gap: 20px;} .header .logo {width: 130px;} .wrapper{padding: 0 30px;} .footer_bottom ul{gap: 28px;} .footer_top .left_menu{width: 100%;} .footer_top .right_text{width: 100%;margin-top: 20px;} .footer_top .left_menu ul li{padding-right: 0px; } .neem_contact .left_part,.page-template-template-contact .neem_contact .left_part{width: 100%;} .neem_contact .right_part,.page-template-template-contact .neem_contact .right_part{width: 100%;margin-top: 30px;padding-top: 0;} .slick-arrow svg, .two_image_slider .slick-arrow svg{ width: 35px; height: '35px';} .slick-arrow, .two_image_slider .slick-arrow { width: 50px; height: 50px;} .our_knowledge .image{display: none;} .our_knowledge .text{width: 100%;} .our_knowledge .card{border-radius: 0;} .knowledge_card_slider .slick-slide{margin: 0;} .knowledge_card_slider .slick-list{padding-right: 0% !important;} .our_knowledge .knowledge_card_slider{padding-left: 0;} .our_knowledge .text .content{max-width: 100%;} .our_knowledge .text{padding: 75px 30px;} .over_ons .wrapper{padding: 0;} .over_ons .title{padding: 0 30px;} .over_ons .inner_part,.over_ons .image img{border-radius: 0;} .what_we_do .card{width: calc(50% - 10px);} .your_opinion .review_slider{padding: 0 12px;} .slick-dots{margin-left: 0;} .newsletter{width: 59%;} .page-template-template-contact .neem_contact .field.submit{ margin-bottom: 0;} .hero_section .left_part{width: 100%;} .hero_section .right_part{width: 100%;margin-top: 40px;text-align: center;} .hero_section .btn_one{min-width: 290px;max-width: 290px;width: 100%;} .hero_section .left_part img{max-width: 400px;margin: 0 auto;} .image_text_block .inner_part{width: calc(100% + 60px);margin-left: -30px;} .image_text_block .left_part{margin-bottom: 30px;width: 100%;} .image_text_block .left_part img{border-radius: 0;} .image_text_block .right_part{padding: 0 50px 30px;width: 100%;} .our_team .card{width: calc(50% - 10px);} .why_work_ays .card{width: calc(50% - 25px);} .counter_section .counter_card,.counter_section .counter_card.two{width: 50%;border-radius: 0;} .counter_section .inner_part .row{margin-bottom: 0%;} .counter_section .wrapper,.single_img_block .wrapper{padding: 0;} .image_text_block.opposite .left_part{order: 1;} .image_text_block.opposite .right_part{order: 2;padding:0 20px;} .work_at .card .text h3{width: 100%;} .social_icon_left_sticky{display: none;} .single_img_block img{border-radius: 0;} .three_card_slider .left_part{width: 35%;} .three_card_slider .right_part{width: 65%;} .text_editor{text-align: left;} .text_editor.blue_cta .inner_text { padding: 10px; } .text_editor.blue_cta .wrapper { padding: 0px; } .text_editor .btn_one{margin-top: 15px;} .two_image_slider .inner_slider{width:100%;margin-left:0px;} .two_image_slider .image{margin: 0;} .filter_option .btn_one{width: 49%;min-width: unset;} .filter_option{justify-content: space-between;margin-bottom: 45px;} .work_at.faq_sec .filter_option select.btn_one{margin-left: 0;} .filter_option select.btn_one{margin-right: 0;} .filter_section .bottom_checkbx_expand{padding: 50px 0;} .filter_section .bottom_checkbx_expand{margin-top: 25px;} .bottom_checkbx_expand .left_part li{margin-bottom: 15px;} .social_card_block .image .title_overlap{min-height: 65px;} /* new-css start */ .footer_top .bootom_section {row-gap: 50px;} .footer_top .bootom_section .social_icon {width: 50%;padding-right: 30px;} .newsletter {width: 50%;padding-right: 0;} .top_logo {width: 35%;} .website_cases_sec .website_cases_card {width: 100%;} .two_image_slider{margin-bottom: 50px;} .footer_top .contact ul li br{display: none;} .footer_bottom .inner_part{ text-align: center; justify-content: center;} .footer_bottom p{ width: 100%;} .footer_bottom ul li{ margin-bottom: 0;} .review_slider .slick-slide{ margin: 80px 0 30px;} .whatsapp_sticky{ bottom: 60px;} .top_wave_img{ margin-bottom:70px} } @media only screen and (max-width:600px) { h1, .font h2{ font-size: 28px;} .pb_150{ padding-bottom: 50px;} .wrapper{ padding: 0 20px;} body, .btn_one, .btn_text, input, textarea, .footer_bottom a, .pagination a, .pagination span { font-size: 16px;} .header .logo {width: 120px;} .marquee-track{ gap: 50px !important;} textarea , input{ font-size: 16px;} .we_work .title{ margin-bottom: 20px;} .hero_section .buttonfx{ max-width: 230px;} .review_slider .slick-slide{ padding: 80px 15px 50px;} .slick-arrow svg, .two_image_slider svg .slick-arrow svg{ width: 40px; height: 40px;} .neem_contact.new_contact .right_part{ padding: 20px 15px;} .neem_contact.new_contact{ padding: 50px 0;} .footer_top{ padding: 50px 0;} .your_opinion .review_slider{ padding: 0;} .neem_contact.new_contact .field input::placeholder, .neem_contact.new_contact .field textarea::placeholder{ font-size: 16px;} .neem_contact.new_contact .field input:not([type="submit"]){ font-size: 16px; padding: 10px;} .footer_top .left_menu .two_col_menu .right ul{ float: left;} .footer_top .left_menu .two_col_menu .right{ margin-top: 20px;} .footer_top h2{ margin-bottom: 20px;} .footer_bottom ul{ margin-top: 20px;} .over_ons .image p, .over_ons .inner_part p{ width: auto;} .header .navigation > ul > li span.arrow{ top: 13px;} .neem_contact.new_contact{ margin-bottom: 0;} .three_card_block.update{ padding: 50px 0;} .text_editor .inner_text ul{ max-width: 100%;} .text_editor.list_style{ padding: 50px 0;} .header .navigation > ul > li.current-menu-item a::after { width:0;} .menu_bar{ width: 35px;} .header.bg .navigation{ padding: 100px 20px 50px;} .webshop_sec{ padding: 50px 0;} .footer_top .contact a{ font-size: 16px;} .three_card_slider{ padding: 50px 0;} .buttonfx{ padding: 15px;} .page-template-template-contact .neem_contact .field input:not([type="submit"]){ padding: 10px;} .neem_contact .field.submit{ margin-bottom: 0;} .three_card_block.update .card{ width: 100%;} .custom_list li {font-size:16px;} .footer_top .left_menu ul{column-count: 1;} .hero_section .left_part img{max-width: 290px;} .footer_top .top_section{margin-bottom: 0;} .footer_top .left_menu ul li a{background: unset;} .footer_top .left_menu ul li{padding-right: 0;margin-bottom: 15px;} .hero_section .right_part h1{font-size: 34px;} .hero_section .btn_one{font-size: 17px;padding: 15px;} .hero_section .buttonfx { font-size: 17px;padding: 15px; width: 100%; } .what_we_do .card{width: 100%;} .rotate_text_scroll{display: none;} .hero_section::after{height: 26px;} .hero_section{padding: 35px 0 80px;} .over_ons .image img{object-fit: contain;} .footer_top .bootom_section .social_icon{width: 100%;padding-right: 0;} .newsletter{width: 100%;margin-top: 0;} .footer_bottom ul{width: 100%; justify-content: center;} .footer_bottom ul li{display: block;} .footer_bottom ul li:last-child{margin-bottom: 0;} .slick-arrow.slick-prev{ left: -20px;} .slick-arrow.slick-next{ right: -20px;} .review_slider .slick-slide{ margin: 60px 0px 30px; padding: 60px 30px 50px;} .your_opinion .card_review h5{ font-size: 22px;} .hero_section .inner_part::before{width: 520px;height: 490px;background-size: 520px;left: -272px;top: -140px;} .hero_section .inner_part::before{width: 470px;height: 440px;background-size: 470px;left: -272px;top: -140px;} .neem_contact .leaves_img,.over_ons .leaves_two_img,.work_at .ovel_img,.image_text_block .polygon_img, .introduction_text .bigcircle_img,.over_ons .ovel_img, .two_image_slider .ovel_img,.three_card_block .bigcircle_img, .introduction_text .bigcircle_img{display: none;} .three_card_block .card{width: 100%;} .counter_section .counter_card h1{font-size: 44px;line-height: 50px;} .counter_section .counter_card p{font-size: 15px;line-height: 18px;} .whatsapp_sticky{right: 7px;bottom: 7px;width: 60px;} .work_at .card .text{padding: 0 13px;} .work_at .card .arrow{width: 25px;background-size: 25px;margin-top: 0;} .work_at .top_content{padding-bottom: 0 !important;} .introduction_text h6{margin: 30px 0;} .share_blogs a img{width: 50px;} .share_blogs a{margin: 0 4px;} .single_img_block img,.fullwidth_img img{object-fit: cover;} .share_blogs .inner_part{padding: 50px 0;} .three_card_slider .left_part{width: 100%;} .three_card_slider .right_part{width: calc(100% + 20px);margin-top: 30px;} .card_slider_box .slick-list{overflow: hidden;} .two_image_slider .slick-arrow{top: 56%;} .social_card_block .image{ width: calc(50% - 10px);} .our_team .card{margin: 0 5px 120px;} .our_team .slick-arrow{top: unset;bottom: 0;} .our_team .slick-list{padding: 0 10% !important;padding-left: 0 !important;} .our_team .inner_part{width: calc(100% + 30px);margin-right: -30px;} .our_team .slick-dots{margin-top: 0;width: 80%;} .our_team .slick-arrow.slick-prev{left: unset;right: 70px;background: url(images/mobile-prev.svg)no-repeat;} .our_team .slick-arrow.slick-next{right: 20px;background: url(images/mobile-next.svg)no-repeat;} .we_work .company_logo{padding: 0 5px;margin: 0 10px;} .our_knowledge .text .content h2{font-size: 30px;line-height: 36px;} .our_knowledge .btn_text{font-size: 18px;} .your_opinion .card_review ul li svg{width: 100%;height: 100%;} .your_opinion .card_review .image img{max-width: 110px;} .slick-arrow, .two_image_slider .slick-arrow{width:50px;height: 50px;} .slick-arrow svg, .two_image_slider .slick-arrow svg{width:35px;height: 35px;} .your_opinion .card_review ul li{width: 18px;} .over_ons .image p, .over_ons .inner_part p {right: 0;padding: 0 20px;width: 100%;margin-left: auto; text-align: right;} .user_card .text h5,.user_card .text p,.why_work_ays .card .text{font-size: 16px;} /* .user_card .text p{color: #969696;} */ .footer h2{font-size: 28px;line-height: 36px;} .newsletter input[type="submit"]{width: 40px;height: 40px;background-size: 40px;} .footer_top .social_icon ul li{width: 40px;} .why_work_ays .card .icon img{width: 115px;} .what_we_do .card{ aspect-ratio:unset;} .our_team{position: relative;} .news__arrows{position: absolute;left: 20px;bottom: 38px;width: calc(100% - 150px);} .progressBar {display: block;width: 100%;height: 5px;border-radius: 40px;overflow: hidden;background-color: #EDEDED;background-image: linear-gradient(to right, #000000, #000000);background-repeat: no-repeat;background-size: 0 100%;transition: background-size 0.4s ease-in-out;} .progressBarLabel {font-size: 0;} .filter_option .btn_one{width: 100%;margin-bottom: 25px;} .filter_option select.btn_one{order: 3;margin-top: 20px;} .work_at.faq_sec .filter_option select.btn_one{margin-bottom: 0;margin-top: 20px;} .filter_section .bottom_checkbx_expand{background: #000000;} .bottom_checkbx_expand .left_part li{width: 100%;} .bottom_checkbx_expand .left_part li a{color: #ffffff;} .filter_section .bottom_checkbx_expand{padding: 20px 25px 40px;margin-top: 0;} .filter_option .btn_one{margin-bottom: 0;} .filter_trigger.btn_one{position: relative;z-index: 1;} .filter_section .bottom_checkbx_expand::before,.filter_section .bottom_checkbx_expand::after{display: none;} .bottom_checkbx_expand .right_textlink a{color: #ffffff;border-color: #fff;} .bottom_checkbx_expand .left_part li.active a{border-color: #ffffff;} body .heateor_sss_sharing_container .heateor_sss_facebook .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_button_instagram .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_whatsapp .heateor_sss_svg, body .heateor_sss_sharing_container .heateor_sss_button_linkedin .heateor_sss_svg{background-size: 50px;} .heateor_sss_sharing_container .heateor_sss_svg {width: 50px !important;height: 50px !important;} .newsletter input[type="submit"]{position: relative;right: -0px;} .newsletter .field p{align-items: center;} .footer_top .left_menu .two_col_menu .left,.footer_top .left_menu .two_col_menu .right{width: 100%;} .hero_section .right_part{margin-top: 20px;} .hero_section .left_part img{width: 250px;margin-top: 20px;} .hero_section .button_box{margin-top: 10px;} .hero_section{padding-top: 0;} .social_card_block .image .title_overlap{min-height: auto;} .mobile_show_section{display: block;} .what_we_do .inner_part { max-width: 375px; margin: 0 auto 40px; float: unset;} .mobile_padding.pb_150{padding-bottom: 0px;} .slick-dots li button{width: 12px ;height: 12px;border-width: 2px;} .text_editor .btn_one.top{margin-top: 35px;margin-bottom: 55px;} .work_at.mobile_show_section .card{border-color: #000000;padding: 33px 0;} .what_we_do.mobile_padding .title {margin-bottom: 20px;} .filter_trigger.btn_one{border-radius: 0;} .filter_section .filter_option{background-color: #000000;margin-bottom: 45px;border-radius: 50px;overflow: hidden;} .filter_section.mobile_show{display: block;} .filter_section .btn_one.mobile_hide{display: none;} .filter_section.faq_page.mobile_show .filter_option {background-color: transparent;margin-bottom: 20px;border-radius: 0;overflow: unset;} .filter_section.faq_page .filter_option {margin-bottom: 0;} .work_at .card .text h3.excerpt{display: none;} .work_at .card .text h3{font-size: 18px;} /* new-css start */ .stappenplan_sec .top_title h2 {margin-bottom: 50px;} .stappenplan_sec .inner_part {row-gap: 35px;padding: 0 20px;} .stappenplan_sec .stappenplan_card {width: 100%;min-width: 100%;} .portfolio_sec_new .inner_part {padding: 50px;} .tarieven_sec .tarieven_card .inner_text .price-text {font-size: 32px;} /* .webshop_sec .right_part {padding: 30px} */ .webshop_sec .right_part h3 {font-size: 26px;} .top_logo {width: 70%;} .tarieven_sec .tarieven_card .top_heading {border-radius: 30px 30px 0 0;} .tarieven_sec .tarieven_card .progress_bar_new .bar-style {height: 30px;} .website_cases_sec .title_select {margin-bottom: 50px;} .website_cases_sec .title_select h1 {margin-bottom: 30px;} .website_cases_sec .inner_part {gap: 30px;} .website_cases_sec .title_select select {width: 315px;padding: 15px 50px 15px 30px;font-size: 18px;border-radius: 50px;} .website_cases_sec .website_cases_card .vraag_btn {left: 15px;bottom: 20px;} .image_slider_sec .slick-arrow.slick-prev {left: 20px;} .image_slider_sec .slick-arrow.slick-next {right: 20px;} .text_editor.list_style .inner_text ul li{ margin-bottom: 15px;} /* form css */ .popup_form_section fieldset { padding: 30px 15px;} .popup_form_section h2 {font-size: 22px;} .popup_form_section .close{top: 22px;right: 10px;width: 18px;} .popup_form_section .close svg{width: 100%;} .popup_form_section .wrapper{padding: 0 15px;} .popup_form_section input, .popup_form_section select, .popup_form_section textarea{font-size: 16px;padding: 12px 15px;} .popup_form_section textarea{height: 110px;} .popup_form_section .cf7mls-btns button, .popup_form_section .field input[type="submit"]{padding: 15px 18px;font-size: 15px !important;} .popup_form_section .checkbox .wpcf7-list-item-label::before {width: 25px;height: 25px;} .popup_form_section .checkbox .wpcf7-list-item-label{min-height: 25px;padding-left: 35px;} .top_logo{width: 150px;} .stappenplan_sec .stappenplan_card .card_title { margin-bottom: 10px;} .stappenplan_sec .top_title h2{text-align: left;} .stappenplan_sec .stappenplan_card .card_circle span { width: 20px;height: 20px;} .image_text_block .leaves_three_img::after, .over_ons .leaves_three_img::after{display: none;} .why_work_ays .card p{word-break: break-word;} .why_work_ays .card:nth-child(1){order: 2;} .why_work_ays .card:nth-child(2){order: 1;} .why_work_ays .card:nth-child(3){order: 4;} .why_work_ays .card:nth-child(4){order: 3;} .why_work_ays .inner_part {gap: 25px;} .why_work_ays .card {width: calc(50% - 14px);} .your_opinion .card_review .image img{ margin-top: -100px;} .page-template-template-contact .image_text_block {margin-bottom:0px;} .your_opinion.update{ padding: 0 15px 70px;} .we_work .company_logo img{ height: 45px;} .top_wave_img{ margin-bottom: 50px;} .three_card_block .card, .our_team .card{ margin-bottom: 40px;} .company_logo.marquee-track{ gap: 50px !important;} .company_logo img{ display: block !important;} .footer_bottom{ padding: 30px 0;} .title, .our_knowledge h2:not(:last-child), .text_editor.two h1, .text_editor.two h2 { margin-bottom: 20px;} } @media only screen and (max-width: 380px) { .hero_section .right_part h1 {font-size: 30px;} .hero_section .right_part h1 .title_card {line-height: 50px;} .title_slider_hero{height: 50px;} } /* .relative{position: unset;} .HOVER { --width: 100%; --time: 0.7s; position: relative ; display: inline-block; padding: 20px 30px; font-weight: 500; color: white; background: #078C96; overflow: hidden; border-radius: 50px; min-width: 165px; text-align: center; font-family: 'Poppins', sans-serif; border: none; font-size: 20px; } .HOVER text { position: relative; z-index: 5; transition: color var(--time); } .HOVER:hover text { color: #fff; } .HOVER span { position: absolute; display: block; content: ""; z-index: 0; width: 0; height: 0; border-radius: 100%; background: #000; transform: translate(-50%, -50%); transition: width var(--time), padding-top var(--time); } .HOVER:hover span { width: calc(var(--width) * 2.25); padding-top: calc(var(--width) * 2.25); } */ /* VOOR DE NIEUWSBRIEF PAGINA */ .page-id-2324 .neem_contact, .page-id-2324 h1 {display:none;} .page-id-2332 .neem_contact, .page-id-2332 h1 {display:none;} /* Dienst uitzondering */ .term-strategie-advies .social_card_block {display:none;}