/* -------------------------------------- PUBLIC - START ------------------------------------------------- */

body , html {
	scroll-behavior: smooth;
}
.archive.tag .page-blog .section-header::before {
    background-image: url(https://inovosense.com/wp-content/themes/Irannovin/assets/images/images/page-product-back.jpg) !important;
}
.archive.tag .section-header img{
	display:none
}
.archive.tag  h1 span {
    background-image: none;
	height: auto;
}


.single-event  .gallery {
	display: grid;
    gap: 25px;
    grid-template-columns: repeat(3, 1fr);
	margin-top: 25px;
}
.single-event  .gallery .gallery-item{
	
}
.single-event  .gallery .gallery-item img{
	height: auto;
    object-fit: contain;
    border-radius: 12px;
    max-width: 410px;
}

.page-contact-us .section-header h1 span {
    background-image: url(https://inovosense.com//wp-content/uploads/2022/12/icon-N.svg);
}
.page-main .section-introduce .container-explain .container-products .product-1.selected:hover div {
    width: 350px !important;
}
.page-main .section-introduce .container-explain .container-products p{
	font-size: 13px !important;
}
.page-main .section-introduce .container-explain .container-products .product-2.selected:hover div {
    width: 31rem !important;
}
.page-main .section-introduce .container-description p {
    text-align: justify;
}

.single-event .gallery .gallery-item img {
    max-width: 310px;
}

.page-event-show .section-event img {
    object-fit: contain;
    margin-bottom: 30px;
}

.page-event-show p{
	text-align: justify;
}

.page-event-show .section-event .container::before {
    content: none;
}

footer .footer-body .container-log img {
	max-width: 280px;
	width: auto;
}
.phone,my-4{
	margin-top: 0 !important;
}
.address.my-3{
		margin-bottom: 0 !important;
}
.footer-body.my-5 {
		margin-top: 25px !important;
	align-items: flex-start;
}
.page-blog-show .section-blog img.wp-post-image {
    object-fit: contain;
}
.page-about-us  p{
	text-align: justify;
}
.nav-item > .dropdown {
    list-style: none;
    width: 155px !important;
}
.section-header h1{
    vertical-align: middle;
    font-size: 32px !important;
    align-items: center;
}
.page-product .section-district .container-slider .swiper::before, .page-product .section-district .container-slider .swiper::after{
	content : none
}
.page-product .section-district {
    background-color: #f2f2f2;
    clip-path: ellipse(110% 100% at 50% 0);
	position : relative
	margin-top: -3px;
}
.page-product .section-district::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    background: rgb(35,55,70);
    background: linear-gradient(90deg, rgba(35,55,70,0) 0%, rgba(35,55,70,1) 20%, rgba(35,55,70,1) 50%, rgba(35,55,70,1) 80%, rgba(35,55,70,0) 100%);
}
.page-product .section-filler h1 {
    align-items: baseline;
    font-size: 32px !important;
}
.tab-content.selected{
	border: 2px solid #233746;
}
.button, button {
    padding: 10px 20px;
}
.page-product .section-information .row-information {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}
.page-product .section-information h2, .page-product .section-information h4 {
    align-items: end;
}
.section-cure h2 , .section-suggestion  h2 , .section-news h2 , .section-comments  h2{
	    align-items: center;
}
span.icn svg {
	stroke: #fff;
}
.page-product .section-click h2:first-child {
    color: #ffffff;
	align-items: end;
}
span.icn {
	background-image: none !important;
}
.section-header {
	height:400px
}
.section-header img{
	height: 100%;
    object-fit: cover;
}
.page-event .section-events {
    padding-top: 20px;
}
.page-contact-us .section-header h1 {
    align-items: baseline;
}
.address-container div{
	align-items: center;
}
.section-form h2{
	align-items: end;
    margin-bottom: 15px;
}
.gravity-theme{
	margin-top: 40px;
}
body , html {
	scroll-behavior: smooth;
}
.single-event  .gallery {
	display: grid;
    gap: 25px;
    grid-template-columns: repeat(3, 1fr);
	margin-top: 25px;
}
.single-event  .gallery .gallery-item{
	
}
.single-event  .gallery .gallery-item img{
	
height: auto;
    object-fit: contain;
    border-radius: 12px;
    max-width: 410px;
}
.page-contact-us .section-header h1 span {
    background-image: url(https://inovosense.com//wp-content/uploads/2022/12/icon-N.svg);
}
.page-main .section-introduce .container-explain .container-products .product-1.selected:hover div {
    width: 350px !important;
}
.page-main .section-introduce .container-explain .container-products p{
	font-size: 13px !important;
}
.page-main .section-introduce .container-explain .container-products .product-2.selected:hover div {
    width: 31rem !important;
}
.page-main .section-introduce .container-description p {
    text-align: justify;
}

.single-event .gallery .gallery-item img {
   
    max-width: 310px;
}

.page-event-show .section-event img {
    object-fit: contain;
    margin-bottom: 30px;
}

.page-event-show p{
	text-align: justify;
}

.page-event-show .section-event .container::before {
    content: none;
}

footer .footer-body .container-log img {
    max-width: 280px;
	width: auto;
}
.phone,my-4{
	margin-top: 0 !important;
}
.address.my-3{
	margin-bottom: 0 !important;
}
.footer-body.my-5 {
	margin-top: 25px !important;
	align-items: flex-start;
}
.page-blog-show .section-blog img.wp-post-image {
    object-fit: contain;
}
.page-about-us  p{
	text-align: justify;
}
.nav-item > .dropdown {
    list-style: none;
    width: 200px !important;
}
.section-header h1{
    vertical-align: middle;
    font-size: 32px !important;
    align-items: center;
}

.page-product .section-district .container-slider .swiper::before, .page-product .section-district .container-slider .swiper::after{
	content : none
}
.page-product .section-district {
    background-color: #f2f2f2;
    clip-path: ellipse(110% 100% at 50% 0);
	position : relative
	margin-top: -3px;
}
.page-product .section-district::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    background: rgb(35,55,70);
    background: linear-gradient(90deg, rgba(35,55,70,0) 0%, rgba(35,55,70,1) 20%, rgba(35,55,70,1) 50%, rgba(35,55,70,1) 80%, rgba(35,55,70,0) 100%);
}
.page-product .section-filler h1 {
    align-items: baseline;
    font-size: 32px !important;
}
.tab-content.selected{
	border: 2px solid #233746;
}
.button, button {
    padding: 10px 20px;
}
.page-product .section-information .row-information {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}
.page-product .section-information h2, .page-product .section-information h4 {
    align-items: end;
}
.section-cure h2 , .section-suggestion  h2 , .section-news h2 , .section-comments  h2{
	align-items: center;
}
span.icn svg {
	stroke: #fff;
}
.page-product .section-click h2:first-child {
    color: #ffffff;
	align-items: end;
}
span.icn {
	background-image: none !important;
}
.section-header {
	height:400px
}

.section-header img{
	height: 100%;
    object-fit: cover;
}
.page-event .section-events {
    padding-top: 20px;
}
.page-contact-us .section-header h1 {
    align-items: baseline;
}
.address-container div{
	align-items: center;
}
.section-form h2{
	align-items: end;
    margin-bottom: 15px;
}
.gravity-theme{
	margin-top: 40px;
}
.page-main .section-introduce .container-explain .container-products .product-1.selected:hover div {
    width: 350px !important;
}
.page-main .section-introduce .container-explain .container-products .product-2.selected:hover div {
    width: 31rem !important
}
.page-main .section-introduce .container-explain .container-products .product-3.selected:hover div {
    width: 27rem !important;
}
.page-main .section-introduce .container-explain .container-products .product-4.selected:hover div {
    width: 36rem !important;
}
.page-main .section-introduce .container-explain .container-products .product-5.selected:hover div {
    width: 31rem !important;
}
.section-header .align-items-start img {
	object-fit: contain;
	object-position: center center;
}
.page-about-us  .section-header .container ,
.page-about-us  .section-header .row {
	height : 100%
}

.page-about-us  .section-header .container img {
	object-fit: contain;
}
h2.af{
	margin: auto;
    background: #233746;
    color: #fff;
    width: 200px !IMPORTANT;
    height: 50px;
    align-items: center;
    vertical-align: middle;
    border-radius: 8px;
    margin-top: -25px;
}
h2.af::before {
  top: 0;
    right: 0;
    content: '';
    width: 65px;
    height: 100%;
    position: absolute;
    background-size: auto 91px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(https://inovosense.com//wp-content/uploads/2022/12/back-N.png);
}
.page-product .section-district .container-slider {
    height: 710px;
    position: relative;
}
.container-district {
	margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.page-product .section-information h2, .page-product .section-information h4 {
    align-items: unset !important;
}
.page-product .section-click h2:first-child {
    color: #ffffff;
    align-items: flex-start;
}
.page-pages .section-header .container  {
	height : 100%
}
.page-pages .section-header .container .row {
	height : 100%

}
.page-contact-us .section-form h4 {
    text-align: center;
}

.page-contact-us .section-header::before {
	background-position: bottom;
}
/* ----------------------------------- */
/*            section-header           */
/* ----------------------------------- */
.section-header {
    overflow: visible;
}
.custom-logo-link{
    width: auto;
    display: inline-block;
    z-index: 99;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin: 0 !important;
}

.custom-logo-link img{
    width: 80px;
    height: 60px;
    object-position: center;
}
.section-header .row {
    justify-content: space-between;
}

.section-header * {
    color: white;
    overflow: visible;
}

.section-header p {
    padding-left: 30px !important;
    padding-right: 30px !important;
    color: rgb(255, 255, 255, .68);
}

.section-header .button {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.dropdown-toggle::after {
content: none;
}
.section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/page-product-back.jpg);
    z-index: 0;
}

.section-header img {
    position: relative;
}
.nav-item:hover > .dropdown::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 13px;
    right: 3%;
    top: -13px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: rgb(255 255 255);
    border-bottom-color: #fff;
}
.wpml-ls-statics-footer .wpml-ls-flag{
    display: none !important;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
    margin-bottom: 0 !important;
    display: inline-block;
    width: auto;

    background-color: rgb(255, 255, 255 , .06);
    border-radius: 6px;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer a span{
    color: #fff;
}


/* -------------------------------------- PUBLIC - END ------------------------------------------------- */
/* ----------------------------------- */
/*      page-product - section-filler  */
/* ----------------------------------- */
.page-product h1 span {
    border-radius: 4px;
    background-image: url(../images/icon-N.svg);
}

.page-product .section-filler {
    overflow: visible;
}

.page-product .section-filler * {
    color: white;
    overflow: visible;
}

.page-product .section-filler h3,
.page-product .section-filler p {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-product .section-filler .button {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.page-product .section-filler .button:hover {
    background-color: transparent !important;
}

.page-product .section-filler::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    position: absolute;
    background-size: cover;
    height: calc(100% - 35px);
    background-repeat: no-repeat;
    /* background-image: url(../images/images/page-product-back.jpg); */
    z-index: 0;
}

.page-product .section-filler::after {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    position: absolute;
    height: calc(100% - 35px);
    background-color: rgb(0, 0, 0, .3);
    z-index: 1;
}

.page-product .section-filler .container {
    z-index: 2;
}

.page-product-shine .section-filler::before {
    background-image: url(../images/images/product-back-shine.png);
}

.page-product-silk .section-filler::before {
    background-image: url(../images/images/product-back-silk.png);
}

.page-product-smile .section-filler::before {
    background-image: url(../images/images/product-back-smile.png);
}

.page-product-style .section-filler::before {
    background-image: url(../images/images/product-back-style.png);
}

.page-product-shape .section-filler::before {
    background-image: url(../images/images/product-back-shape.png);
}

.tab-content > .active {
    opacity: 1;

    flex-direction: column;
    display: flex !important;
}
.section-usage .tab-content p{
text-align: justify;
}

.page-product .section-filler .container-img {
    position: unset;
}

.page-product .section-filler img {
    opacity: 0;
    height: 80vh;
    position: relative;
    z-index: 1;
}

.page-product .section-filler .summary {
    bottom: 0;
    right: -7%;
    width: 114%;
    height: 70px;
    display: flex;
    position: absolute;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0, 0, 0, .5);
    z-index: 0;
}

.page-product .section-filler .summary::before,
.page-product .section-filler .summary::after {
    width: 45px;
    content: '';
}

/* ----------------------------------- */
/*      page-product - section-usage  */
/* ----------------------------------- */
.page-product .section-usage .nav {
    display: flex;
    justify-content: center;
}

.page-product .section-usage .nav a {
    display: flex;
    padding-bottom: 15px;
    justify-content: center;
}

.page-product .section-usage .nav a h5 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-product .section-usage .nav a::after {
    top: 100%;
    opacity: 0;
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    border-radius: 10px;
    transform: scaleX(1.2);
    background-color: #233746;
    transition: all .25s ease-in;
}

.page-product .section-usage .nav a.selected::after {
    opacity: .5;
    transform: scaleX(.5);
}

.page-product .section-usage .nav a:hover h5,
.page-product .section-usage .nav a.selected h5 {
    opacity: .7;
    color: #233746;
}

.page-product .section-usage .nav a:not(:last-child) h5 {
    border-left: 1px solid #C1C7CB;
}

.page-product .section-usage .container-img {
    display: flex;
    align-items: end;
    justify-content: center;
}

.page-product .section-usage img {
    object-fit: contain;
}

/* ----------------------------------- */
/*    page-product - section-district  */
/* ----------------------------------- */
.page-product .section-district {
    background-color: #d7d9db;
    clip-path: ellipse(110% 100% at 50% 0);
}

.page-product .section-district .container-slider {
    height: 800px;
    position: relative;
}

.page-product .section-district .swiper {
    width: 100%;
    height: 100%;
}

.page-product .section-district .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1;
}

.page-product .section-district .swiper-slide:not(.swiper-slide-active) {
    z-index: 0;
}

.page-product .section-district .swiper-slide img {
    width: -webkit-fill-available !important;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: left;
}

.page-product .section-district .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-product .section-district .swiper-slide {
    background-size: cover;
    background-position: center;
}

.page-product .section-district .mySwiper2 {
    width: 100%;
    height: auto;
}

.page-product .section-district .mySwiper {
    box-sizing: border-box;
}

.page-product .section-district .mySwiper .swiper-slide {
    opacity: 1;
    width: 100%;
    height: 100%;
    flex-direction: column;
    transform: translateY(100%);
}

.page-product .section-district .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.page-product .section-district .container-slider .swiper-slide img {
    height: 80%;
    display: block;
    object-fit: cover;
    border-radius: 14px;
    transform: scale(.9);
    width: auto !important;
    transition: all .5s ease-in-out;
}

.page-product .section-district .swiper-slide:hover img,
.page-product .section-district .mySwiper .swiper-slide-active img {
    transform: scale(1);
}

.page-product .section-district .swiper-slide p {
    padding: 5px 0;
}

.page-product .section-district .container-slider .swiper::before,
.page-product .section-district .container-slider .swiper::after {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    content: '';
    position: absolute;
    background-image: linear-gradient(#d7d9db 0%, transparent, transparent);
    z-index: 2;
}

.page-product .section-district .container-slider .swiper::after {
    bottom: 0;
    top: unset;
    transform: scaleY(-1);
}

.page-product .section-district .mySwiper .swiper-wrapper {
    flex-direction: column;
}

.page-product .section-district .swiper-button-next,
.page-product .section-district .swiper-button-prev {
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    transition: all .25s ease-in-out;
    animation: backColor 1s infinite;
}

@keyframes backColor {
    0%, 100% {
        transform: rotate(90deg) scale(1);
    }
    50% {
        transform: rotate(90deg) scale(.5);
    }
}

.page-product .section-district .swiper-button-next:hover,
.page-product .section-district .swiper-button-prev:hover {
    background-color: white;
    animation: backColor 1s forwards;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, .16);
}

.page-product .section-district .swiper-button-next::after,
.page-product .section-district .swiper-button-prev::after {
    font-size: 16px;
    color: #233746;
    font-weight: bolder;
}

.page-product .section-district .swiper-button-next {
    bottom: 0;
    top: unset;
}

.page-product .section-district .tab-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.page-product .mySwiper2 .swiper-slide {
    justify-content: space-between;
}

.page-product .section-district .tab-buttons {
    display: flex;
    justify-content: center;
}

.page-product .section-district .tab-button {
    margin: 0 10px;
    cursor: pointer;
    border-radius: 6px;
    padding: 10px !important;
    background-color: white;
}

.page-product .section-district .tab-button::after {
    top: 100%;
    right: 50%;
    width: 120%;
    height: 3px;
    content: '';
    position: absolute;
    border-radius: 10px;
    background-color: #D50054;
    transform: translate(50%, -50%);
    transition: all .25s ease-in-out;
    opacity: 0;
}

.page-product .section-district .tab-button.selected::after {
    width: 40px;
    opacity: 1;
}

.page-product .section-district .tab-contents {
    height: 600px;
    display: flex;
    padding: 0 !important;
    justify-content: center;
}

.page-product .section-district .tab-contents .tab-content {
    top: 0;
    opacity: 0;
    height: 500px;
    overflow: hidden;
    object-fit: cover;
    width: fit-content;
    position: absolute;
    border-radius: 16px;
    transition: all .5s ease-in-out;
    z-index: 0;
}

.page-product .section-district .tab-contents .tab-content.selected {
    opacity: 1;
    z-index: 1;
}

/* after before start */
.page-product .section-district .comparison-slider-wrapper .comparison-slider {
    height: 100%;
    border: none;
    width: fit-content !important;
}

.page-product .section-district .comparison-slider-wrapper .comparison-slider .divider {
    width: 2px;
    background-color: white !important;
}

.page-product .section-district .comparison-slider-wrapper .comparison-slider .divider::before {
    background-color: transparent;
}

.page-product .section-district .comparison-slider-wrapper .comparison-slider .divider::after {
    top: 80%;
    margin: 0;
    width: 15px;
    height: 26px;
    font-size: 0;
    border-radius: 8px;
    border: 2px solid white;
    transform: translateX(41%);
    background-color: #233746;
}

.page-product .section-district .overlay {
    color: white;
    font-size: 1.5em;
}

.page-product .section-district .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* after before end */
/* ----------------------------------- */
/* page-product - section-information  */
/* ----------------------------------- */
.page-product .section-information h2,
.page-product .section-information h4 {
    text-align: center !important;
}

.page-product .section-information h4 {
    font-weight: 100;
    color: #8C979F;
}

.page-product .section-information .container-row {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.page-product .section-information .container-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-product .section-information .row-information {
    width: 100%;
    display: flex;
    border-radius: 16px;
    justify-content: space-between;
    background-color: rgb(193, 199, 203, .16);
}

.page-product .section-information .row-information h5 {
    padding: 0 !important;
}

/* ----------------------------------- */
/*     page-product - section-film     */
/* ----------------------------------- */
.page-product .section-film,
.page-product .section-film .container,
.page-product .section-film .row {
    margin-bottom: 0 !important;
    z-index: 1;
}

.page-product .section-film .film {
    height: 400px;
}

.page-product .section-film .film video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 0 10px 0 rgb(35, 55, 70, 32);
}

/* ----------------------------------- */
/*     page-product - section-cure     */
/* ----------------------------------- */
.page-product .section-cure .container {
    padding: 0;
    max-width: unset;
}

.page-product .section-cure .swiper::before,
.page-product .section-cure .swiper::after {
    top: 0;
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to right, transparent, white 15%);
    z-index: 9;
}

.page-product .section-cure .swiper::after {
    left: 0;
    transform: scaleX(-1);
}

.page-product .section-cure .container h4:not(.swiper h4) {
    color: #94ACC5;
    font-weight: 100;
}

.page-product .section-cure .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.page-product .section-cure .swiper-slide {
    display: flex;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 16px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.page-product .section-cure .swiper-slide::after {
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 250px;
    display: flex;
    color: white;
    position: absolute;
    align-items: center;
    border-radius: 16px;
    justify-content: center;
    content: 'مشاهده بیشتر';
    transform: translateY(-30px);
    transition: all .5s ease-in-out;
    background-color: rgb(0, 0, 0, .5);
    z-index: 2;
}

.page-product .section-cure .swiper-slide:hover::after {
    opacity: 1;
    transform: translateY(0px);
}

.page-product .section-cure .swiper-slide img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
    transform-origin: bottom;
}

.page-product .section-cure .swiper-slide h4 {
    width: 85%;
    font-size: 16px;
    border-radius: 6px;
    background-color: white;
    transform: translateY(-50%);
    transition: all .25s ease-in-out;
    box-shadow: 0 0 20px 0 rgb(0, 0, 0, .16);
    z-index: 3;
}

.page-product .section-cure .swiper-slide:hover h4 {
    opacity: 0;
    z-index: 1;
}

.page-product .section-cure .container-swiper-button {
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
}

.page-product .section-cure .swiper-pagination {
    display: flex;
    position: relative;
}

.page-product .section-cure .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-product .section-cure .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-product .section-cure .swiper-button-prev,
.page-product .section-cure .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-product .section-cure .swiper-button-prev:hover,
.page-product .section-cure .swiper-button-next:hover {
    opacity: 1;
}

.page-product .section-cure .swiper-button-prev:after,
.page-product .section-cure .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

/* ----------------------------------- */
/*     page-product - section-click    */
/* ----------------------------------- */
.page-product .section-click {
    background-position: center;
    background-color: #233746;
    background-repeat: no-repeat;
    background-image: url(../images/back--n.png);
}

.page-product .section-click .row {
    align-items: center;
    flex-direction: column;
}

.page-product .section-click .row h2 {
    width: fit-content;
}

.page-product .section-click h2:first-child {
    font-size: 30px;
    color: #8C979F;
}

.page-product .section-click .h2 {
    color: #fff;
    font-size: 30px;
}

.page-product .section-click .button {
    border-radius: 30px;
}
.page-product .section-click .button svg{
    width: 20px;
    margin: 0 10px 0 0;
    transition: 0.3s all;
    fill: #233746;
}
.page-product .section-click .button:hover svg{
    fill: #fff;
}
/* ----------------------------------- */
/*  page-product - section-suggestion  */
/* ----------------------------------- */
.page-product .section-suggestion {
    background-size: cover;
    clip-path: ellipse(75% 100% at 50% 0%);
    background-image: url(../images/back-light.jpg);
}

.page-product .section-suggestion h4 {
    color: #94ACC5;
}

.page-product .section-suggestion .container-products {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-product .section-suggestion .product {
    height: 300px;
    display: flex;
    max-width: unset;
    overflow: hidden;
    align-items: center;
    border-radius: 16px;
    flex-direction: column;
    background-color: #fff;
    justify-content: space-between;
    box-shadow: 0 0 20px 0 rgb(0, 0, 0, .2);
}

.page-product .section-suggestion .product img {
    width: 100%;
    height: 90%;
    object-fit: contain;
}

.page-product .section-suggestion .product p {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: white;
    display: flex;
    padding: 0 20px;
    padding-top: 40px;
    text-align: center;
    position: absolute;
    align-items: center;
    justify-content: center;
    transition: .5s all ease;
    background-color: rgb(35, 55, 70, .9);
}

.page-product .section-suggestion .product:hover p {
    opacity: 1;
    padding-top: 0;
}

.page-product .section-suggestion .product:hover h5 {
    color: white;
    transition: .5s all ease;
    z-index: 1;
}

/* ----------------------------------- */
/*     page-product - section-news     */
/* ----------------------------------- */
.page-product .section-news .container {
    max-width: unset;
}

.page-product .section-news .row {
    background-size: cover;
    flex-direction: column;
    background-position: center;
    padding-bottom: 0 !important;
}

.page-product .section-news h4 {
    color: #8C979F;
}

.page-product .section-news .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.page-product .section-news .swiper::after {
    left: 0;
    transform: scaleX(-1);
}

.page-product .section-news .swiper-slide {
    height: 465px;
    display: flex;
    padding: 25px;
    cursor: pointer;
    border-radius: 16px;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    transition: all .25s ease-in-out;
}

.page-product .section-news .swiper-slide:not(.swiper-slide-active,.swiper-slide-prev,.swiper-slide-next) {
    opacity: .5;
}

.page-product .section-news .swiper-slide:hover {
    background-color: white;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, .16);
}

.page-product .section-news .swiper-slide img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 16px;
}

.page-product .section-news .swiper-slide h4 {
    text-align: right;
}

.page-product .section-news .swiper-slide span.arrow {
    width: 40px;
    height: 40px;
    margin-right: auto;
    border-radius: 50%;
    background-size: 40% auto;
    background-position: center;
    background-color: #233746;
    transform: translate(50%, -50%);
    transition: all .25s ease-in-out;
    background-image: url(../images/icon-arrow.svg);
}

.page-product .section-news .swiper-slide:hover span.arrow {
    background-color: #D50054;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, .16);
}

.page-product .section-news .swiper-slide h4 {
    width: 100%;
    font-size: 16px;
    color: #233746;
}

.page-product .section-news .swiper-slide i {
    display: flex;
    color: #8C979F;
    align-items: center;
}

.page-product .section-news .swiper-slide i:not(.i) {
    margin-left: 10px;
    margin-top: auto;
}

.page-product .section-news .swiper-slide .i:first-child {
    width: 100%;
}

.page-product .section-news .swiper-slide .i::before {
    width: 18px;
    height: 1px;
    content: '';
    margin-left: 5px;
    background-color: #8C979F;
}

.page-product .section-news .swiper-slide .date {
    display: flex;
    margin-top: auto;
}

.page-product .section-news .swiper-slide .date {
    display: flex;
    margin-top: auto;
}

.page-product .section-news .swiper-slide .date i {
    display: flex;
    align-items: center;
}

.page-product .section-news .swiper-slide .date i span {
    content: '';
    margin: 0 5px;
    background-size: contain;
    background-position: center;
}

.page-product .section-news .swiper-slide .date i:first-child span {
    width: 12px;
    height: 7px;
    background-image: url(../images/icon-eye.svg);
}

.page-product .section-news .swiper-slide .date i:last-child span {
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-date.svg);
}

.page-product .section-news .container-swiper-button {
    margin: auto;
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
}

.page-product .section-news .swiper-pagination {
    display: flex;
    position: relative;
}

.page-product .section-news .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-product .section-news .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-product .section-news .swiper-button-prev,
.page-product .section-news .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-product .section-news .swiper-button-prev:hover,
.page-product .section-news .swiper-button-next:hover {
    opacity: 1;
}

.page-product .section-news .swiper-button-prev:after,
.page-product .section-news .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

/* ----------------------------------- */
/*   page-product - section-comments   */
/* ----------------------------------- */
.page-product .section-comments .container {
    max-width: unset;
    padding-bottom: 0 !important;
    clip-path: ellipse(75% 100% at 50% 0%);
    background-color: rgb(140, 151, 159, .16);
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, .16);
}

.page-product .section-comments .swiper::before,
.page-product .section-comments .swiper::after {
    top: 0;
    width: 19%;
    opacity: 0;
    content: '';
    height: 100%;
    position: absolute;
    background-color: red;
    z-index: 9;
}

.page-product .section-comments .swiper::after {
    left: 0;
    transform: scaleX(-1);
}

.page-product .section-comments .swiper-slide {
    height: 345px;
    display: flex;
    align-items: center;
    border-radius: 16px;
    flex-direction: column;
    padding-top: 0 !important;
    background-color: #233746;
    transition: all .25s ease-in-out;

}

.page-product .section-comments .swiper-slide:not(.swiper-slide-active) {
    opacity: 0;
}

.page-product .section-comments .swiper-slide:hover {
    transform: translateY(-20px);
}

.page-product .section-comments .swiper-slide img {
    width: 70px;
    height: 70px;
    margin-left: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.page-product .section-comments .swiper-slide h3 {
    font-size: 16px;
    font-weight: 200;
    text-align: right;
}

.page-product .section-comments .swiper-slide p {
    font-size: 12px;
}

.page-product .section-comments .swiper-slide p::before {
    content: '”';
    font-size: 24px;
    color: #D50054;
}

.page-product .section-comments .swiper-slide p::after {
    content: '“';
    font-size: 24px;
    color: #D50054;
}

.page-product .section-comments .swiper-slide * {
    color: white;
}

.page-product .section-comments .container-swiper-button {
    margin: auto;
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
    transform: translateY(-50%);
}

.page-product .section-comments .swiper-pagination {
    display: flex;
    position: relative;
}

.page-product .section-comments .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-product .section-comments .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-product .section-comments .swiper-button-prev,
.page-product .section-comments .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-product .section-comments .swiper-button-prev:hover,
.page-product .section-comments .swiper-button-next:hover {
    opacity: 1;
}

.page-product .section-comments .swiper-button-prev:after,
.page-product .section-comments .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

/* ----------------------------------- */
/*     page-combinatory - section-header     */
/* ----------------------------------- */
.page-combinatory .section-header {
    overflow: visible;
}

.page-combinatory .section-header .row {
    justify-content: space-between;
}

.page-combinatory .section-header h1 span {
    border-radius: 4px;
    background-color: #233746;
    background-image: url(../images/icon-n.svg);
}

.page-combinatory .section-header * {
    color: #233746;
    overflow: visible;
    z-index: 1;
}

.page-combinatory .section-header p {
    color: #233746;
}

.page-combinatory .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../images/images/combinatory-back.png);
    z-index: 0;
}

.page-combinatory .section-header img {
    position: relative;
}

/* ----------------------------------- */
/* page-combinatory - section-radiesse */
/* ----------------------------------- */
.page-combinatory .section-radiesse .container {
    position: relative;
}

.page-combinatory .section-radiesse .container p {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-combinatory .section-radiesse .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 1;
}

.page-combinatory .section-radiesse .container h2 {
    padding: 0 3.5%;
    text-align: right;
    z-index: 1;
}

.page-combinatory .section-radiesse .container img {
    border-radius: 14px;
    margin-bottom: 100px;
}

/* ----------------------------------- */
/*   page-about-us - section-banner    */
/* ----------------------------------- */
.page-about-us .section-header {
    overflow: visible;
}

.page-about-us .section-header .row {
    justify-content: space-between;
}

.page-about-us .section-header * {
    color: #233746;
    overflow: visible;
    z-index: 1;
}

.page-about-us .section-header h1 span {
    border-radius: 4px;
    background-color: #233746;
    background-image: url(../images/icon-n.svg)
}

.page-about-us .section-header p {
    color: #233746;
}

.page-about-us .section-header p {
    color: #233746;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-about-us .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/about-us-back.png);
    z-index: 0;
}

.page-about-us .section-header img {
    position: relative;
    object-position: center center;
}

/* ----------------------------------- */
/*     page-about-us - section-kmt     */
/* ----------------------------------- */
.page-about-us .section-kmt .container {
    position: relative;
}

.page-about-us .section-kmt .container .row p {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-about-us .section-kmt .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 1;
}

.page-about-us .section-kmt .container img {
    z-index: 1;
}

/* ----------------------------------- */
/*   page-about-us - section-slider    */
/* ----------------------------------- */
.page-about-us .section-slider .swiper {
    width: 100%;
    height: 100%;
    overflow: visible !important;
}

.page-about-us .section-slider .swiper * {
    overflow: visible !important;
}

.page-about-us .section-slider .swiper-slide {
    width: 420px;
    height: 330px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all .5s ease-in-out;
    box-shadow: 0 0 20px 0 rgb(0, 0, 0, .16);
    border-radius: 14px;
    overflow: hidden !important;
}

.page-about-us .section-slider .swiper-slide:hover {
    transform: scale(1.1);
}

.page-about-us .section-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* ----------------------------------- */
/*   page-about-us - section-filler    */
/* ----------------------------------- */
.page-about-us .section-filler {
    background-size: cover;
    clip-path: ellipse(90% 100% at 50% 100%);
    background-image: url(../images/images/about-back.png);
}

.page-about-us .section-filler p,
.page-about-us .section-filler h2,
.page-about-us .section-filler h3 {
    padding-left: 30 !important;
    padding-right: 30 !important;
}

.page-about-us .section-filler .numbers-container p,
.page-about-us .section-filler .numbers-container h2,
.page-about-us .section-filler .numbers-container h3,
.page-about-us .section-filler .features-container p,
.page-about-us .section-filler .features-container h2,
.page-about-us .section-filler .features-container h3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-about-us .section-filler .numbers-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.page-about-us .section-filler .numbers-container::before,
.page-about-us .section-filler .numbers-container::after {
    content: '';
}

.page-about-us .section-filler .number {
    height: 260px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    flex-direction: column;
    background-color: white;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.page-about-us .section-filler .number div {
    height: 65px;
    background-size: contain;
    background-position: center;
}

.page-about-us .section-filler .icon-1 {
    background-image: url(../images/images/icon-1.png);
}

.page-about-us .section-filler .icon-2 {
    background-image: url(../images/images/icon-2.png);
}

.page-about-us .section-filler .icon-3 {
    background-image: url(../images/images/icon-3.png);
}

.page-about-us .section-filler .number h1 {
    font-size: 40px;
    padding: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.page-about-us .section-filler .number p {
    text-align: center;
}

/* features-container */
.page-about-us .section-filler .features-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-about-us .section-filler .features-container .feature {
    height: 175px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.page-about-us .section-filler .features-container .feature * {
    text-align: center;
}

.page-about-us .section-filler .features-container img {
    height: 95px;
}

/* ----------------------------------- */
/*   page-about-us - section-events    */
/* ----------------------------------- */
.page-about-us .section-events {
    overflow: hidden;
}

.page-about-us .section-events .container {
    position: relative;
}

.page-about-us .section-events .container::before {
    top: 0;
    right: 50%;
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    background-size: 100%;
    transform: translateX(50%);
    clip-path: ellipse(80% 100% at 50% 0);
    background-image: url(../images/back-light.jpg);
    z-index: -1;
}

.page-about-us .section-events h4 {
    color: #8C979F;
}

.page-about-us .section-events .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.page-about-us .section-events .swiper-slide {
    display: flex;
    cursor: pointer;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.page-about-us .section-events .swiper-slide img {
    width: 110%;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
    transform: scale(.9);
    transform-origin: bottom;
    transition: all .5s ease-in-out;
}

.page-about-us .section-events .swiper-slide:hover img {
    transform: scale(1) translateY(-10px);
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, .16);
}

.page-about-us .section-events .swiper-slide h4 {
    font-size: 16px;
    color: #233746;
}

.page-about-us .section-events .swiper-slide i {
    display: flex;
    color: #8C979F;
    align-items: center;
}

.page-about-us .section-events .swiper-slide i::before {
    content: '';
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon-date.svg);
}

.page-about-us  .container-swiper-button   {
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
}

.page-about-us  .swiper-pagination {
    display: flex;
    position: relative;
}

.page-about-us .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-about-us .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-about-us  .swiper-button-prev,
.page-about-us  .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-about-us  .swiper-button-prev:hover,
.page-about-us  .swiper-button-next:hover {
    opacity: 1;
}

.page-about-us  .swiper-button-prev:after,
.page-about-us  .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

.page-about-us  .button {
    transform: translateY(-50%);
}

/* ----------------------------------- */
/* page-contact-us - section-header */
/* ----------------------------------- */
.page-contact-us .section-header {
    overflow: hidden;
}

.page-contact-us .section-header .row {
    justify-content: space-between;
}

.page-contact-us .section-header * {
    color: #233746;
    overflow: visible;
}

.page-contact-us .section-header h1 span {
    background-color: #233746;
    border-radius: 4px;
    background-image: url(../images/icon-n-dark.svg);
}

.page-contact-us .section-header p {
    color: #233746;
}

.page-contact-us .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/contact-back.png);
    z-index: 0;
}

.page-contact-us .section-header::after {
    display: none;
}

.page-contact-us .section-header img {
    position: relative;
}

.map-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: relative;
}


/* ----------------------------------- */
/*  page-contact-us - section-address  */
/* ----------------------------------- */
.page-contact-us .section-address .container {
    position: relative;
}

.page-contact-us .section-address .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 1;
}

.page-contact-us .section-address .container .row {
    z-index: 1;
    flex-direction: row-reverse;
}

.page-contact-us .section-address .address-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-contact-us .section-address .address-container div {
    display: flex;
}

.page-contact-us .section-address .address-container div h4::after {
    content: '';
    margin-left: 10px;
}

.page-contact-us .section-address .address-container a {
    width: 25px;
    height: 25px;
    margin: 0 10px;
    background-size: contain;
    background-position: center;
}

.page-contact-us .section-address .address-container a img {
    border-radius: 0
}

.page-contact-us .section-address .img-container {
    overflow: hidden;
    position: relative;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-contact-us .section-address .container img {
    z-index: 1;
    border-radius: 10px;
}

.page-contact-us .section-address .img-container::after {
    top: 0;
    right: 30px;
    width: calc(100% - 60px);
    height: 100%;
    content: '';
    position: absolute;
    border-radius: 10px;
    background-color: rgb(35, 55, 70, .14);
    z-index: 1;
}

/* ----------------------------------- */
/*   page-contact-us - section-form    */
/* ----------------------------------- */
.page-contact-us .section-form .row {
    align-items: center;
    flex-direction: column;
}

.page-contact-us .section-form h4 {
    color: #8C979F;
    font-weight: 100;
}

.page-contact-us .section-form form {

}

.page-contact-us .section-form input,
.page-contact-us .section-form select {
    height: 60px;
    border: none;
    border-radius: 8px;
    background-color: #F3F4F5;
}

.page-contact-us .section-form .form-select {
    background-position: left 0.75rem center;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

.page-contact-us .section-form textarea {
    border: none;
    padding-top: 15px;
    border-radius: 8px;
    padding-bottom: 15px;
    background-color: #F3F4F5;
}
#gform_submit_button_1{
    color: white;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: #233746;
    transition: all .25s ease-in-out;
    border: 1px solid #233746 !important;
    height: auto;
}
.gform_body .gfield_label{
    font-size: 15px;
    color: #233746;
    line-height: 30px;
}
#gform_submit_button_1:hover{
    color: #233746;
    background-color: #fff;
}
#input_1_5 , #input_1_3{
    direction: ltr;
    text-align: left;
}
.section-form  .gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 0;
}
/* ----------------------------------- */
/*   page-question - section-header    */
/* ----------------------------------- */
.page-question .section-header {
    overflow: visible;
}

.page-question .section-header .row {
    justify-content: space-between;
}

.page-question .section-header * {
    color: white;
    overflow: visible;
}

.page-question .section-header p {
    color: rgb(255, 255, 255, .68);
}

.page-question .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/page-product-back.jpg);
    z-index: 0;
}

.page-question .section-header img {
    position: relative;
}

/* ----------------------------------- */
/*     page-question - section-faq     */
/* ----------------------------------- */
.page-question .section-faq .container {
    position: relative;
}

.page-question .section-faq .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

.page-question .section-faq .faq-item {
    color: #2C2C2E;
    overflow: hidden;
    transition: 0.3s;
}

.page-question .section-faq .faq-item:not(:last-child) {
    border-bottom: 2px solid rgb(35, 55, 70, .16);
}

.page-question .section-faq .faq-item-active {
    border: 0.5px solid #003383;
}

.page-question .section-faq .question {
    width: 100% !important;
    padding: 30px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    cursor: pointer;
    font-family: var(--main_font), Arial;
    border-radius: 16px;
    transition: 0.3s;
}

.page-question .section-faq .question span {
    top: 33%;
}

.page-question .section-faq .question::after {
    padding-top: 5px;
    width: fit-content;
    content: "❮";
    font-size: 20px;
    position: absolute;
    left: 20px;
    transition: 0.3s;
    font-weight: normal;
    opacity: .5;
    transform: rotate(-90deg);
}

.page-question .section-faq .question.active {
    background: #FFF;
}

.question.active::after {
    opacity: 1 !important;
    transform: rotate(-90deg) scaleX(-1) !important;
}

.page-question .section-faq .answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.page-question .section-faq .answer {
    padding: 0 20px 20px;
    line-height: 1.5rem;
}

.page-question .section-faq .answer p {
    color: #464646;
    font-family: var(--regular_font), Arial;
    text-align: justify;
    line-height: 28px;
}

/* ----------------------------------- */
/*     page-pages - section-header     */
/* ----------------------------------- */
.page-pages .section-header {
    overflow: visible;
}

.page-pages .section-header .row {
    justify-content: space-between;
}

.page-pages .section-header h1 span {
    border-radius: 4px;
    background-color: #233746;
    background-image: url(../images/icon-n-dark.svg);
}

.page-pages .section-header * {
    color: #233746;
    overflow: visible;
    z-index: 1;
}

.page-pages .section-header p {
    color: #233746;
}

.page-pages .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/pages-back.png);
    z-index: 0;
}

.page-pages .section-header img {
    position: relative;
}

.page-template-product-selection-guide-page h2 {
    position: relative;
    margin: 30px 0 15px;
}

.page-template-product-selection-guide-page h2::before {
    content: "";
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon-n-dark.svg);
}

.page-template-product-selection-guide-page p {
    font-weight: normal;
    text-align: justify;
    line-height: 32px;
}

/* ----------------------------------- */
/*   page-pages - section-description  */
/* ----------------------------------- */
.page-pages section .row {
    justify-content: flex-start;
}

.page-pages .section-description .container {
    position: relative;
}

.page-pages .section-description .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

/* ----------------------------------- */
/*   page-pages - section-shine-soft   */
/* ----------------------------------- */
.page-pages .section-shine h2,
.page-pages .section-soft h2 {
    text-align: right;
}

.page-pages .section-soft .container-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-pages .section-soft .container-img img {
    border-radius: 10px;
}

/* ----------------------------------- */
/*   page-pages - section-silk-smile   */
/* ----------------------------------- */
.page-pages .section-silk h2,
.page-pages .section-smile h2 {
    text-align: right;
}

.page-pages .section-smile img {
    height: 540px;
    object-fit: cover;
    border-radius: 10px;
    object-position: top center;
}

/* ----------------------------------- */
/*      page-pages - section-style     */
/* ----------------------------------- */
.page-pages .section-style h2 {
    text-align: right;
}

/* ----------------------------------- */
/*   page-choose-dr - section-header    */
/* ----------------------------------- */
.page-choose-dr .section-header {
    overflow: visible;
}

.page-choose-dr .section-header .row {
    justify-content: space-between;
}

.page-choose-dr .section-header * {
    color: white;
    overflow: visible;
}

.page-choose-dr .section-header p {
    color: rgb(255, 255, 255, .68);
}

.page-choose-dr .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/images/page-product-back.jpg);
    z-index: 0;
}

.page-choose-dr .section-header img {
    position: relative;
}

/* ----------------------------------- */
/*   page-choose-dr - section-address  */
/* ----------------------------------- */
.page-choose-dr .section-address .container {
    position: relative;
}

.page-choose-dr .section-address .container section {
    height: 60px;
}

.page-choose-dr .section-address .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

.page-choose-dr .section-address .container-address {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-choose-dr .select2 {
    margin-left: .5rem;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.page-choose-dr .select2-container,
.selection
.select2-selection,
.select2-selection__rendered {
    width: 270px !important;
    height: 60px !important;
}

.select2-selection__rendered {
    align-items: center;
    display: flex !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}

.select2-selection__arrow b {
    display: none !important;
}

/* map select option code of kanoon */
.page-choose-dr .bootstrap-select button {
    border: 2px solid white !important;
    background-color: transparent !important;
}

.page-choose-dr .selectpicker {
    color: white;
    padding: 0 10px;
}

.page-choose-dr .bootstrap-select button::before {
    display: none !important;
}

.page-choose-dr .open .dropdown-menu {
    display: block;
}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu {
    background-color: #003383;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 170px;
}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu.open {
    /* height: fit-content;
    transform: translateY(40px);
    max-height: unset !important;
    overflow: visible !important;
    box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.15); */
    transform: translateY(50px);
    max-height: 400px !important;

}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu {
    max-height: 340px !important;

}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu li a span.text {
    color: white;
    font-size: 12px;
    padding: 0 10px;
}

.bootstrap-select.btn-group .btn .filter-option {
    color: white;
    font-size: 12px;
    text-align: right;
}

.dropdown-toggle::after {
    font-size: 17px;
    margin-left: 20px;
}

.page-choose-dr .selectpicker option {
    border: none;
    background-color: white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding-left: 0;
    background: none;
}

.page-choose-dr .selectpicker {
    border: none;
    background-color: white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding-left: 0;
    background: none;
}

/* width */
.page-choose-dr ::-webkit-scrollbar {
    width: 15px;
}

/* Track */
.page-choose-dr ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.page-choose-dr ::-webkit-scrollbar-thumb {
    background: #233746;
    border-radius: 10px;
}

/* Handle on hover */
.page-choose-dr ::-webkit-scrollbar-thumb:hover {
    background: #233746;
}

.page-choose-dr .selectpicker option {
    border: none;
    background-color: white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding-left: 0;
    margin-top: -20px;
    background: none;
}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu li a {
    position: relative;
}

.page-choose-dr .bootstrap-select.btn-group .dropdown-menu li a span.text {
    width: 100%;
    height: 100%;
    font-size: 12px;
    padding: 0 10px;
}

.page-choose-dr .hide {
    display: none
}

.page-choose-dr select.selectpicker {
    border: none;
    background-color: white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding-left: 0;
    margin-top: -20px;
    background: none;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px;
    border: none !important;
    background-color: #F3F4F5;
}

.select2-selection__arrow {
    top: 50% !important;
    left: 15px !important;
    right: auto !important;
    width: 10px !important;
    height: 10px !important;
    transform: translateY(-120%);
    position: absolute !important;
}

.select2-selection__arrow::before {
    content: '❯';
    font-size: 20px;
    position: absolute;
    transform: rotate(-90deg);
    transition: all .25s ease-in-out;
}

.select2-container--open .select2-selection__arrow::before {
    transform: rotate(-90deg) scaleX(-1);
}

.page-choose-dr .section-address .container-btn {
    display: flex;
    justify-content: center;
}

.page-choose-dr .section-address .container-btn div {
    width: 114px;
    height: 60px;
    display: flex;
    border-radius: 8px;
    position: relative;
    align-items: center;
    background-color: #F3F4F5;
    justify-content: space-evenly;
}

.page-choose-dr .section-address .container-btn div::before {
    width: 20%;
    height: 90%;
    content: '';
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.page-choose-dr .section-address .container-btn div.btn-doctor::before {
    background-image: url(../images/icon-doctor.svg);
}

.page-choose-dr .section-address .container-btn div.btn-clinic::before {
    background-image: url(../images/icon-clinic.svg);
}

.page-choose-dr .section-address .container-btn div::after {
    font-size: 12px;
    color: #233746;
}

.page-choose-dr .section-address .container-btn div.btn-doctor::after {
    content: 'پزشک'
}

.page-choose-dr .section-address .container-btn div.btn-clinic::after {
    content: 'مطب'
}

.page-choose-dr .section-address .container-btn div.selected {
    background-color: white;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.page-choose-dr .section-address .container-btn input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    appearance: auto;
    border: 1px solid;
}

.wrapper {
    align-items: center;
    display: flex;
}

/* .wrapper .filter-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
} */

h3 small {
    display: block;
    font-size: 12px;
}

button {
    margin-top: 40px;
}

#map {
    width: 100%;
    height: 100vh;
    margin-top: 30px;
    border-radius: 12px;
}

.alert {
    color: red;
    display: none;
    font-size: 16px;
    font-weight: bold;
}

.alert.is-visible {
    display: block;
}

.tt-menu {
    border: 1px solid transparent;
    border-color: transparent lightgrey lightgrey lightgrey;
    background: white;
    width: 100%;
}

.tt-menu .tt-dataset .tt-suggestion {
    color: darkgrey;
    cursor: pointer;
    padding: 1rem;
    user-select: none;
}

.tt-menu .tt-dataset .tt-suggestion.tt-cursor, .tt-menu .tt-dataset .tt-suggestion:hover {
    background: lightgrey;
    color: white;
}

.tt-menu .tt-dataset .tt-suggestion + .tt-suggestion {
    border-top: 1px solid lightgrey;
}

.gm-style .gm-style-iw-c {
    padding: 20px !important;
    min-width: 200px !important;
    overflow: visible !important;
    border-radius: 6px !important;
    border-top-right-radius: 0 !important;
}

.gm-style .gm-style-iw-d {
    overflow: unset !important;
}

.gm-style .gm-style-iw-c button {
    top: 0 !important;
    right: 0 !important;
    border: none !important;
    display: flex !important;
    border-radius: 50% !important;
    align-items: center !important;
    transform: translate(50%, -50%);
    justify-content: center !important;
    background-color: #233746 !important;
}

.gm-style .gm-style-iw-c button::before {
    content: '+';
    font-size: 20px;
    transform: rotate(45deg);
    color: white !important;
}

.gm-style .gm-style-iw-c button span {
    display: none !important;
}

/* ----------------------------------- */
/*     page-blog - section-header      */
/* ----------------------------------- */
.page-blog .section-header {
    overflow: visible;
    position: relative;
}

.sec-left-pic {
    position: relative;
    align-items: flex-end;
}

.sec-left-pic .container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: fit-content;
}

.page-blog .section-header .row {
    justify-content: space-between;
}

.page-blog .section-header * {
    color: white;
    overflow: visible;
    z-index: 1;
}

.page-blog .section-header p {
    color: rgb(255, 255, 255, .68);
}

.page-blog .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/images/blog-back.png);
    z-index: 0;
}

.sec-left-pic::after {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-color: rgb(0, 0, 0, .3);
    z-index: 0;
}

.sec-left-pic img {
    z-index: 1;
}

/* ----------------------------------- */
/*       page-blog - section-blog      */
/* ----------------------------------- */
.page-blog .section-blog .container {
    position: relative;
}

.page-blog .section-blog .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%, -30px);
    z-index: 0;
}

.page-blog .section-blog .blog {
    display: flex;
    border-radius: 12px;
    background-color: white;
}

.page-blog .section-blog .blog:hover {
    transition: all .5s ease-in-out;
    box-shadow: 0 0 20px 0 rgb(0, 0, 0, .16);
}

.page-blog .section-blog .blog img {
    width: 290px;
    height: 290px;
    border-radius: 12px;
}

.page-blog .section-blog .blog .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-blog .section-blog .blog * {
    text-align: right;
}

.page-blog .section-blog .blog h5 {
    padding: 0 !important;
}

.page-blog .section-blog .blog .date {
    display: flex;
}

.page-blog .section-blog .blog .date p {
    display: flex;
    align-items: center;
}

.page-blog .section-blog .blog .date p span {
    content: '';
    margin: 0 5px;
    background-size: contain;
    background-position: center;
}

.page-blog .section-blog .blogf .date p:first-child span {
    width: 12px;
    height: 7px;
    background-image: url(../images/icon-eye.svg);
}

.page-blog .section-blog .blogf .date p:last-child span {
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-date.svg);
}

.page-blog .section-blog .container-swiper-button {
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
}

.page-blog .section-blog .swiper-button-prev,
.page-blog .section-blog .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-blog .section-blog .swiper-button-prev:after,
.page-blog .section-blog .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

.page-blog .section-blog .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-blog .section-blog .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-blog .section-blog .swiper-button-prev:hover,
.page-blog .section-blog .swiper-button-next:hover {
    opacity: 1;
}

/* ----------------------------------- */
/*    page-blog-show - section-blog    */
/* ----------------------------------- */
.page-blog-show .section-blog .container {
    position: relative;
}

.page-blog-show .section-blog .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

.page-blog-show .section-blog .container .row {
    justify-content: flex-start;
}

.page-blog-show .section-blog h2 {
    text-align: right;
}

.page-blog-show .section-blog img.wp-post-image {
    height: 580px;
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
}

.page-blog-show .section-blog p {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-blog-show .section-blog .container-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-blog-show .section-blog .container-img img {
    height: 540px;
}

/* ----------------------------------- */
/*  page-blog-show - section-hashtag   */
/* ----------------------------------- */
.page-blog-show .section-hashtag .container::before {
    content: '';
    right: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateX(50%);
    clip-path: ellipse(70% 100% at 50% 0);
    background-color: rgb(35, 55, 70, .04);
}

.page-blog-show .section-hashtag p {
    color: white;
    padding: 7px 10px;
    border-radius: 6px;
    background-color: #233746;
}

.page-blog-show .section-hashtag .container-hashtag {
    display: flex;
    justify-content: center;
}

.page-blog-show .section-hashtag form {
    display: flex;
    justify-content: center;
    transform: translateY(50%);
}

.page-blog-show .section-hashtag form div {
    border-radius: 50%;
    background-color: white;
    background-size: 40% auto;
    background-position: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-image: url(../images/images/like.svg);
}

.page-blog-show .section-hashtag form div.selected {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.page-blog-show .section-hashtag form div.dislike {
    transform: scaleY(-1);
}

.page-blog-show .section-hashtag form input {
    opacity: 0;
    width: 140px;
    height: 140px;
    cursor: pointer;
    appearance: auto;
    border: 1px solid;
}

/* ----------------------------------- */
/*  page-blog-show - section-articles  */
/* ----------------------------------- */
.page-blog-show .section-articles .container {
    max-width: unset;
}

.page-blog-show .section-articles .row {
    background-size: cover;
    background-position: center;
    padding-bottom: 0 !important;
}

.page-blog-show .section-articles h4 {
    color: #8C979F;
}

.page-blog-show .section-articles .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.page-blog-show .section-articles .swiper::after {
    left: 0;
    transform: scaleX(-1);
}

.page-blog-show .section-articles .swiper-slide {
    width: 370px;
    height: 465px;
    display: flex;
    padding: 25px;
    cursor: pointer;
    border-radius: 16px;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    transition: all .25s ease-in-out;
}

.page-blog-show .section-articles .swiper-slide:not(.swiper-slide-active,.swiper-slide-prev,.swiper-slide-next) {
    opacity: .5;
}

.page-blog-show .section-articles .swiper-slide:hover {
    background-color: white;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, .16);
}

.page-blog-show .section-articles .swiper-slide img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 16px;
}

.page-blog-show .section-articles .swiper-slide h4 {
    text-align: right;
}

.page-blog-show .section-articles .swiper-slide span.arrow {
    width: 40px;
    height: 40px;
    margin-right: auto;
    border-radius: 50%;
    background-size: 40% auto;
    background-position: center;
    background-color: #233746;
    transform: translate(50%, -50%);
    transition: all .25s ease-in-out;
    background-image: url(../images/icon-arrow.svg);
}
.page-blog-show .section-articles .swiper-slide span.arrow a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.page-blog-show .section-articles .swiper-slide:hover span.arrow {
    background-color: #D50054;
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, .16);
}

.page-blog-show .section-articles .swiper-slide h4 {
    width: 100%;
    font-size: 16px;
    color: #233746;
}

.page-blog-show .section-articles .swiper-slide i {
    display: flex;
    color: #8C979F;
    align-items: center;
}

.page-blog-show .section-articles .swiper-slide i:not(.i) {
    margin-left: 10px;
    margin-top: auto;
}

.page-blog-show .section-articles .swiper-slide .i:first-child {
    width: 100%;
}

.page-blog-show .section-articles .swiper-slide .i::before {
    width: 18px;
    height: 1px;
    content: '';
    margin-left: 5px;
    background-color: #8C979F;
}

.page-blog-show .section-articles .swiper-slide .date {
    display: flex;
    margin-top: auto;
}

.page-blog-show .section-articles .swiper-slide .date i {
    display: flex;
    align-items: center;
}

.page-blog-show .section-articles .swiper-slide .date i span {
    content: '';
    margin: 0 5px;
    background-size: contain;
    background-position: center;
}

.page-blog-show .section-articles .swiper-slide .date i:first-child span {
    width: 12px;
    height: 7px;
    background-image: url(../images/icon-eye.svg);
}


.page-blog-show .section-articles .swiper-slide .date i:last-child span {
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-date.svg);
}

.page-blog-show .section-articles .container-swiper-button {
    margin: auto;
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
}

.page-blog-show .section-articles .swiper-pagination {
    display: flex;
    position: relative;
}

.page-blog-show .section-articles .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-blog-show .section-articles .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-blog-show .section-articles .swiper-button-prev,
.page-blog-show .section-articles .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-blog-show .section-articles .swiper-button-prev:hover,
.page-blog-show .section-articles .swiper-button-next:hover {
    opacity: 1;
}

.page-blog-show .section-articles .swiper-button-prev:after,
.page-blog-show .section-articles .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

/* ----------------------------------- */
/*     page-event - section-header      */
/* ----------------------------------- */
.page-event .section-header {
    overflow: visible;
    position: relative;
}

.sec-left-pic {
    position: relative;
    align-items: flex-end;
}

.sec-left-pic .container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: fit-content;
}

.page-event .section-header .row {
    justify-content: space-between;
}

.page-event .section-header * {
    color: white;
    overflow: visible;
    z-index: 1;
}

.page-event .section-header p {
    color: rgb(255, 255, 255, .68);
}

.page-event .section-header::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    transform: scale(1.2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/images/event-back.png);
    z-index: 0;
}

.page-event .sec-left-pic::after {
    background-color: rgb(0, 0, 0, 0);
}

/* ----------------------------------- */
/*  page-event - section-events  */
/* ----------------------------------- */
.page-event .section-events {
    background-color: white;
}

.page-event .section-events .container {
    position: relative;
}

.page-event .section-events .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

.page-event .section-events .row {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.page-event .section-events .event {
    display: flex;
    flex-direction: column;
}

.page-event .section-events * {
    text-align: right;
}

.page-event .section-events img {
    height: 340px;
    object-fit: cover;
    border-radius: 12px;
}

.page-event .section-events .container-swiper-button {
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
    margin: 0 auto;
}

.page-event .section-events .swiper-button-prev,
.page-event .section-events .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-event .section-events .swiper-button-prev:after,
.page-event .section-events .swiper-button-next:after {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

.page-event .section-events .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    background: #707070;
    opacity: 1 !important;
}

.page-event .section-events .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: .3 !important;
}

.page-event .section-events .swiper-button-prev,
.page-event .section-events .swiper-button-next {
    left: 0;
    right: 0;
    width: 35px;
    opacity: .5;
    height: 35px;
    display: flex;
    margin: 0 10px;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #233746;
    transition: all .25s ease-in-out;
}

.page-event .section-events .swiper-button-prev:hover,
.page-event .section-events .swiper-button-next:hover {
    opacity: 1;
}

.page-event .section-events .date {
    display: flex;
    margin-top: auto;
}

.page-event .section-events .date p {
    display: flex;
    align-items: center;
}

.page-event .section-events .date p span {
    content: '';
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon-date.svg);
}

/* ----------------------------------- */
/*   page-event-show - section-event   */
/* ----------------------------------- */
.page-event-show .section-event .container {
    position: relative;
}

.page-event-show .section-event .container::before {
    right: 50%;
    width: 114%;
    content: '';
    height: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 12px;
    background-color: white;
    transform: translateX(50%);
    z-index: 0;
}

.page-event-show .section-event .row {
    justify-content: flex-start;
}

.page-event-show .section-event h2 {
    text-align: right;
}

.page-event-show .section-event .row p {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.page-event-show .section-event img {
    height: 580px;
    object-fit: cover;
    border-radius: 12px;
}

.page-event-show .section-event .container-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-event-show .section-event .container-img img {
    height: 540px;
}
.dashicons, .dashicons-before:before{
	font-family:dashicons !important;
}
.size-full{
	width:100%
}

#click-button{
	background: #233746;
    color: white;
    font-size: 30px;
    width: 30px;
    height: 30px;
}
.innericon{
	border: unset !important;
}
.social-linkedin{
	font-size: 25px;
	color: black;
}