@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Medium.ttf') format('truetype'),
         url('../font/JosefinSans-Regular.ttf') format('truetype'),
         url('../font/JosefinSans-SemiBold.ttf') format('truetype'),
         url('../font/JosefinSans-Bold.ttf') format('truetype'),
         url('../font/JosefinSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root {
    --orange-clr: #e85122;
    --yellow-clr: #ffd000;
    --dark-blue-clr: #393186;
    --green-clr: #01843e;
    --bg-clr: #f7f7f7;
    --bg2-clr: #f7f5f2;
    --transparentClr: #273c4694;


    --dark-clr: #282828;
    --gray-clr: #e1e1e1;
    --white-clr: #ffffff;
    --black-clr: #000000;
    --p-clr: #848484;
    --heading-font: 'Permanent Marker', cursive;
    --shadow2: 0 2px 50px rgba(0, 0, 0, 0.5);
    --shadow3: 4px 8px 14px 0px rgb(47 57 112 / 10%);








    --primarily: #3c3583;
    --secondly: #e95525;
    --thirdly: #06823d;
    --light-green: #74b994;
    --light-blue: #6a68a8;
    --lightest-blue: #9998c5;
    --gray: #C0C0C0;
    --light-gray: #EBEBEB;

    --mix: #805B4C;

    /* --para:#848484; */
	--para: #6d6e70;
    --text: #3c6382;
    --big__text: #0c2461;

    --black: #000;
    --white: #fff;

    --brd-r-5: 5px;

    --small: 14px;
    --smallest: 12px;
    --medium: 16px;
    --default: 18px;
    --big: 22px;
    --biggest: 34px;

    --border-color: rgb(206 204 204 / 100%);
	--shadow: 0 0 40px 3px rgba(0,0,0,0.1);
    --shadow2: 0 5px 10px rgba(0, 0, 0, 0.2);


    
	--text: #282828;

	--gray: #f6f6f6;
	--dark-gray: #939393;
    --value: 5;
    
}
* {
  box-sizing: border-box;
  font-stretch: normal;
  margin: 0;
  padding: 0;
}
*::selection {
    background-color: var(--secondly);
    color: var(--white);
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

    font-size: 62.5%;
}
body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* font-family: 'Barlow Sans' !important; */
    font-family: 'Josefin Sans' !important;
    font-size: 1.8rem;
    line-height: 1.9;
    font-weight: 400;
    color: var(--para);
}
a, a:hover, a:focus, a:active {
    text-decoration: none !important;
}
ul, li {
    list-style: none !important;
}
ul {
    margin-bottom: 0 !important;
}
  









/*------------ section start----------- */
section {
    padding: 10rem 0 7rem 0;
}
section, footer, header, .slider__area, .slider__content, .slider__text,
.welcome__area, .welcome__content,
.points__area, .points__list,
.media__area, .media__content, .media__slide, .media__slide__cont,
/* .news__area, */
.product__area, .product__content, .product__text, .product__img,
.breadcrumb__area, .breadcrumb__text,
.contacts__area, .contacts__box, .contact__form, form,
.abouts__area, .abouts__content, .abouts__tabs, .abouts__box, 
.products__area, .products__text, .products-master, .products-master-link,
.policy__area, .client__area,
.certificate, .certificate__slider, .certificate__slide 
{
    width: 100%;
    float: left;
}
/*------------ section end----------- */



/*------------ border radius start ----------- */
.brd-r-3, .btn 
{
    border-radius: 3px !important;
}
.brd-r-5, .abouts__area img, .certificate__slide,
.products__box, .products__box img, .single__products__box__img img, 
.products-master-link li, .products-master-link li img,
.products-master-link a  
{
    border-radius: 5px !important;
}

/*------------ border radius end----------- */


/*------------ btn start----------- */
.btn, 
.btn:hover, 
.btn:focus {
    outline: none;
    box-shadow: none;
    border-radius: 5px !important;
    font-size: var(--default);
    padding: 0.5em 1.8em;
    color: var(--white-clr);
    background: var(--secondly);
    border: 2px solid var(--secondly);

}
.btn:hover {
    color: var(--secondly);
    background: var(--white);   
}




/*------------ btn end----------- */

/*------------ main start----------- */
main {
    width: 100%;
    float: left;
    min-height: 500px;
}
/*------------ main end----------- */


/*------------ breadcrumb__area start----------- */
.breadcrumb__area {
    padding: 2rem 0;
    background: url(../images/pattern_bg.png);
}
.breadcrumb__area ul {
    width: 100%;
    float: left;
}
.breadcrumb__area li {
    float: left;
    margin-right: 10px;
}
.breadcrumb__area li svg{
    margin-right: 10px;
}
.breadcrumb__area h4 {
    width: 100%;
    float: left;
    font-size: 24px;
}
 .breadcrumb__area li,
 .breadcrumb__area li a,
  .breadcrumb__area h4 {
    color: var(--white-clr);
}
.breadcrumb__area h4 {
    text-transform: uppercase;
}
.breadcrumb__area a:hover {
    color: var(--secondly);
}
.breadcrumb__area li:last-child  {
    color: var(--secondly);
}


/*------------ breadcrumb__area end----------- */



/*------------ slide btn start----------- */
.slide__btn {
    width: 100%;
    float: left;
    position: relative;

}
.slide__btn .slick-prev, 
.slide__btn .slick-next {
    z-index: 2;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;

} 
.slide__btn .slick-prev, 
.slide__btn .slick-next,
.slide__btn .slick-prev:hover, 
.slide__btn .slick-prev:focus, 
.slide__btn .slick-next:hover,
.slide__btn .slick-next:focus
 {
    background: var(--white-clr);
    box-shadow: var(--shadow);
}
.slide__btn .slick-prev:before, 
.slide__btn .slick-next:before {
    content: '';
    opacity: 1;
    width: 60px;
    height: 60px;
    display: block;
    background-size:12px !important;
} 




.slider__slide .slick-next {
    right: 50px;
}
.slider__slide .slick-prev {
    left: 50px;
}
.slider__slide .slick-next:before {
    background: url(../images/next.png)center center no-repeat;
} 
.slider__slide .slick-prev:before {
    background: url(../images/prev.png)center center no-repeat;
} 





.media__area {
}
.media__slide .slick-next,
.media__slide .slick-prev {
    top: inherit;
    bottom: 0;
}
.media__slide .slick-next {
    right: 80%;
}
.media__slide .slick-prev {
    left: 0%;
}
.media__slide .slick-next:before {
    background: url(../images/next-g.png)center center no-repeat;
} 
.media__slide .slick-prev:before {
    background: url(../images/prev-g.png)center center no-repeat;
} 

/*------------ slide btn end----------- */



/*------------ heading start----------- */
.primarily__title, .secondly__title, .thirdly__title, .fourthly__title {
    font-weight: 700;
}
.primarily__title {
    font-size: 4.5rem;
}
.secondly__title {
    font-size: 2.4rem;
}
.thirdly__title {
    font-size: 2.2rem;
}
.fourthly__title {
    font-size: 2.0rem;
}



.primarily__clr {
    color: var(--primarily);
}
.secondly__clr {
    color: var(--secondly)
}
.thirdly__clr {
    color: var(--thirdly)
}
.big__text__clr {
    color: var(--big__text);
}
.mix__clr {
    background: var(--mix);
}







.heading * {
    font-weight: 600;
}
.heading h1 {
    
}
.heading h2 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
}
.heading h3 {
    font-size: 30px;
}
.heading h4 {
    font-size: 26px;
}
.heading h5 {
    font-size: 20px;
}
.heading h6 {
    font-size: 22px
}
/*------------ heading end----------- */





/*--------------- Begin: header -------------- */



#header {
	width: 100%;
}
.header__top {
    padding: 0.9rem 0;
}
#header .bg-light  {
	background: transparent !important;
}
#header .hero-anime {
    border-top: 2px solid var(--gray);
}
header .social-icons span {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.navigation-wrap{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
#header .navbar{
	padding: 0.5rem 0;
}
@media screen and (min-width: 993px){
	.navbar-brand img{
		height: 8rem;
	}
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 2px solid var(--black);
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 2px;
	background-color: var(--black);
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: var(--text) !important;
    font-weight: 500;
    transition: all 200ms linear;
}
.nav-item:hover .nav-link{
	color: var(--secondly) !important;
}
.nav-item.active .nav-link{
	color: var(--secondly) !important;
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: var(--secondly);
	opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    display: block;
	padding: 0;
	margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: var(--black);
	background-color: var(--white);
	border: none;
	border-radius: 3px;
    box-shadow: var(--shadow);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}
.dropdown-item {
	border-radius: 2px;
    transition: all 200ms linear;
    font-size: var(--small);
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: var(--white);
	background-color: var(--secondly);
}


@media (max-width: 991px) { 
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: var(--black);
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	
}

/*--------------- End: header -------------- */

/*--------------- start: connect and social-icons -------------- */

.social-icons, .connect {
    width: 100%;
    float: left;
}

.social-icons span {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    display: block;
    text-align: center;
    border-radius: 0.5rem;
    display: inline-block;
    border: 1px solid var(--secondly);
}
.social-icons span, .connect span {
    font-size: var(--medium);
    color: var(--secondly);
}
.connect a {
    color: var(--para);
}
.connect a:hover {
    color: var(--secondly);
}
.social-icons a:hover span {
    color: var(--white);
    background: var(--secondly);
}



/*----------- connect and social-icons end -----------*/


/*----------- slider start -----------*/
.slider__area {
    position: relative;

}
.slider__slide {
    width: 100%;
    float: left;
    overflow: hidden;
}
.slider__area img {
    height: 55rem;
    width: 100%;
    object-fit: cover;
}
.slider__area .slick-prev,
.slider__area .slick-next {
    background: var(--gray);
    opacity: 0.5;
 }

.slider__area .slick-prev:hover, 
.slider__area .slick-prev:focus, 
.slider__area .slick-next:hover, 
.slider__area .slick-next:focus {
    opacity: 1;
}





/*----------- slider end -----------*/



/*----------- welcome__area  start -----------*/
.welcome__area {
 }
.welcome__content {
}




/*----------- welcome__area  end -----------*/




/*----------- points__area start -----------*/
.points__area {
    padding: 10rem 0;
    margin: 2rem 0;
    background: var(--gray);
}

.points__list  b {
    color: var(--secondly);
}
.points__list span  {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: var(--shadow);
    text-align: center;
    color: var(--secondly);
    background: var(--white);
    margin-right: 20px;
}
.points__list-box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.points__list-box div + div {
    margin-right: 20px;
}
.points__list-box div {
    float: left;
}
.points__list-box .fourthly__title {
    font-weight: 500 !important;
}

/*----------- points__area end -----------*/





/*----------- media__slide start -----------*/
.media__slide {
    overflow: hidden;
}
.media__slide__cont {
    width: 100%;
    float: left;
    padding: 0 100px 0 20px;
}



/*----------- media__slide end -----------*/





/*----------- news__area start -----------*/
/* .news__area {
    background: url(../images/news__bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 250px 0; 
}
.news__area h2 {
    color: var(--white-clr);
} */

/*----------- news__area end -----------*/




/*----------- product__area start -----------*/
.product__area { 
    margin-top: -150px;
}

.product__area .col-md-4 {
    padding: 0;
}
.product__area a p {
    color:var(--p-clr);
}

.product__content {
    width: 100%;
    float: left;
}
.product__content h3 {
    text-transform: uppercase;
}

.product__img {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.product__img:before {
    content:'';
    position: absolute;
    left: 30px;
    top: -24px;
    width: 50px;
    height: 50px;
    background: var(--white-clr);
    transform: rotate(45deg);
}
.shape_bottom:before {
    top: inherit;
    bottom: -24px;
}
.product__img img {
    width: 220px;
    margin-top: 15px;
}
.product__text, .product__img {
    height: 350px;
    padding: 40px;
}
 .product__img {
     
}
.product__text{
    background: var(--white-clr);
}




/*----------- product__area end -----------*/




/*----------- footer start -----------*/
footer {
    width: 100%;
    float: left;
    background: url(../images/pattern_bg.png);
    padding-top: 80px;

    position: relative;
}
footer a,
footer a:hover, 
footer li,
footer p {
    color: var(--white);
    text-decoration: none;
    font-size: 17px;
}








.footer__social {
    width: 100%;
    float: left;
    margin: 20px 0;

}
.footer__social ul {
    display: inline-block;
}
.footer__social li {
    float: left;
    margin-right: 20px;
}
.footer__social span {
    background: var(--secondly);
    color: var(--white);
}





.madebyBee {
    width: 100%;
    float: left;
    padding: 10px;
    background: var(--light-green);
}
.madebyBee p {
    margin-bottom: 0;   
}



.scrollTop, 
.whatsapp  {
    position: fixed;
    z-index: 999;
    bottom: 2rem;
}
.scrollTop {
    right: 7rem;
    display: none;

}
.scrollTop a,
.whatsapp a {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: var(--white);
    box-shadow: var(--shadow);
    
}
.scrollTop a{
    background: var(--secondly);
    font-size: var(--big);
}
.scrollTop a:hover {
    background: var(--primarily);
}
.whatsapp {
    right: 10px;
}
.whatsapp a {
    line-height: 5.5rem;
    background: #25D366;
    font-size: var(--biggest);
}

/*----------- footer end -----------*/


/*----------- contact start -----------*/
.contact__bg {
    width: 100%;
    float: left;
    background: var(--gray);
}

.contacts__area {

}
.contact__form h4, .contact__form p {
    display: none;
}

.contacts__box a {
   color: var(--para);
}
.contacts__box a:hover {
   color: var(--secondly);
}






form {
}
form label  {
    color: var(--big__text);
}
form label sup {
    color: red;
}
form input, 
form textarea {
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 5px !important;
    border: 1px solid var(--lightest-blue);
    outline: none;
    margin-bottom: 2rem;
}
form input::placeholder, 
form textarea::placeholder { 
    color: var(--para);
    font-size: var(--small);
}
form input {
    height: 5rem;
}
form input[type="submit"] {
    width: auto;
    margin-bottom: 0;
    height: auto;
}



/*----------- contact end -----------*/




/*----------- abouts__area start -----------*/
.abouts__area {
    padding-bottom: 0;
}
.abouts__content { }
.abouts__content h2 {
    /* font-size: 40px; */
    margin-bottom: 20px;
    /* font-weight: 700; */
}
.abouts__content h2 span {
    color: var(--secondly);
}
.abouts__tabs .card {
    margin-bottom: 15px;
    border-bottom:1px solid rgba(0,0,0,.125) !important;
}
.abouts__tabs .card-header a {
    display: block;
}
.abouts__tabs .card-header a:hover{
    /* text-decoration-color:var(--secondly); */
}
.abouts__tabs h5 svg {
    margin-right: 10px;
}

.abouts__tabs .card-body ul li{
    list-style: disc;
    list-style-position: inside;
    margin-left: 10px;
}

.abouts__box {
    box-shadow: var(--shadow3);
    padding: 20px 40px;
    margin-top: 45px;
}


.culture {
    width: 100%;
    float: left;
    padding: 30px 0;
    background: var(--dark-blue-clr);
    margin-top: 50px;
}
.culture img {
    width: 100px;
}
.culture * {
    color: var(--white-clr);
}



.about__img__area {

}
.grid {
    /* --h: 400px;
    height: var(--h); */
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.about__big__img {
    width: auto;
    /* max-height: var(--h); */
}

/*----------- abouts__area end -----------*/




/*----------- products__area start -----------*/
.products__area {

}

.products__card {
    width: 100%;
    float: left;
    padding-bottom: 3rem;
    box-shadow: var(--shadow);
    border-radius: var(--small);
    border-bottom: 3px solid var(--secondly);
    text-align: center;

    position: relative;
    overflow: hidden;

    /* min-height: 39.3rem; */
}
.products__card h3 {
    padding: 1.4rem 1rem 0rem 1rem;
    margin-bottom: 0;
    text-transform: capitalize;
}
.products__card img {
    width: auto;
    width: 100%;
    /* height: 30.11rem; */
}

.products__card:before {
    content: '';
    position: absolute;
    left:0;
    top: 50%;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: var(--transparentClr);
    transition: 0.5s ease-in-out;
    display: none;
}
.products__card:hover:before{
    top: 0;
    display: block;
    transition: 0.9s ease-in-out;
}
.products__card .btn {
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
    border-radius: var(--biggest) !important;
    padding: 0.2em 1.4em;
    transition: 0.5s ease-in-out;
    transition-delay: 0.2s;
    opacity: 0;
}

.products__card:hover  .btn  {
    top: 50%;
    opacity: 1;
}







.single__products {
    width: 100%;
    float: left;
}
.single__products__box {
    padding: 0px 3rem 4rem 3rem;
}
.single__products__box  h2 {
    text-transform: capitalize;
    font-size: var(--biggest);
    color: var(--big__text);
}
.single__products__box h5, .single__products__box__content h5 {
    font-size: var(--big);
    color: var(--big__text);
}


.single__products__box li {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    width: 45%;
    float: left;
}
.single__products__box li .fa-hand-point-right {
    margin-right: 1rem;
}
.single__products__box li .fa-star {
    color: var(--green-clr);
}
.single__products__box__img.mt-5 {
    margin-top: 0 !important;
    text-align: center;
}
.single__products__box__img  img {
    max-height: 40rem;
    width: auto;
    max-width: 100%;
}
.single__products__box table img {
    width: 10rem;
    max-height: 5rem;
}
.single__products__box__content {
    width: 100%;
    float: left;
    margin-top: 2rem;
}
.single__products__box__content img {
    height: 300px;
    width: auto;
    object-fit: contain;
    margin-bottom: 20px;
}
.single__products form {
    background: var(--gray);
    padding: 3rem;
    
}
.single__products form label,
.single__products form p {
    color: var(--big__text);
}







.stars {
    width: 100%;
    float: left;
}
.stars li {
    width: auto;
    float: left;
    list-style: none;
    margin-left: 0;
}
.stars li:not(:last-child) {
    margin-right: 20px;
}









.products-master .products-master-link {
    padding-top: 40px;
    overflow: hidden;
}
.products-master-link li  {
    width: 100%;
    float:left; 
    margin: 10px;
    /* border: 1px solid  var(--gray-clr); */
    box-shadow: var(--shadow3);

    text-align: center;
}
.products-master-link li img {
    width: auto;
    height: 200px;
}
.products-master-link li a {
    width: 100%;
    float: left;
    display: block;
    background: #fff;
    color: var(--dark-clr);
    font-size: 18px;
    padding: 15px;
}
.products-master-link li:hover, .add {
    border-color: var(--dark-blue-clr)
}
.products-master-link li:hover a, .add a{
    color: var(--secondly) !important;
}

.products-master-link a {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--white-clr);

}
.products-master-link a h5 {
    font-weight: bold;
    margin-top: 10px;
}
.products-master-link a:hover h5 {
    color: var(--dark-blue-clr);
}
.products-master-link a button.btn-1 {
    font-size: 14px;
    padding: 5px 12px;
}
.products-master-link a button.btn-1:hover {
    background: var(--secondly);
}
.products-master-link  .products-master-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    font-size: 14px;
    background:var(--dark-blue-clr);
    color: #fff;
    padding: 10px 10px;
    transition: all 0.9s;


    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.products-master-link a:hover .products-master-content {
    bottom: 0%;

}

.products-master-slider .slick-next:before {
    background: url(../images/next.png)center center no-repeat;
} 
.products-master-slider .slick-prev:before {
    background: url(../images/prev.png)center center no-repeat;
} 



/* start home page product slider */

.products-master-link  li:hover a {
    border-color: var(--dark-blue-clr);
}

/* End home page product slider */

/*----------- products__area end -----------*/




/*----------- .policy__area  start -----------*/
.policy__area  {
    
}
.policy__area  h5 {
    margin-bottom: 20px;
}
.policy__area ul li {
    list-style: disc !important;
    list-style-position: inside !important;
}



/*----------- .policy__area  end -----------*/



/*----------- pr__news__area  start -----------*/
.pr__news__area { }
.pr__news__box {
    width: 100%;
    float: left;
    box-shadow: var(--shadow);
    padding: 20px;
    text-align: center;
}
.pr__news__box:nth-child(2) {
    margin: 0 30px;
}
.pr__news__box p {
    line-height: 1.4;
    margin-top: 1rem;
}
.pr__news__divide p {
    margin: 0px;
    text-align: left;
}
.pr__news__divide a {
    width: 50%;
    float: left;
    margin-right: 10px;
}
.pr__news__box img {
    width: auto !important;
    height: 220px;
}
.lightbox .lb-image {
    width: auto !important;
    height : auto !important;

    max-width: 400px !important;
    max-height : 600px !important;

}

/*----------- pr__news__area  end -----------*/




/*----------- publication__area start -----------*/
.publication__area {
    width: 100%;
    float: left;
}
.publication__area img {
    height: 400px;
    object-fit: fill;
}
/*----------- publication__area end -----------*/



/*----------- client__area  start -----------*/
.client__area {

}
.client__area .products__box  {
    transition: all 0.7s ease-in-out;
    overflow: hidden;
}
.client__area .products__box  img{
    transition: all 0.7s ease-in-out;
}
.client__area .products__box:hover img {
    transform: scale(1.2);
}



/*-----------  client__area end -----------*/




/*----------- transfer__product start -----------*/
.transfer__product {
}
.transfer__product .social-icons {
    width: 50%;
}
/*-----------transfer__product  end -----------*/





/*----------- certificate__slider start -----------*/
.certificate {
    background: var(--gray);
}
.certificate__slider {
    overflow: hidden;
}
.certificate__slider img {
    width: 125px;
    height: auto;
}
.certificate__slide {
    text-align: center;
    margin: 10px 10px;
    box-shadow: var(--shadow3);
    background: var(--white-clr);
}

/*----------- certificate__slider end -----------*/




/*-----------  start  imp -----------*/
.imp {
    background: var(--gray);
}
.imp__card span {
    width: 7.0rem;
    height: 7.0rem;
    line-height: 7.0rem;
    font-size: var(--biggest);
    background: var(--white);
}



/*-----------  end  imp -----------*/




/*-----------  start -----------*/
/*-----------  end -----------*/





















/*-----------  responsive start -----------*/
/* max-width 1824px */
@media(max-width: 1824px){
    
    
}
/* max-width 1600px */
@media(min-width: 1600px){
    .slider__area img {
        height: 100%;
    }

}

/* max-width 1440px */
@media(max-width: 1440px){
    

}

/* max-width 1360px */
@media(max-width: 1360px){
    


}


/* max-width 1280px */
@media(max-width: 1280px){
    

}

/* max-width 1200px */
@media(max-width: 1200px){
   

}

/* max-width 1024px */
@media(max-width: 1024px){
    
    .pr__news__box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2rem;
    }
    .pr__news__box a {
        width: 100% !important;
    }




}

/* max-width 992px */
@media(max-width: 992px){
#header .navbar-brand img {
    height: 6rem;
}
#header .nav-item {
    margin: 0.5rem 0;
}
#header .nav-link {
    padding: 0 !important; 
}
#header .nav-item::before {
    left: -2.3rem;
}
.points__list {
    padding-left: 2rem;
}

.media__content .primarily__title {
    text-align: center;
    margin-bottom: 1.5rem;
}



.thirdly__title {
    font-size: 1.8rem;
}

.single__products form {
    padding: 1rem;
}

}

/* max-width 768px */
@media(max-width: 768px){

    .slider__area img {
        height: 40rem;
    }
    .single__products__box .table tr {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .single__products__box__img img {
        max-height: 35rem;
        margin-bottom: 1.5rem;
    }


    .madebyBee p {
        text-align: center;
    }

  

}

/* max-width 600px */
@media(max-width: 600px){
    
    .primarily__title {
        font-size: 3.5rem;
    }


    #header .nav-item::before {
        left: -0.8rem;
    }
    #header .social-icons, #header .connect {
        width: 100%;
        float: left;
        display: flex;
        justify-content: start;
    }

    .slide__btn .slick-prev, .slide__btn .slick-next,
    .slide__btn .slick-prev:before, .slide__btn .slick-next:before {
        width: 3.5rem;
        height: 3.5rem;
    }
    .slider__area img {
        height: 30rem;
    }
    .welcome__content {
        padding: 1rem 2rem;
    }

    .slick-next {
        right: 0 !important;
    }
    .slick-prev {
        left: 0 !important;
    }
    .media__slide__cont {
        padding: 0;
    }

    section {
        padding: 6rem 0 5rem 0;
    }
    .single__products form {
        padding: 2rem;
        margin-top: 1.5rem;
    }
    

}

/* max-width 480px */
@media(max-width: 480px){


    .primarily__title {
        font-size: 3.0rem;
    }
    .fourthly__title {
        font-size: 1.8rem;
    }
    .slider__slide .slick-next {
        right: 0;
    }
    .slider__slide .slick-prev {
        left: 0;
    }
    .single__products__box h2 {
        font-size: 2.8rem;
    }
    .single__products__box .table tr {
        grid-template-columns: repeat(2, 1fr);
    }


}

/* max-width 400px */
@media(max-width: 400px){
    .slider__area img {
        height: 20rem;
    }
    .primarily__title {
        font-size: 2.6rem;
    }
    .breadcrumb__area h4 {
        font-size: 2rem;
    }
    .breadcrumb__area li {
        font-size: 1.5rem;
    }

}

/* max-width 360px */
@media(max-width: 360px){
    .fourthly__title {
        font-size: 1.7rem;
    }

}

/* max-width 320px */
@media(max-width: 320px){
    .slider__area img {
        height: 17rem;
    }


}



/*----------- responsive  end -----------*/