*{
    font-family: 'Open Sans', sans-serif;
    text-decoration: none !important;
    list-style: none;
}

body{
  font-size: 14px;
  background-color: #f1f4f6;
}

.loadshadow{
  background: rgba(0,0,0,0.5) !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}


:root{
  --bg-primary:#038BFC;
  --pm-color: #038BFC;
  --color:#333;
  --shadow:0 4px 24px 0 rgba(103,151,255,.1),
   0 12px 64px 0 rgba(103,151,255,.1) !important;
  --transition: all linear 0.4s;
  --font-oswald:'Oswald', sans-serif;
}


@media only screen and (min-width : 576px){

  .navbar-brand img{
    width: 75px;
  }

	.stellarnav > ul > li > a{
		color: #000 !important;
		font-size: 1em;
		text-transform: capitalize;
	}

	.stellarnav.dark ul ul{
		background: #fff !important;
		box-shadow: 1px 3px 22px rgba(0,0,0,0.1);
	}

	.stellarnav.dark ul ul a{
		color: #000 !important;
    	font-size: 14px;
    	text-transform: uppercase;
	}

	.stellarnav li li.has-sub > a:after{
		border-left: 6px solid #3e4095 !important;
	}

	.menu-bar .stellarnav .main-list{flex: 8;}
	.menu-bar .search-bar{flex: inherit;}  
  .menu-bar .search-icon{margin-right: 10px;}
  .menu-bar .search-container{
    right: 170px !important;
  }
  
  .section_links #accordion .card-header{
    display: none;
  }

  .reposnive-links.fixwrap ul.nav-tabs{
    width: fit-content;
  }

  .sticky-links{
    position: sticky;
    -webkit-position: sticky;
    top: 112px;
    z-index: 100;
    background: #fff;
  }

  .sticky-links.topset{
    top: 75px !important;
  }

  .registration{
    float: right;
  }

  .menu-bar .navbar{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .menu-bar .navbar-brand{
    margin-right: 0!important;
  }

  .banner_home{
    margin-top: 8px;
  }

  .widget #branchcall .innerdetail{
    right: -60px;
  }

  .widget.active .menu .list{
    right: 15px !important;
    bottom: 27px !important;
  }

}

/*------576px max width start------*/

@media only screen and (max-width : 576px){
   div.px-mob-0{
      padding-left: 5px!important;
      padding-right: 5px!important;
    }

    div.right-content.boxshadow{
      padding: 8px 10px !important;
    }

  .banner_home.container{
    padding-left: 0;
    padding-right: 0;
    margin-top: 45px;
  }
  .back-to-top{
    display: none !important;
  }

	.stellarnav{
		padding: 8px 5px;
	}

  .menu-bar.animate-nav .navbar-brand img{
    width: 65px;
    transition: all linear 0.4s;
  }

  .menu-bar .navbar-brand img{
      width: 70px
  }

  header .menu-bar.animate-nav .navbar{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .stellarnav .menu-toggle{
    padding:0 !important;
  }
  .stellarnav .navbar-brand{
    margin-left: -20px;
  }

	.menu-bar .nav-contact a{
		display: grid!important;
		padding:10px!important;
		border-radius: 100% !important;
	}
	.menu-bar .nav-contact a span{
		display: none;
	}

	.menu-bar .nav-contact{
		display: none;
	}

	.menu-bar .search-container input[type="text"]{
		width: 100% !important;
		min-width: 200px !important;
	}

  .banner_home .owl-theme .custom-nav{
    display: none;
  }

  .sticky-links .card-header{
    padding: 2px 8px;
    background: #ffffff;
    color: #3e4095;
    box-shadow: 1px 1px 5px #e9e9e9;
    font-size: 12px;
    text-transform: capitalize;
  }

  .socialcrumbs{
    float: none !important;
    justify-content: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background: aliceblue;
  }

  .home_breadcrumbs a{
    font-size: 12px !important;
  }
  .home_breadcrumbs{
    margin-bottom: 0px;
    background: aliceblue;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .home_breadcrumbs li img{
    width: 6px !important;
  }

  .contact-info .table_footer{
    bottom: 0 !important;
  }

  .aboutme{
    background: #fdfdfd;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #4dade62e;
  }
  .downviewbox .pro-heading{
    background: linear-gradient(45deg, #384192 60%, #ffffff 40%) !important;
  }

  .contact-info .table_footer{
    left: 0;
  }

  .viewhover{
    margin:8px 3px !important;
  }

  .topbar{
    bottom: -7px !important;
  }

  .topbar .top-content{
    margin: 8px auto !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: space-between !important;
    right: 0px!important;
  }
  
  .topbar .top-content .button{
    display: block !important;
    width: fit-content !important;
    margin:10px auto 0!important;
  }

  .topbar .top-content .closetop{
    top: -8px;
    right: 4px;
    font-size: 8px;
    padding: 0px 3px;
  }

  .topbar .top-content .d-block p,
  .topbar .enrolbtn{
    font-size: 14px;
  }

  .topbar .toplogo figure{
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
  }

  .topbar .toplogo img{
    width: 35px;
    vertical-align: bottom;
  }

  .topbar .enrolbtn{
    font-size: 10px !important;
  }

  .comment .commenthead figure,
  .comment .commentbody .blank{
    flex: 4 !important;
  }

  .childcomment .commenthead figure:before{
    min-height: 350% !important;
  }

  .sumdetails{padding-left: 15px;}

  .fsresponsive{font-size: 28px}

  .registration{text-align: center;}
  .reposnive-links .nav-tabs .nav-item.overflow-tab a:hover{
    background-color: #fff !important;
  }
  .reposnive-links .nav-tabs .nav-item.overflow-tab{
    min-width:180px !important;
  }
  .stellarnav.dark a, .stellarnav.dark li a{
    color: #505050;
  }
  .stellarnav.dark a.dd-toggle .icon-plus:after, 
  .stellarnav.dark a.dd-toggle .icon-plus:before {
    border-color: #505050;
}

.stellarnav > ul > li{
  box-shadow: 0px 0px 4px 1px #4c494912;
}

.stellarnav ul.main-list{
  box-shadow: 220px 0px 6px 8px rgba(0,0,0,0.1);
}
.reposnive-links.fixwrap{
  top: 50px !important;
}

.topbar .container{
  padding-left: 0!important;
  padding-right: 0!important;
}

/*---------576px max width end--------*/
}

/*_____________End_Media_Section___________*/

.main-wrap{
  padding-top: 36px;
}
 
.topbar{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  animation: topslide ease-in-out 10s;
}

.topbar .top-content{
	display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  box-shadow: 0px 0px 15px 2px #ddddddd1;
  padding: 8px 18px;
  position: relative;
  right: 8px;
}

@keyframes topslide{
  0%{transform: translateY(200px);}
  50%{transform: translateY(150px);}
  80%{transform: translateY(80px);}
  100%{transform: translateY(0px);}
}

.topbar .toplogo figure{
  background: #00A4F4;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 12px 0px #4ca4f4b5;
}

.topbar p{
  font-size: 20px;
}

.topbar .enrolbtn{
  background: #00A4F4;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  transition: all linear 0.4s;
  box-shadow: 0px 0px 12px 0px #4ca4f4b5;
}

.topbar .enrolbtn:hover{
  background: #0992d4;
  box-shadow: 2px 4px 5px #ddd;
}

.topbar .closetop{
  position: absolute;
  top: 10px;
  right: 8px;
  color: #fff;
  cursor: pointer;
  padding: 2px 6px;
  display: block;
  background: #000;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 10px;
  transition: all linear 0.4s;
  z-index: 20200;
}

.menu-bar{
	background: #fff;
  -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
  transition: 300ms all cubic-bezier(.4,0,.2,1);
  /*box-shadow: 5px -5px 5px 10px rgba(0, 0, 0, .05);*/
  box-shadow: 0 4px 24px 0 rgba(103,151,255,.1),
  0 12px 64px 0 rgba(103,151,255,.1);
  position: fixed;
  width: 100%;
  z-index: 1020;
  top: 0;
}

.menu-bar.animate-nav{
  box-shadow: 0px 2px 4px 0px rgb(117 138 172 / 18%);
}


.menu-bar .navbar,
.menu-bar.animate-nav .navbar{
  transition: all linear 0.2s;
}

.menu-bar.animate-nav .navbar{
  padding-top: .2rem!important; 
  padding-bottom: .2rem!important; 
}

.menu-bar ul.main-list{
	/*margin-right: auto;*/
}

.menu-bar .search-bar{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu-bar .search-bar form{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}

.menu-bar .search-icon{
  font-size: 20px;
  color: #040407bd;
  background-color: #0000;
  border: 0;
  outline: none !important;
  cursor: pointer;
  width: 30px;
}

.menu-bar .search-toggle .search-icon.font-close{
  display: none;
}
.menu-bar .search-toggle.opened .search-icon.font-search{
  display: none;
}
.menu-bar .search-toggle.opened .search-icon.font-close{
  display: block;
}

.menu-bar .search-container{
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  overflow: hidden;
  background-color: #eee;
}

.menu-bar .search-container.opened{
  max-height: 70px;
}

.menu-bar .search-container input[type="text"]{
  outline: none;
  font-size: 1.4rem;
  width: 300px;
  background-color: inherit;
  border: 0;
}

.menu-bar .search-container .search-icon{
  vertical-align: middle;
}

.menu-bar .search-container{
  position: absolute;
  right: 0px;
  top: 50px;
}

.menu-bar .nav-contact a{
  background: #384192;
  color: #fff;
  padding: 6px 14px;
  border-radius: 30px;
  float: left;
  display: block;
  text-decoration: none;
}

.menu-bar .nav-contact a i{
  font-size: 12px;
}

.banner_home .owl-theme .owl-dots{
	display: none;
}

.banner_home{
  position: relative;
      margin-top: 30px;
}

.banner_home .owl-theme .custom-nav .owl-prev, 
.banner_home .owl-theme .custom-nav .owl-next{
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.banner_home .owl-theme .custom-nav .owl-prev i, 
.banner_home .owl-theme .custom-nav .owl-next i {
  font-size: 1.5rem;
  color: white;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.banner_home .owl-theme .custom-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  display: block !important;
  z-index: 100;
  background-color:none !important;
}

.banner_home .owl-theme .custom-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block !important;
  z-index: 100;
  background-color: none;
}

.banner_home .owl-theme .owl-nav [class*="owl-"]{
  border: none;
  transition: all linear 0.3s;
  background:rgba(22,22,22,0.75);
}
.banner_home .owl-theme .owl-nav [class*="owl-"]:hover{
  background:rgba(22,22,22,0.75);
}

.home_breadcrumbs{
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.home_breadcrumbs a i{
  color: #000;
  font-size: 14px;
}

.home_breadcrumbs li{
  display: flex;
  align-items: center;
}

.home_breadcrumbs li img{
  width: 10px;
}

.home_breadcrumbs a{
  font-size: 14px;
  padding:4px 8px;
  color: #000;
}

.home_breadcrumbs a.active{
  color: #038BFC;
}

.socialcrumbs{
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  float: right;
  padding-right: 15px;
  margin-bottom: 0;
}

.socialcrumbs li{
  display: flex;
  align-items: center;
  padding:0px 6px;
}

.socialcrumbs .sm_counter{
  text-align: center;
  font-size: 14px;
}

.socialcrumbs .sm_counter small{
  font-weight: 900;
}

.recruitment_box .vacancy-process .d-flex{
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.reposnive-links{
  transition: all linear 0.3s;
  background: #fff;
}

.registration .date-box{
    display: inline-block;
    margin: 15px auto 0px;
    padding: 8px 12px;
    box-shadow: 0px 0px 12px 0px #ddddddd1;
    background: #fff;
    color: #000;
    border-radius: 6px;
    letter-spacing: .50px;
    cursor: pointer;
}

.reposnive-links .tab-content {
  padding: 0;
}

.reposnive-links .card {
  border-radius: 0 0 .25rem .25rem;
  border-top: 0;
}

.reposnive-links .nav-tabs{
  padding: 0;
  position: relative;
  margin-left: 0px;
}

.reposnive-links .nav-tabs .nav-item {
  margin-left: 0;
}

.reposnive-links .nav-tabs .nav-item a {
  color: black;
  display: block;
  padding: 8px 15px 8px 15px;
  border-bottom-width: 2px;
}

.reposnive-links .nav-tabs .nav-item.overflow-tab {
  background-color: white;
  display: none;
  position: absolute;
  right: 0;
  width: 150px;
  z-index: 1;
}

.reposnive-links .nav-tabs .nav-item.overflow-tab a {
  border: 1px solid lightgray;
  border-radius: 0;
  padding: 6px 10px;
}

.reposnive-links .nav-tabs .nav-link:focus, 
.reposnive-links .nav-tabs .nav-link:hover,
.reposnive-links .nav-tabs .nav-tabs .nav-item.show .nav-link, 
.reposnive-links .nav-tabs .nav-tabs .nav-link.active,
.reposnive-links .nav-tabs,
.reposnive-links .nav-tabs .nav-item.show .nav-link, 
.reposnive-links .nav-tabs .nav-link.active
{
  border-color: #0000!important;
  border-color: #0000 #0000 #0000!important;
}

.reposnive-links .nav-tabs .nav-item a.tab-active,
.reposnive-links .nav-tabs .nav-item a:hover{
  color: #007bff;
  border-bottom: 2px solid #007bff !important;
  transition: all ease 0.3s;
}

.reposnive-links .nav-tabs .nav-item.overflow-tab a:hover,
.reposnive-links .nav-tabs .nav-item.overflow-tab a:focus, .nav-tabs 
.reposnive-links .nav-item.overflow-tab a:active, 
.reposnive-links .nav-tabs .nav-item.overflow-tab a.active {
  background-color: lightgray;
}

.reposnive-links .nav-tabs .nav-item.overflow-tab:last-child {
  border-radius: 0 0 0 4px;
}

.reposnive-links .nav-tabs .nav-item.overflow-tab-action {
  position: absolute;
  right: 0;
}

.section_links #accordion .mb-0 > a {
  display: block;
  position: relative;
}

.section_links #accordion .mb-0 > a:after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: "\f078";
  position: absolute;
  right: 0;
  font-weight: 900;
}

.section_links #accordion .mb-0 > a[aria-expanded="true"]:after {
  content: "\f077";
}

.section_links #accordion .card-body details{
  margin-bottom: 10px;
}

.section_links #accordion .card-body details:last-child{
  margin-bottom: 0px;
}

.section_links #accordion .card-body details:last-child ul{
  margin-bottom: 0px;
}

.section_links #accordion .card-body summary{
  outline: none !important;
  font-size: 16px;
  padding-left: 18px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section_links #accordion .card-body summary:after{
  left: 0;
}

.section_links #accordion .card-body summary ul a{
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification_box .viewbtn{
  width: 80%;
  margin: auto;
  font-size: 14px;
}

.notification_box h5.list-group-item{
  font-size: 16px;
  font-weight: 800;
  border-bottom: 2px solid #eee !important;
}

.notification_box div.list-group-item{
  border-bottom: 2px solid #eee !important;
}

.notification_box .text-purple{
  color: #384192;
  font-size: 13px;
}

.section_links .ask_query{
  padding: 20px 30px 30px;
  border: 1px solid rgba(0,0,0,.125);
}

.section_links .ask_query textarea{
  padding: 20px;
  width: 100%;
  margin-top: 10px;
  border: 1px solid rgba(0,0,0,.125) !important;
  border-color: rgba(0,0,0,0.08) !important;
  resize: none;
  outline: none !important;
  border-radius: 4px;
}

div.borderlite{
  border: 1px solid rgba(0,0,0,.125) !important;
  border-color: rgba(0,0,0,0.08) !important;
  border-radius: 4px;
}

.modal .signUpform{
  background: #fff;
  padding: 20px 0;
  width: 80%;
  margin: auto;
}

.modal .signUpform h4{
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
}

.modal .social_tab a figure{
    padding: 4px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.modal .social_tab a{
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E9F4FE;
  border-radius: 8px;
  margin-bottom: 10px;
  color: #333;
  font-size: 15px;
  text-transform: capitalize;
}

.modal .signmobile .btn{
  outline: none !important;
  box-shadow: none !important;
}

.modal .signmobile .btn svg{
   vertical-align: inherit;
   margin-bottom: -0.15em;
}

.modal .signmobile .btn rect{
   fill: currentcolor;
}

.right-content img{
  max-width: 100%;
}

.right-content p{
  font-size: 18px;
}

.right-content table,
.right-content table tbody{
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px;
  border: 1px solid #eee!important;
}
/*
.right-content table tr:first-child td{
  background: #007bff;
  color: #fff;
  border-color: #007bff !important;
}*/


.right-content table tr:first-child td p{
  margin-bottom: 0;
}

.right-content table.valignset tbody tr:nth-child(3){
  vertical-align: top;
}

.right-content ul{
  padding-left: 20px;
}

.right-content ul li{
  list-style: disc !important;
}

.right-content ol li{
  list-style: decimal!important;
}

.right-content table{
  display: table;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 0!important;
}

.right-content table th,
.right-content table td,
.right-content table tbody th,
.right-content table tbody td{
 padding: 8px 10px;
 border: 1px solid #eee;
}

.table-border-right-white{
  border-right: 1px solid #fff !important;
 }

.section_links  p a:hover:after {
    width: 100%;
}
.section_links  p a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 10px;
    border-bottom: 2px solid #2f7bbd;
    transition: .4s;
}


.contact-info .upcoming_event table thead th{
  background:#30428F ;
  color: #fff;
  padding: .55rem;
  text-align: center;
  border:0 !important;
  font-weight: 500;
  font-size: 16px;
}

.contact-info .upcoming_event{
  position: relative;
  padding-bottom: 65px;
  max-height: 225px;
  overflow: hidden;
}

.contact-info .upcoming_event table tbody td:first-child{
  width: 18%;
  text-align:center;
}

.contact-info .table_footer {
  position: absolute;
  background: linear-gradient(to bottom, #ed323200, #ffffff);
  width: 100%;
  text-align: center;
  bottom: 10px;
  padding-top: 90px;
}

.viewhover{
  display: inline-flex;
  height: 32px;
  width: 136px;
  border: 1px solid #24438C;
  margin: 10px 7px;
  color: #BFC0C0;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .50px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(34,48,53,.3);
  transition: all .35s ease-in-out;
}

.viewhover.btnfill:hover i{
  animation: animateIcon linear 1s;
}

.viewhover:hover i{
  animation: blinkIcon linear 1s;
}

.viewhover i{
  font-size: 10px;
  padding-left: 4px;
  position: relative;
  top: 0px;  
}


@keyframes animateIcon{
  0%{top: 0;}
  40%{top: -5px;}
  80%{top: 5px;}
  100%{top: 0px;}
} 

@keyframes blinkIcon{
  0%{opacity: 10;}
  40%{opacity: 0.2}
  80%{opacity: 10}
} 

.viewhover a {
  position: relative;
  transition: all .35s ease;
  color: #24438C;
}

.viewslide {
  width: 100%;
  height: 100%;
  left: -200px;
  background: #24438C;
  position: absolute;
  transition: all .35s ease;
  bottom: 0;
}

.viewhover:hover .viewslide{
  left: 0;
}

.viewhover:hover{
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0,.16);
}

.viewhover:hover a{
  color: #fff;
}

.viewhover.btnfill{
  background:#24438C;
}

.viewhover.btnfill a{
  color: #fff;
}

.c-pointer{
  cursor: pointer;
}

.pagefeedmodal .modal-header{
  background: #30428F;
  color: #fff;
}

.pagefeedmodal .modal-header .close{
  color: #fff !important;
  outline: none;
}

.pagefeedmodal .foundinfo .btn-outline-primary:active,
.pagefeedmodal .foundinfo .btn-outline-primary:hover{
  border-color:  #30428F !important;
  color: #fff !important;
  background:  #30428F;
}

.pagefeedmodal .foundinfo .btn-outline-primary{
  font-size: 12px;
  text-transform: uppercase;
  border-color:  #30428F !important;
  color:   #30428F !important;
  margin:0 4px;
  outline: none !important;
  box-shadow: none !important;
}

.pagefeedmodal .foundinfo .btn.select{
  background:  #30428F !important;
  border-color:  #30428F !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

.pagefeedmodal .foundinfo .btn2{
  background:  #30428F !important;
  border-color:  #30428F !important;.
  outline: none !important;
  box-shadow: none !important;
}

.pagefeedmodal .foundinfo .btn2 svg{
  fill:#fff;
}

.pagefeedmodal .foundinfo{
  padding: 30px 0;
}

.pagefeedmodal .foundinfo textarea{
  width: 100%;
  resize: none;
  margin: auto;
  outline: none;
  display: block;
  margin-bottom: 10px;
  border-color: #ddd;
  padding: 8px 15px;
}

.ratingstar { 
  border: none;
  margin: auto;
  cursor: pointer;
}

.ratingstar > input { display: none; } 
.ratingstar > label:before { 
  margin: 5px;
  font-size: 1.25em;
   font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  display: inline-block;
  content: "\f005";
}

.ratingstar > .half:before { 
  content: "\f089";
  position: absolute;
}

.ratingstar > label { 
  color: #ddd; 
  float: right; 
}

.ratingstar > input:checked ~ label,
.ratingstar:not(:checked) > label:hover,
.ratingstar:not(:checked) > label:hover ~ label {
  color: #FFD700;
}
.ratingstar > input:checked + label:hover,
.ratingstar > input:checked ~ label:hover,
.ratingstar > label:hover ~ input:checked ~ label,
.ratingstar > input:checked ~ label:hover ~ label{
  color: #FFED85;
} 

.modal .ratingstar label{
  margin-bottom: 0px;
}


/*footer*/
.col_white_amrc {
    color: #fff;
}
.footer {
    width: 100%;
    background-color: #384192;
    margin-top: 50px;
    min-height: 250px;
    padding: 10px 0 0px;
}
.pt2 {
    padding-top: 40px;
    margin-bottom: 20px;
}
.footer p {
    color: #ccc;
    padding-bottom: 0;
    margin-bottom: 8px;
}

.footer ul{
  margin-bottom: 0px;
}

.mb10 {
    padding-bottom: 15px;
}
.footer_ul_amrc {
    margin: 0;
    list-style-type: none;
    font-size: 14px;
    padding: 0 0 10px;
}
.footer_ul_amrc li {
    padding: 0 0 5px;
}
.footer_ul_amrc li a {
    color: #ccc;
}
.footer_ul_amrc li a:hover {
    color: #fff;
    text-decoration: none;
}
.fleft {
    float: left;
}
.padding-right {
    padding-right: 10px;
}
.footer_ul2_amrc {
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.footer_ul2_amrc li p {
    display: table;
}
.footer_ul2_amrc li a:hover {
    text-decoration: none;
}
.footer_ul2_amrc li i {
    margin-top: 5px;
}
.bottom_border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0;
    display: table;
    margin: 10px auto;
}
.foote_bottom_ul_amrc li {
    display: inline;
}
.foote_bottom_ul_amrc li a {
    color: #999;
    margin: 0 12px;
} 

.boxshadow{
  border-color:#0000 !important;
  background: #fff;
  box-shadow: -1px 1px 4px 0 rgba(117,138,172,.12);
}

.reposnive-links.fixwrap{
  position: fixed;
  background: #fff;
  top: 60px;
  z-index: 1019;
  transition: all linear 0.2s;
  box-shadow: -1px 1px 4px 0 rgb(117 138 172 / 20%);
  width: 100%;
  left: 0;
}

.back-to-top {
  position: fixed;
  bottom: 170px;
  right: 20px;
  height: 40px;
  width: 40px;
  background: #67aff3;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 24%);
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  color: #fff !important;
  z-index: 998!important;
  display: none;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.back-to-top:hover{
   transform: translateY(-2px);
   -webkit-transform:  translateY(-2px);
    box-shadow: 0px 0px 8px 0px rgb(36 116 192 / 81%);
}

.myprofile figure img{
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
}

.myprofile{
  text-align: center;
}

.myprofile .socialcrumbs{
  margin-left: 22px;
  padding-right: 0px;
  margin-top: 8px;
  background: #fff;
}

.myprofile ul li img{
  width: 20px;
}

.downviewbox .pro-heading{
  background: linear-gradient(45deg, #384192 40%, #ffffff 40%);
  color: #fff;
  border-bottom: 2px solid #384192;
  box-shadow: 0 0px 10px 0px rgb(143 143 147 / 26%);
  margin-bottom: 10px;
  padding: 10px 15px;
}

.overflow-tab-action a{
  /*background: #414497;
  color: #fff !important;*/
  /*border-radius: 50px;*/
  font-size: 18px;
  padding: 5px 8px !important;
}

/*----------------pre content loading--------------*/

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.linear-background{
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    border-color:#0000 !important;
    box-shadow: none !important;
    color: transparent !important;
    position: relative;
    overflow: hidden;
}

.linear-background img{
  opacity: 0;
}

.nav-tabs.linear-background .nav-item .tab-active{
    border-bottom: 0 !important;
}

.linear-background a,
.linear-background strong,
.linear-background span,
textarea.linear-background::placeholder{
  color: #0000 !important;
}

.date-box.linear-background{
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
}

.inter-draw{
  background: #FFF;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 100px;
}
.inter-right--top{
  background: #FFF;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 100px;
}
.inter-right--bottom{
  background: #FFF;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 100px;
}
.inter-crop{
  background: #FFF;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100px;
}

/*---------------- end pre content loading--------------*/

.commentpart .commenthead{
  display: flex;
  align-items: center;
}

.comment .commenthead,
.comment .commentbody{
  display: flex;
  align-items: center;
}

.comment .commenthead figure,
.comment .commentbody .blank{
  flex: 1;
}

.comment .commenthead div,
.comment .commentbody .comcontent{
  flex: 12;
}

.childcomment .commenthead figure{
  position: relative;
}

.childcomment .commenthead figure:before{
  content: "";
  position: absolute;
  left: 42%;
  top: 45px;
  min-height: 200%;
  width: 1px;
  z-index: 0;
  background: #ddd;
  display: none;
}

.textboxbtn{
  color: #6c757d;
}

.childcomment li:last-child figure:before{
  display: none;
}

.comment .likecomment{
  float: right;
  cursor: pointer;
}

.toggletextarea{
  width: 92% !important;
  margin-left: 8%;
}

.fmember.blockline figure:before{
  min-height: 600% !important;
  background: #9098e280;
}

.form-control.numnone::-webkit-outer-spin-button,
.form-control.numnone::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

.form-control.numnone{
  -moz-appearance: textfield;
  outline: none;
  box-shadow: none;
  margin-bottom: 10px;
}

.error-message .alert-danger,
.error-message .alert-success{
    position: relative;
    left: 0;
    width: 100%;
    text-align: center;
 }

.error-message .alert-danger i,
.error-message .alert-success i{
    display: none;
}

.error-message .alert-danger p,
.error-message .alert-success p{
    margin-bottom: 0;
}

.login_message .fa-spin{
  display: none;
}

.signlogin{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 10px;
}

.signlogin a{
  color: #000 !important;
}

.menu-bar a,
.menu-bar{
  font-size: 14px !important;
}


.btncool{
  background: #24438C;
  width: 100%;
  border: 1px solid #24438C;
  color: #fff;
  text-align: center !important;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0,.16) !important;
}

.circle-img{
  height: 40px;
  width: 40px;
  border-radius: 50%;
	overflow: hidden;
}

.viewmorebtn{
  letter-spacing: 1px;
}

.bgtransprent{
  background: #f1f4f6;
}

.buynow{
  background: radial-gradient(circle at top left,#4a42ec 0%,#521d91 100%) !important;
  color: #fff !important;
}

summary::-webkit-details-marker {
  display: none
}

summary:after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: "\f067";
  position: absolute;
  left: -5px;
  top: 5px;
  font-size: 10px;
}

details[open] summary:after {
  content: "\f068";
}

.signlogin figure{
  height: 35px;
  width: 35px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0px;
}

.fsresponsive{
  font-size: 30px;
}

.logoutbtn{
  margin-left: 10px !important;
}

.logoutbtn ul{
  width: max-content !important;
  padding: 0!important;
}

.logoutbtn ul li{
  padding: 5px 10px !important; 
  font-size: 12px;
}

.logoutbtn ul li a{
  text-align: left;
  padding: 5px;
  font-size: 12px !important;
}

.logoutbtn ul li a i{
  padding-right: 8px; 
}

.table-overflow{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media(max-width:576px){
.enq-form{width: 500px} 
}
/*------------- Form ---------------*/
.enq-form {
  position: fixed;
  z-index: 99999;
  width: 280px;
  background: #FFF;
  left: -285px;
  top: 62%;
  transition: all .8s cubic-bezier(0.43, 1.07, 0.66, 1.15) .2s;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  transform: translateY(-50%);
  cursor: pointer;
}

.enq-form.formslidup{
  left: 0;
}

.formrotate{
  transform: rotate(90deg);
  position: absolute;
  z-index: 555;
  right: -135px;
  top: 88px;
  width: 80%;
}
.enq-form .user-icon {
  position: absolute;
  top: -40px;
  right: -140px;
  display: block;
  width: 50px;
  height: 50px;
  margin: 20px auto 15px;
  border-radius: 100%;
  background: #353E91;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000094;
}
.enq-form .title {
  background: #353E91;
  padding: 7px 10px 10px 20px !important;
  color: #fff !important;
  border-radius: 10px 10px 0 0;
  font-size: 20px !important;
  margin: 0;
}
.enq-form p.messageenqform {
  position: relative;
  color: #000;
  font-size: 16px;
  padding-left: 12px;
  font-weight: 600;
  margin: 10px 5px;
  padding-bottom: 8px;
}
.enq-form p.messageenqform::before{
  content: "";
  position: absolute;
  height: 3px;
  width: 60px;
  background: #353e91;
  bottom: 0px;
  border-radius: 5px;
  left: 15px;
}
.enq-form button {
  display: block;
  margin: 12px auto;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .4s ease;
  color: #fff !important;
  border: none;
  background: #353e91;
  font-size: 22px;
  margin-bottom: 0;
  outline: none;
}
.enq-form select{
  -webkit-appearance: none;
  appearance: none;
  background:#fff;
} 
.enq-form button:hover {
  background: #FF1A7D;
  box-shadow: 1px 1px 3px #000;
}
.enq-form .group{ 
  position:relative; 
  margin-bottom:7px; 
}
.enq-form form{
  width: 96%;
  margin:10px auto;
  padding: 8px;
  box-sizing: border-box;
}
.enq-form input, .enq-form select{
  font-size: 14px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  box-sizing: border-box;
  border-bottom: 1px solid #757575b0;
}
.enq-form input:focus, .enq-form select:focus{ outline:none;border-bottom: none;}
.enq-form input:focus ~ label, .enq-form select:focus ~ label{
display: none !important;
}
.enq-form input:valid ~ label, .enq-form select:valid ~ label{
display: none !important;
}
.enq-form label{
  color: #999;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  letter-spacing: 1px;
}
.enq-form .bar{
  position:relative;
  display:block;
  width: 100%;
}
.enq-form .bar:before, .enq-form  .bar:after {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.enq-form .bar:before {
  left:50%;
}
.enq-form .bar:after {
  right:50%; 
}
.enq-form input:focus ~ .bar:before, .enq-form input:focus ~ .bar:after {
  width:50%;
}
.enq-form select:focus ~ .bar:before, .enq-form select:focus ~ .bar:after {
  width:50%;
}
.enq-form .highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
.enq-form input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.enq-form select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
from { background:#5264AE; }
to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
from { background:#5264AE; }
to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
from { background:#5264AE; }
to  { width:0; background:transparent; }
}
.quickenquery_mobile{display: none;}
@media screen and (max-width: 768px){
.enq-form{
  left: 0;
  bottom: -610px;
  top: inherit;
  left: 10px;
  width: 245px;
}

.formrotate{
  transform: rotate(0deg);
  position: absolute;
  z-index: 555;
  right: inherit;
  top: -45px;
  width: 100%;
}
.enq-form:hover{left: 10px;}
.formslidup{bottom: -200px;}
.enq-form .bar:before, .enq-form .bar:after{background: #FF1A7D;}
.enq-form .title{background: #FF1A7D;}
.enq-form .user-icon{background: #FF1A7D;}
.enq-form p.messageenqform::before{background: #FF1A7D;}
.enq-form button{background: #FF1A7D;}
.enq-form button:hover{background: #353e91;}
}

/* ............................For whatsapp
 animation popup..................................... */

.mbtn-callout { display:none; }

.hidden-xs { display: block; }
.fixed-callout {
  padding: 15px 20px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  position: fixed;
  bottom: 27px;
  text-align: center;
  animation: move 6s infinite forwards;
  z-index: 9999;
}
.fixed-callout .hidden-xs a{
    margin: 8px 0px;
}
.fixed-callout a {
    display: block;
    padding: 2px 0;
    font-size: 16px;
    color: #323232 !important;
   text-decoration: none;
}
.fixed-callout .mbtn-callout a {
  display: inline-block;
  font-size: 30px;
  margin: 0 15px;
  padding: 0;
}
.fixed-callout h4 {
  padding: 0px;
  margin: 0px 0px 8px 0px;
  color: #0079be;
  font-size: 15px;
  font-weight: bold;
}



@keyframes move {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0px);
  }
}

.fixed-callout img{
    width: 24px;
}

@media only screen and (max-width: 576px) {
  .fixed-callout .what-col img{width: 35px!important;
    padding: 2px 0 5px !important;}
  .fixed-callout .hidcall img{width:42px!important;padding:10px!important;}
  .fixed-callout{padding:0px 3px!important;}

}


@media screen and (max-width: 768px){
.fixed-callout  .hidden-xs{display: none!important;}
.fixed-callout .visible-xs{display: block!important;}
.fixed-callout .mbtn-callout a {display: inline-block;font-size: 0!important;margin: 0 6px!important;
padding: 0!important;}
.fixed-callout {padding: 0px 3px!important;width: 110px;}
.fixed-callout .what-col img{width: 35px!important;padding: 2px 0 5px !important;}
}

.installAppbg{
  display: none;
}

@media (max-width: 576px){
.menu-bar .installAppbg{
    display: block;
    background: #0055dce0;
    position: relative;
}

.installAppbg .d-flex{
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    color: #fff;
    width: 100%;
}

.installAppbg .d-flex .mmlogo{
    flex: 1;
}

.installAppbg .d-flex .mmlogo img{
    width: 70%;
}

.installAppbg .d-flex .getjob{
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
}

.installAppbg .d-flex .getjob span{
    display: block;
    padding-top: 2px;
}

.installAppbg .d-flex .getjob span img{
    margin-top: -3px;
}

.installAppbg .d-flex .btn{
    font-size: 13px;
    background: #fff;
    color: #ed2326;
    margin-right: 4px;
    padding: 6px 15px;
}

.installAppbg .appclose{
    position: absolute;
    bottom: -10px;
    left: 4px;
    z-index: 998;
}

body.spacetop {
  padding-top: 35px;
}

body.spacetop .reposnive-links.fixwrap{
  top: 110px !important;
}

}

/*media query end here*/

/*---------------------------------------------*/
  
 .loginPopup{
    z-index: 9999 !important;
    top: 100px;
  }

  .loginPopup .modal-body{
    height: auto;
    width: 100%;
    padding-top: 0!important;
    padding-bottom: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 4px solid #007FC9;
  }

  .loginPopup form{
    position: relative;
    padding: 15px 8px 15px;
    width: 100%;
  }

  .loginPopup .form-control{
    height: calc(1.95rem + 2px) !important;
  }

  .loginPopup form input,
  .loginPopup form .btn,
  .loginPopup form select,
  .loginPopup .close{
    box-shadow: none !important;
    outline: none !important;
  }

  .loginPopup .close{
    box-shadow: none !important;
    outline: none !important;
    opacity: 10 !important;
    line-height: inherit !important;
    position: absolute;
    right: -5px;
    top: -12px;
    margin: 0 !important;
    width: max-content;
  }

  .loginPopup .close span{
      color: red;
      box-shadow: none !important;
      text-shadow: none !important;
  }

  .loginPopup .close span:hover{
    opacity: .8;
  }

  .loginPopup h2{
      font-size: 20px;
      color: #636363!important;
      text-align: center;
      margin: auto;
  }

  .loginPopup figure{
      margin: 0;
      position: absolute;
      left: 50%;
      top: -55px;
      transform: translate(-50%, 50%);
      background: #fff;
      box-shadow: 0px 2px 8px -1px #0000001f;
      padding: 10px;
      border-radius: 50%;
      z-index: 99;
  }

  .loginPopup figure img{
    max-width: 100%;
    width: 60px;
  }

  .loginPopup form input::-webkit-outer-spin-button,
  .loginPopup form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .loginPopup form .input-group-text{
    background: #fff !important;
  }
  
  .loginPopup form .input-group-addon{
    background: #F1F3F4 !important;
    padding: 6px 10px;
  }

  .loginPopup form input,
  .loginPopup form select{
    border:0 !important;
  }

  .loginPopup form .input-group-addon{
    border: 1px solid rgb(117 138 172 / 6%);
    border-right: 0 !important; 
  }

  .loginPopup form input,
  .loginPopup form select{
    box-shadow: 0px 0px 4px 0 rgb(117 138 172 / 35%) !important;
  }

  .loginPopup form input::placeholder,
  .loginPopup form select{
    color: #636363d9 !important;
    font-weight: normal !important;
    font-size: 14px;
    text-transform: capitalize;
  }

  .loginPopup form i{
    color: #868686;
  }

  .loginPopup form .btn{
    padding: 7px;
    font-size: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    margin: auto;
  }

  .loginPopup .w-100{
    width: 100% !important; 
  }

  .loginPopup .mb-2{
    margin-bottom: .5rem!important;
  }

  .loginPopup .modal-header{
    background: #fff;
    position: relative;
    padding: 10px 20px !important;
    margin-bottom: 0 !important;
    border-bottom: 0;
    box-shadow: 0 0px 7px 1px rgba(103,151,255,.1), 
    0 5px 16px 0 rgba(103,151,255,.1);
  }

  .loginPopup .homesubtn{
    background: #30428F;
    color: #fff ;
  }

  .loginPopup .homesubtn:hover{
    opacity: .8;
  }

  .loginPopup .homesubtn i{
    color: #fff;
  }

  .right-content .tabimgset{
    display: block !important;
    width: auto !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    border: 0!important !important;
  }

  .right-content .tabimgset table img{
    max-width: none !important;
  }
  
  .right-content u{
    text-decoration: underline !important;
  }



  @media (min-width: 768px){
  .loginPopup .modal-dialog {
      width: 480px !important;
  }

}

@media (max-width: 700px){
  button.btnqiconres {
    background: #0098DA !important;
    color: white !important;
    border: 1px !important;
    border-radius: 5px !important;
    padding: 8px 4px 8px 5px !important;
    cursor: pointer !important;
    font-size: 10px !important;
}

  img.img-query {
      width: 15px !important;
      margin-right: 1px !important;
  }

button.btnqiconres:hover {
    background-color: rgb(0, 132, 255);
}
  button.btnqicon{
    display: none;
  }
}
@media (max-width: 576px){
  .removeSwipe tbody td{
    white-space: nowrap;
  }
  .tabimgset tbody td{
    white-space: normal;
  }
  .loginPopup{
    padding-right: 8px !important;
  }

  .loginPopup .modal-content{
    width: 90%;
    margin: auto;
    border: 0 !important;
  }

   .loginPopup form{
    padding: 30px 10px 15px !important;
  }

  .loginPopup form h2{
    margin-top: 0;
  }

  button.btn.askq-btn{
   display: none !important;
  }

  .socialcrumbs button.btnqiconres{
    background: #0098DA !important;
    width: 90px;
    text-align: center;
    line-height: 11px;
  }

  .socialcrumbs button.btnqiconres img{
    width: 15px !important;
    margin-right: 1px !important;
    float: left;
    margin-top: 3px;
    margin-left: 8px;
  }

  .sm-pl-0{
    padding-left: 15px !important;
  }

  .socialcrumbs button.btnqiconres span{
    display: block;
  }

 

}


button.btnqicon {
    background: rgb(0 132 255 / 85%) !important;
    color: white;
    border: 1px;
    border-radius: 5px;
    padding: 6px;
    margin-left: 16px;
    cursor: pointer;
}

/* Darker background on mouse-over */
button.btnqicon:hover {
    background-color: #0383fb !important;
}

img.img-query {
    width: 20px;
    margin-right: 4px;
}

button.btn.askq-btn{
    background: #0eb2f9 !important;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 8px 8px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 10px;
    width: max-content;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 99;
}

button.btn.askq-btn:before{
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background:#007bff !important;
  transition: all ease-in-out 0.3s;
}

button.btn.askq-btn img{
  margin-right: 10px;
}


button.btn.askq-btn:hover:before{
    right: 0;
    width: 100%;
    z-index: -1;
    box-shadow: 0px 0px 5px 4px #000;
    transform: scale(1.1);
}

 .btnanimation{
     animation: crescendo 1.5s alternate infinite ease-in;
  }

@keyframes crescendo {
  0%   {transform: scale(.9);}
  100% {transform: scale(1);}
}

.doubts {
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

@media (max-width: 576px){
  .doubts{
    float: none;
    margin: 15px 0px 0px;
    text-align: center;
  }

  .enq-form .user-icon{
    top: -30px !important;
    right: -160px !important;
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }

  .enq-form{
    width: 60%;
    left: 5px;
    bottom: -645px;
  }

  .enq-form.formslidup{
    bottom: -230px !important;
  }
}

/*-----------branch-popup------------*/

.branch_popup{
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 999;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
    text-align: center;
    padding: 3px 5px;
    width: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.branch_popup .branchcall img{
  width: 38px;
}

.branch_popup .branchwhatsp img{
  width: 30px;
}


.widget {
  position: relative;
}
.widget.active .menu .list{
  width: max-content;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgb(103 151 255 / 10%), 0 12px 64px 0 rgb(103 151 255 / 10%);
  visibility: visible;
  flex-direction: row-reverse;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transform: translate(28px, -50%);
  transition: 650ms cubic-bezier(0.79, 0, 0.22, 1);
  position: fixed;
  bottom: 10%;
  right: 7%;
  z-index: 999;
  margin: 0;
  animation: floatani 6s ease-in-out infinite;
  bottom: 7px !important;
}

@keyframes floatani {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

.widget.active .menu .list li {
  transform: scale(1);
}


.widget .menu .toggle {
  width: 40px;
  height: 40px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  border-radius: 100px;
  cursor: pointer;
  z-index: 100;
  transition: 600ms cubic-bezier(0.79, 0, 0.22, 1);
}
.widget .menu .toggle i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
}
.widget .menu .toggle i.fa-times{
  display: none;
}

.widget.active .menu .toggle i.fa-times{
  display: block;
}

.widget.active .menu .toggle i.fa-phone-alt{
  display: none;
}
.widget .menu .list li {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  margin-left: 8px;
  list-style: none;
  border-radius: 100px;
  background-color: #73776C;
  transform: scale(0);
  transition: 300ms cubic-bezier(0.37, 0.01, 0.43, 1.3);
  transition-delay: 300ms;
}
.widget .menu .list li:nth-child(1) {
  transition-delay: 50ms;
}
.widget .menu .list li:nth-child(2) {
  transition-delay: 100ms;
}
.widget .menu .list li:nth-child(3) {
  transition-delay: 150ms;
}
.widget .menu .list li:nth-child(4) {
  transition-delay: 200ms;
}
.widget .menu .list li:nth-child(5) {
  transition-delay: 250ms;
}
.widget .menu .list li:nth-child(6) {
  transition-delay: 300ms;
}

.widget .innerdetail{
  border-radius: 8px;
  list-style-type: none;
  width: max-content;
  position: absolute;
  bottom: 60px;
  opacity: 0;
  transform: scale(0);
  transform-origin: bottom right;
  transition: all 0.3s ease 0.1s;
}
#branchwhatsapp .active, #branchwhatsapp .innerdetail{
  right: 0;
}
.widget .innerdetail a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  background: #1D69E3;
  color: #fff;
  padding: 7px 14px;
  border-radius: 20px 0 0 20px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgb(117 138 172 / 18%);
}

.widget .innerdetail a:last-child{
  margin-bottom: 0;
}

.widget .innerdetail a:last-child::before{
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #000;
  position: absolute;
  bottom: -7px;
  right: 3px;
  display: none;
}

.widget .innerdetail a img{
  width: 18px;
  margin-right: 8px;
}

.widget .innerdetail2 img{
  width: 30px;
}

.widget .innerdetail.active{
    opacity: 1;
    transform: scale(1);
}

.widget #branchcall{
  background: #0186FC;
  color: #fff;
  margin-right: 8px;
}

.widget #branchwhatsapp{
  background: #25d366;
  color: #fff;
}

.widget #branchwhatsapp i{
  font-size: 30px;
}

.formoverlay.active{
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: rgb(0 0 0 / 40%);
    z-index: 99999;
}

.custom-btn{
  background: #0eb2f9;
  font-weight: 600;
  letter-spacing: 1px;
  width: max-content;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: white !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,
  background-color .15s ease-in-out,
  border-color .15s ease-in-out,
  box-shadow .15s ease-in-out;
}

.custom-btn:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #007bff !important;
    transition: all ease-in-out 0.3s;
    z-index: -1;
}

.custom-btn:hover:before{
    width: 100%;
}

.custom-btn input{
  border: 0!important;
  color: #fff!important;
  padding: 0!important;
  background: transparent!important;
}

.right-content.boxshadow{
  padding:1rem!important;
}


@media (max-width: 576px){

  .right-content table{
    display: block !important;
  }

  .right-content table th,
  .right-content table tr:first-child td,
  .right-content table tbody th:first-child,
  .right-content table tbody tr:first-child td p{
    white-space: nowrap;
    /*min-width: 250px;*/
  }
  /*
  .right-content table{
    position: relative;
    z-index: 999;
  }

  .right-content table.removeSwipe:before{
    display: none;
  }

  .right-content table.removeSwipe:after{
    display: none;
  }

  .right-content  table:before{
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    background: url(../img/Slide-tap-left.svg);
    background-color: #ffffffa8;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 15%;
    z-index: 9999;
  }*/


}

.right-content a {
    position: relative;
    display: inline-block;
    width: 100%;
}

.right-content a {
    display: inline-block;
    width: auto!important;
}

/*.right-content a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 10px;
    border-bottom: 2px solid #384192;
    transition: .4s;
}

.right-content a:hover:after {
    width: 100%;
}*/

/*.right-content table tr:hover {
    background: #f5f5f5;
}*/

/*========= location box css ==============*/
.custom-pad-colom{
    padding: 8px 10px;
    border: 1px solid #eee!important;
    background-color:#3366cc; border-color:#3366cc; text-align:center
  }  
  .padding-0{
    padding: 0px;
  }  
  .colom-content-location{
    background-color: #eeeeee;
    border-color: #3366cc;
    padding: 8px;
    min-height: 210px;
  }
.custtombred{
    margin-top: 10px;
    padding-left: 5px;
    margin-bottom: 2px;
    width: 100%;
}
.custtombred li{
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    color: #000;
    width: 32%;
}
.custtombred li img{
    width: 25px;
} 
.contact-us-li{
  background: #0098db !important;
  padding: 3px 8px 6px 8px !important;
  border-radius: 5px;
  margin-left: 0px;
}
.contact-us-li button{
  background: #0098db;
  color: #fff;
  padding-top: 2px;
  border: none;
} 
#return-to-top {
    position: fixed;
    bottom: 136px;
    right: 30px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.topPagenavigation{
  background: #353e91;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    box-shadow: 1px 1px 5px 0px #fff;
}
.topPagenavigation .fa{
    font-size: 37px;
    padding: 5px 13px;
    color: #fff;
    font-weight: 600;
}
.franchiseSuccessDiv{
  text-align: center;
}
#bottomPopupP .modal-content{
    width: 340px;
    margin: auto;
}
#sharemodal .modal-content{
    width: 56%;
    margin: auto;
}
@media (max-width: 767px) {
 /* #return-to-top {
    bottom: 100px;
  }*/
  .contact-us-li button{
    font-size: 12px;
  }
}

@media (max-width: 420px) {
 .custtombred li img {
    width: 19px;
 }
 .custtombred li {
    font-size: 13px;
    text-align: center;
 }
 body.spacetop {
    padding-top:0px;
 }
 .main-wrap {
    padding-top: 15px;
 }
}