/* Theme Name: Twenty Twenty-Four Child Description: Twenty Twenty-Four Child Theme Author: Tryfon Tzanetis Author URI: http://tafhub.com Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. Template: twentytwentyfour Requires at least: 6.4 Tested up to: 6.4 Requires PHP: 7.0 Version: 1.0 License: GNU General Public License v2 or later License URI: http: //www.gnu.org/licenses/gpl-2.0.html Tags: Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news Text Domain: twentytwentyfourchild */ body { font-family: "Poppins", sans-serif !important; } /* header */ /*.header_row {width: 1320px;}*/ header.header {display: flex;justify-content: center; background-color: #382892;} body.home header.header {position: absolute;top: 0;left: 0; width: 100%;z-index: 9; background-color: transparent;border-bottom: 1px solid #9D9D9D; } .header .header_row .main_header { display: flex; justify-content: space-between;padding: 23px 0;} .header .header_row .main_header .head_logo a {display: flex;align-items: center;} .header .header_row .main_header .right_header {display: flex;align-items: center;gap: 67px;} .header .header_row .main_header .right_header .main-nav ul {display: flex;gap: 30px; margin: 0px; align-items: center;} .header .header_row .main_header .right_header .main-nav ul li{list-style: none; } .header .header_row .main_header .right_header .main-nav ul li a{text-decoration: none; color: #fff; font-weight: 400; font-size: 16px; } .header .header_row .main_header .right_header .contact_menu {display: flex;flex-direction: column;gap: 5px;} .header .header_row .main_header .right_header .contact_menu a {display: flex;align-items: center;justify-content: center;gap: 10px; font-size: 14px;color: #ffffff;text-decoration: none;font-weight: 400;} .header .header_row .main_header .right_header .main-nav ul li select.custom-polylang-langswitcher {background: #3E2F92;border: 0;color: #fff;outline: none;} .menu-toggle { display: none; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; cursor: pointer;} .menu-toggle span { display: block; height: 3px; background: #000; border-radius: 2px; transition: all 0.3s ease;} /* footer */ .footer-section { background-color: #382892; color: #ffffff; padding: 35px 0px; } .footer-section p {margin: 0;font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.51px;} .footer-section .footer-left {display: flex;flex-direction: column;gap: 25px;max-width: 80%;} .footer-section .footer-left .social_icons {display: flex;gap: 15px;} .footer-section .footer-left .social_icons a {width: 36px;height: 36px;display: flex;justify-content: center;padding: 10px;border: 1px solid #E19D00;border-radius: 50%;} .footer-section .footer-right {display: flex;flex-direction: column;gap: 25px;} .footer-section .footer-right h3 {color: #E19D00;font-size: 18px;font-weight: 500;font-family: 'Poppins';margin: 0;} .footer-section .footer-right .contact_detail {display: flex;flex-direction: column;gap: 25px;} .footer-section .footer-right .contact_detail > div {display: flex;align-items: flex-start;gap: 20px;} .footer-section .footer-right .contact_detail > div a {color: #fff;text-decoration: none;font-size: 16px;font-weight: 400;line-height: 18px;} .footer-section .footer-right .contact_detail > div p{font-size: 16px;letter-spacing: 0;} .footer-bottom { background-color: #E19D00; padding: 16px 0px; text-align: center; } .footerbottom_row {display: flex;align-items: center;justify-content: space-between;} .footer-bottom p { font-weight: 600; font-size: 16px; line-height: 100%; vertical-align: middle; color: #000; margin: 0px;} .footer-bottom .right_menu a {font-size: 16px; text-decoration: none; font-weight: 600; font-family: 'poppins'; color: #000;} .footer-bottom .right_menu a:first-child{border-right: 2px solid black;padding-right: 15px;margin-right: 10px;} .rtl .right_menu a:last-child{border-right: 2px solid black;padding-right: 15px;margin-right: 10px;} .rtl .right_menu a:first-child{border:0px;} .get_daily_update{text-align: center; padding: 50px 0;} .get_daily_update h3.widget-title {font-size: 48px;line-height: 52px;font-weight: 600;font-family: 'Poppins';max-width: 50%;margin: auto;padding-bottom: 25px;} .get_daily_update .textwidget{max-width: 70%;margin: 0 auto;} .get_daily_update .textwidget h4{font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'Poppins';} .get_daily_update .textwidget p{font-size: 14px;font-weight: 400;line-height: 24px;font-family: 'Poppins';} .get_daily_update .wpcf7 {margin: 35px 0 20px;} .get_daily_update form.wpcf7-form {max-width: 70%;margin: 0 auto;} .get_daily_update form.wpcf7-form .row {} .get_daily_update form.wpcf7-form .row .col-8 {padding: 0;} .get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit {background: #181818;color: #fff;width: 100%;padding: 6px;height: 100%;border-radius: 6px;border: 1px solid #181818} .get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit:hover {background: #FFFFFF;color: #181818;} .get_daily_update form.wpcf7-form .contact_btn span.wpcf7-spinner {position: absolute;} .testimonial_area {padding: 73px 0 135px;} .testimonial_area h3.widget-title {text-align: center;background: #3E2F921A;max-width: fit-content;margin: 0 auto;padding: 18px 32px;border-radius: 38px;font-size: 24px;color: #3E2F92;font-weight: 500;font-family: 'Poppins';} .testimonial_area .textwidget {margin-top: 30px;} .testimonial_area .textwidget h2 {text-align: center;font-size: 32px;line-height: 36px;font-weight: 600;font-family: 'Poppins';padding-bottom: 25px;} #testimonial_slider {margin-top: 55px;} #testimonial_slider .testimonial_boxes {border: 1px solid #3E2F92;padding: 32px 32px 70px 32px;border-radius: 30px;position: relative;background: #fff;} #testimonial_slider .testimonial_boxes .testimonial_img {display: flex;gap: 20px;} #testimonial_slider .testimonial_boxes .testimonial_img img.client_name {width: 86px;} #testimonial_slider .testimonial_boxes .testimonial_img .review {display: flex;} #testimonial_slider .testimonial_boxes .testimonial_img .review img {width: 22px;} #testimonial_slider .testimonial_boxes .testimonial_desc {margin-top: 35px; max-width: 85%;} #testimonial_slider .testimonial_boxes .testimonial_desc p {font-size: 14px;line-height: 24px;font-weight: 400; font-family: 'Noto Sans';} #testimonial_slider .testimonial_boxes img.design_right_bottom {position: absolute;right: 0;bottom: 0;width: 136px;} #testimonial_slider .testimonial_boxes::after {content: '';position: absolute;right: 27px;bottom: 18px;background-image: url('./images/qoutes.svg');background-size: contain;width: 36px;height: 32px;background-repeat: no-repeat;} /*.owl-carousel .owl-item {opacity: 0;transition: opacity 1s ease-in-out;} .owl-carousel .owl-item.active {opacity: 1;}*/ owl-carousel {position: relative;} body .owl-nav button span{display:none;} body .owl-nav button.owl-prev { background-image: url('./images/leftarrowimg.png') !important; background-size: contain; background-repeat: no-repeat; background-position: center; width: 65px; height: 65px; position: absolute; top: 124px; left: -96px;} body .owl-nav button.owl-next { background-image: url('./images/rightarrowimg.png') !important; background-size: contain; background-repeat: no-repeat; background-position: center; width: 65px; height: 65px; position: absolute; top: 124px; right: -96px;} /* Shivani Css */ :where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid} /*Hero Section*/ /* .Hero_section {background: #3E2F92;color: white;position: relative;z-index: 2;} */ /* .Hero_section:before {content: "";position: absolute;bottom: 0;width: 100%;height: 70%;background-image: url('./images/hero-banner-bg.png');background-repeat: no-repeat;background-size: cover;opacity: 0.1;z-index: -1;} */ .hero_sectionrow .left_col{position: relative; padding: 230px 0 120px 0px;} .hero_sectionrow .left_col h3 {font-size: 40px; font-family: Poppins;font-weight: 700;font-size: 52px;line-height: 127%;text-transform: capitalize;background: linear-gradient(90.18deg, #3E2F92 -31.02%, #DADADA 33.15%, #3E2F92 112.51%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;margin-bottom:23px;} .hero_sectionrow .left_col p {font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 30.3px;width: 81%; color:#FFFFFF;} .hero_sectionrow .left_col .herosec_btn a {background: #E19D00 !important;border: 1px solid #E19D00 !important;} .hero_sectionrow .left_col .herosec_btn a span {color: #000000;font-weight: 400;font-family: Poppins;font-weight: 500;font-style: Medium;font-size: 18px;line-height: 21.3px;} .Hero_section .hero_right_col {position: relative;} .Hero_section .hero_right_col img {position: absolute;width: 140%;top: -5rem;left: -6rem;max-width: 130% !important;} /*Scetion 2*/ .our_missionsech {display: flex;justify-content: center;} .our_missionsech h3 {font-family: Poppins;font-weight: 600;font-size: 32px;line-height: 53.3px;text-align: center;width: 80%;} .our_missionsec .left_colsec2 .feature {display: flex;align-items: flex-start;margin-bottom: 40px;border-bottom: 1px solid #D8D8D8;padding-bottom: 30px;} .our_missionsec .left_colsec2 .feature .icon {background-color: #3E2F921A;border-radius: 50%;padding: 10px;margin-right: 14px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;} .our_missionsec .left_colsec2 .feature .content h3 {margin-bottom: 8px;color: #3E2F92;font-family: Noto Sans;font-weight: 700;font-size: 24px;} .our_missionsec .left_colsec2 .feature .content p {margin: 0;color: #000000;font-family: Noto Sans;font-weight: 600;font-size: 16px;line-height: 22.3px; } .our_missionsec .left_colsec2 .feature .arrow {margin-left: auto;color: #532e8c;font-size: 20px;} .our_missionsec .left_colsec2 .widget_text{margin-bottom:0px;} /*Accordion css*/ .accordion{--bs-accordion-border-color: 0px;} .accordion .accordion-item { border-bottom: 1px solid #D8D8D8; padding: 30px 0px;} .accordion .accordion-item .accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; cursor: pointer; background-color: #fdfdfd;} .accordion .accordion-item .accordion-header .accordion-leftcol { display: flex; align-items: center; gap: 14px;} .accordion .accordion-item .accordion-header .accordion-leftcol .accordion-icon { background-color: #3E2F921A; border-radius: 50%; padding: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;} .accordion .accordion-item .accordion-header .accordion-leftcol .accordion-icon img {width: 30px;height: 30px;} .accordion-icon img.img_height {width: 17px !important;} .accordion .accordion-item .accordion-header .accordion-leftcol .accordion-title h3{ font-family: 'Noto Sans'; font-weight: 700; font-size: 24px; color: #3E2F92 !important;margin-bottom:0px; } .accordion .accordion-item .accordion-header h5{ font-family: Noto Sans; font-weight: 600; font-size: 16px; color: #000000; margin-bottom: 0px; } .accordion .accordion-item .accordion-header .accordion-arrow {transition: transform 0.3s ease;} .accordion .accordion-item .accordion-header.accordion-arrow.rotate {transform: rotate(180deg);} .accordion .accordion-item .accordion-body {display: none; padding: 0 15px 15px 88px;color: #333;} body.rtl .accordion .accordion-item .accordion-body {padding-right: 88px;} .accordion .accordion-item .accordion-body p{ font-family: Noto Sans; font-weight: 400; font-size: 16px;line-height: 22px; color: #000000; margin-bottom: 0px; } .accordion .accordion-item:first-child {padding-top: 0px;} /* .accordion .accordion-item .accordion-header.accordion-left img { background-color: #3E2F921A; border-radius: 50%; padding: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;} */ .accordion-left {display: flex; gap: 24px;} .accordion-icon { background: #3E2F921A !important; width: 50px; height: 50px; border-radius: 50%; padding: 10px 10px 10px 10px; display: flex; justify-content: center;} .accordion-title h3{font-family: 'Noto Sans'; font-weight: 700; font-style: Bold; font-size: 24px; color: #3E2F92 !important;margin-bottom:10px; } .accordion-arrow img {transition: transform 0.3s ease !important;} .accordion-arrow img.rotate {transform: rotate(180deg) !important;} .image_row a img, .sowb-button {transition: 0.50s linear all;} /* with jayeek section */ .with_jayeeksech {text-align: center;border-radius: 31px;} .with_jayeeksech h3 {text-align: center;background: #3E2F921A;max-width: fit-content;margin: 0 auto;padding: 18px 32px;border-radius: 38px;font-size: 24px;color: #3E2F92;font-weight: 500;font-family: 'Poppins';} .with_Jayeekcol1 {position: relative;padding-top: 326px !important;} .with_Jayeekcol1:before {content: "";position: absolute;top: 0;width: 467px;height: 215px;background-image: url('./images/with-Jayeekleftimg.png');z-index: 2;left: 0px;} .with_Jayeekcol2 {position: relative;padding-top: 325px;} .with_Jayeekcol2:after {content: "";position: absolute;top: 0;width: 467px;height: 215px;background-image: url('./images/with-Jayeekrightimg.png');z-index: 2;right: 0px;} .image_box .sow-image-container {position: relative; display: flex !important;align-items: center !important;background: #E19D00;width: 96px;height: 96px;text-align: center;border-radius: 50%;justify-content: center !important;z-index: 5;} .image_box .sow-image-container::before {-webkit-transition: box-shadow 1s;-moz-transition: box-shadow 1s;content: '';width: calc(100% + 10px);height: calc(100% + 10px);border: 4px solid transparent;position: absolute;border-radius: 50%;} .image_box .sow-image-container::after {-webkit-transition: box-shadow 1.5s;-moz-transition: box-shadow 1.5s;content: '';width: calc(100% + 24px);height: calc(100% + 24px);border: 2px solid transparent;position: absolute;border-radius: 50%;} .image_box:hover .sow-image-container::before{box-shadow: 0px 0px 0px 6px #e19d0066;border-color: #e19d0066;} .image_box:hover .sow-image-container::after {box-shadow: 0px 0px 0px 6px #e19d0026;border-color: #e19d0026;} .image_box h3.widget-title{position: relative; z-index: 1;background: #fff;padding: 72px 33px 31px 33px;border-radius: 27px;box-shadow: 0px 2px 41.8px 14px #0000000F;font-family: Noto Sans;font-weight: 600;font-size: 22px;text-align: center;min-height:199px;margin-top: -40px;} .image_box .so-widget-sow-image {text-align: center;display: flex;flex-direction: column;align-items: center;min-height: 199px;} .with_Jayeekcolrow2 .image_box:hover h3.widget-title {box-shadow: 0px 0px 20px 0px #0000000F;} .image_row a img:hover {transform: scale(1.1);} /*.with_jayeekcol2 {display: flex;flex-direction: column;align-items: center;}*/ .with_Jayeekcolrow2 {position: relative ;} .with_Jayeekcolrow2:after {content: "";position: absolute;bottom: 6rem;width: 76%;left: 13%;height: 29%;border: 2px dashed;border-top: 0; } .middle_coloumn_cls {position: relative;} .middle_coloumn_cls .mobile_imgs img {position: absolute;left: -5%;right: 0;margin: 0 auto;text-align: center;max-width: 110% !important;z-index: 1;} .middle_coloumn_cls .mobile_imgs {height: 600px;position: relative;} .middle_coloumn_cls .mobile_imgs::before{transition : 1.0s ease all;content: "";position: absolute;bottom: 0;width: 48%;height: 80%;background-image: url('./images/middle-app-left1.png');left: 86px;background-size: contain;background-repeat: no-repeat;background-position: left;transform: rotate(-11deg);} .middle_coloumn_cls .mobile_imgs::after{transition : 1.0s ease all;content: "";position: absolute;bottom: 0;width: 48%;height: 80%;background-image: url('./images/middle-app-right1.png');right: 122px;z-index: 0;background-size: contain;background-repeat: no-repeat;background-position: right;transform: rotate(11deg);/* opacity: 0; */} .middle_coloumn_cls .mobile_imgs:hover::before{transform: rotate(-28deg);left: 11px;bottom: 16px;} .middle_coloumn_cls .mobile_imgs:hover::after {transform: rotate(28deg);right: 61px;bottom: 5px;} .width_textbox {margin-top: 65px;} .width_textbox h3.widget-title {width: 64%;} .with_Jayeekcolrow2:before { display:none !important;} .with_jayeekrow3 .withjayeek_para { font-family: Poppins; font-weight: 400; font-size: 18px; line-height: 34px; text-align: center;} /* Our App section */ .our_appsec {position:relative;z-index: 1;} .our_appsec:before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background-image: url('./images/Blue-Wave-Line.png');z-index: -1;} .our_appsec h3{font-family: Poppins;font-weight: 600;font-size: 52px;line-height: 123%;vertical-align: middle;color:#FFFFFF;margin-bottom:18px;} .our_appsec p{font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 30.3px;color:#FFFFFF;margin-bottom:0px;} .our_appsec .image_row .panel-grid-cell {display: flex; gap: 25px;} /*section 4*/ .why_are_yousec .why_leftcol .whr_are_heading { font-family: Poppins; font-weight: 500; font-size: 24px; line-height: 110.00000000000001%; vertical-align: middle; color:#FFFFFF; Background:#E19D00; padding:18px 37px !important; border-radius:31px; width: 50%;} .whr_are_heading h3 {font-family: Poppins;font-weight: 500;font-size: 24px;line-height: 30px;letter-spacing: 0%;vertical-align: middle;margin:0px;border-radius: 31px;} .why_arerightrow .inner_col .why_are_widget{display: flex;gap: 10px;} .why_arerightrow .inner_col .why_are_widget h3 {border: 1px solid #3E2F92;width: 26px;height: 26px;border-radius: 50%;color: #3E2F92;font-family: Poppins;font-weight: 400;font-size: 14px;line-height: 15px;padding: 10px;display: flex;align-items: center;justify-content: center;margin-top: 5px;margin-bottom: 0px;} .why_arerightrow .inner_col .why_are_widget .textwidget p{font-family: Poppins;font-weight: 400;font-size: 14px;line-height: 26px;color:#000000;margin-bottom:20px;} .why_arerightrow {border-bottom: 0.5px solid #B1B1B1;} .border_none{ border-bottom: 0px;} .why_are_yousec .unify_your_text{font-family: Poppins; font-weight: 600; font-size: 14px; line-height: 30.3px; color:#000000;} .verticle_mobile img { -webkit-animation: mover 1.5s infinite alternate; animation: mover 1.5s infinite alternate; } @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-50px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-50px); } } /*call now section */ .call_nowcol h3.widget-title {margin-bottom: 12px;font-family: Poppins;font-weight: 500;font-size: 32px;color: #FFFFFF;} .call_nowcol p {font-family: Poppins;font-weight: 400;font-size: 24px;line-height: 30.3px;color: #FFFFFF;} /* hover effect*/ a.sowb-button.ow-button-hover:hover {transform: scale(1.05);} /* rtl css */ /* .rtl .hero_sectionrow { -ms-flex-direction: row-reverse; flex-direction: column-reverse !important; } */ .rtl .Hero_section .hero_right_col img {left: 0rem !important;} .rtl .why_are_yousec .why_leftcol .whr_are_heading { width: 31%;} .rtl .middle_coloumn_cls .mobile_imgs img {left: 0%;right: 5%;} .hero_sectionrow .left_col {padding: 230px 0 157px 0px;} /* Privacy Policy */ .privacy_policytitle h3, .termsandcon h3{font-family: 'poppins'; color: #000000; font-size: 32px; margin-bottom: 16px;font-weight: 600;} .privacy_policytitle .text_privacy p{font-family: 'Noto Sans'; font-size: 16px; color: #000000; margin-bottom: 10px; } .privacy_policytitle p , .termsandcon p{font-family: 'Noto Sans'; font-size: 16px; color: #000000; line-height: 28px;} .termsandcon h1 { font-family: 'poppins'; color: #000000; font-size: 18px; line-height: 30px;} .get_daily_update .tnp-subscription {max-width: 72%;} .get_daily_update .tnp-subscription form {gap: 35px 20px;display: flex;justify-content: space-between; margin: 35px 0;} .get_daily_update .tnp-subscription form label {display: none;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-email {width: 68%;margin: 0;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-button {width: 30%;margin: 0;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-button input.tnp-submit {background: #181818;color: #fff;width: 100%;padding: 6px;height: 100%;border-radius: 6px;border: 1px solid #181818;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-email input {background-color: transparent;border: 1px solid #ccc;border-radius: 7px;} /* Contact form styling */ .get_in_touch h3{ font-size: 45px; line-height: 52px; font-weight: 600; font-family: 'Poppins'; color: #181818; margin-bottom: 30px;} .get_in_touch p{ font-size: 16px; line-height: 26px; font-weight: 400; font-family: 'Poppins'; color: #181818; margin-bottom: 0px;} .contact_inforow .panel-grid-cell{display: flex; gap: 15px;} .contact_inforow h3{font-family: 'Noto Sans';font-weight: 600;font-size: 24px; color: #3E2F92; margin-bottom: 12px;} .contact_inforow p{font-family: 'Noto Sans';font-weight: 500;font-size: 18px; color: #181818;} /* .contact_form form {max-width: 700px;padding: 30px; background-color: #fff; border-radius: 20px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); box-sizing: border-box;} .contact_form form input[type="text"],.contact_form form input[type="email"],.contact_form form input[type="tel"],.contact_form form textarea { width: 100%; padding: 15px 20px; font-size: 16px; color: #333; background-color: #3e2f9208; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; transition: border 0.3s ease; margin-bottom: 0px;} .contact_form form input[type="text"]:focus,.contact_form form input[type="email"]:focus,.contact_form form input[type="tel"]:focus,.contact_form form textarea:focus {border-color: #3E2F92;outline: none;} .contact_form form input[type="submit"] { background-color: #3E2F92; color: #fff; font-size: 16px; font-weight: 500; padding: 12px 32px; border: 1px solid #3E2F92; border-radius: 30px; cursor: pointer;} .contact_form form input[type="submit"]:hover {background-color: #ffffff; color: #3E2F92;} .submit_btn p{margin-bottom: 0px; text-align: right; position: relative;} .submit_btn span.wpcf7-spinner {position: absolute;right: 216px;top: 10px;} .secondrow_contact h3 { font-family: 'Noto Sans'; font-size: 22px; font-weight: 600; margin-bottom: 10px; color: #181818;} .secondrow_contact p{ font-family: 'Noto Sans'; font-size: 18px; font-weight: 400; margin-bottom: 0px; color: #181818;} */ .herocommon_sec{ padding: 135px 15px 135px 15px;} .contacthero h3{font-family: 'Poppins'; color: #fff;font-size: 52px;font-weight: 600;display: inline-block;border-bottom: 2px solid #ffffff;} .contacthero .so-widget-sow-editor{text-align: center;} .address_sec .address_row .address_col{background: linear-gradient(to bottom, #3E2F92 0%, #5B44B2 50%, #7C65D3 100%);text-align: center;border-radius: 10px; padding: 20px;} .address_sec .address_row .address_col h3{font-family: 'Poppins'; font-weight: 500;font-size: 25px; color: #ffff;} .address_sec .address_row .address_col p{font-family: 'Poppins'; font-weight: 400;font-size: 16px; color: #ffff;} .contact_usrow{max-width: 90%;} .contact_usrow {position: relative;margin: 80px 0px 100px 0px;} .contact_usrow::before { content: ''; position: absolute; top: 0px; left: 235px; width: calc(100% - 15%); height: 100%; background-color: #ffffff; box-shadow: 0px 4px 31px 20px #0000000F; border-radius: 10px; pointer-events: none; z-index: -1;} .contactusmain .contact_usrow .contact_usleftcol h3{font-family: 'Poppins'; font-weight: 500;font-size: 32px; color: #ffff;} .contactusmain .contact_usrow .contact_usleftcol .address .panel-grid-cell{display: flex;align-items: flex-start;gap: 10px;} .contactusmain .contact_usrow .contact_usleftcol .address h3{font-family: 'Poppins'; font-weight: 500;font-size: 20px; color: #ffff;} .contactusmain .contact_usrow .contact_usleftcol .address p{font-family: 'Poppins'; font-weight: 400;font-size: 16px; color: #ffff; margin-bottom: 0px;} .contactusmain .contact_usrow .contact_usrightcol h3{font-family: 'Poppins'; font-weight: 600;font-size: 32px; color: #000;} .contactusmain .contact_usrow .contact_usrightcol p {font-family: 'Poppins'; font-weight: 400;font-size: 18px; color: #000; margin-bottom: 0px;} .contactusmain .contact_usrow .contact_usrightcol .contact_form p label { display: block; font-family: 'Poppins'; font-weight: 400;font-size: 18px; color: #000; margin-bottom: 0px;} .contactusmain .contact_usrow .contact_usrightcol .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea { width: 100%; padding: 10px; font-size: 15px; border: none; border-bottom: 1px solid #ccc; background-color: transparent; outline: none; transition: all 0.3s; margin-bottom: 15px;} .contact_form textarea {height: 55px; margin-bottom: 35px;} .contact_form input:focus,.contact_form textarea:focus{ border-bottom: 1px solid #3E2F92;} .contact_form .submit_btn {text-align: right;} .contact_form .submit_btn input[type="submit"] { background-color: #000; color: #fff; font-size: 18px; font-family: 'Poppins'; font-weight: 500; padding: 12px 32px; border: 1px solid #000; border-radius: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); cursor: pointer; width: 34%;} .contact_form .submit_btn input[type="submit"]:hover {background-color: #FFFFFF; color: #000;} .contact_form{position: relative;} .contact_form span.wpcf7-spinner {position: absolute;right: 279px;bottom: 10px;} .contact_form .wpcf7-response-output {position: absolute;bottom: -60px;} /* Responsive css */ /*ipad*/ @media only screen and (max-width: 991px) { .header .header_row .main_header {align-items: center;position: relative;padding: 20px 0;} .primary-menu {flex-direction: column;background: #fff;} .primary-menu.active {display: flex;} .menu-toggle {display: flex;margin-left: auto; width: 50px;height: 30px;} .menu-toggle span {background: #fff;} .header .header_row .main_header .right_header { position: absolute; top: 72px; left: 0; width: 100%; background: #fff; padding: 20px; flex-direction: column; align-items: center; display: none; border-radius: 0 0 10px 10px; z-index: 9; gap: 0;} .header .header_row .main_header .right_header.active, .header .header_row .main_header .right_header.active ul#main-menu{display: flex;} .header .header_row .main_header .right_header nav.main-nav {width: 100%;} /* .header .header_row .main_header .right_header .main-nav ul { display: flex; gap: 10 !important; margin: 0px; padding: 0; align-items: center;} */ .main-nav ul { flex-direction: column; width: 100%;} .header .header_row .main_header .right_header .main-nav ul { display: flex; gap: 0px !important; margin: 0px; align-items: center; padding: 0px 0px 20px 0px !important;} .main-nav ul li { width: 100%; text-align: center; margin-bottom: 10px;} .header .header_row .main_header .right_header ul li a { display: block;padding: 10px 0;border-bottom: 1px solid #eee;color: #000 !important;} .header .header_row .main_header .right_header {top: 110px;padding: 15px;} .header .header_row .main_header .right_header .contact_menu { border-radius: 10px;width: 100%;background: #3e2f92;padding: 15px; gap: 10px;} .header .header_row .main_header .right_header .main-nav ul li select.custom-polylang-langswitcher{width: 17%;padding: 8px 15px; border-radius: 4px;} .Hero_section .hero_right_col img {top: 3rem; left: 0rem;} .hero_sectionrow .left_col {padding: 157px 0px 47px 0px;} .hero_sectionrow .left_col h3 {font-size: 36px;} .hero_sectionrow .left_col p {line-height: 27px; width: 96%;} .our_missionsech h3 {font-size: 30px; line-height: 41px; width: 100%;} .accordion .accordion-item {padding: 15px 0px;} .with_Jayeekcolrow2{ display: flex !important; flex-direction: column !important; gap: 0; padding-top: 20px !important; align-items: center !important} .with_Jayeekcol1 { padding-top: 0px !important;} .image_box h3.widget-title { width: 157%;} .with_Jayeekcol2 {padding-top: 20px;} .width_textbox {margin-top: 40px;} .middle_coloumn_cls .mobile_imgs { height: auto;} .middle_coloumn_cls .mobile_imgs img { position: relative; left: 0;/*left: -16%; max-width: 134% !important;*/} .width_textbox h3.widget-title {width: 100%;} .with_Jayeekcol1:before, .with_Jayeekcol2:after, .with_Jayeekcolrow2:after{display:none;} .with_Jayeekcolrow2 .panel-grid-cell{align-self: center !important;} .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before {bottom: 20px;width: 83%;height: 83%;left: -65px;background-size: contain;transform: rotate(-28deg);} .middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after {bottom: 24px;width: 83%;height: 83%;right: -65px;background-size: contain;transform: rotate(28deg);} .our_appsec h3 {font-size: 34px;} .our_appsec p {font-size: 16px;line-height: 28px;} .why_are_yousec .why_leftcol .whr_are_heading {width: 93%;} .whr_are_heading h3 {font-size: 22px;} .why_arerightrow{display: block !important; border-bottom: 0px;} .why_arerightrow .panel-grid-cell{width:100% !important;} .why_arerightrow .inner_col .why_are_widget .textwidget p {line-height: 18px;margin-bottom: 10px;} .why_arerightrow .inner_col .why_are_widget h3 {margin-top: 0px;width: 22px;height: 22px;font-size: 12px;line-height: 14px;} .why_are_yousec .unify_your_text {line-height: 20px;} .call_now_row {display:block !important;} .call_now_row .panel-grid-cell{width:100% !important;} .call_nowcol {background-repeat: no-repeat !important;} .testimonial_area .textwidget h2 {line-height: 16px; padding-bottom: 0px;} .testimonial_area {padding: 73px 0 73px;} .get_daily_update h3.widget-title { font-size: 35px; line-height: 40px; padding-bottom: 21px; max-width: 90%;} .get_daily_update .textwidget {max-width: -webkit-fill-available;} .get_daily_update {padding: 30px 0;} .get_daily_update form.wpcf7-form {max-width: -webkit-fill-available;} .get_daily_update form.wpcf7-form .row {flex-direction: column;} .get_daily_update form.wpcf7-form .row .col-8 {width:100%;} .get_daily_update form.wpcf7-form .row .col-4 {width: -webkit-fill-available;padding: 0;} .get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit {padding: 10px;} .rtl .menu-toggle {margin-left: 0px !important;} .rtl .header .header_row .main_header {justify-content: space-between;} .rtl .why_are_yousec .why_leftcol .whr_are_heading { width: 61%;} .rtl .middle_coloumn_cls .mobile_imgs img {left: 0%;right: -5%;} .privacy_policytitle h3, .termsandcon h3{font-size: 28px;} .address_sec .address_row .address_col {min-height: 204px;} .get_in_touch h3 {font-size: 31px; line-height: 38px; margin-bottom: 20px;} .contact_usrow {margin: 50px 0px 50px 0px;} .contact_usrow::before {left: 137px;width: calc(100% - 15%);height: 100%;} .contact_usrow .contact_usleftcol h3 {font-size: 24px !important;} .contactusmain .contact_usrow .contact_usleftcol .address p {font-size: 14px;} .contact_usleftcol .so-panel{margin-bottom: 10px !important;} .contactusmain .contact_usrow .contact_usrightcol h3 {font-size: 28px !important;} .contactusmain .contact_usrow .contact_usrightcol p {font-size: 16px !important;} .contactusmain .contact_usrow .contact_usrightcol .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea {padding: 7px;font-size: 14px;margin-bottom: 12px;} .contact_form .submit_btn input[type="submit"] {width: 43%;} .contact_form .wpcf7-response-output {bottom: -55px;width: 100%;font-size: 12px;left: -12px;} .herocommon_sec {padding: 100px 15px 100px 15px;} } /* Mobile */ @media only screen and (max-width: 767px) { .hero_right_col {height: 300px !important;} .header .header_row .main_header {align-items: center;position: relative;padding: 20px 0;} .primary-menu {flex-direction: column;background: #fff;} .primary-menu.active {display: flex;} .menu-toggle {width: 50px;height: 30px;} .menu-toggle span {background: #fff;} .header .header_row .main_header .right_header { position: absolute; top: 72px; left: 0; width: 100%; background: #fff; padding: 20px; flex-direction: column; align-items: center; display: none; border-radius: 0 0 10px 10px; z-index: 9; gap: 0;} .header .header_row .main_header .right_header.active, .header .header_row .main_header .right_header.active ul#main-menu{display: flex;} .header .header_row .main_header .right_header nav.main-nav {width: 100%;} .header .header_row .main_header .right_header ul { gap: 0; margin: 0px; padding: 0;} .main-nav ul { flex-direction: column; width: 100%;} .main-nav ul li { width: 100%; text-align: center; margin-bottom: 10px;} .header .header_row .main_header .right_header .main-nav ul li a { display: block;padding: 10px 0px 20px 0px;border-bottom: 1px solid #eee;color: #000;} .header .header_row .main_header .right_header .main-nav ul {gap: 0px;} .header .header_row .main_header .right_header {top: 110px;padding: 15px;} .header .header_row .main_header .right_header .contact_menu { border-radius: 10px;width: 100%;background: #3e2f92;padding: 15px; gap: 10px;} .header .header_row .main_header .right_header .main-nav ul li select.custom-polylang-langswitcher{width: auto;padding: 8px 15px; border-radius: 4px;} .Hero_section .left_col {padding: 110px 0 0px;} .hero_sectionrow .left_col h3 {font-size: 32px; line-height: 40px;margin-top: 30px;} .hero_sectionrow .left_col p {width: 100%;} .Hero_section .hero_right_col img {top: -2rem !important;} .Hero_section .hero_right_col img {position: relative;width: 100%;top: 0;left: 0;max-width: 100% !important;} .our_missionsech h3 {font-size: 24px;line-height: 34px;width: 100%;} .accordion .accordion-item {padding: 15px 0px;} .accordion .accordion-item:first-child{padding-top:0px;} .accordion .accordion-item .accordion-header .accordion-leftcol .accordion-title h3 {font-size: 22px;} .our_missionsec .left_colsec2 .widget_text{margin-bottom:0px !important;} .accordion .accordion-item .accordion-body {padding: 0 15px 15px 85px;} .accordion .accordion-item .accordion-body p{font-size: 15px;} .with_Jayeekcol1:before,.with_Jayeekcol2:after,.with_Jayeekcolrow2:after{display: none;} .with_Jayeekcol1,.with_Jayeekcol2{padding-top: 0px !important;} .width_textbox h3.widget-title {width: -webkit-fill-available;} .middle_coloumn_cls .mobile_imgs {height: auto;} .middle_coloumn_cls .mobile_imgs img {position: relative;} .with_jayeeksech h3 {padding: 18px 25px;font-size: 21px;} .with_Jayeekcolrow2 {padding: 20px 15px 21px 15px !important;} .middle_coloumn_cls .mobile_imgs {height: 322px;} .middle_coloumn_cls .mobile_imgs img { left: 0%; max-width: 100% !important; text-align: center !important;} .image_box h3.widget-title {width: 100%;} .with_jayeekrow3 .withjayeek_para { font-size: 16px; line-height: 31px;} .our_appsec h3 { font-size: 28px; line-height: 28px; } .our_appsec p {font-size: 16px;line-height: 28px;} .our_appsec:before {width: 94%;} .testimonial_area h3.widget-title { padding: 16px 30px;border-radius: 38px;font-size: 18px;} .testimonial_area {padding: 50px 0 30px;} .testimonial_area .textwidget h2 {font-size: 28px;line-height: 32px;padding-bottom: 0;} #testimonial_slider {margin-top: 45px;} #testimonial_slider .testimonial_boxes { padding: 30px 20px 55px;} #testimonial_slider .testimonial_boxes img.design_right_bottom {width: 110px;} #testimonial_slider .testimonial_boxes::after {width: 28px;height: 28px;} #testimonial_slider .testimonial_boxes .testimonial_desc {margin-top: 20px;max-width: -webkit-fill-available;} #testimonial_slider .owl-nav {display: none;} .get_daily_update {padding: 25px 0;} .get_daily_update h3.widget-title {font-size: 28px;line-height: 40px;max-width: -webkit-fill-available;} .get_daily_update .textwidget {max-width: -webkit-fill-available;} .get_daily_update form.wpcf7-form{max-width: 90%;} .get_daily_update form.wpcf7-form .row .col-8, .get_daily_update form.wpcf7-form .row .col-4 {width: 100%;padding: 0;} .get_daily_update form.wpcf7-form .form-control {padding: 15px;} .get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit {padding: 14px 10px;} .get_daily_update form.wpcf7-form .contact_btn {position: relative;} .get_daily_update form.wpcf7-form .contact_btn span.wpcf7-spinner {position: absolute;left: 0;right: 0;top: 10px;} .get_daily_update h3.widget-title {font-size: 28px !important;line-height: 32px !important; } .get_daily_update .tnp-subscription form {gap: 20px;flex-direction: column;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-email {width: 100%;} .get_daily_update .tnp-subscription form .tnp-field.tnp-field-button { width: 100%;} .why_leftcol{ min-height: 500px;} .why_are_yousec .why_leftcol .whr_are_heading {width: 86%;} .why_are_yousec .unify_your_text{line-height: 26px;} .why_arerightrow .inner_col .why_are_widget .textwidget p{margin-bottom:0px;} .why_arerightrow {border: 0px;} .why_are_yousec .unify_your_text{padding: 0px !important;} .why_arerightrow .inner_col{margin-bottom: 15px;} .call_nowcol{background-repeat: no-repeat !important;} .footer-section .footer-right {margin-top: 35px;} .footer-section {padding: 35px 10px;} /* contact us */ .herocommon_sec {padding: 70px 15px 70px 15px;} .contacthero h3 {font-size: 30px;border: none;} .contact_usrow::before { left: 0px;width: 111%;height: 65%;bottom: 0px !important;top: 339px;} .contact_usrow .panel-grid-cell{width: 111% !important;} .rtl .herosec_btn .so-widget-sow-button-flat-168f1fcbb210 .ow-button-base.ow-button-align-right {text-align: right;} .rtl .menu-toggle {margin-left: 0px !important;} .rtl .header .header_row .main_header {justify-content: space-between;} .rtl .middle_coloumn_cls .mobile_imgs img {left: 0%;right: 0%;top: 22px;} .rtl .withjayeekwidget .panel-layout .panel-is-rtl .panel-grid{margin-bottom: 0px;} .rtl .contact_usrow::before {left: -38px;top: -18px !important; height: 52%;} .width_textbox {margin-top: 170px;} /* .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before {display: none;} */ /* .middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after {display: none;} */ /* .middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after {right: 7px; transform: rotate(20deg);} */ /* .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before {left: 6px; transform: rotate(-22deg); } */ .middle_coloumn_cls .mobile_imgs img {max-width: 73% !important;} .privacy_policytitle h3, .termsandcon h3 {font-size: 23px;} .termsandcon h1 {font-size: 16px;line-height: 28px;} .middle_coloumn_cls .mobile_imgs img{ left: 0%; right: 0%; top: 35px; width: 65%;} .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before { bottom: -42px; width: 88%; height: 92%; left: 33px; background-size: contain; transform: rotate(-14deg); transition: 1s;} .middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after { bottom: -43px; width: 72%; height: 93%; right: 40px; transform: rotate(11deg); transition: 1s;} .rtl .contactusmain .contact_usrow .contact_usleftcol .address p {font-size: 13px;} }