/*

 Theme Name:     Divi Child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/

 

 

/* =Theme customization starts here

------------------------------------------------------- */


ul#menu-main-menu
 {
    gap: 30px;
}
.row-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.codes-list .et_pb_column {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.codes-list .codes-list-item {
    width: 44%;
    text-align: center !important;
    background: #3591CA;
    padding: 19px 9px;
    border-radius: 13px;
    font-weight: 400;
    color: #fff;
    font-family: 'Inter';
    font-size: 32px;
    margin: 15px !important;
}
.contact-form p {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-form span.wpcf7-form-control-wrap {
    width: 100%;
}
.contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    background: #d6d6d659;
    padding: 9px;
    font-size: 18px;
    color: #FA9E21;
    font-weight: 700;
    border: 5px solid #FA9E21;
}
.contact-form textarea {
    width: 100%;
    background: #d6d6d659;
    padding: 9px ;
    font-size: 20px;
    color: #FA9E21;
    font-weight: 700;
       border: 5px solid #FA9E21;
    height: 165px;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
    color: #FA9E21;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
   background: #F99D21;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter';
    font-size: 35px;
  
    border: none;
    padding: 16px 80px;
    border-radius: 41px;
    margin-top: 25px;
}
.services-card img {
    height: 125px;
    object-fit: contain;
}
.services-card h3 {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-section .btn-white {
    background: #fff;
    padding: 15px 35px;
    color: #f99e20;
    font-size: 20px;
    font-weight: 500;
    border-radius: 39px;
}
.btn-section .btn-text {
    color: #fff;
    font-size: 20px;
}
ul.footer-logo {
       list-style: none;
    display: flex;
    justify-content: space-around;
	    padding-bottom: 0;
}
.footer-logo li a {
    color: #fff;
    font-size: 18px;
    font-family: 'Inter';
}
a.michael-text {
    color: #fff;
    text-decoration: underline;
}
.flip-container {
            width: 300px;
            height: 340px;
            perspective: 1200px;
        }

        .flip-inner {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        }

        /* Flipped state — rotates around Y axis (horizontal flip) */
        .flip-container.flipped .flip-inner {
            transform: rotateY(180deg);
        }

        /* ── Shared face styles ── */
        .flip-front, .flip-back {
    position: absolute;
    /* inset: 0; */
    border-radius: 20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 36px 5px;
    text-align: center;
    width: 100%;
}

        /* ── Front face ── */
       .flip-front {
    background: #3692cb;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
        

       
.flip-front h3 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    margin-top: 27px;
    min-height: 93px;
    text-transform: uppercase;
}
span.card-icon img {
    height: 145px;
}

        .btn-learn,.btn-back {
              color: #f8af68 !important;
    border-color: RGBA(255, 255, 255, 0);
    border-radius: 40px;
    font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    background-color: #FFFFFF;
			    font-size: 20px;
    padding: 5px 20px;
			cursor:pointer;
        }
button.btn-back {
    color: #fff !important;
    background: #FA9E21;
}

        /* ── Back face ── */
        .flip-back {
            background:#cbe6f7;
/*             box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25); */
            transform: rotateY(180deg);
            gap: 0;
			    height: 400px;
			    padding: 36px 23px;

        }

        .flip-back .back-icon {
            font-size: 2.4rem;
            margin-bottom: 14px;
            opacity: 0.9;
        }

        .flip-back h3 {
            font-size: 1.15rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 14px;
        }

        .flip-back p {
    font-size: 20px;
    color: #000;
    line-height: 1.65;
    margin-bottom: 24px;
}
.footer-section {
    display: flex;
    align-items: center;
}

       

        /* ── Responsive ── */
        @media (max-width: 680px) {
            .flip-container {
                width: 280px;
                height: 320px;
            }

            h1 {
                font-size: 1.7rem;
            }
        }
@media (max-width: 1000px) {
	.codes-list .codes-list-item {
    width: 44%;
    padding: 15px 9px;
    border-radius: 13px;
    font-size: 22px;
    margin: 10px !important;
}
	.footer-logo li a {
    font-size: 16px;
}
	.services-card h3 {
		min-height: auto;
	}
}
@media (max-width: 600px) {
	.codes-list .codes-list-item {
    width: 100%;
    padding: 15px 9px;
    font-size: 20px;
    margin: 6px !important;
}
	.contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    padding: 7px;
    font-size: 16px;
    border: 3px solid #FA9E21;
}
	.contact-form textarea {
    padding: 7px;
    font-size: 16px;
    border: 3px solid #FA9E21;
    height: 130px;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 16px;
    border: none;
    padding: 13px 53px;
    margin-top: 0px;
}
	ul.footer-logo {
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}
	.services-card img {
    height: 75px;
    object-fit: contain;
}
	.services-card .et_pb_image {
    margin-bottom: 15px;
}
	.services-card h3 {
    min-height: auto;
}
	.btn-section {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
}
	.btn-section .btn-text {
    color: #fff;
    font-size: 16px;
}
	.btn-section .btn-white {
    background: #fff;
    padding: 10px 29px;
    color: #f99e20;
    font-size: 16px;
    font-weight: 500;
    border-radius: 39px;
}
.flip-back {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    transform: rotateY(180deg);
    gap: 0;
    height: 400px;
    padding: 36px 23px;
    top: 0px;
    position: absolute;
}
	.flip-front {
    position: relative;
	}
	    .flip-container {
        width: 100%;
        height: 100%;
    }
}