/*!
Theme Name: TradePort USA
Theme URI: http://underscores.me/
Author: Aavatto
Author URI: https://aavatto.com/
Description: WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rise-india
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rise India is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* Root variables define here */
/* :root {
	--font-family-primary: 'sans-serif';
	--font-family-secondary: 'sans-serif';
	--font-family-heading: 'sans-serif';
	--color-primary: #0d6efd;
	--color-secondary: #6c757d;
	--color-accent: #fd7e14;
	--text-light: #f8f9fa;
	--text-white: #ffffff;
	--text-dark: #212529;
	--bg-color-primary: #0d6efd;
	--bg-color-secondary: #6c757d;
	--border: 1px solid;
	--border-color-light: #f8f9fa;
	--border-color-dark: #212529;
	--border-radius: 10px 10px 10px 10px;
	--box-shadow: 1px 1px 10px 1px rgba(159, 159, 159, .3);
	--hover-box-shadow: 1px 10px 20px 1px rgba(159, 159, 159, .5);
} */
/* Root variables define here */

/* 00. Library override(ex. bootstrap etc) start*/

/* 00. Library override(ex. bootstrap etc)   end*/
/* 01. Text and Typography start */
 
/* 01. Text and Typography end */
/* 02. Common element(ul,ol,li,body,div etc.) start*/
 
/* 02. Common element(ul,ol,li,body,div etc.) end*/
/*03. Common class(padding, margin etc.) start*/

/*03. Common class(padding, margin etc.) end*/
/*04. Header styles start*/
 

.main-header .e-n-menu-wrapper ul li:last-child a span{
	background-color: var(--e-global-color-3f368e3);
    font-family: var(--e-global-typography-fa383cb-font-family), Sans-serif;
    font-size: var(--e-global-typography-fa383cb-font-size);
    font-weight: var(--e-global-typography-fa383cb-font-weight);
    font-style: var(--e-global-typography-fa383cb-font-style);
    line-height: var(--e-global-typography-fa383cb-line-height);
    fill: var(--e-global-color-7ef24ef);
    color:#fff !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-3f368e3);
    border-radius: 10px 10px 10px 10px;
    padding: 13px 24px 13px 24px;
}

.main-header .e-n-menu-wrapper ul li:last-child a span:hover{
	    background-color: var(--e-global-color-8004473);
		border-color: var(--e-global-color-8004473);
}
/*04. Header styles end*/
/*05. Footer styles start*/
 
/*05. Footer styles end*/
/*06. Common content start*/
 
/*06. Common content end*/

/*07. Pages and Posts satrt*/
/*Homepage satrt*/

.client-logo .elementor-image-carousel-wrapper{
	padding-bottom: 60px !important;
}
/*Homepage end	*/


/* contcat form css start */
.contact-form .wpcf7-form-control-wrap textarea,
.contact-form .wpcf7-form-control-wrap input {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-vamtam_accent_7);
    border-radius: 10px 10px 10px 10px;
    transition: 300ms;
    padding: 13px 22px 13px 22px;
}

.contact-form .wpcf7-form-control-wrap input:focus,
.contact-form .wpcf7-form-control-wrap textarea:focus {
    border: 1px solid #1f3f7d !important;
    border-radius: 18px;
    outline: none;
}


.contact-form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form .col-12 {
    width: 100%;
}
.contact-form .col-4{
	 width: calc(33% - 10px);
	display: block;
}
.contact-form .col-6 {
    width: calc(50% - 10px);
    display: block;
}

.wpcf7-response-output,
.wpcf7-not-valid-tip {
    font-size: 14px;
}

.contact-form .form-btn{
	text-align:end;
}

.contact-form .form-btn .wpcf7-submit{
    fill: var(--e-global-color-7ef24ef);
    color: var(--e-global-color-7ef24ef);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1f3f7d;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 30px 10px 30px;
    background: #1f3f7d;
}

.contact-info .elementor-icon-box-description a{
	color:#000000;
}

.contact-info .elementor-icon-box-description a:hover{
	color:#1f3f7d;
}

.form-btn-wrapper {
    display: inline-block;
    position: relative;
}

.wpcf7-spinner {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    z-index: 1;
    margin: auto;
}
.wpcf7-spinner::before {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
}

/* contact form css end */


/*07. Pages and Posts end*/

/* 08. Extra styles start*/
/* 08. Extra styles end*/

/*09. Media Query start*/
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 768px) {

}

@media screen and (max-width: 1199px) {

}
/*Tablet*/
@media screen and (max-width: 991px) {
	 
}
/*Small Device*/
@media screen and (max-width: 767px) {

}
/*Mobile Device*/
@media screen and (max-width: 640px) {
	 
}
/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {
 
}
@media screen and (max-width: 420px) {

}
/*09. Media Query end*/