/*================ 
Template Name: Immigration Aim
Description: Immigration Aim Landing Page Template
Version: 1.0 
Author: https://www.templatemonster.com/authors/techeshta
=======================*/
/********************** 
[Table Of Content]

01. General CSS
02. Header
03. Hero Section 
04. About us Section
05. Services Section
06. About Immigration Investment Section
07. Video Section
08. Country Section
09. Team Section
10. Testimonials Section
11. Blog Section
12. Footer
13. About us Page
14. Services Page  
15. country Page 
16. Our Team Page
17. FAQ Page
18. Blog Page
19. Single Blog Page
20. Contact Page
21. coming soon Page
22. 404 Page


**********************/
/************************* 
    01. General CSS
*************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

:root {
    --primary-font: "Mulish";
    --secondary-font: "DM Sans";
    --primary-color: #007447;
    --secondary-color: #18425a;
    --black-color: #000;
    --white-color: #fff;
    --success-color: #333;
    --white-smoke-color: #f7f5f5;
}



p {
    margin: 0px;
    color: var(--success-color);
    font-family: var(--primary-font);
    padding: 0;
}

/*** header ***/



    20b. scenery Page  
*************************/
.scenery-hero-section {
    background-image: url(../image/top-bj.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 350px;
}

.contact-details .contact-details-text h2 {
    color: var(--secondary-color);
}

.contact-details .contact-details-text p {
    width: 40%;
}

.contact-details .contact-icon-box .card {
    padding: 30px 20px 30px 20px;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: var(--e-global-color-accent);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.contact-details .contact-icon-box .card:hover {
    border-color: var(--primary-color);
    cursor: pointer;
}

.contact-details .contact-icon-box .card i {
    background-color: var(--primary-color);
    padding: 26px 28px;
    display: inline-block;
    text-align: center;
    font-size: 28px;
    border-radius: 50px;
    line-height: 28px;
    color: var(--white-smoke-color);
}

.contact-details .contact-icon-box .card .card-body h4 {
    color: var(--secondary-color);
}

.contact-section .contact-form-wrap .contact-form {
    background-color: var(--white-color);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 40px 40px 40px;
    border-radius: 15px;
}

.contact-form-wrap .form-group {
    margin-bottom: 20px;
}

.contact-form-wrap .form-group .btn {
    display: inline-block;
    width: 100%;
}

.contact-form-wrap .form-group .btn:hover {
    display: inline-block;
    width: 100%;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

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




    20. Contact Page  
*************************/