/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
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.
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
Text Domain: twentytwentyfour
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
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

body{font-family: var(--font-family); color: var(--color-body); font-size: 1rem; line-height: 1.7; background-color: var(--color-white); font-weight: 400;}

*, :after, :before{box-sizing: border-box;}
:root{
    --font-family: 'Rubik', sans-serif;
    --color-blue: #09216E;
    --color-lightblue: #09216E10;
    --color-orange: #F84825;
    --color-body: #444444;
    --color-white: #FFFFFF;
    --color-light: #F6F6F6;
}

h1, h2, h3, h4, h5, h6{font-family: var(--font-family); font-weight: 600; color: var(--color-blue); line-height: 1.2;}
h1{font-weight: 700; font-size: 3rem;}
h2{font-size: 3rem;}
h3{font-size: 2.25rem;}

.container{max-width: 1320px !important; margin: 0 auto;}

.bg-blue{background-color:  var(--color-blue) !important;}
.bg-orange{background-color:  var(--color-orange) !important;}
.bg-light{background-color:  var(--color-light) !important;}

.d-flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap}
.justify-content-center{justify-content: center !important;}
.justify-content-end{justify-content: flex-end !important;}
.align-items-center{-ms-align-items: center; align-items: center;}

.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.text-blue{color:  var(--color-blue) !important;}
.text-orange{color:  var(--color-orange) !important;}

.w-100{width: 100% !important;}
.mw-100{max-width: 100% !important;}
.lead{font-size: 1.5rem; font-weight: 300;}

:where(.wp-site-blocks) > *{margin-top: 0;}


.btn-orange .wp-block-button__link, .btn-blue .wp-block-button__link, .wpcf7-submit.btn-orange, .btn-outline-white .wp-block-button__link{padding: 0.75rem 4rem 0.75rem 2rem !important; border: 2px solid; border-radius: 3rem; font-size: 1.25rem;}

.is-style-outline.btn-outline-blue .wp-block-button__link{border-color: var(--color-blue); color: var(--color-blue) !important; padding: 0.7rem 2rem !important; font-size: 1rem; font-weight: 600; border-radius: 3rem;}
.is-style-outline.btn-outline-blue .wp-block-button__link:hover{background-color: var(--color-blue) !important; color: var(--color-white) !important;}

.btn-outline-white .wp-block-button__link{border-color: var(--color-white) !important; background: url("assets/images/button-arrow.svg") no-repeat right 30px center !important; color: var(--color-white) !important;}
.btn-outline-white .wp-block-button__link:hover{background: url("assets/images/button-arrow-blue.svg") no-repeat right 30px center var(--color-white) !important; color: var(--color-blue) !important;}

.btn-orange .wp-block-button__link, .wpcf7-submit.btn-orange{border-color: var(--color-orange); background: url("assets/images/button-arrow.svg") no-repeat right 30px center var(--color-orange);}
.btn-orange .wp-block-button__link:hover, .wpcf7-submit.btn-orange:hover{background: url("assets/images/button-arrow-orange.svg") no-repeat right 30px center transparent; color: var(--color-orange);}

.btn-blue .wp-block-button__link{border-color: var(--color-blue); background: url("assets/images/button-arrow.svg") no-repeat right 30px center var(--color-blue);}
.btn-blue .wp-block-button__link:hover{background: url("assets/images/button-arrow-blue.svg") no-repeat right 30px center transparent; color: var(--color-blue);}

.single-post .entry-content ul li, ul.is-style-checkmark-list li{list-style-type: none;}
.single-post .entry-content ul li, ul.is-style-checkmark-list li{position: relative; padding-inline-start: 2rem; margin-bottom: .5rem;}
.single-post .entry-content ul li:before, ul.is-style-checkmark-list li:before{content: ""; background-image: url("assets/images/checkmark-icon.svg"); background-repeat: no-repeat; position: absolute; left: 0; top: 6px; height: 20px; width: 20px;}
ul.is-style-checkmark-list.text-white li:before{-webkit-mask: url("assets/images/checkmark-icon.svg"); mask: url("assets/images/checkmark-icon.svg"); background-color: var(--color-white);  -webkit-mask-size: cover; mask-size: cover; background-image: none;}

.wpcf7-form .form-row p{margin: 0 !important;}
.wpcf7-form .form-row + .form-row{margin-top: 1.25rem;}
.wpcf7-form-control{border: 1px solid #D4DCED; padding: 1rem; border-radius: 0.25rem; width: 100%; background-color: var(--color-white);}
.wpcf7-form-control.input-file{border: 1px dashed #D4DCED;}
.wpcf7-submit{cursor: pointer; color: var(--color-white); width: auto; font-family: var(--font-family); font-weight: 500;}

.header-top p{margin: 0 !important; line-height: 2.5rem;}
.header-top a{color: var(--color-white); text-decoration: none; padding-left: 1.5rem;}
.header-top .header-phone a{background: url("assets/images/phone-icon.svg") no-repeat left center;}
.header-top .header-mail a{background: url("assets/images/mail-icon.svg") no-repeat left center; margin-left: 1rem;}
.header-top .header-book-meeting a{background: url("assets/images/calender-icon.svg") no-repeat left 1.5rem center var(--color-orange); padding: 0 1.5rem 0 3.5rem; display: inline-block;}

.wp-block-navigation{font-family: var(--font-family) !important; font-weight: 400;}
.wp-block-navigation .mainnav > li > a{font-size: 1.25rem;}
.wp-block-navigation .mainnav > li > a:hover{color: var(--color-blue); text-decoration: none;}
.wp-block-navigation .mainnav > li + li{margin-left: 2rem;}

.home-hero-banner{position: relative;}
.home-hero-banner:after{content: ""; background: url("assets/images/hero-banner-shape-01.png") no-repeat; width: 465px; height: 275px; opacity: 0.1; position: absolute; left: 1.25rem; bottom: -2.5rem;}
.client-logos{box-shadow: -4px 4px 10px 2px rgba(0, 0, 0, 0.10); margin-top: -4rem !important;}
.home-hero-banner > *{z-index: 1;}

.small-pill{font-weight: 300; background-color: rgba(9, 33, 110, 0.10); text-transform: uppercase; border-radius: 1rem; line-height: 30px; padding: 0 1rem; color: var(--color-blue); display: inline-block;}
.small-white-pill{background-color: rgba(255, 255, 255, 0.20); color: var(--color-white);}

.icon-text{grid-template-columns: 4rem auto !important;}
.icon-text .wp-block-media-text__media{background-color: var(--color-lightblue); border-radius: 0.25rem; width: 3.125rem; height: 3.125rem; display: flex; justify-content: center; align-items: center;}
.icon-text .wp-block-media-text__media img{height: 30px; width: 30px; filter: brightness(0) saturate(100%) invert(10%) sepia(29%) saturate(7481%) hue-rotate(218deg) brightness(102%) contrast(99%);}
.icon-text .wp-block-media-text__content{padding: 0 0 0 0.5rem;}
.icon-text .wp-block-media-text__content p{margin-bottom: 0;}
.icon-text .wp-block-media-text__content .wp-block-heading{margin: 0;}

.features-media-content .icon-text{grid-template-columns: 5.5rem auto !important;}
.features-media-content .icon-text .wp-block-media-text__media{width: 4.5rem; height: 4.5rem;}
.features-media-content .icon-text .wp-block-media-text__media img{width: 2.5rem; height: 2.5rem;}

.staffing-media-text .wp-block-media-text{border: 1px solid #D4DCED; padding: 1.25rem; border-radius: 0.25rem;}
.staffing-media-text .wp-block-media-text__content{border-left: 1px solid #D4DCED; padding: 0 0 0 1.5rem; margin-left: 1.5rem;}
.staffing-media-text .wp-block-heading{margin: 0; font-size: 1.5rem; color: var(--color-orange); line-height: 1;}
.staffing-media-text p{margin: 0; font-size: 0.875rem;}

.stack-column-icon .wp-block-image{background-color: var(--color-lightblue); border-radius: 0.25rem; text-align: center; line-height: 100px; width: 6.25rem; height: 6.25rem; position: relative; float: none !important; margin-top: 0;}
.stack-column-icon .wp-block-image img{height: 3.75rem; width: 3.75rem; filter: brightness(0) saturate(100%) invert(10%) sepia(29%) saturate(7481%) hue-rotate(218deg) brightness(102%) contrast(99%); vertical-align: middle;}
.stack-column-icon

.how-it-works {counter-reset: my-sec-counter;}
.how-it-works .wp-block-column{position: relative; border: 1px solid #E7E7E7; border-radius: 0.5rem; padding: 1.5rem;}
.how-it-works .wp-block-column .step-number{position: absolute; text-align: center; font-weight: 300; font-size: 4rem; top: 1.25rem; right: 1.25rem; color: var(--color-orange); line-height: 1; opacity: 0.2; letter-spacing: -3px;}

.integration-tools .wp-block-column{border: 1px solid #D4DCED; padding: 1.875rem; border-radius: 0.25rem;}
.faqs-section .wp-block-column{padding: 1.5rem; border-radius: 0.25rem;}
.faqs-section .wp-block-column p{margin-top: 1rem;}

.latest-blog li{background-color: var(--color-white); border-radius: 0.5rem; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); padding: 1.25rem; display: flex; flex-direction: column;}
.latest-blog .wp-block-post-featured-image{margin: -1.25rem -1.25rem 0.5rem -1.25rem;}
.latest-blog .wp-block-latest-posts__post-title{color: var(--color-blue); font-size: 1.5rem; font-weight: 500; line-height: 1.2;
  text-decoration: none; order: 2;}
.wp-block-post-date{background: url("assets/images/blog-calender-icon.svg") no-repeat left center; padding-left: 1.25rem;}
.latest-blog .wp-block-post-date{margin: 0.75rem 0 0.25rem;}
.latest-blog .wp-block-post-title {margin: 0; min-height: 5.5rem;}
.latest-blog .wp-block-post-excerpt{margin-top: 0.5rem;}
.latest-post-author{padding-top: 1rem; border-top: 1px solid #E7E7E7; margin-top: auto;}
.wp-block-post-author{align-items: center;}
.wp-block-post-author__name{color: var(--color-blue); font-weight: 500;}
.wp-block-post-author .avatar{border-radius: 50%;}


.what-next{padding: 1.25rem;}
.what-next > *{color: var(--color-white);}
.contact-form-col{background-color: var(--color-white); padding: 2.5rem; border-radius: 2rem;}

.contact-section{background-color: var(--color-orange); padding: 1.25rem; border-radius: 2.5rem;}

.rt-container-fluid{max-width: 100% !important;}
.tss-wrapper .tss-carousel3 .single-item-wrapper{background-color: var(--color-white); padding: 1.5rem; border-radius: 0.5rem; display: flex; flex-direction: column;}
.tss-wrapper .tss-carousel3 .tss-meta-info, .tss-wrapper .tss-carousel3 .item-content-wrapper:before{display: none;}
.tss-wrapper .tss-carousel3 .rating-wrapper{text-align: left; order: 0; margin: 0;}
.tss-wrapper .tss-carousel3 .item-content-wrapper{order: 1; background: none; padding: 0;}
.tss-wrapper .tss-carousel3 .item-content p{font-size: 1.25rem; font-style: normal;}
.tss-wrapper .tss-carousel3 .author-name{order: 2; margin-bottom: 0 !important; margin-top: auto !important;}
.tss-wrapper .tss-carousel3 .author-bio{order: 3; margin: 0 !important;}
.tss-wrapper .tss-carousel3 .author-bio, .tss-wrapper .tss-carousel3 .author-name{padding-left: 1rem !important; border-left: 2px solid var(--color-orange);}
.tss-carousel-main:not(.swiper-rtl) .swiper-button-prev, .tss-carousel .swiper-button-prev{right: -30px;}
.tss-carousel-main:not(.swiper-rtl) .swiper-button-prev, .tss-carousel .swiper-button-prev{left: -30px;}
.tss-carousel-main .swiper-button-next, .tss-carousel .swiper-button-next{right: -30px;}
.tss-carousel-main .swiper-arrow, .tss-carousel .swiper-arrow{margin-top: -30px; border-radius: 50%;}

.blue-cta{background-color: var(--color-blue); background-image: url("assets/images/cta-bg.png"); background-repeat: no-repeat; background-position: right top;}
.blue-cta .wp-block-heading{font-size: 2rem;}
.blue-cta .wp-block-heading, .blue-cta p{color: var(--color-white);}

.footer-contact .icon-text{grid-template-columns: 3rem auto !important;}
.footer-contact .icon-text .wp-block-media-text__media{width: 2.25rem; height: 2.25rem;}
.footer-contact .icon-text .wp-block-media-text__media img{width: 1.25rem; height: 1.25rem;}
.footer-contact .icon-text .wp-block-media-text__content p{margin: 0;}

footer h4.wp-block-heading{font-size: 1.25rem !important;}
footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{color: var(--color-blue);}

.copyright{border-top: 1px solid #D4DCED;}

.content-boxes .wp-block-column{border-radius: 0.5rem;}
.content-boxes .icon-text .wp-block-media-text__media{width: 5rem; height: 5rem;}
.content-boxes .icon-text .wp-block-media-text__media img{width: 3rem; height: 3rem;}
.content-boxes .icon-text .wp-block-media-text__content{padding-left: 1.875rem;}

.operations-columns .wp-block-column{min-height: 320px;}

/*==== Blog ====*/
.post-list li.wp-block-post .wp-block-column:first-child{position: relative;}
.post-list li.wp-block-post .wp-block-column:nth-child(2){display: flex; flex-direction: column;}
.post-list li.wp-block-post .wp-block-columns{border: 1px solid #E7E7E7; border-radius: 0.5rem;}
.post-list .wp-block-post-title a{color: var(--color-blue); font-size: 1.75rem;}
.post-list .taxonomy-category{position: absolute; top: 1.5rem; left: 1.5rem; z-index: 9; background: var(--color-orange);}
.post-list .taxonomy-category a{color: var(--color-white);}
.post-list .latest-post-author{margin-top: auto;}
.wp-container-core-query-pagination-layout-1 .wp-block-query-pagination-numbers a, .current{color: var(--color-body); padding: 0.25rem; text-decoration: none; margin-left: 0.5rem; height: 1.5rem; width: 1.5rem; display: inline-block; line-height: 1; text-align: center;}
.wp-container-core-query-pagination-layout-1 .wp-block-query-pagination-numbers .current{background-color: var(--color-orange); color: var(--color-white);}

.sidebar-search form {position: relative; border: 1px solid #E0E6F2; padding: 0 0 0 1.25rem; border-radius: 2.5rem;}
.sidebar-search form input {width: 100%; background: transparent; font-weight: 400; font-size: 14px; color: var(--tg-paragraph-color); height: 3.5rem; border:none; padding: 0;}
.sidebar-search form input:focus-visible{outline: none;}
.sidebar-search form button {border: none; background: var(--color-blue); font-size: 1rem !important; color: var(--color-white); line-height: 0; border-radius: 2rem !important; padding: 0 1.25rem;}
.sidebar-search form button:hover{background: var(--color-blue);}

.blog-widget{border: 1px solid #E0E6F2; border-radius: 0.625rem; padding: 1.25rem;}
.blog-widget .wp-block-heading{margin-bottom: 1.5rem;}
.latest-posts li{display: flex; padding: 1.5rem 0; border-top: 1px solid #E0E6F2; align-items: center;}
.latest-posts li:last-child{padding-bottom: 0;}
.latest-posts li .wp-post-image{border-radius: 0.5rem; vertical-align: middle;}
.latest-posts li .wp-block-latest-posts__post-title{line-height: 1.3; text-decoration: none; color: var(--color-body); font-size: 0.875rem; padding-left: 1rem;}

.sidebar-categories ul li {border-top: 1px solid #E0E6F2; padding: 1rem 0; display: flex; justify-content: space-between; margin-bottom: 0;}
.sidebar-categories ul li a{text-decoration: none;}
.sidebar-categories ul li:last-child{padding-bottom: 0;}
.sidebar-categories ul li:hover a{color: var(--color-orange);}

.yoast-breadcrumbs{margin-top: 1rem;}
.yoast-breadcrumbs a{color: #9FA9BE;}

.single-post .entry-content h2{font-size: 2.25rem;}
.single-post .entry-content h3{font-size: 1.75rem; color: var(--color-body);}
.single-post .entry-content h4{font-size: 1.25rem; color: var(--color-body);}

.stycky-section{position: sticky; top: 1.25rem;}
#ez-toc-container{border: 1px solid #E0E6F2; border-radius: 0.625rem; padding: 1.25rem;}
#ez-toc-container .ez-toc-title ~ p{display: none;}
#ez-toc-container .ez-toc-title-container{border-bottom: 1px solid #E0E6F2; margin-bottom: 1.25rem; padding-bottom: 1.25rem;}
#ez-toc-container .ez-toc-title {font-size: 1.25rem !important;}

.yarpp-related{background-color: var(--color-light); border-radius: 0.625rem; padding: 1.25rem;}
.yarpp-related h3{color: var(--color-blue) !important; margin-bottom: 1.25rem;}
.yarpp-related ol{margin-left: 1rem;}
.yarpp-related a{color: var(--color-body); font-weight: 500;}
.yarpp-related a:hover{color: var(--color-orange);}

.single-post-author{border: 1px solid #E7E7E7; border-radius: 0.5rem; align-items: flex-start;}
.single-post-author .wp-block-post-author__name{font-weight: 600; color: var(--color-blue); font-size: 1.5rem;}
.single-post-author .wp-block-post-author__bio{font-size: 1rem; margin: 0.25rem 0 0;}
.single-post-author .wp-block-post-author__avatar img{border-radius: 50%;}
.singlepost-info .wp-block-post-date{background-image: url("assets/images/blog-calender-icon-white.svg");}
.singlepost-info .avatar{width: 2rem; height: 2rem;}

.contactus-details .icon-text{grid-template-columns: 5rem auto !important;}
.contactus-details .icon-text .wp-block-media-text__media{width: 4rem; height: 4rem;}
.contactus-details .icon-text p{margin-top: 0.5rem;}

.faqlist .wp-block-details summary{font-weight: 600; font-size: 1.25rem;}
.faqlist .wp-block-heading{margin: 0 0 1rem !important;}

.faqlist p a{color: var(--color-orange);}

.number-list {counter-reset: my-sec-counter;}
.number-list li{padding-left: 1rem; position: relative;}
.number-list li::before {counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; position: absolute; left: 0;}
.number-list li:not(:last-child){margin-bottom: 0.5rem;}

.terms-detail h3{font-size: 2rem; margin-top: 2rem; color: var(--body-color);}

.payroll-boxes .wp-block-media-text{grid-template-columns: 4rem auto !important;}
.why-choose-us .wp-block-column{min-height: inherit;}