.club-car-modals-container{
display: flex;
justify-content: center;
align-items: center;
margin: auto;
column-gap: 80px;
}
.club-car-modals-item{
padding: 83px 70px 60px 70px;
border-radius: 0px 40px;
background: #FFF;
box-shadow: 0px 4px 25px 0px rgba(1, 1, 1, 0.10);
text-align: center;
}
.club-car-modals-item:nth-of-type(1):hover{
background: #ED1C24;
cursor: pointer;
}
.club-car-modals-item:nth-of-type(2):hover{
background: #FCBA63;
cursor: pointer;
}
.club-car-modals-item:hover p{
color: #fff;
}
.club-car-modals-item__background{
width: 96px;
height: 96px;
}
.club-car-modals-item__title{
color: #000;
text-align: center;
font-family: "Eurostile Extended";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height:28px; 
margin-top: 23px;
}  .club-car-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
}
.club-car-modal-content {
background: #fff;
padding: 20px;
border-radius: 8px;
max-width: 100%;
width: 100%;
text-align: center;
position: relative;
height: 100vh;
overflow: scroll;
padding-top: 100px;
}
.club-car-modal-header{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.club-car-modal-title{
color: #ED1C24;
font-family: "Eurostile Extended";
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.club-car-modal-close { width: 32px;
height: 32px;
top: 10px;
right: 10px;
background-repeat: no-repeat;
font-size: 24px;
color: #333;
cursor: pointer;
}
.club-car-modal-container{
width: 90%;
margin: auto;
}
.club-car-modal-close:hover{
cursor: pointer;
}
.club-car-modal-products{
display: flex; border-top: 1px solid #FCBA63;
padding-top: 32px; flex-direction: column;
}
.club-car-modal-product-row{
display: flex;
flex-direction: row;
column-gap: 11%;
flex-wrap: wrap;
}
.club-car-modal-product{
width: 180px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 67px;
}
.club-car-modal-product__img{
width: 140px;
height: 140px;
}
.club-car-modal-product__title{
color: #ED1C24;
text-align: center;
font-family: "Eurostile Extended";
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 25px;
margin-bottom: 20px;
}
.club-car-modal-product__link{
color: #000;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color: #FCBA63;
padding: 10px 30px;
}.club-car-modals-container{
display: flex;
justify-content: center;
align-items: center;
margin: auto;
column-gap: 80px;
}
.club-car-modals-item{
padding: 83px 70px 60px 70px;
border-radius: 0px 40px;
background: #FFF;
box-shadow: 0px 4px 25px 0px rgba(1, 1, 1, 0.10);
text-align: center;
}
.club-car-modals-item:nth-of-type(1):hover{
background: #ED1C24;
cursor: pointer;
}
.club-car-modals-item:nth-of-type(2):hover{
background: #FCBA63;
cursor: pointer;
}
.club-car-modals-item:hover p{
color: #fff;
}
.club-car-modals-item__background{
width: 96px;
height: 96px;
}
.club-car-modals-item__title{
color: #000;
text-align: center;
font-family: "Eurostile Extended";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height:28px; 
margin-top: 23px;
}  .club-car-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
}
.club-car-modal-content {
background: #fff;
padding: 20px;
border-radius: 8px;
max-width: 100%;
width: 100%;
text-align: center;
position: relative;
height: 100vh;
overflow: scroll;
padding-top: 100px;
}
.club-car-modal-header{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.club-car-modal-title{
color: #ED1C24;
font-family: "Eurostile Extended";
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.club-car-modal-close { width: 32px;
height: 32px;
top: 10px;
right: 10px;
background-repeat: no-repeat;
font-size: 24px;
color: #333;
cursor: pointer;
}
.club-car-modal-container{
width: 90%;
margin: auto;
}
.club-car-modal-close:hover{
cursor: pointer;
}
.club-car-modal-products{
display: flex; border-top: 1px solid #FCBA63;
padding-top: 32px; flex-direction: column;
}
.club-car-modal-product-row{
display: flex;
flex-direction: row;
column-gap: 11%;
flex-wrap: wrap;
}
.club-car-modal-product{
width: 180px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 67px;
}
.club-car-modal-product__img{
width: 140px;
height: 140px;
}
.club-car-modal-product__title{
color: #ED1C24;
text-align: center;
font-family: "Eurostile Extended";
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 25px;
margin-bottom: 20px;
}
.club-car-modal-product__link{
color: #000;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color: #FCBA63;
padding: 10px 30px;
}.terms-and-conditions-modals-container{
display: flex;
justify-content: center;
align-items: center;
margin: auto;
column-gap: 80px;
}
.terms-and-conditions-modals-item{
padding: 83px 70px 60px 70px;
border-radius: 0px 40px;
background: #FFF;
box-shadow: 0px 4px 25px 0px rgba(1, 1, 1, 0.10);
text-align: center;
}
.terms-and-conditions-modals-item:nth-of-type(1):hover{
background: #ED1C24;
cursor: pointer;
}
.terms-and-conditions-modals-item:nth-of-type(2):hover{
background: #FCBA63;
cursor: pointer;
}
.terms-and-conditions-modals-item:hover p{
color: #fff;
}
.terms-and-conditions-modals-item__background{
width: 96px;
height: 96px;
}
.terms-and-conditions-modals-item__title{
color: #000;
text-align: center;
font-family: "Eurostile Extended";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height:28px; 
margin-top: 23px;
}
.terms-and-conditions-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
}
.terms-and-conditions-modal-content {
background: #fff;
padding: 50px;
border-radius: 8px;
max-width: 1400px;
width: 100%;
text-align: center;
position: relative;
height: 99vh;
overflow: scroll;
}
.terms-and-conditions-modal-header{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.terms-and-conditions-modal-title{
color: #ED1C24;
font-family: "Eurostile Extended";
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.terms-and-conditions-modal-close {
width: 32px;
height: 32px;
top: 10px;
right: 10px;
background-repeat: no-repeat;
font-size: 24px;
color: #333;
cursor: pointer;
}
.terms-and-conditions-modal-container{
width: 100%;
text-align: left;
margin: auto;
}
.terms-and-conditions-modal-close:hover{
cursor: pointer;
}
.terms-and-conditions-modal-title{
color: #ED1C24;
font-family: "Eurostile Extended";
font-size: 80px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 75px;
}
.terms-and-conditions-modal-subtitle{
color: #000;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 40px;
}
.terms-and-conditions-modal-text{
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
.terms-and-conditions-modal-text span{
color: #ED1C24;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%;
}
.terms-and-conditions-modal-text .form-group {
display: block;
margin-bottom: 15px;
}
.terms-and-conditions-modal-text .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.terms-and-conditions-modal-text .form-group label {
position: relative;
cursor: pointer;
}
.terms-and-conditions-modal-text .form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border-radius: 5px;
border: 1px solid #000;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 35px;
}
.terms-and-conditions-modal-text .form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 9px;
width: 6px;
height: 14px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.terms_conditions_button-inner .elementor-widget-container{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.terms_conditions_button-inner .terms_conditions_button_label{
color: #ED1C24;
padding: 3.5px 8px;
background-color: #FCBA63;
text-align: center;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 10px;
margin-top: 10px;
position: absolute;
white-space: nowrap;
bottom: -36px;
display: none;
}
.terms_conditions_button_label_arrow{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
background-color: #FCBA63;
width: 5.66px;
height: 5.66px;
top: 0px;
}
.terms_conditions_button:hover .terms_conditions_button_label_arrow {
opacity: 1; }
.terms_conditions_button {
display: flex;
height: 63px;
width: 63px;
background-image: url(//solarcreativitycaribbean.com/wp-content/uploads/2025/01/terms_conditions.png);
background-repeat: no-repeat;
background-color: #ED1C24;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
.terms_conditions_button-inner {
position: absolute !important;
display: flex;
justify-content: flex-end !important;
bottom: 120px;
right: 70px;
}
@media screen and (max-width: 1024px) {
.terms-and-conditions-modals-container{
}
.terms-and-conditions-modal-content{
padding: 35px;
}
.terms-and-conditions-modal-title{
font-size: 40px;
margin-bottom: 30px;
}
.terms-and-conditions-modal-subtitle{
font-size: 20px;
margin-bottom: 20px;
}
.terms-and-conditions-modal-text{
font-size: 16px;
}
.terms-and-conditions-modal-text span{
font-size: 16px;
}
.terms-and-conditions-modal-text .form-group label:before {
margin-right: 15px;
}
}
@media screen and (max-width: 639px){
.terms_conditions_button-inner {  justify-content: center !important;
bottom: 120px;
right: 0px;
position: relative !important;
bottom: 26px;
}
}