/* 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 */ section, [id] { scroll-margin-top: 100px; /* height of your sticky header */ } /* .animation_css{overflow: hidden;} */ /* header section */ /* header.header.home_header { position: absolute; top: 32px; margin: 0 auto; right: 0px; left: 0px; z-index: 999; background: #fff;} */ .header .header_row {padding: 5px 0px 5px 0px;} .header .header_row .main_header {display: flex; justify-content: space-between; align-items: center;} .header .header_row .main_header .right_header { display: flex; align-items: center;} .header .header_row .main_header .right_header .main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 60px;} .header .header_row .main_header .right_header .main-nav ul li a { font-family: 'Inter', sans-serif; font-size: 16px; color: #1D1D1D; text-decoration: none;} .header .header_row .main_header .right_header .main-nav ul li a:hover, .header .header_row .main_header .right_header .main-nav ul li.current-menu-item a {color: #4AC9EC;} .menu-toggle { display: none;} .main-nav { display: flex !important; position: static; flex-direction: row; background: none; box-shadow: none;} .header { position: sticky; top: 0; width: 100%; z-index: 9999; background-color: #fff; transition: all 0.3s ease; box-shadow: none; } .footer-section { background: #18191e; color: #fff; position: relative;} /* .footer-section .footer-main { display: flex; gap: 40px; padding: 44px 0 25px 0px;} */ .footer-section .footer-main { display: flex; gap: 40px; padding: 44px 0 25px 0px; display: grid; grid-template-columns: repeat(3, 1fr);} .footer-section .footer-main .footer-contact-icons { display: flex; flex-direction: column; gap: 33px; padding-top: 33px; padding-left: 100px;} .footer-col {flex: 1;} .footer-section .footer-main img.footer-logo {background: #FFFFFF; padding: 7px 12px; border-radius: 8px; margin-bottom: 32px;} .footer-section .footer-main .footer-about p{ font-family: 'poppins'; font-weight: 400; font-size: 16px; line-height: 26px; color: #FFFFFF; width: 70%;} .footer-section .footer-main .footer-col.footer-links { padding-top: 33px;} .footer-section .footer-main .footer-col.footer-links p{font-family: 'Poppins'; font-weight: 500; font-size: 22px; color: #FFFFFF; margin-bottom: 20px;} .footer-section .footer-main .footer-col.footer-links p a{font-family: 'Poppins'; font-weight: 500; font-size: 22px; color: #FFFFFF; margin-bottom: 20px; text-decoration: none;} .footer-section .footer-main .footer-col.footer-links p a:hover { color: #4AC9EC;} /* .footer-section .footer-main .footer-contact-icons { display: flex; flex-direction: column; gap: 33px; padding-top: 33px;} */ .footer-section .footer-main .footer-contact-icons .contact_info { display: flex; gap: 17px; align-items: flex-start;} .footer-section .footer-main .footer-contact-icons .contact_info img { padding-top: 8px;} .footer-section .footer-main .footer-contact-icons .contact_info .contact_details h6, .footer-section .footer-main .footer-contact-icons .contact_info .contact_details p{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; margin-bottom: 12px;} .footer-section .footer-main .footer-contact-icons .contact_info .contact_details a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: #FFFFFF; text-decoration: none;} .footer-section .footer-main .footer-contact-icons .contact_info .contact_details a:hover { color: #4AC9EC;} .footer-contact i, .footer-links i { margin-right: 10px; color: #4fc3f7;} .footer-image { flex: 1;} .footer-image img { width: 100%; height: 100%; object-fit: cover;} .footer-bottom { background: #00bcd4; padding: 15px 0;} .footer-bottom-inner { display: flex; justify-content: space-between; align-items: center;} .footer-social a { color: #fff; margin-right: 15px; font-size: 16px;} .footer-bottom-bar { background: #1B1F29; position: relative;} .footer-bottom-bar::after { content: ""; position: absolute; top: 0; right: 0; width: 45%; height: 100%; background: #4AC9EC; clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); z-index: 1;} .footer-bottom-right { display: flex; gap: 19px; align-items: center; padding: 16px 0px; z-index: 2;} .footer-bottom-social { display: flex; gap: 19px;} .footer-bottom-social a:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 8px 20px rgba(74, 201, 236, 0.4);} .footer-bottom-right p{font-family: 'Noto Sans'; font-weight: 500; font-size: 16px; color: #FFFFFF; margin-bottom: 0px;} .footer-bottom-links { display: flex; gap: 15px;} .footer-bottom-links a { font-family: 'Noto Sans'; font-weight: 500; font-size: 14px; color: #FFFFFF; text-decoration: none;} /* Home page Hero Section css */ .Hero_section { z-index: 1; position: relative; padding: 52px 0px;} .Hero_section::before { content: ""; position: absolute; inset: 0; z-index: -1; background-size: cover; background: radial-gradient(71.96% 270.69% at 71.96% 75.71%, rgba(0, 0, 0, 0) 30.29%, #000000 100%);} .Hero_section .tophead_row h3.widget-title { text-align: center; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 60px; line-height: 64px; text-transform: uppercase; color: #FFFFFF4D;} .hero_leftcol h3 { font-family: 'Inter'; font-weight: 300; font-size: 22px; color: #FFFFFF; margin-bottom: 18px;} .hero_leftcol h1 { font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: 45px; line-height: 56px; color: #FFFFFF; margin-bottom: 20px;} .hero_leftcol p { font-family: 'DM Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 25.3px; color: #FFFFFF; width: 80%; margin-bottom: 20px;} .hero_secbtn a { background: #4ac9ec !important; border-radius: 10px !important; padding: 16px 19px !important; border: 1px solid #4ac9ec !important; font-family: 'DM Sans', sans-serif; font-weight: 500 !important; font-size: 16px; line-height: 16px; color: #FFFFFF !important;} /* About Us Section */ .Aboutus_sec { margin-top: 83px; margin-bottom: 89px;} .Aboutus_sec .About_usrow .Aboutus_leftcol { position: relative;} .Aboutus_leftcol::before { content: ''; position: absolute; background: #000000; width: 464px; height: 455px; top: 18px; z-index: -1; border-radius: 50%; margin: 0 auto; left: 0; right: 0;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service { width: 155px; height: 62px; background: #4AC9EC; border-radius: 13px; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; left: 80px;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service p{margin-bottom: 0px; font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 20px;color: #FFFFFF;} .Aboutus_sec .About_usrow .Aboutus_rightcol h3{ color: #4AC9EC; font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 24px; line-height: 52px; margin-bottom: 16px;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { color: #161616; font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: 32px; margin-bottom: 40px; line-height: 40px; width: 90%;} /* Our services section */ .commeon_heading h3{font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 24px; line-height: 52px; text-align: center; text-transform: capitalize; margin-bottom: 12px; color: #4AC9EC;} .commeon_heading h2{font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: 52px; line-height: 52px; vertical-align: middle; color: #161616; text-align: center;} .our_servicessection { margin-bottom: 70px;} .our_servicessection .ourservices_row .commeon_heading{ margin-bottom: 60px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all{ box-shadow: 0px 0px 12.8px 0px #00000024; padding: 12px 42px; border-radius: 6px; position: relative; margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease;} .our_servicessection .ourservices_row .service_leftcol .services_all:hover, .service_rightcol .services_all:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0,0,0,0.12);} .our_servicessection .ourservices_row .services_all p { margin-bottom: 0px; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 20px; text-transform: capitalize; color: #4D4D4D;} .our_servicessection .ourservices_row .service_leftcol .services_all p{ display: flex; flex-direction: row-reverse;} .our_servicessection .ourservices_row .services_all span { background: #179246; width: 35px; height: 35px; border-radius: 23px; display: flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 19px; line-height: 100%; text-transform: capitalize; color: #FFFFFF; position: absolute;} .our_servicessection .ourservices_row .service_leftcol .services_all span { right: -20px; top: 9px; bottom: 0px;} .our_servicessection .ourservices_row .service_rightcol .services_all span { left: -20px; top: 9px; bottom: 0px;} .service_text p{ font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 20px; text-align: center; vertical-align: middle; color: #4D4D4D; margin-bottom: 15px;} .hero_leftcol { padding-top: 30px;} .commeon_uptext h2{ font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: 52px; line-height: 52px; vertical-align: middle; color: #161616; text-align: center;} .ourservices_row .commeon_heading h3 {font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: 52px; line-height: 52px; vertical-align: middle; color: #4AC9EC; text-align: center;} .ourservices_row .commeon_heading h2 { color: #4AC9EC;} .contact_details p { margin-bottom: 0px !important;} .add_ress { display: flex !important; align-items: center !important;} .add_ress img{padding-top: 0px !important;} /* Our Work section */ .ourwork_sec {background: #F5F5F5; padding: 60px 0px;} .ourwork_sec .ourwork_row .work_innerrow { margin-top: 52px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol { background: #FFFFFF; box-shadow: 0px 0px 8.8px 5px #00000008; border-radius: 20px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol img{width: 100%; margin-bottom: 24px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol h3{font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: capitalize; color: #000000; margin-bottom: 40px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol .ow-button-base { margin: 0px 13px 13px 13px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol a.sowb-button { border: 1px solid #4D4D4D !important; width: 100%; background: #FFFFFF !important; border-radius: 10px;} .ourwork_sec .ourwork_row .work_innerrow .our_workcol a span{font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; text-transform: capitalize; color: #4D4D4D;} /* Why Choose Us section */ .why_choosesec { padding-top: 32px; padding-bottom: 138px;} .why_choosesec::before { background: #000000CC; content: ''; position: absolute; inset: 0; z-index: -1;} .why_choosesec { position: relative; z-index: 1;} .whychoose_leftcol{ width: calc(100% - 50px) !important;} .whychoose_leftcol img{width: 100%;} .whychoose_rightcol { max-width: 605px;} .whychoose_rightcol h3{font-family: 'DM Sans', sans-serif; font-weight: 800;font-size: 52px;line-height: 100%;vertical-align: middle; color: #FFFFFF;margin-bottom: 20px;} .whychoose_rightcol .textwidget p{font-family: 'DM Sans', sans-serif;font-weight: 300;font-size: 18px;line-height: 31.3px;color: #D2D2D2;} .whychoose_row {overflow: hidden;} /* counter section */ .counter_row { padding: 50px 60px 38px 60px; position: relative; margin-top: -142px; z-index: 99; border-radius: 30px;} .counter_col { text-align: center; display: flex; flex-direction: column; align-items: center; border-right: 0.5px solid #FFFFFF} .lastcount_col{border-right: 0px;} .counter_img { width: 84px; height: 84px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 21px; z-index: 5; position: relative;} .counter_col .widget_text { display: flex; flex-direction: column-reverse;} .counter_col .widget_text p span, .counter_col .widget_text p{font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 52px; line-height: 42px; text-align: center; text-transform: capitalize; color: #4AC9EC;} .counter_col .widget_text h3{font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 24px; line-height: 52px; text-align: center; text-transform: capitalize; color: #FFFFFF; margin-bottom: 0px;} .Justask_sec {margin-top: 80px; margin-bottom: 80px;} .textwidget h2{margin-bottom: 14px;} .Justask_row .textwidget p{font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 24px; text-align: center; vertical-align: middle; color: #4D4D4D; margin-bottom: 0px;} .service-carousel-section { padding: 30px 0 60px 0px;} .service-card { background: #FFFFFF; box-shadow: 0px 0px 8.8px 5px #00000008; border-radius: 20px;} .service-image img { margin-bottom: 24px; border-radius: 20px;} .service-image { position: relative; overflow: hidden;} .service-image img { width: 100%; display: block; transition: transform 0.6s ease;} .service-image:hover img { transform: scale(1.15);} .service-content{padding: 0px 13px 13px 13px;} .service-content h3 { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; text-transform: capitalize; color: #000000; margin-bottom: 20px; text-align: left;} .service-btn { display: block; padding: 14px; text-decoration: none; transition: all 0.3s ease; text-align: center; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; text-transform: capitalize; color: #4D4D4D; border: 1px solid #4D4D4D !important; width: 100%; background: #FFFFFF !important; border-radius: 10px;} .service-btn:hover { background: #4AC9EC !important; color: #ffffff; border: 1px solid #4AC9EC !important;} .post-details-container { padding-top: 60px; padding-bottom: 60px;} .post-featured-image { text-align: center; margin-bottom: 40px;} .post-featured-image img{width: 50%;} .margin_text p{margin: 0 auto; width: 71%; font-size: 20px !important; margin-bottom: 10px;} .counter_img:hover { box-shadow: 0px 0px 0px 6px #4ac9ec75; border-color: #4ac9ec8c;} .page404 h1 { font-size: 70px; font-family: 'DM Sans'; font-weight: 800; margin-bottom: 30px;} .page404 { padding: 30px 0px;} .page404 h2 { font-family: 'DM Sans'; font-weight: 700; margin-bottom: 50px;} .page404 a{ background: #4ac9ec !important; border-radius: 10px !important; padding: 12px 19px !important; border: 1px solid #4ac9ec !important; font-family: 'DM Sans', sans-serif; font-weight: 500 !important; font-size: 16px; line-height: 16px; color: #FFFFFF !important;} .page404 a:hover { background: #ffff !important; color: #000 !important;} /* privacy policy and Terms and condition page css */ .footer_pgsec { padding: 120px 0px; position: relative; z-index: 1;} .footer_pgsec::before { background: #0000008a; content: ''; position: absolute; inset: 0; z-index: -1;} .footer_pgsec .breadcrumb_heading h3 { text-align: center; font-family: 'DM Sans'; font-weight: 800; font-size: 52px; line-height: 100%; vertical-align: middle; text-transform: capitalize; color: #FFFFFF;} .pgtext_section .pgtext_row { padding: 30px 0px;} .pgtext_section .pgtext_row .pgtext_typography h3 { font-family: 'DM Sans'; font-weight: 600; font-size: 25px; text-transform: capitalize; color: #161616; margin-bottom: 20px;} .pgtext_section .pgtext_row .pgtext_typography .textwidget p { font-family: 'DM Sans'; font-weight: 400; font-size: 17px; text-transform: capitalize; color: #4D4D4D; margin-bottom: 30px; line-height: 30px;} .pgtext_section .pgtext_row .pgtext_typography .textwidget ul {margin-bottom: 30px;} .pgtext_section .pgtext_row .pgtext_typography .textwidget ul li{font-family: 'DM Sans'; font-weight: 400; font-size: 17px; text-transform: capitalize; color: #4D4D4D; margin-bottom: 10px;} /* Outer animated rings */ .counter_img::before, .counter_img::after { content: ''; position: absolute; border-radius: 50%; opacity: 0;} .counter_img::before { width: calc(100% + 10px); height: calc(100% + 10px); border: 4px solid rgba(74, 201, 236, 0.4); /* #4AC9EC */} .counter_img::after { width: calc(100% + 24px); height: calc(100% + 24px); border: 2px solid rgba(74, 201, 236, 0.2); /* #4AC9EC */} .counter_img:hover::before { animation: pulseRing 1.5s ease-out infinite;} .counter_img:hover::after { animation: pulseRing 2s ease-out infinite;} @keyframes pulseRing { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @media (max-width: 1024px){ .animation_css{overflow: hidden;} /* #OuterManu { display: block !important;} */ .header .header_row .main_header .right_header .main-nav ul { gap: 25px;} .Hero_section .tophead_row h3.widget-title { font-size: 50px;} .hero_leftcol p br { display: none;} .Aboutus_sec { margin-top: 60px; margin-bottom: 70px;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { font-size: 30px; line-height: 40px; width: 100%;} .Aboutus_leftcol::before { width: 455px; height: 450px;} .commeon_heading h2 { font-size: 47px; line-height: 40px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { padding: 20px 35px;} .our_servicessection .ourservices_row .services_all p { font-size: 17px;} .our_servicessection .ourservices_row .services_all span { width: 38px; height: 38px; font-size: 18px;} .ourwork_sec {padding: 50px 0px;} .Justask_sec { margin-top: 60px; margin-bottom: 60px;} .Justask_row .textwidget p { font-size: 20px;} .footer-section .footer-main .footer-about p { width: 95%;} .footer-section .footer-main .footer-contact-icons { gap: 25px; padding-left: 10px;} .footer-section .footer-main .footer-col.footer-links p, .footer-section .footer-main .footer-col.footer-links p a { font-size: 20px;} .counter_col .widget_text p span, .counter_col .widget_text p { font-size: 43px; line-height: 42px;} .footer_pgsec { padding: 100px 0px;} .footer_pgsec .breadcrumb_heading h3 {font-size: 45px;} .pgtext_section .pgtext_row { padding: 20px 0px;} .animation_css{overflow: hidden;} .service_innerrow { overflow: hidden;} .hero_leftcol h1 { font-size: 40px; line-height: 46px;} .hero_leftcol p { margin-bottom: 20px; width: 100%;} .About_usrow { overflow: hidden;} .Aboutus_leftcol::before { width: 444px; height: 421px; top: 30px;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { font-size: 25px; line-height: 36px; margin-bottom: 20px;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service { left: 20px;} .commeon_heading h2 { font-size: 35px; line-height: 30px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { padding: 20px 27px;} .our_servicessection .ourservices_row .services_all p { font-size: 12px; } .ourservices_row .commeon_heading h3 { font-size: 35px;} .commeon_uptext h2 { font-size: 35px; line-height: 42px;} .whychoose_rightcol h3 { font-size: 35px; line-height: 41px;} .counter_col .widget_text h3 { font-size: 17px; line-height: 19px;} .footer-bottom-bar::after { width: 52%;} .hero_leftcol {padding-top: 10px;} } @media (min-width: 992px) { #OuterManu { display: block !important; /* always visible */ position: static; } /* Hide hamburger */ #menu-toggle { display: none; } } /* @media (max-width: 1024px) { } */ /* Hide menu on small screens */ @media (max-width: 991px) { .header_row .main_header { align-items: center;} .header_row { padding: 17px 32px 20px 32px;} .main-nav { display: block !important; padding: 30px;} #OuterManu { display: none; position: absolute; top: 75px; right: 0; width: 100%; background: #fff; z-index: 9999;} .header .header_row .main_header .right_header .main-nav ul { gap: 35px; align-items: center;} #OuterManu .main-nav ul { flex-direction: column; margin: 0; padding: 0;} #OuterManu .main-nav ul li a { display: block; font-size: 20px;} #menu-toggle { display: block; cursor: pointer; z-index: 10000;} #menu-toggle span { display: block; width: 25px; height: 3px; background: #000; margin: 5px 0; transition: 0.3s;} #menu-toggle.active span:nth-child(1) {transform: rotate(46deg) translate(7px, 6px);} #menu-toggle.active span:nth-child(2) {opacity: 0;} #menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px);} .hero_leftcol h1 { font-size: 40px; line-height: 52px;} .hero_leftcol p { margin-bottom: 0px;} .Aboutus_leftcol::before { width: 321px; height: 340px; top: 14px;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { font-size: 25px; line-height: 36px; margin-bottom: 20px;} .commeon_heading h2 { font-size: 40px; line-height: 30px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { padding: 20px 27px;} .our_servicessection .ourservices_row .services_all p { font-size: 12px; } .whychoose_rightcol h3 { font-size: 40px;} .counter_col .widget_text h3 { font-size: 17px; line-height: 19px;} .footer-bottom-bar::after { width: 52%;} .footer-section .footer-main .footer-contact-icons { padding-left: 0px;} } @media (max-width: 768px) { .Hero_section .tophead_row h3.widget-title { font-size: 40px; } .hero_leftcol h3 { text-align: center;} .hero_leftcol h1 { font-size: 35px; text-align: center; line-height: 43px;} .hero_leftcol p { text-align: center; margin-bottom: 20px;} .Aboutus_sec .About_usrow .Aboutus_rightcol h3 { text-align: center;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { text-align: center;} .our_servicessection .ourservices_row .service_leftcol .services_all span, .our_servicessection .ourservices_row .service_rightcol .services_all span { left: 14px; top: 14px;} .our_servicessection .ourservices_row .service_leftcol .services_all p { justify-content: flex-end;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { padding: 20px 27px 20px 63px;} .our_servicessection .ourservices_row .service_rightcol .services_all span { left: 14px;} .commeon_uptext h2 { font-size: 30px; line-height: 40px;} .ourservices_row .commeon_heading h3 { font-size: 30px;} .commeon_heading h2 { font-size: 30px; line-height: 24px;} .counter_col { border-right: 0px; border-bottom: 0.5px solid #FFFFFF; padding-bottom: 20px;} .lastcount_col { border-right: 0px; border-bottom: 0px;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service { left: 135px; top: 24px;} .Aboutus_leftcol::before { width: 434px; height: 440px; top: 27px;} .our_servicessection .ourservices_row .services_all p { font-size: 18px;} .whychoose_rightcol { text-align: center; width: 100%; margin-bottom: 24px; max-width: 100%;} .whychoose_rightcol h3 { font-size: 30px;} .Aboutus_sec {margin-bottom: 40px;} .margin_text p { width: 100%;} } @media (max-width: 767px) { .hero_leftcol h1 { font-size: 33px; line-height: 40px; margin-bottom: 0px;} .hero_leftcol .so-widget-sow-editor{text-align: center;} .Aboutus_sec .About_usrow .Aboutus_rightcol h3 { text-align: center;} .Aboutus_sec .About_usrow .Aboutus_rightcol p {text-align: center;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service { left: 0px;} .our_servicessection { overflow: hidden;} .our_servicessection .ourservices_row .service_leftcol .services_all span { left: -20px; top: 14px; bottom: 0px; } .our_servicessection .ourservices_row .service_leftcol .services_all p {justify-content: flex-end;} .whychoose_rightcol { max-width: none; text-align: center;} .whychoose_rightcol .textwidget p { margin-bottom: 30px;} .counter_col { border-bottom: 0.5px solid #FFFFFF; padding-bottom: 25px; border-right: 0px;} .counter_col .widget_text p span, .counter_col .widget_text p { font-size: 43px; line-height: 42px;} .lastcount_col { border-bottom: 0px;} .commeon_heading h2 { font-size: 25px; line-height: 35px;} .footer-section .footer-main{ gap: 0px; padding: 40px 0 25px 0px; flex-direction: column;} .footer-section .footer-main .footer-col.footer-links { padding-top: 20px;} .footer-section .footer-main .footer-contact-icons { gap: 18px; padding-top: 15px;} .footer-bottom-inner { flex-direction: column; padding-top: 0px;} .footer-bottom-right { gap: 13px; flex-direction: column;} .footer-bottom-bar::after{display: none;} .whychoose_rightcol h3 { font-size: 25px; line-height: 33px;} .our_servicessection .ourservices_row .services_all p { font-size: 18px;} .post-featured-image img {width: 100%;} .our_servicessection .ourservices_row .service_leftcol .services_all span, .our_servicessection .ourservices_row .service_rightcol .services_all span { left: 13px; top: 15px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { padding: 20px 27px 20px 65px;} .page404 { padding: 0px 0px;} .page404 h1 { font-size: 60px; margin-bottom: 20px;} .footer_pgsec { padding: 70px 0px;} .footer_pgsec .breadcrumb_heading h3 { font-size: 32px;} .pgtext_section .pgtext_row { padding: 10px 0px;} .pgtext_section .pgtext_row .pgtext_typography h3 { font-size: 23px; margin-bottom: 15px;} .pgtext_section .pgtext_row .pgtext_typography .textwidget p { font-size: 16px; margin-bottom: 25px; line-height: 29px;} .Aboutus_sec { margin-top: 40px; margin-bottom: 40px;} .our_servicessection .ourservices_row .commeon_heading { margin-bottom: 40px;} .ourwork_sec { padding: 50px 0px 10px 0px;} .service-carousel-section {padding: 0px 0 60px 0px;} .About_usrow { overflow: hidden;} .service-content h3 {text-align: center;} .Hero_section .tophead_row h3.widget-title {font-size: 40px;} .margin_text p {width: 100%; margin-bottom: 10px;} .Aboutus_leftcol::before { width: 338px; height: 352px; top: 14px;} .footer-section .footer-main { grid-template-columns: repeat(1, 1fr);} .footer-section .footer-main .footer-contact-icons { padding-left: 0px;} .commeon_uptext h2 { font-size: 25px; line-height: 34px;} .ourservices_row .commeon_heading h3 { font-size: 25px; margin-bottom: 0px;} .hero_leftcol p {text-align: center; margin-bottom: 20px;} .footer-section .footer-main .footer-col.footer-links p {font-size: 20px;} .footer-section .footer-main .footer-col.footer-links p a {font-size: 20px;} .whychoose_rightcol h3 br { display: none;} } @media (max-width: 400px) { #OuterManu { top: 75px;} .Hero_section .tophead_row h3.widget-title { font-size: 36px;} .hero_leftcol h3 { text-align: center;} .hero_leftcol h1 { text-align: center;} .hero_leftcol p { text-align: center;} .Aboutus_sec { margin-top: 60px; margin-bottom: 40px;} .Aboutus_sec .About_usrow .Aboutus_rightcol h3 {line-height: 32px;text-align: center;} .Aboutus_sec .About_usrow .Aboutus_rightcol p { font-size: 23px; line-height: 33px; text-align: center;} .About_usrow { display: flex; flex-direction: column-reverse !important; gap: 30px;} .Aboutus_sec .About_usrow .Aboutus_leftcol .qualty_service { top: 20px; left: 9px;} .commeon_heading h2 { font-size: 25px; line-height: 37px;} .commeon_heading h3 {font-size: 22px;line-height: 37px;margin-bottom: 8px;} .our_servicessection .ourservices_row .service_leftcol .services_all span {left: 10px;top: 14px;bottom: 0px;} .our_servicessection { margin-bottom: 50px;} .our_servicessection .ourservices_row .service_leftcol .services_all, .service_rightcol .services_all { margin-bottom: 30px;} .our_servicessection .ourservices_row .services_all p { font-size: 16px; text-align: left; margin-left: 0px;} .our_servicessection .ourservices_row .service_leftcol .services_all p { justify-content: flex-end;} .our_servicessection .ourservices_row .service_rightcol .services_all span {left: 10px;} .whychoose_rightcol {padding: 0px 12px;} .counter_col { border-right: 0px; border-bottom: 0.5px solid #FFFFFF; padding-bottom: 30px;} .lastcount_col{border-bottom: 0px; padding-bottom: 0px;} .footer-section .footer-main { display: flex; gap: 0px; padding: 50px 0 35px 0px; flex-direction: column;} .footer-section .footer-main .footer-col.footer-links { padding-top: 20px;} .footer-bottom-inner { display: flex; flex-direction: column; padding-top: 0px;} .footer-bottom-bar::after{display: none;} .footer-bottom-right { display: flex; gap: 12px; align-items: center; padding: 16px 0px; flex-direction: column;} .whychoose_rightcol h3 { font-size: 25px; line-height: 35px;} .post-featured-image img {width: 100%;} .Aboutus_leftcol::before {width: 348px; height: 353px; top: 17px;} .whychoose_rightcol .textwidget p br { display: none;} .margin_text p { font-size: 18px !important;} .commeon_uptext h2 {font-size: 25px; line-height: 36px;} .ourservices_row .commeon_heading h3 {font-size: 25px;} .footer-section .footer-main .footer-col.footer-links p {margin-bottom: 20px;} }