/* import fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap');

:root {
    --primary: #B66EFF;
    --secondary: #B9A9CE;
    --light: #F2F8FE;
    --gray: #B9A9CE;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-weight: 500 !important;
}


.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn:hover {
    color: var(--primary) !important;
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.logo {
    width: 54px;
    height: 66px;
}

/* Navbar */
.nav-link {
    color: black;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    margin: 16px;
}

.nav-link:hover {
    color: var(--primary);
}

.navbar-brand {
    padding-left: 120px;
}

.navbar-nav {
    padding-right: 120px;
}

@media (max-width: 767.98px) {
    .navbar-brand {
        padding-left: 0;
    }

    .navbar-nav {
        position: absolute;
        left: 150px;
        border-radius: 12px;
        box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
        width: 200px;
        padding-right: 0;
        padding: 10px;
        z-index: 1 !important;
        background-color: #ebe8f2;
        
    }

    .nav-link {
        color: black;
        font-family: 'Roboto', 'sans-serif';
        font-weight: 700;
        margin: 17px;
        position: relative;
        bottom: -2rem;
        padding: 1.3rem;
    }
}
.contact_info
{
    width: 100%;
    padding-top: 50px;
}
.contact_info_item
{
    width: 100%;
    height: 100px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    padding-left: 32px;
    padding-right: 15px;
}
.contact_info_image
{
    width: 35px;
    height: 35px;
    text-align: center;
}
.contact_info_image img
{
    max-width: 100%;
}
.contact_info_content
{
    padding-left: 17px;
}
.contact_info_title
{
    font-weight: 500;
}
.contact_info_text
{
    font-size: 12px;
    color: rgba(0,0,0,0.5);
}



/*********************************
 Contact Form
*********************************/

.contact_form
{
    padding-top: 85px;
}
.contact_form_container
{

}
.contact_form_title
{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 37px;
}
.contact_form_inputs
{
    margin-bottom: 30px;
}
.input_field
{
    width: calc((100% - 60px) / 3);
    height: 50px;
    padding-left: 25px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    outline: none;
    color: black;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.input_field:focus,
.text_field:focus
{
    border-color: #B66EFF;
}
.input_field:hover,
.text_field:hover
{
    border-color: #B66EFF;
}
.input_field::-webkit-input-placeholder,
.text_field::-webkit-input-placeholder
{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.3);
}
.input_field:-moz-placeholder,
.text_field:-moz-placeholder
{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.3);
}
.input_field::-moz-placeholder,
.text_field::-moz-placeholder
{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.3);
} 
.input_field:-ms-input-placeholder,
.text_field:-ms-input-placeholder
{ 
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.3);
}
.input_field::input-placeholder,
.text_field::input-placeholder
{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.3);
}
.text_field
{
    width: 100%;
    height: 160px;
    padding-left: 25px;
    padding-top: 15px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    color: black;
    outline: none;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.panel
{
    width: 100%;
    height: 50px;
    background: #fafafa;
    margin-top: 120px;
}

@media only screen and (max-width: 991px)
{
    .contact_info_item
    {
        width: 100%;
        margin-bottom: 30px;
    }
    .contact_info_item:last-child
    {
        margin-bottom: 0px;
    }
    
}


@media only screen and (max-width: 767px){
    .input_field
       {
           margin-bottom: 30px;
           width: 100%;
       }
       .input_field:last-child
       {
           margin-bottom: 0px;
       }
       
   }


     /* Footer */
footer ul {
    padding: 0;
    margin: 0
}

footer li {
    list-style: none
}

.footer-menu ul li a:hover {
    text-decoration: none;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

footer a:focus {
    outline: 0
}

footer img {
    max-width: 100%
}

footer p {
    font-size: 16px;
    line-height: 30px;
    color: #898b96;
    font-weight: 300
}

footer h4 {
    font-family: 'Rubik', 'sans-serif';
    margin: 0;
    font-weight: 400;
    padding: 0;
    color: #363940
}

footer a {
    color: var(--primary);
    text-decoration: none;
}

.no-padding {
    padding: 0 !important
}


.footer-big {
    padding: 105px 0 65px 0
}

.footer-big .footer-widget {
    margin-bottom: 40px
}

.footer--light {
    background: #e7e8ed
}

.footer-big .footer-menu ul li a,
.footer-big p,
.footer-big ul li {
    color: #898b96
}

.footer-menu {
    padding-left: 48px
}

.footer-menu ul li a {
    font-size: 15px;
    line-height: 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer-menu ul li a:hover {
    color: var(--primary);
}

.footer-menu--1 {
    width: 100%
}

.footer-widget-title {
    line-height: 42px;
    margin-bottom: 10px;
    font-size: 18px
}

.mini-footer {
    background: #e7e8ed;
    text-align: center;
    padding: 32px 0
}

.mini-footer p {
    margin: 0;
    line-height: 26px;
    font-size: 15px;
    color: #999
}

.mini-footer p a {
    color: var(--primary);
}

.mini-footer p a:hover {
    color: var(--primary);
}

.widget-about img {
    display: block;
    margin-bottom: 30px
}

.widget-about p {
    font-weight: 400
}

.widget-about .contact-details {
    margin: 30px 0 0 0
}

.widget-about .contact-details li {
    margin-bottom: 10px
}

.widget-about .contact-details li:last-child {
    margin-bottom: 0
}

.widget-about .contact-details li span {
    padding-right: 12px
}

.widget-about .contact-details li a {
    color: var(--primary);
}

@media (max-width:991px) {
  
    .footer-menu {
        padding-left: 0
    }
}

/* section padding */
.ftco-section {
    padding: 7em 0;
    position: relative;
}

@media (max-width: 767.98px) {
    .ftco-section {
        padding: 6em 0;
    }
}


.card{
    Box-Shadow:  
           0 0 0 Hsl(0,0%,80%),  
           0 0 0 Hsl(0,0%,100%),  
           -0.2rem 0 0.75rem 0 Hsla(0,0%,0%,0.3);
}