@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {
  box-sizing: border-box;
}

html {
  /* font-family: 'Noto Sans JP', sans-serif; */
  font-family: 'Lato', sans-serif;
}
.sweet-alert{
  font-family:inherit;
}
body { 
  margin: 0;
  background-color: #fff;
  /* font-family: 'Lato', sans-serif; */
  color: #5b5b5b;
  font-family: 'Jost', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
a{
  text-decoration: none;
}
.wapper {
  overflow: hidden;
  position: relative;
}
/* .header-bg {
  background: url('../assets/bg_2.png') no-repeat;
  position: absolute;
  background-position: top;
  width: 2116px;
  height: 13230px;
  left: -90px;
  top: 0;
  z-index: -1;
} */
main {
  margin-top: 7rem;
  text-align: center;
}

h1,
h2,
h3,h4,h5,h6
p {
  color: #717171;
}
.fl_right{
  float: right;
}
.fl_left{
  float: left;
}
.fl_no{
  float: none;
}
.banner-bold{
  font-weight: 700;
  font-size: 27px;
  color: #717171;
}
.bold{
  font-weight: bold;
}
.bold_500{
  font-weight: 600;
}
img.wl_img{
  width: 70%;
}
.text_justify{
  text-align: justify;
}
.text_left{
  text-align: left;
}
.text_center{
  text-align: center;
}
.text_right{
  text-align: right;
}
input, button, select, optgroup, textarea{
  margin-top: 0.5rem;
  padding: 0.2rem 0.6rem;
  width: 100%;
}
input[type=submit], input[type=button], button{
  background: #ffffff;
  color: #9784d9;
  font-weight: 600;
  border: 0;
  width: auto;
  border-radius: 16px;
  padding: 0.3rem 1rem;
}
form.contact_form{
  height: 100%;
  background: #9784d9;
  padding: .5rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: left;
}
form.contact_form label{
  margin: 0;
  color: #fff;
  font-weight: 500;
  margin-top: 15px;
}
form.contact_form input{
  margin-top: 0;
}
form.contact_form input, form.contact_form textarea{
  border-radius: 5px;
  border: 1px solid #ddd;
}
/* form>div{
  height: 100%;
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 0px 5px #ddd;
} */
.inValid{
  border: 1px solid red;
  color: red;
}
.header {
  width: 100%;
  height: 5rem;
  background-color: #fff;
  padding: 0 10%;
  z-index: 20;
}

.header nav {
  height: 100%;
  display: flex;
  align-items: center;
}
.header_color{
  background-color: #fff;
  box-shadow: 0px 1px 5px #ccc;
}
/* .header_trans{
  background-color: transparent;
} */
.header_ablte{
  position: absolute;
}
.header_fix{
  position: fixed;
  z-index: 20;
}
/* .header nav .navbar_logo{
}  */
.navbar_logo img{
  width:36%;
}
#bottom_header_2 .navbar_logo img{
  width:78%;
}
#top_menu_list li{
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#top_menu_list li div.icn{
  margin-right: 15px;
  box-shadow: 0px 0px 2px #997cd9;
  padding: 10px;
  border-radius: 3px;
}
#top_menu_list li div.icn svg{
  fill: #997cd9;
}
#top_menu_list li .t_hdr{
  color: #997cd9;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.header ul {
  height: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, auto);
  padding: 0;
  margin: 0;
  align-items: center;
  width: 68vw;
  justify-content: end;
}

.header li {
  height: 100%;
  display: grid;
  align-items: center;
  padding: 0 1rem;
  width: auto;
  text-align: center;
  position: relative;
}

.header ul#menu_list_left {
  height: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, auto);
  padding: 0;
  margin: 0;
  align-items: center;
  width: 68vw;
  justify-content: start;
  background: #987bd8;
  /* position: relative; */
}
.header ul#menu_list_left::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 80px;
  left: 0;
  z-index: -1;
  background-color: #987bd8;
}
.header_color a{
  color: #073e63;
  text-decoration: none;
}
.header_trans a {
  color: #717171;
  text-decoration: none;
}
.header_trans ul#menu_list_left a {
  color: #fff;
}
.header_trans ul li ul li a{
  color: #073e63;
  text-decoration: none;
}
.header a:hover,
.header a:active,
.header a.active {
  color: #c4b13c;
  /* padding-bottom: 0.25rem; */
  border-bottom: 2px solid #c4b13c;
}
.nav_toggle{
  display: none;
  height: 100%;
  align-items: center;
}
.nav_toggle_cancel{
  display: none;
  height: 100%;
  align-items: center;
}
.header ul li ul{
  display: none;
  font-size: 1vw;
  background: #fff;
  width: max-content;
  position: absolute;
  padding: 0px;
  top: 80px;
  height: auto;
  list-style: none;
  grid-template-columns: repeat(1, auto);
  box-shadow: 0px 0px 5px #ddd;
}
.header ul li:hover>ul{
  display: grid;
}
#bottom_header_2{
  display: none;
  background-color: #fff;
}
.header #bottom_header ul li:hover{
  background-color: #fff;
}
.header #bottom_header_2 ul li:hover{
  background-color: #9779d8;
}
.header #bottom_header button{
  width: 200px;
  background: #ffffff;
  color: #9779d8;
  margin: 0;
}
.menu_icn{
  display: flex;
}
.header #bottom_header_2 button{
  width: 185px;
  background: #ffffff;
  color: #9779d8;
  border: 1px solid #9779d8;
  margin-left: 15px;
  margin-top: 2px;
}
.header ul li:hover>a{
  color: #fff;
  border-bottom: 2px solid #7ed957;
}

.header_trans ul#menu_list_left li:hover a, .header #top_header ul li:hover>a{
  color: #987bd8;
  border-bottom: 2px solid #7ed957;
}
.header ul li ul li ul{
  position: absolute;
  right: -100%;
  top: 0px;
  display: none;
  list-style: none;
  max-width: -webkit-fill-available;
  font-size: inherit;
}
.header ul li ul li{
  margin: 0;
  padding: 5px 1rem;
  position: relative;
  border-bottom: 1px dashed #ddd;
}
.header ul li ul li:last-child{
  border-bottom: 0px dashed #ddd;
}
.header ul ul li{
  text-align: left;
}
.menu_icn svg{
  fill: #9779d8;
}

/* .tab_heading{
  margin: 15px 0;
} */


/* home page */
.icon_images{
  width: 85px;
  height: 85px;
  /* background: #c3b03a; */
    border-radius: 50%;
    /* padding: 2px; */
}
.tab_heading{
  /* margin-top: 35px; */
  margin-bottom: 15px;
}
.tab_heading>div{
  display: inline-block;
  width: auto;
  margin: auto;
  position: relative;
}
.tab_heading>div::before{
  content: '';
    position: absolute;
    width: 100%;
    height: 35px;
    left: -10px;
    top: 0;
    z-index: -1;
    background: linear-gradient(90deg, #c4b13c, #ffffff);
}
.show_on_mobile{
  display: none;
}
.show_not_mobile{
  display: block;
}
.wel_srvs{
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 1.8px #ddd;
  text-align: justify;
  min-height: 280px;
}
.wel_srvs:hover{
  color: #fff;
  background-color: #9779d8;
  animation-name: animateUpDown;
}
.wel_srvs h6{
  font-weight: 600;
    text-align: center;
    color: #9779d8;
    font-size: 1.2rem;
}
.wel_srvs:hover h6{
  color: #fff;
}
.wel_srvs ul{
  /* list-style-type: none; */
  text-align: left;
} 
.wel_srvs img{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
}
.partners{
  position: relative;
}

.wel_partners{
  display: block;
}
.wel_partners div{
  padding: 5px;
  margin: auto;
}
.wel_partners p{
  text-align: justify;
}
.partner_name{
  width: 40%;
}
.partner_name h6{
  margin-top: 5px;
  font-weight:600;
}
.partner_img{
  background-color: #f3f3f3;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgb(8 61 95 / 9%);
}
.wel_partners img{
  margin-top: 8px;
  width: 111%;
}
/* home page end */
/* about start */
.abt div{
  padding: 5px;
  margin: auto;
}
.abt p{
  text-align: justify;
}
.abt_name{
  width: 100%;
}
.abt_name h6{
  margin-top: 5px;
}
.abt_img{
  /* width: 120px;
  height: 120px; */
  overflow: hidden;
}
.abt img{
  margin-top: 8px;
  width: 50%;
}
/* about end */


/* serives */
.services ul{
  list-style: none;
}
.services ul li a{
  padding: 0.3rem 1rem;
  text-align: left;
  background-color: #143867;
  border-bottom: 1px dashed #c3b03a;
  color: #c3b03a;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}
.services ul li:last-child{
  border-bottom: 0px;
}
.services ul li .srvc_active{
  background-color: #c3b03a;
  color: #143867;
}

.services_tabcontent{
  margin: .5rem 0;
  padding: 10px;
  margin-top: 0;
  padding-top: 0;
}
.services_title{
  color: #717171;
  text-align: left;
  margin: .3rem 0;
  font-weight: 600;
  margin-top: 0;
}
.services_content p{
  text-align: justify;
}
.services_tabcontent ul li{
  text-align: left;
  list-style-type: circle;
  background-color: transparent;
  color: #717171;
  border: 0;
}
.services_content_div{
  display: none;
}
.services_links{
  padding: 0;
}
.display_show{
  display: block;
}
/* service end */


/* footer */
.footer{
  background-color: #9784d9;
  color: #fff;
}


/* mobile strta */
input.menu_in {
  display: none;
}
.icon {
  background: #fff;
  cursor: pointer;
  height: 24px;
  padding: 16px; 
  width: 24px;
  display: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

label.icon {
  position: fixed;
  z-index: 200;
  right: 25px;
  top: 25px;
}

.icon .menu,
.icon .menu::before,
.icon .menu::after {
  background: #9779d8;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  transition: background ease .3s, top ease .3s .3s, transform ease .3s;
  width: 20px;
}

.icon:hover .menu,
.icon:hover .menu::before,
.icon:hover .menu::after {
  background: #47B74B;
}

.icon .menu {
  left: 6px;
  top: 16px;
}

.icon .menu::before {
  top: -6px;
}

.icon .menu::after {
  top: 6px;
}

.menu_in:checked + .icon .menu {
  background: transparent;
}

.menu_in:checked + .icon .menu::before {
  transform: rotate(45deg);
}

.menu_in:checked + .icon .menu::after {
  transform: rotate(-45deg);
}

.menu_in:checked + .icon .menu::before,
.menu_in:checked + .icon .menu::after {
  top: 0;
  transition: top ease .3s, transform ease .3s .3s;
}
.contact_tab{
  box-shadow: 0px 0px 5px #ddd;
  height: 225px;
    padding: 10px;
}
.contact_tab a{
  color: inherit;
}
.contact_tab a:hover{
  text-decoration: none;
}
.contact_icon{
  font-size: 3em;
  color: #c3b03a;
}
.contact_icon svg{
  fill: #9784d9;
}
.contact_title{
  text-align: center;
  font-weight: 600;
  margin-bottom: 0.5rem;
}


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

.slide_viewer {
  height: 550px;
  overflow: hidden;
  position: relative;
}

.slide img{
	width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}
.slide::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #2d2c2c70;
  z-index: 10;
  left: 0;
  top: 0;
}
.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background: #D7A151;
}

.slide:nth-of-type(2) {
  background: #F4E4CD;
}

.slide:nth-of-type(3) {
  background: #C75534;
}

.slide:nth-of-type(4) {
  background: #D1D1D4;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  margin-top: -55px;
    z-index: 12;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #9779d8;
  cursor: pointer;
}
.slid_cntnt{
  position: absolute;
  z-index: 12;
  top: 17vw;
  left: 0;
  color: #fff;
  
  width: 100%;
  text-align: center;
  height: 100%;
}
.slid_cntnt h1{
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
}
.slid_btn button{
  border-radius: 3px;
  margin-top: 15px;
  padding: 0.5rem 1.3rem;
}
.slid_btn_1{
  background-color: #fff;
  color: #9779d8;
}
.slid_btn_2{
  background-color: #9779d8;
  color: #fff;
  margin-left: 15px;
}
.heading_we{
  color: #9779d8;
  font-size: 2.5rem;
  margin: 10px 0;
  position: relative;
}
.heading_we::after{
  position: absolute;
  content: '';
  width: 100px;
  height: 2px;
  background-color: #96e076;
  left: 45.5%;
  bottom: 0px;
  text-align: center;
}
/* .directional_nav {
  height: 450px;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  top: -450px;
} */

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}


@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
}

@media (min-width: 1200px){
/* .header-bg {
    left: 33%;
    top: -115%;
} */
}
@media (min-width: 992px){
/* .header-bg {
    left: 67%;
    top: -113%;
    border-radius: 95px;
} */
}
@media (min-width: 768px){
  /* .header-bg {
      width: 2116px;
      height: 13230px;
      position: absolute;
      left: 45%;
      top: -620px;
      background: url('../assets/bg_2.svg') no-repeat;
  } */
}
@media (min-width: 1370px){
.header-bg {
    left: 45%;
}
}