//raksh9t
.col-md-6 .col-md-3 {
    padding: 0 !important;
}

.payment-details-accept {
    box-shadow: 0px 0px 10px 2px #ebe9e9;
    padding: 10px 20px;
    /*border: 1px solid #ebe9e9;*/
    border-radius: 20px !important;
    margin-bottom: 20px;
    margin-top: -11px;
}

section {
    letter-spacing: 0.8px;
    line-height: 32px;
}

#menu, li, p {
    font-size: 16px;
}

.dispflex {
    display: flex;
    column-gap: 20px;
}

.disc-patch {
    margin-top: 5%;
    width: 100% !important;
}

.contform {
    /*border: 1px solid #ebe9e9;*/
    border-radius: 20px !important;
    box-shadow: 0px 0px 10px 2px #ebe9e9;
    /*margin: 0 10px;*/
}

.calc {
    /*width:45% !important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*margin-left:3%;*/
}

.month-fee, .food-ques, .pay {
    width: 100% !important;
    /*border: 1px solid #ebe9e9;*/
    /*box-shadow: -4px -4px 4px -2px #ebe9e9;*/
    box-shadow: 0px 0px 10px 2px #ebe9e9;
    padding-left: 15px;
    padding-right: 15px;
    /*padding-top:4%;*/
    border-radius: 20px !important;
    padding-bottom: 5%;
}

.select-course {
    /*width:45% !important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.course-selection {
    width: 100% !important;
    /*border: 1px solid #ebe9e9;*/
    /*box-shadow: -4px -4px 4px -2px #ebe9e9;*/
    box-shadow: 0px 0px 10px 2px #ebe9e9;
    padding-top: 0.5px !important;
    padding-bottom: 25px !important;
    margin-bottom: 20px !important;
    padding-left: 15px;
    border-radius: 20px !important;
    padding-right: 15px;
}

.food-pack, .emp-data {
    /*width:45% !important;*/
    /*border: 1px solid #ebe9e9;*/
    /*box-shadow: -4px -4px 4px -2px #ebe9e9;*/
    box-shadow: 0px 0px 10px 2px #ebe9e9;
    border-radius: 20px;
}

.emp-data {

    /*margin-left:3%;*/
}

/*.food-ques,.pay{
    margin-top:16%;
}*/
/* media query for aligment*/
@media only screen and (max-width: 767px) {
    .pricing {
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 991px) {
    .dispflex {
        display: block;
    }
}

@media only screen and (min-width: 715px) and (max-width: 768px) {
    .food-ques, .pay {
        margin-top: 33%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .food-ques, .pay {
        margin-top: 19%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .food-ques, .pay {
        margin-top: 6%;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1919px) {
    .food-ques, .pay {
        margin-top: 6%;
    }
}

@media only screen and (min-width: 1919px) and (max-width: 2560px) {
    .food-ques, .pay {
        margin-top: 6%;
    }

    .pricing {
        width: 60vw;
        margin-left: auto;
        margin-right: auto;
    }
}


.pricing {
    padding: 40px 70px 50px 70px;
    margin-top: 0px;
}

p {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.form-control[readonly], input[type=text] {
    background-color: transparent;

}

.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: inset 0px 0px 0px rgb(0 0 0 / 8%) !important;
    font-size: 21px !important;

}

form .input-field label {
    font-weight: 400 !important;
    font-size: 16px;
}

.emp-data input, .month-fee input, .food-ques input, .pay input {
    border: 0px !important;
}

.discount-patch {
    background-color: #FBF4BA;
}


@media screen and (max-width: 480px) {
    .dispflex {
        display: block;
    }

    .pricing {
        padding: 40px 20px;
        margin-right: 20px;
    }

    .discount-patch {

        width: 100%;

    }

    .calc {
        width: 100% !important;
        margin-left: 0% !important;

    }

    .emp-data {
        margin-left: 0% !important;
    }

    .disc-patch {
        margin-top: 0%;
        width: 100% !important;
    }

    .sign-btn {
        width: 50%;
    }

    hr {
        margin-top: 20px !important;
    }

    .food-pack, .emp-data, .select-course, .month-fee, .food-ques, .pay {
        width: 100% !important;

    }

    .contform {
        margin-right: 0px !important;
    }

    .month-fee, .emp-data {
        margin-top: 5%;
    }
}

@media screen and (min-width: 1900px) {
    .container {
        width: 80vw;
    }
}

a:hover {
    text-decoration: none !important;
}

.elementor-button {
    padding: 15px 25px !important;
    border: 0px !important;

}

.discount-box {
    background-color: #F28B00;
    width: 100%;
    margin-top: 10px;
    border-radius: 20px !important;
}

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

.courses-list span {
    line-height: 17px;
}

#menu h5 {
    line-height: 22px;
}

/* new header css */
@media (min-width: 1200px) {
    .elementor-element-0d83fd2 {
        height: 120px;
    }
}

@media (min-width: 992px) {
    .elementor-element-0d83fd2 {
        max-width: 100%;
        margin: auto;

        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 30px 50px 0px 50px;
    }
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

#menu-1-fbdba8a li a:hover {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 3px;
    text-decoration-color: #FEDB31;
}

@media (min-width: 1441px) {
    #tolearn-logo img {
        width: 190px;

    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    #tolearn-logo img {
        width: 160px;

    }
}

#menu-1-fbdba8a li a {
    padding: 10px 30px !important;
    font-family: "fieldwork", sans-serif !important;
}

@media (min-width: 768px) {
    .elementor-2835 .elementor-element.elementor-element-2c0651a {
        width: 17.558% !important;
    }

    .elementor-2835 .elementor-element.elementor-element-680b0d0 {
        width: 70.106% !important;
    }

    .elementor-element.elementor-element-90cf06b {
        width: 12% !important;
    }
}

.elementor-widget-wrap .elementor-element {
    text-align: left;
}

@media (max-width: 1919px) {
    .large-device {
        display: none !important;
    }

    /* .sign-up-form,{width: 99% !important;margin-top: -5px !important;}
     .payment-details-accept{width: 93.4% !important;margin-top: 5px !important;}*/
}

@media (min-width: 1920px) {
    .small-device {
        display: none !important;
    }

    /*.sign-up-form{width: 99% !important;margin-top: 0px !important;}
    .payment-details-accept{width: 95% !important;margin-top: 5px !important;}*/
}

.sign-up-form {
   /* margin-left: -20px;
    margin-right: -20px;*/
}

.sign-up-form form {
    margin-top: 10px !important;
}

.emp-data h4, .month-fee h4 {
    padding-left: 15px;
}


input[type='checkbox'] {
    appearance: none !important;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    background-color: #009CAD;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

input[type='checkbox']:after {
    content: "\f00c";
    font-family: "font Awesome 6 free";
    font-weight: 600;
    font-size: 15px;
    display: none;
    background-color: #009CAD;
	color: #fff;
}

input[type='checkbox']:checked {
    background-color: #009CAD !important;
}

input[type='checkbox']:checked:after {
    display: block;
    padding-top: 2px !important;
}

input[type=checkbox]:focus {
    outline: none;
}

/* font-size number right side */
#add_courses, .month-fee input, .food-ques label {
    font-size: 21px !important;
}

/* sign-up button */
.elementor-button {


}

/* hr line color */
.course-selection hr {
    color: #f28b00;
}

/* courses title padding */
.food-pack h3, .course-selection h3 {
    padding: 0px 0px 10px 10px;
    text-transform: lowercase;
    font-size: 18px;
    /* 	font-family: 'Lato', sans-serif; */
}

/*	H&SC padding top*/
.course-selection #menu {
    margin-top: 22px;
}

/*right side boxes heading capital*/
.fw-bold {
    /*text-transform: lowercase !important;*/
    font-size: 18px;
}

/*contact form heading capital*/
.contform h3 {
    font-size: 18px;
}

.currency-symbol {
    margin-left: -20px;
}

.currency-symbol-calc {
    margin-left: -10px;
}

.inline-price-sym {
    margin-top: -34px;
}

.inline-price-sec {
    margin-top: 5px;
}

.inline-price-sec1 {
    margin-top: -27px;
}

.vat-inline {
    margin-top: -30px !important;
}

.minimum-col {
    margin-top: 5px !important;
}

.font-fam-and-size {
    font-size: 21px !important;
    font-weight: 400 !important;
}

@media screen and (min-width: 375px) and (max-width: 767px) {
    #quantity {
        margin-left: 0px !important;
    }

    .currency-symbol {
        margin-left: 0px !important;
    }

    #price {
        margin-left: 15px !important;
    }

    #add_courses {
        margin-left: 0px !important;
    }

    .inline-pricesubt1 {
        margin-left: 180px !important;
        margin-top: -35px !important;
    }

}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .inline-pricesubt1 {
        margin-left: 150px !important;
        margin-top: -35px !important;
    }
}

#question-Quant {
    caret-color: transparent;
}

.required-ico {
    color: #ff0500 !important;
}

.elementor-button-text {
    margin-top: 0px !important;
}

.contform input {
    border-radius: 30px !important;
}

.font-fam-and-size {
    color: #333 !important;
}

.sign-up-btn {
    color: black !important;
    background: #ff980e !important;
    float: left !important;
    font-size: 18px !important;
}

/* pricing top banner */
.pricing-video-banner{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 13% 12% 0% 12% !important;
}
.pricing-video-title{
    font-size: 4.5vw;
    font-weight: 200;
    line-height: 9.5rem;
    letter-spacing: 0.8px;
    margin-top: 0 !important;
}
.pricing-video-col1{
    width: 60%;
}
.pricing-video-col-2{
    width: 40%;
}
.pricing-video-text{
    font-family: "Mulish", Sans-serif !important;
    padding: 40px 40px 40px 0;
}
.pricing-package-text{
   font-family: "Mulish", Sans-serif !important;
   padding: 0 0 0 10px;
}

@media screen and (min-width: 1919px) and (max-width: 2559px){
#video_wrapper {
    width: 747px !important;
}
}
@media screen and (min-width: 1439px) and (max-width: 1919px){
#video_wrapper {
    width: 610px !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1439px){
#video_wrapper {
    width: 520px !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px){
#video_wrapper {
    width: 550px !important;
    margin-left: 0px !important;
}
}
@media screen and (max-width: 1024px){
    .pricing-video-row{
        display: block;
    }
    .pricing-video-col1, .pricing-video-col-2{
        width: 100% !important;
    }
}
@media (max-width: 767px){
    .pricing-video-title{
        font-size: 32px;
        line-height: 40px;
    }
}