/* Theme Name: Onderwijsloket Author: converzo Author URI: https://converzo.nl Description: The Onderwijsloket Theme based on the famous Wordpress CMS. Version: 1.0 */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); * {margin: 0;padding: 0;box-sizing: border-box;} img {max-width: 100%;height: auto;} body {background: #FFFFFF;font-size:16px;color: #000000; font-family: "Manrope", sans-serif; font-weight: 400;} p{line-height: 25px;margin-bottom: 38px;} p:last-child {margin-bottom: 0;} a {color: inherit; text-decoration: none;} ul, ol {padding-left:16px;margin-bottom: 30px;} ul:last-child, ol:last-child, ul li:last-child, ol li:last-child {margin-bottom: 0;} ul li, ol li {display: list-item;} ul li::marker,ol li::marker{color: #FF0000;} /* ----- Heading Font CSS ------ */ h1,h2,h3,h4,h5,h6 {margin-bottom: 20px; font-weight: 800;} h1{font-size: 53px;line-height:1;} h2{font-size: 36px;line-height:42px; } h3{font-size: 26px;line-height: 35px; color: #04016E; margin-bottom: 25px;} h4{font-size: 24px;line-height: 28px;} h5{font-size: 20px;line-height: 26px;} h6{font-size: 18px;line-height: 24px;} /* global css start */ .layout {overflow-x: clip;width: 100%;float: left;} .full_width{width: 100%; float: left;} .wrapper{max-width:1407px;margin: 0 auto;width: 100%; padding: 0 30px;} .btn_one {display: inline-flex; gap: 0 11px; justify-content: center; align-items: center; font-family: "Manrope", sans-serif; font-weight: 700; font-size: 15px;line-height: 1;color: #ffffff;background: #FF0000;text-transform: uppercase; border-radius: 15px; min-width: 128px; padding:4px 16px; text-align: center; transition: 0.4s;} .btn_one .btn_arrow svg{ max-width: 14px; max-height: 19px; display: inline-block; transition: transform 0.4s ease; will-change: transform;} .btn_one:hover .btn_arrow svg{transform: scale(1.1); } /* btn_arrow css */ .btn_arrow{ display: inline-block;} .btn_arrow svg { max-width: 31px; display: inline-block; transition: transform 0.4s ease; will-change: transform;height: auto;} .btn_arrow:hover svg { transform: scale(1.1); } .btn_arrow.red svg path{ fill: #FF0000;} /* clicle_arrow css */ .clicle_arrow{ display: inline-block;} .clicle_arrow svg { max-width: 75px; display: inline-block; transition: transform 0.4s ease; will-change: transform; } .clicle_arrow:hover svg { transform: scale(1.1); } /* bg color css */ .blue_bg{ background: #04016E !important;} .red_bg{ background: #FF0000 !important;} .orange_bg{ background: #F18516 !important;} /* .bg_wheat{background: #FEF3E7;} .bg_blue{background: #EBF6FC;} */ .ptb-75 {padding: 75px 0;} .mb_40{margin-bottom: 40px !important;} .mb_50{margin-bottom: 50px !important;} .mb_60{margin-bottom: 60px !important;} .mb_80{margin-bottom: 80px !important;} .mb_75 {margin-bottom: 75px !important;} .mb_90{margin-bottom: 90px !important;} .mb_100{margin-bottom: 100px !important;} .mb_130{ margin-bottom: 130px !important;} .mb_150{margin-bottom: 150px !important;} .main-content{ margin-top: 112px;} /* global css end */ /* header start */ .header{ position: fixed; left: 0; top: 0; width: 100%; padding: 27px 0 23px; z-index: 9; transition: 0.4s;} .header .inner_part{ display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap;} .header .logo{ width: 252px;} .header .logo img{ display: block;} .header .right_part{ width: calc(100% - 252px); padding-left: 20px; display: flex; align-items: center; justify-content: flex-end; padding-right: 120px; transform: translateY(5px); transition: 0.4s;} .header .right_part .nav>ul{display: flex; align-items: center; list-style: none; padding-left: 0; margin-bottom: 0; gap: 14px;} .header .right_part .nav>ul>li{ position: relative;} .header .right_part .nav>ul>li>a{ color: #04016E; padding: 1px 11px; font-size: 15px; font-weight: 600; text-decoration: none; line-height: 1; transition: 0.4s;border-radius: 12px; } .header .right_part .nav>ul>li>a:hover, .header .right_part .nav>ul>li.current_page_item>a{ background: #FF0000; border-radius: 12px; color: #fff;} .header.sticky{ background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important; } .header.sticky .inner_part{ align-items: center;} .header.sticky .right_part { transform: translate(0); } .header .nav li> ul {pointer-events: none;position: absolute;padding:2px 14px 6px;left: 0px;min-width: 152px; width: 100%; top: calc(100% + 8px);height: auto;opacity: 0;transition: 0.5s all;background: #FFFFFF;box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); list-style: none;display: block;z-index: 5;margin: 0;} .header .nav li>ul::before {content: '';position: absolute;width: 100%;height:8px;left: 0;top: -7px;background: transparent;} .header .nav li:hover ul{ pointer-events: visible; opacity: 1; } .header .nav li>ul li {position: relative;width: 100%;padding: 0;margin: 0; display:block;} .header .nav li>ul >li a{ display:block; font-size:13px; color: #FF0000; line-height: 17px; font-weight: 600;} .header .nav ul>li:hover ul { opacity: 1; pointer-events: visible; } /* .header .hamburger css */ .header .menubar{ width: 100%;width: 40px;display: none; cursor: pointer;} .header .menubar span{display: block;width: 100%;;height: 3px; background: #04016E; margin-bottom: 8px; border: 5px;} .header .menubar span:last-child{ margin-bottom: 0;} /* custom navigation css */ /* .hamburger_menu { position: fixed; left: 0; top:94px; width: 100%; padding:50px 0; background: #FFFFFF; z-index: 7; height: calc(100% - 94px); overflow: hidden; transition: 0.4s; opacity: 0; visibility: hidden; pointer-events: none; } .hamburger_menu .inner_part { display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow-x: hidden; overflow-y: auto; } */ .hamburger_menu { position: fixed; left: 0; top: 94px; width: 100%; padding: 50px 0; background: #FFFFFF; z-index: 7; height: calc(100vh - 94px); display: flex; flex-direction: column; transition: 0.4s; opacity: 0; visibility: hidden; pointer-events: none; } .hamburger_menu .wrapper { flex: 1; display: flex; flex-direction: column; min-height: 0; } .hamburger_menu .inner_part { flex: 1; overflow-y: auto; overflow-x: hidden; min-height: 0; -webkit-overflow-scrolling: touch; } .hamburger_menu .inner_part::-webkit-scrollbar { width: 0; display: none; } .hamburger_menu .inner_part { scrollbar-width: none; } .hamburger_menu .inner_part { -ms-overflow-style: none; } .hamburger_menu li{position: relative;} .hamburger_menu li ul{ list-style: none; position: relative; border-top: 1px solid rgba(0, 0, 0,0.2); padding-left: 0;} .hamburger_menu li ul li{position: relative;} .hamburger_menu li ul li:last-child{ padding-bottom: 0; border-bottom: 0;} .hamburger_menu a{font-size:16px;color: #000000; font-weight: 600; display: block; padding:15px 0; transition: 0.4s;position: relative; } .hamburger_menu li .arrow {background: url(images/select_arrow.svg)center center no-repeat;background-size: 20px; width: 30px; height: 53px; position: absolute; right: 0; top: 0px; transition: 0.4s; cursor: pointer; z-index: 2; } .hamburger_menu li .arrow.open{ transform: rotate(180deg);} .scroll_stop{overflow: hidden;} .hamburger_menu ul li li a{padding:15px 0; padding-left: 15px;} .hamburger_menu ul{ list-style: none; padding-left: 0;} /* .hamburger_menu ul li.menu-item-has-children>a{ padding-right: 10px;} */ .hamburger_menu li{border-bottom:1px solid rgba(0, 0, 0,0.2);} .hamburger_menu li a{ display: block; position: unset;padding-right: 40px;} .hamburger_menu a:hover, .hamburger_menu ul>li.current_page_item>a { color: #FF0000 } /* .hamburger_menu a:hover, .hamburger_menu ul li.current_page_item a { background: #FF0000; border-radius: 12px; color: #fff; } */ /* header end */ /* hero_sec start */ .hero_sec{ margin-bottom: 67px; } .hero_sec .inner_part{ background-size: cover;position: relative; min-height: 561px; display: flex !important; justify-content: space-between; flex-wrap: wrap; padding: 35px 66px 0 30px;} .hero_sec .left_part{ padding-bottom: 35px ; width: 51%; position: relative; z-index: 1;} .hero_sec *{ color: #fff;} .hero_sec .hero_slider {position: relative;} .hero_sec .hero_slider::before{ content: ""; position: absolute;top: -40px; right: -40px; width: 121px; height: 120px; background: url(images/beeldmerk.svg) center center no-repeat; background-size:121px; z-index: 10;pointer-events: none;} .hero_sec .hero_slider .inner_part::before{display: none;} .hero_sec .hero_slider .slick-track{display: flex;} .hero_sec .hero_slider .inner_part{height: inherit;} .hero_sec .inner_part::before{ content: ""; position: absolute;top: -40px; right: -40px; width: 121px; height: 120px; background: url(images/beeldmerk.svg) center center no-repeat; background-size:121px; z-index: 10;pointer-events: none;} .hero_sec.remove .inner_part::before {opacity: 0;visibility: hidden;} .hero_sec.remove .hero_slider::before {opacity: 0;visibility: hidden;} .hero_sec .right_part{margin-top: auto; width:calc(49% + 50px); margin-left: -50px; position: relative; } .hero_sec .right_part img{ display: block; max-width:580px; position: relative; z-index: 2; } .home .hero_sec .inner_part::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.16); pointer-events: none;} .hero_sec.layout_two .inner_part{min-height:unset !important; padding: 0;} .hero_sec.layout_two .inner_part img{ display: block;} /* hero_sec end */ /* step towrds sec start */ .step_towards_sec h3 {margin-bottom: 20px; line-height: 35px; } .step_towards_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;} .step_towards_sec .left_part{width:49%;} .step_towards_sec .right_part{width: 49%; display: flex;gap: 26px; flex-wrap: wrap;} .step_towards_sec .card { background: green; width: calc(33.33% - 18px); padding: 35px 30px 16px 30px; color: #fff; display: flex; justify-content: space-between; flex-direction: column; align-items: center; text-align: center;min-height: 200px;} .step_towards_sec .card:hover .btn_arrow svg{ transform: scale(1.1); } /* step towrds sec end */ /* our_region_sec start */ .our_region_sec h3{ margin-bottom: 20px;} .our_region_sec .inner_part{ display: flex; gap: 45px; flex-wrap: wrap;} .our_region_sec .card {width: calc(33.33% - 30px);position: relative; } .our_region_sec .card img{ width: 100%; object-fit: cover; display: block; aspect-ratio: 420/365; height: 100%;} .our_region_sec .card:first-child{ background: #04016E; color: #fff;} .our_region_sec .card:first-child .text{ position: relative; display: flex; justify-content:flex-end; align-items: center;flex-direction: column; height: 100%;} .our_region_sec .card .text { position: absolute; width: 100%; height: auto; left: 0; bottom: 0; z-index: 1; padding: 30px; margin: 0 auto; text-align: center; } .our_region_sec .card .text *{ color: #fff;} .our_region_sec .card .text h4{ margin-bottom: 25px;} .our_region_sec .card .text h2{ margin-bottom: 55px;} .our_region_sec .btn_box{ display:flex; justify-content: center; align-items: center; margin-top: 40px; } .our_region_sec .card::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.16); pointer-events: none;} .our_region_sec .card:hover svg{ transform: scale(1.1); } /* our_region_sec end */ /* post list css */ .list_box{ display: flex; justify-content: space-between; flex-wrap: wrap; } .list_box ul{ padding-left: 0; margin-bottom: 0px; width: calc(100% - 35px); padding-right: 20px;} .list_box .circle_arrow_box{width: 35px; } .list_box ul li{color: #000000;font-size:18px; margin-bottom: 5px; list-style: none;line-height: 25px; padding-left: 33px; position: relative;} .list_box ul li::before{position: absolute; content: ''; top: 4px; left: 0; } .list_box ul li:last-child{margin-bottom: 0;} .list_box ul li.calender::before{ width: 18px; height: 18px; background: url(images/calender_icon.svg) left center no-repeat; background-size: 18px;} .list_box ul li.timer::before{ width: 18px; height: 18px; background: url(images/timer.svg) left center no-repeat; background-size: 18px;} .list_box ul li.location::before{ width: 17px; height: 24px; background: url(images/location.svg) left center no-repeat; background-size: 17px;} /* activities_sec start */ .activities_sec{ padding: 67px 0 100px; background: #EBF6FC;} .activities_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; } .activities_sec .left_part{width:48.5%;} .activities_sec .left_card{ margin-bottom: 50px;display: block;} .activities_sec .left_card:last-child{ margin-bottom: 0;} .activities_sec .left_part img{ width: 100%; display: block;} .activities_sec .right_part{width: 48.5%; } .activities_sec .right_part .card{display: flex; justify-content: space-between; flex-wrap: wrap; background: #FFFFFF; margin-bottom: 24px;min-height: 165px;} .activities_sec .right_part .card:last-child{ margin-bottom: 0;} .activities_sec .card .img_box{ width: 35%;} .activities_sec .card .text_box{ width:65%; padding: 30px 20px 20px;} .activities_sec .card .text_box h5{ line-height: 22px; color: #04016E; margin-bottom: 15px;} .activities_sec .card .img_box img{ width: 100%; height: 100%; object-fit: cover; display: block;} .activities_sec .card:not(:has(.img_box)) .text_box { width: 100%; } .activities_sec .left_part .text_box h4{ line-height: 25px; margin-bottom: 30px;} .activities_sec .left_part .text_box{ padding: 24px 30px 30px; color: #fff;} .activities_sec .left_part .text_box *{color: #fff;} .activities_sec .btn_box{ display:flex; justify-content: center; align-items: center; margin-top: 40px; } .activities_sec.two .title{ margin-bottom: 46px;} .activities_sec.two { padding: 100px 0 166px;} .activities_sec.two .right_part .card{ margin-bottom: 55px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);} .activities_sec.two .right_part .card:last-child{ margin-bottom:0;} .activities_sec .sub_title p{font-size: 19px; line-height: 26px; margin-bottom: 10px; color: #04016E; } .activities_sec.two .left_part{ background: transparent;} .activities .activities_sec.two { background: transparent; padding: 0 0 120px;} /* activities_sec end */ /* follow_us_sec start */ .follow_us_sec{ padding:75px 0 100px;} .follow_us_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; } .follow_us_sec .left_part { width: 310px; background: #F18516; padding: 24px; display: flex; justify-content: center; flex-direction: column; } .follow_us_sec .left_part *{ color: #fff;} .follow_us_sec .right_part{width:calc(100% - 310px); padding-left: 30px;} .social_icons ul{ list-style: none; padding-left: 0; display: flex; gap: 21px; align-items: center; flex-wrap: wrap;} .social_icons ul a {display: inline-block;} .social_icons ul li img{ display: block;max-width: 47px;} /* follow_us_sec end */ /* contact_us_sec start */ .contact_us_sec{ padding: 80px 0 105px; background: #FEF3E7;} .contact_us_sec .title h3{ margin-bottom: 10px;} .contact_us_sec .inner_part{ display: flex; gap: 45px; flex-wrap: wrap; justify-content: space-between; margin-top: 24px;} .contact_us_sec .contact_card { width: calc(33.33% - 30px); position: relative; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; } .contact_us_sec .contact_card img{ max-width: 170px; display: block; border-radius: 100%; aspect-ratio: 1/1; width: 100%; margin: 0 auto 15px;} .contact_us_sec .details{ background: #fff; padding: 28px 40px;} .contact_us_sec .details h3{ margin-bottom: 10px; line-height: 25px;} .contact_us_sec .details .designation{font-size: 16px; color: #000000; line-height: 25px;} .contact_us_sec .details .name{ margin-bottom: 25px;} .contact_us_sec .details p a{ color: #04016E;} .contact_us_sec .details p a:hover{ text-decoration: underline;} .contact_us_sec .contact_card.contact_form { padding:30px 40px; background: #FF0000; color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column;} .contact_us_sec .contact_card.contact_form h3{ color: #fff; margin-bottom: 0px;} .contact_us_sec .contact_form .btn_one.two{ text-transform: unset; width: 100%; justify-content: space-between;padding: 4px 20px 4px 16px;} .contact_us_sec .contact_form .input_wrap:not(:last-child) { margin-bottom: 16px;} .contact_us_sec .contact_form .top p{ margin-bottom: 10px;} .contact_us_sec .contact_form .bottom p{ margin-bottom: 20px;} .contact_us_sec .contact_form .bottom .btn_box{ display: flex; justify-content: center; align-items: center;} .contact_us_sec .contact_form .btn_arrow:hover{ transform: scale(1);} .contact_us_sec .contact_form p{ margin-bottom: 10px;} .contact_us_sec .contact_form .bottom{ margin-top: 34px;} /* contact_us_sec end */ /* contact_form start */ .contact_form .forminator-custom-form { position: relative !important;} .contact_form .input_wrap { position: relative; width: 100%; } .contact_form .forminator-field input{ background: #fff !important; width: 100% !important; border: 1px solid #fff !important; padding:4px 40px 4px 16px !important; border-radius: 15px !important; color:#000 !important; font-size: 15px !important; line-height: 1; min-height: 31px !important; font-weight: 700 !important; outline: none !important; } .contact_form input::placeholder { color: rgba(0, 0, 0 ,0.5); } .contact_form .forminator-row-last { position: absolute !important; right: 0; bottom: -1px; border: none !important; width:35px !important; height: 31px !important; margin-bottom: 0 !important;} .contact_form .forminator-button-submit.submit_btn { margin: 0 !important; width: 100% !important; height: 100% !important; min-width: unset !important; padding: 0 !important; border: none !important; cursor: pointer; outline: none; background: transparent url(images/submit_btn_arrow.svg) left center no-repeat !important; margin-top: 0 !important;} .contact_form .forminator-button-submit.submit_btn::before{ display: none !important;} .contact_form button svg{ max-width: 14px; height: auto;} .contact_form button svg path{ fill: #FF0000;} .contact_form .btn_one{ border: 1px solid #fff; background: transparent;color:#fff;} .contact_form .forminator-row-last .forminator-col , .contact_form .forminator-row-last .forminator-field{ height: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important;} .contact_us_sec .contact_form .forminator-response-message { background-color: #F9E4E8 !important; color: #333333 !important} /* contact_form end */ /* training_sec start */ .training_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;} .training_sec .left_part{width: 65.3%;} .training_sec .right_part{width: 31.3%;} .training_sec .btn_one{min-width: 158px;} .training_sec h3{margin-bottom: 24px;} .training_sec .list_box{display: flex; flex-wrap: wrap; justify-content: space-between;} .training_sec .list_box ul{width:calc(100% - 158px); padding-right: 20px; padding-left: 0; margin-bottom: 45px;} .training_sec .list_box ul li{color: #04016E;font-size: 20px; margin-bottom: 18px; list-style: none;line-height: 27px; padding-left: 33px; position: relative;} .training_sec .list_box ul li:last-child{ margin-bottom: 0;} .training_sec .list_box .btn_box{width: 158px;} .training_sec h6{color: #04016E;margin-bottom: 0;line-height: 30px;} .training_sec h6 strong{font-weight: 700;} .training_sec p{line-height: 30px; margin-bottom: 32px;} .training_sec p:last-child{margin-bottom: 0;} .training_sec ul li{color: #000; font-size: 16px; line-height: 30px;} .training_sec .right_part img{display: block;} .training_sec .training_detail{padding-left: 30px;} .training_sec .btn_group{display: flex; flex-wrap: wrap; gap:23px;margin-top: 42px;} /* training_sec end */ /* .single_img_sec start */ .single_img_sec {margin-bottom: 75px;} .single_img_sec.mb-0 {margin-bottom: 0 !important;} .single_img_sec .img_box {overflow: hidden; } .single_img_sec .img_box img{display: block;} /* .single_img_sec end */ /* single_text_sec css */ .single_text_sec .text_box{max-width: 652px; width: 100%;} .single_text_sec h3{line-height: 25px;} /* stories_sec start */ .stories_sec {padding: 75px 0;} .stories_sec.white {background: #ffffff;} .stories_sec.beige{background: #FEF3E7;} .stories_sec.sky-blue{background: #EBF6FC;} .stories_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;} .stories_sec.sky-blue .inner_part {align-items: center;} .stories_sec .left_part{width: 48.5%; position: relative;} .stories_sec .right_part{width: 48.5%; position: relative;} .stories_sec .left_part .text_box{max-width: 560px; width: 100%;} .stories_sec .left_part h3{line-height: 25px; margin-bottom: 45px;} .stories_sec .profile_deatil{display: flex; flex-wrap: wrap; align-items: center;margin-bottom: 36px;} .stories_sec .profile_deatil .user_img {width: 170px;} .stories_sec .profile_deatil .user_img img{max-width:170px; width: 100%; border-radius:100%;aspect-ratio: 1/1; object-fit: cover; display: block;} .stories_sec .profile_deatil .title {width: calc(100% - 170px);padding-left: 41px;} .stories_sec .profile_deatil:not(:has(.user_img)) .title { width: 100%;padding-left: 0;} .stories_sec .profile_deatil .title h3{line-height: 25px; margin-bottom: 0;} .stories_sec .profile_deatil .designation {font-size: 16px; line-height: 25px; color: #000000;font-weight: 400;} .stories_sec .left_part p.quote{font-size: 20px; line-height: 25px; color: #04016E; font-weight: 300;} .stories_sec .play-triger {position: absolute;top:0;left:0;width: 100%;height: 100%;background: url(images/play_arrow_btn.svg) center no-repeat; display: flex;justify-content: center;align-items: center; background-size: 75px;} .stories_sec .right_part img{display: block;} .stories_sec .left_part p{margin-bottom: 25px;} .stories_sec .left_part p:has(+ul){margin-bottom: 0;} .stories_sec.two_video .inner_part {gap: 42px;} .stories_sec.two_video .video_card {width: calc(50% - 21px);position: relative;} .stories_sec.two_video .video_card .video_part, .stories_sec.two_video .video_card .video_part a, .stories_sec.two_video .video_card .video_part a > img {width: 100%;display: block;} /* .single_img_sec end */ /* opposite */ .stories_sec.opposite .inner_part .left_part{order: 2;} .stories_sec.bg_blue .inner_part{align-items: center;} /* ovita_sec css */ .ovita_sec.big_layout .left_part, .ovita_sec.big_layout_two .right_part {width: 31.2%;} .ovita_sec.big_layout .right_part, .ovita_sec.big_layout_two .left_part {width: 65.4%;} .ovita_sec.beige {background: #FEF3E7;} .ovita_sec.sky-blue {background: #EBF6FC;} .ovita_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;} .ovita_sec .left_part{width: 48.5%; } .ovita_sec .right_part{width: 48.5%; } .ovita_sec .left_part h3{line-height: 25px;} .ovita_sec .left_part p{margin-bottom: 25px;} .ovita_sec .left_part p:has(+ul){margin-bottom: 0;} .ovita_sec ul{margin-bottom: 25px} .ovita_sec ul li{color: #000000; font-size: 16px;line-height: 25px;} .ovita_sec .left_part h6{color: #FF0000; margin-bottom: 0;} .ovita_sec .right_part img{display: block; width: 100%;} /* .ovita_sec.opposite css */ .ovita_sec.opposite .left_part{order:2;} /* .ovita_sec.layout_two css */ .ovita_sec.layout_two .left_part{width:31.4%;} .ovita_sec.layout_two .right_part{width: 65.4%;} .ovita_sec.layout_two .left_part p{margin-bottom: 26px;} .ovita_sec.layout_two .left_part p:last-child{margin-bottom: 0;} /* .ovita_sec.layout_two.opposite css */ .ovita_sec.layout_two.opposite .left_part{order: 2; width: 65.4%;} .ovita_sec.layout_two.opposite .right_part{width:31.4%;} /* over ons */ .step_towards_sec .card.contact_form{ width: calc(66.66% - 8px); padding: 30px 30px;} .step_towards_sec .card.contact_form { text-align: left;} .step_towards_sec .card.contact_form .input_wrap{margin-bottom: 16px;} .step_towards_sec .card.contact_form h3 { color: #fff; margin-bottom: 0px;} .step_towards_sec .card.contact_form p{ margin-bottom: 10px;} /* body .WidgetBackground__Content-sc-1ho7q3r-2.WidgetBackground__ContentContainer-sc a:last-child{ display: none !important;} .BulletsControl__BulletsControlContainer-sc-vxd05w-0.es-bullets-control-container{ display: none !important;} */ /* footer start */ .footer{ background: #04016E;color: #fff; padding: 40px 0 45px;} .footer .social_icons ul img{ max-width: 24px;} .footer .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; } .footer .left_part{width:40%; display: flex; justify-content: space-between; flex-wrap: wrap;} .footer .right_part{width:32%;display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; } .footer .left_part ul li { margin-bottom: 3px;} .footer .left_part ul li a{ font-size: 15px; line-height: 1;} .footer ul li a:hover{ text-decoration: underline;} .footer ul{ list-style: none; padding-left: 0; margin-bottom: 0;} .footer .footer_logo { display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; width: 255px; } .footer .footer_nav { max-width: 50%;} .footer .footer_logo img{ display: block;} .footer .social_icons{ padding-left: 20px;} .footer .social_icons span{ margin-bottom: 5px; font-size: 15px; line-height: 25px; display: inline-block;} .footer .social_icons ul{ gap: 10px;} .footer .right_logo { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .footer .right_logo img{ max-width: 206px; display: block;} .footer .right_part p{font-size: 15px; line-height: 25px; margin-bottom: 12px;} .footer .privacy{ margin-top: 30px;} .footer .privacy ul li a {font-size: 12px; line-height:1; } .footer .privacy ul{ display: flex; align-items: center;} .footer .privacy ul li{ border-right: 1px solid #fff; line-height:1; padding-right: 5px; margin-right: 5px; font-size: 15px; } .footer .privacy ul li:last-child{ border-right: none; padding-right: 0; margin-right: 0;} /* footer end */ /* contact page */ .contact_sec{background: #EBF6FC; padding: 75px 0 120px; position: relative; z-index: 1;} .contact_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;} .contact_sec .left_part{width: calc(100% - 200px); padding-right: 20px;} .contact_sec .right_part{width: 200px; padding-top: 37px;} .contact_sec h3{line-height: 25px; margin-bottom:40px;} .contact_form_globle{max-width: 887px; width: 100%;} .contact_form_globle h6{padding-left: 15px; font-size: 19px; font-weight: 700; margin-bottom: 0; color: #04016E;} .contact_form_globle .forminator-row {margin-bottom: 13px !important;margin-left: 0 !important;margin-right: 0 !important;} .contact_form_globle .forminator-row .mt-35 {margin-top: 22px !important;} .contact_form_globle .forminator-field input, .contact_form_globle .forminator-field textarea {color: #000000 !important;width: 100% !important;padding: 12px 18px !important; border: none !important;outline: none !important;border-radius: 23px !important; font-size: 16px !important;background: #ffffff !important; font-family: "Manrope", sans-serif !important; font-weight: 400 !important;} .contact_form_globle .forminator-field textarea{height: 158px;resize: none !important;} .contact_form_globle .forminator-field input::placeholder ,.forminator-field textarea::placeholder {font-size: 16px !important;font-family: "Manrope", sans-serif !important; font-weight: 400 !important;color: #000 !important;} .contact_form_globle .forminator-radio-bullet, .contact_form_globle .forminator-checkbox-box {min-width: 45px !important;height: 45px !important;background: #fff !important;border-radius: 50% !important;border: none !important;} .contact_form_globle .forminator-radio, .contact_form_globle .forminator-checkbox {margin-top: 0 !important;margin-right: 50px !important;} .contact_form_globle .forminator-checkbox {margin-right: 0 !important;margin-bottom: 13px !important;} .contact_form_globle .forminator-checkbox:last-child {margin-bottom: 0 !important;} .contact_form_globle .forminator-radio-bullet::before, .contact_form_globle .forminator-checkbox-box::before {content: '' !important;opacity: 1 !important;width: 25px !important;height: 25px !important;background: transparent !important;border: 0.5px solid #707070 !important;border-radius: 50% !important;top: 9px !important;transform: translateX(-50%) !important;} .contact_form_globle .forminator-radio input:checked + .forminator-radio-bullet::before, .contact_form_globle .forminator-checkbox input:checked + .forminator-checkbox-box::before {background: #FF0000 !important;border-color: #FF0000 !important;} .contact_form_globle .forminator-radio-label, .contact_form_globle .forminator-checkbox-label {font-size: 15px !important;font-family: "Manrope", sans-serif !important; font-weight: 400 !important;color: #000 !important;} .contact_form_globle .forminator-col {padding: 0 !important;} .contact_form_globle .forminator-col.flex_box .forminator-field{display: flex;flex-wrap: wrap;justify-content: space-between;} .contact_form_globle .forminator-col.flex_box_2 .forminator-field{display: flex;flex-wrap: wrap;} .contact_form_globle .forminator-col.flex_box .forminator-field label{max-width: 20%;width: auto; margin-right: 0 !important;} .contact_form_globle .forminator-col.flex_box_2 .forminator-field label{width: 22%;margin-right: 0 !important;} .forminator-file-upload span {display: none !important;} .forminator-field-upload {width: 295px !important;flex: unset !important;height: 45px !important;position: relative !important;} .forminator-field-upload .forminator-field {width: 100% !important;height: 100% !important;left: 0 !important;top: 0 !important;position: absolute !important;background: #FFFFFF !important;border-radius: 23px !important;} .forminator-field-upload .forminator-field .forminator-file-upload {position: absolute !important;width: 100% !important;height: 100% !important;left: 0 !important;top: 0 !important;font-size: 0 !important;background: transparent !important;} .forminator-field-upload .forminator-field .forminator-file-upload .forminator-button {width: 100% !important;height: 100% !important;font-size: 0 !important;background: transparent !important;margin: 0 !important;box-shadow: none !important;border-radius: 23px !important;} .forminator-field-upload .forminator-label {font-size: 16px !important;font-family: "Manrope", sans-serif !important; font-weight: 400 !important;color: #000 !important;padding: 12px 18px !important;line-height: 1 !important;width: 100%;height: 100%;} .forminator-button-delete {position: absolute !important;right: -40px !important;} .contact_form_globle .forminator-row .mt-25 {margin-top: 10px !important;} .contact_form_globle .forminator-row .mt-25 p a{text-decoration: underline !important;margin-left: 18px !important;} .forminator-button-submit {display: inline-block !important;min-width: 156px !important;font-family: "Manrope", sans-serif !important;font-weight: 700 !important;font-size: 15px !important;line-height: 1 !important;color: #ffffff !important;background: #FF0000 !important;text-transform: uppercase !important;border-radius: 15px !important;text-align: left !important;padding: 7.5px 35px 7.5px 22px !important;box-shadow: none !important;margin-top: 57px !important;} .forminator-button-submit::before {content: '' !important;position: absolute !important;width: 13px;height: 18px;background: url(images/btn_white.svg)center center no-repeat;background-size: 13px;right: 22px;top: 50%;transform: translateY(-50%) scale(1);transition: 0.4s;} .forminator-button-submit:hover::before {transform: translateY(-50%) scale(1.1);} .contact_us_sec.conatct_page{ padding: 0; background: transparent;} .contact_us_sec.conatct_page .inner_part{align-items: flex-end; } .contact_us_sec.conatct_page .contact_form { padding: 21px 40px;} .contact_us_sec.conatct_page .details {background: #EBF6FC; } .contact_sec::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1574px; height: 100%; background: url(images/contact_bg_img.png) center center no-repeat; background-size: auto; background-size: 1574px; pointer-events: none; z-index: -1; transform: translate(-50%, -50%); } .contact_sec .right_part .card { margin-bottom: 26px; background: green; width: 100%; padding: 35px 30px 16px 30px; color: #fff; display: flex; justify-content: space-between; flex-direction: column; align-items: center; text-align: center; } .contact_sec .right_part .card:hover .btn_arrow svg{ transform: scale(1.1); } /* contact_sec end */ .forminator-error-message ,.forminator-response-message.forminator-error{ color: red !important; line-height: 1.2 !important;} .quiz_sec .forminator-response-message{ color: green;} .contact_form .forminator-error-message{position: absolute !important; background: #fff !important; width: 100% !important;} .contact_form .forminator-has_error input::placeholder{ color: red !important;} /* quiz_sec start */ .step_towards_sec.quiz_page .right_part{padding-left: 50px;} .step_towards_sec.quiz_page .right_part img{ display: block; max-width: 170px;} .quiz_sec { padding: 67px 0 165px; background: #FEF3E7; position: relative; z-index: 1;} .quiz_sec::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1574px; height:100%; background: url(images/quiz_bg_img.png) center center no-repeat; background-size: auto; background-size: 1574px; pointer-events: none; z-index: -1; transform: translate(-50%, -50%); } .quiz_sec .inner_part{ max-width:680px; margin: 0 auto;} .quiz_sec .forminator-label{ font-size:26px; margin-bottom: 20px; line-height: 35px; font-weight:800; color: #04016E; margin-right: 0 !important;padding-top:20px;padding-bottom:20px;} .quiz_sec .forminator-radio-bullet { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important; min-width: 80px !important; height: 80px !important; background: #FF0000 !important; border-radius: 50% !important; border: 2px solid #fff !important; } .quiz_sec .forminator-radio-bullet::before { width: 40px !important; height: 40px !important; top: 50% !important; background: #FFFFFF !important; border: 2px solid #FFFFFF !important; transform: translate(-50%, -50%) !important; } .quiz_sec .forminator-field{ margin-bottom: 12px !important;} .quiz_sec .forminator-radio input:checked + .forminator-radio-bullet::before { background: #FF0000 !important; border-color: #fff !important; } .quiz_sec .forminator-field-radio.orange .forminator-radio-bullet { background: #F18516 !important;} .quiz_sec .forminator-field-radio.blue .forminator-radio-bullet { background: #04016E !important;} .quiz_sec .forminator-button-submit {display:none !important;} .quiz_sec .forminator-radio-bullet { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important; min-width: 80px !important; height: 80px !important; background: #FF0000 !important; border-radius: 50% !important; border: 2px solid #fff !important; } .quiz_sec .forminator-field input::placeholder ,.quiz_sec .forminator-field textarea::placeholder ,.select2-selection__placeholder {font-family: "Manrope", sans-serif !important; font-weight: 400 !important;color: #000 !important;} .quiz_sec .forminator-radio-label, .quiz_sec .forminator-checkbox-label, .quiz_sec .forminator-field input,.select2-selection__rendered{ font-size: 18px !important; z-index: 1 !important; } .quiz_sec .forminator-field input, .quiz_sec .forminator-field textarea, .quiz_sec .selection .select2-selection { padding: 22px 30px !important; font-size: 18px !important; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important; border-radius: 35px !important; } .quiz_sec .selection .select2-selection { padding: 14px 30px !important; background: #fff !important; border: none !important; } .quiz_sec .radio_btn{ position:relative;} .quiz_sec .radio_btn::before { content: ""; position: absolute; left: 0; top: -8px; width: 80px; height: 80px; background: #FF0000; border-radius: 50%; border: 2px solid #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .quiz_sec .radio_btn::after { content: ""; position: absolute; top: 35px; left: 42px; width: 40px; height: 40px; background: #FFFFFF; border-radius: 50%; transform: translate(-50%, -50%); } .quiz_sec .radio_btn input{ padding-left: 100px !important;} .quiz_sec .flex_card .forminator-field{display: flex; gap: 30px !important; flex-wrap: wrap;} .quiz_sec .flex_card .forminator-field label{ width: calc(50% - 15px) !important; margin-right: 0 !important;} .quiz_sec .select2-selection__arrow .forminator-icon-chevron-down::before{width: 50px !important; height: 37px !important; background: url(images/select_arrow.svg) center center no-repeat; font-size: 0 !important; font-family: none !important;} .quiz_sec .select2-selection__arrow{ width: 50px !important;} .forminator-select-dropdown { border-radius: 35px !important; background: #fff !important; margin-top: 21px !important; padding: 34px 0 40px !important; border: none !important; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;} .forminator-select-dropdown ul li {padding: 12px 30px !important; font-family: "Manrope", sans-serif; color: #000 !important; font-weight: 400; font-size: 18px !important; line-height: 25px !important;} .forminator-select-dropdown ul li.select2-results__option--highlighted ,.forminator-select-dropdown ul li.select2-results__option--selected { background: #FF0000 !important; color: #fff !important; border: none !important; outline: none !important;} .quiz_sec .forminator-button-submit{ text-align: center !important;} .quiz_sec .flex_card .forminator-checkbox-box {border: 2px solid transparent !important; border-radius: 20px !important; width: 100% !important; height: 100% !important; background: transparent !important; position: absolute !important;z-index: 1; min-width: 100% !important; margin-bottom: 0 !important; } .quiz_sec .flex_card .forminator-checkbox-box::before { display: none !important; } .quiz_sec .flex_card .forminator-checkbox-label{ padding: 30px 90px 30px 30px !important; color: #fff !important; line-height: 25px !important; margin: 0 !important; height: 100% !important;} .quiz_sec .flex_card .forminator-checkbox-label strong{ display: block; font-size: 26px;line-height: 35px; font-weight: 800;} .quiz_sec .flex_card .forminator-checkbox-box::after { content: ""; position: absolute; top:20px;right:27px; width:50px; height: 37px; background:url(images/check_arrow.svg) center center no-repeat; background-size:50px; transition: 0.4s; } .quiz_sec .flex_card .forminator-checkbox{ margin-bottom: 0 !important; background: #04016E !important; border-radius: 20px !important;} .quiz_sec .flex_card .forminator-checkbox:nth-of-type(2) { background: #3EA9E1 !important;} .quiz_sec .flex_card .forminator-checkbox:nth-of-type(3) { background: #F18516 !important;} .quiz_sec .flex_card .forminator-checkbox:nth-of-type(4) { background: #FF0000 !important;} .quiz_sec .flex_card input:checked + .forminator-checkbox-box{ border-color: #000 !important;} .select2-selection.select2-selection--single{ outline: none !important; border: none !important; background: #fff !important} /* quiz_sec end */ /* location_sec start */ .location_sec {position: relative;z-index: 1;padding: 52px 0 184px;background: #EBF6FC;} .location_sec img {display: block;margin: 0 auto;width: 100%;} .location_sec::before {content: "";position: absolute;top: 0;left: 50%;width: 1573px;height:100%; background: url(images/contact_bg_img.png) center center no-repeat;background-size: 1573px;pointer-events: none;z-index: -1;transform: translateX(-50%);} .location_sec .topbar { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } .location_sec .topbar .filters{ width: 48.5%;} .location_sec .topbar .search-box{ width: 48.5%;} .location_sec .input_wrap { position: relative; width: 100%; max-width: 320px; } .location_sec .topbar .search-box input{color: #000;width: 100%;padding: 12px 40px 12px 18px; border: none;outline: none;border-radius: 23px; font-size: 15px;background: #ffffff; font-family: "Manrope", sans-serif; font-weight: 400; min-width: 320px;} .location_sec .topbar .search-box input::placeholder {color: #000000;} .location_sec .topbar .search-box button { position: absolute; right: 0; top: 1px; border: none; cursor: pointer; outline: none; background: transparent; color: #fff; font-size: 15px; line-height: 1; font-weight: 700; width: 58px; height: 100%; } .location_sec .topbar .search-box button svg{ max-width: 14px; height: auto;} .location_sec .topbar .search-box button svg path{ fill: #FF0000;} .location_sec .filters label { margin-right: 20px; font-weight: bold; cursor: pointer; } .location_sec .search-box input { padding: 8px 12px; border-radius: 20px; border: 1px solid #fff; width: 220px; } .location_sec .inner_part { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;} .location_sec .left_part{ width: 48.5%;} .location_sec .map-wrapper{ width: 48.5%; position: sticky; top: 120px; } .location_sec .sidebar { width: 100%; display: flex; gap: 45px; flex-wrap: wrap;} .location_sec #map {height: 600px; } .location_sec .sidebar .card { min-height: 200px; width: calc(50% - 23px); background: #fff; padding: 16px 20px; cursor: pointer; transition: 0.4s; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .location_sec .sidebar .card h3{ font-size: 22px; line-height: 25px; margin-bottom: 0px;} .location_sec .sidebar .card .city{ font-size: 20px; line-height: 25px; font-size: 400; margin-bottom: 5px; display: inline-block; color: #04016E;} .location_sec .no-results { background: white; padding: 30px; border-radius: 8px; text-align: center; color: #666; font-weight: bold; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); } .location_sec .card .type{ display:block; font-size: 20px; line-height: 25px; color: #000000; margin-bottom: 35px;margin-top: 25px;} .filters.radio_btn { width: calc(20% - 8px); display: flex;flex-wrap: wrap;gap:13px 10px; margin-bottom:14px; } .filters.radio_btn input { opacity: 0; width: 45px; height: 45px; cursor: pointer; } .filters.radio_btn label span{ font-size: 15px; } .filters.radio_btn label { display: flex; align-items: center; gap: 10px; cursor: pointer; position: relative; font-size: 15px; width: auto; } .filters.radio_btn .wpcf7-list-item-label::before { content: ""; width: 45px; height: 45px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .filters.radio_btn .wpcf7-list-item-label::after { content: ""; width: 44px; height:44px; border: 1px solid #707070; border-radius: 50%; position: absolute; left:0; top: 0; transform: scale(0.6); transition: 0.3s ease; } .filters.radio_btn input:checked + .wpcf7-list-item-label::after { transform:scale(0.6); background: #FF0000; border: 1px solid #FF0000; } .location_sec .leaflet-popup {margin-bottom: 50px ; } .location_sec .leaflet-popup-content{ min-height: 100px !important; margin: 30px 20px 20px;} .leaflet-popup-content h4{ color: #04016E;} .leaflet-popup-content-wrapper{ width: 240px;} .leaflet-popup-content p{ font-size: 14px !important; font-weight: 400; } /* .location_sec .leaflet-popup{ left: -132px !important;} */ /* location_sec end */ .location_sec .leaflet-container .leaflet-popup-content a{ color: #fff;} .es-carousel-arrow-control{ width: 36px !important; height: 36px !important; background: #fff !important; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;} .es-carousel-arrow-control svg{ fill: #FF0000 !important; max-width: 22px !important;} .contact_sticky{ font-size: 15px; line-height: 25px; color: #fff; font-weight: 800; margin-bottom: 10px; padding: 15px 20px; background: #04016E; position: fixed; top: 50%; right: 0; z-index:6; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 100px; cursor: pointer;} .contact_sticky .btn_arrow svg{ max-width: 31px; } .contact_sticky .btn_arrow svg path{fill: #FF0000;} .contact_sticky .btn_arrow{ margin-top: 10px;} .contact_sticky:hover .btn_arrow svg{ transform: scale(1.1); transition: 0.4s;} .page-template-template-contact .contact_sticky {display:none;} /* error_sec css */ .error_sec {padding: 50px 0 100px;} .error_sec .wrapper {max-width: 800px;} .error_sec .inner_part {text-align: center;} .error_sec .inner_part p {margin-bottom: 0;} .error_sec img {display: block;margin: 0 auto 20px auto;} .error_sec .btn_one {margin-top: 30px;} /* responsive-css start */ @media only screen and (max-width:1440px) { h1{font-size:45px;line-height:1;} h2{font-size: 28px;line-height:34px; } h3{font-size: 24px;line-height: 32px;} h4{font-size: 22px;line-height: 26px;} h5{font-size: 18px;line-height: 24px;} h6{font-size: 16px;line-height: 22px;} p{ margin-bottom: 25px;} .mb_100 ,.mb_130 { margin-bottom: 80px !important;} .ptb-75 { padding: 60px 0; } .main-content {margin-top: 104px;} .wrapper{max-width: 1260px;} .btn_arrow svg{ max-width: 25px;} .header .logo { width: 200px;} .header .right_part{ width: calc(100% - 200px);} .hero_sec{ margin-bottom: 50px;} .hero_sec .inner_part{ padding: 30px 30px 0 30px;} .hero_sec .inner_part::before,.hero_sec .hero_slider::before{background-size: 90px; right: -30px; top: -30px; width: 90px; height: 90px;} .step_towards_sec .right_part{gap: 15px;} .step_towards_sec .card {width: calc(33.33% - 10px);padding: 25px 25px 16px 25px;} .our_region_sec .inner_part{gap: 30px;} .our_region_sec .card { width: calc(33.33% - 20px);} .our_region_sec .card .text{ padding:30px 20px;} /* .our_region_sec .card .text h2 { margin-bottom: 35px;} */ .activities_sec, .follow_us_sec ,.contact_us_sec ,.contact_sec{ padding: 60px 0;} .activities_sec .card .text_box {padding: 20px 20px 15px;} .contact_us_sec .contact_card.contact_form{ padding: 20px 30px;} .contact_us_sec .inner_part{ gap: 30px;} .contact_us_sec .contact_card {width: calc(33.33% - 20px);} .contact_us_sec .top{margin-bottom: 20px;} /* .contact_form .btn_one{} */ .footer .footer_logo{width: 220px;} .footer .right_part { width: 36%;} .stories_sec { padding: 50px 0; } .stories_sec .play-triger{background-size: 50px;} /* .activities_sec .right_part .card{ min-height: 151px;} */ .activities_sec.two .right_part .card:not(:last-child){ margin-bottom:39px;} .activities_sec .left_card{ margin-bottom: 25px;} .activities_sec.two .left_card{ margin-bottom: 41px;} .activities .activities_sec.two { background: transparent; padding: 0 0 60px; } .contact_us_sec .contact_card.contact_form .top{ margin-bottom: 0;} .quiz_sec::before ,.contact_sec::before {width: 100%; background-size: 100%; max-width: 90%;} .quiz_sec { padding: 60px 0 60px;} .activities_sec.two { padding: 60px 0; } .training_sec .list_box ul li{ font-size: 18px; margin-bottom: 10px;} .filters.radio_btn label span{ font-size: 13px;} .location_sec .topbar{ margin-bottom: 30px;} .location_sec .sidebar .card h3{ font-size: 20px;} .location_sec .sidebar .card .city ,.location_sec .card .type{ font-size: 18px;} .location_sec .sidebar{ gap: 30px;} .location_sec .sidebar .card { width: calc(50% - 15px); } .location_sec{ padding: 50px 0 100px;} } @media only screen and (max-width:1279px) { h1{font-size:40px;line-height:1;} h2{font-size: 26px;line-height:32px; } h4{font-size: 20px;line-height: 24px;} h5{font-size: 18px;line-height: 24px;} h6{font-size: 16px;line-height: 22px;} .mb_60, .mb_75, .mb_80 ,.mb_90, .mb_100 ,.mb_124, .mb_130, .mb_150{margin-bottom: 60px !important;} p{ margin-bottom: 25px;} .mb_80, .mb_100 ,.mb_130 { margin-bottom: 80px !important;} .main-content {margin-top:94px;} .wrapper{max-width: 1024px;} .header .logo { width: 180px;} .header .right_part{width: calc(100% - 180px);padding-right: 80px;} .header .right_part .nav > ul{gap: 8px; } .hero_sec .inner_part::before,.hero_sec .hero_slider::before { background-size: 70px; right: -23px; top: -23px; width: 70px;height: 70px; } .hero_sec .right_part img {max-width: 500px; } .hero_sec .inner_part{ min-height: 450px;} .our_region_sec .card .text h2{ font-size: 22px; line-height: 28px;} .step_towards_sec .left_part {width: 46%;} .step_towards_sec .right_part {width: 52%;} .step_towards_sec h6 {font-size: 18px;} .activities_sec.two .left_card { margin-bottom:28px; } .step_towards_sec .card {padding: 20px 15px 15px;} .btn_arrow svg { max-width: 20px; } .our_region_sec .card .text h4 {margin-bottom: 20px;} .our_region_sec .inner_part{gap: 20px;} .our_region_sec .card { width: calc(33.33% - 14px);} .activities_sec .right_part .card{margin-bottom: 15px;} .list_box ul li{font-size: 16px;} .activities_sec .card .text_box {padding: 15px;} .activities_sec .left_part .text_box{ padding: 20px 15px;} .home .activities_sec .left_part img{ min-height: 288px; object-fit: cover;} .clicle_arrow svg { max-width: 29px;} .contact_us_sec { padding: 50px 0;} .contact_us_sec .contact_card.contact_form { padding: 20px;} .contact_us_sec .inner_part { gap:30px 20px;} .contact_us_sec .contact_card { width: calc(33.33% - 14px);} .footer .left_part {width: 45%;} .footer .right_part {width: 42%; } .footer .right_logo img {max-width: 170px;} .activities_sec .right_part .card ,.activities_sec.two .right_part .card{ min-height: 145px; } .activities_sec .left_card{ margin-bottom: 18px;} .activities_sec.two .right_part .card:not(:last-child) { margin-bottom: 28px; } .activities_sec .left_card { margin-bottom: 18px;} .stories_sec .profile_deatil{ margin-bottom: 30px;} .stories_sec .left_part p.quote{ font-size: 18px;} .stories_sec .profile_deatil .title{ padding-left: 25px;} .stories_sec.two_video .inner_part{ gap: 30px;} .stories_sec.two_video .video_card {width: calc(50% - 15px);} /* .contact_sec .left_part{} */ .contact_sec::before{ max-width: 90%; background-size: 100%; width: 100%;} .quiz_sec .forminator-radio-bullet{ width: 60px !important; height: 60px !important; min-width: 60px !important;} .quiz_sec .forminator-radio-bullet::before{width: 25px !important; height: 25px !important;} .quiz_sec .forminator-radio-label, .quiz_sec .forminator-checkbox-label, .quiz_sec .forminator-field input, .select2-selection__rendered{ font-size: 16px !important;} .quiz_sec .radio_btn::before{ width: 60px !important; height: 60px !important; min-width: 60px !important;} .quiz_sec .radio_btn::after {width: 29px !important; height: 29px !important; top: 25px !important; left: 32px !important;} .quiz_sec .forminator-field input, .quiz_sec .forminator-field textarea, .quiz_sec .selection .select2-selection{ padding: 15px 30px !important;} .quiz_sec .forminator-field textarea{border-radius: 20px !important; } .quiz_sec .flex_card .forminator-checkbox-box::after{ width: 35px !important; height: 35px !important; background-size: 35px !important; } .quiz_sec .select2-selection__arrow .forminator-icon-chevron-down::before{ width: 35px !important; height: 35px !important;background-size: 35px !important;} .quiz_sec .selection .select2-selection { padding: 7px 30px !important; } .forminator-button-submit{ margin-top: 30px !important; text-align: center !important; } .forminator-select-dropdown ul li{ font-size: 16px !important; padding: 7px 30px !important;} .forminator-select-dropdown { border-radius: 20px !important;} .quiz_sec .radio_btn input { padding-left: 75px !important; } .forminator-select-dropdown{ padding: 20px 0 30px !important;} .error_sec {padding: 50px 0 60px;} .contact_us_sec .details{ padding: 28px 20px;} } @media only screen and (max-width:1023px) { .mb_40, .mb_50,.mb_60, .mb_75, .mb_80 ,.mb_90, .mb_100 ,.mb_124, .mb_130, .mb_150{margin-bottom: 40px !important;} .wrapper{ max-width: 800px;} /* menu bar */ .header .menubar.active{ height: 25px;} .header .menubar.active span:nth-child(1) { transform: translateY(11px) rotate(-45deg); width: 100% } .header .menubar.active span:nth-child(2) { display: none } .header .menubar.active span:nth-child(3) { transform: translateY(0px) rotate(45deg); width: 100% } /* mobile menu css */ .hamburger_menu.show {opacity: 1; visibility: visible; pointer-events: all;} .header .menubar{ display: block;} .header .inner_part{ align-items: center;} .header .right_part{ transform: unset;padding-right: 0;} .header .right_part .nav{display: none;} .hero_sec .inner_part {min-height: 400px; padding: 30px 20px 0 20px;} .hero_sec .left_part{ width: 56%;} .hero_sec .right_part {width: calc(40% + 50px);} .hero_sec .right_part img { max-width: 100%;} .step_towards_sec .left_part {width: 100%; margin-bottom: 30px;} .step_towards_sec .right_part { width: 100%; } .step_towards_sec h6 {font-size: 20px;} .our_region_sec .card .text h4 {line-height: 25px; } .our_region_sec .btn_box{margin-top: 25px;} .activities_sec .left_part {width: 100%; margin-bottom: 40px;} .activities_sec .right_part { width: 100%;} .activities_sec .btn_box{margin-top: 25px;} .activities_sec .left_part .text_box {padding: 20px 13px 20px;} .activities_sec .left_part .text_box h4 { margin-bottom: 15px;} .follow_us_sec { padding: 40px 0 50px;} .social_icons ul li img { max-width: 35px;} .contact_us_sec .contact_card {width: calc(50% - 10px); } .contact_us_sec .contact_card img {max-width: 130px;} .contact_us_sec .details {padding: 20px 20px;} .contact_us_sec .details .name {margin-bottom: 15px;} .contact_us_sec .contact_card.contact_form{width: 100%;} .footer .left_part { width: 100%;margin-bottom: 30px; } .footer .right_part {width: 100%; } .follow_us_sec .left_part { width: 100%; margin-bottom: 30px;} .follow_us_sec .right_part {width: 100%;padding-left: 0;} .our_region_sec .card .text { padding: 30px 20px 20px; } .contact_form .forminator-row-last{ margin: 0 !important;} .stories_sec .right_part{ width: 100%; order: 1; margin-bottom: 40px;} .stories_sec .left_part{ width: 100%; order: 2;} .stories_sec .right_part img{ width: 100%;} .stories_sec .video_part a{ display: block;} .stories_sec .left_part .text_box{ max-width: 100%;} .stories_sec.two_video .inner_part{ gap: 20px;} .stories_sec.two_video .video_card { width: calc(50% - 10px); } .stories_sec .left_part h3{ margin-bottom: 20px;} .activities_sec.two .title { margin-bottom: 30px; } .contact_sec .left_part{ width: 100%; padding-right: 0; order: 2;} .contact_sec .right_part{ width: 100%; padding-top: 0; order: 1; margin-bottom: 40px; display: flex; gap: 15px; flex-wrap: wrap; } .contact_sec .right_part .card{ width: calc(33.33% - 10px); margin-bottom: 0;} .contact_sec .right_part .card:last-child{ margin-bottom: 0;} .forminator-button-submit{ width: auto !important;} .step_towards_sec.quiz_page .right_part{padding-left: 0;} .quiz_sec .forminator-radio { width: 100% !important;} .forminator-ui#forminator-module-177.forminator-design--default .forminator-radio{ width: 100% !important; margin-bottom: 20px !important;} .forminator-ui#forminator-module-177.forminator-design--default .forminator-radio:last-child{ margin-bottom: 10px !important;} .quiz_sec .forminator-field{ margin-bottom: 0 !important;} .quiz_sec .selection .select2-selection { padding: 7px 15px !important; } .training_sec .left_part { width: 100%; margin-bottom: 40px; } .training_sec .right_part { width: 100%; } .training_sec .right_part img{ width: 100%; display: block;} .ovita_sec .left_part{ width: 100%; order: 2;} .ovita_sec .right_part{ width: 100%; order:1; margin-bottom: 30px;} .ovita_sec.big_layout .left_part, .ovita_sec.big_layout_two .right_part{ width: 100%;} .ovita_sec.big_layout .right_part, .ovita_sec.big_layout_two .left_part{ width: 100%;} .ovita_sec.big_layout_two .right_part img{ max-height: 300px; object-fit: cover;} .location_sec .topbar .filters{ width: 100%; order: 2;} .location_sec .topbar .search-box{ width: 100%; order: 1; margin-bottom: 30px;} .location_sec .input_wrap{ max-width: 100%;} .location_sec .left_part{ width: 40%;} .location_sec .map-wrapper{ width: 57%;} .location_sec .sidebar .card{ width: 100%;} .location_sec #map{ height: 450px;} .error_sec {padding: 50px 0 60px;} } @media only screen and (max-width:767px) { h1 { font-size: 30px;} .wrapper{ max-width: 100%;} .ptb-75 { padding: 40px 0; } .our_region_sec .card .text h2 { font-size: 20px; line-height: 26px; } .social_icons ul{ gap: 10px;} .contact_us_sec .contact_card { width: 100%; } .activities_sec, .follow_us_sec ,.contact_us_sec , .quiz_sec , .contact_sec ,.activities_sec.two{ padding: 40px 0;} /* .step_towards_sec .card{ width: 100%;} */ .our_region_sec .card { width:100% } .footer{ padding: 30px 0} .our_region_sec .card img{ max-height: 250px;} .hero_sec.layout_two .inner_part{ min-height: unset;} .stories_sec.two_video .video_card{ width: 100%;} .stories_sec.stories_sec.two_video{ margin-bottom: 0 !important;} .quiz_sec .forminator-radio-bullet { width: 40px !important; height: 40px !important; min-width: 40px !important; } .quiz_sec .forminator-radio-bullet::before { width: 14px !important; height: 14px !important; } .quiz_sec .radio_btn::before { width: 40px !important; height: 40px !important; min-width: 40px !important; } .quiz_sec .radio_btn::after { width: 19px !important; height: 19px !important; top:18px !important; left: 22px !important; } .quiz_sec .radio_btn::before{top: -4px;} .quiz_sec .forminator-field input, .quiz_sec .forminator-field textarea, .quiz_sec .selection .select2-selection { padding: 8px 30px !important; } .quiz_sec .flex_card .forminator-field{ gap: 20px !important;} .quiz_sec .flex_card .forminator-checkbox-label strong{ font-size: 22px;} .quiz_sec .flex_card .forminator-checkbox-label { padding: 35px 20px 25px !important;} .quiz_sec .radio_btn input { padding-left: 55px !important; } .quiz_sec .selection .select2-selection { padding: 0px 15px !important; } .quiz_sec .select2-selection__arrow .forminator-icon-chevron-down::before { width: 20px !important; height: 20px !important; background-size: 20px !important; } .forminator-ui#forminator-module-52.forminator-design--default .forminator-radio{ width: 49%;max-width: unset; margin-right: 0 !important; margin-bottom:10px !important} .forminator-ui#forminator-module-52.forminator-design--default .forminator-radio:last-child, .forminator-ui#forminator-module-52.forminator-design--default .forminator-radio:nth-last-child(2) { margin-bottom: 0 !important; } .training_sec .list_box ul li { font-size: 16px;} .training_sec .training_detail { padding-left: 0; } .contact_sticky{ padding: 10px 20px;} .contact_sticky .btn_arrow svg { max-width: 20px; } /* .step_towards_sec .card.contact_form{ width: 100%;} */ .step_towards_sec .card.contact_form .top{ width: 100%;} .step_towards_sec .card.contact_form .top .btn_one{ width: 100% !important; justify-content: space-between;} .contact_form .forminator-row-last{ right: -3px;} .location_sec .left_part{ width: 100%; order: 2;} .location_sec .map-wrapper{ width: 100%; order: 1; margin-bottom: 30px;} .location_sec{ padding: 50px 0;} .location_sec .sidebar .card{ min-height:150px} .hero_sec .inner_part{ min-height: 330px;} .location_sec .sidebar .card { width: calc(50% - 15px); } .location_sec .map-wrapper { position: static; } } @media only screen and (max-width:600px) { .wrapper{padding: 0 20px;} h3 {font-size: 20px; line-height: 28px; margin-bottom: 20px; } h4{font-size: 18px;line-height: 24px;} .hero_sec .left_part{ width: 100%;} .hero_sec .right_part{ width: 100%; margin-left: 0;} .step_towards_sec h3 { margin-bottom: 20px; line-height: 24px;} .step_towards_sec .card { width: 100%; padding-top: 15%;} .our_region_sec .card {width: 100%;} .activities_sec .card .img_box { width: 100%;} .activities_sec .card .text_box {width: 100%;} .list_box ul li.timer::before{background-size: 12px;} .list_box ul li.location::before{background-size: 12px;} .social_icons ul li img { max-width: 25px;} .contact_us_sec .contact_card.contact_form{padding: 20px 15px;} .contact_us_sec .contact_card {width: 100%; margin-bottom: 15px;} .contact_us_sec .details h3 { margin-bottom: 8px;line-height: 20px;} /* .list_box ul li { font-size: 14px; } */ .stories_sec .profile_deatil .user_img{ width: 100%; margin-bottom: 20px;} .stories_sec .profile_deatil .title{ width: 100%; padding-left: 0;} .stories_sec .profile_deatil { margin-bottom: 20px; } .stories_sec .play-triger{ background-size: 45px;} .footer .social_icons{ padding-left: 0; margin: 20px 0;} .footer .right_logo img{ margin-bottom: 30px;} .footer .privacy{ margin-top: 10px;} .stories_sec .left_part p.quote{ font-size: 16px;} .quiz_sec .flex_card .forminator-field label{ width: 100% !important;} .quiz_sec .select2-selection__arrow .forminator-icon-chevron-down::before { width:25px !important; height:25px !important; background-size:25px !important; } .mb_124{margin-bottom: 40px !important;} .training_sec .list_box ul{ width: 100%; margin-bottom: 20px;} .training_sec .list_box .btn_box { width: 100%; } .training_sec .list_box{ margin-bottom: 30px;} .list_box ul li{ padding-left: 25px;} .hero_sec { margin-bottom: 30px; } .hero_sec .inner_part::before,.hero_sec .hero_slider::before { background-size: 50px; right: -17px; top: -17px; width: 50px; height: 50px; } .contact_sticky{min-width:70px; padding:3px 5px;font-size:12px} .contact_sticky .btn_arrow svg {max-width: 10px;} .location_sec .leaflet-popup-content p{margin:5px !important} .location_sec .leaflet-popup-content h4 {margin-bottom: 9px;font-size: 16px;} .location_sec .leaflet-popup-content {min-height: 100px !important; margin: 15px 15px !important;} .leaflet-popup-content-wrapper { width: 200px;} .error_sec {padding: 40px 0 40px;} .hero_sec .right_part img { max-width: 70%; margin: 0 auto; } .forminator-select-dropdown ul li {padding: 7px 20px !important; } .location_sec .sidebar .card { width: 100%; } .step_towards_sec .card.contact_form{ width: 100%;} .contact_sec .right_part .card{ width: 100%;} .activities_sec .right_part .card .img_box{display: none;} }