/*********************************** Start Of Common Css ***********************************/
:focus{outline:none;box-shadow:none!important;}


input, select, textarea {
    font-size: 1rem !important;
    font-weight: 400;
    color: #000000;
    width: 100% !important;
    height: 60px !important;
    background: #EFEDFF !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 10px !important;
}



textarea{padding:15px!important;height:100px!important;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}


[type=button], [type=submit], button
{
    font-size: 1rem !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    font-weight: normal !important;
    padding: 20px 50px !important;
    margin: 0px !important;
    background: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
    width: auto !important;
    height: auto !important;
    border-radius: 10px !important;
}

[type=button]:hover, [type=submit]:hover, button:hover {
    color: #ffffff !important;
    background: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
    animation-name: elementor-animation-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
   
}


::-webkit-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
::-ms-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
p:last-child{margin-bottom:0px;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
label {
    font-size: 18px;
    margin-bottom: 5px;
}
.site-main{overflow:hidden;}
.elementor-location-single{overflow:hidden;}

.primary-color
{
	    color: var(--e-global-color-primary);
}
.secondary-color
{
	    color: var(--e-global-color-secondary);
}



.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.col-md-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-12 {
    column-count: 1;
    width: 100%;
}

.col-md-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.form-box {
    padding: 10px 0px;
}
.form-box p {
    margin: 0px;
}

.section-separator-after {
    background: #ffffff;
}
.section-separator-after img {
    z-index: 1;
    position: relative;
    display: block !important;
}


.section-separator-before {
    background: #ffffff;
}

.section-separator-before {
    margin-top: -60px;
}
.section-separator-before img {
    z-index: 1;
    position: relative;
    display: block !important;
}

.elementor-social-icon-instagram {
    background: linear-gradient(135deg, #fee411 0%, #fe5f5e 32%, #fe2181 66%, #9000dc 100%);
}
.elementor-pagination {
    padding-top: 50px;
}
.elementor-pagination span {
    background: #ffffff;
    padding: 15px 30px;
    display: inline-block;
    border: 1px solid;
}

.elementor-pagination a {
    background: #ffffff;
    padding: 15px 30px;
    display: inline-block;
    border: 1px solid;
}

.elementor-pagination .current {
    background: #417ded;
    color: #ffffff !important;
    border-color: #417ded;
}
.form-call
{
	text-align:right;
}
.form-call a
{
	    font-size: 16px !important;
}
.form-call a svg {
    width: 15px !important;
}
/*********************************** End Of Common Class Css ***********************************/


/*********************************** Start Of Contact Form Error Message Css ***********************************/
.wpcf7-form .wpcf7-list-item{display:block;margin:10px 0px;}
.wpcf7-form .wpcf7-list-item-label{padding-left:8px;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{color:#D8000C;background-color:#FFBABA;border:0;padding:10px;}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok{color:#4F8A10;background-color:#DFF2BF;border:0;padding:10px;}
.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before{font-family:FontAwesome;font-size:26px;margin-right:16px;vertical-align:middle;}
.wpcf7-mail-sent-ok:before{content:'✓';}
.wpcf7-validation-errors:before{content:'X';}
.wpcf7-not-valid-tip:before{content:"!";font-family:bootstrap-icons;font-size:14px;width:20px;height:20px;background:#ffb100;display:inline-block;text-align:center;line-height:20px;margin-right:10px;border-radius:3px;}
.wpcf7-not-valid-tip:after{width:15px;height:15px;background:#ffeded;position:absolute;content:'';top:-8px;left:15px;box-shadow:-2px -2px 2px 0px #d6d3d3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.wpcf7-not-valid-tip{position:absolute;color:#000000!important;font-size:14px!important;width:max-content!important;border:2px solid #fff!important;z-index:99;border-radius:4px;background:#ffeded!important;padding:10px!important;left:0px;right:0px;line-height:20px;box-shadow:0px 0px 4px 0px #a0a0a0;}

/*********************************** End Of Contact Form Error Message Css ***********************************/



/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.fixed-header{position:fixed!important;left:0px!important;right:0px!important;top:0px!important;z-index:111!important;box-shadow:0px 0px 20px rgb(0 0 0 / 25%);background:#ffffff!important;animation:smoothScroll 1s forwards;}
@keyframes smoothScroll{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0px);}
}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/

/********************************* Start Of Header Css***************************************/
.header-mobile{display:none;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/
.classes-box:after {
    content: "";
    background: url(../images/Classes-Box-After.svg);
    background-size: cover;
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -25px;
}
.classes-box:before {
    content: "" !important;
    background: url(../images/Classes-Box-Before.svg);
    background-size: cover;
    width: 100% !important;
    height: 25px !important;
    position: absolute !important;
    left: 0px !important;
    right: 0px;
    top: -25px !important;
}
/********************************* End Of Home Pages Css***************************************/

/********************************* Start Of Footer Css***************************************/

/********************************* End Of Footer Css***************************************/

/********************************* Start Of Team Pages Css***************************************/

/********************************* End Of Team Pages Css***************************************/

/********************************* Start Of Team Single Pages Css***************************************/

/********************************* End Of Team Single Pages Css***************************************/

/********************************* Start Of Service Single Pages Css***************************************/
.single-service .service li{margin:10px 0px;}

/********************************* End Of Service Single Pages Css***************************************/

/********************************* Start Of Blog Pages Css***************************************/
.blog-list .elementor-post__read-more {
    color: #ffffff !important;
    text-transform: uppercase;
    background: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary) !important;
    padding: 10px 30px;
    border-radius: 20px 0px 20px 0px;
    display: inline-block;
    vertical-align: middle;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
   
}


.blog-list .elementor-post__read-more:hover,.blog-list .elementor-post__read-more:focus{background:var(--e-global-color-secondary)!important;border-color:var(--e-global-color-secondary)!important;transform:scale(1.1);

transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;

}
.blog-coming-soon{display:none!important;}
.no-blog-posts .blog-coming-soon{display:block!important;}
.no-blog-posts .blog-list{display:none!important;}

/********************************* End Of Blog Pages Css***************************************/

/********************************* Start Of Blog Single Pages Css***************************************/

/********************************* End Of Blog Single Pages Css***************************************/

/********************************* Start Of Contact Us Pages Css***************************************/
.contact-info .elementor-icon-box-description a{color:#ffffff;}
.contact-info .elementor-icon-box-description a:hover{color:#ffffff;}
.contact-info-box:hover *{fill:#ffffff!important;color:#ffffff!important;}
.hours-operation{list-style-type:none;padding:0px;margin:0px;}
.hours-operation li{display:flex;align-items:center;justify-content:space-between;color:#ffffff;}
.hours-operation li + li{margin-top:10px;}
.hours-operation li strong{font-weight:500;}
.hours-operation li span{font-weight:400;}

/********************************* End Of Contact Us Pages Css***************************************/
@media screen and (max-width:1399px){
label {
    font-size: 16px;
}
    input,select,textarea{height:50px!important;}
    textarea{height:100px!important;}
   [type=button], [type=submit], button {padding:15px 0px!important;}
}
@media screen and (max-width:1200px){
label {
    font-size: 14px;
}

    .header-container{padding:0px 10px;}
    .header-mobile{position: relative;z-index: 11;display:block;}
    .header-row{display:flex;align-items:center;justify-content:space-between; padding: 0px 10px;}
.header-logo {
    margin-bottom: -15px;
    position: relative;
    z-index: 1;
        display: flex;
}
    .header-logo img{max-width:80px;}
.header-logo .elementor-heading-title a {
    color: #f36363;
}
.header-logo .elementor-heading-title {
    margin-top: 10px;
    margin-left: 15px;
}

     .header-toggle .mobile-button {
        border: none;
        background: var(--e-global-color-primary) !important;
        margin: 0px !important;
        padding: 0px !important;
        border-radius: 10px !important;
        height: 50px !important;
        width: 50px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-left: auto !important;
    }


    .header-toggle .mobile-button span{height:2px;width:20px;background:#ffffff;display:block;margin:2px 0px;}
    .header-toggle .mobile-button.button-active span:nth-child(1){transform:translateY(7px) translateX(0) rotate(45deg);-webkit-transform:translateY(7px) translateX(0) rotate(45deg);-moz-transform:translateY(7px) translateX(0) rotate(45deg);-webkit-transition:all .2s ease-in-out;}
    .header-toggle .mobile-button.button-active span:nth-child(2){opacity:0;-webkit-transition:all .2s ease-in-out;}
    .header-toggle .mobile-button.button-active span:nth-child(3){transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transform:translateY(-5px) translateX(0) rotate(-43deg);-moz-transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transition:all .2s ease-in-out;}
    .header-menu{position:absolute;top:0px;left:-100%;bottom:0px;width:80%;height:100vh;z-index:1111;background:var(--e-global-color-primary);transition:.3s linear;overflow-x:hidden;border-radius:0px;box-shadow:none;padding:0px;}
    .header-menu.menu-open{left:0px;}
    .header-menu ul{padding:0px;margin:0px;}
    .header-menu ul li{display:flex;justify-content:space-between;align-items:stretch;margin:0px;position:static;border-bottom:1px solid #d7d7d7;}
    .header-menu ul li:last-child{border:none;}
    .header-menu ul li a{font-size: 16px;color:#ffffff;padding:15px 20px;display:block;width:100%;}
    .header-menu ul li a:hover{color:#ffffff;background:none;}
    .header-menu ul li:hover .sub-menu{visibility:hidden;opacity:0;transform:translateY(0px);}
    .header-menu .sub-menu{position:absolute;margin-top:0px;top:0px;bottom:0px;left:auto;right:-100%;width:100%;z-index:11;display:block;background:var(--e-global-color-primary);transform:translateY(0px);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
    .header-menu ul li .sub-menu.is-active{opacity:1;visibility:visible;right:0%;}
    .header-menu ul li .sub-menu li{display:flex;}
    .header-menu ul li .sub-menu li .sub-menu.is-active{opacity:1;visibility:visible;right:0%;}
    .header-menu ul li .sub-menu li a{color:#ffffff;padding:15px;}
    .header-menu .sub-click{width:50px;background:var(--e-global-color-secondary);display:flex;align-items:center;justify-content:center;}
    .header-menu .sub-click svg{width:15px;fill:#ffffff;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
    .header-menu .sub-close svg{fill:#ffffff;}
    .header-menu .sub-menu .sub-click{position:static;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);}

    

.section-separator-before {
    margin-top: 0px;
}


}
@media screen and (max-width:992px){
}
@media screen and (max-width:767px){

.col-md-6 {
    width: 100%;
}
	.form-box button
	{
		width: 100% !important;
	}
.form-call 
	{
		text-align:center;
	}
.form-call a
{  
	    font-size: 14px !important;
	width: 100% !important;
	        margin-top: 10px;
}


}