@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    position: relative;
}
h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  }
a{
    text-decoration: none;
}
.main_body_flx{
  display: flex;
  margin-top: 25px;
}
.portation1{
  width: 20%;
}
.portation2{
  width: 80%;
}
/* .main_site_portion .col-lg-2{
  max-width: 19.666667%!important;
}
.main_site_portion .col-lg-10{
  max-width: 50% !important;
} */
a:hover{
  text-decoration: none;
}
li{
  list-style-type: none;
}
body.modal-open {
  padding: 0 !important;
}
html{
  scroll-behavior: smooth;
}
html,body{
  overflow-x: hidden;
}
:root {  
  --dpup: #013183;
  --lpup: #3C90E9;
  --tgrey: #E8E3FF;
  --tblck: #2B2623;
  --twhite: #ffffff;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 100px;
  z-index: 996;
  background: var(--tblu);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
  border: 2px solid var(--tblu);
  border-radius: 100px;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top i:hover{
  color: #fff;
}
.back-to-top:hover {
  background: var(--tpurple);
  color: #fff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 0px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 50px 20px;
background: #c9e3ffbd;
}
.my_side_menu{
  width: 10%;
}
.logo{
  width: 30%;
}
.header.header-scrolled {
  background: #c9e3ff !important;
  padding: 40px !important;
  box-shadow: 0 0 15px 0 var(--lpup);
}
.scrolled-offset {
  margin-top: 70px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

.navbar {
  padding: 0;
  margin-right: auto;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: var(--twhite);
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 24px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #545454;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: var(--t1);
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: var(--twhite);
  font-size: 28px;
  border: 1px solid var(--twhite);
  border-radius: 100px;
  padding: 5px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: var(--twhite);
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(59, 59, 59, 0.9);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #545454;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: var(--twhite);
  background-color: var(--torg);
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #e96b56;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
.haeder_btn{
  display: flex;
  width: 20%;
  justify-content: end;
}
/* LETF STICKY SIDEBAR START */
.portation1 #myScrollspy {
  margin-top: 120px;
}
.left_sticky_sidebar ul.nav-pills {
  display: block;
}
.left_sticky_sidebar ul li a {
  color: var(--dpup);
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  padding: 13px 0px 13px 20px;
  text-align: left;
}
 .nav .active, .nav .active:focus > a {
  color: var(--twhite) !important;
  background-color: var(--lpup);
  border-radius: 100px;
  padding: 13px 75px 13px 20px;
}
.nav a:hover{
  color: var(--lpup);
}
.port1_img1 img{
  width: 93%;
  display: block;
  margin-top: 50px;
}
.port1_img2 img{
  width: 93%;
  display: block;
  margin-top: 50px;
}
.port1_img2{
    margin: 8px;
   color: #fff;
}
.port1_img2 .card{
     background: #013183;
     padding:10px;
     border-radius:10px;
}
.port1_img2 ul li {
    font-size: 14px;
    line-height: 40px;
}
.port1_img2 i {
    margin-right: 10px;
    color: #3d90e8;
}
.port1_img2 ul{
    padding:0px;
}
.port1_img2 h3{
    font-size: 20px;
    font-weight: 800;
}
/*.port1_img3 img{*/
/*  width: 100%;*/
/*  display: block;*/
/*  margin-top: 100px;*/
/*}*/
.port1_img3 img {
    width: 95%;
    display: block;
    margin-top: 29px;
    padding-left: 10px;
}
.port1_img3 .btn_sid{
  margin-top: -67px;
  text-align: center;
}
.btn_sid .btn_dark{
  margin-left: 0px;
}
.port1_img4 img{
  width: 100%;
  display: block;
  margin-top: 150px;
}
.port1_img4 .btn_sid{
  margin-top: -53px;
  text-align: center;
}
.port1_img5 img{
  width: 97%;
  display: block;
  /*margin-top: 150px;*/
}
.port1_img5 .btn_sid{
  margin-top: -53px;
  text-align: center;
}
/*.port1_img6 img{*/
/*  width: 100%;*/
/*  display: block;*/
  /*margin-top: 150px;*/
/*}*/
.port1_img6 img {
    width: 98%;
    display: block;
    margin-top: 29px;
    padding-left: 10px;
}
.port1_img21  img {
    width: 100%;
    display: block;
    /*margin-top: 29px;*/
    /*padding-left: 10px;*/
}
.port1_img21 .card{
    background-color:#3c90e9;
}
.port1_img21 .card-body{
    padding-top:0px;
    padding-left:12px;
}
.port1_img21 {
    padding:8px;
    color:#fff;
}
.port1_img21 ul li {
    font-size: 14px;
    line-height: 40px;
}
.port1_img21 i {
    margin-right: 10px;
    color: var(--dpup);
}
.port1_img21 ul{
    padding:0px;
}
.gh{
   text-align:center; 
}
.gh h3 {
    font-size: 27px !important;
}

.port1_img21 h3{
    font-size: 13px;
    font-weight: 800;
    line-height:30px;
}

.port1_img9{
    /*padding-top:45px;*/
}
.port1_img6 .btn_sid{
  margin-top: -67px;
  text-align: center;
}
.port1_img4 .btn_dark{
  background-color: var(--lpup);
  border-color: var(--lpup);
  text-align:center;
  width:65%;
  margin:0px auto;
}
.port1_img4{
    /*padding-top:50px;*/
}
.gg01 .card{
    background:var(--dpup);
}
.gg01 .btn_dark {
    background-color: var(--lpup);
    border-color: var(--lpup);
    text-align: center;
    width: 65%;
    margin: 0px auto;
}
.gg01 .card-body{
    text-align:center !important;
    /*padding-bottom:5px;*/
}
.gg01 h3{
    line-height:40px;
}
.port1_img5 .btn_dark{
  background-color: #013183;
  border-color: var(--lpup);
  text-align:center;
  width:65%;
  margin:0px auto;
}
.port1_img4 h3 {
    font-size: 16px;
    font-weight: 800;
    line-height: 28px;
}

/* LETF STICKY SIDEBAR END */
/* BUTTONS START */
.btn_light{
  background: #3C90E9;
  border-radius: 100px;
  padding: 12px 30px !important;
  color: var(--twhite) !important;
  font-size: 15px !important;
  margin-left: 20px;
  border: 2px solid #3C90E9;
  box-shadow: 0px 2px 12px 6px #8d8b8b82;
  transition:0.5s ease-in-out;
}
.btn_light:hover{
  background: var(--twhite);
  color: var(--dpup) !important;
  transform: scale(1.2);
}
.btn_head{
  background: var(--dpup);
  border-radius: 100px;
  padding: 12px 30px !important;
  color: var(--twhite) !important;
  font-size: 15px !important;
  margin-left: 20px;
  border: 2px solid var(--dpup);
  transition:0.5s ease-in-out;
}
.btn_head:hover{
  background: var(--lpup);
  border-color: var(--lpup);
  color: var(--twhite) !important;
  transform: scale(1.2);
}
.btn_wtsp {
    background-color: #11bb19;
    border-radius: 100px;
    padding: 12px 30px !important;
    color: var(--twhite) !important;
    transition: 0.5s ease-in-out;
    font-size: 15px !important;
    margin-left: 10px;
    border: 2px solid #11bb19;
}
.btn_wtsp:hover{
  background-color: var(--twhite);
  color: #11bb19 !important;
  border-color: #11bb19;
  transform: scale(1.1);
  border: 2px solid #11bb19;
}
.btn_dark{
  background-color: var(--dpup);
  border-radius: 100px;
  padding: 12px 30px !important;
  color: var(--twhite) !important;
  transition:0.5s ease-in-out;
  font-size: 15px !important;
  margin-left: 10px;
  border: 2px solid var(--dpup);
}
.btn_dark:hover{
  background-color: var(--twhite);
  color: var(--dpup) !important;
  border-color: var(--torg);
  transform: scale(1.1);
  border: 2px solid var(--dpup);
}

.sec_btn{
  margin-top: 30px;
}
.sec_btn .btn_light{
  margin-left: 0px;
}
.homesec4 .btn_light{

  margin-left: 0px;
  background-color: var(--twhite);
  color: var(--dpup) !important;
  box-shadow: none;
  border-color: var(--twhite);
}
.homesec4 .btn_light:hover{
  margin-left: 0px;
  background-color: #3C90E9;
  color: var(--twhite) !important;
  box-shadow: none;
  border-color: var(--lpup);
}
.home_hero .btn_light{
  margin-left: 0px;
  background-color: var(--twhite);
  color: var(--dpup) !important;
  box-shadow: none;
  border-color: var(--twhite);
}
.home_hero .btn_light:hover{
  margin-left: 0px;
  background-color: #3C90E9;
  color: var(--twhite) !important;
  box-shadow: none;
  border-color: var(--lpup);
}
/* BUTTONS END */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.sec_bac{
  background-image: url(../images/ji43.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.ass_bac{
  background-image: url(../images/ji42.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.diss_bac{
  background-image: url(../images/ji1.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.res_bac{
  background-image: url(../images/ji40.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
} 
.thes_bac{
  background-image: url(../images/ji39.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.onem_bac{
  background-image: url(../images/ji41.webp);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.how_wrk{
  background-image: url(../images/ja41.html);
  background-position: top;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: 100px;
  padding-left: 20px;
}
.home_hero h1{
  color: var(--twhite);
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
}
.home_hero p{
  font-size: 15px;
  font-weight: 300;
  color: var(--twhite);
  line-height: 30px;
  margin-top: 20px;
  font-family: poppins;
  margin-bottom: 20px;
  padding-right: 34px;
}
/* HEADER FORM START */
.hed_form{
  margin-left: auto;
  margin-right: auto;
  background-color: var(--dpup);
  border-radius: 15px;
  margin-top: 20px;
}
.head_form_col{
  padding: 15px 50px 30px 0px;
}
.sah input{
  width: 100%;
  margin-top: 15px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 48px;
  background-color: var(--twhite);
  font-size: 15px;
  font-family: poppins;
  color: rgb(0, 0, 0);
}
.sah select {
    width: 100%;
    margin-top: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 48px;
    background-color: var(--twhite);
    font-size: 15px;
    font-family: poppins;
    color: rgb(0, 0, 0);
}
.sah input::placeholder{
  color: rgb(94, 94, 94);
}
.sah input:focus{
  background-color: var(--twhite);
  color: rgb(0, 0, 0);
  border-color: var(--tyello);
}
.sah{
  position: relative;
}
.sah button{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 20px;
  background-color: var(--lpup);
  color: var(--twhite);
  border: 2px solid var(--lpup);
  border-radius: 100px;
  padding: 15px 30px;
  font-size: 15px;
  box-shadow: 0px 2px 12px 6px var(--dpup);
}
.sah button:hover{
  background-color: var(--twhite);
  border-color: var(--twhite);
  color: var(--lpup);
}
.sah a{
  width: 100%;
  margin-top: 20px;
  background-color: var(--tyello);
  color: #fff;
  border: 2px solid var(--tyello);
  border-radius: 5px;
  padding: 11px 30px;
  font-size: 15px;
  display: block;
  text-align: center;
}
.sah a:hover{
  background-color: var(--tpurple);
  border-color: var(--tyello);
  color: #fff;
}
.hed_form{
  position: relative;
}
.hf_h1::before {
  content: "";
  animation: zoom-in-zoom-out 2s ease-out infinite;
  position: absolute;
  top: -11px;
  right: -31px;
  background-size: 100% !important;
  background: url(../images/ji3.png) no-repeat;
  width: 157px;
  height: 75px
}
.hfrw{
  align-items: center;
}
.hf_h1{
  background-color: var(--lpup);
  border-radius: 100px;
  padding: 7px 30px 1px 30px;
}
.hf_h1 h3{
  color: var(--twhite);
  font-family: 'Bebas Neue', cursive;
  font-size: 30px;
  margin-top: 2px
}
.hf_h2{
  background-color: var(--lpup);
  padding: 12px 20px 5px 20px;
  margin-top: 30px;
}
.hf_h2 h3{
  color: var(--twhite);
  font-size: 15px;
}
/* HEADER FORM END */
/* LOGO BRANDS START */
.brand {
  background-color:transparent;
  padding: 0px 0;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px auto;
  border: 1px solid rgb(211 211 211);
}
.row .brand_row{
  display: flex;
  align-items: center;
}
.my_brands img {
  margin: 0 13px;
  width: 155px !important;
  height: 50px;
}
/* LOGO BRANDS END */
/* PADDING  START */
.cl_pr{
  padding-right: 50px;
}
.cl_pl {
  padding-left: 80px;
}
/* PADDING  END */

/* SERVICES START */
.services{
  padding-top: 30px;
  padding-bottom: 30px;
}
.sercl1 h2{
  font-weight: 600;
  color: var(--dpup);
  font-size: 30px;
}
.sercl1 p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tblack);
  line-height: 33px;
  font-family: poppins;
  margin-top: 15px;
}
.sercl2 img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.main_ser_bx{
  margin-top: 25px;
  padding-left: 10px;
}
.ser_rw{
  align-items: flex-end;
}
.sbox{
  background-color: #C9E3FF;
  border-radius: 5px;
  padding: 13px;
  transition: 0.5s ease-in-out;
  color: var(--dpup);
  width:70%;
}
.sbox:hover {
  background: var(--dpup);
  box-shadow: 0 0 27px rgb(117 116 128 / 23%);
  transform: scale(1.1);
  color: var(--twhite);
}
.sbox:hover .sbox_btn a{
  color: var(--twhite);
}
.sbox img{
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.sbox h3{
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;

}
.sbox_btn{
  margin-top: 20px;
  text-align: center;
}
.sbox_btn a{
  font-size: 12px;
  line-height: 28px;
  color: var(--dpup);
  text-align: center;
  text-decoration: underline;
}
.main_ser_bx .col-lg-3{
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-right:-40px;
}
/* SERVICES END */

/* HOME SECTION 2 START */
.home_sec2{
  padding-top: 20px;
}
.hs2_cl1 h2 {
  font-weight: 600;
  color: var(--dpup);
  font-size: 28px;
  line-height: 42px;
  /*text-align:center;*/
}

.hs2_cl1 p {
  font-size: 15px;
  font-weight: 400;
  color: var(--tblack);
  line-height: 30px;
  font-family: poppins;
}
.hs2_cl2 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.hs2_rw{
  align-items: center;
}
.hs2_cl2{
  align-items: center;
  transform: scale(1.1);
}
.home_sec2 .btn_light{
  box-shadow: none;
}
/* HOME SECTION 2 END */

/* FEATURE SECTION START */
.feat_rw h2 {
  font-weight: 600;
  color: var(--dpup);
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}
.feat_rw img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* FEATURE SECTION END */

/* EXPERTS SECTION START */
.exper_ssec{
  padding-top: 30px;
  padding-bottom: 30px; 
}
.exp_rw2 img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-animation: mymove 20s linear infinite;
  animation: mymove 200s linear infinite;
}
.myimg{
  height: 200px;
  width: 100%;
  -webkit-animation: mymove 20s linear infinite;
  animation: mymove 200s linear infinite;
  background-image: url(../images/ji13.webp);
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: 40px;
}
.exp_rw22 img{
  width: 34%;
  margin-left: 0px;
  margin-right: 5px;
}
.colgs{
  display: flex;
  align-items: center;
}
/*  EXPERTS SECTION END */

/* HOME SEC 4 START */
.homesec4{
  background-image: url(../images/ji21.webp);
  background-position: right;
  padding-bottom: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 30px;
  margin-top: 50px;
  padding-left: 20px;
  border-radius: 10px;
}
.hs4_cl1 h2{
  font-weight: 600;
  color: var(--twhite);
  font-size: 28px;
  line-height: 42px;
}
.hs4_cl1 p{
  font-size: 15px;
  font-weight: 300;
  color: var(--twhite);
  line-height: 30px;
  margin-top: 10px;
  font-family: poppins;
  margin-bottom: 10px;
  padding-right: 34px;
}
/* HOME SEC 4 END */

/* INNER PAGE FORM START */
.inner_page_form{
  background-color: #6B7A99;
  padding: 30px 40px;
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
.mid_sec .inner_page_form::before {
  display: none;
}

.inner_page_form h3{
  color: var(--twhite);
  font-size: 25px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}
.inner_page_form input{
  width: 100%;
  margin-top: 15px;
  border: 1px solid #fff;
  border-radius: 0px;
  height: 50px;
  font-size: 16px;
  font-family: poppins;
  color: var(--tblack);
  padding-left: 20px;
  background: #ffffff;
}
.inner_page_form input:focus{
  background-color: var(--twhite);
  border-color: var(--tblu);
  box-shadow: none;
  color: var(--tblack);
}
.inner_page_form select{
  width: 100%;
  margin-top: 15px;
  border: 1px solid #fff;
  border-radius: 0px;
  height: 50px;
  font-size: 16px;
  font-family: poppins;
  color: var(--tblack);
  padding-left: 20px;
  background: #ffffff;
}
.inner_page_form select:focus{
  background-color: var(--twhite);
  border-color: var(--tblu);
  box-shadow: none;
  color: var(--tblack);
}
.sai{
  position: relative;
}
.sai button{
  width: 100%;
  margin-top: 20px;
  background: var(--dpup);
  color: #fff;
  padding: 12px 30px;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 0px;
  font-weight: 500;
  transition: 0.2s ease-in-out;
  border: none;
}
.sai button:hover{
  background: var(--twhite);
  color: var(--torg);
}
/* INNER PAGE FORM END */

/* FOOTER START */
.my_footer{
 padding-top: 50px;
 padding-bottom: 30px;
 background-color: #3C90E9;
 margin-top: 50px;
}
.frow1{
  align-items: flex-start;
}
.fcol1 img{
  width: 50%;
}
.fcol1 p{
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 33px;
  margin-top: 20px;
}
.cff input{
  width: 100%;
  margin-top: 15px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 45px;
  background-color: #fff;
  font-size: 15px;
  font-family: poppins;
  color:var(--tblack);
  padding-left: 20px;
}
.cff input:focus{
  background-color: #fff;
  color: var(--tblack);
}
.cff{
  position: relative;
}
.cff button{
  width: 100%;
  margin-top: 20px;
  background-color: var(--tblck);
  color: rgb(255, 255, 255);
  border: 2px solid var(--tblck);
  border-radius: 5px;
  padding: 11px 30px;
  font-size: 15px;
}
.cff button:hover{
  background-color: var(--twhite);
  color: var(--torg);
  border-color: var(--twhite);
}
.frow3{
  align-items: center;
  padding-top: 15px;
}
.footer_form{
  border: 2px solid var(--tlight);
  background: var(--torg);
  padding-top: 20px !important;
  padding: 30px;
  border-radius: 5px;
}
.fr3c1 p{
  font-size: 15px;
  color: #fff;
}
.footer_copyright{
  background: var(--dpup);
}
.fr2c2 h3{
  font-size: 22px;
  color: #fff;
  font-weight: 600;
}
.fr2c2 ul{
  padding-left: 0px;
}
.fr2c2 ul li a{
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  margin-left: 3px;
}
.fr2c2 ul li a:hover{
  color: var(--dpup);
}
.foo_cnt i{
  margin-right: 5px;
  color: var(--dpup);
}
.mbf{
  margin-bottom: 20px;
}
/* FOOTER END */

/* Disclaimer */
.discla h3{
  font-size: 27px;
  color: #000;
  font-weight: 600;
}
.discla p{
  font-size: 15px;
  color: #000;
  line-height: 33px;
}
.dis{
  box-shadow: 3px 4px 10px var(--lpup);
  background-color: var(--twhite);
}
/* CONTACT SECTION START */
.contact_sec{
  padding-top: 30px;
}
.contact_sec h2 {
  font-weight: 600;
  color: var(--dpup);
  font-size: 28px;
  line-height: 42px;
}
.contact_sec p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tblack);
  line-height: 33px;
  font-family: poppins;
}
.ff_df{
  display: flex;
  align-items: center;
}
.contact_sec input{
  background-color: #E9E9E9;
  border: 2px solid #E9E9E9;
  margin-bottom: 20px;
  color: var(--tblck);
  font-size: 15px;
  height: 55px;
  width: 97%;
  margin-left: 10px;
  margin-right: 10px;
}
.contact_sec select{
    background-color: #E9E9E9;
  border: 2px solid #E9E9E9;
   margin-bottom: 20px;
  color: #3C90E9;
  font-size: 15px;
  height: 55px;
  width: 97%;
  margin-left: 10px;
  margin-right: 10px;
}


.contact_sec .sai{
  margin-left: 10px;
  margin-right: 10px;
}
.contact_sec input::placeholder{
  color: #3C90E9;
}

.contact_sec input:focus{
  border: 1px solid #3C90E9;
  box-shadow: none;
  background-color: #E9E9E9;
}
.contact_sec textarea:focus{
  border: 1px solid #3C90E9;
  box-shadow: none;
  background-color: #E9E9E9;
}
.ft_sec{
  align-items: center;
}
.contact_sec button{
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: none;
  width: 30%;
  text-align: center;
  margin-top: 20px;
}
.contact_sec button.btn_light:hover{
  background-color: var(--dpup);
  color: var(--twhite) !important;
  border-color: var(--dpup);
}
/*  FOOTER FORM SEC END */
/* CONTACT SECTION END */
/* Disclaimer */

/* WHATSAPP CHAT SCRIPT */
.navbar-fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 999999;
}
.whappfooter i{
  font-size: 50px;
  background-color: #11bb19;
  border-radius: 100px;
  padding: 10px 15px;
  color: #fff;
  margin-bottom: 20px;
  transition: 0.5s ease-in-out;
}
.whappfooter i:hover{
  transform: scale(1.1);
  background-color: #0fe419;
}
/* WHATSAPP CHAT SCRIPT  END*/
/* POPUP FORM START */
.modal-header{
  padding: 0;
  padding-top: 20px;
}
.modal-header .close{
  margin: 0;
}
.modal-header .close {
  margin: 0;
  margin-top: -20px;
  color: var(--tpurple) !important;
  background-color: #fff;
  opacity: 1;
  border-radius: 100%;
  width: 8%;
  height: 39px;
}
.modal-content{
  background-color: transparent;
  border: none;
}
.modal-header{
  border: none;
}
.popcol .inner_page_form{
  background-color: var(--dpup);
}
.popcol .inner_page_form p{
  display: none;
}
.popcol .inner_page_form .sai button{
  background-color: var(--lpup);
}
.popcol .inner_page_form .sai button:hover{
  background-color: var(--twhite);
}
/* POPUP FORM END */


/* THANKYOU */
.fr3c2 ul li{
  display: inline-flex;
  margin-left: 10px;
}
.fr3c2 ul li a{
  color: #fff;
  font-size: 16px;
}
.fr3c2 ul li a:hover{
  color: #3C90E9;
}
/* Animation */

/* MID FORM SECTION START */
.mid_sec{
  padding-top: 50px;
  padding-bottom: 30px;
}
.mids2 h2{
  color: var(--tdrkish);
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
  text-align: left;
}
.mids2 p{
  color: var(--tdrkish);
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
.mid_flx1 h2{
  color: var(--twhite);
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
}
.mid_flx1 p{
  color: var(--twhite);
  font-size: 16px;
  line-height: 35px;
}
.midrw{
  margin-bottom: 20px;
}
.midrw .divi img{
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  width: 11%;
}
.mimg img{
  width: 100%;
  position: relative;
  z-index: 1;
  height: 478px;
}
.mimg{
  display: flex;
  align-items: flex-start;
}
.mid_flx1{
  width: 55%;
}
.mid_flx2{
  width: 45%;
}
.midbac{
  height: 373px;
}
.mid_flx2 .inner_page_form{
  margin-left: 0px;
  border-radius: 0px;
  padding: 22px 40px;
  margin-right: 0px;
  background-color: #3C90E9;
  border-radius: 20px 0px 0px 20px;
}
.mid_flx2 .inner_page_form h3{
  color: var(--twhite);
  font-size: 26px;
}
.mid_flx2 .inner_page_form p{
  color: var(--twhite);
  font-size: 14px;
  line-height: 32px;
}
/* MID FORM SECTION END */

/* THANKYOU */
.ex_page header{
  background-color: #ffffff;
  padding-bottom: 40px;
  padding-top: 50px !important;
}
.thanks {
    padding-top: 198px;
    text-align: center;
    padding-bottom: 0px;
    background: #fbfbfb;
}
.thanks h1{
    font-size: 45px;
      color: var(--tdrk);
    font-weight: 600;
    font-family: poppins;
    background-image: url(../images/border.gif);
    background-size: 100% 100%;
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px;
}
.thanks h1 span{
  color: var(--lpup);
}
.thanks p{
  font-size: 18px;
  text-align: center;
  color: rgb(90, 90, 90);
  font-weight: 400;
  margin-top: 30px;
  text-transform: capitalize;
}
.thanks i{
  font-size: 110px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: var(--lpup);
  margin-top: 20px;
}
.termsc h2{
  font-size: 35px;
  font-weight: 600;
  padding-top: 160px;
}
.termsc h4{
  font-size: 28px;
  font-weight: 600;
}
.termsc p {
  font-size: 16px;
  font-weight: 400;
  color: var(--t4);
  line-height: 33px;
  font-family: poppins;
  margin-bottom: 40px;
  padding-top: 15px;
  text-align: justify;
  padding-right: 40px;
}
.termsc ul li{
  margin-top: 15px;
  list-style-type: circle;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #013183;
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.8);
    transition: all 0.5s ease-in-out;
  }
  30% {
    transform: scale(0.9);
    transition: all 0.7s ease-in-out;
  }
  50% {
    transform: scale(1.1);
    transition: all 0.7s ease-in-out;
  }
  50% {
    transform: scale(0.9);
    transition: all 0.7s ease-in-out;
  }
  100% {
    transform: scale(0.8);
    transition: all 0.7s ease-in-out;

  }
}
/* Animation End */
/* Window Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--lpup); 
  border-color: var(--dpup);
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--lpup); 
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--dpup);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 28px;
  color: var(--twhite);
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #ffd900;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.secmg img{
  filter: none;
  width: 70%;
}
.secmg2 img{
  width: 100%;
  margin-top: 50px;
}
.ass_page .exper_ssec{
  margin-top: 30px;
}
@keyframes mymove{
  0%{
      background-position: -10000px 0px;
  }
  100%{
      background-position: 0px 0px;
  }
}
.feature {
    padding-top: 50px;
}
.my_img_port img{
   display: none;
}
.my_img_port a {
    display: none;
}
/*.port1_img5 img{*/
/*    padding-right: 5px;*/
/*}*/
.port1_img5 img {
    /* padding-right: 5px; */
    padding-left: 8px;
}
.port1_img6 img{
    padding-right: 5px;
}
.port1_img1 img{
    padding-right: 5px;
}
.port1_img4 img{
    padding-right: 5px;
}
.port1_img5 i {
    font-size: 25px;
    color: #013183;
}
.port1_img5 ul li {
    font-size:25px;
    text-align:center;
}
.port1_img5 .card {
    background: #3c90e9;
    padding: 10px;
    border-radius: 10px;
}
.homesec4 .btn_light:hover{
    border:2px solid #fff;
}
.home_hero .btn_light:hover{
    border:2px solid #fff;
}


/*TOPBAR */

.contact-info {
  display: flex;
  margin-right: auto;
  width: 42%;
}
.topbard1 {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.tdf1 h5{
  font-size: 14px;
  color: rgb(75, 75, 75);
}
.tdf1 a{
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.tdf1 i{
  font-size: 15px;
  margin-right: 15px;
  background-color:#013183;
  border: 1px solid #013183;
  border-radius: 50px;
  padding: 12px;
  color: #fff;
  transition: 0.5s ease-in-out;
  animation: pulse-animation 2s infinite;
}
.tdf1 .wh{
  font-size: 20px;
}
.tdf1 i:hover{
  background-color: #013183;
  color: #fff;
}
.popup_frm .modal-dialog {
  max-width: 750px !important;
}
.popimg img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.poprwsd{
  align-items: center;
}
.popup_frm .inner_page_form{
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 10px;
  border: 10px solid  #455A64;
}
.popup_frm .inner_page_form::before {
  content: "";
  position: absolute;
  top: -62px;
  left: -81px;
  background-size: 100% !important;
  background: url(../images/cap.png) no-repeat;
  width: 197px;
  height: 199px;
}
.popup_frm .inner_page_form::after {
  content: "";
  position: absolute;
  top: 12px;
  right: -100px;
  background-size: 100% !important;
  background: url(../images/paya.svg) no-repeat;
  width: 25%;
  height: 100%;
}
.popup_frm .inner_page_form h3{
  color: var(--tblck);
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  font-family: 'Poppins';
}
.popup_frm .inner_page_form input {
  width: 100%;
  margin-top: 0px;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  height: 50px;
  font-size: 16px;
  font-family: poppins;
  color: var(--tblack);
  padding-left: 20px;
  background: #ffffff00;
}
.popup_frm .inner_page_form select {
  width: 100%;
  margin-top: 0px;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  height: 50px;
  font-size: 16px;
  font-family: poppins;
  color: var(--tblack);
  padding-left: 20px;
  background: #ffffff00;
}
.popup_frm .inner_page_form textarea {
  width: 100%;
  margin-top: 0px;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  height: 100px;
  font-size: 16px;
  font-family: poppins;
  color: var(--tblack);
  padding-left: 20px;
  padding-top: 10px;
  background: #ffffff00;
}
.popup_frm .inner_page_form  label{
  margin-bottom: 5px;
  margin-top: 15px;
  display: block;
  font-weight: 500;
}
.popup_frm .inner_page_form button{
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 100px;
}
.popup_frm .inner_page_form button:hover{
  background-color: #455A64 !important; 
  color: var(--twhite) !important;
}
.popup_frm .inner_page_form textarea:focus{
  background-color: var(--twhite);
  border-color: var(--tblu);
  box-shadow: none;
  color: var(--tblack);
}
.popup_frm .modal-header .close {
  margin: 0;
  margin-top: -20px;
  color: var(--tpurple) !important;
  background-color: #fff;
  opacity: 1;
  border-radius: 100%;
  width: 6%;
  height: 39px;
  position: absolute;
  right: 0px !important;
}
.footer_logo img {
  filter: brightness(0) invert(1);
}
.row.mythnkurw {
  justify-content: center;
  align-items: center;
  text-align: center;
      margin-bottom: 25px;
      position:relative;
      /*top:-90px;*/
}
.mythnkurw a {
  background: #d7eaff;
  padding: 15px 24px;
  border-radius: 5px;
  color: #000 !important;
  text-decoration: none;
  font-family: 'Poppins';
  margin-top: 43px;
 position: relative;
 z-index:2;

}
.mythnkurw a:before {
    content: "";
    position: absolute;
    left: -76px;
    top: -153px;
    width: 300px;
    height: 214px;
    background: url(../images/boom.gif);
    z-index: -1;
    background-size: 100% 100%;
}
.mythnkurw a:hover {
  background: var(--tblck);
  color: #fff !important;
}
.row.mythnkurw p {
  font-weight: 600;
  font-size: 26px;
  position:relative;
  top:13px;
  z-index: 9;
}
.btncredit {
  margin-top: 43px;
}
 .socialicons{
  display: flex;
  padding-left: 0px;
  margin-top: 20px;
 }
 ul.socialicons {
    display: flex;
}
 .socialicons li i{
  color: var(--tblck);
    background: var(--twhite);
    font-size: 20px;
    margin-left: 0px;
    margin-right: 5px;
    border-radius: 100px;
    width: 40px;
    text-align: center;
    padding: 10px;
}
.socialicons li i:hover {
    background: #013183;
    color: var(--twhite);
}