.doorwrap {
    background: #FFFFFF;
    border: 1px solid #BCBCBC; position:relative
}
 
.doorwrap:hover a.site-btn  {border: 2px solid #09214A}
.doorwrap:hover:before {width:100%;height:100%; position:absolute;top:0px;left:0px;content:'';border: 2px solid #09214A}
.doorwrap img {
    max-width: 124px;
    margin-bottom: 26px !important;
}
.doorwrap {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.doorwrap h3 {
    margin-bottom: 28px;
    font-size: 20px;
}
.eachdoor {
    margin-bottom: 30px;
}
.door-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 34px;
}
.compdoortab.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
    color: #09214A !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 16px;
    line-height: 20px;
}
.compdoortab.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
	background: #00BBDA 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 3px 6px #00000029;
	color: #09214A !important;
    font-size: 16px;
    line-height: 20px;
}
.doorrowwrap {
    padding-top: 60px;
    background: #F5F5F5;
}
.doorrowwrap h2 {
    padding-bottom: 15px;
}
.qform-row:after {
    content: '';
    clear: both;
    display: table;
}
.doorimagecol>.vc_column-inner>.wpb_wrapper {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BCBCBC;
    min-height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
}
.getquoteformsection>.wpb_column:last-child .vc_column-inner {
    padding-left: 100px;
}
a#loadMore {
    color: #09214A;
    padding: 16px 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #ffffff;
    display: inline-block;
    font-size: 16px;font-weight:500;border:1px solid #09214A
}
a#loadMore:hover {
    border: 2px solid #09214A;
}
.loadmoredoors {
    margin: 18px auto 0px auto; width:100%;text-align:center
}
.compositesec1 {
	padding-bottom: 50px;
}
.upvcsec1 h2{text-align:center;}
.upvcsec1{padding-top:50px;padding-bottom: 40px;}
.door-list.upvc-door-range {
    margin-top: 60px;
}
/* General styles for radio button container */
.doorcolorradio .wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 5px 0;
    height: 61px;
}

.doorcolorradio input[type="radio"] {
    display: none; /* Hide the default radio buttons */
}

.doorcolorradio .wpcf7-list-item-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 70px; /* Adjust padding to make room for the color box */
}

.doorcolorradio .wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
    width: 61px;
    height: 61px;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
}

/* Hide the color names */
.doorcolorradio .wpcf7-list-item-label {
    font-size: 0;
}

/* Apply colors using value attribute selectors */
.doorcolorradio input[value="White"] + .wpcf7-list-item-label:before { background-color: #ffffff; }
.doorcolorradio input[value="Ash Gray"] + .wpcf7-list-item-label:before { background-color: #E4E3D9; }
.doorcolorradio input[value="Pale Goldenrod"] + .wpcf7-list-item-label:before { background-color: #DCD7B7; }
.doorcolorradio input[value="Seal Brown"] + .wpcf7-list-item-label:before { background-color: #765429; }
.doorcolorradio input[value="Coffee Brown"] + .wpcf7-list-item-label:before { background-color: #280E09; }
.doorcolorradio input[value="Light Steel Blue"] + .wpcf7-list-item-label:before { background-color: #AFC1D4; }
.doorcolorradio input[value="Cornflower Blue"] + .wpcf7-list-item-label:before { background-color: #4E77AB; }
.doorcolorradio input[value="Midnight Blue"] + .wpcf7-list-item-label:before { background-color: #282E3F; }
.doorcolorradio input[value="Gray"] + .wpcf7-list-item-label:before { background-color: #95979A; }
.doorcolorradio input[value="Burgundy"] + .wpcf7-list-item-label:before { background-color: #7B142D; }
.doorcolorradio input[value="Plum Purple"] + .wpcf7-list-item-label:before { background-color: #34192D; }
.doorcolorradio input[value="Sage Green"] + .wpcf7-list-item-label:before { background-color: #A7BBA8; }
.doorcolorradio input[value="Green"] + .wpcf7-list-item-label:before { background-color: #242F23; }
.doorcolorradio input[value="Dim Gray"] + .wpcf7-list-item-label:before { background-color: #4F4D4F; }
.doorcolorradio input[value="Charcoal Gray"] + .wpcf7-list-item-label:before { background-color: #343335; }
.doorcolorradio input[value="Jet Black"] + .wpcf7-list-item-label:before { background-color: #1A1919; }
.doorcolorradio input[value="Ebony"] + .wpcf7-list-item-label:before { background-color: #131418; }
.doorcolorradio input[value="Black"] + .wpcf7-list-item-label:before { background-color: #000000; }
.doorcolorradio input[value="Blue"] + .wpcf7-list-item-label:before { background-color: #082148; }
.doorcolorradio input[value="Cream"] + .wpcf7-list-item-label:before { background-color: #f0edec; }
.doorcolorradio input[value="Irish Oak"] + .wpcf7-list-item-label:before { background-color: #b1861e; }
.doorcolorradio input[value="Mahogany"] + .wpcf7-list-item-label:before { background-color: #563b2d; }
.doorcolorradio input[value="Red"] + .wpcf7-list-item-label:before { background-color: #b64c4a; }
.doorcolorradio input[value="Rosewood"] + .wpcf7-list-item-label:before { background-color: #8e655e; }
.doorcolorradio input[value="Walnut"] + .wpcf7-list-item-label:before { background-color: #664434; }
.doorcolorradio input[value="Anthracite Grey"] + .wpcf7-list-item-label:before { background-color: #53585b; }
.doorcolorradio input[value="Chartwell Green"] + .wpcf7-list-item-label:before { background-color: #c5d8c3; }
.doorcolorradio input[value="Agate"] + .wpcf7-list-item-label:before { background-color: #bebfba; }
.doorcolorradio input[value="Ash Brown"] + .wpcf7-list-item-label:before { background-color: #3b322e; }
.doorcolorradio input[value="Berry Red"] + .wpcf7-list-item-label:before { background-color: #81201b; }
.doorcolorradio input[value="Anthracite Grey"] + .wpcf7-list-item-label:before { background-color: #373b43; }
.doorcolorradio input[value="Blue Green"] + .wpcf7-list-item-label:before { background-color: #04565d; }
.doorcolorradio input[value="Cream White"] + .wpcf7-list-item-label:before { background-color: #f8f0e3; }
.doorcolorradio input[value="Derwent Blue"] + .wpcf7-list-item-label:before { background-color: #303f4e; }
.doorcolorradio input[value="Duck Egg"] + .wpcf7-list-item-label:before { background-color: #9fc4dc; }
.doorcolorradio input[value="French Blue"] + .wpcf7-list-item-label:before { background-color: #1c5ea6; }
.doorcolorradio input[value="Heritage Green"] + .wpcf7-list-item-label:before { background-color: #0e2f16; }
.doorcolorradio input[value="Light Oak"] + .wpcf7-list-item-label:before { background-color: #a4723a; }
.doorcolorradio input[value="Light Pink"] + .wpcf7-list-item-label:before { background-color: #b99698; }
.doorcolorradio input[value="Moondial"] + .wpcf7-list-item-label:before { background-color: #abb4ba; }
.doorcolorradio input[value="Pebble"] + .wpcf7-list-item-label:before { background-color: #c6beb3; }
.doorcolorradio input[value="Reed Green"] + .wpcf7-list-item-label:before { background-color: #596743; }
.doorcolorradio input[value="Rosewood"] + .wpcf7-list-item-label:before { background-color: #503b34; }
.doorcolorradio input[value="Royal Magenta"] + .wpcf7-list-item-label:before { background-color: #562043; }
.doorcolorradio input[value="Signal Yellow"] + .wpcf7-list-item-label:before { background-color: #f9cf75; }
.doorcolorradio input[value="Slate Grey"] + .wpcf7-list-item-label:before { background-color: #657077; }
.doorcolorradio span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
}
.qform-row p {
    margin-bottom: 28px !important;
}
span.wpcf7-form-control-wrap[data-name="letter-box-required"], span.wpcf7-form-control-wrap[data-name="spy-hole-required"] {
    border: 1px solid #BCBCBC;
    padding: 25px 30px;
    letter-spacing: -0.36px;
    color: #444444;
}
span.bottomspacespan+br {
    display: none;
}
span.bottomspacespan {
    display: block;
    margin-bottom: 15px;
	color: #09214A !important;
}
span.wpcf7-form-control-wrap[data-name="message"] textarea {
    height: 100px;
    resize: none;
}
.getquoteformsection {
	margin-top: 50px;
}
.getquoteformsection>.wpb_column:last-child .vc_column-inner {
    padding-left: 100px;
}
.doorcolorradio input:checked + .wpcf7-list-item-label:before {
    border: 5px solid #ffffff;
    box-shadow: 0px 3px 6px #00000029;
}
p.nomarginbottom {
    margin-bottom: 0px !important;
}
.doorcolorradio {
    display: flex;
    flex-wrap: wrap;
}
.wpcf7 select.wpcf7-form-control {
    border-radius: 0px;
    height: 69px;
    background-image: url(https://www.force10doors.co.uk/wp-content/uploads/2024/04/dropwdown-icon.svg);
    background-repeat: no-repeat;
    padding-left: 28px;
    background-position: right 30px center;
    -webkit-appearance: none;
}
input.ral-frame-color {
    height: 69px !important;
    border-radius: 0px !important;
}
.qform-row input, .qform-row textarea {
	border-radius: 0px !important;
}
.qform-row label {
    line-height: inherit !important;
    font-weight: normal;
}
.frameimagesection {
    position: absolute;
    top: 0px;
}
.doorimagewrap {
    position: relative;
}
.getquoteformsection .doortyperadio .wpcf7-list-item {
    margin-right: 0px !important;
    width: 47.6%;
}
.getquoteformsection .doortyperadio .wpcf7-list-item-label {
	width: 100%;
}
.getquoteformsection .doortyperadio {
    justify-content: space-between;
}


.doorcolorradio .wpcf7-list-item-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 70px; 
}

.doorcolorradio .wpcf7-list-item-label[title]::after {
    content: attr(title);
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1000;
    font-size: 14px; 
}

.doorcolorradio .wpcf7-list-item-label:hover::after {
    opacity: 1;
}

@media only screen and (min-width:768px) and (max-width:1250px) {
	span.wpcf7-form-control-wrap[data-name="letter-box-required"], span.wpcf7-form-control-wrap[data-name="spy-hole-required"] {
		padding: 20px 14px;
	}
	.eachdoor a.site-btn{min-width:175px}
}
@media only screen and (min-width:768px) and (max-width:990px){
	.getquoteformsection .doortyperadio {display: block;}
	.eachdoor {width:33.3%}
	 
}
@media only screen and (min-width:768px) {
.compdoortab.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {width:200px}
}
@media only screen and (max-width:767px) {
	.mobspc{padding-bottom:10px;padding-top:10px}
	.getquoteformsection .vc_column-inner, .qform-row .vc_col-md-12, .qform-row .vc_col-md-6{padding:0px}
	.qform-row input:not([type="submit"]) {
		height: 54px;
	}
	span.bottomspacespan {
		margin-bottom: 4px;
	}
	.getquoteformsection .doortyperadio {
		display: block !important;
	}
	.getquoteformsection .doortyperadio .wpcf7-list-item {
		width: 100%;
	}
	.getquoteformsection>.wpb_column:last-child .vc_column-inner {
		padding-left: 15px;
	}
	.upvcsec1 {
		padding: 40px 0px;
	}
	.door-list.upvc-door-range {
		margin-top: 40px;
	}
	.door-list.classic-range {
		margin-top: 0px !important;
	}
	.eachdoor {
		width: 100%;
	}
	.doorimagecol>.vc_column-inner>.wpb_wrapper {
		min-height: 0px;
		padding-top: 23px;
		padding-bottom: 23px;
	}
	.doorimagecol .wpb_text_column {
		margin-bottom: 0px;
	}
	.wpcf7 select.wpcf7-form-control {
		height: 54px;
	}
	input.ral-frame-color {
		height: 54px !important;
	}
	span.wpcf7-form-control-wrap[data-name="letter-box-required"] span.wpcf7-list-item, span.wpcf7-form-control-wrap[data-name="spy-hole-required"] span.wpcf7-list-item {
		margin-left: 0px !important;
	}
	span.wpcf7-form-control-wrap[data-name="letter-box-required"], span.wpcf7-form-control-wrap[data-name="spy-hole-required"] {
		height: 54px;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.doorcolorradio .wpcf7-list-item {
		height:51px;
	}
	.doorcolorradio .wpcf7-list-item-label {
		padding-left: 60px;
	}
	.doorcolorradio .wpcf7-list-item-label:before {
		width: 51px;
		height: 51px;
	}
}