/*Theme Name: EduXtream
Theme URI: #
Author: 
Author URI: https://wordpress.org/
Description: Our 2021 default theme is clean, blog-focused, and designed for clarity. wp-demo's simple, straightforward typography is readabl6e on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1
License: GNU General Public License v2 or later
License URI: http://wp-demo.com
Tags:  Two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Custome Theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins:wght@300;400;500;600;700&display=swap');
/*==========================================================
            General theme setting
============================================================*/

section.vc_custom_1611919638155{
	padding-bottom: 1% !important;
}

section.vc_custom_1609403696214{
	padding-bottom: 1% !important;
}


/*define the variables*/
:root {
    --primary: #18a000;
    --secondary:#d20732; 
    --light:#f8f8f8; 
    --dark: #3b3b3b;
    --gradient:linear-gradient(to right, rgba(158,215,100,1) 0%, rgba(68,227,214,1) 50%, rgba(68,227,214,1) 51%);

}
body{font-family: 'Poppins', sans-serif; font-weight:300 !important; color: var(--dark);}

body p{line-height: 24px; }
.lato{font-family: 'Lato', sans-serif;}
.poppins{font-family: 'Poppins',  sans-serif;}
.font-weight-light{font-weight:300 !important;}
.font-weight-regular{font-weight:400 !important;}
.font-weight-medium{font-weight:500 !important;}
.font-weight-semibold{font-weight:600 !important;}
.font-weight-extrabold{font-weight:900 !important;}
.scrollbar {margin-left: 30px;float: left;height: 300px;width: 65px;background: #F5F5F5;overflow-y: scroll;margin-bottom: 25px;}
#scrollbar-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 10px rgba(225,255,255,0.1);background-color: #232323;}
#scrollbar-style::-webkit-scrollbar {width: 12px;background-color: #0f0f0f;}
#scrollbar-style::-webkit-scrollbar-thumb {background-color: var(--primary);}
a{ transition: 0.2s linear;}
a:hover{text-decoration: none !important; transition: 0.2s linear; }
.top-0{top:0 !important;}
.bottom-0{bottom:0 !important;}
.left-0{left:0 !important;}
.right-0{right:0 !important;}
.text-primary{color:var(--primary) !important;}
.text-secondary{color:var(--secondary) !important;}
.bg-primary{background-color:var(--primary) !important;}
.bg-secondary{background-color:var(--secondary) !important;}
.bg-light{background-color:var(--light) !important;}
.btn{outline: none !important;}
.btn:focus, button:focus, input {outline: none; box-shadow: none !important;}
.btn-primary, .btn-secondary, .btn-outline-primary, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{padding:12px 30px !important; font-size: 16px !important;  border-radius: 30px !important; text-transform: capitalize;}
.btn-primary{background-color:var(--primary) !important; border: none !important;}
.btn-secondary{background-color: var(--secondary)!important; border: 1px solid var(--secondary)!important;}
.btn-white{background-color: transparent !important; border: 1px solid #fff !important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .btn-primary:hover, .btn-outline-primary:hover  {background-color: var(--secondary)!important; color: #fff !important;border: none !important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .btn-secondary:hover  {background-color: var(--primary) !important;color: #fff !important;border: 1px solid #fff !important;}
a.text-secondary:focus, a.text-secondary:hover{  color: var(--primary) !important;}
h4{color:var(--secondary) !important;}
/*.btn-outline-primary {color: #fff!important;border-color: #fff!important; padding:12px 40px !important;}*/
/*.btn-outline-secondary {color: #14bbab!important;border-color: #14bbab!important;}*/
.btn-rounded {border-radius: 25px;}
.fa-phone {transform: rotate(90deg);}
.border-primary {border-color: var(--primary)!important;}
.border {border: 1px solid #dedede!important;}
.text-small, .text-small p{font-size: 12px; line-height: 18px !important;}
.text-medium, .text-medium p{font-size: 14px; line-height: 22px;}
.bg-fixed{background-attachment: fixed !important; }
.bg-gradient, .text-gradient, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	background-color: #D20732 ; color: var(--white) !important;}

.logo{width:20%;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	line-height: 30px !important;}
#mega-menu-wrap-menu-1{width:100%}


#main-nav .active>.nav-link, #main-nav .nav-link.active, #main-nav .nav-link.show, #bs4navbar .navbar-nav .show>.nav-link{color:#fff; }
#main-nav .active>.nav-link, #main-nav .nav-link.active, #main-nav .nav-link.show, #bs4navbar .navbar-nav .show>.nav-link, #main-nav .nav-link:before{
    color: var(--white)!important;
}
#main-nav .nav-link {    padding: 20px 20px 20px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    color: #ffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}


.theme-background-color {
    background-color: #D30632 !important;
}

#main-nav .nav-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color:#fff !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}
/*#main-nav .nav-link:after, .right-nav .nav-link:after{position:absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto;width: 1px;height: 20px;background-color: #1e1e1e;}*/
/*#main-nav li:last-child a:after, .right-nav li:last-child .nav-link:after{display: none !important;}*/
#main-nav  .nav-link:focus, #main-nav  .nav-link:hover {color: #fff !important;}
#main-nav .nav-link:active:before,
#main-nav .nav-link:focus:before,
#main-nav .nav-link:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}
#main-nav .dropdown-menu {
    font-size: 0.85rem;
    border-radius: 0;margin-top: -1px;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
#main-nav .dropdown-item.active, .dropdown-item:active {
    background-color: #73479b;color: #fff !important;
}
#main-nav .dropdown-menu a{border-bottom: 1px solid #f8f8f8;}
#menu-assignment-by-cities-2{margin-top:39px !important;}
/*.page-id-9 #top-nav{background-color: transparent !important;}*/
.inner-page{display: none !important;}
.site-header {background: transparent !important;position: absolute;width: 100%;z-index: 9;}
.inner-page{min-height: 35vh;background-position:top center !important;background-size: 100% !important;}
/*    background-attachment: fixed !important;}*/
/*.overlay{    background: rgba(0, 0, 0, 0.45);}*/

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background-color:var(--secondary) !important; color:var(--white) !important;}
.main-head{border-radius: 0px 0px 90px 0px;}
.small-head{letter-spacing: 5px;}

.mega_info_box_2 .mega-info-desc p{margin-bottom: 0px !important}
/*.tm-slider .slick-slider .slick-arrow{}
.tm-slider  .slick-next:before, .tm-slider .slick-prev:before{color:#fff!important;}
.tm-slider .slick-prev {left: unset !important;right: 40px !important;}
.tm-slider .slick-next {right: 0px !important;}
.tm-slider .slick-prev, .tm-slider .slick-next {top: auto !important;bottom: 15% !important;width: 40px !important;    height: 40px !important;}*/
.why-choose{background: rgba(236,236,236,1);
    background: -moz-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 15%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,236,236,1)), color-stop(15%, rgba(236,236,236,1)), color-stop(15%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 15%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 15%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 15%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 15%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);}
.h-shadow:hover{box-shadow: 20px 20px 20px rgba(0,0,0,0.4);}

#calculator img{margin-top:-30px;}
.wpcf7-form .form-control{}
/*#calculator .calc-list .calc-item{display: flex !important;}
#calculator .ccb-drop-down{display: contents;}
#calculator .calc-list .calc-item .calc-item__title{width: 45%;}
#calculator .calc-drop-down {padding: 10px 20px;}
#calculator .ccb-powered-by{display: none !important;}
#sec4, .service{position: relative;}*/
#sec4:after, .service:before{content: ""; position: absolute;} 
#sec4:after{background: url('https://eduxtream.com/wp-content/uploads/2020/12/Shape2.png') no-repeat; width: 100px;height: 370px;bottom: 0px;left: 0;background-position: -320px -78px;}
.listing h3.mega-info-title{display: none;}
.service:before{background: url('https://eduxtream.com/wp-content/uploads/2020/12/dot-circle.png')no-repeat;
    width: 232px;
    height: 221px;
    top: 0%;
    right: -120px;
    background-position: top left;
    background-size: contain;}
.service{background-position: left  bottom; background-repeat: no-repeat !important;}
.service .mega_info_box{box-shadow: 0px 0px 10px #00000011; min-height: 185px; }
#sec5, #assignment{background-position: bottom center !important;background-size: contain !important; }

#faqs .vc_tta-panel-heading {border-color: #fff;background-color: #fff;}
#faqs .vc_tta-panel-body {background-color: transparent;border: none;}
#faqs .vc_tta-panel-title {margin: 0;line-height: 1;border-left: 10px solid var(--secondary);     font-size: 17px;
    font-weight: 400;}
#faqs .vc_tta-panel-title a{ color: #010927 !important;}
.review-bg:after{content: ""; width: 195px;height: 240px;position: absolute;bottom: -5%; right: -8%; background: url('https://eduxtream.com/wp-content/uploads/2020/12/arrow.png') no-repeat;}
.review-bg .vc_column-inner{background-size: contain; }
.review-slider{border-radius: 30px; box-shadow: 0px 0px 10px #00000011;}
.review-slider .slick-slider p, .testimonials-slider  .slick-slider p{display: none !important;}
.review-slider .slick-slider img, .testimonials-slider  .slick-slider img{ 
    margin: 0px 0 10px 0 !important; 
}
.review-slider h2.tdt-slider-heading{margin-bottom: 10px !important;}
.review-slider .slick-prev {left: unset !important;right: 40px !important;}
.review-slider .slick-next {right: 0px !important;}
.review-slider .slick-prev, .review-slider .slick-next {top: auto !important; bottom: -35% !important; !important;width: 40px !important;    height: 40px !important;}*/

.review-slider .slick-prev:before, .review-slider .slick-next:after{font-size: 18px !important;}
.profile-work li{font-size: 14px;width: 44%;background: var(--light);padding: 8px 15px;margin: 10px;min-height: 40px;border-radius: 5px;}

.testimonial-slider h2.tdt-slider-heading{margin-top: 30px !important;}
.live-chat{width:50px; height:50px;}

/*==========================================================
            Inner page Header
============================================================*/
.page-id-1316 .site-header .position-absolute , .page-id-1673 .site-header .position-absolute , .blog .site-header .position-absolute , .page-id-1682 .site-header .position-absolute, body.error404 .position-absolute.w-100.top-0 {
    background: #000 !important;
}


.pricing-box{ transition: all .2s ease-in-out;}
.pricing-box:hover{ transform: scale(1.1); cursor:pointer;}
.features ul li{border-bottom: 1px solid #ccc; padding:5px 0px;}
.cut-price{text-decoration: line-through;}
.free{animation: flash 2s linear infinite;     text-transform: capitalize;
    font-size: 12px;}
@keyframes flash {
  0%,50%,100%{
    opacity: 0.2;
  }

  35%{
    opacity: 1;
    color:#ff0000;
  }
  
  65%{
    opacity: 1;
    color:#ff0000;
  }
  
}


/*========================================================
                Social Icons
 =========================================================*/
.social-media li a{    width: 40px;height: 40px;text-align: center;line-height: 40px;padding: 0 !important; border: 2px solid #252525;
    border-radius: 50%;}
.social-media li a i{font-size: 20px !important;}
.social-media li a:hover{background-color:var(--primary)!important;  border-color:var(--primary)!important;}
.social-media li a:hover i{color:#fff!important;  }

.contact li i{width: 28px;height: 28px;text-align: center;line-height: 28px;}


/*========================================================
            Contact page
=========================================================*/
.wpcf7-form .form-control, .wpcf7-form .delivery-date input{font-family: 'Poppins', sans-serif; color: #212529!important;background-color: #fff !important;border: 1px solid #dfdfdf !important;border-radius: 0rem !important;font-size: 14px; height: calc(1.8em + 1rem + 2px); padding: 0px 10px !important}
.wpcf7-form textarea{height: auto !important; resize: none;}
span.wpcf7-list-item {margin: 0rem 0rem 1rem 0rem !important;width: 25%;}
.wpcf7-list-item-label{font-weight: lighter;}
input[type=checkbox]{    margin-right: 6px;width: 17px;height: 17px;background: #fff !important;color: #fff;cursor: pointer; }

.wpcf7-not-valid-tip{margin-top: -15px; margin-bottom: 10px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
    color: #fff;
}
.wpcf7-form .delivery-date input{width: 100%}
#calculator .order-form{  
    border-radius: 10px;
    width: 85%;
    margin: auto;
}
#calculator .order-form img{    width: 90%;
    float: right;
    margin-top: -30px;
    margin-bottom: 30px;}
    #calculator .order-form  ul {padding-left: 10px;     }
#calculator .order-form  ul li {font-size: 14px;
    display: flex;
}
#calculator .order-form ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: var(--primary);
    margin: 5px 10px 0px 0px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}
/*==========================================================
            Site Footer
============================================================*/
.site-footer{font-size: 14px;}

.widget-area ul {list-style: none; padding-left: 0px;}
.widget-area ul li{padding: 0.3rem;}
.widget-area ul li a{color:#000;}
.menu {list-style: none !important;padding-left: 0px !important; font-family: "Open Sans", sans-serif; margin-buttom:0px !important;}
.menu li{padding:5px 0px !important; font-weight: 400;}
.menu li a{color:#252525 !important;}
.copy-right{background-color: #111;}

/*========================================================
            Media Query for mobile
=========================================================*/


@media (min-width: 320px) and (max-width: 767.98px) {
    body p {
        line-height: 24px !important;
		font-size:18px;
    }
	.wpb_wrapper p{
		 line-height: 24px !important;
		font-size:18px;
	}
	.wpb_wrapper ul li{
		font-size:18px;
	}
	#sec4 .vc_row .vc_col-sm-6 .media{
		padding-left:80px !important;
	}

    .h1 {
        font-size: 4vh !important;
    }

    .btn-primary, .btn-secondary, .btn-outline-primary {
        padding: 6px 2.2rem !important;
    }
	.logo-img{
		max-width: unset !important;
	margin-top:6px !important;
	    width: 150px !important;
	    height: auto;
}
	.vc_btn3-right{text-align: center !important;}
	
	#calculator .order-form {width: 97%;}
	
	section.vc_custom_1609316858454{
		    padding-bottom: 11px !important;
	}
	

    #main-nav .navbar-nav .nav-link {
        padding: 10px 20px !important;
    }
    .service{padding-top: 20px !important;
    padding-bottom: 0px !important;}
    .review-bg .review-slider{margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 45px !important;
    margin-left: 15px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 50px !important;
    padding-left: 10px !important;}
	.vc_column-inner{ margin-bottom: 35px !important; }
    .review-bg .vc_column-inner{    margin-top: 10px !important; 
    padding-right: 15px !important;
    padding-top: 10px !important;}
    .review-bg:after{display: none;}
    .bg-fixed .vc_inner{padding: 20px !important;}
    #sec5{padding-top: 0px !important;}
    .profile-work li {width: 40% !important;}
    .profile-img .wpb_single_image .vc_figure, .profile-img .wpb_single_image .vc_single_image-wrapper, .profile-img .wpb_single_image img{width: 100% !important}
    .wpb_wrapper .testimonials-img, .testimonials-slider h4{margin-top: 10px !important;}
    .site-footer .foot-head {margin-bottom: 10px !important;}
    .site-footer .nav{margin-bottom: 20px;}
    .site-footer >.copy-right {font-size: 11px;}
    .site-footer >.copy-right .nav{margin-bottom: 10px;}
    .site-footer >.copy-right .copy-right-text{text-align: center;}
}
@media (min-width: 1367px){
	.container {
    max-width: 90% !important;
}
}