/*
Theme Name: Finland
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Multi-Purpose Business HTML5 Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */



 /* ---------------------------------------- */




/* .hero-2 {   
    padding-bottom: 500px;
    position: relative;
    top: 90px;
} */

.main-header-2 .header-2 .menu .main-menu ul li a {  
  color:#000 !important;
	padding:0px;
}

.normal-logo img, .logo-sticky img{
	width:90%;
}

.main-header-2 .header-2 .menu .main-menu ul li:not(:last-child) {
    margin-right: 20px;
}

.header-menu-area.sticky_menu {    
    padding: 10px 0px;    
}

.hero-section{
    background-image: url(https://www.akdezigns.com/demo/rbd/wp-content/uploads/2024/05/home-page-banner-1.webp);
    height: calc(100vh - 80px);
    background-size: cover;
}

/* section.hero-section {
    position: relative;
    top: 90px;
} */

.section-title {   
    margin: 0 auto 0px;   
/*     margin-top: 70px; */
}

.team-section .section-title{
    margin-top: 0px !important;
}

.icon img, .icon-inner-box svg{
    filter: invert(61%) sepia(25%) saturate(3547%) hue-rotate(346deg) brightness(98%) contrast(96%);
}

.shape.float-bob-y img, .bg-shape img, .circle-shape img {
    filter: invert(61%) sepia(25%) saturate(3547%) hue-rotate(346deg) brightness(98%) contrast(96%);
}

.arrow-shape.wow.fadeInUp img , .arrow-shape-2.wow.fadeInUp img{
    filter: invert(61%) sepia(25%) saturate(3547%) hue-rotate(346deg) brightness(98%) contrast(96%);
}

.single-it-service-provide{
    background-image: url(./assets/img/images/why-get-our-service.webp);   
}

.footer-section{
    background-color: var(--bg3);
}

ul.list.color-two.column-count-2 {
    column-count: 2;
}

.dot-shape img{
    opacity: 0.3;
}


/* ---------------Aboutus page CSS--------- */


.breadcrumb-wrapper {
    background-image: url(./assets/img/images/home-page-banner.webp);
    height: calc(100vh - 80px);
    background-size: cover;
    display: flex;
    align-items: center;
}

.have-any-project{
    background-image: url(./assets/img/images/girl.webp);
}

.red-to-orange img{
    filter: invert(60%) sepia(99%) saturate(2713%) hue-rotate(349deg) brightness(105%) contrast(92%);
}

.achivements-main.section-padding {
    padding: 0px;
    margin-top: 0px !important;
}

.single-project-style-1 .project-content {
    background-color: var(--white);
    padding: 20px;
    margin: -80px 35px 0px 35px;
    position: relative;
    z-index: 99;
}

.achivements-main .swiper-dot.text-center.pt-5 {
    display: none;
}

/* --------------Facility page CSS-------------------- */

.facility-img img{
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.facility-text{   
    border-left: none;   
}