/*
Theme Name:         Ai
Theme URI:          https://roots.io/sage/
Description:        Starter theme, built on Sage.
Version:            1.0.0
Author:             Artificial Studio
Author URI:         https://artificial.studio
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

.contact{
	background-color:#001335 !important;
}

.gm-style-iw-d, .gm-style-iw-d p, .gm-style-iw-d h4 {
    color: #001335 !important;
}

.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div {
    font-weight: 400;
    color: #001335 !important;
}

.contact-details {
    margin-top: 1.5rem;
    display: flex;
}

.contact-details ul{
	/* width: 50% !important; */
    list-style-type: none !important;
    padding: 0px;
    padding-right: 1rem;
}

.contact-details li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.contact-details li i {
    color: #ee4e34;
    margin-right: 10px;
}

.contact-details li strong{
    margin-right: 2px;
}

.contact .custom-control label, 
.contact input:not([type='button']), 
.contact select, 
.contact textarea {
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffffff !important;
    box-shadow: none !important;
    border-radius: 10px;
    padding: 15px !important;
    width: 98% !important;
    
}

.gfield{
    margin-bottom: 1rem !important;
}

.gfield_validation_message {
    padding: 0px !important;
    background-color: transparent !important;
    border: 0px !important;
    font-size: 18px !important;
}


.contact form.wpcf7-form.init p {
    margin-bottom: 10px;
}

label {
    font-size: 18px;
    width: 100%;
    font-weight: 400;
}

.contact h2.wp-block-heading{
	margin-bottom: 20px !important;
}

.contact h3.wp-block-heading{
    font-weight: 400;
}

.contact input.wpcf7-form-control.wpcf7-submit,
.gform_footer .gform_button.button {
    background-color: #ee4e34 !important;
    box-shadow: none !important;
    border: 0px !important;
    padding: 10px 35px !important;
    color: #ffffffff !important;
    font-size: 18px !important;
    border-radius: 10px;
    width: fit-content !important;
    transition: all .3s ease-in-out;
    
}

.gform_footer .gform_button.button:hover{
    background-color: #ffffff !important;
    color: #ee4e34 !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 16px 16px 16px 16px;
    text-align: center;
}

h2.gform_submission_error.hide_summary {
    text-wrap: wrap;
    width: auto;
}

li#menu-item-695 a {
    background-color: #ffffff !important;
    color: #FF4F00 !important;
}



.support-image {
    position: absolute;
    width: 55%;
    top: -4rem;
    right: -7rem;
}

div#support-details {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.support-details-card {
    background-color: #ffffff !important;
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 1rem;
}

.white-text,
.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text span,
.white-text a{
    color:#ffffff !important;
}

.orange-text,
.orange-text p,
.orange-text h1,
.orange-text h2,
.orange-text h3,
.orange-text h4,
.orange-text h5,
.orange-text h6,
.orange-text span,
.orange-text a{
    color:#92d402 !important;
}

.highlighted-heading {
    background-color: #001335;
    width: fit-content;
    padding: 10px 5rem;
    color: #ffffff !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
    background-color: transparent !important;
    border-color: transparent !important;
}

.vc_tta-panel-heading{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #001335;
}

.vc_tta-title-text{
    color: #001335 !important;  
    font-size: 20px;
}
.vc_tta-panel {
    border-top: 1px solid #cccccc;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.vc_tta-panel:last-child {
    border-bottom: 1px solid #cccccc;
}

.vc_tta-panel-body {
    padding: 10px !important;
    margin-bottom: 1rem !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    padding-left: 0px !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    left: initial !important;
    right: 10px;
}

.vc_btn3.vc_btn3-color-danger, 
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    color: #fff;
    background-color: #ee4e34;
    font-size: 23px;
    padding: 10px 35px;
    font-weight: 600;
    transition: all .3s ease-in-out;
}
.vc_btn3.vc_btn3-color-danger:hover, 
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover{
    background-color: #92d402 !important;
    color: #001335;
}

.green-bold strong,
.green-bold b{
    color: #FF4F00 !important;
}

.appstore-logo {
    float: left !important;
    margin-right: 1rem;
}

.appstore-logo img {
    max-height: 60px;
    width: auto;
}

.contact-details strong {
    margin-right: 7px !important;
}

.contact-details a:hover {
    color: #92D400 !important;
}

#menu-social-icons .icon.icon-twitter i, .menu-social-icons .icon.icon-twitter i {
    background-image: url('/wp-content/uploads/x-iconpng.svg') !important;
}

@media (min-width: 992px){
    .container {
        max-width: 1200px;
    }

    #nav.navbar #navbar ul.nav.navbar-nav {
        max-height: 88vh !important;
        padding-bottom: 2rem !important;
        overflow: scroll !important;
    }
}

@media (max-width: 980px){
    .contact-details{
        display: block !important;
    }

    .support-image {
        position: absolute;
        width: 87%;
        top: -2rem;
        right: -2rem;
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 40px;
        padding-right: 40px;
    }

    .vc_column_container>.vc_column-inner .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}