@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 700; font-family: 'Amatic SC', cursive;}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Rubik', sans-serif;}

a{font-size: 15px; font-family: 'Rubik', sans-serif;}

a:hover{text-decoration: none;}

p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Rubik', sans-serif; color: #777;}

body{padding: 0px; margin: 0px; box-sizing: content-box;}

span{padding: 0px; margin: 0px; font-family: 'Rubik', sans-serif;}

a.hide{pointer-events: none;}

input:focus{outline: none;}

textarea:focus{outline: none;}

/*Css*/

.our-website {    position: relative;    z-index: 9; padding: 50px 0px;}
.inner-column-website ul {    column-count: 3; padding-top: 20px;}
.inner-column-website ul li {  line-height: 25px; list-style-type: none; border-bottom: 1px solid #a14ea7;  margin-bottom: 8px;}
.inner-column-website ul li a{color: #fff; transition: 0.5s; font-size: 20px;}
.inner-column-website ul li a:hover{padding-left: 5px;}
.inner-column-website {box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;border: 6px dotted #afbe36; background: #3a1467;    padding: 18px;    
    border-radius: 5px;  animation: bganimation 15s infinite;}
.inner-column-website h2{font-size: 35px; font-family: inherit;}
.inner-column-website h2 u {
    font-style: italic;
      width: 100%;
    text-align: center;
    align-items: center;
    padding: 9px;
    border-radius: 11px;
}
.inner-column-website ul li a i {
    margin-right: 10px;
    color: #afbe36;

}


.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.about-content-side.align-self-center h3 {
    font-family: 'Amatic SC';
    font-size: 35px;
}


.top-header{background: #3a1467;}

.email-id-top ul {    position: relative;    top: -4px;}

.social_media ul{    position: relative;    top: -3px;}

.social_media i {    font-size: 20px;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0; margin-right: 9px;}

.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #3a1467;  text-transform: uppercase;  padding: 5px 10px; position: relative;  z-index: 1;  margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {background: #afbe36 url(images/leaves1.png) no-repeat;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    /*  background-image: linear-gradient(to right, #43246a , #240a44); */ position: absolute;  border: none;  top: 80px;  left: 0;  width: 268px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff; font-size: 15px; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    overflow: scroll;
    width: 350px;
    overflow-x: hidden;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0; top: 125%;}

ul.dropdown-menu li {    line-height: 28px;}

.corner-two{width: 100%; position: relative;}

img.set-one{width: 5%; position: absolute; right: 0px; top: 78px;}

img.set-two{width: 5%; position: absolute; left: 0px; top: 78px;}

.search-box-outer{	position: relative;   color: #ffffff;}

.search-box-btn{	position:relative;	display:block;	width: 30px;	text-align: center;	font-size:12px;	line-height: 20px;	color: #d9d9d9;	padding:4px 5px;	margin:0px;	cursor:pointer;	background:none;	-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}

.search-box-btn:after{	display:none;}

.search-box-btn:hover{	color:#fff;	}

.search-box-btn:hover{	color:#ffffff !important;	}

.dropdown-menu-search{	top:38px;	right: 0;	border-top: 3px solid #43246a;	padding:0px;	width:280px;		-webkit-border-radius:0px;	-moz-border-radius:0px;	-ms-border-radius:0px;	-o-border-radius:0px;	border-radius:0px;}

.search-box-outer .dropdown-menu-search > li{	padding:0px;	border:none;	background:none;}

.search-panel .form-container{	padding:5px 10px;}

.search-panel .form-group{	position:relative;	margin:0px;	}

.search-panel input[type="text"],

.search-panel input[type="search"],

.search-panel input[type="password"],

.search-panel select{	display:block;	width:100%;	line-height:24px;	padding:7px 40px 7px 15px;	height:40px;	color:#000000;	border:1px solid #e0e0e0;	background:#ffffff;		-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}

.search-panel input:focus,.main-header .search-panel select:focus{	border-color:#fff;		outline: 1px solid #ccc;}

.search-panel .search-btn{	position:absolute;	right:0px;	top:0px;	width:40px;	height:40px;	text-align:center;	color:#555555;	font-size:12px;	background:none;	cursor:pointer;	-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}

.search-panel .search-btn:hover{color:#4c3b77;}

.search-box-btn { background: #3a1467; border: 0px;}

.search-panel {  position: relative;   /* right: -88px !important; */   top: 8px !important;    border-radius: 0px; border-top: 2px solid #43246a;}

.dropdown-menu.show {    display: block;    background: #afbe36 url(images/leaves1.png) no-repeat;}

div#navbarSupportedContent {    text-align: center;    width: 100%;    margin: 0px auto;    margin-left: 15px;}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top]{left: auto !important;}

/*.corner-two{position: absolute;  right: 0;}

.set-one img {    position: absolute;    right: 0;    width: 5%;    top: 78px;}

.set-two img {    position: absolute;    left: 0;    width: 5%;    top: 78px;}*/



/* Effect 5: same word slide in */

nav a {	position: relative;	display: inline-block; outline: none;	color: #fff;	text-decoration: none;}

nav a:hover,nav a:focus {	outline: none; color: red;}

.cl-effect-5 a {	overflow: hidden;}

.cl-effect-5 a span {	position: relative;	display: inline-block;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;}

.cl-effect-5 a span::before {	position: absolute;	top: 101%;	content: attr(data-hover);	-webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {	-webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%);	transform: translateY(-100%);}

.ml13 {  font-size: 50px;  font-family: 'Amatic SC', cursive;}

.ml13 .letter {  display: inline-block;  line-height: 1em;  font-family: 'Amatic SC', cursive;}

.title-pack-close li{ font-family: 'Amatic SC', cursive;  font-size: 70px; color: #afbe36;}

.title-pack-close li:last-child{color: #4b3a77;}

.title-pack-close {    position: relative;}

.title-pack-close img{ position: absolute; top: 25px;}

.about-content-side p {    line-height: 25px;}

.about-content-side .media > span{font-size: 100px; font-family: 'Amatic SC', cursive;}

.home-profile{background:url(images/ultraadox-background.png)no-repeat; background-attachment: fixed; background-size: cover; position: relative;}

.left-side-address li a {    font-size: 16px;}

.rippling-left img { position: absolute;    top: -31px;   width: 26%;}

.about-img img {    border-radius: 20px;}

/*Grid*/

.grid {	position: relative;	margin: 0 auto;	list-style: none;	text-align: center;}

.grid figure {	position: relative;	float: left;	overflow: hidden;	width: 100%;text-align: center;	cursor: pointer;}

.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	}

.grid figure figcaption {	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.grid figure figcaption::before,

.grid figure figcaption::after {	pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}

figure.effect-bubba img {	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}

figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {    position: absolute;    top: 10px;    right: 10px;    bottom: 10px;    left: 10px;    content: '';    opacity: 0;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    border-radius: 20px;}

figure.effect-bubba figcaption::before {	border-top: 1px solid #4b3a77;	border-bottom: 1px solid #4b3a77;	-webkit-transform: scale(0,1);	transform: scale(0,1);}

figure.effect-bubba figcaption::after {	border-right: 1px solid #4b3a77;	border-left: 1px solid #4b3a77;	-webkit-transform: scale(1,0);	transform: scale(1,0);}

figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}

figure.effect-bubba:hover h2,figure.effect-bubba:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

.top-one {    margin: 0px auto;}

.address-contact-division {position:relative; margin: 0px auto;}

.calling-content {    position: absolute;    top: 0;     bottom: 0; }

.calling-content span{    position: absolute;    top: 0;     bottom: 0; font-family: 'Amatic SC', cursive; font-size: 50px;}

.calling-content ul {    top: 92px;    position: relative;}

.calling-content a {    font-size: 20px;}

.some-content-and-button {    position: relative; top: 110px; margin: 0px auto;}

.about-btn-two a { background: #afbe36;    color: #fff;    font-size: 15px;   padding: 15px 30px 15px 30px;    border-radius: 30px 0 30px 30px; transition: 0.5s;}

.about-btn-two a:hover {background-color: #4b3a77;}

.product-categories{/*background: url(images/mm.jpg)no-repeat;*/ background-size: cover; background-color: #f5f5f5;}

.product-categories .row{box-shadow: 0 7px 30px rgb(0 0 0 / 6%);    padding: 62px 20px 54px;}

.img_side {position: relative;}

.for-title a{margin-bottom: 10px; transition: 0.5s;   margin-top: 10px;    color: #333333;    font-size: 26px;    line-height: 30px;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;    display: block;}

.for-title a:hover{color: #afbe36;}

.for-description p{color: #888888;    line-height: 22px;    font-size: 14px;    overflow: hidden; padding-left: 2px; padding-right: 2px;}

.for-hyper-link a{color: #afbe36; transition: 0.5s;}

.for-hyper-link a:hover{color: #4b3a77;}

.content-side{background: url(images/categ_iconh1.png)no-repeat; background-position: right , bottom;}

.oil-2{background: url(images/categ_iconh4.png)no-repeat; background-position: right , bottom;}

.oil-3{background: url(images/categ_iconh2.png)no-repeat; background-position: right , bottom;}

.oil-4{background: url(images/categ_iconh3.png)no-repeat; background-position: right , bottom;}

.oil-5{background: url(images/categ_iconh1.png)no-repeat; background-position: right , bottom;}

/*.wave-set {    position: relative;    bottom: 34px;}*/

.wave-set-1 {    position: absolute;}

img.wave-design-img {    position: relative;    top: -66px;}

img.arrow-design-img {    position: relative;    bottom: 90px;}

img.wave-design-text{  position: relative;    bottom: 90px;}

img.arrow-design-text{  position: relative;    bottom: 90px;}

.for-description {    margin-bottom: 10px;}

.wave-set {    position: absolute;    bottom: -38px;    width: 100%;}

.wave-set-2 {    position: absolute;    top: -38px;    width: 100%;    transform: rotate(180deg);}

img.arrow-top {    position: relative;    bottom: 25px;}

img.plus {    top: -30px !important;    position: relative;}

.for-icon img{ transition: 0.5s;}

.for-icon img:hover{transform: rotateY(180deg);}

.call-to-action h6{font-size: 70px;}

.call-to-action span{color: #afbe36; font-family: 'Amatic SC', cursive; }

/*fixed-contact*/

.fixed-contact-wrap {    z-index:99999;    position:fixed;    right:0;    top:50%;    width:50px;    margin-top:-90px;    overflow:hidden;    border-radius:30px 0 0 30px;    opacity:0;    transition:all .4s;    transform: translateX(95px);    -webkit-transform: translateX(95px);    -moz-transform: translateX(95px);}

.fixed-contact-wrap.show{  transform:none; opacity:1; }

.fixed-contact-wrap.active {width:260px;}

.fixed-contact-wrap li {position:relative;height:50px;background:#4b3a77;overflow:hidden;transition:all .4s;list-style:none}

.fixed-contact-wrap.active li {  list-style:none}

.fixed-contact-wrap li div {position:relative;z-index:1000;display:block;}

.fixed-contact-wrap li i {    z-index:1000;    position:absolute;    right:0;    display:block;    width:50px;    height:50px;    transition:all .4s;	background-color:#4b3a77;	background-repeat: no-repeat;	background-position: center center;}

.fixed-contact-wrap.active li:after {    z-index:1001;    content:'';    position:absolute;    bottom:0;    left:10px;	right:10px;    display:block;    height:1px;    background:rgba(255,255,255,.2);}

.fixed-contact-wrap.active li:last-child:after {display:none;}

.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover a{opacity:.8;}

.fixed-contact-wrap .online_p i {    background-image:url(images/right_p.png);    border-top-left-radius:30px;    -moz-border-top-left-radius:30px;    -webkit-border-top-left-radius:30px;    border-top-right-radius:30px;    -moz-border-top-right-radius:30px;    -webkit-border-top-right-radius:30px;}

.fixed-contact-wrap .online_e i {background-image: url(images/right_e.png);}

.fixed-contact-wrap .online_w i {background-image: url(images/right_w.png);}

/*.fixed-contact-wrap .online_s i {background-image: url(images/right_s.png);}*/

/*.fixed-contact-wrap .online_code i {background-image: url(images/right_code.png);}*/

.fixed-contact-wrap li a {    position:absolute;   top:0;    right:-135px;    display:block;    width:220px;	line-height:110%;    padding:20px 0 0 30px;    color:#fff;    background:#4b3a77;    white-space:nowrap;    transition:all .4s; 	font-size:14px; font-weight:normal; 	text-align: right;}

.fixed-contact-wrap.active li a {right:60px;}

.fixed-contact-wrap .online_code a img{max-width:80px;}

.fixed-contact-wrap.active .online_code{height:130px;}

.fixed-contact-wrap.active .online_code a p{margin:0;margin-bottom:5px;}

.fixed-contact-wrap li.online_code:hover a{opacity:1;}

@media only screen and (max-width: 992px) {

.fixed-contact-wrap{display:none !important;}

.fixed-contact-wrap.show{opacity:0;}

}

.call-to-action ul li{font-size: 30px;    line-height: 40px;   font-weight: 700;    letter-spacing: 0px; margin-bottom: 15px;}

.call-to-action ul li a{font-size: 30px;    line-height: 40px; color: #4b3a77; text-decoration: underline;    font-weight: 700;    letter-spacing: 0px;}

.tag-line{background: url(images/bg-overlay-01-free-img.png) no-repeat; background-size: cover;}

.our-gallery{position: relative; height: 700px; background: url(images/contact-bbbtm.jpg); background-attachment: fixed; background-size: cover;}

.our-gallery:before{content: "";    top: 0;    right: 0;    bottom: 0;    left: 0;    position: absolute;    width: 100%;    height: 100%;    z-index: 0;    opacity: .5;    background: #fff url(images/our-gallery.png) no-repeat 50%;    background-size: 80% auto;}

.our-gallery .title-pack-close {    position: relative;    top: 110px;}

/*Box*/

.box{ background: linear-gradient(#afbe36,#e1e6b3,#afbe36);    text-align: center;    overflow: hidden;    position: relative;}

.box img{    width: 100%;    height: auto;    transition: all 0.5s ease 0s;}

.box:hover img{    opacity: 0.4;    transform: scale(1.5);    transform-origin: left center;}

.box .box-content{    color: #fff;    text-align: left; text-transform: capitalize;  opacity: 0;    filter: blur(5px);    position: absolute;    top: 5px;    left: 5px;    transition: all 0.5s ease 0s;}

.box:hover .box-content{    opacity: 1;     filter: blur(0);    top: 15px;    left: 15px;}

.box .title{    font-size: 24px;    font-weight: 500;      text-transform: uppercase;    margin: 0 0 3px;}

.box .post{    font-size: 16px;    font-weight: 400;     font-style: italic;    text-transform: capitalize;    display: block;    margin: 0 0 10px;}

.box .icon{    padding: 0;    margin: 0;    list-style: none;    transform: scale(0);   position: absolute;    left: 10px;    bottom: 10px;    transition: all 0.5s ease 0s;}

.box:hover .icon{ transform: scale(1); }

.box .icon li{ margin: 6px 0 0; }

.box .icon li a{    color: #fff;    background-color: rgba(255,255,255,0.2);    font-size: 17px;   line-height: 35px;    height: 35px;    width: 35px;    border-radius: 50%;    display: block;    transition: all 0.25s ease;}

.box .icon li a:hover{    color: #999;    background-color: #fff;}

@media only screen and (max-width:990px){

.box{ margin: 0 0 30px; }

}

ul.gallery-list li:first-child {width: 200px; top: 43px !important; position: absolute;    left: 22%;     box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

ul.gallery-list li:nth-child(2) {width: 200px; top: 30% !important; position: absolute;    left: 2%;     box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

ul.gallery-list li:nth-child(3) {width: 200px; top: 65% !important; position: absolute;    left: 22%;     box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

ul.gallery-list li:nth-child(4) {width: 200px;    top: -5% !important; position: absolute;    left: 74%;    box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

ul.gallery-list li:nth-child(5) {width: 200px;    top: 31% !important;    position: absolute;    left: 66%;    box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

ul.gallery-list li:nth-child(6) {width: 200px;    top: 58% !important;    position: absolute;    left: 84%;    box-shadow: -5px 25px 81px 5px rgb(0 0 0 / 32%);}

.title-pack-close h1 {color: #4b3a77; font-size: 45px;  margin-top: 30px;}

footer{background: url(images/footer-bg.jpg)no-repeat; background-attachment: fixed; background-position: 50% 50%;     background-size: cover;}

.footer-logo p {    line-height: 20px;}

.footer-btn a{background-color: #afbe36;  padding: 10px 15px 10px 15px;    border-radius: 50px;     font-size: 13px;}

.widget a{font-size: 13px;}

.widget p{font-size: 13px;}

.home-form{    background-image: linear-gradient(130deg,#4b3a77 25%,rgb(20 7 54) 100%); position: relative; height: 555px;}

.home-filed input{font-size: 15px; font-family: 'Rubik', sans-serif; border: none; height: 40px; outline: none;}

.home-filed textarea{font-size: 15px; font-family: 'Rubik', sans-serif; border: none; outline: none; height: 100px; padding-top: 5px;}

.home-filed-btn button{background: #afbe36;    color: #fff; font-family: 'Rubik', sans-serif;   font-size: 15px;  padding: 10px 22px 10px 22px;   transition: 0.5s; border: none; cursor: pointer; border-radius: 50px;}

/*.svg-img{background: url(images/download.svg)no-repeat;}

.bg-img{background: url(images/Background-6-1.png)no-repeat;}*/

.et_parallax_bg{background-repeat: no-repeat;    background-position: top;    background-size: cover;    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    display: block;}

.et_pb_top_inside_divider {    background-image: url(images/download.svg);    background-size: 100% 250px;    top: 0;    height: 250px;    z-index: 1;    transform: rotateX(180deg);}

.home-text span{font-weight: 900;    font-size: 60px; font-family: 'Amatic SC', cursive;}

.home-text a{  border-radius: 30px 0 30px 30px; border-color: rgba(0,0,0,0);  font-size: 14px;  padding: 10px 15px; font-weight: 700;    text-transform: uppercase;    background-color: #ffffff;}

/*Grid*/

.grid {  list-style: none;}

.gc {  box-sizing: border-box;  display: inline-block;  margin-right: -0.25em;  min-height: 1px;  padding-left: 10px;  vertical-align: top;}

.gc--1-of-3 {  width: 22%; margin-top: 0px;}

.gc--2-of-3 {  width: 78%;}

/*.naccs {    position: relative;    max-width: 100%;    margin: 30px auto 0;    height: 361px;    overflow: scroll;    overflow-x: hidden;}*/

span.id1 {    background: url(../default/images/icons/mint-product.png) no-repeat;    padding-left: 35px;}
span.id10 {    background: url(../default/images/icons/essential-oils.png) no-repeat;    padding-left: 25px;}
span.id51 {    background: url(../default/images/icons/natural-oil.png) no-repeat;    padding-left: 25px;}
span.id102 {    background: url(../default/images/icons/aromatic-chemicals.png) no-repeat;    padding-left: 25px;}
span.id103 {    background: url(../default/images/icons/oleoresins.png) no-repeat;    padding-left: 25px;}
span.id104 {    background: url(../default/images/icons/pharmaceutical.png) no-repeat;    padding-left: 25px;}
/*span.id7 {    background: url(../default/images/icons/castor-oil.png) no-repeat;    padding-left: 25px;}*/
/*span.id99 {    background: url(../default/images/icons/castor-oil.png) no-repeat;    padding-left: 25px;}*/

.naccs .menu div { padding: 15px 20px 15px 15px;    margin-bottom: 1px;    color: #fff;    background: #4b3a77;    box-shadow: 0 0 20px rgb(0 0 0 / 10%);    cursor: pointer;    position: relative;    vertical-align: middle;    font-weight: 100;    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);    border-radius: 5px;    font-size: 15px;}

.menu {    text-align: left;}

.naccs .menu div:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

/*.naccs .menu div span.light {  height: 10px;  width: 10px; position: absolute;  top: 24px;  left: 8px;  background-color: #afbe36;  border-radius: 100%; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}*/

.naccs .menu div.active span.light {  background-color: #afbe36;  left: 0;  height: 100%;  width: 3px;  top: 0;  border-radius: 0;}

.naccs .menu div.active {  color: #afbe36;  padding: 15px 15px 15px 15px;}

ul.nacc {  position: relative;  height: 0px;  list-style: none;  margin: 0;  padding: 0;  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);}

ul.nacc li {  opacity: 0;  transform: translateX(50px);  position: absolute;  list-style: none;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}

ul.nacc li.active {  transition-delay: 0.3s;  z-index: 2;  opacity: 1;  transform: translateX(0px);}

ul.nacc li p {  margin: 0;}

.images-products a {  color: #4b3a77;  font-size: 13px;}

.slider-wrap {  height: 100%;  width: 100%; position: relative; padding: 500px 0 0 0;}

.slider-item {  width: 530px;  padding: 20px 0 25px 30px;  border-radius: 10px;  background-color: #ffffff;  display: flex;  justify-content: flex-start;  position: absolute;  opacity: 0;  z-index: 0;  box-shadow: 0 4px 9px #f1f1f4;  position: absolute;  left: 0;  top: 0;}

.slider-item .animation-card_image {  max-width: 60px;  max-height: 60px;  display: flex;  justify-content: center;  align-items: center;  border-radius: 50%;  box-shadow: 0 4px 9px rgba(241, 241, 244, 0.72);  background-color: #ffffff;}

.slider-item .animation-card_image img {  width: 53px;  height: 53px;  border-radius: 50%;  object-fit: cover;}

.slider-item .animation-card_content {  width: 100%;  max-width: 374px;  margin-left: 26px;}

.slider-item .animation-card_content .animation-card_content_title {  color: #4a4545;  font-size: 16px;  font-weight: 400;  letter-spacing: -0.18px;  line-height: 24px;  margin: 0;}

.slider-item .animation-card_content .animation-card_content_description {  color: #696d74;  font-size: 15px;  font-weight: 300;  letter-spacing: normal;  line-height: 24px;  margin: 10px 0 0 0;}

.slider-item .animation-card_content .animation-card_content_city {  font-size: 11px;  margin: 10px 0 0 0;  font-size: 12px;  font-weight: 500;  text-transform: uppercase;  color: #696d74;}

.client-text span{font-size:50px; font-family: 'Amatic SC', cursive;}

.client-text span color{color: #afbe36;}

span.animation-card_content_title.title-2{ font-family: 'Rubik', sans-serif;}

.rotate-img{-webkit-animation: spin 5s linear infinite;    -moz-animation: spin 5s linear infinite;    -ms-animation: spin 5s linear infinite;    -o-animation: spin 5s linear infinite;    animation: spin 5s linear infinite;}

.testimonial {position: relative; background: url(images/client.png)no-repeat; background-position: left;}

.rotate-img {position: absolute;    top: 0px;}
@-moz-keyframes spin {100% { -moz-transform: rotate(360deg);} 
}
@-webkit-keyframes spin {100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin {100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);} 
}
.wave-set-3 {    position: absolute;    width: 100%;    bottom: -38px;}

.our-products{background: url(images/layer-right.png)no-repeat; background-position: left; background-size: contain; padding: 20px 0 30px 0;}

.images-products {    margin-bottom: 18px;}

#toTop{position:fixed; bottom:30px; right:20px; cursor:pointer; transition: 0.5s; z-index: 99999;}

.images-products {    padding: 0;}

/* Modal Form*/

.modal-content{border-radius: 0;}

.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}

.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}

.send_p {    font-size: 15px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}

.modal-body input[type="text"], .modal-body select,

.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px; font-size: 15px;  font-family: 'Rubik', sans-serif; height: 35px;}

.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px; font-size: 15px;  font-family: 'Rubik', sans-serif;}

.modal-body select{ width: 100%;   font-family: 'Rubik', sans-serif;}

.modal-header {    padding: 0 15px !important;    color: #fff; background-color: #afbe36;   height: 46px;}

.pac-container { z-index: 100000; }

.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}

.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;  font-family: 'Quicksand', sans-serif;  }

.modal_btn:hover,.modal_btn:focus{background: #4b3a77; color: #fff;}

.form-group textarea {height: 100px !important; font-size: 15px;   font-family: 'Rubik', sans-serif;}

span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 10px;}

/* Send Enquire */

.enquiry{position: fixed;bottom: 140px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer; transform: rotate(90deg); left: -52px;     top: 50%; z-index: 999;}

.enquiry strong{ background-color: #afbe36; color: #fff;padding: 7px 20px;float: left;font-size: 15px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}

div#exampleModal .modal-dialog{width: 100% !important;}

.about-btn a {  background: #3a1467;  padding: 14px 22px 14px 22px; border-radius: 50px; transition: 0.5s;}	

.about-btn a:hover {background-color: #afbe36;}	

.copy-right {background-color: #3a1467;}

.copy-right p{font-size: 14px;}

.img-box-effects {  width: 100%;}

.image-effect {  display: block;  width: 100%;  height: auto;}

.overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color: #3a1467;}

.img-box-effects:hover .overlay {  opacity: 0.5;}

.text {  color: white;  font-size: 20px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;}

.img-text {position: absolute;    width: 80%;    padding: 10px 20px 10px 20px;    background-color: #fff;    left: 10%;    top: 35%;    margin: 0px auto;}

.img-text p {    font-size: 14px;}

.product-slider {    position: relative;}

/*Slider One*/
#slide-one{background-color: #dce6db; position: relative;     height: 700px;}
.content_slider h1{font-family: 'Amatic SC','Arial';    color: #6ab36a;    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
.setup p{ color: #494949;    font-size: 16px;    text-shadow: none;    line-height: 1.5;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: 400; padding-right: 135px;}
.setup a {background: #6ab36a;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;  transition: 0.5s;}
.setup a:hover {background-color: #1b1818;}
.before-img {    position: relative;}
.set-top {    position: absolute;    top: 0;}
.content_img-animation h3{font-family: 'Amatic SC','Arial';    color: #e2d8bc;    font-size: 1250%;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} 
.content_img-animation span{font-family: 'Amatic SC','Arial';    color: #c1e1c1;    font-size: 200px;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
.content_img-animation span p {    font-size: 200px;  font-family: 'Amatic SC','Arial';     color: #e2d8bc;   padding-left: 72px; font-weight: bold;}
.top-value {    top: 65px;    position: relative;}
.content_img-animation {    position: relative;    top: 135px;}
/*Animation*/
.animation-img li.img-one-slide { position: absolute; top: -270px;}
li.img-one-slide img {  position: absolute;   top: 200px;    animation: mymove 2s; animation-fill-mode: forwards;}
@keyframes mymove {
from {top: 0px;}
to {top: 500px !important;}
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
from{transform: rotate(0deg);}
to{transform: rotate(360deg);}
}
/*Animation*/
.animation-img li.img-two-slide {    position: absolute;    bottom: -300px;    left: -100px; }
li.img-two-slide img {position: relative;   bottom: 340px;  width: 70%;  animation: mymove-two 2s; animation-fill-mode: }
@keyframes mymove-two {
from {bottom: 0px;}
to {bottom: 1200px !important;}
}
/*Animation*/
.animation-img li.img-three-slide {    position: absolute;    bottom: -340px;    left: 168px;}
li.img-three-slide img {position: relative;   bottom: 328px;  width: 90%;  animation: mymove-three 2s; animation-fill-mode: forwards; }
@keyframes mymove-three {
from {bottom: 0px;}
to {bottom: 50px !important;}
}
/*Slider Two*/
#slide-two{background-color: #f7c9c9; position: relative;     height: 700px;}
/* #slide-two .content_slider h1{font-family: 'Amatic SC','Arial';    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} */

#slide-two .content_slider big{font-family: 'Amatic SC','Arial';   /* color: #95ae87;*/    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}

.content_slider big{font-family: 'Amatic SC','Arial';   /* color: #95ae87;*/    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}

#slide-two .setup p{ color: #494949;    font-size: 16px;    text-shadow: none;    line-height: 1.5;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: 400; padding-right: 135px;}
#slide-two .setup a {background: #a54545;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;  transition: 0.5s;}
#slide-two .setup a:hover {background-color: #1b1818 !important;}
#slide-two .before-img {    position: relative;     top: 17%;}
#slide-two .set-top {    position: absolute;    top: 0;}
#slide-two .content_img-animation h3{font-family: 'Amatic SC','Arial';    color: #e2d8bc;    font-size: 1250%;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} 
#slide-two .content_img-animation span{font-family: 'Amatic SC','Arial';  color: #ebb6b6;  font-size: 200px;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold; }
#slide-two .content_img-animation span p {    font-size: 200px;  font-family: 'Amatic SC','Arial';     color: #95ae87;   padding-left: 72px; font-weight: bold;}
#slide-two .top-value {top: 65px;    position: relative;}
#slide-two .content_img-animation {    position: relative;    top: 135px;}
.slide-two .before-img img{width: 70%;}
/*Animation*/
.carousel-fade .carousel-item {	opacity: 0;	transition-duration: .6s;	transition-property: opacity;}
#slide-two .animation-img li.img-one-slide { position: absolute; top: -270px; left: 12%;}
#slide-two li.img-one-slide img {  position: absolute;   top: 200px;    animation: mymove 2s; animation-fill-mode: forwards;}
@keyframes mymove {
from {top: 0px;}
to {top: 500px !important;}
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
}
/*Animation*/
#slide-two .animation-img li.img-two-slide {    position: absolute;    bottom: -300px;    left: -100px;}
#slide-two li.img-two-slide img {position: relative;   bottom: 340px;  width: 70%;  animation: mymove-two 2s; animation-fill-mode: forwards;}
@keyframes mymove-two {
from {bottom: 0px;}
to {bottom: 1200px !important;}
}
/*Animation*/
#slide-two .animation-img li.img-three-slide {    position: absolute;    bottom: -340px;    left: 275px;}
#slide-two li.img-three-slide img {position: relative;   bottom: 275px;  width: 70%;  animation: mymove-three 2s; animation-fill-mode: forwards;}
@keyframes mymove-three {
from {bottom: 0px;}
to {bottom: 50px !important;}
}

/*Slider Three*/
#slide-three{background-color: #decebb; position: relative;     height: 700px;}
#slide-three .content_slider h1{font-family: 'Amatic SC','Arial';    color: #000;    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-three .setup p{ color: #494949;    font-size: 16px;    text-shadow: none;    line-height: 1.5;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: 400; padding-right: 135px;}
#slide-three .setup a {background: #da771f;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;  transition: 0.5s;}
#slide-three .setup a:hover {background-color: #1b1818 !important;}
#slide-three .before-img {    position: relative;}
#slide-three .set-top {    position: absolute;    top: 0;}
#slide-three .content_img-animation h3{font-family: 'Amatic SC','Arial';    color: #eda668;    font-size: 1250%;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} 
#slide-three .content_img-animation span{font-family: 'Amatic SC','Arial';    color: #cbb092;    font-size: 160px;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-three .content_img-animation span p {    font-size: 200px;  font-family: 'Amatic SC','Arial';     color: #f7c395;   padding-left: 72px; font-weight: bold;}
#slide-three .top-value {top: 65px;    position: relative;}
#slide-three .content_img-animation {    position: relative;    top: 135px;}
.brown-btn a{background: #704e27;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;    transition: 0.5s;}
.brown-btn a:hover{background-color: #cbb092;}
/*Animation*/
#slide-three .animation-img li.img-one-slide { position: absolute; top: -270px; left: 10%;}
#slide-three li.img-one-slide img {  position: absolute;   top: 200px;    animation: mymove 2s; animation-fill-mode: forwards;}
@keyframes mymove {
from {top: 0px;}
to {top: 500px !important;}
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
}
/*Animation*/
#slide-three .animation-img li.img-two-slide {    position: absolute;    bottom: -300px;    left: 0px;}
#slide-three li.img-two-slide img {position: relative;   bottom: 240px;  width: 70%;  animation: mymove-two 2s; animation-fill-mode: forwards;}
@keyframes mymove-two {
from {bottom: 0px;}
to {bottom: 1200px !important;}
}
/*Animation*/
#slide-three .animation-img li.img-three-slide {    position: absolute;    bottom: -340px;    left: 275px;}
#slide-three li.img-three-slide img {position: relative;   bottom: 240px;  width: 65%;  animation: mymove-three 2s; animation-fill-mode: forwards;}
@keyframes mymove-three {
from {bottom: 0px;}
to {bottom: 50px !important;}
}


/*Slider Four*/
#slide-four{background-color: #d9feff; position: relative;     height: 700px;}
#slide-four .content_slider h1{font-family: 'Amatic SC','Arial';    color: #000;    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-four .setup p{ color: #494949;    font-size: 16px;    text-shadow: none;    line-height: 1.5;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: 400; padding-right: 135px;}
#slide-four .setup a {background: #da771f;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;  transition: 0.5s;}
#slide-four .setup a:hover {background-color: #1b1818 !important;}
#slide-four .before-img {    position: relative;}
#slide-four .set-top {    position: absolute;    top: 0;}
#slide-four .content_img-animation h3{font-family: 'Amatic SC','Arial';    color: #eda668;    font-size: 1250%;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} 
#slide-four .content_img-animation span{font-family: 'Amatic SC','Arial';    color: #aee7e9;  font-size: 160px;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-four .content_img-animation span p {    font-size: 200px;  font-family: 'Amatic SC','Arial';     color: #f7c395;   padding-left: 72px; font-weight: bold;}
#slide-four .top-value {top: 65px;    position: relative;}
#slide-four .content_img-animation {    position: relative;    top: 135px;}
.sky-blue a{background: #78bec1;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;    transition: 0.5s;}
.sky-blue a:hover{background-color: #4a9193;}
/*Animation*/
#slide-four .animation-img li.img-one-slide { position: absolute; top: -270px; left: 10%;}
#slide-four li.img-one-slide img {  position: absolute;   top: 200px;    animation: mymove 2s; animation-fill-mode: forwards;}
@keyframes mymove {
from {top: 0px;}
to {top: 500px !important;}
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
}
/*Animation*/
#slide-four .animation-img li.img-two-slide {    position: absolute;    bottom: -300px;    left: 0px;}
#slide-four li.img-two-slide img {position: relative;   bottom: 240px;  width: 70%;  animation: mymove-two 2s; animation-fill-mode: forwards;}
@keyframes mymove-two {
from {bottom: 0px;}
to {bottom: 1200px !important;}
}
/*Animation*/
#slide-four .animation-img li.img-three-slide {    position: absolute;    bottom: -340px;    left: 275px;}
#slide-four li.img-three-slide img {position: relative;   bottom: 335px;  width: 65%;  animation: mymove-three 2s; animation-fill-mode: forwards;}
@keyframes mymove-three {
from {bottom: 0px;}
to {bottom: 50px !important;}
}



/*Slider Five*/
#slide-five{background-color: #d6cdea; position: relative;     height: 700px;}
#slide-five .content_slider h1{font-family: 'Amatic SC','Arial';    color: #000;    font-size: 375%;    text-shadow: none;    line-height: 1.2;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-five .setup p{ color: #494949;    font-size: 16px;    text-shadow: none;    line-height: 1.5;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: 400; padding-right: 135px;}
#slide-five .setup a {background: #da771f;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;  transition: 0.5s;}
#slide-five .setup a:hover {background-color: #1b1818 !important;}
#slide-five .before-img {    position: relative;}
#slide-five .set-top {    position: absolute;    top: 0;}
#slide-five .content_img-animation h3{font-family: 'Amatic SC','Arial';    color: #eda668;    font-size: 1250%;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;} 
#slide-five .content_img-animation span{font-family: 'Amatic SC','Arial';    color: #9f8bcd;  font-size: 160px;    text-shadow: none;    line-height: 1;    font-weight: normal;    font-style: normal;    text-decoration: none;    text-align: inherit;    letter-spacing: normal;    word-spacing: normal;    text-transform: none;    font-weight: bold;}
#slide-five .content_img-animation span p {    font-size: 200px;  font-family: 'Amatic SC','Arial';     color: #f7c395;   padding-left: 72px; font-weight: bold;}
#slide-five .top-value {top: 65px;    position: relative;}
#slide-five .content_img-animation {    position: relative;    top: 135px;}
.brown-btn a{background:#9b7953;    opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;    transition: 0.5s;}
.brown-btn a:hover{background-color: #6b4d2b;}
/*Animation*/
#slide-five .animation-img li.img-one-slide { position: absolute; top: -270px; left: 10%;}
#slide-five li.img-one-slide img {  position: absolute;   top: 90px;    animation: mymove 2s; animation-fill-mode: forwards;}
@keyframes mymove {
from {top: 0px;}
to {top: 500px !important;}
from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}
}
/*Animation*/
#slide-five .animation-img li.img-two-slide {    position: absolute;    bottom: -335px;    left: -85px;}
#slide-five li.img-two-slide img {position: relative;   bottom: 240px;  width: 70%;  animation: mymove-two 2s; animation-fill-mode: forwards;}
@keyframes mymove-two {
from {bottom: 0px;}
to {bottom: 1200px !important;}
}
/*Animation*/
#slide-five .animation-img li.img-three-slide {    position: absolute;    bottom: -400px;    left: 200px;}
#slide-five li.img-three-slide img {position: relative;   bottom: 335px;  width: 80%;  animation: mymove-three 2s; animation-fill-mode: forwards;}
@keyframes mymove-three {
from {bottom: 0px;}
to {bottom: 50px !important;}
}
.purple-btn a{background-color: #9f8bcd;   opacity: 1;    padding: 1.2em 2em 1.2em 2em;    box-shadow: none;    border: 0px solid rgba(0,0,0,1);    border-radius: 5px;    transition: 0.5s;}
.purple-btn a:hover{background-color: #886ec3;}


.carousel-indicators li{width: inherit !important; height: inherit !important;     background: transparent !important; list-style-type: decimal !important; font-family: 'Amatic SC','Arial';  color: #afbe36;}
#carouselExampleIndicators .carousel-indicators li{font-family: 'Amatic SC','Arial'; font-size: 30px; font-weight: bold; margin-right: 30px;}
.carousel-indicators{left: 115px !important;}
.carousel-indicators .active{color: #4b3a77;}
a.carousel-control-prev{font-family: 'Amatic SC','Arial'; color: #4b3a77; font-size: 30px; font-weight: bold; transition: 0.5s;}
a.carousel-control-next{font-family: 'Amatic SC','Arial'; color: #4b3a77; font-size: 30px; font-weight: bold; transition: 0.5s;}
.carousel-control-prev:hover{color: #afbe36;}
.carousel-control-next:hover{color: #afbe36;}
.bradcumb-title h1{ font-family: 'Rubik', sans-serif;}

.bradcumb-title p{margin: 0px auto;}

.breadcumb{background: url(images/breadcumb-3.jpg)no-repeat; padding: 150px 0px; filter: rgba(0, 0, 0, 0.6); background-attachment: fixed; background-size: cover; background-position: 50% 50%; position: relative;}

.breadcumb::after{width: 100%;    height: 365px;    background-color: rgb(0, 0, 0, 0.5);    content: '';    top: 0px;    position: absolute;}

.breadcumb-links{background-color: #3a1467;}

.breadcumb-links ul {    position: relative;    top: -3px;}

.bradcumb-title {    position: relative;    z-index: 9;}

.content_side h2 {    font-size: 60px;    margin-bottom: 15px;}



.services-section-two{	position:relative;	padding:100px 0px 70px;	background-color:#f9f9f9;}

.services-section-two.style-two{	padding-top:0px;}

.services-section-two .inner-container{	position:relative;}

.services-block-two{	position:relative;	margin-bottom:30px;}

.services-block-two .inner-box{	position:relative;	text-align:center;	padding:50px 15px 40px;	background-color:#ffffff;	box-shadow:0px 0px 20px rgba(0,0,0,0.05); min-height: 520px;}

.services-block-two .inner-box .icon{	position:relative;	color:#00204c;	display:inline-block;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}

.services-block-two .inner-box:hover .icon{	color:#e1a122;	transform:rotateY(180deg);}

.services-block-two .inner-box h5{	position:relative;	margin-bottom:12px;	text-transform:capitalize; font-family: 'Rubik', sans-serif;     font-size: 20px;}

.services-block-two .inner-box h5 a{	position:relative;	color:#00204c;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.services-block-two .inner-box:hover h5 a{	color:#e1a122;}

.services-block-two .inner-box .text-three{	color:#575d6e;	width: 100%;	margin-bottom:20px;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;	-o-transition:all 500ms ease; font-family: 'Rubik', sans-serif; font-size: 16px; text-align: justify;}

.services-block-two .inner-box .arrow{	position:relative;	color:#e1a122;	font-size:20px;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}

.sec-title h2 {    font-size: 50px;    color: #4b3a77;}

.box-shadows{padding: 60px 70px;    background-color: #fff;    -webkit-box-shadow: 0 5px 83px 0 rgb(9 29 62 / 15%);    box-shadow: 0 5px 83px 0 rgb(9 29 62 / 15%);    border-radius: 12px;    z-index: 5;}

.color-gradient{position: relative;}

.color-gradient::after{position: absolute; background-image: -o-linear-gradient(top,#32C36CD9 0%,#32C36C 82%);   background-image: linear-gradient(180deg,#afbe36 0%,#afbe36f2 82%);    content: "";    display: inline-block;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;    z-index: 9;}

.content-top {position: relative; z-index: 99;}

.content-top p{ line-height: 23px;    margin-bottom: 22px;    color: #fff;}

.content-top i {    font-size: 32px; transition: 0.5s;}

.content-top i:hover {padding-left: 10px;}

p.top-set {    position: relative;    bottom: 5px;}

.address-infomation {position: relative; z-index: 99;  }

.color-gradient {    padding: 30px;}

.contact-field input{caret-color:#000;	font-family: 'Roboto', sans-serif;     font-size: 14px;    font-weight: 400;    height: 50px;    line-height: 1px;    border-radius: 4px;    border: 1px solid #eaeaea;    background-color: #fff;    padding-left: 20px;    margin-bottom: 25px;    position: relative;    -webkit-box-shadow: none;    box-shadow: none;    -webkit-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}

.contact-field textarea{caret-color:#000;	font-family: 'Roboto', sans-serif;     font-size: 14px;    font-weight: 400;    height: 100px;    border-radius: 4px;    border: 1px solid #eaeaea;    background-color: #fff;    padding-left: 20px;    margin-bottom: 10px;    position: relative;    -webkit-box-shadow: none;    box-shadow: none;    -webkit-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;     padding-top: 10px;}

.contact-field-btn button{cursor: pointer; background-color: #3a1467; border: 0px; font-size: 14px; padding: 14px 22px 14px 22px;    border-radius: 50px;    transition: 0.5s;}

.contact-field-btn button:hover{background-color: #afbe36;}

.form-side h3 {    font-size: 40px;    margin-bottom: 10px;}

.form-side p { margin-bottom: 10px;}

.color-site a {    font-size: 16px; display: block;}

.color-site { background-color: #3a1467;}

.inputBox input {    font-size: 15px; position: relative; height: 40px; font-family: 'Roboto', sans-serif; }

.inputBox textarea {    font-size: 15px; position: relative; height: 80px; font-family: 'Roboto', sans-serif;  padding-top: 8px;}

.inputBox button { cursor: pointer;    background: #3a1467;    color: #fff;  height: 45px; font-family: 'Roboto', sans-serif;}

.white-wrap .form {    background: #afbe36;    padding: 20px 20px 25px 20px; position: relative;}

.white-wrap .form i {    font-size: 12px;    position: absolute;    right: 35px;    margin-top: 15px;}

.form h2 {    font-size: 40px;}

.white-wrap{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

ul.coloring li a {    background: #afbe36;    padding: 15px;    color: #fff;    font-size: 18px;}

.full-width-type {    background-color: #222222;    margin-top: 30px;    width: 100%;    margin-bottom: 20px;}

.inner-states a {    color: #fff; display: block;}

.inner-states {

    text-align: left;

    background: #3a1467;

    text-align: center;

    line-height: 40px;

    margin-bottom: 12px;

}
.partner-website.title span {
    color: white;
    font-style: italic;
    font-weight: 500;
    margin-left: 13px;
    margin-top: 14px;
}
.partner-website.title ul li a {
    color: white;
    margin-left: 15px;
    font-size: 15px;
    color: greenyellow;
}

ul.coloring {    text-align: center;}
/*left*/
.page-left{width:22%;float:left;margin-top:0; position:sticky; position: -webkit-sticky; top: 0px; z-index: 99;}
.left_title{display:block;position:relative;margin-bottom:10px;border-radius:0;  background: #4b3a77; }

.left_title em{font-family:'FuturaStd-Book';display:block;position:relative;z-index:1;color:#fff;font-size:22px; padding:12px 15px; text-transform:uppercase;   }

.left_title em:before{content:'';margin-left:0;display:inline-block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;width:20px;height:21px;transition:all .5s; vertical-align:middle;  background:url(images/icon_list.png) no-repeat;float:right;margin-top:1px;margin-right:0; background-size:100%;}

 .left-cat .left_title{margin-bottom:0; }

.left-cat .left_title em{color:#fff; }

.left_title .column_icon_toggle {display: none;}

.left-cat .left_title>span i.icon:before{content:"\f0ca";font-family:FontAwesome;}

.left-cat .left_title:before,.left-cat .left_title:after{display:none;}

.page_more{display:inline-block;color:#16b985;text-transform:capitalize;   text-decoration:underline;   font-size:13px;  margin-top:3px;  line-height:20px;font-family:'poppins-semibold'; } 

.page_more:hover{color:#16b985; text-decoration:none} 

.page_more:after{    content: "";    display: inline-block;    margin-left: 11px;    width: 15px;    height: 11px;/*background:url(images/more_icon1.png) no-repeat;*/     transition: all .5s;    vertical-align: middle;    margin-top: -3px;}

.page_more:hover:after {animation: scroll_right_anim 1.5s infinite  }

@-webkit-keyframes spin{

from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes spin{

	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes scroll_right_anim {

0% {

transform: translateX(-3px); }

50% {

transform: translateX(3px); }

100% {

transform: translateX(-3px); } }

.left-adv{margin-top:30px;width:100%;/*background:#f7f7f7 url("images/num_bg.jpg") no-repeat center center;*/background-size:cover;text-align: center;border-radius:0;position:relative;overflow:hidden;} 

.left-adv .main{position:relative;left:0;top:0;padding:50px 30px 50px 30px;z-index:2;text-align: left;}

.left-adv .icon{width: 60px;height:60px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;background:#fff;}

.left-adv .icon:before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;border-radius:50%;filter:alpha(opacity=2);-moz-opacity:0.2;opacity:0.2;background: #fff;z-index: -1;}

.left-adv .icon i{width:36px;height:36px;/*background:url(images/page_conts.png) no-repeat; */background-size:100%;display: inline-block;}

.left-adv .main .title{font-size:26px;line-height:40px;color:#fff;text-transform: capitalize;margin-top:30px;margin-bottom:10px;display:block;font-family:'FuturaStd-Book';}

.left-adv .main .title:hover{text-decoration:none;}

.left-adv .main .text{font-size:12px;color:#fff;line-height:24px; margin-bottom:15px} 

 /*hot_pro*/

.left-pro{margin-top:30px;}

.left-pro ul{padding-top:10px;}			

.left-pro ul li{background:#fff;list-style:none;margin-bottom:10px;transition:all .5s;padding:10px;margin-bottom:15px;border:2px solid #ebebeb;position:relative;border-radius:0;padding-right: 15px;}			

.left-pro ul li:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);border-color:#e5e5e5;}			

.left-pro ul li:after{content:'';width:3px;height:60px;background:#3a1467;position: absolute;right:-2px;top:15px;display: inline-block;}				

.left-pro ul li .main{width:60%;float:left;padding-left:10px;position:relative;z-index:10;}			

.left-pro ul li .title{font-size:14px;line-height:24px;max-height:72px;display:block;overflow:hidden;margin:0;margin-bottom:10px;}			

.left-pro ul li .title:hover{color:#3a1467;}			

.left-pro ul li .image{ float:left; width:40%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;position:relative;z-index:10;}	

.left-pro ul li .image .image-hover{ display:none} 	

.left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}			

.left-pro ul li .image img{				max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms);			-o-transition:all var(--transition-time,800ms);			transition:all var(--transition-time,800ms);		}			

.left-pro ul li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));				-ms-transform:scale(var(--scale-multiplier,1.05));			transform:scale(var(--scale-multiplier,1.05));}		

.left-pro ul li .image .icon{position: absolute;left:50%;top:50%;display: inline-flex;width: 50px;height: 50px;margin-left:-25px;margin-top:-25px;align-items: center;justify-content: center;border-radius: 0;border-radius:50%;background:#afbe36;	-webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    opacity: 0;filter: alpha(opacity=0);	-webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);}

.left-pro ul li .image .icon i{width: 22px;height: 22px;/*background:url(images/icon_link1.png) no-repeat;*/ }

.left-pro ul li:hover .image .icon {    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    opacity: 1;}

.page-right{width:75%;float:right;}

@media only screen and (max-width: 992px){

.left-adv{ display:none}

.page-title em{font-size:24px;}

.page-left{width:100%;float:none;margin-bottom:30px;}	

.left-pro,.left-con,.left-video,.left-solu,.left-work{margin-top:0;padding:0;border:none;}

.left_title{margin-bottom:10px;margin-bottom:0;padding:8px 10px;border-radius:0;    background: #4b3a77;}

.left_title>em{margin:0;font-size:20px;color:#fff;padding:0;line-height:24px; text-transform:uppercase;}

.left_title em:before{ display:none} 

.page-left .left_title>span{display:none;}

.left-con .left_title{display:block;}

.left_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:7px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal; color:#fff;    z-index: 99;}

.page-right{width:100%;padding:0;float:none;}

.left-cat{margin-bottom:10px;}

.left-cat .left_title em{font-size:20px;}

.left-cat .left_title em:before{ display:none}

}



/*Pagination*/

.page_num{width:100%;margin:auto;text-align:left;background:#f5f5f5;border-radius:0;padding:10px 15px;border-radius:0;margin-top:30px;}

.page_num span{display:inline-block;color:#fff;background:#3a1467;font-size:12px;text-transform:capitalize;padding:0;vertical-align:middle;width:36px;height:36px;line-height:36px;transition:all .5s;position:relative;border-radius:0;font-family:'poppins-semibold';text-align: center;border-radius:2px;}

.page_num a{background:#fff;padding:0;display:inline-block;text-transform:capitalize;font-size:12px;position: relative;z-index: 0; vertical-align:middle;line-height:36px;transition:all .5s;color:#555;border-radius:2px;width:36px;height:36px;text-align: center;}

.page_num a:hover{background:#afbe36;text-decoration:none;color:#fff;border-color:#afbe36;}

.page_num a i{line-height:36px;}

.page_num p{display:inline-block;font-size:12px;margin:0;margin-top:7px;float:right;}

.page_num p:before{content:'[';padding-right:3px;}

.page_num p:after{content:']';padding-left:3px;}

.page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;color:#afbe36;}

@media only screen and (max-width: 768px) {

.page_num{border-radius: 0;text-align: center;padding:10px;margin-top:10px;}

.page_num a , .page_num span{width: 30px;height:30px;line-height:30px;font-size:12px;}

.page_num a i{line-height: 30px;}

.page_num p{float: none;display: block;}

}

/*products*/

.pro_top .pro-img{padding:0;}

.pro_top .pro-img img{max-width:100%;height:auto;}

.pro-text{color:#333;background:#f7f7f7;padding:20px;margin-bottom:10px;border-radius:0;}

.pro-text .column{line-height:24px;font-size:14px;overflow:hidden;}

.pro-text img{max-width:100%;height:auto;}

.cbp-vm-switcher {width:100%;margin-bottom:30px;}

.cbp-vm-options {text-align:right;margin-bottom:0;margin-bottom:10px;}

.cbp-vm-options em{display:inline-block;float:left;font-size:20px;color:#4d4d4d;text-transform:uppercase;line-height:38px;}

.cbp-vm-options a {display: inline-block; vertical-align:middle;padding:10px;overflow: hidden;white-space: nowrap;border-radius:50%;color: #333;border:1px solid #efefef;margin-left:10px;float:right;     width: 45px;   height: 45px;}

.cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc;}

.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color: #fff;background:#3a1467;border-color:#3a1467;}

.cbp-vm-options a:before {font-size: 14px;text-align: center;display: inline-block;}

/* Clear eventual floats */

.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { 	content: " "; display: table; }

.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher>ul>li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; list-style:none}

.cbp-vm-image .cbp-image-hover {position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.cbp-vm-switcher ul li > div{position:relative;display:block; padding:0;border-radius:0;transition:all .5s;padding:0;}

 .cbp-vm-switcher>ul>li .cbp-vm-image{display: block;overflow:hidden;position: relative;z-index: 2;}

.cbp-vm-image:before{	background-color: rgba(255, 255, 255, 0.1);    content: "";    height: 200%;    left: -280px;    position: absolute;    top: -50%;    -webkit-transform: rotate(35deg);    -ms-transform: rotate(35deg);    transform: rotate(35deg);    -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    -o-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    width: 80px;    z-index: 1;}

.cbp-vm-switcher ul li:hover .cbp-vm-image:before{	left: 180%;    -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    -o-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);}

.cbp-vm-image:after{	background-color: rgba(255, 255, 255, 0.1);    content: "";    height: 200%;    left: 180%;    position: absolute;    top: -50%;    -webkit-transform: rotate(35deg);    -ms-transform: rotate(35deg);    transform: rotate(35deg);    -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    -o-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    width: 80px;    z-index: 1;}

.cbp-vm-switcher ul li:hover .cbp-vm-image:after{	    left: -280px;    -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    -o-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);    transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);}

.cbp-vm-image .more_pro{  position:absolute; bottom:0; left:10px; right:10px; height:54px; line-height:54px; padding:0 15px; border-radius:5px; color:#333333; font-size:16px; text-transform:uppercase; background: rgba(255, 255, 255, 0.8); text-align:center; backdrop-filter: blur(1rem); opacity:0;transition:all .5s}

.cbp-vm-switcher ul li:hover .cbp-vm-image .more_pro{ bottom:10px; opacity:1}

.cbp-vm-image > a.link{position:absolute;right:0;top:0;display:block;z-index:5;width:100%;height:100%; border: 1px solid #ccc;}

.cbp-vm-image img{max-width:100%;height:auto;transition:all .5s; width:100%}

.cbp-vm-switcher>ul>li:hover .cbp-vm-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.cbp-vm-switcher>ul>li .cbp-list-left .line{display: inline-block;width:0;background:#fff;height:1px;transition:all .5s;}

.cbp-vm-switcher>ul>li:hover .cbp-list-left .line{width: 60px; background-color:#afbe36;}

.cbp-vm-details{font-size:13px;line-height:24px;height:48px;overflow:hidden; color:#808080; }

/* Common icon styles */

.cbp-vm-icon:before {	font-family: 'fontawesome';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;}

.cbp-vm-grid:before {content: "\f00a";     position: relative;  right: 4px;  top: 1px;}

.cbp-vm-list:before {content: "\f039"; position: relative; right: 4px; top: 1px;}

.cbp-vm-add:before {content: "\f055";  right: 4px; top: 1px;}

/* Large grid view */

.cbp-vm-view-grid ul {text-align: left;}

.cbp-vm-view-grid ul{ margin:0 -10px}

.cbp-vm-view-grid ul li {	width:33.32%;	float:left;	text-align: center;	display: inline-block;	vertical-align: top;	padding:5px 10px;	position:relative; list-style:none;} 

.cbp-vm-view-grid ul li:nth-child(3n+1){ clear:both}

.cbp-vm-view-grid ul li>div{     border: 1px solid #ececec;    padding: 9px;    background: #fff;    text-align: center;    position: relative;    transition: all .9s; }

.cbp-vm-view-grid ul li:hover>div{ border-color:#3a1467; box-shadow:0 0 24px rgba(0,0,0,0.1)}

.cbp-vm-view-grid ul li .cbp-list-left{padding-top:20px;padding-top:0;text-align:center;position:relative;overflow:hidden;}

.cbp-vm-view-grid ul li .cbp-title{display: block;    color: #333333;    font-size: 22px;    line-height: 24px;    overflow: hidden;    /* height: 48px; */    margin-top: 10px;    margin-bottom: 10px;}

.cbp-vm-view-grid ul li:hover .cbp-title{color:#3a1467; }

.cbp-vm-view-grid ul li .cbp-vm-details .text{color:#888;font-size:12px;line-height:20px;overflow:hidden;height:40px;margin-top:10px;}

.cbp-vm-view-grid ul li .cbp-list-more{display:none;}

.cbp-vm-view-grid ul li .more{display: none;}

.cbp-vm-view-grid .post_blog_tag{display:none;}

.cbp-vm-view-grid .cbp-list-center{padding:10px 0;position:relative;z-index: 2;background:#fff;transition:all .5s;} 

.cbp-vm-view-grid .cbp-vm-details{margin-bottom:0;}

 /* List view */

.cbp-vm-view-list>ul{margin:0;margin-top:20px;}

.cbp-vm-view-list>ul>li {text-align:left;border-bottom:1px solid #eee;padding:20px 0;}

.cbp-vm-view-list>ul>li:first-child{padding-top:0;}

.cbp-vm-view-list li:before, 

.cbp-vm-view-list li:after { 	content: " "; 	display: table; }

.cbp-vm-view-list li:after { clear: both; }

.cbp-vm-view-list>ul>li > div{padding:0;border:none;}

.cbp-vm-view-list .cbp-vm-image,

.cbp-vm-view-list .cbp-vm-title,

.cbp-vm-view-list .cbp-vm-details,

.cbp-vm-view-list .cbp-vm-price,

.cbp-vm-view-list .cbp-vm-add {	display: inline-block;	vertical-align: middle;}

.cbp-vm-view-list .cbp-vm-image {width: 30%;text-align:center;display:inline-block;position:relative; vertical-align:middle;float:left;border:1px solid #f2f2f2;background:#fff;transition:all .5s;}

.cbp-vm-view-list ul li:hover .cbp-vm-image{border-color:#16b985;}

.cbp-vm-view-list ul li>div .cbp-list-center{width:70%;display:inline-block;}

.cbp-vm-view-list ul li .cbp-title{display:block;color:#333333;font-size:30px;line-height:24px;overflow:hidden;max-height:48px;margin-bottom:10px;     font-family: 'Rubik', sans-serif;}

.cbp-vm-view-list ul li:hover .cbp-title{color:#3a1467;text-decoration:none;}

.cbp-vm-view-list ul li .cbp-vm-details {margin-top:0;height:auto;padding:0;max-height:48px;font-size:14px;}

.cbp-vm-view-list ul li .cbp-vm-details .text{color:#999;font-size:12px;line-height:20px;overflow:hidden;max-height:60px;}

.cbp-vm-view-list>ul>li .cbp-list-left .line{display: none;}

.cbp-vm-view-list>ul>li  .more_pro{ display:none}

.cbp-vm-view-list ul li .post_blog_tag{margin-top:15px;}

.cbp-vm-view-list ul li .main_more a{ height:40px;line-height:40px;}

.cbp-vm-view-list .cbp-hover{display:none;}

.cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 15px;}

.cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;}

.cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0;}

.only-width-custom{max-width: 1300px;}

ul.mtree.transit {    line-height: 28px;    padding-left: 15px;    margin-top: 15px;}

ul.mtree.transit li a {    font-size: 18px;}

/* .main span {    font-size: 35px;} */

span.line_text {    font-size: 15px;}
.mobile-owl-carousel {    display: none;}
.mobile-menu {    display: none;}
div#product-mobile .item {    background: #afbe36;}
.about-content-side h2 {    margin-bottom: 10px;    margin-top: 10px;}
.about-content-side h3 {    margin-bottom: 10px;    margin-top: 10px;}
/*.client-text span{font-size: 50px !important;}*/
.animation-card_content span {    font-size: 20px !important;}
/*Remove Destop*/
.title-pack-close img {    display: none;}
.products_details-content p {    padding-bottom: 8px;}
.products_details-content h2 {    padding-bottom: 10px;}
.products_details-content h2, h3, h4, h5, h6 {    padding-bottom: 10px;    padding-top: 10px; font-family: 'Rubik', sans-serif; font-size: 20px; color: #666;}
.products_details-content ul li {    margin-bottom: 15px;    list-style-type: disclosure-closed; color: #666;}
.tag-line .title-pack-close li{font-size: 50px !important;}
.tag-line .title-pack-close h1{font-size: 50px !important;}
.parent-divison h3 a {font-size: 30px;    margin: 0px;    padding: 0px;    font-weight: 700; font-family: 'Rubik', sans-serif; color: #000;}
div#owl-demo .owl-buttons {    top: -12px;}
.naccs::-webkit-scrollbar {  width: 10px;}
.naccs::-webkit-scrollbar-track {  background: #f1f1f1; }
.naccs::-webkit-scrollbar-thumb {  background: #888; }
.naccs::-webkit-scrollbar-thumb:hover {  background: #555; }
.products_details-img img {    border: 1px solid #ccc;}
.sitema-links-item h2 {font-family: 'Rubik', sans-serif; font-size: 30px;}
.location-para p {    padding-bottom: 12px;}
.footer-logos{background-color: #1a1a1af2;}
.footer-logos li{text-align: center;    border: 1px solid #e7e7e7;    border-radius: 5px;    padding: 10px;    margin: 5px;    display: inline-block;    background-color: #ffffff;}
.footer-logos span {    font-size: 30px;}

.under-category{/*background: url(images/bg-cat.jpg)no-repeat;*/ text-align: center;  background-position: 50% 100%;}

a.color-mode-1{background-image: linear-gradient(to right, #00b09b , #96c93d);}
a.color-mode-2{background-image: linear-gradient(to right, #800080 , #ffc0cb);}
a.color-mode-3{background-image: linear-gradient(to right, #00F260 , #0575E6);}
a.color-mode-4{background-image: linear-gradient(to right, #e1eec3 , #f05053);}
a.color-mode-5{background-image: linear-gradient(to right, #22c1c3 , #fdbb2d);}
a.color-mode-6{background-image: linear-gradient(to right, #ff9966 , #ff5e62);}
a.color-mode-7{background-image: linear-gradient(to right, #7F00FF , #E100FF);}
a.color-mode-8{background-image: linear-gradient(to right, #396afc , #2948ff);}
a.color-mode-9{background-image: linear-gradient(to right, #06beb6 , #48b1bf);}
a.color-mode-10{background-image: linear-gradient(to right, #642B73 , #C6426E);}
a.color-mode-11{background-image: linear-gradient(to right, #36D1DC , #5B86E5);}
a.color-mode-12{background-image: linear-gradient(to right, #283c86 , #45a247);}
a.color-mode-13{background-image: linear-gradient(to right, #c0392b , #8e44ad);}
a.color-mode-14{background-image: linear-gradient(to right, #000046 , #1CB5E0);}
a.color-mode-15{background-image: linear-gradient(to right, #F2994A , #F2C94C);}
a.color-mode-16{background-image: linear-gradient(to right, #E44D26 , #F16529);}
a.color-mode-17{background-image: linear-gradient(to right, #4568DC , #B06AB3);}
a.color-mode-18{background-image: linear-gradient(to right, #43C6AC , #191654);}
a.color-mode-19{background-image: linear-gradient(to right, #093028 , #237A57);}

a.color-mode-20{background-image: linear-gradient(to right, #FFAFBD , #ffc3a0);}
a.color-mode-21{background-image: linear-gradient(to right, #DCE35B , #45B649);}
a.color-mode-22{background-image: linear-gradient(to right, #67B26F , #4ca2cd);}
a.color-mode-23{background-image: linear-gradient(to right, #F3904F , #3B4371);}
a.color-mode-24{background-image: linear-gradient(to right, #ee0979 , #ff6a00);}
a.color-mode-25{background-image: linear-gradient(to right, #41295a , #2F0743);}
a.color-mode-26{background-image: linear-gradient(to right, #fe01cc , #39329b);}
a.color-mode-27{background-image: linear-gradient(to right, #ee34da , #8afcfc);}
a.color-mode-28{background-image: linear-gradient(to right, #3b6186 , #88263f);}
a.color-mode-29{background-image: linear-gradient(to right, #4fccc3 , #556471);}
a.color-mode-30{background-image: linear-gradient(to right, #fdd79b , #1d567c);}
a.color-mode-31{background-image: linear-gradient(to right, #43285b , #734b6d);}
.under-category li {    background: transparent;}
.under-category a { padding: 10px 10px 10px 10px;    line-height: 60px;    transition: 0.5s;}
.under-category li{padding: 0px !important; border: 0px !important;}
section.footer-logos ul h6 {    font-size: 18px;    padding-right: 100px;    padding-left: 100px;    text-align: center;}
.single-line h6{color: #afbe36; font-style: italic;}

.animation-text p{background: url(images/smoke.jpg); font-family: 'Montserrat', sans-serif; -webkit-background-clip: text; -webkit-text-fill-color: transparent;    animation-iteration-count: infinite; font-family: 'Montserrat', sans-serif;   font-weight: 900;    font-size: 55px;    line-height: 50px;  text-transform: uppercase;   -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation-name: masked-animation;    animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear; -webkit-box-reflect:below 1px linear-gradient(transparent,transparent, #000);}
.img-side-full{background: url(images/smoke.jpg);}
@keyframes masked-animation {
0% {background-position: 50% 35%;}
50% {background-position: 50% 65%;}
100% {background-position: 50% 35%;}
}
.footer-logos span, p, h6, {font-family: 'Playfair Display', serif;}
.products_details-content span {    font-size: 100%; color: blue !important;}
.menu img {    margin-right: 10px;}
.whats-app-icon img {    position: fixed;    bottom: 50px;    left: 50px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}
.map iframe {    width: 100%; height: 300px;}
@-webkit-keyframes fadeInDown {
from {        opacity:0;        -webkit-transform: translatey(-10px);        -moz-transform: translatey(-10px);        -o-transform: translatey(-10px);        transform: translatey(-10px);    }    
to {      opacity:1;        -webkit-transform: translatey(0);        -moz-transform: translatey(0);        -o-transform: translatey(0);        transform: translatey(0);    }
}
@-moz-keyframes fadeInDown {
from {        opacity:0;        -webkit-transform: translatey(-10px);        -moz-transform: translatey(-10px);        -o-transform: translatey(-10px);        transform: translatey(-10px);   }    
to {        opacity:1;        -webkit-transform: translatey(0);        -moz-transform: translatey(0);        -o-transform: translatey(0);        transform: translatey(0);    }
}
@keyframes fadeInDown {
from {        opacity:0;        -webkit-transform: translatey(-10px);        -moz-transform: translatey(-10px);        -o-transform: translatey(-10px);        transform: translatey(-10px);    }    
to {        opacity:1;        -webkit-transform: translatey(0);        -moz-transform: translatey(0);        -o-transform: translatey(0);        transform: translatey(0);    }}
.in-down {    -webkit-animation-name: fadeInDown;    -moz-animation-name: fadeInDown;    -o-animation-name: fadeInDown;    animation-name: fadeInDown;    -webkit-animation-fill-mode: both;    -moz-animation-fill-mode: both;    -o-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-duration: 1s;    -moz-animation-duration: 1s;    -o-animation-duration: 1s;    animation-duration: 1s;}
/** fadeInLeft **/
@-webkit-keyframes fadeInLeft {
from {        opacity:0;        -webkit-transform: translatex(-10px);        -moz-transform: translatex(-10px);        -o-transform: translatex(-10px);        transform: translatex(-10px);    }    
to {        opacity:1;        -webkit-transform: translatex(0);        -moz-transform: translatex(0);        -o-transform: translatex(0);        transform: translatex(0);    }
}
@-moz-keyframes fadeInLeft {
from {        opacity:0;        -webkit-transform: translatex(-10px);        -moz-transform: translatex(-10px);        -o-transform: translatex(-10px);        transform: translatex(-10px);    }    
to {        opacity:1;        -webkit-transform: translatex(0);        -moz-transform: translatex(0);        -o-transform: translatex(0);        transform: translatex(0);   }
}
@keyframes fadeInLeft {
  from {        opacity:0;        -webkit-transform: translatex(-100px);        -moz-transform: translatex(-100px);        -o-transform: translatex(-100px);        transform: translatex(-100px);    }    
  to {        opacity:1;        -webkit-transform: translatex(0);        -moz-transform: translatex(0);        -o-transform: translatex(0);        transform: translatex(0);    }
}
.in-left {    -webkit-animation-name: fadeInLeft;    -moz-animation-name: fadeInLeft;    -o-animation-name: fadeInLeft;    animation-name: fadeInLeft;    -webkit-animation-fill-mode: both;    -moz-animation-fill-mode: both;    -o-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-duration: 1s;    -moz-animation-duration: 1s;    -o-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-delay: 1s;    -moz-animation-delay: 1s;    -o-animation-duration:1s;    animation-delay: 1s;}

.small-title span {    font-size: 15px;}


.accordion {background-color: #3a1467;  color: #444;  cursor: pointer;  padding: 10px 20px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 15px;  transition: 0.4s; font-family: 'Rubik', sans-serif;}
.active-faq, .accordion:hover {  background-color: #afbe36;}
.accordion:after {  content: '\002B';  color: #fff;  font-weight: bold;  float: right;  margin-left: 5px;}
.active-faq:after {  content: "\2212";}
.panel {  padding: 0 18px;  background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #afbe36;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content h4 {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related_content p {    margin-bottom: 20px;}
.content-side-product-details span {    font-size: 23px;    display: block;    margin-bottom: 10px;}
span.text-theme-colored {  font-size: 30px;}
.panel ul {    list-style-type: disc;    padding-left: 20px;}
.mobile-three-item li {display: inline-block; margin-right: 0; padding: 10px 0px; width: 32%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #3a1467;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center; display: none; position: fixed; z-index: 999; bottom: 0; width: 100%;}

.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;   background-color: #ff741e;}
.mobile-btn-animation a {    color: white}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.slow-animation {    animation-name: pulse;    animation-duration: 2s;    animation-timing-function: linear;    animation-delay: 0;    animation-iteration-count: infinite;    animation-fill-mode: none;    animation-play-state: running;}
.slow-animation {    position: fixed;    left: -10px;    bottom: -10px;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;   padding-bottom: 10px;    margin-bottom: 10px;    z-index: 1001;    transform: skewX(-30deg);    overflow-x: hidden;    height: 50px;    width: 20px;    background-color: rgba(255, 255, 255, 0.2);}
@keyframes pulse {
from {left: -30px;}
to {left: 90px;}
}

.top > span {    font-size: 35px !important;    font-family: 'Amatic SC', cursive;}
span.styling-faqs {    font-size: 50px;    text-align: center;    width: 100%;    display: block;    margin-bottom: 30px;    font-family: 'Amatic SC', cursive;}
.location_img-side {    float: left; width: 385px;    margin-right: 25px;}
.location_img-side img{width: 385px;   }
.related-products span {    font-size: 26px;}
.full-row {    max-height: 300px;    overflow-y: scroll;}