@import url('https://fonts.cdnfonts.com/css/finance');
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  
 body {
    height: 100%;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.2px;
   /* animation: fadeInScale 1s ease-in-out forwards; */
   
    
    
 } 

 header, section, footer {
   animation: fadeInScale 1s ease-in-out forwards;
 }

 @keyframes fadeInScale {
   0% {
     opacity: 0;
     transform: scale(0.9);
   }
   100% {
     opacity: 1;
     transform: scale(1);
   }
 }

 .div-top {
   background-color: #0a112d;
   font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    color: #fff;
    position: relative;
    
    
 }

 .divhead {
   line-height: 1em;
   padding-top: .75em;
   padding-bottom: .75em;
   
 }

 .divheader {
   width: 80%;
    max-width: 1080px;
    margin: auto;
     position: relative;
     display: flex;
     justify-content: space-between;
 }

.divcontact, .tact-icon > .socicon  {
   display: flex;
   
   
   

}


.divcontact{
   font-weight: 500;
   font-size: 13px;

}

.social-icon a {
   color: #fff;
}

.li-address a {
   color: #fff;
}

.tact-info {
   margin-right: 13px;
   
}

.tact-no {
   margin-left: 4px;
}

.tactmail{
   font-weight: bold;
}

.tact-icon {
   font-size: 14px;
   
   
}


.social-icon {
   margin-right: 14px;

}


.face-address {
   font-weight: bold;
}


 header {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    z-index: 1000;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    position: sticky;
    
    top: 0;
    
 }

 .header-div{
   align-items: center;
    
    display: flex;
    
   height: 75px;
   justify-content: space-between;
   width: 85%;
    max-width: 1080px;
    margin: auto;
    position: relative;
 }

.div-header-img, .container-nav-li {
   display: flex;
   word-wrap: break-word;
}

 .img-div{
   display: flex;
   padding-right: 20px;
   padding-left: 20px;
 }
 .img-logo {
   width: 150px;
   height: 50px;
 }

 .icon-txt {
   padding-top: 7px;
   padding-left: 10px;
   text-align: center;
   font-size: 0.9em;
   color: rgb(33, 110, 110);;
   
   font-weight: 500;
   }

   .nav-li-items {
      color: #0a112d;
   }

   .nav-li-item{
      color: #2ea3f2;
   }

   a {
      color: inherit;
   }
.social-txt:hover, .nav-li-items:hover {
   font-size: 1em;
   color:rgb(33, 110, 110);
}

.li_bttn {
   padding: 0 !important;
        border-radius: 30px;
        border: solid 2px #004D68;
        transition: 0.3s;
        text-align: center;
        position: relative;
        
}

.nav_li_btn {
   color: #004D68 !important;
   padding-top: 20px;
   padding-bottom: 20px;
   

   
}

/*.container-nav {
   padding: 20px 20px;
}*/

.container-nav-li li {
   padding-left: 20px;
   padding-right: 20px;
   z-index: 4;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}


 .fa-bar-nav {
    display: none;
 }

 .se-div-pa{
   display: flex;
   width: 100%;
 }

 .side-bar-li-te{
   
   font-size: 1.1em;
   color: rgb(33, 110, 110);
   height: 50vw;
   border-right: 1px solid rgb(254, 254, 254);
   background-color: #000;

}

.slide-container {
   max-width: 100%;
   height: auto;
  position: relative;
  margin: auto;
  object-fit: cover;
}

.silderCon {
   display: none;
}


.slider-img {
   width: 100%;
   height: 550px;
}

.slider-txt {
   text-align: center;
   position: absolute;
   top: 40%;
   color: #fff;
   overflow: hidden;
   vertical-align: middle;
   left: 0%;
   right: 0%;

   
  
}

h5 {
   font-size: 15px !important;
}


h1, h2, h3, h4, h5, h6 {
   color: #333;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 500;
}






.header-txt {
   margin-bottom: 20px;
   font-size: 64px;
   

}



 .header-p  {
  /* padding: 5px 40px 5px 40px;*/
   font-size: 20px;
   max-width: 550px;
   margin: 0 auto;
   font-weight: 500;
   

}

.margin-p {
   margin-bottom: 20px;
}

.btn-container{
   display: inline-block;
   margin: 0 auto;
   padding-top: 20px
}

 .btn-btn{
   
   
   margin: 0 auto;
}

.btn-btn {
   padding: 10px 20px;
   background-color: transparent;
   border-style: none;
   border-radius: 12px;
   font-size: 13px;
   font-weight: 700;
   color: #0a112d;
   border: 2px solid #fff;
}

.btn-btn:hover{
   background-color: #fff;
}

.btn-con {
   padding-top: 10px;
}

.btn-pd{
   padding-right: 10px;
}



.prev, .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   margin-top: -22px;
   padding: 16px;
   color: white;
   font-weight: 700;
   font-size: 30px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
   user-select: none;
 }

 .next {
   right: 0%;
 }

 .fade {
   animation-name: fade;
   animation-duration: 1.5s;
 }
 
 @keyframes fade {
   from {opacity: .4}
   to {opacity: 1}
 }





 .sec-div {
   background-image: linear-gradient(180deg, rgba(233, 239, 243, 0) 0%, #e9eff3 100%) !important;
   height: 1000px;
   overflow: hidden !important;
  
 }

 .div-con{
   background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    
    overflow: auto;
    

 }

 .div-con-item {
   z-index: 220;
   position: relative;
   padding: 6% 0;
 }

 .div_con {
   background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
 }

 .con_div_et {
   width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
 }

 .sect_cont {
   width: 64.833%;
 } 

 .sect_item {
   font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 2em;
    max-width: 700px;
    margin-bottom: 4.242%;
 }

 

 .sect_header {
   font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: #2b76df !important;
    letter-spacing: 5px;
    line-height: 1.5em;
    
 }

  .sectheader {
   font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 1.4em;
    
    
 }

 p {
   font-weight: 500;
 }

 .img_span {
   display: inline-block;
    position: relative;
    max-width: 100%;
    
 }

 


 .img_cont {
   height: auto;
    max-width: 100%;
 }

 .sec_sect {
   width: 29.6667%;
   
 }

 .sec_colu {
   background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
 }

 .sec_sect_cont {
   border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    border-width: 0px;
 }

 .sect_pd_coon{
   background-color: #4c5c67;
   margin-bottom: 20px !important;
   border: 1px solid #d9d9d9;
   display: block;
 }

 
 .sec_sect_header {
   color:  #ffffff;
   align-items: center;
   
 }

 .sect_header_pd {
   cursor: pointer;
    position: relative;
    padding: 20px 20px;
    font-weight: bold;

 }

.plus-icon {
   float: right;
}


#secting {
   display: none;
   color: #fff;
   padding: 20px 20px;
   font-weight: 500;
}

.bd_sect_div {
   padding: 2% 0;
}

.width_si {
   width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
}

.width_si {
   padding: 2% 0;
}

.bd_con_sect {
   width: 100%;
   position: relative;
}

.bd_con_head {
   margin-bottom: 2.75%;
   text-align: center;
}

.bd_con_txt {
   max-width: 710px;
}

.bd_cont {
   text-align: center;
}

.bd_header  {

   font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 36px;
    color: #0c71c3 /*#1f1f1f */ !important;

}

.bd_con_pd{
   margin-bottom: 2.75%;
}

.bd_con_mm {
   margin-left: auto !important;
    margin-right: auto !important;
}


.bd_con_p {
   line-height: 1.9em;
    font-size: 16px;
    line-height: 1.9em;
    max-width: 710px;
    text-align: center;
    word-wrap: break-word;

}

.bd_cont_p, .com_txt_con {
   position: relative;
}

.num_pd_con {
   padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 30px !important;
    padding-left: 0px !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}

.num_con {
   display: flex;
}

.con_num_pd {
   width: 20.875%;
   position: relative;
}

.con_mm {
   margin-right: 5.5%;
}

.con_mm:last-child {
   margin-right: 0%;
}

.con_num_pid .num_per {
   opacity: 1;
}

.num_per {
   height: 72px;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.num_per p {
   font-weight: 700;
    font-size: 48px;
    color: #0A112D !important;
    line-height: 100px;
}

.num_txt {
   font-size: 18px;
   position: relative;
   word-wrap: break-word;
   text-align: center;
}

.com_bd_sect {
   background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/notary-03.jpg) !important;
}

.com_bg {
   padding: 4% 0;
   padding-bottom: 30px;
}

.com_cont {
   width: 100%;
}

.com_txt_sec {
   margin-bottom: 2.75%; 
}

.com_txt_secc {
   word-wrap: break-word;
}

.com_txt_con h3 {
   font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #098cf2 !important;
    letter-spacing: 2px;
    line-height: 2em;
}

.com_txt_con h1 {
   font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.5em;
    color: #fff;

}

.com_con_bod {
   border-top: 4px solid #098cf2;
}

.com_con_bottom {
   margin: 0 0 30px;
    position: relative;
}

.com_con_com {
   height: 4px;
    max-width: 140px;
}

.com_con_cont {
   line-height: 2em;
    font-size: 16px;
    line-height: 2em;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.com_con {
   word-wrap: break-word;
   text-align: center;
   color: #fff;
   
}

.com_bt_bt {
   text-align: center;
   padding-bottom: 4%;
}

.com_button {
   color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background-color: #0A112D;
}


.btn_bt_con {
   padding-top: 16px !important;
    padding-right: 32px !important;
    padding-bottom: 16px !important;
    padding-left: 32px !important;
}


.btt_btn_btn {
   box-shadow: 0px 2px 18px 0px rgba(239, 59, 36, 0.24);
    transition: letter-spacing 300ms ease 0ms;
}


.tb_button {
   
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    
    /* border: 2px solid; */
    /* border-radius: 3px; */
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}

.ct_con {
   position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: cover;
}

.ct_con_cont {
   padding-top: 60px !important;
    padding-right: 40px !important;
    padding-bottom: 60px !important;
    padding-left: 40px !important;
    margin-top: -150px !important;
    
}

.ct_bd_td {
   background-color: #ffffff;
    border-width: 3px !important;
    border-color: #eff5f7;
    box-shadow: 0px 40px 60px -10px rgba(0, 0, 0, 0.03);
    display: flex;
    position: relative;

}

.ct_bo_con {
   position: relative;
    border: 0 solid #333;
}

.ct_cont {
   margin-right: 5.5%;  

}

/*.ct_con_fle {
   display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
} */

.ct_container {
   font-weight: 600;
    color: #000000 !important;
}

.ct_ct_cont{
   max-width: 550px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
}

.cont_ct {
   width: 32px;
    display: table-cell;
    line-height: 0;
    opacity: 1;
}

.ct_spn {
   width: 80px;
   height: auto;
   background-color: #ebf2f5;
   color:#ff6900 ;
}

.ct_ct_spn {
   display: block;
   text-align: center;
}

.ct_span {
   border: 0 solid #333;
   padding: 30px 30px;
   border-radius: 100%;
}

.ct_txt_con {
   padding-left: 15px;
}

.ct_con_info {
   display: table-cell;
    vertical-align: top;
}

.ct_hd {
   font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    color: #aebcc3 !important;
    letter-spacing: 2px;
    line-height: 2em;

}

.ct_pd p {
   font-weight: 600;
}

.form_upt_ctt  {
   background-image: linear-gradient(180deg, #0A112D 0%, #0A112D 100%) !important;
   position: relative;
}

.form_upt_ctt {
   padding: 4% 0;
}

.form_upd_cct.form_upt_ctt {
   padding-top: 90px;
    padding-bottom: 60px;
}

.form_upt_cont {
   width: 100%;
   text-align: center;
}

.form_bd_con {
   margin-bottom: 2.75%;
}

.for_bd_tp {
   margin-left: auto !important;
    margin-right: auto !important;
}

.form_bod {
   height: 5px;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
    max-width: 100px;
}

.form_bom {
   margin: 0 0 30px;
    position: relative;
}

.form_bd_top {
   border-top: 4px solid #fff;
}

.form_header_upt{
   max-width: 710px;
   word-wrap: break-word;
   color: #fff;
}

.foorm_header_txt {
   font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 36px;
    color: #fff;
}

.form_upt_p {
   position: relative;
}

.form_cont_p p {
   text-align: center;
   font-size: 16px;
}

.form_form_sub {
   text-align: center;
}

.form_con_cont {
   width: 47.25%;
}

.form_form_continer{
   position: relative;
}

.form_form_main {
   width: 100%;
}

.form_news_lt {
   padding-bottom: 1em;
    margin-bottom: 0;
}

.form_news_lt input[type=text] {
   
    padding: 14px 4% !important;
    font-size: 16px;
    color: #666;
    background-color: #fff;
    width: 100%;
    font-weight: 400;
    border-width: 0;
    border-radius: 3px;
}

.form_inp_ct {
   border: 1px solid red !important;
}

.form_lt_ln {
   padding: 0.3em 1em !important;
}

.form_lit_a {
   color: #ffffff !important;
    border-color: #ffffff;
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
    background-color: #0A112D;
    display: block;
}

a {
   color: #2ea3f2;
}

.lit_form {
   font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}

.lit_form:hover{
   color: #6eba01 !important;
    border-color: #e02b20 !important;
    letter-spacing: 0px !important;
    background-image: initial;
    background-color: rgba(110, 186, 1, 0);
}

.log_sect {
   padding-top: 90px;
    padding-right: 0px;
    padding-bottom: 90px;
    padding-left: 0px;
}

.log_ct_cot {
   padding: 4% 0;
}

.log_pd_cont {
   width: 100%;
}

.log_header_cont {
   text-align: center;
   margin-bottom: 2.75%;
}


.lg_hd_co h1 {
   font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 36px;
    color: #1f1f1f !important;
  
}

.log_pd_con {
   line-height: 1.9em;
    font-size: 16px;
    line-height: 1.9em;
    max-width: 710px;
}

.lg_p_conn {
   word-wrap: break-word;
}

.log_img {
   display: flex;
}


.lg_img_con {
   width: 31.3333%;
}

.lg_img_ctt {
   margin-right: 5%;
}

.lg_img_ctt:last-child {
   margin-right: 0;
}

.img_lg_cont {
   margin-bottom: 4.787%;
}

.img_lg_span {
   
    max-width: 100%;
    margin: 0 auto;
}

.span_img_ct {
   max-width: 100%;
   height: auto;
   margin: 0 auto;
   display: block;
}

.span_img_ct:hover {
   background-color: #fff !important;
   z-index: 100;
}

.lan_sect_con {
   background-image: url(../images/section-bghero2.png), linear-gradient(100deg, #6b73ff 0%, #000dff 100%) !important;
   position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.lan_con_sect {
   padding-top: 8%;
    padding-bottom: 8%;
}

.lan_txt_sect {
   width: 47.25%;
}

.lan_txt_sst {
   margin-right: 5.5%;
}

.ln_tt_set {
   padding-top: 80px;
    padding-bottom: 80px;
}

.lan_txt_con {
   padding: 0 !important;
}

.lan_hd_con {
   padding-bottom: 20px;
   position: relative;
   
}

.lan_txt_hd {
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    font-size: 48px !important;
    line-height: 1.4em !important;
    color: #fff;
}

.lan_p_txt {
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    line-height: 1.8em;
}

.lan_p_txt ul {
   list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    
}

.lan_p_txt ul li {
   list-style: disc;
}

.btt_lan {
   color: #2a2a2a !important;
    border-width: 12px !important;
    border-color: #ffffff;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #ffffff;

}

.lan_bt_cont {
   
    font-weight: 500;
    padding: .3em 1em;
    /* line-height: 1.7em !important; */
    
    
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}

.btt_lant {
   border: 2px solid #fff;
}

.lan_form_sect {
   margin-right: 0;
}

.sect_lan {
   position: relative;
   display: flex;
}

.lan_form_con {
   background-color: #ffffff;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
}

.lan_formm_con {
   max-width: 450px;
   position: relative;
}

.lan_form_head {
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    line-height: 1.4em;
    padding-bottom: 16px;
    font-size: 26px;
}

.form_mt_cn {
   position: relative;
   padding-bottom: 40px;
}

.form_contain {
   margin-left: -3%;
}

.form_news_ltt {
   padding: 0 0 0 3%;
    margin-bottom: 3%;
    background-position: 50%;
    background-size: cover;
}

.form_inp_cttt {
   border-width: 1px;
    border-color: rgba(0, 0, 0, 0.12);
    
}

.form_news_ltt input[type=text]  {
   
   font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    width: 100%;
    
    border-radius: 0;
    color: #999;
    font-size: 16px;
    padding: 16px;
    
}

.form_div_ct {
   float: right;
    text-align: right;
    margin-top: -1.5%;
   position: relative;
    display: flex;
}

.form_sub_btn {
   color: #ffffff !important;
   border: 2px solid;
    border-color: #0A112D;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #0A112D !important;
    padding: 1em 1em;
    line-height: 1.7em !important;
    display: flex;
}

 .form_div_ct .sil_arrow {
   display: none;
}

.form_div_ct .sil_arrow:hover {
   display:inline;
}


.footer_sect {
   background-color: #222222;
}
.ftt_con {
   background-color: rgba(0, 0, 0, 0.96);
   padding: 15px 0 5px;
}

.con_ft_sect {
   width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
    text-align: center;
    word-wrap: break-word;
}

.footer_div {
   color: #fff;
}

.sec_trac {
   position: relative;
}

.sec_con_trac {
   text-align: centr;
}

.form_trac_con {
  width: 100%;
  position: relative;
  padding-top: 70px;
  transform: translateX(-100%);
  opacity: 0;
  animation: slide-in 1.5s ease-in-out forwards;
   
}

keyframes slide-in {
   to {
     transform: translateX(0);
     opacity: 1;
   }
 }

.form_txt_tt {
   font-size: 18px;
   font-weight: 500;
   color: #333;
}

.inpu_con {
   display: flex;
}


.con_inpu {
   width: 60%;
   position: relative;
}

.input_txt {
   padding: 7px 10px;
   border-radius: 5px;
   width: 100%;
   border: 1px solid #bbb;
   color: #555;
   font-size: 14px;
}



.form_btn_con {
   width: 40%;
   text-align: left;
   padding-top: 0px;
   padding-left: 8px;
   padding-bottom: 5px;
}

.btn_btn_trac {
   padding: 10px 15px;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 500;
   background-color: #00A924;
   border: 1px solid #fff;
   border-radius: 5px;
   color: #fff;
}


.trac_dd , .trac_num_con {
   position: relative;
}

.trac_num_con {
   padding-bottom: 20px;
   width: 100%;
   word-wrap: break-word;
}

.trac_num {
   font-size: 22px;
   font-weight: 600;
   color: #0a112d;
   font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.rt_trac_con, .trac_comment_con, .trac_rt_dt {
   position: relative;
}

.rt_trac_con {
   display: flex;
   
}

.trac_comment_con {

   width: 100%;
   padding-bottom: 30px;
   transform: translateX(-100%);
   opacity: 0;
   animation: slide-in 1s ease-in-out forwards;
   
}

@keyframes slide-in {
   to {
     transform: translateX(0);
     opacity: 1;
   }
 }

.wid_trac {
   width: 100%;
}

.wid_trac_con {
   width: 48%;
}



.trac_com_pd {
   word-wrap: break-word;
   border-left: 8px solid #00A924;
   padding: 20px 20px;
   background-color: #ecf3ec ;
}

.pd_trac_st {
   padding-bottom: 15px;
}

.banner_com_header {
   font-size: 17px;
   font-weight: 600;
   color: #05791e;
}

.banner_pd {
   padding-top: 10px;
   font-size: 14px;
   line-height: 16px;
   color: #000;
} 

.banner_cont a {
   color: #0a112d;
   font-weight: 600;
   padding-bottom: 10px;
}

.trac_rt_dt {
   padding-left: 30px;
}

.widt_trac_con {
   
   word-wrap: break-word;
}

.main_trac_sect {
   padding: 10px 10px;
   
}

.header_span {
   position: relative;
   
}

.trac_tex::before {
   content: "";
   border: 7px solid #218748;
    
   
    width: 0;
    height: 0;
    left: -9px;
    top: 4px;
    border-radius: 20px;
    display: flex;
    position: absolute;
}

.trac_tex {
   padding-left: 15px;
   color: #05791e;
   font-size: 18px;
   font-weight: 600;
}

.trac_txt_loc{
   padding-top: 5px;
   font-size: 14px;
   font-weight: 500;
   line-height: 1;
   padding-bottom: 10px;
}

.trac_txt_dt {
   line-height: 9px;
   font-size: 14px;
   font-weight: 500;
}

.trac_txt::before {
   content: "";
   position: absolute;
    left: 36px;
    top: 31px;
    width: 4px;
    height: 100%;
    animation: bar-fill 2s forwards linear;
    background-color:#0a112d;
    line-height: 2px;
   
}


@keyframes bar-fill {
50% {
   background-size: 4px 100%;
}

100% {
   background-size: 4px 100%;
} }

.trac_sect_txt, .trac_sect_txt_tt {
   font-size: 14px;
   font-weight: 600;
   color: #0a112d ;
}

.trac_sect_txt {
   padding-top: 10px;
}

.trac_sect_txt::before {
   border: 5px solid #0a112d;
    content: "";
    border-radius: 9px;
    display: inline-block;
    background-color: #0a112d;
    left: 33px;
    position: absolute;
    outline-color: #fff;
    outline-style: solid;
    
    z-index: 99;

}

.trac_set_tt::after {
   border: 5px solid #0a112d;
   content: "";
   border-radius: 9px;
   display: inline-block;
   background-color: #0a112d;
   left: 33px;
   position: absolute;
   outline-color: #fff;
   outline-style: solid;
   top: 109%;
   z-index: 99;

}


/*.trac_txt::before {
   content: "";
   position: absolute;
    left: -9px;
    top: 25p;
    width: 4px;
    height: 80px;
    animation: bar-fill 2s forwards linear;
    background-color:#0a112d ;
   

   
}*/

.trac_pd_pd {
   padding-left: 15px;
   
}

.trac_bom_pd {
   padding-bottom: 12px;
}

.trac_con_info, .trac_con_num {
   position: relative;
   
}

.trac_con_info {
   width: 40%;
   text-align: center;
}

.trac_info_dtt {
   font-weight: 600;
   font-size: 22px;
}

.trac_con_num {
   position: relative;
   display: flex;
   justify-content: space-between;
}


.xmark_icon {
   color: #3f3f3f;
   font-size: 19px;
}



 #google_translate_element {
            bottom: auto;
    top: 0;
    position: fixed;
   
    right: 20px;
    z-index: 200002;
    padding: 6px 20px 3px;
        }

        
        .goog-te-banner-frame.skiptranslate {
            display: none !important;
        }

       

        .goog-te-gadget-simple {
            background-color: #f1f1f1; /* Light grey background */
            border: 1px solid #ccc; /* Light grey border */
            border-radius: 5px; /* Rounded corners */
           
            font-size: 14px; /* Font size */
            color: #333; /* Text color */
            display: inline-block; /* Make the widget inline-block */
        }

        .goog-te-gadget-simple a {
            color: #007bff; /* Link color */
            text-decoration: none; /* Remove underline from links */
        }

        .goog-te-gadget-simple a:hover {
            text-decoration: underline; /* Underline links on hover */
        }

        .goog-te-gadget-icon {
            display: none; /* Hide the default Google icon */
        }

        /* Additional customization */
        .goog-te-combo {
            border: 1px solid #ccc; /* Light grey border */
            border-radius: 5px; /* Rounded corners */
            
            font-size: 14px; /* Font size */
        }

        .goog-logo-link {
            display: none !important;
            color: transparent !important;
        }

        .goog-te-gadget {
            color: transparent !important;
            
        }







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

   .face-address {
      display: none;
   }

   .log_img {
      display: block;
   }

   .con_div_et{
      display: block;
      justify-content: center;

   }

   .sec_sect {
      width: 100%;
      margin-bottom: 30px;
   }

   .sec_sect {
      padding-top: 30px;
  }





   .num_con {
      display: flex;
      flex-wrap: wrap;
  }

  .con_num_pd {
   width: 47.25%;
   position: relative;
}

.con_mm:nth-child(2n) {
   margin-right: 0;
}

.ct_bd_td {
   display: flex;
      flex-wrap: wrap;
}

.ct_cont:nth-child(2n) {
   margin-right: 0;
}


.ct_cont {
   padding-bottom: 30px;
}

.sec-div {
   height: 1300px;
 }

 .form_con_cont {
   width: 100%;
}

.com_bt_bt {
   text-align: center;
   padding-bottom: 15%;
}

.lg_img_con {
   width: 100%;
}

.sect_lan {
   display: block;
}

.lan_txt_sect {
   width: 100%;
   
}


.width_si {
   width: 90%;
}

.inpu_con {
   display: block;
}

.form_btn_con {
   width: 100%;
   padding-top: 10px;
   padding-left: 0px;
   text-align: right;
}

.con_inpu {
   width: 100%;
}




 }




 @media only screen and (max-width: 730px) {
   .container-nav-li{
      display: none;

   }

   .img-div{
      padding-left: 10px;
   }

   .divheader {
      display: block !important;
      position: relative;
      align-items: center;
   }

   .divcontact, .tact-icon > .socicon {
      display: block;
      text-align: center;
   }

   .tact-icon {
      display: none;
   }


   .header-div{
      
      height: 55px;
      width: 85%;
    max-width: 1080px;
    margin: auto;
    position: relative;
   }


   
   .img-logo{
      width: 150px;
      height: 50px;
      
   }

   .icon-txt{
      font-size: 0.7em;
      padding-top: 4px;
      padding-left: 6px;
      color: rgb(33, 110, 110);
   }

   .fa-bar-nav {
      display: flex;
   }

   .side-bar-se {
      /*background-color: rgb(3, 3, 46);*/
      background-color: #fff;
      height: 800px;
      width: 0px;
      position: fixed;
      z-index: 10000;
      
      overflow: hidden;
      right: 0;
      top: 0;
      transition: 0.5s;
   }

   .fa-bar{
      display: flex;
      
   }

   .span-bar{
      font-size: 1.8em;
      color: #0693e3;
      padding: 5px 5px;
      
   }

   .side-bar-li{
      margin: auto;
      justify-content: center;
      padding: 20px;
      text-align: left;
      padding-top: 40px;
      font-size: 1em;
      color: #0a112d;
   }

   .side-bar-li li a {
      color: #0a112d;
      font-weight: 600;

   }



   .side-bar-con{
      display: flex;
      justify-content: space-between;
      padding: 20px 20px;
   }

   .side-bar-txt{
      font-size: 1em;
      font-weight: bold;
      color: rgb(33, 110, 110);

   }

   .li-bar-item1 {
      padding-top: 20px;
      padding-bottom: 20px;
   }

   .li-bar-item {
      padding-top: 30px;
      padding-bottom: 20px;
   }

   .slider-img {
      width: 100%;
      height: 550px;
   }

   .slider-txt {
      text-align: center;
      position: absolute;
      top: 40%;
      color: #fff;
      overflow: hidden;
      vertical-align: middle;
      left: 0%;
      right: 0%;
   
      
     
   }
   
   .header-txt {
      margin-bottom: 10px;
      font-size: 34px;
      
   
   }

   .prev, .next {
      font-size: 20px;
      padding: 12px;
   }
   
   .header-p {
       padding: 5px 40px 5px 40px;
      font-size: 16px;
      max-width: 480px;
      margin: 0 auto;
  }

  .btn-container {
   display: block;
   position: relative;
  }
   
  .btn-btn {
   padding: 10px 20px;
   background-color: transparent;
   border-style: none;
   border-radius: 12px;
   font-size: 12px;
   font-weight: 700;
   color: #0a112d;
   border: 2px solid #fff;
}

.con_div_et {
   width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
    display: block;
    justify-content: center;
 }

 .con_div_et{
   padding: 30px 0px;
 }

 .sec-div {
   height: 1500px;
 }

 .sect_cont {
   width: 100%;
   margin-bottom: 30px;
   
 }

 .sect_item {
   margin-bottom: 30px;
 }

 .sectheader {
   font-size: 30px !important;
 }

 .sect_item p {
   font-weight: 600;
 }

 .sec_sect {
   width: 100%;
   margin-bottom: 30px;
 }

 .sec_sect {
   padding-top: 30px;
 }

 .num_con {
   display: block;
   
 }

 .con_num_pd {
   width: 100%;
   margin: 0 0 30px;
 }

 .com_txt_con h1 {
   font-size: 28px;
 }

 .com_con_cont {
   font-size: 15.04px;
 }

 .com_bt_bt {
   text-align: center;
   padding-bottom: 45%;
}

.btn_bt_con {
   padding-top: 16px !important;
   padding-right: 20px !important;
   padding-bottom: 16px !important;
   padding-left: 20px !important;

  
 }

 .ct_bd_td {
   display: block;
 }

 .ct_ct_cont {
   padding-top: 10px;
 }

 .ct_span {
   padding: 30px 20px;
 }

 .ct_txt_con {
   padding-left: 10px;
   text-align: left;
}

.ct_pd p {
   font-size: 12px;
   word-wrap: break-word;
}

.form_con_cont {
   width: 100%;
}

.width_si {
   padding: 30px 0;
   width: 90%;
}

.log_ct_cot {
   padding: 40px 0;
}

.lg_img_con {
   width: 100%;
   margin-bottom: 30px;
}


.sect_lan {
   display: block;
}

.lan_txt_sect {
   width: 100%;
   margin-bottom: 30px;
}


.rt_trac_con {
   display: block;
}

.trac_rt_dt {
   padding-left: 0px;
}

.trac_txt::before {
   left: 5px
}

.trac_sect_txt::before {
   left: 2px;
}

.wid_trac_con {
   width: 100%;
}

.trac_set_tt::after {
   left: 2px;

}

.form_trac_con {
   padding-top: 70px;
   
}

.width_si_tt {
   width: 90%;
}

.form_txt_tt {
   font-size: 14px;
}

.inpu_con {
   display: block;
}

.form_btn_con {
   width: 100%;
   padding-top: 10px;
   text-align: right;
}

.con_inpu {
   width: 100%;
}

.trac_con_info {
   width: 70%;
}







}


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

   .sec-div {
      height: 1600px;
    }

    .btn_bt_con {
      padding-top: 16px !important;
      padding-right: 0px !important;
      padding-bottom: 16px !important;
      padding-left: 0px !important;
  }

}