/* Theme Name: Twenty Twenty-One Child Theme URI: https://wordpress.org/themes/twentytwentyone/ Template: twentytwentyone Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio Version: 2.3.1727767336 Updated: 2024-10-01 07:22:16 */ body{overflow-x: hidden;} .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 0px dotted var(--wp--style--color--link, var(--global--color-primary)); } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { outline: 0px solid transparent; text-decoration: underline 0px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .container { width: 100%; max-width:1440px; margin: auto; padding-left: 50px; padding-right: 50px; } .yellow-text {color: #F6D015;} /*Start Default Space*/ .space80{padding-bottom: 80px;padding-top:80px} .space60{padding-bottom: 60px;padding-top:60px} .mt-0{margin-top: 0px !important;} .mt-10{margin-top: 10px;} .mt-20{margin-top: 20px;} .mt-30{margin-top: 30px;} .mt-30{margin-top: 40px;} .mb-0{margin-bottom:0px !important;} .mb-10{margin-bottom:10px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:30px;} /*End Default Space*/ @media (min-width: 768px){ .row-reverse .elementor-container {display: flex; flex-direction: row-reverse;} } /*Start Site Header*/ header#masthead .main-header {position: absolute;top: 0;left: 0;right: 0;} header#masthead .main-header {background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);} header#masthead .main-header .hfe-nav-menu .hfe-nav-menu .menu-item a:hover, header#masthead .main-header .hfe-nav-menu .hfe-nav-menu .menu-item a:focus {background: transparent !important;color: #0067b2 !important;text-decoration: none;} /*End Site Header*/ /*Start Deafult button*/ .elementor-button-wrapper .elementor-button-link:hover, .elementor-button-wrapper .elementor-button-link:focus {background: #183153 !important;color: #fff !important;text-decoration: none !important;} /*Start Deafult button*/ /*Start hero sec*/ .hero-sec.elementor-section.elementor-section-height-full {height: 120vh;} /*End hero sec*/ /*Start H About sec*/ .h-about-sec .custom-logo {margin: -40px -40px 0 auto !important;display: block;} .h-about-sec .elementor-button-wrapper .elementor-button-link:hover, .h-about-sec .elementor-button-wrapper .elementor-button-link:focus {background: #ffffff !important;color: #0067b2 !important;text-decoration: none !important;} /*End H About sec*/ /*Start Expertise sec*/ .expertise-row .expertise-col .elementor-icon-box-wrapper {background: #fff;padding: 45px;border-radius: 20px;height: 100%;} .expertise-row .expertise-col-left .elementor-widget-wrap .elementor-widget-icon-box {height: 100%;} .expertise-row .expertise-col-left .elementor-widget-wrap .elementor-widget-icon-box .elementor-widget-container {height: 100%;} /*End Expertise sec*/ /*Start custom form*/ .custom-form { background: #FFFFFF; padding: 60px; border-radius: 20px;} .custom-form .gform_heading .gform_title { margin-bottom: 35px; color: #000; line-height: 1.1; font-family: "Playfair Display", Sans-serif; font-size: 36px; font-weight: 600; } .custom-form .gform_heading .gform_description { margin-bottom: 18px; font-size: 16px; font-family: "Poppins" !important; font-weight: 500; color: #000; line-height: 1.3; display: block; } .custom-form .gform_wrapper .gform_fields{display: block !important;} .custom-form .gform_wrapper .gform_fields .gfield {margin-bottom: 22px !important;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_textarea {line-height: 1;} .custom-form .gform_wrapper .gform_fields .gfield input { height: 60px; border: 1px solid #F4F6F9; background: #F4F6F9; border-radius: 15px; color: #222; padding: 10px 18px; font-size: 16px; font-weight: 400;font-family: General Sans !important; } .custom-form .gform_wrapper .gform_fields .gfield textarea {height: 126px !important; border: 1px solid #F4F6F9; background: #F4F6F9; border-radius: 15px; color: #222; padding: 10px 18px; resize: none; font-size: 16px; font-weight: 400;font-family: General Sans !important; } .custom-form .gform_wrapper .gform_fields .gfield input::placeholder, .custom-form .gform_wrapper .gform_fields .gfield textarea::placeholder{color: #183153;} .custom-form .gform_wrapper .gform_fields .gfield input:focus, .custom-form .gform_wrapper .gform_fields .gfield textarea:focus{outline: none;border-color:#183153;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_checkbox input {height: 22px;padding: 0; width: 22px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_checkbox input[type=checkbox]:after {border-color: #222; transform: rotate(45deg) !important;} .custom-form .gform_wrapper .gform_fields .gfield label {color: #fff;} .custom-form .gform_wrapper .gform_footer {justify-content: start;width: 100% !important;margin: 0 !important;padding: 0 !important;} #page .custom-form .gform_wrapper .gform_footer { margin-top: 40px !important;} #page .custom-form .gform_wrapper .gform_footer .gform_button { background: #0067B2 !important; border: 1px solid #0067B2; border-radius: 75px !important; font-size: 15px; color: #ffffff !important; padding: 13px 63px; line-height: 1.1; font-family: General Sans !important; font-weight: 500; margin-bottom: 0px;transition: 0.5s all ease; } #page .custom-form .gform_wrapper .gform_footer .gform_button:hover, #page .custom-form .gform_wrapper .gform_footer .gform_button:focus { background: #183153 !important; border: 1px solid #183153; color: #fff !important; outline: none; } .gform_wrapper .gform_validation_errors{display: none !important;} .gform_wrapper .gform_fields .gfield .validation_message {padding: 0 !important;border: none;background: transparent;font-size: 14px;line-height: 1;margin-top: 4px;} .gform_wrapper .gform_fields .gfield.gfield_error input, .gform_wrapper .gform_fields .gfield.gfield_error select, .gform_wrapper .gform_fields .gfield.gfield_error textarea {border-color: #c02b0a !important;} .gform_confirmation_message { text-align: center; background: #fff; font-size: 16px; line-height: 1.2; padding: 14px 20px; border-radius: 6px; color: #008000; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } /*End custom form*/ /*start-cstm-portfolio-sec*/ .cstm-portfolio .cstm-portfolio-gallery .gallery { display: flex; align-items: center; gap: 32px;flex-wrap: wrap;justify-content: space-between;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item {width: 31%; background: #F4F6F9; border-radius: 20px;overflow: auto;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item .gallery-caption { color: #183153; font-size: 25px; font-weight: 600; line-height: 1.3; text-align: left; padding: 30px 40px;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item a { position: relative; z-index: 1; padding: 25px;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item a:before { content: ""; background: url(https://3e-resources.com/wp-content/uploads/2024/10/green-purple-background.png); position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-repeat: no-repeat; background-size: cover;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item a img { height: 255px !important; object-fit: contain;} /*end-cstm-portfolio-sec*/ /*start-ctsm-blog-sec*/ .ctsm-blog .cstm-blog-cols .premium-blog-wrap { gap: 30px; flex-wrap: nowrap;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-post-outer-container { border-radius: 20px; overflow: auto; padding: 0; margin-bottom: 0;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-post-container { background: #fff;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper { background: #fff;padding: 24px;margin: 0px;margin: 0 !important;display: flex;flex-direction: column;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-thumbnail-container img { height: 271px !important; max-width: 100% !important;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-entry-title {font-size: 20px; font-weight: 600; line-height: 1.3; margin-left: 0 !important; margin-bottom: 15px !important;order: 2;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-entry-title a:focus {background: transparent !important;color: #0067b2 !important;text-decoration: none;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-entry-meta {order: 1;margin-top: 0;margin-bottom: 10px;margin-left: 0 !important;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-entry-meta a:focus { background: transparent; color: #183153; text-decoration: none; } .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-inner-container {order: 2;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-content-inner-wrapper {order: 3;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-post-content { font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a { border: none; color: #F6D015; font-size: 16px; font-weight: 500; line-height: 1.3;} .ctsm-blog .cstm-blog-cols .premium-blog-wrap .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a:hover { color: #0067b2; background: transparent;} .ctsm-blog .elementor-element .elementor-button-wrapper { margin-top: 30px;} /*end-ctsm-blog-sec*/ /*Start footer-sec*/ footer#colophon .footer-sec .hfe-nav-menu .hfe-nav-menu .menu-item a:hover, footer#colophon .footer-sec .hfe-nav-menu .hfe-nav-menu .menu-item a:focus {background: transparent !important;color: #14a0c2 !important;text-decoration: none;} footer#colophon .footer-sec .elementor-icon-list-item a:hover, footer#colophon .footer-sec .elementor-icon-list-item a:hover .elementor-icon-list-text, footer#colophon .footer-sec .elementor-icon-list-item a:focus {background: transparent !important;color: #14A0C2 !important;text-decoration: none;} footer#colophon .footer-sec .elementor-column .elementor-icon-list-items li .elementor-icon-list-icon { background: #fff; padding: 7px; border-radius: 50px; margin-right: 5px;width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;} footer#colophon .footer-sec .elementor-column .elementor-icon-list-items li .elementor-icon-list-icon svg { margin-right: 0px;} footer#colophon .footer-sec .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 8px;} footer#colophon .footer-sec .elementor-social-icons-wrapper .elementor-grid-item a.elementor-icon svg {width: 18px;height: 18px;} footer#colophon .footer-sec .elementor-widget-text-editor .elementor-widget-container a {color: #fff;} footer#colophon .footer-sec .elementor-widget-text-editor .elementor-widget-container a:hover{color: #14A0C2 !important;} .whatsapp-icon { position: fixed; right: 20px; z-index: 1009; bottom: 20px; border-radius: 50%; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .whatsapp-icon:before { content: ''; box-shadow: 0 0 0 rgb(41 167 26); animation: pulse2 5s infinite; animation-delay: 0.4s; border-radius: 50%; width: 70px; height: 70px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .whatsapp-icon img { width: 60px; border-radius: 50%; } .whatsapp-icon:hover, .whatsapp-icon:focus {background: transparent !important;} /*End footer-sec*/ /*start contact form sec*/ .page-id-12 header#masthead .main-header {background: linear-gradient(180deg, #ffffff00 0%, rgba(255, 255, 255, 0) 100%);} .contact-form-sec .contact-info .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {width: 33px; height: 33px; background: #183153; min-width: 33px; min-height: 33px; border-radius: 50%; display: flex; align-items: center; justify-content: center;margin-right: 5px;} .contact-form-sec .contact-info .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg {margin-right: 0;width: 18px;height: 18px;} .contact-form-sec .contact-info .elementor-icon-list-items .elementor-icon-list-item a:focus {background: transparent !important;text-decoration: none;} /*End contact form sec*/ /*Start Single blog page*/ .single header#masthead .main-header, .archive header#masthead .main-header {position: static;} .single-blog-banner .blog-title-col .elementor-heading-title {font-size: 56px;line-height: 1.3;} .single-blog-content .elementor-widget-shortcode .elementor-shortcode {font-size: 20px;text-transform: capitalize;color: #0067B2;font-weight: 500;font-family: "General Sans", Sans-serif;} /*End Single blog page*/ /*Start 404 Page*/ /*No Banner Page*/ .error404 header#masthead .main-header, .search header#masthead .main-header {position: relative !important; left: 0; right: 0; top: 0; } /* error404 section*/ .error-page .page-header .page-title {font-family: "General Sans", Sans-serif;font-size: 45px;font-weight: 600;color: #183153;} .error-page p{font-family: "General Sans", Sans-serif;font-size: 16px;} .search-form label {display: none;} .search-form input {border: 1px solid#ddd;padding: 10px 20px !important;border-radius: 15px;} .search-form input:focus {outline: none;border-color: #0067b2} .search-form .search-submit {background: #0067b2 !important;font-weight: 500;font-size: 16px;} .search-form .search-submit:hover{background:#183153 !important;border-color:#183153;color:#fff;} .search-result-count {max-width: 1260px; width: 95%; padding-left: 0px; padding-right: 0px; margin: auto; } .search-result-count article {background: #fff;padding: 20px;border-radius: 20px;margin: 10px 0 20px;} .search-result-count article .entry-header {margin: 0;} .search-result-count article .entry-header .entry-title {max-width: 100%;} .search-result-count article .entry-header .entry-title a {color: #183153;font-family: "General Sans", Sans-serif; font-size: 40px;font-weight: 600;margin-bottom: 15px !important;display: block;text-decoration: none;} .search-result-count article a:hover, .search-result-count article a:focus { background: transparent !important; color: #0067b2 !important; text-decoration: none !important; outline: none !important; } .search-result-count article .entry-content {margin: 0;} .search-result-count article .entry-content p{max-width: 100% !important;font-family: "General Sans", Sans-serif;font-size: 16px;} .search-result-count article footer.entry-footer {display: none;} .search-result-count article figure.post-thumbnail{margin:0;} .search-result-count article figure.post-thumbnail .wp-post-image {margin-left: 0;margin-top: 0;margin-bottom: 20px;} /*End 404 Page*/ /*Start archive page*/ .archive-page-outer {background: #F8F7F7;padding: 60px 0;} .archive-page-outer header.page-header {border: none;padding: 0;text-align: center;} .archive-page-outer header.page-header .page-title { color: #183153; font-family: "General Sans", Sans-serif; font-size: 45px; font-weight: 600; line-height: 1.2;margin-bottom: 20px;} .archive-page-outer .archive-content-area {display: flex;flex-wrap: wrap;} .archive-page-outer .archive-content-area article .article-inner .entry-header {margin-top: 0;} .archive-page-outer .archive-content-area article {width: 33.333%;padding: 15px;} .archive-page-outer .archive-content-area article .article-inner {background: #fff;padding: 20px;height: 100%;border-radius: 20px;} .archive-page-outer .archive-content-area article .article-inner .post-thumbnail, .archive-page-outer .archive-content-area article .article-inner .post-thumbnail img {margin: 0;} .archive-page-outer .archive-content-area article .article-inner .entry-title a { text-transform: none; color: #183153; line-height: 1.2; font-size: 21px; font-family: "General Sans", Sans-serif; font-weight: 600; text-decoration: none; display: block; } .archive-page-outer .archive-content-area article .article-inner .entry-title a:focus{background: transparent !important;color: #183153;} .archive-page-outer .archive-content-area article .article-inner .entry-content {margin-bottom: 0;} .archive-page-outer .archive-content-area article .article-inner .entry-content p { font-family: "General Sans", Sans-serif; font-size: 16px; font-weight: 400; color: var(--e-global-color-primary); } .archive-page-outer .archive-content-area article .article-inner .entry-content .more-link { display: block; color: #F6D015; font-family: "General Sans", Sans-serif; font-size: 16px; font-weight: 600; text-decoration: none; margin-top: 15px; text-transform: capitalize; } .archive-page-outer .archive-content-area article .article-inner .entry-content .more-link:hover, .archive-page-outer .archive-content-area article .article-inner .entry-content .more-link:focus{color:#0067b2 !important;background: transparent !important;text-decoration: none;} .archive-page-outer .archive-content-area .navigation.pagination {flex-direction: column;width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px 0;} .archive-page-outer .archive-content-area .navigation.pagination .nav-links {margin: 0;} .archive-page-outer .archive-content-area .navigation.pagination .nav-links .page-numbers {color: rgba(0, 0, 0, 0.85);line-height: 1.2;font-size: 21px;font-family: "General Sans", Sans-serif;font-weight: 600;text-decoration: none;margin-top: 0; min-height: auto;} .archive-page-outer .archive-content-area article footer.entry-footer {display: none;} /*End archive page*/ @media (min-width: 768px) and (max-width: 1050px){ footer#colophon .footer-sec .elementor-column .elementor-icon-list-items li .elementor-icon-list-icon { width: 24px; height: 24px; padding: 5px; display: flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; } footer#colophon .footer-sec .elementor-heading-title { font-size: 18px; } footer#colophon .footer-sec p, footer#colophon .footer-sec a, footer#colophon .footer-sec span { font-size: 14px; } footer#colophon .footer-sec .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon{padding: 8px; width: 28px;height: 28px; margin-bottom: 10px;} } @media (min-width: 768px) and (max-width: 1023px){ .elementor-widget-image img{max-width: 100% !important} .hero-sec.elementor-section.elementor-section-height-full { height: 90vh;} .h-about-sec .custom-logo {margin: -40px -6px 0 auto !important;} .expertise-row .expertise-col .elementor-icon-box-wrapper { padding: 20px;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item { max-width: 47% !important; width: 47% !important;} } @media (min-width: 768px) and (max-width: 991px){ .ctsm-blog .cstm-blog-cols .premium-blog-wrap, .cstm-portfolio .cstm-portfolio-gallery .gallery{ gap: 10px;} .custom-form{padding: 30px;} .column_reverse .elementor-container { flex-direction: column-reverse; } } @media (max-width: 1024px){ header#masthead .hfe-active-menu.hfe-active-menu-full-width .hfe-nav-menu-icon { position: relative; background: url(/3e-resources/wp-content/uploads/2024/10/close.png) no-repeat center / cover; background-size: 24px; } /*header#masthead .hfe-active-menu.hfe-active-menu-full-width .hfe-nav-menu-icon svg { visibility: hidden; }*/ header#masthead nav.hfe-nav-menu__submenu-classic { position: fixed !important; top: 0px !important; width:300px !important; right: auto !important; left: -120% !important; height: 100% !important; display: block; padding-top: 80px; transition: all 0.5s ease-out; margin: 0 !important;} header#masthead nav.hfe-nav-menu__submenu-classic.menu-is-active { left: -0% !important; } } @media (min-width: 767px){ .row_reverse .elementor-container{flex-direction: row-reverse; } } @media (max-width: 767px){ br {display: none !important;} h2.elementor-heading-title {font-size: 32px !important;} .hero-sec.elementor-section.elementor-section-height-full { height: 520px;} .h-about-sec .custom-logo {margin: -40px -12px 0 auto !important;} .column_reverse .elementor-container { flex-direction: column-reverse; } .ctsm-blog .cstm-blog-cols .premium-blog-wrap { gap: 30px; flex-wrap: wrap; } .custom-form, .expertise-row .expertise-col .elementor-icon-box-wrapper{padding: 20px;} .cstm-portfolio .cstm-portfolio-gallery .gallery{gap: 20px;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item{width: 100%;} .cstm-portfolio .cstm-portfolio-gallery .gallery .gallery-item .gallery-caption{font-size: 22px;padding:20px; text-align: center;} .inner-banner br{display: none;} #page .custom-form .gform_wrapper .gform_footer{margin-top: 0px !important;} .whatsapp-icon{width: 50px;height: 50px;} .single-blog-banner .blog-title-col .elementor-heading-title { font-size: 26px;} body.single-post section.elementor-section.elementor-top-section { padding: 20px 15px; } body.single-post section.elementor-section .blog-title-col .elementor-widget-wrap { padding: 15px; } }