/* Theme Name: Divi Child 
Template Version: 1.0
Description: A customized version of Divi which adds a number of tiny features you need.
Template: Divi
*/

  body {
     font-size: 1.0625rem;
     font-family: 'Be Vietnam Pro', Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizelegibility;
     font-feature-settings: "liga";
     color: #ffffff;
     font-weight: 400;
     background: #0a0a0a !important;
}
 h1,h2,h3,h4,h5,h6 {font-family: 'Be Vietnam Pro';font-weight: 500!important;color: #f2f2f2;}
 p strong {
font-family: 'Changa', sans-serif;
     font-size: 18px;
     font-weight: 500 !important;
}
 div#page-container {
     overflow: hidden;
}
 .et_pb_row {
     width: 95% !important;
}
/*HEADER STYLES*/

header#main-header {
    background-color: #2f2f2f;
    background: linear-gradient(135deg, #7C3AED, #A855F7 30%, #EC4899 70%, #60A5FA);
}
.header-menu-container {
    width: 95%;
    display: flex;
    align-items: center;
    padding: 5px 0;
    justify-content: space-between;
    max-width: 1200px;
}

.logo_container {
    position: relative !important;
    max-width: 300px;
}
img#logo {
    height: 45px;
    max-width: 100% !important;
    max-height: 100% !important;
    transition: all 0.3s ease-in-out;
}
img#logo:hover {
	transform: scale(1.05);
	transition: all 0.3s ease-in-out;
}
.text-logo {
    display: flex;
    color: #ffffff;
    min-height: 46px;
    align-items: center;
}

.text-logo img {
    width: 25px;
    margin-right: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: -1;
    opacity: 0.5;
    right: 84px;
    filter: drop-shadow(2px 4px 6px black);
}

.text-logo span {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    font-family: 'Changa', sans-serif;
}

 .header-menu-container:after {
    display: none;
}

div#et-top-navigation {
    padding: 0 !important;
}
.estimate-btn {
    display: none;
}
.mobile_menu_bar {
    padding: 4px !important;
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .2);
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.mobile_menu_bar:hover {
    background: rgba(255, 255, 255, .25);
}
.et_mobile_menu {
    width: 200px;
    left: calc(100% - 200px);
    top: 110%;
    border-color: #3b82f6;
    background: #fbfbfb !important;
    border: none;
    padding: 1rem;
    border-radius: 16px;
}


 .et_mobile_menu li a {
     color: #1e3a8a !important;
     font-family: 'Inter', sans-serif;
	 transition: all 0.3s ease-in-out;
}
 .mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle) {
     position: relative;
}
 .mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle):before {
     content: '\f149';
     position: absolute;
     left: 0;
     font-family: 'FontAwesome';
     -webkit-transform: scaleX(-1) rotate(90deg);
     transform: scaleX(-1) rotate(90deg);
     color: #3b82f6;
}
 .et_mobile_menu .current_page_item a {
     color: #ffffff !important;
     opacity: 1;
     background: linear-gradient(135deg, #60a5fa, #a855f7);
     border-radius: 10px;
     filter: none;
}
 .et_mobile_menu li:first-of-type:hover a {
      background: linear-gradient(135deg, #60a5fa, #a855f7);
	  color: #ffffff !important;
 }
 .et_mobile_menu li a:hover {
	background: linear-gradient(135deg, #e0f2fe, #dbeafe);
	color: #2563eb !important;
	opacity: 1;
    border-radius: 10px;
	transform: scale(1.05);
    transition: all 0.3s ease-in-out;
 }
.add-info-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #387ef5;
    width: 50px;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
} 
.add-info-block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 240px;
    position: fixed;
    right: -190px;
    -webkit-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;
}

.open-info {
    right: 0;
}

.open-info #add-info-open-icon {
    display: none;
}

.open-info #add-info-close-icon {
    display: block;
}
.add-info-container {
    background: #2f2f2f;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 190px;
    height: auto;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    font-family: 'Changa', sans-serif;
}

.add-info-btn .fa {
    color: #fefeff;
}
#add-info-close-icon {
    display: none;
}
.add-info-btn span {
    line-height: 1;
    color: #fefeff;
    margin-top: 5px;
    font-size: 12px;
}
 
.add-info-holder p {
	color: #fff !important;
}

.add-info-container a, .header-location-container {
    color: #fff;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    text-align: right;
    width: 100%;
}
.email-btn {
    margin: 10px 0;
}
.add-info-container .fa {
    margin-right: 5px;
    margin-top: 2px;
}
/*change Divi opened hamburger menu to X*/
 .mobile_nav.opened .mobile_menu_bar:before {
     content: '\4d';
}
/*rotate the Divi Menu icon on click*/
 .mobile_menu_bar:before {
     transition: all .4s ease;
     transform: rotate(0deg);
     display: block;
     color: #ffffff;
}
/*rotate the Divi Menu icon on click*/
/*END HEADER STYLES*/
/*PAGE STYLES*/


 section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
     max-height: 550px !important;
     min-height: 550px !important;
     height: 550px !important;
     background-position: 60%;
     padding: 5rem 1rem 4rem;
}
 .et_pb_fullscreen .et_pb_fullwidth_header_container {
     max-height: 450px !important;
     min-height: 450px !important;
     height: 450px !important;
     width: 95%;
}
 
 .header-content {
     margin: 0 auto !important;
     padding: 0px !important;
     width: 100% !important;
     max-width: 1400px !important;
}

#homepage-header-holder:after {
	display: none;	
}

.homepage-header-content {
    justify-items: center;
}

.homepage-header-title h1 {
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1.3;
	color: #60a5fa !important;
	padding-bottom: 40px;
	font-weight: 800 !important;
	font-family: 'Inter', sans-serif;
	max-width: 350px;
}
.header-content-p {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 100 !important;
	background: #ffffff14;
	color: #d1d5db !important;
	border: 1px solid #ffffff1f;
	border-radius: 12px;
	margin-bottom: 10px;
	max-width: 500px;
	padding: 1.25rem 1.5rem !important;
	transition: all 0.3s ease-in-out;
	backdrop-filter: blur(20px);
}
.header-content-p:hover {
    background: #ffffff1f;
    border-color: #ffffff2e;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease-in-out;
}
.header-title {
    font-size: 31px;
    font-weight: 400;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 900;
    margin-bottom: 30px;
    letter-spacing: -1px;
}

.homepage-header-button .booking-button-switch {
	margin-right: 15px;
}

#homepage-header-holder .button {
	width: 306px;
}

.button {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(37, 99, 235, .5);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    backdrop-filter: blur(2px);
    transition: all 0.3s;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
}
.button:hover {
    background: #00000000;
    color: #60a5fa;
    border-color: #3b82f6;
    box-shadow: 0 6px 20px rgba(59, 130, 246, .6);
    transform: scale(1.04);
    transition: all 0.3s;
}
.button-gallery{
	display: inline-flex;
	align-items: center;
	gap: .75rem;
	padding: 1rem 2rem;
	background: linear-gradient(135deg, #0ea5e9, #a855f7);
	border: none;
	border-radius: 12px;
	color: white;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s ease-in-out;
	transform:none;
	margin-top: 30px;
}

.button-gallery:hover{
	box-shadow: 0 10px 30px rgba(139, 92, 246, .3);
	transform:scale(1.03);
}

.button-gallery .arrow {
    width: auto;
    height: 10px;
    margin-left: 8px;
    transition: 0.3s;
}
.scroll-indicator {
	display: none;
}

/* FIRST CONTENT SECTION STYLE */

.entry-title {
    text-align: center;
    font-size: 26px !important;
    color: #fefefe;
    font-weight: 600;
    line-height: 1.1em;
}
.home .entry-title {
 padding: 0;
 color: #fff;
 margin-bottom: 20px;
}
   div#home-title-block {
    padding: 70px 0 80px !important;
    background-color: #f5f3f500 !important;
}

div#home-title-block-container-firstpar:before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 170px);
    background: #2f2f2f00;
}

.home .et_pb_row {
	max-width: 1200px;
	width: 100% !important;
	margin: 0 auto;
	padding: 0 20px;
}

.home h2:not(.section-title-subheading),
.home .entry-title, 
.home .testimonials-title, 
.home .contact-section-title,
.home #css-badges-section .section-title-heading,
.home #home-title-block-container-firstpar .section-title-heading {
	text-align: center !important;
	line-height: 1.4 !important;
	margin-bottom: 20px !important;
	padding-bottom: 15px !important;
	position: relative;
	font-family: 'Poppins', sans-serif;
	letter-spacing: -1px;
	font-size: 28px;
	color: #fff;
	font-weight: 800 !important;
}

@media (min-width: 981px) {
	.home h2:not(.section-title-subheading),
	.home .entry-title, 
	.home .testimonials-title, 
	.home .contact-section-title,
	.home #css-badges-section .section-title-heading,
	.home #home-title-block-container-firstpar .section-title-heading {
		font-size: 38px;
	}
}

.home h2 span, 
.home .entry-title span, 
.home .testimonials-title span, 
.home .contact-section-title span, 
.home .badge-title,
.home #css-badges-section .section-title-heading span,
.home #home-title-block-container-firstpar .section-title-heading span {
  background: linear-gradient(135deg, #38bdf8 0%, #c084fc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #38bdf8;
  margin-bottom: 15px;
}

.home h2:not(.section-title-subheading):after, 
.home .entry-title:after, 
.home .testimonials-title:after, 
.home .contact-section-title:after, 
.home #css-badges-section .section-title-heading:after,
.home #home-title-block-container-firstpar .section-title-heading:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #3b82f6, #60a5fa);
    border-radius: 2px;
}

.home p {
	color: #718096;
}

.home p a {
	color: #718096;
}

.section-title-heading {
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Changa', sans-serif;
}

.content-button {
    background: transparent;
    color: #ffffff;
    line-height: 1;
    border-radius: 12px;
    display: inline-block;
    padding: 12px 30px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    text-align: center;
    transition: all .3s ease;
}
.content-button:hover {
    background: linear-gradient(135deg, #0ea5e9, #a855f7);
    border-color: transparent;
    transform: scale(1.1);
	box-shadow: 0 10px 30px rgba(139,92,246,.3);
}
div#home-title-block-img-col span {
    width: 85%;
    display: flex;
    margin-top: 20px;
    height: 280px;
    justify-self: center;
}

div#home-title-block-img-col span img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}



/* BADGES SECTION STYLE */
  div#css-badges-section {
    background-color: #3b82f600 !important;
    padding: 80px 0 50px;
}

.home .et_pb_section:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, #00000000, #ffffff4d, transparent);
    z-index: 10;
}

.section-title-subheading {
	text-align: center;
	line-height: 1.8;
	margin-bottom: 30px;
	color: #718096;
	font-size: 16px;
	max-width: 600px;
	justify-self: center;
}

@media (min-width: 981px) {
	.section-title-subheading {
		font-size: 18px;
	}
}

.badges-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.badge-holder {
    background: #2f2f2f;
    background: linear-gradient(135deg, #0ea5e91a 0%, #38bdf80d 100%);
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 270px;
    margin: 10px 5px 30px;
    position: relative;
    font-family: 'Nunito', sans-serif;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    align-items: center;
    padding: 40px 12px;
    border-radius: 12px;
    border: 1px solid #ffffff1f;
    transition: 0.3s;
    justify-content: space-between;
}

.badge-holder:hover {
	border-color: #ffffff2e;
	transform: translateY(-6px);
    transition: 0.3s;
}

.badge-holder:nth-child(2) {
	background: linear-gradient(135deg, #a855f71f 0%, #ec48990f 100%);
}
.badge-holder:nth-child(3) {
	background: linear-gradient(135deg, #eab3081f 0%, #f973160f 100%);
}
.badge-holder:nth-child(4) {
	background: linear-gradient(135deg, #22c55e1f 0%, #10b9810f 100%);
}

.badge-holder img {
    width: auto;
    height: 22px;
}

p.badge-content {
    color: #fff;
    text-align: center;
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 24px;
    align-content: center;
    min-height: 60px;
    font-weight: 600;
    margin: 18px 0 12px;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}

.badge-title {
    font-size: 28px;
    text-align: center;
    line-height: 1.2;
    min-height: 70px;
    align-content: baseline;
    color: #2f2f2f;
    font-weight: 1000;
    text-transform: capitalize;
    margin-bottom: 20px !important;
}

.badge-holder .button {
    background:#ffffff14;
    color: #FFFFFF;
    border: 1px solid#ffffff1f;
    padding: 10px 50px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s ease;
    align-items: center;
    text-transform: capitalize;
    letter-spacing: 0;
    box-shadow: none;
    width: 90%;
}

.badge-holder .button:hover {
    background:#0ea5e9;
    border-color:#0ea5e9;
}

.badge-holder .button .arrow {
	width: auto;
	height: 10px;
	margin-left: 8px;
}

/* SERVICES STYLE */

#services-blocks-section {
	background: transparent !important;
	padding: 70px 0 40px;
	justify-items: center;
}

#services-blocks-section .et_pb_row {
	padding-bottom: 0;
	margin: 0;
}
.srvBlock {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

.srvElement {
    padding: 0px;
    border: 1px solid #a855f74d;
    background: linear-gradient(135deg, #0ea5e91a 0%, #38bdf80d 100%);
    margin-bottom: 20px;
    border-radius: 24px;
    transition: 0.3s;
}

.srvElement:hover {
	transform: translateY(-6px);
	border-color: rgba(168, 85, 247, .5);
}

.srvElementFullWidth div:first-of-type {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.srvElement:nth-child(2) {
	background: linear-gradient(135deg, #eab3081f 0%, #f973160f 100%);
}
.srvElement:nth-child(3) {
	background: linear-gradient(135deg, #22c55e1f 0%, #10b9810f 100%);
}
.srvElement:nth-child(4) {
	background: linear-gradient(135deg, #ef44441f 0%, #dc26260f 100%);
}
.srvElement:nth-child(5) {
        background: linear-gradient(135deg, #a855f726 0%, #ec48991a 100%);
}

.srvElementFullWidth {
    padding: 24px;
}

.srvElementFullWidth .srvElementBody {
    padding: 0;
}

.srvElementFullWidth {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    align-items: center;
}

.title-services p {
    color: #000;
    font-size: 35px;
    padding: 0px;
    font-weight: bold;
    text-align: center;
}

.srvElementBody {
        padding: 24px;
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
}

.srvElementHeader {
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.srvElementImg {
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff14, #ffffff0d);
    border: 1px solid #ffffff14;
    max-width: 400px;
    padding: 10px;
}

.srvElementImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	border: 1px solid #ffffff14;
}

.home .srvElementHeader h2 {
    color: #ffffff;
    font-size: 20px !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    font-weight: 700 !important;
}

.srvElementHeader h2:after {
	display: none;
}

.srvElementContent {
    text-align: justify;
    color: #a1a1aa;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}
.srvElementFullWidth .srvElementHeader {
    width: 100%;
}

.srvElementFullWidth .srvElementImg {
    width: 33%;
    height: 100%;
    display: flex;
    overflow: hidden;
    object-fit: cover;
}

.srvElement:first-of-type .button {
	margin-top: 20px;
}

.srvElement .button {
    background: #ffffff14;
    color: #FFFFFF;
    border: 1px solid #ffffff1f;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
    align-items: center;
    text-transform: capitalize;
    letter-spacing: 0;
    box-shadow: none;
    margin-top: auto;
    width: 95%;
}

.srvElement .button .arrow {
	width: auto;
	height: 10px;
	margin-left: 8px;
	transition: 0.3s;
}

.srvElement .button:hover {
    background: linear-gradient(135deg, #0ea5e9, #a855f7);
    border-color: transparent;
}

.srvElement .button:hover .arrow {
	transform: translateX(3px)
}

@media only screen and (max-width: 981px) {

    .srvElementImg {
        display: flex;
        justify-content: center;
        align-items: center;
        }

    .srvElementFullWidth .srvElementImg {
        width: 100%;
    }

}

.srvcs-title {
	text-align: center !important;
	font-weight: bold; 
	color: #fff!important; 
	text-shadow: 0px 0px 15px #0a1f54;
}

/* END SERVICES STYLE */

/* ADDITTIONAL SERVICES STYLE */

#second-list-container {
	background: transparent !important;
	color: #718096;
	padding: 0;
}

#second-list-container h2 {
    color: #ffffff;
    padding: 80px 0;
}

#additionalServices {
    list-style: none;
    text-align: center;
    padding: 0;
    list-style-type: none;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#additionalServices li {
    break-inside: avoid;
    padding: 5px 3px;
    font-size: 18px;
    color: #d4d4d8;
    position: relative;
    text-align: center;
    margin-bottom: 0 !important;
}
#additionalServices li a {
	color: #fff;
	text-decoration: underline;
}
#additionalServices li::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    color: #38bdf8;
}


@media (min-width: 600px) {
#additionalServices li {
    break-inside: avoid;
    padding: 10px 5px;
    text-align: left;
}   
}

@media (min-width: 981px) {
	#additionalServices {
	    columns: 3;
	    column-gap: 10px;
	}
	.srvBlock{
		display: flex;
		flex-wrap: wrap !important;
		flex-direction: row;
		justify-content: space-around;
	}
	#second-list-container .et_pb_row:first-child {
		display: flex;
		align-items: center;
	}
}

.nav-arrows > button.slider-previous > svg > path{
	transition:0.1s;
}

.nav-arrows > button.slider-next > svg > path{
	transition:0.1s;
}

/* END ADDITTIONAL SERVICES STYLE */
/* CONTENT SECTION STYLE */

div#content-dark-section {
    width: 100% !important;
    /* padding: 0 !important; */
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
}

div#content-dark-section .et_pb_button {
    background: linear-gradient(135deg, #ffffff14, #ffffff0d);
    border: 1px solid #ffffff14;
    border-radius: 12px;
    color: #f4f4f5;
    font-size: 16px;
    transition: all .3s ease;
    padding: 8px 30px;
}

div#content-dark-section .et_pb_button:hover {
    background: linear-gradient(135deg, #0ea5e9, #a855f7);
    border-color: transparent;
    transform: scale(1.05);
}

div#content-dark-section .et_pb_button:after {
    line-height: 0.9;
    font-size: 30px;
}

div#content-dark-section .et_pb_button:hover:after {
    margin-left: -5px;
}


div#content-dark-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 170px);
}

div#content-text-col {
    padding: 30px 2.5% 70px;
    margin-bottom: 0 !important;
}
 

div#home-content-section {
    padding-top: 0 !important;
    background: transparent !important;
}

.main-content h2 {
    color: #fff !important;
}

div#content-img-col span {
    width: 75%;
    margin-left: auto;
    display: flex;
    margin-top: -30px;
    padding-bottom: 70px;
    max-height: 450px;
}

div#content-img-col span img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}


/* SERVICES LIST SECTION STYLE */

 .homepage-services #servcss {
     padding: 0;
     list-style: none;
     width: 280px;
     margin: 0 auto;
}
 .homepage-services li {
     position: relative;
     text-align: left;
     padding-left: 26px;
     color: #718096;
}
 .homepage-services li:before {
     content: "\f1b9";
     font-family: 'FontAwesome';
     margin-right: 5px;
     color: #387ef5;
     position: absolute;
     left: 0;
}


#home-gallery-section {
	background: transparent;
	padding: 80px 0;
}




#home-testimonials-section {
	background: transparent;
	padding: 80px 0;
}





/* CONTACT FORM STYLE */
 
.contact-form-heading {
    padding: 0 20px;
}

.homepage-nap{
	margin-bottom:30px;
}

.contact-section-title {
    text-align: center;
    font-size: 26px !important;
    color: #f5f3f5;
    font-weight: 600;
    line-height: 1.1em;
    font-family: 'Changa', sans-serif;
}

.contact-section-text {
    color: #718096;
    line-height: 1.4;
    padding-top: 10px;
}

.contact-form-block {
    padding: 30px 10px;
}

input#customer_name {
	width: 100%;
	float: left;
}

input#phone-cf {
	width: 100%;
	float: left;
	margin-left: 0;
}

textarea#message {
	margin-bottom: 20px;
}

#contact img {
	float: left;
	width: 120px;
}

input#vercode {
	width: calc(100% - 130px);
	margin: 0;
	margin-left: 10px;
	float: left;
	padding: 7px 10px 10px;
}

form#contactForm {
	background: #1a1a1a;
	padding: 1.5rem;
	border-radius: 15px;
	border: 2px solid #2a2a2a;
	box-shadow: 0 10px 40px #2563eb33;
}

input#submitter {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #FFFFFF;
    border: 2px solid transparent;
    font-size: 15px;
    width: 100%;
    font-weight: 600;
    border-radius: 0;
    cursor: pointer;
    transition: all .3s ease;
    animation: fadeInUp .8s ease .6s backwards;
    box-shadow: 0 4px 15px rgba(37, 99, 235, .5);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    height: 45px;
}
input#submitter:hover {
    background: transparent;
    color: #ffffff;
    border-color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 130, 246, .4);
}


input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
	max-width: 100%;
	padding: 10px 10px 10px;
	height: auto;
	background-color: #0a0a0a !important;
	box-shadow: none;
	display: block;
	line-height: 1.75em;
	font-weight: 300;
	color: #ffffff !important;
	background-image: none;
	border: 2px solid #2a2a2a;
	margin-bottom: 20px !important;
	outline: none;
	border-radius: 7px;
}

p.success {
    color: #2f2f2f;
}

#contactForm input[type=text]::placeholder,
#contactForm input[type=password]::placeholder,
#contactForm input[type=tel]::placeholder,
#contactForm input[type=email]::placeholder,
#contactForm input.text::placeholder,
#contactForm input.title::placeholder,
#contactForm textarea::placeholder,
#contactForm select {
	color: #718096 !important;
}

#contactForm input[type=text]:focus,
#contactForm input[type=password]:focus,
#contactForm input[type=tel]:focus,
#contactForm input[type=email]:focus,
#contactForm input.text:focus,
#contactForm input.title:focus,
#contactForm textarea:focus,
#contactForm select:focus {
 color: #fff !important;
 border-color: #3b82f6;
 box-shadow: 0 0 0 3px rgba(59, 130, 246, .3);
}

#contact {
	padding: 0;
}


div#contact-form-section {
    background-color: #f5f3f500 !important;
    padding-top: 20px;
}

/* NAP SECTION STYLE */

div#nap-section {
    background-color: #2f2f2f!important;
}

.homepage-nap h3 {
    color: #60a5fa;
    padding-bottom: 0;
    line-height: 1.3;
}
 
/* TESTIMONIALS SECTION STYLE */

div#home-testimonials {
    background-color: #3b82f600 !important;
    padding: 0;
}


.owl-nav {
    display: none;
}
 
.item img{object-fit: cover;object-position: center;margin-left: 3px;}

.item span {
    position: absolute;
    color: #cbcbcb;
    bottom: 10px;
    right: 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
}

.item:before {
    content: '';
    position: absolute;
    width: 101%;
    height: 105%;
    background: #2f2f2f;
    left: 0;
    top: 0;
    opacity: 0.6;
}

.item {min-height: 100%;display: flex;position: relative;}

.owl-item {
	height:100%;
    min-height: 100% !important;
}

.owl-stage {
    display: flex;
    background: #000;
}
.owl-dots {
    line-height: 0;
    opacity: 0.5;
    margin-top: 5px;
    position: absolute;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
    height: 5px !important;
    background: #7a7a7a !important;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #000 !important;
}
div#testimonials-block {
    padding: 0 !important;
    width: 100% !important;
}

div#testimonials-review-block {
    padding: 70px 2.5% 0;
}
.testimonials-title {
    text-align: center;
    font-size: 26px !important;
    color: #f5f3f5;
    font-weight: 600;
    line-height: 1.1em;
    font-family: 'Changa', sans-serif;
}

.home .wpcr3_review_datePublished {
    color: #2f2f2f;
}

.home .wpcr3_dotline {
	display: none !important;
}

.home .wpcr3_review {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.home .wpcr3_review_ratingValue {
	width: 100%;
	text-align: center;
	margin: 0 !important;
}

.home .wpcr3_review_author {
	margin-left: 5px;
	text-align: center;
	color: #2f2f2f;
}

.home .wpcr3_review_title.wpcr3_caps {
	width: 100%;
	text-align: center;
	margin: 0 !important;
	font-size: 20px;
	color: #2f2f2f;
	font-weight: bold;
	font-family: 'Changa', sans-serif;
}

.home span.wpcr3_item_name a {
	color: #2f2f2f;
}

div.wpcr3_review blockquote.wpcr3_content {
	border-color: #c4c4c4;
	padding-bottom: 0;
	text-align: justify;
}

.home div.wpcr3_review blockquote.wpcr3_content {
	text-align: center;
	padding-left: 0;
	border: none;
	margin-bottom: 0;
	line-height: 1.7em;
}

div.wpcr3_review blockquote.wpcr3_content p {
	font-size: 17px;
}


.home .wpcr3_reviews_holder {
	position: relative;
}

.home div.wpcr3_review blockquote.wpcr3_content p {
	font-style: italic;
	color: #2f2f2f;
}

.testimonials-button {
    color: #2f2f2f;
    background: transparent;
    line-height: 1;
    border-radius: 30px;
    display: inline-block;
    padding: 10px 10px;
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    text-align: center;
}

.testimonials-button:hover {
	color: #ffffff;
	background: #2f2f2f;
}


/* FOOTER STYLE */

#main-footer {
	background: #2f2f2f00;
	background-size: contain;
	background-repeat: repeat;
}
#main-footer .container {
    width: 95%;
}
footer#main-footer .section-separator-down {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: fliph;
    filter: fliph;
}
div#footer-bottom {
	background-color: #3b82f6;
	padding: 15px;
	color: #f5f3f5;
	font-family: 'Changa', sans-serif;
}

.paymentsbox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-widget h4 {
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 30px;
	font-weight: 600 !important;
	line-height: 1.5em;
	text-align: center;
	border-bottom: 1px solid #3b82f6;
	text-transform: uppercase;
	font-family: 'Be Vietnam Pro';
}

.footer-widget .textwidget {
	color: #f5f3f5;
}

#footer-widgets .footer-widget a {
	background-color: #fff;
}
.fwidget #menu-footer-menu li {
    padding-left: 0px;
}
.fwidget #menu-footer-menu li:before {
    display: none;
}
.fwidget #menu-footer-menu li a {
    background-color: transparent;
}
table.openinghours {
	max-width: 350px;
	width:100%;
	margin: 0 auto !important;
}

table.openinghours tr {
	display: flex;
	justify-content: space-between;
	line-height: 2;
	font-family: 'Open Sans', sans-serif;
	color: #f5f3f5;
}

#current-day {
	background-color: #3b82f6;
	padding: 0 2px;
}

#current-day td {color: #f5f3f5;text-shadow: none;}

#closed-day {
	color: #f5f3f5;
}

/* Blog Post, Services and Blog Page Style */

.page-template-default div#content-area div#left-area p, .blog-page-class p, .single-post p {
    text-align: justify !important;
}

@media (max-width: 980px) {
	
	.page-template-default div#content-area div#left-area h1 {
	    font-size: 26px !important;
	    text-align: center !important;
	}

	.page-template-default div#content-area div#left-area h2 {
	    font-size: 24px !important;
	}

	.blog-page-class h2, p.post-meta{
		text-align: center !important;
	}
}

/* Page Padding Fix */
.single-post div#main-content .container {
    padding: 77px 0 !important;
}
#main-content .container {
	padding: 77px 0 !important;
}

#main-content .container h2{
    padding-bottom: 10px;
    font-size: 24px;
}

.blog-page-class .et_pb_post:last-of-type {
	margin-bottom: 0 !important;
}

@media (min-width: 981px) {
	#main-content .container .type-post:last-of-type {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}
}

.post-content-inner {
    text-align: justify;
}

.single-post h2 {
  text-align: left;
}
.single-post p {
text-align: justify;
}

/* add buttons */
.booking-button-switch {display: none;}
.button-quote-header {
     background: #1e272d;
    text-align: center;
    padding: 10px 0;
}
.top_button {
    position: relative;
    display: inline-block;
    background-color: #3b82f6;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-shadow: none;
    color: #2f2f2f;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
    font-size: 16px;
    border-radius: 3em;
}

.top_button:hover{
	background-color:#3db691;
	color:#fff;
}

.floating-estimate-btn {
    text-align: center;
    padding: 3px 15px;
    background-color: #3b82f6;
    color: #2f2f2f ;
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    border: 3px solid #2f2f2f;
    border-left: 0px;
    font-size: 15px;
    z-index: 999999;
    font-weight: normal;
    position: fixed;
    bottom: 60px;
    text-transform: uppercase;
    width: 230px;
}

.floating-estimate-btn:hover{
	background-color:#3db691;
	color:#fff;
}
.wpcr3_button_1{
    position: relative;
    display: inline-block;
    background: #3b82f6;
    text-transform: uppercase;
    text-shadow: none;
    border: 0px solid;
    color: #ffffff;
    padding:10px 15px;
    margin-bottom: 20px;
    transition: 0.3s ease-in-out;
    font-size: 16px;
    border-radius:25px;
}

.wpcr3_button_1:hover {
color: #fff;
    background: #3db691;
	position: relative;
    display: inline-block;
    
    text-transform: uppercase;
    text-shadow: none;
    border: 0px solid;
    color: #fff;
    padding:10px 15px;
    margin-bottom: 20px;
    transition: 0.3s ease-in-out;
    font-size: 16px;
border-radius:25px;
}

#main-footer .listing-rev-btn {
    padding: 5px 30px;
    border: 2px solid #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 0px;
    bottom: 15px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fefeff;
    justify-content: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight:500;
}

#main-footer .listing-rev-btn:hover{
	background-color:#2f2f2f;
	color:#fff;
}

#main-footer .listing-rev-btn img {
    display: none;
}
#main-footer .listing-rev-btn .fa {
    display: block;
    margin-right: 5px;
    color: #fefeff;
}
/* end add buttons */
/* reviews */
.testimonials .owl-stage {
	background-color:transparent !important;
}
.testimonials-slider .item:before, .testimonials-slider .item span {
	display:none !important;
}
.owl-stage {
    display: flex;
    align-items: center;
}
.external-reviews-holder {
    z-index: 99;
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 100%;
    padding: 20px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.external-review-content {
	width:100%;
}
.sliding-review-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.review-origin-brand {
    background: #fff;
    padding: 10px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    left: 10px;
}

.review-origin-brand img {
    margin: 0;
    height: 35px;
    object-fit: contain;
}
.external-review-title {
    text-align: center;
    font-size: 20px !important;
    color: #2f2f2f;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 20px;
    text-transform: uppercase;
}
.external-review-credentials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #2f2f2f;
}
.external-review-author {
	margin: 0 5px;
    font-weight:bold;
}

.external-review-date {
    margin: 0 5px;
}
.external-review-text {
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 10px auto;
    text-align: center;
    padding: 0 25px;
    width: 95%;
    font-style: italic;
    color: #2f2f2f;
    font-weight: 400;
    position: relative;
}
.external-review-text:before {
    content: '\f10e';
    font-family: 'FontAwesome';
    position: absolute;
    left: 5px;
    top: 0;
    opacity: 0.5;
}
.external-review-text:after {
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    bottom: 0;
    opacity: 0.5;
}
a.add-reviews-link {
    color: #ed9e02;
    text-transform: uppercase;
    border-radius: 5em;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    width: 200px;
    transition: 0.3s ease-out;
    display: block;
}
 
div#external-reviews {
    padding: 0 !important;
    background: #3b82f6;
}

div#external-reviews .et_pb_row {
    padding: 0 !important;
}
.static-external-review-container {
 width: 100%;
 display: flex;
 justify-content: center;
}
.static-external-review-container .external-reviews-holder {
    min-height: 380px;
    justify-content: flex-end;
}
 @media (min-width: 981px) {
     .static-external-review-holder {
    display: flex;
    position: relative;
    justify-content: center;
}
.static-external-review-container {
    width: 50%;
 
}
    .static-external-review-container .external-reviews-holder {
        min-height: 420px;
        justify-content: center;
    }

 .review-origin-brand {
     position: absolute;
}
 }
/* end reviews */
/*MEDIA QUERIES*/
 @media only screen and (min-width: 600px) {
  


.srvElementImg {
    /* height: 240px; */
}

       .homepage-services #servcss {
         column-count: 2;
         -webkit-column-count: 2;
         -moz-column-count: 2;
         margin: 0 auto;
         width: auto;
         column-gap: 25px;
    }
     .homepage-services li {
         text-align: left;
    }
}
 @media screen and (max-width: 980px) {
    /* ADDITIONAL STYLES FOR MOB. RES. */
     .et_pb_sidebar_0 .et_pb_widget {
         width: 100%;
    }
     .footer-widget:nth-child(n) {
         width: 100% !important;
         text-align: center;
         margin: 0px !important;
    }
     .et_pb_text {
         text-align: center !important;
    }
     #footer-widgets .footer-widget .fwidget {
         width: 100% !important;
         margin-bottom: 30px !important;
    }
}

@media (max-width: 980px) {
    .et_pb_widget {
        text-align: center;
    }
}

 @media screen and (min-width: 981px) {
    /*HEADER STYLES*/
 
	.add-info-block {
	    top: 25vh;
	}
	  .estimate-btn {
	    display: contents;
	}
	div#et-top-navigation {
	    display: flex;
	    align-items: center;
	}

	.estimate-btn a {
	    background: #3b82f600;
	    color: #fefeff !important;
	    border-radius: 12px;
	    padding: 5px 10px;
	    font-weight: 500;
	    font-size: 14px;
	    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	    font-family: 'Changa', sans-serif;
	    transition: all .3s ease;
	    border: 1px solid #fff;
	    margin-left: 20px;
	}
	.estimate-btn a:hover {
		 background: #3db69100;
		 color: #fefeff !important;
		 background: linear-gradient(135deg, #0ea5e9, #a855f7);
		 transform: scale(1.1);
		 box-shadow: 0 10px 30px rgba(139, 92, 246, .3);
	}
	.estimate-btn a p {
		 color: #fefeff !important;
	}
     nav#top-menu-nav ul#top-menu li a {
         padding-top: 15px !important;
         padding-bottom: 15px !important;
         font-weight: 500;
         color: #ffffff !important;
         text-transform: capitalize;
         filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    }

     nav#top-menu-nav ul#top-menu li a:hover {
		 transform: scale(1.04);
	 }
     #top-menu .menu-item-has-children>a:first-child:after {
         top: 14px;
         color: #3b82f6;
    }
     nav#top-menu-nav ul#top-menu .current-menu-item a{
         color: #ffffff !important;
    }


	nav#top-menu-nav ul#top-menu .menu-item a:before {
	    content: "";
	    position: absolute;
	    bottom: 5px;
	    left: 0;
	    width: 0;
	    height: 2px;
	    background: #FFFFFF;
	    transition: width .3s ease;
	}
	 
	nav#top-menu-nav ul#top-menu .current-menu-item a:before {
	    width: 100%;
	    background: linear-gradient(90deg,#60a5fa,#a855f7);
	}
	 
	nav#top-menu-nav ul#top-menu .menu-item a:hover {
	    opacity: 1 !important;
	}

	nav#top-menu-nav ul#top-menu .menu-item a:hover:before {
	    width: 100%;
	}
	 
     nav#top-menu-nav ul#top-menu li {
         padding-left: 20px;
         padding-right: 7px !important;
    }

	 .sub-menu li:not(:last-child):after {
		 display:none;
	 }
	 nav#top-menu-nav ul#top-menu li:last-child {
	    padding-right: 0 !important;
	}

     nav#top-menu-nav ul#top-menu .current-menu-item {
    }
 
	nav#top-menu-nav ul#top-menu li:last-child.current-menu-item {
	    padding-right: 11px !important;
	}
	 nav#top-menu-nav ul#top-menu .current-menu-item a:after {
		 color: #d9b6c6 !important;
		}
     ul.sub-menu {
         filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
         top: 44px;
         background-color: #2f2f2f !important;
         border-color: #3b82f6 !important;
    }
	ul.sub-menu li ul {
		top: -10px;
	}
     nav#top-menu-nav #top-menu ul.sub-menu a {
         color: #fff !important;
         position: relative;
         padding: 6px 6px 6px 16px !important;
         line-height: 1.2;
         filter: drop-shadow(0px 1px 1px #210124);
    }
     #top-menu-nav ul.sub-menu a:before {
         content: '\f149';
         position: absolute;
         left: 0;
         font-family: 'FontAwesome';
         -webkit-transform: scaleX(-1) rotate(90deg);
         transform: scaleX(-1) rotate(90deg);
         color: #63d371;
    }
	 #top-menu-nav ul.sub-menu a:after {
		 color: #fff !important;
		}
     ul.sub-menu li {
         padding: 0 10px !important;
         width: 100%;
    }
     ul.sub-menu li a {
         padding: 5px 0px !important;
         width: 100% !important;
    }
    /*END HEADER STYLES*/
    /*PAGE STYLES*/
	.header-menu-container {
		padding: 10px 0;
	}
	 
	.header-content {
		text-align: left !important;
	}

	.homepage-header-title h1 {
	font-size: 16px;
	max-width: unset;
	}

	.header-content-p {
	    line-height: 1.7;
	    margin-bottom: 30px;
	}

	 .homepage-header-button {
		 display: flex;
		 justify-content: flex-start;
	}

	/* Container holding the arrow and text */
	.scroll-indicator {
	    display: flex;
	    justify-content: center;
	    gap: 5px;
	    animation: arrowBounce 1.5s infinite ease-in-out;
	    align-items: flex-end;
	    bottom: 90px;
	    position: relative;
	    justify-self: center;
	   }
	.scroll-indicator > a.scroll-down-container {
		color: #ffffff99;
	}

	/* Wrapper to keep tail and head together */
	.arrow-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: 5px;
		position: relative;
	}
	
	/* The Tail (Line) */
	.arrow-tail {
      width: 2px;
      height: 12px;
      background-color: #ffffff60;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      position: relative;
      margin-bottom: 10px;
      left: 8px;
 }
	
	/* The Arrow Head */
	.arrow-head {
      font-size: 13px !important;
      color: #ffffff60;
      margin: 0;
      padding: 0;
      line-height: 1;
 }
	
	/* The "Scroll" Text */
	.scroll-text {
	    font-family: 'Inter', sans-serif;
	    font-size: 13px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    margin: 0;
	    padding: 0;
	    line-height: 1;
	    color: #ffffff60;
	    font-weight: 600;
	}

    section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
         max-height: 700px !important;
         min-height: 700px !important;
         height: calc(100vh - 127px) !important;
         background-position: center;
         /* background-position: 45% 30% !important; */
         padding: 12rem 0rem 4rem;
    }
     .et_pb_fullscreen .et_pb_fullwidth_header_container {
         /* max-height: 500px !important; */
         /* min-height: 500px !important; */
         /* height: calc(100vh - -170px) !important; */
         /* max-width: 95%; */
         /* display: flex; */
         /* align-content: flex-start; */
    }

	.homepage-header-content {
	    justify-items: flex-start;
	}
	 
	.header-title {
		font-size: 75px;
		line-height: 1.2;
	}
	.entry-title {
		text-align: left;
	}
	.home .entry-title {
		font-size: 32px !important;
	}

	
    /* BADGES STYLE DESKTOP*/
    
    /* FIRST PARAGRAPH STYLE DESKTOP*/
 div#home-title-block-container-firstpar:before {
    height: 100%;
    left: -25%;
}

div#home-title-block-img-col span {
    /* width: 95% !important; */
    /* height: 55vw; */
    height: 400px;
    /* margin-left: auto; */
    /* margin-top: 0; */
    /* justify-self: center; */
}

  
    /* SERVICES STYLE DESKTOP*/

#services-blocks-section {/* padding: 0 20px; */}
 .srvBlockTitle {
    text-align: left;
}

.srvElement-holder {
	display: flex;
	margin-bottom: 20px;
	gap: 20px;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}

.srvElement-holder .srvElement {
    flex: 1; 
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.srvElement {
    max-width: 100%;
}

.srvElementImg {
    width: 100%;
}

.home .srvElementHeader h2 {
    margin: 0 !important;
}

.srvElementFullWidth:first-child div:first-of-type {
	flex-direction: row;
}

.srvElement-holder .srvElement:first-of-type {
	padding: 0;
}

.srvElementFullWidth:first-of-type .srvElementBody {
    width: 70%;
    padding: 0 0 0 24px;
}

.srvElementFullWidth .srvElementBody {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

.srvElementHeader {
    width: 100%;
}

     /* CONTENT SECTION DESKTOP */

  div#nap-section {
    padding-bottom: 60px;
}

  div#content-dark-section:before {
    height: calc(100% - 30px);
    left: -25%;
}

div#content-img-col  span {
    width: 95% !important;
    height: 55vw;
    max-height: 600px;
    margin-top: -20px;
}

div#content-text-col {
    margin-bottom: 30px !important;
    padding-right: 0;
}
  
    /* CONTACT SECTION DESKTOP */

	 
.contact-form-holder {
    display: flex;
}

.contact-form-heading {
    width: calc(100% - 640px);
    position: absolute;
    height: 100%;
    top: -30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.contact-form-block {
    max-width: 640px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

	 input#customer_name {
	width: calc(50% - 5px);
	float: left;
}

input#phone-cf {
	width: calc(50% - 5px);
	float: left;
	margin-left: 10px;
}

div#contact-section {
    max-width: 740px;
    padding-left: 150px;
    padding-right: 120px;
    margin-bottom: -30px;
	margin-left: auto;
}
     
    /* TESTIMONIALS SECTION DESKTOP */
 div#testimonials-block {
    max-width: 100%;
}
div#testimonials-block:before {
	    content: '';
	    position: absolute;
	    height: 100%;
	    background: #1a1a1a;
	    right: 0;
	    min-width: 2.5vw;
	    width: calc(100vw - 52.5%);
	    max-width: calc(50vw - 540px);
}
div#testimonials-block .et_pb_module {
    height: 100%;
}

div#testimonials-block .et_pb_code_inner {
    height: 100%;
}
	  .loop .item {
		 height:100% !important;
	 }
.owl-carousel {
    height: 100%;
}

.owl-carousel .owl-stage-outer {
    height: 100%;
}

.owl-stage {
    height: 100%;
}

div#testimonials-review-block {
    width: calc(50vw - 2.5%);
    max-width: 540px;
    padding: 70px 25px;
}
    /* SERVICES LIST SECTION DESKTOP */
  
    /* FOOTER STYLES DESKTOP */
   	.footer-widget .et_pb_widget {
		width: 100%;
		margin-bottom: 0 !important;
	}

	.paymentsbox {
		justify-content: flex-start;
	}

	div#social-icons {
		text-align: left;
	}

	.footer-widget h4 {
		text-align: left;
	}

	#footer-widgets {
		padding-top: 20px;
	}
	 div#content-dark-section{
		 flex-direction:row;
	 }


}
/***** TESTIMONIALS FORM *****/
 .wpcr3_respond_2 input[type="text"] {
     margin: 3px 0;
}
 .wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
     background: #ffffff !important;
     color: #000 !important;
     border-color: #000 !important;
}
 .wpcr3_respond_2 input[type="text"]:focus, .wpcr3_in_content textarea:focus {
     color: #fff;
     border-color: #ffffff;
}
 .wpcr3_table_2 td {
     font-size: 1em !important;
}
 .wpcr3_leave_text {
     font-size: 1.1em;
}
 .wpcr3_leave_text {
     margin-bottom: 20px;
}

 @media (min-width: 981px) {
     .wpcr3_respond_2 input[type="text"], .wpcr3_respond_2 textarea {
         min-width: 100%;
    }
     .wpcr3_table_2 td {
         text-align: left !important;
    }
     .wpcr3_review_form_rating_field label {
         margin: 6px 0 !important;
    }
}
 @media (max-width: 980px) {
     .wpcr3_respond_3, .wpcr3_aggregateRating, .wpcr3_table_2 td {
         text-align: center !important;
    }
     .wpcr3_div_2 {
         width: 100%;
    }
     .wpcr3_table_2 tr:last-of-type td {
         margin: 20px auto 0 !important;
    }
     .wpcr3_table_2 td {
         display: block;
         padding: 0 !important;
    }
     .wpcr3_table_2 td:first-child {
         margin-top: 10px !important;
    }
     .wpcr3_rating_style1_status {
         width: 85px !important;
    }
     .wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
         width: 100% !important;
         min-width: unset !important;
    }
     .wpcr3_submit_btn, .wpcr3_cancel_btn {
         width: 40%;
    }
	 
     .et_pb_post h2.entry-title,
     .et_pb_title_meta_container,
     .post-meta {
        text-align: center;
}
}

.testimonial-subject{
	color: #2f2f2f;
}
.testimonial-item a {

    color: #2f2f2f;
}
.testimonial-item a b{
	font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 400 !important;
    color: #2f2f2f;
    text-align: center;
    font-style: italic;
}

.keen-slider__slide{
	border:none;
	background:transparent;
}


.keen-slider__slide:hover{
	border:none;
	background:transparent;
}

.nav-arrows button{background:#63d472;border-color: #2d3941;width: 40px;height: 40px;border-style: solid;display: flex;align-items: center;justify-content: center;}
.nav-arrows button:hover {
	background: #2f2f2f;
}
.single-post div#main-content .container {
        padding: 77px 0 !important;
}
#main-content .container {
    padding: 77px 0 !important;
}

#main-content .container h1{
    color: #333 !important;
}

#main-content .container h2{font-size: 24px !important;}

@media (min-width: 981px) {
    
#main-content .container .type-post {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
	 }
	 
	 
/*Bullets*/
#our-process-section {
	background: transparent;
	padding: 80px 0 60px;
}

.section-title-heading {
	
}



	 
ul.first-list-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: inside disc;
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.first-list-content li {
    padding: 5px 20px;
    margin: 5px 0px;
    color: #ffffff;
    text-align: left;
    width: 100%;
    font-weight: 600;
    font-family: 'Changa', sans-serif;
    background: linear-gradient(135deg, #ffffff0d, #00000000);
    border: 1px solid #ffffff14;
    border-radius: 10px;
    list-style: none;
    transition: all .3s ease;
}
	 
.first-list-content li:hover {
    background: #1e2120;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    transform: translateY(-2px);
}

ol.second-list-content {
    display: flex;
    padding: 0;
    width: 100%;
    margin-top: 30px;
    align-items: center;
    flex-direction: column;
}

.second-list-content li {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, #0ea5e926 0%, #3b82f614 100%);
    width: 90%;
    padding: 16px 24px;
    border-radius: 16px;
    transition: .3s;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.second-list-content li:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 255, 255, 0.12);
    transition: .3s;
}

.second-list-content li strong {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.second-list-content li:nth-child(2) {
	background: linear-gradient(135deg, #a855f71f 0%, #ec48990f 100%);
}
.second-list-content li:nth-child(3) {
	background: linear-gradient(135deg, #eab3081f 0%, #f973160f 100%);
}
.second-list-content li:nth-child(4) {
	background: linear-gradient(135deg, #22c55e1f 0%, #10b9810f 100%);
}
.second-list-content li:nth-child(5) {
	background: linear-gradient(135deg, #ef44441f 0%, #dc26260f 100%);
}
.second-list-content li:nth-child(6) {
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(236, 72, 153, 0.1) 100%);
	border-color: #a855f74d;
}

.second-list-content li:nth-child(6):hover {
	border-color: #a855f780;
}

.second-list-content li span {
	position: relative;
	color: #a1a1aa;
	margin: 5px 0 10px;
	text-align: left;
}

.second-list-content li small {
	color: #71717a;
	font-size: 11.5px;
	font-weight: 500;
	border-top: 1px solid #ffffff14;
	display: flex;
	width: 100%;
	align-items: baseline;
	justify-content: flex-start;
	gap: 7px;
	padding-top: 7px;
}

.second-list-content li small span {
	color: #38bdf8;
	border: none;
	text-transform: uppercase;
	margin: 0;
}

ol.second-list-content li::marker {
    color: #fff;
}

.et_pb_sidebar_0 h4.widgettitle {
    font-size: 26px;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.2;
    border-bottom: 1px solid #2868ed;
    color: #ffffff;
}

.reviewer-name {
    font-weight: 500;
    color: #f5f3f5;
    line-height: 1.5rem;
}

.review-from-logo {
	filter: invert(1);
}

.testimonial-content {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
    color: #f5f3f5;
    text-align: center;
    font-style: italic;
}

.testimonial-subject {
    color: #f5f3f5;
}

@media only screen and (min-width: 992px) {
    .reviewer-name {
        padding-right: 0.75rem;
        font-size: 0.75rem;
        border-right: 2px solid #f5f3f5;
    }
}

@media only screen and (min-width: 992px) {
    .review-from-logo {
        padding-left: 1em;
        filter: invert(100%);
    }
}


/* -----------------------------------------------------------------------
	 * Testimonials Plugin
 * ----------------------------------------------------------------------- */

#home-testimonials {
    background: #000000;
}

.testimonials-container {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
}

.testimonials-info {
    margin-bottom: 1rem;
}

.testimonial-item {
    border: 1px solid #ffffff14;
    border-radius: 16px;
    transition: .3s;
    padding: 24px;
    min-height: 100%;
    break-inside: avoid;
	background: linear-gradient(135deg, #0ea5e926 0%, #3b82f614 100%);
}

.testimonial-item:hover {
	background: linear-gradient(135deg, #0ea5e926 0%, #3b82f614 100%);
	transform: translateY(-4px);
	border-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.testimonial-item:nth-child(2) {
	background: linear-gradient(135deg, #a855f71f 0%, #ec48990f 100%);
}

.testimonial-item:nth-child(2):hover {
	background: linear-gradient(135deg, #a855f71f 0%, #ec48990f 100%);
}

.testimonial-item:nth-child(3) {
	background: linear-gradient(135deg, #eab3081f 0%, #f973160f 100%);
}

.testimonial-item:nth-child(3):hover {
	background: linear-gradient(135deg, #eab3081f 0%, #f973160f 100%);
}


.testimonials-grid .testimonial-item {
    margin-bottom: 1rem;
}

.testimonial-item a {
    height: 100%;
    display: grid;
    justify-items: center;
}

.testimonial-subject {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}

.rating {
    display: flex;
    justify-content: center;
    margin: 0.5rem;
}

.star {
    width: 1rem;
    height: 1rem;
    color: #ffc956;
    margin:2px;
}

.testimonial-content {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: #ffffff !important;
    text-align: center;
    font-style: italic;
}

.testimonial-footer {
    margin-top: 1rem;
}

.reviewer-details {
    font-size: 0.75rem;
}

.review-from-logo {
    width: 80px;
    height: auto;
    background: #ffffff;
    padding: 3px !important;
    border-radius: 3px;
    min-height: 35px;
    filter: drop-shadow(0px 0px 3px #ffffff);
}

.reviewer-name {
    font-weight: 500;
    color: #ffffff;
    line-height: 1.5rem;
    margin-bottom: 0;
    font-size: 14px;
}

.nav-arrows {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 0px;
	display: none;
}

.nav-arrows button {
    padding: 0.5rem;
    border-width: 1px;
    border-color: #00000000;
    border-radius: 3px;
    cursor: pointer;
    background: #ffffff00;
    border-style: solid;
    display: flex;
    color: #ffffff;
}

.nav-arrows button:hover {
    background: #1b1a1f00;
    color: #ffffff;
    border-color: #1b1a1f00;
}

.nav-arrows button svg {
    height: 29px;
    width: 29px;
    margin-right: 0;
}

.rotate-180 {
    rotate:180deg;
}

@media only screen and (min-width: 600px) {
    .testimonials-grid {
        column-fill: balance;
        columns: 2;
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 981px) {
    .testimonials-grid {
        columns: 3;
    }
 
    .testimonial-subject {
        font-size: 1.25rem;
    }
 
    .testimonial-footer {
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    .reviewer-details {
        display: flex;
        align-items: center;
    }
 
    .reviewer-name {
        padding-right: 12px;
        font-size: 13px;
        border-right: 0px solid #ffffff;
        margin-bottom: 0px;
    }
 
    .review-from-logo {
      padding-left: 0;
      /* margin-left: 9px; */
    }

    .nav-arrows {
        margin-top: 5px;
    }
}







/* --- Global Scroll Animations (Text Only) --- */

/* 1. Initial State: Only hide Text/Buttons */
h1, h2, p, li, .button, .srvTitle, .big-title-slider {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(0, 30px, 0);
    transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                visibility 1.2s;
}

/* 2. The Reveal State */
.reveal-on-scroll {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0);
}



/* 3. Image Reset: Force images to ALWAYS be visible immediately */

#home-gallery a, 
.srvElement img{
    opacity: 1 !important;
    visibility: visible !important;
    transform: none;
}

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

.home-gallery-image a span img, .home-gallery-image-2 a span img, .home-gallery-image-3 a span img{
	border-radius:20px;
	 border: 1px solid rgb(255 255 255 / 53%);
	
}
.home-gallery-image, .home-gallery-image-2, .home-gallery-image-3{
	position:relative;
	border-radius:20px;
	transition: all .3s ease;
}



.home-gallery-image a span:before{
	content:'';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(136 106 11 / 38%) 0%, rgb(0 0 0 / 70%) 100%);
	z-index: 999;
	border-radius: 20px;
	height: 100%;
	width: 100%;
	
}

.home-gallery-image:hover a span:before{
	background: linear-gradient(135deg, rgb(136 106 11 / 22%) 0%, rgb(0 0 0 / 24%) 100%);
}

.home-gallery-image-2 a span:before{
	content:'';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(11 106 136 / 38%) 0%, rgb(0 0 0 / 70%) 100%);
	z-index: 999;
	border-radius: 20px;
	 
}

.home-gallery-image-2:hover a span:before{
	background: linear-gradient(135deg, rgb(11 106 136 / 22%) 0%, rgb(0 0 0 / 22%) 100%);
}

.home-gallery-image-3 a span:before{
	content:'';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(105 11 136 / 38%) 0%, rgb(0 0 0 / 70%) 100%);
	z-index: 999;
	border-radius: 20px;
	 
}

.home-gallery-image-3:hover a span:before{
	background: linear-gradient(135deg, rgb(105 11 136 / 22%) 0%, rgb(0 0 0 / 22%) 100%);
}
