/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.home-bnr{
    position: relative;
}
.social-col.e-flex.e-con-boxed.e-con.e-child {
    transform: rotate(-90deg);
    width: fit-content;
}
.social-col .elementor-social-icon svg {
    fill: var(--e-social-icon-icon-color);
    transform: rotate(90deg);
}
.contact-form legend {
    font-family: 'Roboto';
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
}
.contact-form label{
    font-family: 'Roboto';
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

.contact-form .gform_wrapper.gravity-theme .gfield_required{
	display:none;
}
.contact-form .gfield--type-html {
    border: 1px solid #ffffff59 !important;
    padding: 14px 29px;
    border-radius: 50px;
    color: #fff;
}
.contact-form .gfield--type-html a{
    color: #fff !important;
}

.contact-form .gfield_radio{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.contact-form .gchoice{
     width: 15% !important;
}
.contact-form .gchoice label{
    text-transform: capitalize !important;
    color: #bcbcbc !important;
}

.contact-form .gchoice .gfield_radio{
    font-family: Roboto;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px;
    text-align: left;
    text-transform: capitalize !important;
    color: #bcbcbc !important;
}
.contact-form .gfield--input-type-radio{
    padding: 1px 0 17px 0 !important;
    border-bottom: 1px solid #ffffff24 !important;
}
.contact-form input[type=email], .contact-form input[type=text]{
    border-radius: 50px;
    height: 56px !important;
    background: transparent !important;
    border: 1px solid #ffffff59 !important;
    outline: none;
    color: #fff;
    padding-left: 32px !important;
}

.contact-form .gfield_label{
  position: relative !important;
}
.contact-form .gfield--type-email label{
    position: absolute;
    left: 29px;
    top: 19px;
    background-color: #070319;
}
.contact-form .gfield--type-text label{
    position: absolute;
    left: 29px;
    top: 19px;
    background-color: #070319;
}

.contact-form input[type=radio]{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #fff;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
  }

.contact-form input[type=radio]:checked {
    appearance: auto;
    clip-path: circle(50% at 50% 50%);
    background-color: blue;
  }
.contact-form .gform_footer{
    display: flex;
    justify-content: center;
    padding: 50px 0 0 0 !important; 
    margin: 0 !important;
}

.contact-form input[type=submit]{
    background-color: #2143FB;
    color: #fff;
    padding: 15px 28px !important;
    border-radius: 50px;
    border: 1px solid #2143FB;
}
.contact-form input[type=submit]:hover{
    background: transparent;
    color: #2143FB;
}
.contact-form .gform_ajax_spinner{
    position: absolute;
}
.contact-form .gform_confirmation_message{
    text-align: center !important;
    color: #FFFFFF !important;
}
/*--- popup maker ---*/

.pum-container .pop-heading span{
    color: #2143FB !important;
}
.pum-container .pop-heading{
    color: #FFFFFF !important;
}

.pum-container{
    min-height: 250px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #070319 !important;
    border: 3px solid #FFFFFF !important;

}
.pum-container h3{
    text-align: center;
    text-transform: uppercase;
}
.pum-container p{
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    line-height: 25px;
}
/*--- Responsive ---*/

 @media(max-width: 1024px){
    .contact-form .gchoice{
        width: 18% !important;
   }
 }

 @media(max-width: 767px){
    .contact-form .gchoice{
        width: 35% !important;
   }
.contact-form legend {
    font-size: 16px !important;
}
.contact-form label{
    font-size: 13px !important;
}
.contact-form input[type=radio] {
    width: 16px;
    height: 16px;
 }
 .contact-form .gform_footer{
    padding: 20px 0 0 0 !important; 
}
.contact-form .gfield--type-email label {
    top: 15px;
    background-color: #090909;
}
.contact-form input[type=submit] {
    padding: 10px 28px !important;
}
}