/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/*header css*/

.elementor-nav-menu--main .sub-menu .menu-item:hover a{
   background: #E4F2FD;
   color: #54B1F3;
}

.cus_header_menu .menu-item-has-children>a:hover:after,.cus_header_menu .menu-item-has-children .highlighted:after{
filter: brightness(0) saturate(100%) invert(69%) sepia(67%) saturate(2534%) hue-rotate(176deg) brightness(99%) contrast(91%);
}

.elementor-nav-menu--main .menu-item{
   cursor: pointer;
}

 #site-header,  #site-footer{
    display: none;
}


#site-header-new .cus-header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000E21;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background 0.3s ease;
    box-shadow: 2px 3px 4px 0 rgba(255, 255, 255, 0.08);
}

.cus_header_menu .menu-item-has-children .elementor-nav-menu--dropdown{
    width: 260px!important;
    border-radius: 5px;
    padding: 8px 0px!important;
}

.cus_header_menu .elementor-nav-menu--dropdown a{
   color: #0F0F10; 
   font-size: 16px;
}

.cus_header_menu .elementor-nav-menu--dropdown li a{
    margin-bottom: 5px;
    padding: 8px 36px;
    border: none;
    line-height: 24px;
}
.cus_header_menu .elementor-nav-menu--dropdown li a:hover{
    border: none; 
    margin-bottom: 5px;
    padding: 8px 36px;
}

.cus_header_menu .elementor-nav-menu .menu-item-has-children .has-submenu{
    padding-right: 26px!important;
}

.cus_header_menu .elementor-nav-menu--dropdown li .elementor-item-active{
    color: #0F0F10;
    background-color: transparent;
}

.cus_header_menu .elementor-nav-menu--dropdown .menu-item-86 a,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-2552 a{
    padding: 8px 16px;
    line-height: 24px;
}

.cus_header_menu .elementor-nav-menu--dropdown .menu-item-86 a:hover,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-2552 a:hover{
    padding: 8px 16px;
}

.cus_header_menu .elementor-nav-menu .menu-item a{
    font-family: Kanit!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400!important;
}

.cus_header_menu .elementor-nav-menu--dropdown .menu-item-3188 a,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1286 a,
.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1287 a,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1288 a{
    padding: 8px 16px;
}

.cus_header_menu .elementor-nav-menu--dropdown .menu-item-3188 a:hover,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1286 a:hover,
.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1287 a:hover,.cus_header_menu .elementor-nav-menu--dropdown .menu-item-1288 a:hover{
    padding: 8px 16px;
}

.cus_header_menu .elementor-nav-menu .menu-item-has-children > a::after {
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/04/chevron-down.svg");
    display: inline-block;
    opacity: 1 !important;
    line-height: 23px;
    transform: scale(1.3);
    right: 5px;
    background-color: transparent !important;
    top: 30%;
    bottom: 0;
}

.cus_header_menu .menu-item.current-menu-ancestor > a{
    color: #54B1F3!important;  
}

.cus_header_menu .menu-item.current-menu-ancestor > a::after{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/04/chevron-down-blue-1.svg");
}

/*header css*/



/*footer css*/


#site-footer-marketing a{
    color:#fff !important;
}


#site-footer-marketing a:hover{
    color: #54B1F3!important;
}


.social_icons_footer a:hover svg path {
  fill: #54B1F3;
}


.footer-col-bot a, .footer-col2-bot a, .footer-col3-bot a {
    color: #fff;
}


#site-footer-marketing .elementor-element p{
    margin-bottom: 8px;
}


.social_icons_footer a{
   justify-content: flex-start;    
}

.quote-alert{
    --qa-blue:#54B1F3;
    --qa-blue-dark:#3E9BE3;
    --qa-name:#111827;
    --qa-muted:#6B7280;
    --qa-text:#1F2937;

    position:fixed;
    right:16px;
    bottom:16px;
    width:369px;
    background:#E4F2FD;
	border-radius: 12px;
    z-index:99;
    box-shadow:0 12px 32px rgba(20,60,110,.18);
    overflow:hidden;
    transition:opacity .3s ease, transform .3s ease;
}

.quote-alert__content{
    position:relative;
    padding:16px;
}

/* Header */
.quote-alert__header{
    display:flex;
    align-items:center;
    gap: 8px;
    padding-right:34px;
    margin-bottom:13px;
}

.quote-alert__avatar{
    position:relative;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:50%;
    background: #54b1f3;
    display:flex;
    align-items:center;
    justify-content:center;
}

.quote-alert__initials{
    color:#fff;
    font-family:Roboto,sans-serif;
    font-size:17px;
    font-weight:600;
    letter-spacing:.5px;
}

.quote-alert__dot{
    position:absolute;
    right:1px;
    bottom:1px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#2FBE4F;
    border:2px solid #EAF4FD;
}

.quote-alert__advisor{ 
	min-width:0;
}

.quote-alert__name{
    margin:0;
    font-family:Roboto;
    font-size:14px;
    font-weight:600;
	line-height: 150%;
    color: #0F0F10;
}

.quote-alert__role{
    margin: 0;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #475464;
}

/* Close */
.quote-alert__close{
    position:absolute;
    top:26px;
    right:12px;
    width:22px;
    height:22px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.6);
    color: #707C8A;
    font-size:20px;
    line-height: 18px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    padding:0;
    transition:background .2s ease, color .2s ease;
}

.quote-alert__close:hover{
    background:rgba(255,255,255,.6);
    color: #707C8A;
}

/* Message bubble */
.quote-alert__bubble{
    background:#fff;
    border-radius:12px;
    padding:8px;
    margin-bottom:16px;
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

/* CTA */
.quote-alert__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-decoration:none;
    font-family:Roboto;
    font-size:14px;
    font-weight:500;
	text-transform: uppercase;
    height:42px;
    border-radius:46px;
    transition:background .2s ease;
}
.quote-alert__btn--primary{
    background:#54b1f3;
}

#quoteAlert .quote-alert__btn--primary:hover{
	opacity:0.8;
	color: #FFF!important;
}
.quote-alert__btn-arrow{
    width:20px;
    height:20px;
}

/* Collapsed state */
.quote-alert__collapsed{
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px;
    cursor:pointer;
    background: #54B1F3;
}
.quote-alert__collapsed span{
    font-family:Roboto;
    font-size:16px;
    font-weight:600;
    color: #FFF;
}
.quote-alert__expand{
    width:20px;
    height:20px;
    cursor:pointer;
}
.quote-alert.is-collapsed .quote-alert__content{ display:none; }
.quote-alert.is-collapsed .quote-alert__collapsed{ display:flex; }

/* Hidden near footer */
.quote-alert.is-hidden-footer{
    opacity:0;
    visibility:hidden;
    transform:translateY(30px);
    pointer-events:none;
}
@media (max-width: 767px){
	.quote-alert__close{
		top: 22px;
	}
    .div_quote_btn{
        display: flex;
        column-gap: 15px;
    }
    
    .quote-alert,.quote-alert.is-collapsed{
		width: auto;
        right: 0;
		left: 0;
		bottom: 0;
		margin: 12px;
    }
    
    .quote-alert__btn{
        width: 100%;
        margin: 0;
        padding: 8px 40px 8px 15px;
    }
    
    .quote-alert__btn--primary:after,.quote-alert__btn--secondary:after{
        right: 22%;
    }
    
    .quote-alert p{
      font-size: 12px;
      line-height: 18px;
    }
	
	.quote-alert__content {
    	padding: 12px;
	}
    
    .quote-alert h3{
        font-size: 14px;
        line-height: 21px;
    }
    
    .journey-path--desktop{
        display:none;
    }

    .journey-path--mobile{
        display:block;
    }
}

/*footer css*/

.main-page-template, .post-type-archive{
    background: #F4F4F4;
}

.contact-grid p{
    margin-bottom: 10px;
}


.e-con-boxed.e-flex{
    flex-direction: row;
}

.open_icon h3{
    margin: 0;
}

.halfline-heading-dark{
    display: flex;
    align-items: center;
    gap: 1rem;  
}

.halfline-heading-dark::after{
    content: "";
    flex: 0 0 36px;
    height: 1px;
    background-color: #e2e2e2;
}


.halfline-heading{
    display: flex;
    align-items: center;
    gap: 1rem;  
}


.halfline-heading::after {
    content: "";
    flex: 0 0 36px;
    height: 1px;
    background-color: #707C8A;
}

.line-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}


.line-heading::before,
.line-heading::after {
    content: "";
    flex: 0 0 22px;
    height: 1px;
    background-color: #E2E2E2;
}

.line-heading2{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.line-heading2::before,
.line-heading2::after {
    content: "";
    flex: 0 0 22px;
    height: 1px;
    background-color: #707C8A;
}

.banner-bg-overlay:before{
    background: linear-gradient(90deg, #000E21 1.42%, rgba(0, 14, 33, 0.30) 71.05%);
}

.banner-bg-overlay{
    clip-path: ellipse(100% 100% at 50% 0%);
    align-items: center!important;
}

.cus_btn a{
    width: 420px!important;
}

.cus_btn_half a,.banner-hero-buttons a{
   width: 220px!important;  
}


.cus_btn_half a:hover svg path{
  fill: #fff;
}

.cus_btn a:hover svg path{
  fill: #fff;
}

.quote_para p{
    margin-bottom: 12px;
}

.hov-icon .elementor-icon-box-wrapper:hover .elementor-icon-box-icon a{
    transition: transform .25s ease;
    transform: translateX(-4px);
}

.hov-icon-right .elementor-icon-box-wrapper:hover .elementor-icon-box-icon a{
    transition: transform .25s ease;
    transform: translateX(4px);
}

.hov-icon-right-btn a:hover .elementor-button-icon{
    transition: transform .25s ease;
    transform: translateX(4px);
}

.hov-icon .elementor-icon-box-wrapper:hover,.hov-icon-right .elementor-icon-box-wrapper:hover, .hov-icon-right-btn a:hover {
    opacity: 0.8;
}

.mb-0 ul, .mb-0 ol{
   margin:0;
}

.broch_btn svg{
	height: 20px;
    width: 20px;
}

.broch_btn a{
		height: 48px;
	}

/*Banner slider  css*/


 .data-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E2E2E2;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.5;
    padding: 10px 12px;
    color: #0F0F10;
  }

  .data-table th {
    background: #E2E2E2;
    color: #707C8A;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    padding: 10px 12px;
  }

  .data-table td {
    padding: 16px 12px;
    background-color: transparent !important;
  }

.hovr_ancr a:hover{
    opacity:0.8;
}
.hovr_ancr a{
    text-decoration: underline;
}

.hovr_ancr ul li{
    margin-bottom: 6px;
}


/* ===== Slider Container ===== */
.acf-banner-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.trust-review{
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
}

.trust-review span{
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

/* ===== Individual Slide ===== */
.banner-hero-slide.slick-slide{
    position: relative;
    clip-path: ellipse(100% 100% at 50% 0%);
    width: 100%;             /* full width */
    background-image: var(--desktop-bg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Dark gradient overlay (left side fades to transparent right) */
.banner-hero-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(8, 20, 40, 0.85) 0%,
        rgba(8, 20, 40, 0.6) 40%,
        rgba(8, 20, 40, 0.1) 75%,
        transparent 100%
    );
    z-index: 1;
}

/* ===== Inner Container ===== */
.banner-hero-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 35px;
    align-items: center;
    display: flex;
    min-height: 725px;
    gap: 40px;
}

/* ===== Left Content ===== */
.banner-hero-content {
    color: #fff;
    max-width: 520px;
}

.banner-hero-content h2,.banner-hero-content h1{
    font-size: 48px;
    font-weight: 500;
    font-family: Kanit;
    line-height: 60px;
    margin: 0 0 12px;
    color: #fff;
}

.scnd-color{
    color:#54B1F3;
}

/* If you want a word highlighted in blue like "Conveyancing", 
   wrap it in a span with class "highlight" in your title */
.banner-hero-content h2 .highlight,.banner-hero-content h1 .highlight {
    color: #1ea7e1;
}

.banner-hero-content p {
    line-height: 1.6;
    margin: 0 0 32px;
    font-family: Kanit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

/* ===== Buttons ===== */
.banner-hero-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.banner-hero-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; 
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.25s ease;
    cursor: pointer;
}

/* Add arrow after button text */

.banner-hero-buttons .btn.primary::after{
  content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/05/arrow-right-long-white.svg");
  transition: transform 0.25s ease;
     width: 22px;
}

.banner-hero-buttons .btn.secondary::after{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/04/arrow-right-long-1.svg");
    transition: transform 0.25s ease;
    width: 22px;
}

.banner-hero-buttons .btn.secondary:hover::after{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/05/arrow-right-long-white.svg"); 
    width: 22px;
}

.banner-hero-buttons .btn:hover::after{
    transform: translateX(4px);
}

.banner-hero-buttons .btn.primary{
    background: #54B1F3;
    color: #fff;
    border: 1px solid #54B1F3;
    justify-content: center;
}

.banner-hero-buttons .btn.primary:hover{
    background: rgba(84, 177, 243, 0.80);
    border-color: #1890c4;
}

.banner-hero-buttons .btn.secondary{
    color: #54B1F3;
    border: 1px solid #54B1F3;
     justify-content: center;
}

.banner-hero-buttons .btn.secondary:hover {
    background: #54B1F3;
    border: 1px solid #54B1F3;
    color: #fff;
}

.acf-banner-slider .slick-dots{
    bottom: 3%;
}

.acf-banner-slider .slick-dots .slick-active button:before {
   color: #54B1F3;
}

.acf-banner-slider .slick-dots li button:before {
   color: #E2E2E2;
    opacity: 1;
    font-size: 10px;
}

.acf-banner-slider .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 4px;
    padding: 5px;
}


.acf-banner-slider .slick-dots li button{
    cursor:default;
    
}
.acf-banner-slider .slick-dots li button:hover {
    background-color: transparent;
}

.acf-banner-slider .custom-arrow {
    position: absolute;
    top: auto;
    bottom: 12px;
    transform: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
    width: auto;
    height: auto;
}
.acf-banner-slider .custom-arrow img {
    width: 20px;
    height: auto;
    display: block;
}

.acf-banner-slider .custom-arrow::before {
    display: none;
}

.acf-banner-slider .slick-dots li button:focus{
    background-color: transparent;
}

.acf-banner-slider .slick-prev {
    left: 50%;
    margin-left: -50px;
}

.acf-banner-slider .slick-next {
    right: 50%;
    margin-right: -60px;
}


.acf-banner-slider .slick-prev img{
    transform: rotate(180deg);
}

.acf-banner-slider .custom-arrow {
    opacity: 1;
    transition: opacity 0.3s ease;
}


/*Team members CSS*/

.team-members-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: flex-start;
}

.team-card__designation{
    color: #E2E2E2;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height:24px;
    margin-bottom: 12px;
}

.team-card{
    background: #001a35;
    color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}

.team-card__image img {
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

.team-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.team-card__content-top {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

.team-card__header {
    flex: 1;
}

.team-card__name{
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    margin: 0 0 4px;
    font-weight: 500;
    font-family: Roboto;
}

.team-card__title {
    font-size: 12px;
    line-height: 1.4;
    color: #d3d8df;
    margin-bottom: 10px;
}

.team-card__email a {
    color: #54B1F3;
    font-size: 20px;
    text-decoration: none;
    text-align: justify;
    font-family: Roboto;
    font-weight: 400;
    line-height: 30px;
}
.team-card__description{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .3s ease;
    margin-bottom: 20px;
}

.team-card.active .team-card__description {
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
    display: block;
}

.team-card__description p{
    color: #E2E2E2;
    text-align: justify;
    flex-grow: 1;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}

.team-card__footer {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.team-card__linkedin{
    color: #25a6ff;
    text-decoration: none;
    font-size: 12px;
}

.team-card__read-more{
    color: #54B1F3;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.team-card__read-more::after{
    content: "";  
    display: inline-block;
    border-left:2px solid;
    border-bottom:2px solid;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    transform: rotate(-45deg);
    margin-bottom: 3px;
}

.team-card.active .team-card__read-more:after {
    transform: rotate(135deg);
    margin-bottom: -3px;
}


/*Team members CSS*/

.download_pdf_btn .elementor-button-icon svg{
    width: 20px;
    height: 20px; 
}

.download_pdf_btn .elementor-button:hover .elementor-button-icon svg path,.download_pdf_btn .elementor-button:focus .elementor-button-icon svg path{
    fill: #fff;
}


.journey-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    position:relative;
    z-index:2;
    justify-items: center;
    margin: auto;
    column-gap: 100px;
}

.journey-path--desktop{
    display:block;
}

.journey-path--mobile{
    display:none;
}

.journey-path img{
    width: 100%;
}

.journey-step{
    text-align:center;
    width: 100%;
    padding-bottom: 42px;
    height: auto;
}

.journey-icon img{
    width:90px;
    height:90px;
    object-fit:contain;
}

.journey-title{
    margin-top:20px;
    font-weight:700;
}

.journey-description{
    margin-top:12px;
}

.journey-wrapper{
    position:relative;
}

.journey-path{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}

.journey-description h3{
    margin-bottom: 4px;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #fff;
    text-transform: capitalize;
}

.journey-description p{
    color: #e2e2e2;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.journey-wrapper{
    position:relative;
}

.journey-path{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}

.journey-grid{
    position:relative;
    z-index:2;
}

.journey-path{
    padding-top: 40px;
}

.contact-grid .e-con-full, .need_info{
    border: 1px solid transparent;   /* same width, invisible */
  /*transition: border-color 0.3s ease;*/
}

.contact-grid .e-con-full:hover{
    border: 1px solid #54B1F3;
    outline: none!important;
    box-shadow: none!important;
    background: #E4F2FD!important;
}

.need_info:hover{
    border: 1px solid #54B1F3;
    outline: none!important;
    box-shadow: none!important;
}

.cus_btn_half a:hover svg{
    transform: translateX(4px);
       transition: transform 0.25s;
}

.cus_btn_half a{
    transition: transform 0.25s;
}

*:focus,
*:focus-visible,
*:focus-within,
*:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}


.contact-grid .e-con-full:focus-visible,.need_info{
    outline: none;
    box-shadow: none;
}

.contact-grid .e-con-full,.need_info{
   cursor:pointer; 
}

/*/ Stamp duty calculator */

.stamp-duty-calculator {
  background: #000E21;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
}

/* Heading */
.stamp-duty-calculator h3 {
color: #FFF;
text-align: justify;
font-family: Kanit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 36px;
margin-bottom: 16px;
}

/* "Purchase Price" label */
.stamp-duty-calculator > label {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-bottom: 6px;
}

/* Price input */
.stamp-duty-calculator #purchase-price {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(226, 226, 226, 0.3);
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 20px;
    color: #fff;
    outline: none;
    transition: border-color .2s ease;
}

.options-heading{
    color: #E2E2E2;
    text-align: justify;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 12px;
}

.stamp-duty-calculator #purchase-price::placeholder {
  color: #5d6b7d;
}

.stamp-duty-calculator #purchase-price:focus {
  border-color: #2f8fd6;
}

/* Hide number spinners */
.stamp-duty-calculator #purchase-price::-webkit-outer-spin-button,
.stamp-duty-calculator #purchase-price::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.stamp-duty-calculator #purchase-price {
  -moz-appearance: textfield;
}

/* Options group */
.stamp-duty-options {
  margin-bottom: 24px;
}

/* Optional helper line above the checkboxes
   (add a heading/text element if you want the
   "Please select which option applied for you" line) */

.stamp-duty-options label {
  display: flex!important;
  align-items: center;
  gap: 9px;
  margin-bottom: 13px!important;
  cursor: pointer;
  color: #E2E2E2;
  font-family: Roboto; 
  font-size: 20px;
  font-style: normal; 
  font-weight: 400;
  line-height: 30px;
}

.stamp-duty-options input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid #ffffff;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  flex-shrink: 0;
}

.stamp-duty-options input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
    left: 5px;
    top: 0px;
    width: 7px;
    height: 14px;
    border: solid #000E21;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.stamp-duty-options input[type="checkbox"]:checked {
  background: #54B1F3; /* your green, or any colour */
  border-color: #54B1F3;
}


/* Calculate button */
.stamp-duty-calculator #calculate-stamp-duty {
  color: #ffffff;
  cursor: pointer;
  border: none;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
   background: var(--Colour-Primary, #54B1F3);
    text-transform: uppercase;
}

.stamp-duty-calculator #calculate-stamp-duty:hover {
background: rgba(84, 177, 243, 0.80);
}

/* Result */
.stamp-duty-calculator-results{
color: #E2E2E2;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
display: flex;
}

.stamp-duty-calculator-results #stamp-duty-price{
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #34C759;
    text-align: right;
    width: 24%;
    white-space: nowrap;
    background:transparent;
    border:none;
    padding: 0;
    height: 22px;
}

.stamp-duty-result-text{
        width: 76%;
}


.stamp-duty-calculator-results h4{
    display:none;
}
/*/ Stamp duty calculator */


/*// contact us form//*/

.contact_us_shortcode .nf-form-title, .contact_us_shortcode .nf-form-fields-required,
.refferer_shortcode .nf-form-title, .refferer_shortcode .nf-form-fields-required{ 
    display:none;
}

.contact_us_shortcode .nf-form-content nf-fields-wrap,.refferer_shortcode .nf-form-content nf-fields-wrap,
.pls-job-application-form .nf-form-content nf-fields-wrap{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.contact_us_shortcode .nf-form-content nf-field,.refferer_shortcode .nf-form-content nf-field{
   flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.contact_us_shortcode .nf-form-content nf-field:nth-child(6),.contact_us_shortcode .nf-form-content nf-field:nth-child(7),
.contact_us_shortcode .nf-form-content nf-field:nth-child(10),.refferer_shortcode .nf-form-content nf-field:nth-child(7),
.refferer_shortcode .nf-form-content nf-field:nth-child(8){
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
}

.contact_us_shortcode .nf-form-content .nf-field-label label{
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element select option{
    color:#000;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type="checkbox"]{
    width: 22.5px;
    height: 22.5px;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border-radius: 3px;
    margin-top: 5px;
    border: 3px solid rgba(255, 255, 255, 0.70);
    padding: 0;
    cursor: pointer;
}
.under_line a{
    text-decoration: underline;
    color: #54b1f3;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type=checkbox]:checked:after{
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 7px;
    height: 14px;
    border: solid #000e21;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type=checkbox]:checked{
    background: #54b1f3;
    border-color: #54b1f3;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input,
.contact_us_shortcode .nf-form-content nf-field .nf-field-element textarea,
.contact_us_shortcode .nf-form-content nf-field .nf-field-element select{
    background: 0;
    color: #E2E2E2;
    border: 1px solid rgba(226, 226, 226, 0.3);
    border-radius: 4px;
    height: 48px;
    padding: 8px 20px;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.15px;
}

.refferer_shortcode .nf-form-content nf-field .nf-field-element input, 
.refferer_shortcode .nf-form-content nf-field .nf-field-element textarea, 
.refferer_shortcode .nf-form-content nf-field .nf-field-element select{
    border-radius: 4px;
    border: 1px solid rgba(226, 226, 226, 0.30);
    height: 48px;
    padding: 8px 20px;
    font-family: Roboto;
    background: transparent;
    color: #e2e2e2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.15px;
}
.refferer_shortcode .nf-form-content nf-field .nf-field-element input::placeholder,
.refferer_shortcode .nf-form-content nf-field .nf-field-element textarea::placeholder,
.refferer_shortcode .nf-form-content nf-field .nf-field-element select::placeholder {
    color: #E2E2E2;
    opacity: 1; /* Prevent browsers from reducing opacity */
}


.refferer_shortcode .nf-form-content nf-field .nf-field-element select option {
    color: #0F0F10;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input::placeholder,
.contact_us_shortcode .nf-form-content nf-field .nf-field-element textarea::placeholder,
.contact_us_shortcode .nf-form-content nf-field .nf-field-element select::placeholder {
    color: #E2E2E2;
    opacity: 1; /* Prevent browsers from reducing opacity */
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact_us_shortcode .nf-form-content nf-field .listselect-wrap .nf-field-element::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #E2E2E2; /* solid white arrow */
    pointer-events: none;
}


.contact_us_shortcode .nf-form-content nf-field .nf-field-element textarea,
.refferer_shortcode .nf-form-content nf-field .nf-field-element textarea{
    height: 106px;
}

.contact_us_shortcode .nf-form-content nf-field .submit-wrap .nf-field-element,
.refferer_shortcode .nf-form-content nf-field .submit-wrap .nf-field-element {
    text-align: center;
}

.contact_us_shortcode .nf-form-content nf-field .checkbox-wrap label{
    font-size: 20px;
    font-style: normal;
    color: #F5F5F5;
    font-family: Roboto;
    font-weight: 400;
    line-height: 30px;
}

.contact_us_shortcode .nf-form-content nf-field .checkbox-wrap .nf-field-label,
.refferer_shortcode .nf-form-content nf-field .checkbox-wrap .nf-field-label{
     padding-left: 10px; 
}

.contact_us_shortcode .nf-field-container,.refferer_shortcode .nf-field-container{
    margin-bottom: 20px;
}

.contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type="submit"],
.refferer_shortcode .nf-form-content nf-field .nf-field-element input[type="submit"]{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px; 
    color: #fff;
    text-transform: uppercase;
    width: 420px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background:  #54B1F3;
}

.nf-after-field .nf-error-msg{
    color: #DB5461;
}

.ninja-forms-req-symbol{
    color: #fff!important;
}

.nf-error-msg.nf-error-field-errors{
    text-align: center;
    color: #DB5461; 
}

.refferer_shortcode .nf-form-content .nf-field-label label{
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* When an arrow is disabled (no slide in that direction), fade it */
.mb-0 p, .mb-0 h2{
    margin-bottom: 0;
}

.hover_blue-btn a{
    width: 100%!important;
}

.hover_blue-btn a:hover{
   background: #54B1F3!important;   
   color:#fff!important;
}
.hover_blue-btn a:hover .elementor-button-icon path{
   fill:#fff;
}


.hover_blue-btn .elementor-button-content-wrapper{
    justify-content: space-between;
}

.hover_blue-btn .elementor-button-content-wrapper svg{
    width: 15px;
    height: 15px;
}

/*// phone animation work///*/

.hovr_animation_html{
   width: 100%;
}

 .pls-hero-fx {
    position: relative;
    width: 100%;
    max-width: 460px;
    aspect-ratio: 1 / 1;
    margin-inline: auto;
    cursor: pointer;
  }

  .pls-hero-fx::before{
    content: "";                
    position: absolute;
    top: 20%; 
    right: 4%;
    width: 112px;
    aspect-ratio: 1;
    background: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg") no-repeat center / contain; 
    z-index: 0;
    transition: transform 5s cubic-bezier(.22, 1, .36, 1);
  }

  .pls-hero-fx::after{
    content: "";
    position: absolute;
    bottom: 8%;
    left: 3%;
    width: 112px; 
    aspect-ratio: 1;
    background: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg") no-repeat center / contain; 
    z-index: 0;
    transition: transform 5s cubic-bezier(.22, 1, .36, 1);
  }

  .pls-circle {
    position: absolute;
    top: 13%; 
    left: 50%;
    width: 401px;   
    aspect-ratio: 1;
    transform: translateX(-50%);
    border-radius: 50%;
    background: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/07/Client-portal-login-Background-circle-with-shadow-desktop.png") no-repeat center / contain;
    z-index: 2;
    transition: transform 5s cubic-bezier(.22, 1, .36, 1);
  }

  /* ---- phone (TILTED at rest) ---- */
  .pls-phone {
    position: absolute;
    left: 46%;
    transform: translateX(-50%) rotate(0deg);   /* resting tilt */
    transform-origin: center bottom;
    z-index: 3;
    max-width: 300px!important; 
     height: 440px!important;
    display: block;
    transition: transform 5s cubic-bezier(.22, 1, .36, 1);
  }

  /* ---- hover choreography ---- */
  /* phone: straighten + slight lift */
  .pls-hero-fx:hover .pls-phone  { transform: translateX(-60%) rotate(8deg) translateY(-4px); }
  /* circle: gentle grow */
  .pls-hero-fx:hover .pls-circle { transform: translateX(-50%); }
  
  /* dots: slide along X axis only (outward). Flip the signs to spread inward. */
  
  .pls-hero-fx:hover::before{
    transform: translateX(25px); 
  }
  
  .pls-hero-fx:hover::after{
      transform: translateX(-25px); 
  }


.files_uploaded .delete{
    color: #FF3B30;
    font-family: Roboto;
    font-weight: 500;
    line-height: 150%;
    font-size: 20px;
    text-decoration: none;
    margin-left: 2rem;
}

.files_uploaded p{
    color: #707C8A;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.15px;
    
}


 /* ---- Logos hover animation ---- */

.pls-lenders {
    position: relative;
    width: 100%;
    max-width: 440px;
    aspect-ratio: 1;
    margin-inline: auto;
    cursor: pointer;
  }

  .pls-lender {
    position: absolute;
    aspect-ratio: 1;
    /*transform: translate(-50%, -50%) translate(var(0), var(0));*/
    /*transition: transform 5s cubic-bezier(.22, 1, .36, 1);*/
    /*transition-delay: var(--delay, 0s);*/
    animation: pls-bloom 4s cubic-bezier(.22, 1, .36, 1) var(--delay, 0s) infinite alternate;
    z-index: 1;
  }
  
  @keyframes pls-bloom {
  from {
    transform: translate(-50%, -50%) translate(var(0), var(0));
  }
  to {
    transform: translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(1);
  }
}
 

  /*.pls-lenders:hover .pls-lender {*/
  /*  transform: translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(1);*/
  /*}*/

  .l-fleet     { left: 16%; top: 12%; --dx: 70px;  --dy: 72px;  --delay: 4s; z-index: 3;}
  .l-kent      { left: 0%; top: 28%; --dx: 70px; --dy: 100px;  --delay: 4s; z-index: 4;}
  .l-westone   { left: 13%; top: 41%; --dx: 82px;  --dy: 146px;   --delay: 4s; z-index: 5;}
  .l-glenhawk  { left: 36%; top: 12%; --dx: 146px; --dy: 68px;   --delay: 4s; z-index: 2;}
  .l-landbay   { left: 50%; top: 26%; --dx: 156px;  --dy: 105px; --delay: 4s; z-index: 1; }
  .l-gatehouse 
  { 
    left: 35%;
    top: 41%;
    --dx: 140px; 
    --dy: 146px; 
    --delay: 4s;  
    z-index: 0; 
  }

  .pls-lenders__center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex; 
    align-items: center;
    justify-content: center;
    z-index: 5;
  }

.pls-lenders__center img{
    max-width: 176px;
}

  /*@media (prefers-reduced-motion: reduce) {*/
  /*  .pls-lender { transition: none; transform: translate(-50%, -50%) scale(1); }*/
  /*}*/

/* ---- Logos hover animation ---- */
  
  
  
/*----- Awards_animation -----*/

.awards-bloom {
  position: relative;
  width: 420px;
  aspect-ratio: 1;
  margin: 0 auto;
  cursor: pointer;
}

.awards-card {
  position: absolute;
  width: 250px;
  aspect-ratio: 1;
  left: 50%;
  top: 50%;
  overflow: hidden;
  animation: awards-bloom 4s cubic-bezier(.22, 1, .36, 1) infinite alternate;
}

.awards-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes awards-bloom {
  from {
    transform:
      translate(-50%, -50%)
      translate(var(--start-x), var(--start-y))
      rotate(var(--rotate));
  }
  to {
    transform:
      translate(-50%, -50%)
      translate(var(--end-x), var(--end-y))
      rotate(var(--rotate));
  }
}

.awards-card--top-left {
  --start-x: -76px;
  --start-y: -82px;
  --end-x: -120px;
  --end-y: -110px;
  --rotate: 0deg;
  z-index: 1;
}

.awards-card--top-right {
  --start-x: 90px;
  --start-y: -82px;
  --end-x: 120px;
  --end-y: -110px;
  --rotate: 0deg;
  z-index: 0;
}

.awards-card--bottom-left {
  --start-x: -76px;
  --start-y: 90px;
  --end-x: -120px;
  --end-y: 110px;
  --rotate: 0deg;
  z-index: 2;
}

.awards-card--bottom-right {
  --start-x: 90px;
  --start-y: 90px;
  --end-x: 120px;
  --end-y: 110px;
  --rotate: 0deg;
  z-index: 3;
}

.awards-bloom__center {
  position: absolute;
  width: 154px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
/*----- Awards_animation -----*/



/*----- Alexa_animation -----*/

  .alexa-hero{
    position: relative;
    width: 451px;
    aspect-ratio: 1;
    overflow: hidden;
    cursor: pointer;
  }

  /* ---- dot cluster: top-left ---- */
  .alexa-hero::before{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg");
    position: absolute;
    top: 20%; 
    left: 9%;
    z-index: 1;
    transition: transform 4s cubic-bezier(.22, 1, .36, 1);
  }
  /* ---- dot cluster: bottom-right ---- */
  .alexa-hero::after{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg");
    position: absolute;
    bottom: 15%;
    right: 6%;
    z-index: 1;
    transition: transform 4s cubic-bezier(.22, 1, .36, 1);
  }

  .alexa-hero__device{
    position: absolute;
    left: 50%; 
    top: 54%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    /*transition: transform 4s cubic-bezier(.22, 1, .36, 1);*/
    display: block;
  }

  /* ---- "?" speech bubble (wrapper = hover, img = idle float) ---- */
  .alexa-hero__icon {
    position: absolute;
    top: 10%; 
    right: 8%;
    width: 20%;
    z-index: 3;
    transition: transform 4s cubic-bezier(.34, 1.56, .64, 1);   /* slight overshoot */
  }
  
  .alexa-hero__icon img{
    animation: floatBubble 2.5s ease-in-out infinite;
  }
  
  .alexa-hero__device img{
    width:100%
  }
  
  @keyframes floatBubble{
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
  }

  /* ---- hover choreography ---- */
  .alexa-hero:hover .alexa-hero__icon{ 
    transform: translate(12px, -12px); 
  }
  
  .alexa-hero:hover::before{ 
    transform: translate(-14px, -14px); 
  }
  
  .alexa-hero:hover::after{ 
    transform: translate(14px, 14px); 
  }

  @media (prefers-reduced-motion: reduce) {
    .alexa-hero__device, .alexa-hero__icon,
    .alexa-hero::before, .alexa-hero::after { transition: none; }
    .alexa-hero:hover .alexa-hero__device { transform: translate(-50%, -50%); }
    .alexa-hero:hover .alexa-hero__icon   { transform: none; }
  }

/*----- Alexa_animation -----*/


/*----- Alexa_Ask_animation -----*/

  .alexa-ask{
    position: relative;
    width: 451px;
    aspect-ratio: 1;
    overflow: hidden;
    cursor: pointer;
  }

  /* ---- dot cluster: top-right ---- */
  .alexa-ask::before{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg");
    position: absolute;
    top: 20%; 
    right: 9%;
    z-index: 1;
    transition: transform 4s cubic-bezier(.22, 1, .36, 1);
  }
  /* ---- dot cluster: bottom-left ---- */
  .alexa-ask::after{
    content: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/06/Group-37668.svg");
    position: absolute;
    bottom: 15%; 
    left: 6%;
    z-index: 1;
    transition: transform 4s cubic-bezier(.22, 1, .36, 1);
  }

  /* ---- Alexa device image ---- */
  .alexa-ask__device{
    position: absolute;
    left: 50%; 
    top: 54%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: block;
    transition: transform 4s cubic-bezier(.22, 1, .36, 1);
  }

  /* ---- "Ask PLS." bubble (wrapper = hover, .bubble = idle float) ---- */
  .alexa-ask__bubble{
    position: absolute;
    left: 8%; 
    top: 10%;
    width: 25%;
    z-index: 3;
   transition: transform 4s cubic-bezier(.34, 1.56, .64, 1); 
  }
  
  .alexa-ask__bubble img{
    width: 100%;
    animation: floatBubble 2.5s ease-in-out infinite;
  }

  .alexa-ask__device img{
    width:100%
  }

  @keyframes floatBubble{
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
  }

  /* ---- hover choreography ---- */
  .alexa-ask:hover .alexa-ask__bubble  { transform: translate(12px, 12px) }
  .alexa-ask:hover::before             { transform: translate(14px, -14px); }
  .alexa-ask:hover::after              { transform: translate(-14px, 14px); }

  @media (prefers-reduced-motion: reduce) {
    .alexa-ask__device, .alexa-ask__bubble,
    .alexa-ask::before, .alexa-ask::after{ 
      transition: none; 
    }

    .alexa-ask:hover .alexa-ask__device { 
      transform: translate(-50%, -50%); 
    }
    .alexa-ask:hover .alexa-ask__bubble { 
      transform: none; 
    }
  }


/*----- Alexa_Ask_animation -----*/

/*----- career listing -----*/
.file_upload-wrap:has(.files_uploaded > *) .nf-fu-fileinput-button {
    display: none;
}

.files_uploaded:has(p) {
    position: relative;   /* or absolute — see below */
    left: 0!important;
}

.pls-banner-job{
    position: relative;
    background: url("/wp-content/uploads/2026/05/Secured-Landing-banner-Desktop.png") center/cover no-repeat;
    overflow: hidden;
    background-position: bottom center; 
}

.pls-job-card-slide{
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    min-height: 165px;
    display: flex;
    flex-direction: row;
}

.pls-job-card{
    margin-bottom: 20px;
}

    .pls-job-details-head{
        width: 80%;
        display: flex;
        flex-direction: column;
    }
    
    .pls_job-metas{
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: end;
    }
    
    .pls-job-title{
        margin-bottom: 12px;
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .pls-job-location{
        color: #0F0F10;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
    
    .pls-job-location{
       margin-bottom: 16px;
    }
    
    .pls-job-posted-date{
        font-family: Roboto;
        font-size: 20px;
        color: #707C8A;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0px;
    }
    
    .pls-job-location-type{
        border-radius: 20px;
        background: #707C8A;
        display: inline-flex;
        padding: 4px 20px;
        justify-content: center;
        color: #FFF;
        font-family: Roboto;
        width: 42%;
        font-size: 20px;
        line-height: 150%;
    }
    
    .pls-job-button{
        color: #54B1F3;
        text-align: right;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        text-transform: uppercase;
    }
    
    .pls-job-button svg{
        margin-bottom: 2px; 
    }
    
    .pls-job-button:hover{
          color: #54B1F3;
          opacity: 0.8;
    }

    .pls-job-button:hover svg {
        transform: translateX(3px);
        transition: transform .25s;
    }
    
    .pls-single-job{
        background: #F4F4F4;
    }
    
    .pls-job-details-section{
        background: #000E21;
    }
    
    .pls-job-detail-main{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .pls-job-detail-main h2{
        color: #fff;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 12px;
        line-height: 150%;
    }
    
    .pls-job-detail-main .pls-job-list{
        color: #FFF;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
         list-style: none; 
        line-height: 150%;
        margin-bottom: 20px;
        padding: 0;
    }

    .pls-job-detail-main .pls-job-list li{
          margin-bottom: 12px;
          position: relative;
          padding-left: 42px;
    }
    
    
    .pls-job-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 30px;
        height: 30px;
        background-image: url("/wp-content/uploads/2026/05/stages-of-selling1.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .pls-job-divider{
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 32px 0;
    }

    .pls-job-divider::before,
    .pls-job-divider::after {
        content: "";
        flex: 1;    
        height: 2px;
        background: #707C8A;    
    }
    
    .pls-job-divider span {
        color: #707C8A;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: uppercase;
        white-space: nowrap;    
    }
    
    .pls-job-application-form{
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0 20px 40px 0 rgba(145, 139, 187, 0.05);
        padding: 32px 32px 12px 32px;
    }

    .pls-job-apply-header h2{
        color: #0F0F10;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 12px;
    }
    
    .pls-job-apply-header{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .pls-job-apply-header p{
        color: #707C8A;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .pls-job-apply-header h3{
        color: #0F0F10;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; 
    }
    
    .pls-job-application-form h2{
        font-family: Kanit;
        font-size: 24px;
    }
    
    .pls-job-header{
        padding-top: 60px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .pls-job-header{
       margin-bottom: 24px; 
    }
    
    .pls-job-header .pls-job-heading{
        font-family: Kanit;
        font-size: 36px;
        font-weight: 400;
        line-height: normal; 
        margin-bottom: 4px;
    }
    
    .job-header-content-main{
        display: flex;
        column-gap: 94px;
    }

    .job-header-content-main p{
        margin-bottom: 12px; 
        color: #0F0F10;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 150%;
    }
    
    .job-header-content-main .location_note{
        color: #707C8A;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 12px;
    }
    .pls-job-about-team h3{
        color: #0F0F10;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%; 
    }
    
    .pls-job-about-team p{
        margin-bottom: 20px; 
        color: #707C8A;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; 
    }
    .job-header-content-main p:nth-child(1){
        width: 7%;
    }
    
    .pls-job-about-single{
        padding-bottom: 20px;
    }
    
    .pls-job-application-form .nf-form-fields-required,.pls-job-application-form .nf-form-title,
    .pls-job-application-form .nf-fu-progress{
        display: none;
    }

    .pls-job-application-form .nf-form-content nf-field {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    
    .pls-job-application-form .nf-form-content nf-field:nth-child(5), .pls-job-application-form .nf-form-content nf-field:nth-child(6),
     .pls-job-application-form .nf-form-content nf-field:nth-child(7){
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }


    .pls-job-application-form .nf-form-content nf-field .nf-field-element input,
    .pls-job-application-form .nf-form-content nf-field .nf-field-element textarea,
    .pls-job-application-form .nf-form-content nf-field .nf-field-element select, 
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .nf-field-element{
        border-radius: 4px;
        border: 1px solid rgba(112, 124, 138, .3);
        height: 48px;
        padding: 8px 20px;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: .15px;
    }
    
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .nf-fu-fileinput-button{
        border-radius: 4px;
        border: 1px solid #54B1F3;
        padding: 4px 16px;
        background: transparent;
        color: #54B1F3;
        max-height: 32px;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: uppercase;
    }
    
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .nf-fu-fileinput-button:hover{
          background: #54B1F3;
            color: #fff;
    }

    .pls-job-application-form .nf-form-content nf-field:nth-child(5) .nf-field-element ,
    .pls-job-application-form .nf-form-content nf-field:nth-child(6) .nf-field-element,
    .pls-job-application-form .nf-form-content nf-field .nf-field-element textarea{
        height: 106px;
    }
    
    .pls-job-application-form .nf-form-content nf-field:nth-child(6) .nf-field-container{
        margin-bottom: 32px;
    }

    .pls-job-application-form  .nf-form-content nf-field .submit-wrap .nf-field-element{
        text-align: center;
    }

    .pls-job-application-form  .nf-form-content nf-field .nf-field-element input[type=submit]{
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
        color: #fff;
        text-transform: uppercase;
        width: 420px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        background: #54b1f3;
    }
    
    .pls-job-application-form  .nf-form-content nf-field .nf-field-element input[type=submit]:hover{
        opacity: 0.8;
    }

    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap #nf-field-29{
        display: none; 
    }

    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .files_uploaded{
        position: absolute;
        top: 0;
        left: 26%;
        padding: 8px 20px;
        max-height: 48px;
    }
    
    
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .files_uploaded{
        font-size: 16px;
        margin: 0;
    }
    .pls-job-application-form .nf-form-content .nf-field-label label {
        color: #0f0f10;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .pls-job-application-form .nf-field-container {
        margin-bottom: 20px;
    }
    
    .pls-job-application-form .nf-form-content nf-field .submit-wrap .nf-field-element{
        text-align: center;
    }
    
    .pls-job-location-single img{
      margin-right: 16px;  
    }
    
    .pls-job-location-single{
        margin-bottom: 20px!important;
    }

    /* Show a placeholder message when nothing is uploaded yet.
       :empty matches the div only while it has no children (no files). */
    .files_uploaded:empty::before {
        content: "No File Chosen";
        color: #707C8A;
        display: inline-block;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.15px;
        line-height: 150%;
    }
    
    .nf-fu-progress:empty{
       display: none;
    }
    
    
    .pls-job-application-form .label-above .nf-field-label{
        margin-bottom:6px;  
    }
    .pls-job-application-form .nf-form-content nf-field .nf-field-element{
        height: 48px;
    }

    .pls-job-header a{
      margin-bottom:32px;    
    }
    
    .pls-job-apply-header h3 a{
       color: #54B1F3;  
    }
    
   .pls-job-application-form .nf-error-msg.nf-error-field-errors{
        margin-bottom:20px;     
    }
    
/*// Download Brochure Form popup//*/
    #pls-guide-modal .nf-form-title h3, #pls-guide-modal .nf-form-fields-required{
        display:none;
    }
    
    .pls-guide-overlay{
        position:fixed; 
        top:0; 
        left:0;
        right:0; 
        bottom:0;
        z-index:99999;
        background:rgba(20,20,30,.55);
        display:none;
        align-items:center;
        justify-content:center;
        padding:20px;
    }
        
        .pls-guide-overlay.is-visible{ 
            display:flex; 
        }
        
        .pls-guide-box{
            position:relative;
            width:100%; 
            max-width:600px;
            background:#fff;
            border-radius: 24px; 
            padding:32px;
            box-shadow: 0 -2px 4px 0 rgba(34, 34, 34, 0.12), 0 12px 44px 0 rgba(34, 34, 34, 0.13);
        }
        
        .pls-guide-close{
            position:absolute;
            top: 32px;
            right: 32px;
            width: 20px;
            height: 20px;
            cursor:pointer;
        }
        
        .pls-guide-title{
            margin:0 0 6px; 
            font-family: Kanit;
            font-size:20px; 
            font-weight:500; 
            color:#0F0F10; 
        }
        
        .pls-guide-sub{ 
            margin: 0 0 32px;
            text-overflow: ellipsis;
            font-family: Roboto;
            font-size:16px; 
            line-height: 150%;
            font-weight: 400;
            color:#707C8A; 
        }
        
        .pls-guide-box .nf-field-label{
            color: #0F0F10;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            line-height: 150%;
            margin-bottom: 6px !important;
        }
         .pls-guide-box .nf-field-label label{
            font-weight: 400;
         }
        .pls-guide-box .nf-after-field .nf-error-msg, .pls-guide-box .nf-error-msg.nf-error-field-errors{
            color: #FF3B30;
            font-family: Roboto;
            font-size: 16px;
        }
        
        .pls-guide-box .nf-field-container{
               margin-bottom: 20px; 
        }
        .pls-guide-box .nf-field-container.submit-container{
               margin-bottom: 0; 
        }
        
        
         .pls-guide-box .nf-field-element input{
            color: #0F0F10;
            font-family: Roboto;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.15px;
            padding: 8px 20px;
            height:48px;
         }
        
        #pls-guide-modal .submit-container .ninja-forms-field{
            width: 100%;
            border: 0;
            cursor: pointer;
            text-align: center;
            font-family: Roboto;
            background: #54B1F3;
            color: #fff;
            font-weight: 500;
            border-radius: 8px;
            padding: 13px 29px;
            text-transform: uppercase;
            font-size: 16px;
        }
        
        #pls-guide-modal .submit-container .ninja-forms-field:hover{
            opacity:0.8;
        }
        
        body.pls-guide-open{ overflow:hidden; }
    
/*// Download Brochure Form popup//*/
    
    
    /*///Thankyou popup css */
    .pls-thankyou-overlay{
          position: fixed;
          inset: 0;
          display: none;
          align-items: center;
          justify-content: center;
          background: rgba(0, 0, 0, 0.4);
          z-index: 99999;
          padding: 20px;
        }
        .pls-thankyou-overlay.is-visible{
          display: flex;
        }
        
        .pls-thankyou-modal{
          position: relative;
          background: #fff;
          max-width: 600px;
          width: 100%;
          border-radius: 24px;
          padding: 32px;
          text-align: center;
          box-shadow: 0 -2px 4px 0 rgba(34, 34, 34, 0.12), 0 12px 44px 0 rgba(34, 34, 34, 0.13);
          animation: pls-thankyou-in 0.25s ease;
        }
        
        .pls-thankyou-btn:hover {
            opacity:0.8;
        }
        
        @keyframes pls-thankyou-in {
          from { transform: translateY(14px); opacity: 0; }
          to   { transform: translateY(0);    opacity: 1; }
        }
    
        .pls-thankyou-icon {
          width: 90px;
          height: 90px;
          margin: 0 auto 20px;
          border-radius: 20px;
          background: #FDE3E3;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        
        .pls-thankyou-title {
            margin: 0 0 12px;
            font-family: Kanit;
            font-size: 24px;
            font-style: normal;
            color: #0F0F10;
            line-height: 150%;
            font-weight: 500;
        }
        
        .pls-thankyou-message{
          margin: 0 0 32px;
          color: #707C8A;
          text-align: center;
          font-family: Roboto;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%; 
        }
        
        .pls-thankyou-btn {
          display: block;
          width: 100%;
          background: #54B1F3;
          color: #fff;
          border: none;
          padding: 13px 28px;
          border-radius: 6px;
          font-family: Roboto;
          font-size: 16px;
          font-weight: 500;
          line-height: 21px;
          text-transform: uppercase;
          cursor: pointer;
          transition: background 0.2s ease;
        }
        
        .pls-thankyou-btn:hover{ 
            background: #3d8fd6; 
        }
        
        .pls-thankyou-close{
          position: absolute;
          top: 16px;
          right: 18px;
          background: none;
          border: none;
          font-size: 24px;
          line-height: 1;
          color: #333;
          cursor: pointer;
        }
        .pls-thankyou-close:hover { 
            color: #000; 
        }
        
        body.pls-thankyou-open { overflow: hidden; }
    
/*///Thankyou popup css */   

.about_us_sliders .elementor-swiper-button{
    justify-content: center;
    align-items: center;
    background: #54B1F3;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}

.about_us_sliders .elementor-slides-wrapper{
    border-radius: 12px;  
}
    
@media(min-width:1320px){
.elementor-element .e-con-inner, .blog .e-con-inner, .author .e-con-inner,.archive .e-con-inner,
 .pls-single-job .e-con-inner{
   max-width:1440px; 
   margin: 0 auto;
   padding-left:35px;
   padding-right:35px;
}

.award-1img svg{
    width: 107px;
    height: 90px;
}

.award-2img svg{
    width: 136px;
    height: 70px;
}

.iso_svg svg{
    width: 102px;
    height: 130px;
}

.estats svg{
    width: 120px;
    height: 90px;
}

}


:root{
  --pls-menu-bg:   #E4F2FD;   /* light-blue panel background   */
  --pls-header-h:  84px;      /* mobile header height (clears logo/X) */
}

@media (max-width: 1024px) {
    
.team-members-grid {
        grid-template-columns: 1fr;
    }
    
 .elementor-location-header{
     position: relative;
     z-index: 100001!important; 
 }
 
  .cus_header_menu_mobile .elementor-menu-toggle{
      position: relative;
      z-index: 9999; 
    }
    
    .cus_header_menu_mobile .elementor-menu-toggle.elementor-active{
        background: rgba(15, 15, 16, 0.12);
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    
  .pls-mobile-logo{
      position: relative;
      z-index: 9999;
    } 

  .cus_header_menu_mobile nav.elementor-nav-menu--main{ 
      display: none !important; }

  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown{
    display: flex !important;
    flex-direction: column;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;        
    max-height: 100vh !important;
    --menu-height: 100vh;            
    margin: 0 !important;
    padding: var(--pls-header-h) 16px 40px !important;
    background: var(--pls-menu-bg) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 9998;
    transform: translateX(-100%);      
    visibility: hidden;
    pointer-events: none;
    transition: transform .35s ease, visibility 0s linear .35s;
  }

  /* open state — <body> class synced by the JS below */
  body.pls-menu-open .cus_header_menu_mobile nav.elementor-nav-menu--dropdown{
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .35s ease, visibility 0s;
  }
  body.pls-menu-open{ overflow: hidden; touch-action: none; overscroll-behavior: none; }   /* lock page scroll while open */

  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown > ul{
    width: 100%;
    display: flex; 
    flex-direction: column;
    gap: 6px;
  }

  /* ---- top-level items ---- */
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-item{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    color: #0F0F10;
    font-size: 14px; 
    line-height: 1.5!important;
     padding: 8px 2px;
  }
  
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-item:focus,
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-item.highlighted,
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-item:hover{
    background-color: #e4f2fd;
  }

  /* ---- accordion sub-menus (force stacked, not flyout) ---- */
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .sub-menu{
    position: static !important;
    width: 100% !important; 
    min-width: 0 !important;
    margin: 0 !important; 
    padding: 0 !important;
    background: var(--pls-menu-sub) !important;
    box-shadow: none !important; 
    border: 0 !important;
    border-radius: 0 !important;
  }
  .cus_header_menu_mobile nav.elementor-nav-menu--dropdown .elementor-sub-item{
    display: block !important;
    color: #0F0F10;
    background: transparent !important;
    font-size: 14px; 
    font-family: Kanit;
    font-weight: 400;
    text-transform: uppercase;
    padding: 8px 2px 8px 18px!important;
  }

  /* ---- chevron (submenu icon field is empty, so draw one) ---- */
  .cus_header_menu_mobile .has-submenu .sub-arrow{
    display: inline-flex; align-items: center; margin-left: 12px;
  }
  .cus_header_menu_mobile .has-submenu .sub-arrow::after{
    content: ""; width: 8px; height: 8px;
    border-right: 2px solid #0f0f10;
    border-bottom: 2px solid #0f0f10;
    transform: rotate(45deg); transition: transform .2s ease;
    margin-top: -3px;
  }
	
   .cus_header_menu_mobile .has-submenu .sub-arrow svg{
	 display: none;
	}
	
  .cus_header_menu_mobile .has-submenu[aria-expanded="true"] .sub-arrow::after{
    transform: rotate(-135deg); margin-top: 3px;
  }
  
  .get_quote_mob a{
    display: inline-flex;
  }
  
  .get_quote_mob a::after{
    content: "";
    display: inline-block;
    position: static !important;      
    width: 20px !important;          
    height: 20px !important;         
    /*vertical-align: middle;*/
    /*transform: none !important;*/
    opacity: 1 !important;
    background-image: url(https://new.pls-solicitors.co.uk/wp-content/uploads/2026/05/arrow-right-long-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .25s ease;
  }
}


@media (max-width: 992px) {
    .banner-hero-content h2, .banner-hero-content h1{
        font-size: 38px;
    }
}

@media (max-width: 600px){
    .journey-description h3{
        font-size: 12px;
    }    
    .about_us_sliders .elementor-swiper-button{
        width: 20px;
        height: 20px;
    }
    
    .align__cent .elementor-icon-box-icon{
        align-items: center !important;
        display: flex!important;
    }

    .pls-guide-box{
        max-width: 393px;
        border-radius: 16px;
        padding: 16px;
    }
    .pls-guide-title {
        margin: 0 0 4px;
        font-size: 16px;        
    }
    
    .pls-guide-sub {
        margin: 0 0 24px;
        font-size: 14px;
    }
    
    .pls-guide-box .nf-field-label{
        font-size: 14px;  
    }
    
    .pls-guide-box .nf-field-element input {
        font-size: 14px;
        padding: 8px 12px;
        height: 40px;
    }
    .pls-guide-box .nf-field-container {
        margin-bottom: 16px;
    }
    #pls-guide-modal .submit-container .ninja-forms-field{
       font-size: 14px;
       border-radius: 4px;
        line-height: 21px;
        padding: 8px 29px;
    }
    
    .pls-guide-box .nf-after-field .nf-error-msg, .pls-guide-box .nf-error-msg.nf-error-field-errors{
        font-size: 14px;
        text-align: left;
    }
    .pls-guide-close {
        top: 16px;
        right: 16px;
    }
    
    .broch_btn a{
		width: 100%!important;
		height: 36px;
		padding: 8px 28px!important;
	}
	
    .nf-after-field .nf-error-msg,.nf-error-msg.nf-error-field-errors {
        font-size: 12px;
    }
    
    .contact_us_shortcode .nf-form-content nf-field, .refferer_shortcode .nf-form-content nf-field{
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element input, 
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element textarea,
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element select,
    .refferer_shortcode .nf-form-content nf-field .nf-field-element input, 
    .refferer_shortcode .nf-form-content nf-field .nf-field-element textarea,
    .refferer_shortcode .nf-form-content nf-field .nf-field-element select{
        height: 40px;
        padding: 8px 12px; 
        line-height: 21px;
        font-size: 14px;
    }
    
    .pls-job-application-form .nf-form-content nf-field .nf-field-element{
        height: 40px; 
    }
    
    
    .contact_us_shortcode .nf-field-container{
        margin-bottom: 16px;
    }
    
    .contact_us_shortcode .nf-form-content .nf-field-label label,
    .refferer_shortcode .nf-form-content .nf-field-label label{
        font-size: 14px;
        line-height: 21px;
    }
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element textarea{
         height: 120px;
    }
    
    .contact_us_shortcode .nf-form-content nf-field .checkbox-wrap label{
        line-height: 18px;
        font-size: 12px;
    }
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type=checkbox]{
        width: 16px;
        height: 16px;
        margin-top: 2px;
        border: 2px solid rgba(255, 255, 255, 0.70);
    }
    
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type=submit],
    .refferer_shortcode .nf-form-content nf-field .nf-field-element input[type=submit],
    .pls-job-application-form .nf-form-content nf-field .nf-field-element input[type=submit]{
        width: 100%;
        height: 36px;
        line-height: 18px;
        font-size: 14px;
    }
    .refferer_shortcode .nf-field-container{
        margin-bottom: 12px;
    }
    
    .stamp-duty-options {
         margin-bottom: 20px;
    }
    .stamp-duty-calculator #purchase-price{
        line-height: 21px;
        padding: 8px 12px;
        font-size: 14px;
    }
    .stamp-duty-calculator{
        border-radius: 6px;
        padding: 12px;
    }
    
    .stamp-duty-result-text {
        font-size: 14px;
        line-height: 21px;
        width: 70%;
    }
    
    .stamp-duty-calculator h3{
        font-size: 16px;
        line-height: 24px;
    }
    
    .options-heading{
        margin-top: 16px;
        margin-bottom: 8px;
    }
    
    .stamp-duty-calculator-results #stamp-duty-price{
        font-size: 16px;
        width: 30%;
        line-height: 24px;
        padding: 5px 0;
    }
    
    .stamp-duty-calculator>label{
        font-size: 14px;
        line-height: 21px;
    }
    
    .options-heading {
        font-size: 14px;
        line-height: 21px;
    }
    
    .stamp-duty-options label{
        margin-bottom: 8px!important;
        line-height: 21px;
        font-size: 14px;
        gap: 6px;
    }
    
    .stamp-duty-options input[type=checkbox]{
        width: 16px;
        height: 16px;
    }
    .stamp-duty-options input[type=checkbox]:checked:after{
        width: 5px;
        height: 10px;
        border: solid #000e21;
        border-width: 0 2px 2px 0;
    }
    
    .stamp-duty-calculator #calculate-stamp-duty{
        font-size: 14px;
    }
    
    .journey-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        column-gap: 29px;
    }
    
    .journey-icon img {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }
    
    .journey-description {
        margin-top: 6px;
        width: 92%;
    }
    
    .journey-description span{
       font-size: 10px;
    }
    
    .journey-description p{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 19px;
    }
    
    .journey-step{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
    }
    .award-1img svg{
        width: 71px;
        height: 60px;
    }
    
    .award-2img svg{
        width: 80px;
        height: 42px;
    }
    
    .iso_svg svg{
        width: 70px;
        height: 90px;
    }
    
    .estats svg{
        width: 66px;
        height: 60px;
    }
    
        .award-2img .elementor-icon-box-wrapper{
        align-items: center!important;
    }
    
    .pls-job-details-head{
        width: 62%;
    }
    
    .pls-job-title {
        margin-bottom: 6px;
        font-size: 16px;
    }
    
    .pls-job-location{
        font-size: 14px;
        margin-bottom: 6px;
    }  
    
    .pls_job-metas{
        width: 38%;
    }
    
    .pls-job-posted-date{
        font-size: 14px;
    }
    
    .pls-job-location-type {
        padding: 2px 12px;
        width: auto;
        font-size: 12px;
    }
    
    .pls-job-card {
        margin-bottom: 16px;
    }
    .pls-job-button{
        font-size: 14px;
    }
    
    .pls-job-card-slide{
        min-height: 100%;
        padding: 12px;
    }
    
    .pls-job-location img{
        width: 16px;
        height: 16px;
        object-fit: scale-down; 
    }
    
    /*Team members card css*/
    
    .team-card {
      padding: 12px;
      border-radius: 6px;
    }
    .team-members-grid{
        gap: 16px;
    }

    .team-card__content-top {
        gap: 12px;
    }

    .team-card__image img {
        width: 93px;
        height: 112px;
    }

    .team-card__name {
        font-size: 14px;
        line-height: 21px;
    }
    .team-card__email a{
       font-size: 14px;
      line-height: 21px;
    }
    
    .team-card__designation{
        font-size: 12px;
       line-height: 18px;
    }

    .team-card__description p{
        font-size: 14px;
    }
    
    .team-card__description{
        margin-bottom: 12px;  
    }
    
    .team-card__read-more{
        font-size: 12px;
        line-height: 18px;
    }
    
    .team-card__read-more:after {
        width: 8px;
        height: 8px;
        margin-left: 6px;
        margin-bottom: 2px;
}
    
    /*Team members card css*/
    
    .align_cen_mob .elementor-icon-box-wrapper{
        align-items: center !important;
    }
    
    .open_icon .elementor-icon-box-content{
        display: none;
    }
    
    .cost-card-main .cost-row{
        justify-content: space-between;
        display: flex;
        margin-bottom: 6px;
        gap: 10px;
    }
    
    .need_info:hover{
        border: transparent!important;
    }

    .cost-card p{
        margin-bottom: 6px;
    }
    
    .banner-hero-inner{
        min-height: 668px;
        padding: 102px 16px;
        align-items: flex-start;
    }
    
    .trust-review{
        margin-bottom: 22px;
        justify-content: center;
    }
    
    .banner-hero-content h2, .banner-hero-content h1{
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        text-align: center;
        line-height: 42px;
    }
    
    .banner-hero-content p{
        margin-bottom: 20px;
        text-align: center;
        font-family: Kanit;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    .banner-hero-buttons .btn{
        padding: 10px;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        max-height: 36px;
    }
    
    .banner-hero-slide::before{
        background: linear-gradient(180deg, #000E21 13.35%, rgba(0, 14, 33, 0.50) 70.58%);
    }
    
    .banner-hero-buttons{
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: nowrap;
        gap:4px;
    }
    
    .banner-hero-buttons .btn{
        justify-content: center;
    }
    
    #site-footer-marketing .elementor-element h2{
       font-size: 14px;
    }
    
    .cus_btn a{
        width: 100% !important;
        height: 36px;
    }
    
    .line-heading2 {
        justify-content: flex-start;
    }
    
    .line-heading2 h2{
        line-height: 17px;
    }
    
    .line-heading2::before {
        display: none;
    }
    
    .line-heading2::after {
        flex: 0 0 40px; /* let the line stretch to fill remaining space */
    }
    
    .line-heading{
        justify-content: flex-start;
    }
    
    .line-heading h2{
        line-height: 17px;
    }
    
    .line-heading::before {
        display: none;
    }
    
    .line-heading::after {
        flex: 0 0 40px; /* let the line stretch to fill remaining space */
    }
    
    .contact_grid_mob p{
        margin-bottom: 4px;
    }
    
    .contact_grid_mob .elementor-button-icon svg, .cus_btn_half .elementor-button-icon svg{
        width: 20px;
    }
    
    .banner-hero-slide.slick-slide {
        clip-path: ellipse(142% 100% at 50% 0%);
        background-position: right 0px bottom 0px;
        background-image: var(--mobile-bg);
    }
    
    .award-sec-mob .elementor-icon svg {
       height: auto;
       width: auto;
    }
    
    .award-sec-mob h3{
      margin-bottom: 5px;  
    }
    
    .cus_btn_half a,.banner-hero-buttons a{
        width: 170px!important;  
        gap: 4px!important;
        padding: 7px!important;
    }
    
    .about-btn .cus_btn_half a, #full_width_btn a{
        width: 100% !important;
    }
    
    .aboutus_cards .elementor-icon-box-content p{
        color: #0F0F10;
    }
    
    .aboutus_cards .elementor-widget-icon-box.elementor-position-block-start .elementor-icon-box-wrapper,
    .award-2img .elementor-icon-box-wrapper{
        align-items: center !important;
    }
    
    .pls-job-application-form{
        padding: 12px 12px 8px 12px;
    }
    
    .hovr_ancr ul li{
        margin-bottom: 4px;
    }
    .pls-single-job .e-con-inner{
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .job-header-content-main p{
        font-size: 14px;
    }
    
    .job-header-content-main .location_note{
        font-size: 12px;
    }
    
    .pls-job-header{
        padding-top: 22px;
        gap: 6px;
        margin-bottom: 0px;
    }
    
    .pls-job-header .pls-job-heading{
        font-size: 24px;
        margin-bottom: 6px;
    }
    
    .job-header-content-main{
        column-gap: 8px;
    }
    
    .job-header-content-main p:nth-child(1){
        width: 20%;
    }
    
    .pls-job-header-content-single .job-header-content-main:nth-child(1) p{
        margin-bottom: 4px;
    }
    
    .job-header-content-main p:nth-child(2){
        width: 70%;
    }
    
    .pls-job-about-team h3{
        font-size: 14px;
        margin-bottom: 6px;
    }
    
    .pls-job-about-team p,.pls-job-detail-main .pls-job-list{
        margin-bottom: 12px;
        font-size: 14px;
    }
    
    .pls-job-about-single{
        padding-bottom: 4px;
    }
    
    .pls-job-detail-main{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .pls-job-detail-main .pls-job-list li{
        margin-bottom: 6px;
        padding-left: 26px;
    }
    .pls-job-list li:before{
        width: 20px;
        height: 20px;   
    }
    .pls-job-detail-main h2{
         font-size: 14px; 
    }
    .pls-job-list.pls-job-list--rich,.pls-job-list.pls-job-list--rich li:last-child{
        margin: 0;
    }
    .pls-job-apply-header{
        padding-top: 16px;
        padding-bottom: 32px;
    }
    
    .pls-job-apply-header p,.pls-job-apply-header h2,.pls-job-apply-header h3,.pls-job-divider span{
        font-size: 14px; 
    }
    
    .pls-job-divider{
        margin: 20px 0;
    }
    
    .pls-job-divider:before, .pls-job-divider:after{
        height: 1px;
    }
    
    .pls-job-application-form .nf-form-content nf-field {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    
    .pls-job-apply-header h2{
        margin-bottom: 6px;
    }
    .pls-job-apply-header p{
        margin-bottom: 12px;
    }
    .pls-job-application-form .nf-form-content .nf-field-label label{
        font-size: 14px;
        line-height: 21px;
    }
    
   .pls-job-application-form .nf-form-content .label-above .nf-field-label{
       margin-bottom: 4px; 
    }
    .pls-job-application-form .nf-form-content nf-field .nf-field-element input, 
    .pls-job-application-form .nf-form-content nf-field .nf-field-element select, 
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .nf-field-element{
        height: 40px;
        padding: 8px 12px;
        line-height: 21px;
        font-size: 14px;
    }
    
    .pls-job-location-single {
        margin-bottom: 12px!important;
    }
    
    .pls-job-application-form .nf-form-content nf-field .nf-field-element textarea{
        height: 120px;
        padding: 8px 12px;
        line-height: 21px;
        font-size: 14px;
    }
    
    .pls-job-application-form .nf-field-container{
        margin-bottom: 16px;
    }   
    
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .nf-fu-fileinput-button{
        padding: 0px 12px;
        font-size: 14px;
    }
    
    .files_uploaded:empty:before{
        margin-left: 32px; 
        font-size: 14px;
    }
    
    .pls-job-application-form .submit-container{
        margin-bottom: 0px; 
    }
    
    .pls-single-job .banner-hero-buttons{
        justify-content: flex-start;
    }
    
    .pls-job-header a {
        margin-bottom: 20px;
    }
    .pls-job-application-form .nf-form-content nf-field:nth-child(5) .nf-field-element, 
    .pls-job-application-form .nf-form-content nf-field:nth-child(6) .nf-field-element, 
    .pls-job-application-form .nf-form-content nf-field .nf-field-element textarea{
        height: 120px;
    }
    
    .pls-job-application-form .nf-form-content nf-field:nth-child(6) .nf-field-container {
        margin-bottom: 20px;
    }
    .pls-job-application-form .nf-form-content nf-field .submit-wrap .nf-field-element{
        height: 36px;
    }
    .pls-job-location-single img {
        margin-right: 8px;
        width: 17px;
        height: 17px;
    }
    .pls-job-application-form .nf-error-msg.nf-error-field-errors{
        margin-bottom: 4px;
    }
    
    .cus_header_menu_mobile .elementor-menu-toggle{
        padding: 0;
    }
    
    .cus_header_menu_mobile .elementor-menu-toggle .elementor-menu-toggle__icon--close{
        fill: #0f0f10;
        transform: scale(0.8);
        margin-bottom: 2px;
    }
    
    .pls-thankyou-modal{
        padding: 20px;
    }
    
    .pls-thankyou-title{
        font-size: 14px;
        margin: 0 0 3px;
    }
    
    .pls-thankyou-check{
        width: 32px;
        height: 32px;
    }
    
    .pls-thankyou-icon{
        width: 60px;
        height: 60px;
        margin: 0 auto 16px;
    }
    
    .pls-thankyou-message{
        margin: 0 0 20px;
        font-size: 12px;
    }
    
    .journey-path {
        padding-top: 30px;
    }
    .data-table,.data-table th  {
        font-size: 12px;
    }
    
    .get_quote_mob a{
       width: fit-content !important;
       height: 36px;
       padding: 13px 28.815px 13px 29.015px !important;
       justify-content: center;
       align-items: center;
       gap: 6px;
       color: #fff!important;
       border-radius: 34px;
       background: #54B1F3 !important;  
        margin-top: 16px;
    }
    
    .acf-banner-slider .slick-prev {
        margin-left: 0;
        top: 38%;
        left: 0;
    }
        
    .acf-banner-slider .slick-next {
        margin-right: 0;
        top: 38%;
        right: 0;
    }
    
    .download_pdf_btn .elementor-button-content-wrapper svg{
        width: 16px;
        height: 16px;
    }
        
    .files_uploaded .delete{
        font-size: 14px;
    }
    .contact_us_shortcode .nf-form-content nf-field .nf-field-element input[type=checkbox]:checked:after{
        left: 5px;
        top: 3px;
        width: 6px;
        height: 12px;
    }
    .pls-job-application-form .nf-form-content nf-field .file_upload-wrap .files_uploaded{
        padding: 8px 12px;
    }

}