.needsec{z-index:10 !important}
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 40px ! IMPORTANT;
}
.iti-arrow{display:none}
.reqcolor{color:#ff0000}
.wokslider .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}


.wokslider .swiper-slide .swiper-slide-image {
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}


.wokslider .elementor-image-carousel-wrapper {
  position: relative;
  overflow: hidden; 
}

.wokslider  .elementor-image-carousel-wrapper::before {
  content: "";
  position: absolute;
  top:0px;
  left:-10px;
  width:172px;
  height: 100%;
 background: url('/wp-content/uploads/2025/08/Rectangle-52.svg') no-repeat;
  background-size: contain;
  z-index: 10;
}
.wokslider .elementor-image-carousel-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right:0px; 
   width:94px;
  height: 100%;
  background: url('/wp-content/uploads/2025/08/Rectangle-53.svg') no-repeat;
  background-size: contain;
  background-position: right center;
  z-index: 10;
  pointer-events: none;
}


.workform label{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 27.2px */
text-transform: capitalize;
}
.workform input[type="text"],
.workformm input[type="email"],
.workform input[type="tel"]
{
 border: 1px solid rgba(0, 0, 0, 0.50) !important;
background: #FFF;height:51px;color: #000 !important;  border:0px;
}
.workform select{
padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    background: #FFF;
    height: 51px;color:#888888;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

.workform .wpcf7-form-control-wrap{margin-top:6px;}

.workform br{display:none}

.workform input[type="text"]:focus,
.workform input[type="email"]:focus,
.workform input[type="tel"]:focus
{
  border: 1px solid rgba(0, 0, 0, 0.50);
background: #FFF;height:51px;color: #000 !important;
 
}
.workform textarea:focus{ background:#ededed;border-radius:10px;height:150px;color: #000 !important;
}
.workform p{margin-bottom:0px !important}  


.workform1 label{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 27.2px */
text-transform: capitalize;
}
.workform1 input[type="text"],
.workform1 input[type="email"],
.workform1 input[type="tel"]
{
 border: 1px solid rgba(0, 0, 0, 0.50) !important;
background: #FFF;height:51px;color: #000 !important;  border:0px;
}

.workform1 textarea{ border: 1px solid rgba(0, 0, 0, 0.50) !important;
background: #FFF;height:124px;color: #000 !important;  border:0px;}
.workform1 textarea:focus{
  border: 1px solid rgba(0, 0, 0, 0.50);
background: #FFF;height:51px;color: #000 !important;
}


.workform1 select{
padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    background: #FFF;
    height: 51px;color:#888888;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

.workform1 .wpcf7-form-control-wrap{margin-top:6px;}

.workform1 br{display:none}

.workform1 input[type="text"]:focus,
.workform1 input[type="email"]:focus,
.workform1 input[type="tel"]:focus
{
  border: 1px solid rgba(0, 0, 0, 0.50);
background: #FFF;height:51px;color: #000 !important;
 
}
.workform1 textarea:focus{ background:#ededed;border-radius:10px;height:150px;color: #000 !important;
}
.workform1 p{margin-bottom:0px !important}  

.column-third, .column-half {
    float: left;
    position: relative;
  width: 100%;
    text-align: left;
    color: #3E4D65;
}  

.column-full1{width:80%; }
.column-half1{width:17%; 
   margin-bottom:30px;}
.column-full{
      position: relative;
  width: 100%;
    text-align: left;
    color: #3E4D65;margin-bottom:30px;
}  

.clear{clear:both}
.column-half { width: 48%;margin-bottom:30px !important}
.column-full{margin-bottom:20px !important}
.lastcols { margin-left:20px}
.column-third {width: 32%;}
.colspace{margin-left:2%}
.clear{clear:both}


.intl-tel-input.separate-dial-code .selected-dial-code{display:none}
.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right:30px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
.workform input[type="submit"]
 {
   border-radius: 4px;
background: #ECECEC;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
letter-spacing: 1.28px;
text-transform: uppercase;margin-top:30px
   }
.workform input[type="submit"]:hover
 {
	
}

.workform1 input[type="submit"]
 {
   border-radius: 4px;
background: #ECECEC;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
letter-spacing: 1.28px;
text-transform: uppercase;margin-top:30px
   }
.workform1 input[type="submit"]:hover
 {
	
}


.intl-tel-input.separate-dial-code .selected-flag{background:transparent !important}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box
 {
    vertical-align: middle;
    color: #000;
}

body .needsec::before {
  content: "" !important;
  display: inline-block;
  width: 617px;   
  height: 662px;
  background: url("https://centralmedicalservices.co.uk/wp-content/uploads/2025/08/Group-26.svg") no-repeat center;
  background-size: contain;
  margin-right: 8px; position:absolute;top:0px;left:0px; z-index:1
}
.needsec::after {
     content: "";
    display: inline-block;
    width: 826px;
    height: 100%;
    background: url(https://centralmedicalservices.co.uk/wp-content/uploads/2025/08/Group-25.svg) no-repeat center center;
    background-size: cover;
    margin-left: 8px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
.needsec .e-con-inner{z-index:1000}

.workform select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
 color: #888;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
 background-image: url("/wp-content/uploads/2025/08/uparrow.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 14px;
}

.workform select.down {
  /* While dropdown is open → DOWN arrow */
  background-image: url("/wp-content/uploads/2025/08/downarrow.svg");
}

.custom-select {
  position: relative;
  display: inline-block;
}

.custom-select select {
  -webkit-appearance: none;
  appearance: none;
   background: #fff;
}

/* Arrow as background image */
.custom-select::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("/wp-content/uploads/2025/08/uparrow.svg") no-repeat center/contain;
  transform: translateY(-50%);
  transition: background-image 0.2s;
  pointer-events: none;
}

.custom-select.is-open::after {
  background-image: url("up-arrow.png");
}

.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item+.ast-mm-custom-content
 {
    margin-top:0px;
}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu
 {
    opacity: 1;
    visibility: visible;
    -js-display: flex;
    display: flex;
    padding:10px 15px 27px 15px;
}
.ast-desktop .ast-mm-widget-content .ast-mm-widget-item
 {
       margin-bottom: 0px ;
}


#menusection1.astra-megamenu {
  display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 40px;
   padding: 0px 26px;

 
}


#menusection1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#menusection1 ul li {
}



#menusection1 ul li a {
  display: block;
 color: #FFF;
font-size: 16px;
font-style: italic;
font-weight: 500;
line-height: 127%; /* 20.32px */
text-transform: uppercase;
  transition: all 0.3s ease;
  position: relative;padding:11px 0px;
}

#menusection1 ul li a:hover {
  background:#094168;
  padding-left: 15px;
}


#menusection1 ul li a:before {
  content: '';
  display: inline-block;
  width: 0;
  overflow: hidden;
  margin-right: 0;
  vertical-align: middle;
  transition: all 0.3s ease;
}


#menusection1 ul li a:hover:before {
  content: url(/wp-content/uploads/2025/08/menuplus.svg);
  width: auto;
  margin-right: 8px;
}

#menusection1 ul.col1 li:first-child a,
#menusection1 ul.col2 li:first-child a  {margin-bottom:20px}

#menusection1 ul.col1 li:first-child {
    border-bottom: 1px solid #fff; 
    border-radius:0px;
  margin-bottom: 20px;
}

#menusection1 ul.col2 li:first-child {
  border-bottom: 1px solid #fff; 
    border-radius:0px;
  margin-bottom: 20px;
}

.ast-desktop .submenu-with-border .astra-megamenu
 {
    border-width:0px !important;
}
.ast-icon.icon-arrow svg{display:none}
.main-header-menu .sub-menu .menu-link {
    padding: 11px 0px;
    display: block;
    color: #FFF;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 127%;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
    padding: 11px 0px;
}

.main-header-menu .sub-menu .menu-link {
  display: block;
   /* transitions everything */
  transition: all 0.3s ease;
}

.main-header-menu .sub-menu .menu-link:hover {

}
.main-header-menu .sub-menu li:hover .menu-link:before
{ 
	transition: all 0.3s ease;
}

.myaccounttop a
 {
    padding: 18px 16.5px;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: #103854;
}
.myaccounttop a:hover
 {
    padding: 18px 16.5px;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: #336A8F;
}
.main-header-menu .menu-link, .main-header-menu>a
 {
    text-decoration: none;
    padding: 0 20px;
}


.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link, .ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link{display:none}
.site-header-section>* {
    padding: 0 16px;
}


@media screen and (max-width:1032px) {
	.column-half{width:100%}
	.lastcols{margin-left:0px !important}
}	

@media screen and (max-width:880px) {
body .needsec::before {
   display:none
}
.needsec::after {
  display:none
}	
}


	
@media screen and (min-width:1500px) {
.workform input[type="text"], .workformm input[type="email"], .workform input[type="tel"],.workform select{
max-width:446px;width:100%	
}
	btn11::before {top:50px;}	
	btn12::before {top:50px;}
}