body {

  overflow-x: hidden;

}

:root,
[data-bs-theme="light"] {
    --bs-pc: 0, 118, 190; /* RGB for #0076be */
    --bs-sc: 153, 184, 31;   /* RGB for #99b81f */
    --bs-indigo: 102, 16, 242;
    --bs-body-text: #434b63;
    --bs-pc-light: 207, 226, 255; /* RGB for #cfe2ff */
    /*--bs-body-fontFamily: Montserrat, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;*/
	--bs-body-fontFamily: '__Inter_9d3317', '__Inter_Fallback_9d3317', sans-serif;
    --bs-body-fontSize: 16px;
}
 
.text-pc {
    color: rgb(var(--bs-pc)) !important;
}
ul#menu-main-nav >li>a
.text-pc-light {
    color: rgb(var(--bs-pc-light)) !important;
}

.bg-pc {
    background-color: rgb(var(--bs-pc)) !important;
}

.bg-sc {
    background-color: rgb(var(--bs-sc)) !important;
}

.text-sc {
    color: rgb(var(--bs-sc)) !important;
}
body {

    font-family: var(--bs-body-fontFamily) !important;
    font-size: var(--bs-body-fontSize) !important;
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
}

p{ 
       font-size: var(--bs-body-fontSize) !important;}

.border-pc{
	border: 1px solid rgb(var(--bs-pc)) !important;
}


#main {

  margin-top: 0 !important;

}

a.navbar-toggler i {

    color: #0076be;

}

a.navbar-toggler {

    border: 1px solid #0076be;

	    padding: 2px 6px;

}
li.menu-item-has-children.has-dropdown > a:before {/* display: none !important;*/}
@media screen and (max-width: 768px) {
  
  .glide__slide img {
    width: 100%;
}
	.sptybgimg img{
		    margin-left: 60px !important;
	}
	li.mnu-cl-btn a {
     margin-left: 10px !important;
	}	
	.navbar-brand img {
    height: 35px !important;
}

  header .phone {

    float: left !important;

  }
  
  
/* Offcanvas Styling */
.offcanvas {
    background: #fff;
    width: 100%;
    
    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
}

/* Offcanvas Header */
.offcanvas-header {
    background: #99b81f;
    color: white;
    padding: 15px;
}

/* Offcanvas Close Button */
.offcanvas-header .btn-close {
    filter: invert(1);
}

/* Navigation Menu */
.offcanvas-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.offcanvas-body ul li {
    border-bottom: 1px solid #eee;
}

.offcanvas-body ul li a {
    display: block;
    padding: 12px 15px;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.3s;
}

.offcanvas-body ul li a:hover {
    background: #f8f9fa;
    color: #0076be;
}

/* Sub-menu Styling */
.sub-menu {
    display: none;
    padding-left: 15px;
    background: #f8f9fa;
}

.menu-item-has-children > a {
    position: relative;
}

.menu-item-has-children > a::after {
    content: "\F282" !important;
    font-family: 'bootstrap-icons';
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
	font-weight: 600;
    transform: rotate(270deg);
}
.menu-item-has-children.active > a::after {
    transform: rotate(0deg);
}
/* Active Submenu */
.menu-item-has-children.active > .sub-menu {
    display: block;
}

  

	header.main-header.fixed-top .phone{

		border: 0 !important;

	}

	.slide-content {

    margin-top: 0px;
    padding: 0 0;
            height: 240px;
    

}

.slide-content h1 {
  font-size: 24px;
  color: #0076be;
}

	.slide-content a {

    border: 1px solid #0076be;

    padding: 6px 10px;

    border-radius: 50px;

    color: #0076be;

      font-size: 14px;

}

	.slick-prev:before, .slick-next:before{

		    font-size: 16px !important;

	}

	li.menu-item-has-children.has-dropdown > a:before{

		    top: 18px !important;

	}



	.slide.slick-slide{

	height: 300px !important;

	}



	nav#header{

		background: #fff !important;

	}

	.home ul#menu-primary-menu > li > .nav-link {

    color: #333 !important;

}

	ul#menu-primary-menu > li > .nav-link {

    

    padding: 10px 20px !important;

}

	ul#menu-primary-menu > li {

    border-bottom: 1px solid #f2e4c1;

}

  .top-main {

    border: none !important;

  }

  .top-main a {

    float: left !important;

  }

  ul#menu-main-nav > li {

    padding: 0 6px !important;

    border-bottom: 1px solid #4e7a5170;

  }

  p.phone {

    margin-bottom: 14px;

  }

  li.menu-item-has-children.has-dropdown > a:before {

    right: 5px !important;

  }

}

section {

  padding: 50px 0;

}

p, ul {

  color: #747474;

}

/* media end*/

.navbar-toggler:focus {

  box-shadow: none !important;

}

ul#menu-primary-menu > li > .nav-link {

     color: #333;
       padding: 26px 15px;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;

}
ul#menu-primary-menu > li{
	  position: relative;
}
ul#menu-primary-menu > li:before {
   /* content: "";*/
    position: absolute;
    background: #b5b5b5;
    width: 1px;
    height: 28px;
    left: 0;
    top: 22px;
}
ul#menu-primary-menu > li:last-child:before, ul#menu-primary-menu > li:first-child:before  {
	display: none;
}

ul#menu-primary-menu .current-menu-item a {

  color: #0076be !important;
	  

}

li.mnu-cl-btn a {
    background: #0076be;
    color: #fff !important;
    padding: 5px 15px !important;
    margin-top: 16px;
    border-radius: 50px;
	    margin-left: 20px;
	    font-size: 16px !important;
}


.slide.slick-slide {

    background-position: center !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

}

li.menu-item-has-children.has-dropdown:hover ul.dropdown-menu {

  display: block;
	   display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
    width: 400px;

}

ul.dropdown-menu li:hover a {

  color: #99b81f;

  background: #fff;

}

.navbar-nav .dropdown-menu li:first-child:hover a {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}

.navbar-nav .dropdown-menu li:last-child:hover a {

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

}

li.menu-item-has-children.has-dropdown a {

  position: relative;

}

li.menu-item-has-children.has-dropdown > a:before {

  content: "\F282" !important;


 font-family: 'bootstrap-icons';

  font-size: 12px;

  top: 26px;

  position: absolute;

  width: 20px;

  height: 10px;

  text-align: right;

  right: 0px;
  font-weight: 600;

}

ul#menu-main-nav > li > a {

  font-size: 14px;

  color: #322c46;

  font-weight: 600;

  padding-left: 0 !important;

}

nav#header {

  background: transparent;

  z-index: 99;

  padding: 0;

}

.top-header {

  background: #0076be;

}

button.navbar-toggler i {

  color: #0076be;

}

.fixed-top {

  background: #fff;

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);

}

header.main-header.fixed-top .phone {

  border: 1px solid #0076be;

}

nav.navbar.navbar-expand-xl {

    padding: 0;

}

/* top hdr css*/

ul.top-right a {

  font-size: 16px;

}

.home header .phone {

  border: 1px solid #fff;

}

header .phone {

  min-width: 174px;

  display: flex;

  border: 1px solid #0076be;

  padding: 10px;

  text-align: center;

  justify-content: center;

  border-radius: 50px;

}

.home .fixed-top ul#menu-primary-menu > li > .nav-link {

  color: #333;

}

.phone {

  float: right;

  margin: 0;

}

.mbl-icn i {

  width: 40px;

  height: 40px;

  background: #0076be;

  border-radius: 50px;

  margin-right: 14px;

  font-size: 30px;

  color: #fff;

  padding: 5px 14px;

}

.phone small {

  margin-top: 3px;

  font-size: 14px;

  line-height: 1;

}

.phone small, .phone a {

  display: block;

  color: #0076be;

}

.phone a {

  font-size: 14px;

  letter-spacing: 0.05em;

  font-weight: 500;

  text-transform: uppercase;

}

.dropdown-item.active, .dropdown-item:active {

  background: #fff !important;

  color: #091636 !important;

  border: 0 !important;

}

ul.dropdown-menu {

  border: 0;

  top: 68px;

  border-radius: 2px;

  padding: 0;

}

ul.dropdown-menu li {

  border-bottom: 1px solid #cdcdcd6b;

  padding: 2px;

  font-size: 14px;

}

ul.dropdown-menu li:last-child {

  border-bottom: 0px

}

ul.dropdown-menu li a {

  color: #0076be;

  padding: 5px;

}

div#navbar ul#menu-main-nav > li {

  padding: 20px 8px;

}

.grid-row.cntpgfrm .col-lg-12.col-tb-12:last-child p {

  margin-bottom: 0;

} 



.banner-slider ul.slick-dots{

    bottom: 15px !important;

}



.banner-slider .slick-dots li, .banner-slider-mob .slick-dots li {

    margin-right: 14px !important;

}

.banner-slider .slick-dots li button, .banner-slider-mob .slick-dots li button {

    width: 30px;

    height: 10px;

    background: #d2d1d1;

    border-radius: 20px;

}

.banner-slider li.slick-active button, .banner-slider-mob li.slick-active button{

	background: #0076be;

}

.banner-slider .slick-dots li.slick-active button:before, .banner-slider-mob .slick-dots li.slick-active button:before {

    opacity: 0;

}



.banner-slider .slick-dots li button:before {

    opacity: 0;

}

.banner-slider .slick-dots li button:before{

	color: transparent;

}

.slide-content h1 span {

    color: #fff;

}

.teg-btn a {

  border: 1px solid #0076be;

  padding: 10px 20px;

  border-radius: 50px;

  color: #0076be;

  text-transform: uppercase;

  text-align: center;

}


/* pagination css*/



ul.pagination {
    text-align: center;
    justify-content: center;
	    margin-top: 20px;
}
.pagination{
    font-family: 'Manrope', sans-serif;
    display: inline-flex;
    position: relative;
}
.pagination li a.page-link, .pagination li span.page-link{
    color: #555;
    background: #eee;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: 0 6px;
    border: none;
    border-radius: 0;
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link{
    font-size: 23px;
    line-height: 28px;
}
.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active span.page-link:hover,
.pagination li.active span.page-link{
    color: #99b81f;
    background: transparent;
    box-shadow: 0 0 0 1px #99b81f;
    border-radius: 5px;
}
.pagination li.active span.page-link:before,
.pagination li.active span.page-link:after
{
	 content: '';
    background-color: #99b81f;
    height: 10px;
    width: 10px;
   opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    transition: all 0.3s ease 0s;
}



.pagination li a.page-link:before,
.pagination li a.page-link:after
{
    content: '';
    background-color: #99b81f;
    height: 10px;
    width: 10px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    transition: all 0.3s ease 0s;
}
.pagination li a.page-link:after,
.pagination li.active span.page-link:after{
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
}
.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active span.page-link:hover:before,
.pagination li.active span.page-link:before,
.pagination li a.page-link:hover:after,
.pagination li a.page-link:focus:after,
.pagination li.active span.page-link:hover:after,
.pagination li.active span.page-link:after{
    opacity: 1;
}
.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active span.page-link:hover:before,
.pagination li.active span.page-link:before{
    left: -3px;
    top: -3px;
}
.pagination li a.page-link:hover:after,
.pagination li a.page-link:focus:after,
.pagination li.active span.page-link:hover:after,
.pagination li.active span.page-link:after{
    right: -3px;
    bottom: -3px;
}
@media only screen and (max-width: 480px){
    .pagination{
        font-size: 0;
        display: inline-block;
    }
    .pagination li{
        display: inline-block;
        vertical-align: top;
        margin: 0 0 15px;
    }
}



.glide.banner-slider .glide__slide {
    border-radius: 20px;
    border: 4px solid #fff;
	border-bottom: 0 !important;
	border-top: top !important;
}