body {margin: 0px; padding: 0px;}

*, body {font-family:'Montserrat', sans-serif; font-weight: 400; color: #000000; font-size: 16px; line-height: 26px;}

a:hover {text-decoration: none;}

.btn-primary {background-color: #F15A24; border-color: #F15A24;}

.btn-primary:hover {background-color: #EEE8DC; border-color: #F15A24;color: #F15A24;}

.btn-secondary {background-color: #0F1C2F; border-color: #0F1C2F;}

button:focus {outline:none;}

a {color: #F15A24; text-decoration: none;}

a:hover {color: #101d30;}

h3 {font-size: 28px; font-weight: 600;}

button.btn:focus {outline: none;box-shadow: none;}

.btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #ff9f7d;border-color: #ff9f7d;    box-shadow: 0 0 0 0.2rem rgb(241 90 36 / 24%);}



.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #ff9f7d;

    border-color: #ff9f7d;

}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgb(241 90 36 / 24%);

}

.bg-primary {background-color: #F15A24 !important;}



/***************************END*************************/



.bread-container {background: #fff;}



.top-header {background-color:#0F1C2F; padding: 10px 0;}

.header-no {color: #fff;}

.header-no i {color: #fff;}

.soccial-icons ul li a {color: #fff; display: block; margin-right: 10px; font-size: 18px;}

.soccial-icons ul li a:hover {color: #F15A24;}

header {padding: 10px 0;background: #fff;}

header .navbar {padding: 0px;}

.navbar-brand img {max-width: 200px;}

header .navbar-nav li a:hover {color: #F15A24;}

header .navbar-nav li a {font-size: 16px; font-weight: 600; color: #000; margin: 0 10px;}

.login-btn a.btn i {color: #fff;}

.login-btn a.btn span {text-transform: uppercase; font-weight: 600; color: #fff;}

.login-btn a.btn:hover span, .login-btn a.btn:hover i  {color: #F15A24;}

.navbar-toggler-icon:before {content:"\f0c9"; font-family: "FontAwesome";}

.hero-section {background: url(../images/hero-bg.png) top center; background-size: 100% 100%; min-height: 624px;}

.hero-slider{padding:74px 0 40px 0;}

.hero-slider .item {position: relative;}

.hero-slides-img {position: absolute; width: 490px; height: 490px; right: 9%; top: 0; border-radius: 100px 0 150px 0; overflow: hidden; border: 10px solid rgb(555 555 555 / 66%);}

.hero-slides-text {padding-right: 650px; min-height:490px ; padding-top: 80px; padding-left: 9%;}

.hero-slides-text h2 {color: #fff; font-size: 38px; font-weight: 700; line-height: 50px;}

.owl-dots button.owl-dot span {height: 20px; width: 20px; border-radius: 50%; background: rgb(555 555 555 / 55%); display: inline-block; margin: 0 5px;}

.owl-dots button.owl-dot.active span{background:#0F1C2F ;}

.owl-dots {margin-top: 50px; text-align: center;}

.featured-box {display: inline-block; width: 130px;}

.featured-box img {max-width: 100%;}



/********************Featured in**************/



.fearturedin {

    background: #f9f9f9;

    padding: 15px 0;

    border-radius: 4px;

    box-shadow: 0 0 10px rgb(0 0 0 / 11%);

}

.fearturedin h4 {font-size: 20px; text-transform: uppercase; color:rgb(15 28 47 / 56%); font-weight: 600;}

.section-heading h2 {font-size: 44px; color: #000; text-align: center; font-weight: 700;}

.section-heading h2 span {text-transform: uppercase; color:#F15A24 ; display: block; font-weight: 700;}

.section-heading small {font-size: 16px; display: block; font-weight: 400;}



/************Testimonials*******************/



.testimonials-slider .item {padding:60px 10px 10px 10px;}

.testimonials-box {background: #fff; padding:80px 15px 10px 15px; border-radius: 4px; position: relative; text-align: center;min-height: 333px;box-shadow: 0 3px 10px rgb(0 0 0 / 12%);}

.testimonials-box .user-image {position: absolute; width: 116px; height: 116px; left: 0; right: 0; margin: 0 auto; top: -50px; border-radius: 50%; overflow: hidden; border: 3px solid #3764EB;}

.testimonials-box h3{font-weight: 700; font-size: 24px; margin-bottom: 0 !important;}

.testimonials-box i {font-size: 13px; color: rgb(0 0 0 / 64%);}

.quotebox {background:#F15A24; border-radius: 50%; width: 49px; height: 49px; margin: 10px auto; line-height: 55px;}

.quotebox i {font-size: 24px; color: #fff;}

.testimonials-slider .owl-dots {margin-top: 10px; text-align: center;}

.testimonials-slider .owl-dots button.owl-dot span {height: 7px; width: 20px; border-radius: 7px; background: rgb(0 0 0 / 30%); display: inline-block; margin: 0 5px;}

.testimonials-slider .owl-dots button.owl-dot.active span{background:#0F1C2F;}

/***********Services*****************/

.services-container {background: #0F1C2F url(../images/bg-left.png) no-repeat left bottom;}

.services-container p {color: #fff;}

.services-container h2 {color: #fff;}

.services-container h2 small {color: #fff;}

.services-box {position: relative; background-color: #fff; border-radius: 10px; box-shadow: 0 8px 0 #F15A24; min-height: 200px; overflow: hidden; margin-bottom: 40px;}

.service-img img {width: 100%; transition: transform .2s;}

.service-img {overflow: hidden;}

.services-box h3 {font-size: 17px; font-weight: 700; text-align: center; padding:15px; text-transform: uppercase; line-height: 26px;}

.service-overlal {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background:rgb(241 90 36 / 95%); transform: translateY(130%); transition-timing-function: ease-in;transition: 0.2s;opacity: 0;}

.services-box:hover .service-overlal {transition: 0.25s;transition-timing-function: ease-out;transform: translateY(0);opacity: 1;}

.services-box:hover img {transform: scale(1.2);}



.startnow-section {background:#F15A24;}

.startnow-section h2 {color: #fff; font-weight: 700; font-size: 36px; line-height: 44px;}

.start-btn .btn {border-radius: 2px;color: #F15A24; font-size: 20px; text-transform: uppercase; font-weight: 600; min-width: 200px; padding: 10px 15px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}

.start-btn i {color:#F15A24;}



.success-con .services-box {margin-bottom: 0; margin-top: 30px; border: 1px solid #eee;}



/************************Footer*******************/



footer {background: #0F1C2F; padding: 50px 0 0 0;}

.left-col a {font-size: 18px; font-weight: 700;}

footer p {color: #fff; font-size: 14px;}

.footer-col ul li {padding: 5px 0;}

.footer-col ul li a {color: #fff; font-size: 14px; display: block;}

.footer-col ul li a:hover{color: #F15A24;}

footer h4 {color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase;}

.footer-bottom {padding: 15px; color: #fff; font-size: 14px; border-top: 1px solid #344661;}

.navbar-brand {padding: 0;}



.bread-container .breadcrumb {background: transparent; padding-left: 0;padding-right: 0;}

.bread-container .breadcrumb-item a {font-weight: 600;}

footer .left-col a:hover {color: #fff;}



/***********************inner pages********************/



.bg-dark {background:#0f1c2f url(../images/bg-left.png) no-repeat left bottom !important; background-size: 100% 100%; padding: 20px; border-radius: 10px;}

.service-list-box {position: relative; border-radius: 10px; margin-bottom: 50px;}

.service-images-list-right {position: absolute; right: 20px; top:20px; width: 322px; height: 241px; overflow: hidden; border-radius: 0px 100px 0px 100px;border: 5px solid rgb(255 255 255 / 50%);}

.service-images-list-right img {width: 100%;}

.service-list-text-right {min-height: 241px; padding-right:350px ;}

.service-list-text-right h3 {font-size: 26px; text-transform: uppercase; color: #fff; font-weight: 700;}

.service-list-text-right p {color: #fff;}

.service-list-box .d-flex {min-height: 241px;}

.service-list-box .btn-primary {text-transform: uppercase; font-weight: 600; margin-top: 20px;}



.service-images-list-left {position: absolute; left:0px; top:0px; width: 322px; height: 241px; overflow: hidden; border-radius: 0px 100px 0px 100px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 19%);border: 5px solid rgb(255 255 255 / 50%);}

.service-images-list-left img {width: 100%;}

.service-list-text-left {min-height: 241px; padding-left:350px ;}

.service-list-text-left h3 {font-size: 26px; text-transform: uppercase; font-weight: 700;}

.d-image-w {width: 100%; min-width: 485px;}

.s-d-top p {color: #fff;}

.s-d-top img {border:7px solid #fff;}

.services-p-con h4 {font-weight: 700; font-size:18px; text-transform: uppercase;}

.services-p-con h3{margin-bottom: 20px; text-transform: uppercase;}

.sechule-call-btn {background: #F15A24; padding: 40px 0; text-align: center;}

.sechule-call-btn h2 {font-size: 28px; text-transform: uppercase; color: #fff; padding: 0 100px; line-height:38px;}

.sechule-call-btn .btn-secondary {text-transform: uppercase; font-size: 20px; font-weight: 600; border-color: #fff; border-radius: 2px; padding: 10px 30px; margin-top: 20px;}

.sechule-call-btn .btn-secondary i {color: #fff;}

.sechule-call-btn .btn-secondary:hover {background-color: #F15A24; color: #fff;}

.faq-container h3 {text-align: center;}

.faq-container .card-header {background: transparent;}

.faq-container .card-header button.btn {display: block; padding: 0; width: 100%; text-align: left; font-weight: 600; position: relative;}

.faq-container .card {border-radius: 0;}

.card-header .btn.collapsed::before {content: "\f107"; position: absolute; right: 0; font-family: "FontAwesome";font-size: 24px; top: -8px;}

.card-header .btn:before {content: "\f106"; position: absolute; right: 0; font-family: "FontAwesome";font-size: 24px; top: -8px;}

.schedule-call-container {background:url(../images/bg-left-1.png) no-repeat bottom left;}

.schedule-call-container .container, .signup-container .container {max-width: 992px;}

.schedulecall-con {background: #fff; padding:0; border-radius: 4px;}

.schedulecall-con h3 {font-size: 20px; font-weight: 600;}

.form-left-panel {padding: 30px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/form-bg.png) no-repeat bottom center;background-size: 100% auto;}

.left-img {position: absolute;bottom: 40px;left: 0;right: 0;text-align: center;}

.left-img img {max-width: 100%;}

.form-left-panel h2 {font-size: 38px; color: #fff; text-transform: uppercase; text-transform: uppercase; font-weight: 700;}

.form-left-panel h2 span {display: block; font-size: 22px; color: #fff; text-transform: uppercase; font-weight: 700;}

.schedulecall-con label {font-weight: 500;}

.schedulecall-con .form-control {font-size: 15px;}

label.custom-control-label {font-weight: 400; font-size: 15px;}

.discovercall label {font-weight: 500; font-size: 16px;}

.custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #f15a24;   background-color: #f15a24;}

.custom-control-input:focus~.custom-control-label::before {box-shadow: 0 0 0 0.2rem rgb(241 90 36 / 22%);}

.charLim {text-align: right;font-size: 12px;font-style: italic;color: #999;}

.charLim span {font-size: 12px;color: #999;}

.selected-price {padding: 5px 15px;margin-bottom: 10px;border-radius: 4px;background: #fbe7df;}

.submit-btn {margin-bottom: 20px; margin-top: 20px;}

.submit-btn .btn {padding: 7px 25px; text-transform: uppercase; font-weight: 600;}

.question-count {position: absolute;right: 0;background: #f15a24;width: 30px;height: 30px;border-radius: 50%; text-align: center;line-height: 30px; font-weight: 600;color: #fff;top: 5px;}

.sep-line {border-bottom: 1px solid #eee; height: 1px; margin: 0 0 20px;}

.sign-right {min-height: 500px;}

.signup-container .container {max-width: 992px;}

.signup-box h3 {font-size: 18px; font-weight: 600; margin-bottom: 25px;}

.signup-box .form-control {font-size: 14px;}

.signin-link {text-align: center; font-size: 14px; color: #999; margin:  20px 0 30px 0;}

.signin-link a {font-weight: 700;}

.signbox-left {padding-right: 68px; position: relative;}

.signbox-left h3{font-size: 26px; line-height: 34px; font-weight: 700;color: #999;}

.signbox-left .signup-img {position: absolute; bottom:-20px; left:-60px; right:0px; width: 250px; margin: 0 auto;}

.signbox-left .signup-img img {max-width: 100%;}

.form-control:focus {color: #495057;background-color: #fff;border-color: #ffcbb9;outline: 0;box-shadow: 0 0 0 0.2rem rgb(241 90 36 / 19%);}

button.close {position: absolute;right: 8px;top: 7px;}

button.close span {font-size: 44px;}

#credit-modal {text-align: center;}

#credit-modal .btn-primary {text-transform: uppercase; font-weight: 600; font-size: 14px;}

.thanks-payment .steps-c {text-transform: uppercase;text-align: center; color:#F15A24; font-weight: 700;    margin: 20px 0 15px 0; font-size: 20px;}

.thanks-payment .thanks-txt {font-weight: 500; text-align: center;}

.thanks-payment .thanks-txt span {text-transform: uppercase; font-weight: 700; color: lightgreen;}

.downarrow {background: #0f1c2f; width: 40px; height: 40px; border-radius: 100%; text-align: center; margin: 20px auto;}

.downarrow i {font-size: 20px; line-height: 40px; color: #fff;}

.thanks-payment .btn-primary {padding: 10px 25px; text-transform: uppercase; font-weight: 700;}

.thanks-payment h3 {text-align: center; font-size: 24px; font-weight: 700; margin: 0 0 20px 0; padding: 0 100px;}

.thanks-payment .btn-primary i {color: #fff; font-size: 18px;}

.arrow-moving {animation: slide1 1s ease-in-out infinite;}

.arrow-moving2 {animation: slide2 1s ease-in-out infinite; margin-right: 10px;}





@keyframes slide1 {

    0%,

    100% {

      transform: translate(0, 0);

    }

  

    50% {

      transform: translate(0px, 10px);

    }

  }



  @keyframes slide2 {

    0%,

    100% {

      transform: translate(0, 0);

    }

  

    50% {

      transform: translate(10px, 0px);

    }

  }

.user-dropdown .dropdown-toggle::after {content: none;}

.user-dropdown .dropdown-toggle {background: transparent; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #707070; overflow: hidden; padding: 0;}

.user-dropdown .dropdown-toggle img {width: 40px; height: 40px;}

.user-dropdown .dropdown-menu i {width: 20px; margin-right: 5px;}

.user-dropdown .dropdown-menu .dropdown-item {padding: .25rem 1rem;}

.user-dropdown .logout-btn, .user-dropdown .logout-btn i {color: #ff0000;}

.testimonials-con .container {max-width: 850px;}

#sync1 .item{background: #f15a24;padding:10px;color: #FFF;border-radius: 3px;text-align: center;margin-bottom: 20px;}

#sync2 .item{background: #C9C9C9;margin: 5px;color: #FFF;border-radius: 50%;text-align: center;cursor: pointer;width: 80px;height: 80px;line-height: 80px;overflow: hidden;}

#sync2 .item img {max-width: 100%;}

#sync2 .synced .item{border: 5px solid #f15a24;}

.text-testimonial {padding: 80px 80px;color: #fff;font-size: 22px;font-weight: 600;line-height: 30px;min-height: 338px;}

.text-testimonial .fa-quote-left {position: absolute;left: 40px;top: 20px;color: rgb(255 255 255 / 27%);font-size: 100px;}

.text-testimonial h4 {font-weight: 700; margin-top: 30px; color: #fff; margin-bottom:0;}

.text-testimonial span {color: #fff; font-style: italic;}

.navigation-thumbs {position: relative;}

.navigation-thumbs .owl-nav {text-align: center;}

.navigation-thumbs .owl-nav button span {width: 40px; height: 40px; background: #f15a24; display: inline-block;text-align: center; line-height: 32px; color: #fff; border-radius: 50%; margin: 20px 7px 0 7px;font-size: 40px;}

.faq-container.profile-container {min-height: 400px;}

.profile-container .container {max-width: 991px;}

.faq-container.profile-container .card-header.read-responce {background: #f1f1f1;}

.faq-container.profile-container .card-header .btn.collapsed::before {color: rgb(0 0 0 / 13%);}



.user-boxes {background-color: #ffffff !important; margin-bottom: 20px;}

.user-image {position: absolute; width: 50px; height: 50px; border-radius: 50%; left: 0; top: 0;}

.user-txt {padding-left: 70px; min-height: 50px;}

.user-txt p {margin-bottom: 0px; font-weight: 600; margin-top: -5px;}



.user-links ul li a {display: block; padding: 10px 20px; color: #000; border-bottom: 1px solid #eee; margin-bottom: 10px;}

.user-links ul li a i {font-size: 20px; color:#f15a24; margin-right: 7px; width: 25px;float: left;margin-top: 2px;}

.user-links ul li:last-child a {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}

.user-links ul li a.logout-btn {color:#f15a24;}



.user-links ul li a:hover {color:#f15a24;}

.user-infor h4 {font-size: 18px; margin-bottom: 15px;}

.user-infor h4 a {display: inline-block; margin-left: 20px; font-size: 14px; font-weight: 500;}

.user-infor .form-control {height: 50px; border-radius: 0;}

.responces-qa .card-header .btn.collapsed::before, .responces-qa .card-header .btn:before {content: none;}

.responces-qa .card-header {padding:10px 60px 10px 10px;}

.responces-qa .card-header .responce-date { position: absolute; right:10px;top: 10px; font-size: 12px;

font-weight: 600;color: #f15a24;}

.responces-qa .card-header button.btn {font-weight: 500 !important;}

.msg-info ul li {font-size: 14px; color: #999;}

.msg-info .unread {float: left; margin-right: 7px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #eee; background-color: #fff;margin-top: 6px;}

.msg-info .read {background-color: #eee;width: 15px; height: 15px; border-radius: 50%; border: 1px solid #eee; float: left; margin-right: 7px;margin-top: 6px;}

.user-boxes h3 {font-size: 22px; margin-bottom: 30px; text-align: left;}

.min-height-380 {min-height: 380px !important;}

.creadit-bal {font-size: 15px;font-weight: 500;}

.creadit-bal span {display: block; color: #9ec500; font-weight: 700; font-size: 24px; margin-top: 7px;}

.mycreadits .btn-primary, .cha-pass-btn .btn-primary {border-radius: 0; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-top: 15px;}

.notes {font-style: italic; margin-top: 30px; font-size: 13px; line-height: 19px; color: #666;}

.notes strong {font-size: 13px;}

.form-control::placeholder {font-size: 14px; font-style: italic;}

.notification-box {position: relative; width: 30px; text-align: center; margin-right: 20px;}

.notification-box i {font-size: 20px; line-height: 40px;}

.notif-count {position: absolute; right: 0; top: 0; width: 15px; height: 15px; border-radius: 50%; background-color: #ff0000; color: #fff; line-height: 15px; font-size: 12px; font-weight: 600;}



/**************About us******************/



.about-section {margin-top: 40px;background: #0f1c2f;padding: 30px;border-radius: 10px;}

.about-section p, .about-section ul li {color: #fff;}

.about-section img {border: 15px solid rgb(255 255 255 / 48%);}

.about-section ul li {margin: 10px 0;}

.about-section ul.list-unstyled {list-style: inside;}

.about-video {background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 50px;}

.about-video iframe {width: 100%; min-height: 500px;}

.or-plan {width: 35px;height: 35px;margin: 20px auto;background: #f15a24;color: #fff;font-weight: 700;  border-radius: 50%;text-align: center;line-height: 35px;box-shadow: 0 0 5px #f15a2485;font-size: 14px;}

#payment-row h4 {font-size: 16px; margin: 0 0 20px 0; text-align: center;}

.payment-plan {background: #eee8dc;padding: 10px 5px;border-radius: 4px;}



#question_form {min-height: 380px;}



/**********************************/





.payment-container .container {max-width: 480px;}

.payment-container h6 {font-weight: normal; background: #ffece6;padding: 5px 15px;border-radius: 2px; margin-bottom: 10px;}

.payment-container strong {color: #f15a24;}

.payment-container h3 {font-size: 20px;}

.border-box {border: 1px solid #eee; padding: 10px 10px;}

.ordertable th {font-weight: bold;}

.ordertable .table {margin-bottom: 0;}

.ordertable table.table td {border-top: 0px;}

.payment-container .btn-primary {font-weight: 600; text-transform: uppercase;}

.ordertable.border-box {background: #fbf1ee; border: 0;}



.videosection {

  padding: 15px;

}



.s-d-top ul li {color: #fff; margin: 10px 0; list-style: auto;}



/*************Book me page**************/



.speakersBox {position: relative; background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 30px;}

.spea-image {height: 200px; overflow: hidden; margin-bottom: 20px;}

.spea-image img {width: 100%; transition: transform .2s;}

.bio-text {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background:rgb(241 90 36 / 95%); transform: translateY(130%); transition-timing-function: ease-in;transition: 0.2s;opacity: 0; padding: 20px; color: #fff;}

.bio-text div {color: #fff; text-align: center;}



.speakersBox:hover .bio-text {transition: 0.25s;transition-timing-function: ease-out;transform: translateY(0);opacity: 1;}

.speakersBox:hover img {transform: scale(1.2);}



.info-text {text-align: center; padding: 0 20px 15px 20px;min-height: 130px;}

.info-text p {font-size: 14px; font-style: italic; color: #737373;line-height: 20px; margin-bottom: 0;}

.info-text p strong {font-size:14px; color: #737373;line-height: 20px;}

.info-text h2{font-size: 24px; font-weight: 600;}



.bookme-btn .btn-primary, .send-btn .btn-primary {text-transform: uppercase; padding: 10px 25px; font-weight: 600; margin-top: 30px;}

.contact-con {

  background: #fff;

  border-radius: 4px;

}



.contact-container .form-control {border-radius: 0;}

.details-slider .owl-dots {position: absolute;bottom: 20px;left: 0;width: 100%;}
.services-p-con ul {list-style: auto;margin-left: 20px;}
.services-p-con ul li {margin: 10px 0;}


@media (max-width:991px) {

    .login-btn a.btn span {display: none;}

    .navbar-brand img {max-width: 180px;}

    .navbar-toggler {height: 34px;}

    .navbar-toggler span {font-size: 26px;color: #0f1c2f;}

    .section-heading h2 {font-size: 32px;}

    .startnow-section h2 {font-size: 26px;line-height: 34px;margin-bottom: 26px;}

    .hero-slides-img {width: 100%; position: static;height: auto; right: 0; border-radius: 0;}

    .hero-slides-text {padding-right: 0; min-height: auto; padding-top: 10px; padding-left: 0;}

    .hero-slides-text h2 {font-size: 24px; line-height: 32px;}

    .hero-section {min-height: auto; background: #F15A24;}

    .hero-slider {padding: 24px 0 24px 0;}

    .owl-dots {margin-top: 20px;}

    .service-images-list-right, .service-images-list-left {position: static; width: 100%; border-radius: 0; height: auto;}

    .service-list-box .d-flex {position:static; top: 0; bottom: 0;}

    .service-list-text-right {min-height: auto;padding-right: 0; margin-top: 25px; }

    .service-list-text-left {min-height: auto;padding-left: 0; margin-top: 25px; }

    .service-list-box {border-radius: 4px;}

    .service-list-box .btn-primary {margin-top: 10px;}

    .service-list-box .d-flex {min-height:auto;}

    .sechule-call-btn h2 {font-size: 24px; line-height: 34px; padding: 0;}

    .mobile-none {display: none !important;}

    .sign-right {min-height: auto;}

    .schedule-call-container .container, .signup-container .container {

      max-width: 640px;

  }
  .text-testimonial {padding: 20px 10px;}

}



@media (max-width:767px) {

    .signup-container .signup-box {background: none;}

    

    .services-p-con h3 {font-size: 24px;}

    .sechule-call-btn .btn-secondary {padding: 10px 15px;}

    .schedulecall-con label {line-height: 1.5;}

    .custom-control {margin: 7px 0;}

    .thanks-payment h3 {padding: 0; font-size: 22px;}

    .notification-box {margin-right: 10px;}

    .navbar-toggler {padding: 0;}
    .top-header .soccial-icons {display: none;}

    

}

/*------------ customer active class ---------------- */

.cus_active {
    background: #F15A24;
    color: #ffffff !important;
}

.cus_menu {
    text-decoration: overline;
    color: #ff5722 !important;
}

.fa-info-circle:before {
    content: "\f05a";
    color: #f15a24;
}



/* New home page css */

.hero-area {
  padding:40px 0px 40px 0;
  position: relative;
  position: relative;
  background: rgb(151,40,0);
  background: linear-gradient(45deg, rgba(151,40,0,1) 0%, rgba(12,37,74,1) 100%);
}
.hero-area h1, .hero-area h2, .hero-area p, .hero-area b, .hero-area strong {color: #fff;}
.hero-area p {
  font-size: 20px;
  margin-bottom: 7px;
}
.hero-area h1 {
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: 700;
}
.hero-area .hero-image {
  position: relative;
}
.hero-area h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.btn-primary {border-radius: 50px;}
.dropdown-menu {
  position: fixed !important;
  overflow: hidden;
  max-width: 1100px;
  border: 0;
  box-shadow: 0 6px 6px rgb(0 0 0 / 35%);
  top: inherit;
}
.mega-menu {
  padding: 0px 0px;
}
.mega-menu .meganav-links .dropdown-item {
  padding: 6px 15px;
  font-size: 15px;
}
.mega-menu .meganav-links h5 {
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 15px;
  font-weight: 600;
}
.mega-menu .meganav-links h4 {
  font-size: 15px;
  margin-bottom: 0;
}
.mega-menu .meganav-links p {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  color: #000 !important;
  margin-bottom: 0;
}
.mega-menu .dropdown-item:focus, .mega-menu .dropdown-item:hover {
  color: #1941df;
  background-color: #e9ecef;
}
.mega-menu .dropdown-item {
  padding: 0.4rem 1.5rem;
  white-space: initial;
}
.menurighttxt {
  background: #f5f7ff;
  padding: 20px;
  margin: 0px;
}
.menurighttxt h5 {
  font-size: 14px;
  margin-bottom: 20px;
}
.menurighttxt h6 {
  font-weight: 600;
}
.menurighttxt p {
  font-size: 14px;
  
}

.vedioimg {
  position: relative;
  max-height: 220px;
  background: #fff;
  text-align: center;
}

.vedioimg img {max-height: 200px; width: 100%; max-width: inherit;}
.vedioimg iframe {width: 100%; height: 220px; border-radius: 10px; overflow: hidden;}
.header_video {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.header_video iframe {width: 100%; height: 120px;border-radius: 6px;}

.dropdownp-text {
    padding: 15px 20px;
    background: #ffebe4;
    margin-left: 26px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #f15a24 !important;
}
.btn-banner .btn-secondary {background-color: #0c254a; border-color: #0c254a;font-size: 20px;
padding: 10px 30px !important;}
.btn-banner .btn-secondary:hover {background-color: #fff; border-color: #fff;color: #0c254a;}
.btn-banner {display: inline-block;}
.btn-banner span {display: block; color: #fff; text-align: center; font-size: 16px; margin-top: 5px;}
.btn-banner span sup {color: #fff;}
.freequote-strip {
  background-color: #f15a24;
  padding: 20px 0;
}

.freequote-strip h3, .freequote-strip p {color: #fff;}
.freeq-txt {margin-right: 30px;}
.freequote-btn {text-align: center;}
.freequote-btn span {display: block; font-weight: 600;margin-top: 7px;}
.freequote-btn .btn-secondary {
  color: #fff;
  width: 244px;
  font-size: 18px;
  font-weight: 600;
}
.freequote-btn .btn-secondary:hover {color: #0F1C2F; background-color: #fff;}
.colorbg-head {
  background-color: #0f1c2f;
  padding:50px 0 100px 0;
}
.colorbg-head h2 {color: #fff;font-size: 40px; font-weight: 700;}

/* Tabs Sections */

.tabs__sections {margin-top: -58px;margin-bottom: 50px;border-radius: 6px;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.tabs__sections .nav-tabs {background-color: #ffefea;border: 0;flex-wrap: nowrap;}
.tabs__sections .nav-tabs .nav-link {border: 0px; height: 70px; font-weight: 600; text-transform: uppercase; color: #000; border-radius: 0;padding: 21px 23px;}
.tabs__sections .tab-content {padding: 20px;}
.tabs__sections .nav-tabs .nav-link.active {color:#F15A24; border-bottom: 1px solid #F15A24;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);background: #fff;}
h2, h3, h4, h5, h6 {font-weight: 600;}
.tabs__content h4 {font-size: 28px;}
.btn-primary:hover {
  background-color: #fff;
  border-color: #F15A24;
  color: #F15A24 !important;
}
.tabs__content .btn-secondary {font-size: 18px;font-weight: 600;}
.tabs__content .btn-primary {font-size: 18px;    padding-left: 20px;padding-right: 20px;}

.whyprice-box p {margin-bottom: 0px;font-size: 18px;line-height: 1.2;}
.whyprice-box p b {font-size: 18px;}
.whyprice-box .why-headbox {border-radius: 4px 0 0 4px;padding: 24px 15px;}

.whyprice-box .why-headbox h3 {font-size: 22px;font-weight: 600;color: #fff; text-transform: uppercase; margin: 0px; text-align: center; width: 170px;}
.whyprice-box .why-textbox {border-radius: 0 4px 4px 0; border-width: 1px; border-style: solid;flex: 1; border-left: 0; display: flex; align-items: center;padding: 0 20px;}
.whyprice-box .pink-color {background-color: #FF0066 !important;}
.whyprice-box .pink-text {border-color:#FF0066; color: #FF0066; background-color: #FFF5F9;}
.whyprice-box .pink-text p, .whyprice-box .pink-text p b {color: #FF0066;}

.whyprice-box .box__cont {align-self: center;}
.whyprice-box .box__cont span {font-size: 66px; padding: 20px 20px 20px 0; font-weight: 600; color: #e5e5e5;width: 50px; display: block;text-align: center;}

.whyprice-box .green-color {background-color: #00B050 !important;}
.whyprice-box .green-text {border-color:#00B050; color: #00B050; background-color: #E3FFF0;}
.whyprice-box .green-text p, .whyprice-box .green-text p b {color: #00B050;}

.whyprice-box .blue-color {background-color: #0B5394 !important;}
.whyprice-box .blue-text {border-color:#0B5394; color: #0B5394; background-color: #E8F4FF;}
.whyprice-box .blue-text p, .whyprice-box .blue-text p b {color: #0B5394;}

.whyprice-box .orange-color {background-color: #FF6600 !important;}
.whyprice-box .orange-text {border-color:#FF6600; color: #FF6600; background-color: #FFF4EC;}
.whyprice-box .orange-text p, .whyprice-box .orange-text p b {color: #FF6600;}
.freequote-btn span.text-dark {color: #000000 !important;}

.lists__style ul {margin: 0px; padding: 0px; list-style: none;}
.lists__style ul li {position: relative; padding:3px 0 3px 20px;}
.lists__style ul li:before {content: "\f00c"; font-family: FontAwesome;position: absolute;left: 0;color: #f15a24;
font-size: 14px;}
.table-content .table {
  border-color: #ededed;
  box-shadow: 0 0 30px rgb(0 0 0 / 12%);
}
.table-content .table th {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.table-content .table td {text-align: center;}
/* .table-content .table td:first-child, .table-content .table th:first-child {text-align: left;} */
.table-bordered td, .table-bordered th {
  border: 1px solid #efefef;
}
.table thead th {
  vertical-align: middle;
  border-bottom: 2px solid #f3f3f3;
}
.table thead th .th-img {margin-bottom: 10px;}
.dropdown-img {margin-right: 10px;}
.dropdown-img img {height: auto; width: 30px;}
.meganav-links .dropdown-item.d-flex {align-items: center;}
.section-padd {
  padding: 60px 0;
}
.testimonials h2 {
  font-size: 110px;
}

.testimonials {
  background: #0F1C2F;
}

.testimonials-slider {
  margin-top: 30px;
}
.testimonials-slider .slide {
  padding: 30px;
}
.testimonials-slider .testimobials-box {
  position: relative;
}
.testimonials-slider .testimobials-box .client-pic {
  border-radius: 100px 0 0 0;
  overflow: hidden;
  background: #526178;
}
.testimonials-slider .testimobials-box .client-pic img {
  width: 100%;
  max-width: 100%;
}
.testimonials-slider .testimobials-box p {
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
}
.testimonials-slider .testimobials-box span {
  font-size: 16px;
  color: #fff;
}

.testimonials .container {
  max-width: 1140px;
}

.btn-secondary:hover {background-color: #fff; border-color: #0F1C2F;color: #0F1C2F;}
.testimonials-slider .owl-dots button.owl-dot span {background: rgb(255 255 255);}
.testimonials-slider .owl-dots button.owl-dot.active span {
  background: #f15a24;
}
.bg-orange-gra{
  background: rgb(255,68,0);
background: linear-gradient(45deg, rgba(255,68,0,1) 0%, rgba(172,46,0,1) 100%);
}
.orvaluebox h3 {font-size: 28px; color: #fff;}
.orvaluebox p {
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}
.value-img {margin-bottom: 15px;}
.value-img img {max-width: 60px;}

.light-head {text-align: center;}
.light-head h2 {font-size: 44px;}
.light-head h2, .light-head p {color: #fff;}

.btn-login {
  background-color: #f15a24;
  color: #fff !important;
  border-radius: 50px;
  position: absolute;
  top: 31px;
  right: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-login:hover {background-color: #fff; border: 1px solid #f15a24; color: #f15a24 !important;}
.headerdropdown .dropdown-menu {top: 50px;}
.btn-primary {font-weight: 600;}
.login-btn {
  margin-left: auto;
}
footer h4 {font-size: 15px;}

#faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  font-weight: 600;
  display: block;
  text-align: left;
  background: #f15a24;
  color: #fff;
  padding: 20px;
  padding-right: 35px;
}

/* #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
} */

#faq .card .card-header .btn-header-link.collapsed {
    background: #ffffff;
    color: #000;
    font-weight: 600;
}

/* #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
} */

#confaq .card .card-header {padding: 0px;}

#faq .card .collapsing {
  background: #f15a24;
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
  border-radius: 0 0 6px 6px;
}

#faq .card .collapse.show {
  background: #f15a24;
  line-height: 30px;
  color: #fff;
}

#faq .card .collapse.show .card-body p, #faq .card .collapse.show .card-body h2, #faq .card .collapse.show .card-body h3, #faq .card .collapse.show .card-body h4, #faq .card .collapse.show .card-body h5, #faq .card .collapse.show .card-body li, #faq .card .collapse.show .card-body span, #faq .card .collapse.show .card-body strong, #faq .card .collapse.show .card-body b,#faq .card .collapse.show .card-body {color: #fff;}

.accordion .card {margin-bottom: 20px;border-radius: 6px !important;overflow: hidden; border: 0; box-shadow: 0 0 10px lch(0 0 0 / 0.18);}
.accordion .card .btn{border-radius: 0;}

.accordion .card .card-header .btn:before {    right: 15px;top: 13px;}

/* Off canvas */
.off__canvas {
  background-color: rgb(0 0 0 / 51%);
  position: fixed;
  transition: all 0.2s ease-out;
  top: 0;
  width: 100%;
  right: -100%;
  height: 100%;
}

.cavas__body {
  max-width: 750px;
  height: 100vh;
  width: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
}
.canvas__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.canvas__header h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 27px;
}
.about-modal {
  max-height: 90vh;
  overflow: auto;
}
.open {
  right: 0 !important;
  z-index: 99999;
}

.menu-click {
    color: #f15a24 !important;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 30px;
}

.menu-click .fa {
    cursor: pointer;
    font-size: 16px;
    padding: 6px;
    margin-right: 0px;
    color: #f15a24;
}
.menu-click:hover, .menu-click:hover .fa {color:#b34017 !important;}

.ui-loader {
  display: none;
}

/* End */

/* About */
.team-img {
  margin-bottom: 20px;
}
.team-img img {
  border-radius: 10px;
  width: 100%;
}
.about-team-con {
  padding: 30px 0 60px 0;
}
.about-team-con .postcost-btn a.btn-info {
  width: 100%;
  background-color: #f15a24 !important;
  border-radius: 6px;
  border: 0px !important;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
}
.about-team-con .postcost-btn a.btn-info:hover {
  background-color: #b43c11 !important;
  color: #fff !important;
}
.about-team-con .postcost-btn a.btn-info img {
  margin-right: 10px;
}
.about-modal h5 {
  font-size: 20px;
  color: #1a2e4a;
  font-weight: 600;
  line-height: 1.4;
}
.about-team-con h4 {
  font-size: 26px;
}
.about-modal p {
  font-size: 18px;
}
.brands-served {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: center;
}
.brands-served span {
  flex: 0 0 auto;
  padding: 0 15px;
  margin-bottom: 20px;
}
.brands-served img {
  max-height: 42px;
}
.montage-box img {
  border-radius: 4px;
}
.color-brands {
  background: #1c304c;
  padding: 20px 20px;
  border-radius: 6px;
}
.color-brands .brands-served img {
  max-height: 33px;
}

.video-testimonials iframe {width: 100%; height: 150px; border: 0px; border-radius: 6px; overflow: hidden;}
.footer-col ul li {
  padding: 2px 0;
}

/* End */

@media (max-width: 1199px) {
  .navright.ml-auto {
    padding: 0px 25px 10px 5px;
 }
  .navright.ml-auto .btn {
    margin-top: 10px;
 }
  .tril-header-btn {
    max-width: 220px;
 }
  .dropdown-menu {
    position: static !important;
    width: auto;
    box-shadow: none;
 }
  .menurighttxt {
    margin-top: 20px;
 }
  .play-btn {
    margin: 55px auto;
 }
  a.dropdown-item {
    padding: 8px 15px !important;
 }
  .menurighttxt h6, .menurighttxt p, .menurighttxt h5 {
    padding-left: 20px;
    padding-right: 20px;
 }
  .navbar-collapse {
    position: absolute;
    top: 46px;
    z-index: 9;
    background: #fff;
    left: -15px;
    /* width: 100%; */
    padding: 15px 0;
    box-shadow: 0 0 30px #000;
    right: -15px;
    padding: 10px 15px 20px 15px;
 }
  header .container {
    padding: 0px;
 }
  header .container-xxl {
    padding-left: 0 !important;
    padding-right: 0 !important;
 }
 .btn-login {right: 15px; top: 5px;}
 footer .btn-login {top: 51px;}
}

span.price-monthly {
  display: inline-block;
  margin-bottom: 20px;
  background: #c9be42;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

#confaq.accordion .card {box-shadow:none;border-bottom: 1px solid #ccc !important; border-radius: 0!important;}
#confaq .card .card-header {
  padding: 0px;
  background-color: #fff;
}
#confaq .card .card-header .btn-header-link {padding: 10px 20px 10px 0; display: block; text-align: left;font-weight: 600; }
#confaq.accordion .card {margin-bottom: 10px;}
#confaq.accordion .card .card-header .btn:before {
  right: 15px;
  top: 4px;
}
.accordion .btn.focus, .accordion .btn:focus {box-shadow: none;}
#confaq .card .card-header .btn-header-link.collapsed {background-color: #fff; color: #000;}
#confaq .card .card-header .btn-header-link {color: #f15a24;}

/* Gallery */
.gall-con {
  background: #fff;
  border-radius: 10px;
  margin-top: -70px;
  padding: 0px 20px 20px 20px;
  box-shadow: 0 0 20px rgb(0 0 0 / 8%);
}
.gall-box {overflow: hidden; margin-top:0px; position: relative;}
.valuecon {border-bottom: 1px solid #ccc;}
.valuecon a.nav-link {color: #888; font-weight: 600; text-transform: uppercase;border-radius: 0;}
.valuecon.nav-pills .nav-link.active {color: #f15a24; background: transparent; border-bottom: 2px solid #f15a24;}
.image-info {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.49);
    position: absolute;
    top: auto;
    right: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 18px;
}
.gall-box:hover .image-info {
  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    bottom: -1px!important;
}

/* Gallery */

.grid {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-bottom: 0;
}
.grid > li {
  width: calc(100% / 4 - 30px);
  margin: 0px 15px;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius:0;
}
.filters {
  padding-top:20px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.grid li img {
  max-width: 100%;
  border-radius: 0px;
}
.filters button {
  padding: 10px 15px;
  margin: 0px 5px;
  background-color: #fff;
  border: none;
  border-radius:0px;
  transition: 150ms;
  color: #000;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
  position: relative;
  outline: none;
  cursor: pointer;
}
.filters button.is-checked {
  background-color: #fff;
  color: #f15a24;
  border-bottom: 1px solid #f15a24;
}
.element-item > div {
  padding:0;
  background-color: #fff;
  color: #dddddd;
}
.element-item p {
  font-size: 18px;
  line-height: 24px;
}

.JoinourTeam {
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  border-radius: 6px;
}
.scheduledCall {
  padding: 20px;
  background: #ffe5dc;
  border-radius: 4px;
  margin-bottom: 20px;
}
.scheduledCall h2 {font-size: 28px; margin-bottom: 0;}
.orvaluebox {
  background: #f15a24;
  padding: 20px;
  border-radius: 6px;
  height: 100%;
}
.tabs__content .iframe__videos {width: 100%; border-radius: 6px; overflow: hidden; min-height: 500px;}
.con-txt a:hover {color: #fff;}
.large-logo-brightNow {padding:0 20px 30px 20px; text-align: center;}
h2.premium-head {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-size: 46px;
}

/* Blog Page */
.category-dropdown .form-select {
  background-color: transparent;
  width: 280px;
  border-color: #fd8a61;
  color: #000;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}
.blog-head-con {
  background: #ffe7de;
  padding: 15px 0;
}

.blog-head-con .dropdown .dropdown-toggle::after {
  float: right;
  margin-top: 9px;
}
.blog-search {
  position: relative;
}
.blog-search .form-control {
  border: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
  height: 44px;
  padding: 2px 15px 5px 15px;
}
.blog-search .search-b-btn {
  position: absolute;
  right: 8px;
  top: 9px;
  background: transparent;
  border: 0;
  color: #566D81;
  font-size: 23px;
}

.blogdetails-con .container {max-width: 1050px;}
.admin-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.admin-img img {
  max-width: 100%;
  height: 100%;
}
.blogdetails-con .container {
  max-width: 1050px;
}
.enquiryforms h3 {
  font-size: 20px;
}
.enquiryforms .form-control, .enquiryforms .form-select {
  border-color: #E6E6E6;
  padding: 10px 15px;
  border-radius: 4px;
}
.enquiryforms label {
  display: block;
  margin-bottom: 7px;
}
.enquiryforms .container {
  max-width: 1140px;
}
.enquiryforms .mobile-control input {
  border-color: #E6E6E6;
  padding: 10px 15px;
  border-radius: 4px;
  width: 100%;
}
.enquiryforms .btn-primary {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
}



/* End */

@media (max-width: 991px) {
  h2.premium-head {
    text-align: left;
    margin-bottom: 20px;
    font-size: 30px;
    margin-top: 20px;
}
}

@media (max-width: 767px) {
  .filters button {
    padding: 5px 10px;
    margin: 5px;
  }
  .grid > li {
    width: calc(100% - 30px);
  }
  .element-item p {
    font-size: 16px;
    line-height: 22px;
  }
  .tabs__content .iframe__videos {height: 100%;}
  .blog-search-head  .blog-search {margin-top: 10px;}
  .blog-head-con  .dropdown  button.btn, .category-dropdown .form-select {width: 100%;}
}

html{
  scroll-behavior: smooth;
  }
 .scrollsection {
    display: block; height:20px; background-color: #0f1c2f;
  }

  .blog-box-sty {
    overflow: hidden;
  }
  .blog-box-sty h4 {
    font-size: 20px;
    height: 75px;
    overflow: hidden;
  }
  .blog-box-sty h4 a {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 24px;
    font-weight: 700;
  }
  .blog-box-sty h4:hover a {
    color: #f15a24;
  }
  .blog-box-sty .blog__cat {
    display: inline-block;
    margin-bottom: 5px;
    color: #666;
    font-size: 14px;
  }
  .blog-box-sty .blog__cat a {
    color: #f15a24;
    font-size: 14px;
  }
  .blog-box-sty .blog__cat:hover a {
    color: #000;
  }
  .blog-box-sty .blog__cat::after {
    content: " | ";
    margin-right: 2px;
  }
  .blog-box-sty ul li.blog__cat:last-child::after {
    content: none;
  }
  .blog-box-sty .blog-date {
    color: #484848;
    font-size: 14px;
  }
  .blog-box-sty .blog__img {
    height: 324px;
    overflow: hidden;
    cursor: pointer;
  }
  .blog-box-sty .blog__img img {
    transition: transform 0.2s;
    cursor: pointer;
  }
  .blog-box-sty.largeblog .blog__img {
    height: auto;
  }
  .blog-box-sty.largeblog h4 {
    font-size: 20px;
    height: auto;
  }
  .blog-box-sty a {
    text-decoration: none;
  }
  .blog-box-sty:hover img {
    transform: scale(1.1);
  }
  .schedule-video video {width: 100%; height: auto;object-fit:fill;}

/* end */

@media (max-width: 767px) {
  .grid > li {
    width: calc(100% - 30px);
  }
  .element-item p {
    font-size: 16px;
    line-height: 22px;
  }
  .blog-box-sty .blog__img {height: auto;}
  .blog-box-sty h4 a {font-size: 20px;}
}

@media (min-width:1200px) {
  .dropdown:hover .dropdown-menu {
    display: block;
 }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1280px;
  }
}

@media (max-width:767px) {
  .freequote-btn {
    text-align: left;
    margin-bottom: 20px;
    width: 245px;
}
.freequote-btn span, .freeq-txt {text-align: center;margin-right: 0;}
.freequote-strip .freequote-btn{ margin-left: auto; margin-right: auto;}
.colorbg-head h2 {font-size: 28px;}
.tabs__content h4 {font-size: 20px;}
.testimonials h2 {
  font-size: 50px;
}
.testimonials-slider .slide {
  padding: 0px;
}
.testimonials-slider .testimobials-box p {font-size: 20px;}
.light-head h2 {
  font-size: 36px;
}
.hero-area h1 {font-size: 28px;}
.hero-area h2 {font-size: 20px;}
.dropdownp-text {margin-left: 0;}
.mega-menu .meganav-links .dropdown-item {margin-left: 0px;}
.login-btn {
  background: #fff;
  padding: 15px 0 0px 0;
}
.navbar-collapse{
  max-height: 92vh;
    overflow: auto;
 }
 .top-header {display: none;}
 footer .btn-login {top: 30px;}
 .table-content {overflow: auto;}
 .whyprice-box {flex-wrap: wrap;}
 .whyprice-box .why-textbox {
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 4px;
    border-left: 1px solid;
 }
 .whyprice-box .why-headbox {border-radius: 4px; flex: 1;}
 .hero-area {padding: 10px 0px 40px 0;}
 .teamabout-con {
  margin-top: 30px;
}
}