@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://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('https://webclickindia.co.in/smtp/css/mail.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css');
@import url(css/animate.css);
@import url(css/ma5-menu.min.css);
@import url(css/responsive.css);
@import url(css/slick.css);
@import url(css/slick-theme.css);
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;     font-family: "Roboto", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 16px;   font-family: "Roboto", sans-serif;}
a{font-size: 16px;     font-family: "Roboto", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px;   font-family: "Roboto", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px;  font-family: "Roboto", sans-serif;}
input{font-family: "Roboto", sans-serif;}
textarea{font-family: "Roboto", sans-serif;}
button{font-family: "Roboto", sans-serif;}
input:focus{outline: none;}
textarea:focus{outline: none;}
button:focus{outline: none;}
/*Start*/
.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-size: 16px;    font-weight: 600;    color: #6f797e;    text-transform: capitalize;    padding: 0;    margin-left: 8px;    margin-right: 8px;}
.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: #CFCFCF; position: absolute;  border: none;  top: 80px;  left: 0;  width: 300px;  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: #000;   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: #ff6224; }
.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;}
.google-translate select {    border: 1px dashed #000;    font-weight: bold;    width: 100%;    padding: 3px;}
.google-translate select:focus {    outline: none;}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {    display: none !important;}
/*.main-banner {    padding-bottom: 700px;}*/
.item-swiper h2 {    font-size: 70px;}
.single-featured-services-box {    position: relative;    z-index: 1;    transition: .5s;    padding: 20px 25px;}
.single-featured-services-box:before {    content: "";    position: absolute;    left: 0;    top: 0;    background-color: #00446c;   width: 2px;    height: 100%;    transition: .5s;    z-index: -1;}
.single-featured-services-box h3 a {    color: #fff;}
.single-featured-services-box h3 a:hover {    text-decoration: underline;}
.single-featured-services-box h3 {    margin-bottom: 0;    color: #fff;    transition: .5s;    font-size: 23px;   font-weight: 700;}
.single-featured-services-box .icon {    margin-bottom: 5px;    color: #ff4800;    transition: .5s;}
.single-featured-services-box h3 a{    margin-bottom: 0;    color: #fff;    transition: .5s;    font-size: 23px;    font-weight: 700;}
.single-featured-services-box p {    color: #fff;    transition: .5s;    margin-top: 12px;    font-size: 16px;    margin-bottom: 0;}
.single-featured-services-box.active:before, .single-featured-services-box:hover:before{	width: 100%;}
.featured-services-area {    padding-top: 150px;}
.about-area {    position: relative;    z-index: 1;}
.about-image {    position: relative;}
.about-image img:nth-child(2) {    position: absolute;    right: 0;    bottom: 0;    border-radius: 0 10px 0 0;}
.about-content {   padding-left: 25px;}
.about-content h2 {    margin-bottom: 18px;    line-height: 1.3;    font-size: 25px;    font-weight: 700;    text-transform: capitalize;}
.about-content p {    margin-bottom: 13px;}
.about-content .btn {    margin-top: 15px;}
.about-content .features-list {    padding-left: 0;    list-style-type: none;    display: flex;    flex-wrap: wrap;   margin-bottom: 20px;    margin-right: -10px;    margin-left: -10px;}
.about-content .features-list li {    flex: 0 0 33.333333%;    max-width: 33.333333%;    padding-left: 10px;    padding-right: 10px;   padding-top: 13px;}
.about-content .features-list li span {    display: block;    position: relative;    color: #212529;    padding-left: 28px;    font-family: var(--font-dosis);    font-weight: 600;    font-size: 17px;}
.about-content .features-list li span i {    width: 20px;    display: inline-block;    height: 20px;    border-radius: 2px;    position: absolute;    left: 0;    top: 4px;   color: #fff;    line-height: 16px;    background-color: #ff4800;    text-align: center;    transition: .5s;}
.about-content .features-list li span i:before {    font-size: 10px;}
.about-content .features-list li span:hover i {    background-color: #4ac728;}
.about-inner-area {    margin-top: 60px;}
.about-text h3 {    margin-bottom: 0;    text-transform: capitalize;    font-size: 23px;    font-weight: 700;}
.about-text p {    margin-top: 13px;    margin-bottom: 0;}
.shape-img1 {    top: 50%;    transform: translateY(-50%);    left: 0;    opacity: .4;}
.shape-img1,.shape-img2 {    position: absolute;    z-index: -1;}
.shape-img2 {   left: 5%;    top: 5%;    animation-name: rotateMe;    animation-duration: 20s;    animation-iteration-count: infinite;    animation-timing-function: linear;}
.shape-img7 {    left: 0;    bottom: 0;    opacity: .2;}
.shape-img3,.shape-img7 {    position: absolute;    z-index: -1;    animation: rotate3d 4s linear infinite;}
.shape-img3 {    right: 0;    top: 0;    opacity: .1;}
.shape-img4 {    right: 40%;    bottom: 8%;    animation: animationFramesOne 20s linear infinite;}
.shape-img4,.shape-img5 {    position: absolute;    z-index: -1;}
.shape-img5 {    right: 5%;    top: 50%;    transform: translateY(-50%);    opacity: .7;    animation-name: rotateMe;    animation-duration: 20s;    animation-iteration-count: infinite;    animation-timing-function: linear;}
.shape-img6 {    position: absolute;    left: 2%;    bottom: 0;    z-index: -1;    opacity: .4;    animation: moveLeftBounce 5s linear infinite;}
.dot-shape1 {    top: 5%;    left: 50%;    animation: animationFramesTwo 40s linear infinite;}
.dot-shape1,.dot-shape2 {    position: absolute;    z-index: -1;    opacity: .5;}
.dot-shape2 {    left: 5%;    top: 45%;    animation: animationFramesTwo 30s linear infinite;}
.dot-shape4 {    right: 15%;    animation: rotate3d 4s linear infinite;}
.dot-shape4,.dot-shape5 {position: absolute;    top: 50%;    z-index: -1;}
.dot-shape5 {    left: 30%;    animation: animationFramesOne 20s linear infinite;}
.dot-shape6 {    position: absolute;    right: 45%;    bottom: 5%;    z-index: -1;   animation: rotate3d 4s linear infinite;}
@keyframes moveBounce {
0% {transform: translateY(0);}
50% {transform: translateY(20px);}
to {        transform: translateY(0);}
}
@keyframes rotateMe {
0% {transform: rotate(0deg);}
to {        transform: rotate(1turn);}
}
@keyframes rotate3d {
0% {transform: rotateY(0deg);}
to {transform: rotateY(1turn);}
}
@keyframes animationFramesOne {
0% {transform: translate(0) rotate(0deg);}
20% {transform: translate(-73px,1px) rotate(-36deg);}
40% {transform: translate(-141px,-72px) rotate(-72deg);}
60% {transform: translate(-83px,-122px) rotate(-108deg);}
80% {transform: translate(40px,-72px) rotate(-144deg);}
to {transform: translate(0) rotate(0deg);}
}
@keyframes moveLeftBounce {
0% {transform: translateX(0);}
50% {transform: translateX(20px);}
to {transform: translateX(0);}
}
@keyframes animationFramesTwo {
0% {transform: translate(0) rotate(0deg);}
20% {transform: translate(73px,-1px) rotate(36deg);}
40% {transform: translate(141px,72px) rotate(72deg);}
60% { transform: translate(83px,122px) rotate(108deg);}
80% {transform: translate(-40px,72px) rotate(144deg);}
to {transform: translate(0) rotate(0deg);}
}
a.about-btn { background: #00446c; padding: 10px 30px; border-radius: 50px;}
a.about-btn{transition: 0.5s;}
a.about-btn:hover{background-color: #15171a;}
.we-offer-professional-solutions {    padding-bottom: 90px;   position: relative;   z-index: 1;}
.single-services-box:hover {    transform: translateY(-10px);    box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05);}
.single-services-box {    background-color: #fff;    margin-bottom: 30px;    padding: 30px 25px;    transition: .5s;    position: relative;}
.single-services-box:before {    content: "";    height: 3px;    width: 20px;    position: absolute;    left: 0;    bottom: 0;    background-color: #00446c;    transition: .5s;}

.single-services-box h3 a{   margin-bottom: 0;    font-size: 23px;    font-weight: 700;}
.single-services-box h3 a:hover{	color: #00446c;}
.single-services-box p {        margin-top: 12px;    margin-bottom: 0;    text-align: justify;    font-size: 18px;}
.single-services-box:hover:before{	    width: 100%;    height: 4px;}
.single-services-box:hover .icon {    background-color: #00446c;    color: #fff;}



.single-services-box .icon {margin-bottom: 20px;background-color: #f0f5f7;border-radius: 5px;width: 75px;height: 75px;transition: .5s;text-align: center;color: #ff4800;}
.single-services-box h3 a {    color: #000;}
.icon img {    margin-top: 12px;}
.single-services-box .icon img{filter: brightness(0);}
.single-services-box:hover .icon img{filter: brightness(0.9);}
footer{    position: relative;    z-index: 1;    background-color: #cfcfcf;}
.circle-map {    position: absolute;    top: 35px;    right: 18%;    z-index: -1;}
.lines {left: 0;    right: 0;    margin: auto;    width: 90vw;    z-index: -1;}
.lines,.lines .line {    position: absolute;    top: 0;    height: 100%;}
.lines .line {    width: 1px;    left: 41%;    background: hsla(0,0%,100%,.1);    overflow: hidden;}
.lines .line:after {content: "";    display: block;    position: absolute;    height: 15vh;    width: 100%;    top: -50%;    left: 0;    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);    animation: run 7s 0s infinite;    animation-fill-mode: forwards;    animation-timing-function: cubic-bezier(.4,.26,0,.97);}
.lines .line:first-child {    margin-left: -13%;}
.lines .line:nth-child(2) {    margin-left: 6%;}
.lines .line:first-child:after {    animation-delay: 2s;}
.lines .line:nth-child(3) {    margin-left: 25%;}
.lines .line:nth-child(3):after {    animation-delay: 2.5s;}
@keyframes run {
0% {top: -50%;}
to {top: 110%;}
}
.single-footer-widget .logo p {    color: #fff; margin-top: 18px; margin-bottom: 0;}
.single-footer-widget p {color: #fff; font-size: 14px;}
ul.social-media-links li a{transition: 0.5s;     width: 35px;    height: 35px;    background-color: #212529;    display:block;    line-height: 35px;    border-radius: 50%;    color: #fff;    text-align: center;}
ul.social-media-links li a:hover{background-color: #00446c;}
.widget p {    text-align: justify;    line-height: 28px; font-size: 18px;}
.widget span{	    margin-bottom: 23px;    color: #fff;    position: relative;    padding-bottom: 6px;    font-size: 23px;    font-weight: 700;}
.widget span:after{ content: "";    position: absolute;    left: 0;    bottom: 0;   width: 40px;    height: 2px;    background: #00446c;}
.widget_design a{font-size: 18px; transition: 0.5s;}
.widget_design a:hover{color: #00446c !important;}
.widget_design li{    font-family: "Roboto", sans-serif; font-size: 18px;}
.copy-right{background-color: #cfcfcf;}
.copy-right .container{border-top: 1px dashed #f1f1f1;}
#toTop {position: fixed;    bottom: 20px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}
.single-blog-post {margin-bottom: 30px; background-color: #f4faff;}
.single-blog-post .entry-post-content {    padding: 15px;}
.blog-area {    position: relative;    z-index: 1;    padding-bottom: 80px;}
.blog-area .pagination-area {    margin-bottom: 30px;}
.single-blog-post {margin-bottom: 30px; background-color:#fff1eb;  min-height: 700px;}
.single-blog-post,.single-blog-post .entry-thumbnail a img {    transition: .5s;    border-radius: 5px;}
.single-blog-post .entry-post-content {    padding: 15px;}
.single-blog-post .entry-post-content .entry-meta {    margin-bottom: 6px;}
.single-blog-post .entry-post-content .entry-meta ul {    padding-left: 0;    margin-bottom: 0;    list-style-type: none;}
.single-blog-post .entry-post-content .entry-meta ul li { display: inline-block; position: relative; font-size: 16px; margin-right: 16px; color: #57647c; font-family: "Roboto", sans-serif;}
.single-blog-post .entry-post-content .entry-meta ul li:first-child{color: #000;}
.entry-meta ul li {    font-weight: 700;}

/*.single-blog-post .entry-post-content .entry-meta ul li:before {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: rotate(14deg) translateY(-50%);
    background: #57647c;
    width: 1px;
    height: 13px
}*/
.single-blog-post .entry-post-content .entry-meta ul li a {    display: inline-block;    color: #57647c;}
.single-blog-post .entry-post-content .entry-meta ul li a:hover {    color: #ff4800;}
.single-blog-post .entry-post-content .entry-meta ul li:last-child {    margin-right: 0;}
.single-blog-post .entry-post-content .entry-meta ul li:last-child:before {    display: none;}
.single-blog-post .entry-post-content h3 {    margin-bottom: 0;    line-height: 1.4;    text-transform: capitalize;    font-size: 23px;    font-weight: 700;    border-bottom: 1px dashed #ccc;    padding-bottom: 12px;}
.single-blog-post .entry-post-content h3 a{    margin-bottom: 0;    line-height: 1.4;    text-transform: capitalize;    font-size: 18px;    font-weight: 700;}
.single-blog-post .entry-post-content p {    margin-top: 10px;    margin-bottom: 0;    font-size: 18px;    text-align: justify;}
.single-blog-post .entry-post-content .learn-more-btn {    margin-top: 15px;}
.single-blog-post:hover {    box-shadow: 0 0 40px 3px rgba(0,0,0,.05);    transform: translateY(-5px);    background-color: #fff;}
.single-blog-post:hover .entry-thumbnail a img {  opacity: .7;}
.blog-details .article-content {    margin-top: 15px;}
.blog-details .article-content .entry-meta {    margin-bottom: 10px;}
.blog-details .article-content .entry-meta ul {    padding-left: 0;    margin-bottom: 0;    list-style-type: none;    font-family: var(--font-dosis);}
.blog-details .article-content .entry-meta ul li {    position: relative;    display: inline-block;    color: #212529;    margin-right: 25px;    font-size: 15px;}
.blog-details .article-content .entry-meta ul li span {    display: inline-block;    color: #212529;    font-weight: 600;    padding-right: 5px;}
.blog-details .article-content .entry-meta ul li a {    display: inline-block;    color: #57647c;}
.blog-details .article-content .entry-meta ul li a:hover {    color: #ff4800;}
.blog-details .article-content .entry-meta ul li i {    color: #ff4800;    margin-right: 2px;}
.blog-details .article-content .entry-meta ul li:before {    content: "";    position: absolute;    top: 11px;    right: -15px;    width: 6px;    height: 1px;    background: #ff4800;}
.blog-details .article-content .entry-meta ul li:last-child {    margin-right: 0;}
.blog-details .article-content .entry-meta ul li:last-child:before {    display: none;}
.blog-details .article-content h1 {    margin-bottom: 15px;   font-size: 30px;    font-weight: 700;}
.blog-details .article-content h2 {    margin-bottom: 15px;    font-size: 27px;    font-weight: 700;}
.blog-details .article-content h3 {   margin-bottom: 15px;    font-size: 24px;    font-weight: 700;}
.blog-details .article-content h4 {    margin-bottom: 15px;    font-size: 22px;    font-weight: 700;}
.blog-details .article-content h5 {    margin-bottom: 15px;    font-size: 20px;    font-weight: 700;}
.blog-details .article-content .wp-block-gallery.columns-3 {    padding-left: 0;    list-style-type: none;    display: flex;    flex-wrap: wrap;    margin: 25px -10px;}
.blog-details .article-content .wp-block-gallery.columns-3 li {    flex: 0 0 33.3333%;    max-width: 33.3333%;    padding-right: 10px;    padding-left: 10px;}
.blog-details .article-content .wp-block-gallery.columns-3 li figure {    margin-bottom: 0;}
.blog-details .article-footer {    display: flex;    flex-wrap: wrap;    padding-top: 15px;    padding-bottom: 15px;    border-top: 1px solid #eee;    border-bottom: 1px solid #eee;    margin-top: 30px;}
.blog-details .article-footer .article-tags {    flex: 0 0 50%;    max-width: 50%;}
.blog-details .article-footer .article-tags span {display: inline-block;color: #212529;font-size: 20px;margin-right: 10px;position: relative;top: 2px;}
.blog-details .article-footer .article-tags a { display: inline-block;color: #818181;margin-right: 10px;position: relative;}
.blog-details .article-footer .article-tags a:before { content: ","; position: absolute; right: -4px;}
.blog-details .article-footer .article-tags a:before:last-child {    display: none;}
.blog-details .article-footer .article-tags a:last-child {    margin-right: 0;}

.blog-details .article-footer .article-tags a:hover {    color: #ff4800;}

.blog-details .article-footer .article-share { flex: 0 0 50%;    max-width: 50%;}

.blog-details .article-footer .article-share .social {   padding-left: 0;   list-style-type: none;   text-align: right;   margin-bottom: 0;}
.blog-details .article-footer .article-share .social li { display: inline-block;    margin-left: 6px;}
.blog-details .article-footer .article-share .social li a {    color: #212529;    background-color: #f7f7f7;    width: 33px;    height: 33px;    line-height: 33px;    text-align: center;    border-radius: 50%;    font-size: 13px;}
.blog-details .article-footer .article-share .social li a:hover {   color: #fff;   background-color: #ff4800;}
.learn-more-btn {    display: inline-block;    position: relative;    color: #ff4800;    letter-spacing: .5px;    font-size: 15px;    font-weight: 600;   font-family: "Roboto", sans-serif;}

.learn-more-btn i {   margin-left: 2px;   position: relative;   top: -.6px;}
.learn-more-btn i:before {  font-size: 11px;}
.learn-more-btn:before {   content: "";   position: absolute;   left: 0;  bottom: 0;  width: 0;  background: #ff4800;  height: 1px;  opacity: 0;  visibility: hidden;  transition: .5s;}
.learn-more-btn:hover:before {    width: 100%;    opacity: 1;    visibility: visible;}
a.learn-more-btn:hover {color: #ff4800;}
.what-is-lipsome{background-color: #fff1eb;}
/* .lipso-img img {    width: 80%;} */
.key-advantages{background-color: #fff1eb;}
.free-trial-area {position: relative;z-index: 1;}
.free-trial-area:before {   content: "";   position: absolute;   right: 0;   top: 0;   width: 68%;   height: 100%;   z-index: 1;   background-image: url(img/left-shape2.png);   background-position: 0 0;   background-size: cover;   background-repeat: no-repeat}
.free-trial-content {   position: relative;   z-index: 2;   max-width: 555px;   padding-left: 30px;   padding-top: 0;   padding-bottom: 0;}
.free-trial-content h2 {    margin-bottom: 0;    color: #fff;    text-transform: capitalize;    font-size: 40px;    font-weight: 700;}
.free-trial-content form {    position: relative;    margin-top: 25px;    margin-bottom: 10px;}
.free-trial-content form .input-newsletter {    display: block;    width: 72%;    height: 45px;    color: #fff;    border: none;    outline: 0;    background-color: #212529;    border-radius: 30px;    padding-left: 20px;}
.free-trial-content form .input-newsletter::placeholder {color: #d5d5d5;}
.free-trial-content form button {   height: 45px;   border: none;   padding: 0 30px;   line-height: 45px;   background-color: #000;   border-radius: 30px;   transition: .5s;   color: #ff4800;   font-size: 16px;   font-weight: 600;}
.free-trial-content form button:hover {    background-color: #15171a;    color: #fff;}
.free-trial-content p {  color: #fff;  margin-bottom: 0;  max-width: 350px;}
.free-trial-content:after {  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  content: "";  background-color: #ff4800;  z-index: -1;  display: none;}
.free-trial-image {    position: relative;    text-align: center;    width: 100%;    height: 100%;    background-position: 0%, 56%;    background-size: cover;    background-repeat: no-repeat;}
.free-trial-image img {    display: none;}
.free-trial-section {    position: relative;    z-index: 1;}
.free-trial-section:before {   width: 40%;   height: 100%;   z-index: -1;   position: absolute;   right: 0;   top: 0;   background: linear-gradient(to left bottom,#f8f9fd,#fafafd,#fcfcfe,#fdfdfe,#fff);   content: "";}
.free-trial-img {    margin-left: -15px;    text-align: center;}
.free-trial-text {    padding-left: 15px;}
.free-trial-text h2 {    margin-bottom: 0;    font-size: 40px;    font-weight: 700;}
.free-trial-text form {    position: relative;    margin-top: 25px;    margin-bottom: 10px;}
.free-trial-text form .input-newsletter {    display: block;    width: 72%;    height: 45px;    color: #fff;    border: none;    outline: 0;    background-color: #212529;    border-radius: 30px;    padding-left: 20px;}
.free-trial-text form .input-newsletter::placeholder {    color: #d5d5d5;   transition: .5s;}
.free-trial-text form .input-newsletter:focus::placeholder {    color: transparent;}
.free-trial-text form button {    height: 45px;    border: none;    padding: 0 30px;    line-height: 45px;    background-color: #ff4800;    border-radius: 30px;    transition: .5s;    color: #fff;    font-size: 16px;    font-weight: 600;}
.free-trial-text form button:hover { background-color: #4ac728;    color: #fff;}
.free-trial-text p { margin-bottom: 0;}
.home-filed input {   width: 48%;   float: left;   margin-right: 10px;   height: 40px;   padding-left: 15px;   border: none;   margin-bottom: 11px;}
.home-filed textarea {    width: 98%;    float: left;    margin-right: 10px;    height: 100px;    padding-left: 15px;    border: none;    resize: none;    margin-bottom: 11px;}
form font{font-family: "Roboto", sans-serif;}
.home-filed ul li:nth-child(2) a {     height: 45px; border: none;    padding: 0 15px;    line-height: 45px;    background-color: #fff;    border-radius: 30px;    transition: .5s;    color: #00446c;    font-size: 16px;    font-weight: 600;}
.home-filed ul li:nth-child(3) a {     height: 45px;    border: none;    padding: 0 15px;    line-height: 45px;    background-color: #fff;    border-radius: 30px;    transition: .5s;    color: #00446c;    font-size: 16px;    font-weight: 600;}
.form-group button{background-color: #ff6c00; border-radius: 50px; line-height:35px;}
.form-control:focus{outline: none; border: 1px solid #ccc; box-shadow:inherit !important;}
.form-control:focus{outline: none; border: 1px solid #ccc; box-shadow:inherit !important;}
.entry-meta ul li{    font-family: "Roboto", sans-serif;}
.box{ font-family: 'Ubuntu', sans-serif; text-align: center; perspective: 500px; position: relative; z-index: 1;}
.box:before,
.box:after{   content: '';   background: linear-gradient(to bottom, #ff6224, #ff6224, #ff6224);   height: 100%;   width: 50%;   opacity: 0;   transform: rotateX(180deg);   transform-style: preserve-3d;   position: absolute;   left: 0;   top: 0;   transition: all 0.3s ease 0s;}
.box:after{    transform: rotateX(-180deg);   left: auto;    right: 0;}
.box:hover:before,.box:hover:after{    opacity: 0.9;    transform: rotateX(0);}
.box img{    width: 100%;    height: auto;}
.box .box-content{    color: #fff;    width: 60%;    opacity: 0;    filter: blur(10px);    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;    z-index: 1;    transition: all 0.3s ease 0.2s;}
.box:hover .box-content{    opacity: 1;    filter: blur(0);}
.box .title{    font-size: 23px;    font-weight: 700;    text-transform: uppercase;    margin: 0 0 3px 0;}
.box .post{    font-size: 15px;    text-transform: capitalize;    margin: 0 0 7px;    display: block;}
.box .icon{    padding: 0;    margin: 0;    list-style: none;}

.box .icon li{margin: 0 5px;display: inline-block;}
.box .icon li a{   color: #000;   background: #fff;   font-size: 20px;   line-height: 35px;   height: 35px;   width: 35px;   border-radius: 50%;   display: block;   position: relative;   transition: all 0.3s ease;}
.box .icon li  a:hover{color: #fff;background: #000;box-shadow: 0 0 3px rgba(255, 255, 255, 0.9);}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
.stickme.fixed {    background: #00446c;  padding-top: 0 !important;}
.breadcumbs {    padding-bottom: 100px;  position: relative;     font-family: "Roboto", sans-serif;     z-index: 2;}
.lines {   left: 0;    right: 0;    margin: auto;    width: 90vw;    z-index: -1}
.lines,.lines .line {    position: absolute;    z-index: 1;    top: 0;    height: 33vh;}
.lines .line {    width: 1px;    left: 50%;    background: hsla(0,0%,100%,.1);    overflow: hidden;}
.lines .line:after {    content: "";    display: block;    position: absolute;    height: 15vh;width: 100%;top: -50%;left: 0;background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);animation: run 7s 0s infinite;animation-fill-mode: forwards;    animation-timing-function: cubic-bezier(.4,.26,0,.97);}
.lines .line:first-child {margin-left: -25%;}
.lines .line:first-child:after {    animation-delay: 2s;}
.lines .line:nth-child(3) {    margin-left: 25%;}
.lines .line:nth-child(3):after {animation-delay: 2.5s;}
@keyframes run {
 0% {top: -50%;}
 to {top: 110%;}
}
.color-site {  background: #ff6224;}
.skin-color {background-color: #000;}
.sitema-links-item span {  font-size: 25px;}
div#inner-frm {    background: #000;}
.submit-btn button {    width: 100%;    background: #ff6224;    margin-top: 18px;    padding: 5px 0;    border-radius: 5px;    border: none;}
div#inner-frm > span {    font-size: 25px;}
.stickme-holder {    position: relative;    z-index: 9;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.full-width-type {    background-color: #ff6424;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.inner-states a {    width: 100%;    display: block;    text-align: center;    padding: 10px 0;    margin-bottom: 15px;    color: #fff;}
.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-color: #000;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.under-content-merge h2 {    font-size: 22px;    margin-bottom: 10px;}
.under-content-merge p {    font-size: 18px;    text-align: justify;}
.future-products_inner ul li{font-family: "Roboto", sans-serif;}
.future-products_inner ul li {margin-bottom: 18px;font-size: 18px;}
.future-products_inner ul li i{    color: #2b388f;}
.future-products_inner i {    font-size: 14px;}
.product_content li{font-family: "Roboto", sans-serif;font-size: 16px;list-style: disc;margin-bottom: 5px;}
.product_content p {    font-size: 16px;}
.product_content li i{font-size: 15px;color: #ff6224; display: none;}
.contact-us-form input{ background-color: #fff;    border: none;    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);    font-size: 16px;    border-radius: 0px;}
/*.contact-us-form input:focus{outline: none; border: 1px solid #00446c;}
.contact-us-form textarea:focus{outline: none; border: 1px solid #00446c;}*/
.contact-us-form textarea{ background-color: #fff;    border: none;    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);    font-size: 16px;    border-radius: 0px;     height: 100px; padding-left: 15px; padding-top: 10px;}
.contact-btn button{    background: #00446c;    padding: 10px 30px;    border-radius: 50px;   transition: 0.5s;    border: 0px;}
.contact-btn button:hover{background-color: #ff6424;}
.grid {  list-style: none;  margin-left: -40px;}
.gc {  box-sizing: border-box;  display: inline-block;  margin-right: -0.25em;  min-height: 1px;  padding-left: 40px;  vertical-align: top;}
.gc--1-of-3 {  width: 24%;}
.gc--2-of-3 {  width: 66.66666%;}
.naccs {  position: relative;  max-width: 100%;}
.naccs .menu div {  padding: 15px 20px 15px 40px;  margin-bottom: 10px;  color: #fff;  background: #00446c;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  cursor: pointer;  position: relative;  vertical-align: middle;  font-weight: 700;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}
.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: 15px;  background-color: #fff;  border-radius: 100%;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}
.naccs .menu div.active span.light {  background-color: #ff6424;  left: 0;  height: 100%;  width: 3px;  top: 0;  border-radius: 0;}
.naccs .menu div.active {  color: #ff6424;  padding: 15px 20px 15px 20px;}
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;}
.contact-content-design p {    font-size: 17px;}
.contact-content-design a{    font-size: 17px;}
.brand-item {    border: 1px solid #f1f1f1;    margin: 5px;}
.botanic img {    width: 20%;}
.manufacturing-facility span{font-size: 30px;}
.manufacturing-facility ul li{ font-family: "Roboto", sans-serif; display: flex;}
.manufacturing-facility ul li {    font-family: "Roboto", sans-serif;    margin-bottom: 15px;}
.manufacturing-facility ul li i{color: #ff6224;    margin-top: 8px;    margin-right: 12px;}
.about-style-three {    position: relative;}
.info-a {    position: relative;}
.trade-img {    border: 8px solid #ffff;    -webkit-box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);    box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);    margin: 0 auto;    height: 500px;}
.info-p {    position: absolute;    bottom: 205px;}
.info-para {    text-align: center;}
.info-para p {    font-size: 18px;}
.widget-area .widget_search form .search-field {    background-color: transparent;    height: 50px;    padding: 6px 15px;    border: 1px solid #eee;    width: 100%;    display: block;    outline: 0;    transition: .5s;}
.widget-area .widget_search {   box-shadow: 0 0 29px 0 hsla(0, 0%, 40%, .1);   background-color: #fff;   padding: 15px;}
.widget-area .widget_search form button {    position: absolute;    right: 0;    outline: 0;    bottom: 0;    height: 50px;    width: 50px;    z-index: 1;    border: none;    color: #fff;    background-color: #ff6224;    transition: .5s;}
.widget-area .widget_search form label {    display: block;    margin-bottom: 0;}
.widget-area .widget .widget-title {    border-bottom: 1px solid #eee;    padding-bottom: 10px;    margin-bottom: 20px;    text-transform: capitalize;    position: relative;    font-weight: 700;    font-size: 20px;}
.widget-area .widget:first-child {    margin-top: 0;}
.widget-area .widget_search form {   position: relative;}
.widget-area .widget {   margin-top: 30px;}
.widget-area .widget .widget-title:before {   content: "";   position: absolute;   background: #00446c;   bottom: -1px;   left: 0;   width: 50px;   height: 1px;}
.widget-area .widget_posts_thumb .item .thumb .fullimage {    width: 80px;    height: 80px;    display: inline-block;    background-size: cover !important;    background-repeat: no-repeat;    background-position: 50% !important;}
.widget-area .widget_posts_thumb .item {    overflow: hidden;   margin-bottom: 15px;}
.widget-area .widget_posts_thumb .item .info .title {    margin-bottom: 0;    line-height: 1.4;    text-transform: capitalize;    font-size: 16px;    font-weight: 700;}
.widget-area .widget_posts_thumb .item .info {    overflow: hidden;}
.widget-area .widget_posts_thumb .item .thumb {    float: left;    height: 80px;    overflow: hidden;    position: relative;    width: 80px;    margin-right: 15px;}
.widget-area .widget_posts_thumb .item .info time {    display: block;    color: #000;    text-transform: uppercase;    margin-top: 5px;    margin-bottom: 3px;    font-size: 11px;}
h4.title.usmall a {    color: #000;}
.titles-blog p {    font-size: 16px;    margin-bottom: 15px;    text-align: justify;}
.titles-blog ul li {    margin-bottom: 15px;    list-style: disc;    font-size: 18px;    font-family: "Roboto", sans-serif;}
.titles-blog ul {    padding-left: 15px;}
.titles-blog span strong {    font-size: 21px;    margin-bottom: 15px;    display: block;}
.titles-blog > span {    font-size: 22px;    font-weight: 600;    display: block;    margin-bottom: 12px;}
.titles-blog a:nth-child(2) {    font-size: 18px;    color: #ff6224;    margin-bottom: 15px;    display: block;    font-weight: 500;}
.titles-blog img {    margin-bottom: 15px;}
.titles-blog:last-child a {    color: #ff6224;    font-weight: 700;}
nav.mobile-menu {    display: none;}
/* .main-banner {
padding-bottom: 150px;
} */
.widget img {   margin-bottom: 12px;}
/* .main-banner {    padding-bottom: 180px;} */
.sticky {    padding-top: 0px; margin-bottom: 12px;}
.swipper-app-slider {    padding-top: 65px;}
.inner-header {   /* padding-bottom: 100px;*/ position: relative;}
.inner-header:after {position: absolute;    content: '';    width: 100%;    height: 100%;    background: #000;    mix-blend-mode: multiply;    top: 0px;    right: 0px;    opacity: 0.5;    z-index: 1;}
.cover-product-this h2 {    font-size: 22px;    margin-bottom: 10px;}
.cover-product-this h3 {    font-size: 22px;    margin-bottom: 10px;}
.cover-product-this h4 {    font-size: 22px;    margin-bottom: 10px;}
.cover-product-this h5 {    font-size: 22px;    margin-bottom: 10px;}
.cover-product-this h6 {    font-size: 22px;    margin-bottom: 10px;}

.cover-product-this ul li {   font-size: 18px; margin-bottom: 15px;    list-style-type: disc;}
.cover-product-this p {    margin-bottom: 12px; font-size: 18px;}
.cover-product-this ul {    padding-left: 15px;}
.city-page h1 {    margin-bottom: 12px;}
.city-page h2 {    margin-bottom: 12px;}
.city-page h3 {    margin-bottom: 12px;}
.city-page h4 {    margin-bottom: 12px;}
.city-page h5 {    margin-bottom: 12px;}
.city-page h6 {    margin-bottom: 12px;}
.city-page p {    font-size: 18px;    margin-bottom: 12px;}
.city-page ul li {    font-size: 18px;    list-style: disc;    line-height: 40px;}
.city-page ul {padding-left: 15px;}
.city-page a {    font-size: 18px; font-weight: 700;  color: #000;    line-height: 38px;}
.location-details_inner h2 {    font-size: 22px;    margin-bottom: 20px;}
.location-details_inner p {    margin-bottom: 15px;}
.location-details_inner h3 {    font-size: 22px;    margin-bottom: 20px;}
.location-details_inner ul {margin-top: 10px; padding-left: 15px;}
.location-details_inner li {    list-style-type: disc;}
.big-widget .text p {    font-size: 18px;     font-family: "Roboto", sans-serif;   color: #2c2c2c;}
.footer-bottom .download-list{    position: relative;      display: flex;      align-items: center; }
.footer-bottom .download-list li{      margin-right: 10px;    }
.footer-bottom .download-list li:last-child{      margin: 0px !important;    }
.footer-bottom .download-list li h6{      display: block;      font-size: 16px;      line-height: 38px;      font-weight: 500;      color: #fff;      margin-right: 5px;    }    
.footer-bottom .download-list li a{      position: relative;      display: block;      width: 38px;      height: 38px;      line-height: 44px;      font-size: 16px;      color: #fff;      background: #275786;      text-align: center;      border-radius: 50%;    }  
.widget_para p {    font-size: 18px;    padding-top: 15px;     font-family: "Roboto", sans-serif; color: #2c2c2c;}
ul.download-list li a {    background: #ff6c00;    display: block;    width: 38px;    height: 38px;    text-align: center;    line-height: 40px;    border-radius: 50px; color: #fff;}
ul.download-list li a:hover{background-color: #000;}
ul.download-list {    padding-top: 15px;}
.about-inner-page {    margin-top: 120px;}
.swipper-app-slider {    height: 100vh;}
.swipper-app {    margin-top: -91px;}
.swipper-app-slider .item-swiper{height: 100vh;}
.content-center {   z-index: 999; position: relative;    top: 38%;    width: 80%;    margin: 0px auto;}
.item-swiper:before {position: absolute;    content: '';    width: 100%;    height: 100%;    background: #000;    mix-blend-mode: multiply;    top: 0px;    right: 0px;    opacity: 0.5;    z-index: 1;}

.swipper-app .slick-next {    right: 2%;    top: 50%;    border: 1px solid #ccc;    width: 50px;    height: 50px;   border-radius: 50px;    border: 1px solid rgba(255, 255, 255, 0.2);}
.swipper-app .slick-prev {    left: 2%;    z-index: 9;    top: 50%;    border: 1px solid #ccc;    width: 50px;    height: 50px;    border-radius: 50px;    border: 1px solid rgba(255, 255, 255, 0.2);}
.swipper-app .slick-next:hover {    background: #ff6224;}
.swipper-app .slick-prev:hover {    background: #ff6224;}
.content-center p {    font-size: 28px;}
.breadcumbs_inner ul {    position: relative;    z-index: 9;}

.sticky .row {    background: #cfcfcf;    padding-top: 5px; padding-bottom: 6px;}
.sticky ul {    top: -5px;    position: relative;}
div#google_translate_element {    z-index: 99;    position: relative;}
.main-banner {    display: block;    margin-top: -5px;}
.widget_para a {    color: #000;}
.inner-header {    padding-top: 0 !important;}
.google-translate {    position: relative;    top: -3px;}
.fennec-nav {    margin-top: 7px;}
.prouduct-details ul {
    padding-left: 15px;
}
.key-adv {    padding: 1rem;    box-shadow: -1px 15px 30px -12px rgb(32, 32, 32);      border-radius: 0.9rem;      background-color: var(--red-card);      color: var(--text);      cursor: pointer;      min-height: 268px;    }    
.product-image {      width: 70%;      margin-top: 38px;      transform: translate(0, -1.5rem);      transition: transform 500ms ease-in-out;      filter: drop-shadow(5px 10px 15px rgba(8, 9, 13, 0.4));      margin: 0 auto;     text-align: center;    }   
.product-image img{   filter: invert(50%) sepia(100%) saturate(900%) hue-rotate(0) brightness(102%) contrast(135%);}
.product-info {      text-align: center;    }
.key-adv:hover .product-image {      transform: translate(-1.5rem, -7rem) rotate(-20deg);    }    
.product-info p {      font-size: 1rem;      text-align: justify;    }
@media screen and (max-width: 768px) {
.key-adv {    margin:25px;    }    }
.product-info > span {        font-size: 20px;        font-weight: 600;        display: block;        margin-bottom: 12px;    }
.step-one-design > p {        font-size: 16px;        margin-top: 10px;    }
.why-choose-botanic_inner ul li {        margin-bottom: 10px;        font-size: 16px;    }

.lipsomac > p {       margin-top: 12px;      margin-bottom: 10px;  }
 .lipsomac li {    margin-bottom: 10px;}
.lipsomac span {  font-size: 22px;  display: block;  margin-bottom: 10px;}
.flyers-btn a {  background: #ff6224;  padding: 10px 30px;  color: #fff;  border-radius: 5px;}
.flyers-btn a:hover{  background-color: #000;}
ul.under-list li {  list-style-type: disc;}
.future-products_inner ul{  column-count: 3;}
/* .future-products_inner ul li{  list-style-type: disc;} */
.abstrac ul li {  font-size: 16px;  text-align: justify;  margin-bottom: 15px;}
.abstrac p {  font-size: 16px;}
.introduction p {  font-size: 16px;  text-align: justify;  line-height: 28px;}
.materials p{  font-size: 16px;  text-align: justify;  margin-bottom: 15px;}
.analysis p{    font-size: 16px;  text-align: justify; margin-bottom: 15px;}
.result-and-discussion p{  font-size: 16px;  text-align: justify;  margin-bottom: 15px;}
.acknowledgement p{  font-size: 16px;  text-align: justify;  margin-bottom: 15px;}
.conclusion p{  font-size: 16px;  text-align: justify;  margin-bottom: 15px;}
.blog-metter {  margin-bottom: 30px;}
.references ul li {  font-size: 16px;  text-align: justify;  margin-bottom: 15px;  list-style-type: disc;}
.references ul {  padding-left: 15px;}
ul.under-list {    padding-left: 15px;}

.product_content h2 { font-family: "Roboto", sans-serif; font-size: 22px;}
.product_content h3 { font-family: "Roboto", sans-serif; font-size: 22px;}
.product_content h4 { font-family: "Roboto", sans-serif; font-size: 22px;}
.product_content h5 { font-family: "Roboto", sans-serif; font-size: 22px;}
.product_content h6 { font-family: "Roboto", sans-serif; font-size: 22px;}

.lipso-sub-banner-image img {    height: 500px;   object-fit: scale-down;}
.blog-content-new h2 {    font-size: 25px;    font-weight: 400;}
.blog-content-new h3 {    font-size: 25px;    font-weight: 400;}
.blog-content-new h4 {    font-size: 25px;    font-weight: 400;}
.blog-content-new h5 {    font-size: 25px;    font-weight: 400;}
.blog-content-new h6 {    font-size: 25px;    font-weight: 400;}
.analysis b {    font-weight: 600;}

.product_content mark {    background: #fffe50;}

.future-products_inner ul li {  background: url(../assets/img/loop-img.png) no-repeat;    background-position: 0 50%;}
.future-products_inner ul li {padding-left: 20px;}

img.left-logo {    position: relative;    right: 24px;}
img.left-logo2 {    position: relative;    right: 18px;}
img.left-logo3 {    position: relative;    right: 13px;}
img.left-logo4 {    position: relative;    right: 5px;}
img.left-logo5 {    position: relative;    right: 40px;}
img.left-logo6 {    position: relative;    right: 48px;}
img.left-logo7 {    position: relative;    right: 76px;}
img.lipso-design-logoa-adjust {    width: auto;    height: 136px;     position: relative; right: 15px;}
.contact-content-design span {    color: #ff6c00;}
img.LiposomalZinc_logo {    position: relative;    right: 38px;}

.webinar-content {
  margin-left: auto;
  max-width: 635px;
  padding-top: 150px;
  padding-bottom: 150px;
  padding-right: 87px;
}

.webinar-content h2 {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}

.webinar-content p {
  margin-bottom: 20px;
}

.webinar-video-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/woman.jpg);
}

.webinar-video-image img {
  display: none;
}

.webinar-video-image .video-btn {
  position: absolute;
  left: -45px;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  line-height: 90px;
  background-color: #ff6224;
  border-radius: 50%;
  color: #ffffff;
  z-index: 1;
}

.webinar-video-image .video-btn i::before {
  font-size: 38px;
}

.webinar-video-image .video-btn::after,
.webinar-video-image .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ff6224;
}

.webinar-video-image .video-btn::before {
  animation: ripple 2s linear infinite;
}

.webinar-video-image .video-btn::after {
  animation: ripple 2s linear 1s infinite;
}

.webinar-video-image .video-btn:hover,
.webinar-video-image .video-btn:focus {
  background-color: #ff6224;
  color: #ffffff;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}


.webinar-content a {    background: #ff6224; color:#fff;}
.webinar-video-image i {    line-height: 90px;}