@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');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Roboto', sans-serif;}
a{font-size: 15px; font-family: 'Roboto', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif; color: #000; text-align: justify;}
.new p{color: #fff;    padding-right: 73px;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif;}
img {    max-width: 100%;    height: auto;    transition-delay: .1s;    transition-timing-function: ease-in-out;    transition-duration: .7s;    transition-property: all;}
input{outline: none; font-family: 'Playfair Display', serif;}
textarea{outline: none;font-family: 'Playfair Display', serif;}
/*Css*/
header{background-color: #fff; position: relative;}
header::after{content: '';    position: absolute;    left: 0;    right: 0;    bottom: -28px;    height: 29px;    z-index: -1;    background: url(images/nav-pattern.png) repeat top;}
.mail-information li .media > i {padding: 5px;  color: #fff;  height: 30px;    width: 30px;    text-align: center;    display: flex;    vertical-align: middle;    justify-content: center;    align-items: center; background-image: linear-gradient(to right, #0364a0 , #2c9d9e);}
li.color-mode {    color: #9d9d9d;}
i.fa-facebook {    background: #4267b2; border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}
i.fa-twitter {    background: #01b6e5; border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}
i.fa-linkedin {    background: #0a66c2; border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}
i.fa-pinterest-p {    background: #e60023; border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}
i.fa-youtube-play {    background: #ff0000; border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}
i.fa-instagram {   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);  border-radius: 50px;   width: 30px;    height: 30px;    text-align: center;    vertical-align: middle;    justify-content: center;    align-items: center;    display: flex; transition: 0.5s;}


i.fa-facebook:hover{  transform: rotateY(360deg);}
i.fa-twitter:hover{  transform: rotateY(360deg);}
i.fa-linkedin:hover{  transform: rotateY(360deg);}
i.fa-pinterest-p:hover{  transform: rotateY(360deg);}
i.fa-youtube-play:hover{  transform: rotateY(360deg);}
i.fa-instagram:hover{  transform: rotateY(360deg);}
.logo_here {    margin-top: -1px;}
.navigation_side{     background-image: linear-gradient(to right, #096ca0e0 , #24929ee3); height: 60px; position: relative; margin-top: 32px; position: relative; left: 45px;}
.carousel {    position: relative;  z-index: -9; bottom: 92px;}

.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: #fff;
    text-transform: uppercase;
    padding: 16px 7px;
    position: relative;
    z-index: 1;
    margin-left: 0px;
}
.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-image: linear-gradient(to right, #086ba0de , #25939feb);position: absolute;border: none;top: 80px;/* overflow-x: inherit; */left: 0;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;width: 320px;overflow-y: scroll;;padding-bottom: 15px;height: 400px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{background: url(images/right.png)no-repeat;  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;}
.button-effect a {     background-color: #de871b;   padding: 12px 25px 12px 25px;    border-radius: 50px;    position: relative;    top: 7px;}


.web-head {
   background-image: linear-gradient(to right, #0364a0 , #2c9d9e);
    overflow-y: scroll;
    height: 334px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
ul.site_links li a i {
    margin-right: 10px;
    color: black;
}
ul.site_links {
    column-count: 3;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #7c88cb;
    padding-top: 10px;
    text-align: left;
}
ul.site_links li a {
    color: slateblue;
}
.web-head ul li a {
    font-size: 14px;
    color: #333;
}
ul.site_links li a {
    color: white;
    margin-left: 13px;
    font-size: 14px;
}
p.websites.text-center {
    font-size: 26px!important;
    font-weight: 600;
   background: white;
    width: 24%;
    margin: 0px auto;
    padding: 10px
}
.list-kidz {
    display: inline;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: white black;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 20px;
  border: 3px solid black;
}


/*About*/
.about-style1-area{    position: relative;    display: block;    background: #f3f3f4;    padding: 120px 0 90px;}
.about-style1_image-box{    position: relative;    display: block;  width: 100%;}
.about-style1_image-box .shape{    position: absolute;    top: -40px;  }
.about-style1_image-box .image-box{    position: relative;    display: block;    float: left;}
.about-style1_image-box .image-box.right{    margin-left: 30px; height: 0px;}
.about-style1_image-box .image-box .single-box{    position: relative;    display: block;    padding-bottom: 30px;}
.about-style1_image-box .image-box .single-box .inner{    position: relative;    display: block;    overflow: hidden;    border-radius: 7px;}
.about-style1_image-box .image-box .single-box .inner::before {    position: absolute;    top: 50%;    left: 50%;    display: block;    content: '';    width: 0;    height: 0;    background: rgba(255, 255, 255, .2);    border-radius: 50%;    -webkit-transform: translate(-100%, -100%);    transform: translate(-100%, -100%);    opacity: 0;    z-index: 10;}
.about-style1_image-box .image-box .single-box:hover .inner::before{    -webkit-animation: circle .95s;    animation: circle .95s;    }
.about-style1_image-box .image-box .single-box .inner img{    width: 100%; }
.about-style1_image-box .image-box .single-box:hover .inner img {   filter: grayscale(0%);}
.about-style1_image-box .image-box .image-box2{padding-right: 100px;  position: relative; bottom: 495px;  left: 200px;}
.about-style1_image-box .inner-caption { position: absolute;    top: 100px;    right: -25px;    transform: rotate(90deg);    transform-origin: right;    margin: 196px 0 0;}
.about-style1_image-box .inner-caption span{    color: #1f2026 ;   font-size: 25px;}
.xoven-video-galler-1{    position: relative;    display: block;    width: 105px;    height: 105px;    background: var(--thm-base);    border-radius: 8px;    color: var(--thm-black);    font-size: 40px;    line-height: 100px;    text-align: center;    transition: all 200ms linear;    transition-delay: 0.1s;}
.xoven-video-galler-1:hover{    color: #ffffff;}
.xoven-video-galler-1 span:before {    position: relative;    display: inline-block;    line-height: 105px;}
.about-style1_content-box{    position: relative;    display: block;  padding-top: 0; padding-left: 35px;}
.about-style1_content-box h2{ font-size: 25px;  line-height: 27px;  font-weight: 700;  margin: 10px 0 17px;}
.about-style1_content-box h3{    font-size: 18px;    line-height: 28px;    font-weight: 500;    margin: 0 0 37px;}
.about-style1_content-box .text{    position: relative;    display: block;}
.about-style1_bottom-box{    position: relative;    display: flex;   align-items: center;    padding-top: 46px;}
.about-style1-user-box{    position: relative;    display: flex;}
.about-style1-user-box .single-box{    position: relative;    display: block;    width: 50px;    height: 50px;    overflow: hidden;    border-radius: 50%;   }
.about-style1-user-box .single-box.two {    margin-left: -35px;}
h3.ml12 p {    line-height: 21px;    font-weight: 400;}
.marign-center-auto p {    padding-left: 35px;    padding-right: 35px;}
.marign-center-auto{margin: 0px auto;}
.about-style1-user-box .single-box.three {    margin-left: -35px;}
.about-style1-user-box .single-box.four {    margin-left: -35px;}
.about-style1-user-box .single-box.five {    margin-left: -35px;}
.about-style1-user-box .single-box img{    width: 100%;    border-radius: 50%;}
.about-style1_user-name{    position: relative;    display: block;    padding-left: 20px;}
.about-style1_user-name h3{    font-size: 18px;    line-height: 20px;    margin: 0 0 8px;}
.video-about-us video{width: 100%; height: 350px;}
.about-style1_user-name p{    color: #777777;    font-size: 14px;    line-height: 16px;    font-weight: 700;    text-transform: uppercase;    margin: 0;    font-family: var(--thm-oswald-font);}
.about-style2-area{ padding-top: 50px;   position: relative;    display: block; background: url(images/sky.png); background-attachment: fixed; }
.zoom-fade{    animation-name: zoom-fade;     animation-duration: 5s;     animation-iteration-count: infinite;    animation-timing-function: linear;		-webkit-animation-name: zoom-fade;     -webkit-animation-duration: 5s;     -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;		-moz-animation-name: zoom-fade;     -moz-animation-duration: 5s;     -moz-animation-iteration-count: infinite;    -moz-animation-timing-function: linear;		-ms-animation-name: zoom-fade;     -ms-animation-duration: 5s;     -ms-animation-iteration-count: infinite;    -ms-animation-timing-function: linear;		-o-animation-name: zoom-fade;     -o-animation-duration: 5s;     -o-animation-iteration-count: infinite;    -o-animation-timing-function: linear;}
@-webkit-keyframes zoom-fade {
0% {  -webkit-transform: scale(0.9);    transform: scale(0.9);  }
50% { -webkit-transform: scale(1); transform: scale(1);}
100% { -webkit-transform: scale(0.9); transform: scale(0.9);}
}
@keyframes zoom-fade {
0% {    -webkit-transform: scale(0.9);    transform: scale(0.9);  }
50% {    -webkit-transform: scale(1);    transform: scale(1);  }
100% { -webkit-transform: scale(0.9);    transform: scale(0.9);}
}
.single-box.image-box3 {    position: relative;    bottom: 512px;}

.ml10 {  position: relative; font-size: 30px; }
.ml10 .text-wrapper {  position: relative;  display: inline-block;  padding-top: 0.2em;  padding-right: 0.05em;  padding-bottom: 0.1em;  overflow: hidden;}
.ml10 .letter {  display: inline-block;  line-height: 1em;  transform-origin: 0 0;      font-family: 'Playfair Display', serif; color: #2c9d9e;}

.ml11 {  position: relative;  font-size: 4em; }
.ml11 .text-wrapper {  position: relative;  display: inline-block;  padding-top: 0.2em;  padding-right: 0.05em;  padding-bottom: 0.1em;  overflow: hidden;}
.ml11 .letter {  display: inline-block;  line-height: 1em;  transform-origin: 0 0;     font-family: 'Playfair Display', serif; color: #fff; font-size:53px;}

.ml12 {  position: relative;font-size: 4em; }
.ml12 .text-wrapper {  position: relative;  display: inline-block;  padding-top: 0.2em;  padding-right: 0.05em;  padding-bottom: 0.1em;  overflow: hidden; font-size: 54px;}
.ml12 .letter {  display: inline-block;  line-height: 1em;  transform-origin: 0 0;     font-family: 'Playfair Display', serif; color: #dc3672;}

.ml13 {  position: relative; font-size: 4em; }
.ml13 .text-wrapper {  position: relative;  display: inline-block;  padding-top: 0.2em;  padding-right: 0.05em;  padding-bottom: 0.1em;  overflow: hidden;}
.ml13 .letter {  display: inline-block;  line-height: 1em;  transform-origin: 0 0;  font-family: 'Amatic SC', cursive; color: #dc3672;}

/* .ml14 {  position: relative;  font-size: 4em; } */
.ml14 .text-wrapper {  position: relative;  display: inline-block;  padding-top: 0.2em;  padding-right: 0.05em;  padding-bottom: 0.1em;  overflow: hidden;}
.ml14 .letter {  display: inline-block;  line-height: 1em;  transform-origin: 0 0;  font-family: 'Amatic SC', cursive; color: #dc3672;}

.sub-title h3{color: #9020a7;}
.about-btn {    margin-top: 32px; position: relative;}
.about-btn::after {    position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: 96px;    bottom: -10px;}
.about-btn::before {position: absolute; content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: 25px;    bottom: 31px;}
.about-btn a{background-image: linear-gradient(to right, #2c9d9e , #0364a0); font-family: 'Amatic SC', cursive; font-size: 20px; border-radius: 50px; transition: 0.5s;}
.about-btn a:hover{background-image: linear-gradient(to right, #0364a0 , #2c9d9e);  -webkit-box-shadow: 0 9px 20px 0 rgb(3 100 160); box-shadow: 0 9px 20px 0 rgb(3 100 160);}
.our-process-steps{ padding: 50px 0px 60px 0;     background-image: linear-gradient(to right, #2c9d9e , #0364a0); position: relative;    overflow: hidden;    margin-top: 60px;}
.our-process-steps .strip:not(.whitened) {  transform: skewY(-24.5deg);}
.our-process-steps .strip {    width: 200%;  height: 100%;    z-index: 0;    position: absolute;    top: 0;    right: 0;    left: 0;    bottom: 0;}
.our-process-steps > .strip{background-image: linear-gradient(45deg, #05669f, #299393); overflow: hidden;}
.svg-icons img:first-child {    position: absolute;    right: 0;    bottom: 0;}
.svg-icons img:nth-child(2) {    position: absolute;    left: 0;    top: 0;}
.svg-icons img:nth-child(3) {  position: absolute; left: 0px; bottom: 0;}
.svg-icons img:nth-child(4) {    position: absolute;    right: 0;    top: 0;}
.heading_part p { width: 85%;   background: #333;    border-radius: 50px; margin: 0px auto; transition: 0.5s; font-size: 22px;}
.heading_part p:hover {background-color: #fff; color: #333 !important;}
.for-img{width: 85px; height: 85px; border-radius: 100px; margin: 0px auto;}
.grid {	position: relative;	margin: 0 auto;	list-style: none;	text-align: center;}
.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	width: 100%; text-align: center;	cursor: pointer;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;}
.grid figure figcaption {	padding: 2em;	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-layla figcaption {padding: 3em;}
figure.effect-layla figcaption::before,figure.effect-layla figcaption::after {	position: absolute;	content: '';	opacity: 0;}
figure.effect-layla figcaption::before {	top: 50px;	right: 30px;	bottom: 50px;	left: 30px;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);	transform: scale(0,1);	-webkit-transform-origin: 0 0;	transform-origin: 0 0;}
figure.effect-layla figcaption::after {	top: 30px;	right: 50px;	bottom: 30px;	left: 50px;	border-right: 1px solid #fff;	border-left: 1px solid #fff;	-webkit-transform: scale(1,0);	transform: scale(1,0);	-webkit-transform-origin: 100% 0;	transform-origin: 100% 0;}
figure.effect-layla img,figure.effect-layla h2 {	-webkit-transform: translate3d(0,-30px,0);	transform: translate3d(0,-30px,0);}
figure.effect-layla img,figure.effect-layla figcaption::before,figure.effect-layla figcaption::after,figure.effect-layla p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img {	opacity: 0.7;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,figure.effect-layla:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-layla:hover h2,figure.effect-layla:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}

.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: -230px;    color: #fff;    right: 7%;    width: 100px;    height: 45px;}
.owl-buttons .owl-next,	.owl-prev{	width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;	left: 55px;background-image: linear-gradient(to right, #0364a0 , #2c9d9e); border-radius: 50px;}
.owl-next {right:0; }
.owl-prev{ left:0px;  border-radius: 50px;}
.owl-next:hover {       color: #16639f !important;    }
.owl-prev:hover {    color: #16639f !important;    }
.owl-prev:before {    content: url(images/left.png);    position: absolute;    top: 12px;    left: 8px}
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}
.owl-next:after {    content: url(images/right.png);    position: absolute;    top: -6px;    color: #fff;    left: 10px;}
.owl-prev.active {background: #ffbd1f;}
.color-full .title {    margin: 0px auto;}
#list-industry .item{background: #9722a3 url(images/bg.png); text-align: center;    transition: all 0.3s ease-out;    background-color: #9238a4;    border-radius: 50px;    padding: 40px 60px 70px;    position: relative;    z-index: 0; min-height: 375px !important;}
/*#list-industry .item::after{    content: "";    position: absolute;    left: 5%;    transform: skewY( 4deg);    top: 13px;    background-color: transparent;    width: 305px;    height: 340px;    border: 2px solid #000;    border-radius: 50px;}*/
#list-industry .item span{ font-size: 25px; font-family: 'Roboto', sans-serif;}
.circle-img {    width: 80px;    height: 80px;    margin: 0px auto;    border-radius: 50px;    background: #fff;}
.for-button{position: relative;}
.for-button::after{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: -175px;    top: -57px;}
.for-button::before{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: -155px;    top: -23px;}

.for-button-1{position: relative;}
.for-button-1::after{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: -118px;    top: -57px;}
.for-button-1::before{    position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: -98px;    top: -23px;}
.color-full{background: url(images/happykiddo_header-logo-center-bg.png) repeat; background-attachment: fixed; }
.our-products{background: url(images/02.png); position: relative; padding-bottom: 150px; padding-top: 50px;}
.clip{position: absolute;}
.product-btn a{background-image: linear-gradient(to right, #2c9d9e , #0364a0);    font-family: 'Amatic SC', cursive;    font-size: 20px;    border-radius: 50px;    transition: 0.5s;}
.product-btn a:hover{background-image: linear-gradient(to right, #0364a0 , #2c9d9e); -webkit-box-shadow: 0 9px 20px 0 rgb(3 100 160); box-shadow: 0 9px 20px 0 rgb(3 100 160);}
.product-btn{position: relative; margin-top: 32px;}
.product-btn::after {    position: absolute;    content: '';   width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 29px;    bottom: 31px;}
.product-btn::before {  position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 140px;    bottom: -9px;}
.kidzlet-name{ background: #000; position: relative; background-position: 50% 50%;}
/* .kidzlet-name p {	text-transform: uppercase;	letter-spacing: .5em;	display: inline-block;	border: 4px double rgba(255,255,255,.25);	border-width: 4px 0;	padding: 1.5em 0em;	position: absolute;	top: 18%;	left: 50%;	width: 40em;	margin: 0 0 0 -20em;} */
/* .kidzlet-name p span {	font: 700 5em/1 'Montserrat', sans-serif;	letter-spacing: 50;	padding: .25em 0 .325em;	display: block;	margin: 0 auto;	text-shadow: 0 0 80px rgba(255,255,255,.5);	background: url(images/texture.jpg) repeat-y; -webkit-background-clip: text; -webkit-text-fill-color: transparent;	-webkit-animation: aitf 10s linear infinite; -webkit-transform: translate3d(0,0,0);	-webkit-backface-visibility: hidden;}
@-webkit-keyframes aitf {
0% { background-position: -200% 50%; }
100% { background-position: 250% 50%; }
0% { background-position: -100% 50%; }
} */
#toTop {position: fixed;    bottom: 50px;    right: 25px;    cursor: pointer;    transition: .5s;    z-index: 99999;}
.client_text{position: relative;}
.client_text::after{position: absolute; width: 800px;    height: 350px;       background-image: linear-gradient(to right, #299393 , #0465a0); content: '';    bottom: 0px;    top: 55px;    left: -146px;    z-index: -9;  border-radius: 10px;}
div#testimonials .item {    margin-top: 57px;}
div#testimonials .owl-buttons{ top: -263px; right: 0;}
a.logo_footer {    font-size: 50px;    font-weight: 900;    color: #0465a0; font-family: 'Amatic SC', cursive;}

.client-for-button{position: relative;}
.client-for-button::after{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: 88%;    top: -247px;}
.client-for-button::before{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #FFF;    border-radius: 50px;    left: 85%;    top: -282px;}


.client-for-button-1::after{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: 95%;    top: 35px;}
.client-for-button-1::before{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #fff;    border-radius: 50px;    left: 92%;    top: 0px;}
.testimonials-section {    position: relative; background: url(images/product_bg.png); background-attachment: fixed;}
.social-media_footer{position: relative;}
.list-inline-item:not(:last-child) {    margin-right: 0.3rem !important;}
/*.social-media_footer img {    -webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #0008);}*/
.center-form input{height: 40px; border-radius: 50px; padding-left: 15px; outline: none; font-size: 14px; font-family: 'Roboto', sans-serif; }
.center-form textarea{height: 100px; border-radius: 50px; padding-left: 25px; padding-top: 10px; outline: none; font-size: 14px;resize: none; font-family: 'Roboto', sans-serif;}
.home-input button{     border-radius: 50px;    line-height: 40px;    outline: none;    background-color: #de871b;    font-size: 20px;    cursor: pointer;    font-family: 'Roboto', sans-serif;}
.center-form{ background-image: linear-gradient(to right, #2c9d9e , #0364a0); border-radius: 50px;}
.center-form span{ font-size: 30px; font-family: 'Playfair Display', serif;}
.map iframe{clip-path: circle(50% at 50% 50%); width: 100%; height: 300px;}
.map span {     font-size: 30px; font-weight: 900; color: #0364a0; font-family: 'Playfair Display', serif;}
.center-form {    padding-bottom: 30px !important;}
img.position_touch { position: relative;    bottom: 25px;    left: -30px;    width: 88%;}

.widget li{background: url(images/right.png) no-repeat;     padding-left: 25px;  line-height: 30px;     background-position: 0% 50%;}

footer{    background-image: linear-gradient(to right, #0364a0 , #2c9d9e);}
.widget-gallery li{width: 25%; float: left;}
.widget-gallery li{background: inherit !important;     padding: 0;}
.widget-gallery li .box img {    height: 100px;    width: 100%; }
.copy-common span{font-family: 'Playfair Display', serif;}
.copy-common li{background: url(images/right-footer.png) no-repeat;     padding-left: 22px;  line-height: 12px; background-position: 0% 50%;}
/*.copy-common ul {    column-count: 2;}*/
.copy-common ul li a{transition: 0.5s;}
.copy-common ul li a:hover{padding-left: 5px;  color: #0364a0 !important;}
.copy-right{background: #f7f7f7 url(images/bg-footer.gif)no-repeat; background-position: bottom;}
/*.clip::after{position: absolute; content: ''; width: 100%; height: 300px; background: url(images/product-clip.png)no-repeat;}*/
.text-content a{font-size: 18px; color: #0566a0; background: url(images/tab-course.png)no-repeat;  background-size: cover;    background-position: center;   height: 45px;       display: block; line-height: 42px;    border-radius: 100px;     padding: 3px;}
#owl-demo .owl-buttons{right: 45%; top: 255px;}


.product-for-button{position: relative;}
.product-for-button::after{    position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 52%;    top: 103px;}
.product-for-button::before{position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 49%;    top: 71px;}

.product-for-button-1{position: relative;}
.product-for-button-1::after{    position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 44%;    top: 103px;}
.product-for-button-1::before{    position: absolute;    content: '';    width: 10px;    height: 10px;    background-color: #f3f0ea;    border-radius: 50px;    left: 42%;    top: 69px;}
.whats-app-icon img {    position: fixed;    bottom: 50px;    left: 50px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}

.breadcumb{ background: url(images/breadcumb.png); padding: 100px 0 110px 0; background-size: cover;    background-attachment: fixed; }
.breadcumb h1 {    font-size: 50px;}
.braedcumb-maledy{position: relative;}

.braedcumb-maledy::after{content: '';    position: absolute;    left: 0;    right: 0;    bottom: -28px;    height: 29px;    background: url(images/nav-pattern.png) repeat top;    top: -100px;}
.white-wrap span {     font-family: 'Roboto', sans-serif;  font-size: 33px;}
.white-wrap button {    width: 100%;    border-radius: 50px;    border: 0px;   outline: none;    background-color: #de871b;    font-size: 18px;    cursor: pointer !important;    font-weight: bold;     font-family: 'Roboto', sans-serif;}
.white-wrap button:hover {  background-color: #de871b;}
.form-side-inner input::-webkit-input-placeholder {  color: #000; font-weight: bold;}
.form-side-inner input::-ms-input-placeholder {  color: #000; font-weight: bold;}
.form-side-inner input::placeholder {  color: #000; font-weight: bold;}

.form-side-inner textarea::-webkit-input-placeholder {  color: #000; font-weight: bold;}
.form-side-inner textarea::-ms-input-placeholder {  color: #000; font-weight: bold;}
.form-side-inner textarea::placeholder {  color: #000; font-weight: bold;}
.white-wrap{background-image: linear-gradient(to right, #0364a0 , #2c9d9e); position: relative;  padding-top: 30px !important;}
.white-wrap::after{content: '';  position: absolute;    left: 0;    right: 0;    bottom: -28px;    height: 29px;    background: url(images/nav-pattern.png) repeat top;    top: 0px;}


.our-products-page{background: url(images/02.png);    position: relative;   padding: 50px 0px;     background-size: cover;}
.page-product{background: url(images/tab-course-product.png)no-repeat ;    background-size: cover;    background-position: center;    height: 45px;    display: block;    line-height: 42px;    border-radius: 50px;}
.page-product a{font-size: 18px; }
ol {    color: #777;line-height: 26px;}
.details-product h3 {    margin-bottom: 10px;}
.zoom-effect img {    margin-bottom: 17px; height: 500px;}
.cover-product {padding-left: 0px; width: 100%; min-height: 250px;    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: 26px;    color: #000;}
.products-fill { border-right: 1px solid #ccc;}
.listing-product h2 {font-size: 25px;}
.listing-product li{font-size: 18px; padding-left: 28px;    background-position: 0 58%;    line-height: 38px;}

.color-site {    background: #673AB7;}
.skin-color {    background: #e15689 ;}
.black-color {    background: #de871b;}

.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {  background: #de871b; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {color: #fff; background: #0364a0; display: block;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.or-pre {padding-bottom: 20px; font-size: 35px;	color: #fff; margin: 0px; padding-top: 10px; padding: 0px; font-weight: 600; font-family: 'Amatic SC', cursive;}
.contact-map iframe {    width: 100%;    height: 450px;}
.contact-style-1 .border-1 {    border: 1px solid #eee;}
.contact-style-1 span{font-size: 20px;   line-height: 35px;}
.icon-bx-xs i {    font-size: 20px;}
.contact-area h3 {    font-size: 25px;}
.icon-content {    overflow: hidden;}
.icon-bx-wraper .dlab-tilte { color: #777;   margin-top: 0;}
.icon-content span {    font-size: 18px;    font-weight: 600;}
.dlab-social-icon i{font-size: 20px; color: #164c83;}
.radius-sm h4 {   font-size: 25px;}
.form-group input{border-radius: 0px;     font-family: 'Roboto', sans-serif;}
.form-group input:focus{outline: none; box-shadow: none;}
.form-group textarea:focus{outline: none; box-shadow: none;}
.form-group textarea{border-radius: 0px; resize: none;}
.bg-gray {    background-color: #f7f9fb;}
.contact-submit button { border: none;  width: 100%;     background-image: linear-gradient(to right, #0364a0 , #2c9d9e); color: #fff; outline: none; cursor: pointer;}
.text-white p {    color: #fff;}
.cover-product-this ul li {    list-style: disc;    margin-left: 20px;    color: #000;    line-height: 26px;}
.about-para p {    padding-bottom: 15px;    line-height: 25px;}
div#owl-demo img {    border-radius: 15px;    margin-bottom: 15px;}
.about-page-custom h3 {    font-size: 25px;    font-weight: bold;    margin-bottom: 0;    padding-top: 15px;    padding-bottom: 15px;}
div#inner-form input, textarea { font-family: 'Roboto', sans-serif !important;}
.pro-box img {    margin-bottom: 18px;}
.cover-product-this h2 {    padding-top: 12px; font-size: 25px !important; padding-bottom: 12px;}
.cover-product-this h3 {    padding-top: 12px;  font-size: 25px !important; padding-bottom: 12px;}
.cover-product-this h4 {    padding-top: 12px;  font-size: 25px !important; padding-bottom: 12px;}
.cover-product-this h5 {    padding-top: 12px;  font-size: 25px !important; padding-bottom: 12px;}
.cover-product-this h6 {    padding-top: 12px;  font-size: 25px !important; padding-bottom: 12px;}
div#inner-form input::-webkit-input-placeholder {  color: #777; font-weight: 400 !important;}
div#inner-form input::-moz-placeholder { color: #777; font-weight: 400 !important;}
div#inner-form input:-ms-input-placeholder { color: #777; font-weight: 400 !important;}
div#inner-form input:-moz-placeholder {color: #777; font-weight: 400 !important;}
div#inner-form textarea::-webkit-input-placeholder {  color: #777; font-weight: 400 !important;}
div#inner-form textarea::-moz-placeholder { color: #777; font-weight: 400 !important;}
div#inner-form textarea:-ms-input-placeholder { color: #777; font-weight: 400 !important;}
div#inner-form textarea:-moz-placeholder {color: #777; font-weight: 400 !important;}
div#contact-form input{font-family: 'Roboto', sans-serif !important;}
div#contact-form textarea{font-family: 'Roboto', sans-serif !important;}
.promotion-page-para p {    padding-bottom: 15px;}
span.about-text {   font-size: 20px;  color: #0364a0;}
.testimonials-section .sub-title span {     color: #0364a0;
    font-size: 20px;
    line-height: 0;}
p.logic2 {    font-size: 35px;    margin: 0px;    padding: 0px;    font-weight: 600;   }
span.letters {font-family: 'Playfair Display', serif;    display: inline-block;    line-height: 1em;    font-size:25px;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 120px;    color:white;    background-color:#03a84e;   animation: topBottom 4s infinite; left: 57px;    background-color: #0000ff;    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce{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)}
}


/* Send Enquire */

.enquiry{position: fixed;z-index: 1000;bottom: 140px;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, #9020a7 , #dc3672); 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: #ed1c24;}

.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, #0364a0 , #2c9d9e);   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: #6919bf; color: #fff;}

.form-group textarea {height: 100px !important;}

button.close {    position: relative;  }
span#exampleModalLabel { font-size: 20px;   width: 100%;    text-align: center; margin-top: 7px;}

.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 30px;  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: #ec0e6a;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;  display: none;   position: fixed;    z-index: 999;  bottom: 0; width: 100%;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 126px;    color:white;    background-color:#03a84e;   animation: topBottom 4s infinite;    z-index: 11111;    left: 52px;    background-color: #0000ff;    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce{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)}
}

.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%);}
.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: 45px;    width: 20px;    background-color: rgba(255,255,255,0.2);}
@keyframes pulse{from {left: -30px;}
to {left:90px;}
}

.color-full .title{font-size: 25px; font-family: 'Roboto', sans-serif;}
.blog-wrap p {    color: #fff;    font-size: 15px;}
p.nm-title {    font-size: 18px;    margin-bottom: 12px;    font-style: italic;}
.blog-wrap p {    color: #fff;}
.cover-full {    background: #fff;    padding: 20px;}
.for_content p {   margin-bottom: 15px;}
.pro-name {    font-weight: 500;    color: #000;    font-size: 20px;}
.content-side-product-details span {    font-size: 22px;    font-weight: 800;    display: block;    margin-bottom: 10px;}
.expandedContent ul {      padding-left: 20px;}
.expandedContent ul li {    list-style-type: disc;}
 #blog-articles {    height: auto;    overflow: hidden;    width: 100%;   margin-left: 0%;    position: relative;    z-index: 10;}
 #blog-articles article:nth-child(odd) {    clear: left;}
 #blog-articles article {    width: 44%;    margin: 0 0 2% 2%;    float: left;    height: auto;    overflow: hidden;
    position: relative;    padding: 2%;    opacity: 1;    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;}

 #blog-articles article a.panel-link {    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;
    display: block;    text-indent: -2000em;    border: 1px solid #ccc;    border-radius: 4px;    z-index: 25;}
 #blog-articles article a.panel-link+h2, #blog-listing #blog-articles article a.panel-link+h2+img, #blog-listing #blog-articles article a.panel-link+h2+img+p {    opacity: 1;    -webkit-transition: opacity 0.25s ease-in-out;    transition: opacity 0.25s ease-in-out;}
 #blog-articles article h2 {    font-size: 1.3em;    line-height: 1.4em;    color: #00447f;    text-align: center;}
 #blog-articles article img.blog-image {    float: right;    width: 42%;   margin-left: 2%;    height: 300px;    border: 5px solid #fff;    -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);    margin-bottom: 17px;    object-fit: contain;}
 #blog-articles article p {    margin-bottom: 70px;}
 #blog-articles article .share-article {    position: absolute;    left: 4%;    bottom: 0%;    z-index: 30;}
.loading-resources {    position: absolute;    bottom: 20px;    left: 50%;    display: none;    z-index: 100;    margin-left: -90px;}
span.read-more.blog_btn {    color: #423761;    font-weight: 700;    font-size: 17px;     position: relative;    bottom: 67px;}
.widget ul li {    line-height: 25px;}
.widget ul li a{color: #343a40;}
.lelf_menu {    float: left;    width: 100%;    margin: 0 0 20px;    padding: 0;    background: #eee;}
.lelf_menu p {    background-image: linear-gradient(to right, #0364a0 , #2c9d9e);    margin-top: 25px;    padding: 6px 6px;    color: #fff;    font-size: 20px;    text-transform: uppercase;    border-top-left-radius: 16px;    border-top-right-radius: 16px;    text-align: center;}
.open-title {    float: left;    width: 100%;    padding: 0;    margin: 0;    line-height: 24px;    background: #423f3f;    font-size: 14px !important;    border-bottom: 1px solid #605e5e;}
.open-title ul li {    text-transform: capitalize;    padding: 0px 15px;    display: block;    color: #141414;    margin-top: 6px;    font-size: 16px;    font-weight: 600;}
.open-title ul {    float: left;    width: 100%;    margin: 0;    padding: 0;    background: #eee;}
.open-title ul li a {    border-bottom: 1px dashed #CCC;    list-style-type: none;    line-height: 10px;    color: black;    position: relative;    font-size: 15px;    font-weight: 500;    padding: 5px;}
.open-title {    height: 385px!important;    overflow-y: scroll;}
.left-list li a {    display: block;    font-weight: bold;    color: #000;    text-align: left;    font-size: 12px;    padding: 4px 15px;    text-decoration: none;    text-transform: uppercase;    line-height: 24px;}
.left-list li a:hover {    background: #23125e;    color: #fff;}
.left-list li a i {    float: right;    line-height: 24px;}
.left-list li ul.submenu-list {    display: none;    transition: all 2s;    position: absolute;    left: 98%;    top: 0px;    z-index: 200;    background: #fff;    width: 180px;    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.left-list li:hover .submenu-list {    display: block;    transition: all 2s;}
a.orange{    background-image: linear-gradient(to right, #0364a0 , #2c9d9e); border:none !important;}
.social-media_footer ul li {    background: inherit; padding-left: 0px !important;}
.icons-more{background-image: linear-gradient(to right, #096ca0e0 , #24929ee3);}
.icons-items ul {    display: flex;    justify-content: space-between;}
.icons-items ul li i {    display: block;    text-align: center;    font-size: 45px;}
.icons-items ul li {    font-size: 20px;}

.border-design p {   color: #fff;}
.border-design ul li {color: #fff; line-height: 30px;  list-style-type: circle;}
.border-design small {    font-size: 18px;     font-family: 'Roboto', sans-serif;   color: #fff;    font-weight: 700;     margin-bottom: 10px;}
.border-design span {    font-size: 25px;    color: #fff;    font-weight: 700;    text-align: center;    display: block; margin-bottom: 15px;}
.border-design p {    margin-bottom: 15px;}
.border-design ul {    padding-left: 15px;}
.border-design {border: 1px solid #096ca0e0; padding: 15px; min-height: 420px}
.content-design {    margin-bottom: 30px; text-align: left;}
.related-products {    padding: 50px 0;}
h2.pt-section-title {    margin-bottom: 30px;}

.content-design small {    font-size: 20px;    font-weight: 700;    display: block;    margin-bottom: 10px;    margin-top: 10px;   font-family: 'Roboto', sans-serif; }
.text-full-right h2, .text-full-right h3, .text-full-right h4, .text-full-right h5 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 32px;
    margin-top: 11px;
}
.text-full-right ul {
    list-style: auto;
}


img.logo-black-and-white {
    filter: brightness(0.0) invert(1);
    margin-bottom: 20px;
}