/* 
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
*/


.global_btn .elementor-button{
    line-height: 62px;
}

.main-header.elementor-sticky--effects {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    transition: all 0.5s ease !important;
}

.main-header ul li:last-child {
    margin-left: 104px !important;
}
.main-header ul li:last-child ul.sub-menu li{
    margin-left: 0px !important;
}

.rotate-text { 
	position: relative;
    width: 127px;
    height: 127px !important;
    overflow: hidden;
    
}
.rotate-text text {
    font-size: 17.2px;
    color: var(--e-global-color-6a52fe4);
    text-transform: uppercase;
}
.rotate-text svg { 
	position: absolute;
	width: 100%; 
	height: 100%;
  /* -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-direction: reverse;
  animation-direction: reverse; */

     animation-name: rotate;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     animation-direction: reverse;
}

@keyframes rotate {
    from { transform: rotate(360deg); }
}

@keyframes rotate {
    from { transform: rotate(360deg); }
}

.otgs-development-site-front-end{
    display: none;
}

.blue-icon .elementor-icon-wrapper{

    width: 163px;
    height: 136px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #223B60 !important;
    border-radius: 15px !important;
    box-shadow: 0px 13px 54px rgba(0, 0, 0, 0.08);
}

.small-blue-icon .elementor-icon-wrapper{
    width: 149px !important;
    height: 124px !important;
}

.expertise-img {
    opacity: 0;
    transform: scale(0.2);
    transition: transform 500ms cubic-bezier(.34,1.56,.64,1), /* springy */
                opacity 350ms ease;
}

.expertise-loop:hover .expertise-img {
    opacity: 1;
    transform: scale(1);
}

.contact-form-style input:not([type="submit"]){
    background-color: transparent !important;
    border: 0px  !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0px !important;
    padding: 30px 0px 48px 0px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
     color: #ffffff !important;
}

.contact-form-style input:not([type="submit"]):focus{
    outline: none !important;
    background-color: transparent !important;
}

.contact-form-style input:not([type="submit"])::placeholder{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    
}


.contact-form-style .gform_fields {
    row-gap: 70px !important;
}

.contact-form-style textarea{
     background-color: transparent !important;
    border: 0px  !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0px !important;
    padding: 0px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    height: 164px !important;
    resize: none !important;
}

.contact-form-style textarea:focus{
    outline: none !important;
    background-color: transparent !important;
}

.contact-form-style input[type="submit"]{
    background-color: #FFFFFF !important;
    padding: 0px 90px !important;
    line-height: 61px !important;
    border-radius: 50px !important;
    color: #000000 !important;
    font-size: 19px !important;
    border: 1px solid #ffffff !important;
}

.contact-form-style input[type="submit"]:hover{
    background-color: transparent !important;
    color: #ffffff !important;
}
.contact-form-style .gform-footer{
    margin-top: 74px !important;
}

.gform_validation_errors{
    display: none !important;
}

.contact-form-style input:-webkit-autofill{
   -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #000; 
}


.contact-form-style input[type="email"] {
    text-transform: lowercase;
}

.contact-form-style input[type="email"]::placeholder {
    text-transform: capitalize;
}

.gfield_validation_message {
    color: #ff0000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFF !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #FFFFFF;
}




/* 
.expertise-content:before{
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #ffffff;
    content:'';
    left: -15px;
    top: 33px;
    border-radius: 50%;
    
} */

.accord-list li{
    width: 62%;
    margin-bottom: 5px;
}

.expertise-loop:hover .arrow-icon{
    opacity: 1;
}

.arrow-icon{
    opacity: 0;
}
/* Responsive parts */

.wpml-ls-current-language a:hover .sub-arrow svg{
   rotate: 180deg;
}

@media screen and (max-width: 1024px) {
  
    .blue-icon .elementor-icon-wrapper{
     
    width: 120px;
    height: 115px;
    }

    .contact-form-style .gform_fields {
    row-gap: 45px !important;
}

.main-header ul li:last-child {
    margin-left: 0px !important;
}

.main-header li:hover svg path , .main-header li:hover svg path{
    fill: #ffffff !important;
}

}


@media screen and (max-width: 767px) {
 .foot-disc{
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
 }

 .foot-nav .elementor-nav-menu--main ul{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
 }

 .global_btn .elementor-button{
    line-height: 50px !important;
}

    .blue-icon .elementor-icon-wrapper {
        width: 109px;
        height: 96px;
    }

    .small-blue-icon .elementor-icon-wrapper{
      width: 109px !important;
        height: 96px !important;
}

.contact-form-style .gform-footer {
    margin-top: 18px !important;
    justify-content: center !important;
}

    .contact-form-style .gform_fields {
        row-gap: 32px !important;
    }

    .contact-form-style textarea{
        height: 130px !important;
    }

    .contact-form-style input[type="submit"]{
        line-height: 40px !important;
        padding: 0px 45px !important;
        font-size: 15px !important;
    }

   

}

@media only screen and (min-width: 1025px) and (max-width: 1600px){
	html{
       zoom: 0.82;
       zoom: 82%;
   }
}