*{
  padding: 0;
  margin: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none!important;
margin: 0!important;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield!important;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
::-webkit-scrollbar
{
width: 5px;
background-color: #FFFFFF;
padding:2px;
}

::-webkit-scrollbar-thumb
{
background-color: #ffa624;
margin: 2px;
}
#exampleModal::-webkit-scrollbar{
  width: 0;
}
body{
background: #fff;
}
body, html{
font-family: "Figtree", serif;
overflow-x: hidden;
scroll-behavior: auto;
}
.common_padding_top {
padding-top: 80px;
}
.common_padding_bottom {
padding-bottom: 80px;
}
.common_paragraph p {
font-size: 16px;
color: #404040;
font-weight: 400;
line-height: 22px;
}
.common_title {
color: #001244;
font-size: 36px;
font-weight: 600;
text-transform: capitalize;
line-height: 43px;
}
/* scroll top */
#button {
display: inline-block;
background-color: #ffbb00;
width: 45px;
height: 45px;
text-align: center;
border-radius: 50px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
color: #132884;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
}
#button:hover {
cursor: pointer;
background-color: #333;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
}
/* #button::after{
position: absolute;
content: '';
width: 50px;
height: 50px;
border-radius: 50px;
border: 1px dashed #ffffff50;
top: 50%;
left: 50%;
transform: translate(-51%, -51%);
} */

#button::after {
position: absolute;
content: '';
height: calc(100% + 10px);
width: calc(100% + 10px);
border: 1px dashed #ffffff50;
top: -5px;
left: -5px;
border-radius: inherit;
animation: spin 10s linear infinite;
}

@keyframes spin { 
100% { 
  transform: rotateZ(360deg); 
}
}
.fix_icons {
z-index: 9999;
position: fixed;
right: 10px;
bottom: 40%;
}
.fix_icons a {
    width: 45px;
    height: 45px;
    border-radius: 8%;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff33;
    color: #fff;
    font-size: 24px;
}

.fix-phone {
background: #ffbb00;
}
.fix-mail {
  background: #132884;
}
.fix-phone {
    color: #383838 !important;
}
.fix-whatsapp {
border: 0 !important;
}
.fix-whatsapp img {
filter: unset !important;
width: 40px !important;
}
.common-btn {
background: #273B94;
text-decoration: none;
color: #fff;
border-radius: 8px;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
font-size: 15px;
font-weight: 500;
/* text-transform: capitalize; */
transition: all .5s linear;
}
.common-btn span{
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #FFC60F;
color: #273B94;
margin-left: 10px;
font-size: 18px;
transition: all .5s linear;
}
.btn_blue:hover{
background: #FFBB00;
color: #000!important;
transition: all .5s linear;
}
.btn_blue:hover span{
background: #000;
color: #FFBB00;
transition: all .5s linear;
}
.common-btn:hover span iconify-icon{
animation-name: bounceAlpha2;
  animation-duration: 1.2s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes bounceAlpha2 {
0% {
  opacity: 1;
  transform: translateX(0px);
}

25% {
  opacity: 0;
  transform: translate(20px, 0px);
}
26% {
  opacity: 0;
  transform: translate(-20px, 0px);
}
55% {
  opacity: 1;
  transform: translateX(0px);
}
}
.bg_dark{
background: #001244;
}
.text_white {
color: #fff;
}
.paragraph_white p{
color: #F0F0F0;
}
.btn_yellow{
background: #FFBB00;
color: #000;
transition: all .5s linear;
}
.btn_yellow:hover {
background: #132884;
color: #fff;
transition: all .5s linear;
}
.btn_yellow span{
background: #000;
color: #FFBB00;
 transition: all .5s linear;
}
.btn_yellow:hover span {
background: #ffbb00;
color: #132884;
 transition: all .5s linear;
}
/* .btn_yellow:hover{
color: #000;
} */
.width_88 {
width: 88%;
margin: auto;
}
.flex_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.flex_title h3{
margin: 0;
}
.bg_light{
background: #F2F4F7;
}
.text_yellow {
color: #FFC60F!important;
}
.head_centre {
text-align: center;
width: 900px;
margin: 0 auto 60px;
}
.head_centre h3 {
margin-bottom: 16px;
}
.gray_bg{
background: #F2F4F7;
}
/* common_btn */

.ic-16 {
width: 1.6rem;
height: 1.6rem;
}
.ic-embed.ic-16.header-act-btn-ic-inner-wrap-trans-x.w-embed {
display: flex;
align-items: center;
justify-content: center;
}
.header-act-btn {
color: #fff;
border-radius: 8px;
align-items: center;
padding: 10px 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
background: #273B94;
font-size: 16px;
}
.header-act-btn:hover{
color: #273B94;
}
.header-act-btn.uc-btn {
color: var(--cl-txt-dark);
border-color: #000e2d33;
margin-left: 0;
}
.header-act-btn-txt-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
overflow: hidden;
}


.bp-txt.txt-16.txt-white.header-act-btn-txt {
z-index: 2;
line-height: 0.9em;
transition: all 0.6s, color 0.1s;
position: relative;
}
.bp-txt.txt-16.txt-white.header-act-btn-txt.clone-el {
transform: translateY(100%);
}
.header-act-btn-bg {
z-index: 1;
pointer-events: none;
background-color: #ffc60f;
border-radius: 2rem;
width: 24px;
height: 24px;
transition: all 0.4s;
position: absolute;
right: 20px;
}
.header-act {
justify-content: flex-start;
align-items: center;
display: flex;
}
.header-menu-links-item {
opacity: 0.4;
color: #fff;
justify-content: center;
align-items: center;
padding: 0 1.6rem;
text-decoration: none;
transition: all 0.4s;
display: flex;
}
.header-menu-links-item:hover {
opacity: 1;
color: #fff;
}
.header-act-btn-icon {
position: relative;
pointer-events: none;
z-index: 2;
justify-content: center;
align-items: center;
margin-left: 10px;
display: flex;
overflow: hidden;
}
.header-act-btn-ic-inner-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
width: 1.6rem;
height: 1.6rem;
display: grid;
overflow: hidden;
}



#w-node-_31943395-a298-4289-7714-f70041f3ab98-41f3ab11,
#w-node-_31943395-a298-4289-7714-f70041f3ab9b-41f3ab11 {
grid-area: 1/1/2/2;
}

    .header-act-btn:hover .header-act-btn-txt-wrap .header-act-btn-txt:not(.clone-el) {
      transform: translateY(-100%);
    }

    .header-act-btn:hover .header-act-btn-txt-wrap .header-act-btn-txt.clone-el {
      transform: translateY(0%);
    }

    .header-act-btn:hover .header-act-btn-bg {
      transform: scale(19, 8);
    }
   
      /* header */
     
.clone-el {
        transform: translateY(100%);
    }
      .bp-header .header-act-btn {
        color: #101010;
        border-color: rgba(16, 16, 16, 0.10)
      }

      .bp-header.header-act-btn:hover {
        color: #fff;
      }

      .bp-header.on-scroll {
        background: #fff !important
      }

      

  .header-act-btn-icon svg {
        position: absolute;
        transition: transform 0.4s;
        width: 25px;
    }

    .header-act-btn-icon svg:first-child {
        transform: translateX(0);
    }

    .header-act-btn-icon svg:last-child {
        transform: translateX(-200%);
    }

    .header-act-btn:hover .header-act-btn-icon svg:first-child {
        transform: translateX(200%);
    }

    .header-act-btn:hover .header-act-btn-icon svg:last-child {
        transform: translateX(0);
    }
    .btn-whatsapp-pulse {
      background: #29a71a;
      margin-top: 50px!important;
      text-decoration: none;
      border-radius: 50%;
      animation-name: pulsewp;
      animation-duration: 1.5s;
      animation-timing-function: ease-out;
      animation-iteration-count: infinite;
      border-radius: 50px !important;
  }
    @keyframes pulsewp {
      0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
      }
      80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
      }
    }
    
    .btn-whatsapp-pulse-border {
      bottom: 120px;
      right: 20px;
      animation-play-state: paused;
    }
    
    .btn-whatsapp-pulse-border::before {
      content: "";
      position: absolute;
      border-radius: 50%;
      padding: 25px;
      border: 5px solid #25d366;
      opacity: 0.75;
      animation-name: pulse-border;
      animation-duration: 1.5s;
      animation-timing-function: ease-out;
      animation-iteration-count: infinite;
    }
    
    @keyframes pulse-border {
      0% {
        padding: 20px;
        opacity: 0.5;
      }
      75% {
        padding: 30px;
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
    }
 .bg_gray {
    background: #F2F4F7 !important;
}
    .bg_white{
      background: #fff;
    }
    

    /* register form */
    .register_popup .modal-body {
      background: hsl(224, 100%, 13%);
      padding: 0;
      border-radius: 16px;
  }
  .register_popup .modal-body::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/register-bg.png);
    top: 0;
    left: 0;
    animation: fadeinout 8s infinite;
}
@keyframes fadeinout
{
0%{
  opacity:1;
}
50%
{
  opacity:.4;
}
100%
{
  opacity:1;
}
}
.register_form {
  position: relative;
  z-index: 9;
}
  .register_popup .modal-dialog {
    max-width: 1170px;
}
.modal-content{
  border: 0;
  background: transparent;
}
.register_form_left h6 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 600;
}
.register_form_left p {
color: #F0F0F0;
font-size: 16px;
font-weight: 400;
}
.register_form_border {
padding: 45px;
border: 1px solid #ffc60f2e;
border-radius: 16px;
background: #051A54;
margin-top: 40px;
}
.register_input_wraapper label {
color: #FFFFFF;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.register_input {
width: 100%;
background: #001244;
padding: 12px 16px;
outline: none;
box-shadow: none;
border-radius: 4px;
border: 0;
color: #fff;
font-size: 14px;
}
.register_input::placeholder{
color: #C5C5C5;
font-size: 14px;
text-transform: capitalize;
font-weight: 300;
}
.register_input_wraapper {
margin-bottom: 24px;
}
.register_submit {
border: 0;
background: #FFC60F;
padding: 10px 20px;
border-radius: 8px;
color: #152569;
font-size: 15px;
font-weight: 600;
margin-right: 20px;
text-transform: capitalize;
position: relative;
overflow: hidden;
}
.register_form_right {
display: flex;
align-items: end;
height: 100%;
}
.register_form_right img {
width: 90%;
height: 550px;
object-fit: contain;
}
.register_popup .btn-close {
color: #001244 !important;
background-image: none;
font-size: 22px;
opacity: 1;
width: 20px;
height: 20px;
background: #FFC60F;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 50px;
top: 30px;
z-index: 999;
}
.register_popup .btn-close:focus {
box-shadow: none;
}
.register_form_left {
padding: 50px 0px 50px 50px;
}
.register_social_icons {
display: flex;
align-items: center;
padding: 50px 30px;
position: absolute;
right: 0;
}
.register_social_icons img {
    width: 16px;
    margin-left: 20px;
    object-fit: contain;
    height: 16px;
}
#exampleModal {
background: #ffffffa1;
background: rgb(0 0 0 / 40%);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.modal.register_popup .modal-dialog {
transform: translateY(100%);
transition: transform 0.9s ease-in-out;
}

.modal.register_popup.show .modal-dialog {
transform: translateY(0);
}
.bottom_fix {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: none;
align-items: center;
z-index: 999;
background: #001244;
 border-top: 1px solid #ffffff24;
}
.bottom_fix a, .bottom_fix button {
width: 33.3%;
padding: 8px;
text-align: center;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
text-transform: capitalize;
font-size: 14px;
border: 0;
background: transparent;
}
.bottom_fix a {
border-right: 1px solid #ffffff24;
}
.bottom_fix span {
display: block;
}
.bottom_fix iconify-icon {
font-size: 22px;
color: #ffbb00;
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001244;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; 
  z-index: 999999999;
}
.loader_text {
  position: relative;
  font-size: 140px;
  font-weight: 800;
  text-transform: capitalize;
  color: transparent;
  -webkit-text-stroke: 2px #ffffff;
  font-family: "Poppins", sans-serif;
  transition: transform 0.5s ease-in-out;
}
.zoom {
  transform: scale(5);
}
.loader_text::before {
  content: attr(data-fill-text);
  position: absolute;
  width: 0;
  height: 100%;
  color: #ffffff;
  -webkit-text-stroke: 0px transparent;
  overflow: hidden;
  transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: rotate2 1.9s infinite linear;
}
@keyframes rotate2 {
  from { width: 0; }
  to { width: 100%; }
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001244;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999999999999;
}
.loader_text {
  position: relative;
  font-size: 140px;
  font-weight: 800;
  text-transform: capitalize;
  color: transparent;
  -webkit-text-stroke: 2px #ffffff;
  font-family: "Poppins", sans-serif;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}
.fade-out {
  transform: scale(1.5);
  opacity: 0;
}
.register_popup .wpcf7-response-output {
    color: #fff;
    margin: 0 !important;
}
.width_82 {
    width: 82%;
    margin: auto;
}