/*=== Google Fonts ===*/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

:root {--theme-color: #f8ca1c;--theme-color2: #0c1e36;}
.header-top {background: #ffffff;}
.header-top::before {bottom: 0;left: 0;height: 101%;clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%);}
.header-top::after {display: none;}
.header-top .header-top-list ul li a {color: #0a2155;}
.header-top .header-top-list ul li a i {color: #0a2155;}
.header-top .header-top-social span {color: #0c1e36;}
.header-top .header-top-social a {color: #0c1e36;}
.main-navigation .navbar {background: #0c1e36;}
.main-navigation .navbar .navbar-brand img {width: 135px;}
.main-navigation .navbar .nav-item .nav-link {margin-right: 40px;font-size: 15px;font-weight: 500;padding: 20px 0 20px 0;text-transform: uppercase;font-family: Poppins;color: #ffffff;}
.main-navigation .navbar .dropdown-menu {width:320px;}
.main-navigation .navbar .dropdown-menu .dropdown-item {font-size: 15px;font-weight: 500;text-transform: uppercase;font-family: Poppins;}
.main-navigation .navbar .nav-right .theme-btn {text-transform: uppercase;color: #0a2155;font-family: 'Rajdhani';font-size: 16px;font-weight: 600;}
.main-navigation .navbar .nav-right .theme-btn::before {background:#ffffff;}
.main-navigation .navbar .nav-right span {border-bottom: 3px solid #f8ca1c;}
.hero-section .hero-single {padding: 100px 0 !important;}
.hero-section .hero-single::before {background: linear-gradient(to bottom right, rgba(0, 13, 40, .25) 0%, rgb(0, 13, 40, .25) 100%);}
.hero-section .hero-single .hero-content .hero-sub-title {display: inline-block;font-size: 20px;color: #f8ca1c !important;margin-bottom: 0px;text-transform: uppercase;font-family: "Rajdhani", sans-serif;font-weight: 600;letter-spacing: 1px;}
.hero-section .hero-single .hero-content .hero-sub-title::before {display: none;}
.hero-section .hero-single .hero-content .hero-title {color: #fff;font-size: 60px;font-weight: 700;font-family: "Oswald";line-height: 80px;text-transform: uppercase;}
.hero-section .hero-single .hero-content p {margin: 0px;font-size: 18px;font-family: 'Rajdhani';line-height: 28px;}
.hero-section .hero-single .hero-content .hero-btn {display: flex;justify-content: center;}
.hero-section .hero-single .hero-content .hero-btn .theme-btn {text-transform: uppercase;color: #0a2155;font-family: 'Rajdhani';font-size: 16px;font-weight: 600;}
.hero-section .hero-single .hero-content .hero-btn .theme-btn:hover {color: #ffffff;}
.hero-section .hero-single .hero-content .hero-btn .theme-btn2 {text-transform: uppercase;font-family: 'Rajdhani';font-size: 16px;}
.feature-area .feature-item {min-height:220px;}
.feature-area .feature-content h4 {color: #f8ca1c;font-family: "Oswald";font-weight: 700;text-transform: uppercase;}
.feature-area .feature-content p {margin-top: 10px;font-family: 'Rajdhani';font-weight: 500;}
.about-area .about-left::before {width: 400px;height: 80%;left: -20px;top: 50px;border-radius: 60px;}
.about-area .about-left .about-img .img-1 {width: 90%;margin-top: 0;border-radius: 10px;}
.about-area .about-left .about-img .img-2 {width:350px;top: auto;bottom: -10%;right: 0;border: 10px solid var(--color-white);border-radius: 20px;}
.about-area .about-right .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.about-area .about-right .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.about-area .about-right .about-text {color: #525252;text-align: justify;margin-bottom: 10px;}
.about-area .about-right h4 {font-family: Poppins;color: #0a2155;font-weight: 600;margin-bottom: 10px;}
.about-area .about-right ul {padding-left: 20px;}
.about-area .about-right ul li {margin-bottom: 10px;color: #525252;font-weight: 400;font-family: 'Roboto', sans-serif;}
.about-area .about-right ul li i {color: var(--theme-color);margin-right: 10px;}
.about-area .about-right .theme-btn {text-transform: uppercase;color: #0a2155;font-family: 'Rajdhani';font-size: 16px;font-weight: 600;}
.about-area .about-right .theme-btn:hover {color: #ffffff;}
.counter-area .counter-item .counter {font-size: 48px;font-weight: 700;}
.counter-area .counter-item .title {font-size: 18px;font-weight: 600;text-transform: uppercase;font-family: 'Rajdhani';}
.service-area .site-heading .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.service-area .site-heading .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.service-area .service-item .service-img img {width:100%;height:165px;object-fit:contain;}
.service-area .service-item .service-content .service-title {font-size: 18px;font-family: "Oswald";text-transform: uppercase;}
.service-area .service-item .service-content p {color: #525252;margin-top: 10px;margin-bottom: 20px;text-align: justify;}
.service-area .service-item .service-content .theme-btn {text-transform: uppercase;color: #0a2155;font-family: 'Rajdhani';font-size: 16px;font-weight: 600;}
.service-area .service-item .service-content .theme-btn:hover {color: #ffffff;}
.portfolio-area .site-heading .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.portfolio-area .site-heading .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;font-family: "Oswald";text-transform: uppercase;}
.portfolio-area .portfolio-item .portfolio-img {width: 100%;height: 300px;background: #ffffff;border-radius: 20px 20px 20px 0;}
.portfolio-area .portfolio-item .portfolio-img img {width: 100%;height: 100%;object-fit: contain;border-radius: 20px 20px 20px 0;}
.portfolio-area .portfolio-item .portfolio-img::before {display: none;}
.portfolio-area .portfolio-item .portfolio-content {background: #f8ca1c;margin: -40px 30px 0 0;}
.portfolio-area .portfolio-item .portfolio-content .portfolio-info h4 {font-size: 18px;font-family: 'Oswald';text-transform: uppercase;}
.portfolio-area .portfolio-item .portfolio-content .portfolio-arrow {min-width: 45px;line-height: 45px;background: #002c5b;}
.cta-area.ct-negative {margin-top: -65px;}
.cta-area.ct-negative .cta-wrap {border-radius: 30px;}
.cta-area.ct-negative .cta-wrap .cta-content h1 {color: #002c5b;text-transform: uppercase;font-family: 'Oswald';}
.cta-area.ct-negative .cta-wrap .cta-content p {color: #262626;font-size: 16px;margin-bottom: 20px;}
.cta-area.ct-negative .cta-wrap .cta-content .theme-btn2 {text-transform: uppercase;font-family: 'Rajdhani';font-size: 16px;}
.skill-area .skill-content .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.skill-area .skill-content .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.skill-area .skill-content .skill-text {color: #525252;text-align: justify;margin-bottom: 10px;}
.skill-area .skill-content ul {padding-left: 20px;}
.skill-area .skill-content ul li {margin-bottom: 10px;color: #525252;font-weight: 400;font-family: 'Roboto', sans-serif;}
.skill-area .skill-content ul li i {color: var(--theme-color);margin-right: 10px;}
.choose-area .choose-content .choose-content-wrap .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.choose-area .choose-content .choose-content-wrap .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.choose-area .choose-content .choose-content-wrap p {color: #525252;text-align: justify;margin-bottom: 10px;margin-top: 20px;}
.choose-area .choose-content .choose-content-wrap .theme-btn2 {text-transform: uppercase;font-family: 'Rajdhani';font-size: 16px;}
.testimonial-area {background:#ffffff;}
.testimonial-area.ts-bg::before {opacity: .02 !important;}
.testimonial-area .site-heading .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.testimonial-area .site-heading .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.testimonial-area .site-heading p {color: #525252;text-align: justify;margin: 0px;}
.testimonial-area .testimonial-item {padding: 20px 30px;border-radius: 30px 0px 30px 30px;margin-bottom: 20px;border: 1px solid #cccccc;}
.testimonial-area .testimonial-item .testimonial-quote-icon {opacity: .05;}
.testimonial-area .testimonial-item .testimonial-author-info h4 {font-size: 18px;font-family: "Oswald";text-transform: uppercase;}
.testimonial-area .testimonial-item .testimonial-author-info p {font-weight: 600;font-family: 'Rajdhani';font-size: 18px;}
.testimonial-area .testimonial-item .testimonial-quote p {font-size: 16px;font-weight: 500;font-family: 'Roboto', sans-serif;text-align: justify;}
.blog-area .site-heading .site-title-tagline {color: #0a2155;font-weight: 600;text-transform: uppercase;font-size: 18px;font-family: 'Rajdhani';}
.blog-area .site-heading .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.blog-area .blog-item .blog-item-info .blog-title {font-size: 18px;font-family: 'Oswald';text-transform: uppercase;line-height: 30px;margin-bottom: 10px;}
.blog-area .blog-item .blog-item-info p {color: #525252;text-align: justify;margin-bottom: 0px;}
.blog-area .blog-item .blog-item-info .theme-btn {text-transform: uppercase;color: #0a2155;font-family: 'Rajdhani';font-size: 16px;font-weight: 600;}
.blog-area .blog-item .blog-item-info .theme-btn:hover {color: #ffffff;}
.footer-area .footer-shape {opacity: .02;}
.footer-area .footer-widget-box p {font-size: 15px;line-height: 30px;font-family: 'Roboto', sans-serif;font-weight: 300;text-align: left;}
.footer-area .footer-widget-box .footer-widget-title {font-size: 20px;font-family: 'Oswald';text-transform: uppercase;}
.footer-area .footer-widget-box .footer-list li a {font-family: 'Rajdhani';font-weight: 500;}
.footer-area .footer-contact .content h6 {font-family: 'Poppins';font-weight: 500;}
.footer-area .footer-contact .content a {font-family: 'Rajdhani';font-weight: 500;}
.footer-area .copyright {padding: 10px 0;}
.footer-area .copyright .copyright-text {font-size: 16px;font-family: 'Rajdhani';font-weight: 500;}

.sidebar-popup-wrap .sidebar-popup-about h4 {font-family: 'Oswald';text-transform: uppercase;}
.sidebar-popup-wrap .sidebar-popup-contact h4 {font-family: 'Oswald';text-transform: uppercase;}
.sidebar-popup-wrap .sidebar-popup-contact ul li .icon {min-width: 35px;color: #0c1e36;}
.sidebar-popup-wrap .sidebar-popup-contact ul li .content h6 {font-size: 16px;text-transform: uppercase;}
.sidebar-popup-wrap .sidebar-popup-contact ul li .content a {color: #21253d;}
.sidebar-popup-wrap .sidebar-popup-social h4 {font-family: 'Oswald';text-transform: uppercase;}

.site-breadcrumb .breadcrumb-title {font-size: 48px;font-weight: 700;text-transform: uppercase;font-family: 'Oswald';}
.site-breadcrumb .breadcrumb-menu li {font-weight: 500;text-transform: uppercase;font-family: 'Rajdhani';font-size: 18px;}

.contact-area .contact-info {border-radius: 20px;border: 1px solid #cccccc;min-height: 235px;}
.contact-area .contact-info .content h5 {text-transform: uppercase;font-family: 'Oswald';}
.contact-area .contact-info .content p {color: #21253d;font-family: 'Rajdhani';font-size: 18px;line-height: 24px;}
.contact-area .contact-info .content p a {color: #21253d;font-family: 'Rajdhani';font-size: 18px;line-height: 24px;}

.contact-area .contact-form-wrap .contact-form-header h2 {font-family: 'Oswald';text-transform: uppercase;}
.contact-area .contact-form-wrap .contact-form {border-radius: 20px;}
.contact-area .contact-form-wrap .form-group .form-control, .contact-area .contact-form-wrap .form-group .form-select {font-family: "rajdhani";font-weight: 600;}

.about-area .about-leftBx {margin-right:35px;}
.about-area .about-leftBx img {width:100%;border-radius:7px;}

.about-two-area {background:#f8f8f8;}
.about-two-area .site-heading .site-title {font-size: 38px;font-weight: 600;line-height: 54px;margin: 0;color: #002c5b;font-family: "Oswald";text-transform: uppercase;}
.about-two-area .site-heading p {margin-top: 10px;font-size: 18px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #363636;}
.about-two-area .about-leftBx ul li {margin-bottom: 15px;color: #525252;font-weight: 400;font-family: 'Roboto', sans-serif;}
.about-two-area .about-leftBx ul li i {color: var(--theme-color);margin-right: 10px;}
.about-two-area .about-right img {width:100%;border-radius:7px;}

@media (max-width: 767px) {
    .header-top-right {margin-top: 0;}
}