.ctn-preloader .animation-preloader .spinner {border-top-color: #ff0200;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {color: #ff0200;}
.navbar-area.style2 {padding: 10px 0 !important;background: rgba(7, 0, 0, .5);}
.navbar-area.style2 .desktop-nav::before {bottom: -10px;}
.navbar-area.style2 .desktop-nav .navbar .navbar-brand {padding: 0;}
.navbar-area.style2 .desktop-nav .navbar .navbar-brand img {height: 90px;border-radius:5px;}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a {font-size: 14px;color: #ffffff;font-weight: 600;margin-right: 35px;text-transform: uppercase;}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a.active {color: #ff0200;}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {content: "\f282";font-family: bootstrap-icons !important;top: 0;right: -2px;}
.navbar-area.style2 .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {color: #1b2336;}
.navbar-area.style2 .desktop-nav .others-options {display: flex;align-items: center;gap: 50px;top: 0;}
.navbar-area.style2 .desktop-nav .others-options::after {position: absolute;content: "";top: 0;left: 0;width: 1px;height: 100%;background: rgb(255, 255, 255, .25);}
.navbar-area.style2 .desktop-nav .others-options .social-box {display: flex;align-items: center;gap:15px;}
.navbar-area.style2 .desktop-nav .others-options .social-box a {font-size: 18px;color: #ff0200;}
.navbar-area.style2 .desktop-nav .others-options .option-item {display: flex;align-items: center;gap: 15px;}
.navbar-area.style2 .desktop-nav .others-options .option-item .sidebar-btn .sidebar-menu {top: auto;}
.banner-area {position: relative;overflow: hidden;height: 100vh;}
.banner-area::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";background: rgb(7, 0, 0, .65);}
.banner-area video {object-fit: cover;display: block;position: absolute;height: 100% !important;width: 100% !important;max-width: 100% !important;top: 0;left: 0;}
.banner-area .banner-content {position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;margin-top: 60px;}
.banner-area .banner-content span {color: #eeeeee;background: rgba(255, 255, 255, 0.15);padding: 5px 10px;display: inline-block;font-size: 15px;font-weight: 600;margin-bottom: 5px;}
.banner-area .banner-content h1 {font-size: 80px;color: #ffffff;font-weight: 700;line-height: 100px;margin-bottom: 20px;}
.banner-area .banner-content p {margin-bottom: 15px;font-size: 18px;color: #cccccc;font-family: "Nunito", sans-serif;line-height: 1.8;}
.banner-area .banner-content .banner-btn .default-btn {border: 1px solid #ff0200;background-color: #ff0200;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.banner-area .banner-content .banner-btn .default-btn::after {background-color: #070000;}
.banner-area .banner-content .banner-btn .default-btn::before {background-color: #070000;}
.banner-area .banner-content .banner-btn .default-btn:hover {background-color: #070000;}
.banner-area .banner-content .banner-btn .default-btn.style2 {background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.41);}
.experience-area .experience-image {padding-right: 25px;padding-top: 15px;position: relative;}
.experience-area .experience-image .experience h2 {color: #ff0200;}
.experience-area .experience-content .experience-title {margin-bottom: 10px;}
.experience-area .experience-content .experience-title span {color: #ff0200;font-size: 16px;font-weight: 600;text-transform: uppercase;}
.experience-area .experience-content .content p {margin-bottom: 10px;font-size: 15px;font-weight: 500;line-height: 30px;text-align: justify;}
.experience-area .experience-content .content .default-btn::before {background-color: #ff0200;}
.experience-area .experience-content .content .default-btn::after {background-color: #ff0200;}
.features-area .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.features-area .single-features-card .features-img img {height: 60px;}
.features-area .single-features-card p {margin-bottom: 0;font-size: 16px;font-weight: 500;min-height: 86px;}
.works-area {padding: 100px 0;background: #ffffff;}
.works-area .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;background-size: cover;background-position: center;}
.works-area .works-btn .default-btn {border: 1px solid #ff0200;background-color: #ff0200;}
.works-area .single-works-card .works-video video {width: 100%;height: 450px;object-fit: cover;border-radius: 7px;}
.works-area .single-works-card .works-video iframe {width: 100%;height: 450px;object-fit: cover;border-radius: 7px;}
.works-area .single-works-card .content {width: 90%;}
.works-area .single-works-card .content h3 {margin: 0;}
.works-area .single-works-card:hover .content h3 {color: #ff0200;}
.works-area .works-slider.owl-theme .owl-nav .owl-prev:hover, .works-area .works-slider.owl-theme .owl-nav .owl-next:hover {background-color: #ff0200;color: #ffffff;}
.trust-area .trust-content .faq-accordion .accordion .accordion-title {background-color: #f5f5f5;}
.trust-area .trust-content .trust-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;background-size: cover;background-position: center;}
.trust-area .trust-content .faq-accordion .accordion .accordion-title.active i::before {content: "\f286";font-family: bootstrap-icons !important;}
.trust-area .trust-content .faq-accordion .accordion .accordion-content {background-color: transparent;}
.trailer-area .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;background-size: cover;background-position: center;}
.trailer-area .single-trailer-card .trailer-img video {width: 100%;height: 300px;object-fit: cover;border-radius: 7px;}
.trailer-area .single-trailer-card .trailer-img iframe {width: 100%;height: 250px;object-fit: cover;border-radius: 7px;}
.trailer-area .single-trailer-card .trailer-img .play-btn a {color: #ff0200;}
.trailer-area .single-trailer-card .trailer-img .play-btn a:hover {background-color: #ff0200;color: #ffffff;}
.trailer-area .single-trailer-card .trailer-content::before {background-color: #ff0200;}
.trailer-area .trailer-slider.owl-theme .owl-nav .owl-prev:hover, .trailer-area .trailer-slider.owl-theme .owl-nav .owl-next:hover {background-color: #ff0200;}
.counter-area {padding: 50px 0;background: linear-gradient(to bottom, rgba(7, 0, 0, .85), rgba(7, 0, 0, .85)), url(../images/banner/work-bg.webp);position: relative;}
.counter-area .single-counter-card p {color: #ff0200;text-transform: uppercase;font-weight: 600;font-size: 14px;}
.counter-area .lines {z-index: 1;}
.counter-area .lines .line:nth-child(1) {margin-left: -23%;}
.counter-area .lines .line:nth-child(3) {margin-left: 23%;}
.testimonials-area .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;background-size: cover;background-position: center;}
.testimonials-area .single-testimonials-box .top-content .ratings i {color: #dc0200;}
.testimonials-area .testimonial-slider2.owl-theme .owl-nav .owl-prev, .testimonials-area .testimonial-slider2.owl-theme .owl-nav .owl-next {color: #ff0200;}
.testimonials-area .testimonial-slider2.owl-theme .owl-nav .owl-prev:hover, .testimonials-area .testimonial-slider2.owl-theme .owl-nav .owl-next:hover {background-color: #ff0200;color: #ffffff;}
.team-area {padding: 60px 0;}
.team-area .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;background-size: cover;background-position: center;}
.team-area .single-team-card {position: relative;box-shadow: none;margin: 0;padding: 10px;width: 100%;height: 150px;border-radius:7px;display: flex;align-items: center;justify-content: center;}
.team-area .single-team-card::before {display: none;}
.team-area .single-team-card img {width: 100%;height: 100%;object-fit: contain;}
.team-area .team-slider.owl-theme .owl-nav .owl-prev, .team-area .team-slider.owl-theme .owl-nav .owl-next {color: #ff0200;}
.team-area .team-slider.owl-theme .owl-nav .owl-prev:hover, .team-area .team-slider.owl-theme .owl-nav .owl-next:hover {background-color: #ff0200;color: #ffffff;}
.footer-area {background-color: #070000;padding: 60px 0 50px;}
.footer-area .single-footer-widget {margin-bottom: 0;}
.footer-area .single-footer-widget.logo-area .logo img {height: 120px;}
.footer-area .single-footer-widget.logo-area .social-content ul li a {color: #ff0200;}
.single-footer-widget.logo-area .social-content ul li a:hover {background-color: #ff0200;color: #ffffff;}
.footer-area .single-footer-widget.quick-links ul li {margin-bottom: 20px;}
.footer-area .single-footer-widget.quick-links ul li i {color: #ff0200;}
.footer-area .single-footer-widget.quick-links ul li:hover a {color: #ff0200;}
.footer-area .single-footer-widget.get-in-touch ul li:hover i {color: #ff0200;}
.footer-area .single-footer-widget.get-in-touch ul li:hover a {color: #ff0200;}

.sidebarModal .modal-content .modal-body a img {height: 120px;}
.modal.right .modal-content button.close i {background-color: #ff0200;}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li i {color: #ff0200;}
.sidebarModal.modal .modal-body .sidebar-social-list li i {background: #ff0200;}
.go-top {background-color: #ff0200;}

.team-slider.lg-block {display: block;}
.client-wraper.md-block {display: none;}

.page-banner-area {padding-top: 165px;padding-bottom: 65px;}
.page-banner-area .page-banner-content ul li {color: #ff0200;}
.contact-area .get-in-touch .contact-info-card {margin-bottom: 50px;}
.contact-area .get-in-touch .contact-info-card .icon {background: rgb(255, 2, 0, .1);color: #ff0200;}
.contact-area .get-in-touch .contact-info-card .icon::before {background-color: #ff0200;}
.contact-area .get-in-touch .contact-info-card:hover .icon {color: #ffffff;}
.contact-area .get-in-touch .contact-info-card a:hover {color: #ff0200;}
.contact-area .form-inner {padding:50px;}
.contact-area .form-inner .default-btn {border: 1px solid #ff0200;background-color: #ff0200;}

.features-area.missionVission .single-features-card {transform: translateY(-0px);box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);margin:0;}
.features-area.chooseUs .single-features-card {text-align:center;margin: 0;border-radius: 10px;}
.features-area.chooseUs .single-features-card .features-img {margin-bottom: 15px;}
.features-area.chooseUs .single-features-card h4 {font-size: 18px;text-transform: uppercase;margin: 0;}
.features-area.chooseUs .single-features-card:hover {transform: translateY(0px);box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);}
.video-area .single-video-box iframe {width: 100%;height: 450px;object-fit: cover;border-radius: 7px;}
.video-area .single-video-box {margin-bottom: 20px;}
.video-area.eventVideo .single-video-box iframe {width: 100%;height: 250px;object-fit: cover;border-radius: 7px;}
.video-area.eventVideo .single-video-box {margin-bottom: 20px;}

.history-area .history-content-style2 .section-title {margin: auto auto 30px auto;text-align: left;}
.history-area .history-content-style2 .section-title span {color: #ff0200;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.history-area .history-content-style2 p {margin-bottom: 0px;font-size: 17px;font-weight: 500;line-height: 32px;}
.history-area .history-img-content-style2 {padding-left: 0;padding-bottom: 0;position: relative;}

@media (max-width: 1399px){
    .experience-content .experience-title h2 {font-size: 42px;}
    .experience-image .experience {right: -25px;top: -50px;padding: 25px;}
    .history-area .history-content-style2 .section-title {margin: 0;}
    .history-area .history-content-style2 .section-title h2 {font-size: 42px;}
    .history-area .history-content-style2 p {margin-bottom: 0px;font-size: 16px;font-weight: 500;line-height: 30px;}
}

@media (max-width: 767px){
	.navbar-area.style2 {padding: 5px 0 !important;background: rgb(7, 0, 0, .85);}
	.navbar-area.style2 .mobile-responsive-nav .logo a img {height: 65px;}
	.navbar-area.style2 .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {top: 10px;}
	.navbar-area.style2 .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span {background: #ff0200;height: 2px;}
	.navbar-area.style2 .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {color: #ff0200;}
	.navbar-area.style2 .others-option-for-responsive .others-options {display: none;}
	.banner-area .banner-content {margin-top: 50px;}
	.banner-area .banner-content h1 {font-size: 36px;line-height: 48px;margin-bottom: 20px;}
    .experience-image .experience {right: 0;top: 0;padding: 15px;}
    .experience-content .experience-title h2 {font-size: 26px !important;}
	.experience-image .experience span {font-size: 14px;}
	.works-area {padding: 50px 0;}
	.trailer-area .trailer-slider.owl-theme .owl-nav .owl-prev, .trailer-slider.owl-theme .owl-nav .owl-next {top: -95px;right: 60px;}
	.team-area {padding: 50px 0;}
	.footer-area {padding: 50px 0 0px;}
	.footer-area .single-footer-widget {margin-bottom: 30px;}
	.footer-area .copy-right-area p {font-size: 12px;line-height: 1.75;}

    .team-slider.lg-block {display: none;}
    .team-area .client-wraper.md-block {display:grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .team-area .client-wraper.md-block .client-card {display: flex;align-items: center;justify-content: center;width: 100%;height: 125px;border-radius: 10px;padding: 10px;}
    .team-area .client-wraper.md-block .client-card img {width:100%;height:100%;object-fit: contain;}

    .page-banner-area {padding-top: 100px;padding-bottom: 50px;}
    .contact-area .form-inner {padding: 30px;}

    .history-area .history-content-style2 .section-title {margin: auto auto 15px auto;}
    .history-area .history-content-style2 p {font-size: 16px;}
    .history-area .history-img-content-style2 {margin-top: 20px;}
    .history-area .history-img-content-style2 img {border-radius: 10px;}
    .history-area .history-img-content-style2 .small-img {display:none;}

    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {max-height: 100%;}
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {color: #ff0200 !important;}
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {text-transform: uppercase;}
}