/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body {
    padding: 0 30px 30px 30px;
}
.hero-section {
    overflow: hidden;
}
 .hero-btn .n2-ss-button-container  a{
     position: relative !important;
    padding-left: 80px !important;
    vertical-align: middle;
    line-height: 50px !important;
}

 .hero-btn .n2-ss-button-container a:before {
   content:'' !important;
    position:absolute;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-image: url('images/arrow.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    display:block;
    left: 0;
    top: 0;
    background-color: #ffae00;
    transition: all 0.4s;
}
.hero-btn .n2-ss-button-container a:hover:before {
    background-color: #fff;
    transition: all 0.4s;
}
.hero-heading h1 span {
    display: block;
    color: #ffc600;
    font-family: 'Nunito';
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
}
.hero-heading h1 {
    font-family: 'Bebas Neue'!important;
}
.welcome-heading h3 span {
    font-size: 36px;
    color: #ffc600;
    display: block;
}
.benefite-box figure.elementor-image-box-img {
    width: 82px!important;
    height: 82px;
    background-color: #ffc600;
    border-radius: 50%;
   display: flex;
   align-items:center;
   justify-content: center;
}
.benefite-box h3.elementor-image-box-title span {
    color: #ffae00;
}
.business_slider .pp-info-box-icon-wrap span.pp-info-box-icon.pp-icon {
    height: 395px;
    width: 100%;
    position: relative;
}
.profession-heading h3 {
    display: inline-block;
    background-color: #ffc600;
    padding: 10px 20px;
}
.business_slider .pp-slider-arrow {
    position: absolute;
    top: -100px;
    width: 40px;
    height: 40px;
}

.business_slider .elementor-swiper-button-prev {
    left: inherit!important;
    right: 60px!important;
}
.business_slider .pp-info-box-icon-wrap span.pp-info-box-icon.pp-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.business_slider .pp-info-box.swiper-slide {
     height: 395px!important;
     position: relative;
}
.business_slider .pp-info-box.swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 88%);
    border-radius: 8px;
    z-index: 1;
}
.business_slider .pp-info-box-content {
    position: absolute;
    bottom: 0px;
    padding: 0 20px;
    z-index: 2;
}
.featured-course .pp-info-box-content {
    padding: 30px 20px;
}
.featured-course  span.pp-info-box-icon.pp-icon {
    display: block;
    height: 228px;
    position: relative;
    overflow: hidden;
}
.featured-course  span.pp-info-box-icon.pp-icon img, .pp-post-thumbnail img {
    width: 100%;
    height:240px;
    object-fit: cover;
}

/*.featured-course .pp-info-box.swiper-slide {
    overflow: hidden;
}*/
.featured-course .pp-info-box{
    background-color: #f1f1f1;
    transition: all 0.4s;
}
.featured-course .pp-info-box:hover {
    background-color: #ffc600;
    transition: all 0.4s;
}
.featured-course .pp-info-box:hover a.pp-info-box-button{
        background-color: #fff;
        color: #2a3339;
}

.blog-list .pp-post-thumbnail a {
    display: block;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.blog-list .pp-post-thumbnail a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.newslettter-form input.tnp-email {
    width: 100%;
    max-width: 100%;
    background-color: rgb(255 255 255 / 10%);
    border: 0;
    color: #fff;
    font-family: 'Nunito';
    font-size: 14px;
    padding: 20px;
    margin-right: 0;
    outline: 0;
}
.newslettter-form input.tnp-email::placeholder{
    color: #fff;
}
.newslettter-form input form {
    position: relative;
}
.newslettter-form  .tnp-subscription-minimal input.tnp-submit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    text-indent: -999px;
    background-image: url('images/email-icon.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
}
.footer-bottom-links ul.hfe-nav-menu li {
    margin-right: 10px;
    border-right: 1px solid #B9C0C8;
    padding-right: 10px;
}
.footer-bottom-links ul.hfe-nav-menu li:last-child {
    border-right: 0;
}

.get-in-touch-box .elementor-icon-box-icon {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}


div#contact-form-right ul li.half {
    width: calc(50% - 5px);
}

div#contact-form-right ul {
    list-style: none;
    display: flex;
    gap: 10px;
    padding-left: 0px;
    flex-wrap: wrap;
}


div#contact-form-right ul li.full.checks, div#contact-form-right ul li.full {
    width: 100%;
}

div#contact-form-right ul li.half input, div#contact-form-right ul li.full.checks select, div#contact-form-right ul li.full
textarea {
    border: 2px solid #002e60;
    border-radius: 30px;
    padding: 10px 26px;
}

.current_page_item.hfe-creative-menu a.hfe-menu-item.elementor-button{
    color:#002e60!important;
}

.current_page_item.hfe-creative-menu:hover a.hfe-menu-item.elementor-button{
    color: #fff!important;
}

div#contact-form-right ul li .wpcf7-submit {
    background-color: #002E60;
    font-family: "Nunito", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #fff;
    padding: 9px 57px;
}

div#contact-form-right ul li .wpcf7-submit:hover{
        background-color: #fff;
        color: #002E60;
            border: 1px solid #002E60;


}

h2.pp-post-title a {
    white-space: nowrap;
    /* width: 320px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.pp-post.pp-carousel-item:hover a.pp-posts-button {
    background: #fff;
    color: #002E60;
}

.error{
  background-color: #002E601F;
  padding: 120px 0px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}

.error h1, h2.entry-title{
        font-family: "Bebas Neue", Sans-serif;
        font-size: 48px;
        font-weight: 400;
        color: #000000;
}

h2.entry-title a {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000000;
}

article.post a img {
    margin-bottom: 30px;
    border-radius: 20px;
}

.single-page-banner{
    background-color: #002E601F;
    padding: 120px 0px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
}

.single-page-banner:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    background-color: #2e2e2e;
    opacity: 0.8;
    z-index: 1;
}

.single-page-banner  .page-header{
    position: relative;
    z-index: 9;
}
.single-page-banner h1{
    font-family: "Bebas Neue", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
}



.breadcrumb-container ol {
    padding-left: 20px;
}
.page-header h1.entry-title, body.single main#content {
    max-width: 1400px;
    margin: auto;
    width: 100%;
    padding-top: 15px;
}
/* body.single main#content{
    padding: 80px 0px;
 }*/



.breadcrumb-container {
    width: 1400px;
    margin: auto;
    padding: 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    max-width: 100%;
}

.breadcrumb-container ol li a{
    position: relative;
}

.breadcrumb-container ol li:first-child a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    content: "\f015";
    position: absolute;
    top: 5px;
    left: -16px;
    padding-right: 6px;
}


 body.single .row {
    display: flex;
    max-width: 1400px;
    width: 100%;
    margin: auto;
    padding: 80px 0px;
}

 body.single .col-9 {
    width: 70%;
    margin-right: 50px;
}

 body.single .col-3 {
    width: 30%;
}

.right-side-bar-nav {
    background: #002e60;
    padding: 50px;
    border-radius: 20px;
}

.right-side-bar-nav h2, .right-side-bar-nav label.wp-block-search__label {
    color: #fff;
    padding: 20px 0px;
    font-size: 38px;
    font-family: 'Bebas Neue';
    font-weight: 500;
}

ul.wp-block-latest-posts__list {
    padding: 0px;
    list-style: none;
    align-items: center;
}

.right-side-bar-nav ul.wp-block-latest-posts, .right-side-bar-nav ul {
    display: flex;
    flex-direction: column;
}

.right-side-bar-nav .wp-block-latest-posts.wp-block-latest-posts__list li a, .right-side-bar-nav ul li a {
    color: #ffc600;
    width: 200px;
    display: inline-block;
    margin-top: 11px;
}

.right-side-bar-nav time.wp-block-latest-posts__post-date {
    display: block;
    color: #fff;
}

.right-side-bar-nav button.wp-block-search__button.wp-element-button {
    display: none;
}


div#stickybox {
    position: sticky;
    top: 0px;
    height:800px;
}

/*label.wp-block-search__label {
    opacity: 0.2;
    position: absolute;
    font-size: 20px;
    padding: 12px;
    display: inline-block;
    overflow: hidden;
}*/

@media (max-width: 1600px) {
    .single-page-banner .page-header {

    padding: 0px 30px;
}


}
@media (max-width: 1400px) {

   div#n2-ss-1 .n-uc-117c6f069b38e-inner > .n2-ss-layer-row-inner {
    width: calc(100% + 21px);
    margin: 0px 60px!important;
    flex-wrap: nowrap;
}


body.single .col-3 {
    width: 35%;
}

body.single .col-9 {
    width: 65%;
    margin-right: 50px;
}

}



@media (max-width: 1150px) {

div#head-top-bar .hfe-nav-menu__layout-horizontal li.menu-item a.hfe-menu-item {
    padding: 14px!important;
} 


div#n2-ss-1 .n2-font-d9fa7dc1675c4fc16917af4ed349c16d-paragraph {

    width: 80%;
}

.right-side-bar-nav{
    padding: 17px;
}

}

@media (max-width: 1024px) {
    body {
    padding: 0 10px 10px 10px;
}

ul#menu-1-3c38e94
 {
    overflow: hidden;
}




}

@media (max-width: 991px) {

body.single .row {
    flex-direction: column;
    padding: 50px 0px;
}

    .right-side-bar-nav {
        padding: 40px 30px;
    }

    body.single .col-9 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

        body.single .col-3 {
        width: 100%;
        overflow: hidden;
    }

    .right-side-bar-nav ul.wp-block-latest-posts, .right-side-bar-nav ul {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}



}

@media (max-width: 767px) {



div#stickybox {
    position: inherit;
    top: 0px;
    height:auto;
}

    .single-page-banner h1 {
    font-size: 36px;
}

    div#n2-ss-1 .n-uc-117c6f069b38e-inner > .n2-ss-layer-row-inner {
    margin: 10px!important;
}


    div#contact-form-right ul li.half{
        width: 100%;
    }

       .get-in-touch-box .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon{

            display: inline-flex;
            margin-bottom: 6px;
        }

    .hero-btn .n2-ss-button-container a:before {

    width: 44px;
    height: 44px;

}

       .hero-heading h1 span {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    div#n2-ss-1 .n2-font-c3e1dc731c930c7fccfdccae8cfae129-hover {
        font-size: 300%!important;
}

.business_slider .pp-slider-arrow{
    bottom: -77px;
    top: inherit;
}

.elementor-widget-image-box .elementor-image-box-img{

 margin-left: 0px!important;
}

div#why-hire-points {
    position: relative;
    left: inherit;
    top: inherit;
    padding: 46px 30px;
}


}

@media (max-width:680px){

    .hero-btn .n2-ss-button-container a {
        padding-left: 55px !important;
        line-height: 42px !important;
    }


}

label.services_name {
    padding-left: 16px;
    margin-bottom: 8px;
}

.error-main-page {
    padding: 80px 0px;
    text-align: left;
}


div#step-by-step-tax{

 counter-reset: section;

}


div#step-by-step-tax h2.elementor-heading-title{
    margin-left: 10px;
}

div#step-by-step-tax h2.elementor-heading-title::before {
    counter-increment: section;
    content: counter(section);
    width: 45px;
    height: 45px;
    background: #002E60;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    color: #FFC600;
    bottom: -10px;
    left: -38px;
    position: absolute;
}

.steps-box.e-con.e-child {
    position: relative;
    min-height: 246px;
}

/*29/08/2025*/
.featured-course p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.featured-course h4{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}

.team-gallery .gallery-icon.landscape img {
    height: 350px;
    object-fit: cover;
}

.steps-box.e-child h2 span {
    width: 45px;
    height: 45px;
    background: #002E60;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    color: #FFC600;
}

/*apply form */

.apply-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.apply-form li {
  display: flex;
  flex-direction: column;
  color: #000000; /* black text for labels */
  font-weight: 500;
}

/* Half width fields */
.apply-form .half {
  flex: 1 1 calc(100% - 0px);
}



/* Input & File styling */
.apply-form input {
  width: 100%;
  padding: 12px 30px;
  border: 1px solid #002e60; /* navy border */
  border-radius: 30px;
  font-size: 15px;
  background: #ffffff; /* white background */
  color: #000000; /* black text */
  transition: all 0.3s ease;
}



/* File upload labels */
.apply-form p {
  margin-bottom: 6px;
  font-size: 14px;
  color: #002e60;
  font-weight: bold;
}

/* Submit button styling */
.apply-form .submit-btn {
  text-align: center;
}

.apply-form input[type="submit"] {
  background: #002e60; /* navy blue */
  color: #ffffff; /* white text */
  border: none;
  padding: 12px 35px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
    display: inline-block;  
  width: auto !important;
}
.apply-form .submit-btn {
  text-align: center;
}

.apply-form input[type="submit"]:hover {
  background: #ffc600; 
  color: #000000; 
}


.apply-form .spacer {
  visibility: hidden;
}