:root {
  --primary: #6EC3DB;
  --secondary: #204E6C;
  --title-font: 'DM Sans', sans-serif;
  --body-font: 'DM Sans';
}


.color-primary, .blog-details-content .post-share-option .social-links li a, .blog-sidebar .post-widget .post h6 a:hover, .blog-sidebar .post-widget .post .comment i, .main-menu .navigation > li > a:hover,  .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a,  .header-top .info-list li a:hover, .main-header .nav-right .support-box h6 a:hover, .main-header .nav-right .support-box .icon-box, .blog-details-content .comment-box .comment h4 span, .header-top .social-links li a:hover, .news-block-one .inner-box .lower-content .post-info li i, .content_block_1 .content-box .list li:before, .footer-top .about-widget h3 a, .main-footer a:hover, .hov-color:hover, .accordion-box .block .acc-btn.active .icon-outer:before {
    color: var(--primary)!important;
}

.background-primary {
    background-color: var(--primary)!important;
}


.title-font, h1, h2, h3, h4 {
    font-family: var(--title-font)!important;
}

.body-font, h5, h6, p {
    font-family: var(--body-font)!important;
}

.sec-title span:before, .blog-sidebar .post-widget .post .post-thumb, .blog-details-content .post-share-option .social-links li a:hover, .primary-hover:hover .primary-hover span:before, .blog-sidebar .tags-widget .tags-list li a:hover, .main-menu .navigation > li > a:before, .main-header .search-panel .search-btn,  .blog-sidebar .search-widget .search-form .form-group, .theme-btn.btn-two, .blog-details-content .comment-box .comment .reply-btn, .blog-details-content .post-share-option .tags-list li a, .scroll-top, .news-block-one .inner-box .lower-content .link a:before, .about-style-three .image-box:after, .contact-style-two .content-box .social-links li a:hover, .footer-top .links-widget .links-list li a:before, .footer-top .footer-social li a:hover {
    background: var(--primary)!important;
}


.color-secondary, .content_block_2 .content-box .list li:before, .content_block_1 .content-box .inner-box .single-item h5:before {
    color: var(--secondary)!important;
}

.background-secondary {
    background-color: var(--secondary)!important;
}

.scroll-top:hover, .theme-btn.btn-two:before, .testimonial-block-one .inner-box:before, .blog-details-content .post-share-option .tags-list li a:hover, .blog-details-content .comment-box .comment .reply-btn:hover, .theme-btn.btn-two:before {
    background: var(--secondary)!important;
}


.scroll-top span:before {
    top: 18px!important;
    left: 22px!important;
    position: absolute!important;
}

.trusted-section:before, .page-title:before, .news-block-one .inner-box .image, .project-block-one .inner-box .image-box {
    opacity: 0.5!important;
    background: #222!important;
}

.color-text, h3 a, .blog-sidebar li a   {
    color: #161728!important;    
}
.header-top .info-list li i, .blog-details-content .post-share-option .social-links li a:hover i {
    color: white!important;
}

.theme-btn:hover .theme-btn span:before {
    background-color: var(--primary)!important;
}

.default-form .form-group input:focus, .default-form .form-group textarea:focus, .service-style-two .service-block-one .inner-box:hover {
    border-color: var(--primary)!important;    
}

.contact-style-two .content-box .social-links li a:hover {
    background: var(--primary)!important;    
    color: white!important;
}

.contact-style-two .content-box .social-links li a, .service-style-two:before, .feature-section .inner-container:before {
    background: #f4f4fa!important;
}

.banner-carousel .owl-nav button:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.sidebar-widget {
    background-color: #f4f4fa!important;
    padding: 30px!important;
}


/*.theme-btn:hover, .theme-btn.btn-two:before {*/
/*    background-color: #141414!important;*/
/*}*/

.theme-btn:hover, .theme-btn.btn-two:before {
    background-color: var(--secondary)!important;
}

.mobile-menu .menu-backdrop, .banner-carousel .slide-item:before {
    opacity: 0.35!important;
    background: #222!important;
}

.service-block-one .inner-box::before {
    background: transparent!important;   
}

.footer-top .footer-social li a:hover i {
    color: white!important;
}

.service-style-two .service-block-one .inner-box {
    border-width: 2px!important;
}

.white-btn {
    background-color: white!important;
    color: var(--primary)!important;
}

.main-header .search-box-outer .dropdown-menu {
    background: #f4f4fa!important;
}

.background-primary.theme-btn:hover .theme-btn.btn-two:before {
    background: var(--secondary);
}

.background-primary:hover .background-primary span:before {
    background: white!important;
}

.white-btn span:before {
    background: var(--primary)!important;
}

.blog-sidebar .tags-widget .tags-list li a:hover {
    color: white!important;
}

.blog-details-content .post-share-option .social-links li a {
    background: #f4f4fa!important;
}

.blog-details-content .social-links i, .blog-sidebar .post-widget .post h6 a:hover {
    color: var(--primary);
}

.blog-sidebar li a:hover {
    color: var(--secondary)!important;
}

.blog-sidebar .tags-widget li a:hover, .blog-details-content .post-share-option .social-links li a:hover i {
    color: white!important;
}

.blog-sidebar .post-widget .post .post-thumb {
    background: var(--primary)!important;
}

.white-btn:before {
    background:var(--secondary)!important;
}


.white-btn:hover {
    color: white!important;
    
}

white-btn:hover .white-btn span::before {
    background: white!important;   
}

.cta-section .theme-btn::before {
    background: var(--secondary);
    
}

.trusted-section .theme-btn:hover {
    
    color: white!important;
}

.main-header .logo-box {
    padding: 15px 0px 10px!important;
}

.learn-more-btn {
    font-size: 16px;
}

.btn-outline {
    border: 2px solid white;
    padding: 18px 47px;
    margin-left: 15px;
    
}

.btn-outline.color-primary {
    border-color: var(--primary)!important;
}

.btn-outline.color-primary:hover {
    color: var(--secondary);
    border-color: var(--secondary)!important;
}

.justify-center {
    justify-content: center;
}

.learn-more-btn i {
    position: absolute; 
    top: 3px;
    padding-left: 8px;
}

.main-header .nav-right:before {
    background: transparent!important;
}

.main-header .main-menu {
    margin-right: 90px;
}


/*font-family: 'DM Sans', sans-serif;*/
/*font-family: 'Inter', sans-serif;*/
/*font-family: 'Lato', sans-serif;*/
/*font-family: 'Merriweather', serif;*/
/*font-family: 'Montserrat', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Oswald', sans-serif;*/
/*font-family: 'Pacifico', cursive;*/
/*font-family: 'Playfair Display', serif;*/
/*font-family: 'Poppins', sans-serif;*/
/*font-family: 'Raleway', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Roboto Slab', serif;*/
/*font-family: 'Ubuntu', sans-serif;*/
/*font-family: 'Work Sans', sans-serif;*/