@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Elsie Swash Caps', cursive;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 16px; font-family: 'Zen Kurenaido', sans-serif;}
a{font-size: 16px; font-family: 'Zen Kurenaido', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Zen Kurenaido', sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{font-family: 'Zen Kurenaido', sans-serif;}
input:focus{outline: none;}
textarea:focus{outline: none;}
/*Css*/
header{background: url(images/search-bg.png);}
.seach-bar input{width: 600px; height: 40px;}
.seach-bar button {background-color: #000;    width: 50px;    height: 40px;    position: relative;    top: -3px;    cursor: pointer;    right: 12px;}
::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1; } 
::-webkit-scrollbar-thumb {  background: #888; }
::-webkit-scrollbar-thumb:hover {  background: #555; }
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #333;  text-transform: uppercase;  padding:0px 11px; position: relative;  z-index: 1;  margin: 0;     font-size: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}
.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 {  -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-color: #2b2599; position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  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; background: url(images/menu-bg.jpg); height: 500px; overflow-y: scroll;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{  background-position: 0% 50%;  padding-left: 12px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}
.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;}
.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;}
.navbar{padding: 0px;}
.sticky{background: url(images/top-nav.png)no-repeat;}
li.silk-right {    position: relative;}
li.silk-right::after {position: absolute; content: ''; width: 1px; height: 50px; background-color: #ccc; top: 0px; top: -18px;}
.marquee-line{background-color: #ffa106;}
.about-us{  /*  background: url(images/about-us.png); */ background-size: cover; background-attachment: fixed;}
.about_content{background: #2b2599c7 url(images/footer_pattern.png);}
.ml13 {  font-size: 35px;}
.ml13 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.ml14 {  font-size: 35px;}
.ml14 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.ml15 {  font-size: 35px;}
.ml15 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.ml16 {  font-size: 35px;}
.ml16 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.ml17 {  font-size: 35px;}
.ml17 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.ml18 {  font-size: 35px;}
.ml18 .letter {  display: inline-block;  line-height: 1em; font-family: 'Elsie Swash Caps', cursive;}
.about-btn a{padding: 10px 25px 10px 25px; background: #ffa106; }
.hvr-radial-in{    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgb(0 0 0 / 0%);    position: relative;    overflow: hidden;    background: #2098D1;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
/* Radial In */
.hvr-radial-in {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;  background: #2098D1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-in:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #fff;  border-radius: 100%;  -webkit-transform: scale(2);  transform: scale(2);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {  color: white;}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {  -webkit-transform: scale(0);  transform: scale(0);}
.about_content {    position: relative;}
.hvr-radial-in-2:before { color: #fff; content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #2b2599;  border-radius: 100%;  -webkit-transform: scale(2);  transform: scale(2);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-in-3:before { color: #fff; content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #ffa106;  border-radius: 100%;  -webkit-transform: scale(2);  transform: scale(2);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
/*marque-slide*/
.slide-part{background: url(images/bg-behind.jpg)repeat; background-attachment: fixed;}
.product-btn a{padding: 10px 25px 10px 25px; background: #ffa106;}

.view {   width: 350px;   height: auto;  border: 10px solid #fff;   overflow: hidden;   position: relative;   text-align: center;   -webkit-box-shadow: 1px 1px 2px #e6e6e6;   -moz-box-shadow: 1px 1px 2px #e6e6e6;   box-shadow: 1px 1px 2px #e6e6e6;   cursor: default; }
.view .mask,.view .content {   width: 350px;   height: auto;   position: absolute;   overflow: hidden;   top: 0;   left: 0;}
.view img {   display: block;   position: relative;}
.view span {   text-transform: uppercase;   color: #fff;   text-align: center;   position: relative;   font-size: 17px;   padding: 10px;   background: rgba(0, 0, 0, 0.8);   margin: 20px 0 0 0;}
.view p { font-style: italic;   font-size: 12px;   position: relative;   color: #fff;   padding: 10px 20px 20px;   text-align: center;}
.view a.info {display: inline-block;    text-decoration: none;    padding: 2px 8px;    background: #000;    color: #fff;    text-transform: uppercase;    -webkit-box-shadow: 0 0 1px #000;    -moz-box-shadow: 0 0 1px #000;    box-shadow: 0 0 1px #000;    font-size: 13px;}
.view a.info: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}
.view-first img {   -webkit-transition: all 0.2s linear;   -moz-transition: all 0.2s linear;   -o-transition: all 0.2s linear;   -ms-transition: all 0.2s linear;   transition: all 0.2s linear;}
.view-first .mask {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;      background-color: rgb(43 37 153 / 88%);   -webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out; min-height: 400px;}
.view-first span {   -webkit-transform: translateY(-100px);   -moz-transform: translateY(-100px);   -o-transform: translateY(-100px);   -ms-transform: translateY(-100px);   transform: translateY(-100px);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}
.view-first p {   -webkit-transform: translateY(100px);   -moz-transform: translateY(100px);   -o-transform: translateY(100px);   -ms-transform: translateY(100px);   transform: translateY(100px);   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s linear;   -moz-transition: all 0.2s linear;   -o-transition: all 0.2s linear;   -ms-transition: all 0.2s linear;   transition: all 0.2s linear;}
.view-first:hover img {   -webkit-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);   -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}
.view-first a.info {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}
.view-first:hover .mask {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);   opacity: 1;}
.view-first:hover span,.view-first:hover p,.view-first:hover a.info {   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   filter: alpha(opacity=100);   opacity: 1;   -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);   -o-transform: translateY(0px);   -ms-transform: translateY(0px);   transform: translateY(0px);}
.view-first:hover p {   -webkit-transition-delay: 0.1s;   -moz-transition-delay: 0.1s;   -o-transition-delay: 0.1s;   -ms-transition-delay: 0.1s;   transition-delay: 0.1s;}
.view-first:hover a.info {   -webkit-transition-delay: 0.2s;   -moz-transition-delay: 0.2s;   -o-transition-delay: 0.2s;   -ms-transition-delay: 0.2s;   transition-delay: 0.2s;}
.mask span {    position: relative;    top: 150px;}
.upper-photos {height: 500px; overflow-y: scroll;}
.upper-photos ul li:nth-child(2) {    margin-top: 0;  position: relative;   top: 80px;}
.upper-photos ul li:nth-child(4) {    margin-top: 0;  position: relative;   top: 80px;}
.upper-photos ul li:nth-child(6) {    margin-top: 0;  position: relative;   top: 80px;}

.upper-photos ul li:nth-child(1) {    margin-top: 0;  position: relative;   top: 50px;}
.upper-photos ul li:nth-child(3) {    margin-top: 0;  position: relative;   top: 50px;}
.upper-photos ul li:nth-child(5) {    margin-top: 0;  position: relative;   top: 50px;}

.upper-photos::-webkit-scrollbar {  width: 10px;}
.upper-photos::-webkit-scrollbar-track {  background: #f1f1f1; } 
.upper-photos::-webkit-scrollbar-thumb {  background: #888; }
.upper-photos::-webkit-scrollbar-thumb:hover {  background: #555; }

/*call-to-action*/
.call-to-action{background: #2b2599; position: relative;}
.orange-btn a{    padding: 8px 35px 8px 35px; background: #2b2599;}
img.set-right {    right: 0;}
.three-category{background: url(images/dsk-bg.png)repeat;}
img.diva{width: 3%;}


.bounce {animation: bounce_965 1.6s ease infinite;    transform-origin: 50% 50%;}
.bounce {    -webkit-animation-name: bounce;    animation-name: bounce;}
.bounce{animation:bounce_965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce_965{0%{transform:translateY(0)}
12.5%{transform:translateY(0)}
25%{transform:translateY(0)}
50%{transform:translateY(-15px)}
62.5%{transform:translateY(0)}
75%{transform:translateY(-15px)}
100%{transform:translateY(0)}
}
.cate-btn{background: #91b652; background: url(images/design.jpg);}
.cat-two{background: #91b652; background: url(images/design-2.jpg);}
.cat-three{background: #91b652; background: url(images/design-3.jpg);}
.cate-btn a{font-size: 30px;}


.owl-carousel .owl-wrapper:after {	content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;	height: 0;}
.owl-carousel{	display: none;	position: relative;	width: 100%;	-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%; top:6px;}
.owl-carousel .owl-wrapper-outer.autoHeight{	-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{	float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{	-webkit-backface-visibility: hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
.owl-controls.clickable{ display:block !important;}
.owl-pagination {display: none;}
.owl-buttons{ position: absolute;    top: -216px;    color: #fff;    right: 1%;    width: 100px;    height: 45px;}	 	
.owl-buttons .owl-next,	.owl-prev{	width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;	left: 55px;	background: #fbba42;}
.owl-next {right:0;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-prev{ left:0px;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-next:hover {       color: #16639f !important;    }
.owl-prev:hover {    color: #16639f !important;    }
.owl-prev:before {        }	
.owl-prev:before {     position: absolute;    top: 9px;    left: 8px}	
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}	
.owl-next:after {    position: absolute;    top: -3px;    color: #fff;    left: 11px;}	
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {    background: rebeccapurple;}
/*loader*/
.loader span{margin: 0px;    padding: 0px;    text-transform: uppercase;    font-size: 102px;    color: rgb(255,255,255, .1);        background-repeat: repeat-x;    -webkit-background-clip: text !important;    animation: animate 15s linear infinite;    font-weight: bolder;   line-height: 98px; text-align: center;}
.loader p{margin: 0px;    padding: 0px;    text-transform: uppercase;    font-size: 102px;    color: rgb(255,255,255, .1);     background-repeat: repeat-x;    -webkit-background-clip: text !important;    animation: animate 15s linear infinite;    font-weight: bolder;    padding-left: 25%;}
.about_img img {    border: 5px dotted #2b2599;    padding: 5px;}
.cleint-feedbak{position: relative;}
/*.cleint-feedbak::after{    position: absolute;  z-index: -1;  content: '';    height: 200px;    width: 95.5%; background: #2b2599c7 url(images/footer_pattern.png); bottom: 0px;}*/
div#owl-demo {  position: relative;    padding-left: 30px;    padding-right: 15px;    top: 18px;}
/*div#owl-demo .item{background: url(images/footer_pattern.png);}*/
div#owl-demo .owl-buttons {    display: none;}
.client-name {    margin-top: 8px;}
.cleint-feedbak form { font-family: 'Zen Kurenaido', sans-serif;    font-weight: bold;    padding: 15px;    position: relative;    top: 15%;}
.cleint-feedbak form input{border-bottom: 2px solid #fff !important; color: #333; height: 40px;}
.cleint-feedbak form textarea{height: 150px; border-bottom: 2px solid #fff !important; color: #333;}

.cleint-feedbak form input::-webkit-input-placeholder {   color: #233;}
.cleint-feedbak form input:-ms-input-placeholder {color: #233;}
.cleint-feedbak form input::placeholder { color: #233;}

.cleint-feedbak form textarea::-webkit-input-placeholder {   color: #233;}
.cleint-feedbak form textarea:-ms-input-placeholder { color: #233;}
.cleint-feedbak form textarea::placeholder {color: #233;}
.home-filed button{background: #2b2599; cursor: pointer;     padding: 8px 20px 8px 20px;}
.cleint-feedbak span{font-size: 35px; font-family: 'Elsie Swash Caps', cursive;}
.client-name span{font-size: 15px !important; font-family: 'Zen Kurenaido', sans-serif;}
img.top-left {    top: -36px;    left: -27px;   width: 27%;}
.cleint-feedbak{ background: #ffa106 url(images/footer_pattern.png);}
/*footer{background: #2b2599;}*/

footer{background: url() 	no-repeat,url() 	no-repeat,url() 	no-repeat #2b2599;    background-size: 150px,150px,auto,contain;    background-position: left top,right top,top center,bottom center;}
.widget_part li {    line-height: 28px;}
.widget_part span {    font-size: 22px;      border-bottom: 2px solid #463fc7;}
.social-media ul li{line-height: 35px;}
.yellow-color{background:#ffa106;}
.full-text-part h6{font-size: 145px; color: #eaeaec; font-family: 'Montserrat', sans-serif;}
.full-text-part p {   color: #2b2599;    font-size: 1.5rem;}
.full-text-part span {   color: #ffa106;    font-size: 1.5rem;}
.full-text-part {    position: relative;}
img.right-set {  right: 122px;  bottom: 184px;   width: 8%;}
img.left-set {left: 0px; width: 18%;}
img.left-set {    left: 20px;    width: 12%;    bottom: 0;}
#toTop {    position: fixed;    bottom: 75px;    right: 5px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}
.page-title{    position: relative;    background-size: cover;    background-repeat: no-repeat;    background-position: 50% 0;    padding: 180px 0px;}
.page-title h1{	position:relative;	font-size:48px;	font-weight:700;	color:#ffffff;	line-height:1em;margin-bottom: 20px;}
.page-title .text{	position: relative;	display: block;	font-size: 18px;	line-height: 24px;	color: #ff7e00;	font-weight: 400;}
.page-title .page-info{	position:absolute;	left:0px;	bottom:0px;	width:100%;	z-index:1;}
.page-info .bread-crumb{position:relative; float: none !important;	padding:25px 0;	padding-left: 90px;	border-radius: 40px 0 0 0;    background-color: rgb(43 37 153);}
.page-info .bread-crumb li{	position:relative;	display:inline-block;	font-size:18px;	line-height: 30px;	color:#000;font-weight:700;	margin-right:18px;	padding-right: 18px;}
.page-info .bread-crumb li:last-child{	margin-right:0px;	padding-right: 0;}
.page-info .bread-crumb li:after{	position:absolute;	content:'|';top:0px;right:-4px;	font-size:18px;	line-height: 30px;	color:#ffffff;	font-weight:700;}
.page-info .bread-crumb li:last-child:after{	display:none;	}
.page-info .bread-crumb li a{font-size: 16px;	color:#ffffff;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.page-info .bread-crumb li a:hover{	color:#777;}
.form{       position: relative;    padding: 15px 20px 30px;    background-color: #2b2599;    border-radius: 10px;    text-align: center;}
.form h2{color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; font-size: 28px;}
.form .input{text-align: left; margin-top: 20px;}
.form .input .inputBox input{    width: 100%;    height: 45px;      background-color: #2b2599;    border: none;    outline: none;    border-radius: 40px;    padding: 5px 15px;    color: #fff;    font-size: 18px; box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(43 37 153); font-family: 'Zen Kurenaido', sans-serif;}
.form .input .inputBox input[type="Submit"]{ margin-top: 20px;     box-shadow: -2px -2px 6px rgb(255 255 255 / 0%), 2px 2px 6px rgba(0, 0, 0, 0.17);  cursor: pointer;}
.form .input .inputBox input[type="Submit"]:focus{outline: none;}
.form .inputBox textarea{width: 100%;    height: 85px;background-color: #2b2599;  border: none;    outline: none;    border-radius: 40px;    color: #fff;    font-size: 18px;              box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(43 37 153);   padding: 10px 20px;     font-family: 'Zen Kurenaido', sans-serif;}
.form .inputBox textarea::placeholder{color: #fff; font-size: 15px;}
.form .input .inputBox input[type="Submit"]:active{color: #0f5298; margin-top: 20px; box-shadow: -2px -2px 6px rgba(255,255,255,0.1),2px 2px 6px rgba(0,0,0,0.8);}
.form .input .inputBox input::placeholder{color: #fff; font-size: 15px;}
.our-products{background-position: center;     position: relative; background-attachment: fixed; background-size: cover;}
figure.effect-jazz img {	opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}
figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
.grid {	position: relative;	clear: both;	margin: 0 auto;padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}
.grid figure {position: relative;    float: left;    overflow: hidden;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;        background-image: linear-gradient(to right, #2b2599 , #2b2599);    text-align: center;    cursor: pointer;}
.grid figure img {position: relative; border: 1px solid #ccc;   display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {	padding: 1em;	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;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 16px; margin-top: 10px; color: #fff;}
figure.line-height-0 span {    line-height: 0;}
.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 28px; color: #000;}
.products-fill { border-right: 1px solid #ccc;}
.zoom-effect img {border: 1px solid #ccc;}
.final-list-product h4{font-size: 25px;}
.final-list-product ul li {    background: url(images/tick.png)no-repeat;    padding-left: 25px;    background-position: 0% 50%;     line-height: 32px;}
.products_img{position: relative; }
.title-text {    position: absolute;    bottom: 18px;    left: 30%;}
.title-text a {    font-size: 30px;}
.box{background: #2b2599;    overflow: hidden;    position: relative;    transition: all 0.3s;}
.box:hover{    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}
.box:before{    content: "";    background:rgba(255,255,255,0.5);    width: 100%;    height: 100%;     transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition:all 0.5s;}
.box:hover:before{ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.box img{    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}
.box:hover img{    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}
.box .box-content{    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .box-content{    opacity: 1;    transform: scaleX(1);}
.box .title{    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}
.box .post{    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}
.box .icon{    padding: 0;    margin: 0;   list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .icon{    opacity: 1;    transform: scale(1);}
.box .icon li{ margin: 0 0 10px; }
.box .icon li a{color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;    position: absolute; }
.box .icon li a:hover{    background: #f77e38;   border-radius: 0;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
.color-site {background-color: #2b2599}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3{ font-size: 25px;}
.sitema-links-item h4{ font-size: 25px;}
.black-color {background: #333;}
.skin-color {background: #ffa106;}

ul.coloring li {    background: #2b2599;    padding: 15px;}
.full-width-type {    background: #ffa106;    margin-bottom: 30px;}
.inner-states {
    text-align: center;
    padding-bottom: 12px;
}
h1.jg { font-size: 25px; }
.inner-states a{display: block;     background: #333; color: #fff;}
.full-text p {    line-height: 25px;}
.contact-form {    padding: 50px 0;}
.contact-form-head {    margin-bottom: 30px;}
.card h5 {padding-bottom: 10px;}
.card li {line-height: 28px;}
.form-control:focus, .form-control:active {    outline: 0;    box-shadow: 0 0 0 0;    border: 2px solid rgba(44, 70, 79, 0.2);    border-bottom: 2px solid #4d6881;}
.form-control, select, select.form-control:not([size]):not([multiple]) {    border-radius: 5px;    padding: 12px 25px;    height: auto;    font-size: 16px;    outline: 0 !important;    box-shadow: 0 0 0 0 !important;    border: 2px solid rgba(44, 70, 79, 0.2);    color: #2C464F;}
.btn-primary, .badge-primary, .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {    color: #fff;    background-color: #1097cf;    box-shadow: 0 0 0 0;    outline: 0;    border-color: #1097cf;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.focus, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-light.focus, .btn-light:focus {    color: #fff;    border-color: #000;    outline: 0 !important;    box-shadow: 0 0 0 0 !important;    background-color: #000;}
/* Contact Form */
.contact-form .bootstrap-select>.dropdown-toggle,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select {    position: relative;    display: block;    height: 54px;    width: 100%;    font-size: 15px;    color: rgb(12, 41, 87);    line-height: 30px;    font-weight: 600;    background-color: transparent;    border-radius: 6px;    padding: 11px 20px;    border-width: 1px;    border-style: solid;    border-color: rgb(225, 229, 233);    -o-border-image: initial;       border-image: initial;    -webkit-transition: all 300ms ease 0s;    -o-transition: all 300ms ease 0s;    transition: all 300ms ease 0s; font-family: 'Zen Kurenaido', sans-serif;}
.contact-form .bootstrap-select>.dropdown-toggle .contact-form {    position: relative;}
.contact-form .form-group {    position: relative;    margin-bottom: 10px;}
.contact-form .bootstrap-select>.dropdown-toggle,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select {    position: relative;    display: block;    height: 40px;    width: 100%;    font-size: 16px;    line-height: 30px;    color: #222;    font-weight: 300;    background-color: #fcf9f2;    padding: 11.5px 25px;    border-radius: 0;    border: 1px solid #fcf9f2;    -o-border-image: initial;    border-image: initial;    -webkit-transition: all 300ms ease 0s;    -o-transition: all 300ms ease 0s;    transition: all 300ms ease 0s;}
.contact-form .form-group textarea {    height: 106px;}
.contact-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {    width: 100%;}
/* Contact Section */
.contact-section {    position: relative;    padding: 200px 0 100px;    border-bottom: 1px solid #eee;}
.contact-section .sec-bg {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 750px;    background-size: cover;}
.contact-section .wrapper-box {    position: relative;    background-color: #fff;    box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);}
.contact-section .contact-form-area {    position: relative;    padding: 70px 70px;}
.contact-section.form-group-two button {    margin-top: 25px;}
.contact-section .theme-btn {    background-color: #3b3b44;}
.contact-section .bottom-content {    position: relative;    text-align: center;    margin-top: 90px;}
.contact-section .bottom-content h5 {    font-size: 18px;    text-transform: uppercase;    margin-bottom: 30px;}
.contact-section .bottom-content .contact-info {    position: relative;    display: flex;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.contact-section .bottom-content .contact-info li {    position: relative;    font-size: 30px;    font-weight: 500;    margin-right: 30px;    margin-bottom: 10px;}
.contact-section .bottom-content .contact-info li a {    color: #222;}
.contact-section .bottom-content .contact-info li:last-child {    margin-right: 0;}
.contact-section .bottom-content .contact-info li span {    position: relative;    width: 50px;    height: 50px;    line-height: 50px;    background: #ddd;    border-radius: 50%;    display: inline-block;    font-size: 16px;    font-weight: 400;}
.contact-section .bottom-content .contact-info li i {    font-size: 24px;}
.contact-section .bottom-content .contact-info li:first-child {    padding-left: 120px;}
.contact-section .bottom-content .contact-info li:first-child i {    margin-right: 15px;}
.contact-section .bottom-content .contact-info li:first-child:before {    position: absolute;    content: '';    left: 0;    top: 10px;    height: 2px;    width: 100px;}
.contact-section .bottom-content .contact-info li:last-child {    padding-right: 120px;}
.contact-section .bottom-content .contact-info li:last-child i {    margin-left: 15px;}
.contact-section .bottom-content .contact-info li:last-child:before {    position: absolute;    content: '';    right: 0;    top: 10px;    height: 2px;    width: 100px;}
.btn-style-one{background-color: #f4a046;}
.btn-style-one {    position: relative;    border: none;    width: 100%;    display: inline-block;    font-size: 16px;    line-height: 10px;    color: #000;    background-color: #ffffff;    padding: 15.5px 45px;    font-weight: 600;    overflow: hidden;    transform: uppercase;}
.card{	width: 100%;	border-radius: 5px;	padding: 30px;	margin-bottom: 2rem;	border: 10px solid transparent;	display: inline-block;	box-shadow: 0px 0px 20px 0px rgba(62, 62, 101, 0.13);	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}
.card:hover,
.card-active{	border-bottom: 10px solid #2b2599;	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);}
button.color-btn {    background: #ffa106;    border: none; font-family: 'Zen Kurenaido', sans-serif;}
.mobile-menu {    display: none;}
.whats-app-icon img {    position: fixed;    bottom: 300px;    left: 15px;    cursor: pointer;    transition: 0.5s;    z-index: 999; }
/* Send Enquire */
.enquiry{position: fixed;z-index: 999;bottom: 235px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{     background-image: linear-gradient(to right, #2b2599, #2b2599); line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover{ color:#fff; background: #23574a;}
.enquiry strong:hover{ color:#000; background: #eee;}
div#exampleModal .modal-dialog{width: 100% !important;}
/* 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: 17px !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;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.modal-header {    padding: 0 15px !important;    color: #fff;   background-image: linear-gradient(to right, #2b2599, #2b2599);    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;}
.modal_btn:hover,.modal_btn:focus{background: #2b2599; color: #fff;}
.form-group textarea {height: 100px !important;}
span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 10px;}
.about_content p {    color: #fff;    padding-bottom: 15px;}
.about_content h2,h3 {    color: #fff;}
.cover-product-this h3 {    color: #000;}
.st-a {    font-size: 25px;}
.anch {    color: #fff !important;    font-size: 29px;}
.im-fnt {    height: 431px;    width: 100%;    object-fit: contain;}
figure img {    height: 350px;    width: 100%;    object-fit: cover;}
.abput-page-customization h1, h2, h3, h4 {font-size: 22px;}
a.st-a {    background: #2b2599;    color: #fff; padding: 5px 0 5px 15px;}
a.lts { font-size: 18px; font-weight: 600; }
p.tlst{font-size: 20px; color: #fff; font-weight: 600;}
p.qwer { font-size: 24px; font-weight: 600;  font-family: 'Elsie Swash Caps', cursive; }
li.n91 a:hover {  color: #ffa106 !important;}

.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 30px;  width: 33%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:nth-child(3){background-color: #64b161;}
.mobile-three-item li:last-child {background-color: #ffa106;}
.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: 0px 0px 2px 1px white;    z-index: 1000;    background-image: linear-gradient(60deg,#000 0%,#2b73d8 100%);}
.marquee-line p {    color: #000 !important;    font-size: 20px;}
.more-product-link-show span {  font-size: 30px;}

.product-method-fulling span{background-color: #2b2599;     padding-bottom: 6px;}
.fulling-section  ul li {    line-height: 35px; border-bottom: 1px solid #e7e7e7;}
.fulling-section  ul {column-count: 3;}
a.rtsd {    color: #fff;    font-size: 24px;    font-weight: 600;}
.map iframe{width: 100%; height: 340px;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background:  rgb(43, 37, 153);;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.full-width-content > .row {  height: 180px;}
.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;}
span.text-theme-colored {    font-size: 30px;}
.related_content p {    margin-bottom: 15px;}
.content-side-product-details span {    font-size: 25px;    font-weight: 700;    display: block;    margin-bottom: 5px;}


.expandedContent ul {
    column-count: 2;
     padding-left: 28px;
}

.expandedContent ul li {
    list-style-type: circle;
}

.cover-product-this ul li {
    list-style-type: disc;
}

.cover-product-this ul {
    padding-left: 25px;
}