@charset "UTF-8";

.nav-responsive-content ul li a,
.megamenu-content,
.megamenu-tabs li {
  position: relative;
}

.nav-responsive-content ul li.has-child>a::after,
.megamenu-content-item,
.megamenu-tabs li::after,
.megamenu::before {
  position: absolute;
}

.comments-jamin-items li .content,
.blog-jamin-aside-box-top-articles li,
.faq-jamin-items li .heading,
.contact-us-jamin-info-jamin li,
.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image .overlay,
.plugins-jamin-item .content .image,
.plans-content-options li,
.plans-content-name-item .image,
.footer-contact li,
.faq-home .tabs li,
.customers-comments-jamin-item .author,
.customers-comments-jamin-item .stars,
.sms-panel-plans-item .image,
.pagination-jamin,
.tabs-jamin,
.megamenu-content-item .right .links {
  display: flex;
}

.nav-responsive-content ul li a,
.megamenu-content-item .right .links a {
  display: block;
}

.blog-jamin-aside-box-top-articles li,
.faq-jamin-items li .heading,
.contact-us-jamin-info-jamin li,
.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image,
.plans-content-options li,
.plans-content-name-item .image,
.footer-contact li,
.faq-home .tabs li,
.customers-comments-jamin-item .author,
.customers-comments-jamin-item .stars,
.sms-panel-plans-item .image,
.pagination-jamin {
  align-items: center;
}

.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image .overlay,
.plugins-jamin-item .content .image,
.plans-content-name-item .image,
.sms-panel-plans-item .image,
.pagination-jamin {
  justify-content: center;
}

.megamenu-content-item .right .links {
  flex-direction: column;
}

a,
a:hover,
a:focus,
a:active,
*::after,
button,
.btn,
input,
.form-control {
  transition: all 0.3s ease-in-out;
}

.about-us-jamin-team-item .image::after,
.about-us-jamin-team-item .image::before,
.web-sms-service-files-item .content .image::after,
.plugins-jamin-item .content .image .overlay::after,
.customers-comments-jamin .container::after,
.new-articles-blog .container::before,
.special-features .row::after,
.nav-responsive,
.nav-responsive-backdrop,
.link-fix {
  top   : 0;
  left  : 0;
  width : 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
  color     : inherit;
  list-style: none;
}

ul,
ol {
  padding: 0;
  margin : 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.table> :not(caption)>*>* {
  box-shadow      : none;
  border          : 0;
  background-color: transparent;
}

img,
video,
svg,
i {
  vertical-align: middle;
  display       : inline-block;
}

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

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

button,
select {
  cursor: pointer;
}

button,
input,
textarea,
select {
  outline         : none;
  border          : none;
  padding         : 0;
  margin          : 0;
  background-color: transparent;
}

i {
  color: inherit;
}

input[type=tel],
input[type=number],
input[type=email] {
  direction: rtl;
}

textarea {
  resize: none;
}

a,
a:hover,
a:focus,
a:active,
.btn {
  color  : inherit;
  opacity: 1;
}

.app {
  overflow: hidden;
}

body {
  font-size  : 14px;
  font-weight: 400;
  line-height: 20px;
  text-align : right;
  direction  : rtl;
  background : linear-gradient(0deg, rgba(243, 245, 252, 0.3), rgba(243, 245, 252, 0.3)), #ffffff;
  color      : rgba(73, 73, 73, 0.6);
}

body.white {
  background: #fff;
}

@font-face {
  font-family : "icomoon";
  src         : url(../../../../../../../../../themes/karenTheme/assets/fonts/icon/icomoon.eot?kr5gqf);
  src         : url("../../../../../../../../../themes/karenTheme/assets/fonts/icon/icomoon.eot?kr5gqf#iefix") format("embedded-opentype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/icon/icomoon.ttf?kr5gqf) format("truetype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/icon/icomoon.woff?kr5gqf) format("woff"), url("../../../../../../../../../themes/karenTheme/assets/fonts/icon/icomoon.svg?kr5gqf#icomoon") format("svg");
  font-weight : normal;
  font-style  : normal;
  font-display: block;
}

[class^=icon-],
[class*=" icon-"] {
  font-family            : "icomoon" !important;
  font-style             : normal;
  font-weight            : normal;
  font-variant           : normal;
  text-transform         : none;
  line-height            : 1;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
  display                : inline-block;
  vertical-align         : middle;
}

.icon-computer:before {
  content: "\e9ca";
}

.icon-phone-12:before {
  content: "\e9cb";
}

.icon-photo:before {
  content: "\e9cc";
}

.icon-wallet-3:before {
  content: "\e9cd";
}

.icon-dental:before {
  content: "\e9be";
}

.icon-edit-square-2:before {
  content: "\e9bb";
}

.icon-cooperation:before {
  content: "\e9b2";
}

.icon-global-user:before {
  content: "\e9b3";
}

.icon-namad:before {
  content: "\e9b4";
}

.icon-play-5:before {
  content: "\e9b1";
}

.icon-cloud-2:before {
  content: "\e9ce";
}

.icon-personal-card:before {
  content: "\e9cf";
}

.icon-website:before {
  content: "\e9d0";
}

.icon-chat:before {
  content: "\e9c5";
}

.icon-download-4:before {
  content: "\e9c6";
}

.icon-global:before {
  content: "\e9c7";
}

.icon-setting:before {
  content: "\e9c8";
}

.icon-volume:before {
  content: "\e9c9";
}

.icon-home-3:before {
  content: "\e9c3";
}

.icon-wallet-2:before {
  content: "\e9c4";
}

.icon-edit-3:before {
  content: "\e9bf";
}

.icon-video-2:before {
  content: "\e9c0";
}

.icon-heart-3:before {
  content: "\e9c1";
}

.icon-user-4:before {
  content: "\e9c2";
}

.icon-ampool:before {
  content: "\e9b5";
}

.icon-barometer:before {
  content: "\e9b6";
}

.icon-blood-pumping:before {
  content: "\e9b7";
}

.icon-heart-2:before {
  content: "\e9b8";
}

.icon-heart-beat:before {
  content: "\e9b9";
}

.icon-microbial-detection:before {
  content: "\e9ba";
}

.icon-pause-2:before {
  content: "\e9ae";
}

.icon-play-3:before {
  content: "\e9af";
}

.icon-next:before {
  content: "\e9ac";
}

.icon-prev:before {
  content: "\e9ad";
}

.icon-paper-negative:before {
  content: "\e9d1";
}

.icon-play-4:before {
  content: "\e9b0";
}

.icon-valume-off:before {
  content: "\e9aa";
}

.icon-voice-2:before {
  content: "\e9ab";
}

.icon-scan-3:before {
  content: "\e9a9";
}

.icon-document:before {
  content: "\e9bd";
}

.icon-home-2:before {
  content: "\e9bc";
}

.icon-more-circle-2:before {
  content: "\e9a8";
}

.icon-angle-up-circle:before {
  content: "\e9a7";
}

.icon-card-2:before {
  content: "\e9a4";
}

.icon-check-square-2:before {
  content: "\e9a5";
}

.icon-valume:before {
  content: "\e9a6";
}

.icon-play-2:before {
  content: "\e9a0";
}

.icon-arrow-down-square:before {
  content: "\e99f";
}

.icon-flash:before {
  content: "\e99d";
}

.icon-card:before {
  content: "\e994";
}

.icon-ribbon:before {
  content: "\e995";
}

.icon-suport-24:before {
  content: "\e996";
}

.icon-volome:before {
  content: "\e997";
}

.icon-search-3:before {
  content: "\e993";
}

.icon-direct-send:before {
  content: "\e992";
}

.icon-pause:before {
  content: "\e9a2";
}

.icon-send-2:before {
  content: "\e99b";
}

.icon-google:before {
  content: "\e991";
}

.icon-document-upload:before {
  content: "\e990";
}

.icon-notification-2:before {
  content: "\e98c";
}

.icon-angle-left-circle-2:before {
  content: "\e986";
}

.icon-more-square:before {
  content: "\e999";
}

.icon-tick:before {
  content: "\e988";
}

.icon-angle-left-3:before {
  content: "\e985";
}

.icon-arrow-left-circle:before {
  content: "\e983";
}

.icon-phone-11:before {
  content: "\e982";
}

.icon-star-3:before {
  content: "\e980";
}

.icon-check-square:before {
  content: "\e99a";
}

.icon-home:before {
  content: "\e998";
}

.icon-clock:before {
  content: "\e98e";
}

.icon-location-4:before {
  content: "\e98f";
}

.icon-receipt:before {
  content: "\e98d";
}

.icon-user-3:before {
  content: "\e97e";
}

.icon-direct:before {
  content: "\e97d";
}

.icon-shopping-bag:before {
  content: "\e9a1";
}

.icon-global-map:before {
  content: "\e97c";
}

.icon-angle-dubble-left-2:before {
  content: "\e987";
}

.icon-filter-setting:before {
  content: "\e97b";
}

.icon-arrow-left-circle-2:before {
  content: "\e989";
}

.icon-arrow-right-circle:before {
  content: "\e98a";
}

.icon-user-tag:before {
  content: "\e98b";
}

.icon-mouse:before {
  content: "\e97f";
}

.icon-headphone:before {
  content: "\e97a";
}

.icon-fatrows:before {
  content: "\e979";
}

.icon-video-fill-2:before {
  content: "\e978";
}

.icon-angle-left-square:before {
  content: "\e977";
}

.icon-angle-right-square:before {
  content: "\e981";
}

.icon-comment-dots-outline:before {
  content: "\e96e";
}

.icon-phone-9:before {
  content: "\e96d";
}

.icon-phone-8:before {
  content: "\e96c";
}

.icon-upload:before {
  content: "\e96a";
}

.icon-folder-fill:before {
  content: "\e96b";
}

.icon-edit-square:before {
  content: "\e968";
}

.icon-time-square:before {
  content: "\e969";
}

.icon-arrow-left-4:before {
  content: "\e976";
}

.icon-arrow-down:before {
  content: "\e984";
}

.icon-email-4:before {
  content: "\e973";
}

.icon-location-3:before {
  content: "\e974";
}

.icon-phone-10:before {
  content: "\e975";
}

.icon-android:before {
  content: "\e965";
}

.icon-apple:before {
  content: "\e96f";
}

.icon-ios:before {
  content: "\e972";
}

.icon-linux:before {
  content: "\e970";
}

.icon-window:before {
  content: "\e971";
}

.icon-find-every-month:before {
  content: "\e963";
}

.icon-search-internet:before {
  content: "\e964";
}

.icon-arrow-left-3:before {
  content: "\e962";
}

.icon-arrow-left-2:before {
  content: "\e961";
}

.icon-comment-dots:before {
  content: "\e960";
}

.icon-angle-right-3:before {
  content: "\e95f";
}

.icon-angle-left-31:before {
  content: "\e9a3";
}

.icon-edit-2:before {
  content: "\e95c";
}

.icon-video:before {
  content: "\e95d";
}

.icon-voice:before {
  content: "\e95e";
}

.icon-cart-2:before {
  content: "\e956";
}

.icon-angle-inline:before {
  content: "\e952";
}

.icon-danger:before {
  content: "\e953";
}

.icon-info-square-2:before {
  content: "\e954";
}

.icon-phone-6:before {
  content: "\e955";
}

.icon-info-square:before {
  content: "\e94f";
}

.icon-scan-2:before {
  content: "\e950";
}

.icon-send:before {
  content: "\e951";
}

.icon-email-3:before {
  content: "\e95a";
}

.icon-phone-7:before {
  content: "\e95b";
}

.icon-download-3:before {
  content: "\e958";
}

.icon-users-2:before {
  content: "\e959";
}

.icon-users:before {
  content: "\e957";
}

.icon-eye-face:before {
  content: "\e94b";
}

.icon-face:before {
  content: "\e94c";
}

.icon-glasses:before {
  content: "\e94d";
}

.icon-lips:before {
  content: "\e94e";
}

.icon-toman-2:before {
  content: "\e94a";
}

.icon-angle-right-circle:before {
  content: "\e949";
}

.icon-scan:before {
  content: "\e946";
}

.icon-security:before {
  content: "\e947";
}

.icon-wallet:before {
  content: "\e948";
}

.icon-dribble:before {
  content: "\e945";
}

.icon-database-download:before {
  content: "\e93b";
}

.icon-could:before {
  content: "\e93c";
}

.icon-internet:before {
  content: "\e93d";
}

.icon-mobile-data:before {
  content: "\e93e";
}

.icon-network:before {
  content: "\e93f";
}

.icon-user-role:before {
  content: "\e940";
}

.icon-user-setting:before {
  content: "\e941";
}

.icon-wifi:before {
  content: "\e942";
}

.icon-arrow-left-square:before {
  content: "\e943";
}

.icon-arrow-right-square:before {
  content: "\e944";
}

.icon-download-2:before {
  content: "\e93a";
}

.icon-bookmark:before {
  content: "\e935";
}

.icon-angle-left-2:before {
  content: "\e936";
}

.icon-angle-right-2:before {
  content: "\e937";
}

.icon-heart-fill:before {
  content: "\e934";
}

.icon-star-squre:before {
  content: "\e933";
}

.icon-phone-5:before {
  content: "\e931";
}

.icon-filter-fill:before {
  content: "\e932";
}

.icon-search-2:before {
  content: "\e92f";
}

.icon-user-2:before {
  content: "\e92c";
}

.icon-location-2:before {
  content: "\e92d";
}

.icon-phone-4:before {
  content: "\e92e";
}

.icon-heart:before {
  content: "\e92a";
}

.icon-comments:before {
  content: "\e92b";
}

.icon-video-fill:before {
  content: "\e928";
}

.icon-gallery:before {
  content: "\e929";
}

.icon-angle-down-circle:before {
  content: "\e927";
}

.icon-angle-left-circle:before {
  content: "\e938";
}

.icon-star-2:before {
  content: "\e925";
}

.icon-more-circle:before {
  content: "\e924";
}

.icon-play:before {
  content: "\e923";
}

.icon-star:before {
  content: "\e91d";
}

.icon-calander-2:before {
  content: "\e91f";
}

.icon-folder:before {
  content: "\e920";
}

.icon-notification:before {
  content: "\e921";
}

.icon-phone-3:before {
  content: "\e91e";
}

.icon-arrow-right-fill:before {
  content: "\e91b";
}

.icon-toman:before {
  content: "\e91c";
}

.icon-instagram-2:before {
  content: "\e917";
}

.icon-pinterst:before {
  content: "\e918";
}

.icon-whatsapp:before {
  content: "\e919";
}

.icon-youtube:before {
  content: "\e91a";
}

.icon-calendar:before {
  content: "\e916";
}

.icon-filter:before {
  content: "\e926";
}

.icon-location:before {
  content: "\e915";
}

.icon-email-2:before {
  content: "\e914";
}

.icon-edit:before {
  content: "\e913";
}

.icon-plus:before {
  content: "\e922";
}

.icon-grid:before {
  content: "\e912";
}

.icon-angle-dubble-left:before {
  content: "\e900";
}

.icon-angle-dubble-down:before {
  content: "\e99c";
}

.icon-angle-left:before {
  content: "\e901";
}

.icon-angle-down:before {
  content: "\e939";
}

.icon-angle-left-fill:before {
  content: "\e902";
}

.icon-angle-down-fill:before {
  content: "\e967";
}

.icon-angle-up-fill:before {
  content: "\e99e";
}

.icon-angle-right-fill:before {
  content: "\e966";
}

.icon-angle-right:before {
  content: "\e903";
}

.icon-arrow-left:before {
  content: "\e904";
}

.icon-arrow-right:before {
  content: "\e930";
}

.icon-cart:before {
  content: "\e905";
}

.icon-chart:before {
  content: "\e906";
}

.icon-download:before {
  content: "\e907";
}

.icon-email:before {
  content: "\e908";
}

.icon-gps:before {
  content: "\e909";
}

.icon-info-circle:before {
  content: "\e90a";
}

.icon-instagram:before {
  content: "\e90b";
}

.icon-login:before {
  content: "\e90c";
}

.icon-phone:before {
  content: "\e90d";
}

.icon-phone-2:before {
  content: "\e90e";
}

.icon-search:before {
  content: "\e90f";
}

.icon-user:before {
  content: "\e910";
}

.icon-user-plus:before {
  content: "\e911";
}

@font-face {
  font-family : "ico";
  src         : url(../../../../../../../../../themes/karenTheme/assets/fonts/font-icon/icomoon.eot);
  src         : url(../../../../../../../../../themes/karenTheme/assets/fonts/font-icon/icomoon.eot) format("embedded-opentype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/font-icon/icomoon.ttf) format("truetype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/font-icon/icomoon.woff) format("woff"), url(../../../../../../../../../themes/karenTheme/assets/fonts/font-icon/icomoon.svg) format("svg");
  font-weight : normal;
  font-style  : normal;
  font-display: block;
}

[class^=ico-],
[class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family            : "ico" !important;
  speak                  : never;
  font-style             : normal;
  font-weight            : normal;
  font-variant           : normal;
  text-transform         : none;
  line-height            : 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-sitemap-svgrepo-com:before {
  content: "\e96f";
}

.ico-world-wide-web-svgrepo-com:before {
  content: "\e96d";
}

.ico-domain-www-svgrepo-com:before {
  content: "\e96e";
}

.ico-database-server-ui-svgrepo-com:before {
  content: "\e96c";
}

.ico-note-business-marketplace-shop-sale-buy-marketing-svgrepo-com:before {
  content: "\e96a";
}

.ico-shield-svgrepo-com:before {
  content: "\e96b";
}

.ico-person-svgrepo-com:before {
  content: "\e969";
}

.ico-tick-circle-svgrepo-com-1:before {
  content: "\e965";
  color  : #030d45;
}

.ico-noun-quotation-mark-2822674:before {
  content: "\e962";
}

.ico-noun-quotation-mark-2822684:before {
  content: "\e961";
}

.ico-computer-svgrepo-com-1:before {
  content: "\e968";
}

.ico-accept-approved-check-done-ok-tick-svgrepo-com:before {
  content: "\e963";
}

.ico-list-check-minimalistic-svgrepo-com:before {
  content: "\e964";
  color  : #1c274c;
}

.ico-security-safe-svgrepo-com:before {
  content: "\e966";
}

.ico-chart-column-grow-svgrepo-com:before {
  content: "\e967";
}

.ico-eye-show-svgrepo-com:before {
  content: "\e95d";
}

.ico-edit:before {
  content: "\e95b";
}

.ico-info:before {
  content: "\e95a";
}

.ico-support-svgrepo-com:before {
  content: "\e955";
}

.ico-question:before {
  content: "\e957";
}

.ico-notes:before {
  content: "\e956";
}

.ico-messages-2:before {
  content: "\e954";
}

.ico-search:before {
  content: "\e953";
}

.ico-message:before {
  content: "\e94e";
}

.ico-google-plus-svgrepo-com-1:before {
  content: "\e94c";
}

.ico-google-plus-svgrepo-com:before {
  content: "\e94d";
}

.ico-instagram-svgrepo-com:before {
  content: "\e94a";
}

.ico-telegram-alt-svgrepo-com:before {
  content: "\e94b";
}

.ico-youtube:before {
  content: "\e921";
}

.ico-twitter:before {
  content: "\e922";
}

.ico-twitter2:before {
  content: "\e923";
}

.ico-tumblr:before {
  content: "\e924";
}

.ico-telegram:before {
  content: "\e925";
}

.ico-social-media1:before {
  content: "\e926";
}

.ico-social-media2:before {
  content: "\e927";
}

.ico-social-media:before {
  content: "\e928";
}

.ico-skype:before {
  content: "\e929";
}

.ico-shopping-bag:before {
  content: "\e92a";
}

.ico-profile:before {
  content: "\e92b";
}

.ico-location:before {
  content: "\e92c";
}

.ico-linkedin:before {
  content: "\e92d";
}

.ico-linkedin2:before {
  content: "\e92e";
}

.ico-facebook:before {
  content: "\e92f";
}

.ico-facebook2:before {
  content: "\e930";
}

.ico-cart2:before {
  content: "\e931";
}

.ico-Outline-1:before {
  content: "\e932";
}

.ico-call:before {
  content: "\e933";
}

.ico-basket:before {
  content: "\e934";
}

.ico-bars1:before {
  content: "\e935";
}

.ico-tick:before {
  content: "\e936";
}

.ico-Approve:before {
  content: "\e937";
}

.ico-bars:before {
  content: "\e938";
}

.ico-adobe:before {
  content: "\e939";
}

.ico-account2:before {
  content: "\e93a";
}

.ico-account:before {
  content: "\e93b";
}

.ico-whatsapp-128-svgrepo-com:before {
  content: "\e949";
}

.ico-fax-free-5-svgrepo-com:before {
  content: "\e93c";
}

.ico-fax-machine-svgrepo-com:before {
  content: "\e93d";
}

.ico-cloud-computing-svgrepo-com-2:before {
  content: "\e93e";
}

.ico-cloud-computing-svgrepo-com-1:before {
  content: "\e93f";
}

.ico-cloud-computing-svgrepo-com:before {
  content: "\e940";
}

.ico-smartphone-svgrepo-com:before {
  content: "\e941";
}

.ico-check2-all:before {
  content: "\e942";
}

.ico-filetype-pdf:before {
  content: "\e943";
}

.ico-clock-fill:before {
  content: "\e944";
}

.ico-aparat-svgrepo-com:before {
  content: "\e945";
}

.ico-whatsapp:before {
  content: "\e946";
}

.ico-telephone-fill:before {
  content: "\e947";
}

.ico-play-alt:before {
  content: "\e958";
}

.ico-play:before {
  content: "\e959";
}

.ico-close:before {
  content: "\e952";
}

.ico-cancel:before {
  content: "\e94f";
}

.ico-circle-left:before {
  content: "\e916";
}

.ico-left:before {
  content: "\e916";
}

.ico-circle-previous:before {
  content: "\e916";
}

.ico-arrow:before {
  content: "\e916";
}

.ico-circle-down:before {
  content: "\e917";
}

.ico-down:before {
  content: "\e917";
}

.ico-circle-bottom:before {
  content: "\e917";
}

.ico-arrow1:before {
  content: "\e917";
}

.ico-circle-right:before {
  content: "\e918";
}

.ico-right:before {
  content: "\e918";
}

.ico-circle-next:before {
  content: "\e918";
}

.ico-arrow2:before {
  content: "\e918";
}

.ico-circle-up:before {
  content: "\e919";
}

.ico-up:before {
  content: "\e919";
}

.ico-circle-top:before {
  content: "\e919";
}

.ico-arrow3:before {
  content: "\e919";
}

.ico-cross:before {
  content: "\e950";
}

.ico-star-half-empty:before {
  content: "\e91a";
}

.ico-star-o:before {
  content: "\e91b";
}

.ico-star-half:before {
  content: "\e91c";
}

.ico-star:before {
  content: "\e91d";
}

.ico-arrow-right:before {
  content: "\e900";
}

.ico-arrow-left:before {
  content: "\e901";
}

.ico-arrow-down:before {
  content: "\e902";
}

.ico-arrow-up:before {
  content: "\e903";
}

.ico-share:before {
  content: "\e95c";
}

.ico-clear:before {
  content: "\e951";
}

.ico-menu:before {
  content: "\e948";
}

.ico-star_outline:before {
  content: "\e91e";
}

.ico-star_outline1:before {
  content: "\e91f";
}

.ico-star_half:before {
  content: "\e920";
}

.ico-arrow_downward:before {
  content: "\e904";
}

.ico-subdirectory_arrow_right:before {
  content: "\e905";
}

.ico-subdirectory_arrow_left:before {
  content: "\e906";
}

.ico-arrow_upward:before {
  content: "\e907";
}

.ico-arrow_forward:before {
  content: "\e908";
}

.ico-keyboard_arrow_up:before {
  content: "\e909";
}

.ico-keyboard_arrow_right:before {
  content: "\e90a";
}

.ico-keyboard_arrow_left:before {
  content: "\e90b";
}

.ico-keyboard_arrow_down:before {
  content: "\e90c";
}

.ico-home:before {
  content: "\e970";
}

.ico-copy:before {
  content: "\e960";
}

.ico-minus:before {
  content: "\e95f";
}

.ico-plus:before {
  content: "\e95e";
}

.ico-arrow-right-circle:before {
  content: "\e90d";
}

.ico-arrow-left-circle:before {
  content: "\e90e";
}

.ico-arrow-down-circle:before {
  content: "\e90f";
}

.ico-arrow-up-circle:before {
  content: "\e910";
}

.ico-arrow-up-right:before {
  content: "\e911";
}

.ico-arrow-right1:before {
  content: "\e912";
}

.ico-arrow-left1:before {
  content: "\e913";
}

.ico-arrow-down1:before {
  content: "\e914";
}

.ico-arrow-up1:before {
  content: "\e915";
}

@font-face {
  font-family : "icon-jamin";
  src         : url(../../../../../../../../../themes/karenTheme/assets/fonts/icon-jamin/icomoon.eot?i48lqv);
  src         : url("../../../../../../../../../themes/karenTheme/assets/fonts/icon-jamin/icomoon.eot?i48lqv#iefix") format("embedded-opentype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/icon-jamin/icomoon.ttf?i48lqv) format("truetype"), url(../../../../../../../../../themes/karenTheme/assets/fonts/icon-jamin/icomoon.woff?i48lqv) format("woff"), url("../../../../../../../../../themes/karenTheme/assets/fonts/icon-jamin/icomoon.svg?i48lqv#icomoon") format("svg");
  font-weight : normal;
  font-style  : normal;
  font-display: block;
}

[class^=icon-jamin-],
[class*=" icon-jamin-"] {
  font-family            : "icon-jamin" !important;
  font-style             : normal;
  font-weight            : normal;
  font-variant           : normal;
  text-transform         : none;
  line-height            : 1;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
  display                : inline-block;
  vertical-align         : middle;
}

.icon-jamin-comment:before {
  content: "\e92c";
}

.icon-jamin-print:before {
  content: "\e92d";
}

.icon-jamin-reply:before {
  content: "\e92e";
}

.icon-jamin-search:before {
  content: "\e92b";
}

.icon-jamin-minuse-circle:before {
  content: "\e929";
}

.icon-jamin-plus-circle:before {
  content: "\e92a";
}

.icon-jamin-key:before {
  content: "\e925";
}

.icon-jamin-download:before {
  content: "\e926";
}

.icon-jamin-star-o:before {
  content: "\e924";
}

.icon-jamin-sms-2:before {
  content: "\e922";
}

.icon-jamin-user-plus:before {
  content: "\e927";
}

.icon-jamin-user:before {
  content: "\e928";
}

.icon-jamin-menu-2:before {
  content: "\e923";
}

.icon-jamin-youtube:before {
  content: "\e900";
}

.icon-jamin-angle-dubble-left:before {
  content: "\e901";
}

.icon-jamin-arrow-circle-left:before {
  content: "\e902";
}

.icon-jamin-arrow-left:before {
  content: "\e903";
}

.icon-jamin-arrow-right-circle:before {
  content: "\e904";
}

.icon-jamin-arrow-up:before {
  content: "\e905";
}

.icon-jamin-bolt:before {
  content: "\e906";
}

.icon-jamin-card:before {
  content: "\e907";
}

.icon-jamin-cart-add:before {
  content: "\e908";
}

.icon-jamin-chat:before {
  content: "\e909";
}

.icon-jamin-check-circle:before {
  content: "\e90a";
}

.icon-jamin-clock:before {
  content: "\e90b";
}

.icon-jamin-email-open:before {
  content: "\e90c";
}

.icon-jamin-email-open-2:before {
  content: "\e90d";
}

.icon-jamin-facebook:before {
  content: "\e90e";
}

.icon-jamin-headset:before {
  content: "\e90f";
}

.icon-jamin-home:before {
  content: "\e910";
}

.icon-jamin-instagram:before {
  content: "\e911";
}

.icon-jamin-landing-page:before {
  content: "\e912";
}

.icon-jamin-location:before {
  content: "\e913";
}

.icon-jamin-message:before {
  content: "\e914";
}

.icon-jamin-messages:before {
  content: "\e915";
}

.icon-jamin-phone:before {
  content: "\e916";
}

.icon-jamin-phone-call:before {
  content: "\e917";
}

.icon-jamin-pinterest:before {
  content: "\e918";
}

.icon-jamin-ques:before {
  content: "\e919";
}

.icon-jamin-refresh:before {
  content: "\e91a";
}

.icon-jamin-send:before {
  content: "\e91b";
}

.icon-jamin-star:before {
  content: "\e91c";
}

.icon-jamin-suitcases:before {
  content: "\e91d";
}

.icon-jamin-twitter:before {
  content: "\e91e";
}

.icon-jamin-cancel:before {
  content: "\e920";
}

.icon-jamin-check_circle:before {
  content: "\e921";
}

.icon-jamin-menu:before {
  content: "\e91f";
}

.rounded-inherit {
  border-radius: inherit;
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-5 {
  border-radius: 5px;
}

.rounded-6 {
  border-radius: 6px;
}

.rounded-7 {
  border-radius: 7px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-9 {
  border-radius: 9px;
}

.rounded-10 {
  border-radius: 10px;
}

.rounded-11 {
  border-radius: 11px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-13 {
  border-radius: 13px;
}

.rounded-14 {
  border-radius: 14px;
}

.rounded-15 {
  border-radius: 15px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-17 {
  border-radius: 17px;
}

.rounded-18 {
  border-radius: 18px;
}

.rounded-19 {
  border-radius: 19px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-21 {
  border-radius: 21px;
}

.rounded-22 {
  border-radius: 22px;
}

.rounded-23 {
  border-radius: 23px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-25 {
  border-radius: 25px;
}

.rounded-26 {
  border-radius: 25px;
}

.rounded-27 {
  border-radius: 27px;
}

.rounded-28 {
  border-radius: 28px;
}

.rounded-29 {
  border-radius: 29px;
}

.rounded-30 {
  border-radius: 30px;
}

.rounded-31 {
  border-radius: 31px;
}

.rounded-32 {
  border-radius: 32px;
}

.rounded-33 {
  border-radius: 33px;
}

.rounded-35 {
  border-radius: 35px;
}

.rounded-36 {
  border-radius: 35px;
}

.rounded-37 {
  border-radius: 37px;
}

.rounded-38 {
  border-radius: 38px;
}

.rounded-39 {
  border-radius: 39px;
}

.rounded-40 {
  border-radius: 40px;
}

.rounded-45 {
  border-radius: 45px;
}

.rounded-50 {
  border-radius: 50px;
}

.mxw-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.dir-ltr {
  direction: ltr;
}

.transition-ease-in-out {
  transition: all 0.3s ease-in-out;
}

.transition-linear {
  transition: all 0.3s linear;
}

.position-unset {
  position: unset;
}

.img-cover {
  -o-object-fit: cover;
  object-fit   : cover;
}

.z-2 {
  z-index: 2;
}

.flex-fill-2 {
  flex: 0 0 auto;
}

.gap-14 {
  gap: 14px;
}

.gap-18 {
  gap: 18px;
}

.gap-20 {
  gap: 20px;
}

.gap-y-19 {
  row-gap: 19px;
}

.gap-y-21 {
  row-gap: 21px;
}

.gap-y-24 {
  row-gap: 24px;
}

.gap-y-38 {
  row-gap: 38px;
}

.stretched-link::after {
  z-index: 10;
}

.cursor-pointer {
  cursor: pointer;
}

@media only screen and (max-width: 575px) {
  .overflow-xs-visible {
    overflow: visible;
  }
}

:root {
  --default-color-select-two           : #869beb;
  --form-control-focused-border-color  : #1081e8;
  --form-control-focused-shadow        : 16, 129, 232;
  --form-control-focused-shadow-opacity: 0.2;
}

[class^=btn-gradient],
[class*=" btn-gradient"] {
  position: relative;
  overflow: hidden;
  z-index : 3;
}

[class^=btn-gradient]::after,
[class*=" btn-gradient"]::after {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  z-index   : -1;
  transition: all 0.3s linear;
  opacity   : 0;
  visibility: hidden;
}

[class^=btn-gradient]:hover::after,
[class*=" btn-gradient"]:hover::after {
  opacity   : 1;
  visibility: visible;
}

[class^=btn-gradient].btn-bordered::before,
[class*=" btn-gradient"].btn-bordered::before {
  content      : "";
  position     : absolute;
  border-radius: inherit;
  padding      : 1px;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 100%;
  z-index      : -2;
}

[class^=btn-gradient].btn-bordered>*,
[class*=" btn-gradient"].btn-bordered>* {
  background-image       : inherit;
  color                  : transparent;
  -webkit-background-clip: text;
  background-clip        : text;
  transition             : all 0.3s ease-in-out;
}

[class^=btn-gradient].btn-bordered:hover>*,
[class*=" btn-gradient"].btn-bordered:hover>* {
  background: transparent;
  color     : inherit;
}

.btn {
  border     : none;
  box-shadow : none;
  font-size  : 14px;
  line-height: 20px;
  padding    : 14px 18px;
}

.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: inherit;
}

.btn-primary {
  color: #fff;
}

.btn-success {
  background-color: #26d59c;
  color           : #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #1eaa7c !important;
  color           : #fff !important;
}

.btn-success-2 {
  background-color: #1dcc9d;
  color           : #fff;
}

.btn-success-2:hover,
.btn-success-2:focus,
.btn-success-2:active {
  background-color: #179f7b !important;
  color           : #fff !important;
}

.btn-success-3 {
  background-color: #25d366;
  color           : #fff;
}

.btn-success-3:hover,
.btn-success-3:focus,
.btn-success-3:active {
  background-color: #1da851;
  color           : #fff;
}

.btn-success-4 {
  background-color: #27ad7b;
  color           : #fff;
}

.btn-success-4:hover,
.btn-success-4:focus,
.btn-success-4:active {
  background-color: #1e835d;
  color           : #fff;
}

.btn-success-4-5 {
  background-color: rgba(39, 173, 123, 0.05);
  color           : rgba(73, 73, 73, 0.8);
}

.btn-success-4-5:hover,
.btn-success-4-5:focus,
.btn-success-4-5:active {
  background-color: #27ad7b;
  color           : #fff;
}

.btn-purple {
  background-color: #7a67db;
  color           : #fff;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
  background-color: #563ed1 !important;
  color           : #fff !important;
}

.btn-purple-2 {
  background-color: #6d4983;
  color           : #fff;
}

.btn-purple-2:hover,
.btn-purple-2:focus,
.btn-purple-2:active {
  background-color: #523762;
  color           : #fff !important;
}

.btn-purple-3 {
  background-color: #869beb;
  color           : #fff;
}

.btn-purple-3:hover,
.btn-purple-3:focus,
.btn-purple-3:active {
  background-color: #5a77e4;
  color           : #fff;
}

.btn-warning {
  background-color: #ff9f0f;
  color           : #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #db8300 !important;
  color           : #fff;
}

.btn-warning-2 {
  background-color: #f6ae00;
  color           : #fff;
}

.btn-warning-2:hover,
.btn-warning-2:focus,
.btn-warning-2:active {
  background-color: #cd9100;
  color           : #fff;
}

.btn-warning-3 {
  background-color: #fcb712;
  color           : #fff;
}

.btn-warning-3:hover,
.btn-warning-3:focus,
.btn-warning-3:active {
  background-color: #e2a003;
  color           : #fff;
}

.btn-warning-3-50 {
  background-color: rgba(252, 183, 18, 0.5);
  color           : #fff;
}

.btn-warning-3-50:hover,
.btn-warning-3-50:focus,
.btn-warning-3-50:active {
  background-color: #fcb712;
  color           : #fff;
}

.btn-warning-4 {
  background-color: #f6b500;
  color           : #fff;
}

.btn-warning-4:hover,
.btn-warning-4:focus,
.btn-warning-4:active {
  background-color: #cd9700;
  color           : #fff;
}

.btn-warning-5 {
  background-color: rgba(246, 181, 0, 0.3);
  color           : #f6b500;
}

.btn-warning-5:hover,
.btn-warning-5:focus,
.btn-warning-5:active {
  background-color: #f6b500;
  color           : #fff;
}

.btn-warning-6 {
  background-color: #f69400;
  color           : #fff;
}

.btn-warning-6:hover,
.btn-warning-6:focus,
.btn-warning-6:active {
  background-color: #c37500;
  color           : #fff;
}

.btn-blue {
  background-color: #2693cd;
  color           : #fff;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: #1e74a2 !important;
  color           : #fff;
}

.btn-blue-2 {
  background-color: #1d6ffa;
  color           : #fff;
}

.btn-blue-2:hover,
.btn-blue-2:focus,
.btn-blue-2:active {
  background-color: #0556df;
  color           : #fff;
}

.btn-blue-3 {
  background-color: #2e365d;
  color           : #fff;
}

.btn-blue-3:hover,
.btn-blue-3:focus,
.btn-blue-3:active {
  background-color: #1d223b;
  color           : #fff;
}

.btn-blue-4 {
  background-color: #0547c1;
  color           : #fff;
}

.btn-blue-4:hover,
.btn-blue-4:focus,
.btn-blue-4:active {
  background-color: #04358f;
  color           : #fff;
}

.btn-danger {
  background-color: #e63a2c;
  color           : #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #c72518 !important;
  color           : #fff;
}

.btn-danger-2 {
  background-color: #ff5656;
  color           : #fff;
}

.btn-danger-2:hover,
.btn-danger-2:focus,
.btn-danger-2:active {
  background-color: #ff2323 !important;
  color           : #fff;
}

.btn-danger-3 {
  background-color: #e30d0c;
  color           : #fff;
}

.btn-danger-3:hover,
.btn-danger-3:focus,
.btn-danger-3:active {
  background-color: #b30a09 !important;
  color           : #fff;
}

.btn-danger-4 {
  background-color: #d93543;
  color           : #fff;
}

.btn-danger-4:hover,
.btn-danger-4:focus,
.btn-danger-4:active {
  background-color: #b8232f !important;
  color           : #fff;
}

.btn-danger-5 {
  background-color: #ea263a;
  color           : #fff;
}

.btn-danger-5:hover,
.btn-danger-5:focus,
.btn-danger-5:active {
  background-color: #ca1426 !important;
  color           : #fff;
}

.btn-danger-6 {
  background-color: #e9255a;
  color           : #fff;
}

.btn-danger-6:hover,
.btn-danger-6:focus,
.btn-danger-6:active {
  background-color: #c71444 !important;
  color           : #fff;
}

.btn-danger-6-5 {
  background-color: rgba(233, 37, 90, 0.05);
  color           : rgba(73, 73, 73, 0.8);
}

.btn-danger-6-5:hover,
.btn-danger-6-5:focus,
.btn-danger-6-5:active {
  background-color: #e9255a;
  color           : #fff;
}

.btn-dark {
  background-color: #0f2851;
  color           : #fff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: #071326 !important;
  color           : #fff;
}

.btn-dark-2 {
  background-color: rgba(91, 91, 91, 0.51);
  color           : #fff;
}

.btn-dark-2:hover,
.btn-dark-2:focus,
.btn-dark-2:active {
  background-color: #5b5b5b;
  color           : #fff;
}

.btn-default {
  background-color: #494949;
  color           : #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: #303030 !important;
  color           : #fff;
}

.btn-info {
  background-color: #1081e8;
  color           : #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #0d66b8;
  color           : #fff;
}

.btn-info_5 {
  background-color: rgba(82, 167, 202, 0.05);
  color           : #52a7ca;
}

.btn-info_5:hover,
.btn-info_5:focus,
.btn-info_5:active {
  background-color: #52a7ca;
  color           : #fff;
}

.btn-info-2 {
  background-color: #26a5e5;
  color           : #fff;
}

.btn-info-2:hover,
.btn-info-2:focus,
.btn-info-2:active {
  background-color: #1788c1;
  color           : #fff;
}

.btn-info-3 {
  background-color: #5692e6;
  color           : #fff;
}

.btn-info-3:hover,
.btn-info-3:focus,
.btn-info-3:active {
  background-color: #2a75df;
  color           : #fff;
}

.btn-info-4 {
  background-color: #52a7ca;
  color           : #fff;
}

.btn-info-4:hover,
.btn-info-4:focus,
.btn-info-4:active {
  background-color: #378eb2;
  color           : #fff;
}

.btn-info-4-5 {
  background-color: rgba(82, 167, 202, 0.05);
  color           : #52a7ca;
}

.btn-info-4-5:hover,
.btn-info-4-5:focus,
.btn-info-4-5:active {
  background-color: #52a7ca;
  color           : #fff;
}

.btn-orange {
  background-color: #ff8353;
  color           : #fff;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  background-color: #ff5e20;
  color           : #fff;
}

.btn-orange-2 {
  background-color: rgba(255, 131, 83, 0.05);
  color           : #ff8353;
}

.btn-orange-2:hover,
.btn-orange-2:focus,
.btn-orange-2:active {
  background-color: #ff8353;
  color           : #fff;
}

.btn-orange-3 {
  background-color: #ffe5de;
  color           : #e76f51;
}

.btn-orange-3:hover,
.btn-orange-3:focus,
.btn-orange-3:active {
  background-color: #e76f51;
  color           : #fff;
}

.btn-orange-4 {
  background-color: #e76f51;
  color           : #fff;
}

.btn-orange-4:hover,
.btn-orange-4:focus,
.btn-orange-4:active {
  background-color: #e2512d;
  color           : #fff;
}

.btn-gold {
  background-color: #b69d74;
  color           : #fff;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
  background-color: #a28555;
  color           : #fff;
}

.btn-gray {
  background-color: #57648b;
  color           : #fff;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
  background-color: #434d6c;
  color           : #fff;
}

.btn-gray-2 {
  background-color: rgba(87, 100, 139, 0.2);
  color           : #57648b;
}

.btn-gray-2:hover,
.btn-gray-2:focus,
.btn-gray-2:active {
  background-color: rgba(87, 100, 139, 0.6);
  color           : #fff;
}

.btn-gray-3 {
  background-color: rgba(87, 100, 139, 0.1);
  color           : #57648b;
}

.btn-gray-3:hover,
.btn-gray-3:focus,
.btn-gray-3:active {
  background-color: rgba(87, 100, 139, 0.5);
  color           : #fff;
}

.btn-white {
  background-color: #fff;
  color           : rgba(18, 18, 18, 0.3);
}

.btn-white:hover {
  background-color: rgba(18, 18, 18, 0.3);
  color           : #121212;
}

.btn-outline-purple {
  border: 0.5px solid #7a67db;
  color : rgba(122, 103, 219, 0.5);
}

.btn-outline-purple:hover,
.btn-outline-purple:focus,
.btn-outline-purple:active {
  background-color: #7a67db !important;
  color           : #fff !important;
}

.btn-outline-purple-2 {
  border: 0.5px solid #6b88c9;
  color : #6b88c9;
}

.btn-outline-purple-2:hover,
.btn-outline-purple-2:focus,
.btn-outline-purple-2:active {
  background-color: #6b88c9;
  color           : #fff;
}

.btn-outline-default {
  border: 2px solid rgba(73, 73, 73, 0.5);
  color : rgba(73, 73, 73, 0.8);
}

.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:active {
  background-color: #494949 !important;
  border-color    : #494949 !important;
  color           : #fff !important;
}

.btn-outline-warning {
  border: 1px solid #f6ae00;
  color : #f6ae00;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
  background-color: #f6ae00 !important;
  border-color    : #f6ae00 !important;
  color           : #fff !important;
}

.btn-outline-blue {
  border: 1px solid #2693cd;
  color : #2693cd;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active {
  background-color: #2693cd !important;
  border-color    : #2693cd !important;
  color           : #fff !important;
}

.btn-outline-blue-2 {
  border: 1px solid #2e365d;
  color : #2e365d;
}

.btn-outline-blue-2:hover,
.btn-outline-blue-2:focus,
.btn-outline-blue-2:active {
  background-color: #2e365d;
  border-color    : #2e365d;
  color           : #fff;
}

.btn-outline-blue-3 {
  border: 1px solid #0547c1;
  color : #0547c1;
}

.btn-outline-blue-3:hover,
.btn-outline-blue-3:focus,
.btn-outline-blue-3:active {
  background-color: #0547c1;
  border-color    : #0547c1;
  color           : #fff;
}

.btn-outline-info {
  border: 1px solid #1081e8;
  color : #1081e8;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
  background-color: #1081e8 !important;
  border-color    : #1081e8 !important;
  color           : #fff !important;
  box-shadow      : 0px 9px 30px 2px rgba(16, 129, 232, 0.25);
}

.btn-outline-info-4 {
  border: 1px solid #52a7ca;
  color : #52a7ca;
}

.btn-outline-info-4:hover,
.btn-outline-info-4:focus,
.btn-outline-info-4:active {
  background-color: #52a7ca !important;
  border-color    : #52a7ca !important;
  color           : #fff !important;
  box-shadow      : 0px 9px 30px 2px rgba(82, 167, 202, 0.25);
}

.btn-outline-gold {
  border: 1px solid #b69d74;
  color : #b69d74;
}

.btn-outline-gold:hover,
.btn-outline-gold:focus,
.btn-outline-gold:active {
  background-color: #b69d74;
  border-color    : #b69d74;
  color           : #fff;
}

.btn-outline-secondary {
  border: 1px solid #919191;
  color : #494949;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  background-color: #919191;
  border-color    : #919191;
  color           : #fff;
}

.btn-outline-secondary-2 {
  border: 1px solid #c1c1c1;
  color : #919191;
}

.btn-outline-secondary-2:hover,
.btn-outline-secondary-2:focus,
.btn-outline-secondary-2:active {
  background-color: #c1c1c1;
  border-color    : #c1c1c1;
  color           : #fff;
}

.btn-outline-white {
  border: 1px solid #fff;
  color : #fff;
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active {
  background-color: gray;
  border-color    : gray;
  color           : #fff;
}

.btn-outline-gray {
  border: 1px solid #57648b;
  color : #57648b;
}

.btn-outline-gray:hover,
.btn-outline-gray:focus,
.btn-outline-gray:active {
  background-color: #57648b;
  color           : #fff;
}

.btn-outline-success {
  border: 1px solid #1abc9c;
  color : #1abc9c;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  background-color: #1abc9c;
  color           : #fff;
}

.btn-outline-success-4 {
  border: 1px solid #27ad7b;
  color : #27ad7b;
}

.btn-outline-success-4:hover,
.btn-outline-success-4:focus,
.btn-outline-success-4:active {
  background-color: #27ad7b;
  color           : #fff;
}

.btn-outline-danger-6 {
  border: 1px solid #e9255a;
  color : #e9255a;
}

.btn-outline-danger-6:hover,
.btn-outline-danger-6:focus,
.btn-outline-danger-6:active {
  background-color: #e9255a;
  color           : #fff;
}

.btn-gradient-warning {
  background-image: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  color           : #fff;
}

.btn-gradient-warning::after {
  background-image: linear-gradient(-92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(-5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
}

.btn-gradient-warning:hover,
.btn-gradient-warning:active,
.btn-gradient-warning:focus {
  color: #fff;
}

.btn-gradient-warning-2 {
  background-image: linear-gradient(100deg, #fcb712 -38.77%, #fc8612 73.58%, #fc6612 113.81%);
  color           : #fff;
}

.btn-gradient-warning-2::after {
  background-image: linear-gradient(-100deg, #fcb712 -38.77%, #fc8612 73.58%, #fc6612 113.81%);
}

.btn-gradient-warning-2.btn-bordered::before {
  background: linear-gradient(#fff, #fff) content-box, linear-gradient(100deg, #fcb712 -38.77%, #fc8612 73.58%, #fc6612 113.81%) padding-box;
}

.btn-gradient-warning-2:hover,
.btn-gradient-warning-2:active,
.btn-gradient-warning-2:focus {
  color: #fff;
}

.btn-gradient-blue {
  background-image: linear-gradient(3.19deg, #0193cc 7.9%, #01d0cc 132.49%);
  color           : #fff;
}

.btn-gradient-blue::after {
  background-image: linear-gradient(-3.19deg, #0193cc 7.9%, #01d0cc 132.49%);
}

.btn-gradient-blue:hover,
.btn-gradient-blue:active,
.btn-gradient-blue:focus {
  color: #fff;
}

.btn-gradient-orange {
  background-image: linear-gradient(94.58deg, #ff8353 -5.69%, #ffa684 117.25%);
  color           : #fff;
}

.btn-gradient-orange::after {
  background-image: linear-gradient(-94.58deg, #ff8353 -5.69%, #ffa684 117.25%);
}

.btn-gradient-orange:hover,
.btn-gradient-orange:active,
.btn-gradient-orange:focus {
  color: #fff;
}

.btn-gradient-purple {
  background-image: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, #a84c68 0%, #6d4983 100%);
  color           : #fff;
}

.btn-gradient-purple::after {
  background: radial-gradient(1248.91% 196.13% at -18.88% -11.46%, #6d4983 0%, #a84c68 100%);
}

.btn-gradient-purple:hover,
.btn-gradient-purple:active,
.btn-gradient-purple:focus {
  color: #fff;
}

.btn-gradient-purple-2 {
  background: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, rgba(168, 76, 104, 0.2) 0%, rgba(109, 73, 131, 0.2) 100%);
  color     : #6d4983;
}

.btn-gradient-purple-2::after {
  background: radial-gradient(1248.91% 196.13% at -18.88% -11.46%, rgba(109, 73, 131, 0.2) 0%, rgba(168, 76, 104, 0.2) 100%);
}

.btn-gradient-purple-2:hover,
.btn-gradient-purple-2:active,
.btn-gradient-purple-2:focus {
  color: #6d4983;
}

.btn-gradient-purple-3 {
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
}

.btn-gradient-purple-3::after {
  background-image: linear-gradient(-106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
}

.btn-gradient-purple-3,
.btn-gradient-purple-3:hover,
.btn-gradient-purple-3:active,
.btn-gradient-purple-3:focus {
  color: #fff;
}

.btn-gradient-gray {
  background-image: linear-gradient(266.04deg, rgba(87, 100, 139, 0.1) -20.91%, rgba(87, 100, 139, 0.0206505) 50.62%, rgba(87, 100, 139, 0) 125.12%);
  color           : #57648b;
}

.btn-gradient-gray::after {
  background-image: linear-gradient(-266.04deg, rgba(87, 100, 139, 0.1) -20.91%, rgba(87, 100, 139, 0.0206505) 50.62%, rgba(87, 100, 139, 0) 125.12%);
}

.btn-gradient-gray:hover,
.btn-gradient-gray:active,
.btn-gradient-gray:focus {
  color: #57648b;
}

.btn-gradient-danger-6 {
  background: linear-gradient(97.71deg, #fe0057 -14.94%, #ff004c 58.15%, #ff003c 116.03%);
}

.btn-gradient-danger-6::after {
  background: linear-gradient(-97.71deg, #fe0057 -14.94%, #ff004c 58.15%, #ff003c 116.03%);
}

.btn-gradient-danger-6,
.btn-gradient-danger-6:hover,
.btn-gradient-danger-6:active,
.btn-gradient-danger-6:focus {
  color: #fff;
}

.btn-gradient-danger-6-5 {
  background-image: linear-gradient(97.71deg, rgba(233, 37, 90, 0.05) -14.94%, rgba(243, 21, 81, 0.05) 58.15%, rgba(255, 0, 69, 0.05) 116.03%);
  color           : #e9255a;
}

.btn-gradient-danger-6-5::after {
  background-image: linear-gradient(97.71deg, #e9255a -14.94%, #f31551 58.15%, #ff0045 116.03%);
}

.btn-gradient-danger-6-5:hover,
.btn-gradient-danger-6-5:active,
.btn-gradient-danger-6-5:focus {
  color: #fff;
}

.btn-gradient-success-4 {
  background-image: linear-gradient(95deg, #00e898 -37.12%, #00b077 107.02%);
}

.btn-gradient-success-4::after {
  background-image: linear-gradient(-95deg, #00e898 -37.12%, #00b077 107.02%);
}

.btn-gradient-success-4,
.btn-gradient-success-4:hover,
.btn-gradient-success-4:active,
.btn-gradient-success-4:focus {
  color: #fff;
}

.btn-gradient-info {
  background-image: linear-gradient(275.59deg, #006ace -27.51%, #0083f0 119.66%);
}

.btn-gradient-info::after {
  background-image: linear-gradient(-275.59deg, #006ace -27.51%, #0083f0 119.66%);
}

.btn-gradient-info,
.btn-gradient-info:hover,
.btn-gradient-info:active,
.btn-gradient-info:focus {
  color: #fff;
}

.btn-img-hover:hover img {
  filter: invert(1) hue-rotate(180deg);
}

.btn-shape-left {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTQzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTE1LjA1NzEgNi43NzAxNkMxNy44Mjk5IDIuNTQ0OTIgMjIuNTQ0IDAgMjcuNTk3OCAwTDEyOCAwQzEzNi4yODQgMCAxNDMgNi43MTU3MyAxNDMgMTVWMzNDMTQzIDQxLjI4NDMgMTM2LjI4NCA0OCAxMjggNDhIMTUuNzg1M0MzLjg1NDA2IDQ4IC0zLjMwMTU3IDM0Ljc0NTIgMy4yNDQ1OSAyNC43NzAyTDE1LjA1NzEgNi43NzAxNloiIGZpbGw9IiM0OTQ5NDkiLz4NCjwvc3ZnPg0K) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTQzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTE1LjA1NzEgNi43NzAxNkMxNy44Mjk5IDIuNTQ0OTIgMjIuNTQ0IDAgMjcuNTk3OCAwTDEyOCAwQzEzNi4yODQgMCAxNDMgNi43MTU3MyAxNDMgMTVWMzNDMTQzIDQxLjI4NDMgMTM2LjI4NCA0OCAxMjggNDhIMTUuNzg1M0MzLjg1NDA2IDQ4IC0zLjMwMTU3IDM0Ljc0NTIgMy4yNDQ1OSAyNC43NzAyTDE1LjA1NzEgNi43NzAxNloiIGZpbGw9IiM0OTQ5NDkiLz4NCjwvc3ZnPg0K) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  padding            : 13px 16px 13px 40px;
}

.btn-shape-right {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTQzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTEyNy45NDMgNDEuMjI5OEMxMjUuMTcgNDUuNDU1MSAxMjAuNDU2IDQ4IDExNS40MDIgNDhMMTUgNDhDNi43MTU3MyA0OCAwIDQxLjI4NDMgMCAzM1YxNUMwIDYuNzE1NzMgNi43MTU3MyAwIDE1IDBIMTI3LjIxNUMxMzkuMTQ2IDAgMTQ2LjMwMiAxMy4yNTQ4IDEzOS43NTUgMjMuMjI5OEwxMjcuOTQzIDQxLjIyOThaIiBmaWxsPSIjRUEyNjNBIi8+DQo8L3N2Zz4NCg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTQzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTEyNy45NDMgNDEuMjI5OEMxMjUuMTcgNDUuNDU1MSAxMjAuNDU2IDQ4IDExNS40MDIgNDhMMTUgNDhDNi43MTU3MyA0OCAwIDQxLjI4NDMgMCAzM1YxNUMwIDYuNzE1NzMgNi43MTU3MyAwIDE1IDBIMTI3LjIxNUMxMzkuMTQ2IDAgMTQ2LjMwMiAxMy4yNTQ4IDEzOS43NTUgMjMuMjI5OEwxMjcuOTQzIDQxLjIyOThaIiBmaWxsPSIjRUEyNjNBIi8+DQo8L3N2Zz4NCg==) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  padding            : 13px 34px 13px 26px;
}

.btn-blob-bottom {
  position : relative;
  min-width: 157px;
}

.btn-blob-bottom::after {
  content            : "";
  position           : absolute;
  right              : 17px;
  bottom             : 0;
  left               : 17px;
  height             : 8px;
  background-color   : inherit;
  transform          : translate(0, 7.3px);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMjMgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIyLjExOCAwQzEyMS42OTcgMC4wNjUxNjMxIDEyMS4yNzEgMC4xMTgwMzEgMTIwLjg0MiAwLjE1ODIxMkwxMDMuNzk5IDEuNzUxNjFDMTAxLjc2OSAxLjk0MTM5IDk5Ljc2MjYgMi4yODcyNyA5Ny43NzYyIDIuNzQ1NjZDOTAuOTI3NCA0LjMyNjA5IDczLjY5NSA4IDYxLjQ5OTkgOEM0OS4zMDQ5IDggMzIuMDcyNSA0LjMyNjA5IDI1LjIyMzcgMi43NDU2NkMyMy4yMzczIDIuMjg3MjcgMjEuMjMwNiAxLjk0MTM5IDE5LjIwMDggMS43NTE2MUwyLjE1ODM4IDAuMTU4MjEyQzEuNzI4NjIgMC4xMTgwMzEgMS4zMDI4NiAwLjA2NTE2MzIgMC44ODE0NyAwSDEyMi4xMThaIiBmaWxsPSIjMDA4MDAwIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMjMgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIyLjExOCAwQzEyMS42OTcgMC4wNjUxNjMxIDEyMS4yNzEgMC4xMTgwMzEgMTIwLjg0MiAwLjE1ODIxMkwxMDMuNzk5IDEuNzUxNjFDMTAxLjc2OSAxLjk0MTM5IDk5Ljc2MjYgMi4yODcyNyA5Ny43NzYyIDIuNzQ1NjZDOTAuOTI3NCA0LjMyNjA5IDczLjY5NSA4IDYxLjQ5OTkgOEM0OS4zMDQ5IDggMzIuMDcyNSA0LjMyNjA5IDI1LjIyMzcgMi43NDU2NkMyMy4yMzczIDIuMjg3MjcgMjEuMjMwNiAxLjk0MTM5IDE5LjIwMDggMS43NTE2MUwyLjE1ODM4IDAuMTU4MjEyQzEuNzI4NjIgMC4xMTgwMzEgMS4zMDI4NiAwLjA2NTE2MzIgMC44ODE0NyAwSDEyMi4xMThaIiBmaWxsPSIjMDA4MDAwIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  transition         : prop time;
  transition         : unset;
}

[data-copy] {
  position: relative;
}

[data-copy]::before,
[data-copy]::after {
  position  : absolute;
  left      : 50%;
  transform : translate(-50%, -10px);
  z-index   : 99;
  opacity   : 0;
  visibility: hidden;
  transition: all 0.3s linear;
}

[data-copy]::before {
  content         : "کپی شد!";
  padding         : 0 5px;
  white-space     : nowrap;
  bottom          : calc(100% + 12px);
  background-color: #494949;
  border-radius   : 3px;
  line-height     : 22px;
  color           : #fff;
  font-size       : 10px;
  font-weight     : 300;
}

[data-copy]::after {
  content     : "";
  border      : 5px solid;
  border-color: #494949 transparent transparent transparent;
  bottom      : calc(100% + 2px);
}

[data-copy].copied::before,
[data-copy].copied::after {
  transform : translate(-50%, 0);
  opacity   : 1;
  visibility: visible;
}

.lg-container {
  direction: ltr;
}

.contact-us-info {
  gap: 15px;
}

.contact-us-info li {
  border-radius: 37px;
  box-shadow   : 0px 65px 50px rgba(0, 0, 0, 0.02);
  padding      : 21px 30px 13px;
  max-width    : calc(33.333333% - 10px);
  flex         : 0 0 auto;
  opacity      : 0.5;
}

.contact-us-info li a::after {
  z-index: 9;
}

.contact-us-info li .icon {
  z-index    : 2;
  margin-left: 29px;
}

.contact-us-info li .icon::before {
  background-color: #494949;
  border-radius   : 15px;
  transform       : translate(-11px, -12px);
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  width           : 42px;
  height          : 42px;
}

.contact-us-info li .icon i {
  width : 47px;
  height: 48px;
}

.contact-us-info li .icon i::after {
  background-color       : rgba(73, 73, 73, 0.25);
  border-radius          : 23px;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.contact-us-info li .detail {
  flex: 1;
}

.contact-us-info li:hover {
  opacity: 1;
}

.contact-us-info li:hover .icon::before {
  background-color: #f6ae00;
}

.contact-us-info li:hover .icon i::after {
  background-color: rgba(246, 174, 0, 0.25);
}

.contact-us-info li:hover .detail .title {
  color: rgba(246, 174, 0, 0.7);
}

@media only screen and (max-width: 991px) {
  .contact-us-info li {
    max-width: calc(50% - 8px);
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-info li {
    padding      : 21px 20px 13px;
    border-radius: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-info li {
    max-width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .scroll-x {
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
  }

  .scroll-x::-webkit-scrollbar {
    display: none;
  }
}

.btn-scroll-down {
  width : 55px;
  height: 88px;
  border: 1px solid #919191;
}

.btn-scroll-down span {
  transform: rotate(-90deg);
}

.megamenu {
  max-width    : calc(100% - 24px);
  border-radius: 0 0 42px 42px;
  height       : 350px;
  z-index      : 9999;
  transform    : translateY(40px);
  opacity      : 0;
  visibility   : hidden;
}

.megamenu::before {
  content: "";
  bottom : 100%;
  left   : 0;
  width  : 100%;
  height : 38px;
  z-index: -1;
}

.megamenu-tabs {
  max-width              : 212px;
  width                  : 100%;
  flex                   : 0 0 auto;
  padding                : 16px 25px 58px 0;
  background-color       : rgba(255, 255, 255, 0.1);
  border-radius          : 0 42px 42px 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter        : blur(6px);
}

.megamenu-tabs li {
  color      : rgba(73, 73, 73, 0.5);
  line-height: 23px;
  font-size  : 12px;
  cursor     : pointer;
  z-index    : 2;
  padding    : 0 10px;
  line-height: 32px;
}

.megamenu-tabs li,
.megamenu-tabs li::after {
  transition: all 0.3s ease-in-out;
}

.megamenu-tabs li::after {
  content        : "";
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  z-index        : -1;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/meg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  opacity        : 0;
}

.megamenu-tabs li:not(:last-child) {
  margin-bottom: 3px;
}

.megamenu-tabs li i {
  font-size  : 16px;
  margin-left: 4px;
}

.megamenu-tabs li:hover,
.megamenu-tabs li.active {
  color      : #494949;
  font-weight: bold;
}

.megamenu-tabs li:hover::after,
.megamenu-tabs li.active::after {
  opacity: 1;
}

.megamenu-content {
  border-radius: 0 0 0 42px;
  max-width    : calc(100% - 212px);
  width        : 100%;
  flex         : 0 0 auto;
}

@media only screen and (max-width: 1199px) {
  .megamenu-content {
    max-width: calc(100% - 200px);
  }
}

.megamenu-content-item {
  height    : 100%;
  opacity   : 0;
  transition: all 0.3s ease-in-out;
  width     : 100%;
  top       : 0;
  right     : 0;
}

.megamenu-content-item.active {
  opacity: 1;
}

.megamenu-content-item .right {
  max-width       : 100%;
  width           : 100%;
  background-color: #fff;
  padding         : 16px 15px 0;
  border-radius   : 42px 0 0 42px;
}

@media only screen and (max-width: 1199px) {
  .megamenu-content-item .right {
    max-width: 100%;
  }
}

.megamenu-content-item .right h5 {
  font-size    : 16px;
  font-weight  : 900;
  line-height  : 21px;
  margin-bottom: 20px;
}

.megamenu-content-item .right .links {
  width    : 100%;
  flex-wrap: wrap;
  height   : 79%;
  overflow : hidden;
}

.megamenu-content-item .right .links a {
  max-width  : 25%;
  width      : 100%;
  padding    : 0 4px;
  font-size  : 12px;
  color      : rgba(73, 73, 73, 0.8);
  line-height: 20px;
}

.megamenu-content-item .right .links a i {
  font-size  : 14px;
  color      : #8a9add;
  margin-left: 4px;
}

.megamenu-content-item .right .links a:not(:last-child) {
  margin-bottom: 8px;
}

.megamenu-content-item .right .links a:hover {
  color: #8a9add;
}

.category-has-megamenu:hover .megamenu {
  opacity   : 1;
  visibility: visible;
  transform : translateY(20px);
}

.nav-responsive {
  z-index   : 99999999 !important;
  opacity   : 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out 0.3s;
}

.nav-responsive-content {
  width         : 280px;
  right         : -280px;
  transition    : all 0.3s ease-in-out 0s;
  overflow      : hidden auto;
  padding-bottom: 32px;
}

.nav-responsive-content .titr {
  font-size  : 18px;
  font-weight: 900;
  line-height: 28px;
}

.nav-responsive-content ul:not(:last-child) {
  margin-bottom: 24px;
}

.nav-responsive-content ul li:not(:last-child) {
  margin-bottom: 12px;
}

.nav-responsive-content ul li a {
  font-size  : 13px;
  font-weight: 500;
  color      : rgba(73, 73, 73, 0.8);
  line-height: 24px;
  padding    : 0 12px;
}

.nav-responsive-content ul li a i {
  font-size  : 14px;
  margin-left: 4px;
}

.nav-responsive-content ul li.has-child>a::after {
  content    : "\e901";
  font-family: "icomoon";
  font-size  : 12px;
  top        : 0;
  left       : 12px;
  transition : all 0.3s ease-in-out;
  transform  : rotate(-90deg);
}

.nav-responsive-content ul li.has-child.opened>a::after {
  transform: rotate(90deg);
}

.nav-responsive-content ul li ul {
  overflow  : hidden;
  height    : 0;
  transition: all 0.3s ease-in-out;
}

.nav-responsive-content ul li ul li:first-child {
  margin-top: 12px;
}

.nav-responsive-content ul li ul li a {
  padding    : 0 24px;
  font-size  : 12px;
  font-weight: 400;
}

.nav-responsive-content ul li ul li a i {
  font-size: 10px;
}

.nav-responsive.opened {
  opacity   : 1;
  visibility: visible;
  transition: all 0.3s ease-in-out 0s;
}

.nav-responsive.opened .nav-responsive-content {
  right     : 0;
  transition: all 0.3s ease-in-out 0.3s;
}

.swiper-button-next,
.swiper-button-prev {
  transition: all 0.3s ease-in-out;
}

.swiper-visibled .swiper-slide>* {
  opacity   : 0;
  transform : scale(0);
  transition: all 0.3s linear;
}

.swiper-visibled .swiper-slide-visible>* {
  opacity  : 1;
  transform: scale(1);
}

.swiper-pagination-bullet {
  transition: all 0.3s linear;
}

.swiper-autoheight .swiper-wrapper {
  height     : auto !important;
  align-items: unset;
}

.swiper-autoheight .swiper-slide>* {
  height: 100%;
}

.swiper-blur .swiper-slide>* {
  filter: blur(7px);
}

.swiper-blur .swiper-slide-visible>* {
  filter: blur(0px);
}

.swiper-button-arrow .swiper-button-next::after,
.swiper-button-arrow .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 19px;
  line-height: 1;
  color      : #494949;
}

.swiper-button-arrow .swiper-button-next:hover::after,
.swiper-button-arrow .swiper-button-prev:hover::after {
  color: #ea263a;
}

.swiper-button-arrow .swiper-button-next::after {
  content: "\e904";
}

.swiper-button-arrow .swiper-button-prev::after {
  content: "\e930";
}

@media only screen and (max-width: 575px) {
  .swiper-visible-mobile .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }

  .swiper-blur-not-mobile .swiper-slide>* {
    filter: blur(0px);
  }
}

.swiper-pagination-circle:not(.not-pgination)::after {
  width        : 347px;
  height       : 279px;
  background   : linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0) 59.48%, rgba(73, 73, 73, 0.5) 100%);
  padding      : 2px;
  transform    : translate(-50%, 98px);
  border-radius: 50% !important;
}

.swiper-pagination-circle .swiper-bottom {
  gap      : 48px;
  transform: translate(-50%, 150px);
}

.swiper-pagination-circle .swiper-pagination {
  height   : 40px;
  transform: translateY(112px);
}

.swiper-pagination-circle .swiper-pagination-bullet {
  width                                    : 16px;
  height                                   : 16px;
  border-radius                            : 2px;
  transform                                : translateY(5px) rotate(45deg);
  background-color                         : #cfcfcf;
  opacity                                  : 1;
  --swiper-pagination-bullet-horizontal-gap: 31px;
  --swiper-pagination-bullet-vertical-gap  : 34px;
}

.swiper-pagination-circle .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  width                                    : 0;
  height                                   : 0;
  transform                                : unset;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-vertical-gap  : 0;
}

.swiper-pagination-circle .swiper-pagination-bullet-active:first-child+span,
.swiper-pagination-circle .swiper-pagination-bullet-active:first-child+span+span,
.swiper-pagination-circle .swiper-pagination-bullet.prev,
.swiper-pagination-circle .swiper-pagination-bullet.prev-prev,
.swiper-pagination-circle .swiper-pagination-bullet.next {
  width                                    : 16px;
  height                                   : 16px;
  transform                                : translateY(5px) rotate(45deg);
  --swiper-pagination-bullet-horizontal-gap: 31px;
  --swiper-pagination-bullet-vertical-gap  : 34px;
}

.swiper-pagination-circle .swiper-pagination-bullet-active:first-child,
.swiper-pagination-circle .swiper-pagination-bullet-active:first-child+span+span,
.swiper-pagination-circle .swiper-pagination-bullet.prev,
.swiper-pagination-circle .swiper-pagination-bullet.prev-prev,
.swiper-pagination-circle .swiper-pagination-bullet.next {
  transform: translateY(-9px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-bullet-active:not(:first-child),
.swiper-pagination-circle .swiper-pagination-bullet.prev-prev+.swiper-pagination-bullet.prev {
  transform: translateY(5px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-bullet-active:last-child {
  transform: translateY(-9px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-bullet-active {
  background-color: #ea263a;
}

.swiper-pagination-circle .swiper-pagination-vertical {
  right    : auto;
  transform: translate(-87px, 0);
  height   : auto;
}

.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active+span {
  transform: translateX(0px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev-prev {
  transform: translateX(23px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+span+span,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.next,
.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet:last-child {
  transform: translateX(14px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+.swiper-pagination-bullet.next {
  transform: translateX(0px) rotate(45deg);
}

.swiper-pagination-circle .swiper-pagination.has-two .swiper-pagination-bullet-active,
.swiper-pagination-circle .swiper-pagination.has-two .swiper-pagination-bullet-active+span,
.swiper-pagination-circle .swiper-pagination.has-two .swiper-pagination-bullet.prev {
  transform: translateY(2px) rotate(45deg);
}

.swiper-pagination-circle.swiper-vertical::after {
  height   : 279px;
  transform: translate(-114px, -50%) rotate(90deg);
}

@media only screen and (max-width: 991px) {
  .swiper-pagination-circle .swiper-pagination-vertical {
    top           : auto !important;
    left          : 50% !important;
    bottom        : 0;
    flex-direction: row !important;
    transform     : translate(-50%, 111px);
  }

  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active+span {
    transform: translateY(0px) rotate(45deg);
    margin   : 0 !important;
  }

  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev-prev,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+span+span,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.next,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:last-child {
    transform: translateY(-15px) rotate(45deg);
    margin   : 0 31px !important;
  }

  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:not(:first-child),
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+span {
    margin: 0 31px !important;
  }

  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+.swiper-pagination-bullet.next,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet:nth-last-child(2).prev {
    transform: translateY(0px) rotate(45deg);
  }

  .swiper-pagination-circle.swiper-vertical::after {
    top      : auto;
    bottom   : 0;
    left     : 50%;
    transform: translate(-50%, 104px);
  }
}

@media only screen and (max-width: 575px) {
  .swiper-pagination-circle:not(.not-pgination)::after {
    width    : 237px;
    height   : 190px;
    transform: translate(-50%, 72px);
  }

  .swiper-pagination-circle .swiper-pagination {
    transform: translateY(86px);
  }

  .swiper-pagination-circle .swiper-pagination-bullet-active:first-child,
  .swiper-pagination-circle .swiper-pagination-bullet-active:first-child+span+span,
  .swiper-pagination-circle .swiper-pagination-bullet.prev,
  .swiper-pagination-circle .swiper-pagination-bullet.prev-prev,
  .swiper-pagination-circle .swiper-pagination-bullet.next {
    transform: translateY(-18px) rotate(45deg);
  }

  .swiper-pagination-circle .swiper-pagination-bullet-active:last-child {
    transform: translateY(-18px) rotate(45deg);
  }

  .swiper-pagination-circle .swiper-pagination-vertical {
    transform: translate(-50%, 78px);
  }

  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.prev-prev,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+span+span,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet.next,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:last-child,
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:not(:first-child),
  .swiper-pagination-circle .swiper-pagination-vertical .swiper-pagination-bullet-active:first-child+span {
    margin: 0 24px !important;
  }
}

.swiper-effect-scale .swiper-slide>* {
  transition: all 0.3s linear;
}

.swiper-effect-scale .swiper-slide:not(.swiper-slide-visible)>* {
  transform     : scale(0.8);
  opacity       : 0.5;
  pointer-events: none;
}

.before::before {
  content: "";
}

.after::after {
  content: "";
}

.before\:absolute::before {
  position: absolute;
}

.after\:absolute::after {
  position: absolute;
}

.before\:top-0::before {
  top: 0;
}

.after\:top-0::after {
  top: 0;
}

.before\:top-50::before {
  top: 50%;
}

.after\:top-50::after {
  top: 50%;
}

.before\:right-0::before {
  right: 0;
}

.after\:right-0::after {
  right: 0;
}

.before\:bottom-0::before {
  bottom: 0;
}

.after\:bottom-0::after {
  bottom: 0;
}

.before\:left-0::before {
  left: 0;
}

.after\:left-0::after {
  left: 0;
}

.before\:left-50::before {
  left: 50%;
}

.after\:left-50::after {
  left: 50%;
}

.before\:w-100::before {
  width: 100%;
}

.after\:w-100::after {
  width: 100%;
}

.before\:h-100::before {
  height: 100%;
}

.after\:h-100::after {
  height: 100%;
}

.before\:transition-ease-in-out::before {
  transition: all 0.3s ease-in-out;
}

.after\:transition-ease-in-out::after {
  transition: all 0.3s ease-in-out;
}

.before\:transition-linear::before {
  transition: all 0.3s linear;
}

.after\:transition-linear::after {
  transition: all 0.3s linear;
}

.before\:z-1::before {
  z-index: -1;
}

.after\:z-1::after {
  z-index: -1;
}

.before\:z-2::before {
  z-index: -2;
}

.after\:z-2::after {
  z-index: -2;
}

.before\:z-3::before {
  z-index: -3;
}

.after\:z-3::after {
  z-index: -3;
}

.before\:z-6::before {
  z-index: -6;
}

.after\:z-6::after {
  z-index: -6;
}

.before\:bg-cover::before {
  background-size: cover;
}

.after\:bg-cover::after {
  background-size: cover;
}

.before\:bg-contain::before {
  background-size: contain;
}

.after\:bg-contain::after {
  background-size: contain;
}

.before\:bg-full::before {
  background-size: 100% 100%;
}

.after\:bg-full::after {
  background-size: 100% 100%;
}

.before\:bg-center::before {
  background-position: center;
}

.after\:bg-center::after {
  background-position: center;
}

.before\:bg-no-repeat::before {
  background-repeat: no-repeat;
}

.after\:bg-no-repeat::after {
  background-repeat: no-repeat;
}

.before\:translate-y-50::before {
  transform: translateY(-50%);
}

.after\:translate-y-50::after {
  transform: translateY(-50%);
}

.before\:translate-x-50::before {
  transform: translateX(-50%);
}

.after\:translate-x-50::after {
  transform: translateX(-50%);
}

.before\:translate-50::before {
  transform: translate(-50%, -50%);
}

.after\:translate-50::after {
  transform: translate(-50%, -50%);
}

.before\:rounded-inherit::before {
  border-radius: inherit;
}

.after\:rounded-inherit::after {
  border-radius: inherit;
}

@media only screen and (max-width: 991px) {
  .before\:md-none::before {
    content: none;
  }

  .after\:md-none::after {
    content: none;
  }

  .before\:bg-md-cover::before {
    background-size: cover;
  }

  .after\:bg-md-cover::after {
    background-size: cover;
  }

  .before\:bg-md-center::before {
    background-position: center;
  }

  .after\:bg-md-center::after {
    background-position: center;
  }
}

@media only screen and (max-width: 767px) {
  .before\:sm-none::before {
    content: none;
  }

  .after\:sm-none::after {
    content: none;
  }

  .before\:bg-sm-cover::before {
    background-size: cover;
  }

  .after\:bg-sm-cover::after {
    background-size: cover;
  }

  .before\:bg-sm-contain::before {
    background-size: contain;
  }

  .after\:bg-sm-contain::after {
    background-size: contain;
  }

  .before\:bg-sm-full::before {
    background-size: 100% 100%;
  }

  .after\:bg-sm-full::after {
    background-size: 100% 100%;
  }

  .before\:bg-sm-center::before {
    background-position: center;
  }

  .after\:bg-sm-center::after {
    background-position: center;
  }

  .before\:bg-sm-no-repeat::before {
    background-repeat: no-repeat;
  }

  .after\:bg-sm-no-repeat::after {
    background-repeat: no-repeat;
  }
}

.before\:bg-border::before,
.after\:bg-border::after {
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  border-radius         : 14px;
}

.achievement .row {
  gap: 84px 0;
}

.achievement-item {
  box-shadow      : 0px 68px 50px rgba(0, 0, 0, 0.05);
  padding         : 31px 52px 25px 38px;
  background-color: #fff;
}

.achievement-item .image {
  width : 110px;
  height: 110px;
}

.achievement-item .image::before {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  background-color   : #eaeaea;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEwIiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDExMCAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuMzQ0MSAwLjQ1MDg2MkM3My4wMjggLTIuMDM3MTIgOTAuMTk1MiA1Ljk4NDQzIDEwMC42MjMgMTkuMjY1OEMxMTAuOTc2IDMyLjQ1MTQgMTExLjQ5MyA1MC4wNDY4IDEwOC4xOTggNjYuNDk0MkMxMDQuNzY0IDgzLjYzNjEgOTkuMjk5OSAxMDQuMTc3IDgyLjU5NiAxMDkuMjQ2QzY2LjcwNTcgMTE0LjA2OCA1NS42MTEzIDk0LjQ4NjcgNDAuODE0OCA4Ni45NDEyQzI2LjgyNzIgNzkuODA4MiA0LjUyMDE4IDgyLjYwNjMgMC41MzQ3ODMgNjcuMzk4NkMtMy40NjAzMSA1Mi4xNTM5IDE1LjkxMDkgNDIuNDkyMyAyNS45OTU5IDMwLjM5NDVDMzUuNTcxMiAxOC45MDgxIDQxLjU2ODEgMi42NTQzMSA1Ni4zNDQxIDAuNDUwODYyWiIgZmlsbD0iI0VBRUFFQSIvPgo8L3N2Zz4K) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEwIiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDExMCAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuMzQ0MSAwLjQ1MDg2MkM3My4wMjggLTIuMDM3MTIgOTAuMTk1MiA1Ljk4NDQzIDEwMC42MjMgMTkuMjY1OEMxMTAuOTc2IDMyLjQ1MTQgMTExLjQ5MyA1MC4wNDY4IDEwOC4xOTggNjYuNDk0MkMxMDQuNzY0IDgzLjYzNjEgOTkuMjk5OSAxMDQuMTc3IDgyLjU5NiAxMDkuMjQ2QzY2LjcwNTcgMTE0LjA2OCA1NS42MTEzIDk0LjQ4NjcgNDAuODE0OCA4Ni45NDEyQzI2LjgyNzIgNzkuODA4MiA0LjUyMDE4IDgyLjYwNjMgMC41MzQ3ODMgNjcuMzk4NkMtMy40NjAzMSA1Mi4xNTM5IDE1LjkxMDkgNDIuNDkyMyAyNS45OTU5IDMwLjM5NDVDMzUuNTcxMiAxOC45MDgxIDQxLjU2ODEgMi42NTQzMSA1Ni4zNDQxIDAuNDUwODYyWiIgZmlsbD0iI0VBRUFFQSIvPgo8L3N2Zz4K) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.achievement-item .image img {
  bottom: 25px;
  width : 81px;
  height: 183px;
}

.achievement-item .detail {
  max-width    : calc(100% - 110px);
  padding-right: 38px;
}

.achievement-item .detail h2 {
  margin-bottom: 5px;
}

.achievement-item:hover {
  background-color: #1dcc9d;
}

.achievement-item:hover .detail h2 {
  color: #fff;
}

.achievement-item:hover .detail p {
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 575px) {
  .achievement-item {
    padding: 24px;
  }

  .achievement-item .detail {
    max-width    : 100%;
    padding-right: 0;
  }

  .achievement-item .detail p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

.blog-article-top {
  padding: 103px 27px 70px 21px;
  border : 1px solid rgba(73, 73, 73, 0.2);
}

.blog-article-top img {
  border-radius: 20px 20px 0 20px;
  filter       : drop-shadow(0px 21px 25px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 1199px) {
  .blog-article-top h2 {
    font-size  : 24px;
    line-height: 38px;
  }

  .blog-article-top p {
    font-size  : 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-article-top {
    padding: 27px 27px 32px 21px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-article-top .btn {
    padding: 19px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-article-top {
    padding: 20px 12px;
  }

  .blog-article-top .btn {
    margin-left: 0;
  }
}

.article-news figure {
  margin-bottom: 48px;
}

.article-news figure>a>img {
  -webkit-mask     : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE3IiBoZWlnaHQ9IjQ0MyIgdmlld0JveD0iMCAwIDQxNyA0NDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDcyLjEyNzFDMCAzMi4yOTI0IDMyLjI5MjQgMCA3Mi4xMjcxIDBWMEM5Mi41NzQzIDAgMTEyLjU5OCA4Ljg0Nzc5IDEzMS41NzIgMTYuNDY4MUMxNDguMDM2IDIzLjA4MDQgMTcyLjg2OCAyOS4xNjcgMjA4LjUgMjkuMTY3QzI0NC4xMzIgMjkuMTY3IDI2OC45NjQgMjMuMDgwNCAyODUuNDI4IDE2LjQ2ODFDMzA0LjQwMiA4Ljg0Nzc5IDMyNC40MjYgMCAzNDQuODczIDBWMEMzODQuNzA4IDAgNDE3IDMyLjI5MjQgNDE3IDcyLjEyNzFWMzQzQzQxNyAzOTguMjI4IDM3Mi4yMjggNDQzIDMxNyA0NDNIMTAwQzQ0Ljc3MTUgNDQzIDAgMzk4LjIyOCAwIDM0M1Y3Mi4xMjcxWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K) 0 0/cover;
  mask             : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE3IiBoZWlnaHQ9IjQ0MyIgdmlld0JveD0iMCAwIDQxNyA0NDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDcyLjEyNzFDMCAzMi4yOTI0IDMyLjI5MjQgMCA3Mi4xMjcxIDBWMEM5Mi41NzQzIDAgMTEyLjU5OCA4Ljg0Nzc5IDEzMS41NzIgMTYuNDY4MUMxNDguMDM2IDIzLjA4MDQgMTcyLjg2OCAyOS4xNjcgMjA4LjUgMjkuMTY3QzI0NC4xMzIgMjkuMTY3IDI2OC45NjQgMjMuMDgwNCAyODUuNDI4IDE2LjQ2ODFDMzA0LjQwMiA4Ljg0Nzc5IDMyNC40MjYgMCAzNDQuODczIDBWMEMzODQuNzA4IDAgNDE3IDMyLjI5MjQgNDE3IDcyLjEyNzFWMzQzQzQxNyAzOTguMjI4IDM3Mi4yMjggNDQzIDMxNyA0NDNIMTAwQzQ0Ljc3MTUgNDQzIDAgMzk4LjIyOCAwIDM0M1Y3Mi4xMjcxWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K) 0 0/cover;
  -webkit-mask-size: 100% 100%;
  mask-size        : 100% 100%;
  -o-object-fit    : cover;
  object-fit       : cover;
}

.article-news figure .author {
  padding   : 1px 4px 1px 16px;
  box-shadow: 0px 24px 42px rgba(0, 0, 0, 0.1);
  transform : translate(0, 17px);
}

.article-news figure .author img {
  width      : 48px;
  height     : 48px;
  border     : 1px solid #d9d9d9;
  box-shadow : 0px 33px 50px rgba(0, 0, 0, 0.15);
  margin-left: 6px;
}

.article-news figure .author .detail .name {
  line-height: 22px;
}

.article-news figure .author .detail .sub-name {
  line-height: 17px;
}

.article-news .date-category {
  margin-bottom: 34px;
}

.article-news .date-category span {
  box-shadow      : 0px 18px 10px rgba(0, 0, 0, 0.05);
  border-radius   : 6px;
  line-height     : 24px;
  background-color: #fff;
}

.article-news .date-category span a:hover {
  color: #1dcc9d;
}

.article-news .date-category span:not(:last-child) {
  margin-left: 19px;
}

.article-news .date-category span i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
  color      : #1dcc9d;
}

.article-news .date-category span i.icon-folder {
  color: rgba(73, 73, 73, 0.8);
}

.article-news h2 {
  line-height: 32px;
  height     : 64px;
}

.article-news h2 a:hover {
  color: #1dcc9d;
}

.article-news p {
  line-height: 30px;
  margin     : 12px 0 18px;
  height     : 90px;
}

.article-news .btn {
  padding   : 20px;
  box-shadow: 0px 23px 50px rgba(0, 0, 0, 0.05);
}

.article-news .btn:hover,
.article-news .btn:focus,
.article-news .btn:active {
  background-color: #26d59c !important;
  border-color    : #26d59c !important;
}

.article-news .btn.red:hover,
.article-news .btn.red:focus,
.article-news .btn.red:active {
  background-color: #e63a2c !important;
  border-color    : #e63a2c !important;
}

.article-news-four figure {
  border-radius: 23px;
}

.article-news-four figure::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  z-index   : 1;
}

.article-news-four figure img {
  -o-object-fit: cover;
  object-fit   : cover;
  height       : 185px;
}

.article-news-four figure i {
  z-index: 2;
}

.article-news-four h2 {
  margin: 21px 0 6px;
}

.article-news-four h2 a:hover {
  color: #1dcc9d;
}

.article-news-four:hover figure img {
  transform: scale(1.05);
}

.article-news-two.info h2 a:hover,
.article-news.info h2 a:hover {
  color: #1081e8;
}

.article-news-two.info .date-category span:first-child i,
.article-news.info .date-category span:first-child i {
  color: #1081e8;
}

.article-news.info .btn:hover {
  background-color: #1081e8 !important;
  border-color    : #1081e8 !important;
}

@media only screen and (max-width: 767px) {
  .article-news figure>a>img {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE3IiBoZWlnaHQ9IjQ0MyIgdmlld0JveD0iMCAwIDQxNyA0NDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDUwQzAgMjIuMzg1OCAyMi4zODU4IDAgNTAgMEg4MS45ODE3Qzk2LjE1NjEgMCAxMDkuOTA5IDYuMDg4NjQgMTIyLjU4MyAxMi40MzQ3QzEzOC40MjYgMjAuMzY3MiAxNjUuNjU3IDI5LjE2NyAyMDguNSAyOS4xNjdDMjUxLjM0MyAyOS4xNjcgMjc4LjU3NCAyMC4zNjcyIDI5NC40MTcgMTIuNDM0N0MzMDcuMDkxIDYuMDg4NjMgMzIwLjg0NCAwIDMzNS4wMTggMEgzNjdDMzk0LjYxNCAwIDQxNyAyMi4zODU4IDQxNyA1MFYzOTNDNDE3IDQyMC42MTQgMzk0LjYxNCA0NDMgMzY3IDQ0M0g1MEMyMi4zODU4IDQ0MyAwIDQyMC42MTQgMCAzOTNWNTBaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
    mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE3IiBoZWlnaHQ9IjQ0MyIgdmlld0JveD0iMCAwIDQxNyA0NDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDUwQzAgMjIuMzg1OCAyMi4zODU4IDAgNTAgMEg4MS45ODE3Qzk2LjE1NjEgMCAxMDkuOTA5IDYuMDg4NjQgMTIyLjU4MyAxMi40MzQ3QzEzOC40MjYgMjAuMzY3MiAxNjUuNjU3IDI5LjE2NyAyMDguNSAyOS4xNjdDMjUxLjM0MyAyOS4xNjcgMjc4LjU3NCAyMC4zNjcyIDI5NC40MTcgMTIuNDM0N0MzMDcuMDkxIDYuMDg4NjMgMzIwLjg0NCAwIDMzNS4wMTggMEgzNjdDMzk0LjYxNCAwIDQxNyAyMi4zODU4IDQxNyA1MFYzOTNDNDE3IDQyMC42MTQgMzk0LjYxNCA0NDMgMzY3IDQ0M0g1MEMyMi4zODU4IDQ0MyAwIDQyMC42MTQgMCAzOTNWNTBaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
  }

  .article-news h2 {
    font-size  : 16px;
    line-height: 28px;
    height     : 56px;
  }
}

.articles-cleaning-item {
  box-shadow: 0px 9px 50px rgba(0, 0, 0, 0.05);
  padding   : 24px 20px 20px;
}

.articles-cleaning-item figure img {
  border-radius: 22px;
}

.articles-cleaning-item figure .date {
  top    : 18px;
  left   : 17px;
  z-index: 3;
  padding: 5px 12px;
}

.articles-cleaning-item figure .date::before {
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(18, 18, 18, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
  z-index                : -1;
}

.articles-cleaning-item h2 {
  margin: 12px 0 24px;
}

.articles-cleaning-item h2 a:hover {
  color: #f6ae00;
}

.articles-cleaning-item .author img {
  border-radius: 7px;
}

.articles-cleaning-item .like-comment {
  gap: 10px;
}

.articles-cleaning-item .like-comment span {
  background-color: rgba(246, 174, 0, 0.15);
  border-radius   : 9px;
  color           : #f6ae00;
  padding         : 4px 9px;
}

.articles-cleaning-item .like-comment span.like {
  background-color: rgba(255, 86, 86, 0.15);
  color           : #ff5656;
}

.articles-cleaning-item p {
  margin     : 18px 0 21px;
  line-height: 25px;
  height     : 75px;
}

.articles-cleaning-item .read-more {
  box-shadow      : 0px 18px 50px rgba(189, 154, 246, 0.05), 0px 7px 17px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding         : 8px 19px;
}

.articles-cleaning-item .read-more:hover {
  color           : #fff;
  background-color: #f6ae00;
}

@media only screen and (max-width: 767px) {
  .articles-cleaning-item {
    padding: 20px 16px 16px;
  }

  .articles-cleaning-item h2 {
    font-size: 14px;
  }
}

.article-seo figure {
  position     : relative;
  border-radius: 22px;
}

figure .article-seo-date {
  z-index: 2;
  top    : 18px;
  left   : 17px;
  padding: 5px 9px;
}

figure .article-seo-date::before {
  background-color       : rgba(18, 18, 18, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.article-seo h2 {
  margin     : 14px 0 12px;
  line-height: 22px;
  height     : 44px;
}

.article-seo h2 a:hover {
  color: #7a67db;
}

.article-seo p {
  margin-bottom: 9px;
  line-height  : 25px;
  height       : 75px;
}

.article-seo .more i {
  font-size   : 8px;
  margin-right: 6px;
}

.article-seo .more:hover {
  color: #494949;
}

.article-seo.article-transport h2 a:hover {
  color: #fcb712;
}

.article-seo:hover figure img {
  transform: scale(1.05);
}

.article-seo-two {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 29px 24px 33px;
}

.article-seo-two img {
  border-radius: 20px 20px 0px 20px;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
  max-width    : 25%;
}

.article-seo-two .detail {
  max-width    : 75%;
  padding-right: 10px;
}

.article-seo-two h2 {
  line-height: 34px;
}

.article-seo-two h2 a:hover {
  color: #7a67db;
}

.article-seo-two .date {
  background-color: rgba(18, 18, 18, 0.5);
  padding         : 5px 9px;
  transform       : translateY(-12px);
  margin-right    : 8px;
}

.article-seo-two .date i {
  margin-left: 6px;
}

.article-seo-two p {
  line-height: 22px;
  margin-top : 2px;
}

@media only screen and (max-width: 575px) {
  .article-seo-two {
    padding: 70px 16px 20px;
  }

  .article-seo-two img {
    max-width    : 50%;
    margin-bottom: 24px;
  }

  .article-seo-two .detail {
    max-width: 100%;
    padding  : 0;
  }

  .article-seo-two h2 {
    font-size  : 14px;
    line-height: 32px;
  }

  .article-seo-two .date {
    position : absolute;
    top      : 20px;
    left     : 16px;
    transform: unset;
  }
}

.article-seo-three figure {
  margin-bottom: 18px;
}

.article-seo-three figure a::before {
  content   : "";
  position  : absolute;
  z-index   : 3;
  background: linear-gradient(0deg, rgba(38, 213, 156, 0.5), rgba(38, 213, 156, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
}

.article-seo-three figure a::before,
.article-seo-three figure img {
  border-radius: 23px;
}

.article-seo-three figure .title {
  z-index     : 5;
  max-width   : 215px;
  padding-left: 32px;
  left        : 0;
}

.article-seo-three figure .title::before {
  content         : "";
  position        : absolute;
  width           : 106px;
  height          : 3px;
  background-color: #fff;
  top             : 0;
  left            : 32px;
  transform       : translateY(-8px);
}

.article-seo-three h2 {
  line-height: 23px;
}

.article-seo-three h2 a:hover {
  color: #7a67db;
}

.article-seo-three p {
  line-height: 26px;
  max-height : 52px;
}

.article-seo-three.purple figure a:before {
  background: linear-gradient(0deg, rgba(122, 103, 219, 0.5), rgba(122, 103, 219, 0.5)), linear-gradient(0deg, rgba(38, 213, 156, 0.5), rgba(38, 213, 156, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.article-seo-three.success figure a:before {
  background: linear-gradient(0deg, rgba(122, 103, 219, 0.5), rgba(122, 103, 219, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.article-seo-three.purple-two figure a:before {
  background: linear-gradient(0deg, rgba(122, 103, 219, 0.5), rgba(122, 103, 219, 0.5)), linear-gradient(0deg, rgba(38, 213, 156, 0.5), rgba(38, 213, 156, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.services-item-blob {
  border : 1px solid rgba(73, 73, 73, 0.5);
  padding: 33px 8px 24px;
  z-index: 2;
}

.services-item-blob a::after {
  z-index: 99;
}

.services-item-blob,
.services-item-blob::before {
  border-radius: 35px;
}

.services-item-blob::before,
.services-item-blob i::after {
  content   : "";
  opacity   : 0;
  transition: all 0.3s ease-in-out;
  z-index   : -1;
  position  : absolute;
}

.services-item-blob::before {
  top             : -1px;
  right           : -1px;
  bottom          : -1px;
  left            : -1px;
  z-index         : -2;
  background-image: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  box-shadow      : 0px 40px 50px rgba(0, 0, 0, 0.15);
}

.services-item-blob::after,
.services-item-blob h2::before,
.services-item-blob h2::after {
  content        : "";
  position       : absolute;
  background     : var(--wpr-bg-15bf0920-a79a-4bd0-bb2e-dfda79d58b7d) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  width          : 17px;
  height         : 17px;
  transition     : all 0.3s ease-in-out;
  opacity        : 0;
}

.services-item-blob::after {
  top : 24px;
  left: 26px;
}

.services-item-blob i {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzciIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCA3NyA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MC4wNDMxIDcyLjY4NDFDNDguNzAxNCA3Mi4wNDUxIDU2Ljg5MTUgNjkuMzg3NSA2My40MjA0IDYzLjY1MTlDNzAuNDY1MiA1Ny40NjMyIDc3LjE3NSA0OS42MDg0IDc2Ljk5NjUgNDAuMjIwOUM3Ni44MiAzMC45MzQyIDY4LjgzMiAyNC40OTEyIDYyLjU0NjIgMTcuNjY2MUM1NS44NDE3IDEwLjM4NjUgNDkuODg0MyAxLjAyMTcyIDQwLjA0MzEgMC4wOTcxNjI2QzI5LjY3MzkgLTAuODc2OTk0IDIwLjI1MDQgNS42MjA0NiAxMi44ODUxIDEzLjAwMDZDNS41MTg2NiAyMC4zODE5IC0wLjAxMjM0MjYgMjkuNzgwNyAyLjA2ODU0ZS0wNSA0MC4yMjA5QzAuMDEyMzcxNSA1MC42NTA2IDQuODU5MDQgNjAuODE3NyAxMi45NDk1IDY3LjM3NjdDMjAuMzg3MiA3My40MDY1IDMwLjUwMjggNzMuMzg4MSA0MC4wNDMxIDcyLjY4NDFaIiBmaWxsPSIjQzRDNEM0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDAuMDQzMSA3Mi42ODQxQzQ4LjcwMTQgNzIuMDQ1MSA1Ni44OTE1IDY5LjM4NzUgNjMuNDIwNCA2My42NTE5QzcwLjQ2NTIgNTcuNDYzMiA3Ny4xNzUgNDkuNjA4NCA3Ni45OTY1IDQwLjIyMDlDNzYuODIgMzAuOTM0MiA2OC44MzIgMjQuNDkxMiA2Mi41NDYyIDE3LjY2NjFDNTUuODQxNyAxMC4zODY1IDQ5Ljg4NDMgMS4wMjE3MiA0MC4wNDMxIDAuMDk3MTYyNkMyOS42NzM5IC0wLjg3Njk5NCAyMC4yNTA0IDUuNjIwNDYgMTIuODg1MSAxMy4wMDA2QzUuNTE4NjYgMjAuMzgxOSAtMC4wMTIzNDI2IDI5Ljc4MDcgMi4wNjg1NGUtMDUgNDAuMjIwOUMwLjAxMjM3MTUgNTAuNjUwNiA0Ljg1OTA0IDYwLjgxNzcgMTIuOTQ5NSA2Ny4zNzY3QzIwLjM4NzIgNzMuNDA2NSAzMC41MDI4IDczLjM4ODEgNDAuMDQzMSA3Mi42ODQxWiIgZmlsbD0iI0Y2QUUwMCIvPgo8L3N2Zz4K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzciIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCA3NyA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MC4wNDMxIDcyLjY4NDFDNDguNzAxNCA3Mi4wNDUxIDU2Ljg5MTUgNjkuMzg3NSA2My40MjA0IDYzLjY1MTlDNzAuNDY1MiA1Ny40NjMyIDc3LjE3NSA0OS42MDg0IDc2Ljk5NjUgNDAuMjIwOUM3Ni44MiAzMC45MzQyIDY4LjgzMiAyNC40OTEyIDYyLjU0NjIgMTcuNjY2MUM1NS44NDE3IDEwLjM4NjUgNDkuODg0MyAxLjAyMTcyIDQwLjA0MzEgMC4wOTcxNjI2QzI5LjY3MzkgLTAuODc2OTk0IDIwLjI1MDQgNS42MjA0NiAxMi44ODUxIDEzLjAwMDZDNS41MTg2NiAyMC4zODE5IC0wLjAxMjM0MjYgMjkuNzgwNyAyLjA2ODU0ZS0wNSA0MC4yMjA5QzAuMDEyMzcxNSA1MC42NTA2IDQuODU5MDQgNjAuODE3NyAxMi45NDk1IDY3LjM3NjdDMjAuMzg3MiA3My40MDY1IDMwLjUwMjggNzMuMzg4MSA0MC4wNDMxIDcyLjY4NDFaIiBmaWxsPSIjQzRDNEM0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDAuMDQzMSA3Mi42ODQxQzQ4LjcwMTQgNzIuMDQ1MSA1Ni44OTE1IDY5LjM4NzUgNjMuNDIwNCA2My42NTE5QzcwLjQ2NTIgNTcuNDYzMiA3Ny4xNzUgNDkuNjA4NCA3Ni45OTY1IDQwLjIyMDlDNzYuODIgMzAuOTM0MiA2OC44MzIgMjQuNDkxMiA2Mi41NDYyIDE3LjY2NjFDNTUuODQxNyAxMC4zODY1IDQ5Ljg4NDMgMS4wMjE3MiA0MC4wNDMxIDAuMDk3MTYyNkMyOS42NzM5IC0wLjg3Njk5NCAyMC4yNTA0IDUuNjIwNDYgMTIuODg1MSAxMy4wMDA2QzUuNTE4NjYgMjAuMzgxOSAtMC4wMTIzNDI2IDI5Ljc4MDcgMi4wNjg1NGUtMDUgNDAuMjIwOUMwLjAxMjM3MTUgNTAuNjUwNiA0Ljg1OTA0IDYwLjgxNzcgMTIuOTQ5NSA2Ny4zNzY3QzIwLjM4NzIgNzMuNDA2NSAzMC41MDI4IDczLjM4ODEgNDAuMDQzMSA3Mi42ODQxWiIgZmlsbD0iI0Y2QUUwMCIvPgo8L3N2Zz4K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 77px;
  height             : 73px;
  box-shadow         : 0px 21px 50px rgba(0, 0, 0, 0.05), inset 5px 9px 13px rgba(255, 255, 255, 0.5);
  background         : linear-gradient(0deg, #f6ae00, #f6ae00), #c4c4c4;
  font-size          : 22px;
  line-height        : 22px;
  color              : #fff;
  z-index            : 2;
}

.services-item-blob i::after {
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  background: linear-gradient(0deg, #ffffff, #ffffff), #c4c4c4;
}

.services-item-blob h2::before {
  top  : 46px;
  right: 22px;
}

.services-item-blob h2::after {
  right : 42px;
  bottom: 54px;
}

.services-item-blob:hover::before,
.services-item-blob:hover i::after {
  opacity: 1;
}

.services-item-blob:hover::after,
.services-item-blob:hover h2::before,
.services-item-blob:hover h2::after {
  opacity: 1;
}

.services-item-blob:hover i {
  color: #f6ae00;
}

.services-item-blob:hover h2 {
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 767px) {
  .services-item-blob {
    border-radius: 20px;
  }
}

.swiper-top-services-seo .swiper-slide {
  opacity  : 50%;
  transform: scaleY(0.9);
}

.swiper-top-services-seo .swiper-slide-active,
.swiper-top-services-seo .swiper-slide-next,
.swiper-top-services-seo .swiper-slide-next+div {
  opacity  : 1;
  transform: scale(1);
}

.top-services-item {
  background-color: #fff;
  box-shadow      : 0px 35px 50px rgba(0, 0, 0, 0.02);
  border-radius   : 37px;
  padding         : 30px 32px 25px 24px;
  z-index         : 2;
  height          : 100%;
}

.top-services-item .right::before {
  content         : "";
  position        : absolute;
  z-index         : -2;
  top             : 0;
  left            : 0;
  width           : 50px;
  height          : 50px;
  border-radius   : 15px;
  background-color: #26d59c;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  transform       : translate(-13px, 0);
}

.top-services-item .right>i {
  font-size : 18px;
  width     : 56px;
  height    : 57px;
  z-index   : 2;
  color     : #fff;
  margin-top: 14px;
}

.top-services-item .right>i::after {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(38, 213, 156, 0.25);
  border-radius          : 23px;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
  z-index                : -1;
}

.top-services-item .detail {
  display       : flex;
  flex-direction: column;
}

.top-services-item .detail h2 {
  max-height: 50px;
  overflow  : hidden;
}

.top-services-item .detail p {
  margin     : auto 0 16px;
  line-height: 24px;
  max-height : 48px;
  overflow   : hidden;
}

.top-services-item .detail .read-more {
  color: #26d59c;
}

.top-services-item .detail {
  max-width    : calc(100% - 56px);
  padding-right: 24px;
}

.top-services-item.info .right::before {
  background-color: #1081e8;
}

.top-services-item.info .right::after {
  background-color: rgba(16, 129, 232, 0.32);
}

.top-services-item.info .right i::after {
  background-color: rgba(16, 129, 232, 0.25);
}

.top-services-item.info .detail .read-more {
  color: #1081e8;
}

.top-services-item.gold .right::before {
  background-color: #B69D74;
}

.top-services-item.gold .right::after {
  background-color: rgba(182, 157, 116, 0.32);
}

.top-services-item.gold .right i::after {
  background-color: rgba(182, 157, 116, 0.25);
}

.top-services-item.gold .detail .read-more {
  color: rgba(73, 73, 73, 0.8);
}

.top-services-item.danger .right::before {
  background-color: #E9255A;
}

.top-services-item.danger .right::after {
  background-color: rgba(233, 37, 90, 0.32);
}

.top-services-item.danger .right i::after {
  background-color: rgba(233, 37, 90, 0.25);
}

.top-services-item.danger .detail .read-more {
  color: rgba(73, 73, 73, 0.8);
}

.top-services-item.warning .right::before {
  background-color: #FCB712;
}

.top-services-item.warning .right::after {
  background-color: rgba(252, 183, 18, 0.32);
}

.top-services-item.warning .right i::after {
  background-color: rgba(252, 183, 18, 0.25);
}

.top-services-item.warning .detail .read-more {
  color: #FCB712;
}

@media only screen and (max-width: 1199px) {
  .top-services-item {
    padding: 30px 20px 25px;
  }

  .top-services-item .detail h2 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .top-services-item .right {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin   : 0 auto 24px;
  }

  .top-services-item .detail {
    max-width: 100%;
    padding  : 0;
  }

  .top-services-item .detail h2,
  .top-services-item .detail p {
    text-align: center;
  }
}

.services-suports-item {
  box-shadow   : 0px 58px 50px rgba(0, 0, 0, 0.03);
  padding      : 46px 27px 46px 26px;
  border-radius: 23px;
}

.services-suports-item::after {
  content        : "";
  position       : absolute;
  top            : 100%;
  left           : 50%;
  transform      : translate(-50%, 0);
  width          : 216px;
  height         : 24px;
  background     : var(--wpr-bg-7a5bc927-2c3f-48b9-9769-40a5b2923af5) 0 0 no-repeat;
  background-size: 100% 100%;
}

.services-suports-item .info::after {
  content         : "";
  display         : inline-block;
  vertical-align  : middle;
  width           : 1px;
  height          : 66px;
  background-color: rgba(73, 73, 73, 0.2);
  margin          : 0 16px 0 10px;
}

.services-suports-item .info img {
  box-shadow   : 0px 20px 16px rgba(0, 0, 0, 0.1);
  border-radius: 18px;
  width        : 72px;
  height       : 72px;
}

.services-suports-item .info .detail {
  margin-right: 10px;
}

.services-suports-item .info .detail .name {
  line-height: 27px;
}

.services-suports-item .info .detail .position {
  line-height: 19px;
}

.services-suports-item .btn {
  border-radius: 11px;
  padding      : 12px 28px;
  line-height  : 21px;
  transform    : translate(50%, 30px);
  z-index      : 3;
}

@media only screen and (max-width: 1399px) {
  .services-suports-item {
    padding: 46px 20px 46px;
  }
}

@media only screen and (max-width: 1199px) {
  .services-suports-item .info img {
    width : 60px;
    height: 60px;
  }

  .services-suports-item .info .detail .name,
  .services-suports-item .contact>div {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .services-suports-item {
    padding: 23px 20px 35px;
  }

  .services-suports-item .info::after {
    width : 100%;
    height: 1px;
    margin: 16px 0;
  }
}

.options-home {
  margin: 109px 0 90px;
}

.options-home::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 280%;
  background     : var(--wpr-bg-fe09ea73-d81c-4322-9cda-f575c6569bbd) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-100px);
  z-index        : -2;
}

.options-home .container::before {
  content        : "";
  position       : absolute;
  top            : 0;
  right          : 0;
  width          : 69px;
  height         : 72px;
  transform      : translate(9px, -55px);
  background     : var(--wpr-bg-1a5db686-8052-4020-9054-6780379d722a) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.options-home-item {
  box-shadow   : 0px 68px 50px rgba(0, 0, 0, 0.02);
  border-radius: 29px;
  border       : 0.5px solid rgba(73, 73, 73, 0.5);
  padding      : 41px 49px 38px 32px;
}

.options-home-item,
.options-home-item::before,
.options-home-item .heading::before,
.options-home-item .heading,
.options-home-item .heading i,
.options-home-item .heading i::after,
.options-home-item .heading .detail,
.options-home-item .heading .detail .name,
.options-home-item .heading .detail .members,
.options-home-item p,
.options-home-item .more-info {
  transition: all 0.3s ease-in-out;
}

.options-home-item::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  opacity        : 0;
  visibility     : hidden;
  border-radius  : 29px;
  background     : #7a67db var(--wpr-bg-6b1df20b-524e-424a-afb5-582637c5c19f) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -3;
}

.options-home-item .heading::before {
  content         : "";
  position        : absolute;
  top             : 0;
  right           : 19px;
  width           : 50px;
  height          : 50px;
  border-radius   : 15px;
  background-color: #7a67db;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  z-index         : -2;
}

.options-home-item .heading i {
  width    : 56px;
  height   : 57px;
  color    : #fff;
  font-size: 18px;
  margin   : 14px 0 0 27px;
}

.options-home-item .heading i::after {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(122, 103, 219, 0.25);
  border-radius          : 23px;
  z-index                : -1;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.options-home-item p {
  line-height: 24px;
}

.options-home-item .more-info {
  color: #6b88c9;
}

.options-home-item:hover {
  border-color: #7a67db;
  box-shadow  : 0px 62px 50px rgba(0, 0, 0, 0.1);
}

.options-home-item:hover::before {
  opacity   : 1;
  visibility: visible;
}

.options-home-item:hover .heading::before {
  opacity   : 0;
  visibility: hidden;
}

.options-home-item:hover .heading i {
  color : #4744c9;
  margin: 4px 0 0 13px;
  width : 67px;
  height: 67px;
}

.options-home-item:hover .heading i::after {
  background-color: #fff;
  box-shadow      : 0px 16px 20px rgba(0, 0, 0, 0.05), inset 5px 9px 12px rgba(255, 255, 255, 0.3);
  border-radius   : 50%;
}

.options-home-item:hover .heading .detail .name {
  color: #fff;
}

.options-home-item:hover .heading .detail .members {
  color: rgba(255, 255, 255, 0.5);
}

.options-home-item:hover p {
  color: rgba(255, 255, 255, 0.6);
}

.options-home-item:hover .more-info {
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 991px) {
  .options-home {
    margin: 0;
  }

  .options-home .row {
    padding           : 109px 0 90px;
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
    scroll-snap-type  : x mandatory;
  }

  .options-home .row::-webkit-scrollbar {
    display: none;
  }

  .options-home .row>div {
    scroll-snap-align: start;
  }
}

@media only screen and (max-width: 767px) {
  .options-home-item {
    padding: 32px 38px 28px 24px;
  }

  .options-home .row>div {
    max-width: 75%;
  }
}

@media only screen and (max-width: 575px) {
  .options-home-item .heading .detail .name {
    font-size  : 18px;
    line-height: 30px;
  }

  .options-home-item .heading .detail .members {
    font-size  : 13px;
    line-height: 20px;
  }

  .options-home .row>div {
    max-width: 90%;
  }
}

.pagination {
  margin-top: 93px;
  gap       : 16px 0;
}

.pagination .page-item:not(:last-child) {
  margin-left: 16px;
}

.pagination .page-link {
  background-color: #fff;
  box-shadow      : 0px 10px 20px rgba(0, 0, 0, 0.05);
  border-radius   : 10px;
  min-width       : 72px;
  min-height      : 72px;
  padding         : 12px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  border          : none;
  font-size       : 14px;
  color           : rgba(73, 73, 73, 0.5);
  font-weight     : 400;
}

.pagination .page-link.active,
.pagination .page-link:hover {
  background-color: #1081E8;
  color           : #fff;
  font-size       : 23px;
  font-weight     : 900;
}

.pagination .page-link.prev,
.pagination .page-link.next {
  background-color: transparent;
  box-shadow      : none;
  border-radius   : 0;
  font-size       : 20px;
  color           : #1081E8;
  padding         : 0;
  min-width       : auto;
  min-height      : auto;
}

.pagination .page-link.prev {
  margin-left: 40px;
}

.pagination .page-link.next {
  margin-right: 40px;
}

@media only screen and (max-width: 991px) {
  .pagination .page-link {
    min-width : 56px;
    min-height: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .pagination .page-item:not(:last-child) {
    margin-left: 8px;
  }

  .pagination .page-link.prev {
    margin-left: 20px;
  }

  .pagination .page-link.next {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .pagination .page-link {
    min-width : 48px;
    min-height: 48px;
  }

  .pagination .page-link.active {
    font-size: 17px;
  }
}

.comments-detail-blog {
  margin-bottom: 122px;
}

@media only screen and (max-width: 767px) {
  .comments-detail-blog {
    margin-bottom: 70px;
  }
}

.comments-detail-blog::before {
  background-image: var(--wpr-bg-40d7e0ef-9218-493b-8b07-2109838e8aa4);
  transform       : translateY(-385px);
  height          : 180%;
}

.comments-detail-blog .container::after {
  width           : 167px;
  height          : 137px;
  background-image: var(--wpr-bg-ca3f2093-e47f-4ce4-b545-c0cc4271b3b1);
  top             : 110px;
  mix-blend-mode  : difference;
  transform       : translateX(-50px);
}

.comments-detail-blog li:not(:last-child) {
  margin-bottom: 41px;
}

.comments-detail-blog li .content .text-reply p::before,
.comments-detail-blog li ul::before {
  background-color: rgba(255, 86, 86, 0.75);
  border-radius   : 5px;
  width           : 10px;
  height          : 80%;
  transform       : translateY(-50%);
  top             : 50%;
}

.comments-detail-blog li .content {
  padding   : 27px 40px 29px 54px;
  box-shadow: 0px 60px 30px rgba(0, 0, 0, 0.02);
}

.comments-detail-blog li .content .info {
  margin-bottom: 48px;
}

.comments-detail-blog li .content .info img {
  box-shadow : 0px 12px 10px rgba(0, 0, 0, 0.1);
  width      : 86px;
  height     : 86px;
  margin-left: 18px;
}

.comments-detail-blog li .content .text-reply p {
  padding-right: 26px;
  line-height  : 24px;
}

.comments-detail-blog li .content .text-reply .btn {
  margin-right: 56px;
  padding     : 13px 21px;
  box-shadow  : 0px 32px 25px rgba(82, 167, 202, 0.15);
}

.comments-detail-blog li ul {
  margin-top   : 41px;
  padding-right: 42px;
}

@media only screen and (max-width: 767px) {
  .comments-detail-blog li .content {
    padding: 20px 24px;
  }

  .comments-detail-blog li .content .text-reply .btn {
    margin-right: 0;
  }
}

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

  .comments-detail-blog li .content .text-reply p::before,
  .comments-detail-blog li ul::before {
    width : 5px;
    height: 90%;
  }

  .comments-detail-blog li .content .text-reply p {
    padding-right: 16px;
  }

  .comments-detail-blog li ul {
    padding-right: 24px;
  }
}

.swiper-comments-marketing {
  padding-bottom: 102px;
}

.swiper-comments-marketing .swiper-slide {
  transform: scale(0.8);
  opacity  : 0.25;
}

.swiper-comments-marketing .swiper-slide-active {
  transform: scale(1);
  opacity  : 1;
}

.swiper-comments-marketing .swiper-pagination-bullet {
  width           : 16px;
  height          : 16px;
  transition      : all 0.3s linear;
  background-color: transparent;
  border          : 1px solid rgba(73, 73, 73, 0.5);
  border-radius   : 50%;
  opacity         : 1;
}

.swiper-comments-marketing .swiper-pagination-bullet-active {
  width           : 24px;
  height          : 24px;
  background-color: #1dcc9d;
  border-color    : #1dcc9d;
}

.comments-marketing-item .content {
  background-color: #ff5656;
  border-radius   : 80px 80px 80px 0;
  padding         : 49px 80px;
}

.comments-marketing-item .author-read {
  border-radius: 0 0 50px 50px;
  box-shadow   : 0px 27px 50px rgba(0, 0, 0, 0.05);
  padding      : 18px 33px 25px 35px;
  margin       : 0 98px 0 32px;
}

.comments-one li:not(:last-child) {
  margin-bottom: 77px;
}

.comments-one li .info img {
  box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.1);
}

.comments-one li .detail {
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.05);
  padding   : 25px 32px;
}

.comments-one li .detail p {
  padding-right: 26px;
}

.comments-one li .detail p::before {
  width           : 10px;
  border-radius   : 5px;
  background-color: rgba(16, 129, 232, 0.75);
}

.comments-one li .detail .btn {
  margin-right: 48px;
  padding     : 10px 27.5px;
}

.comments-one li ul {
  margin-top   : 61px;
  padding-right: 42px;
}

.comments-one li ul::before {
  width           : 10px;
  border-radius   : 5px;
  background-color: rgba(16, 129, 232, 0.75);
}

@media only screen and (max-width: 767px) {
  .comments-one .info img {
    width : 64px;
    height: 64px;
  }

  .comments-one .info .name {
    font-size  : 14px;
    line-height: 22px;
  }

  .comments-one .info .date {
    font-size  : 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-one li .detail {
    padding: 25px 16px;
  }

  .comments-one li .detail p {
    padding-right: 15px;
  }

  .comments-one li .detail p::before {
    width: 5px;
  }

  .comments-one li ul {
    padding-right: 25px;
  }

  .comments-one li ul::before {
    width: 5px;
  }
}

[data-link] {
  cursor: pointer;
}

.new-ques-follow-up-item {
  box-shadow: 0px 44px 50px rgba(0, 0, 0, 0.05);
  padding   : 72px 20px;
}

.new-ques-follow-up-item::before {
  background-image: var(--wpr-bg-36bd081d-0402-4c27-a13d-f969ff05e29b);
  background-color: #e9255a;
  opacity         : 0;
}

.new-ques-follow-up-item i {
  font-size: 90px;
}

.new-ques-follow-up-item p {
  max-width: 319px;
}

.new-ques-follow-up-item:hover::before {
  opacity: 1;
}

.new-ques-follow-up-item:hover .title,
.new-ques-follow-up-item:hover i {
  color: #fff;
}

.new-ques-follow-up-item:hover p {
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 767px) {
  .new-ques-follow-up-item {
    padding      : 32px 16px;
    border-radius: 15px;
  }

  .new-ques-follow-up-item .title,
  .new-ques-follow-up-item i {
    margin-bottom: 32px;
  }

  .new-ques-follow-up-item i {
    font-size: 64px;
  }

  .new-ques-follow-up-item p {
    font-size  : 14px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 575px) {
  .btns-fill-xs>* {
    flex: 1 0 auto;
  }
}

.send-comment {
  margin-bottom: 105px;
}

.send-comment::before {
  background-image: var(--wpr-bg-df7ad762-d3f0-4225-8cbe-be92a0fc00c3);
  transform       : translateY(-907px);
  height          : 405%;
}

.send-comment .row {
  gap: 43px 0;
}

.send-comment .form-group .form-control,
.send-comment .box-star,
.send-comment .form-group.textarea {
  height    : 76px;
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.02);
}

.send-comment .form-group i {
  right  : 40px;
  z-index: 10001;
}

.send-comment .form-group .form-control {
  padding: 0 70px 0 12px;
}

.send-comment .form-group.textarea {
  padding: 72px 36px 24px 16px;
  height : auto;
}

.send-comment .form-group.textarea i {
  top  : 24px;
  right: 40px;
}

.send-comment .form-group.textarea .form-control {
  height: 151px;
}

.send-comment .box-star {
  padding: 0 32px;
}

.send-comment .box-star .stars label {
  cursor: pointer;
}

.send-comment .box-star .stars label:not(:last-child) {
  margin-left: 4px;
}

.send-comment .box-star .stars input:checked~label i {
  color: #ff5656;
}

.send-comment .btn {
  padding    : 9px 18px;
  line-height: 21px;
  margin-top : -19px;
}

@media only screen and (max-width: 991px) {
  .send-comment .row {
    gap: 20px 0;
  }
}

@media only screen and (max-width: 575px) {
  .send-comment .box-star {
    padding: 0 20px;
  }
}

.plan-item {
  background-color: #fff;
  border-radius   : 34px;
  box-shadow      : 0px 70px 100px rgba(0, 0, 0, 0.05);
  padding         : 54px 12px 0;
  z-index         : 2;
}

.plan-item .image {
  margin-bottom: 26px;
}

.plan-item h2::before,
.plan-item h2::after,
.plan-item ul::before,
.plan-item ul::after,
.plan-item .price::before {
  content    : "\e91d";
  font-family: "icomoon";
  color      : #7a67db;
  font-size  : 14px;
  position   : absolute;
  z-index    : -1;
}

.plan-item h2::before {
  right : 24px;
  bottom: 247px;
}

.plan-item h2::after {
  bottom: 298px;
  left  : 63px;
}

.plan-item h2 span {
  z-index: 2;
}

.plan-item h2 span::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 50%;
  transform       : translateX(-50%);
  width           : calc(100% + 26px);
  height          : 100%;
  border-radius   : 100%;
  filter          : blur(50px);
  z-index         : -1;
  background-color: rgba(122, 103, 219, 0.5);
}

.plan-item ul {
  line-height: 36px;
}

.plan-item ul::before {
  right : 45px;
  bottom: 111px;
}

.plan-item ul::after {
  bottom: 159px;
  left  : 16px;
}

.plan-item .price {
  margin-bottom: 28px;
}

.plan-item .price::before {
  bottom: 65px;
  left  : 53px;
}

.plan-item .price span {
  z-index: 2;
}

.plan-item .price span::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 50%;
  transform       : translateX(-50%);
  width           : calc(100% + 12px);
  height          : 100%;
  border-radius   : 100%;
  filter          : blur(50px);
  z-index         : -1;
  background-color: rgba(122, 103, 219, 0.5);
}

.plan-item .btn {
  margin-top : -25px;
  transform  : translateY(25px);
  line-height: 21px;
  padding    : 19px 31px;
}

.plan-item.warning h2::before,
.plan-item.warning h2::after,
.plan-item.warning ul::before,
.plan-item.warning ul::after,
.plan-item.warning .price::before {
  color: #ff9f0f;
}

.plan-item.warning h2 span::before,
.plan-item.warning .price span::before {
  background-color: rgba(255, 182, 73, 0.5);
}

.plan-item.success h2::before,
.plan-item.success h2::after,
.plan-item.success ul::before,
.plan-item.success ul::after,
.plan-item.success .price::before {
  color: #26d59c;
}

.plan-item.success h2 span::before,
.plan-item.success .price span::before {
  background-color: rgba(38, 213, 156, 0.5);
}

.plan-item.default h2::before,
.plan-item.default h2::after,
.plan-item.default ul::before,
.plan-item.default ul::after,
.plan-item.default .price::before {
  color: #494949;
}

.plan-item.default h2 span::before,
.plan-item.default .price span::before {
  background-color: rgba(73, 73, 73, 0.5);
}

.plan-item.default .btn {
  opacity: 0.8;
}

.plan-item.info h2::before,
.plan-item.info h2::after,
.plan-item.info ul::before,
.plan-item.info ul::after,
.plan-item.info .price::before {
  color: #1081E8;
}

.plan-item.info h2 span::before,
.plan-item.info .price span::before {
  background-color: rgba(16, 129, 232, 0.5);
}

.plan-item.center {
  transform      : translateY(-61px);
  background     : var(--wpr-bg-0a781861-21ed-41de-8e72-7cbd38560e6b) 0 0 no-repeat;
  background-size: 100% 100%;
}

@media only screen and (max-width: 991px) {
  .plan-item.center {
    transform: unset;
  }
}

@media only screen and (max-width: 575px) {
  .plan-item h2::after {
    left: 24px;
  }

  .plan-item ul::before {
    right: 12px;
  }

  .plan-item ul::after {
    left: 12px;
  }

  .plan-item .price::before {
    left: 12px;
  }
}

.form-control {
  background-color: #fff;
  border-radius   : 12px;
  height          : 52px;
  padding         : 0 12px;
  font-size       : 14px;
  font-weight     : 500;
  line-height     : 22px;
  border-color    : rgba(73, 73, 73, 0.2);
}

.form-control:focus {
  border-color: #27ad7b;
}

.form-group-box,
.form-group-box-star,
.form-group-box-content,
.form-group-box.textarea {
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.02);
}

.form-group-box i {
  right: 40px;
}

.form-group-box .form-control {
  padding-right: 70px;
  height       : 76px;
}

.form-group-box .form-control::-moz-placeholder {
  color: rgba(73, 73, 73, 0.5);
}

.form-group-box .form-control::placeholder {
  color: rgba(73, 73, 73, 0.5);
}

.form-group-box select.form-control {
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  background        : var(--wpr-bg-547770b1-48c7-45bc-bd9f-e7794a46a82a) left 24px center no-repeat;
  background-size   : 16px 9px;
}

.form-group-box.textarea {
  padding: 77px 36px 67px 0;
}

.form-group-box.textarea i {
  top  : 26px;
  right: 36px;
}

.form-group-box.textarea .form-control {
  padding: 0 0 0 12px;
  height : 103px;
}

.form-group-box.textarea .btn {
  bottom : 28px;
  left   : 42px;
  padding: 6.5px 21.5px;
}

.form-group-box-star {
  padding: 23px 24px;
}

.form-group-box-star span {
  margin-left: 10px;
}

.form-group-box-star .stars label {
  cursor: pointer;
}

.form-group-box-star .stars label:not(:last-child) {
  margin-left: 4px;
}

.form-group-box-star .stars input:checked~label i {
  color: #ff8353;
}

.form-group-box-content {
  padding: 72px 36px 24px;
}

.form-group-box-content i {
  top  : 24px;
  right: 36px;
}

.form-group-box-content .form-control {
  height: 151px;
}

@media only screen and (max-width: 767px) {
  .form-group-box i {
    right: 24px;
  }

  .form-group-box .form-control {
    padding-right: 54px;
  }

  .form-group-box-content,
  .form-group-box.textarea {
    padding-right: 24px;
  }

  .form-group-box-content i,
  .form-group-box.textarea i {
    right: 24px;
  }

  .form-group-box.textarea {
    padding-top: 60px;
  }

  .form-group-box.textarea .btn {
    bottom: 24px;
    left  : 24px;
  }
}

.form-control::-moz-placeholder,
.form-control:focus::-moz-placeholder {
  color  : inherit;
  opacity: 1;
}

.form-control,
.form-control::placeholder,
.form-control:focus,
.form-control:focus::placeholder {
  color  : inherit;
  opacity: 1;
}

.uploader-file-label {
  box-shadow: 0px 42px 22px rgba(0, 0, 0, 0.02);
  padding   : 16px 18px 16px 140px;
}

.uploader-file-label .btn {
  left       : 19px;
  box-shadow : 0px 20px 50px rgba(0, 0, 0, 0.05);
  padding    : 9px 24px;
  line-height: 18px;
}

@media only screen and (max-width: 767px) {
  .uploader-file-label {
    padding-left: 64px;
  }

  .uploader-file-label .btn {
    width          : 38px;
    height         : 38px;
    padding        : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 12px;
    left           : 12px;
  }

  .uploader-file-label .btn i {
    margin-right: 0;
  }
}

.form-group-box-two {
  border          : 1px solid #fff;
  transition      : border 0.3s linear;
  border-radius   : 20px;
  background-color: #fff;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.02);
  position        : relative;
}

.form-group-box-two::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 100%;
  border-radius: inherit;
  z-index      : -1;
  transition   : all 0.3s linear;
}

.form-group-box-two i {
  right: 24px;
}

.form-group-box-two .form-control {
  height       : 74px;
  color        : #494949;
  padding-right: 56px;
  background   : transparent;
}

.form-group-box-two .form-control::-moz-placeholder {
  color  : inherit;
  opacity: 0.5;
}

.form-group-box-two .form-control::placeholder {
  color  : inherit;
  opacity: 0.5;
}

.form-group-box-two .form-control:-webkit-autofill,
.form-group-box-two .form-control:-webkit-autofill:hover,
.form-group-box-two .form-control:-webkit-autofill:focus,
.form-group-box-two .form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : inherit;
}

.form-group-box-two .form-control:autofill,
.form-group-box-two .form-control:autofill:hover,
.form-group-box-two .form-control:autofill:focus,
.form-group-box-two .form-control:autofill:active {
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : inherit;
}

.form-group-box-two-content {
  padding: 60px 24px 24px;
}

.form-group-box-two-content i {
  top: 26px;
}

.form-group-box-two-content .form-control {
  padding        : 0;
  height         : 161px;
  scrollbar-width: 3px;
  scrollbar-color: rgba(73, 73, 73, 0.3) #1081e8;
}

.form-group-box-two-content .form-control::-webkit-scrollbar {
  width           : 3px;
  background-color: rgba(73, 73, 73, 0.3);
}

.form-group-box-two-content .form-control::-webkit-scrollbar-thumb {
  background-color: #1081e8;
}

.form-group-box-two-content.has-btn {
  padding: 60px 24px 28px 42px;
}

.form-group-box-two-content.has-btn .btn {
  padding   : 7px 21px;
  box-shadow: 0px 18px 25px rgba(16, 129, 232, 0.15);
}

.form-group-box-two-content.has-btn-centered {
  margin : 0 auto;
  padding: 60px 24px 0 42px;
}

.form-group-box-two-content.has-btn-centered .form-control {
  height: 146px;
}

.form-group-box-two-content.has-btn-centered .btn {
  transform: translateY(50%);
}

.form-group-box-two.focused {
  border-color: var(--form-control-focused-border-color);
}

.form-group-box-two.focused::before {
  box-shadow: 0 0 0 4px rgba(var(--form-control-focused-shadow), var(--form-control-focused-shadow-opacity));
}

.form-group-box-two .select2-container--default .select2-selection--single {
  background-color: transparent;
  border          : 1px solid #fff;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.02);
  height          : 76px;
  border-radius   : 20px;
  padding         : 0 56px 0 12px;
}

.form-group-box-two .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.form-group-box-two .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--form-control-focused-border-color);
  box-shadow  : 0 0 0 4px rgba(var(--form-control-focused-shadow), var(--form-control-focused-shadow-opacity));
}

.form-group-box-two .select-two-item-title {
  font-size  : 16px;
  font-weight: 400;
  line-height: 29px;
  color      : rgba(73, 73, 73, 0.5);
}

@media only screen and (max-width: 767px) {
  .form-group-box-two {
    border-radius: 12px;
  }

  .form-group-box-two i {
    right: 12px;
  }

  .form-group-box-two input.form-control,
  .form-group-box-two .select2-container--default .select2-selection--single {
    height       : 58px;
    padding-right: 38px;
  }

  .form-group-box-two .form-control,
  .form-group-box-two .select-two-item-title {
    font-size: 14px;
  }

  .form-group-box-two-content.has-btn {
    padding: 60px 12px 12px 12px;
  }

  .form-group-box-two-content.has-btn-centered {
    padding: 60px 12px 0;
  }
}

.detail-blog-content {
  font-size    : 16px;
  font-weight  : 500;
  line-height  : 32px;
  text-align   : justify;
  margin-bottom: 100px;
}

.detail-blog-content p {
  margin-bottom: 16px;
}

.detail-blog-content img {
  margin       : 32px 0;
  width        : 100%;
  border-radius: 20px;
}

.detail-blog-content>.detail-blog-content:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .detail-blog-content {
    font-size  : 14px;
    line-height: 28px;
  }
}

.detail-blog-hosting-info-wrapper {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.05);
  padding   : 24px 66px 24px 37px;
  gap       : 24px 0;
}

.detail-blog-hosting-info-wrapper .info li:not(:last-child) {
  margin-left: 60px;
}

.detail-blog-hosting-info-wrapper .info li i {
  width           : 57px;
  height          : 57px;
  border-radius   : 9px;
  background-color: #1081e8;
  color           : #fff;
  margin-left     : 9px;
}

.detail-blog-hosting-info-wrapper .info li a:hover {
  color: #1081e8;
}

.detail-blog-hosting-info-wrapper .share ul li:not(:last-child) {
  margin-left: 20px;
}

.detail-blog-hosting-info-wrapper .share ul li a {
  width     : 23px;
  height    : 23px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  color     : #787878;
}

.detail-blog-hosting-info-wrapper .share ul li a:hover {
  background-color: #1081e8;
  color           : #fff;
}

.detail-blog-hosting-info-wrapper .link {
  margin-right: 34px;
}

.detail-blog-hosting-info-wrapper .link span {
  max-width: 184px;
}

@media only screen and (max-width: 1399px) {
  .detail-blog-hosting-info-wrapper {
    padding: 24px 28px;
  }

  .detail-blog-hosting-info-wrapper .info li:not(:last-child) {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .detail-blog-hosting-info-wrapper .info {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-info-wrapper {
    padding: 16px 12px;
  }

  .detail-blog-hosting-info-wrapper .info {
    gap: 24px 0;
  }

  .detail-blog-hosting-info-wrapper .info li i {
    width    : 40px;
    height   : 40px;
    font-size: 18px;
  }

  .detail-blog-hosting-info-wrapper .link {
    margin-right: 0;
  }

  .detail-blog-hosting-info-wrapper .link span {
    max-width : -moz-fit-content;
    max-width : fit-content;
    text-align: left;
    direction : ltr;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-hosting-info-wrapper .info li {
    max-width: 100%;
    width    : 100%;
    flex     : 0 0 auto;
  }

  .detail-blog-hosting-info-wrapper .info li:not(:last-child) {
    margin-left: 0;
  }

  .detail-blog-hosting-info-wrapper .share {
    max-width: 100%;
    width    : 100%;
  }
}

.company-item {
  padding   : 18px 22px;
  box-shadow: 0px 70px 80px rgba(0, 0, 0, 0.05);
}

.company-item .image {
  box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.05);
  height    : 150px;
}

.company-item .image img {
  max-height: 80px;
  filter    : grayscale(1);
}

.company-item .name {
  margin: 18px 0 16px;
}

.company-item .view i {
  margin-right: 10px;
}

.company-item:hover .image img {
  filter: grayscale(0);
}

.company-item:hover .name,
.company-item:hover .view {
  color: #fcb712;
}

.company-item.gold:hover {
  box-shadow: 0px 70px 80px rgba(0, 0, 0, 0.05);
}

.company-item.gold:hover .name,
.company-item.gold:hover .view {
  color: #b69d74;
}

@media only screen and (max-width: 575px) {
  .company-item {
    padding: 16px;
  }

  .company-item,
  .company-item .image {
    border-radius: 12px;
  }

  .company-item .name {
    font-size: 14px;
  }
}

.faq-item {
  padding   : 31px 52px 32px;
  box-shadow: 0px 48px 50px rgba(143, 138, 126, 0.05);
}

.faq-item:not(:last-child) {
  margin-bottom: 33px;
}

.faq-item-heading {
  cursor: pointer;
}

.faq-item-heading:not(.collapsed) i {
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .faq-item {
    padding: 24px;
  }
}

.faq-item-border {
  border: 1px solid #F3F3F3;
}

.video__js.vjs-fullscreen {
  border-radius: 0 !important;
}

.video__js .vjs-big-play-button {
  border          : none !important;
  background-color: transparent !important;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : 85px;
  height          : 85px;
  line-height     : 85px;
}

.video__js .vjs-big-play-button .vjs-icon-placeholder::before {
  content    : "\e978";
  font-family: "icomoon";
  font-size  : 85px;
}

.video__js .vjs-poster {
  border-radius   : 15px;
  background-color: transparent;
  background-size : cover;
}

.video__js .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  border-radius          : inherit;
  background-color       : rgba(182, 157, 116, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

@media only screen and (max-width: 767px) {
  .video__js .vjs-big-play-button {
    width      : 64px;
    height     : 64px;
    line-height: 64px;
  }

  .video__js .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .video__js .vjs-tech {
    position: relative;
  }

  .video__js video {
    min-height: 250px;
  }
}

.vjs-fullscreen video {
  border-radius: 0 !important;
  -o-object-fit: none !important;
  object-fit   : none !important;
}

.vjs-poster {
  background-size    : cover;
  background-position: center center;
}

.video-title-time .title {
  top       : 23px;
  right     : 21px;
  left      : 120px;
  max-height: 40px;
}

.video-title-time .time {
  min-width       : 68px;
  background-color: rgba(21, 21, 21, 0.51);
  top             : 25px;
  left            : 39px;
  padding         : 0 8px;
}

@media only screen and (max-width: 767px) {
  .video-title-time .title {
    right: 20px;
    left : 90px;
  }

  .video-title-time .time {
    top : 20px;
    left: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .video-title-time .title {
    font-size  : 12px;
    line-height: 18px;
    max-height : 36px;
    left       : 80px;
  }

  .video-title-time .time {
    font-size: 12px;
    min-width: 48px;
  }
}

.video-js {
  width: 100%;
}

.video-js .vjs-tech {
  position: relative;
}

.video-js.vjs-has-started,
.video-js.vjs-has-started video {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius : 0px !important;
}

.video-js.video-js-btn-centered .vjs-big-play-button {
  background-color: transparent;
  border          : 0;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : auto;
  height          : auto;
}

.video-js.video-js-btn-centered .vjs-big-play-button .vjs-icon-placeholder {
  display: block;
}

.video-js.video-js-btn-centered .vjs-big-play-button .vjs-icon-placeholder::before {
  content    : "\e9a0";
  font-family: "icomoon";
  font-size  : 92px;
  line-height: 1;
  color      : #fff;
  filter     : drop-shadow(0px 13px 50px rgba(0, 0, 0, 0.25));
  position   : relative;
  width      : auto;
  height     : auto;
}

.video-js:not(.vjs-has-started) .vjs-tech {
  -o-object-fit: cover;
  object-fit   : cover;
}

.heading-text p {
  margin-right: 83px;
}

@media only screen and (max-width: 991px) {
  .heading-text>div {
    white-space: normal !important;
  }

  .heading-text p {
    margin-right: 0 !important;
  }
}

.badge-info {
  background-color: rgba(74, 155, 229, 0.15);
  color           : #4A9BE5;
}

.badge-danger {
  background-color: rgba(255, 86, 86, 0.15);
  color           : #FF5656;
}

.share-box-one {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.05);
  padding   : 40px 66px 46px 37px;
  margin    : 80px 0 162px;
}

.share-box-one-title {
  margin-left: 92px;
}

.share-box-one-socials {
  gap          : 38px;
  margin-bottom: -81px;
}

.share-box-one-socials li {
  max-width: calc(25% - 28.5px);
}

.share-box-one-socials li a {
  padding   : 23px 12px 24px;
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.02);
}

.share-box-one-socials li a i {
  width     : 40px;
  height    : 40px;
  box-shadow: 0px 4px 15px rgbaa(#000, 0.05);
}

.share-box-one-socials li a:hover i {
  color           : #fff;
  background-color: #1081e8;
}

@media only screen and (max-width: 1399px) {
  .share-box-one-socials {
    gap: 28px;
  }

  .share-box-one-socials li {
    max-width: calc(25% - 21px);
  }
}

@media only screen and (max-width: 1199px) {
  .share-box-one {
    padding: 40px 32px 46px;
  }

  .share-box-one-title {
    margin-left: 24px;
  }

  .share-box-one-socials {
    gap: 20px;
  }

  .share-box-one-socials li {
    max-width: calc(25% - 15px);
  }
}

@media only screen and (max-width: 991px) {
  .share-box-one {
    padding: 16px 20px 32px;
  }

  .share-box-one-title {
    margin: 0 0 16px;
  }

  .share-box-one-socials {
    gap          : 12px;
    width        : 100%;
    margin-bottom: -62px;
  }

  .share-box-one-socials li {
    max-width: calc(25% - 9px);
  }

  .share-box-one-socials li a span {
    font-size  : 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .share-box-one-socials li {
    max-width: calc(50% - 6px);
  }

  .share-box-one-socials li a {
    padding      : 12px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .share-box-one {
    padding: 16px 12px 32px;
  }

  .share-box-one-socials li a i {
    width    : 32px;
    height   : 32px;
    font-size: 16px;
  }

  .share-box-one-socials li a span {
    font-size  : 14px;
    line-height: 22px;
  }
}

.select2-container {
  z-index: 10002;
}

select+.select2-container {
  z-index: 10000;
  width  : 100% !important;
}

.select2-container--default .select2-selection--single {
  height          : auto;
  padding         : 12px 0;
  background-color: #fff;
  border-radius   : 12px;
  display         : flex;
  align-items     : center;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  top            : 50%;
  transform      : translateY(-50%);
  height         : auto;
  display        : flex;
  align-items    : center;
  justify-content: center;
  left           : 16px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow::before {
  content    : "\e939";
  font-family: "icomoon";
  font-size  : 16px;
  line-height: 1;
  color      : var(--default-color-select-two);
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  overflow: visible;
}

.select2-container--default .select2-results__option--selected {
  transition: all 0.3s ease-in-out;
}

.select-two-item-icon {
  width           : 34px;
  height          : 34px;
  border-radius   : 10px;
  background-color: var(--default-color-select-two);
  box-shadow      : 0px 4px 7px rgba(0, 0, 0, 0.25);
}

.select-two-item-icon img {
  max-height: 17px;
}

.select2-container--default .select2-results__option--selected {
  background-color: rgba(var(--default-color-select-two), 0.1);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--default-color-select-two);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select-two-item-icon {
  background-color: rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select-two-item-title {
  color: #fff;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select-two-item-title-en {
  color: rgba(255, 255, 255, 0.5);
}

.form-group-box .select2-container--default .select2-selection--single {
  height       : 76px;
  border       : 0;
  box-shadow   : 0px 15px 22px rgba(0, 0, 0, 0.02);
  border-radius: 15px;
  padding      : 0 67px 0 12px;
  display      : flex;
  align-items  : center;
}

.form-group-box .select-two-item-title {
  color: rgba(73, 73, 73, 0.8);
}

.form-group-box .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 20px;
}

.form-group-box .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow::before {
  content  : "\e967";
  font-size: 10px;
  color    : #494949;
}

.select-two-form-control+.select2-container .select2-selection--single {
  padding      : 0 70px 0 12px;
  height       : 76px;
  box-shadow   : 0px 24px 30px rgba(0, 0, 0, 0.02);
  border-radius: 20px;
  border       : 0;
  display      : flex;
  align-items  : center;
}

.select-two-form-control+.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select-two-form-control+.select2-container .select2-selection--single .select2-selection__arrow::before {
  --default-color-select-two: rgba(#494949, 0.8);
}

.select-two-form-control+.select2-container .select2-selection--single .select-two-item-title {
  font-style : 16px;
  line-height: 25px;
  font-weight: 400;
  color      : rgba(73, 73, 73, 0.5);
}

.comments-customers-tourism-item {
  box-shadow   : 0px 20px 30px rgba(0, 0, 0, 0.02);
  padding      : 122px 62px 61px;
  border-radius: 100px;
}

.comments-customers-tourism-item .info {
  padding-bottom: 82px;
}

.comments-customers-tourism-item .info::after {
  width           : 51px;
  height          : 3px;
  border-radius   : 4px;
  background-color: #fcb712;
}

.comments-customers-tourism-item .info .image::after {
  right     : 18px;
  left      : 19px;
  height    : 24px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(252, 183, 18, 0.5);
  filter    : blur(16px);
}

.comments-customers-tourism-item .info .image img {
  width        : 120px;
  height       : 120px;
  border-radius: 35px;
}

@media only screen and (max-width: 767px) {
  .comments-customers-tourism-item {
    padding      : 48px 24px;
    border-radius: 32px;
  }

  .comments-customers-tourism-item .info {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-customers-tourism-item {
    padding      : 40px 16px;
    border-radius: 20px;
  }

  .comments-customers-tourism-item .audio .equalizer {
    margin-left: 20px !important;
  }

  .comments-customers-tourism-item .audio .btn-play {
    font-size: 18px;
  }
}

.equalizer {
  height: 40px;
}

.equalizer .bar {
  height: 40px;
}

.equalizer .bar span {
  border    : 3px dashed;
  transition: all 0.3s linear;
}

.equalizer .bar span:not(:last-child) {
  margin-left: 4px;
}

.apexcharts-yaxis-label {
  direction: ltr;
}

.apexcharts-legend {
  gap: 24px 45px;
}

.apexcharts-legend-marker {
  margin-right: 9px !important;
}

.apexcharts-legend-series {
  direction: ltr;
  margin   : 0 !important;
}

.table-one thead tr th {
  padding: 26px 12px;
}

.table-one tbody tr td {
  vertical-align: middle;
  padding       : 25px 12px;
}

.table-one tbody tr td:first-child {
  border-top-right-radius   : 28px;
  border-bottom-right-radius: 28px;
}

.table-one tbody tr td:last-child {
  border-top-left-radius   : 28px;
  border-bottom-left-radius: 28px;
}

.table-one tbody tr:nth-child(odd) td {
  background-color: rgba(89, 89, 89, 0.03);
}

@media only screen and (max-width: 1199px) {
  .table-one thead tr th {
    font-size: 15px;
  }

  .table-one thead tr th,
  .table-one tbody tr td {
    padding: 25px 10px;
  }
}

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

  .table-one thead tr th,
  .table-one tbody tr td {
    white-space: nowrap;
  }
}

.shadow-default,
.shadow-default.btn:hover,
.shadow-default.btn:focus,
.shadow-default.btn:active {
  box-shadow: 0px 17px 16px rgba(73, 73, 73, 0.2);
}

.shadow-1 {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.1);
}

.shadow-2 {
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.05);
}

.shadow-3 {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.15);
}

.shadow-4 {
  box-shadow: 0px 74px 50px rgba(0, 0, 0, 0.02);
}

.shadow-5 {
  box-shadow: 0px 69px 50px rgba(0, 0, 0, 0.02);
}

.shadow .shadow-danger-7,
.shadow .shadow-danger-7.btn:hover,
.shadow .shadow-danger-7.btn:focus,
.shadow .shadow-danger-7.btn:active,
.shadow .shadow-dark,
.shadow .shadow-dark.btn:hover,
.shadow .shadow-dark.btn:focus,
.shadow .shadow-dark.btn:active {
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
}

.shadow-info,
.shadow-info.btn:hover,
.shadow-info.btn:focus,
.shadow-info.btn:active {
  box-shadow: 0px 9px 30px 2px rgba(16, 129, 232, 0.25);
}

.shadow-info_2,
.shadow-info_2.btn:hover,
.shadow-info_2.btn:focus,
.shadow-info_2.btn:active {
  box-shadow: 0px 18px 25px rgba(16, 129, 232, 0.32);
}

.shadow-info_3,
.shadow-info_3.btn:hover,
.shadow-info_3.btn:focus,
.shadow-info_3.btn:active {
  box-shadow: 0px 23px 50px rgba(16, 129, 232, 0.15);
}

.shadow-info-2,
.shadow-info-2.btn:hover,
.shadow-info-2.btn:focus,
.shadow-info-2.btn:active {
  box-shadow: 0px 24px 30px rgba(38, 165, 229, 0.15);
}

.shadow-gold,
.shadow-gold.btn:hover,
.shadow-gold.btn:focus,
.shadow-gold.btn:active {
  box-shadow: 0px 16px 18px -1px rgba(182, 157, 116, 0.15);
}

.shadow-danger,
.shadow-danger.btn:hover,
.shadow-danger.btn:focus,
.shadow-danger.btn:active {
  box-shadow: 0px 24px 30px rgba(230, 58, 44, 0.15);
}

.shadow-danger-3,
.shadow-danger-3.btn:hover,
.shadow-danger-3.btn:focus,
.shadow-danger-3.btn:active {
  box-shadow: 0px 31px 51px rgba(227, 13, 12, 0.078);
}

.shadow-danger-4,
.shadow-danger-4.btn:hover,
.shadow-danger-4.btn:focus,
.shadow-danger-4.btn:active {
  box-shadow: 0px 41px 51px rgba(217, 53, 67, 0.15);
}

.shadow-danger-5,
.shadow-danger-5.btn:hover,
.shadow-danger-5.btn:focus,
.shadow-danger-5.btn:active {
  box-shadow: 0px 20px 38px 2px rgba(234, 38, 58, 0.02);
}

.shadow-danger-6,
.shadow-danger-6.btn:hover,
.shadow-danger-6.btn:focus,
.shadow-danger-6.btn:active {
  box-shadow: 0px 20px 38px 2px rgba(234, 38, 58, 0.05);
}

.shadow-success,
.shadow-success.btn:hover,
.shadow-success.btn:focus,
.shadow-success.btn:active {
  box-shadow: 0px 24px 30px rgba(37, 211, 102, 0.15);
}

.shadow-orange,
.shadow-orange.btn:hover,
.shadow-orange.btn:focus,
.shadow-orange.btn:active {
  box-shadow: 0px 28px 32px rgba(231, 111, 81, 0.25);
}

.shadow-warning,
.shadow-warning.btn:hover,
.shadow-warning.btn:focus,
.shadow-warning.btn:active {
  box-shadow: 0px 28px 50px rgba(252, 185, 0, 0.15);
}

.shadow-warning-3,
.shadow-warning-3.btn:hover,
.shadow-warning-3.btn:focus,
.shadow-warning-3.btn:active {
  box-shadow: 0px 17px 16px rgba(252, 183, 18, 0.2);
}

.shadow-warning-6,
.shadow-warning-6.btn:hover,
.shadow-warning-6.btn:focus,
.shadow-warning-6.btn:active {
  box-shadow: 0px 31px 51px rgba(246, 148, 0, 0.25);
}

.shadow-warning-gradient,
.shadow-warning-gradient.btn,
.shadow-warning-gradient.btn:hover,
.shadow-warning-gradient.btn:focus,
.shadow-warning-gradient.btn:active {
  box-shadow: 0px 9px 30px 2px rgba(252, 183, 18, 0.25);
}

.shadow-blue-2,
.shadow-blue-2.btn:hover,
.shadow-blue-2.btn:focus,
.shadow-blue-2.btn:active {
  box-shadow: 0px 31px 51px 0px rgba(29, 111, 250, 0.25);
}

.shadow-blue-3,
.shadow-blue-3.btn:hover,
.shadow-blue-3.btn:focus,
.shadow-blue-3.btn:active {
  box-shadow: 0px 34px 64px rgba(46, 54, 93, 0.25);
}

.shadow-blue-4,
.shadow-blue-4.btn:hover,
.shadow-blue-4.btn:focus,
.shadow-blue-4.btn:active {
  box-shadow: 0px 36px 36px rgba(5, 71, 193, 0.1);
}

.shadow-purple-2,
.shadow-purple-2.btn:hover,
.shadow-purple-2.btn:focus,
.shadow-purple-2.btn:active {
  box-shadow: 0px 31px 51px 0px rgba(109, 73, 131, 0.25);
}

.shadow-purple-3,
.shadow-purple-3.btn:hover,
.shadow-purple-3.btn:focus,
.shadow-purple-3.btn:active {
  box-shadow: 0px 9px 20px 2px rgba(134, 155, 235, 0.25);
}

.shadow-gray,
.shadow-gray.btn:hover,
.shadow-gray.btn:focus,
.shadow-gray.btn:active {
  box-shadow: 0px 28px 44px rgba(87, 100, 139, 0.2);
}

.shadow-white {
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.05);
}

.shadow-ads {
  box-shadow: 0px 21px 50px rgba(0, 0, 0, 0.15);
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-full {
  background-size: 100% 100%;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-text {
  -webkit-background-clip: text;
  background-clip        : text;
}

.bg-border {
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  border-radius         : 14px;
}

@media only screen and (max-width: 991px) {
  .bg-md-cover {
    background-size: cover;
  }

  .bg-md-contain {
    background-size: contain;
  }

  .bg-md-full {
    background-size: 100% 100%;
  }

  .bg-md-center {
    background-position: center;
  }

  .bg-md-no-repeat {
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 767px) {
  .bg-sm-cover {
    background-size: cover;
  }

  .bg-sm-contain {
    background-size: contain;
  }

  .bg-sm-full {
    background-size: 100% 100%;
  }

  .bg-sm-center {
    background-position: center;
  }

  .bg-sm-no-repeat {
    background-repeat: no-repeat;
  }
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-extrabold {
  font-weight: 800;
}

.fw-black {
  font-weight: 900;
}

.fs-7 {
  font-size  : 7px;
  line-height: 10px;
}

.fs-8 {
  font-size  : 8px;
  line-height: 12px;
}

.fs-9 {
  font-size  : 9px;
  line-height: 13px;
}

.fs-10 {
  font-size  : 10px;
  line-height: 16px;
}

.fs-11 {
  font-size  : 11px;
  line-height: 17px;
}

.fs-12 {
  font-size  : 12px;
  line-height: 18px;
}

.fs-13 {
  font-size  : 13px;
  line-height: 20px;
}

.fs-14 {
  font-size  : 14px;
  line-height: 22px;
}

.fs-15 {
  font-size  : 15px;
  line-height: 22px;
}

.fs-16 {
  font-size  : 16px;
  line-height: 25px;
}

.fs-18 {
  font-size  : 18px;
  line-height: 28px;
}

.fs-19 {
  font-size  : 19px;
  line-height: 29px;
}

.fs-20 {
  font-size  : 20px;
  line-height: 30px;
}

.fs-22 {
  font-size  : 22px;
  line-height: 31px;
}

.fs-23 {
  font-size  : 23px;
  line-height: 42px;
}

.fs-24 {
  font-size  : 24px;
  line-height: 32px;
}

.fs-25 {
  font-size  : 25px;
  line-height: 32px;
}

.fs-26 {
  font-size  : 26px;
  line-height: 40px;
}

.fs-27 {
  font-size  : 27px;
  line-height: 38px;
}

.fs-28 {
  font-size  : 28px;
  line-height: 42px;
}

.fs-30 {
  font-size  : 30px;
  line-height: 45px;
}

.fs-32 {
  font-size  : 32px;
  line-height: 50px;
}

.fs-36 {
  font-size  : 36px;
  line-height: 52px;
}

.fs-38 {
  font-size  : 38px;
  line-height: 54px;
}

.fs-39 {
  font-size  : 39px;
  line-height: 55px;
}

.fs-40 {
  font-size  : 40px;
  line-height: 73px;
}

.fs-42 {
  font-size  : 42px;
  line-height: 60px;
}

.fs-43 {
  font-size  : 43px;
  line-height: 61px;
}

.fs-44 {
  font-size  : 44px;
  line-height: 60px;
}

.fs-45 {
  font-size  : 45px;
  line-height: 70px;
}

.fs-50 {
  font-size  : 50px;
  line-height: 60px;
}

.fs-60 {
  font-size  : 60px;
  line-height: 85px;
}

@media only screen and (max-width: 991px) {
  .fs-50 {
    font-size  : 42px;
    line-height: 52px;
  }

  .fs-60 {
    font-size  : 50px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .fs-23 {
    font-size  : 18px;
    line-height: 32px;
  }

  .fs-27 {
    font-size  : 18px;
    line-height: 28px;
  }

  .fs-28 {
    font-size  : 20px;
    line-height: 32px;
  }

  .fs-30,
  .fs-32 {
    font-size  : 24px;
    line-height: 36px;
  }

  .fs-36,
  .fs-38 {
    font-size  : 30px;
    line-height: 48px;
  }

  .fs-39 {
    font-size  : 32px;
    line-height: 42px;
  }

  .fs-40 {
    font-size  : 32px;
    line-height: 45px;
  }

  .fs-42 {
    font-size  : 32px;
    line-height: 48px;
  }

  .fs-43 {
    font-size  : 28px;
    line-height: 48px;
  }

  .fs-44 {
    font-size  : 35px;
    line-height: 50px;
  }

  .fs-45 {
    font-size  : 32px;
    line-height: 45px;
  }

  .fs-50 {
    font-size  : 34px;
    line-height: 46px;
  }

  .fs-60 {
    font-size  : 40px;
    line-height: 54px;
  }
}

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

  .fs-36,
  .fs-38 {
    font-size  : 22px;
    line-height: 36px;
  }

  .fs-40 {
    font-size  : 24px;
    line-height: 38px;
  }

  .fs-42 {
    font-size  : 22px;
    line-height: 34px;
  }

  .fs-44 {
    font-size  : 26px;
    line-height: 40px;
  }

  .fs-45 {
    font-size  : 24px;
    line-height: 38px;
  }

  .fs-50 {
    font-size  : 28px;
    line-height: 38px;
  }

  .fs-60 {
    font-size  : 32px;
    line-height: 40px;
  }
}

.text-transparent {
  color: transparent;
}

.text-default {
  color: #494949;
}

.text-default-20 {
  color: rgba(73, 73, 73, 0.2);
}

.text-default-25 {
  color: rgba(73, 73, 73, 0.25);
}

.text-default-30 {
  color: rgba(73, 73, 73, 0.3);
}

.text-default-32 {
  color: rgba(73, 73, 73, 0.32);
}

.text-default-40 {
  color: rgba(73, 73, 73, 0.4);
}

.text-default-45 {
  color: rgba(73, 73, 73, 0.45);
}

.text-default-50 {
  color: rgba(73, 73, 73, 0.5);
}

.text-default-60 {
  color: rgba(73, 73, 73, 0.6);
}

.text-default-68 {
  color: rgba(73, 73, 73, 0.68);
}

.text-default-70 {
  color: rgba(73, 73, 73, 0.7);
}

.text-default-80 {
  color: rgba(73, 73, 73, 0.8);
}

.text-default-90 {
  color: rgba(73, 73, 73, 0.9);
}

.text-white-20 {
  color: rgba(255, 255, 255, 0.2);
}

.text-white-30 {
  color: rgba(255, 255, 255, 0.3);
}

.text-white-40 {
  color: rgba(255, 255, 255, 0.4);
}

.text-white-45 {
  color: rgba(255, 255, 255, 0.45);
}

.text-white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.text-white-67 {
  color: rgba(255, 255, 255, 0.6);
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.7);
}

.text-white-80 {
  color: rgba(255, 255, 255, 0.8);
}

.text-white-85 {
  color: rgba(255, 255, 255, 0.85);
}

.text-white-90 {
  color: rgba(255, 255, 255, 0.9);
}

.text-white-2-80 {
  color: rgba(245, 245, 245, 0.8);
}

.text-purple {
  color: #7a67db;
}

.text-purple-80 {
  color: rgba(122, 103, 219, 0.8);
}

.text-purple-2-80 {
  color: rgba(175, 164, 233, 0.8);
}

.text-purple-3 {
  color: #6d4983;
}

.text-purple-4 {
  color: #869beb;
}

.text-purple-4-90 {
  color: rgba(134, 155, 235, 0.9);
}

.text-purple-4-80 {
  color: rgba(134, 155, 235, 0.8);
}

.text-purple-5 {
  color: #b1bee5;
}

.text-purple-6 {
  color: #6b88c9;
}

.text-purple-6-80 {
  color: rgba(107, 136, 201, 0.8);
}

.text-success {
  color: #26d59c !important;
}

.text-success-80 {
  color: rgba(38, 213, 156, 0.8);
}

.text-success-2 {
  color: #1dcc9d;
}

.text-success-2-90 {
  color: rgba(29, 204, 157, 0.9);
}

.text-success-3 {
  color: #24d29d;
}

.text-success-4 {
  color: #27ad7b;
}

.text-success-4-80 {
  color: rgba(39, 173, 123, 0.8);
}

.text-success-4-90 {
  color: rgba(39, 173, 123, 0.8);
}

.text-warning {
  color: #ff9f0f !important;
}

.text-warning-2 {
  color: #f6ae00;
}

.text-warning-2-70 {
  color: rgba(246, 174, 0, 0.7);
}

.text-warning-2-80 {
  color: rgba(246, 174, 0, 0.8);
}

.text-warning-3 {
  color: #fcb712;
}

.text-warning-3-50 {
  color: rgba(252, 183, 18, 0.5);
}

.text-warning-3-80 {
  color: rgba(252, 183, 18, 0.8);
}

.text-warning-3-90 {
  color: rgba(252, 183, 18, 0.9);
}

.text-warning-4 {
  color: #f6b500;
}

.text-warning-5 {
  color: #f69400;
}

.text-warning-6 {
  color: #ffa31a;
}

.text-warning-7 {
  color: #ffc63f;
}

.text-warning-7-90 {
  color: rgba(255, 198, 63, 0.9);
}

.text-blue {
  color: #2693cd;
}

.text-blue-80 {
  color: rgba(38, 147, 205, 0.8);
}

.text-blue-2 {
  color: #4e8fff;
}

.text-blue-3 {
  color: #1d6ffa;
}

.text-blue-4 {
  color: #0140a9;
}

.text-blue-5 {
  color: #0547c1;
}

.text-blue-5-50 {
  color: rgba(5, 71, 193, 0.5);
}

.text-danger {
  color: #e63a2c !important;
}

.text-danger-60 {
  color: rgba(230, 58, 44, 0.6);
}

.text-danger-80 {
  color: rgba(230, 58, 44, 0.8);
}

.text-danger-2 {
  color: #ff5656;
}

.text-danger-2-80 {
  color: #ff5656;
}

.text-danger-3 {
  color: #d04f56;
}

.text-danger-4 {
  color: #e30d0c;
}

.text-danger-5 {
  color: #ff1a43;
}

.text-danger-6 {
  color: #ea263a;
}

.text-danger-6-80 {
  color: rgba(234, 38, 58, 0.8);
}

.text-danger-7 {
  color: #e9255a;
}

.text-danger-7-80 {
  color: rgba(233, 37, 90, 0.8);
}

.text-danger-7-90 {
  color: rgba(233, 37, 90, 0.9);
}

.text-info {
  color: #1081e8 !important;
}

.text-info-90 {
  color: rgba(16, 129, 232, 0.9);
}

.text-info-80 {
  color: rgba(16, 129, 232, 0.8);
}

.text-info-2 {
  color: #4a9be5;
}

.text-info-3 {
  color: #5692e6;
}

.text-info-3-90 {
  color: rgba(86, 146, 230, 0.9);
}

.text-info-3-80 {
  color: rgba(86, 146, 230, 0.8);
}

.text-info-4 {
  color: #52a7ca;
}

.text-info-4-80 {
  color: rgba(82, 167, 202, 0.8);
}

.text-info-4-90 {
  color: rgba(82, 167, 202, 0.9);
}

.text-info-4-2 {
  color: #a4ceda;
}

.text-orange {
  color: #ff8353;
}

.text-orange-80 {
  color: rgba(255, 131, 83, 0.8);
}

.text-orange-90 {
  color: rgba(255, 131, 83, 0.9);
}

.text-orange-2 {
  color: #fc7412;
}

.text-secondary {
  color: #606060 !important;
}

.text-secondary-80 {
  color: rgba(96, 96, 96, 0.8);
}

.text-secondary-50 {
  color: rgba(96, 96, 96, 0.5);
}

.text-secondary-2 {
  color: #5f5f5f;
}

.text-secondary-3 {
  color: #787878;
}

.text-secondary-4 {
  color: #919191;
}

.text-secondary-5 {
  color: #898989;
}

.text-secondary-6 {
  color: #c1c1c1;
}

.text-secondary-7 {
  color: #ebebeb;
}

.text-secondary-8 {
  color: #dcdcdc;
}

.text-secondary-9 {
  color: #a4a4a4;
}

.text-secondary-10 {
  color: #d2d2d2;
}

.text-secondary-11 {
  color: #d4d4d4;
}

.text-secondary-12 {
  color: #cbcccd;
}

.text-secondary-13 {
  color: #7b7b7b;
}

.text-secondary-13-50 {
  color: rgba(123, 123, 123, 0.5);
}

.text-secondary-14 {
  color: #b4b4b4;
}

.text-secondary-15 {
  color: #e0e0e0;
}

.text-secondary-17 {
  color: #dfdfdf;
}

.text-secondary-18 {
  color: #878787;
}

.text-secondary-19 {
  color: #9fa9ad;
}

.text-secondary-20 {
  color: #888;
}

.text-secondary-21 {
  color: #b0b0b0;
}

.text-secondary-22-50 {
  color: rgba(123, 123, 123, 0.5);
}

.text-gold {
  color: #b69d74;
}

.text-gold-50 {
  color: rgba(182, 157, 116, 0.5);
}

.text-gold-60 {
  color: rgba(182, 157, 116, 0.6);
}

.text-gold-80 {
  color: rgba(182, 157, 116, 0.8);
}

.text-dark {
  color: #000 !important;
}

.text-dark-2 {
  color: #121212;
}

.text-dark-3 {
  color: #364163;
}

.text-dark-4 {
  color: #777;
}

.text-dark-5 {
  color: #2e365d;
}

.text-dark-5-50 {
  color: rgba(46, 54, 93, 0.5);
}

.text-dark-6 {
  color: #414141;
}

.text-dark-7 {
  color: #2d2d2d;
}

.text-dark-7-80 {
  color: rgba(45, 45, 45, 0.8);
}

.text-dark-8 {
  color: #4b4b4b;
}

.text-dark-9 {
  color: #0f2851;
}

.text-dark-9-90 {
  color: rgba(15, 40, 81, 0.9);
}

.text-gray {
  color: #7682a8;
}

.text-gray-2 {
  color: #57648b;
}

.text-gray-3 {
  color: #bebebe;
}

.text-gray-3-80 {
  color: rgba(190, 190, 190, 0.8);
}

.text-gray-4 {
  color: #a9a9a9;
}

.text-gray-5 {
  color: #ddd;
}

.text-gray-6-80 {
  color: rgba(81, 81, 81, 0.8);
}

.text-gray-7-50 {
  color: rgba(159, 159, 159, 0.5);
}

.text-gray-8 {
  color: #aab4bc;
}

.text-light-1 {
  color: #f4f4f4;
}

.text-light-2 {
  color: #d9d9d9;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-19 {
  line-height: 19px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-21 {
  line-height: 21px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-25 {
  line-height: 25px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-35 {
  line-height: 35px;
}

.line-height-36 {
  line-height: 36px;
}

.line-height-38 {
  line-height: 38px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-42 {
  line-height: 42px;
}

.line-height-44 {
  line-height: 44px;
}

.line-height-45 {
  line-height: 45px;
}

.line-height-48 {
  line-height: 48px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-54 {
  line-height: 54px;
}

.line-height-55 {
  line-height: 55px;
}

.line-height-57 {
  line-height: 57px;
}

.line-height-58 {
  line-height: 58px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-62 {
  line-height: 62px;
}

.line-height-64 {
  line-height: 64px;
}

.line-height-65 {
  line-height: 65px;
}

.line-height-68 {
  line-height: 68px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-76 {
  line-height: 76px;
}

.line-height-78 {
  line-height: 78px;
}

.line-height-82 {
  line-height: 82px;
}

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

  .line-height-35,
  .line-height-36 {
    line-height: 32px;
  }

  .line-height-42 {
    line-height: 35px;
  }

  .line-height-48 {
    line-height: 32px;
  }

  .line-height-50 {
    line-height: 36px;
  }

  .line-height-54,
  .line-height-55 {
    line-height: 40px;
  }

  .line-height-57 {
    line-height: 45px;
  }

  .line-height-58 {
    line-height: 44px;
  }

  .line-height-60 {
    line-height: 46px;
  }

  .line-height-62 {
    line-height: 48px;
  }

  .line-height-64 {
    line-height: 48px;
  }

  .line-height-65 {
    line-height: 50px;
  }

  .line-height-68 {
    line-height: 54px;
  }

  .line-height-70 {
    line-height: 56px;
  }

  .line-height-76 {
    line-height: 54px;
  }

  .line-height-78 {
    line-height: 56px;
  }

  .line-height-82 {
    line-height: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .line-height-42 {
    line-height: 28px;
  }

  .line-height-54 {
    line-height: 32px;
  }

  .line-height-57 {
    line-height: 37px;
  }

  .line-height-58 {
    line-height: 36px;
  }

  .line-height-60 {
    line-height: 34px;
  }

  .line-height-62 {
    line-height: 36px;
  }

  .line-height-64 {
    line-height: 38px;
  }

  .line-height-65 {
    line-height: 40px;
  }

  .line-height-68 {
    line-height: 44px;
  }

  .line-height-70 {
    line-height: 46px;
  }

  .line-height-74 {
    line-height: 42px;
  }

  .line-height-78 {
    line-height: 46px;
  }

  .line-height-82 {
    line-height: 48px;
  }
}

.text-justify {
  text-align: justify;
}

.text-last-center {
  -moz-text-align-last: center;
  text-align-last     : center;
}

@media only screen and (max-width: 991px) {
  .text-last-md-center {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

@media only screen and (max-width: 767px) {
  .text-last-sm-center {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

.py-19 {
  padding-top   : 19px;
  padding-bottom: 19px;
}

.px-32 {
  padding-right: 32px;
  padding-left : 32px;
}

.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-6 {
  margin-left: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.ml-7 {
  margin-left: 7px;
}

.mr-7 {
  margin-right: 7px;
}

.ml-9 {
  margin-left: 9px;
}

.mr-9 {
  margin-right: 9px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-11 {
  margin-left: 11px;
}

.mr-11 {
  margin-right: 11px;
}

.ml-12 {
  margin-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.ml-13 {
  margin-left: 13px;
}

.mr-13 {
  margin-right: 13px;
}

.ml-14 {
  margin-left: 14px;
}

.mr-14 {
  margin-right: 14px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.ml-17 {
  margin-left: 17px;
}

.mr-17 {
  margin-right: 17px;
}

.ml-18 {
  margin-left: 18px;
}

.mr-18 {
  margin-right: 18px;
}

.ml-19 {
  margin-left: 19px;
}

.mr-19 {
  margin-right: 19px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-21 {
  margin-left: 21px;
}

.mr-21 {
  margin-right: 21px;
}

.ml-22 {
  margin-left: 22px;
}

.mr-22 {
  margin-right: 22px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.ml-26 {
  margin-left: 26px;
}

.mr-26 {
  margin-right: 26px;
}

.ml-28 {
  margin-left: 28px;
}

.mr-28 {
  margin-right: 28px;
}

.ml-29 {
  margin-left: 29px;
}

.mr-29 {
  margin-right: 29px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-31 {
  margin-left: 31px;
}

.mr-31 {
  margin-right: 31px;
}

.ml-32 {
  margin-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.ml-33 {
  margin-left: 33px;
}

.mr-33 {
  margin-right: 33px;
}

.ml-34 {
  margin-left: 34px;
}

.mr-34 {
  margin-right: 34px;
}

.ml-35 {
  margin-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.ml-36 {
  margin-left: 36px;
}

.mr-36 {
  margin-right: 36px;
}

.ml-39 {
  margin-left: 39px;
}

.mr-39 {
  margin-right: 39px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-65 {
  margin-left: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.ml-68 {
  margin-left: 68px;
}

.mr-68 {
  margin-right: 68px;
}

.mt-6 {
  margin-top: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mt-7 {
  margin-top: 7px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mt-9 {
  margin-top: 9px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-11 {
  margin-top: 11px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mt-14 {
  margin-top: 14px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-17 {
  margin-top: 17px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mt-18 {
  margin-top: 18px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mt-19 {
  margin-top: 19px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-21 {
  margin-top: 21px;
}

.mb-21 {
  margin-bottom: 21px;
}

.mt-22 {
  margin-top: 22px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mt-23 {
  margin-top: 23px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-26 {
  margin-top: 26px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mt-27 {
  margin-top: 27px;
}

.mb-27 {
  margin-bottom: 27px;
}

.mt-28 {
  margin-top: 28px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mt-29 {
  margin-top: 29px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-31 {
  margin-top: 31px;
}

.mb-31 {
  margin-bottom: 31px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-33 {
  margin-top: 33px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mt-34 {
  margin-top: 34px;
}

.mb-34 {
  margin-bottom: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mt-37 {
  margin-top: 37px;
}

.mb-37 {
  margin-bottom: 37px;
}

.mt-38 {
  margin-top: 38px;
}

.mb-38 {
  margin-bottom: 38px;
}

.mt-39 {
  margin-top: 39px;
}

.mb-39 {
  margin-bottom: 39px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-41 {
  margin-top: 41px;
}

.mb-41 {
  margin-bottom: 41px;
}

.mt-42 {
  margin-top: 42px;
}

.mb-42 {
  margin-bottom: 42px;
}

.mt-43 {
  margin-top: 43px;
}

.mb-43 {
  margin-bottom: 43px;
}

.mt-44 {
  margin-top: 44px;
}

.mb-44 {
  margin-bottom: 44px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mt-46 {
  margin-top: 46px;
}

.mb-46 {
  margin-bottom: 46px;
}

.mt-47 {
  margin-top: 47px;
}

.mb-47 {
  margin-bottom: 47px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-51 {
  margin-top: 51px;
}

.mb-51 {
  margin-bottom: 51px;
}

.mt-52 {
  margin-top: 52px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mt-53 {
  margin-top: 53px;
}

.mb-53 {
  margin-bottom: 53px;
}

.mt-54 {
  margin-top: 54px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mt-55 {
  margin-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mt-56 {
  margin-top: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mt-58 {
  margin-top: 58px;
}

.mb-58 {
  margin-bottom: 58px;
}

.mt-59 {
  margin-top: 59px;
}

.mb-59 {
  margin-bottom: 59px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-62 {
  margin-top: 62px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mt-63 {
  margin-top: 63px;
}

.mb-63 {
  margin-bottom: 63px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mt-66 {
  margin-top: 66px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mt-67 {
  margin-top: 67px;
}

.mb-67 {
  margin-bottom: 67px;
}

.mt-68 {
  margin-top: 68px;
}

.mb-68 {
  margin-bottom: 68px;
}

.mt-69 {
  margin-top: 69px;
}

.mb-69 {
  margin-bottom: 69px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-71 {
  margin-top: 71px;
}

.mb-71 {
  margin-bottom: 71px;
}

.mt-72 {
  margin-top: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mt-73 {
  margin-top: 73px;
}

.mb-73 {
  margin-bottom: 73px;
}

.mt-74 {
  margin-top: 74px;
}

.mb-74 {
  margin-bottom: 74px;
}

.mt-77 {
  margin-top: 77px;
}

.mb-77 {
  margin-bottom: 77px;
}

.mt-79 {
  margin-top: 79px;
}

.mb-79 {
  margin-bottom: 79px;
}

.mt-86 {
  margin-top: 86px;
}

.mb-86 {
  margin-bottom: 86px;
}

.mt-92 {
  margin-top: 92px;
}

.mb-92 {
  margin-bottom: 92px;
}

.mt-93 {
  margin-top: 93px;
}

.mb-93 {
  margin-bottom: 93px;
}

.mt-94 {
  margin-top: 94px;
}

.mb-94 {
  margin-bottom: 94px;
}

.swiper-seo {
  padding-bottom: 64px;
}

.swiper-seo .swiper-button-next,
.swiper-seo .swiper-button-prev {
  width           : 46px;
  height          : 140px;
  background-color: rgba(73, 73, 73, 0.5);
}

.swiper-seo .swiper-button-next::after,
.swiper-seo .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 11px;
}

.swiper-seo .swiper-button-next:hover,
.swiper-seo .swiper-button-prev:hover {
  background-color: #7a67db;
}

.swiper-seo .swiper-button-next {
  left     : 0;
  transform: translateX(-114px);
}

.swiper-seo .swiper-button-next::after {
  content: "\e901";
}

.swiper-seo .swiper-button-prev {
  right    : 0;
  transform: translateX(114px);
}

.swiper-seo .swiper-button-prev::after {
  content: "\e903";
}

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

  .swiper-seo .swiper-button-next,
  .swiper-seo .swiper-button-prev {
    width        : 50px;
    height       : 50px;
    border-radius: 50%;
  }
}

.swiper-seo .swiper-pagination {
  bottom: 0;
}

.swiper-seo .swiper-pagination-bullet {
  width           : 53px;
  height          : 4px;
  background-color: #d9d9d9;
  border-radius   : 0;
  opacity         : 1;
}

.swiper-seo .swiper-pagination-bullet-active {
  background-color: #7a67db;
}

@media only screen and (max-width: 767px) {
  .swiper-seo .swiper-pagination-bullet {
    width : 20px;
    height: 3px;
  }
}

.last-articles-blog-seo::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 144%;
  background     : var(--wpr-bg-b1da738b-636c-4ef1-ba2a-b5669bbfeceb) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  transform      : translateY(-83px);
}

@media only screen and (max-width: 767px) {
  .last-articles-blog-seo::before {
    background-size    : cover;
    background-position: center center;
  }
}

.last-articles-blog-seo .container::before {
  background     : var(--wpr-bg-189c8898-1fab-4573-8fcc-22f6193626e7) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 96px;
  height         : 198px;
  top            : 0;
  right          : 0;
}

.last-articles-blog-seo .container::after {
  background     : var(--wpr-bg-3b121c7d-29bf-48dc-b9b0-f87c0c83e59a) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 94px;
  height         : 157px;
  bottom         : 32px;
  left           : 0;
}

.last-articles-blog-seo-wrapper {
  max-width: calc(100% - 67px);
}

@media only screen and (max-width: 1399px) {
  .last-articles-blog-seo-wrapper {
    max-width: calc(100% - 87px);
  }
}

@media only screen and (max-width: 1199px) {
  .last-articles-blog-seo-wrapper {
    max-width: calc(100% - 107px);
  }
}

@media only screen and (max-width: 991px) {
  .last-articles-blog-seo-wrapper {
    max-width: 100%;
  }
}

.last-articles-blog-seo-wrapper .swiper-button-next {
  transform: translate(-79px, -115%);
}

.last-articles-blog-seo-wrapper .swiper-button-prev {
  transform: translate(79px, 0%);
}

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

  .last-articles-blog-seo-wrapper .swiper-button-next,
  .last-articles-blog-seo-wrapper .swiper-button-prev {
    top      : auto;
    bottom   : 0;
    transform: translateY(15px);
  }

  .last-articles-blog-seo-wrapper .swiper-button-next {
    left: 0;
  }

  .last-articles-blog-seo-wrapper .swiper-button-prev {
    right: 0;
  }
}

.last-articles-blog-seo .btn-outline-purple {
  padding    : 17px 19px;
  line-height: 19px;
}

.news-letter-seo {
  margin: 127px 0 129px;
}

.news-letter-seo::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 155%;
  background     : var(--wpr-bg-3dd42ac3-ddfc-4675-b7e8-8eccb4d6ce97) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -3;
  transform      : translateY(-110px);
}

.news-letter-seo::after {
  content        : "";
  position       : absolute;
  top            : 139px;
  right          : 108px;
  width          : 69px;
  height         : 72px;
  background     : var(--wpr-bg-3742dc5d-01f4-4f0a-8b50-6b6f851541b8) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.news-letter-seo .container::before,
.news-letter-seo .container::after {
  content : "";
  position: absolute;
  z-index : -1;
}

.news-letter-seo .container::before {
  top            : 154px;
  right          : 0;
  width          : 98px;
  height         : 194px;
  background     : var(--wpr-bg-9ec4f1db-c7cf-44db-b021-acba524102c4) 0 0 no-repeat;
  background-size: 100% 100%;
  mix-blend-mode : exclusion;
}

.news-letter-seo .container::after {
  content        : "";
  position       : absolute;
  width          : 114px;
  height         : 165px;
  top            : 148px;
  left           : 0;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-header-seo-03.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.news-letter-seo-content::after {
  content        : "";
  position       : absolute;
  top            : 402px;
  left           : 58px;
  background     : var(--wpr-bg-051a18d7-92c0-4b7a-aa5d-cd2beea33d4e) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 119px;
  height         : 84px;
  z-index        : -1;
}

.news-letter-seo-wrapper {
  max-width: 1029px;
  height   : 579px;
  z-index  : 2;
}

.news-letter-seo-wrapper::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  z-index        : -2;
  background     : var(--wpr-bg-d22f5bf8-9978-4edf-8dab-4b9299c72e5c) 0 0 no-repeat;
  background-size: 100% 100%;
  filter         : drop-shadow(0px 57px 50px rgba(0, 0, 0, 0.05));
}

.news-letter-seo-wrapper::after {
  content        : "";
  position       : absolute;
  top            : 34px;
  right          : 114px;
  width          : calc(100% - 234px);
  height         : calc(100% - 92px);
  background     : var(--wpr-bg-6e319464-4bc0-48c8-8be7-963b381ccce3) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.news-letter-seo-wrapper .shape::before,
.news-letter-seo-wrapper .shape::after {
  content : "";
  position: absolute;
}

.news-letter-seo-wrapper .shape::before {
  width          : 115px;
  height         : 120px;
  background     : var(--wpr-bg-2b4cf37b-ebe1-4c40-8f61-c65c577fa99a) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 0;
  left           : 88px;
  transform      : translate(0, -14px);
}

.news-letter-seo-wrapper .shape::after {
  width          : 119px;
  height         : 84px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-07.png) 0 0 no-repeat;
  background-size: 100% 100%;
  right          : 0;
  bottom         : 28px;
}

.news-letter-seo-wrapper form {
  max-width : 585px;
  box-shadow: 0px 51px 30px rgba(0, 0, 0, 0.02);
  padding   : 20px 29px 21px 31px;
}

.news-letter-seo-wrapper form .input .form-control {
  color      : #787878;
  line-height: 27px;
}

.news-letter-seo-wrapper form .input label {
  background             : linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  -webkit-text-fill-color: transparent;
}

.news-letter-seo-wrapper form .btn {
  line-height  : 21px;
  padding      : 15px 34px;
  border-radius: 10px;
  box-shadow   : 0px 7px 70px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 991px) {
  .news-letter-seo::before {
    background-size    : cover;
    background-position: center center;
  }

  .news-letter-seo::after,
  .news-letter-seo .container::before,
  .news-letter-seo .container::after,
  .news-letter-seo-content::before,
  .news-letter-seo-content::after {
    content: none;
  }

  .news-letter-seo-wrapper {
    height: auto;
  }

  .news-letter-seo-wrapper::before,
  .news-letter-seo-wrapper::after {
    content: none;
  }

  .news-letter-seo-wrapper form {
    position : relative !important;
    top      : 0 !important;
    right    : 0 !important;
    transform: unset !important;
    margin   : 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .news-letter-seo {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 575px) {
  .news-letter-seo-wrapper form {
    border-radius: 12px;
    padding      : 16px 12px;
  }

  .news-letter-seo-wrapper form .input>* {
    font-size: 12px;
  }
}

.header-seo::before {
  content        : "";
  position       : absolute;
  width          : 125px;
  height         : 131px;
  background     : var(--wpr-bg-717627ec-9fc4-4a9b-a0e2-b3491bb5aca0) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 190px;
  left           : 40%;
  transform      : translateX(-50%);
  mix-blend-mode : exclusion;
  z-index        : -1;
}

.header-seo::after {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 600px;
  height         : 587px;
  background     : var(--wpr-bg-da718a36-f7b2-49d4-b2af-5c05a8537d10) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
}

.header-seo .container::before,
.header-seo .container::after {
  content : "";
  position: absolute;
  z-index : -1;
}

.header-seo .container::before {
  width          : 114px;
  height         : 165px;
  background     : var(--wpr-bg-aeb5f4f7-e2c4-4d73-968b-50b994d83acb) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 199px;
  left           : 0;
}

.header-seo .container::after {
  width          : 188px;
  height         : 157px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-header-seo-04.png) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 485px;
  left           : 52px;
}

.header-seo-logo {
  padding    : 31px 22px 37px 28px;
  margin-left: 46px;
}

.header-seo-logo::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : var(--wpr-bg-3dbf1399-95e7-47cd-97ab-588ad93ffb10) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.header-seo-nav ul li:not(:last-child) {
  margin-left: 24px;
}

.header-seo-nav ul li a {
  color      : #a9a9a9;
  line-height: 22px;
}

.header-seo-nav ul li a::before {
  content         : "";
  display         : inline-block;
  vertical-align  : middle;
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: #7a67db;
  margin-left     : 4px;
  opacity         : 0;
  visibility      : hidden;
  transition      : all 0.3s ease-in-out;
}

.header-seo-nav ul li a:hover,
.header-seo-nav ul li a.active {
  color      : #7a67db;
  font-weight: bold;
}

.header-seo-nav ul li a:hover::before,
.header-seo-nav ul li a.active::before {
  opacity   : 1;
  visibility: visible;
}

.header-seo-search {
  margin-left: 13px;
}

.header-seo-search .form-control {
  background-color: rgba(172, 172, 172, 0.1);
  width           : 204px;
  color           : #fff;
  height          : 44px;
}

.header-seo-search .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.header-seo-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.header-seo-search button {
  left: 17px;
}

.header-seo-auth {
  border-radius: 15px;
}

.header-seo-auth .btn {
  padding: 6px 14px 6px 15px;
}

.header-seo-auth .btn:first-child {
  background-color: rgba(38, 213, 156, 0.5);
  border-radius   : 0 15px 15px 0;
}

.header-seo-auth .btn:last-child {
  border-radius: 15px 0 0 15px;
  padding      : 6px 24px;
}

@media only screen and (min-width: 1800px) {
  .header-seo::after {
    width: 750px;
  }
}

@media only screen and (max-width: 1399px) {
  .header-seo::after {
    width: 510px;
  }
}

@media only screen and (max-width: 1199px) {
  .header-seo::after {
    width: 424px;
  }

  .header-seo-logo {
    margin-left: 28px;
  }

  .header-seo-nav ul li:not(:last-child) {
    margin-left: 12px;
  }

  .header-seo-search .form-control {
    width: 180px;
  }

  .header-seo-auth .btn:first-child,
  .header-seo-auth .btn:last-child {
    padding: 6px 10px;
  }
}

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

  .header-seo::before,
  .header-seo::after,
  .header-seo .container::before,
  .header-seo .container::after {
    content: none;
  }

  .header-seo-search button {
    color: rgba(73, 73, 73, 0.7) !important;
  }

  .header-seo-search .form-control {
    color: #494949;
  }

  .header-seo-search .form-control::-moz-placeholder {
    color: rgba(73, 73, 73, 0.5);
  }

  .header-seo-search .form-control::placeholder {
    color: rgba(73, 73, 73, 0.5);
  }
}

@media only screen and (max-width: 767px) {
  .header-seo {
    padding: 37px 0;
  }

  .header-seo-logo {
    position : absolute !important;
    top      : 0;
    left     : 50%;
    transform: translate(-50%, 0);
  }
}

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

  .header-seo-auth .btn:first-child,
  .header-seo-auth .btn:last-child {
    background-color: transparent !important;
    color           : rgba(73, 73, 73, 0.75) !important;
    font-size       : 18px;
  }
}

.footer-seo {
  padding: 50px 0 16px;
  z-index: 2;
  margin : 63px 0 42px;
}

.footer-seo::before {
  content        : "";
  position       : absolute;
  top            : 0;
  right          : 0;
  left           : 0;
  width          : calc(100% - 40px);
  height         : 100%;
  border-radius  : 62px;
  background     : #1f193d var(--wpr-bg-4ecef788-e901-465f-b9e8-6a5d2bd7f258) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  margin         : 0 auto;
}

.footer-seo-description {
  margin-top: 7px;
}

.footer-seo-description .sub-title {
  color        : rgba(175, 164, 233, 0.9);
  margin-bottom: 2px;
}

.footer-seo-description p {
  line-height: 21px;
}

.footer-seo-titr {
  margin-bottom: 2px;
}

.footer-seo-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-seo-nav li a {
  color      : rgba(255, 255, 255, 0.6);
  line-height: 27px;
}

.footer-seo-nav li a:hover {
  color: #afa4e9;
}

.footer-seo-row>*:nth-child(3),
.footer-seo-row>*:nth-child(4) {
  margin: 36px 0 31px;
}

.footer-seo-contact>span {
  margin-left: 12px;
}

.footer-seo-contact>div:nth-child(2) {
  margin-right: auto;
}

.footer-seo-contact>div:last-child {
  margin-right: 36px;
}

.footer-seo-socials {
  gap: 32px;
}

.footer-seo-socials .btn {
  max-width  : 50%;
  padding    : 19px 8px;
  line-height: 21px;
}

.footer-seo-socials .btn::after {
  content      : "";
  position     : absolute;
  top          : 100%;
  left         : 50%;
  transform    : translateX(-50%);
  width        : 60%;
  height       : 12px;
  border-radius: 15px;
  filter       : blur(25px);
  z-index      : -1;
}

.footer-seo-socials .btn-success::after {
  background-color: #2bffba;
}

.footer-seo-socials .btn-purple::after {
  background-color: #7a67db;
}

@media only screen and (max-width: 1399px) {
  .footer-seo-contact>div:last-child {
    margin-right: 12px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-seo::before {
    width        : calc(100% - 24px);
    border-radius: 50px;
  }

  .footer-seo-contact>span {
    font-size: 17px;
  }

  .footer-seo-contact>div {
    font-size: 12px;
  }

  .footer-seo-contact>div i {
    font-size: 14px;
  }

  .footer-seo-socials {
    gap: 16px;
  }

  .footer-seo-socials .btn {
    font-size: 12px;
  }

  .footer-seo-socials .btn i {
    font-size: 8px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-seo {
    margin-bottom: 0;
  }

  .footer-seo::before {
    width              : 100%;
    border-radius      : 0;
    background-size    : cover;
    background-position: center center;
  }

  .footer-seo-row>*:nth-child(3),
  .footer-seo-row>*:nth-child(4) {
    margin: 16px 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-seo-description .title {
    font-size: 16px;
  }

  .footer-seo-description .sub-title {
    font-size: 12px;
  }

  .footer-seo-contact>div:nth-child(2) {
    margin: 12px 0;
  }

  .footer-seo-contact>div:last-child {
    margin-right: 0;
  }

  .footer-seo-socials .btn {
    max-width: 100%;
  }
}

.landing-seo {
  margin-top: 53px;
}

.landing-seo::before {
  content        : "";
  position       : absolute;
  top            : 35%;
  transform      : translateY(-50%);
  width          : 98px;
  height         : 194px;
  background     : var(--wpr-bg-b19a6e6e-b6af-4a6d-bf75-819694f712e1) 0 0 no-repeat;
  background-size: 100% 100%;
  mix-blend-mode : difference;
  z-index        : -1;
}

.landing-seo .sup-title {
  -webkit-text-fill-color: transparent;
  background             : linear-gradient(180deg, rgba(73, 73, 73, 0.6) 0%, rgba(73, 73, 73, 0) 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  letter-spacing         : 4.8px;
  margin-bottom          : -12px;
}

.landing-seo .sup-title::before {
  content        : "";
  position       : absolute;
  right          : 0;
  bottom         : 100%;
  width          : 69px;
  height         : 72px;
  border-radius  : 50%;
  background     : var(--wpr-bg-c5148317-1158-4912-91fc-d066c00e5b94) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(30px, -1px);
}

.landing-seo .sub-title {
  margin: 0 0 10px;
}

.landing-seo p {
  line-height: 30px;
}

.landing-seo .btn:first-child {
  padding    : 12px 19px 13px;
  margin-left: 12px;
}

.landing-seo .btn:last-child {
  padding: 16px 25px 17px 26px;
}

.landing-seo img {
  filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 1199px) {
  .landing-seo h2 {
    font-size  : 36px;
    line-height: 54px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-seo img {
    max-width: 70%;
    margin   : 0 auto 50px;
  }
}

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

  .landing-seo .sup-title,
  .landing-seo .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .landing-seo .sup-title {
    margin-bottom: 0;
  }

  .landing-seo h2 {
    font-size  : 24px;
    line-height: 32px;
  }

  .landing-seo .sub-title {
    margin-top: 0;
  }

  .landing-seo p {
    font-size  : 12px;
    line-height: 25px;
  }

  .landing-seo .btn {
    max-width: 100%;
    width    : 100%;
    display  : block;
  }

  .landing-seo .btn:first-child {
    margin: 0 0 12px;
  }

  .landing-seo img {
    max-width: 100%;
  }
}

.what-me-seo::before,
.what-me-seo::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: difference;
}

.what-me-seo::before {
  right          : 0;
  bottom         : 50px;
  width          : 115px;
  height         : 218px;
  background     : var(--wpr-bg-df42b7d5-0ac2-4c1d-ba2d-478f09e93502) 0 0 no-repeat;
  background-size: 100% 100%;
}

.what-me-seo::after {
  bottom         : 0;
  left           : 0;
  width          : 93px;
  height         : 130px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-what-me-seo-02.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.what-me-seo .image::before {
  content        : "";
  position       : absolute;
  top            : 0;
  right          : 90px;
  width          : 105px;
  height         : 110px;
  background     : var(--wpr-bg-7338331d-bab3-4793-b23d-4e26b528de7b) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : 3;
}

.what-me-seo .image img {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.15));
}

.what-me-seo .sup-title {
  line-height: 36px;
}

.what-me-seo h2 {
  line-height  : 48px;
  margin-bottom: 11px;
}

.what-me-seo p {
  line-height  : 25px;
  margin-bottom: 17px;
}

.what-me-seo .btn {
  padding: 16px 25px 17px 26px;
}

@media only screen and (max-width: 991px) {
  .what-me-seo .image::before {
    content: none;
  }

  .what-me-seo .image img {
    max-width: 70%;
    margin   : 0 auto 20px;
  }
}

@media only screen and (max-width: 575px) {
  .what-me-seo .image img {
    max-width: 100%;
  }

  .what-me-seo .sup-title {
    font-size  : 18px;
    line-height: 30px;
  }

  .what-me-seo h2 {
    font-size  : 24px;
    line-height: 38px;
  }

  .what-me-seo p {
    font-size  : 12px;
    line-height: 20px;
  }

  .what-me-seo .btn {
    max-width: 100%;
    width    : 100%;
  }
}

.top-services-seo {
  margin : 84px 0 179px;
  padding: 50px 0;
}

@media only screen and (max-width: 767px) {
  .top-services-seo {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-services-seo .swiper-slide {
    opacity  : 1;
    transform: scale(1);
  }
}

.description-seo-home::after {
  content        : "";
  position       : absolute;
  top            : 50%;
  left           : 0;
  width          : 800px;
  height         : 579px;
  background     : var(--wpr-bg-eb887926-37c0-4206-bd16-6ff0ec3797ec) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-50%);
  z-index        : -1;
}

.description-seo-home .container::before,
.description-seo-home .container::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: difference;
  z-index       : -1;
}

.description-seo-home p {
  line-height: 34px;
}

.description-seo-home .btn:first-child {
  padding   : 12px 19px 13px;
  box-shadow: 0px 23px 50px rgba(0, 0, 0, 0.05);
}

.description-seo-home .btn:last-child {
  padding: 16px 10px 17px;
}

@media only screen and (max-width: 1399px) {
  .description-seo-home::after {
    width : 650px;
    height: 480px;
  }
}

@media only screen and (max-width: 1199px) {
  .description-seo-home::after {
    width : 550px;
    height: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .description-seo-home {
    padding-top: 450px;
  }

  .description-seo-home::after {
    width    : 70%;
    top      : 0;
    transform: unset;
  }
}

@media only screen and (max-width: 767px) {
  .description-seo-home::before {
    background-size    : cover;
    background-position: center center;
  }

  .description-seo-home::after {
    width: 85%;
  }

  .description-seo-home h2 {
    font-size  : 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .description-seo-home {
    padding-top: 350px;
  }

  .description-seo-home::after {
    width : 95%;
    height: 300px;
  }

  .description-seo-home .sup-title {
    font-size: 14px;
  }

  .description-seo-home h2 {
    font-size  : 24px;
    line-height: 40px;
  }

  .description-seo-home p {
    font-size  : 12px;
    line-height: 25px;
  }

  .description-seo-home .btn {
    max-width: 100%;
    width    : 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page-instagram-seo {
    margin-top: 80px;
  }
}

.page-instagram-seo-wrapper {
  z-index: 2;
  padding: 72px 688px 72px 70px;
}

.page-instagram-seo-wrapper::before {
  content        : "";
  background     : var(--wpr-bg-7902ad11-7bb9-4d6e-8b5b-c195fa183253) 0 0 no-repeat, radial-gradient(13.73% 38.57% at 21.15% 34.39%, #302955 3.04%, #262147 41.34%, #130f29 100%);
  background-size: 100% 100%;
  z-index        : -3;
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  transform      : matrix(-1, 0, 0, 1, 0, 0);
  border-radius  : 62px;
}

.page-instagram-seo-wrapper .image {
  width : 507px;
  height: 630px;
  right : 102px;
  bottom: 0;
}

.page-instagram-seo-wrapper .image::before,
.page-instagram-seo-wrapper .image::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: exclusion;
}

.page-instagram-seo-wrapper .sup-title {
  color: rgba(255, 255, 255, 0.2);
}

.page-instagram-seo-wrapper h2 {
  margin-bottom: 12px;
}

.page-instagram-seo-wrapper h2 span {
  color: #afa4e9;
}

.page-instagram-seo-wrapper p {
  color      : rgba(255, 255, 255, 0.6);
  line-height: 34px;
}

.page-instagram-seo-wrapper .btn {
  padding   : 19px 17px 20px 18px;
  box-shadow: 0px 23px 50px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 1399px) {
  .page-instagram-seo-wrapper {
    padding-right: 600px;
  }

  .page-instagram-seo-wrapper .image {
    width: 490px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-instagram-seo-wrapper {
    padding: 72px 548px 72px 20px;
  }

  .page-instagram-seo-wrapper .image {
    right: 40px;
  }

  .page-instagram-seo-wrapper h2 {
    font-size  : 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .page-instagram-seo-wrapper {
    padding: 24px;
  }

  .page-instagram-seo-wrapper::before {
    border-radius: 32px;
  }

  .page-instagram-seo-wrapper .sup-title {
    color: rgba(255, 255, 255, 0.3);
  }
}

@media only screen and (max-width: 767px) {
  .page-instagram-seo-wrapper::before {
    background-size    : cover;
    background-position: center center;
  }
}

@media only screen and (max-width: 575px) {
  .page-instagram-seo-wrapper {
    margin: 0 -12px;
  }

  .page-instagram-seo-wrapper::before {
    border-radius: 0;
  }

  .page-instagram-seo-wrapper .sup-title {
    font-size  : 14px;
    line-height: 24px;
  }

  .page-instagram-seo-wrapper h2 {
    font-size  : 24px;
    line-height: 40px;
  }

  .page-instagram-seo-wrapper p {
    font-size  : 12px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-customers-seo {
    margin-top: 80px;
  }
}

.comments-customers-seo .container::before,
.comments-customers-seo .container::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: exclusion;
  z-index       : -1;
}

.comments-customers-seo-wrapper {
  max-width: calc(100% - 280px);
}

.comments-customers-seo .title,
.comments-customers-seo .sub-title {
  line-height: 42px;
}

.comments-customers-seo-item {
  transition: all 0.3s linear;
  transform : scale(0.5);
  opacity   : 0;
}

.comments-customers-seo-item .info li:not(:last-child) {
  margin-bottom: 8px;
}

.comments-customers-seo-item .info li i {
  width      : 48px;
  height     : 48px;
  margin-left: 11px;
  box-shadow : 0px 36px 50px rgba(0, 0, 0, 0.05);
}

.comments-customers-seo-item .brands {
  margin-top: 49px;
  gap       : 25px 64px;
}

.comments-customers-seo-item .brands>div {
  max-width: calc(50% - 32px);
}

.comments-customers-seo-item .brands>div img {
  filter: grayscale(100%);
}

.comments-customers-seo-item .brands>div img:hover {
  filter: grayscale(0);
}

.comments-customers-seo-item .content {
  margin-top: -165px;
}

.comments-customers-seo-item .content img {
  margin   : 0 57px -52px 35px;
  z-index  : -1;
  max-width: calc(100% - 92px);
}

.comments-customers-seo-item .content p {
  border-radius: 20px;
  box-shadow   : 0px 43px 50px rgba(0, 0, 0, 0.02);
  line-height  : 32px;
}

.swiper-slide-active .comments-customers-seo-item {
  transform: scale(1);
  opacity  : 1;
}

.comments-customers-seo .swiper-button-next {
  top      : 10%;
  transform: translate(-114px, -50%);
}

.comments-customers-seo .swiper-button-prev {
  top      : 60%;
  transform: translate(114px, -50%);
}

.comments-customers-seo .btn-outline-purple {
  padding    : 17px 19px;
  line-height: 19px;
}

@media only screen and (max-width: 1199px) {
  .comments-customers-seo-wrapper {
    max-width: calc(100% - 190px);
  }
}

@media only screen and (max-width: 991px) {
  .comments-customers-seo::after {
    content: none;
  }

  .comments-customers-seo-wrapper {
    max-width: 100%;
  }

  .comments-customers-seo-item .content {
    margin: 0 0 32px;
  }

  .comments-customers-seo-item .content img {
    max-width: 50%;
    margin   : 0 auto;
    display  : block;
  }

  .comments-customers-seo .swiper {
    padding-bottom: 80px;
  }

  .comments-customers-seo .swiper-button-next,
  .comments-customers-seo .swiper-button-prev {
    top      : auto;
    bottom   : 0;
    transform: translateY(15px);
  }

  .comments-customers-seo .swiper-button-next {
    left: 0;
  }

  .comments-customers-seo .swiper-button-prev {
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .comments-customers-seo::before {
    background-size    : cover;
    background-position: center center;
  }

  .comments-customers-seo-wrapper .title {
    font-size  : 32px;
    line-height: 48px;
  }

  .comments-customers-seo-wrapper .sub-title {
    font-size: 12px;
  }
}

.about-us-seo-landing::before {
  content        : "";
  position       : absolute;
  top            : 35%;
  transform      : translateY(-50%);
  width          : 98px;
  height         : 194px;
  background     : var(--wpr-bg-d50a52e9-7c91-407a-8947-cdff79a2710d) 0 0 no-repeat;
  background-size: 100% 100%;
  mix-blend-mode : difference;
  z-index        : -1;
}

.about-us-seo-landing .sup-title {
  background-image       : linear-gradient(180deg, rgba(73, 73, 73, 0.6) 0%, rgba(73, 73, 73, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip        : text;
  margin-bottom          : -17px;
}

.about-us-seo-landing .sup-title::before {
  content        : "";
  position       : absolute;
  right          : 0;
  bottom         : 100%;
  width          : 69px;
  height         : 72px;
  border-radius  : 50%;
  background     : var(--wpr-bg-e2a00697-ce1d-49ee-8b73-bd764576996c) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(30px, -1px);
}

.about-us-seo-landing h2 {
  line-height: 70px;
}

.about-us-seo-landing .sub-title {
  margin: -14px 0 10px;
}

.about-us-seo-landing p {
  line-height: 30px;
  margin     : 9px 0;
}

.about-us-seo-landing .btns {
  gap: 12px;
}

.about-us-seo-landing .btns .btn {
  padding    : 16px 20px;
  line-height: 21px;
}

.about-us-seo-landing .btns .btn-success {
  padding    : 12px 20px;
  line-height: 31px;
}

@media only screen and (max-width: 1399px) {
  .about-us-seo-landing h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us-seo-landing h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-seo-landing .sup-title {
    margin-bottom: 0;
  }

  .about-us-seo-landing h2 {
    font-size  : 20px;
    line-height: 32px;
  }

  .about-us-seo-landing .sub-title {
    margin-top: 0;
  }

  .about-us-seo-landing p {
    font-size: 12px;
  }
}

.about-us-seo-brands {
  margin: 50px 0 256px;
}

.about-us-seo-brands::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 250%;
  background     : var(--wpr-bg-a9019115-858f-4250-b8e0-213ddfb5d8a9) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-150px);
  z-index        : -1;
}

.about-us-seo-brands::after {
  content        : "";
  position       : absolute;
  top            : 50%;
  right          : 0;
  width          : 135px;
  height         : 204px;
  background     : var(--wpr-bg-11db7939-7cdb-4fef-9694-9e1daea4ab66) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-50%);
  z-index        : -1;
  mix-blend-mode : exclusion;
}

.about-us-seo-brands-items {
  gap: 24px;
}

.about-us-seo-brands-items li {
  max-width: calc(16.6666667% - 20px);
  flex     : 0 0 auto;
}

.about-us-seo-brands-items li a {
  max-width    : 150px;
  height       : 150px;
  box-shadow   : 0px 35px 50px rgba(0, 0, 0, 0.05);
  border-radius: 22px;
}

.about-us-seo-brands-items li a img {
  max-height: 60%;
  filter    : grayscale(100%);
}

.about-us-seo-brands-items li a:hover img {
  filter: grayscale(0%);
}

@media only screen and (max-width: 991px) {
  .about-us-seo-brands-items li {
    max-width: calc(25% - 18px);
  }
}

@media only screen and (max-width: 767px) {
  .about-us-seo-brands {
    margin-bottom: 120px;
  }

  .about-us-seo-brands::before {
    background-size    : cover;
    background-position: center center;
  }

  .about-us-seo-brands-items {
    gap: 12px;
  }

  .about-us-seo-brands-items li {
    max-width: calc(25% - 9px);
  }
}

@media only screen and (max-width: 767px) {
  .about-us-seo-brands-items li {
    max-width: calc(33.333333% - 8px);
  }
}

@media only screen and (max-width: 399px) {
  .about-us-seo-brands-items li {
    max-width: calc(50% - 6px);
  }
}

.about-us-seo-description {
  margin-bottom: 261px;
}

@media only screen and (max-width: 767px) {
  .about-us-seo-description {
    margin-bottom: 80px;
  }
}

.about-us-seo-description::before {
  content: none;
}

.about-us-seo-description::after {
  right           : 0;
  left            : auto;
  background-image: var(--wpr-bg-1233da37-5e1c-4428-98ec-3ed0c41c0876);
}

@media only screen and (max-width: 1199px) {
  .about-us-seo-description::after {
    height: 480px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-seo-description::after {
    height: 400px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-seo-description::after {
    height: 300px;
  }
}

.about-us-seo-description .container::before {
  top             : 50%;
  right           : auto;
  left            : 0;
  transform       : translateY(-50%);
  background-image: var(--wpr-bg-17945b5e-47c1-4839-b2ac-284a1d641293);
}

.about-us-seo-description .container::after {
  top             : 0;
  bottom          : auto;
  width           : 93px;
  height          : 130px;
  background-image: var(--wpr-bg-52f3c313-ab6f-413a-9eae-af6b172cc4d6);
  transform       : translateY(-100px);
}

.about-us-seo-top-services {
  margin-top: 370px;
}

@media only screen and (max-width: 767px) {
  .about-us-seo-top-services {
    margin-top: 40px;
  }
}

.about-us-seo-options {
  margin: 30px 0 58px;
}

@media only screen and (max-width: 767px) {
  .about-us-seo-options {
    margin: 0;
  }

  .about-us-seo-options .row {
    padding: 70px 0;
  }
}

.about-us-seo-page-instagram {
  margin: 113px 0 116px;
}

.contact-us-seo-landing {
  margin-top: 32px;
}

.contact-us-seo-landing::before {
  content        : "";
  position       : absolute;
  top            : 35%;
  transform      : translateY(-50%);
  width          : 98px;
  height         : 194px;
  background     : var(--wpr-bg-b8ddd3e9-b6e8-453e-9074-3c37b8604e2c) 0 0 no-repeat;
  background-size: 100% 100%;
  mix-blend-mode : difference;
  z-index        : -1;
}

.contact-us-seo-landing .sup-title {
  background-image       : linear-gradient(180deg, rgba(73, 73, 73, 0.6) 0%, rgba(73, 73, 73, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip        : text;
  margin-bottom          : -17px;
}

.contact-us-seo-landing .sup-title::before {
  content        : "";
  position       : absolute;
  right          : 0;
  bottom         : 100%;
  width          : 69px;
  height         : 72px;
  border-radius  : 50%;
  background     : var(--wpr-bg-9c44a43e-52ad-4e29-8f8d-30343b4ac4a9) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(30px, -1px);
}

.contact-us-seo-landing h2 {
  line-height: 70px;
}

.contact-us-seo-landing .sub-title {
  margin: -14px 0 10px;
}

.contact-us-seo-landing p {
  line-height: 30px;
  margin     : 9px 0;
}

.contact-us-seo-landing .btns {
  gap: 12px;
}

.contact-us-seo-landing .btns .btn {
  padding    : 16px 20px;
  line-height: 21px;
}

.contact-us-seo-landing .btns .btn-success {
  padding    : 12px 20px;
  line-height: 31px;
}

.contact-us-seo-landing .brands {
  gap       : 40px 50px;
  margin-top: 59px;
}

.contact-us-seo-landing .brands a {
  max-width: calc(50% - 25px);
}

.contact-us-seo-landing .brands a img {
  filter: grayscale(100%);
}

.contact-us-seo-landing .brands a:hover img {
  filter: grayscale(0);
}

.contact-us-seo-landing-form {
  padding: 44px 77px 0 49px;
  z-index: 2;
}

.contact-us-seo-landing-form::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : calc(100% - 92px);
  background     : var(--wpr-bg-8a089c08-0922-42dd-bd50-ff1aca986ded) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.contact-us-seo-landing-form form {
  margin-top: 10px;
}

.contact-us-seo-landing-form form .form-group {
  border-radius: 20px;
  box-shadow   : 0px 32px 30px rgba(0, 0, 0, 0.02);
  height       : 76px;
  padding-right: 72px;
}

.contact-us-seo-landing-form form .form-group i {
  right : 35px;
  width : 28px;
  height: 28px;
}

.contact-us-seo-landing-form form .form-group:not(:last-child) {
  margin-bottom: 29px;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) {
  margin-bottom: 0;
  height       : 247px;
  padding-top  : 63px;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) i {
  top  : 26px;
  right: 65px;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) textarea {
  height         : calc(100% - 20px);
  scrollbar-width: 3px;
  scrollbar-color: #7A67DB #f1f1f1;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) textarea::-webkit-scrollbar {
  width: 3px;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) textarea::-webkit-scrollbar-thumb {
  background-color: #7A67DB;
}

.contact-us-seo-landing-form form .form-group:nth-last-child(2) textarea::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.contact-us-seo-landing-form form .btn {
  box-shadow   : 0px 18px 25px rgba(122, 103, 219, 0.15);
  padding      : 9px 17px;
  line-height  : 21px;
  border-radius: 11px;
  margin-top   : -20px;
}

@media only screen and (max-width: 1399px) {
  .contact-us-seo-landing h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 1199px) {
  .contact-us-seo-landing h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-seo-landing {
    margin-top: 90px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-seo-landing .sup-title {
    margin-bottom: 0;
  }

  .contact-us-seo-landing h2 {
    font-size  : 20px;
    line-height: 32px;
  }

  .contact-us-seo-landing .sub-title {
    margin-top: 0;
  }

  .contact-us-seo-landing p {
    font-size: 12px;
  }

  .contact-us-seo-landing-form {
    padding: 32px 20px 0;
  }

  .contact-us-seo-landing-form form .form-group {
    height       : 64px;
    padding-right: 40px;
  }

  .contact-us-seo-landing-form form .form-group .form-control {
    font-size: 12px;
  }

  .contact-us-seo-landing-form form .form-group i {
    right: 6px;
  }

  .contact-us-seo-landing-form form .form-group:nth-last-child(2) {
    padding-right: 12px;
  }

  .contact-us-seo-landing-form form .form-group:nth-last-child(2) i {
    right: 6px;
  }
}

.contact-us-seo-location {
  margin: 202px 0 0;
}

.contact-us-seo-location::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 136%;
  background     : var(--wpr-bg-593d8462-2ad9-4827-bd16-c63bcb22f48c) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
  transform      : translateY(-160px);
}

.contact-us-seo-location .container::before,
.contact-us-seo-location .container::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: exclusion;
  z-index       : -1;
}

.contact-us-seo-location-map {
  background     : var(--wpr-bg-09d8b30b-a741-407e-bdc5-b0fe9af0572e) 0 0 no-repeat;
  background-size: 100% 100%;
  height         : 733px;
  filter         : drop-shadow(0px 57px 50px rgba(0, 0, 0, 0.05));
  margin-bottom  : 82px;
}

.contact-us-seo-location-map iframe {
  width : calc(100% - 300px);
  height: calc(100% - 118px);
  margin: 44px 145px 0 0;
}

.contact-us-seo-location .btns {
  gap: 16px;
}

.contact-us-seo-location .btns .btn {
  padding    : 12px 20px;
  line-height: 31px;
}

@media only screen and (max-width: 991px) {
  .contact-us-seo-location-map {
    height: 450px;
  }

  .contact-us-seo-location-map iframe {
    margin: 11px 78px 0 0;
    width : calc(100% - 160px);
    height: calc(100% - 55px);
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-seo-location {
    margin-top: 88px;
  }

  .contact-us-seo-location::before {
    background-size    : cover;
    background-position: center center;
  }

  .contact-us-seo-location-map {
    background: transparent;
  }

  .contact-us-seo-location-map iframe {
    width        : 100%;
    height       : 100%;
    margin       : 0;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-seo-location-map {
    height: 280px;
  }
}

.contact-us-seo-page-instagram {
  margin: 240px 0 131px;
}

@media only screen and (max-width: 767px) {
  .contact-us-seo-page-instagram {
    margin: 120px 0 80px;
  }
}

.blog-seo-top-article {
  margin: 80px 0 112px;
}

.blog-seo-top-article-item figure img {
  box-shadow   : 0px 23px 100px rgba(0, 0, 0, 0.02);
  border-radius: 22px;
  max-height   : 489px;
}

.blog-seo-top-article-item .content {
  box-shadow   : 0px 53px 50px rgba(0, 0, 0, 0.02);
  border-radius: 27px;
  max-width    : calc(100% - 116px);
  padding      : 30px 38px 22px;
  margin-top   : -120px;
}

.blog-seo-top-article-item .content h2 {
  line-height: 32px;
  max-height : 64px;
}

.blog-seo-top-article-item .content h2 a:hover {
  color: #7a67db;
}

.blog-seo-top-article-item .content p {
  margin-bottom: 20px;
  line-height  : 25px;
  height       : 75px;
}

.blog-seo-top-article-item .content .author img {
  width      : 24px;
  height     : 24px;
  margin-left: 7px;
}

.blog-seo-top-article-item .content .author a:hover {
  color: #7a67db;
}

.blog-seo-top-article-item .content .author a:hover span {
  color: rgba(122, 103, 219, 0.7);
}

.blog-seo-top-article-item .content .more:hover {
  color: #7a67db;
}

.blog-seo-top-article .banner img {
  height       : 489px;
  max-height   : 489px;
  border-radius: 22px;
}

@media only screen and (max-width: 1399px) {
  .blog-seo-top-article .banner img {
    height: 431px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog-seo-top-article .banner img {
    height: 361px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-seo-top-article {
    margin-bottom: 80px;
  }

  .blog-seo-top-article-item .content {
    max-width: calc(100% - 64px);
    padding  : 22px;
  }
}

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

  .blog-seo-top-article-item figure img,
  .blog-seo-top-article-item .content {
    border-radius: 12px;
  }

  .blog-seo-top-article-item .content {
    max-width : 100%;
    padding   : 18px 12px;
    margin-top: 12px;
  }

  .blog-seo-top-article-item .content h2 {
    font-size  : 16px;
    line-height: 32px;
  }

  .blog-seo-top-article-item .content p {
    font-size: 12px;
  }
}

.blog-seo-heading {
  margin-bottom: 55px;
}

.blog-seo-heading::before {
  content      : "";
  position     : absolute;
  top          : 50%;
  left         : 0;
  width        : 100%;
  height       : 1px;
  border-bottom: 1px dashed rgba(120, 120, 120, 0.5);
  transform    : translateY(-50%);
  z-index      : -1;
}

.blog-seo-heading .title,
.blog-seo-heading a {
  background: linear-gradient(0deg, rgba(243, 245, 252, 0.3), rgba(243, 245, 252, 0.3)), #ffffff;
}

.blog-seo-heading .title {
  padding-left: 6px;
}

.blog-seo-heading .title::before {
  content         : "";
  display         : inline-block;
  vertical-align  : middle;
  width           : 12px;
  height          : 12px;
  border-radius   : 50%;
  background-color: #7a67db;
  margin-left     : 8px;
}

.blog-seo-heading .title span {
  border-radius   : 5px;
  background-color: rgba(252, 183, 18, 0.1);
  line-height     : 22px;
  padding         : 0 20px;
}

.blog-seo-heading a {
  padding-right: 16px;
  color        : #787878;
}

.blog-seo-heading a i {
  margin-right: 10px;
}

.blog-seo-heading a:hover {
  color: #7a67db;
}

@media only screen and (max-width: 575px) {
  .blog-seo-heading::before {
    content: none;
  }

  .blog-seo-heading .title,
  .blog-seo-heading a {
    padding   : 0;
    background: transparent;
  }
}

.blog-seo-top-view::before,
.blog-seo-top-view::after {
  content : "";
  position: absolute;
}

.blog-seo-top-view::before {
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 205%;
  transform      : translateY(-188px);
  background     : var(--wpr-bg-6fc21b5b-b22c-42dc-8209-f50da6cee8de) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
}

@media only screen and (max-width: 767px) {
  .blog-seo-top-view::before {
    background-size    : cover;
    background-position: center center;
  }
}

.blog-seo-top-view::after {
  bottom         : 0;
  left           : 0;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-comments-seo-2.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 117px;
  height         : 151px;
  transform      : translateY(200px);
  z-index        : -1;
  mix-blend-mode : exclusion;
}

.blog-seo-top-view .row {
  gap: 24px 0;
}

.blog-seo-page-instagram {
  margin: 244px 0 239px;
}

@media only screen and (max-width: 767px) {
  .blog-seo-page-instagram {
    margin: 80px 0;
  }
}

.blog-seo-top-view-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 183%;
  transform      : translateY(-239px);
  background     : var(--wpr-bg-acab0980-692a-41c0-a518-7b243f87d486) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
}

@media only screen and (max-width: 767px) {
  .blog-seo-top-view-news::before {
    background-size    : cover;
    background-position: center center;
  }
}

.blog-seo-top-view-news .container::before,
.blog-seo-top-view-news .container::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: exclusion;
}

.blog-seo-top-view-news .container::after {
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-last-articles-02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 94px;
  height         : 157px;
  bottom         : 0;
  left           : 0;
  transform      : translateY(200px);
}

.blog-seo-top-view-news .row {
  gap: 18px 0;
}

.blog-seo-ppopular-article-wrapper {
  margin : 225px 0 83px;
  z-index: 2;
  padding: 0 89px 46px 79px;
}

.blog-seo-ppopular-article-wrapper::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 100%;
  background   : var(--wpr-bg-defa82c6-5343-4d52-9393-a145d014cfc3) 0 0 no-repeat, radial-gradient(13.73% 38.57% at 21.15% 34.39%, #302955 3.04%, #262147 41.34%, #130F29 100%);
  transform    : matrix(-1, 0, 0, 1, 0, 0);
  box-shadow   : 0px 71px 100px rgba(0, 0, 0, 0.1);
  border-radius: 62px;
  z-index      : -1;
}

.blog-seo-ppopular-article-wrapper .image {
  border-radius: 22px;
  box-shadow   : 0px 23px 100px rgba(0, 0, 0, 0.02);
  margin-top   : -98px;
  height       : 297px;
}

.blog-seo-ppopular-article-wrapper .image::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  z-index   : 3;
  background: linear-gradient(0deg, rgba(38, 213, 156, 0.5), rgba(38, 213, 156, 0.5));
}

.blog-seo-ppopular-article-wrapper .image .title {
  z-index    : 8;
  max-width  : 290px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  left       : 64px;
}

.blog-seo-ppopular-article-wrapper .image .title::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 106px;
  height          : 3px;
  background-color: #fff;
  transform       : translateY(-7px);
}

.blog-seo-ppopular-article-wrapper h2 {
  margin-top: 43px;
}

.blog-seo-ppopular-article-wrapper p {
  line-height: 34px;
  height     : 104px;
}

.blog-seo-ppopular-article-wrapper a:hover {
  color: #7a67db;
}

@media only screen and (max-width: 991px) {
  .blog-seo-ppopular-article-wrapper {
    padding: 0 48px 46px 48px;
  }

  .blog-seo-ppopular-article-wrapper::before {
    border-radius: 48px;
  }

  .blog-seo-ppopular-article-wrapper .image {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .blog-seo-ppopular-article-wrapper::before {
    border-radius: 32px;
  }

  .blog-seo-ppopular-article-wrapper h2 {
    font-size  : 24px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-seo-ppopular-article-wrapper {
    margin : 120px -12px 70px;
    padding: 0 12px 32px;
  }

  .blog-seo-ppopular-article-wrapper::before {
    border-radius: 0;
  }

  .blog-seo-ppopular-article-wrapper .image {
    margin-top: -50px;
  }

  .blog-seo-ppopular-article-wrapper .image .title {
    left: 12px;
  }

  .blog-seo-ppopular-article-wrapper h2 {
    font-size  : 20px;
    line-height: 32px;
  }
}

.blog-seo-top-article-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 122%;
  transform      : translateY(-83px);
  background     : var(--wpr-bg-7567015b-ee8c-4dfa-ade6-5afab7b9f27a) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.blog-seo-top-article-news-wrapper::before {
  height          : 22%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 64%, rgba(255, 255, 255, 0) 100%);
  z-index         : 1;
  transform       : translateY(40px);
}

@media only screen and (max-width: 991px) {
  .blog-seo-top-article-news-wrapper::before {
    height: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .blog-seo-top-article-news-wrapper::before {
    height: 13%;
  }
}

@media only screen and (max-width: 575px) {
  .blog-seo-top-article-news-wrapper::before {
    height: 6%;
  }
}

.blog-seo-top-article-news .row {
  gap: 57px 0;
}

@media only screen and (max-width: 991px) {
  .blog-seo-top-article-news .row {
    gap: 32px 0;
  }
}

.blog-seo-top-article-news .btn {
  padding    : 19px 39px;
  line-height: 21px;
  margin-top : -31px;
}

.blog-seo-top-article-news .btn::after {
  content         : "";
  position        : absolute;
  z-index         : -1;
  left            : 19px;
  bottom          : 0;
  width           : calc(100% - 38px);
  height          : 12px;
  border-radius   : 15px;
  background-color: #2BFFBA;
  filter          : blur(25px);
  transform       : translateY(6px);
}

.detail-blog-seo {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-seo {
    margin-top: 40px;
  }
}

.detail-blog-seo-last-post {
  padding: 43px 28px 69px;
}

.detail-blog-seo-last-post .heading::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  right           : 0;
  transform       : translate(28px, -50%);
  background-color: #7a67db;
  width           : 4px;
  height          : 35px;
}

.detail-blog-seo-last-post-items li:not(:last-child) {
  margin-bottom: 28px;
}

.detail-blog-seo-last-post-items li img {
  width              : 55px;
  height             : 52px;
  margin-left        : 13px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS43ODU4IDMuNjIxODZDMzEuMTMyMiAyLjEzMTk0IDQxLjc0NTYgLTMuMzUyMjQgNDguNzY1OSAyLjk5NTMxQzU2LjI2NzYgOS43NzgxNCA1Ni44MTIxIDIyLjMyOTUgNTIuNjkwNiAzMS41NjUxQzQ5LjE0NTUgMzkuNTA5IDM4Ljc0MzQgMzkuNjgyNSAzMC44MDU2IDQzLjI0MTJDMjMuMzYyOSA0Ni41NzggMTYuMzYxIDU0LjU3MTEgOC45NDM4NCA1MS4xNzc4QzEuNDg1NCA0Ny43NjU2IDEuNTExMjIgMzcuNTEgMC40ODk1NzkgMjkuMzcyQy0wLjM2MTgyMSAyMi41OTAxIC0wLjU2MTEzIDE1LjQzMTQgMy43OTUwMiAxMC4xNjQyQzguMDczNjYgNC45OTA2NyAxNS4xNTU5IDQuNjc4NzMgMjEuNzg1OCAzLjYyMTg2WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS43ODU4IDMuNjIxODZDMzEuMTMyMiAyLjEzMTk0IDQxLjc0NTYgLTMuMzUyMjQgNDguNzY1OSAyLjk5NTMxQzU2LjI2NzYgOS43NzgxNCA1Ni44MTIxIDIyLjMyOTUgNTIuNjkwNiAzMS41NjUxQzQ5LjE0NTUgMzkuNTA5IDM4Ljc0MzQgMzkuNjgyNSAzMC44MDU2IDQzLjI0MTJDMjMuMzYyOSA0Ni41NzggMTYuMzYxIDU0LjU3MTEgOC45NDM4NCA1MS4xNzc4QzEuNDg1NCA0Ny43NjU2IDEuNTExMjIgMzcuNTEgMC40ODk1NzkgMjkuMzcyQy0wLjM2MTgyMSAyMi41OTAxIC0wLjU2MTEzIDE1LjQzMTQgMy43OTUwMiAxMC4xNjQyQzguMDczNjYgNC45OTA2NyAxNS4xNTU5IDQuNjc4NzMgMjEuNzg1OCAzLjYyMTg2WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.detail-blog-seo-last-post-items li:nth-child(2) img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41MjQzIDAuNTcyMTZDMzcuNDIyNSAtMC40Nzc0NTkgNDcuOTg3MyAtMC44MjM2NjcgNTMuNDIyNyA2LjI5OTE1QzU4LjgwMTUgMTMuMzQ3OSA1NC43MzMyIDIzLjA2NDMgNTIuMTYzOSAzMS41NTA1QzQ5LjkwNDggMzkuMDExOCA0Ny4xMjE4IDQ2LjgwNTggNDAuMTIwNiA1MC4yMzQ4QzMzLjA3NDcgNTMuNjg1NyAyNS4wMDEyIDUxLjU0MzggMTcuODI3MiA0OC4zNjc2QzEwLjI2NDEgNDUuMDE5MiAxLjk5MzI5IDQwLjY5MzIgMC4yODgyMTIgMzIuNTk5NkMtMS4zOTc4MSAyNC41OTY1IDQuNjMzOTEgMTcuNTUxMiAxMC4wNDI2IDExLjQxNjJDMTUuMDEyMyA1Ljc3OTMgMjEuMDYxMiAxLjQ1MjUgMjguNTI0MyAwLjU3MjE2WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41MjQzIDAuNTcyMTZDMzcuNDIyNSAtMC40Nzc0NTkgNDcuOTg3MyAtMC44MjM2NjcgNTMuNDIyNyA2LjI5OTE1QzU4LjgwMTUgMTMuMzQ3OSA1NC43MzMyIDIzLjA2NDMgNTIuMTYzOSAzMS41NTA1QzQ5LjkwNDggMzkuMDExOCA0Ny4xMjE4IDQ2LjgwNTggNDAuMTIwNiA1MC4yMzQ4QzMzLjA3NDcgNTMuNjg1NyAyNS4wMDEyIDUxLjU0MzggMTcuODI3MiA0OC4zNjc2QzEwLjI2NDEgNDUuMDE5MiAxLjk5MzI5IDQwLjY5MzIgMC4yODgyMTIgMzIuNTk5NkMtMS4zOTc4MSAyNC41OTY1IDQuNjMzOTEgMTcuNTUxMiAxMC4wNDI2IDExLjQxNjJDMTUuMDEyMyA1Ljc3OTMgMjEuMDYxMiAxLjQ1MjUgMjguNTI0MyAwLjU3MjE2WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K);
}

.detail-blog-seo-last-post-items li:nth-child(3) img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi4wNDE5IDEuODUzNzZDMzAuOTgwMSAyLjI5ODgzIDM2LjIwODkgMS4zMTg0MyA0MC40Nzk5IDMuODM3MDFDNDQuODE1MSA2LjM5MzQ5IDQ3Ljc4NzUgMTAuODY3MiA0OS40MDc0IDE1LjYzMjNDNTAuOTQxNCAyMC4xNDQ3IDUwLjI4NDcgMjQuOTg3MyA0OS4yNTE1IDI5LjY0QzQ4LjI4MDEgMzQuMDE0NSA0Ni41Nzk0IDM4LjE2OTYgNDMuNjQ5OCA0MS41NjAzQzQwLjcxNzMgNDQuOTU0MyAzNi44MDcyIDQ3LjEzMzggMzIuNjYwMSA0OC44NDI3QzI4LjEwODggNTAuNzE4MyAyMy40MiA1Mi40MDA1IDE4LjUyMTMgNTEuOTE1NkMxMy4wMDg5IDUxLjM3MDEgNi45Mjk5IDUwLjE5MiAzLjM3NDU4IDQ1Ljk0NDNDLTAuMTcxNjA4IDQxLjcwNzQgMC41NDgzNjUgMzUuNTMzIDAuMTk0MjY0IDMwLjAxOTNDLTAuMTMzMjkyIDI0LjkxODkgLTAuMjIzOTI5IDE5Ljg5NDIgMS4zOTAxNSAxNS4wNDQ5QzMuMTQzODIgOS43NzYyNyA0LjkzMjU1IDMuNjk0MzMgOS44Mjg1IDEuMDc0NUMxNC42OTc4IC0xLjUzMTA0IDIwLjU0MTYgMS4zNTgwNCAyNi4wNDE5IDEuODUzNzZaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi4wNDE5IDEuODUzNzZDMzAuOTgwMSAyLjI5ODgzIDM2LjIwODkgMS4zMTg0MyA0MC40Nzk5IDMuODM3MDFDNDQuODE1MSA2LjM5MzQ5IDQ3Ljc4NzUgMTAuODY3MiA0OS40MDc0IDE1LjYzMjNDNTAuOTQxNCAyMC4xNDQ3IDUwLjI4NDcgMjQuOTg3MyA0OS4yNTE1IDI5LjY0QzQ4LjI4MDEgMzQuMDE0NSA0Ni41Nzk0IDM4LjE2OTYgNDMuNjQ5OCA0MS41NjAzQzQwLjcxNzMgNDQuOTU0MyAzNi44MDcyIDQ3LjEzMzggMzIuNjYwMSA0OC44NDI3QzI4LjEwODggNTAuNzE4MyAyMy40MiA1Mi40MDA1IDE4LjUyMTMgNTEuOTE1NkMxMy4wMDg5IDUxLjM3MDEgNi45Mjk5IDUwLjE5MiAzLjM3NDU4IDQ1Ljk0NDNDLTAuMTcxNjA4IDQxLjcwNzQgMC41NDgzNjUgMzUuNTMzIDAuMTk0MjY0IDMwLjAxOTNDLTAuMTMzMjkyIDI0LjkxODkgLTAuMjIzOTI5IDE5Ljg5NDIgMS4zOTAxNSAxNS4wNDQ5QzMuMTQzODIgOS43NzYyNyA0LjkzMjU1IDMuNjk0MzMgOS44Mjg1IDEuMDc0NUMxNC42OTc4IC0xLjUzMTA0IDIwLjU0MTYgMS4zNTgwNCAyNi4wNDE5IDEuODUzNzZaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
}

.detail-blog-seo-last-post-items li:last-child img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi44MjUgMS4zNTMxN2UtMDVDMzMuNjA3NiAwLjAxMDIyMzcgMzguODAzMSA1LjUyMTUxIDQzLjI1NDUgMTAuNjM5QzQ3LjMyNjIgMTUuMzIwMSA1MC4wMDkgMjAuODc0OCA1MC4zNyAyNy4wNjg1QzUwLjc1NiAzMy42OTI5IDQ5Ljg0OTIgNDAuNzExOCA0NS4yODc4IDQ1LjUzMTJDNDAuNjMyMiA1MC40NTAzIDMzLjU4NTMgNTIuMzU4MSAyNi44MjUgNTEuOTQ1NEMyMC40NDg3IDUxLjU1NjIgMTUuMTcwNCA0Ny43NTA5IDEwLjQ4NjQgNDMuNDA3QzUuNTUzNjkgMzguODMyNSAwLjAyODg5MDEgMzMuNzk1OSAwLjAwMDExMDM5OSAyNy4wNjg1Qy0wLjAyODczMzUgMjAuMzI2MSA1LjYwMDAxIDE1LjM3ODYgMTAuMzQ2MSAxMC41ODk1QzE1LjEyNCA1Ljc2ODIxIDIwLjAzNzMgLTAuMDEwMjA0MyAyNi44MjUgMS4zNTMxN2UtMDVaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi44MjUgMS4zNTMxN2UtMDVDMzMuNjA3NiAwLjAxMDIyMzcgMzguODAzMSA1LjUyMTUxIDQzLjI1NDUgMTAuNjM5QzQ3LjMyNjIgMTUuMzIwMSA1MC4wMDkgMjAuODc0OCA1MC4zNyAyNy4wNjg1QzUwLjc1NiAzMy42OTI5IDQ5Ljg0OTIgNDAuNzExOCA0NS4yODc4IDQ1LjUzMTJDNDAuNjMyMiA1MC40NTAzIDMzLjU4NTMgNTIuMzU4MSAyNi44MjUgNTEuOTQ1NEMyMC40NDg3IDUxLjU1NjIgMTUuMTcwNCA0Ny43NTA5IDEwLjQ4NjQgNDMuNDA3QzUuNTUzNjkgMzguODMyNSAwLjAyODg5MDEgMzMuNzk1OSAwLjAwMDExMDM5OSAyNy4wNjg1Qy0wLjAyODczMzUgMjAuMzI2MSA1LjYwMDAxIDE1LjM3ODYgMTAuMzQ2MSAxMC41ODk1QzE1LjEyNCA1Ljc2ODIxIDIwLjAzNzMgLTAuMDEwMjA0MyAyNi44MjUgMS4zNTMxN2UtMDVaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
}

.detail-blog-seo-last-post-items li a {
  line-height: 22px;
  height     : 44px;
}

.detail-blog-seo-last-post-items li a:hover {
  color: #7a67db;
}

@media only screen and (max-width: 1199px) {
  .detail-blog-seo-last-post-items li a {
    font-size: 14px;
  }
}

.detail-blog-seo-image {
  box-shadow: 0px 23px 100px rgba(0, 0, 0, 0.05);
}

.detail-blog-seo-content {
  margin-top: 83px;
}

.detail-blog-seo-content::before,
.detail-blog-seo-content::after,
.detail-blog-seo-content .container::before {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: exclusion;
}

.detail-blog-seo-content::before {
  top            : 0;
  right          : 0;
  background     : var(--wpr-bg-eb7935be-bf6f-48cd-b419-7c68a6003f8f) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 115px;
  height         : 218px;
  transform      : translateY(-50px);
}

.detail-blog-seo-content::after {
  bottom         : 25%;
  left           : 0;
  width          : 108px;
  height         : 150px;
  background     : var(--wpr-bg-40e8fa08-3617-437c-94c2-5c5290d4dd25) 0 0 no-repeat;
  background-size: 100% 100%;
}

.detail-blog-seo-content .container::before {
  right          : 0;
  bottom         : 0;
  width          : 59px;
  height         : 173px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-top-view-news-1.png) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(80px);
}

.detail-blog-seo-content p {
  font-size    : 16px;
  font-weight  : 500;
  line-height  : 32px;
  margin-bottom: 16px;
}

.detail-blog-seo-content :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .detail-blog-seo-content {
    margin-top: 40px;
  }

  .detail-blog-seo-content p {
    font-size  : 14px;
    line-height: 25px;
  }
}

.detail-blog-seo-page-instagram {
  margin: 176px 0 114px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-seo-page-instagram {
    margin: 100px 0 70px;
  }
}

.detail-blog-seo-socials {
  margin-bottom: 215px;
}

.detail-blog-seo-socials::after {
  content        : "";
  position       : absolute;
  bottom         : 0;
  left           : 0;
  width          : 108px;
  height         : 150px;
  background     : var(--wpr-bg-9e080a66-ae86-42be-89f8-823c0708ec64) 0 0 no-repeat;
  background-size: 100% 100%;
  mix-blend-mode : exclusion;
  transform      : translateY(100px);
  z-index        : -1;
}

.detail-blog-seo-socials .link {
  cursor: pointer;
}

.detail-blog-seo-socials-wrapper {
  box-shadow: 0px 91px 50px rgba(0, 0, 0, 0.05);
  padding   : 24px 24px 0;
  max-width : 885px;
}

.detail-blog-seo-socials-wrapper ul {
  margin-top: -58px;
  transform : translateY(58px);
}

.detail-blog-seo-socials-wrapper ul li:not(:last-child) {
  margin-left: 26px;
}

.detail-blog-seo-socials-wrapper ul li a {
  width           : 113px;
  height          : 113px;
  border-radius   : 13px;
  background-color: #26d59c;
  box-shadow      : 0px 16px 50px rgba(38, 213, 156, 0.25);
}

.detail-blog-seo-socials-wrapper ul li a.youtube {
  background-color: #f90808;
  box-shadow      : 0px 16px 50px rgba(249, 8, 8, 0.25);
}

.detail-blog-seo-socials-wrapper ul li a.pinterst {
  background-color: #b70000;
  box-shadow      : 0px 16px 50px rgba(249, 8, 8, 0.25);
}

.detail-blog-seo-socials-wrapper ul li a.instagram {
  background-color: #7a67db;
  box-shadow      : 0px 16px 50px rgba(122, 103, 219, 0.25);
}

@media only screen and (max-width: 767px) {
  .detail-blog-seo-socials {
    margin-bottom: 0;
  }

  .detail-blog-seo-socials-wrapper ul {
    margin-top: -25px;
    transform : translateY(25px);
  }

  .detail-blog-seo-socials-wrapper ul li a {
    width    : 50px;
    height   : 50px;
    font-size: 18px;
  }
}

.services-seo-landing {
  margin-top: 93px;
}

.services-seo-landing::before {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  transform       : translate(-50%, 1px);
  max-width       : 483px;
  width           : 100%;
  height          : 41px;
  border-radius   : 22px;
  background-color: #beb2fd;
  filter          : blur(50px);
  z-index         : -1;
}

.services-seo-landing::after {
  content        : "";
  position       : absolute;
  bottom         : 30px;
  left           : 0;
  background     : var(--wpr-bg-5b8b4a81-be40-42cc-95b7-8a7376f5493b) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 108px;
  height         : 150px;
  mix-blend-mode : exclusion;
  z-index        : -1;
}

.services-seo-landing-wrapper {
  max-width      : 1193px;
  height         : 671px;
  background     : var(--wpr-bg-02ab7b1b-ecad-40f6-8d5b-337f3e594fb9) 0 0 no-repeat;
  background-size: 100% 100%;
  filter         : drop-shadow(0px 57px 50px rgba(0, 0, 0, 0.05));
}

.services-seo-landing-wrapper::after {
  content        : "";
  position       : absolute;
  z-index        : 3;
  width          : 133px;
  height         : 139px;
  background     : var(--wpr-bg-12e0bb4d-d3c1-42e8-ac17-a2f0aa30a439) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(74px, -12px);
  top            : 0;
  left           : 0;
}

.services-seo-landing-wrapper img {
  max-width: calc(100% - 273px);
  margin   : 40px 132px 0 0;
  height   : calc(100% - 107px);
}

@media only screen and (max-width: 1199px) {
  .services-seo-landing-weapper {
    height: 600px;
  }
}

@media only screen and (max-width: 991px) {
  .services-seo-landing-wrapper {
    height: 500px;
  }

  .services-seo-landing-wrapper::after {
    transform: translate(40px, -12px);
  }

  .services-seo-landing-wrapper img {
    margin   : 20px 82px 0 0;
    max-width: calc(100% - 168px);
    height   : calc(100% - 74px);
  }
}

@media only screen and (max-width: 767px) {
  .services-seo-landing-wrapper {
    height: 400px;
  }

  .services-seo-landing-wrapper::after {
    transform: translate(30px, -12px);
  }

  .services-seo-landing-wrapper img {
    margin   : 20px 63px 0 0;
    max-width: calc(100% - 130px);
  }
}

@media only screen and (max-width: 575px) {
  .services-seo-landing {
    margin-top: 60px;
  }

  .services-seo-landing-wrapper {
    background: none;
    height    : auto;
  }

  .services-seo-landing-wrapper::after {
    content: none;
  }

  .services-seo-landing-wrapper img {
    max-width    : 100%;
    height       : 100%;
    margin       : 0;
    position     : relative !important;
    border-radius: 12px;
  }
}

.services-seo-heading {
  margin-bottom: 146px;
}

.services-seo-heading .sup-title {
  line-height: 32px;
}

.services-seo-heading .title {
  line-height: 70px;
}

.services-seo-heading .sub-title {
  line-height: 33px;
}

@media only screen and (max-width: 991px) {
  .services-seo-heading .title {
    font-size  : 30px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .services-seo-heading {
    margin-bottom: 60px;
  }

  .services-seo-heading .sup-title {
    font-size: 24px;
  }

  .services-seo-heading .title {
    font-size  : 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .services-seo-heading {
    font-size  : 12px;
    line-height: 20px;
  }
}

.services-seo-items {
  margin-top: 141px;
}

.services-seo-items::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 96%;
  background     : var(--wpr-bg-85d386fb-dc7f-4c1a-89e8-2b9f3c790eaa) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -4;
  transform      : translateY(-100px);
}

.services-seo-items::after {
  content        : "";
  position       : absolute;
  top            : 40px;
  right          : 0;
  width          : 96px;
  height         : 198px;
  background     : var(--wpr-bg-8b36969f-9d6b-4e46-b849-d5711a86029e) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
  mix-blend-mode : exclusion;
}

.services-seo-items .container::before,
.services-seo-items .container::after {
  content : "";
  position: absolute;
  z-index : -1;
}

.services-seo-items .container::before {
  right          : 0;
  bottom         : 90px;
  width          : 119px;
  height         : 84px;
  background     : var(--wpr-bg-7ff462d9-116a-4375-a29a-dfd0d5f7ffe3) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateX(10px);
}

.services-seo-items .container::after {
  content        : "";
  position       : absolute;
  left           : 0;
  bottom         : 180px;
  width          : 114px;
  height         : 164px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-header-seo-03.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.services-seo-items .services-seo-heading::before {
  content        : "";
  position       : absolute;
  z-index        : -1;
  mix-blend-mode : exclusion;
  width          : 62px;
  height         : 126px;
  background     : var(--wpr-bg-00766cdb-f13c-445e-a990-e734a30a2ed4) 0 0 no-repeat;
  background-size: 100% 100%;
  left           : 0;
  top            : 180px;
}

.services-seo-items .services-seo-heading .title::after {
  content        : "";
  position       : absolute;
  right          : calc(100% + 35px);
  bottom         : calc(100% - 32px);
  width          : 69px;
  height         : 72px;
  background     : var(--wpr-bg-15fbdd77-20ba-4779-a62e-579fc7bf4968) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

.services-seo-items-wrapper::after {
  content         : "";
  position        : absolute;
  z-index         : -1;
  width           : calc(100% + 52px);
  height          : 341px;
  top             : 95px;
  left            : 50%;
  border-radius   : 50px;
  background-color: rgba(228, 225, 248, 0.5);
  transform       : translateX(-50%);
}

@media only screen and (max-width: 991px) {
  .services-seo-items .row {
    gap: 48px 0;
  }
}

@media only screen and (max-width: 767px) {
  .services-seo-items {
    margin-top: 70px;
  }

  .services-seo-items::before {
    background-size    : cover;
    background-position: center center;
  }
}

.services-seo-suports {
  margin-top: 209px;
}

.services-seo-suports::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 163%;
  background     : var(--wpr-bg-a3759146-5a18-478f-b46b-2b7b3539ed06) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -8;
  transform      : translateY(-364px);
}

.services-seo-suports .container::after {
  content        : "";
  position       : absolute;
  bottom         : 0;
  z-index        : -1;
  mix-blend-mode : exclusion;
  left           : 0;
  width          : 62px;
  height         : 126px;
  background     : var(--wpr-bg-01f4be75-79d9-447a-9c03-79dd2d107ea7) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(150px);
}

.services-seo-suports .row {
  gap: 72px 0;
}

@media only screen and (max-width: 767px) {
  .services-seo-suports {
    margin-top: 90px;
  }
}

.services-seo-comments-customers {
  margin: 334px 0 91px;
}

.services-seo-comments-customers .container::before {
  top      : 0;
  transform: translateY(-170px);
}

@media only screen and (max-width: 767px) {
  .services-seo-comments-customers {
    margin-top: 120px;
  }
}

.section-heading-news-title {
  line-height  : 62px;
  margin-bottom: 13px;
}

.section-heading-news-sub-title {
  line-height  : 37px;
  margin-bottom: 75px;
  max-width    : 1069px;
}

@media only screen and (max-width: 767px) {
  .section-heading-news-title {
    font-size  : 24px;
    line-height: 32px;
  }
}

.section-heading-news-two {
  margin-bottom: 52px;
}

.section-heading-news-two::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 0;
  width           : 100%;
  height          : 3px;
  background-color: #26d59c;
  z-index         : -2;
  transform       : translateY(-50%);
}

.section-heading-news-two .detail,
.section-heading-news-two-link {
  background: linear-gradient(0deg, rgba(243, 245, 252, 0.3), rgba(243, 245, 252, 0.3)), #ffffff;
}

.section-heading-news-two .detail {
  margin-right: 154px;
  padding     : 0 13px 0 20px;
}

.section-heading-news-two-title {
  line-height: 34px;
}

.section-heading-news-two-sub-title {
  line-height: 21px;
}

.section-heading-news-two-link {
  color        : #5f5f5f;
  padding-right: 11px;
}

@media only screen and (max-width: 991px) {
  .section-heading-news-two .detail {
    margin-right : 0;
    padding-right: 0;
  }
}

.section-heading-news-three {
  margin-bottom: 62px;
}

.section-heading-news-three::before {
  content      : "";
  position     : absolute;
  top          : 50%;
  left         : 0;
  width        : 100%;
  border-bottom: 0.5px dashed #5f5f5f;
  transform    : translateY(-50%);
  z-index      : -1;
}

.section-heading-news-three-title {
  line-height: 35px;
}

.section-heading-news-three-title::after {
  content         : "";
  position        : absolute;
  top             : 100%;
  right           : 0;
  width           : 46px;
  height          : 5px;
  border-radius   : 4px;
  background-color: #26d59c;
}

.section-heading-news-three-title,
.section-heading-news-three-sub-title,
.section-heading-news-three-link {
  background: linear-gradient(0deg, rgba(243, 245, 252, 0.3), rgba(243, 245, 252, 0.3)), #ffffff;
}

.section-heading-news-three-sub-title {
  padding-left: 9px;
}

.section-heading-news-three-link {
  padding-right: 11px;
}

.article-news-two figure .author,
.article-news-three figure .author {
  padding   : 1px 4px 1px 16px;
  box-shadow: 0px 24px 42px rgba(0, 0, 0, 0.1);
  transform : translate(0, 17px);
}

.article-news-two figure .author img,
.article-news-three figure .author img {
  width      : 48px;
  height     : 48px;
  border     : 1px solid #d9d9d9;
  box-shadow : 0px 33px 50px rgba(0, 0, 0, 0.15);
  margin-left: 6px;
}

.article-news-two figure .author .detail .name,
.article-news-three figure .author .detail .name {
  line-height: 22px;
}

.article-news-two figure .author .detail .sub-name,
.article-news-three figure .author .detail .sub-name {
  line-height: 17px;
}

.article-news-two .date-category,
.article-news-three .date-category {
  margin-bottom: 34px;
}

.article-news-two .date-category span,
.article-news-three .date-category span {
  box-shadow      : 0px 18px 10px rgba(0, 0, 0, 0.05);
  border-radius   : 6px;
  line-height     : 24px;
  background-color: #fff;
}

.article-news-two .date-category span a:hover,
.article-news-three .date-category span a:hover {
  color: #1dcc9d;
}

.article-news-two .date-category span:not(:last-child),
.article-news-three .date-category span:not(:last-child) {
  margin-left: 19px;
}

.article-news-two .date-category span i,
.article-news-three .date-category span i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
  color      : #1dcc9d;
}

.article-news-two .date-category span i.icon-folder,
.article-news-three .date-category span i.icon-folder {
  color: rgba(73, 73, 73, 0.8);
}

.article-news-two figure {
  margin-bottom: 76px;
}

.article-news-two figure>a>img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA4IiBoZWlnaHQ9IjE5MCIgdmlld0JveD0iMCAwIDMwOCAxOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDU5LjQ3NzdDMCAyNi42MjkxIDI2LjYyOTEgMCA1OS40Nzc3IDBWMEM3MC45MTYyIDAgODIuMjk3MiAzLjE5MTEgOTMuMzU2MSA2LjExMzQ1QzEwNS4zNjYgOS4yODcyMyAxMjQuNzYgMTIuNTA5NSAxNTQgMTIuNTA5NUMxODMuMjQgMTIuNTA5NSAyMDIuNjM0IDkuMjg3MjMgMjE0LjY0NCA2LjExMzQ1QzIyNS43MDMgMy4xOTExIDIzNy4wODQgMCAyNDguNTIyIDBWMEMyODEuMzcxIDAgMzA4IDI2LjYyOTEgMzA4IDU5LjQ3NzdWOTVDMzA4IDE0Ny40NjcgMjY1LjQ2NyAxOTAgMjEzIDE5MEg5NUM0Mi41MzMgMTkwIDAgMTQ3LjQ2NyAwIDk1VjU5LjQ3NzdaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA4IiBoZWlnaHQ9IjE5MCIgdmlld0JveD0iMCAwIDMwOCAxOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDU5LjQ3NzdDMCAyNi42MjkxIDI2LjYyOTEgMCA1OS40Nzc3IDBWMEM3MC45MTYyIDAgODIuMjk3MiAzLjE5MTEgOTMuMzU2MSA2LjExMzQ1QzEwNS4zNjYgOS4yODcyMyAxMjQuNzYgMTIuNTA5NSAxNTQgMTIuNTA5NUMxODMuMjQgMTIuNTA5NSAyMDIuNjM0IDkuMjg3MjMgMjE0LjY0NCA2LjExMzQ1QzIyNS43MDMgMy4xOTExIDIzNy4wODQgMCAyNDguNTIyIDBWMEMyODEuMzcxIDAgMzA4IDI2LjYyOTEgMzA4IDU5LjQ3NzdWOTVDMzA4IDE0Ny40NjcgMjY1LjQ2NyAxOTAgMjEzIDE5MEg5NUM0Mi41MzMgMTkwIDAgMTQ3LjQ2NyAwIDk1VjU5LjQ3NzdaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  height             : 190px;
}

.article-news-two h2 {
  line-height: 22px;
  height     : 44px;
}

.article-news-two p {
  margin     : 14px 0 22px;
  line-height: 25px;
  height     : 75px;
}

.article-news-two .date-category {
  margin-bottom: 25px;
}

.article-news-two .btn {
  padding    : 19px 12px;
  line-height: 21px;
}

@media only screen and (max-width: 991px) {
  .article-news-two figure>a>img {
    height: auto;
  }
}

.article-news-three figure {
  max-width: 30%;
}

.article-news-three figure img {
  border-radius: 20px 20px 0 20px;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.article-news-three .content {
  max-width    : 70%;
  padding-right: 20px;
}

.article-news-three .content h2 a:hover,
.article-news-three .content .more:hover {
  color: #1dcc9d;
}

@media only screen and (max-width: 1199px) {
  .article-news-three figure {
    max-width: 25%;
  }

  .article-news-three .content {
    max-width    : 75%;
    padding-right: 12px;
  }

  .article-news-three .content .more {
    font-size: 12px;
  }
}

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

  .article-news-three figure,
  .article-news-three .content {
    max-width: 100%;
  }
}

.socials-one {
  gap: 13px;
}

.socials-one li a {
  width           : 57px;
  height          : 56px;
  background-color: #26d59c;
  border-radius   : 13px;
  box-shadow      : 0px 16px 50px rgba(38, 213, 156, 0.25);
}

.socials-one li a:hover {
  background-color: #20b283;
}

.socials-one li a.youtube {
  background-color: #f90808;
  box-shadow      : 0px 16px 50px rgba(249, 8, 8, 0.25);
}

.socials-one li a.youtube:hover {
  background-color: #d30505;
}

.socials-one li a.instagram {
  background-color: #7a67db;
  box-shadow      : 0px 16px 50px rgba(122, 103, 219, 0.25);
}

.socials-one li a.instagram:hover {
  background-color: #5d46d3;
}

.socials-two {
  gap: 6px;
}

.socials-two li a {
  width  : 59px;
  height : 59px;
  color  : #26d59c;
  z-index: 2;
}

.socials-two li a::before {
  background-color       : rgba(38, 213, 156, 0.1);
  box-shadow             : inset 0px 13px 13px rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter        : blur(4.5px);
  border-bottom          : 1px solid #fff;
  border-radius          : inherit;
}

.socials-two li a::after {
  right           : 12px;
  left            : 12px;
  height          : 34px;
  background-color: rgba(38, 213, 156, 0.32);
  filter          : blur(9px);
  transform       : translateY(14px);
}

.socials-two li:nth-child(2) a {
  color: #f90808;
}

.socials-two li:nth-child(2) a::before {
  background-color: rgba(249, 8, 8, 0.1);
}

.socials-two li:nth-child(2) a::after {
  background-color: rgba(249, 8, 8, 0.32);
}

.socials-two li:last-child a {
  color: #7a67db;
}

.socials-two li:last-child a::before {
  background-color: rgba(122, 103, 219, 0.1);
}

.socials-two li:last-child a::after {
  background-color: rgba(122, 103, 219, 0.32);
}

.newsletter-news {
  margin: 134px 0 94px;
}

.newsletter-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : var(--wpr-bg-d9443cb4-784a-4e76-805a-959c9186698c) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
  transform      : translateY(-67px);
}

@media only screen and (max-width: 767px) {
  .newsletter-news::before {
    background-size    : cover;
    background-position: center center;
  }
}

.newsletter-news::after {
  content        : "";
  position       : absolute;
  top            : 20%;
  right          : 0;
  width          : 72px;
  height         : 119px;
  background     : var(--wpr-bg-c7792d45-6622-46fe-b81b-17d5f75cf88a) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  mix-blend-mode : exclusion;
}

.newsletter-news-wrapper {
  border-radius: 28px;
  border       : 1px solid rgba(73, 73, 73, 0.2);
  padding      : 37px 22px 86px 23px;
}

.newsletter-news-wrapper .content {
  border-radius   : 0 50px 50px;
  background-color: rgba(210, 245, 235, 0.5);
  padding         : 71px 65px 71px 333px;
  max-width       : calc(100% - 259px);
}

.newsletter-news-wrapper .content::before {
  content        : "";
  position       : absolute;
  top            : 25px;
  right          : 270px;
  width          : 122px;
  height         : 129px;
  background     : var(--wpr-bg-d34a8eba-b2de-4718-ab0f-f2fdb9eb940a) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  mix-blend-mode : difference;
}

.newsletter-news-wrapper .content form {
  box-shadow: 0px 51px 30px rgba(0, 0, 0, 0.02);
  padding   : 20px 0 21px 38px;
}

.newsletter-news-wrapper .content form .input {
  max-width: 342px;
}

.newsletter-news-wrapper .content form .input .form-control,
.newsletter-news-wrapper .content form .input label {
  padding: 0 29px;
}

.newsletter-news-wrapper .content form .input label {
  display                : block;
  background             : linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip        : text;
}

.newsletter-news-wrapper .content form .btn {
  box-shadow : 0px 7px 70px rgba(0, 0, 0, 0.05);
  padding    : 12px 34px;
  line-height: 27px;
}

.newsletter-news-wrapper .image {
  margin : 42px -256px 0 0;
  z-index: 2;
}

.newsletter-news-wrapper .image::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : calc(100% + 8px);
  height          : calc(100% + 8px);
  background-color: #d9d9d9;
  transform       : translate(-4px, -4px);
  z-index         : -1;
  box-shadow      : 0px 29px 50px rgba(0, 0, 0, 0.05);
}

.newsletter-news-wrapper .image::after {
  content        : "";
  position       : absolute;
  left           : 0;
  top            : 0;
  width          : 106px;
  height         : 110px;
  background     : var(--wpr-bg-70a6a260-e6f3-4d56-8085-a684508d2192) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
  transform      : translateX(-21px);
}

.newsletter-news-wrapper .image::before,
.newsletter-news-wrapper .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ3NCIgdmlld0JveD0iMCAwIDQ5OCA0NzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00MDkuMDY0IDU5LjkzNTdDNDAzLjIwNCAzOS45NDY4IDM4NS41NjUgMjUuNjg0OSAzNjQuNzkzIDI0LjEzOTVMNTMuNzA5NSAwLjk5NTgzMkMyNC43MTQgLTEuMTYxMzUgLTEuNjgwODVlLTA1IDIxLjc4MjQgLTEuNjgwODVlLTA1IDUwLjg1OFY0MjMuNzA2Qy0xLjY4MDg1ZS0wNSA0NTQuMDEgMjYuNzQyIDQ3Ny4zNDcgNTYuNzY3MSA0NzMuMjQ2TDQ1NC40NDQgNDE4LjkyM0M0ODQuNzQyIDQxNC43ODUgNTA0LjI2MSAzODQuNjYxIDQ5NS42NTggMzU1LjMxN0w0MDkuMDY0IDU5LjkzNTdaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ3NCIgdmlld0JveD0iMCAwIDQ5OCA0NzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00MDkuMDY0IDU5LjkzNTdDNDAzLjIwNCAzOS45NDY4IDM4NS41NjUgMjUuNjg0OSAzNjQuNzkzIDI0LjEzOTVMNTMuNzA5NSAwLjk5NTgzMkMyNC43MTQgLTEuMTYxMzUgLTEuNjgwODVlLTA1IDIxLjc4MjQgLTEuNjgwODVlLTA1IDUwLjg1OFY0MjMuNzA2Qy0xLjY4MDg1ZS0wNSA0NTQuMDEgMjYuNzQyIDQ3Ny4zNDcgNTYuNzY3MSA0NzMuMjQ2TDQ1NC40NDQgNDE4LjkyM0M0ODQuNzQyIDQxNC43ODUgNTA0LjI2MSAzODQuNjYxIDQ5NS42NTggMzU1LjMxN0w0MDkuMDY0IDU5LjkzNTdaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

@media only screen and (max-width: 1399px) {
  .newsletter-news-wrapper .content {
    max-width: calc(100% - 170px);
  }
}

@media only screen and (max-width: 1199px) {
  .newsletter-news-wrapper .content {
    max-width: calc(100% - 130px);
    padding  : 71px 32px 71px 132px;
  }

  .newsletter-news-wrapper .image {
    margin-right: -120px;
  }
}

@media only screen and (max-width: 991px) {
  .newsletter-news-wrapper {
    padding: 20px;
  }

  .newsletter-news-wrapper .content {
    max-width    : 100%;
    border-radius: 20px;
    padding      : 20px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-news-wrapper .content .title {
    font-size  : 24px;
    line-height: 35px;
  }

  .newsletter-news-wrapper .content form {
    padding: 16px 0;
  }

  .newsletter-news-wrapper .content form .input {
    max-width: 100%;
  }

  .newsletter-news-wrapper .content form .input .form-control,
  .newsletter-news-wrapper .content form .input label {
    padding: 0 16px;
  }

  .newsletter-news-wrapper .content form .input label {
    display: none;
  }

  .newsletter-news-wrapper .content form .btn {
    margin: 16px 16px 0;
  }
}

@media only screen and (max-width: 575px) {
  .newsletter-news-wrapper {
    padding      : 8px;
    border-radius: 8px;
  }

  .newsletter-news-wrapper .content {
    border-radius: 16px;
    padding      : 12px;
  }

  .newsletter-news-wrapper .content form {
    padding: 16px;
  }

  .newsletter-news-wrapper .content form .input .form-control {
    padding: 0;
  }

  .newsletter-news-wrapper .content form .btn {
    margin: 16px 0 0;
  }
}

.comments-users-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : var(--wpr-bg-f9a727c8-895e-43e0-8769-9d41dc657492) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-150px);
  z-index        : -5;
}

.comments-users-news .section-heading-news-title {
  margin-bottom: 13px;
}

.comments-users-news-item {
  padding: 44px 43px 53px 52px;
  opacity: 0;
}

.comments-users-news-item::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  background-color: #1dcc9d;
  border-radius   : 15px;
  width           : 60%;
  height          : 21px;
  transform       : translateX(-50%);
  filter          : blur(50px);
  z-index         : -1;
  opacity         : 0;
  transition      : all 0.3s linear 0.3s;
}

.comments-users-news-item .heading img {
  width      : 78px;
  height     : 78px;
  box-shadow : 0px 0px 41px rgba(177, 190, 229, 0.37);
  margin-left: 7px;
}

.comments-users-news-item .heading .detail .name {
  line-height: 28px;
}

.comments-users-news-item .heading .detail .position {
  margin: 7px 0 1px;
}

.comments-users-news-item .heading .detail .stars i:not(:last-child) {
  margin-left: 4px;
}

.comments-users-news-item .heading .detail .stars i.active {
  color: #1dcc9d;
}

.comments-users-news-item p {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .comments-users-news-item {
    padding: 24px;
  }

  .comments-users-news-item .heading img {
    width : 64px;
    height: 64px;
  }

  .comments-users-news-item .heading .detail .name {
    font-size  : 18px;
    line-height: 28px;
  }
}

.swiper-slide-active .comments-users-news-item {
  box-shadow: 0px 43px 50px rgba(0, 0, 0, 0.05);
  opacity   : 1;
}

.swiper-slide-active .comments-users-news-item::after {
  opacity: 1;
}

.swiper-slide-prev .comments-users-news-item {
  transform   : scale(0.8) translateX(-82px);
  margin-right: -82px;
}

.swiper-slide-next .comments-users-news-item {
  transform  : scale(0.8) translateX(82px);
  margin-left: -82px;
}

.swiper-slide-prev .comments-users-news-item,
.swiper-slide-next .comments-users-news-item {
  opacity: 0.55;
}

.comments-users-news .swiper {
  padding: 67px 0 74px;
}

.comments-users-news .swiper-pagination {
  bottom: 0;
}

.comments-users-news .swiper-pagination-bullet {
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  background-color: transparent;
  border          : 1px solid rgba(73, 73, 73, 0.5);
  transition      : all 0.3s linear;
  opacity         : 1;
  margin          : 0 4px;
}

.comments-users-news .swiper-pagination-bullet-active {
  width           : 24px;
  height          : 24px;
  background-color: #1dcc9d;
  border-color    : #1dcc9d;
}

.comments-users-news .btn {
  margin-top: 31px;
}

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

  .swiper-slide-active .comments-users-news-item,
  .swiper-slide-prev .comments-users-news-item,
  .swiper-slide-next .comments-users-news-item {
    transform: unset;
    margin   : 0;
  }
}

.top-header-news {
  padding-top: 57px;
}

.top-header-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 400%;
  background     : var(--wpr-bg-2e8eec97-496a-4474-9eee-a82d786b4083) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -3;
}

.top-header-news-logo::after,
.top-header-news-category::after,
.top-header-news-account::before {
  content         : "";
  width           : 1px;
  height          : 40px;
  display         : inline-block;
  vertical-align  : middle;
  background-color: rgba(73, 73, 73, 0.15);
}

.top-header-news-logo::after {
  margin: 0 27px 0 54px;
}

.top-header-news-logo img {
  width      : 62px;
  height     : 52px;
  margin-left: 10px;
}

.top-header-news-logo .detail .name {
  line-height: 33px;
}

.top-header-news-logo .detail .sub-name {
  line-height: 20px;
}

.top-header-news-category::after {
  margin: 0 9px 0 31px;
}

.top-header-news-nav ul li:not(:last-child) {
  margin-left: 24px;
}

.top-header-news-nav ul li a {
  color      : #a9a9a9;
  font-weight: 5500;
  line-height: 20px;
}

.top-header-news-nav ul li a::after {
  content         : "";
  position        : absolute;
  top             : calc(100% + 1px);
  right           : 0;
  width           : 0;
  height          : 2px;
  background-color: #1dcc9d;
  border-radius   : 3px;
  transition      : all 0.3s linear;
}

.top-header-news-nav ul li a.active,
.top-header-news-nav ul li a:hover {
  color      : #1dcc9d;
  font-weight: 900;
}

.top-header-news-nav ul li a.active::after,
.top-header-news-nav ul li a:hover::after {
  width: 19px;
}

.top-header-news-work-with-us {
  box-shadow : 0px 9px 20px -1px rgba(0, 0, 0, 0.05);
  line-height: 21px;
  padding    : 10px 9px;
  margin-left: 36px;
}

.top-header-news-notification {
  width           : 48px;
  height          : 48px;
  background-color: #fff;
  box-shadow      : 0px 33px 50px rgba(0, 0, 0, 0.1);
}

.top-header-news-account::before {
  margin: 0 15px 0 14px;
}

.top-header-news-account img {
  width     : 48px;
  height    : 48px;
  border    : 1px solid #d9d9d9;
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1199px) {
  .top-header-news-logo::after {
    margin: 0 12px;
  }

  .top-header-news-category::after {
    margin: 0 8px;
  }

  .top-header-news-nav ul li:not(:last-child) {
    margin-left: 8px;
  }

  .top-header-news-work-with-us {
    margin-left: 12px;
  }

  .top-header-news-account::before {
    margin: 0 8px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-news-logo::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-news {
    padding-top: 32px;
  }

  .top-header-news-logo .detail .name {
    font-size: 18px;
  }

  .top-header-news-logo .detail .sub-name {
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-news-logo img {
    margin-left: 0;
    width      : 52px;
    height     : 42px;
  }
}

.footer-news {
  background     : #031410 var(--wpr-bg-befadcec-f0de-4595-bf9f-71ca6358b1da) 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius  : 62px 62px 0 0;
  box-shadow     : 0px 71px 100px rgba(0, 0, 0, 0.1);
  padding        : 72px 0 11px;
  margin-top     : 64px;
}

.footer-news .row>.col-lg-6:nth-child(3),
.footer-news .row>.col-lg-6:nth-child(4) {
  margin: 56px 0 49px;
}

.footer-news-logo img {
  width : 62px;
  height: 52px;
}

.footer-news-description {
  line-height: 29px;
}

.footer-news-titr {
  line-height  : 31px;
  margin-bottom: 2px;
}

.footer-news-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-news-nav li a {
  line-height: 27px;
}

.footer-news-nav li a:hover {
  color: #1dcc9d;
}

.footer-news-socials li:not(:last-child) {
  margin-left: 13px;
}

.footer-news-socials li a {
  border-radius   : 13px;
  width           : 57px;
  height          : 56px;
  background-color: #26d59c;
  box-shadow      : 0px 16px 50px rgba(38, 213, 156, 0.25);
}

.footer-news-socials li a:hover {
  background-color: #20b283;
}

.footer-news-socials li a.youtube {
  background-color: #f90808;
  box-shadow      : 0px 16px 50px rgba(249, 8, 8, 0.25);
}

.footer-news-socials li a.youtube:hover {
  background-color: #d30505;
}

.footer-news-socials li a.instagram {
  background-color: #7a67db;
  box-shadow      : 0px 16px 50px rgba(122, 103, 219, 0.25);
}

.footer-news-socials li a.instagram:hover {
  background-color: #5d46d3;
}

.footer-news-bottom-text {
  max-width: 398px;
}

.footer-news-copyright {
  margin-right: 150px;
  padding     : 15px 47px 0 0;
  z-index     : 2;
}

.footer-news-copyright::before {
  content         : "";
  position        : absolute;
  top             : 0;
  right           : 0;
  width           : 100vw;
  height          : 200%;
  background-color: #26d59c;
  box-shadow      : 0px 71px 100px rgba(0, 0, 0, 0.1);
  border-radius   : 0 62px;
  z-index         : -1;
}

@media only screen and (max-width: 1199px) {
  .footer-news-copyright {
    margin-right: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-news .row .col-lg-6:nth-child(3) {
    margin: 24px 0;
  }

  .footer-news .row .col-lg-6:nth-child(4) {
    margin: 0 0 24px;
  }

  .footer-news .row .col-lg-6 .row {
    gap: 24px 0;
  }

  .footer-news-copyright {
    margin-right : 0;
    padding-right: 0;
  }

  .footer-news-copyright::before {
    transform: translateX(-50%);
    width    : 150vw;
    right    : auto;
    left     : 50%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-news {
    border-radius: 0;
  }
}

.top-news {
  margin-top: 47px;
}

.top-news-wrapper {
  padding: 149px 59px 0 78px;
}

.top-news-wrapper::before,
.top-news-wrapper::after {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 65%;
  border-radius: 30px;
}

.top-news-wrapper::before {
  z-index        : -2;
  background     : var(--wpr-bg-db513c48-02d6-429c-9e5e-91e5383038b4) 0 0 no-repeat;
  background-size: 100% 100%;
}

.top-news-wrapper::after {
  z-index                : -1;
  background-color       : rgba(217, 217, 217, 0.01);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.top-news-item .image,
.top-news-item .image img {
  max-height: 423px;
  height    : 423px;
}

.top-news-item .image::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : calc(100% + 20px);
  height          : calc(100% + 20px);
  background-color: rgba(217, 217, 217, 0.5);
  box-shadow      : 0px 25px 50px rgba(0, 0, 0, 0.1);
  z-index         : -1;
}

.top-news-item .image::before,
.top-news-item .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIzIiBoZWlnaHQ9IjQyMyIgdmlld0JveD0iMCAwIDUyMyA0MjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjU2NiAyNi43MjIyQzMxNi4xNTggMjEuODE2IDM4OS4wODYgLTI0LjU2NjggNDQzLjQzNiAxNy40ODJDNTA3LjAxMiA2Ni42Njg2IDUzNy42MTkgMTU3LjE4MiA1MTYuMjIxIDIzNC41NzJDNDk1LjU0NSAzMDkuMzUxIDQxNS4yMTYgMzQyLjA0NyAzNDQuNjgzIDM3NC42NDJDMjc2LjEwOSA0MDYuMzMyIDIwMi4wMzkgNDQxLjM1MSAxMzIuNDYyIDQxMS45MTdDNTkuODMzIDM4MS4xOTMgMTEuNzAyOSAzMDcuNSAxLjQ0MzA4IDIyOS40MzlDLTcuODY0NjMgMTU4LjYyMyAyOC44MDM3IDg4LjY1MjkgODMuOTk4OSA0My4xOTE3QzEyOC40NjYgNi41NjcwNyAxOTAuMDYgMzAuODM1NSAyNDcuNTY2IDI2LjcyMjJaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIzIiBoZWlnaHQ9IjQyMyIgdmlld0JveD0iMCAwIDUyMyA0MjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjU2NiAyNi43MjIyQzMxNi4xNTggMjEuODE2IDM4OS4wODYgLTI0LjU2NjggNDQzLjQzNiAxNy40ODJDNTA3LjAxMiA2Ni42Njg2IDUzNy42MTkgMTU3LjE4MiA1MTYuMjIxIDIzNC41NzJDNDk1LjU0NSAzMDkuMzUxIDQxNS4yMTYgMzQyLjA0NyAzNDQuNjgzIDM3NC42NDJDMjc2LjEwOSA0MDYuMzMyIDIwMi4wMzkgNDQxLjM1MSAxMzIuNDYyIDQxMS45MTdDNTkuODMzIDM4MS4xOTMgMTEuNzAyOSAzMDcuNSAxLjQ0MzA4IDIyOS40MzlDLTcuODY0NjMgMTU4LjYyMyAyOC44MDM3IDg4LjY1MjkgODMuOTk4OSA0My4xOTE3QzEyOC40NjYgNi41NjcwNyAxOTAuMDYgMzAuODM1NSAyNDcuNTY2IDI2LjcyMjJaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.top-news-item .content {
  box-shadow: 0px 27px 50px rgba(0, 0, 0, 0.02);
  padding   : 22px 34px 37px;
}

.top-news-item .content::before {
  content         : "";
  position        : absolute;
  top             : 29px;
  right           : 1px;
  width           : 4px;
  height          : 40px;
  border-radius   : 4px;
  background-color: #1dcc9d;
}

.top-news-item .content .author {
  background-color: #ededed;
  box-shadow      : 0px 28px 50px rgba(0, 0, 0, 0.05);
  padding         : 1px 4px 1px 16px;
}

.top-news-item .content .author img {
  width      : 48px;
  height     : 48px;
  border     : 1px solid #d9d9d9;
  box-shadow : 0px 33px 50px rgba(0, 0, 0, 0.15);
  margin-left: 6px;
}

.top-news-item .content .author .detail .name {
  line-height: 22px;
}

.top-news-item .content .author .detail .sub-name {
  line-height: 17px;
}

.top-news-item .content .line span {
  width           : 40px;
  height          : 5px;
  border-radius   : 4px;
  background-color: #1dcc9d;
}

.top-news-item .content .line span:not(:last-child) {
  margin-bottom: 2px;
}

.top-news-item .content .line span:nth-child(2) {
  background-color: rgba(29, 204, 157, 0.5);
  width           : 23px;
}

.top-news-item .content .line span:last-child {
  background-color: rgba(29, 204, 157, 0.2);
  width           : 15px;
}

.top-news-item .content h2 {
  margin-top: 26px;
}

.top-news-item .content h2 a:hover {
  color: #1dcc9d;
}

.top-news-item .content p {
  line-height  : 26px;
  margin-bottom: 27px;
}

.top-news-item .content .date-category span {
  box-shadow   : 0px 18px 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  line-height  : 24px;
}

.top-news-item .content .date-category span a:hover {
  color: #1dcc9d;
}

.top-news-item .content .date-category span:not(:last-child) {
  margin-left: 19px;
}

.top-news-item .content .date-category span:not(:last-child)::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 0;
  transform       : translate(-10px, -50%);
  width           : 1px;
  height          : 27px;
  background-color: rgba(73, 73, 73, 0.15);
}

.top-news-item .content .date-category span i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
  color      : #1dcc9d;
}

.top-news-item .content .date-category span i.icon-folder {
  color: rgba(73, 73, 73, 0.8);
}

.top-news-item .content .more:hover,
.top-news-item .content .more:hover i {
  color: #1dcc9d;
}

.top-news .swiper {
  padding-bottom: 79px;
}

.top-news .swiper-pagination {
  bottom: 0;
}

.top-news .swiper-pagination-bullet {
  border          : 1px solid rgba(73, 73, 73, 0.5);
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  background-color: transparent;
  opacity         : 1;
  transition      : all 0.3s linear;
}

.top-news .swiper-pagination-bullet-active {
  border-color    : #1dcc9d;
  background-color: #1dcc9d;
  width           : 24px;
  height          : 24px;
}

@media only screen and (max-width: 991px) {
  .top-news-wrapper::before {
    background-size    : cover;
    background-position: center center;
  }

  .top-news-item .image,
  .top-news-item .image img {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .top-news-wrapper {
    padding: 50px 20px 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-news-wrapper {
    padding: 40px 12px 0;
    margin : 0 -12px;
  }

  .top-news-wrapper::before,
  .top-news-wrapper::after {
    border-radius: 0;
  }

  .top-news-item .content {
    padding   : 24px 12px;
    margin-top: 32px;
  }

  .top-news-item .content h2 {
    font-size  : 18px;
    line-height: 32px;
  }

  .top-news-item .content p {
    font-size  : 12px;
    line-height: 25px;
  }

  .top-news-item .content .date-category span:not(:last-child) {
    margin-left: 12px;
  }

  .top-news-item .content .date-category span:not(:last-child)::after {
    transform: translate(-6px, -50%);
  }
}

.best-news {
  margin: 65px 0 79px;
}

.best-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 110%;
  background     : var(--wpr-bg-6074479b-2637-4a0c-b016-ee23ff5c40ad) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
  transform      : translateY(-235px);
}

.best-news-wrapper {
  border : 1px solid rgba(73, 73, 73, 0.2);
  padding: 55px 22px 91px;
}

.best-news-wrapper::before,
.best-news-wrapper::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: difference;
  z-index       : -1;
  top           : 210px;
}

.best-news-wrapper::before {
  right          : 85px;
  width          : 143px;
  height         : 133px;
  background     : var(--wpr-bg-f5ec2e7f-16b8-40e2-bb1e-f2cb84f33d75) 0 0 no-repeat;
  background-size: 100% 100%;
}

.best-news-wrapper::after {
  left           : 46%;
  transform      : translate(-50%, 20px);
  width          : 102px;
  height         : 84px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-09.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.best-news-wrapper .tabs li:not(:last-child) {
  margin-left: 10px;
}

.best-news-wrapper .tabs li label {
  font-size  : 14px;
  font-weight: bold;
  line-height: 22px;
  padding    : 13px 17px 10px;
  z-index    : 2;
  cursor     : pointer;
}

.best-news-wrapper .tabs li label::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 100%;
  background   : linear-gradient(93.79deg, #11998e -54.79%, #38ef7d 124.56%, #2bd283 124.56%);
  box-shadow   : 0px 9px 20px 2px rgba(29, 204, 157, 0.25);
  border-radius: 10px;
  z-index      : -1;
  transition   : all 0.3s ease-in-out;
  opacity      : 0;
  visibility   : hidden;
}

.best-news-wrapper .tabs li input:checked+label {
  color: #fff;
}

.best-news-wrapper .tabs li input:checked+label::before {
  opacity   : 1;
  visibility: visible;
}

.best-news-wrapper form {
  max-width: 492px;
}

.best-news-wrapper form .form-control {
  background-color: rgba(172, 172, 172, 0.1);
  height          : 66px;
  color           : rgba(73, 73, 73, 0.45);
  padding-left    : 65px;
}

.best-news-wrapper form i {
  left: 34px;
}

.best-news p {
  line-height: 33px;
  margin     : 2px 0 19px;
}

.best-news .btn {
  padding    : 14px 27px;
  line-height: 31px;
}

.best-news .socials {
  margin-top: 42px;
}

.best-news .socials li:not(:last-child) {
  margin-left: 13px;
}

.best-news .socials li a {
  width           : 57px;
  height          : 57px;
  background-color: #26d59c;
  border-radius   : 13px;
  box-shadow      : 0px 16px 50px rgba(38, 213, 156, 0.25);
}

.best-news .socials li a:hover {
  background-color: #20b283;
}

.best-news .socials li a.youtube {
  background-color: #f90808;
  box-shadow      : 0px 16px 50px rgba(249, 8, 8, 0.25);
}

.best-news .socials li a.youtube:hover {
  background-color: #d30505;
}

.best-news .socials li a.instagram {
  background-color: #7a67db;
  box-shadow      : 0px 16px 50px rgba(122, 103, 219, 0.25);
}

.best-news .socials li a.instagram:hover {
  background-color: #5d46d3;
}

.best-news img {
  filter: drop-shadow(0px 45px 100px rgba(0, 0, 0, 0.05));
}

.best-news-content {
  margin-top: 112px;
}

.best-news-content::before,
.best-news-content::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: difference;
  z-index       : -1;
}

.best-news-content::before {
  top            : 0;
  left           : 0;
  width          : 122px;
  height         : 129px;
  background     : var(--wpr-bg-2e17175d-ac30-452d-8bd8-cd563a39e13c) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-50px);
}

.best-news-content::after {
  bottom         : 0;
  left           : 48%;
  transform      : translateX(-50%);
  width          : 102px;
  height         : 84px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-09.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

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

  .best-news-wrapper::before,
  .best-news-wrapper::after {
    top: 130px;
  }
}

@media only screen and (max-width: 1199px) {
  .best-news-wrapper {
    padding: 55px 18px 91px;
  }

  .best-news .tabs li label {
    padding  : 13px 12px 10px;
    font-size: 13px;
  }

  .best-news h2 {
    font-size  : 24px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 991px) {
  .best-news::before {
    background-size    : cover;
    background-position: center center;
  }

  .best-news-wrapper {
    padding: 32px 18px;
  }

  .best-news .tabs {
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
  }

  .best-news .tabs::-webkit-scrollbar {
    display: none;
  }

  .best-news form {
    max-width: 100%;
  }

  .best-news-content {
    margin-top: 50px;
  }

  .best-news-wrapper::before,
  .best-news-wrapper::after,
  .best-news-content::before,
  .best-news-content::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .best-news-wrapper {
    padding: 20px 12px;
  }

  .best-news form .form-control {
    height      : 54px;
    padding-left: 40px;
  }

  .best-news form i {
    left: 12px;
  }

  .best-news h2 {
    font-size  : 18px;
    line-height: 32px;
  }

  .best-news p {
    font-size  : 12px;
    line-height: 25px;
  }

  .best-news .btn {
    padding: 14px;
  }
}

.tech-news::before,
.tech-news::after {
  content        : "";
  position       : absolute;
  left           : 0;
  width          : 100%;
  background     : var(--wpr-bg-bd3faba5-4c89-4e4a-bf63-a436110408d3) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -3;
}

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

  .tech-news::before,
  .tech-news::after {
    background-size    : cover;
    background-position: center center;
  }
}

.tech-news::before {
  top      : 0;
  height   : 48%;
  transform: translateY(-230px);
}

.tech-news::after {
  bottom   : 16%;
  height   : 47%;
  transform: translateY(10px);
}

.tech-news .container::before,
.tech-news .container::after,
.tech-news .row::before,
.tech-news .row::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: difference;
  z-index       : -1;
}

.tech-news .container::before,
.tech-news .row::before {
  width          : 72px;
  height         : 109px;
  background     : var(--wpr-bg-6a44a6e2-f0b7-4a2a-9f51-4f09bc3c07db) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 22%;
  right          : 0;
}

.tech-news .container::after,
.tech-news .row::after {
  width          : 53px;
  height         : 101px;
  top            : 38%;
  left           : 0;
  background     : var(--wpr-bg-139d2684-d626-4217-8651-cc8dd58021eb) 0 0 no-repeat;
  background-size: 100% 100%;
}

.tech-news .row {
  gap: 104px 0;
}

.tech-news .row::before {
  top: 60%;
}

.tech-news .row::after {
  top: 85%;
}

@media only screen and (max-width: 767px) {
  .tech-news .row {
    gap: 60px 0;
  }
}

.tech-news .section-heading-news::before,
.tech-news .section-heading-news::after {
  content       : "";
  position      : absolute;
  top           : 50%;
  transform     : translateY(-50%);
  mix-blend-mode: difference;
}

.tech-news .section-heading-news::before {
  right          : 70px;
  width          : 137px;
  height         : 127px;
  background     : var(--wpr-bg-3bf4b6df-696f-44f2-b4ba-ecaab53dac01) 0 0 no-repeat;
  background-size: 100% 100%;
}

.tech-news .section-heading-news::after {
  width          : 126px;
  height         : 129px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-11.png) 0 0 no-repeat;
  background-size: 100% 100%;
  left           : 20px;
}

.popular-news {
  margin: 111px 0 17px;
}

.popular-news::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 170%;
  background     : var(--wpr-bg-96f1b565-afcc-4bfd-96a9-460c184019a0) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
  transform      : translateY(-415px);
}

.popular-news .container::before,
.popular-news .container::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: difference;
}

.popular-news .container::before {
  width          : 72px;
  height         : 109px;
  background     : var(--wpr-bg-efe1065d-a7a5-4e9c-a1a4-9e31edcd9351) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 33%;
  right          : 0;
}

.popular-news .container::after {
  width          : 53px;
  height         : 101px;
  bottom         : 0;
  left           : 0;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-14.png) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(20px);
}

.popular-news-wrapper {
  border-radius: 28px;
  border       : 1px solid rgba(73, 73, 73, 0.2);
  padding      : 37px 22px 63px 21px;
}

.popular-news-wrapper::before {
  content        : "";
  position       : absolute;
  width          : 105px;
  height         : 110px;
  background     : var(--wpr-bg-e9d49c9b-0bb7-4aca-bfb1-6d75e7c4218f) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  top            : 117px;
  right          : 0;
  transform      : translateX(11px);
}

.popular-news-wrapper .image {
  z-index   : 2;
  width     : 512px;
  height    : 484px;
  margin-top: 65px;
}

.popular-news-wrapper .image::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  transform       : translate(-4px, -10px);
  width           : calc(100% + 8px);
  height          : calc(100% + 8px);
  border          : 4px solid #d9d9d9;
  box-shadow      : 0px 29px 50px rgba(0, 0, 0, 0.05);
  background-color: #d9d9d9;
}

.popular-news-wrapper .image::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  transform       : translateX(-50%);
  width           : 281px;
  height          : 65px;
  background-color: rgba(0, 0, 0, 0.32);
  filter          : blur(50px);
  z-index         : -2;
}

.popular-news-wrapper .image::before,
.popular-news-wrapper .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ3NCIgdmlld0JveD0iMCAwIDQ5OCA0NzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04OC45MzYyIDU5LjkzNTdDOTQuNzk2MiAzOS45NDY4IDExMi40MzUgMjUuNjg0OSAxMzMuMjA3IDI0LjEzOTVMNDQ0LjI5IDAuOTk1ODMyQzQ3My4yODYgLTEuMTYxMzUgNDk4IDIxLjc4MjQgNDk4IDUwLjg1OFY0MjMuNzA2QzQ5OCA0NTQuMDEgNDcxLjI1OCA0NzcuMzQ3IDQ0MS4yMzMgNDczLjI0Nkw0My41NTU1IDQxOC45MjNDMTMuMjU3OSA0MTQuNzg1IC02LjI2MDU2IDM4NC42NjEgMi4zNDE5NCAzNTUuMzE3TDg4LjkzNjIgNTkuOTM1N1oiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ3NCIgdmlld0JveD0iMCAwIDQ5OCA0NzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04OC45MzYyIDU5LjkzNTdDOTQuNzk2MiAzOS45NDY4IDExMi40MzUgMjUuNjg0OSAxMzMuMjA3IDI0LjEzOTVMNDQ0LjI5IDAuOTk1ODMyQzQ3My4yODYgLTEuMTYxMzUgNDk4IDIxLjc4MjQgNDk4IDUwLjg1OFY0MjMuNzA2QzQ5OCA0NTQuMDEgNDcxLjI1OCA0NzcuMzQ3IDQ0MS4yMzMgNDczLjI0Nkw0My41NTU1IDQxOC45MjNDMTMuMjU3OSA0MTQuNzg1IC02LjI2MDU2IDM4NC42NjEgMi4zNDE5NCAzNTUuMzE3TDg4LjkzNjIgNTkuOTM1N1oiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.popular-news-wrapper .content {
  background-color: rgba(210, 245, 235, 0.5);
  border-radius   : 50px 0 50px 50px;
  margin-right    : -251px;
  padding         : 108px 257px 51px 74px;
  width           : calc(100% - 233px);
}

.popular-news-wrapper .content::before,
.popular-news-wrapper .content::after {
  content       : "";
  position      : absolute;
  mix-blend-mode: difference;
}

.popular-news-wrapper .content::before {
  width          : 122px;
  height         : 129px;
  top            : 25px;
  right          : 26px;
  background     : var(--wpr-bg-c6930753-94a2-41cb-8c68-94ee3a087345) 0 0 no-repeat;
  background-size: 100% 100%;
}

.popular-news-wrapper .content::after {
  width          : 137px;
  height         : 122px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-08.png) 0 0 no-repeat;
  background-size: 100% 100%;
  bottom         : 28px;
  left           : 45px;
}

.popular-news-wrapper .content>* {
  position: relative;
  z-index : 4;
}

.popular-news-wrapper .content h2 a:hover {
  color: #11998e;
}

.popular-news-wrapper .content p {
  margin     : 1px 0 10px;
  line-height: 35px;
}

.popular-news-wrapper .content .btn {
  padding    : 19px 32px;
  line-height: 21px;
}

@media only screen and (max-width: 1199px) {
  .popular-news-wrapper .image {
    width : 400px;
    height: auto;
  }

  .popular-news-wrapper .image::before {
    transform: translate(-4px, -4px);
  }
}

@media only screen and (max-width: 991px) {
  .popular-news-wrapper .image {
    max-width: 70%;
    width    : 100%;
    margin   : 0 auto;
  }

  .popular-news-wrapper .image::before {
    content: none;
  }

  .popular-news-wrapper .image img {
    -webkit-mask : unset;
    mask         : unset;
    border-radius: 32px;
    border       : 4px solid #d9d9d9;
  }

  .popular-news-wrapper .content {
    margin       : -120px 0 0;
    max-width    : 100%;
    width        : 100%;
    padding      : 150px 20px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .popular-news::before {
    background-size    : cover;
    background-position: center center;
  }

  .popular-news-wrapper {
    padding: 28px 12px;
  }

  .popular-news-wrapper::before {
    content: none;
  }

  .popular-news-wrapper h2 {
    font-size  : 24px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .popular-news-wrapper .content {
    padding: 150px 10px 32px;
  }

  .popular-news-wrapper .content h2 {
    font-size  : 18px;
    line-height: 32px;
  }

  .popular-news-wrapper .content .btn {
    max-width: 100%;
    width    : 100%;
    display  : block;
    padding  : 19px 12px;
  }
}

.top-view-news::before,
.top-view-news::after {
  content : "";
  position: absolute;
}

.top-view-news::before {
  width          : 100%;
  height         : 147%;
  top            : 0;
  left           : 0;
  background     : var(--wpr-bg-366b4c0b-65ed-4270-976d-0d7f7c5ac5ef) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
  transform      : translateY(-100px);
}

@media only screen and (max-width: 767px) {
  .top-view-news::before {
    background-size    : cover;
    background-position: center center;
  }
}

.top-view-news::after {
  content        : "";
  position       : absolute;
  bottom         : 10%;
  right          : 0;
  width          : 72px;
  height         : 109px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-13.png) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  mix-blend-mode : difference;
}

.top-view-news .row {
  gap: 32px 0;
}

.top-view-news-two .btn,
.Technology-news .btn {
  margin-top : 84px;
  padding    : 19px 32px;
  line-height: 21px;
}

.top-view-news-two {
  margin: 101px 0 86px;
}

.top-view-news-two::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 94%;
  background     : var(--wpr-bg-6f321c01-bc42-4e23-8261-b63c85ae5fbe) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
  transform      : translateY(-6px);
}

.top-view-news-two .container::before,
.top-view-news-two .container::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: difference;
}

.top-view-news-two .container::before {
  width          : 72px;
  height         : 109px;
  background     : var(--wpr-bg-040f76cc-9315-46cf-b63d-650a7089e3a9) 0 0 no-repeat;
  background-size: 100% 100%;
  right          : 0;
  bottom         : 0;
}

.top-view-news-two .container::after {
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-14.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 53px;
  height         : 101px;
  top            : 80px;
  left           : 0;
}

.top-view-news-two .row {
  gap: 53px 0;
}

.Technology-news::before,
.Technology-news::after,
.Technology-news .container::after {
  content       : "";
  position      : absolute;
  z-index       : -1;
  mix-blend-mode: difference;
}

.Technology-news::before {
  width          : 72px;
  height         : 109px;
  background     : var(--wpr-bg-29146f21-4cdb-4775-8f3a-9cd9c192afce) 0 0 no-repeat;
  background-size: 100% 100%;
  right          : 0;
  bottom         : 40%;
}

.Technology-news::after,
.Technology-news .container::after {
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-14.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width          : 53px;
  height         : 101px;
  top            : 110px;
  left           : 0;
}

.Technology-news .container::after {
  top      : auto;
  bottom   : 0;
  transform: translateY(120px);
}

.Technology-news .row {
  gap: 57px 0;
}

@media only screen and (max-width: 767px) {
  .Technology-news .row {
    gap: 40px 0;
  }
}

.Technology-news .btn {
  margin-top: -35px;
  z-index   : 3;
}

.Technology-news-wrapper::before {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 50%;
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 80%);
  z-index         : 2;
}

@media only screen and (max-width: 991px) {
  .Technology-news-wrapper::before {
    height: 26%;
  }
}

@media only screen and (max-width: 575px) {
  .Technology-news-wrapper::before {
    height: 12%;
  }
}

.blog-news-best {
  margin-bottom: 152px;
}

.blog-news-best .best-news-wrapper {
  padding: 48px 28px 69px 38px;
}

.blog-news-best .best-news-wrapper::before {
  content: none;
}

.blog-news-best .best-news-wrapper::after {
  top : 44px;
  left: 37%;
}

.blog-news-best .best-news-content {
  margin: 0 0 87px;
}

.blog-news-best .best-news-content::before {
  width          : 137px;
  height         : 122px;
  background     : var(--wpr-bg-c7ad17bb-2dd2-4db2-8ef2-c92a1ebc6bf0) 0 0 no-repeat;
  background-size: 100% 100%;
  top            : 20px;
  left           : 0;
  transform      : translateX(-39px);
  z-index        : 3;
}

.blog-news-best .best-news-content::after {
  width          : 85px;
  height         : 88px;
  top            : auto;
  left           : 0;
  bottom         : 0;
  background     : var(--wpr-bg-412d42c1-4a8e-4618-a7ac-6a260826ab15) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(38px, 32px);
  z-index        : 3;
}

@media only screen and (max-width: 991px) {
  .blog-news-best .best-news-wrapper {
    padding: 32px 18px;
  }

  .blog-news-best .best-news-content {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-news-best .best-news-wrapper {
    padding: 20px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-news-best {
    margin-bottom: 80px;
  }
}

.blog-news-top::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 111%;
  background     : var(--wpr-bg-3beebc28-3e12-42e9-a32d-5127be6eb7e0) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  transform      : translateY(-135px);
}

.blog-news-top-item {
  padding: 0 27px 0 21px;
}

.blog-news-top-item:first-child {
  margin-bottom: 85px;
}

.blog-news-top-item img {
  border-radius: 20px 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.blog-news-top-item p {
  line-height  : 44px;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1199px) {
  .blog-news-top-item h2 {
    font-size  : 24px;
    line-height: 38px;
  }

  .blog-news-top-item p {
    font-size  : 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-news-top-item .btn {
    padding: 19px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-news-top-item {
    padding: 0;
  }

  .blog-news-top-item .btn {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-news-top {
    background-size    : cover;
    background-position: center center;
  }
}

.blog-news-tech-news {
  margin: 138px 0 148px;
}

.blog-news-tech-news::before {
  transform: translateY(-195px);
  height   : 85%;
}

.blog-news-tech-news::after {
  bottom   : 0;
  height   : 39%;
  transform: translateY(70px);
}

.blog-news-tech-news .container::before {
  top: 35%;
}

.blog-news-tech-news .container::after {
  top: 67%;
}

.blog-news-tech-news .row::before,
.blog-news-tech-news .row::after {
  content: none;
}

@media only screen and (max-width: 767px) {
  .blog-news-tech-news {
    margin: 80px 0;
  }
}

.blog-news-top-view .container::after {
  top: 200px;
}

.detail-blog-news {
  margin-top: 94px;
}

.detail-blog-news-info {
  margin-bottom: 95px;
}

.detail-blog-news-info>img {
  box-shadow: 0px 23px 100px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-info .content {
  max-width : calc(100% - 240px);
  box-shadow: 0px 27px 50px rgba(0, 0, 0, 0.02);
  padding   : 22px 34px 37px;
  margin-top: -142px;
}

.detail-blog-news-info .content::before {
  content         : "";
  position        : absolute;
  top             : 28px;
  right           : 1px;
  width           : 4px;
  height          : 40px;
  background-color: #1dcc9d;
  border-radius   : 4px;
}

.detail-blog-news-info .content .author {
  padding         : 1px 4px 1px 16px;
  background-color: #ededed;
  box-shadow      : 0px 28px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-info .content .author img {
  width : 48px;
  height: 48px;
  border: 1px solid #d9d9d9;
}

.detail-blog-news-info .content .author .detail .name {
  line-height: 22px;
}

.detail-blog-news-info .content .author .detail .sub-name {
  line-height: 15px;
}

.detail-blog-news-info .content .shape span {
  width           : 40px;
  height          : 5px;
  background-color: #1dcc9d;
  border-radius   : 4px;
  display         : block;
}

.detail-blog-news-info .content .shape span:nth-child(2) {
  width  : 23px;
  opacity: 0.5;
  margin : 2px 0 3px;
}

.detail-blog-news-info .content .shape span:last-child {
  width  : 15px;
  opacity: 0.2;
}

.detail-blog-news-info .content h2 {
  margin: 19px 0 9px;
}

.detail-blog-news-info .content p {
  line-height  : 26px;
  margin-bottom: 27px;
}

.detail-blog-news-info .content .date-category span {
  padding      : 4px 9px 5px 11px;
  line-height  : 15px;
  border-radius: 6px;
}

.detail-blog-news-info .content .date-category span i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
}

.detail-blog-news-info .content .date-category span:first-child {
  background-color: #fff;
  box-shadow      : 0px 18px 10px rgba(0, 0, 0, 0.05);
  margin-left     : 20px;
}

.detail-blog-news-info .content .date-category span:first-child::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  right           : 100%;
  width           : 0.5px;
  height          : 27px;
  background-color: rgba(73, 73, 73, 0.15);
  transform       : translate(-10px, -50%);
}

.detail-blog-news-content p {
  font-size    : 16px;
  font-weight  : 500;
  line-height  : 32px;
  margin-bottom: 16px;
  text-align   : justify;
}

.detail-blog-news-content img {
  display      : block;
  width        : 100%;
  border-radius: 20px;
  box-shadow   : 0px 23px 100px rgba(0, 0, 0, 0.05);
  margin       : 32px 0;
}

.detail-blog-news-content> :last-child {
  margin-bottom: 0;
}

.detail-blog-news-sidebar-box {
  padding   : 43px 22px 69px 41px;
  box-shadow: 0px 57px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-sidebar-box .heading {
  margin-bottom: 23px;
}

.detail-blog-news-sidebar-box .heading::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  right           : 0;
  width           : 4px;
  height          : 35px;
  background-color: #1dcc9d;
  transform       : translate(21px, -50%);
}

.detail-blog-news-sidebar-box .heading .sub-name {
  color: rgba(159, 159, 159, 0.5);
}

.detail-blog-news-sidebar-box .heading .shape {
  margin-top: 8px;
}

.detail-blog-news-sidebar-box .heading .shape span {
  width           : 32px;
  height          : 4px;
  display         : block;
  border-radius   : 4px;
  background-color: #1dcc9d;
}

.detail-blog-news-sidebar-box .heading .shape span:not(:last-child) {
  margin-bottom: 2px;
}

.detail-blog-news-sidebar-box .heading .shape span:nth-child(2) {
  opacity: 0.5;
  width  : 18px;
}

.detail-blog-news-sidebar-box .heading .shape span:last-child {
  opacity: 0.2;
  width  : 12px;
}

.detail-blog-news-sidebar-last-posts li:not(:last-child) {
  margin-bottom: 28px;
}

.detail-blog-news-sidebar-last-posts li img {
  max-width          : 55px;
  height             : 52px;
  margin-left        : 13px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS43ODU4IDMuNjIxODZDMzEuMTMyMiAyLjEzMTk0IDQxLjc0NTYgLTMuMzUyMjQgNDguNzY1OSAyLjk5NTMxQzU2LjI2NzYgOS43NzgxNCA1Ni44MTIxIDIyLjMyOTUgNTIuNjkwNiAzMS41NjUxQzQ5LjE0NTUgMzkuNTA5IDM4Ljc0MzQgMzkuNjgyNSAzMC44MDU2IDQzLjI0MTJDMjMuMzYyOSA0Ni41NzggMTYuMzYxIDU0LjU3MTEgOC45NDM4NCA1MS4xNzc4QzEuNDg1NCA0Ny43NjU2IDEuNTExMjIgMzcuNTEgMC40ODk1NzkgMjkuMzcyQy0wLjM2MTgyMSAyMi41OTAxIC0wLjU2MTEzIDE1LjQzMTQgMy43OTUwMiAxMC4xNjQyQzguMDczNjYgNC45OTA2NyAxNS4xNTU5IDQuNjc4NzMgMjEuNzg1OCAzLjYyMTg2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS43ODU4IDMuNjIxODZDMzEuMTMyMiAyLjEzMTk0IDQxLjc0NTYgLTMuMzUyMjQgNDguNzY1OSAyLjk5NTMxQzU2LjI2NzYgOS43NzgxNCA1Ni44MTIxIDIyLjMyOTUgNTIuNjkwNiAzMS41NjUxQzQ5LjE0NTUgMzkuNTA5IDM4Ljc0MzQgMzkuNjgyNSAzMC44MDU2IDQzLjI0MTJDMjMuMzYyOSA0Ni41NzggMTYuMzYxIDU0LjU3MTEgOC45NDM4NCA1MS4xNzc4QzEuNDg1NCA0Ny43NjU2IDEuNTExMjIgMzcuNTEgMC40ODk1NzkgMjkuMzcyQy0wLjM2MTgyMSAyMi41OTAxIC0wLjU2MTEzIDE1LjQzMTQgMy43OTUwMiAxMC4xNjQyQzguMDczNjYgNC45OTA2NyAxNS4xNTU5IDQuNjc4NzMgMjEuNzg1OCAzLjYyMTg2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.detail-blog-news-sidebar-last-posts li h2 {
  max-width  : calc(100% - 68px);
  line-height: 22px;
}

.detail-blog-news-sidebar-last-posts li h2 a:hover {
  color: #1dcc9d;
}

.detail-blog-news-sidebar-last-posts li:nth-child(2) img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41MjQzIDAuNTcyMTZDMzcuNDIyNSAtMC40Nzc0NTkgNDcuOTg3MyAtMC44MjM2NjcgNTMuNDIyNyA2LjI5OTE1QzU4LjgwMTUgMTMuMzQ3OSA1NC43MzMyIDIzLjA2NDMgNTIuMTYzOSAzMS41NTA1QzQ5LjkwNDggMzkuMDExOCA0Ny4xMjE4IDQ2LjgwNTggNDAuMTIwNiA1MC4yMzQ4QzMzLjA3NDcgNTMuNjg1NyAyNS4wMDEyIDUxLjU0MzggMTcuODI3MiA0OC4zNjc2QzEwLjI2NDEgNDUuMDE5MiAxLjk5MzI5IDQwLjY5MzIgMC4yODgyMTIgMzIuNTk5NkMtMS4zOTc4MSAyNC41OTY1IDQuNjMzOTEgMTcuNTUxMiAxMC4wNDI2IDExLjQxNjJDMTUuMDEyMyA1Ljc3OTMgMjEuMDYxMiAxLjQ1MjUgMjguNTI0MyAwLjU3MjE2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1NyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41MjQzIDAuNTcyMTZDMzcuNDIyNSAtMC40Nzc0NTkgNDcuOTg3MyAtMC44MjM2NjcgNTMuNDIyNyA2LjI5OTE1QzU4LjgwMTUgMTMuMzQ3OSA1NC43MzMyIDIzLjA2NDMgNTIuMTYzOSAzMS41NTA1QzQ5LjkwNDggMzkuMDExOCA0Ny4xMjE4IDQ2LjgwNTggNDAuMTIwNiA1MC4yMzQ4QzMzLjA3NDcgNTMuNjg1NyAyNS4wMDEyIDUxLjU0MzggMTcuODI3MiA0OC4zNjc2QzEwLjI2NDEgNDUuMDE5MiAxLjk5MzI5IDQwLjY5MzIgMC4yODgyMTIgMzIuNTk5NkMtMS4zOTc4MSAyNC41OTY1IDQuNjMzOTEgMTcuNTUxMiAxMC4wNDI2IDExLjQxNjJDMTUuMDEyMyA1Ljc3OTMgMjEuMDYxMiAxLjQ1MjUgMjguNTI0MyAwLjU3MjE2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K);
}

.detail-blog-news-sidebar-last-posts li:nth-child(3) img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi4wNDE5IDEuODUzNzZDMzAuOTgwMSAyLjI5ODgzIDM2LjIwODkgMS4zMTg0MyA0MC40Nzk5IDMuODM3MDFDNDQuODE1MSA2LjM5MzQ5IDQ3Ljc4NzUgMTAuODY3MiA0OS40MDc0IDE1LjYzMjNDNTAuOTQxNCAyMC4xNDQ3IDUwLjI4NDcgMjQuOTg3MyA0OS4yNTE1IDI5LjY0QzQ4LjI4MDEgMzQuMDE0NSA0Ni41Nzk0IDM4LjE2OTYgNDMuNjQ5OCA0MS41NjAzQzQwLjcxNzMgNDQuOTU0MyAzNi44MDcyIDQ3LjEzMzggMzIuNjYwMSA0OC44NDI3QzI4LjEwODggNTAuNzE4MyAyMy40MiA1Mi40MDA1IDE4LjUyMTMgNTEuOTE1NkMxMy4wMDg5IDUxLjM3MDEgNi45Mjk5IDUwLjE5MiAzLjM3NDU4IDQ1Ljk0NDNDLTAuMTcxNjA4IDQxLjcwNzQgMC41NDgzNjUgMzUuNTMzIDAuMTk0MjY0IDMwLjAxOTNDLTAuMTMzMjkyIDI0LjkxODkgLTAuMjIzOTI5IDE5Ljg5NDIgMS4zOTAxNSAxNS4wNDQ5QzMuMTQzODIgOS43NzYyNyA0LjkzMjU1IDMuNjk0MzMgOS44Mjg1IDEuMDc0NUMxNC42OTc4IC0xLjUzMTA0IDIwLjU0MTYgMS4zNTgwNCAyNi4wNDE5IDEuODUzNzZaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi4wNDE5IDEuODUzNzZDMzAuOTgwMSAyLjI5ODgzIDM2LjIwODkgMS4zMTg0MyA0MC40Nzk5IDMuODM3MDFDNDQuODE1MSA2LjM5MzQ5IDQ3Ljc4NzUgMTAuODY3MiA0OS40MDc0IDE1LjYzMjNDNTAuOTQxNCAyMC4xNDQ3IDUwLjI4NDcgMjQuOTg3MyA0OS4yNTE1IDI5LjY0QzQ4LjI4MDEgMzQuMDE0NSA0Ni41Nzk0IDM4LjE2OTYgNDMuNjQ5OCA0MS41NjAzQzQwLjcxNzMgNDQuOTU0MyAzNi44MDcyIDQ3LjEzMzggMzIuNjYwMSA0OC44NDI3QzI4LjEwODggNTAuNzE4MyAyMy40MiA1Mi40MDA1IDE4LjUyMTMgNTEuOTE1NkMxMy4wMDg5IDUxLjM3MDEgNi45Mjk5IDUwLjE5MiAzLjM3NDU4IDQ1Ljk0NDNDLTAuMTcxNjA4IDQxLjcwNzQgMC41NDgzNjUgMzUuNTMzIDAuMTk0MjY0IDMwLjAxOTNDLTAuMTMzMjkyIDI0LjkxODkgLTAuMjIzOTI5IDE5Ljg5NDIgMS4zOTAxNSAxNS4wNDQ5QzMuMTQzODIgOS43NzYyNyA0LjkzMjU1IDMuNjk0MzMgOS44Mjg1IDEuMDc0NUMxNC42OTc4IC0xLjUzMTA0IDIwLjU0MTYgMS4zNTgwNCAyNi4wNDE5IDEuODUzNzZaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
}

.detail-blog-news-sidebar-last-posts li:nth-child(4) img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi44MjUgMS4zNTMxN2UtMDVDMzMuNjA3NiAwLjAxMDIyMzcgMzguODAzMSA1LjUyMTUxIDQzLjI1NDUgMTAuNjM5QzQ3LjMyNjIgMTUuMzIwMSA1MC4wMDkgMjAuODc0OCA1MC4zNyAyNy4wNjg1QzUwLjc1NiAzMy42OTI5IDQ5Ljg0OTIgNDAuNzExOCA0NS4yODc4IDQ1LjUzMTJDNDAuNjMyMiA1MC40NTAzIDMzLjU4NTMgNTIuMzU4MSAyNi44MjUgNTEuOTQ1NEMyMC40NDg3IDUxLjU1NjIgMTUuMTcwNCA0Ny43NTA5IDEwLjQ4NjQgNDMuNDA3QzUuNTUzNjkgMzguODMyNSAwLjAyODg5MDEgMzMuNzk1OSAwLjAwMDExMDM5OSAyNy4wNjg1Qy0wLjAyODczMzUgMjAuMzI2MSA1LjYwMDAxIDE1LjM3ODYgMTAuMzQ2MSAxMC41ODk1QzE1LjEyNCA1Ljc2ODIxIDIwLjAzNzMgLTAuMDEwMjA0MyAyNi44MjUgMS4zNTMxN2UtMDVaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi44MjUgMS4zNTMxN2UtMDVDMzMuNjA3NiAwLjAxMDIyMzcgMzguODAzMSA1LjUyMTUxIDQzLjI1NDUgMTAuNjM5QzQ3LjMyNjIgMTUuMzIwMSA1MC4wMDkgMjAuODc0OCA1MC4zNyAyNy4wNjg1QzUwLjc1NiAzMy42OTI5IDQ5Ljg0OTIgNDAuNzExOCA0NS4yODc4IDQ1LjUzMTJDNDAuNjMyMiA1MC40NTAzIDMzLjU4NTMgNTIuMzU4MSAyNi44MjUgNTEuOTQ1NEMyMC40NDg3IDUxLjU1NjIgMTUuMTcwNCA0Ny43NTA5IDEwLjQ4NjQgNDMuNDA3QzUuNTUzNjkgMzguODMyNSAwLjAyODg5MDEgMzMuNzk1OSAwLjAwMDExMDM5OSAyNy4wNjg1Qy0wLjAyODczMzUgMjAuMzI2MSA1LjYwMDAxIDE1LjM3ODYgMTAuMzQ2MSAxMC41ODk1QzE1LjEyNCA1Ljc2ODIxIDIwLjAzNzMgLTAuMDEwMjA0MyAyNi44MjUgMS4zNTMxN2UtMDVaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
}

.detail-blog-news-sidebar-socials {
  margin: 31px 0 48px;
}

.detail-blog-news-sidebar-socials .socials-one {
  margin-bottom: 29px;
}

.detail-blog-news-sidebar-socials .link-copy {
  padding   : 6px 8px 7px;
  cursor    : pointer;
  max-width : 200px;
  margin-top: -17px;
  transform : translateY(17px);
}

.detail-blog-news-sidebar-socials .link-copy span {
  max-width: calc(100% - 22px);
  width    : 100%;
}

.detail-blog-news-sidebar-full-info ul {
  gap: 30px 0;
}

.detail-blog-news-sidebar-full-info ul li {
  line-height  : 24px;
  padding      : 0 8px;
  border-radius: 6px;
  cursor       : default;
}

.detail-blog-news-sidebar-full-info ul li:hover {
  box-shadow: 0px 18px 10px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-sidebar-full-info ul li:hover i {
  color      : #1dcc9d;
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
}

.detail-blog-news-sidebar-full-info ul li:not(:last-child) {
  margin-left: 18px;
}

.detail-blog-news-sidebar-full-info ul li:not(:last-child)::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  right           : calc(100% + 9px);
  width           : 1px;
  height          : 27px;
  background-color: rgba(73, 73, 73, 0.15);
  transform       : translateY(-50%);
}

.detail-blog-news-send-comment {
  margin: 113px 0 247px;
}

.detail-blog-news-send-comment::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 155%;
  background     : var(--wpr-bg-fedc8f5f-017d-47bc-b14e-95eccd3902ab) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -4;
  transform      : translateY(-110px);
}

.detail-blog-news-send-comment .title {
  margin-bottom: 45px;
  line-height  : 32px;
}

.detail-blog-news-send-comment form {
  gap: 19px 0;
}

.detail-blog-news-send-comment form .form-group {
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.02);
}

.detail-blog-news-send-comment form .form-group.rate-star,
.detail-blog-news-send-comment form .form-group .form-control {
  height: 76px;
}

.detail-blog-news-send-comment form .form-group .form-control {
  padding-right: 67px;
}

.detail-blog-news-send-comment form .form-group i {
  right: 36px;
}

.detail-blog-news-send-comment form .form-group.rate-star {
  padding: 0 15px;
}

.detail-blog-news-send-comment form .form-group.rate-star .stars label {
  cursor: pointer;
}

.detail-blog-news-send-comment form .form-group.rate-star .stars label:not(:last-child) {
  margin-left: 4px;
}

.detail-blog-news-send-comment form .form-group.rate-star .stars input:checked~label i,
.detail-blog-news-send-comment form .form-group.rate-star .stars input:hover~label i {
  color: #26d59c;
}

.detail-blog-news-send-comment form .form-group.content {
  height : 247px;
  padding: 77px 36px 34px 46px;
}

.detail-blog-news-send-comment form .form-group.content .form-control {
  padding-right: 0;
  height       : 104px;
}

.detail-blog-news-send-comment form .form-group.content i {
  top  : 29px;
  right: 39px;
}

.detail-blog-news-send-comment form .form-group.content .btn {
  padding      : 6px 14px 7px;
  border-radius: 11px;
  line-height  : 26px;
}

.detail-blog-news-send-comment img {
  filter: drop-shadow(0px 88px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 1199px) {
  .detail-blog-news-info .content {
    max-width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-news-info {
    margin-bottom: 60px;
  }

  .detail-blog-news-sidebar {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-news {
    margin-top: 40px;
  }

  .detail-blog-news-info .content {
    max-width: calc(100% - 60px);
    padding  : 22px 20px 24px;
  }

  .detail-blog-news-info .content h2 {
    font-size  : 16px;
    line-height: 30px;
  }

  .detail-blog-news-content p {
    font-size    : 14px;
    line-height  : 26px;
    margin-bottom: 13px;
  }

  .detail-blog-news-send-comment {
    margin-bottom: 80px;
  }

  .detail-blog-news-send-comment::before {
    background-size    : cover;
    background-position: center center;
  }

  .detail-blog-news-send-comment form .form-group.rate-star,
  .detail-blog-news-send-comment form .form-group .form-control {
    height: 64px;
  }

  .detail-blog-news-send-comment form .form-group .form-control {
    font-size: 12px;
  }

  .detail-blog-news-send-comment img {
    filter: drop-shadow(0px 88px 50px rgba(0, 0, 0, 0.05));
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-news-info .content {
    max-width : calc(100% - 20px);
    margin-top: -24px;
    padding   : 22px 12px 24px;
  }
}

.contact-us-news::before,
.contact-us-news::after {
  content        : "";
  position       : absolute;
  left           : 0;
  width          : 100%;
  background     : var(--wpr-bg-24bf67cb-e4a0-4884-959d-0f968130ffd2) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
}

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

  .contact-us-news::before,
  .contact-us-news::after {
    background-size    : cover;
    background-position: center center;
  }
}

.contact-us-news::before {
  top      : 0;
  height   : 96%;
  transform: translateY(-363px);
}

.contact-us-news::after {
  bottom   : 0;
  height   : 95%;
  transform: translateY(345px);
}

.contact-us-news-map {
  margin: 47px 0 75px;
}

.contact-us-news-map-wrapper {
  padding-top: 91px;
}

.contact-us-news-map-wrapper::before,
.contact-us-news-map-wrapper::after {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 60%;
  border-radius: 30px;
}

.contact-us-news-map-wrapper::before {
  background     : var(--wpr-bg-efba50de-a504-4d92-997a-8d974b2c7fb0) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -2;
}

.contact-us-news-map-wrapper::after {
  background-color       : rgba(217, 217, 217, 0.01);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
  z-index                : -1;
}

.contact-us-news-map-wrapper iframe {
  max-width: calc(100% - 200px);
  height   : 629px;
  border   : 11px solid rgba(255, 255, 255, 0.38);
  filter   : drop-shadow(0px 73px 50px rgba(0, 0, 0, 0.05));
}

.contact-us-news .section-heading-news {
  margin-bottom: 130px;
}

.contact-us-news .section-heading-news-sub-title {
  margin-bottom: 42px;
}

.contact-us-news .section-heading-news .btns {
  gap: 36px;
}

.contact-us-news .section-heading-news .btns .btn {
  padding    : 14px 25px;
  line-height: 31px;
}

.contact-us-news .section-heading-news .btns .btn::after {
  content      : "";
  position     : absolute;
  bottom       : 0;
  left         : 50%;
  transform    : translateX(-50%);
  filter       : blur(25px);
  border-radius: 15px;
  background   : linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #2bffba;
  height       : 12px;
  width        : 50%;
  z-index      : -1;
}

.contact-us-news form {
  gap: 61px 0;
}

.contact-us-news form .form-group {
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.02);
}

.contact-us-news form .form-group .form-control {
  padding: 0 64px 0 16px;
  height : 76px;
}

.contact-us-news form .form-group i {
  right: 30px;
}

.contact-us-news form .form-group.content {
  height : 247px;
  padding: 79px 29px 19px 0;
}

.contact-us-news form .form-group.content textarea.form-control {
  padding: 0 0 0 16px;
  height : 100%;
}

.contact-us-news form .form-group.content textarea.form-control::-webkit-scrollbar {
  width: 3px;
}

.contact-us-news form .form-group.content textarea.form-control::-webkit-scrollbar-track {
  background-color: #797979;
}

.contact-us-news form .form-group.content textarea.form-control::-webkit-scrollbar-thumb {
  background-color: #1dcc9d;
}

.contact-us-news form .form-group.content i {
  top  : 21px;
  right: 29px;
}

.contact-us-news form .btn {
  padding    : 9px 14px;
  line-height: 21px;
  margin-top : -20px;
}

@media only screen and (max-width: 991px) {
  .contact-us-news-map iframe {
    height   : 400px;
    max-width: calc(100% - 100px);
  }

  .contact-us-news form {
    gap: 32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-news-map iframe {
    height      : 300px;
    border-width: 5px;
  }

  .contact-us-news .section-heading-news .btns {
    gap: 16px;
  }

  .contact-us-news .section-heading-news .btns .btn {
    padding: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-news-map {
    margin: 45px -12px 60px;
  }

  .contact-us-news-map-wrapper::before,
  .contact-us-news-map-wrapper::after {
    border-radius: 0;
  }

  .contact-us-news-map iframe {
    max-width: calc(100% - 24px);
    height   : 250px;
  }
}

.about-us-news-landing {
  margin: 116px 0 242px;
}

.about-us-news-landing-wrapper {
  padding: 72px 40px 0 64px;
}

.about-us-news-landing-wrapper::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 80%;
  border-radius: 28px;
  border       : 1px solid rgba(73, 73, 73, 0.5);
}

.about-us-news-landing .col-lg-7 {
  padding-left: 88px;
}

.about-us-news-landing-content {
  padding   : 91px 48px 54px;
  box-shadow: 0px 27px 50px rgba(0, 0, 0, 0.02);
}

.about-us-news-landing-content::before {
  content         : "";
  position        : absolute;
  top             : 12px;
  right           : 1px;
  width           : 4px;
  height          : 40px;
  border-radius   : 4px;
  background-color: #1dcc9d;
}

.about-us-news-landing-content .shapes {
  top : 34px;
  left: 49px;
}

.about-us-news-landing-content .shapes span {
  width           : 40px;
  height          : 5px;
  border-radius   : 4px;
  background-color: #1dcc9d;
}

.about-us-news-landing-content .shapes span:nth-child(2) {
  margin : 2px 0 3px;
  opacity: 0.5;
  width  : 23px;
}

.about-us-news-landing-content .shapes span:last-child {
  opacity: 0.2;
  width  : 15px;
}

.about-us-news-landing-content h2 {
  margin-bottom: 12px;
  font-size    : 28px;
  line-height  : 45px;
}

.about-us-news-landing-content p {
  line-height: 26px;
}

.about-us-news-landing .image {
  filter: drop-shadow(0px 25px 50px rgba(0, 0, 0, 0.1));
}

.about-us-news-landing .image::before,
.about-us-news-landing .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIzIiBoZWlnaHQ9IjQyMyIgdmlld0JveD0iMCAwIDUyMyA0MjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjU2NiAyNi43MjIyQzMxNi4xNTggMjEuODE2IDM4OS4wODYgLTI0LjU2NjggNDQzLjQzNiAxNy40ODJDNTA3LjAxMiA2Ni42Njg2IDUzNy42MTkgMTU3LjE4MiA1MTYuMjIxIDIzNC41NzJDNDk1LjU0NSAzMDkuMzUxIDQxNS4yMTYgMzQyLjA0NyAzNDQuNjgzIDM3NC42NDJDMjc2LjEwOSA0MDYuMzMyIDIwMi4wMzkgNDQxLjM1MSAxMzIuNDYyIDQxMS45MTdDNTkuODMzIDM4MS4xOTMgMTEuNzAyOSAzMDcuNSAxLjQ0MzA4IDIyOS40MzlDLTcuODY0NjMgMTU4LjYyMyAyOC44MDM3IDg4LjY1MjkgODMuOTk4OSA0My4xOTE3QzEyOC40NjYgNi41NjcwNyAxOTAuMDYgMzAuODM1NSAyNDcuNTY2IDI2LjcyMjJaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIzIiBoZWlnaHQ9IjQyMyIgdmlld0JveD0iMCAwIDUyMyA0MjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjU2NiAyNi43MjIyQzMxNi4xNTggMjEuODE2IDM4OS4wODYgLTI0LjU2NjggNDQzLjQzNiAxNy40ODJDNTA3LjAxMiA2Ni42Njg2IDUzNy42MTkgMTU3LjE4MiA1MTYuMjIxIDIzNC41NzJDNDk1LjU0NSAzMDkuMzUxIDQxNS4yMTYgMzQyLjA0NyAzNDQuNjgzIDM3NC42NDJDMjc2LjEwOSA0MDYuMzMyIDIwMi4wMzkgNDQxLjM1MSAxMzIuNDYyIDQxMS45MTdDNTkuODMzIDM4MS4xOTMgMTEuNzAyOSAzMDcuNSAxLjQ0MzA4IDIyOS40MzlDLTcuODY0NjMgMTU4LjYyMyAyOC44MDM3IDg4LjY1MjkgODMuOTk4OSA0My4xOTE3QzEyOC40NjYgNi41NjcwNyAxOTAuMDYgMzAuODM1NSAyNDcuNTY2IDI2LjcyMjJaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) 0 0/cover;
  -webkit-mask-size  : 100% 100%;
  mask-size          : 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.about-us-news-landing .image::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  z-index         : -1;
  background-color: rgba(217, 217, 217, 0.5);
  width           : calc(100% + 20px);
  height          : calc(100% + 20px);
}

@media only screen and (max-width: 1199px) {
  .about-us-news-landing .col-lg-7 {
    padding-left: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-news-landing {
    margin: 50px 0 80px;
  }

  .about-us-news-landing-wrapper {
    padding: 32px 24px 0;
  }

  .about-us-news-landing-content {
    padding: 72px 20px 32px;
  }

  .about-us-news-landing-content .shapes {
    left: 20px;
  }

  .about-us-news-landing-content h2 {
    font-size  : 20px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-news-landing-wrapper {
    padding: 0;
  }

  .about-us-news-landing-wrapper::before {
    content: none;
  }

  .about-us-news-landing .image {
    max-width: 90%;
    width    : 100%;
    margin   : 0 auto;
  }
}

.about-us-news-achievement {
  margin-bottom: 219px;
}

@media only screen and (max-width: 767px) {
  .about-us-news-achievement {
    margin-bottom: 80px;
  }
}

.about-us-news-achievement::before,
.about-us-news-achievement::after {
  content        : "";
  position       : absolute;
  left           : 0;
  width          : 100%;
  background     : var(--wpr-bg-ec72f329-71fa-4b9a-a983-9792cd3016d5) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
}

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

  .about-us-news-achievement::before,
  .about-us-news-achievement::after {
    background-size    : cover;
    background-position: center center;
  }
}

.about-us-news-achievement::before {
  top      : 0;
  transform: translateY(-175px);
  height   : 83%;
}

.about-us-news-achievement::after {
  bottom   : 0;
  transform: translateY(418px);
  height   : 82%;
}

.about-us-news-achievement .section-heading-news {
  margin-bottom: 110px;
}

.about-us-news-comments-users::before {
  top   : 350px;
  height: 117%;
}

.about-us-news-our-colleagues {
  margin-top: 114px;
}

.about-us-news-our-colleagues::before,
.about-us-news-our-colleagues::after,
.about-us-news-our-colleagues .container::before,
.about-us-news-our-colleagues .swiper::after {
  content : "";
  position: absolute;
  z-index : -1;
}

.about-us-news-our-colleagues::before {
  top            : 145px;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : var(--wpr-bg-e1c6c296-ba1e-41aa-bc46-b3e490459cd1) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -5;
}

@media only screen and (max-width: 767px) {
  .about-us-news-our-colleagues::before {
    background-size    : cover;
    background-position: center center;
  }
}

.about-us-news-our-colleagues::after,
.about-us-news-our-colleagues .container::before {
  width           : 93px;
  height          : 93px;
  border-radius   : 50%;
  background-color: #26d59c;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
}

.about-us-news-our-colleagues::after {
  bottom   : 40%;
  right    : 0;
  transform: translateX(45px);
}

.about-us-news-our-colleagues .container::before {
  left     : 0;
  bottom   : 0;
  transform: translate(-45px, 50px);
}

.about-us-news-our-colleagues .swiper::after {
  left           : 0;
  top            : 0;
  width          : 65px;
  height         : 72px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translate(-42px, -18px);
}

.about-us-news-our-colleagues .section-heading-news {
  margin-bottom: 85px;
}

.about-us-news-our-colleagues-item {
  box-shadow: 0px 70px 80px rgba(0, 0, 0, 0.05);
  padding   : 18px 22px;
  transform : scale(0);
}

.about-us-news-our-colleagues-item,
.about-us-news-our-colleagues-item .image {
  border-radius: 22px;
}

.about-us-news-our-colleagues-item .image {
  width     : 150px;
  height    : 150px;
  box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.05);
}

.about-us-news-our-colleagues-item .image img {
  max-height: 80px;
  filter    : grayscale(100%);
}

.about-us-news-our-colleagues-item:hover .image {
  box-shadow: 0px 35px 50px rgba(233, 37, 90, 0.05);
}

.about-us-news-our-colleagues-item:hover .image img {
  filter: grayscale(0);
}

.about-us-news-our-colleagues-item:hover .title,
.about-us-news-our-colleagues-item:hover a {
  color: #26d59c;
}

@media only screen and (max-width: 1399px) {
  .about-us-news-our-colleagues-item .image {
    width : 126px;
    height: 126px;
  }

  .about-us-news-our-colleagues-item .image img {
    max-height: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-news-our-colleagues-item {
    padding: 16px 12px;
  }
}

.swiper-slide-visible .about-us-news-our-colleagues-item {
  transform: scale(1);
}

.section-heading-cleaning {
  margin-bottom: 62px;
}

.section-heading-cleaning-title {
  margin-bottom: 10px;
  line-height  : 50px;
}

.section-heading-cleaning-text {
  line-height: 32px;
  max-width  : 1069px;
}

@media only screen and (max-width: 991px) {
  .section-heading-cleaning-title {
    font-size  : 24px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 575px) {
  .section-heading-cleaning-title {
    font-size  : 16px;
    line-height: 30px;
  }

  .section-heading-cleaning-text {
    font-size  : 12px;
    line-height: 25px;
  }
}

.swiper-cleaning .swiper-pagination-bullet {
  width        : 16px;
  height       : 16px;
  border-radius: 50%;
  border       : 1px solid rgba(73, 73, 73, 0.5);
  transition   : all 0.3s linear;
}

.swiper-cleaning .swiper-pagination-bullet-active {
  width           : 24px;
  height          : 24px;
  background-color: #f6ae00;
  border-color    : #f6ae00;
}

@media only screen and (max-width: 767px) {
  .swiper-cleaning .swiper-pagination-bullet {
    width : 12px;
    height: 12px;
  }

  .swiper-cleaning .swiper-pagination-bullet-active {
    width : 16px;
    height: 16px;
  }
}

.btn-show-more-cleaning {
  padding   : 8px 11px;
  box-shadow: 0px 10px 20px 2px rgba(246, 174, 0, 0.35);
}

.services-cleaning {
  margin: 75px 0 75px;
}

.services-cleaning::before,
.services-cleaning::after {
  content : "";
  position: absolute;
  top     : 0;
}

.services-cleaning .section-heading-cleaning-title::before {
  top: 0;
}

@media only screen and (max-width: 991px) {
  .services-cleaning {
    margin-top: 120px;
  }

  .services-cleaning .section-heading-cleaning::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .services-cleaning {
    margin: 80px 0 120px;
  }
}

.experts-cleaning {
  margin-top: 0px;
}

.experts-cleaning .section-heading-cleaning {
  margin-bottom: 121px;
}

.experts-cleaning-item {
  padding: 0 20px 46px;
}

.experts-cleaning-item .image {
  margin-bottom: -71px;
  height       : 321px;
  transform    : translateY(-92px);
}

.experts-cleaning-item .whatsapp {
  background-color: #727272;
  padding         : 8px 23px;
  line-height     : 29px;
  margin-bottom   : -18px;
  z-index         : 2;
  overflow        : hidden;
}

.experts-cleaning-item .whatsapp::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  z-index   : -1;
  background: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  opacity   : 0;
  transition: all 0.3s ease-in-out;
}

.experts-cleaning-item:hover .whatsapp::before {
  opacity: 1;
}

.experts-cleaning-item+.experts-cleaning-item {
  margin-top: 211px;
}

.experts-cleaning .swiper {
  padding-bottom: 92px;
}

@media only screen and (max-width: 1199px) {
  .experts-cleaning-item .image {
    height       : 270px;
    margin-bottom: -51px;
    transform    : translateY(-72px);
  }
}

@media only screen and (max-width: 767px) {
  .experts-cleaning {
    margin-top: 80px;
  }

  .experts-cleaning::after,
  .experts-cleaning .container::before,
  .experts-cleaning .container::after,
  .experts-cleaning .section-heading-cleaning::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .experts-cleaning .section-heading-cleaning {
    margin-bottom: 140px;
  }
}

.banner-home-cleaning::before {
  background-image: var(--wpr-bg-79255a4a-e790-4132-80a1-8a6bac97dc21);
  z-index         : -5;
  top             : 50px;
  width           : 100%;
  height          : 100%;
}

.banner-home-cleaning::after {
  background-image: var(--wpr-bg-b1a96bc1-e588-40ec-ad44-56f726c3a72d);
  z-index         : -4;
  width           : 92px;
  height          : 262px;
  transform       : translateY(-55px);
}

.about-home-cleaning {
  margin-bottom: 133px;
}

.about-home-cleaning::after {
  width        : 35%;
  height       : 89%;
  border-radius: 0 40px 40px 0;
  background   : var(--wpr-bg-ed5f4236-1421-4203-b9aa-417a4e556e59), linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  z-index      : -4;
  transform    : translateY(-30px);
}

.about-home-cleaning .container::before {
  transform: translateY(-100px);
}

.about-home-cleaning .container::after {
  bottom: 5%;
}

.about-home-cleaning .title {
  line-height: 50px;
}

.about-home-cleaning p {
  margin     : 13px 0 40px;
  line-height: 22px;
}

.about-home-cleaning p::before {
  width           : 49px;
  height          : 51px;
  top             : 100%;
  left            : 100%;
  background-image: var(--wpr-bg-f5460406-2a8d-4ab2-a248-5b2ac32203d2);
  transform       : translate(27px, -20px);
}

.about-home-cleaning .btns .btn {
  box-shadow : 0px 10px 20px 2px rgba(246, 174, 0, 0.35);
  padding    : 10px 14px;
  margin-left: 10px;
}

.about-home-cleaning .video {
  margin-right: 47px;
  box-shadow  : 0px 63px 50px rgba(0, 0, 0, 0.15);
}

.about-home-cleaning .video::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(45, 45, 45, 0.5);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
  border-radius          : 20px;
}

.about-home-cleaning .video::after {
  content         : "";
  position        : absolute;
  top             : 0;
  right           : 0;
  width           : 105px;
  height          : 110px;
  background-image: var(--wpr-bg-2f949fc7-db3e-438f-9729-e7ca9af49716);
  transform       : translate(22px, -47px);
}

.about-home-cleaning .video .icon {
  z-index: 2;
}

.about-home-cleaning .video .icon::before,
.about-home-cleaning .video .icon::after,
.about-home-cleaning .video .icon i::after {
  content              : "";
  position             : absolute;
  top                  : 50%;
  left                 : 50%;
  transform            : translate(-50%, -50%);
  -webkit-mask-size    : 100% 100%;
  mask-size            : 100% 100%;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  -webkit-mask-position: 0 0;
  mask-position        : 0 0;
  background-color     : rgba(246, 174, 0, 0.3);
  transform-origin     : center center;
}

@keyframes videoBtn {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(0.73);
  }
}

.about-home-cleaning .video .icon::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA2OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjUgMC4wMjM0Mzc1TDY4LjcwOCAxOS43OTA3VjU5LjMyNTNMMzQuNSA3OS4wOTI1TDAuMjkxOTk2IDU5LjMyNTNWMTkuNzkwN0wzNC41IDAuMDIzNDM3NVoiIGZpbGw9IiNGNkFFMDAiLz4KPC9zdmc+Cg==);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA2OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjUgMC4wMjM0Mzc1TDY4LjcwOCAxOS43OTA3VjU5LjMyNTNMMzQuNSA3OS4wOTI1TDAuMjkxOTk2IDU5LjMyNTNWMTkuNzkwN0wzNC41IDAuMDIzNDM3NVoiIGZpbGw9IiNGNkFFMDAiLz4KPC9zdmc+Cg==);
  width             : 79px;
  height            : 79px;
  z-index           : -1;
  animation         : videoBtn 3s linear 0s infinite alternate;
}

.about-home-cleaning .video .icon::after {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMTA0IiB2aWV3Qm94PSIwIDAgOTEgMTA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDUuNSAwLjAxMzY3MTlMOTAuMTAwMyAyNS43ODYyVjc3LjMzMTNMNDUuNSAxMDMuMTA0TDAuODk5NjkzIDc3LjMzMTNWMjUuNzg2Mkw0NS41IDAuMDEzNjcxOVoiIGZpbGw9IiNGNkFFMDAiLz4KPC9zdmc+Cg==);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMTA0IiB2aWV3Qm94PSIwIDAgOTEgMTA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDUuNSAwLjAxMzY3MTlMOTAuMTAwMyAyNS43ODYyVjc3LjMzMTNMNDUuNSAxMDMuMTA0TDAuODk5NjkzIDc3LjMzMTNWMjUuNzg2Mkw0NS41IDAuMDEzNjcxOVoiIGZpbGw9IiNGNkFFMDAiLz4KPC9zdmc+Cg==);
  width             : 103px;
  height            : 103px;
  z-index           : -2;
  animation         : videoBtn 3s linear 0s infinite alternate;
}

.about-home-cleaning .video .icon i {
  font-size: 48px;
}

.about-home-cleaning .video .icon i::after {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDExNyAxMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01OC41IDBMMTE2LjA5MSAzMy4yNzlWOTkuODM3MUw1OC41IDEzMy4xMTZMMC45MDkzMTMgOTkuODM3MVYzMy4yNzlMNTguNSAwWiIgZmlsbD0iI0Y2QUUwMCIvPgo8L3N2Zz4K);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDExNyAxMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01OC41IDBMMTE2LjA5MSAzMy4yNzlWOTkuODM3MUw1OC41IDEzMy4xMTZMMC45MDkzMTMgOTkuODM3MVYzMy4yNzlMNTguNSAwWiIgZmlsbD0iI0Y2QUUwMCIvPgo8L3N2Zz4K);
  width             : 133px;
  height            : 133px;
  z-index           : -3;
  animation         : videoBtn 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1399px) {
  .about-home-cleaning .title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-home-cleaning .title {
    font-size  : 24px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .about-home-cleaning::after {
    height: 60%;
  }

  .about-home-cleaning p::before {
    content: none;
  }

  .about-home-cleaning .video {
    box-shadow  : 0px 31px 50px rgba(0, 0, 0, 0.15);
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-home-cleaning {
    margin-bottom: 70px;
  }

  .about-home-cleaning::after {
    height: 50%;
  }
}

@media only screen and (max-width: 469px) {
  .about-home-cleaning::after {
    height: 38%;
  }
}

.comments-cleaning {
  margin-top: 140px;
}

.comments-cleaning .section-heading-cleaning {
  margin-bottom: 48px;
}

.comments-cleaning-item {
  padding: 60px 31px 29px;
}

.comments-cleaning-item p {
  line-height  : 32px;
  margin-bottom: 31px;
}

.comments-cleaning-item .info img {
  width        : 53px;
  height       : 53px;
  margin-bottom: 13px;
  border       : 2px solid #c2c2c2;
  box-shadow   : 0px 25px 20px rgba(0, 0, 0, 0.15);
}

.comments-cleaning .swiper {
  padding-bottom: 68px;
}

.comments-cleaning .swiper-slide {
  opacity  : 0.5;
  transform: scale(0.9);
}

.comments-cleaning .swiper-slide-prev>* {
  margin-right: -133px;
  transform   : scale(0.9) translateX(-133px);
}

.comments-cleaning .swiper-slide-active {
  opacity  : 1;
  z-index  : 9;
  transform: scale(1);
}

.comments-cleaning .swiper-slide-next>* {
  margin-left: -133px;
  transform  : scale(0.9) translateX(133px);
}

@media only screen and (max-width: 991px) {
  .comments-cleaning-item {
    padding: 50px 20px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-cleaning {
    margin-top: 80px;
  }

  .comments-cleaning-item {
    padding: 40px 16px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-cleaning-item p {
    font-size  : 12px;
    line-height: 25px;
  }
}

.brands-cleaning {
  margin: 90px 0 129px;
}

.brands-cleaning img {
  filter: grayscale(100%) opacity(0.5);
}

.brands-cleaning img:hover {
  filter: grayscale(0) opacity(1);
}

@media only screen and (max-width: 767px) {
  .brands-cleaning {
    margin: 70px 0;
  }
}

.professionals-clening {
  margin: 96px 0 61px;
}

.professionals-clening::before {
  background-image: var(--wpr-bg-cb844f0e-0c16-482b-8a3a-c25871e35e63);
  width           : 100%;
  height          : 200%;
  z-index         : -5;
  transform       : translateY(-67px);
}

.professionals-clening .section-heading-cleaning {
  margin-bottom: 39px;
}

.professionals-clening-wrapper>* {
  max-width: 25%;
  flex     : 0 0 auto;
  padding  : 0 8px;
}

.professionals-clening-wrapper>*:hover span {
  color: #f6ae00;
}

@media only screen and (max-width: 1199px) {
  .professionals-clening-wrapper>div {
    font-size: 20px;
  }

  .professionals-clening-wrapper>div span {
    font-size: 28px;
  }
}

@media only screen and (max-width: 991px) {
  .professionals-clening-wrapper {
    gap: 24px 0;
  }

  .professionals-clening-wrapper>div {
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .professionals-clening-wrapper>div {
    font-size: 16px;
  }

  .professionals-clening-wrapper>div span {
    font-size  : 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .professionals-clening-wrapper>div {
    max-width: 100%;
  }
}

.articles-cleaning .section-heading-cleaning {
  margin-bottom: 73px;
}

.articles-cleaning .swiper {
  padding-bottom: 100px;
}

.articles-cleaning .swiper-slide>* {
  opacity  : 0.5;
  transform: scaleY(0.7);
}

.articles-cleaning .swiper-slide-visible>* {
  opacity  : 1;
  transform: scaleY(1);
}

@media only screen and (max-width: 767px) {
  .articles-cleaning .container::after {
    content: none;
  }
}

.options-cleaning-item {
  border-radius: 37px;
}

.options-cleaning-item .icon {
  width      : 48px;
  height     : 48px;
  z-index    : 2;
  margin-left: 20px;
}

.options-cleaning-item .icon::before,
.options-cleaning-item .icon::after {
  content : "";
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

.options-cleaning-item .icon::before {
  border-radius          : 50%;
  background-image       : linear-gradient(92.59deg, rgba(245, 175, 25, 0.25) -9.57%, rgba(244, 140, 23, 0.25) 99.15%, rgba(241, 39, 17, 0.25) 215.17%);
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
  z-index                : -1;
}

.options-cleaning-item .icon::after {
  width           : 42px;
  height          : 42px;
  z-index         : -2;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  background-image: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  transform       : translate(-11px, -12px);
  border-radius   : 15px;
}

.options-cleaning-item .detail p {
  margin-bottom: 10px;
  height       : 52px;
}

.pagination-cleaning {
  margin-top: 95px;
  gap       : 17px 0;
}

.pagination-cleaning li:not(:last-child) {
  margin-left: 17px;
}

.pagination-cleaning li:first-child {
  margin-left: 42px;
}

.pagination-cleaning li:last-child {
  margin-right: 42px;
}

.pagination-cleaning li a {
  background-color: #fff;
  box-shadow      : 0px 10px 20px rgba(0, 0, 0, 0.05);
  width           : 72px;
  height          : 72px;
  z-index         : 2;
}

.pagination-cleaning li a::before {
  background-image: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  opacity         : 0;
}

.pagination-cleaning li a:hover,
.pagination-cleaning li a.active {
  font-size  : 23px;
  font-weight: 900;
  color      : #fff;
}

.pagination-cleaning li a:hover::before,
.pagination-cleaning li a.active::before {
  opacity: 1;
}

.pagination-cleaning li a.next,
.pagination-cleaning li a.prev {
  width                  : 40px;
  height                 : 40px;
  background             : linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip        : text;
  font-size              : 20px;
}

@media only screen and (max-width: 767px) {
  .pagination-cleaning {
    gap: 12px 0;
  }

  .pagination-cleaning li:not(:last-child) {
    margin-left: 12px;
  }

  .pagination-cleaning li:first-child {
    margin-left: 12px;
  }

  .pagination-cleaning li:last-child {
    margin-right: 0;
  }

  .pagination-cleaning li a {
    width : 55px;
    height: 55px;
  }

  .pagination-cleaning li a:hover,
  .pagination-cleaning li a.active {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .pagination-cleaning li a {
    width : 40px;
    height: 40px;
  }

  .pagination-cleaning li a:hover,
  .pagination-cleaning li a.active {
    font-size: 16px;
  }
}

.form-check {
  padding-right: 31px;
}

.form-check .form-check-input {
  width           : 31px;
  height          : 31px;
  border          : 2px solid #fcb712;
  border-radius   : 10px;
  margin          : 0 -31px 0 9px;
  background-color: transparent;
}

.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  border-color: #fcb712;
}

.form-check .form-check-input:checked {
  background-color: #fcb712;
}

.top-header-cleaning::before,
.top-header-cleaning::after {
  content : "";
  position: absolute;
  left    : 0;
  width   : 100%;
}

.top-header-cleaning::before {
  top             : 0;
  height          : 748%;
  background-image: var(--wpr-bg-74f6152f-2b58-462c-bb20-33e9d2aa69af);
  z-index         : -7;
}

.top-header-cleaning::after {
  z-index         : -6;
  height          : 131px;
  top             : 632%;
  background-image: linear-gradient(180deg, rgba(252, 252, 255, 0.45) 0%, #FCFCFF 100%);
}

.top-header-cleaning-logo {
  margin-left: 33px;
}

.top-header-cleaning-logo img {
  height: 62px;
}

.top-header-cleaning-category>button::after,
.top-header-cleaning-notifcation::before,
.top-header-cleaning-auth::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  width           : 1px;
  height          : 40px;
  background-color: rgba(73, 73, 73, 0.15);
  transform       : translateY(-50%);
}

.top-header-cleaning-category>button {
  padding-left: 9px;
  margin-left : 29px;
}

.top-header-cleaning-category>button::after {
  left: 0;
}

.top-header-cleaning-nav li:not(:last-child) {
  margin-left: 48px;
}

.top-header-cleaning-nav li a {
  color: #a9a9a9;
}

.top-header-cleaning-nav li a::after {
  content         : "";
  position        : absolute;
  top             : calc(100% + 1px);
  right           : 0;
  width           : 0;
  height          : 2px;
  border-radius   : 4px;
  background-color: #f6ae00;
  transition      : all 0.3s linear;
}

.top-header-cleaning-nav li a:hover,
.top-header-cleaning-nav li a.active {
  color: #f6ae00;
}

.top-header-cleaning-nav li a:hover::after,
.top-header-cleaning-nav li a.active::after {
  width: 75%;
}

.top-header-cleaning-notifcation {
  margin: 0 9px 0 15px;
  width : 48px;
  height: 48px;
}

.top-header-cleaning-notifcation::before {
  left: calc(100% + 9px);
}

.top-header-cleaning-auth::after {
  right: calc(100% + 12px);
}

.top-header-cleaning-auth img {
  width : 48px;
  height: 48px;
  border: 1px solid #d9d9d9;
}

.top-header-cleaning-btns {
  margin-right: 29px;
}

.top-header-cleaning-btns .btn:first-child {
  padding    : 13px 19px;
  margin-left: 13px;
}

.top-header-cleaning-btns .btn:last-child {
  padding: 14px 24px;
}

@media only screen and (max-width: 1399px) {
  .top-header-cleaning-nav li:not(:last-child) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-cleaning-logo img {
    height: 52px;
  }

  .top-header-cleaning-category>button,
  .top-header-cleaning-nav li a {
    font-size: 13px;
  }

  .top-header-cleaning-logo,
  .top-header-cleaning-category>button {
    margin-left: 12px;
  }

  .top-header-cleaning-nav li:not(:last-child) {
    margin-left: 12px;
  }

  .top-header-cleaning-notifcation {
    margin: 0 8px;
  }

  .top-header-cleaning-btns .btn:first-child {
    padding    : 13px 10px;
    margin-left: 8px;
  }

  .top-header-cleaning-btns .btn:last-child {
    padding: 14px 10px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-cleaning-logo img {
    width: auto;
  }

  .top-header-cleaning-notifcation {
    margin-right: 0;
  }

  .top-header-cleaning-notifcation::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-cleaning-logo {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
  }

  .top-header-cleaning-auth {
    margin-left: 0;
  }

  .top-header-cleaning-auth::after {
    content: none;
  }
}

.footer-cleaning {
  border       : 1px solid rgba(73, 73, 73, 0.1);
  border-radius: 35px;
  padding      : 47px 0 24px;
  z-index      : 2;
}

.footer-cleaning::after {
  transform       : translateY(-18px);
  background-image: var(--wpr-bg-37db11fe-b519-4acf-a354-2915134d7489);
  z-index         : -1;
  width           : 88px;
  height          : 263px;
}

.footer-cleaning-description {
  margin-top : 11px;
  line-height: 28px;
}

.footer-cleaning-contact {
  background-color: rgba(248, 248, 248, 0.5);
  border-radius   : 25px;
  padding         : 35px 41px 35px 54px;
  margin          : 60px 0 35px;
}

.footer-cleaning-contact .title {
  line-height: 20px;
}

.footer-cleaning-contact .title span {
  line-height: 35px;
}

.footer-cleaning-contact .phone i {
  font-size: 47px;
}

.footer-cleaning-contact .phone span:last-child {
  color: rgba(252, 183, 18, 0.9);
}

@media only screen and (max-width: 1199px) {
  .footer-cleaning-contact .title span {
    font-size  : 20px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-cleaning-contact {
    padding: 20px;
  }

  .footer-cleaning-contact .phone i {
    font-size: 40px;
  }

  .footer-cleaning-contact .phone span {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-cleaning-contact {
    font-size  : 16px;
    line-height: 28px;
  }

  .footer-cleaning-contact .phone i {
    font-size: 32px;
  }

  .footer-cleaning-contact .phone span {
    font-size  : 14px;
    line-height: 24px;
  }
}

.landing-cleaning {
  margin-top: 80px;
}

.landing-cleaning::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 50%;
  transform       : translate(-50%, -30px);
  width           : 17px;
  height          : 17px;
  background-image: var(--wpr-bg-ebc7fac0-736e-4656-a7a6-1d242bb4aae6);
}

.landing-cleaning .sup-title {
  margin-bottom: 10px;
  line-height  : 46px;
}

.landing-cleaning .sup-title::before {
  content         : "";
  position        : absolute;
  right           : 60px;
  bottom          : calc(100% + 68px);
  width           : 17px;
  height          : 17px;
  background-image: var(--wpr-bg-f5218e3f-061b-479d-ac82-6da3e1598aa9);
}

.landing-cleaning .title {
  line-height  : 62px;
  margin-bottom: -11px;
  z-index      : 2;
}

.landing-cleaning .title::before {
  content         : "";
  position        : absolute;
  width           : 49px;
  height          : 51px;
  background-image: var(--wpr-bg-5e71aa6e-1b6a-49e0-8884-ae5c04a383d7);
  z-index         : -1;
  top             : 0;
  left            : 100%;
  transform       : translate(16px, -8px);
}

.landing-cleaning .sub-title {
  line-height: 31px;
}

.landing-cleaning p {
  line-height: 26px;
}

.landing-cleaning .btns {
  margin-bottom: 54px;
}

.landing-cleaning .btns .btn {
  padding: 14px 20px;
}

.landing-cleaning .btns .btn i {
  margin-left: 2px;
}

.landing-cleaning .swiper {
  filter        : drop-shadow(0px 35px 50px rgba(0, 0, 0, 0.02));
  padding-bottom: 54px;
}

.landing-cleaning .swiper-pagination-bullet {
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  opacity         : 1;
  background-color: transparent;
  border          : 1px solid rgba(73, 73, 73, 0.5);
  transition      : all 0.3s linear;
}

.landing-cleaning .swiper-pagination-bullet-active {
  width           : 24px;
  height          : 24px;
  background-color: #f6ae00;
  border-color    : #f6ae00;
}

.landing-cleaning .image::before {
  content         : "";
  position        : absolute;
  top             : 33%;
  right           : 65px;
  transform       : translateY(-50%);
  width           : 17px;
  height          : 17px;
  background-image: var(--wpr-bg-e1cb64cf-c5a3-4e64-8182-74433fa4c44c);
}

.landing-cleaning .image img {
  filter: drop-shadow(0px 27px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 1399px) {
  .landing-cleaning .title {
    font-size  : 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-cleaning .title {
    font-size    : 28px;
    line-height  : 40px;
    margin-bottom: -5px;
  }

  .landing-cleaning .sub-title {
    font-size  : 16px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-cleaning .image img {
    max-width: 70%;
    margin   : 0 auto 48px;
  }
}

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

  .landing-cleaning::before,
  .landing-cleaning::after,
  .landing-cleaning .sup-title::before,
  .landing-cleaning .sup-title::after,
  .landing-cleaning .title::before {
    content: none;
  }

  .landing-cleaning .swiper-pagination-bullet {
    width : 8px;
    height: 8px;
  }

  .landing-cleaning .swiper-pagination-bullet-active {
    width : 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-cleaning .sup-title {
    font-size  : 22px;
    line-height: 36px;
  }

  .landing-cleaning .sub-title {
    font-size  : 14px;
    line-height: 25px;
  }

  .landing-cleaning p {
    font-size: 12px;
  }

  .landing-cleaning .btns>* {
    max-width: 100%;
    width    : 100%;
  }

  .landing-cleaning .image img {
    max-width    : 100%;
    margin-bottom: 40px;
  }
}

.gallery-cleaning {
  margin-top: 154px;
}

@media only screen and (max-width: 767px) {
  .gallery-cleaning {
    margin-top: 80px;
  }
}

.gallery-cleaning .swiper {
  filter        : drop-shadow(0px 17px 50px rgba(0, 0, 0, 0.05));
  padding-bottom: 86px;
}

.gallery-cleaning-item {
  cursor: pointer;
}

.gallery-cleaning-item img {
  border-radius: 5px;
  filter       : grayscale(100%);
}

.gallery-cleaning-item i {
  font-size: 65px;
}

.gallery-cleaning-item:hover img {
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .gallery-cleaning-item i {
    font-size: 50px;
  }
}

.about-us-cleaning-landing {
  margin-top: 104px;
}

.about-us-cleaning-landing::before,
.about-us-cleaning-landing::after,
.about-us-cleaning-landing .sup-title::before {
  z-index         : -1;
  background-image: var(--wpr-bg-bca1258e-8e76-457d-b3cc-6d645f17ca2d);
  width           : 54px;
  height          : 54px;
}

.about-us-cleaning-landing::before {
  transform: translateX(-21px);
  top      : 10%;
  opacity  : 0.3;
  filter   : drop-shadow(0px 16px 25px rgba(0, 0, 0, 0.15));
}

.about-us-cleaning-landing::after {
  opacity: 0.2;
  top    : 3%;
  left   : 66px;
}

.about-us-cleaning-landing img {
  filter: drop-shadow(0px 43px 50px rgba(0, 0, 0, 0.05));
}

.about-us-cleaning-landing .sup-title {
  line-height  : 46px;
  margin-bottom: 12px;
}

.about-us-cleaning-landing .sup-title::before {
  transform: translate(26px, -84px);
  opacity  : 0.5;
}

.about-us-cleaning-landing .title {
  max-width    : 620px;
  line-height  : 54px;
  margin-bottom: 1px;
}

.about-us-cleaning-landing .title::after {
  right           : calc(100% + 16px);
  width           : 68px;
  height          : 68px;
  background-image: var(--wpr-bg-077e7696-9ed6-43d6-a5f6-907a59e40c82);
  top             : 50%;
  transform       : translateY(-50%);
  z-index         : -1;
}

.about-us-cleaning-landing p {
  line-height: 26px;
}

.about-us-cleaning-landing .btns .btn {
  padding   : 12px 17px;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 991px) {
  .about-us-cleaning-landing img {
    max-width: 75%;
    display  : block;
    margin   : 0 auto;
  }

  .about-us-cleaning-landing .title {
    max-width: 100%;
  }

  .about-us-cleaning-landing .title::after {
    content: none;
  }

  .about-us-cleaning-landing p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-landing {
    margin-top: 70px;
  }

  .about-us-cleaning-landing .sup-title {
    font-size  : 24px;
    line-height: 38px;
  }

  .about-us-cleaning-landing .title {
    font-size  : 32px;
    line-height: 44px;
  }

  .about-us-cleaning-landing .sub-title {
    font-size  : 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-cleaning-landing img {
    max-width: 100%;
  }

  .about-us-cleaning-landing .sup-title {
    font-size  : 18px;
    line-height: 30px;
  }

  .about-us-cleaning-landing .title {
    font-size  : 24px;
    line-height: 34px;
  }

  .about-us-cleaning-landing p {
    font-size  : 12px;
    line-height: 25px;
  }

  .about-us-cleaning-landing .btns>* {
    display: block;
    width  : 100%;
  }
}

.about-us-cleaning-services {
  margin: 131px 0 150px;
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-services {
    margin: 70px 0 80px;
  }
}

.about-us-cleaning-experts {
  margin: 0 0 98px;
}

.about-us-cleaning-experts .shape-1::before {
  width           : 35px;
  height          : 62px;
  background-image: var(--wpr-bg-2a30bb9a-57cc-44c1-bcbd-662fad2ff2f5);
  z-index         : -1;
  mix-blend-mode  : exclusion;
  top             : 37%;
}

.about-us-cleaning-experts .shape-1::after {
  top             : 38%;
  background-image: var(--wpr-bg-ff30456e-a65e-4840-8d3e-302ad217b25b);
  width           : 155px;
  height          : 301px;
  z-index         : -1;
  mix-blend-mode  : difference;
}

.about-us-cleaning-experts .shape-2 {
  width           : 122px;
  height          : 129px;
  top             : 50%;
  right           : 30%;
  background-image: var(--wpr-bg-24b78c43-d3c2-42da-beb8-35321189c169);
  z-index         : -1;
  mix-blend-mode  : difference;
}

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

  .about-us-cleaning-experts .shape-1::before,
  .about-us-cleaning-experts .shape-1::after {
    content: none;
  }
}

.about-us-cleaning-brands {
  margin: 90px 0 197px;
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-brands {
    margin: 80px 0 124px;
  }
}

.about-us-cleaning-video {
  margin: 258px 0 145px;
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-video {
    margin: 132px 0 80px;
  }
}

.about-us-cleaning-video-two {
  margin-bottom: 198px;
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-video-two {
    margin-bottom: 80px;
  }
}

.about-us-cleaning-video-two::after {
  right        : 0;
  left         : auto;
  border-radius: 40px 0 0 40px;
}

.about-us-cleaning-video-two .container::before {
  content: none;
}

.about-us-cleaning-video-two .container::after {
  right           : auto;
  left            : 0;
  width           : 120px;
  height          : 266px;
  background-image: var(--wpr-bg-7fe6c792-ecf7-4019-96b4-04256887dbfb);
  mix-blend-mode  : difference;
  top             : 0;
  bottom          : auto;
  transform       : translateY(-100px);
}

.about-us-cleaning-video-two .row::after {
  width           : 127px;
  height          : 232px;
  background-image: var(--wpr-bg-2e4ba865-c0d7-424c-b01c-d9ebaa073322);
  right           : 0;
  left            : auto;
}

.about-us-cleaning-video-two .video {
  margin: 0 0 0 47px;
}

.about-us-cleaning-video-two .video::after {
  width           : 137px;
  height          : 122px;
  background-image: var(--wpr-bg-2a01ee1d-bfa7-422a-adc5-dcf70b5765ad);
  right           : auto;
  left            : 0;
  z-index         : -1;
  mix-blend-mode  : difference;
}

.about-us-cleaning-video-two .video-box::before {
  width           : 11px;
  height          : 11px;
  background-image: var(--wpr-bg-5ea60890-9d59-4535-8dc7-b4d70ff5377e);
  bottom          : 126px;
  transform       : translateX(54px);
}

.about-us-cleaning-video-two .video-box::after {
  width           : 137px;
  height          : 122px;
  background-image: var(--wpr-bg-d3dfa371-30cb-4869-aa3f-330aa7339c8a);
  z-index         : -1;
  mix-blend-mode  : difference;
  transform       : translate(66px, 35px);
}

.about-us-cleaning-video-two .title::after {
  width           : 49px;
  height          : 51px;
  background-image: var(--wpr-bg-9fcbb30a-661f-46ca-be36-c207ce02e826);
  right           : calc(100% + 27px);
}

@media only screen and (max-width: 991px) {
  .about-us-cleaning-video-two .video {
    margin-left: 0;
  }

  .about-us-cleaning-video-two .video-box::before {
    transform: unset;
  }

  .about-us-cleaning-video-two .video-box::after {
    transform: translate(0, 35px);
  }

  .about-us-cleaning-video-two .title {
    margin: 0 auto;
  }

  .about-us-cleaning-video-two .title::after {
    content: none;
  }
}

.about-us-cleaning-professionals {
  margin: 0 0 129px;
}

@media only screen and (max-width: 767px) {
  .about-us-cleaning-professionals {
    margin-bottom: 70px;
  }
}

.about-us-cleaning-articles {
  margin-bottom: 54px;
}

.contact-us-cleaning-landing {
  margin: 75px 0 128px;
}

.contact-us-cleaning-landing::before,
.contact-us-cleaning-landing::after {
  z-index         : -1;
  width           : 54px;
  height          : 54px;
  background-image: var(--wpr-bg-3234da3c-79e0-4136-ae6f-ebe10c02cf68);
  opacity         : 0.5;
}

.contact-us-cleaning-landing::before {
  right : 70px;
  bottom: 0;
}

.contact-us-cleaning-landing::after {
  top      : 50%;
  transform: translateY(-50%);
  left     : 20px;
}

.contact-us-cleaning-landing .sup-title {
  line-height: 46px;
}

.contact-us-cleaning-landing .sup-title::before {
  width           : 50px;
  height          : 51px;
  background-image: var(--wpr-bg-c091238b-1d5c-49fb-b5e0-7cff07eaccd1);
  left            : 100%;
  transform       : translate(22px, -12px);
}

.contact-us-cleaning-landing .title {
  line-height: 54px;
  margin     : 8px 0 14px;
}

.contact-us-cleaning-landing p {
  line-height  : 26px;
  margin-bottom: 32px;
}

.contact-us-cleaning-landing .btns .btn {
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.05);
  padding   : 14px 16px;
}

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

  .contact-us-cleaning-landing::before,
  .contact-us-cleaning-landing::after,
  .contact-us-cleaning-landing .sup-title::before {
    content: none;
  }

  .contact-us-cleaning-landing .sup-title {
    font-size  : 24px;
    line-height: 38px;
  }

  .contact-us-cleaning-landing .title {
    font-size  : 32px;
    line-height: 45px;
  }

  .contact-us-cleaning-landing p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }

  .contact-us-cleaning-landing img {
    max-width: 70%;
    margin   : 0 auto 32px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-cleaning-landing {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-cleaning-landing .sup-title {
    font-size  : 16px;
    line-height: 28px;
  }

  .contact-us-cleaning-landing .title {
    font-size  : 24px;
    line-height: 38px;
  }

  .contact-us-cleaning-landing p {
    font-size: 12px;
  }
}

.contact-us-cleaning-what-contact::before {
  background-image: var(--wpr-bg-dded9554-d1dc-4947-bcb9-9a49b0beb99f);
  width           : 100%;
  height          : 135%;
  z-index         : -5;
  transform       : translateY(-45px);
}

.contact-us-cleaning-what-contact::after {
  width           : 72px;
  height          : 109px;
  background-image: var(--wpr-bg-61725def-6393-490d-bda1-312828393b30);
  top             : 80%;
  mix-blend-mode  : difference;
  z-index         : -1;
}

.contact-us-cleaning-what-contact .container::after {
  background-image: var(--wpr-bg-ba7a68bc-472e-4933-8f74-0240154ac33b);
  width           : 130px;
  height          : 201px;
  z-index         : -1;
  mix-blend-mode  : difference;
  transform       : translateY(-100px);
}

.contact-us-cleaning-what-contact .section-heading-cleaning {
  margin-bottom: 37px;
}

.contact-us-cleaning-what-contact .section-heading-cleaning-text {
  max-width: 836px;
}

.contact-us-cleaning-what-contact .row {
  gap: 24px 0;
}

.contact-us-cleaning-experts {
  margin: 120px 0 167px;
}

.contact-us-cleaning-experts .row {
  gap: 211px 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-cleaning-experts {
    margin: 80px 0;
  }
}

.contact-us-cleaning-articles {
  margin: 182px 0 71px;
}

.contact-us-cleaning-articles .container::before,
.contact-us-cleaning-articles .container::after {
  content: none;
}

@media only screen and (max-width: 767px) {
  .contact-us-cleaning-articles {
    margin-top: 80px;
  }
}

.contact-us-cleaning-achievement::before {
  height          : 112%;
  z-index         : -6;
  background-image: var(--wpr-bg-65e4e084-8fc7-424c-b7b3-edea7c7dfdf2);
  transform       : translateY(-40px);
}

.contact-us-cleaning-achievement .section-heading-cleaning {
  margin-bottom: 108px;
}

.contact-us-cleaning-achievement .achievement-item {
  z-index         : 2;
  background-color: #fff;
}

.contact-us-cleaning-achievement .achievement-item::before {
  background   : var(--wpr-bg-5b2344d2-f3ac-46f7-a724-9eab1592fdf2), linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  z-index      : -1;
  border-radius: 20px;
  opacity      : 0;
}

.contact-us-cleaning-achievement .achievement-item:hover::before {
  opacity: 1;
}

.contact-us-cleaning-professionals {
  margin-top: 163px;
}

@media only screen and (max-width: 767px) {
  .contact-us-cleaning-professionals {
    margin-top: 80px;
  }
}

.blog-cleaning-landing {
  margin: 157px 0 115px;
}

.blog-cleaning-landing-wrapper {
  max-width: 914px;
}

.blog-cleaning-landing-wrapper::before {
  background-image: var(--wpr-bg-7cd0ea45-7559-4938-a40b-9999a295746a);
  width           : 104px;
  height          : 104px;
}

.blog-cleaning-landing-wrapper::after {
  background-image: var(--wpr-bg-fb9a9644-8c87-4152-a256-e9db1aa9eb68);
  width           : 88px;
  height          : 88px;
  transform       : translateX(-44px);
}

.blog-cleaning-landing-wrapper .sup-title {
  line-height: 32px;
}

.blog-cleaning-landing-wrapper .title {
  line-height: 54px;
}

.blog-cleaning-landing-wrapper p {
  line-height  : 28px;
  margin-bottom: 40px;
}

.blog-cleaning-landing-wrapper form {
  max-width: 635px;
}

.blog-cleaning-landing-wrapper form .form-control {
  box-shadow: 0px 56px 50px rgba(0, 0, 0, 0.02);
  height    : 62px;
  padding   : 0 21px 0 83px;
}

.blog-cleaning-landing-wrapper form .btn {
  width : 62px;
  height: 62px;
}

@media only screen and (max-width: 991px) {
  .blog-cleaning-landing-wrapper::before {
    transform: translateY(100px);
  }

  .blog-cleaning-landing-wrapper::after {
    transform: translate(0, -100px);
  }

  .blog-cleaning-landing-wrapper .title {
    font-size  : 34px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-cleaning-landing-wrapper .sup-title {
    font-size: 16px;
  }

  .blog-cleaning-landing-wrapper .title {
    font-size  : 28px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-cleaning-landing-wrapper form .form-control {
    height: 56px;
  }

  .blog-cleaning-landing-wrapper form .btn {
    width : 56px;
    height: 56px;
  }
}

.blog-cleaning-top-article {
  margin-bottom: 59px;
}

.blog-cleaning-top-article::before {
  background-image: var(--wpr-bg-b8f21e3b-3276-401c-98f3-08e4349da896);
  top             : 150px;
  height          : 100%;
}

.blog-cleaning-banner::after {
  right           : auto;
  left            : 0;
  mix-blend-mode  : difference;
  background-image: var(--wpr-bg-516a8da3-95aa-4049-86ff-0521cc0ea2eb);
  width           : 167px;
  height          : 266px;
}

@media only screen and (max-width: 767px) {
  .blog-cleaning-banner::after {
    content: none;
  }
}

.blog-cleaning-articles {
  margin: 162px 0 102px;
}

.blog-cleaning-articles .container::before {
  width           : 79px;
  height          : 109px;
  background-image: var(--wpr-bg-084a1095-d259-4eac-a503-4e1997b59a9b);
  bottom          : 0;
  transform       : translateY(50px);
}

.blog-cleaning-articles .container::after {
  content: none;
}

@media only screen and (max-width: 767px) {
  .blog-cleaning-articles {
    margin: 100px 0 70px;
  }
}

.blog-cleaning-gallery {
  margin: 0 0 102px;
}

.blog-cleaning-gallery .container::after {
  width           : 92px;
  height          : 262px;
  background-image: var(--wpr-bg-884389c3-2965-4739-b73f-5b9a1a9dd5cc);
  mix-blend-mode  : unset;
  top             : 24%;
}

.blog-cleaning-new-article {
  margin-bottom: 78px;
}

.blog-cleaning-new-article::before {
  background-image: var(--wpr-bg-569682fd-1ae2-43ac-8941-bc0e0cb0248e);
  transform       : translateY(-146px);
  height          : 74%;
}

.blog-cleaning-new-article::after {
  width           : 88px;
  height          : 263px;
  background-image: var(--wpr-bg-0bd4be0b-842b-44ae-a973-6f3ea0c10692);
  transform       : translateY(-100px);
}

.blog-cleaning-new-article .section-heading-cleaning {
  margin-bottom: 28px;
}

.blog-cleaning-new-article .section-heading-cleaning-title::after {
  width           : 146px;
  height          : 114px;
  background-image: var(--wpr-bg-ac0dd5cf-870f-4673-9a51-8dade1eb0e42);
  transform       : translate(12px, -46px);
  top             : 0;
  right           : 100%;
}

.blog-cleaning-new-article .row {
  gap: 46px 0;
}

.detail-blog-cleaning {
  margin-top: 92px;
}

.detail-blog-cleaning .blog-article-top {
  margin-bottom: 30px;
}

.detail-blog-cleaning .blog-article-top .btn {
  margin-right: 21px;
}

@media only screen and (min-width: 992px) {
  .detail-blog-cleaning .blog-article-top {
    padding: 22px 27px 144px 21px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-cleaning .blog-article-top .btn {
    margin: 20px 0 0;
  }
}

.detail-blog-cleaning-content {
  font-size    : 16px;
  font-weight  : 500;
  color        : rgba(73, 73, 73, 0.6);
  line-height  : 32px;
  margin-bottom: 96px;
}

.detail-blog-cleaning-content :not(:last-child) {
  margin-bottom: 16px;
}

.detail-blog-cleaning-content::before,
.detail-blog-cleaning-content::after {
  width           : 88px;
  height          : 263px;
  background-image: var(--wpr-bg-26eb26bf-a7c5-4093-b157-10a132c2cd1c);
}

.detail-blog-cleaning-content::before {
  top      : 50%;
  transform: translateY(-50%);
}

.detail-blog-cleaning-content::after {
  transform: translateY(100px);
}

.detail-blog-cleaning-content img {
  border-radius: 20px;
  width        : 100%;
  display      : block;
  margin       : 32px 0;
}

.detail-blog-cleaning-articles {
  margin-bottom: 63px;
}

.detail-blog-cleaning-articles .container::before,
.detail-blog-cleaning-articles .container::after {
  width           : 88px;
  height          : 263px;
  background-image: var(--wpr-bg-c851ed0e-8968-44b4-8314-2c81e2c0f21f);
  mix-blend-mode  : unset;
  top             : 0;
  right           : auto;
  bottom          : auto;
  left            : 0;
}

.detail-blog-cleaning-articles .container::before {
  transform: translateY(-325px);
}

.detail-blog-cleaning-articles .container::after {
  transform: translateY(-105px);
}

.detail-blog-cleaning-articles .section-heading-cleaning::after {
  width           : 88px;
  height          : 263px;
  background-image: var(--wpr-bg-55caeab8-5679-44d1-b338-f0e548da86fe);
  transform       : translateY(-120px);
}

@media only screen and (max-width: 767px) {
  .detail-blog-cleaning-content img {
    margin       : 0;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-cleaning-content {
    font-size  : 13px;
    line-height: 25px;
  }
}

.service-cleaning {
  min-height      : 100vh;
  background-image: var(--wpr-bg-4a774c34-d1e9-47f0-95c7-70618ba118fe);
  padding-bottom  : 50px;
}

.service-cleaning::before {
  top             : 50%;
  right           : 27px;
  transform       : translateY(-50%);
  width           : 43px;
  height          : 43px;
  background-image: var(--wpr-bg-3247b763-aede-49ef-a107-ee4d57749c16);
  opacity         : 0.5;
}

.service-cleaning-header {
  padding: 83px 0;
}

.service-cleaning-header-pagination {
  gap: 18px;
}

.service-cleaning-header-pagination li a {
  box-shadow: 0px 35px 20px rgba(0, 0, 0, 0.02);
  width     : 62px;
  height    : 62px;
  z-index   : 2;
}

.service-cleaning-header-pagination li a::before {
  background-image: linear-gradient(92.59deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%), linear-gradient(5.3deg, #0193cc -19.27%, #01d0cc 73.16%);
  opacity         : 0;
}

.service-cleaning-header-pagination li a.active {
  color      : #fff;
  font-size  : 16px;
  font-weight: 900;
  box-shadow : 0px 31px 50px rgba(252, 183, 18, 0.25);
}

.service-cleaning-header-pagination li a.active::before {
  opacity: 1;
}

.service-cleaning-header-notification {
  width      : 48px;
  height     : 48px;
  margin-left: 15px;
}

.service-cleaning-header-notification::after {
  top             : 50%;
  transform       : translate(-5px, -50%);
  width           : 1px;
  height          : 45px;
  background-color: rgba(73, 73, 73, 0.15);
}

.service-cleaning-header-auth {
  margin-left: 27px;
}

.service-cleaning-header-auth img {
  border: 1px solid #d9d9d9;
}

.service-cleaning-header .btn {
  padding   : 20px 31px;
  box-shadow: 0px 31px 50px rgba(252, 183, 18, 0.25);
}

@media only screen and (max-width: 991px) {
  .service-cleaning-header-pagination {
    width    : 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-cleaning-header-pagination li a {
    width : 48px;
    height: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .service-cleaning-header-logo img {
    width : auto;
    height: 52px;
  }

  .service-cleaning-header .btn {
    padding      : 14px 16px;
    font-size    : 12px;
    border-radius: 10px;
  }
}

.service-cleaning .title {
  line-height: 50px;
}

.service-cleaning .sub-title {
  line-height  : 22px;
  margin-bottom: 18px;
}

.service-cleaning form .form-group {
  margin-bottom: 27px;
}

.service-cleaning form .form-group .form-control {
  box-shadow: 0px 38px 50px rgba(0, 0, 0, 0.02);
  padding   : 0 54px 0 16px;
  height    : 99px;
}

.service-cleaning form .form-group .form-control::-moz-placeholder {
  color: rgba(73, 73, 73, 0.5);
}

.service-cleaning form .form-group .form-control,
.service-cleaning form .form-group .form-control::placeholder {
  color: rgba(73, 73, 73, 0.5);
}

.service-cleaning form .form-group i {
  color: #fcb712;
  right: 32px;
}

.service-cleaning form select.form-control {
  background     : var(--wpr-bg-dd8f9e76-cb32-4a0d-b941-663871d3ead3) left 24px center no-repeat;
  background-size: 15px 8px;
}

.service-cleaning form .form-check {
  margin-top: 31px;
}

.service-cleaning form .form-check-label a {
  color          : rgba(252, 183, 18, 0.8);
  text-decoration: underline;
}

.service-cleaning .btn-services {
  max-width  : 366px;
  height     : 66px;
  line-height: 66px;
  margin-top : 65px;
}

.service-cleaning .payment form .form-group i {
  color: rgba(73, 73, 73, 0.6);
}

.service-cleaning .payment form .price {
  color: rgba(252, 183, 18, 0.9);
}

.service-cleaning .payment form .price i {
  margin-left: 13px;
}

.service-cleaning .payment form .price i.icon-toman {
  margin: 0 9px 0 0;
}

.service-cleaning .payment form .btn {
  padding    : 21px 25px;
  line-height: 1;
}

.service-cleaning .confirm .row {
  margin-top: 64px;
}

.service-cleaning .confirm-title span {
  color: rgba(252, 183, 18, 0.8);
}

.service-cleaning .confirm p {
  line-height: 28px;
}

@media only screen and (max-width: 991px) {
  .service-cleaning-header {
    padding: 40px 0 50px;
  }

  .service-cleaning form .form-group .form-control {
    height: 80px;
  }

  .service-cleaning .confirm-title {
    font-size  : 32px;
    line-height: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .service-cleaning .title {
    font-size  : 24px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 575px) {
  .service-cleaning-header {
    padding: 20px 0 40px;
  }

  .service-cleaning form .form-group .form-control {
    font-size: 13px;
  }

  .service-cleaning .payment form .btn {
    max-width: 100%;
    width    : 100%;
  }

  .service-cleaning .confirm-title {
    font-size  : 24px;
    line-height: 32px;
  }

  .service-cleaning .confirm p {
    font-size  : 12px;
    line-height: 25px;
  }
}

.cleaning-blue .contact-us-cleaning-landing .sup-title::before,
.cleaning-blue .section-heading-cleaning-title::before,
.cleaning-blue .about-home-cleaning p::before,
.cleaning-blue .about-us-cleaning-video-two .title::after {
  background-image: var(--wpr-bg-a441b8d4-051b-487d-b9ca-f04d0bbe5451);
}

.cleaning-blue .options-cleaning-item .icon::before,
.cleaning-blue .options-cleaning-item .icon::after {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .options-cleaning-item .icon i {
  font-size: 20px;
}

.cleaning-blue .services-cleaning-item::before {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .services-cleaning-item i {
  background: linear-gradient(0deg, #2693cd, #2693cd), #c4c4c4;
}

.cleaning-blue .about-home-cleaning::after {
  background: var(--wpr-bg-50717019-189c-492f-bb6a-f5e1b6d08ed3), linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .about-home-cleaning .btns .btn {
  box-shadow: 0px 10px 20px 2px rgba(38, 147, 205, 0.35);
}

.cleaning-blue .about-home-cleaning .video .icon::before,
.cleaning-blue .about-home-cleaning .video .icon::after,
.cleaning-blue .about-home-cleaning .video .icon i::after {
  background-color: rgba(38, 147, 205, 0.3);
}

.cleaning-blue .swiper-cleaning .swiper-pagination-bullet-active {
  background-color: #2693cd;
  border-color    : #2693cd;
}

.cleaning-blue .btn-show-more-cleaning {
  box-shadow: 0px 10px 20px 2px rgba(38, 147, 205, 0.35);
}

.cleaning-blue .articles-cleaning-item h2 a:hover {
  color: #2693cd;
}

.cleaning-blue .articles-cleaning-item .like-comment span:not(.like) {
  background-color: rgba(38, 147, 205, 0.15);
  color           : #2693cd;
}

.cleaning-blue .articles-cleaning-item .read-more:hover {
  background-color: #2693cd;
}

.cleaning-blue .professionals-clening-wrapper>*:hover span {
  color: #2693cd;
}

.cleaning-blue .footer-cleaning-contact .phone span:last-child {
  color: rgba(38, 147, 205, 0.9);
}

.cleaning-blue .experts-cleaning-item .whatsapp::before {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .pagination-cleaning li a::before {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .pagination-cleaning li a.next,
.cleaning-blue .pagination-cleaning li a.prev {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .form-check .form-check-input {
  border-color: #2693cd;
}

.cleaning-blue .form-check .form-check-label a {
  color: rgba(38, 147, 205, 0.8);
}

.cleaning-blue .top-header-cleaning-nav li a::after {
  background-color: #2693cd;
}

.cleaning-blue .top-header-cleaning-nav li a:hover,
.cleaning-blue .top-header-cleaning-nav li a.active {
  color: #2693cd;
}

.cleaning-blue .landing-cleaning::before,
.cleaning-blue .landing-cleaning .sup-title::before,
.cleaning-blue .landing-cleaning .image::before {
  background-image: var(--wpr-bg-9da0a2cc-249f-4e32-891a-31e8ea06e2d9);
}

.cleaning-blue .landing-cleaning .title::before {
  background-image: var(--wpr-bg-ba62c14b-496e-4aa7-9c38-34f54c3b898e);
}

.cleaning-blue .landing-cleaning .swiper-pagination-bullet-active {
  background-color: #2693CD;
  border-color    : #2693CD;
}

.cleaning-blue .contact-us-cleaning-achievement .achievement-item::before {
  background-image: linear-gradient(6.8deg, #0193CC 3.36%, #01D0CC 119.07%);
}

.cleaning-blue .service-cleaning-header-pagination li a::before {
  background-image: linear-gradient(6.8deg, #0193cc 3.36%, #01d0cc 119.07%);
}

.cleaning-blue .service-cleaning-header-pagination li a.active,
.cleaning-blue .service-cleaning-header .btn {
  box-shadow: 0px 31px 50px rgba(38, 147, 205, 0.25);
}

.cleaning-blue .service-cleaning form .form-group i {
  color: #2693cd;
}

.cleaning-blue .service-cleaning .payment form .form-group i {
  color: rgba(73, 73, 73, 0.6);
}

.cleaning-blue .service-cleaning .payment .price {
  color: rgba(38, 147, 205, 0.9);
}

.cleaning-blue .service-cleaning .confirm-title span {
  color: rgba(38, 147, 205, 0.8);
}

.section-heading-marketing {
  margin-bottom: 35px;
}

.section-heading-marketing-sup-title {
  line-height: 36px;
}

.section-heading-marketing-sup-title::before {
  left            : calc(100% + 52px);
  background-image: var(--wpr-bg-aca618e5-0546-4155-a5aa-320311b47571);
  width           : 49px;
  height          : 51px;
}

.section-heading-marketing-title {
  line-height: 55px;
}

.section-heading-marketing-text {
  -moz-text-align-last: center;
  text-align-last     : center;
  max-width           : 786px;
}

@media only screen and (max-width: 767px) {
  .section-heading-marketing-title {
    font-size  : 24px;
    line-height: 36px;
  }
}

.swiper-marketing {
  padding-bottom: 42px;
}

.swiper-marketing .swiper-pagination-bullet {
  border-radius   : 9px;
  opacity         : 1;
  background-color: rgba(73, 73, 73, 0.3);
  width           : 11px;
  height          : 6px;
  transition      : all 0.3s linear;
}

.swiper-marketing .swiper-pagination-bullet-active {
  background-color: #ff5656;
  width           : 25px;
}

.swiper-marketing .swiper-button-next,
.swiper-marketing .swiper-button-prev {
  width           : 46px;
  height          : 140px;
  background-color: #e63a2c;
  margin-top      : 0;
}

.swiper-marketing .swiper-button-next::after,
.swiper-marketing .swiper-button-prev::after {
  content    : "\e901";
  font-family: "icomoon";
  font-size  : 11px;
  color      : #fff;
}

.swiper-marketing .swiper-button-next {
  left     : 0;
  transform: translate(-74px, -50%);
}

.swiper-marketing .swiper-button-prev {
  right    : 0;
  transform: translate(74px, -50%);
}

.swiper-marketing .swiper-button-prev::after {
  content: "\e903";
}

@media only screen and (max-width: 1450px) and (min-width: 1400px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-50px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(50px, -50%);
  }
}

@media only screen and (max-width: 1267px) and (min-width: 1225px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-50px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(50px, -50%);
  }
}

@media only screen and (max-width: 1224px) and (min-width: 1200px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-47px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(47px, -50%);
  }
}

@media only screen and (max-width: 1090px) and (min-width: 992px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-40px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(40px, -50%);
  }
}

@media only screen and (max-width: 847px) and (min-width: 768px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-40px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(40px, -50%);
  }
}

@media only screen and (max-width: 668px) and (min-width: 576px) {
  .swiper-marketing .swiper-button-next {
    transform: translate(-34px, -50%);
  }

  .swiper-marketing .swiper-button-prev {
    transform: translate(34px, -50%);
  }
}

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

  .swiper-marketing .swiper-button-next,
  .swiper-marketing .swiper-button-prev {
    width: 38px;
  }
}

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

  .swiper-marketing .swiper-button-next,
  .swiper-marketing .swiper-button-prev {
    width : 32px;
    height: 120px;
  }
}

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

  .swiper-marketing .swiper-button-next,
  .swiper-marketing .swiper-button-prev {
    border-radius: 50%;
    width        : 32px;
    height       : 32px;
  }
}

.btn-show-more-marketing {
  padding   : 16px 22px;
  box-shadow: 0px 10px 20px 2px rgba(255, 86, 86, 0.32);
  margin-top: 35px;
}

.btn-show-more-marketing.btn-success-2 {
  box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.05);
}

.total-info-marketing {
  margin-bottom: 81px;
}

.total-info-marketing::before {
  transform       : translateY(-139px);
  height          : 184%;
  background-image: var(--wpr-bg-519e5991-2891-412e-9595-551d7fc09290);
}

.total-info-marketing::after {
  mix-blend-mode  : difference;
  width           : 172px;
  height          : 141px;
  background-image: var(--wpr-bg-38ef2c65-918c-4960-b250-7cb60f73fdb4);
  left            : 5%;
}

.total-info-marketing .container::before {
  width           : 138px;
  height          : 132px;
  background-image: var(--wpr-bg-7eb1d673-39ff-4fa1-8006-6c5056a3867a);
  mix-blend-mode  : difference;
  transform       : translateY(30px);
}

.total-info-marketing .name {
  margin-bottom: 11px;
}

.total-info-marketing p {
  line-height         : 28px;
  margin-bottom       : 50px;
  max-width           : 786px;
  -moz-text-align-last: center;
  text-align-last     : center;
}

.total-info-marketing .professionals-clening-wrapper>div:hover span {
  color: #e63a2c;
}

.landing-marketing {
  margin-top: 57px;
}

.landing-marketing::before {
  background-image: var(--wpr-bg-a01e9d3d-b5cc-44eb-baca-844ea382fbb3);
  width           : 108px;
  height          : 201px;
  mix-blend-mode  : difference;
  transform       : translateY(-50px);
}

.landing-marketing::after {
  background-image: var(--wpr-bg-73c62ec0-165a-4877-a8aa-b30506a91472);
  width           : 63px;
  height          : 145px;
}

.landing-marketing .container::after {
  background-image: var(--wpr-bg-5b5cf832-3af9-49f0-928a-5de96b2f7982);
  width           : 64px;
  height          : 145px;
  top             : 50%;
  transform       : translateY(-50%);
}

.landing-marketing .sup-title {
  line-height: 46px;
}

.landing-marketing .sup-title::before {
  bottom          : 100%;
  width           : 49px;
  height          : 51px;
  background-image: var(--wpr-bg-a6140a59-94dc-47ba-a501-c3ae31b82b2d);
  transform       : translate(24px, -25px);
}

.landing-marketing h2 {
  line-height: 60px;
  font-size  : 41px;
  margin     : 6px 0 0;
}

.landing-marketing .btns {
  margin-top: 30px;
}

.landing-marketing .btns .btn {
  padding   : 20px 20px;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.05);
}

.landing-marketing .btns .link:hover {
  color: #1dcc9d;
}

@media only screen and (max-width: 767px) {
  .landing-marketing .sup-title {
    font-size  : 24px;
    line-height: 40px;
  }

  .landing-marketing h2 {
    font-size  : 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-marketing .sup-title {
    font-size  : 18px;
    line-height: 30px;
  }

  .landing-marketing h2 {
    font-size  : 24px;
    line-height: 38px;
  }

  .landing-marketing p {
    font-size  : 12px;
    line-height: 25px;
  }
}

.solutions-services-marketing {
  margin: 250px 0 335px;
}

.solutions-services-marketing::before {
  background-image: var(--wpr-bg-ca96843d-b22e-4fd5-891a-114df3dcf0d7);
  height          : 188%;
  transform       : translateY(-197px);
}

.solutions-services-marketing::after {
  width           : 36%;
  height          : 87%;
  background-color: #e63a2c;
  background-image: var(--wpr-bg-c36a4f4d-7e55-4a00-8ed8-d47070efd26a);
  border-radius   : 0 40px 40px 0;
  transform       : translateY(-33px);
}

.solutions-services-marketing .container::before {
  background-image: var(--wpr-bg-a161bf54-868d-4be9-acef-234cf7b3b0fb);
  width           : 174px;
  height          : 262px;
  transform       : translateY(-110px);
}

.solutions-services-marketing .container::after {
  left     : 50%;
  transform: translate(-50%, -99px);
}

.solutions-services-marketing .container::after,
.solutions-services-marketing .row::before {
  width           : 122px;
  height          : 129px;
  background-image: var(--wpr-bg-f536794b-40ec-45e4-a0af-66dd3eda5b7f);
  mix-blend-mode  : difference;
}

.solutions-services-marketing .row::before {
  right : 70px;
  bottom: 100px;
}

.solutions-services-marketing .sup-title {
  line-height: 46px;
}

.solutions-services-marketing .title {
  line-height: 49px;
  margin     : 9px 0 20px;
}

.solutions-services-marketing p {
  margin-bottom: 35px;
  line-height  : 26px;
}

.solutions-services-marketing .btns .btn {
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.05);
  padding   : 14px 18px;
}

.solutions-services-marketing .btns .link:hover {
  color: #1dcc9d;
}

.solutions-services-marketing .image {
  background-image: var(--wpr-bg-fdcf98e3-32d2-40bf-869e-344abc003728);
  padding         : 5px 0 9.8%;
}

.solutions-services-marketing .image::after {
  left     : 50%;
  transform: translateX(-50%);
}

.solutions-services-marketing .image img {
  border-radius: 23px;
  max-width    : 84%;
}

@media only screen and (max-width: 1199px) {
  .solutions-services-marketing .image {
    padding: 3px 0 9%;
  }
}

@media only screen and (max-width: 991px) {
  .solutions-services-marketing::after {
    width : 50%;
    height: 60%;
  }

  .solutions-services-marketing .image {
    padding: 5px 0 9.9%;
  }
}

@media only screen and (max-width: 767px) {
  .solutions-services-marketing {
    margin: 150px 0 80px;
  }

  .solutions-services-marketing::after {
    height: 50%;
  }

  .solutions-services-marketing .sup-title {
    font-size  : 24px;
    line-height: 36px;
  }

  .solutions-services-marketing .title {
    font-size  : 32px;
    line-height: 48px;
  }

  .solutions-services-marketing .image {
    padding: 3px 0 9.9%;
  }
}

@media only screen and (max-width: 575px) {
  .solutions-services-marketing::after {
    height: 40%;
  }

  .solutions-services-marketing .sup-title {
    font-size  : 18px;
    line-height: 30px;
  }

  .solutions-services-marketing .title {
    font-size  : 24px;
    line-height: 36px;
  }

  .solutions-services-marketing .image {
    padding: 3px 0 9.5%;
  }
}

@media only screen and (max-width: 486px) {
  .solutions-services-marketing .image img {
    border-radius: 18px;
  }
}

@media only screen and (max-width: 411px) {
  .solutions-services-marketing .image img {
    border-radius: 13px;
  }
}

@media only screen and (max-width: 338px) {
  .solutions-services-marketing .image {
    padding: 2px 0 9.5%;
  }

  .solutions-services-marketing .image img {
    border-radius: 10px;
  }
}

.solutions-services-two-marketing::before {
  background-image: var(--wpr-bg-8e0888f0-e226-4ff8-90c9-c836fbdc9638);
  height          : 140%;
  transform       : translateY(-117px);
}

.solutions-services-two-marketing::after {
  top             : 50%;
  right           : 0;
  left            : auto;
  transform       : translateY(-50%);
  border-radius   : 40px 0 0 40px;
  width           : 21%;
  height          : 36%;
  background-image: var(--wpr-bg-353ebd48-5c79-48cd-b8ca-9b4aa496ef76);
}

.solutions-services-two-marketing .container::before {
  width           : 122px;
  height          : 129px;
  background-image: var(--wpr-bg-5f2f8c30-5a90-4254-9408-c2a1d931943b);
  mix-blend-mode  : difference;
  top             : 90px;
  left            : 20px;
}

.solutions-services-two-marketing .container::after {
  transform     : translate(0, 0);
  left          : 0;
  width         : 19px;
  border-radius : 0 33px 33px 0;
  background    : rgba(230, 58, 44, 0.2);
  mix-blend-mode: unset;
  height        : 120%;
  top           : 120px;
}

.solutions-services-two-marketing .row::before {
  bottom   : 0;
  transform: translateY(50px);
}

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

  .solutions-services-two-marketing::after,
  .solutions-services-two-marketing .container::before,
  .solutions-services-two-marketing .container::after,
  .solutions-services-two-marketing .row::before {
    content: none;
  }

  .solutions-services-two-marketing .video {
    max-width: 60%;
    width    : 100%;
    margin   : 0 auto;
  }
}

@media only screen and (max-width: 575px) {
  .solutions-services-two-marketing .video {
    max-width: 85%;
  }
}

.our-experts-marketings {
  margin: 137px 0 156px;
}

.our-experts-marketings::before {
  background-image: var(--wpr-bg-6b6f0300-8fdf-4a7e-96d0-697e257f4048);
  height          : 134%;
  transform       : translateY(-41px);
}

.our-experts-marketings::after {
  background-image: var(--wpr-bg-1af98e9d-01e2-413e-a407-b1db176a4458);
  width           : 117px;
  height          : 151px;
  mix-blend-mode  : difference;
}

.our-experts-marketings .container::before,
.our-experts-marketings .container::after {
  width           : 35px;
  background-color: rgba(230, 58, 44, 0.2);
  height          : 108%;
  max-height      : 604px;
}

.our-experts-marketings .container::before {
  transform    : translateY(-98px);
  border-radius: 33px 0 0 33px;
}

.our-experts-marketings .container::after {
  border-radius: 0 33px 33px 0;
  top          : 80%;
}

.our-experts-marketings .row {
  gap: 72px 0;
}

@media only screen and (max-width: 767px) {
  .our-experts-marketings {
    margin: 80px 0;
  }

  .our-experts-marketings .container::before,
  .our-experts-marketings .container::after {
    content: none;
  }
}

.what-story-marketing::before {
  background-image: var(--wpr-bg-518a240a-8992-4da6-af8d-d728420c3fb9);
  transform       : translateY(-182px);
  height          : 230%;
}

.what-story-marketing::after {
  width           : 130px;
  height          : 201px;
  background-image: var(--wpr-bg-a4a5b3a4-3f07-4305-83ac-768aae0c5eab);
  mix-blend-mode  : difference;
  transform       : translateY(100px);
}

.what-story-marketing .container::before {
  width           : 35px;
  height          : 229%;
  background-color: rgba(230, 58, 44, 0.2);
  border-radius   : 33px 0 0 33px;
  transform       : translateY(-148px);
}

.what-story-marketing .container::after {
  background-image: var(--wpr-bg-f17aae46-4362-4f5b-a597-248a4e6c2682);
  top             : 50%;
  right           : 80px;
  width           : 122px;
  height          : 129px;
  transform       : translateY(-50%);
  mix-blend-mode  : difference;
}

.what-story-marketing-wrapper {
  border-radius: 50px;
  padding      : 46px 458px 30px 67px;
}

.what-story-marketing-wrapper::after {
  background-color: rgba(230, 58, 44, 0.5);
  width           : 265px;
  height          : 265px;
  border-radius   : 50%;
  transform       : translate(-95px, -71px);
}

.what-story-marketing-wrapper img {
  top      : 0;
  right    : 28px;
  filter   : drop-shadow(0px 43px 50px rgba(0, 0, 0, 0.05));
  transform: translateY(-176px);
}

.what-story-marketing-wrapper .title {
  line-height: 35px;
}

.what-story-marketing-wrapper .sub-title {
  line-height  : 26px;
  margin-bottom: 7px;
}

.what-story-marketing-wrapper .content {
  line-height: 30px;
  height     : 60px;
}

.what-story-marketing-wrapper .btn {
  padding: 14px 18px;
}

.what-story-marketing-show-more.opened i {
  transform: rotate(-180deg);
}

@media only screen and (max-width: 991px) {
  .what-story-marketing-wrapper {
    padding: 220px 32px 30px;
  }

  .what-story-marketing-wrapper img {
    top      : 0;
    right    : auto;
    bottom   : auto;
    left     : 50%;
    transform: translate(-50%, -191px);
  }

  .what-story-marketing-wrapper .content {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

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

  .what-story-marketing::after,
  .what-story-marketing .container::before,
  .what-story-marketing .container::before,
  .what-story-marketing-wrapper::after {
    content: none;
  }

  .what-story-marketing-wrapper .title {
    font-size: 24px;
  }

  .what-story-marketing-wrapper .sub-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .what-story-marketing-wrapper {
    padding: 210px 16px 24px;
  }
}

@media only screen and (max-width: 350px) {
  .what-story-marketing-wrapper {
    padding-top: 190px;
  }
}

@media only screen and (max-width: 335px) {
  .what-story-marketing-wrapper {
    padding-top: 170px;
  }
}

.works-marketing::before {
  height          : 105%;
  background-image: var(--wpr-bg-7881943d-e4ef-4fbd-b0b1-fb6bb06952d5);
  transform       : translateY(-40px);
}

.works-marketing::after {
  width           : 35px;
  background-color: rgba(230, 58, 44, 0.2);
  height          : 93%;
  top             : 10%;
  border-radius   : 0 33px 33px 0;
}

.works-marketing .section-heading-marketing {
  margin-bottom: 71px;
}

.works-marketing-item .image {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.1);
}

.works-marketing-item .image::before {
  background-image: linear-gradient(180deg, rgba(38, 213, 156, 0) 0%, rgba(38, 213, 156, 0.561884) 80.24%, #26d59c 100%);
}

.works-marketing-item .content {
  margin-top: -77px;
  max-width : calc(100% - 70px);
  padding   : 32px 20px 39px;
}

@media only screen and (max-width: 991px) {
  .works-marketing-item .content {
    max-width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 767px) {
  .works-marketing::after {
    content: none;
  }

  .works-marketing-item .image {
    border-radius: 24px;
  }

  .works-marketing-item .content {
    max-width: calc(100% - 20px);
  }
}

.cross-boundary-marketing {
  margin: 65px 0 123px;
}

.cross-boundary-marketing::before,
.cross-boundary-marketing::after {
  width           : 35px;
  height          : 614px;
  background-color: rgba(230, 58, 44, 0.2);
}

.cross-boundary-marketing::before {
  border-radius: 33px 0 0 33px;
  transform    : translateY(-131px);
}

.cross-boundary-marketing::after {
  top          : 35%;
  border-radius: 0 32px 32px 0;
}

.cross-boundary-marketing .sup-title {
  line-height: 46px;
}

.cross-boundary-marketing .title {
  line-height: 49px;
}

.cross-boundary-marketing p {
  line-height: 26px;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .cross-boundary-marketing .title {
    font-size: 38px;
  }
}

@media only screen and (max-width: 991px) {
  .cross-boundary-marketing::before {
    content: none;
  }

  .cross-boundary-marketing img {
    max-width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .cross-boundary-marketing {
    margin: 65px 0 80px;
  }

  .cross-boundary-marketing::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .cross-boundary-marketing p {
    font-size: 14px;
  }
}

.top-header-marketing {
  padding: 71px 0 20px;
}

.top-header-marketing::before {
  background-image: var(--wpr-bg-34a31696-441f-4913-9e5c-700ae1d3acf8);
  height          : 620%;
}

.top-header-marketing::after {
  left            : 50%;
  transform       : translateX(-50%);
  background-color: #e63a2c;
  height          : 15px;
  width           : 55%;
  border-radius   : 0 0 21px 21px;
}

.top-header-marketing .gradient {
  height          : 131px;
  top             : 570%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, #FCFCFF 100%);
  z-index         : -4;
}

.top-header-marketing-logo {
  margin-left: 90px;
}

.top-header-marketing-logo span {
  margin: 0 11px 0 0;
}

.top-header-marketing-category {
  margin-left: 34px;
}

.top-header-marketing-category>button::after {
  width           : 1px;
  height          : 40px;
  background-color: rgba(230, 58, 44, 0.15);
  top             : 50%;
  left            : 0;
  transform       : translate(-10px, -50%);
}

.top-header-marketing-nav li:not(:last-child) {
  margin-left: 48px;
}

.top-header-marketing-nav li a::after {
  width           : 0;
  height          : 2px;
  background-color: #e63a2c;
  top             : 100%;
  right           : 0;
}

.top-header-marketing-nav li a.active,
.top-header-marketing-nav li a:hover {
  color: #e63a2c;
}

.top-header-marketing-nav li a.active::after,
.top-header-marketing-nav li a:hover::after {
  width: 70%;
}

.top-header-marketing-contact {
  margin-left: 20px;
}

.top-header-marketing-contact i {
  width       : 48px;
  height      : 48px;
  border      : 1px solid rgba(73, 73, 73, 0.6);
  margin-right: 14px;
}

.top-header-marketing .btn {
  padding   : 14px 24px;
  box-shadow: 0px 11px 30px rgba(29, 204, 157, 0.15);
}

@media only screen and (max-width: 1399px) {
  .top-header-marketing-logo {
    margin-left: 60px;
  }

  .top-header-marketing-nav li:not(:last-child) {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-marketing-logo {
    margin-left: 16px;
  }

  .top-header-marketing-category {
    margin-left: 24px;
  }

  .top-header-marketing-nav li:not(:last-child) {
    margin-left: 16px;
  }

  .top-header-marketing-contact {
    margin-left: 8px;
  }

  .top-header-marketing-contact i {
    margin-right: 8px;
  }

  .top-header-marketing .btn {
    padding: 14px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-marketing {
    padding: 48px 0 20px;
  }

  .top-header-marketing::after {
    height: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-marketing-logo {
    margin-left: 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-marketing {
    padding: 32px 0 20px;
  }
}

.footer-marketing {
  border-radius: 35px 35px 0 0;
  padding      : 37px 0 38px;
}

.footer-marketing-wrapper {
  border-radius: 28px;
  border       : 1px solid rgba(73, 73, 73, 0.2);
  padding      : 42px 45px 14px 42px;
}

.footer-marketing-nav li:not(:last-child) {
  margin-bottom: 8px;
}

.footer-marketing-nav li a:hover {
  color: #E63A2C;
}

.footer-marketing-contact {
  margin-top: 13px;
}

.footer-marketing-contact li:not(:last-child) {
  margin-bottom: 25px;
}

.footer-marketing-copyright-socials {
  margin-top : 50px;
  padding-top: 11px;
  border-top : 1px solid rgba(73, 73, 73, 0.2);
}

@media only screen and (max-width: 1199px) {
  .footer-marketing-wrapper {
    padding: 32px 17px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-marketing {
    border-radius: 20px 20px 0 0;
  }

  .footer-marketing-wrapper {
    border-radius: 20px;
  }
}

.brands-marketing {
  margin: 123px 0 181px;
}

.brands-marketing img {
  filter: grayscale(100%) opacity(0.8);
}

.brands-marketing img:hover {
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .brands-marketing {
    margin: 70px 0;
  }
}

.activity-marketing::before {
  background-image: var(--wpr-bg-6c9a6282-bc16-4c34-ac5c-1c223b6c78ab);
  height          : 140%;
  transform       : translateY(-70px);
}

.activity-marketing::after {
  width           : 122px;
  height          : 129px;
  background-image: var(--wpr-bg-b71ed8f7-7691-4f66-8393-68212be65373);
  mix-blend-mode  : difference;
  left            : 77px;
  transform       : translateY(-65px);
}

.activity-marketing .container::before {
  width           : 96px;
  height          : 198px;
  background-image: var(--wpr-bg-4e025911-847e-4905-8460-4f67337e9737);
  transform       : translateY(-180px);
  mix-blend-mode  : difference;
}

.activity-marketing .container::after {
  background-image: var(--wpr-bg-683f03bf-79ea-4b2a-b474-13aa28483af9);
  width           : 124px;
  height          : 226px;
}

.activity-marketing .section-heading-marketing::before {
  background-color: rgba(230, 58, 44, 0.2);
  width           : 19px;
  height          : 180%;
  transform       : translateY(-101px);
  border-radius   : 0 33px 33px 0;
}

.activity-marketing .swiper-slide:nth-child(odd) .services-item-blob::before {
  background: linear-gradient(88.89deg, #fe8464 -20.47%, #fe6e9a 118.64%), linear-gradient(0deg, #e63a2c, #e63a2c), #e63a2c;
}

.activity-marketing .swiper-slide:nth-child(odd) .services-item-blob i {
  background: linear-gradient(0deg, #e63a2c, #e63a2c), #c4c4c4;
}

.activity-marketing .swiper-slide:nth-child(even) .services-item-blob::before {
  background: linear-gradient(88.89deg, #69d6b9 -20.47%, #74beab 118.64%), linear-gradient(0deg, #1dcc9d, #1dcc9d), #1dcc9d;
}

.activity-marketing .swiper-slide:nth-child(even) .services-item-blob i {
  background: linear-gradient(0deg, #1dcc9d, #1dcc9d), #c4c4c4;
}

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

  .activity-marketing::after,
  .activity-marketing .container::before,
  .activity-marketing .section-heading-marketing::before {
    content: none;
  }
}

.category-activity-marketing .options-home::before {
  top             : 50%;
  width           : 130px;
  height          : 210px;
  background-image: var(--wpr-bg-11f475dc-6b1e-4bc4-b1b0-8b0e97c9a9ca);
  mix-blend-mode  : difference;
  transform       : translateY(-50%);
}

.category-activity-marketing .options-home-item::before {
  background: var(--wpr-bg-c0b1eb5a-5f47-46d6-bcd6-0b2a7d9e9079), linear-gradient(0deg, #e63a2c, #e63a2c), #ffffff;
}

.category-activity-marketing .options-home-item .heading::before {
  background-color: #e63a2c;
}

.category-activity-marketing .options-home-item .heading i::after {
  background-color: rgba(230, 58, 44, 0.25);
}

.category-activity-marketing .options-home-item:not(:hover) .more-info {
  color: #e63a2c;
}

.category-activity-marketing .options-home-item:hover .heading i {
  color: #e63a2c;
}

.category-activity-marketing .options-home-item:hover .heading i::after {
  background-color: #fff;
}

.works-two-marketing::before {
  transform       : translateY(-19px);
  background-image: var(--wpr-bg-c11d2f17-bef3-4b30-b142-37dd2b68d701);
  height          : 103%;
}

.works-two-marketing::after {
  width           : 35px;
  height          : 80%;
  background-color: rgba(230, 58, 44, 0.2);
  top             : 70%;
  border-radius   : 0 33px 33px 0;
}

.works-two-marketing .section-heading-marketing {
  margin-bottom: 41px;
}

.works-two-marketing .swiper {
  padding: 0 0 74px;
}

.works-two-marketing-item {
  box-shadow   : 0px 88px 50px rgba(0, 0, 0, 0.02);
  padding      : 22px 22px 27px;
  border-bottom: 2px solid transparent;
}

.works-two-marketing-item .image {
  z-index      : 2;
  margin-bottom: 27px;
}

.works-two-marketing-item .image::after {
  background-color: rgba(230, 58, 44, 0.3);
  border-radius   : 15px;
  filter          : blur(25px);
  width           : 75%;
  height          : 20px;
  left            : 50%;
  transform       : translateX(-50%);
}

.works-two-marketing-item .image img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.works-two-marketing-item p {
  line-height  : 24px;
  margin-bottom: 26px;
}

.works-two-marketing-item .read-more {
  padding   : 8px 18px;
  box-shadow: 0px 26px 50px rgba(0, 0, 0, 0.05);
}

.works-two-marketing-item .read-more:hover {
  background-color: #1dcc9d;
  color           : #fff;
}

.works-two-marketing-item:hover {
  border-color: rgba(230, 58, 44, 0.2);
}

@media only screen and (max-width: 767px) {
  .works-two-marketing::after {
    content: none;
  }
}

.comments-marketing {
  margin: 145px 0 136px;
}

.comments-marketing::before {
  background-image: var(--wpr-bg-08154d24-4f63-493e-aca7-51d6bb783185);
  height          : 107%;
  transform       : translateY(-113px);
}

.comments-marketing::after,
.comments-marketing .container::before {
  width           : 137px;
  height          : 122px;
  mix-blend-mode  : difference;
  background-image: var(--wpr-bg-d61d9525-2dc2-4e80-bf5e-867df81735d3);
}

.comments-marketing::after {
  left     : 18%;
  transform: translateY(-40px);
}

.comments-marketing .container::before {
  right    : 18%;
  transform: translateY(-40px) scale(0.85);
}

.comments-marketing .container::after {
  width           : 172px;
  height          : 141px;
  background-image: var(--wpr-bg-72659bb3-8fef-4987-8ffc-62b97a6a31a5);
  left            : 26%;
  mix-blend-mode  : difference;
  transform       : translateY(40px);
}

.comments-marketing .section-heading-marketing {
  margin-bottom: 33px;
}

.comments-marketing .btn-show-more-marketing {
  box-shadow: 0px 10px 20px 2px rgba(29, 204, 157, 0.35);
}

@media only screen and (max-width: 991px) {
  .comments-marketing-item .content {
    padding      : 32px;
    border-radius: 50px 50px 50px 0;
  }

  .comments-marketing-item .author-read {
    margin       : 0 63px 0 20px;
    border-radius: 0 0 32px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-marketing {
    margin: 80px 0;
  }

  .comments-marketing::after,
  .comments-marketing .container::before,
  .comments-marketing .container::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .comments-marketing-item .content {
    padding      : 24px;
    border-radius: 24px 24px 0 0;
  }

  .comments-marketing-item .author-read {
    border-radius: 0 0 24px 24px;
    margin       : 0;
  }
}

@media only screen and (min-width: 768px) {
  .power-me-marketing .sup-title {
    line-height: 46px;
  }

  .power-me-marketing .title {
    line-height: 48px;
  }
}

.power-me-marketing .title {
  margin: 4px 0 10px;
}

.power-me-marketing p {
  line-height  : 26px;
  margin-bottom: 21px;
}

.articles-marketing {
  margin: 96px 0 116px;
}

.articles-marketing::before {
  background-image: var(--wpr-bg-1393f978-5308-43f6-a305-19cb0b39c4fb);
  height          : 100%;
  top             : 80px;
}

.articles-marketing .section-heading-marketing {
  margin-bottom: 63px;
}

.articles-marketing .swiper {
  padding-bottom: 68px;
}

.articles-marketing .swiper-slide {
  opacity: 0.25;
}

.articles-marketing .swiper-slide-visible {
  opacity: 1;
}

.articles-marketing .swiper-button-next,
.articles-marketing .swiper-button-prev {
  transform: translateY(10px);
}

.articles-marketing .swiper-button-next::after,
.articles-marketing .swiper-button-prev::after {
  content    : "\e936";
  font-size  : 16px;
  color      : #ff5656;
  font-family: "icomoon";
}

.articles-marketing .swiper-button-prev::after {
  content: "\e937";
}

.articles-marketing .swiper-pagination {
  padding: 0 20px;
}

.articles-marketing .swiper-pagination-bullet {
  background-color: rgba(73, 73, 73, 0.3);
  opacity         : 1;
  width           : 11px;
  height          : 6px;
  border-radius   : 9px;
  transition      : all 0.3s linear;
}

.articles-marketing .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #ff5656;
}

.articles-marketing-item {
  box-shadow  : 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding     : 23px 17px 20px;
  border-width: 0 4px 4px 0;
  border-style: solid;
  border-color: transparent;
}

.articles-marketing-item figure img {
  border-radius: 20px 20px 0 20px;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.articles-marketing-item .info {
  margin: 21px 0 13px;
}

.articles-marketing-item .info::before {
  transform       : translateX(21px);
  width           : 5px;
  height          : 70px;
  background-color: #b0b0b0;
  border-radius   : 7px;
}

.articles-marketing-item .info li i {
  font-size: 19px;
}

.articles-marketing-item p {
  line-height  : 26px;
  margin-bottom: 20px;
}

.articles-marketing-item .read-more {
  color: #b0b0b0;
}

.articles-marketing-item:hover {
  border-color: #1dcc9d;
}

.articles-marketing-item:hover .info::before {
  background-color: #1dcc9d;
}

.articles-marketing-item:hover .read-more {
  color: #1dcc9d;
}

.about-us-marketing-landing {
  margin-bottom: 272px;
}

.about-us-marketing-landing .sup-title::before {
  width           : 11px;
  height          : 11px;
  background-image: var(--wpr-bg-9a3da9ab-eb2b-4b71-944b-e23bc95d0f89);
  transform       : translateY(-65px);
}

.about-us-marketing-landing .image::after {
  left            : 50%;
  transform       : translateX(-50%);
  width           : 70%;
  height          : 96px;
  background-color: rgba(0, 0, 0, 0.32);
  border-radius   : 50%;
  filter          : blur(50px);
}

.about-us-marketing-landing .image img {
  filter: drop-shadow(0px 32px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 767px) {
  .about-us-marketing-landing {
    margin-bottom: 140px;
  }
}

.about-us-marketing-solutions-services {
  margin: 0 0 288px;
}

@media only screen and (max-width: 767px) {
  .about-us-marketing-solutions-services {
    margin-bottom: 100px;
  }
}

.about-us-marketing-our-experts {
  margin-bottom: 291px;
}

.about-us-marketing-our-experts::before {
  background-image: var(--wpr-bg-8e4af7cd-41c6-4c5e-ad82-268ccc965dc5);
  height          : 102%;
}

.about-us-marketing-our-experts .container::after {
  top: 50%;
}

.about-us-marketing-our-experts .row::after {
  height    : 285px;
  z-index   : 5;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
  transform : translateY(100px);
  max-width : calc(100% - 24px);
  margin    : 0 auto;
}

.about-us-marketing-our-experts .btn-show-more-marketing {
  margin-top: 75px;
  z-index   : 8;
}

.about-us-marketing-works {
  margin-top: 149px;
}

.about-us-marketing-works::after {
  top      : 0;
  transform: translateY(-48%);
}

.about-us-marketing-works .container::after {
  height          : 614px;
  width           : 35px;
  background-color: rgba(230, 58, 44, 0.2);
  top             : 10%;
  border-radius   : 0 33px 33px 0;
}

@media only screen and (max-width: 767px) {
  .about-us-marketing-works {
    margin-top: 70px;
  }
}

.about-us-marketing-comments {
  margin-top: 249px;
}

@media only screen and (max-width: 767px) {
  .about-us-marketing-comments {
    margin-top: 70px;
  }
}

.about-us-marketing-power-me {
  margin-bottom: 164px;
}

@media only screen and (max-width: 767px) {
  .about-us-marketing-power-me {
    margin-bottom: 80px;
  }
}

.contact-us-marketing-text {
  margin: 157px 0 84px;
}

.contact-us-marketing-text p {
  max-width: 1149px;
}

@media only screen and (max-width: 991px) {
  .contact-us-marketing-text {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-marketing-text {
    margin: 40px 0;
  }
}

.contact-us-marketing-location::after {
  mix-blend-mode  : difference;
  top             : 39px;
  background-image: var(--wpr-bg-2d0fe454-d78b-4265-aacf-025c272b8223);
  width           : 71px;
  height          : 102px;
}

.contact-us-marketing-location .container::before {
  width           : 108px;
  height          : 201px;
  background-image: var(--wpr-bg-97821e00-fa3d-423f-a1b4-091e74bd8bca);
  mix-blend-mode  : difference;
  bottom          : 25%;
}

.contact-us-marketing-location-wrapper {
  max-width       : 1029px;
  background-image: var(--wpr-bg-bb3fe415-37df-4535-8dca-810ba19f607a);
  padding         : 28px 114px 46px 122px;
  margin-bottom   : 56px;
}

.contact-us-marketing-location-wrapper::before,
.contact-us-marketing-location-wrapper::after {
  width : 122px;
  height: 144px;
}

.contact-us-marketing-location-wrapper::before {
  right           : 32px;
  bottom          : 137px;
  background-image: var(--wpr-bg-b2797cd3-b49c-4916-8bad-86ed97984067);
}

.contact-us-marketing-location-wrapper::after {
  bottom          : 60px;
  left            : 27px;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-34.png);
}

.contact-us-marketing-location-wrapper .map::after {
  width           : 144px;
  height          : 66px;
  bottom          : 286px;
  left            : 55px;
  background-image: var(--wpr-bg-92147fe3-8b46-4333-a084-1e4758790564);
}

.contact-us-marketing-location-wrapper iframe {
  height: 505px;
}

.contact-us-marketing-location .btns {
  gap: 33px;
}

.contact-us-marketing-location .btns .btn {
  line-height: 31px;
  padding    : 14px 22px;
}

@media only screen and (max-width: 991px) {
  .contact-us-marketing-location-wrapper {
    padding: 16px 80px 46px 83px;
  }

  .contact-us-marketing-location-wrapper iframe {
    height: 320px;
  }

  .contact-us-marketing-location .btns {
    gap: 16px;
  }

  .contact-us-marketing-location .btns .btn {
    width    : 100%;
    max-width: calc(50% - 8px);
  }

  .contact-us-marketing-location .btns .btn:last-child {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-marketing-location-wrapper {
    padding: 16px 62px 32px;
  }

  .contact-us-marketing-location .btns .btn {
    padding: 14px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-marketing-location-wrapper {
    padding         : 0;
    background-image: unset;
  }

  .contact-us-marketing-location-wrapper::before,
  .contact-us-marketing-location-wrapper::after,
  .contact-us-marketing-location-wrapper .map::after {
    content: none;
  }

  .contact-us-marketing-location-wrapper iframe {
    height: 280px;
  }

  .contact-us-marketing-location .btns .btn {
    max-width: 100%;
  }
}

.contact-us-marketing-form {
  margin: 62px 0 167px;
}

.contact-us-marketing-form::before {
  background-image: var(--wpr-bg-6748c1d6-360b-41a1-890e-ddf5c60b11d1);
  height          : 124%;
  transform       : translateY(-67px);
}

.contact-us-marketing-form .section-heading-marketing {
  margin-bottom: 73px;
}

.contact-us-marketing-form .image::before {
  transform: translate(-29px, -23px);
  border   : 1px dashed rgba(73, 73, 73, 0.8);
  width    : 80%;
  height   : 80%;
}

.contact-us-marketing-form .image::before,
.contact-us-marketing-form .image img {
  border-radius: 17px;
}

.contact-us-marketing-form .image img {
  box-shadow: 0px 71px 50px rgba(0, 0, 0, 0.1);
}

.contact-us-marketing-form form {
  margin-right: 52px;
}

.contact-us-marketing-form form .row {
  gap: 19px 0;
}

.contact-us-marketing-form form .form-group {
  box-shadow: 0px 18px 33px rgba(0, 0, 0, 0.02);
}

.contact-us-marketing-form form .form-group i {
  right: 32px;
}

.contact-us-marketing-form form .form-group .form-control {
  height : 76px;
  padding: 0 60px 0 12px;
}

.contact-us-marketing-form form .form-group.content {
  padding: 77px 32px 72px 12px;
}

.contact-us-marketing-form form .form-group.content textarea.form-control {
  height            : 98px;
  padding           : 0;
  -ms-overflow-style: none;
  scrollbar-width   : none;
}

.contact-us-marketing-form form .form-group.content textarea.form-control::-webkit-scrollbar {
  display: none;
}

.contact-us-marketing-form form .form-group.content textarea.form-control+i {
  top  : 29px;
  right: 32px;
}

.contact-us-marketing-form form .form-group.content .btn {
  bottom    : 28px;
  left      : 42px;
  box-shadow: 0px 18px 25px rgba(38, 213, 156, 0.32);
}

@media only screen and (max-width: 991px) {
  .contact-us-marketing-form form {
    margin: 32px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-marketing-form {
    margin-bottom: 70px;
  }

  .contact-us-marketing-form form .form-group i {
    right: 20px;
  }

  .contact-us-marketing-form form .form-group .form-control {
    font-size    : 13px;
    height       : 64px;
    padding-right: 50px;
  }

  .contact-us-marketing-form form .form-group textarea.form-control {
    padding: 60px 20px 72px 12px;
  }

  .contact-us-marketing-form form .form-group textarea.form-control+i {
    top  : 12px;
    right: 20px;
  }
}

.contact-us-marketing-comments {
  margin: 259px 0 194px;
}

@media only screen and (max-width: 767px) {
  .contact-us-marketing-comments {
    margin: 80px 0;
  }
}

.blog-marketing-landing {
  margin-top: 102px;
}

.blog-marketing-landing::after {
  background-image: var(--wpr-bg-3c465079-a399-4c4b-b363-d391a888a541);
  width           : 81px;
  height          : 107px;
  transform       : translateY(-80px);
}

.blog-marketing-landing .image {
  margin-left: 43px;
}

.blog-marketing-landing .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcxIiBoZWlnaHQ9IjQ2NyIgdmlld0JveD0iMCAwIDU3MSA0NjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYzLjEwMiA1Ljc2NjgzQzMxNC4xOTEgOC4xMjE2NiAzNjQuMjg5IDkuNzQ4MzcgNDExLjQ4MSAyNi4zNjQ2QzQ2NS44OTYgNDUuNTI0MyA1MjcuNzggNjQuMzY1MiA1NTQuNzU3IDEwOC40NTlDNTgxLjkzMyAxNTIuODc5IDU3MC45MjIgMjA4LjAzNCA1NTEuNTA2IDI1NS4yNEM1MzMuOTg5IDI5Ny44MyA0OTEuNzE0IDMyNy42NDkgNDUyLjEwOSAzNTguMDI3QzQxNi42NzMgMzg1LjIwNyAzNzcuMjA1IDQwNS40MDcgMzMzLjY1OSA0MjIuMzMyQzI4My4wNjYgNDQxLjk5NiAyMzEuNzYyIDQ3Ni4yNTYgMTc3Ljc1NSA0NjQuNjZDMTIzLjcxNSA0NTMuMDU3IDkxLjM3NzggNDA1Ljk0OSA2NS4wMDE0IDM2NC42NDhDNDIuMTgxNSAzMjguOTE2IDQ5LjIxNTcgMjg3LjEwNyAzOS4wNDY0IDI0Ny40NjVDMjcuODgyOSAyMDMuOTQ3IC05LjYyODczIDE2My42NzkgMi4zMjIzNCAxMjAuMzA5QzE0LjkwMzcgNzQuNjUyMSA1NC40NTY3IDMzLjg5NDkgMTAzLjg4IDEyLjE4NjZDMTUxLjk0NCAtOC45MjQ2OSAyMDguOTUgMy4yNzA4NSAyNjMuMTAyIDUuNzY2ODNaIiBmaWxsPSIjQzRDNEM0Ii8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcxIiBoZWlnaHQ9IjQ2NyIgdmlld0JveD0iMCAwIDU3MSA0NjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYzLjEwMiA1Ljc2NjgzQzMxNC4xOTEgOC4xMjE2NiAzNjQuMjg5IDkuNzQ4MzcgNDExLjQ4MSAyNi4zNjQ2QzQ2NS44OTYgNDUuNTI0MyA1MjcuNzggNjQuMzY1MiA1NTQuNzU3IDEwOC40NTlDNTgxLjkzMyAxNTIuODc5IDU3MC45MjIgMjA4LjAzNCA1NTEuNTA2IDI1NS4yNEM1MzMuOTg5IDI5Ny44MyA0OTEuNzE0IDMyNy42NDkgNDUyLjEwOSAzNTguMDI3QzQxNi42NzMgMzg1LjIwNyAzNzcuMjA1IDQwNS40MDcgMzMzLjY1OSA0MjIuMzMyQzI4My4wNjYgNDQxLjk5NiAyMzEuNzYyIDQ3Ni4yNTYgMTc3Ljc1NSA0NjQuNjZDMTIzLjcxNSA0NTMuMDU3IDkxLjM3NzggNDA1Ljk0OSA2NS4wMDE0IDM2NC42NDhDNDIuMTgxNSAzMjguOTE2IDQ5LjIxNTcgMjg3LjEwNyAzOS4wNDY0IDI0Ny40NjVDMjcuODgyOSAyMDMuOTQ3IC05LjYyODczIDE2My42NzkgMi4zMjIzNCAxMjAuMzA5QzE0LjkwMzcgNzQuNjUyMSA1NC40NTY3IDMzLjg5NDkgMTAzLjg4IDEyLjE4NjZDMTUxLjk0NCAtOC45MjQ2OSAyMDguOTUgMy4yNzA4NSAyNjMuMTAyIDUuNzY2ODNaIiBmaWxsPSIjQzRDNEM0Ii8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.blog-marketing-landing .image::after {
  left            : 60%;
  transform       : translateX(-50%);
  background-color: #e63a2c;
  opacity         : 0.32;
  width           : 263px;
  height          : 246px;
  bottom          : 0;
  filter          : blur(100px);
  border-radius   : 50%;
}

.blog-marketing-landing .image .shape-1,
.blog-marketing-landing .image .shape-2 {
  background-image: var(--wpr-bg-b95b72f5-876a-46fc-bd9b-d7897d2bd981);
  width           : 107px;
  height          : 123px;
}

.blog-marketing-landing .image .shape-1 {
  top: 95px;
}

.blog-marketing-landing .image .shape-2 {
  top : 24px;
  left: 100px;
}

.blog-marketing-landing .image .shape-3,
.blog-marketing-landing .image .shape-4 {
  background-image: var(--wpr-bg-9ccbbcf6-7323-48ba-9c04-79375ea7d7aa);
  width           : 108px;
  height          : 89px;
}

.blog-marketing-landing .image .shape-3 {
  transform: rotate(-66deg) translateY(-50%);
  top      : 45%;
  left     : 24px;
}

.blog-marketing-landing .image .shape-4 {
  transform: translate(-32deg) translateX(-50%);
  bottom   : 88px;
  left     : 50%;
}

.blog-marketing-landing p::after {
  background-image: var(--wpr-bg-f1e5188c-9234-4c48-80dd-7ab255f69975);
  width           : 94px;
  height          : 81px;
  top             : 80%;
  left            : 50%;
  transform       : translateX(-50%);
}

@media only screen and (max-width: 991px) {
  .blog-marketing-landing {
    margin-top: 40px;
  }

  .blog-marketing-landing .image {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-marketing-landing p {
    font-size  : 20px;
    line-height: 32px;
  }
}

.blog-marketing-category-search {
  margin-top: 38px;
}

.blog-marketing-category-search ul {
  gap: 8px;
}

.blog-marketing-category-search ul li a {
  padding    : 12px 24px;
  line-height: 21px;
}

.blog-marketing-category-search ul li a::before {
  background: linear-gradient(93.79deg, #11998e -54.79%, #38ef7d 124.56%, #2bd283 124.56%);
  opacity   : 0;
}

.blog-marketing-category-search ul li a.active {
  font-weight: 900;
  color      : #fff;
  box-shadow : 0px 9px 20px 2px rgba(29, 204, 157, 0.25);
}

.blog-marketing-category-search ul li a.active::before {
  opacity: 1;
}

.blog-marketing-category-search form {
  max-width: 38%;
}

.blog-marketing-category-search form .form-control {
  height          : 66px;
  background-color: rgba(172, 172, 172, 0.1);
  padding         : 0 24px 0 60px;
}

.blog-marketing-category-search form button {
  left: 34px;
}

@media only screen and (max-width: 991px) {
  .blog-marketing-category-search ul {
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
    width             : 100%;
  }

  .blog-marketing-category-search ul::-webkit-scrollbar {
    display: none;
  }

  .blog-marketing-category-search ul li a {
    white-space: nowrap;
  }

  .blog-marketing-category-search form {
    max-width: 100%;
  }

  .blog-marketing-category-search form .form-control {
    padding-left: 42px;
  }

  .blog-marketing-category-search form button {
    left: 16px;
  }
}

.blog-marketing-top-views {
  margin: 117px 0 152px;
}

.blog-marketing-top-views::before,
.blog-marketing-top-views::after {
  background-image: var(--wpr-bg-841c39ca-4cf9-4012-b5ee-4cf419663f4f);
  width           : 52px;
  height          : 98px;
  mix-blend-mode  : difference;
}

.blog-marketing-top-views::before {
  top: 100%;
}

.blog-marketing-top-views::after {
  bottom: 15%;
}

.blog-marketing-top-views .section-heading-marketing {
  margin-bottom: 40px;
}

.blog-marketing-top-views .article-news .date-category span:first-child i {
  color: #e63a2c;
}

@media only screen and (max-width: 767px) {
  .blog-marketing-top-views {
    margin: 60px 0 80px;
  }
}

.blog-marketing-articles {
  margin: 0 0 211px;
}

@media only screen and (max-width: 767px) {
  .blog-marketing-articles {
    margin-bottom: 264px;
  }
}

.blog-marketing-what-story {
  margin-bottom: 95px;
}

.blog-marketing-what-story .container::before {
  border-radius: 0 33px 33px 0;
  top          : 100%;
}

@media only screen and (max-width: 767px) {
  .blog-marketing-what-story {
    margin-bottom: 50px;
  }
}

.blog-marketing-last-articles {
  margin-bottom: 120px;
}

.blog-marketing-last-articles-wrapper::after {
  height          : 50%;
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 80%);
  z-index         : 2;
}

.blog-marketing-last-articles .row {
  gap: 54px 0;
}

.blog-marketing-last-articles .btn {
  margin-top : -35px;
  z-index    : 3;
  line-height: 21px;
  padding    : 19px 38px;
}

.blog-marketing-last-articles .btn::after {
  left            : 50%;
  width           : 80%;
  border-radius   : 15px;
  filter          : blur(25px);
  background-color: #2BFFBA;
  height          : 12px;
  transform       : translateX(-50%);
}

.blog-marketing-last-articles .article-news-four figure::before {
  content: none;
}

@media only screen and (max-width: 767px) {
  .blog-marketing-last-articles {
    margin-bottom: 70px;
  }

  .blog-marketing-last-articles .row {
    gap: 32px 0;
  }
}

.detail-blog-marketing-related {
  margin-bottom: 93px;
}

.detail-blog-marketing-related::before {
  width           : 108px;
  height          : 201px;
  background-image: var(--wpr-bg-7b235502-37fe-4a5e-8f9e-ab2ebf693ea9);
  mix-blend-mode  : difference;
  top             : 15%;
}

.detail-blog-marketing-related::after {
  width           : 53px;
  height          : 102px;
  background-image: var(--wpr-bg-41336a93-d2aa-4793-9c7a-b8e55d94c8a1);
  mix-blend-mode  : difference;
  bottom          : 20%;
}

.detail-blog-marketing-related .swiper {
  padding-bottom: 74px;
}

.detail-blog-marketing-related .article-news .date-category span:first-child i {
  color: #e63a2c;
}

.services-marketing-me {
  margin: 106px 0 310px;
}

.services-marketing-solutions-services {
  margin: 288px 0 201px;
}

.services-marketing-success-image {
  margin: 185px 0 61px;
}

.services-marketing-success-image::before {
  transform       : translateY(-136px);
  background-image: var(--wpr-bg-72bb0e83-6a23-495e-90d9-3e73422b2a46);
  height          : 100%;
}

.services-marketing-success-image img {
  max-width: 1067px;
}

.services-marketing-price::before {
  background-image: var(--wpr-bg-2a201997-609d-4701-adad-5827f60729fe);
  height          : 120%;
  transform       : translateY(-61px);
}

.services-marketing-price::after {
  transform: translate(-198px, -146px);
}

.services-marketing-price::after,
.services-marketing-price .container::before {
  width           : 210px;
  height          : 663px;
  background-color: #e63a2c;
  background-image: var(--wpr-bg-bff2a4c2-9c98-44e6-9ea6-b89f972ff3da);
  border-radius   : 129px;
}

.services-marketing-price .container::before {
  top      : 50%;
  transform: translate(186px, -50%);
}

.services-marketing-price .container::after {
  transform: translate(-174px, 209px);
}

.services-marketing-price .section-heading-marketing-sup-title {
  background             : linear-gradient(180deg, rgba(73, 73, 73, 0.9) 0%, rgba(73, 73, 73, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip        : text;
}

.services-marketing-price-wrapper .btn {
  padding: 16px 69px;
  z-index: 2;
}

.services-marketing-price-wrapper .btn::before,
.services-marketing-price-wrapper .btn::after {
  width        : 93px;
  height       : 93px;
  border-radius: 50%;
  border       : 1px solid rgba(255, 255, 255, 0.5);
}

.services-marketing-price-wrapper .btn::before {
  transform: translate(56px, -48px);
}

.services-marketing-price-wrapper .btn::after {
  transform: translate(-41px, 20px);
}

.services-marketing-price-wrapper .btn-default {
  box-shadow: 0px 17px 16px rgba(73, 73, 73, 0.2);
}

.services-marketing-price-wrapper .btn-danger {
  box-shadow: 0px 17px 16px rgba(16, 129, 232, 0.2);
}

.services-marketing-price-wrapper .btn-success-2 {
  box-shadow: 0px 17px 16px rgba(252, 183, 18, 0.2);
}

.services-marketing-price-wrapper .heading .image,
.services-marketing-price-wrapper .body li .title,
.services-marketing-price-wrapper-footer .empty,
.services-marketing-price-wrapper .heading .item,
.services-marketing-price-wrapper .body li .value,
.services-marketing-price-wrapper-footer .item {
  flex: 0 0 auto;
}

.services-marketing-price-wrapper .heading .image,
.services-marketing-price-wrapper .body li .title,
.services-marketing-price-wrapper-footer .empty {
  max-width: 27%;
}

.services-marketing-price-wrapper .heading .item,
.services-marketing-price-wrapper .body li .value,
.services-marketing-price-wrapper-footer .item {
  max-width: 24.3333333%;
}

.services-marketing-price-wrapper .heading .item {
  padding      : 45px 24px 75px;
  box-shadow   : 0px 20px 100px rgba(0, 0, 0, 0.02);
  border-radius: 30px 30px 0 0;
}

.services-marketing-price-wrapper .heading .item .price {
  margin     : 20px 0 0;
  line-height: 91px;
}

.services-marketing-price-wrapper .heading .item .price i {
  line-height: 40px;
}

.services-marketing-price-wrapper .heading .item p {
  line-height  : 29px;
  margin-bottom: 19px;
}

.services-marketing-price-wrapper .heading .item.popular {
  z-index       : 3;
  padding-bottom: 52px;
  box-shadow    : 0px 39px 100px rgba(0, 0, 0, 0.05);
}

.services-marketing-price-wrapper .heading .item.popular .popular {
  text-shadow     : 0px 2px 2px rgba(0, 0, 0, 0.25);
  background-color: rgba(230, 58, 44, 0.5);
  line-height     : 21px;
  padding         : 17px 0;
  margin-top      : 31px;
}

.services-marketing-price-wrapper .note {
  background-color: rgba(144, 152, 165, 0.9);
  line-height     : 29px;
  padding         : 14px 36px 13px;
  border-radius   : 2px;
}

.services-marketing-price-wrapper .body {
  margin-top: 5px;
}

.services-marketing-price-wrapper .body li {
  line-height  : 25px;
  border-radius: 2px;
}

.services-marketing-price-wrapper .body li .title,
.services-marketing-price-wrapper .body li .value {
  padding: 13px 35px 10px 12px;
}

.services-marketing-price-wrapper .body li .title,
.services-marketing-price-wrapper .body li .value::after {
  background-color: rgba(73, 73, 73, 0.05);
  border-radius   : 0 2px 2px 0;
}

.services-marketing-price-wrapper .body li:nth-child(even) .title,
.services-marketing-price-wrapper .body li:nth-child(even) .value::after {
  background-color: rgba(73, 73, 73, 0.01);
}

.services-marketing-price-wrapper .body li .value::before {
  box-shadow      : 0px 20px 100px rgba(0, 0, 0, 0.02);
  background-color: #fff;
  z-index         : -2;
}

.services-marketing-price-wrapper .body li .value.popular::before {
  box-shadow: 0px 39px 100px rgba(0, 0, 0, 0.05);
  z-index   : -1;
}

.services-marketing-price-wrapper-footer .item {
  padding      : 12px 24px 39px;
  box-shadow   : 0px 20px 100px rgba(0, 0, 0, 0.02);
  border-radius: 0 0 30px 30px;
}

.services-marketing-price-wrapper-footer .item p {
  margin-bottom: 14px;
}

.services-marketing-price-wrapper-footer .item.popular {
  box-shadow: 0px 39px 100px rgba(0, 0, 0, 0.05);
  padding   : 21px 24px 24px;
  z-index   : 4;
}

@media only screen and (max-width: 991px) {
  .services-marketing-price-wrapper {
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
  }

  .services-marketing-price-wrapper::-webkit-scrollbar {
    display: none;
  }

  .services-marketing-price-wrapper .heading .image,
  .services-marketing-price-wrapper .body li .title,
  .services-marketing-price-wrapper-footer .empty {
    max-width: 30%;
  }

  .services-marketing-price-wrapper .heading .item,
  .services-marketing-price-wrapper .body li .value,
  .services-marketing-price-wrapper-footer .item {
    max-width: 38%;
  }

  .services-marketing-price-wrapper .note {
    width: 144%;
  }
}

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

  .services-marketing-price-wrapper .heading .image,
  .services-marketing-price-wrapper .body li .title,
  .services-marketing-price-wrapper-footer .empty {
    max-width: 38%;
  }

  .services-marketing-price-wrapper .heading .item,
  .services-marketing-price-wrapper .body li .value,
  .services-marketing-price-wrapper-footer .item {
    max-width: 45%;
  }

  .services-marketing-price-wrapper .note {
    width: 175%;
  }

  .services-marketing-price-wrapper .heading .item .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .services-marketing-price-wrapper .body li .title,
  .services-marketing-price-wrapper .body li .value {
    padding-right: 12px;
  }
}

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

  .services-marketing-price-wrapper .heading .image,
  .services-marketing-price-wrapper .body li .title,
  .services-marketing-price-wrapper-footer .empty {
    max-width: 58%;
  }

  .services-marketing-price-wrapper .heading .item,
  .services-marketing-price-wrapper .body li .value,
  .services-marketing-price-wrapper-footer .item {
    max-width: 75%;
  }

  .services-marketing-price-wrapper .note {
    width: 283%;
  }

  .services-marketing-price-wrapper .heading .item .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .services-marketing-price-wrapper .heading .item p,
  .services-marketing-price-wrapper .note,
  .services-marketing-price-wrapper-footer p {
    font-size: 14px;
  }

  .services-marketing-price-wrapper .body li .title,
  .services-marketing-price-wrapper .body li .value {
    padding-right: 12px;
  }
}

.services-marketing-price .container::after,
.services-marketing-brands::before {
  width           : 193px;
  height          : 614px;
  background-color: rgba(230, 58, 44, 0.2);
  border-radius   : 33px;
}

.services-marketing-brands {
  margin: 131px 0 169px;
}

.services-marketing-brands::before {
  transform: translate(-174px, -239px);
}

.services-marketing-faq {
  margin: 176px 0 97px;
}

.services-marketing-faq::before {
  background-image: var(--wpr-bg-3027428d-567c-4359-8182-6277a8fa1c76);
  height          : 128%;
  transform       : translateY(-248px);
}

.services-marketing-faq-image {
  margin-bottom: 73px;
}

.services-marketing-faq-image img {
  max-width: 728px;
}

.services-marketing-faq .row {
  gap: 21px 0;
}

.services-marketing-faq-item {
  padding   : 31px 28px 32px;
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.02);
}

.services-marketing-faq-item .heading {
  cursor     : pointer;
  line-height: 22px;
}

.services-marketing-faq-item .heading:not(.collapsed) {
  padding-bottom: 20px;
}

.services-marketing-faq-item .heading:not(.collapsed) i {
  transform: rotate(180deg);
}

.services-marketing-faq-item .content {
  line-height: 26px;
}

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

  .services-marketing-price::after,
  .services-marketing-price .container::before,
  .services-marketing-price .container::after {
    content: none;
  }

  .services-marketing-brands::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .services-marketing-me {
    margin: 70px 0 150px;
  }

  .services-marketing-solutions-services {
    margin: 90px 0 80px;
  }

  .services-marketing-success-image {
    margin-top: 90px;
  }

  .services-marketing-brands {
    margin: 80px 0 90px;
  }

  .services-marketing-faq {
    margin: 80px 0;
  }
}

.section-heading-hosting {
  margin-bottom: 63px;
}

.section-heading-hosting-sup-title {
  line-height: 36px;
}

.section-heading-hosting-title {
  line-height: 47px;
}

.section-heading-hosting p {
  line-height         : 27px;
  max-width           : 786px;
  -moz-text-align-last: center;
  text-align-last     : center;
}

@media only screen and (max-width: 575px) {
  .section-heading-hosting-title {
    font-size  : 24px;
    line-height: 38px;
  }
}

.swiper-hosting .swiper-pagination-bullet {
  border-radius   : 50%;
  border          : 1px solid rgba(73, 73, 73, 0.5);
  width           : 16px;
  height          : 16px;
  transition      : all 0.3s linear;
  background-color: transparent;
}

.swiper-hosting .swiper-pagination-bullet-active {
  background-color: #1081E8;
  border-color    : #1081E8;
  width           : 24px;
  height          : 24px;
}

.detail-blog-hosting-world::before {
  background-image: var(--wpr-bg-b46e63a0-d6ea-4611-a8dd-266490056705);
  height          : 138%;
  top             : 51px;
}

.detail-blog-hosting-world::after {
  width           : 296px;
  height          : 406px;
  background-image: var(--wpr-bg-cc24559e-2ab6-457c-b41e-f2ae9629188d);
  top             : 68%;
  transform       : translateY(-50%);
}

.detail-blog-hosting-world .container::after {
  width           : 108px;
  height          : 121px;
  background-image: var(--wpr-bg-7d6ed575-e605-4921-a3b3-8dcc262969d3);
  transform       : rotate(95.32deg);
  top             : 15px;
  left            : 30px;
}

.detail-blog-hosting-world .section-heading-hosting {
  margin-bottom: 56px;
}

.detail-blog-hosting-world .row {
  gap: 53px 0;
}

.detail-blog-hosting-world .row .articles-cleaning-item h2 a:hover {
  color: #1081e8;
}

.detail-blog-hosting-world .row .articles-cleaning-item .like-comment span:last-child {
  background-color: rgba(16, 129, 232, 0.15);
  color           : #1081e8;
}

.detail-blog-hosting-world .row .articles-cleaning-item .read-more:hover {
  background-color: #1081e8;
  color           : #fff !important;
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-world .container::after {
    content: none;
  }
}

.detail-blog-hosting-top-view-tech::before {
  background-image: var(--wpr-bg-7e13211d-15a8-4509-9b5c-3812cf0d1094);
  top             : 48px;
  height          : 98%;
}

.detail-blog-hosting-top-view-tech::after {
  width           : 72px;
  height          : 109px;
  background-image: var(--wpr-bg-f1a7384b-4145-4c6b-ac98-2c5622d5d1b3);
  bottom          : 8%;
  mix-blend-mode  : difference;
}

.detail-blog-hosting-top-view-tech .section-heading-hosting {
  margin-bottom: 42px;
}

.detail-blog-hosting-top-view-tech .swiper {
  padding-bottom: 67px;
}

.detail-blog-hosting-top-view-tech .swiper-slide>* {
  opacity  : 0.5;
  transform: scale(0.8);
}

.detail-blog-hosting-top-view-tech .swiper-slide-visible>* {
  opacity  : 1;
  transform: unset;
}

.auth-hosting {
  color: #fff;
}

.auth-hosting i {
  margin-left: 10px;
}

.auth-hosting a:nth-child(2) {
  margin-left: 5px;
}

.auth-hosting a:last-child {
  margin-right: 5px;
}

.auth-hosting a:hover {
  color: #1081e8;
}

.top-header-hosting {
  padding: 57px 0 56px;
}

.top-header-hosting::before {
  background-image: var(--wpr-bg-c3a56148-3c68-4b09-88c1-610cf8cc5bfb);
  height          : 510%;
}

.top-header-hosting-logo h2 {
  margin: 0 8px 0 13px;
}

.top-header-hosting-search {
  max-width: 279px;
}

.top-header-hosting-search .form-control {
  background-color: rgba(16, 129, 232, 0.1);
  padding         : 0 16px 0 48px;
  height          : 42px;
}

.top-header-hosting-search .btn {
  width : 42px;
  height: 42px;
}

.top-header-hosting-contact {
  margin: 0 41px 0 38px;
}

.top-header-hosting-contact span:first-child {
  margin-left: 14px;
}

.top-header-hosting-download {
  padding: 11px 20px;
}

.nav-hosting {
  margin-bottom: 78px;
}

.nav-hosting .container {
  border-bottom: 1px solid rgba(16, 129, 232, 0.2);
}

.nav-hosting ul li:not(:last-child) {
  margin-left: 8px;
}

.nav-hosting ul li a {
  color  : rgba(169, 169, 169, 0.5);
  padding: 6px 8px 5px;
}

.nav-hosting ul li a.active {
  background-color: #1081e8;
  box-shadow      : 0px 9px 20px 2px rgba(16, 129, 232, 0.25);
  color           : rgba(255, 255, 255, 0.8);
  font-weight     : 700;
}

@media only screen and (max-width: 1199px) {
  .top-header-hosting-logo img {
    width : auto;
    height: 45px;
  }

  .top-header-hosting-logo h2 {
    font-size  : 18px;
    line-height: 30px;
    margin     : 0 8px;
  }

  .top-header-hosting-search {
    max-width: 200px;
  }

  .top-header-hosting-contact {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-hosting {
    padding      : 32px 0;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .auth-hosting i {
    font-size: 16px;
  }

  .auth-hosting a {
    font-size: 12px;
  }

  .top-header-hosting-logo img {
    height: 36px;
  }
}

.footer-hosting {
  padding: 236px 0 32px;
}

.footer-hosting-shape {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI4NTkiIHZpZXdCb3g9IjAgMCAxNjAwIDg1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgODg1SDE2MDNWOThDMTYwMyA5OCAxNTMxIDkgODAxLjUgMUM3MiAtNyAwIDk4IDAgOThWODg1WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K) top center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI4NTkiIHZpZXdCb3g9IjAgMCAxNjAwIDg1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgODg1SDE2MDNWOThDMTYwMyA5OCAxNTMxIDkgODAxLjUgMUM3MiAtNyAwIDk4IDAgOThWODg1WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K) top center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #0F2851;
  z-index            : -1;
}

.footer-hosting-description {
  margin-bottom: 88px;
}

.footer-hosting-description h2 {
  margin: 15px 0 11px;
}

.footer-hosting-description p {
  line-height         : 27px;
  max-width           : 786px;
  -moz-text-align-last: center;
  text-align-last     : center;
}

.footer-hosting-titr {
  margin-bottom: 66px;
  z-index      : 2;
}

.footer-hosting-titr span {
  line-height: 25px;
}

.footer-hosting-titr span::before,
.footer-hosting-titr span::after {
  background-color: rgba(255, 255, 255, 0.25);
  height          : 1px;
  width           : 1000px;
}

.footer-hosting-titr span::before {
  margin-left: 12px;
}

.footer-hosting-titr span::after {
  margin-right: 12px;
}

.footer-hosting-text {
  line-height: 24px;
}

.footer-hosting .socials-one li a {
  width : 40px;
  height: 39px;
}

.footer-hosting-namads a {
  padding      : 13px 11px 14px;
  border-radius: 16px;
  box-shadow   : 0px 42px 50px rgba(0, 0, 0, 0.02);
}

.footer-hosting-contact li {
  max-width    : 50%;
  flex         : 0 0 auto;
  overflow-wrap: anywhere;
}

.footer-hosting-copyright {
  margin-top: 35px;
}

@media only screen and (max-width: 767px) {
  .footer-hosting {
    padding-top: 180px;
  }

  .footer-hosting-description {
    margin-bottom: 40px;
  }

  .footer-hosting-titr {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-hosting-contact li {
    max-width: 100%;
  }
}

.landing-hosting {
  margin-bottom: 124px;
}

.landing-hosting-bg {
  height             : 114%;
  background-image   : var(--wpr-bg-547307ec-73ee-4b3a-9ae8-43ac2fd1f71e);
  background-color   : #0f2851;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI4ODQiIHZpZXdCb3g9IjAgMCAxNjAwIDg4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxNjAzVjc4N0MxNjAzIDc4NyAxMTE2Ljc5IDg4NCA4MDEuNSA4ODRDNDg2LjIxMSA4ODQgMCA3ODcgMCA3ODdWMFoiIGZpbGw9IiNDQ0NDQ0MiLz4KPC9zdmc+Cg==) center bottom/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI4ODQiIHZpZXdCb3g9IjAgMCAxNjAwIDg4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxNjAzVjc4N0MxNjAzIDc4NyAxMTE2Ljc5IDg4NCA4MDEuNSA4ODRDNDg2LjIxMSA4ODQgMCA3ODcgMCA3ODdWMFoiIGZpbGw9IiNDQ0NDQ0MiLz4KPC9zdmc+Cg==) center bottom/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  z-index            : -1;
  transform          : translateY(-284px);
}

.landing-hosting .container::before,
.landing-hosting .container::after {
  background-image: var(--wpr-bg-a3f47d5d-4b16-477b-8891-7ae706bc017d);
  width           : 108px;
  height          : 121px;
}

.landing-hosting .container::before {
  bottom   : 47px;
  transform: rotate(-59deg);
}

.landing-hosting .container::after {
  bottom   : 63px;
  transform: rotate(95.32deg);
}

.landing-hosting .title {
  margin-bottom: 14px;
  text-shadow  : 0px 14px 11px rgba(0, 0, 0, 0.05);
}

.landing-hosting p {
  line-height  : 30px;
  margin-bottom: 50px;
  max-width    : 926px;
}

.landing-hosting .image {
  max-width: 1029px;
}

.landing-hosting .image::before {
  transform: translate(36px, -117px);
}

.landing-hosting .image::after {
  transform: translate(-61px, -10px);
}

.landing-hosting .image::before,
.landing-hosting .image::after {
  width           : 294px;
  height          : 294px;
  border-radius   : 50%;
  filter          : blur(50px);
  background-color: rgba(16, 129, 232, 0.3);
}

.landing-hosting .image img {
  filter: drop-shadow(0px 57px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 991px) {
  .landing-hosting-bg {
    transform: translateY(-149px);
  }

  .landing-hosting .container::before,
  .landing-hosting .container::after {
    content: none;
  }

  .landing-hosting .title {
    font-size  : 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-hosting {
    margin-bottom: 70px;
  }

  .landing-hosting .title {
    font-size  : 28px;
    line-height: 40px;
  }

  .landing-hosting .image::before,
  .landing-hosting .image::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .landing-hosting .title {
    font-size  : 20px;
    line-height: 32px;
  }

  .landing-hosting p {
    font-size  : 12px;
    line-height: 25px;
  }
}

.my-services-hosting .row {
  gap: 168px 0;
}

.my-services-hosting .row::after {
  width           : 49px;
  height          : 165px;
  background-image: var(--wpr-bg-5cedb3cf-d736-47c9-bf7e-81604e230251);
  transform       : translateX(-81px);
  top             : 55%;
}

.my-services-hosting-item {
  padding   : 63px 32px 0;
  box-shadow: 0px 98px 100px rgba(0, 0, 0, 0.02);
  background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
  z-index   : 2;
}

.my-services-hosting-item::before {
  background-image: var(--wpr-bg-107eb4b6-e02a-4dff-be60-8fe83a89982c);
  background-color: #0f2851;
  border-radius   : inherit;
  opacity         : 0;
}

.my-services-hosting-item .icon {
  font-size    : 80px;
  width        : 124px;
  height       : 107px;
  margin-bottom: 33px;
}

.my-services-hosting-item .icon::after {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjEwNyIgdmlld0JveD0iMCAwIDEyNCAxMDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMjExOSAxLjU5MTQxQzU0LjQ3ODcgMS44MDk4NiA0My41NjU4IC0wLjg2OTcxNyAzMy43MDcxIDMuMzM2NjdDMjIuOTUyIDcuOTI1NTMgMTMuNjY4NyAxNS44NTUxIDguMDAyMDUgMjYuMDAxMUMyLjA5NzY0IDM2LjU3MjcgLTIuNTI5MjYgNDkuNTM4NiAxLjU0Mjc0IDYwLjkyNjFDNS41NDA3NSA3Mi4xMDY2IDE5LjUxOTIgNzUuNTA1OCAyOC41MDgyIDgzLjM0NzFDMzYuMDA3MiA4OS44ODg1IDQwLjc4NyA5OS4zMjI5IDQ5Ljk4ODcgMTAzLjE4NkM1OS43NTkgMTA3LjI4OCA3MC44NTEgMTA4LjE1NSA4MS4wOTk4IDEwNS40MjdDOTEuNDczOCAxMDIuNjY2IDEwMS4yODEgOTYuNzY4NCAxMDcuMjcgODcuOTQwMUMxMTIuOTgyIDc5LjUxOTggMTEwLjI4OSA2OC40NjY1IDExMi44MzYgNTguNjQyNEMxMTUuODA0IDQ3LjE5NjMgMTI2LjUzMSAzNi45NTMxIDEyMy40NSAyNS41MzYzQzEyMC4zNjUgMTQuMTA3MiAxMDguNTk3IDYuNTc0OCA5Ny41NjAzIDIuMDM3MTFDODcuMzk1NCAtMi4xNDIyNCA3Ni4yMTYzIDEuMzY3NDUgNjUuMjExOSAxLjU5MTQxWiIgZmlsbD0iIzEwODFFOCIvPgo8L3N2Zz4K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjEwNyIgdmlld0JveD0iMCAwIDEyNCAxMDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMjExOSAxLjU5MTQxQzU0LjQ3ODcgMS44MDk4NiA0My41NjU4IC0wLjg2OTcxNyAzMy43MDcxIDMuMzM2NjdDMjIuOTUyIDcuOTI1NTMgMTMuNjY4NyAxNS44NTUxIDguMDAyMDUgMjYuMDAxMUMyLjA5NzY0IDM2LjU3MjcgLTIuNTI5MjYgNDkuNTM4NiAxLjU0Mjc0IDYwLjkyNjFDNS41NDA3NSA3Mi4xMDY2IDE5LjUxOTIgNzUuNTA1OCAyOC41MDgyIDgzLjM0NzFDMzYuMDA3MiA4OS44ODg1IDQwLjc4NyA5OS4zMjI5IDQ5Ljk4ODcgMTAzLjE4NkM1OS43NTkgMTA3LjI4OCA3MC44NTEgMTA4LjE1NSA4MS4wOTk4IDEwNS40MjdDOTEuNDczOCAxMDIuNjY2IDEwMS4yODEgOTYuNzY4NCAxMDcuMjcgODcuOTQwMUMxMTIuOTgyIDc5LjUxOTggMTEwLjI4OSA2OC40NjY1IDExMi44MzYgNTguNjQyNEMxMTUuODA0IDQ3LjE5NjMgMTI2LjUzMSAzNi45NTMxIDEyMy40NSAyNS41MzYzQzEyMC4zNjUgMTQuMTA3MiAxMDguNTk3IDYuNTc0OCA5Ny41NjAzIDIuMDM3MTFDODcuMzk1NCAtMi4xNDIyNCA3Ni4yMTYzIDEuMzY3NDUgNjUuMjExOSAxLjU5MTQxWiIgZmlsbD0iIzEwODFFOCIvPgo8L3N2Zz4K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : rgba(16, 129, 232, 0.15);
}

.my-services-hosting-item p {
  line-height         : 26px;
  -moz-text-align-last: center;
  text-align-last     : center;
  margin-bottom       : 19px;
}

.my-services-hosting-item .btn {
  margin-top: -26px;
  transform : translateY(26px);
  padding   : 17px 40px;
}

.my-services-hosting-item:hover::before {
  opacity: 1;
}

.my-services-hosting-item:hover h2 {
  color: #fff;
}

.my-services-hosting-item:hover p {
  color: rgba(255, 255, 255, 0.8);
}

.my-services-hosting-item.hover-2::before {
  background-color: #1081e8;
}

.my-services-hosting-item.hover-2:hover .icon {
  color: #fff !important;
}

.my-services-hosting-item.hover-2:hover .icon::after {
  background-color: rgba(255, 255, 255, 0.15);
}

.my-services-hosting-item.hover-2:hover .btn {
  background-color: #fff;
  color           : #1081e8;
}

@media only screen and (max-width: 1199px) {
  .my-services-hosting-item .btn {
    padding: 17px 20px;
  }
}

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

  .my-services-hosting .section-heading-hosting::before,
  .my-services-hosting .section-heading-hosting::after {
    content: none;
  }

  .my-services-hosting .row {
    gap: 80px 0;
  }
}

.brands-hosting {
  margin: 180px 0 154px;
}

.brands-hosting::before {
  background-image: var(--wpr-bg-e46b86fb-3999-45a2-bbb6-dc7e343a881f);
  transform       : translateY(-708px);
  height          : 399%;
}

.brands-hosting .swiper {
  padding-bottom: 67px;
}

.swiper-slide .brands-hosting-item img {
  opacity: 0.2;
}

.swiper-slide-visible .brands-hosting-item img {
  opacity: 0.5;
}

.brands-hosting-item {
  box-shadow: 0px 35px 100px rgba(0, 0, 0, 0.02);
  padding   : 35px 0;
}

.brands-hosting-item img {
  max-height: 80px;
  filter    : grayscale(100%);
}

.brands-hosting-item:hover img {
  filter : grayscale(0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .brands-hosting {
    margin: 90px 0;
  }
}

.power-me-hosting {
  margin-bottom: 186px;
}

.power-me-hosting .sup-title,
.power-me-hosting h2 {
  font-size  : 28px;
  line-height: 45px;
}

.power-me-hosting h2 {
  margin: 11px 0 10px;
}

.power-me-hosting h2 span {
  color: rgba(15, 40, 81, 0.8);
}

.power-me-hosting p {
  line-height: 26px;
}

.power-me-hosting .btn {
  line-height: 21px;
  padding    : 12px 30px;
}

.power-me-hosting .image {
  padding         : 25px 46px 24px 48px;
  border-radius   : 44px;
  background-color: #fff;
}

.power-me-hosting .image::before {
  background-color: #1081e8;
  border-radius   : 58px;
  opacity         : 0.5;
  width           : 256px;
  height          : 256px;
  transform       : translate(-48px, -61px);
}

.power-me-hosting.two {
  margin-bottom: 191px;
}

.power-me-hosting.two::after {
  width           : 68px;
  height          : 109px;
  background-image: var(--wpr-bg-32a56abc-55a6-4801-a617-b60a4c899e5c);
  top             : 50%;
  transform       : translateY(-50%);
  mix-blend-mode  : unset;
}

.power-me-hosting.two .container::before {
  background-image: var(--wpr-bg-15e6329c-63d8-4345-969b-82ba1c006523);
  width           : 87px;
  height          : 109px;
  transform       : translateY(-30px);
}

.power-me-hosting.two .container::after {
  right           : 39%;
  width           : 106px;
  height          : 114px;
  background-image: var(--wpr-bg-ddcd9419-12e9-4d71-a320-5d2eeccd7af1);
  transform       : translateY(-164px);
}

.power-me-hosting.two .image::before {
  background-color: #0f2851;
  transform       : translate(43px, -61px);
}

.power-me-hosting.three {
  margin-bottom: 0;
}

.power-me-hosting.three::before {
  transform: translateY(-208px);
  height   : 240%;
}

.power-me-hosting.three .container::before {
  top             : 5%;
  width           : 59px;
  height          : 173px;
  background-image: var(--wpr-bg-0790403d-9829-4793-b0b8-003bbf234da6);
  mix-blend-mode  : difference;
}

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

  .power-me-hosting.two::after,
  .power-me-hosting.two .container::before,
  .power-me-hosting.two .container::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .power-me-hosting {
    margin-bottom: 70px;
  }

  .power-me-hosting.two {
    margin-bottom: 90px;
  }

  .power-me-hosting .sup-title,
  .power-me-hosting h2 {
    font-size  : 24px;
    line-height: 36px;
  }
}

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

  .power-me-hosting .sup-title,
  .power-me-hosting h2 {
    font-size  : 18px;
    line-height: 30px;
  }

  .power-me-hosting p {
    font-size: 12px;
  }

  .power-me-hosting .image {
    padding         : 0;
    border-radius   : 0;
    background-color: transparent;
  }

  .power-me-hosting .image::before {
    content: none;
  }
}

.selling-product-hosting .section-heading-hosting {
  margin-bottom: 53px;
}

.selling-product-hosting .swiper {
  padding-bottom: 82px;
}

.selling-product-hosting .swiper-slide {
  opacity: 0.5;
}

.selling-product-hosting .swiper-slide-visible {
  opacity: 1;
}

.selling-product-hosting-item {
  padding      : 25px 0 23px 38px;
  border-radius: 37px;
  box-shadow   : 0px 65px 50px rgba(0, 0, 0, 0.02);
}

.selling-product-hosting-item .name {
  margin : 13px 0 0 15px;
  z-index: 2;
  width  : 81px;
  height : 51px;
  flex   : 0 0 auto;
}

.selling-product-hosting-item .name::before {
  transform              : translateX(24px);
  border-radius          : 23px;
  background-color       : rgba(16, 129, 232, 0.25);
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.selling-product-hosting-item .name::after {
  width        : 72px;
  height       : 46px;
  border-radius: 15px;
  background   : linear-gradient(0deg, #1081e8, #1081e8), #1081e8;
  box-shadow   : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  right        : 4px;
  transform    : translateY(-17px);
}

.selling-product-hosting-item:hover .name::before {
  background-color: rgba(15, 40, 81, 0.25);
}

.selling-product-hosting-item:hover .name::after {
  background: #0f2851;
}

.selling-product-hosting-item:hover a {
  color: #0f2851 !important;
}

@media only screen and (max-width: 767px) {
  .selling-product-hosting-item {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .selling-product-hosting {
    margin: 230px 0 70px;
  }
}

.faq-hosting::before {
  top             : 164px;
  height          : 115%;
  background-image: var(--wpr-bg-15fae0a5-d5b8-45c6-b705-ae93be8e943d);
}

.faq-hosting::after {
  width           : 39px;
  height          : 114px;
  background-image: var(--wpr-bg-70a3fb70-a69f-4686-b7c8-bfb9037112b8);
  top             : 180px;
}

.faq-hosting .container::before {
  top             : 350px;
  width           : 57px;
  height          : 107px;
  background-image: var(--wpr-bg-dd0ba1ed-6fdf-4bed-bdcf-c7186cea5e8a);
}

.faq-hosting .container::after {
  width           : 296px;
  height          : 406px;
  background-image: var(--wpr-bg-de70235a-c246-4d76-a007-f7d23ea3b991);
  transform       : translateY(59px);
}

.faq-hosting .section-heading-hosting {
  margin-bottom: 80px;
}

.faq-hosting .section-heading-hosting::before {
  bottom          : 203px;
  width           : 313px;
  height          : 406px;
  background-image: var(--wpr-bg-582fbbab-5904-41b2-a48b-6ad634af61ea);
}

.faq-hosting .image {
  margin-bottom: 118px;
  max-width    : 728px;
}

.faq-hosting-items {
  max-width: 758px;
}

.faq-hosting-item:not(:last-child) {
  margin-bottom: 24px;
}

.faq-hosting-item-heading {
  padding   : 31px 47px 30px 50px;
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.02);
  cursor    : pointer;
}

.faq-hosting-item-heading:not(.collapsed) {
  margin-bottom: 24px;
}

.faq-hosting-item-heading:not(.collapsed) i {
  transform: rotate(180deg);
}

.faq-hosting-item-body {
  line-height: 30px;
  max-width  : 582px;
  padding    : 0 16px 22px;
}

.faq-hosting-item-body a {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .faq-hosting-item-heading {
    padding: 24px;
  }
}

.articles-blog-hosting {
  margin-top: 97px;
}

.articles-blog-hosting .section-heading-hosting {
  margin-bottom: 60px;
}

.articles-blog-hosting .swiper {
  filter        : drop-shadow(0px 47px 50px rgba(0, 0, 0, 0.05));
  padding-bottom: 89px;
}

.articles-blog-hosting-item {
  padding: 6px 6px 33px;
}

.articles-blog-hosting-item .content {
  padding: 0 20px;
}

.articles-blog-hosting-item .content h2 {
  margin     : 34px 0 10px;
  line-height: 32px;
}

.articles-blog-hosting-item .content h2 a:hover {
  color: #1081e8;
}

.articles-blog-hosting-item .content p {
  line-height  : 28px;
  margin-bottom: 12px;
}

.articles-blog-hosting-item .content .date {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius   : 7px;
  box-shadow      : 0px 23px 30px rgba(0, 0, 0, 0.15);
  padding         : 10px 16px;
}

.articles-blog-hosting-item .content .btn {
  padding: 8px 10px;
}

@media only screen and (max-width: 767px) {
  .articles-blog-hosting-item .content {
    padding: 0 6px;
  }

  .articles-blog-hosting-item .content .date {
    padding: 10px 8px;
  }

  .articles-blog-hosting-item .content .btn {
    padding: 8px 6px;
  }
}

.total-info-hosting {
  margin: 112px 0 -115px;
}

@media only screen and (max-width: 767px) {
  .total-info-hosting {
    margin-top: 70px;
  }
}

.total-info-hosting .total-info-marketing-wrapper {
  border-radius: 60px;
  padding      : 44px 99px 57px 98px;
  box-shadow   : 0px -32px 27px rgba(0, 0, 0, 0.02);
}

.total-info-hosting .total-info-marketing-wrapper>div>div:hover span {
  color: #1081e8;
}

@media only screen and (max-width: 767px) {
  .total-info-hosting .total-info-marketing-wrapper {
    padding      : 32px;
    border-radius: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .total-info-hosting .total-info-marketing-wrapper {
    padding      : 32px 20px;
    border-radius: 32px;
  }
}

.about-us-hosting-landing .image {
  max-width: 852px;
}

.about-us-hosting-power-me {
  margin: 344px 0 158px;
}

.about-us-hosting-power-me .container::after {
  width           : 106px;
  height          : 114px;
  background-image: var(--wpr-bg-2118ba0e-7038-4588-aa4f-6ce5f2098f49);
  top             : 98%;
  right           : 40%;
}

.about-us-hosting-power-me.two {
  margin: 153px 0 135px;
}

.about-us-hosting-power-me.three {
  margin: 0 0 102px;
}

@media only screen and (max-width: 767px) {
  .about-us-hosting-power-me {
    margin: 140px 0 80px;
  }

  .about-us-hosting-power-me .container::after {
    content: none;
  }

  .about-us-hosting-power-me.two {
    margin: 100px 0 70px;
  }
}

.about-us-hosting-services::before {
  background-image: var(--wpr-bg-c0ba40fc-83de-469f-91db-486fdd2a4cbe);
  transform       : translateY(102px);
  height          : 89%;
}

.about-us-hosting-services::after {
  background-image: var(--wpr-bg-a1c0e9ea-978d-4aa8-8825-9cb40c381289);
  width           : 68px;
  height          : 109px;
}

.about-us-hosting-services .container::before {
  width           : 59px;
  height          : 173px;
  background-image: var(--wpr-bg-7386a1b1-9605-4b30-9726-12355f6d792b);
  mix-blend-mode  : difference;
  bottom          : 23%;
}

.about-us-hosting-services .container::after {
  width           : 66px;
  height          : 148px;
  background-image: var(--wpr-bg-40c57054-d937-423f-ba5f-ca93e5a8eddb);
  mix-blend-mode  : difference;
  top             : 13%;
}

.about-us-hosting-services .section-heading-hosting {
  margin-bottom: 51px;
}

.about-us-hosting-services-items {
  gap: 40px 80px;
}

.about-us-hosting-services-items::before,
.about-us-hosting-services-items::after {
  top: 62%;
}

.about-us-hosting-services-items::before {
  background-image: var(--wpr-bg-e00af4ab-71ae-429e-ac23-e443e4916ad4);
  width           : 107px;
  height          : 122px;
  right           : 6%;
  transform       : translateY(-50%) rotate(-59deg);
}

.about-us-hosting-services-items::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/mosalas-blue-3.png);
  width           : 102px;
  height          : 114px;
  left            : 6%;
  transform       : translateY(-50%) rotate(28deg);
}

.about-us-hosting-services-items>div {
  max-width: calc(33.333333% - 54px);
  width    : 100%;
  flex     : 0 0 auto;
}

@media only screen and (max-width: 1199px) {
  .about-us-hosting-services-items {
    gap: 40px;
  }

  .about-us-hosting-services-items>div {
    max-width: calc(33.333333% - 27px);
  }
}

@media only screen and (max-width: 991px) {
  .about-us-hosting-services-items>div {
    max-width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 575px) {
  .about-us-hosting-services::after {
    content: none;
  }

  .about-us-hosting-services-items>div {
    max-width   : 94%;
    margin-right: auto;
  }
}

.about-us-hosting-comments {
  margin-bottom: 387px;
}

.about-us-hosting-comments::before {
  background-image: var(--wpr-bg-88776d6b-b978-4e3b-b9dc-de286fc37f8d);
  transform       : translateY(-64px);
  height          : 145%;
}

.about-us-hosting-comments::after {
  background-image: var(--wpr-bg-af81fb5c-eb1f-4fd4-800e-39169eab1de0);
  width           : 103px;
  height          : 197px;
  mix-blend-mode  : difference;
}

.about-us-hosting-comments .container::before {
  width           : 296px;
  height          : 406px;
  background-image: var(--wpr-bg-2288acd1-5293-4a1e-a451-0b6fce127266);
  top             : 87%;
}

.about-us-hosting-comments .container::after {
  width           : 313px;
  height          : 406px;
  background-image: var(--wpr-bg-56b77c7a-9f1e-4a7e-8003-d1374bc260ee);
  top             : 20%;
}

.about-us-hosting-comments-wrapper::after {
  background-image: var(--wpr-bg-10ebc13c-de3c-446a-9783-3a2e8f7f465d);
  max-width       : 1384px;
  height          : 506px;
  transform       : translateY(260px);
  right           : 0;
  left            : 0;
  margin          : 0 auto;
}

.about-us-hosting-comments-wrapper .btn {
  margin-top: 39px;
}

.about-us-hosting-comments-item {
  max-width: 843px;
}

.about-us-hosting-comments-item img {
  width     : 106px;
  height    : 106px;
  box-shadow: 0px 39px 50px rgba(0, 0, 0, 0.15);
}

.about-us-hosting-comments-item h2 {
  margin     : 30px 0 28px;
  line-height: 36px;
}

.about-us-hosting-comments-item p {
  -moz-text-align-last: center;
  text-align-last     : center;
}

.about-us-hosting-comments .swiper {
  padding-bottom: 56px;
}

.about-us-hosting-comments .swiper-button-next,
.about-us-hosting-comments .swiper-button-prev {
  height: 20px;
}

.about-us-hosting-comments .swiper-button-next::after,
.about-us-hosting-comments .swiper-button-prev::after {
  content    : "\e944";
  font-family: "icomoon";
  font-size  : 20px;
  color      : #1081e8;
}

.about-us-hosting-comments .swiper-button-next::after {
  content: "\e943";
}

.about-us-hosting-comments .swiper-pagination {
  transform: translateY(-10px);
  margin   : 0 30px;
}

.about-us-hosting-comments .swiper-pagination-bullet {
  width           : 40px;
  height          : 4px;
  opacity         : 1;
  background-color: #d9d9d9;
  margin          : 0 5px;
  border-radius   : 0;
}

.about-us-hosting-comments .swiper-pagination-bullet-active {
  width           : 53px;
  background-color: #1081e8;
}

@media only screen and (max-width: 1199px) {
  .about-us-hosting-comments-wrapper::after {
    height: 420px;
  }
}

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

  .about-us-hosting-comments .container::before,
  .about-us-hosting-comments .container::after {
    content: none;
  }

  .about-us-hosting-comments-wrapper::after {
    height   : 380px;
    transform: translateY(220px);
  }
}

@media only screen and (max-width: 767px) {
  .about-us-hosting-comments {
    margin-bottom: 80px;
  }

  .about-us-hosting-comments-wrapper::after {
    content: none;
  }

  .about-us-hosting-comments .swiper-pagination-bullet {
    width: 20px;
  }

  .about-us-hosting-comments .swiper-pagination-bullet-active {
    width: 28px;
  }
}

.about-us-hosting-location {
  margin-bottom: 118px;
}

.about-us-hosting-location::before {
  background-image: var(--wpr-bg-48c9b0e2-9125-4382-9325-53775133ffda);
  height          : 118%;
  transform       : translateY(-70px);
}

.about-us-hosting-location .section-heading-hosting {
  margin-bottom: 48px;
}

.about-us-hosting-location img {
  max-width: 1025px;
}

.about-us-hosting-gallery {
  margin: 87px 0 61px;
}

.about-us-hosting-gallery::before {
  background-image: var(--wpr-bg-0f5a0d49-7697-444c-b837-810ead18bfa2);
  height          : 99%;
  top             : 11px;
}

.about-us-hosting-gallery::after {
  width           : 57px;
  height          : 107px;
  background-image: var(--wpr-bg-b726ef1a-bbed-44da-86af-00628ead82af);
  transform       : translateY(-75px);
}

.about-us-hosting-gallery .container::before {
  width           : 92px;
  height          : 262px;
  background-image: var(--wpr-bg-61d7af3b-6181-4611-a7a9-b32062926d7a);
  top             : 25%;
}

.about-us-hosting-gallery .container::after {
  width           : 82px;
  height          : 262px;
  background-image: var(--wpr-bg-066e481a-7342-4b11-af41-5af6e2b601b6);
  top             : 15%;
}

.about-us-hosting-gallery .section-heading-hosting {
  margin-bottom: 55px;
}

.about-us-hosting-gallery .section-heading-hosting::after {
  width           : 82px;
  height          : 262px;
  background-image: var(--wpr-bg-69a63cab-2696-4aa8-ae7a-064fa7d7fadb);
  transform       : translateY(100px);
}

.about-us-hosting-gallery .swiper {
  padding-bottom: 68px;
}

.contact-us-hosting-landing-wrapper {
  border-radius: 26px;
  border       : 1px solid #fff;
  padding      : 25px 80px 65px 54px;
  max-width    : 1227px;
}

.contact-us-hosting-landing-content {
  padding         : 7px;
  background-color: rgba(255, 255, 255, 0.5);
}

.contact-us-hosting-landing-content,
.contact-us-hosting-landing-content form {
  border-radius: 35px;
}

.contact-us-hosting-landing-content form {
  background-color: #fbfbfb;
  padding         : 63px 38px 60px 30px;
}

.contact-us-hosting-landing-content form .form-group {
  margin-bottom: 23px;
  box-shadow   : 0px 24px 30px rgba(0, 0, 0, 0.05);
}

.contact-us-hosting-landing-content form .form-group i {
  right: 32px;
}

.contact-us-hosting-landing-content form .form-group .form-control {
  height : 76px;
  padding: 0 60px 0 16px;
}

.contact-us-hosting-landing-content form .form-group .form-control::-moz-placeholder {
  color: rgba(73, 73, 73, 0.8);
}

.contact-us-hosting-landing-content form .form-group .form-control,
.contact-us-hosting-landing-content form .form-group .form-control::placeholder,
.contact-us-hosting-landing-content form .form-group .form-control:focus {
  color: rgba(73, 73, 73, 0.8);
}

.contact-us-hosting-landing-content form .form-group.textarea {
  padding: 72px 32px 0 16px;
}

.contact-us-hosting-landing-content form .form-group.textarea i {
  top: 21px;
}

.contact-us-hosting-landing-content form .form-group.textarea .form-control {
  height: 146px;
}

.contact-us-hosting-landing-content form .form-group.textarea .btn {
  box-shadow: 0px 18px 25px rgba(16, 129, 232, 0.32);
  transform : translateY(19px);
  margin-top: -19px;
  padding   : 9px 18px;
}

@media only screen and (max-width: 991px) {
  .contact-us-hosting-landing .landing-hosting-bg {
    height: 100%;
  }

  .contact-us-hosting-landing-wrapper {
    padding: 25px;
  }

  .contact-us-hosting-landing-content form {
    padding: 50px 30px 30px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-hosting-landing-wrapper {
    padding: 0;
    border : none;
  }

  .contact-us-hosting-landing-content {
    padding: 3px;
  }

  .contact-us-hosting-landing-content form {
    padding: 32px 12px 24px;
  }

  .contact-us-hosting-landing-content form .form-group .form-control {
    font-size: 12px;
  }
}

.contact-us-hosting-what-call {
  margin-bottom: 128px;
}

.contact-us-hosting-what-call::before {
  background-image: var(--wpr-bg-9df0be7d-5323-4957-a085-bfc021f3c23b);
  transform       : translateY(-457px);
  height          : 180%;
}

.contact-us-hosting-what-call::after {
  background-image: var(--wpr-bg-6a8f21b5-c50b-48d9-9596-9bc595895cd8);
  width           : 313px;
  height          : 406px;
}

.contact-us-hosting-what-call .container::before {
  background-image: var(--wpr-bg-502f9448-08d0-4fcf-905e-4cd4cb5fade9);
  width           : 296px;
  height          : 406px;
  transform       : translateY(254px);
}

.contact-us-hosting-what-call .section-heading-hosting {
  margin-bottom: 54px;
}

.contact-us-hosting-what-call-wrapper {
  max-width: 773px;
}

.contact-us-hosting-what-call-wrapper .row {
  margin: 0 -30px;
}

.contact-us-hosting-what-call-wrapper .row .col-md-6 {
  padding: 0 30px;
}

.contact-us-hosting-what-call-wrapper .btns {
  margin-top: 89px;
  gap       : 33px;
}

.contact-us-hosting-what-call-item {
  border-radius: 37px;
  box-shadow   : 0px 65px 50px rgba(0, 0, 0, 0.02);
  padding      : 25px 26px 23px 20px;
}

.contact-us-hosting-what-call-item .icon {
  width  : 47px;
  height : 48px;
  margin : 12px 0 0 20px;
  z-index: 2;
  flex   : 0 0 auto;
}

.contact-us-hosting-what-call-item .icon::before {
  background-color       : rgba(15, 40, 81, 0.25);
  border-radius          : 50%;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.contact-us-hosting-what-call-item .icon::after {
  width        : 42px;
  height       : 42px;
  background   : linear-gradient(0deg, #0f2851, #0f2851), #0f2851;
  box-shadow   : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  border-radius: 15px;
  transform    : translate(-11px, -12px);
}

.contact-us-hosting-what-call-item .detail .sub-title {
  line-height  : 20px;
  margin-bottom: 10px;
}

.contact-us-hosting-what-call-item .detail a {
  color: #0f2851;
}

.contact-us-hosting-what-call-item.two .icon::before {
  background-color: rgba(16, 129, 232, 0.25);
}

.contact-us-hosting-what-call-item.two .icon::after {
  background: linear-gradient(0deg, #1081e8, #1081e8), #1081e8;
}

.contact-us-hosting-what-call-item.two .detail a {
  color: #1081e8;
}

.contact-us-hosting-what-call-item:hover {
  transform: translateY(-4px);
}

@media only screen and (max-width: 991px) {
  .contact-us-hosting-what-call-wrapper .row {
    margin: 0 -12px;
  }

  .contact-us-hosting-what-call-wrapper .row .col-md-6 {
    padding: 0 12px;
  }

  .contact-us-hosting-what-call-wrapper .btns {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-hosting-what-call-wrapper .btns {
    gap: 12px;
  }

  .contact-us-hosting-what-call-wrapper .btns .btn {
    flex: 1 0 calc(50% - 6px);
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-hosting-what-call-wrapper .btns .btn {
    flex: 1 0 100%;
  }
}

.blog-hosting-landing .landing-hosting-bg {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  height            : 128%;
}

.blog-hosting-landing .title {
  text-shadow: none;
  line-height: 62px;
}

.blog-hosting-landing p {
  line-height: 44px;
}

.blog-hosting-landing .image::after {
  width           : 75%;
  height          : 104px;
  background-color: rgba(0, 0, 0, 0.32);
  filter          : blur(50px);
  border-radius   : 50%;
  left            : 50%;
  transform       : translate(-50%, 66px);
}

@media only screen and (max-width: 1399px) {
  .blog-hosting-landing .landing-hosting-bg {
    height: 150%;
  }
}

@media only screen and (max-width: 1199px) {
  .blog-hosting-landing .landing-hosting-bg {
    height: 170%;
  }
}

@media only screen and (max-width: 991px) {
  .blog-hosting-landing .landing-hosting-bg {
    height: 75%;
  }

  .blog-hosting-landing .title {
    color: rgba(73, 73, 73, 0.8);
  }

  .blog-hosting-landing p {
    color: rgba(73, 73, 73, 0.5) !important;
  }

  .blog-hosting-landing .image::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .blog-hosting-landing .title {
    line-height: 48px;
  }

  .blog-hosting-landing p {
    line-height: 34px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-hosting-landing .landing-hosting-bg {
    height: 64%;
  }

  .blog-hosting-landing .title {
    line-height: 40px;
  }

  .blog-hosting-landing p {
    font-size  : 18px;
    line-height: 32px;
  }
}

.blog-hosting-articles-top-view .btn-more-hosting,
.blog-hosting-top-view-tech .btn-more-hosting {
  margin-top: 36px;
}

.blog-hosting-articles-top-view {
  margin: 105px 0 99px;
}

.blog-hosting-articles-top-view::before {
  background-image: var(--wpr-bg-31e2caaf-d470-4e8f-a2ec-f165422b2594);
  top             : 436px;
  height          : 73%;
}

.blog-hosting-articles-top-view::after {
  background-image: var(--wpr-bg-fc8dcc60-ce9e-472b-8913-92f6f12569df);
  width           : 136px;
  height          : 174px;
  top             : 26%;
}

.blog-hosting-articles-top-view .container::before {
  width           : 108px;
  height          : 201px;
  background-image: var(--wpr-bg-70f99426-b9b5-4234-8a6b-8bf9f8776054);
  mix-blend-mode  : difference;
  transform       : translateY(64px);
}

.blog-hosting-articles-top-view .container::after {
  background-image: var(--wpr-bg-7696804b-1d85-4ea7-957b-69c2274c95cd);
  mix-blend-mode  : difference;
  width           : 53px;
  height          : 98px;
  bottom          : 27%;
}

.blog-hosting-articles-top-view .section-heading-hosting {
  margin-bottom: 40px;
}

.blog-hosting-articles-top-view .swiper {
  padding-bottom: 79px;
}

.blog-hosting-articles {
  margin-top: 170px;
}

.blog-hosting-articles::before {
  background-image: var(--wpr-bg-e5eb3137-d185-4e91-9ef9-49ad8a8dcc3f);
  height          : 85%;
  top             : 276px;
}

.blog-hosting-articles::after {
  width           : 57px;
  height          : 107px;
  background-image: var(--wpr-bg-9abd60cb-26ff-45e5-8685-da5362c117f3);
}

.blog-hosting-articles .section-heading-hosting {
  margin-bottom: 60px;
}

.blog-hosting-articles .articles::before,
.blog-hosting-articles .articles::after {
  background-image: var(--wpr-bg-01964a68-c40b-42ff-99cc-c6f8a724de0c);
  width           : 296px;
  height          : 406px;
}

.blog-hosting-articles .articles::before {
  top: 17%;
}

.blog-hosting-articles .articles::after {
  top: 58%;
}

.blog-hosting-articles .articles .row {
  gap: 57px 0;
}

.blog-hosting-articles .articles .row::before,
.blog-hosting-articles .articles .row::after {
  background-image: var(--wpr-bg-24ec4ba3-c71f-4c66-b954-af6e73e9fa35);
  width           : 256px;
  height          : 206px;
  transform       : translateX(-106px);
  mix-blend-mode  : difference;
}

.blog-hosting-articles .articles .row::before {
  top: 24%;
}

.blog-hosting-articles .articles .row::after {
  top: 76%;
}

@media only screen and (max-width: 767px) {
  .blog-hosting-articles {
    margin-top: 70px;
  }
}

.detail-blog-hosting-landing .landing-hosting-bg {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjMEYyODUxIi8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjMEYyODUxIi8+Cjwvc3ZnPgo=);
  height            : 77%;
  background-image  : none;
}

.detail-blog-hosting-landing-wrapper {
  margin-bottom   : 109px;
  max-width       : 1029px;
  padding         : 34px 114px 58px 122px;
  background-image: var(--wpr-bg-d1d50f0b-18fb-4041-a670-7e33115e1e8c);
}

@media only screen and (min-width: 768px) {
  .detail-blog-hosting-landing .title {
    line-height: 44px;
  }

  .detail-blog-hosting-landing .sub-title {
    line-height: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-hosting-landing-wrapper {
    padding      : 16px 83px 42px 86px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-landing-wrapper {
    padding: 16px 60px 31px 64px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-hosting-landing .landing-hosting-bg {
    height: 65%;
  }

  .detail-blog-hosting-landing-wrapper {
    background-image: none;
    padding         : 0;
  }

  .detail-blog-hosting-landing-wrapper img {
    border-radius: 16px;
  }
}

.detail-blog-hosting-content {
  margin: 32px 0 50px;
}

.detail-blog-hosting-comments {
  margin: 137px 0 105px;
}

.detail-blog-hosting-comments ul li .content .text-reply p::before,
.detail-blog-hosting-comments ul li ul::before {
  background-color: rgba(16, 129, 232, 0.75);
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-comments {
    margin: 80px 0;
  }
}

.detail-blog-hosting-send-comment::before {
  background-image: var(--wpr-bg-cb9b2d40-9f20-4cda-b723-791693d372df);
  height          : 100%;
  transform       : unset;
  top             : 87px;
}

.detail-blog-hosting-send-comment .box-star .stars input:checked~label i {
  color: #1081e8;
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-send-comment {
    margin-bottom: 70px;
  }
}

.detail-blog-hosting-world {
  margin-bottom: 109px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-hosting-world {
    margin-bottom: 60px;
  }
}

.services-hosting-landing {
  margin-bottom: 67px;
}

.services-hosting-landing .landing-hosting-bg {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI2MTkiIHZpZXdCb3g9IjAgMCAxNjAwIDYxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDg3NzM4IC01M0gxNjAzVjU0NS4yNjJDMTYwMyA1NDUuMjYyIDE3MTEuNSA2MTkgODAxLjQ5OSA2MTlDLTEwOC41MDEgNjE5IC0wLjAwMDg3NzM4IDU0NS4yNjIgLTAuMDAwODc3MzggNTQ1LjI2MlYtNTNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=);
  height            : 92%;
}

.services-hosting-landing .image {
  max-width       : 1080px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow      : 0px 13px 50px rgba(0, 0, 0, 0.05);
  padding         : 8px;
}

.services-hosting-landing .image,
.services-hosting-landing .image img {
  border-radius: 28px;
}

@media only screen and (max-width: 575px) {
  .services-hosting-landing .landing-hosting-bg {
    height: 100%;
  }

  .services-hosting-landing .image {
    padding: 4px;
  }

  .services-hosting-landing .image,
  .services-hosting-landing .image img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 399px) {
  .services-hosting-landing .landing-hosting-bg {
    height: 140%;
  }
}

.services-hosting-items {
  margin: 60px 0 197px;
}

.services-hosting-items::before {
  background-image: var(--wpr-bg-09996753-a06f-4a0f-bb6a-467da7d10d5d);
  height          : 190%;
  transform       : translateY(-50px);
}

.services-hosting-items::after {
  background-image: var(--wpr-bg-743fe86b-9940-4997-9edb-18da8303d39e);
  width           : 80px;
  height          : 190px;
  top             : 24px;
  mix-blend-mode  : difference;
}

.services-hosting-items .container::before {
  background-image: var(--wpr-bg-86a8360d-a89a-4f7f-b75c-2fc4b861f613);
  width           : 296px;
  height          : 406px;
}

.services-hosting-items .container::after {
  background-image: var(--wpr-bg-fbd91a82-90e8-4bb6-aeaf-cd9c4d7f2894);
  width           : 426px;
  height          : 607px;
  top             : 20%;
}

.services-hosting-items .section-heading-hosting {
  margin-bottom: 137px;
}

.services-hosting-items .section-heading-hosting::before {
  width           : 90px;
  height          : 194px;
  background-image: var(--wpr-bg-fa591804-5d85-4aac-8d78-cbb497419a38);
  mix-blend-mode  : exclusion;
  top             : 7%;
}

.services-hosting-items .plan-item.center h2::before {
  bottom: 200px;
}

.services-hosting-items .plan-item.center ul::before,
.services-hosting-items .plan-item.center .price::before {
  content: none;
}

@media only screen and (max-width: 991px) {
  .services-hosting-items .row {
    gap: 48px 0;
  }
}

@media only screen and (max-width: 767px) {
  .services-hosting-items {
    margin-bottom: 80px;
  }

  .services-hosting-items .section-heading-hosting {
    margin-bottom: 50px;
  }
}

.services-hosting-host-features::before {
  height          : 76%;
  background-image: var(--wpr-bg-afb605f2-8d99-4cbc-86b2-ed34fc7f4692);
  transform       : translateY(223px);
}

.services-hosting-host-features-wrapper {
  box-shadow: 0px 58px 200px rgba(0, 0, 0, 0.02);
  padding   : 45px 57px;
}

.services-hosting-host-features-wrapper>img {
  margin-bottom: 38px;
}

.services-hosting-host-features-wrapper .section-heading-hosting {
  margin-bottom: 30px;
}

.services-hosting-host-features-plans .heading>div,
.services-hosting-host-features-plans .body-list>div {
  max-width: 33.333333%;
  flex     : 0 0 auto;
  padding  : 0 12px;
}

.services-hosting-host-features-plans .heading {
  margin-bottom: 27px;
}

.services-hosting-host-features-plans .heading>div:nth-child(2) span {
  box-shadow      : 0px 9px 20px 2px rgba(16, 129, 232, 0.25);
  background-color: #1081e8;
  padding         : 14px 31px;
}

.services-hosting-host-features-plans .body-list:not(:last-child)>div {
  padding-bottom: 9px;
  margin-bottom : 28px;
  border-bottom : 1px solid rgba(73, 73, 73, 0.2);
}

@media only screen and (max-width: 991px) {
  .services-hosting-host-features-wrapper {
    padding      : 45px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .services-hosting-host-features-wrapper {
    border-radius: 20px;
  }

  .services-hosting-host-features-plans {
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
    scroll-snap-type  : x mandatory;
  }

  .services-hosting-host-features-plans::-webkit-scrollbar {
    display: none;
  }

  .services-hosting-host-features-plans .heading>div,
  .services-hosting-host-features-plans .body-list>div {
    max-width        : 48%;
    scroll-snap-align: start;
  }
}

@media only screen and (max-width: 575px) {
  .services-hosting-host-features-wrapper {
    padding      : 40px 20px;
    margin       : 0 -12px;
    border-radius: 0;
  }

  .services-hosting-host-features-plans {
    margin : 0 -20px;
    padding: 0 20px;
  }

  .services-hosting-host-features-plans .heading>div,
  .services-hosting-host-features-plans .body-list>div {
    max-width: 65%;
  }
}

.services-hosting-comments {
  margin-top: 158px;
}

.services-hosting-comments .section-heading-hosting::before {
  width           : 76px;
  height          : 121px;
  mix-blend-mode  : difference;
  background-image: var(--wpr-bg-ba4fabf2-bdc0-4a18-8e62-a94323173dfb);
  transform       : translateY(-200px);
}

@media only screen and (max-width: 767px) {
  .services-hosting-comments {
    margin-top: 80px;
  }
}

.swiper-transport {
  padding-bottom: 52px;
}

.swiper-transport .swiper-pagination {
  bottom: 0;
}

.swiper-transport .swiper-pagination-bullet {
  opacity         : 1;
  background-color: rgba(73, 73, 73, 0.3);
  width           : 11px;
  height          : 6px;
  border-radius   : 9px;
}

.swiper-transport .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #fcb712;
}

.faq-transport {
  margin-bottom: 150px;
}

.faq-transport::before {
  background-image: var(--wpr-bg-c6a465ce-94df-48a4-9faf-d9ca95240a8d);
  height          : 113%;
  transform       : translateY(-24px);
}

.faq-transport::after {
  background-image: var(--wpr-bg-1227fcb2-d267-4b72-8780-094ab7faebb9);
  top             : 102px;
  width           : 467px;
  height          : 406px;
}

.faq-transport .container::before {
  background-image: var(--wpr-bg-45ceee2a-0a1c-46b1-82c4-d15f891be7ca);
  width           : 432px;
  height          : 406px;
  transform       : translateY(59px);
}

.faq-transport-item {
  box-shadow    : 0px 66px 50px rgba(0, 0, 0, 0.02);
  padding-bottom: 32px;
}

.faq-transport-item:not(:last-child) {
  margin-bottom: 17px;
}

.faq-transport-item-heading {
  padding: 31px 42px 0 50px;
  cursor : pointer;
}

.faq-transport-item-heading:not(.collapsed) i {
  transform: rotate(180deg);
}

.faq-transport-item-content {
  margin-top: 31px;
  padding   : 0 42px 0 50px;
}

@media only screen and (max-width: 991px) {
  .faq-transport {
    margin-bottom: 170px;
  }
}

@media only screen and (max-width: 575px) {
  .faq-transport-item {
    padding-bottom: 24px;
  }

  .faq-transport-item-heading {
    padding: 24px 20px 0;
  }

  .faq-transport-item-content {
    padding: 0 24px;
  }
}

.total-info-transport::after {
  background-image: var(--wpr-bg-f2de3d6a-d453-4379-9594-1ad65ad915bc);
  width           : 121px;
  height          : 406px;
  left            : 0;
}

.total-info-transport-wrapper {
  padding      : 44px 50px 57px;
  border-radius: 60px;
}

.total-info-transport-wrapper .professionals-clening-wrapper>div:hover span {
  color: #fcb712;
}

@media only screen and (max-width: 1199px) {
  .total-info-transport-wrapper {
    padding: 44px 40px 57px;
  }
}

@media only screen and (max-width: 991px) {
  .total-info-transport-wrapper {
    padding      : 24px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .total-info-transport-wrapper {
    border-radius: 20px;
    padding      : 20px;
  }
}

.country-transport {
  margin: 140px 0 97px;
}

.country-transport::after {
  background-image: var(--wpr-bg-e2a8c79d-1c2d-4758-8484-2e4d0ffcc3c6);
  width           : 169px;
  height          : 406px;
  top             : 105px;
}

.country-transport img {
  filter: drop-shadow(0px 32px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 991px) {
  .country-transport {
    margin: 80px 0;
  }
}

.comments-home-transport .swiper {
  margin-bottom: 28px;
}

.comments-home-transport .swiper-slide {
  opacity  : 0.55;
  transform: scaleY(0.9);
}

.comments-home-transport .swiper-slide-prev>* {
  margin-left: -30px;
}

.comments-home-transport .swiper-slide-next>* {
  margin-right: -30px;
}

.comments-home-transport .swiper-slide-active {
  opacity  : 1;
  transform: unset;
}

.comments-home-transport-item {
  padding            : 42px 41px 60px;
  transition-property: opacity, transform;
}

.comments-home-transport-item .info {
  margin-bottom: 17px;
}

.comments-home-transport-item .info .detail .name {
  line-height: 22px;
}

.comments-home-transport-item .info .detail .position {
  color        : #787878;
  margin-bottom: 1px;
  line-height  : 18px;
}

.comments-home-transport-item .info .detail .stars i.active {
  color: #fcb712;
}

.comments-home-transport-item p {
  line-height: 22px;
}

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

  .comments-home-transport::before,
  .comments-home-transport::after,
  .comments-home-transport .container::before,
  .comments-home-transport .container::after,
  .comments-home-transport .section-heading-hosting::before,
  .comments-home-transport .section-heading-hosting::after,
  .comments-home-transport-carousel::before {
    content: none;
  }

  .comments-home-transport .swiper {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .comments-home-transport-item {
    padding: 32px 24px 40px;
  }
}

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

  .comments-home-transport .swiper-slide-prev>*,
  .comments-home-transport .swiper-slide-next>* {
    margin: 0;
  }
}

.company-transport {
  margin: 255px 0 166px;
}

.company-transport::before {
  background-image: var(--wpr-bg-6bb1f0de-bdb2-4f4f-9e5b-cb8164599b43);
  transform       : translateY(-78px);
  height          : 140%;
}

.company-transport .section-heading-hosting::before {
  background-image: var(--wpr-bg-7c01c0e8-9376-4b89-ade3-eab21a6e71ac);
  width           : 235px;
  height          : 251px;
  left            : 50%;
  transform       : translate(-55%, -177px);
}

.company-transport-link {
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  .company-transport {
    margin-bottom: 60px;
  }
}

.by-air-transport {
  margin: 139px 0 162px;
}

.by-air-transport::before {
  width           : 80px;
  height          : 190px;
  background-image: var(--wpr-bg-08d249c5-c529-44be-a774-4fad2f6b154b);
  mix-blend-mode  : difference;
}

.by-air-transport::after {
  top             : 50%;
  transform       : translateY(-50%);
  width           : 60px;
  height          : 123px;
  background-image: var(--wpr-bg-68f932c3-10b8-47c4-bc2c-1df9fea232b7);
  mix-blend-mode  : exclusion;
}

.by-air-transport .container::before {
  background-image: var(--wpr-bg-e6713730-5618-4f05-8f6f-50aec2cd5d5a);
  width           : 388px;
  height          : 406px;
  transform       : translateY(66px);
}

@media only screen and (max-width: 991px) {
  .by-air-transport::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .by-air-transport {
    margin: 80px 0 190px;
  }
}

.flag-transport::before {
  background-image: var(--wpr-bg-8005735a-11fa-4e68-88b5-3c69e23fe523);
  transform       : translateY(-124px);
  height          : 535%;
}

.flag-transport .row {
  filter: drop-shadow(0px 42px 50px rgba(0, 0, 0, 0.05));
  margin: 0 -10px 54px;
  gap   : 20px 0;
}

.flag-transport .row>* {
  padding: 0 10px;
}

.flag-transport-item {
  padding: 23px 12px;
  opacity: 0.4;
}

.flag-transport-item img {
  max-width: 36%;
  height   : auto;
  flex     : 0 0 auto;
}

.flag-transport-item .detail {
  border-right : 0.5px solid rgba(73, 73, 73, 0.4);
  padding-right: 18px;
  margin-right : 11px;
  max-width    : 64%;
  flex         : 0 0 auto;
}

.flag-transport-item:hover {
  opacity: 1;
}

.top-header-transport {
  padding      : 67px 0 0;
  margin-bottom: 106px;
}

.top-header-transport::before {
  height: 755%;
}

.top-header-transport::after {
  transform    : unset;
  left         : auto;
  border-radius: 0;
  width        : 50%;
  height       : 131px;
  background   : linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, #FCFCFF 100%);
  top          : 647%;
}

.top-header-transport-category>button::after {
  background-color: rgba(252, 183, 18, 0.15);
}

.top-header-transport-nav li a::after {
  background-color: #FCB712;
}

.top-header-transport-nav li a.active,
.top-header-transport-nav li a:hover {
  color: #FCB712;
}

.top-header-transport .btn {
  box-shadow: 0px 11px 30px rgba(73, 73, 73, 0.15);
}

@media only screen and (max-width: 991px) {
  .top-header-transport {
    padding-top  : 32px;
    margin-bottom: 80px;
  }
}

.footer-trnsport {
  margin-top: 75px;
}

.footer-trnsport-contact {
  padding      : 40px 54px 35px;
  border-radius: 28px;
  box-shadow   : 0px 20px 26px rgba(0, 0, 0, 0.05);
  margin-bottom: -66px;
  z-index      : 4;
}

.footer-trnsport-contact-title {
  margin-left: 46px;
}

.footer-trnsport-contact-title .sub-title {
  letter-spacing: 2px;
}

.footer-trnsport-contact ul {
  flex: 1;
}

.footer-trnsport-contact ul li {
  max-width: 33.333333%;
  padding  : 0 12px;
  flex     : 0 0 auto;
}

.footer-trnsport-wrapper {
  padding-top: 130px;
  z-index    : 2;
}

.footer-trnsport-content {
  background-color: #121212;
  padding         : 41px 0 35px;
}

.footer-trnsport-content::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiIHZpZXdCb3g9IjAgMCAxNjAzIDEzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzcxN180IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiPgo8cmVjdCB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzcxN180KSI+CjxwYXRoIGQ9Ik0wIDg4NC40MzVIMTYwM1Y5Ny40MzQ2QzE2MDMgOTcuNDM0NiAxNTMxIDguNDM0NTcgODAxLjUgMC40MzQ1N0M3MiAtNy41NjU0MyAwIDk3LjQzNDYgMCA5Ny40MzQ2Vjg4NC40MzVaIiBmaWxsPSIjMTIxMjEyIi8+CjwvZz4KPC9zdmc+Cg==) top center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiIHZpZXdCb3g9IjAgMCAxNjAzIDEzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzcxN180IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiPgo8cmVjdCB3aWR0aD0iMTYwMyIgaGVpZ2h0PSIxMzAiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzcxN180KSI+CjxwYXRoIGQ9Ik0wIDg4NC40MzVIMTYwM1Y5Ny40MzQ2QzE2MDMgOTcuNDM0NiAxNTMxIDguNDM0NTcgODAxLjUgMC40MzQ1N0M3MiAtNy41NjU0MyAwIDk3LjQzNDYgMCA5Ny40MzQ2Vjg4NC40MzVaIiBmaWxsPSIjMTIxMjEyIi8+CjwvZz4KPC9zdmc+Cg==) top center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  height             : 130px;
  background-color   : inherit;
}

.footer-trnsport-description {
  margin     : 19px 0 44px;
  line-height: 29px;
}

.footer-trnsport .col-nav {
  max-width: 20%;
  padding  : 0 12px;
}

.footer-trnsport-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-trnsport-nav li a:hover {
  color: #fff;
}

.footer-trnsport-text {
  margin-top : 56px;
  line-height: 34px;
  max-width  : 398px;
}

@media only screen and (max-width: 991px) {
  .footer-trnsport-contact {
    padding      : 24px;
    margin-bottom: -100px;
  }

  .footer-trnsport-contact-title {
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-trnsport-contact {
    border-radius: 20px;
  }

  .footer-trnsport-contact ul li {
    max-width: 100%;
    padding  : 0;
  }

  .footer-trnsport-contact ul li:not(:last-child) {
    margin-bottom: 24px;
  }

  .footer-trnsport .row .row {
    gap: 24px 0;
  }

  .footer-trnsport .col-nav {
    max-width: 25%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-trnsport .col-nav {
    max-width: 50%;
  }
}

.landing-transport .btns .btn,
.about-us-home-transport .btns .btn,
.by-air-transport .btns .btn {
  padding    : 11px 24px;
  line-height: 26px;
}

.landing-transport .btns .link:hover,
.about-us-home-transport .btns .link:hover,
.by-air-transport .btns .link:hover {
  color: #fcb712;
}

.landing-transport::before {
  background-image: var(--wpr-bg-2c914821-72c2-473f-a7fa-f370ed2c78da);
  width           : 92px;
  height          : 139px;
  transform       : translateY(-78px);
}

.landing-transport::after {
  width           : 392px;
  height          : 407px;
  background-image: var(--wpr-bg-6e5db37f-de9a-434b-8e2c-2f35ec226226);
  transform       : translateY(-142px);
}

.landing-transport .container::before {
  background-image: var(--wpr-bg-9d79a3aa-7649-4871-aa1e-48cc900566e9);
  width           : 111px;
  height          : 406px;
  transform       : translateY(65px);
}

.landing-transport .sup-title {
  line-height  : 49px;
  margin-bottom: -1px;
}

.landing-transport .title {
  line-height: 62px;
}

.landing-transport .title::before {
  background-image: var(--wpr-bg-ef947ebd-e378-4fb2-aa2e-438a4fdc0ea7);
  width           : 49px;
  height          : 51px;
  left            : calc(100% + 16px);
}

.landing-transport .sub-title {
  margin: -9px 0 7px;
}

.landing-transport p {
  line-height  : 27px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .landing-transport .title {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin   : 0 auto;
  }
}

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

  .landing-transport::before,
  .landing-transport::after,
  .landing-transport .container::before {
    content: none;
  }

  .landing-transport .sup-title {
    font-size  : 24px;
    line-height: 35px;
  }

  .landing-transport .title {
    font-size  : 30px;
    line-height: 42px;
  }

  .landing-transport .sub-title {
    font-size  : 17px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-transport .sup-title {
    font-size  : 18px;
    line-height: 30px;
  }

  .landing-transport .title {
    font-size  : 24px;
    line-height: 35px;
  }

  .landing-transport p {
    font-size: 12px;
  }
}

.search-transport-wrapper {
  padding: 35px 64px;
  gap    : 48px;
}

.search-transport-wrapper>div {
  flex: 1;
}

.search-transport-wrapper .form-control {
  height          : 89px;
  background-color: rgba(243, 243, 243, 0.5);
  border          : none;
  padding-right   : 77px;
}

.search-transport-wrapper .form-control option {
  padding-right: 16px;
}

.search-transport-wrapper i {
  right: 33px;
}

.search-transport-wrapper .btn {
  padding    : 27px 47px;
  line-height: 33px;
  box-shadow : 0px 9px 30px 2px rgba(252, 183, 18, 0.25);
}

.search-transport-wrapper .btn i {
  line-height: 32px;
}

@media only screen and (max-width: 1399px) {
  .search-transport-wrapper {
    padding: 35px;
    gap    : 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .search-transport {
    margin-top: 60px;
  }

  .search-transport-wrapper {
    gap: 24px;
  }

  .search-transport-wrapper .form-control {
    padding-right: 48px;
  }

  .search-transport-wrapper i {
    right: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .search-transport-wrapper>div {
    max-width: calc(50% - 12px);
    flex     : 0 0 auto;
  }

  .search-transport-wrapper .form-control {
    height: 64px;
  }

  .search-transport-wrapper i {
    font-size  : 18px;
    line-height: 18px;
  }

  .search-transport-wrapper .btn {
    padding      : 16px;
    line-height  : 20px;
    flex         : 1;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .search-transport-wrapper {
    padding      : 24px;
    border-radius: 32px;
  }

  .search-transport-wrapper>div {
    max-width: 100%;
  }
}

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

  .about-us-home-transport .sup-title,
  .by-air-transport .sup-title {
    line-height: 50px;
  }

  .about-us-home-transport .title,
  .by-air-transport .title {
    line-height: 53px;
  }
}

.about-us-home-transport {
  margin: 119px 0 115px;
}

.about-us-home-transport::before {
  width           : 80px;
  height          : 190px;
  background-image: var(--wpr-bg-80bb0e5d-49bb-449f-8d0d-af3a0074b323);
  mix-blend-mode  : difference;
}

.about-us-home-transport::after {
  width           : 60px;
  height          : 123px;
  background-image: var(--wpr-bg-94d4821f-b358-462a-9ca4-d95a26af9511);
  mix-blend-mode  : exclusion;
  top             : 92px;
}

.about-us-home-transport .container::before {
  background-image: var(--wpr-bg-961dd6e2-9e21-42dd-956b-0e75a1e1fd88);
  width           : 102px;
  height          : 115px;
  right           : 97px;
  transform       : translateY(65px) rotate(28deg);
}

.about-us-home-transport .container::after {
  background-image: var(--wpr-bg-479fcdfa-5cbe-46b3-a0d3-fbde2ed01dfd);
  transform       : translateY(62px);
  width           : 186px;
  height          : 406px;
}

.about-us-home-transport .row::before {
  background-image: var(--wpr-bg-0a526b9c-f6c3-4886-a452-3947c665b8f6);
  transform       : translateY(-423px);
  height          : 137%;
}

.about-us-home-transport .sup-title::after {
  background-image: var(--wpr-bg-26b65291-f1e6-4f6a-8da0-25f8974bfb85);
  width           : 102px;
  height          : 114px;
  transform       : translateX(32px) rotate(28deg);
}

.about-us-home-transport p {
  line-height: 26px;
}

.about-us-home-transport img {
  padding-left: 44px;
}

@media only screen and (max-width: 991px) {
  .about-us-home-transport img {
    padding-left: 0;
  }
}

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

  .about-us-home-transport::before,
  .about-us-home-transport::after {
    content: none;
  }

  .about-us-home-transport .sup-title::after {
    content: none;
  }
}

.flag-transport-link:hover,
.options-transport-link:hover,
.company-transport-link:hover {
  color: #fcb712;
}

.options-transport .section-heading-hosting::before {
  width           : 148px;
  height          : 148px;
  background-image: var(--wpr-bg-15885a72-f181-4577-9176-8ebe43173e53);
  left            : 50%;
  transform       : translate(-50%, -175px);
}

.options-transport .row {
  gap          : 27px 0;
  margin-bottom: 53px;
}

.options-transport .top-services-item {
  z-index: 2;
}

.options-transport .top-services-item::before {
  background-image: linear-gradient(100.19deg, #fcb712 -38.77%, #fc6612 113.81%);
  opacity         : 0;
}

.options-transport .top-services-item .right::before {
  background-color: #fcb712;
}

.options-transport .top-services-item .right>i::after {
  background-color: rgba(252, 183, 18, 0.25);
}

.options-transport .top-services-item .detail .read-more {
  color: #fcb712;
}

.options-transport .top-services-item:hover::before {
  opacity: 1;
}

.options-transport .top-services-item:hover .right::before {
  background-color: #fff;
}

.options-transport .top-services-item:hover .right>i {
  color: #494949;
}

.options-transport .top-services-item:hover .right>i::after {
  background-color: rgba(255, 255, 255, 0.5);
}

.options-transport .top-services-item:hover .detail h2 {
  color: rgba(255, 255, 255, 0.8);
}

.options-transport .top-services-item:hover .detail p {
  color: rgba(255, 255, 255, 0.6);
}

.options-transport .top-services-item:hover .detail .read-more {
  color: #fff;
}

.comments-home-transport .btn,
.articles-blog-transport .btn {
  box-shadow : 0px 10px 20px 2px rgba(134, 155, 235, 0.32);
  padding    : 9px 30px;
  line-height: 33px;
}

.articles-blog-transport .article-seo h2 a:hover {
  color: #fcb712;
}

.articles-blog-transport .swiper-button-next:hover,
.articles-blog-transport .swiper-button-prev:hover {
  background-color: #fcb712;
}

.articles-blog-transport .btn {
  margin-top: 27px;
}

.about-us-transport-flag {
  margin-top: 153px;
}

.about-us-transport-flag::before {
  transform: translateY(-290px);
  height   : 158%;
}

.about-us-transport-flag .container::before {
  width           : 102px;
  height          : 115px;
  background-image: var(--wpr-bg-4cf486a1-8af8-4752-94bf-99fcb29240ef);
  transform       : rotate(28deg);
}

.about-us-transport-flag .section-heading-hosting::before {
  width           : 148px;
  height          : 148px;
  background-image: var(--wpr-bg-f34c7be0-3403-4ea7-a462-7ccd1f3b94f9);
  left            : 50%;
  transform       : translate(-50%, -175px);
}

.about-us-transport-by-air {
  margin-bottom: 42px;
}

.about-us-transport-by-air .container::after {
  background-image: var(--wpr-bg-dcdf7467-2fa0-4758-8a14-4c3cf6725bb3);
  transform       : translateY(-228px);
  height          : 130%;
}

.about-us-transport-company {
  margin: 272px 0 128px;
}

.about-us-transport-company::before {
  background-image: var(--wpr-bg-66c0d847-e265-400a-a8cb-def6e46b9f83);
  height          : 123%;
  transform       : translateY(-78px);
}

.about-us-transport-company .section-heading-hosting::before {
  background-image: var(--wpr-bg-ae1ded29-006b-4289-9ce7-8b459bd2823e);
  width           : 235px;
  height          : 251px;
  left            : 50%;
  transform       : translate(-55%, -177px);
}

.about-us-transport-company .row {
  gap: 55px 0;
}

.about-us-transport-company .row::before {
  background-image: var(--wpr-bg-1b79b254-c3c1-4919-b030-a136d4d37956);
  width           : 69px;
  height          : 72px;
  transform       : translate(-30px, -18px);
}

@media only screen and (max-width: 575px) {
  .about-us-transport-company .row {
    margin: 0 -8px;
    gap   : 16px 0;
  }

  .about-us-transport-company .row>* {
    padding: 0 8px;
  }
}

.contact-us-transport-form::after {
  background-image: var(--wpr-bg-aaf007ca-8255-4ac0-afe0-bf25e4252551);
  width           : 295px;
  height          : 406px;
  transform       : translateY(188px);
}

.contact-us-transport-form .container::before {
  top          : 40px;
  width        : 443px;
  height       : 443px;
  border-radius: 50%;
  border       : 45px solid #f6ae00;
  filter       : blur(25px);
  background   : transparent;
  transform    : translateX(179px);
}

.contact-us-transport-form form {
  padding: 69px 30px 0;
  z-index: 2;
}

.contact-us-transport-form form::before {
  border-radius          : 0px 59px 59px 59px;
  height                 : calc(100% - 138px);
  background             : rgba(244, 223, 173, 0.1400000006);
  border                 : 5px solid #ffffff;
  box-shadow             : 11px 14px 61px rgba(0, 0, 0, 0.05), inset 0px 4px 4px rgba(255, 255, 255, 0.15), inset 0px 0px 68px rgba(255, 255, 255, 0.05), inset 10px 30px 31px rgba(255, 255, 255, 0.25), inset 18px 22px 45px rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(86px);
  backdrop-filter        : blur(86px);
}

.contact-us-transport-form form::after {
  top             : 265px;
  transform       : translateX(-70px);
  background-color: rgba(252, 183, 18, 0.32);
  filter          : blur(25px);
  width           : 203px;
  height          : 203px;
  border-radius   : 50%;
}

.contact-us-transport-form form .title {
  line-height: 36px;
}

.contact-us-transport-form form .sub-title {
  line-height  : 21px;
  margin-bottom: 10px;
}

.contact-us-transport-form form .form-group i {
  right: 36px;
  width: 28px;
}

.contact-us-transport-form form .form-group .form-control {
  height       : 76px;
  padding-right: 67px;
}

.contact-us-transport-form form .form-group input.form-control {
  margin-bottom: 29px;
}

.contact-us-transport-form form .form-group textarea.form-control {
  margin-top   : 42px;
  height       : 247px;
  padding-top  : 70px;
  padding-right: 36px;
}

.contact-us-transport-form form .form-group.content i {
  top: 28px;
}

.contact-us-transport-form form .btn {
  margin-top : -20px;
  padding    : 9px 17px;
  line-height: 21px;
}

.contact-us-transport-form .flags {
  filter    : drop-shadow(0px 42px 50px rgba(0, 0, 0, 0.05));
  margin-top: 67px;
}

.contact-us-transport-location {
  margin: 128px 0;
}

.contact-us-transport-location::before {
  background-image: var(--wpr-bg-f6600992-fd22-43de-a518-b843eb0adb9f);
  height          : 115%;
  transform       : translateY(-54px);
}

.contact-us-transport-location-map {
  margin-bottom: 150px;
}

.contact-us-transport-location-map::before {
  background-image: var(--wpr-bg-01134f1f-be04-4896-b961-61fd5387a5f5);
  width           : 148px;
  height          : 148px;
  transform       : translate(-88px, -82px);
}

.contact-us-transport-location-map::after {
  width           : 386px;
  height          : 386px;
  background-color: rgba(246, 174, 0, 0.5);
  border-radius   : 49px;
  transform       : translate(109px, 55px);
}

.contact-us-transport-location-map iframe {
  border-radius: 28px;
  border       : 10px solid rgba(255, 255, 255, 0.35);
  box-shadow   : 0px 13px 50px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 991px) {
  .contact-us-transport-location-map::after {
    width        : 250px;
    height       : 250px;
    border-radius: 32px;
  }

  .contact-us-transport-location-map iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-transport-location {
    margin: 80px 0;
  }

  .contact-us-transport-location-map {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-transport-location-map iframe {
    height: 280px;
  }
}

.contact-us-transport-numbers-my {
  margin-bottom: 143px;
}

.contact-us-transport-numbers-my::before {
  background-image: var(--wpr-bg-17d83ef8-1f3c-42e4-9a69-82509d61abff);
  transform       : translateY(-64px);
  height          : 226%;
}

.contact-us-transport-numbers-my .row {
  gap: 42px 0;
}

.contact-us-transport-numbers-my-item {
  box-shadow: 0px 42px 50px rgba(0, 0, 0, 0.05);
  padding   : 24px 12px;
}

.contact-us-transport-numbers-my-item .flag .detail .name {
  line-height: 20px;
}

.contact-us-transport-numbers-my-item .flag .detail .name-en {
  line-height: 19px;
}

.contact-us-transport-numbers-my-item .number {
  padding-right: 11px;
  margin-right : 12px;
}

.contact-us-transport-numbers-my-item .number::before {
  background-color: rgba(73, 73, 73, 0.4);
  width           : 0.5px;
}

@media only screen and (max-width: 767px) {
  .contact-us-transport-numbers-my {
    margin-bottom: 80px;
  }

  .contact-us-transport-numbers-my-item .number {
    padding: 11px 0 0;
    margin : 12px 0 0;
  }

  .contact-us-transport-numbers-my-item .number::before {
    width : 100%;
    height: 0.5px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-transport-faq {
    margin-bottom: 0;
  }
}

.blog-transport-top-article::before {
  background-image: var(--wpr-bg-07b4ee2c-4289-442a-8cea-2634a09e8b24);
  width           : 124px;
  height          : 143px;
  transform       : translateY(-86px);
}

.blog-transport-top-article::after {
  background-image: var(--wpr-bg-a496ebb5-ee65-4845-b7d9-445353b33fd0);
  width           : 125px;
  height          : 406px;
  transform       : translateY(330px);
}

.blog-transport-top-article .container::before {
  background-image: var(--wpr-bg-1c65d5ce-c23d-4abe-8d30-c25735d4b114);
  width           : 89px;
  height          : 406px;
  transform       : translateY(256px);
}

.blog-transport-top-article h2 a:hover {
  color: #fcb712;
}

.blog-transport-top-article p {
  line-height  : 32px;
  margin-bottom: 37px;
}

.blog-transport-top-article .btn {
  padding    : 19px 31px;
  line-height: 21px;
}

.blog-transport-top-article .socials-two {
  padding: 13px 19px 0;
}

.blog-transport-top-article .socials-two::before {
  height          : 24px;
  background-color: #f6ae00;
  border-radius   : 19px;
}

.blog-transport-top-article .image::before {
  background-color: #F6AE00;
  width           : 57%;
  height          : 60%;
  border-radius   : 49px;
  top             : 15%;
  transform       : translateX(-16%);
}

.blog-transport-top-article .image .img::before {
  top             : -10px;
  right           : -10px;
  bottom          : -10px;
  left            : -10px;
  background-color: rgba(255, 255, 255, 0.2);
}

.blog-transport-top-article .image .img::after {
  width           : 70%;
  left            : 50%;
  transform       : translateX(-50%);
  height          : 18%;
  background-color: rgba(73, 73, 73, 0.4);
  filter          : blur(50px);
}

.blog-transport-top-article .image .img::before,
.blog-transport-top-article .image .img img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTU3IiBoZWlnaHQ9IjU3OSIgdmlld0JveD0iMCAwIDU1NyA1NzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDk2Ljc3NTdDMCA0My4zMjggNDMuMzI3OSAwIDk2Ljc3NTYgMFYwQzEyMy44NDYgMCAxNTAuMzkgMTEuNTI5OSAxNzUuNTc0IDIxLjQ1NjhDMTk3LjU2NSAzMC4xMjQ5IDIzMC43ODMgMzguMTIxMiAyNzguNSAzOC4xMjEyQzMyNi4yMTcgMzguMTIxMiAzNTkuNDM1IDMwLjEyNDkgMzgxLjQyNiAyMS40NTY4QzQwNi42MSAxMS41Mjk5IDQzMy4xNTQgMCA0NjAuMjI0IDBWMEM1MTMuNjcyIDAgNTU3IDQzLjMyNzkgNTU3IDk2Ljc3NTZWNDI5QzU1NyA1MTEuODQzIDQ4OS44NDMgNTc5IDQwNyA1NzlIMTUwQzY3LjE1NzMgNTc5IDAgNTExLjg0MyAwIDQyOVY5Ni43NzU3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTU3IiBoZWlnaHQ9IjU3OSIgdmlld0JveD0iMCAwIDU1NyA1NzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDk2Ljc3NTdDMCA0My4zMjggNDMuMzI3OSAwIDk2Ljc3NTYgMFYwQzEyMy44NDYgMCAxNTAuMzkgMTEuNTI5OSAxNzUuNTc0IDIxLjQ1NjhDMTk3LjU2NSAzMC4xMjQ5IDIzMC43ODMgMzguMTIxMiAyNzguNSAzOC4xMjEyQzMyNi4yMTcgMzguMTIxMiAzNTkuNDM1IDMwLjEyNDkgMzgxLjQyNiAyMS40NTY4QzQwNi42MSAxMS41Mjk5IDQzMy4xNTQgMCA0NjAuMjI0IDBWMEM1MTMuNjcyIDAgNTU3IDQzLjMyNzkgNTU3IDk2Ljc3NTZWNDI5QzU1NyA1MTEuODQzIDQ4OS44NDMgNTc5IDQwNyA1NzlIMTUwQzY3LjE1NzMgNTc5IDAgNTExLjg0MyAwIDQyOVY5Ni43NzU3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.blog-transport-top-article .image .avatars {
  padding   : 9px 22px 12px 21px;
  margin-top: -37px;
  z-index   : 2;
}

.blog-transport-top-article .image .avatars::before {
  background-color       : rgba(255, 255, 255, 0.05);
  border-bottom          : 2px solid #fff;
  border-radius          : 24px;
  box-shadow             : 0px 27px 50px rgba(0, 0, 0, 0.05), inset 0px 26px 24px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
}

.blog-transport-top-article .image .avatars ul li {
  cursor: pointer;
}

.blog-transport-top-article .image .avatars ul li:not(:last-child) {
  margin-left: -22px;
}

.blog-transport-top-article .image .avatars ul li img {
  border    : 1px solid #d9d9d9;
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.05);
}

.blog-transport-top-article .image .avatars ul li:hover {
  z-index  : 2;
  transform: translateY(-9px);
}

@media only screen and (min-width: 992px) {
  .blog-transport-top-article h2 {
    line-height: 62px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog-transport-top-article .btn {
    padding: 19px 18px;
  }
}

.blog-transport-easy-way {
  margin: 102px 0 101px;
}

.blog-transport-easy-way::before {
  background-image: var(--wpr-bg-d45eeb12-9c53-4b92-b717-d60be50069e9);
  top             : 138px;
  height          : 95%;
}

.blog-transport-easy-way::after {
  background-image: var(--wpr-bg-eb6772c8-7000-443f-8978-0fc69e559666);
  transform       : translateY(137px);
  width           : 91px;
  height          : 406px;
}

.blog-transport-easy-way .row {
  gap: 65px 0;
}

.blog-transport-shorts::before {
  background-image: var(--wpr-bg-6554e5d6-fbc1-49b5-8441-03065d5cd069);
  width           : 76px;
  height          : 121px;
  mix-blend-mode  : difference;
}

.blog-transport-shorts::after {
  background-image: var(--wpr-bg-a0d4bf2c-30cd-4793-a65f-5205e4f79065);
  width           : 89px;
  height          : 406px;
  transform       : translateY(-166px);
}

.blog-transport-shorts .row {
  gap: 54px 0;
}

.blog-transport-shorts .article-news-four figure::before {
  content: none;
}

.blog-transport-shorts .btn {
  padding    : 19px 38px;
  margin-top : -35px;
  z-index    : 3;
  line-height: 21px;
  box-shadow : 0 3px 30px rgba(246, 174, 0, 0.3);
}

.blog-transport-top-view {
  margin-top: 112px;
}

.blog-transport-top-view::before {
  background-image: var(--wpr-bg-ac7ac3be-3fba-4668-846e-902349bf4dae);
  height          : 152%;
  transform       : translateY(-40px);
}

.blog-transport-top-view .swiper {
  padding-bottom: 51px;
}

.blog-transport-top-view .swiper-slide>* {
  opacity  : 0.5;
  transform: scaleY(0.85);
}

.blog-transport-top-view .swiper-slide-visible>* {
  opacity  : 1;
  transform: unset;
}

.blog-transport-top-view .swiper-pagination-bullet {
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  border          : 1px solid rgba(73, 73, 73, 0.5);
  background-color: transparent;
  transition      : all 0.3s linear;
}

.blog-transport-top-view .swiper-pagination-bullet-active {
  background-color: #F6AE00;
  border-color    : #F6AE00;
  width           : 24px;
  height          : 24px;
}

.blog-transport-top-view .btn-more {
  margin-top : 43px;
  box-shadow : 0 6px 20px rgba(246, 174, 0, 0.1);
  padding    : 19px 38px;
  line-height: 21px;
}

.detail-blog-transport-image {
  margin-bottom: 116px;
  z-index      : 2;
}

.detail-blog-transport-image::before,
.detail-blog-transport-image::after {
  background-color: #f6ae00;
  width           : 29.754%;
  height          : 41.42%;
  border-radius   : 49px;
}

.detail-blog-transport-image::before {
  top : 11.024%;
  left: -3.168%;
}

.detail-blog-transport-image::after {
  bottom: 11.183%;
  right : -3.395%;
}

.detail-blog-transport-image .img::before,
.detail-blog-transport-image .img img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODg0IiBoZWlnaHQ9IjYzNSIgdmlld0JveD0iMCAwIDg4NCA2MzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDE1MEMwIDY3LjE1NzMgNjcuMTU3MyAwIDE1MCAwSDE3MC45M0MyMDMuNDI5IDAgMjM1LjYzMiAxMC4zNDE2IDI2Ni42NTIgMjAuMDMxMkMzMDEuMDE4IDMwLjc2NiAzNTcuMDIyIDQxLjgwODIgNDQyIDQxLjgwODJDNTI2Ljk3OCA0MS44MDgyIDU4Mi45ODIgMzAuNzY2IDYxNy4zNDggMjAuMDMxMkM2NDguMzY4IDEwLjM0MTYgNjgwLjU3MSAwIDcxMy4wNyAwSDczNEM4MTYuODQzIDAgODg0IDY3LjE1NzMgODg0IDE1MFY0ODVDODg0IDU2Ny44NDMgODE2Ljg0MyA2MzUgNzM0IDYzNUgxNTBDNjcuMTU3MyA2MzUgMCA1NjcuODQzIDAgNDg1VjE1MFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODg0IiBoZWlnaHQ9IjYzNSIgdmlld0JveD0iMCAwIDg4NCA2MzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDE1MEMwIDY3LjE1NzMgNjcuMTU3MyAwIDE1MCAwSDE3MC45M0MyMDMuNDI5IDAgMjM1LjYzMiAxMC4zNDE2IDI2Ni42NTIgMjAuMDMxMkMzMDEuMDE4IDMwLjc2NiAzNTcuMDIyIDQxLjgwODIgNDQyIDQxLjgwODJDNTI2Ljk3OCA0MS44MDgyIDU4Mi45ODIgMzAuNzY2IDYxNy4zNDggMjAuMDMxMkM2NDguMzY4IDEwLjM0MTYgNjgwLjU3MSAwIDcxMy4wNyAwSDczNEM4MTYuODQzIDAgODg0IDY3LjE1NzMgODg0IDE1MFY0ODVDODg0IDU2Ny44NDMgODE2Ljg0MyA2MzUgNzM0IDYzNUgxNTBDNjcuMTU3MyA2MzUgMCA1NjcuODQzIDAgNDg1VjE1MFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.detail-blog-transport-image .img::before {
  top             : -10px;
  right           : -10px;
  bottom          : -10px;
  left            : -10px;
  max-width       : 904px;
  max-height      : 655px;
  background-color: rgba(255, 255, 255, 0.2);
}

.detail-blog-transport-image .img::after {
  bottom          : -6.615%;
  width           : 40%;
  background-color: rgba(73, 73, 73, 0.4);
  filter          : blur(50px);
  height          : 13.388%;
  left            : 50%;
  transform       : translateX(-50%);
}

.detail-blog-transport-image .img img {
  max-width : 884px;
  max-height: 635px;
}

.detail-blog-transport-info {
  margin-bottom: 58px;
}

.detail-blog-transport-content::before {
  background-image: var(--wpr-bg-4cf1fd9b-5207-403f-a204-6dd80619ca07);
  width           : 91px;
  height          : 406px;
}

.detail-blog-transport-content::after {
  background-image: var(--wpr-bg-e964fc18-743b-47a0-8c6f-79c2549040a0);
  width           : 89px;
  height          : 406px;
  top             : 292px;
}

.detail-blog-transport-content .container::before {
  width           : 76px;
  height          : 121px;
  background-image: var(--wpr-bg-e54483a0-1dd3-443c-b0c3-0a39bfa269c2);
  mix-blend-mode  : difference;
}

.detail-blog-transport-content .container::after {
  width           : 53px;
  height          : 101px;
  background-image: var(--wpr-bg-90ae861b-4e03-4fb7-b23b-216f30c5ea9a);
  mix-blend-mode  : difference;
}

.detail-blog-transport-content p {
  -moz-text-align-last: center;
  text-align-last     : center;
}

.detail-blog-transport-content img {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin   : 33px auto;
  display  : block;
}

@media only screen and (min-width: 992px) {
  .detail-blog-transport h1 {
    line-height  : 44px;
    margin-bottom: 14px;
  }

  .detail-blog-transport div {
    line-height: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-transport-image .img img {
    max-width : 100%;
    max-height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-transport-image {
    margin-bottom: 60px;
  }

  .detail-blog-transport-image .img img {
    max-height: 370px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-transport-image {
    margin-bottom: 40px;
  }

  .detail-blog-transport-image .img img {
    max-height: 340px;
  }

  .detail-blog-transport-info {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 499px) {
  .detail-blog-transport-image .img img {
    max-height: 274px;
  }
}

@media only screen and (max-width: 399px) {
  .detail-blog-transport-image .img img {
    max-height: 215px;
  }
}

.services-transport-landing::before {
  width           : 113px;
  height          : 406px;
  background-image: var(--wpr-bg-b6366337-b72e-4de7-bd4f-535c424b8e50);
  transform       : translateY(-90px);
}

.services-transport-landing::after {
  width           : 89px;
  height          : 406px;
  background-image: var(--wpr-bg-79110723-44f1-4721-a597-9d466d0fa833);
  transform       : translateY(111px);
}

.services-transport-landing p {
  line-height  : 26px;
  margin-bottom: 41px;
}

.services-transport-landing a:hover {
  color: #fcb712;
}

.services-transport-landing img {
  filter: drop-shadow(23px 44px 61px rgba(0, 0, 0, 0.1)) drop-shadow(23px 44px 61px rgba(0, 0, 0, 0.1));
}

@media only screen and (max-width: 991px) {
  .services-transport-landing img {
    max-width: 65%;
    margin   : 0 auto;
  }
}

@media only screen and (max-width: 575px) {
  .services-transport-landing img {
    max-width: 80%;
  }
}

.services-transport-by-air {
  margin-top: 102px;
}

.services-transport-by-air .container::after {
  transform       : translateY(-228px);
  background-image: var(--wpr-bg-b054579f-f185-4cef-bd05-e7aed4b32561);
  height          : 130%;
}

@media only screen and (max-width: 767px) {
  .services-transport-by-air {
    margin: 80px 0;
  }
}

.services-transport-sending-products::before {
  transform: translateY(-129px);
  height   : 140%;
}

.services-transport-sending-products::before,
.services-transport-information-product::before {
  background-image: var(--wpr-bg-d9796070-e58f-4cc6-94e0-a1575bd6e69a);
}

.services-transport-information-product {
  margin-top: 75px;
}

.services-transport-information-product::before {
  height   : 172%;
  transform: translateY(-4px);
}

.services-transport-sending-products .row,
.services-transport-information-product .row {
  gap: 16px 0;
}

.services-transport-sending-products .form-control,
.services-transport-information-product .form-control {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.02);
  height    : 85px;
  color     : rgba(73, 73, 73, 0.8);
}

.services-transport-sending-products select.form-control,
.services-transport-information-product select.form-control {
  background     : var(--wpr-bg-e8b68456-6db7-4fd4-8682-10d0861ec3de) left 32px center no-repeat;
  background-size: auto;
}

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

  .services-transport-sending-products .form-control,
  .services-transport-information-product .form-control {
    height: 64px;
  }
}

.services-transport-final-pay {
  margin-top: 146px;
}

.services-transport-final-pay::before {
  top             : 113px;
  background-image: var(--wpr-bg-ca524eca-4a2a-4aac-8c55-7900e145fcec);
  height          : 90%;
}

.services-transport-final-pay::after {
  background-image: var(--wpr-bg-5f93c068-10b2-4427-9e3a-7f83f79571d9);
  width           : 54px;
  height          : 54px;
  opacity         : 0.5;
  top             : 50%;
  transform       : translateY(-50%);
}

.services-transport-final-pay .btn {
  padding    : 19px 30px;
  line-height: 21px;
}

@media only screen and (max-width: 991px) {
  .services-transport-final-pay img {
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .services-transport-final-pay {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .services-transport-final-pay img {
    max-width: 80%;
  }
}

.services-transport-total-info::after {
  background-image: var(--wpr-bg-9d5f3096-2052-4a74-8fc2-9383425d9fb9);
  width           : 121px;
  height          : 406px;
  transform       : translateY(-15px);
}

.section-heading-beauty {
  margin-bottom: 63px;
}

.section-heading-beauty-sup-title {
  line-height: 18px;
}

.section-heading-beauty-sub-title {
  line-height: 27px;
  max-width  : 786px;
}

.swiper-beauty {
  padding-bottom: 78px;
}

.swiper-beauty .swiper-pagination-bullet {
  opacity         : 1;
  background-color: rgba(73, 73, 73, 0.3);
  border-radius   : 9px;
  width           : 11px;
  height          : 6px;
  transition      : all 0.3s linear;
  margin          : 0 1.5px;
}

.swiper-beauty .swiper-pagination-bullet-active {
  background-color: #ff8353;
  width           : 25px;
}

.swiper-beauty .swiper-button-next::after,
.swiper-beauty .swiper-button-prev::after {
  content    : "\e943";
  font-family: "icomoon";
  font-size  : 20px;
  color      : #ff8353;
}

.swiper-beauty .swiper-button-prev::after {
  content: "\e944";
}

.btn-more-beauty {
  box-shadow: 0px 10px 20px 2px rgba(255, 86, 86, 0.32);
}

.comments-beauty {
  margin: 77px 0 179px;
}

.comments-beauty::before {
  background-image: var(--wpr-bg-34f662e7-0efb-459d-8ca1-45845c75242f);
  background-size : 100% 100%;
  transform       : translateY(181px);
  height          : 105%;
}

.comments-beauty::after {
  background-image: var(--wpr-bg-170d8e96-8192-4c01-b6d5-cbddd162f2b3);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(-62px);
}

.comments-beauty-wrapper {
  max-width: 1074px;
}

.comments-beauty-wrapper::before,
.comments-beauty-wrapper::after {
  height          : 51px;
  background-color: #fff;
  box-shadow      : 0px 40px 50px rgba(0, 0, 0, 0.1);
  left            : 50%;
  border-radius   : 50px;
}

.comments-beauty-wrapper::before {
  width    : 80%;
  transform: translate(-50%, 23px);
}

.comments-beauty-wrapper::after {
  width    : 60%;
  transform: translate(-50%, 45px);
}

.comments-beauty .swiper-slide>* {
  opacity: 0;
}

.comments-beauty .swiper-slide-visible>* {
  opacity: 1;
}

.comments-beauty .swiper-button {
  left      : calc(100% + 54px);
  margin-top: 32px;
}

.comments-beauty .swiper-button-next::after,
.comments-beauty .swiper-button-prev::after {
  content    : "\e902";
  font-family: "icomoon";
  color      : rgba(73, 73, 73, 0.5);
  font-size  : 26px;
}

.comments-beauty .swiper-button-next:hover::after,
.comments-beauty .swiper-button-prev:hover::after {
  color: #ff8353;
}

.comments-beauty .swiper-button-next::after {
  transform: rotate(-90deg);
}

.comments-beauty .swiper-button-prev::after {
  transform: rotate(90deg);
}

.comments-beauty .swiper-pagination {
  top             : 52px;
  right           : auto;
  bottom          : -42px;
  left            : -104px;
  width           : 347px;
  background-image: var(--wpr-bg-9b5f2464-b5e6-4e39-b283-aabbb6596a2c);
  transform       : unset;
}

.comments-beauty .swiper-pagination-bullet {
  width           : 16px;
  height          : 16px;
  border-radius   : 2px;
  opacity         : 1;
  background-color: #cfcfcf;
  position        : absolute;
  transform       : rotate(45deg);
}

.comments-beauty .swiper-pagination-bullet:first-child {
  top : 25%;
  left: 3%;
}

.comments-beauty .swiper-pagination-bullet:nth-child(2) {
  top : 51.587%;
  left: -1.73%;
}

.comments-beauty .swiper-pagination-bullet:last-child {
  bottom: 13%;
  left  : 10%;
}

.comments-beauty .swiper-pagination-bullet-active {
  background-color: #ff8353;
}

.comments-beauty-item {
  padding-top: 76px;
}

.comments-beauty-item .image {
  right: 70px;
}

.comments-beauty-item .image button {
  width    : 79px;
  height   : 79px;
  transform: translate(-50%, 30px);
}

.comments-beauty-item .image button::before {
  border                 : 1px solid #fff;
  box-shadow             : 0px 21px 50px rgba(0, 0, 0, 0.05), inset 0px 12px 15px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
  border-radius          : inherit;
  background-color       : rgba(255, 255, 255, 0.6);
}

.comments-beauty-item .image button::after {
  content    : "\e902";
  font-family: "icomoon";
  transform  : rotate(-90deg) translateX(-12px);
  font-size  : 26px;
  color      : #ff8353;
}

.comments-beauty-item .content {
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.1);
  padding   : 25px 385px 58px 33px;
}

.comments-beauty-item .content .name {
  line-height: 36px;
}

.comments-beauty-item .content .service {
  line-height: 18px;
}

.comments-beauty-item .content p {
  line-height: 24px;
  height     : 72px;
}

.comments-beauty-item .content .faces-more .faces .title {
  max-width  : 162px;
  margin-left: 7px;
}

.comments-beauty-item .content .faces-more .faces ul {
  gap: 9px;
}

.comments-beauty-item .content .faces-more .faces ul li img {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.1);
  cursor    : pointer;
}

.comments-beauty-item .content .faces-more .more:hover {
  color: #ff8353;
}

@media only screen and (max-width: 1399px) {
  .comments-beauty-wrapper {
    max-width: 970px;
  }
}

@media only screen and (max-width: 1199px) {
  .comments-beauty-wrapper {
    max-width: 820px;
    margin   : 0 28px 0 auto !important;
  }

  .comments-beauty .swiper-button {
    left: calc(100% + 16px);
  }

  .comments-beauty-item .image {
    right: 32px;
  }

  .comments-beauty-item .content {
    padding: 25px 335px 58px 33px;
  }
}

@media only screen and (max-width: 991px) {
  .comments-beauty {
    margin-top: 120px;
  }

  .comments-beauty-wrapper {
    max-width: 100%;
    margin   : 0 !important;
  }

  .comments-beauty .swiper-button {
    top      : auto !important;
    transform: translate(-50%, 100px) !important;
    bottom   : 0;
    left     : 50%;
    z-index  : 2;
  }

  .comments-beauty .swiper-button-next::after {
    transform   : rotate(0deg);
    margin-right: 12px;
  }

  .comments-beauty .swiper-button-prev::after {
    transform: rotate(180deg);
  }

  .comments-beauty-item {
    background-color: #fff;
    box-shadow      : 0px 40px 50px rgba(0, 0, 0, 0.1);
    border-radius   : 32px;
    padding-top     : 0;
  }

  .comments-beauty-item .image {
    position : relative !important;
    right    : 0;
    max-width: 60%;
    width    : 100%;
    margin   : -72px auto 50px;
  }

  .comments-beauty-item .image img {
    width: 100%;
  }

  .comments-beauty-item .content {
    padding   : 0 24px 24px;
    box-shadow: none;
  }
}

@media only screen and (max-width: 575px) {
  .comments-beauty-item .image {
    max-width: 80%;
  }
}

.article-beauty .content {
  margin-top: -88px;
  max-width : calc(100% - 52px);
}

.article-beauty .content .info {
  padding: 11px 36px 7px;
}

.article-beauty .content .info::before {
  background-color: #494949;
  box-shadow      : 0px 25px 50px 2px rgba(0, 0, 0, 0.04);
  border-radius   : 25px;
  height          : calc(100% + 26px);
  border-radius   : 25px;
}

.article-beauty .content .detail {
  padding      : 22px 23px 20px;
  border-radius: 17px;
  box-shadow   : 0px 25px 50px 2px rgba(0, 0, 0, 0.04);
}

.article-beauty .content .detail h2 {
  line-height: 21px;
  color      : #5F5F5F;
}

.article-beauty .content .detail .sub-title {
  color         : rgba(95, 95, 95, 0.4);
  line-height   : 12px;
  letter-spacing: 0.115em;
}

.article-beauty .content .detail p {
  line-height: 27px;
  margin     : 1px 0 8px;
  height     : 81px;
}

.article-beauty .content .detail h2 a:hover,
.article-beauty .content .detail .more:hover {
  color: #FF8353;
}

.article-beauty:hover .content .info::before {
  background-color: #FF8353;
}

@media only screen and (max-width: 1199px) {
  .article-beauty .content {
    max-width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .article-beauty figure img {
    border-radius: 20px 20px 0 0;
  }

  .article-beauty .content {
    max-width : 100%;
    margin-top: 0;
  }

  .article-beauty .content .info::before {
    border-radius: 0;
  }

  .article-beauty .content .detail {
    border-radius: 0 0 20px 20px;
  }
}

.article-beauty-two .content {
  box-shadow: 0px 44px 50px rgba(0, 0, 0, 0.05);
  margin-top: -30px;
  padding   : 58px 34px 29px;
  max-width : calc(100% - 100px);
}

.article-beauty-two .content h2 {
  line-height: 25px;
  height     : 50px;
}

.article-beauty-two .content h2 a:hover {
  color: #ff8353;
}

.article-beauty-two .content p {
  margin     : 12px 0 18px;
  line-height: 20px;
  height     : 60px;
}

.article-beauty-two .content .btn {
  padding: 8px 17px;
}

.article-beauty-two .content .btn:hover,
.article-beauty-two .content .btn:active,
.article-beauty-two .content .btn:focus {
  background-color: #ff8353 !important;
}

@media only screen and (max-width: 1199px) {
  .article-beauty-two .content {
    max-width: calc(100% - 50px);
  }
}

@media only screen and (max-width: 767px) {
  .article-beauty-two img {
    border-radius: 20px 20px 0 0;
  }

  .article-beauty-two .content {
    max-width              : 100%;
    -webkit-backdrop-filter: 0 0 20px 20px;
    backdrop-filter        : 0 0 20px 20px;
    margin-top             : 0;
    padding                : 12px 12px 16px;
  }
}

.article-beauty-three h2 a:hover {
  color: #ff8353;
}

.top-header-beauty::before {
  background-image: var(--wpr-bg-7abd7b52-ca13-4848-a837-3643c589753d);
  height          : 882%;
}

.top-header-beauty .container {
  padding-top  : 59px;
  margin-bottom: 75px;
}

.top-header-beauty .container::before {
  height          : 33px;
  background-color: #FF8353;
  border-radius   : 25px;
  transform       : translateY(-22px);
}

.top-header-beauty-nav {
  margin-right: 42px;
}

.top-header-beauty-nav li:not(:last-child) {
  margin-left: 32px;
}

.top-header-beauty-nav li a {
  color      : #b4b4b4;
  line-height: 22px;
}

.top-header-beauty-nav li a::before,
.top-header-beauty-nav li a::after {
  background-color: #ff8353;
  border-radius   : 1px;
  height          : 2px;
  transform       : translateY(2px);
  opacity         : 0;
  visibility      : hidden;
}

.top-header-beauty-nav li a::before {
  width: 0;
}

.top-header-beauty-nav li a::after {
  right: 2px;
  width: 2px;
}

.top-header-beauty-nav li a:hover::before,
.top-header-beauty-nav li a:hover::after {
  opacity   : 1;
  visibility: visible;
}

.top-header-beauty-nav li a:hover::before {
  width: 22px;
}

.top-header-beauty-nav li a:hover::after {
  right: 25px;
}

.top-header-beauty-contact {
  padding: 6px 26px 6px 12px;
}

.top-header-beauty-contact .detail {
  padding-left: 11px;
  margin-left : 10px;
}

.top-header-beauty-contact .detail::after {
  width           : 0.5px;
  background-color: rgba(73, 73, 73, 0.2);
  height          : 30px;
  top             : 50%;
  transform       : translateY(-50%);
}

.top-header-beauty-auth {
  width : 48px;
  height: 48px;
  margin: 0 9px 0 29px;
}

.top-header-beauty-auth:hover {
  background-color: #ff8353 !important;
  color           : #fff;
}

.top-header-beauty-auth::after {
  width           : 0.5px;
  height          : 39px;
  background-color: rgba(73, 73, 73, 0.2);
  transform       : translateX(-15px);
}

.top-header-beauty-contact,
.top-header-beauty-auth {
  box-shadow: 0px 9px 50px rgba(41, 41, 41, 0.05);
}

.top-header-beauty .btn {
  padding: 14px 23px;
}

.top-header-beauty .btn-default:hover,
.top-header-beauty .btn-default:active,
.top-header-beauty .btn-default:focus {
  background-color: #ff8353 !important;
}

@media only screen and (max-width: 1399px) {
  .top-header-beauty-nav li:not(:last-child) {
    margin-left: 18px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-beauty-nav {
    margin-right: 8px;
  }

  .top-header-beauty-nav li:not(:last-child) {
    margin-left: 8px;
  }

  .top-header-beauty-nav a {
    font-size: 13px;
  }

  .top-header-beauty-contact {
    padding: 6px 12px 6px;
  }

  .top-header-beauty-auth {
    margin-left: 20px;
  }

  .top-header-beauty-auth::after {
    transform: translateX(-10px);
  }

  .top-header-beauty .btn {
    padding: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-beauty .container {
    padding-top: 32px;
  }

  .top-header-beauty-auth {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-beauty-auth {
    margin-left: 0;
  }

  .top-header-beauty-auth::after {
    content: none;
  }
}

.footer-beauty {
  margin-top      : 63px;
  padding-top     : 20px;
  background-color: rgba(252, 252, 252, 0.8);
}

.footer-beauty .container {
  padding-bottom: 49px;
}

.footer-beauty .container::after {
  height          : 33px;
  background-color: #ff8353;
  border-radius   : 25px;
  transform       : translateY(22px);
  z-index         : 2;
}

.footer-beauty-description {
  margin     : 11px 0 70px;
  line-height: 24px;
}

.footer-beauty-socials .title {
  line-height: 22px;
}

.footer-beauty-socials ul {
  gap: 24px 50px;
}

.footer-beauty-socials ul li a {
  width           : 32px;
  height          : 32px;
  background-color: #fff;
  box-shadow      : 0px 4px 15px rgba(0, 0, 0, 0.05);
}

.footer-beauty-socials ul li a:hover {
  background-color: #ff8353;
}

.footer-beauty-namads .text .title,
.footer-beauty-namads .text p {
  line-height: 22px;
}

.footer-beauty-namads .text .title {
  margin-bottom: 6px;
}

.footer-beauty-namads .namads {
  gap: 28px;
}

.footer-beauty-contact-copyright {
  margin-top: 54px;
}

.footer-beauty-contact {
  flex: 1;
}

.footer-beauty-contact li {
  border : 0.5px solid #ff8353;
  padding: 13px 20px;
}

.footer-beauty-contact li.fill {
  background-color: rgba(255, 131, 83, 0.05);
  border          : 0;
}

.footer-beauty-copyright {
  max-width   : 271px;
  margin-right: 40px;
}

@media only screen and (max-width: 1399px) {
  .footer-beauty-copyright {
    max-width   : 200px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-beauty-contact li {
    padding: 12px;
  }

  .footer-beauty-contact li i {
    font-size   : 18px;
    margin-right: 6px;
  }

  .footer-beauty-contact li span {
    font-size: 14px;
  }

  .footer-beauty-copyright {
    max-width   : 180px;
    margin-right: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-beauty-contact {
    gap: 12px;
  }

  .footer-beauty-contact li {
    flex: 1 0 calc(33.333333% - 8px);
  }

  .footer-beauty-copyright {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-beauty-contact li {
    flex: 1 0 calc(50% - 6px);
  }
}

.landing-beauty .link:hover,
.services-home-beauty .link:hover {
  color: #ff8353;
}

.landing-beauty::before {
  background-image: var(--wpr-bg-12f59c4b-b0b9-484e-8a5a-5b2002b47cc1);
  transform       : translateY(-59px);
  width           : 297px;
  height          : 248px;
}

.landing-beauty::after {
  background-image: var(--wpr-bg-ed53d259-fe6a-489a-ae33-f11522da93f5);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  top             : 50%;
  transform       : translateY(-50%);
}

.landing-beauty .col-lg-7 {
  padding-left: 24px;
}

.landing-beauty .sup-title {
  line-height   : 16px;
  letter-spacing: 0.73em;
  margin-bottom : 6px;
}

.landing-beauty p {
  margin     : 7px 0 17px;
  line-height: 38px;
}

.landing-beauty .image::before {
  width           : 294px;
  height          : 65px;
  background-color: rgba(73, 73, 73, 0.4);
  filter          : blur(50px);
  bottom          : 20px;
  left            : 50%;
  transform       : translateX(-50%);
}

.landing-beauty .btns .btn {
  padding   : 11px 36px;
  box-shadow: 0px 15px 30px 2px rgba(255, 131, 83, 0.25);
}

@media only screen and (max-width: 991px) {
  .landing-beauty img {
    max-width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .landing-beauty .sup-title {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-beauty p {
    line-height: 25px;
    font-size  : 12px;
  }
}

.about-us-home-beauty {
  margin: 129px 0 155px;
}

.about-us-home-beauty::before,
.about-us-home-beauty::after {
  transform: translateY(-15px);
}

.about-us-home-beauty::before {
  background-image: var(--wpr-bg-60c7f269-400a-4b9d-861f-b4d0c7a25a1b);
  height          : 110%;
}

.about-us-home-beauty::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-71.png);
  width           : 122px;
  height          : 406px;
}

.about-us-home-beauty .container::before {
  background-image: var(--wpr-bg-159c018b-f383-4092-9a87-144b3e8b5804);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  top             : 50%;
  transform       : translateY(-50%);
}

.about-us-home-beauty .container::after {
  background-image: var(--wpr-bg-030095fd-b0bd-4206-b910-1b89327eca85);
  width           : 297px;
  height          : 248px;
  transform       : translateY(287px);
}

.about-us-home-beauty img {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.15));
}

.about-us-home-beauty .sup-title {
  line-height   : 16px;
  letter-spacing: 0.335em;
}

.about-us-home-beauty p {
  line-height: 28px;
  margin     : 5px 0 9px;
}

.about-us-home-beauty .btn {
  padding   : 17px 16px;
  box-shadow: 0px 15px 30px 2px rgba(255, 131, 83, 0.25);
}

@media only screen and (max-width: 991px) {
  .about-us-home-beauty p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

.my-services-beauty::after {
  background-image: var(--wpr-bg-1928faff-608f-4f61-be15-331fb6edd438);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(-80px);
}

.my-services-beauty .swiper-slide>* {
  opacity: 0.5;
}

.my-services-beauty .swiper-slide-visible>* {
  opacity: 1;
}

.my-services-beauty-item {
  box-shadow: 0px 68px 50px rgba(0, 0, 0, 0.02);
  padding   : 39px 12px;
}

.my-services-beauty-item i {
  width              : 70px;
  height             : 67px;
  background-color   : #ff8353;
  box-shadow         : 0px 16px 20px rgba(0, 0, 0, 0.05), inset 5px 9px 12px rgba(255, 255, 255, 0.3);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA3MSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNy42MTQ0IDAuMDQyNDc0NEM0Ni42MjEyIDAuMzk1MDI2IDU1LjQxNjkgMy40NTI3NCA2MS42NTkgOS45MzM4NkM2Ny43ODM4IDE2LjI5MzMgNjkuODU1MiAyNS4wOTEgNzAuMjIxNyAzMy44OTg2QzcwLjYwODIgNDMuMTg3MSA3MC4zMjg0IDUzLjM1NjcgNjMuNzM5NyA1OS45MzcxQzU3LjE0NyA2Ni41MjE0IDQ2LjgyNzYgNjcuOTUwNCAzNy42MTQ0IDY2LjQ2NDNDMjkuNjE4NCA2NS4xNzQ2IDI0Ljg2NDIgNTcuOTk4MiAxOC43NjczIDUyLjY4MzFDMTEuODc3NSA0Ni42NzY3IDEuNzAyMzUgNDIuOTA3NSAwLjI1ODkxMyAzMy44OTg2Qy0xLjI5MTcxIDI0LjIyMDYgNC4zMjg5IDE0LjU2ODIgMTEuNjA0IDcuOTc0NThDMTguNTc3NSAxLjY1NDMxIDI4LjE5NiAtMC4zMjYxODUgMzcuNjE0NCAwLjA0MjQ3NDRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA3MSA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNy42MTQ0IDAuMDQyNDc0NEM0Ni42MjEyIDAuMzk1MDI2IDU1LjQxNjkgMy40NTI3NCA2MS42NTkgOS45MzM4NkM2Ny43ODM4IDE2LjI5MzMgNjkuODU1MiAyNS4wOTEgNzAuMjIxNyAzMy44OTg2QzcwLjYwODIgNDMuMTg3MSA3MC4zMjg0IDUzLjM1NjcgNjMuNzM5NyA1OS45MzcxQzU3LjE0NyA2Ni41MjE0IDQ2LjgyNzYgNjcuOTUwNCAzNy42MTQ0IDY2LjQ2NDNDMjkuNjE4NCA2NS4xNzQ2IDI0Ljg2NDIgNTcuOTk4MiAxOC43NjczIDUyLjY4MzFDMTEuODc3NSA0Ni42NzY3IDEuNzAyMzUgNDIuOTA3NSAwLjI1ODkxMyAzMy44OTg2Qy0xLjI5MTcxIDI0LjIyMDYgNC4zMjg5IDE0LjU2ODIgMTEuNjA0IDcuOTc0NThDMTguNTc3NSAxLjY1NDMxIDI4LjE5NiAtMC4zMjYxODUgMzcuNjE0NCAwLjA0MjQ3NDRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.my-services-beauty-item i.purple {
  background-color: #c797ee;
}

.my-services-beauty-item i.info {
  background-color: #52a7ca;
}

.my-services-beauty-item i.success {
  background-color: #ccd39c;
}

.my-services-beauty-item .detail {
  margin-right: 24px;
}

.my-services-beauty-item .detail .title {
  line-height: 33px;
}

.my-services-beauty-item .detail .sub-title {
  line-height   : 26px;
  letter-spacing: 0.305em;
}

@media only screen and (max-width: 1199px) {
  .my-services-beauty-item .detail {
    margin-right: 16px !important;
  }

  .my-services-beauty-item .detail .title {
    font-size: 16px;
  }

  .my-services-beauty-item .detail .sub-title {
    font-size: 12px;
  }
}

.services-home-beauty {
  margin: 177px 0 153px;
}

.services-home-beauty::before {
  background-image: var(--wpr-bg-ee660d5a-a8f6-48ed-a9d2-9a5a4e36534c);
  transform       : translateY(-79px);
  height          : 157%;
}

.services-home-beauty::after {
  background-image: var(--wpr-bg-e06604b9-125a-408f-8eb6-7aaefb87b985);
  width           : 90px;
  height          : 183px;
  transform       : translateY(-74px);
}

.services-home-beauty .container::before {
  background-image: var(--wpr-bg-a9174d37-10e1-45a0-b7ce-6750e1e87a37);
  width           : 110px;
  height          : 246px;
  bottom          : 112px;
}

.services-home-beauty .container::after {
  background-image: var(--wpr-bg-899930ad-6d95-474c-9ca3-2afd1f1ce9ce);
  width           : 297px;
  height          : 248px;
  transform       : translateY(227px);
}

.services-home-beauty .sup-title {
  letter-spacing: 0.335em;
  line-height   : 16px;
}

.services-home-beauty p {
  line-height  : 28px;
  margin-bottom: 28px;
}

.services-home-beauty .btn {
  padding    : 17px 16px;
  margin-left: 12px;
}

.services-home-beauty .image {
  max-width: 456px;
  gap      : 8px;
}

.services-home-beauty .image::before {
  width           : 105px;
  height          : 110px;
  background-image: var(--wpr-bg-465a6ccc-2214-4f57-8a7c-037d29dcc620);
  transform       : translate(28px, -31px);
}

.services-home-beauty .image::after {
  width       : 234px;
  height      : 187px;
  border      : 6px solid;
  border-color: transparent transparent #ff8353 #ff8353;
  transform   : translate(-39px, 36px);
}

.services-home-beauty .image>div {
  max-width: calc(50% - 4px);
}

.services-home-beauty .image>div img {
  border-radius: 5px;
  filter       : grayscale(1);
}

.services-home-beauty .image>div i {
  font-size: 59px;
}

.services-home-beauty .image>div:hover img {
  filter: grayscale(0);
}

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

  .services-home-beauty::after,
  .services-home-beauty .container::before,
  .services-home-beauty .container::after,
  .services-home-beauty .image::after {
    content: none;
  }
}

.brands-beauty::before {
  background-image: var(--wpr-bg-ec128347-f7f6-4a15-ba9d-824850eda928);
  transform       : translateY(-31px);
  height          : 113%;
}

.brands-beauty .swiper-slide>* {
  opacity  : 0.5;
  transform: scale(0.8);
}

.brands-beauty .swiper-slide-visible>* {
  opacity  : 1;
  transform: unset;
}

.brands-beauty .swiper-pagination-bullet {
  width: 40px;
}

.brands-beauty .swiper-pagination-bullet-active {
  width: 53px;
}

.brands-beauty-item {
  padding   : 66px 12px;
  box-shadow: 0px 31px 50px rgba(0, 0, 0, 0.02);
}

.brands-beauty-item img {
  max-height: 72px;
  filter    : grayscale(1);
}

.brands-beauty-item:hover img {
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .brands-beauty .swiper-pagination-bullet {
    width: 16px;
  }

  .brands-beauty .swiper-pagination-bullet-active {
    width: 24px;
  }

  .brands-beauty-item {
    padding      : 40px 12px;
    border-radius: 32px;
  }
}

.works-beauty {
  margin: 90px 0 69px;
}

.works-beauty::before {
  background-image: var(--wpr-bg-d0b03a93-6d49-4f8d-bf46-408468a1dcfe);
  transform       : translateY(-29px);
  height          : 95%;
}

.works-beauty::after,
.works-beauty .section-heading-beauty::after {
  background-image: var(--wpr-bg-c33a99d2-cafe-40dd-933a-0f7d0fe1c061);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
}

.works-beauty .container::before,
.works-beauty .container::after {
  background-image: var(--wpr-bg-179ace09-b933-40a8-b3fb-585cab734879);
  width           : 90px;
  height          : 183px;
}

.works-beauty .container::before {
  top: 95px;
}

.works-beauty .container::after {
  transform: translateY(81px);
}

.works-beauty .section-heading-beauty::after {
  transform: translateY(78px);
}

.works-beauty-item+.works-beauty-item {
  margin-top: 109px;
}

.works-beauty-item img {
  filter: drop-shadow(0px 66px 50px rgba(0, 0, 0, 0.1));
}

.works-beauty-item .detail {
  margin-top: -9px;
  max-width : calc(100% - 70px);
  padding   : 39px 24px 0;
}

.works-beauty-item .detail p {
  line-height: 27px;
  height     : 81px;
}

.works-beauty-item .detail .btn {
  margin-top : -25px;
  transform  : translateY(25px);
  padding    : 16px 8px;
  line-height: 21px;
}

@media only screen and (max-width: 1199px) {
  .works-beauty-item img {
    border-radius: 24px;
  }

  .works-beauty-item .detail {
    max-width    : calc(100% - 32px);
    padding      : 39px 18px 0;
    border-radius: 0 0 10px 10px;
  }
}

.contact-home-beauty::before {
  background-image: var(--wpr-bg-256ab70e-6012-4692-b525-bdccbfaed264);
  height          : 100%;
  transform       : translateY(-118px);
  height          : 110%;
}

.contact-home-beauty::after {
  background-image: var(--wpr-bg-163aa8f9-abd1-4471-84cf-b2c56ec08906);
  width           : 108px;
  height          : 179px;
  top             : 50%;
  transform       : translateY(-50%);
}

.contact-home-beauty .container::before {
  background-image: var(--wpr-bg-f9b388c2-1d7e-4317-913c-62761f72469c);
  transform       : translateY(83px);
  width           : 210px;
  height          : 406px;
}

.contact-home-beauty .options-cleaning-item {
  opacity: 0.5;
}

.contact-home-beauty .options-cleaning-item .icon::before,
.contact-home-beauty .options-cleaning-item .icon::after {
  transition: all 0.3s ease-in-out;
}

.contact-home-beauty .options-cleaning-item .icon::before {
  background: rgba(73, 73, 73, 0.25);
}

.contact-home-beauty .options-cleaning-item .icon::after {
  background: linear-gradient(0deg, #ff8353, #ff8353), #ff8353;
  filter    : grayscale(1);
}

.contact-home-beauty .options-cleaning-item:hover {
  opacity: 1;
}

.contact-home-beauty .options-cleaning-item:hover .icon::before {
  background: rgba(255, 131, 83, 0.25);
}

.contact-home-beauty .options-cleaning-item:hover .icon::after {
  filter: grayscale(0);
}

.contact-home-beauty .options-cleaning-item:hover a {
  color: #ff8353;
}

.contact-home-beauty .btn-more-beauty {
  margin-top: 54px;
}

.articles-blog-beauty {
  margin-top: 127px;
}

.articles-blog-beauty::before {
  background-image: var(--wpr-bg-828c28c4-18e5-4041-9743-c9c06d335e97);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(-134px);
}

.articles-blog-beauty-heading {
  padding-bottom: 1px;
  border-bottom : 0.5px dashed #5f5f5f;
  margin-bottom : 41px;
}

.articles-blog-beauty-heading::before {
  width           : 47px;
  height          : 5px;
  background-color: #ff8353;
  border-radius   : 4px;
  transform       : translateY(3px);
}

.articles-blog-beauty-heading::after {
  width           : 9px;
  height          : 2px;
  transform       : translateY(1px);
  background-color: #fff;
  right           : 47px;
}

.articles-blog-beauty-heading-title-en {
  line-height: 29px;
}

.articles-blog-beauty-heading-link {
  color: #5f5f5f;
}

.articles-blog-beauty-heading-link:hover {
  color: #ff8353;
}

.articles-blog-beauty .row {
  gap: 24px 0;
}

.articles-blog-beauty-one {
  margin-bottom: 83px;
}

.articles-blog-beauty-one::before {
  background-image: var(--wpr-bg-f3eca590-b435-47f7-8133-1c35689ca652);
  width           : 125px;
  height          : 238px;
  top             : 70px;
}

.articles-blog-beauty-one::after {
  background-image: var(--wpr-bg-530ebec7-0ba8-45b5-9349-419eed81b09b);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(42px);
}

.articles-blog-beauty-two::before {
  background-image: var(--wpr-bg-e4957609-78a9-42b1-8a57-90e11680bda2);
  width           : 65px;
  height          : 144px;
  bottom          : 52px;
}

.articles-blog-beauty-two::after {
  background-image: var(--wpr-bg-e72bc5f3-acae-46ff-9d8d-bf8de0c06b90);
  width           : 74px;
  height          : 155px;
  bottom          : 36px;
}

.articles-blog-beauty hr {
  max-width       : 50%;
  margin          : 48px auto 26px;
  background-color: transparent;
  border-bottom   : 1px dashed rgba(73, 73, 73, 0.5);
}

.about-us-beauty-landing .image {
  padding-left: 46px;
}

@media only screen and (max-width: 991px) {
  .about-us-beauty-landing .image {
    padding-left: 0;
  }
}

.about-us-beauty-services {
  margin-top: 110px;
}

.about-us-beauty-services::before {
  background-image: var(--wpr-bg-b260d828-43c4-43c1-b483-ab06e2cac633);
  width           : 90px;
  height          : 183px;
  bottom          : 47px;
}

.about-us-beauty-services::after {
  background-image: var(--wpr-bg-5be6c17a-7135-4d46-8f79-19ca27f38fc4);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  bottom          : 99px;
}

.about-us-beauty-services .row {
  gap: 43px 0;
}

@media only screen and (max-width: 991px) {
  .about-us-beauty-services::before {
    top   : 147px;
    bottom: auto;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-beauty-services {
    margin-top: 80px;
  }

  .about-us-beauty-services .row {
    gap: 24px 0;
  }
}

.about-us-beauty-top-doctor::after {
  background-image: var(--wpr-bg-ce8eb104-4704-4a85-95ed-4f6563dd05ae);
  width           : 119px;
  height          : 175px;
  transform       : translateY(-120px);
}

.about-us-beauty-top-doctor .container::after {
  right           : auto;
  left            : 0;
  background-image: var(--wpr-bg-2c72dcd3-f6d0-4efd-8b4c-02c8d831205f);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(45px);
}

@media only screen and (max-width: 767px) {
  .about-us-beauty-top-doctor {
    margin: 80px 0;
  }
}

.about-us-beauty-brands::after {
  background-image: var(--wpr-bg-230c1bac-7a8c-4736-840f-74f00f8bd794);
  width           : 143px;
  height          : 202px;
  opacity         : 0.2;
  transform       : translateY(-48px);
}

.about-us-beauty-works::before {
  background-image: var(--wpr-bg-4236ac56-d733-46db-8ecb-15e884e52158);
  height          : 104%;
}

.about-us-beauty-works .container::after {
  background-image: var(--wpr-bg-729097e1-3e99-417e-8317-f47bd5040cd0);
  opacity         : 0.5;
  width           : 220px;
  height          : 382px;
  top             : 55%;
  transform       : translateY(-50%);
}

.about-us-beauty-works .section-heading-beauty::after {
  background-image: var(--wpr-bg-3bafd530-10b5-4618-9896-860ea5ac8b76);
  width           : 119px;
  height          : 175px;
  bottom          : 20%;
}

.about-us-beauty-members {
  margin: 135px 0 69px;
}

.about-us-beauty-members::before {
  background-image: var(--wpr-bg-9bf4a66c-c5d9-4ad3-8104-e38b0bbc6bca);
  transform       : translateY(-71px);
  height          : 100%;
}

.about-us-beauty-members::after {
  background-image: var(--wpr-bg-4469f972-fdb9-42eb-ab42-a96e3adb57a1);
  width           : 90px;
  height          : 183px;
  top             : calc(100% - 25px);
}

.about-us-beauty-members .container::before {
  background-image: var(--wpr-bg-2ff131bc-f228-485c-b37d-a9409a434aa3);
  width           : 225px;
  height          : 243px;
  opacity         : 0.5;
  transform       : translateY(143px);
}

.about-us-beauty-members .services-suports-item .btn:hover {
  background-color: #ff8353 !important;
}

@media only screen and (max-width: 767px) {
  .about-us-beauty-members {
    margin-top: 80px;
  }
}

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

  .about-us-beauty-members::after,
  .about-us-beauty-members .container::before {
    content: none;
  }
}

.about-us-beauty-articles::after {
  background-image: var(--wpr-bg-b2b668c8-cded-4d87-b54c-ce841289b593);
  width           : 74px;
  height          : 155px;
  transform       : translateY(-31px);
}

.contact-us-beauty-image .container::before,
.contact-us-beauty-image .container::after,
.contact-us-beauty-image-wrapper::before,
.contact-us-beauty-image-wrapper::after {
  background-image: var(--wpr-bg-881df430-e003-4372-8198-bdb3009005e4);
  width           : 124px;
  height          : 70px;
}

.contact-us-beauty-image .container::before,
.contact-us-beauty-image .container::after {
  right: 136px;
}

.contact-us-beauty-image .container::before {
  top: 136px;
}

.contact-us-beauty-image .container::after {
  top: 450px;
}

.contact-us-beauty-image-wrapper::before {
  top : 35px;
  left: 65px;
}

.contact-us-beauty-image-wrapper::after {
  top : 427px;
  left: 80px;
}

.contact-us-beauty-image-wrapper .img::before {
  top             : -12px;
  right           : -121px;
  bottom          : -138px;
  left            : 126px;
  background-image: var(--wpr-bg-080bb69c-2e09-48b8-b28b-37d361fb5b44);
}

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

  .contact-us-beauty-image .container::before,
  .contact-us-beauty-image .container::after,
  .contact-us-beauty-image-wrapper::before,
  .contact-us-beauty-image-wrapper::after,
  .contact-us-beauty-image-wrapper .img::before {
    content: none;
  }
}

.contact-us-beauty-form {
  margin-top: 76px;
}

.contact-us-beauty-form::before {
  background-image: var(--wpr-bg-37a517a2-afb3-430a-b3c9-d8d6114fcc58);
  top             : 80px;
  height          : 1289px;
}

.contact-us-beauty-form::after {
  background-image: var(--wpr-bg-72e7d2e6-25c9-4f8a-8608-0004e180279a);
  width           : 90px;
  height          : 183px;
  top             : 220px;
}

.contact-us-beauty-form .container::before {
  background-image: var(--wpr-bg-6bf8958f-bc6e-4404-98b4-a571eb9ba800);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  top             : 579px;
}

.contact-us-beauty-form .container::after {
  background-image: var(--wpr-bg-234fa91f-0d59-4b1b-a434-8aa9e91993bd);
  width           : 119px;
  height          : 175px;
  top             : 459px;
}

.contact-us-beauty-form .nav-tabs .nav-item {
  box-shadow: 0px 44px 50px rgba(0, 0, 0, 0.05);
  padding   : 73px 12px 72px;
  cursor    : pointer;
  max-width : calc(50% - 12px);
}

.contact-us-beauty-form .nav-tabs .nav-item::before {
  background   : var(--wpr-bg-68093a42-eb0c-4558-9874-1dd7ef8ff7ff), #ff8353;
  border-radius: inherit;
  opacity      : 0;
}

.contact-us-beauty-form .nav-tabs .nav-item i {
  font-size: 100px;
  margin   : 72px 0 42px;
}

.contact-us-beauty-form .nav-tabs .nav-item p {
  max-width: 319px;
}

.contact-us-beauty-form .nav-tabs .nav-item:hover::before,
.contact-us-beauty-form .nav-tabs .nav-item.active::before {
  opacity: 1;
}

.contact-us-beauty-form .nav-tabs .nav-item:hover .title,
.contact-us-beauty-form .nav-tabs .nav-item:hover i,
.contact-us-beauty-form .nav-tabs .nav-item.active .title,
.contact-us-beauty-form .nav-tabs .nav-item.active i {
  color: #fff;
}

.contact-us-beauty-form .nav-tabs .nav-item:hover p,
.contact-us-beauty-form .nav-tabs .nav-item.active p {
  color: rgba(255, 255, 255, 0.8);
}

.contact-us-beauty-form form {
  gap       : 32px 0;
  margin-top: 112px;
}

.contact-us-beauty-form form .btn {
  padding    : 9px 17px;
  line-height: 21px;
  margin-top : -20px;
  box-shadow : 0px 18px 25px rgba(134, 155, 235, 0.32);
}

@media only screen and (max-width: 767px) {
  .contact-us-beauty-form .nav-tabs .nav-item {
    max-width: 100%;
    padding  : 32px 12px;
  }

  .contact-us-beauty-form .nav-tabs .nav-item i {
    margin   : 32px 0;
    font-size: 78px;
  }

  .contact-us-beauty-form form {
    margin-top: 70px;
  }

  .contact-us-beauty-form form .col-md-6:nth-child(3) {
    order: -1;
  }
}

.contact-us-beauty-ways {
  margin: 143px 0 85px;
}

.contact-us-beauty-ways::before {
  background-image: var(--wpr-bg-1c8b7486-29ba-4d83-b22e-17189d4752fc);
  height          : 112%;
  transform       : translateY(-78px);
}

.contact-us-beauty-ways::after {
  background-image: var(--wpr-bg-903b35bf-8a56-4787-b411-f998a16a3116);
  width           : 131px;
  height          : 243px;
  bottom          : calc(100% + 14px);
}

.contact-us-beauty-ways .container::before,
.contact-us-beauty-ways .container::after {
  width           : 93px;
  height          : 93px;
  border-radius   : 50%;
  background-color: #ff8353;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
}

.contact-us-beauty-ways .container::before {
  bottom   : 203px;
  transform: translateX(35px);
}

.contact-us-beauty-ways .container::after {
  transform: translate(-45px, 47px);
}

.contact-us-beauty-ways-box {
  border-radius: 28px;
  box-shadow   : 0px 20px 50px rgba(0, 0, 0, 0.05);
  padding      : 29px 34px 30px 67px;
}

.contact-us-beauty-ways-box ul {
  gap: 29px;
}

.contact-us-beauty-ways-box ul li img {
  margin-left: 11px;
}

.contact-us-beauty-ways-box .btn {
  padding: 15px 32px;
}

.contact-us-beauty-ways-box .btn:last-child {
  margin-right: 20px;
  padding     : 15px 26px;
}

.contact-us-beauty-ways .swiper img {
  border-radius: 25px 25px 0px 25px;
  box-shadow   : 0px 16px 25px rgba(0, 0, 0, 0.1);
  cursor       : zoom-in;
}

@media only screen and (max-width: 1399px) {
  .contact-us-beauty-ways-box {
    padding: 29px 24px 30px;
  }

  .contact-us-beauty-ways-box ul {
    gap: 16px;
  }
}

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

  .contact-us-beauty-ways-box .btn,
  .contact-us-beauty-ways-box .btn:last-child {
    padding: 15px 20px;
  }

  .contact-us-beauty-ways-box .btn:last-child {
    margin-right: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-beauty-ways-box .btn {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-beauty-ways .swiper img {
    border-radius: 16px 16px 0;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-beauty-ways-box .btn:last-child {
    margin-right: 0;
  }
}

.contact-us-beauty-members {
  margin-bottom: 140px;
}

.contact-us-beauty-members::before {
  background-image: var(--wpr-bg-ca610290-e5b3-4fd9-b21b-cfa1c5585632);
  height          : 100%;
  transform       : translateY(-71px);
}

.contact-us-beauty-members::after {
  background-image: var(--wpr-bg-53d074f6-8aea-47ec-988d-468c0c4e17d6);
  width           : 107px;
  height          : 234px;
  transform       : translateY(-98px);
}

.contact-us-beauty-members .container::before {
  background-image: var(--wpr-bg-35480a90-9821-43d3-a538-dc8cfbcd8458);
  width           : 83px;
  height          : 174px;
  top             : 148px;
}

.contact-us-beauty-members .container::after {
  background-image: var(--wpr-bg-a1100ace-898a-497b-94a5-5871b836caac);
  width           : 210px;
  height          : 406px;
  transform       : translateY(120px);
}

.contact-us-beauty-members .section-heading-beauty::before {
  background-image: var(--wpr-bg-fb66d84a-0636-46ed-847c-cb01ff4fa48b);
  width           : 220px;
  height          : 382px;
  transform       : translateY(275px);
}

.contact-us-beauty-members .row {
  gap: 72px 0;
}

.blog-beauty-search {
  margin-bottom: 87px;
}

.blog-beauty-search::before {
  background-image: var(--wpr-bg-acc41b1d-3280-4f38-ae98-128bec568532);
  width           : 135px;
  height          : 238px;
  top             : 50%;
  transform       : translateY(-50%);
}

.blog-beauty-search-wrapper {
  max-width: 734px;
}

.blog-beauty-search-wrapper p {
  line-height: 37px;
  margin     : 10px 0 46px;
}

.blog-beauty-search-wrapper form {
  box-shadow: 0px 47px 50px rgba(0, 0, 0, 0.05);
  padding   : 15px 52px 15px 46px;
}

.blog-beauty-search-wrapper form .form-control {
  background-color: rgba(255, 131, 83, 0.05);
  height          : 83px;
  padding         : 0 26px;
}

.blog-beauty-search-wrapper form .form-control::-moz-placeholder {
  color: rgba(73, 73, 73, 0.6);
}

.blog-beauty-search-wrapper form .form-control,
.blog-beauty-search-wrapper form .form-control::placeholder {
  color: rgba(73, 73, 73, 0.6);
}

.blog-beauty-search-wrapper form button {
  margin-right    : 102px;
  width           : 62px;
  height          : 62px;
  background-color: #ff8353;
  flex            : 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .blog-beauty-search-wrapper form button {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-beauty-search-wrapper form {
    border-radius: 15px !important;
    padding      : 8px 12px;
  }

  .blog-beauty-search-wrapper form .form-control {
    height: 62px;
  }

  .blog-beauty-search-wrapper form button {
    margin-right: 12px;
  }
}

.blog-beauty-top-article {
  margin-top: 101px;
}

.blog-beauty-top-article::before {
  background-image: var(--wpr-bg-25bb647a-f4d2-401f-9d47-e6f09f6cc39d);
  transform       : translateY(-357px);
  height          : 150%;
}

.blog-beauty-top-article::after {
  background-image: var(--wpr-bg-ba3c26a8-f070-4242-9a71-192a79e788cc);
  width           : 131px;
  height          : 243px;
  transform       : translateY(-246px);
}

.blog-beauty-top-article .container::before {
  background-image: var(--wpr-bg-a3a745bd-82a4-4069-baa0-1bd522325589);
  width           : 92px;
  height          : 139px;
  transform       : translateY(-32px);
}

.blog-beauty-top-article-content .image {
  padding-left: 18px;
  max-width   : 39%;
}

.blog-beauty-top-article-content .image::before {
  background-color: rgba(0, 0, 0, 0.37);
  filter          : blur(50px);
  border-radius   : 20px;
  width           : 78%;
  height          : 15%;
  left            : 50%;
  transform       : translateX(-50%);
}

.blog-beauty-top-article-content .image img {
  box-shadow: 0px -8px 23px rgba(0, 0, 0, 0.05);
}

.blog-beauty-top-article-content .detail {
  flex   : 1 0 1%;
  padding: 32px 23px 24px;
}

.blog-beauty-top-article-content .detail .title {
  line-height: 36px;
}

.blog-beauty-top-article-content .detail .title a:hover {
  color: #ff8353;
}

.blog-beauty-top-article-content .detail p {
  line-height  : 36px;
  margin-bottom: 9px;
  height       : 108px;
}

.blog-beauty-top-article-content .detail .author img {
  border-radius: 7px;
  margin-left  : 11px;
}

.blog-beauty-top-article-content .detail .more {
  background-color: #fff;
  box-shadow      : 0px 18px 50px rgba(189, 154, 246, 0.05), 0px 7px 17px rgba(0, 0, 0, 0.05);
  margin-top      : 20px;
  padding         : 8px 18px;
}

.blog-beauty-top-article-content .detail .more:hover {
  background-color: #ff8353;
  color           : #fff;
}

.blog-beauty-top-article-two .image {
  padding: 0 18px 0 0;
}

@media only screen and (max-width: 991px) {
  .blog-beauty-top-article-content .image {
    max-width: 100%;
    padding  : 0;
  }

  .blog-beauty-top-article-content .detail p {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .blog-beauty-top-article-content .detail {
    padding: 18px;
  }
}

.blog-beauty-news {
  margin-top: 163px;
}

.blog-beauty-news::before {
  background-image: var(--wpr-bg-14f0643e-5cef-41f8-8cd4-75e97f667eba);
  width           : 135px;
  height          : 238px;
  top             : 7%;
}

.blog-beauty-news::after {
  background-image: var(--wpr-bg-5c604195-c74e-4de2-9680-b35e011ad683);
  width           : 131px;
  height          : 243px;
  top             : 28%;
}

.blog-beauty-news .row {
  gap: 44px 0;
}

.blog-beauty-news-two {
  margin-top: 125px;
}

.blog-beauty-news-two::before {
  background-image: var(--wpr-bg-25ee2b71-cdfc-491d-a31f-ae946b6b684c);
  transform       : translateY(-71px);
  height          : 100%;
}

.blog-beauty-news-two .row {
  gap: 75px 0;
}

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

  .blog-beauty-news,
  .blog-beauty-news-two {
    margin-top: 80px;
  }

  .blog-beauty-news .row,
  .blog-beauty-news-two .row {
    gap: 32px 0;
  }
}

.blog-beauty-sickness {
  margin-top: 107px;
}

.blog-beauty-sickness-wrapper::before {
  height          : 15%;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 15%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  z-index         : 2;
}

@media only screen and (max-width: 767px) {
  .blog-beauty-sickness-wrapper::before {
    height: 10%;
  }
}

@media only screen and (max-width: 575px) {
  .blog-beauty-sickness-wrapper::before {
    height: 4%;
  }
}

.blog-beauty-sickness .row {
  gap: 50px 0;
}

.blog-beauty-sickness .btn-more-beauty {
  margin-top : -35px;
  padding    : 15px 32px;
  line-height: 23px;
}

.detail-blog-beauty-image .container {
  gap: 28px;
}

.detail-blog-beauty-image .img {
  max-width: calc(50% - 14px);
  flex     : 0 0 auto;
}

.detail-blog-beauty-image .img::before,
.detail-blog-beauty-image .img img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgyIiBoZWlnaHQ9IjQxOSIgdmlld0JveD0iMCAwIDU4MiA0MTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDEwOS4wMzhDMCA0OC44MTgxIDQ4LjgxODEgMCAxMDkuMDM4IDBWMEMxMzIuNzAyIDAgMTU2LjE5OCA3LjUzMDgyIDE3OC44OTMgMTQuMjMyMUMyMDEuNzQ0IDIwLjk3OTYgMjM3LjcyMyAyNy41ODY4IDI5MSAyNy41ODY4QzM0NC4yNzcgMjcuNTg2OCAzODAuMjU2IDIwLjk3OTYgNDAzLjEwNyAxNC4yMzIxQzQyNS44MDIgNy41MzA4MiA0NDkuMjk4IDAgNDcyLjk2MiAwVjBDNTMzLjE4MiAwIDU4MiA0OC44MTgxIDU4MiAxMDkuMDM4VjI2OUM1ODIgMzUxLjg0MyA1MTQuODQzIDQxOSA0MzIgNDE5SDE1MEM2Ny4xNTczIDQxOSAwIDM1MS44NDMgMCAyNjlWMTA5LjAzOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgyIiBoZWlnaHQ9IjQxOSIgdmlld0JveD0iMCAwIDU4MiA0MTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDEwOS4wMzhDMCA0OC44MTgxIDQ4LjgxODEgMCAxMDkuMDM4IDBWMEMxMzIuNzAyIDAgMTU2LjE5OCA3LjUzMDgyIDE3OC44OTMgMTQuMjMyMUMyMDEuNzQ0IDIwLjk3OTYgMjM3LjcyMyAyNy41ODY4IDI5MSAyNy41ODY4QzM0NC4yNzcgMjcuNTg2OCAzODAuMjU2IDIwLjk3OTYgNDAzLjEwNyAxNC4yMzIxQzQyNS44MDIgNy41MzA4MiA0NDkuMjk4IDAgNDcyLjk2MiAwVjBDNTMzLjE4MiAwIDU4MiA0OC44MTgxIDU4MiAxMDkuMDM4VjI2OUM1ODIgMzUxLjg0MyA1MTQuODQzIDQxOSA0MzIgNDE5SDE1MEM2Ny4xNTczIDQxOSAwIDM1MS44NDMgMCAyNjlWMTA5LjAzOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.detail-blog-beauty-image .img::before {
  top             : -10px;
  right           : -10px;
  bottom          : -10px;
  left            : -10px;
  background-color: rgba(255, 255, 255, 0.2);
}

.detail-blog-beauty-image .img::after {
  width           : 45%;
  height          : 15%;
  background-color: rgba(73, 73, 73, 0.4);
  filter          : blur(50px);
  bottom          : -9%;
  left            : 50%;
  transform       : translateX(-50%);
}

.detail-blog-beauty-info {
  margin: 85px 0 40px;
}

.detail-blog-beauty-info .title {
  line-height  : 44px;
  margin-bottom: 14px;
}

.detail-blog-beauty-info .sub-title {
  line-height: 32px;
}

.detail-blog-beauty-content::before {
  background-image: var(--wpr-bg-ad4d02c0-c8f6-4d2a-a86c-548abd407bae);
  width           : 90px;
  height          : 183px;
}

.detail-blog-beauty-content::after {
  background-image: var(--wpr-bg-29464ed2-db40-4381-9185-2405a2f4d65b);
  width           : 119px;
  height          : 175px;
  top             : 228px;
}

.detail-blog-beauty-content .container::before {
  background-image: var(--wpr-bg-d321a908-d935-4d7a-9cfb-89aabffa1d2a);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  top             : 348px;
}

.detail-blog-beauty .detail-blog-hosting-info-wrapper .info li i,
.detail-blog-beauty .detail-blog-hosting-info-wrapper .share ul li a:hover {
  background-color: #ff8353;
}

.detail-blog-beauty-send-comment {
  margin-top: 108px;
}

.detail-blog-beauty-send-comment::before {
  top             : 77px;
  transform       : unset;
  height          : 100%;
  background-image: var(--wpr-bg-21f284c0-6b0d-4c9d-b6b0-9114ff0320d8);
}

.detail-blog-beauty-send-comment::after {
  background-image: var(--wpr-bg-063da1c0-9faa-4fe2-b522-1a0838a32ce9);
  width           : 131px;
  height          : 243px;
}

.detail-blog-beauty-send-comment .box-star .stars input:checked~label i {
  color: #ff8353;
}

.detail-blog-beauty-send-comment .btn {
  box-shadow: 0px 18px 25px rgba(255, 131, 83, 0.32);
}

.detail-blog-beauty-comments::after {
  width           : 93px;
  height          : 93px;
  background-color: #FF8353;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
  transform       : translateX(-45px);
  bottom          : 160px;
  border-radius   : 50%;
}

.detail-blog-beauty-comments ul li .content .text-reply p::before,
.detail-blog-beauty-comments ul li ul::before {
  background-color: #ff8353;
}

.detail-blog-beauty-comments li .content .text-reply .btn {
  box-shadow: 0px 18px 25px rgba(255, 131, 83, 0.32);
}

.detail-blog-beauty-related-articles::before {
  background-image: var(--wpr-bg-7cacfded-acfb-4e0f-82ac-e541997845a2);
  transform       : translateY(-71px);
  height          : 65%;
}

.detail-blog-beauty-related-articles::after {
  background-image: var(--wpr-bg-5a8c9802-efdd-4787-a408-e0432737d50c);
  width           : 83px;
  height          : 174px;
  transform       : translateY(-85px);
}

.detail-blog-beauty-related-articles .container::before {
  background-image: var(--wpr-bg-2bb3cef8-da73-4985-92a4-060a650ba991);
  width           : 210px;
  height          : 406px;
  top             : 85px;
}

.detail-blog-beauty-related-articles .container::after {
  background-image: var(--wpr-bg-a4cc737b-40f9-44ea-9cde-955d60a427ab);
  width           : 225px;
  height          : 243px;
  opacity         : 0.35;
  transform       : translateY(146px);
}

.detail-blog-beauty-sickness::before {
  background-image: var(--wpr-bg-92b2f5fa-8743-4ef9-a689-8825c0c68bcb);
  width           : 125px;
  height          : 238px;
  top             : 173px;
}

.detail-blog-beauty-sickness::after {
  background-image: var(--wpr-bg-bdeae373-3627-4804-b945-75447b250699);
  width           : 131px;
  height          : 243px;
  top             : 281px;
}

.detail-blog-beauty-sickness .container::before {
  background-image: var(--wpr-bg-b941d6fc-2a98-42a8-a696-6528882da283);
  width           : 65px;
  height          : 144px;
  transform       : translateY(6px);
  z-index         : 4;
}

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

  .detail-blog-beauty-content::before,
  .detail-blog-beauty-content::after,
  .detail-blog-beauty-content .container::before,
  .detail-blog-beauty-sickness .container::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-beauty-image .img {
    max-width: 100%;
  }

  .detail-blog-beauty-info {
    margin: 32px 0;
  }

  .detail-blog-beauty-info .title {
    line-height: 30px;
  }
}

.service-beauty {
  padding-bottom : 48px;
  background     : var(--wpr-bg-65f2ac1c-2a0f-4536-8892-2e6bbe72780f) bottom center no-repeat;
  background-size: cover;
  min-height     : 100vh;
}

.service-beauty .top-header-beauty .container {
  margin-bottom: 24px;
}

.service-beauty .top-header-beauty .container::before {
  height   : 179px;
  transform: translateY(-171px);
}

.service-beauty-wrapper::before {
  background-image: var(--wpr-bg-8f759355-2a30-444b-bdfc-8d3002857a84);
  width           : 66px;
  height          : 149px;
  top             : 40%;
  transform       : translateY(-50%);
}

.service-beauty-wrapper::after {
  background-image: var(--wpr-bg-8bacaf09-d591-480d-9b26-01af6e000e96);
  width           : 119px;
  height          : 175px;
  bottom          : 10%;
}

.service-beauty h2 {
  margin-bottom: 3px;
}

.service-beauty p {
  margin-bottom: 46px;
}

.service-beauty .title-form {
  margin-bottom: 27px;
}

.service-beauty form {
  gap: 21px 0;
}

.service-beauty form .form-group .form-control {
  height : 53px;
  padding: 0 20px;
}

.service-beauty form .form-group select.form-control {
  background-image: var(--wpr-bg-96737f60-8252-420c-af82-c4c33bbe030b);
}

.service-beauty form .btns {
  margin-top: 10px;
}

.service-beauty form .btns .btn {
  width  : calc(50% - 44px);
  padding: 12px;
}

.service-beauty form .btns .btn-change {
  width     : 46px;
  height    : 46px;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  margin    : 0 19px 0 23px;
}

.service-beauty .total-price {
  margin-top      : 44px;
  background-color: rgba(73, 73, 73, 0.05);
  min-width       : 265px;
  padding         : 12px 16px;
  line-height     : 23px;
}

.service-beauty .btn-back {
  margin-top : 100px;
  padding    : 12px 55px;
  line-height: 23px;
}

.service-beauty .result {
  margin-bottom: 35px;
  gap          : 24px 0;
}

.service-beauty .result-box {
  box-shadow: 0px 42px 22px rgba(0, 0, 0, 0.02);
}

@media only screen and (min-width: 992px) {
  .service-beauty .sup-title {
    line-height: 27px;
  }

  .service-beauty h2 {
    line-height: 68px;
  }

  .service-beauty p {
    line-height: 31px;
  }
}

@media only screen and (max-width: 1199px) {
  .service-beauty form .btns .btn:not(.btn-change) {
    width: calc(50% - 34px);
  }
}

@media only screen and (max-width: 991px) {
  .service-beauty .top-header-beauty .container {
    margin-bottom: 48px;
  }

  .service-beauty-wrapper::before,
  .service-beauty-wrapper::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .service-beauty form .btns .btn:not(.btn-change) {
    width: 100%;
  }

  .service-beauty form .btns .btn-change {
    margin: 20px auto;
  }

  .service-beauty form .btns .btn-change i {
    transform: rotate(90deg);
  }
}

.section-heading-travel {
  max-width    : 786px;
  margin-bottom: 58px;
}

.section-heading-travel-sup-title {
  line-height: 27px;
}

.section-heading-travel-title {
  margin: 1px 0 0;
}

.section-heading-travel p {
  line-height         : 27px;
  -moz-text-align-last: center;
  text-align-last     : center;
}

.swiper-travel {
  padding-bottom: 99px;
}

.swiper-travel .swiper-bottom {
  gap: 22px;
}

.swiper-travel .swiper-button-next,
.swiper-travel .swiper-button-prev {
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.05);
  width     : 59px;
  height    : 59px;
}

.swiper-travel .swiper-button-next::after,
.swiper-travel .swiper-button-prev::after {
  content    : "\e943";
  font-family: "icomoon";
  color      : #494949;
  font-size  : 20px;
  transition : all 0.3s ease-in-out;
}

.swiper-travel .swiper-button-next:hover::after,
.swiper-travel .swiper-button-prev:hover::after {
  color: #1081e8;
}

.swiper-travel .swiper-button-disabled {
  opacity: 0.2;
}

.swiper-travel .swiper-button-prev::after {
  content: "\e944";
}

.tour-item {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}

.tour-item .image img {
  border-radius: 29px 29px 0 29px;
}

.tour-item .content {
  padding: 29px 21px 16px;
}

.tour-item .content .date i {
  margin-left: 10px;
}

.tour-item .content h2 {
  line-height: 36px;
  height     : 82px;
  margin     : 7px 0;
}

.tour-item .content h2 a:hover {
  color: #1081e8;
}

.tour-item .content .read-more {
  background-color: rgba(217, 217, 217, 0.15);
  padding         : 7px 12px;
}

@media only screen and (max-width: 1199px) {
  .tour-item .content {
    padding: 29px 16px 16px;
  }

  .tour-item .content h2,
  .tour-item .content .price {
    font-size: 20px;
  }
}

.btn-more-travel {
  margin-top : 38px;
  box-shadow : 0px 10px 20px 2px rgba(16, 129, 232, 0.32);
  padding    : 15px 24px;
  line-height: 23px;
}

.article-travel h2 a:hover {
  color: #1081e8;
}

.landing-travel::before {
  background-image: var(--wpr-bg-798f25c9-b2b8-4067-8843-1630db5a023f);
  width           : 92px;
  height          : 133px;
  transform       : translateY(-51px);
}

.landing-travel::after {
  background-image: var(--wpr-bg-2188106e-16c8-49f9-b9c8-32f418982ad9);
  width           : 113px;
  height          : 406px;
  top             : 135px;
}

.landing-travel .container::before {
  background-image: var(--wpr-bg-4d75d61d-a613-4330-8cae-e0f107e34da2);
  width           : 93px;
  height          : 438px;
  top             : 73px;
}

.landing-travel .content {
  max-width: 86%;
}

.landing-travel .sup-title::after {
  background-image: var(--wpr-bg-8f9ee828-7f70-4c7f-9d63-fe4035561204);
  transform       : translate(-82px, -15px);
  width           : 49px;
  height          : 51px;
}

.landing-travel .title {
  margin-bottom: 11px;
}

.landing-travel .sup-title,
.landing-travel .title {
  text-shadow: 0px 3px 50px rgba(252, 183, 18, 0.35);
}

.landing-travel p {
  line-height  : 32px;
  margin-bottom: 15px;
}

.landing-travel form {
  padding: 25px 66px 24px 42px;
  gap    : 15px;
}

.landing-travel form .form-group {
  max-width: calc(50% - 98px);
}

.landing-travel form .form-group i {
  right: 22px;
}

.landing-travel form .form-group .form-control {
  background-color: rgba(243, 243, 243, 0.2);
  height          : 64px;
  padding-right   : 50px;
}

.landing-travel form .btn {
  padding     : 16px 29px;
  box-shadow  : 0px 9px 30px 2px rgba(16, 129, 232, 0.25);
  margin-right: 11px;
}

.landing-travel .image {
  margin-right: -250px;
}

@media only screen and (min-width: 768px) {
  .landing-travel .sup-title {
    line-height: 58px;
  }

  .landing-travel .title {
    line-height: 62px;
  }
}

@media only screen and (max-width: 1399px) {
  .landing-travel form {
    padding: 25px 32px 24px;
  }

  .landing-travel form .form-group {
    max-width: calc(50% - 93px);
  }

  .landing-travel form .form-group i {
    right: 8px;
  }

  .landing-travel form .form-group .form-control {
    padding-right: 32px;
  }

  .landing-travel form .btn {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-travel .image {
    margin-right: -200px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-travel .content {
    max-width: 100%;
  }

  .landing-travel .image {
    margin-right: 0;
  }
}

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

  .landing-travel::before,
  .landing-travel::after,
  .landing-travel .container::before {
    content: none;
  }

  .landing-travel p {
    line-height: 26px;
  }

  .landing-travel form {
    padding: 18px;
  }

  .landing-travel form .form-group {
    max-width: calc(50% - 8px);
  }

  .landing-travel form .btn {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .landing-travel .sup-title::after {
    content: none;
  }

  .landing-travel form .form-group {
    max-width: 100%;
  }
}

.description-travel::before {
  background-image: var(--wpr-bg-9de45f16-1016-41b0-87d8-c51dfb817bf4);
  height          : 150%;
  transform       : translateY(-198px);
}

.description-travel-wrapper {
  box-shadow: 0px 42px 100px rgba(0, 0, 0, 0.05);
  padding   : 68px 72px 186px;
}

.description-travel-wrapper .btn {
  box-shadow: 0px 10px 20px 2px rgba(16, 129, 232, 0.32);
}

.description-travel-wrapper .content {
  margin-top : 36px;
  line-height: 35px;
}

.description-travel .brands {
  margin: -120px 72px 0;
  gap   : 37px 39px;
}

.description-travel .brands li {
  max-width: calc(20% - 32px);
  flex     : 0 0 auto;
}

.description-travel .brands li a {
  box-shadow: 0px 31px 50px rgba(0, 0, 0, 0.02);
  padding   : 66px 12px;
}

.description-travel .brands li a img {
  max-height: 72px;
  filter    : grayscale(1);
  opacity   : 0.5;
}

.description-travel .brands li a:hover img {
  filter : grayscale(0);
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .description-travel .brands {
    gap: 37px 20px;
  }

  .description-travel .brands li {
    max-width: calc(20% - 16px);
  }
}

@media only screen and (max-width: 991px) {
  .description-travel-wrapper {
    padding      : 32px 32px 110px;
    border-radius: 32px;
  }

  .description-travel .brands {
    margin: -90px 32px 0;
    gap   : 20px;
  }

  .description-travel .brands li a {
    padding      : 48px 12px;
    border-radius: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .description-travel-wrapper {
    padding: 24px 24px 130px;
  }

  .description-travel .brands {
    margin: -90px 24px 0;
  }

  .description-travel .brands li {
    max-width: none;
    flex     : 1 0 calc(33.333333% - 14px);
  }
}

@media only screen and (max-width: 575px) {
  .description-travel .brands li {
    flex: 1 0 calc(50% - 12px);
  }

  .description-travel .brands li a {
    padding: 24px;
  }
}

.articles-blog-travel {
  margin-top: 169px;
}

.articles-blog-travel-wrapper::before {
  height          : 15%;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 15%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  z-index         : 1;
}

.articles-blog-travel-wrapper .btn {
  margin-top: -35px;
}

.articles-blog-travel-wrapper .row {
  gap: 50px 0;
}

@media only screen and (max-width: 767px) {
  .articles-blog-travel-wrapper::before {
    height: 10%;
  }

  .articles-blog-travel-wrapper .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .articles-blog-travel-wrapper::before {
    height: 4%;
  }
}

@media only screen and (max-width: 767px) {
  .articles-blog-travel {
    margin-top: 80px;
  }
}

.popular-locations::after {
  background-image: var(--wpr-bg-d7e05410-43a7-46c7-8017-298d376eaca4);
  mix-blend-mode  : difference;
  width           : 79px;
  height          : 148px;
  top             : 25px;
}

.popular-locations-item {
  background-image: var(--wpr-bg-29c0de0c-5c39-480d-aa3f-e53cdc832379);
  padding         : 125px 47px 31px;
  box-shadow      : 0px 23px 50px rgba(0, 0, 0, 0.1);
}

.popular-locations-item::before {
  background   : linear-gradient(180deg, rgba(16, 129, 232, 0.8) 0%, rgba(16, 129, 232, 0) 0.01%, rgba(16, 129, 232, 0.253295) 58.99%, rgba(16, 129, 232, 0.8) 100%);
  border-radius: inherit;
}

.popular-locations-item p {
  line-height: 30px;
  max-height : 60px;
}

.popular-locations .row {
  gap: 86px 0;
}

.popular-locations .row>*:nth-child(2)>*::before {
  background: linear-gradient(180deg, rgba(230, 58, 44, 0.8) 0%, rgba(230, 58, 44, 0) 0.01%, rgba(230, 58, 44, 0.253295) 58.99%, rgba(230, 58, 44, 0.8) 100%);
}

.popular-locations .row>*:nth-child(3)>*::before {
  background: linear-gradient(180deg, rgba(246, 174, 0, 0.8) 0%, rgba(16, 129, 232, 0) 0.01%, rgba(246, 174, 0, 0.253295) 58.99%, rgba(246, 174, 0, 0.8) 100%);
}

.popular-locations .row>*:nth-child(4)>*::before {
  background: linear-gradient(180deg, rgba(122, 103, 219, 0.8) 0%, rgba(16, 129, 232, 0) 0.01%, rgba(122, 103, 219, 0.253295) 58.99%, rgba(122, 103, 219, 0.8) 100%);
}

.popular-locations .row>*:last-child>*::before {
  background: linear-gradient(180deg, rgba(255, 131, 83, 0.8) 0%, rgba(16, 129, 232, 0) 0.01%, rgba(255, 131, 83, 0.253295) 58.99%, rgba(255, 131, 83, 0.8) 100%);
}

@media only screen and (min-width: 768px) {
  .popular-locations-item .title {
    line-height: 69px;
  }
}

@media only screen and (max-width: 991px) {
  .popular-locations .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .popular-locations-item {
    padding: 125px 24px 31px;
  }
}

@media only screen and (max-width: 575px) {
  .popular-locations-item {
    border-radius: 20px;
  }
}

.hotel-reservation-item {
  box-shadow   : 0px 50px 50px rgba(0, 0, 0, 0.05);
  border-radius: 17px;
  padding      : 35px 25px 21px;
}

.hotel-reservation-item .image {
  max-width: 157px;
}

.hotel-reservation-item .image img {
  border-radius: 13px;
}

.hotel-reservation-item .detail {
  flex         : 1 0 1%;
  padding-right: 26px;
}

.hotel-reservation-item .detail ul {
  margin: 7px 0 27px;
}

.hotel-reservation-item .detail ul li:not(:last-child) {
  margin-bottom: 21px;
}

.hotel-reservation-item .detail .btn {
  box-shadow   : 0px 9px 30px 2px rgba(16, 129, 232, 0.25);
  border-radius: 6px;
  padding      : 6px 9px;
  line-height  : 19px;
}

@media only screen and (max-width: 767px) {
  .hotel-reservation-item {
    padding: 20px;
  }

  .hotel-reservation-item .image {
    max-width: 100%;
    margin   : 0 auto 24px;
  }

  .hotel-reservation-item .image img {
    height            : 250px;
    -o-object-fit     : cover;
    object-fit        : cover;
    -o-object-position: center;
    object-position   : center;
  }

  .hotel-reservation-item .detail {
    padding-right: 0;
  }

  .hotel-reservation-item .detail ul {
    margin: 7px 0 12px;
  }

  .hotel-reservation-item .detail ul li {
    font-size: 12px;
  }

  .hotel-reservation-item .detail ul li:not(:last-child) {
    margin-bottom: 12px;
  }

  .hotel-reservation-item .detail ul li i {
    font-size  : 18px;
    margin-left: 12px !important;
  }
}

@media only screen and (max-width: 575px) {
  .hotel-reservation-item .image img {
    height: 200px;
  }

  .hotel-reservation-item .detail .btn {
    padding: 10px;
    width  : 100%;
  }
}

.top-header-travel {
  padding: 48px 0 67px;
}

.top-header-travel::before {
  background-image: var(--wpr-bg-3e58c94f-343d-4ebb-8500-973b2be18ee5);
  height          : 875px;
}

.top-header-travel-logo {
  margin-left: 80px;
}

.top-header-travel-nav li a::after {
  background-color: #1081e8;
}

.top-header-travel-nav li a:hover,
.top-header-travel-nav li a.active {
  color: #1081e8;
}

.top-header-travel-auth {
  margin: 0 27px 0 0;
}

.top-header-travel-auth::after {
  transform: translateX(14px);
}

.top-header-travel-auth:hover {
  background-color: #1081e8 !important;
}

@media only screen and (max-width: 1199px) {
  .top-header-travel-logo {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-travel-logo {
    margin: 0 auto;
  }

  .top-header-travel-logo img {
    width : auto;
    height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-travel {
    padding-top: 32px;
  }

  .top-header-travel-auth::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-travel-logo img {
    height: 40px;
  }
}

.footer-travel {
  margin-top    : 160px;
  padding-bottom: 12px;
}

.footer-travel .download-app {
  padding      : 25px 33px 31px 44px;
  box-shadow   : 0px 37px 70px rgba(0, 0, 0, 0.05);
  margin-bottom: 39px;
}

.footer-travel .download-app .right {
  white-space: nowrap;
}

.footer-travel .download-app .right .title {
  line-height: 14px;
}

.footer-travel .download-app .right .sub-title {
  background-image       : linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
  line-height            : 27px;
}

.footer-travel .download-app ul {
  gap: 24px;
}

.footer-travel .download-app ul li a {
  padding   : 11px 9px 10px;
  box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.05);
}

.footer-travel .download-app ul li a img {
  max-height: 33px;
}

.footer-travel-description {
  margin-top : 10px;
  line-height: 24px;
}

.footer-travel-title {
  line-height  : 31px;
  margin-bottom: 2px;
}

.footer-travel-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-travel-nav li a {
  line-height: 27px;
}

.footer-travel-nav li a:hover {
  color: #1081e8;
}

.footer-travel-contact .title {
  line-height  : 44px;
  margin-bottom: 1px;
}

.footer-travel-contact p {
  line-height: 24px;
}

.footer-travel-contact .info {
  margin: 21px 0 25px;
}

.footer-travel-socials li:not(:last-child) {
  margin-left: 12px;
}

.footer-travel-socials li a {
  width     : 32px;
  height    : 32px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}

.footer-travel-socials li a:hover {
  background-color: #1081e8;
  color           : #fff;
}

.footer-travel-copyright {
  margin-top : 26px;
  padding-top: 9px;
  border-top : 3px solid #1081E8;
}

@media only screen and (max-width: 1199px) {
  .footer-travel .download-app {
    padding: 24px;
  }

  .footer-travel .download-app ul {
    gap: 12px;
  }

  .footer-travel-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-travel .download-app .right {
    white-space: unset;
  }
}

@media only screen and (max-width: 767px) {
  .footer-travel {
    margin-top: 60px;
  }

  .footer-travel .download-app ul li {
    flex: 1 0 calc(33.333333% - 8px);
  }
}

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

  .footer-travel .download-app .right .title,
  .footer-travel .download-app .right .sub-title {
    line-height: 18px;
    font-size  : 12px;
  }

  .footer-travel .download-app ul li {
    flex: 1 0 calc(50% - 12px);
  }
}

.options-travel::before {
  background-image: var(--wpr-bg-6e172b6f-eff2-4ccc-ac7e-a28653a554f7);
  transform       : translateY(-137px);
  height          : 264%;
}

.options-travel::after {
  background-image: var(--wpr-bg-cecab8f4-a5eb-4b65-8d00-6bb4c82b491c);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  transform       : translateY(81px);
}

.options-travel .row {
  gap: 24px 0;
}

.options-travel .col-lg-4:nth-child(2)>* {
  transform: translateY(56px);
}

@media only screen and (max-width: 991px) {
  .options-travel {
    margin-top: 80px;
  }

  .options-travel .col-lg-4:nth-child(2)>* {
    transform: unset;
  }
}

.top-location-travel {
  margin-top: 177px;
}

.top-location-travel::before {
  background-image: var(--wpr-bg-b1118873-4539-469b-9f83-45b55a3b6b1d);
  transform       : translateY(-49px);
  height          : 115%;
}

.top-location-travel-item {
  box-shadow   : 0px 71px 50px rgba(0, 0, 0, 0.02);
  border-radius: 32px;
  padding      : 29px 15px 30px;
}

.top-location-travel-item img {
  border-radius: 13px;
  margin-left  : 22px;
}

.top-location-travel-item .detail {
  flex: 1 0 1%;
}

.top-location-travel-item .detail h2 span {
  line-height: 25px;
}

.top-location-travel-item .detail .rate {
  background-color: #1081e8;
  box-shadow      : 0px 25px 50px rgba(16, 129, 232, 0.05);
  width           : 39px;
  height          : 25px;
}

.top-location-travel-item .detail .air {
  margin: 6px 0 17px;
}

@media only screen and (max-width: 1199px) {
  .top-location-travel-item img {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .top-location-travel-item {
    padding: 12px;
  }

  .top-location-travel-item img {
    margin: 0 auto;
    width : 60%;
  }
}

@media only screen and (max-width: 767px) {
  .top-location-travel {
    margin-top: 80px;
  }
}

.our-popular-tours-travel {
  margin: 106px 0 117px;
}

.our-popular-tours-travel::before {
  background-image: var(--wpr-bg-d80db2f6-9cde-4663-a845-285cd1a829d6);
  top             : 18px;
  height          : 92%;
}

.our-popular-tours-travel::after {
  background-image: var(--wpr-bg-68cf7cce-f045-4435-8c2e-7b8e20598d45);
  width           : 91px;
  height          : 406px;
  transform       : translateY(-111px);
}

.our-popular-tours-travel .container::before {
  background-image: var(--wpr-bg-12423996-83ee-452e-8d38-644443e32b5a);
  width           : 80px;
  height          : 190px;
  bottom          : 29px;
  mix-blend-mode  : difference;
}

@media only screen and (max-width: 767px) {
  .our-popular-tours-travel {
    margin: 80px 0;
  }
}

.our-popular-tours-two-travel {
  margin: 167px 0 125px;
}

.our-popular-tours-two-travel .container::after {
  background-image: var(--wpr-bg-2485b572-44d8-44a3-9914-7632b53883d8);
  width           : 89px;
  height          : 406px;
  transform       : translateY(-183px);
}

@media only screen and (max-width: 767px) {
  .our-popular-tours-two-travel {
    margin: 80px 0 60px;
  }
}

.about-us-travel-landing {
  margin-bottom: 97px;
}

.about-us-travel-landing .image::before {
  background-image: var(--wpr-bg-6129a58c-43cd-4ae9-80a2-26fe3efab8e6);
  transform       : matrix(-0.13, 0.99, 0.99, 0.13, 0, 0);
  width           : 589px;
  height          : 402px;
  top             : 5px;
  transform       : translateX(-140px);
}

.about-us-travel-landing .image::after {
  bottom          : 5%;
  left            : 50%;
  transform       : translateX(-50%);
  background-color: rgba(0, 0, 0, 0.32);
  filter          : blur(50px);
  width           : 48%;
  height          : 17%;
}

.about-us-travel-landing p {
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .about-us-travel-landing .image::before {
    content: none;
  }

  .about-us-travel-landing p {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-travel-landing {
    margin-bottom: 50px;
  }
}

.about-us-travel-description {
  margin-bottom: 155px;
}

.about-us-travel-description::after {
  background-image: var(--wpr-bg-a5aa1449-91d1-4bf1-a320-d821bd395246);
  width           : 93px;
  height          : 438px;
  bottom          : 106px;
}

@media only screen and (max-width: 767px) {
  .about-us-travel-description {
    margin-bottom: 0;
  }
}

.about-us-travel-members {
  margin: 158px 0 202px;
}

.about-us-travel-members::before {
  background-image: var(--wpr-bg-e3180754-bc79-4526-9eae-7f1badbc508b);
  top             : 68px;
  height          : 150%;
}

.about-us-travel-members::after {
  background-image: var(--wpr-bg-4991ea62-697d-474d-94d8-31bdc31ca7aa);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
}

.about-us-travel-members .section-heading-travel {
  margin-bottom: 149px;
}

.about-us-travel-members-wrapper::before {
  background-image: var(--wpr-bg-9589cd4e-665f-47b3-9516-e00ba2facfce);
  top             : -124px;
  right           : 0;
  bottom          : -286px;
  left            : 0;
}

.about-us-travel-members-title {
  margin-bottom: 24px;
  line-height  : 36px;
}

.about-us-travel-members-items .members {
  gap: 48px;
}

.about-us-travel-members-item {
  flex     : 0 0 auto;
  max-width: calc(16.6666667% - 48px);
}

.about-us-travel-members-item .image::before {
  left            : 50%;
  transform       : translateX(-50%);
  width           : 98px;
  height          : 13px;
  background-color: #d9d9d9;
  box-shadow      : 0px 4px 18px rgba(0, 0, 0, 0.25);
  border-radius   : 26px;
}

.about-us-travel-members-item .image img {
  border-radius: 26px;
}

.about-us-travel-members-item .name {
  margin     : 11px 0 3px;
  line-height: 26px;
}

.about-us-travel-members-item .position {
  line-height: 23px;
}

.about-us-travel-members .members-center {
  margin: 51px 0;
}

.members-center .about-us-travel-members-items {
  max-width: 50%;
  padding  : 0 12px;
}

.members-center .about-us-travel-members-item {
  max-width: calc(33.333333% - 38px);
}

@media only screen and (max-width: 1199px) {
  .about-us-travel-members-wrapper::before {
    top   : -84px;
    bottom: -160px;
  }

  .about-us-travel-members-items .members {
    gap: 32px;
  }

  .about-us-travel-members-item {
    max-width: calc(16.6666667% - 27px);
  }

  .members-center .about-us-travel-members-item {
    max-width: calc(33.333333% - 24px);
  }
}

@media only screen and (max-width: 991px) {
  .about-us-travel-members .section-heading-travel {
    margin-bottom: 50px;
  }

  .about-us-travel-members-wrapper::before {
    content: none;
  }

  .about-us-travel-members-item,
  .members-center .about-us-travel-members-item {
    max-width: calc(25% - 18px);
  }

  .about-us-travel-members .members {
    gap: 24px;
  }

  .about-us-travel-members .members-center {
    gap: 32px;
  }

  .members-center .about-us-travel-members-items {
    max-width: 100%;
    padding  : 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-travel-members {
    margin: 80px 0;
  }

  .about-us-travel-members-item,
  .members-center .about-us-travel-members-item {
    max-width: calc(33.333333% - 16px);
  }

  .about-us-travel-members-item .name {
    font-size: 14px;
  }

  .about-us-travel-members-item .position {
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-travel-members-items .members {
    gap: 24px 12px;
  }

  .about-us-travel-members-item,
  .members-center .about-us-travel-members-item {
    max-width: calc(50% - 12px);
  }
}

.about-us-travel-popular-locations::before {
  background-image: var(--wpr-bg-4b92c05a-6f99-4dfd-811f-d510991a149e);
  width           : 89px;
  height          : 406px;
  transform       : translateY(-163px);
}

.about-us-travel-popular-locations::after {
  top      : 0;
  transform: translateY(-14px);
}

.about-us-travel-articles {
  margin-top: 91px;
}

@media only screen and (max-width: 767px) {
  .about-us-travel-articles {
    margin-top: 70px;
  }
}

.contact-us-travel-what .section-heading-travel,
.contact-us-travel-location .section-heading-travel {
  margin-bottom: 82px;
  max-width    : 998px;
}

.contact-us-travel-what .section-heading-travel-title,
.contact-us-travel-location .section-heading-travel-title {
  text-shadow: 0px 3px 50px rgba(252, 183, 18, 0.35);
  margin     : 3px 0 26px;
}

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

  .contact-us-travel-what .section-heading-travel-sup-title,
  .contact-us-travel-location .section-heading-travel-sup-title {
    line-height: 36px;
  }

  .contact-us-travel-what .section-heading-travel-title,
  .contact-us-travel-location .section-heading-travel-title {
    line-height: 78px;
  }
}

.contact-us-travel-what {
  margin-top: 100px;
}

@media only screen and (max-width: 991px) {
  .contact-us-travel-what {
    margin-top: 0;
  }
}

.contact-us-travel-location {
  margin: 166px 0 120px;
}

.contact-us-travel-location::before {
  background-image: var(--wpr-bg-cb8e2640-6f68-431a-a57d-8e7855d824d6);
  height          : 429px;
  transform       : translateY(209px);
}

.contact-us-travel-location::after {
  background-image: var(--wpr-bg-f17c04e3-6580-43a8-8ba6-7ff17dc6e2cc);
  width           : 80px;
  height          : 190px;
  bottom          : 41px;
  mix-blend-mode  : difference;
}

.contact-us-travel-location-wrapper {
  box-shadow    : 0px 78px 50px rgba(0, 0, 0, 0.02);
  padding-bottom: 53px;
}

.contact-us-travel-location .contact-us-info {
  margin: 66px 115px 0;
}

.contact-us-travel-location .contact-us-info li {
  box-shadow: 0px 65px 50px rgba(0, 0, 0, 0.05);
}

.contact-us-travel-location .contact-us-info li:hover .icon::before {
  background-color: #1081e8;
}

.contact-us-travel-location .contact-us-info li:hover .icon i::after {
  background-color: rgba(16, 129, 232, 0.25);
}

.contact-us-travel-location .contact-us-info li:hover .detail .title {
  color: #1081e8;
}

@media only screen and (max-width: 1199px) {
  .contact-us-travel-location .contact-us-info {
    margin: 66px 32px 0;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-travel-location iframe {
    height: 400px;
  }

  .contact-us-travel-location .contact-us-info {
    margin: 66px 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-travel-location {
    margin: 80px 0 60px;
  }

  .contact-us-travel-location::after {
    content: none;
  }

  .contact-us-travel-location-wrapper {
    background-color: transparent !important;
    box-shadow      : none;
  }

  .contact-us-travel-location .contact-us-info {
    margin: 40px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-travel-location iframe {
    height: 280px;
  }
}

.blog-travel-top-article::before {
  background-image: var(--wpr-bg-23db709e-d4fb-4229-9fbe-d1975a7f9685);
  width           : 89px;
  height          : 406px;
  transform       : translateY(171px);
}

.blog-travel-specials {
  margin: 72px 0 141px;
}

.blog-travel-specials::before {
  background-image: var(--wpr-bg-a33646b4-08d2-4599-893d-91c0678583ff);
  height          : 94%;
  top             : 144px;
}

.blog-travel-specials::after {
  background-image: var(--wpr-bg-9af83403-c136-4438-84df-0c349e0eccc2);
  width           : 76px;
  height          : 406px;
  top             : 146px;
}

.blog-travel-specials .container::before {
  background-image: var(--wpr-bg-098eb542-3120-4977-82bc-c88cf2697051);
  mix-blend-mode  : difference;
  width           : 67px;
  height          : 150px;
  bottom          : 246px;
}

.blog-travel-specials .row {
  gap: 65px 0;
}

@media only screen and (max-width: 767px) {
  .blog-travel-specials {
    margin-bottom: 80px;
  }

  .blog-travel-specials .row {
    gap: 40px 0;
  }
}

.blog-travel-best-articles {
  margin-bottom: 195px;
}

.blog-travel-best-articles::before {
  background-image: var(--wpr-bg-f4bc5801-50f0-4ccb-aa9e-f816d7e36ff3);
  transform       : translateY(-464px);
  height          : 281%;
}

.blog-travel-best-articles::after {
  background-image: var(--wpr-bg-f9ae7d67-68eb-4394-a764-657391b6d5fb);
  width           : 89px;
  height          : 406px;
  transform       : translateY(-159px);
}

.blog-travel-best-articles .title {
  line-height  : 50px;
  margin-bottom: 13px;
}

.blog-travel-best-articles p {
  margin-bottom: 34px;
  line-height  : 31px;
}

.blog-travel-best-articles a:hover {
  color: #1081e8;
}

.blog-travel-best-articles .image::before,
.blog-travel-best-articles .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjM4MyIgdmlld0JveD0iMCAwIDUwNCAzODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcxLjc3IDQuNzI5NTRDMjI2LjY3NiA2LjY2MDgxIDE4Mi40NTYgNy45OTQ5MiAxNDAuODAyIDIxLjYyMjRDOTIuNzcxNiAzNy4zMzU4IDM4LjE0ODcgNTIuNzg3NyAxNC4zMzc1IDg4Ljk1MDZDLTkuNjQ5NyAxMjUuMzgxIDAuMDY4OTYgMTcwLjYxNCAxNy4yMDY4IDIwOS4zM0MzMi42Njg1IDI0NC4yNTkgNjkuOTgyNCAyNjguNzE0IDEwNC45NCAyOTMuNjI4QzEzNi4yMTkgMzE1LjkxOSAxNzEuMDU2IDMzMi40ODYgMjA5LjQ5MiAzNDYuMzY3QzI1NC4xNDggMzYyLjQ5NCAyOTkuNDMzIDM5MC41OTEgMzQ3LjEwMiAzODEuMDgxQzM5NC44MDIgMzcxLjU2NSA0MjMuMzQ0IDMzMi45MyA0NDYuNjI2IDI5OS4wNThDNDY2Ljc2OCAyNjkuNzUzIDQ2MC41NTkgMjM1LjQ2NSA0NjkuNTM1IDIwMi45NTNDNDc5LjM4OSAxNjcuMjYzIDUxMi40OTkgMTM0LjIzOCA1MDEuOTUgOTguNjY4OUM0OTAuODQ1IDYxLjIyNDMgNDU1LjkzMyAyNy43OTgyIDQxMi4zMDkgOS45OTQ1OEMzNjkuODg0IC03LjMxOTM5IDMxOS41NjggMi42ODI1MiAyNzEuNzcgNC43Mjk1NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjM4MyIgdmlld0JveD0iMCAwIDUwNCAzODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcxLjc3IDQuNzI5NTRDMjI2LjY3NiA2LjY2MDgxIDE4Mi40NTYgNy45OTQ5MiAxNDAuODAyIDIxLjYyMjRDOTIuNzcxNiAzNy4zMzU4IDM4LjE0ODcgNTIuNzg3NyAxNC4zMzc1IDg4Ljk1MDZDLTkuNjQ5NyAxMjUuMzgxIDAuMDY4OTYgMTcwLjYxNCAxNy4yMDY4IDIwOS4zM0MzMi42Njg1IDI0NC4yNTkgNjkuOTgyNCAyNjguNzE0IDEwNC45NCAyOTMuNjI4QzEzNi4yMTkgMzE1LjkxOSAxNzEuMDU2IDMzMi40ODYgMjA5LjQ5MiAzNDYuMzY3QzI1NC4xNDggMzYyLjQ5NCAyOTkuNDMzIDM5MC41OTEgMzQ3LjEwMiAzODEuMDgxQzM5NC44MDIgMzcxLjU2NSA0MjMuMzQ0IDMzMi45MyA0NDYuNjI2IDI5OS4wNThDNDY2Ljc2OCAyNjkuNzUzIDQ2MC41NTkgMjM1LjQ2NSA0NjkuNTM1IDIwMi45NTNDNDc5LjM4OSAxNjcuMjYzIDUxMi40OTkgMTM0LjIzOCA1MDEuOTUgOTguNjY4OUM0OTAuODQ1IDYxLjIyNDMgNDU1LjkzMyAyNy43OTgyIDQxMi4zMDkgOS45OTQ1OEMzNjkuODg0IC03LjMxOTM5IDMxOS41NjggMi42ODI1MiAyNzEuNzcgNC43Mjk1NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.blog-travel-best-articles .image::before {
  background-color: rgba(175, 175, 175, 0.18);
  top             : -12px;
  right           : -12px;
  bottom          : -12px;
  left            : -12px;
}

.blog-travel-best-articles .image::after {
  left            : 51px;
  filter          : blur(100px);
  width           : 196px;
  height          : 184px;
  background-image: var(--wpr-bg-04341261-5249-4c3e-835d-e82875265f71);
}

.blog-travel-best-articles .image .shape-1 {
  background-image: var(--wpr-bg-07549247-d062-4840-b606-743bf1f748d9);
  top             : -9px;
  right           : 123px;
  width           : 107px;
  height          : 121px;
}

.blog-travel-best-articles .image .shape-2 {
  background-image: var(--wpr-bg-1545afa0-84fd-4fea-b91c-452e96375c89);
  top             : 36px;
  left            : 8%;
  width           : 80px;
  height          : 91px;
}

.blog-travel-best-articles .image .shape-3 {
  background-image: var(--wpr-bg-dbbb10fd-ad82-4681-b445-cfe42236f4a4);
  bottom          : 0;
  left            : 40%;
  transform       : translateX(-50%);
  width           : 69px;
  height          : 77px;
}

@media only screen and (max-width: 767px) {
  .blog-travel-best-articles {
    margin-bottom: 80px;
  }
}

.blog-travel-note-book::before {
  background-image: var(--wpr-bg-5c322b3c-7926-4b2b-8e64-841b887b9e15);
  transform       : translateY(-73px);
  height          : 184%;
}

.blog-travel-note-book::after {
  background-image: var(--wpr-bg-ac5c4ee6-6426-4179-bd1c-ac538b77c7b4);
  width           : 80px;
  height          : 190px;
  transform       : translateY(-128px);
  mix-blend-mode  : difference;
}

.blog-travel-note-book-box {
  box-shadow: 0px 55px 50px rgba(0, 0, 0, 0.02);
  padding   : 37px 18px 22px 27px;
}

.blog-travel-note-book-box::before,
.blog-travel-note-book-box::after {
  width           : 1px;
  background-color: #1081e8;
}

.blog-travel-note-book-box::before {
  right: 32px;
}

.blog-travel-note-book-box::after {
  right: 43px;
}

.blog-travel-note-book-box .title,
.blog-travel-note-book-box .swiper .text {
  padding-right: 32px;
}

.blog-travel-note-book-box .title {
  line-height: 36px;
}

.blog-travel-note-book-box .title::before {
  transform       : translate(-22px, -63px);
  width           : 22px;
  height          : 53px;
  background-image: var(--wpr-bg-51b0a1d8-960f-45b9-932b-2e09a370ea5d);
}

.blog-travel-note-book-box .swiper {
  padding-bottom: 33px;
}

.blog-travel-note-book-box .swiper .text {
  line-height     : 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 29px, rgba(73, 73, 73, 0.2) 1px);
  background-size : 100% 30px;
  padding-bottom  : 30px;
}

.blog-travel-note-book-box .swiper-button-next::after,
.blog-travel-note-book-box .swiper-button-prev::after {
  content    : "\e936";
  font-family: "icomoon";
  font-size  : 11px;
  color      : #1081e8;
}

.blog-travel-note-book-box .swiper-button-prev::after {
  content: "\e937";
}

.blog-travel-note-book-box .swiper-pagination-bullet {
  border-radius   : 5px;
  width           : 21px;
  height          : 4px;
  background-color: #ededed;
  opacity         : 1;
  margin          : 0 4.5px;
}

.blog-travel-note-book-box .swiper-pagination-bullet-active {
  width           : 40px;
  background-color: #1081e8;
}

.blog-travel-note-book .row {
  gap: 48px 0;
}

.blog-travel-note-book .col-lg-4:nth-child(2) {
  transform: translateY(33px);
}

@media only screen and (max-width: 991px) {
  .blog-travel-note-book .col-lg-4:nth-child(2) {
    transform: unset;
  }
}

.blog-travel-best-articles-two {
  margin: 197px 0 128px;
}

.blog-travel-best-articles-two::before {
  top      : 175px;
  transform: unset;
  height   : 310%;
}

.blog-travel-best-articles-two::after {
  background-image: var(--wpr-bg-f3ee8e55-7e16-48d9-a83e-0c8951675ece);
  width           : 67px;
  height          : 150px;
  transform       : translateY(69px);
  mix-blend-mode  : difference;
}

.blog-travel-best-articles-two .container::before {
  background-image: var(--wpr-bg-0316be09-6b29-4a1b-bc4b-ae1a37401302);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  transform       : translateY(33px);
}

.blog-travel-best-articles-two p::after {
  background-image: var(--wpr-bg-bcd2ac01-a069-4f10-8f3e-95c34e9f442e);
  width           : 94px;
  height          : 81px;
  left            : 25%;
  transform       : translateY(110px);
}

.blog-travel-best-articles-two .image::before,
.blog-travel-best-articles-two .image img {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjM4MyIgdmlld0JveD0iMCAwIDUwNCAzODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMyLjIzIDQuNzI5NTRDMjc3LjMyNCA2LjY2MDgxIDMyMS41NDQgNy45OTQ5MiAzNjMuMTk4IDIxLjYyMjRDNDExLjIyOCAzNy4zMzU4IDQ2NS44NTEgNTIuNzg3NyA0ODkuNjYzIDg4Ljk1MDZDNTEzLjY1IDEyNS4zODEgNTAzLjkzMSAxNzAuNjE0IDQ4Ni43OTMgMjA5LjMzQzQ3MS4zMzEgMjQ0LjI1OSA0MzQuMDE4IDI2OC43MTQgMzk5LjA2IDI5My42MjhDMzY3Ljc4MSAzMTUuOTE5IDMzMi45NDQgMzMyLjQ4NiAyOTQuNTA4IDM0Ni4zNjdDMjQ5Ljg1MiAzNjIuNDk0IDIwNC41NjcgMzkwLjU5MSAxNTYuODk4IDM4MS4wODFDMTA5LjE5OCAzNzEuNTY1IDgwLjY1NTcgMzMyLjkzIDU3LjM3NDMgMjk5LjA1OEMzNy4yMzIgMjY5Ljc1MyA0My40NDA4IDIzNS40NjUgMzQuNDY0NyAyMDIuOTUzQzI0LjYxMTIgMTY3LjI2MyAtOC40OTg5MiAxMzQuMjM4IDIuMDQ5ODQgOTguNjY4OUMxMy4xNTQ5IDYxLjIyNDMgNDguMDY2OSAyNy43OTgyIDkxLjY5MTEgOS45OTQ1OEMxMzQuMTE2IC03LjMxOTM5IDE4NC40MzIgMi42ODI1MiAyMzIuMjMgNC43Mjk1NFoiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjM4MyIgdmlld0JveD0iMCAwIDUwNCAzODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMyLjIzIDQuNzI5NTRDMjc3LjMyNCA2LjY2MDgxIDMyMS41NDQgNy45OTQ5MiAzNjMuMTk4IDIxLjYyMjRDNDExLjIyOCAzNy4zMzU4IDQ2NS44NTEgNTIuNzg3NyA0ODkuNjYzIDg4Ljk1MDZDNTEzLjY1IDEyNS4zODEgNTAzLjkzMSAxNzAuNjE0IDQ4Ni43OTMgMjA5LjMzQzQ3MS4zMzEgMjQ0LjI1OSA0MzQuMDE4IDI2OC43MTQgMzk5LjA2IDI5My42MjhDMzY3Ljc4MSAzMTUuOTE5IDMzMi45NDQgMzMyLjQ4NiAyOTQuNTA4IDM0Ni4zNjdDMjQ5Ljg1MiAzNjIuNDk0IDIwNC41NjcgMzkwLjU5MSAxNTYuODk4IDM4MS4wODFDMTA5LjE5OCAzNzEuNTY1IDgwLjY1NTcgMzMyLjkzIDU3LjM3NDMgMjk5LjA1OEMzNy4yMzIgMjY5Ljc1MyA0My40NDA4IDIzNS40NjUgMzQuNDY0NyAyMDIuOTUzQzI0LjYxMTIgMTY3LjI2MyAtOC40OTg5MiAxMzQuMjM4IDIuMDQ5ODQgOTguNjY4OUMxMy4xNTQ5IDYxLjIyNDMgNDguMDY2OSAyNy43OTgyIDkxLjY5MTEgOS45OTQ1OEMxMzQuMTE2IC03LjMxOTM5IDE4NC40MzIgMi42ODI1MiAyMzIuMjMgNC43Mjk1NFoiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==);
}

.blog-travel-best-articles-two .image::after {
  right: 46px;
  left : auto;
}

.blog-travel-best-articles-two .image .shape-1 {
  right: auto;
  left : 128px;
}

.blog-travel-best-articles-two .image .shape-2 {
  right: 8%;
  left : auto;
}

.blog-travel-best-articles-two .image .shape-3 {
  left     : 50%;
  transform: translateX(-50%) rotate(-75deg);
}

@media only screen and (max-width: 767px) {
  .blog-travel-best-articles-two {
    margin: 80px 0;
  }

  .blog-travel-best-articles-two::after,
  .blog-travel-best-articles-two .container::before,
  .blog-travel-best-articles-two p::after {
    content: none;
  }
}

.detail-blog-travel-image {
  margin-bottom: 133px;
}

.detail-blog-travel-image::before,
.detail-blog-travel-image::after {
  top          : 11px;
  bottom       : 11px;
  border-radius: 53px;
}

.detail-blog-travel-image::before {
  background-color: #1081e8;
  background-image: var(--wpr-bg-7cc77369-0178-49aa-b499-f6967afe8e6a);
  transform       : translateX(59px);
  width           : 50%;
}

.detail-blog-travel-image::after {
  transform       : translateX(-62px);
  background-color: #494949;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/other/image-41.png);
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
  width           : calc(100% + 121px);
}

.detail-blog-travel-image img {
  border-radius: 73px;
  border       : 11px solid rgba(216, 216, 216, 0.69);
  box-shadow   : 0px 26px 50px rgba(0, 0, 0, 0.2);
}

.detail-blog-travel-info {
  margin-bottom: 23px;
}

.detail-blog-travel-info .title {
  margin-bottom: 14px;
}

.detail-blog-travel-content::before {
  background-image: var(--wpr-bg-92789e80-f858-48e2-bde9-ff0750388a28);
  width           : 80px;
  height          : 190px;
  mix-blend-mode  : difference;
  bottom          : 35%;
}

.detail-blog-travel-content p {
  line-height: 35px;
}

.detail-blog-travel-send-comment {
  margin-top: 108px;
}

.detail-blog-travel-send-comment::before {
  transform       : translateY(-213px);
  background-image: var(--wpr-bg-8ba49011-a8e0-4a48-be43-e7578296a352);
  height          : 258%;
}

.detail-blog-travel-send-comment::after {
  background-image: var(--wpr-bg-b8ad236e-174c-4acc-9c43-08be6755dcb4);
  width           : 131px;
  height          : 243px;
}

.detail-blog-travel-send-comment .box-star .stars input:checked~label i {
  color: #1081e8;
}

.detail-blog-travel-send-comment .btn {
  box-shadow: 0px 18px 25px rgba(16, 129, 232, 0.32);
}

.detail-blog-travel-best-articles {
  margin-top: 124px;
}

@media only screen and (min-width: 768px) {
  .detail-blog-travel-info .title {
    line-height: 44px;
  }

  .detail-blog-travel-info .sub-title {
    line-height: 32px;
  }
}

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

  .detail-blog-travel-image::before,
  .detail-blog-travel-image::after {
    border-radius: 30px;
  }

  .detail-blog-travel-image img {
    border-radius: 48px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
  .detail-blog-travel-image {
    margin-bottom: 48px;
  }

  .detail-blog-travel-image::before,
  .detail-blog-travel-image::after {
    content: none;
  }

  .detail-blog-travel img {
    border-radius: 32px;
    border       : 0;
  }
}

@media only screen and (max-width: 991px) and (max-width: 575px) {
  .detail-blog-travel-image img {
    border-radius: 20px;
  }
}

.services-travel-sup-title {
  line-height  : 18px;
  margin-bottom: 2px;
}

@media only screen and (max-width: 575px) {
  .services-travel-sup-title {
    font-size: 13px;
  }
}

.services-travel-title {
  margin-bottom: 23px;
}

.services-travel-info::before {
  background-image: var(--wpr-bg-ac0ffb83-cf79-4970-82ef-d641caf65381);
  height          : 1015px;
  top             : 496px;
}

.services-travel-info .image {
  margin-bottom: 175px;
}

.services-travel-info .image::after {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzE0IiBoZWlnaHQ9IjY3MCIgdmlld0JveD0iMCAwIDcxNCA2NzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDUzQzAgMjMuNzI4OSAyMy43Mjg5IDAgNTMgMEg2NjFDNjkwLjI3MSAwIDcxNCAyMy43Mjg5IDcxNCA1M1Y2MTdDNzE0IDY0Ni4yNzEgNjkwLjI3MSA2NzAgNjYxIDY3MEg1MzUuNVY2NzBDNDc2LjU3MiA2NzAgNDE5LjAxNiA2NTAuMDA3IDM2MC4xMiA2NDguMDUzQzM1OS4wNjcgNjQ4LjAxOCAzNTguMDI2IDY0OCAzNTcgNjQ4QzM1NS45NzQgNjQ4IDM1NC45MzMgNjQ4LjAxOCAzNTMuODggNjQ4LjA1M0MyOTQuOTg0IDY1MC4wMDcgMjM3LjQyOCA2NzAgMTc4LjUgNjcwVjY3MEg1M0MyMy43Mjg5IDY3MCAwIDY0Ni4yNzEgMCA2MTdWNTNaIiBmaWxsPSIjRjFGMUYxIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzE0IiBoZWlnaHQ9IjY3MCIgdmlld0JveD0iMCAwIDcxNCA2NzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDUzQzAgMjMuNzI4OSAyMy43Mjg5IDAgNTMgMEg2NjFDNjkwLjI3MSAwIDcxNCAyMy43Mjg5IDcxNCA1M1Y2MTdDNzE0IDY0Ni4yNzEgNjkwLjI3MSA2NzAgNjYxIDY3MEg1MzUuNVY2NzBDNDc2LjU3MiA2NzAgNDE5LjAxNiA2NTAuMDA3IDM2MC4xMiA2NDguMDUzQzM1OS4wNjcgNjQ4LjAxOCAzNTguMDI2IDY0OCAzNTcgNjQ4QzM1NS45NzQgNjQ4IDM1NC45MzMgNjQ4LjAxOCAzNTMuODggNjQ4LjA1M0MyOTQuOTg0IDY1MC4wMDcgMjM3LjQyOCA2NzAgMTc4LjUgNjcwVjY3MEg1M0MyMy43Mjg5IDY3MCAwIDY0Ni4yNzEgMCA2MTdWNTNaIiBmaWxsPSIjRjFGMUYxIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 55%;
  height             : 99%;
  background-color   : #1081e8;
  left               : 50%;
  transform          : translate(-50%, 15%);
}

.services-travel-info .image img {
  border-radius: 73px;
  box-shadow   : 0px 26px 50px rgba(0, 0, 0, 0.2);
  border       : 11px solid rgba(216, 216, 216, 0.69);
}

.services-travel-info .title {
  margin-bottom: 11px;
}

.services-travel-info .sub-title {
  margin-bottom: 107px;
}

.services-travel-info .description-content {
  line-height: 35px;
}

.services-travel-info .description-content>* {
  margin-bottom: 16px;
}

.services-travel-info .description-content :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .services-travel-info .title {
    line-height: 65px;
  }

  .services-travel-info .sub-title {
    line-height: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .services-travel-info .image img {
    border-radius: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .services-travel-info .image::after {
    content: none;
  }

  .services-travel-info .image img {
    border-radius: 20px;
    border       : none;
  }

  .services-travel-info .image,
  .services-travel-info .sub-title {
    margin-bottom: 48px;
  }
}

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

  .services-travel-info .image,
  .services-travel-info .sub-title {
    margin-bottom: 24px;
  }
}

.services-travel-location .services-travel-title {
  margin-bottom: 27px;
}

.services-travel-location {
  margin-top: 60px;
}

.services-travel-location::before {
  background-image: var(--wpr-bg-347d05a6-ec00-4a44-a7fa-90f3f375e182);
  transform       : translateY(-10px);
  height          : 104%;
}

.services-travel-faq .services-travel-title {
  margin-bottom: 25px;
}

.services-travel-faq::before {
  background-image: var(--wpr-bg-1b695bc2-005d-4561-a607-f77df4eec3d1);
  height          : 1015px;
  transform       : translateY(-183px);
}

.services-travel-faq ul li {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.02);
  padding   : 0 42px 32px;
}

.services-travel-faq ul li:not(:last-child) {
  margin-bottom: 17px;
}

.services-travel-faq ul li .heading {
  cursor : pointer;
  padding: 31px 0 0;
}

.services-travel-faq ul li .heading:not(.collapsed) i {
  transform: rotate(180deg);
}

.services-travel-faq ul li .body {
  margin-top : 32px;
  line-height: 25px;
}

@media only screen and (max-width: 767px) {
  .services-travel-faq ul li {
    padding: 0 20px 32px;
  }
}

.services-travel-photos {
  margin: 33px 0 115px;
}

.services-travel-photos::before {
  background-image: var(--wpr-bg-8fe3c04a-25e9-497f-bf6f-a10f60cb5fb8);
  top             : 387px;
  height          : 100%;
}

.services-travel-photos img {
  cursor: zoom-in;
}

@media only screen and (max-width: 991px) {
  .services-travel-photos {
    margin: 70px 0 80px;
  }
}

.services-travel-hotel-reservation {
  margin-bottom: 116px;
}

.services-travel-hotel-reservation::before {
  background-image: var(--wpr-bg-ec9523ee-be2f-4242-9ffa-2ae669f24819);
  width           : 80px;
  height          : 190px;
  z-index         : 3;
  mix-blend-mode  : difference;
  transform       : translateY(79px);
}

.services-travel-hotel-reservation .row {
  gap: 39px 0;
}

.services-travel-hotel-reservation-wrapper::before {
  height          : 30%;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 15%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  z-index         : 1;
  transform       : translateY(75px);
}

.services-travel-hotel-reservation .btn-more-travel {
  margin-top: -16px;
}

@media only screen and (max-width: 991px) {
  .services-travel-hotel-reservation-wrapper::before {
    height: 15%;
  }
}

@media only screen and (max-width: 767px) {
  .services-travel-hotel-reservation {
    margin-bottom: 80px;
  }

  .services-travel-hotel-reservation::before {
    content: none;
  }

  .services-travel-hotel-reservation-wrapper::before {
    height: 7%;
  }
}

@media only screen and (max-width: 575px) {
  .services-travel-hotel-reservation-wrapper::before {
    height: 9%;
  }
}

@media only screen and (max-width: 575px) {
  .btn-scroll-vecalt img {
    width : 90px;
    height: 90px;
  }
}

.section-heading-vecalt {
  max-width    : 998px;
  margin-bottom: 52px;
}

@media only screen and (min-width: 768px) {
  .section-heading-vecalt-sup-title {
    line-height: 56px;
  }

  .section-heading-vecalt-title {
    line-height: 77px;
  }

  .section-heading-vecalt p {
    line-height: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-vecalt-title {
    margin: 8px 0;
  }
}

.btn-more-vecalt {
  margin-top: 62px;
  padding   : 15px;
  min-width : 154px;
}

.article-vecalt:not(:last-child) {
  margin-bottom: 45px;
}

.article-vecalt figure {
  flex         : 0 0 auto;
  border-radius: 18px;
}

.article-vecalt figure::before {
  background-image: linear-gradient(0deg, rgba(182, 157, 116, 0.5), rgba(182, 157, 116, 0.5));
  top             : 5px;
  right           : 5px;
  bottom          : 5px;
  left            : 5px;
  border-radius   : inherit;
}

.article-vecalt figure img {
  border       : 5px solid rgba(199, 199, 199, 0.5);
  border-radius: inherit;
}

.article-vecalt figure .text {
  z-index    : 2;
  line-height: 14px;
  right      : 16px;
  left       : 16px;
}

.article-vecalt figure .text::before {
  width           : 51px;
  height          : 2px;
  background-color: #fff;
  border-radius   : 17px;
  transform       : translateY(-5px);
}

.article-vecalt .detail {
  padding-right: 13px;
  max-width    : calc(100% - 130px);
}

.article-vecalt .detail h2 {
  line-height  : 36px;
  margin-bottom: 10px;
}

.article-vecalt .detail p {
  line-height: 22px;
  height     : 66px;
}

@media only screen and (max-width: 767px) {
  .article-vecalt figure img {
    width : 100px;
    height: 100px;
  }

  .article-vecalt .detail {
    max-width: calc(100% - 100px);
  }
}

@media only screen and (max-width: 575px) {
  .article-vecalt .detail h2 {
    font-size  : 14px;
    line-height: 22px;
  }

  .article-vecalt .detail p {
    font-size  : 12px;
    line-height: 18px;
    height     : 54px;
  }
}

.article-vecalt-two {
  box-shadow: 0px 67px 50px rgba(0, 0, 0, 0.02);
  padding   : 5px 5px 29px;
}

.article-vecalt-two figure {
  border: 5px solid rgba(197, 197, 197, 0.2);
}

.article-vecalt-two figure a::before {
  background-image: linear-gradient(0deg, rgba(182, 157, 116, 0.5), rgba(182, 157, 116, 0.5));
  border-radius   : 15px;
}

.article-vecalt-two figure::after {
  height          : 2px;
  width           : 60%;
  left            : 50%;
  background-color: #c5c5c5;
  transform       : translate(-50%, 2px);
}

.article-vecalt-two figure .text {
  right: 40px;
  left : 40px;
}

.article-vecalt-two figure .text::before {
  background-color: #fff;
  width           : 106px;
  height          : 3px;
  transform       : translateY(-6px);
}

.article-vecalt-two figure .logo {
  width    : 51px;
  height   : 51px;
  transform: translate(-50%, 16px);
}

.article-vecalt-two h2 {
  margin-top : 27px;
  line-height: 23px;
}

.article-vecalt-two h2 a:hover {
  color: #b69d74;
}

.article-vecalt-two p {
  line-height: 22px;
  height     : 88px;
}

.pagination-vecalt .page-item .page-link {
  font-size  : 14px;
  font-weight: bold;
  color      : #494949;
}

.pagination-vecalt .page-item .page-link:not(:is(.next, .prev)).active,
.pagination-vecalt .page-item .page-link:not(:is(.next, .prev)):hover {
  background-color: #b69d74;
  color           : #fff;
}

.pagination-vecalt .page-item .page-link.prev,
.pagination-vecalt .page-item .page-link.next {
  font-size: 20px;
  color    : #b69d74;
}

.top-header-vecalt {
  padding: 47px 0 42px;
}

.top-header-vecalt-logo img {
  margin-left: 15px;
}

.top-header-vecalt-logo .name,
.top-header-vecalt-logo .sub-name {
  line-height: 19px;
}

.top-header-vecalt-nav {
  margin-right : 21px;
  padding-right: 32px;
}

.top-header-vecalt-nav::before {
  width           : 2px;
  height          : 51px;
  background-color: rgba(182, 157, 116, 0.2);
  top             : 50%;
  transform       : translateY(-50%);
}

.top-header-vecalt-nav li:not(:last-child) {
  margin-left: 32px;
}

.top-header-vecalt-nav li a::before {
  top             : 50%;
  transform       : translate(7px, -50%);
  width           : 2px;
  height          : 0;
  background-color: rgba(182, 157, 116, 0.8);
}

.top-header-vecalt-nav li a.active,
.top-header-vecalt-nav li a:hover {
  color: #b69d74 !important;
}

.top-header-vecalt-nav li a.active::before,
.top-header-vecalt-nav li a:hover::before {
  height: 10px;
}

.top-header-vecalt-auth {
  border: 1px solid #b69d74;
  width : 48px;
  height: 48px;
}

.top-header-vecalt .btn {
  padding: 15px 35px;
}

@media only screen and (max-width: 1399px) {
  .top-header-vecalt-nav li:not(:last-child) {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-vecalt-nav {
    margin-right : 12px;
    padding-right: 18px;
  }

  .top-header-vecalt-nav li:not(:last-child) {
    margin-left: 10px;
  }

  .top-header-vecalt-nav li a {
    font-size: 13px;
  }

  .top-header-vecalt .btn {
    padding: 15px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-vecalt {
    padding: 32px 0;
  }

  .top-header-vecalt-logo img {
    margin-left: 0;
    height     : 60px;
    width      : auto;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-vecalt-logo img {
    height: 48px;
  }
}

.footer-vecalt {
  background-color   : #242323;
  background-image   : var(--wpr-bg-95476f7f-95f3-4879-a47b-067abaf0b762);
  background-position: top center;
  padding            : 133px 0 46px;
  margin-top         : 120px;
}

.footer-vecalt::before {
  background-image: var(--wpr-bg-a2ad7eab-5d83-430b-acc4-0767cec28ce5);
  width           : 472px;
  height          : 46px;
  left            : 50%;
  transform       : translateX(-50%);
}

.footer-vecalt .btn-scroll-vecalt {
  transform: translate(-50%, -8px) scaleY(-1);
}

.footer-vecalt-logo::before {
  width           : 102px;
  height          : 168px;
  border-radius   : 50px;
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  transform       : translate(9px, -67px);
}

.footer-vecalt-description {
  line-height  : 28px;
  margin-bottom: 27px;
}

.footer-vecalt .btns {
  padding: 15px 24px;
}

.footer-vecalt-namads {
  margin-right: 31px;
  flex        : 1 0 1%;
}

.footer-vecalt-title {
  line-height  : 31px;
  margin-bottom: 2px;
}

.footer-vecalt-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-vecalt-nav li a {
  line-height: 27px;
  color      : rgba(255, 255, 255, 0.5);
}

.footer-vecalt-nav li a:hover {
  color: #fff;
}

.footer-vecalt-contact {
  z-index: 5;
}

.footer-vecalt-contact .title {
  line-height: 44px;
}

.footer-vecalt-contact p {
  line-height: 23px;
}

.footer-vecalt-contact .info {
  gap          : 12px;
  margin-bottom: 33px;
}

.footer-vecalt-contact .info li {
  box-shadow      : 0px 16px 18px -1px rgba(182, 157, 116, 0.15);
  background-color: #b69d74;
  padding         : 13px 12px;
}

.footer-vecalt-contact .socials {
  padding      : 0 22px;
  margin-bottom: 30px;
}

.footer-vecalt-contact .socials li a {
  width           : 32px;
  height          : 32px;
  background-color: #121212;
}

.footer-vecalt-contact .socials li a::before {
  left            : 50%;
  transform       : translate(-50%, -79px);
  width           : 76px;
  height          : 125px;
  background-image: linear-gradient(0deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  border-radius   : 50px;
  pointer-events  : none;
}

.footer-vecalt-contact .socials li a:hover {
  background-color: #b69d74;
  box-shadow      : 0px 4px 8px rgba(182, 157, 116, 0.25);
}

.footer-vecalt-contact .socials li a:hover::before {
  transform          : unset;
  left               : 0;
  width              : inherit;
  height             : inherit;
  -webkit-user-select: none;
  -moz-user-select   : none;
  user-select        : none;
}

.footer-vecalt-contact .socials li a:hover i {
  color: #fff;
}

.footer-vecalt-copyright,
.footer-vecalt-copyright-fa {
  line-height: 21px;
}

@media only screen and (max-width: 1199px) {
  .footer-vecalt-contact .socials li a::before {
    width: 68px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-vecalt-logo img {
    width      : 82px;
    height     : 75px;
    margin-left: 15px;
  }

  .footer-vecalt-title {
    padding-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-vecalt-namads {
    margin-right: 0;
  }

  .footer-vecalt-contact .socials li a::before {
    content: none;
  }
}

.landing-vecalt .btns .btn,
.about-us-home-vecalt .btns .btn {
  padding: 15px 24px;
}

.landing-vecalt {
  padding-bottom: 104px;
}

.landing-vecalt::before {
  background-color: #242323;
  background-image: var(--wpr-bg-6729d601-a11c-4f44-aec0-3a07cb9b8106);
  height          : calc(100% + 164px);
  transform       : translateY(-164px);
}

.landing-vecalt::after {
  background-image: var(--wpr-bg-be52978a-1fb3-4ee5-84c9-177852b6027b);
  width           : 469px;
  height          : 45px;
  left            : 50%;
  transform       : translateX(-50%);
}

.landing-vecalt .container::before {
  background-image: var(--wpr-bg-6c2419c2-7bff-4805-9142-f71aa8debb04);
  width           : 240px;
  height          : 246px;
}

.landing-vecalt .sup-title {
  line-height: 40px;
}

.landing-vecalt .sup-title::before {
  transform       : translate(1px, -91px);
  width           : 102px;
  height          : 254px;
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  border-radius   : 50px;
}

.landing-vecalt p {
  margin-bottom: 30px;
  line-height  : 29px;
}

.landing-vecalt .btns .btn {
  padding: 15px 24px;
}

.landing-vecalt img {
  filter: drop-shadow(0px 41px 36px rgba(182, 157, 116, 0.1));
}

@media only screen and (max-width: 991px) {
  .landing-vecalt {
    padding-bottom: 124px;
  }

  .landing-vecalt::before {
    height   : calc(100% + 124px);
    transform: translateY(-124px);
  }

  .landing-vecalt .container::before {
    content: none;
  }

  .landing-vecalt .sup-title::before {
    content: none;
  }

  .landing-vecalt p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }
}

@media only screen and (max-width: 575px) {
  .landing-vecalt::before {
    height   : calc(100% + 112px);
    transform: translateY(-112px);
  }
}

.about-us-home-vecalt {
  margin: 202px 0 121px;
}

.about-us-home-vecalt::before {
  background-image: var(--wpr-bg-0af6d972-5d82-41ae-9aa6-e220e1f95db2);
  transform       : translateY(-194px);
  height          : 210%;
}

.about-us-home-vecalt .image::before,
.about-us-home-vecalt .image::after {
  width        : 89.886%;
  height       : 89.886%;
  border       : 15px solid #b69d74;
  border-radius: 51px;
  box-shadow   : 0px 18px 50px rgba(0, 0, 0, 0.15);
}

.about-us-home-vecalt .image::before {
  right : -16.092%;
  bottom: -6.67%;
}

.about-us-home-vecalt .image::after {
  top : -8.966%;
  left: -11.955%;
}

.about-us-home-vecalt .image .shape {
  width           : 376px;
  height          : 339px;
  background-image: var(--wpr-bg-bceae23b-ca19-4b65-9eab-b0a5a1db613b);
  transform       : translate(153px, -95px);
  z-index         : -1;
}

.about-us-home-vecalt .image>img {
  border       : 7px solid rgba(255, 255, 255, 0.5);
  box-shadow   : 0px 18px 50px rgba(0, 0, 0, 0.15);
  border-radius: 57px;
}

.about-us-home-vecalt .image .btn-scroll-vecalt {
  transform: translate(27px, 13px);
}

.about-us-home-vecalt p {
  line-height  : 28px;
  margin-bottom: 19px;
}

.about-us-home-vecalt .en {
  line-height: 49px;
}

@media only screen and (min-width: 768px) {
  .about-us-home-vecalt .titr {
    line-height: 51px;
  }

  .about-us-home-vecalt .title {
    line-height: 62.5px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us-home-vecalt .image {
    transform: scale(0.9);
  }
}

@media only screen and (max-width: 767px) {
  .about-us-home-vecalt {
    margin: 120px 0 80px;
  }

  .about-us-home-vecalt::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-home-vecalt .image {
    transform: scale(0.8);
  }
}

.what-me-vecalt {
  margin-bottom: 126px;
}

.what-me-vecalt::before {
  background-image: var(--wpr-bg-6f7307d7-b727-4fda-bbd0-312502cfeb0e);
  transform       : translateY(10px);
  height          : 192%;
}

.what-me-vecalt::after {
  background-image: var(--wpr-bg-6e319a17-5ff6-42b0-abcb-e7f2b0f47a93);
  top             : 69px;
  width           : 105px;
  height          : 319px;
}

.what-me-vecalt .row {
  gap: 40px 0;
}

.what-me-vecalt-item {
  padding: 21px 0 125px;
}

.what-me-vecalt-item::before {
  left            : 50%;
  transform       : translateX(-50%);
  border-radius   : 50px;
  background-image: linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.345608) 59.09%, rgba(73, 73, 73, 0) 100%);
  width           : 108px;
}

.what-me-vecalt-item.gold::before {
  background-image: linear-gradient(180deg, #b69d74 0%, rgba(182, 157, 116, 0.345608) 59.09%, rgba(182, 157, 116, 0) 100%);
}

.what-me-vecalt-item .members {
  line-height: 21.5px;
}

.what-me-vecalt-item .content {
  box-shadow : 0px 40px 100px rgba(73, 73, 73, 0.05);
  margin-top : 7px;
  padding    : 33px 20px 36px;
  line-height: 32px;
}

@media only screen and (max-width: 767px) {
  .what-me-vecalt {
    margin-bottom: 80px;
  }

  .what-me-vecalt::after {
    content: none;
  }
}

.about-us-home-vecalt-two {
  margin: 0 0 164px;
}

.about-us-home-vecalt-two::after {
  background-image: var(--wpr-bg-d3637751-a474-49fd-afbf-2f7b79dce54f);
  width           : 96px;
  height          : 318px;
  transform       : unset;
  top             : 9px;
}

.about-us-home-vecalt-two .image::before {
  top   : -8.966%;
  right : -11.955%;
  bottom: auto;
}

.about-us-home-vecalt-two .image::after {
  top   : auto;
  bottom: -6.67%;
  left  : -16.092%;
}

@media only screen and (max-width: 767px) {
  .about-us-home-vecalt-two {
    margin-bottom: 80px;
  }
}

.services-vecalt::before {
  background-image: var(--wpr-bg-eb2d62a8-61ef-41fe-9942-ed77a819a154);
  transform       : translateY(-144px);
  height          : 140%;
}

.services-vecalt::after {
  background-image: var(--wpr-bg-3f5ea001-c4d6-4135-a815-c4ea1d655c75);
  transform       : translateY(-57px);
  width           : 238px;
  height          : 241px;
}

.services-vecalt .container::after {
  background-image: var(--wpr-bg-6ef7f111-8811-4155-93bd-d0360417d194);
  width           : 134px;
  height          : 323px;
  transform       : translateY(133px);
}

.services-vecalt .row {
  gap: 32px 0;
}

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

  .services-vecalt::after,
  .services-vecalt .container::after {
    content: none;
  }
}

.comments-vecalt {
  margin-top: 101px;
}

.comments-vecalt .comments-marketing-item .content {
  background-color: #b69d74;
}

.comments-vecalt .swiper::before,
.comments-vecalt .swiper::after {
  background-image: var(--wpr-bg-1ca9d3dc-b058-4a10-a821-50fba94ad222);
  width           : 376px;
  height          : 339px;
}

.comments-vecalt .swiper::before {
  top  : 7%;
  right: 10.34%;
}

.comments-vecalt .swiper::after {
  top : -11.53%;
  left: 10.032%;
}

.comments-vecalt .swiper-bottom {
  margin-top: 35px;
  gap       : 22px;
}

.comments-vecalt .swiper-button-next,
.comments-vecalt .swiper-button-prev {
  border-radius: 19px;
  box-shadow   : 0px 40px 50px rgba(0, 0, 0, 0.1);
  width        : 59px;
  height       : 59px;
}

.comments-vecalt .swiper-button-next::after,
.comments-vecalt .swiper-button-prev::after {
  content    : "\e902";
  font-family: "icomoon";
  font-size  : 16px;
  color      : rgba(73, 73, 73, 0.6);
}

.comments-vecalt .swiper-button-next:hover::after,
.comments-vecalt .swiper-button-prev:hover::after {
  color: #b69d74;
}

.comments-vecalt .swiper-button-prev::after {
  transform: scaleX(-1);
}

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

  .comments-vecalt .swiper::before,
  .comments-vecalt .swiper::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .comments-vecalt {
    margin-top: 70px;
  }
}

.articles-vecalt {
  margin-top : 66px;
  padding-top: 89px;
}

.articles-vecalt::before,
.articles-vecalt::after {
  width : 70%;
  height: 1px;
}

.articles-vecalt::before {
  top             : 35px;
  background-color: rgba(182, 157, 116, 0.5);
}

.articles-vecalt::after {
  background-color: rgba(73, 73, 73, 0.5);
}

.articles-vecalt-sub-title {
  line-height  : 28px;
  margin-bottom: 35px;
}

.articles-vecalt ul {
  gap: 32px;
}

.articles-vecalt ul li {
  max-width: calc(50% - 16px);
}

.articles-vecalt .btn {
  margin-top: 37px;
  padding   : 15px 18px;
}

@media only screen and (min-width: 768px) {
  .articles-vecalt-sup-title {
    line-height: 58px;
  }

  .articles-vecalt-title {
    line-height  : 63px;
    margin-bottom: 13px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-vecalt ul li {
    max-width: 100%;
  }
}

.about-us-vecalt-landing h2::before {
  left            : 19%;
  transform       : translateY(-2px);
  width           : 102px;
  height          : 254px;
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  border-radius   : 50px;
}

.about-us-vecalt-what-me {
  margin: 95px 0 193px;
}

.about-us-vecalt-what-me::after {
  top      : auto;
  bottom   : 0;
  transform: translateY(52px);
}

.about-us-vecalt-what-me .container::before {
  background-image: var(--wpr-bg-66b8be7e-bb06-4864-a674-2a54dc1b76e0);
  width           : 238px;
  height          : 241px;
  transform       : translateY(165px);
}

@media only screen and (max-width: 767px) {
  .about-us-vecalt-what-me {
    margin-bottom: 80px;
  }

  .about-us-vecalt-what-me .container::before {
    content: none;
  }
}

.about-us-vecalt-experience::before {
  background-image: var(--wpr-bg-cb11a227-5bc3-43c1-a04e-b66d0d4a402f);
  height          : 220%;
  transform       : translateY(-389px);
}

.about-us-vecalt-services::before {
  transform: unset;
  top      : 18px;
  height   : 100%;
}

.about-us-vecalt-services .container::after {
  bottom   : 14%;
  transform: unset;
}

.about-us-vecalt-services .text {
  margin-top : 44px;
  line-height: 50px;
}

.about-us-vecalt-company {
  margin: 55px 0 130px;
}

.about-us-vecalt-company::before {
  background-image: var(--wpr-bg-6c79c634-6d4e-47ed-808b-4aa75ef5af08);
  transform       : translateY(152px);
  height          : 90%;
}

.about-us-vecalt-company .container::before,
.about-us-vecalt-company .container::after {
  background-image: var(--wpr-bg-3b857101-0416-464a-af21-448487448cfb);
  width           : 376px;
  height          : 339px;
}

.about-us-vecalt-company .container::before {
  right    : 15%;
  transform: translateY(74px);
}

.about-us-vecalt-company .container::after {
  transform: translateX(-145px);
  bottom   : 14px;
}

.about-us-vecalt-company .row {
  gap: 32px 0;
}

.about-us-vecalt-company .row::before {
  background-image: var(--wpr-bg-e4a50cc9-b54f-4239-a26e-98b85cec81ae);
  width           : 69px;
  height          : 72px;
  transform       : translate(-30px, -16px);
}

.contact-us-vecalt-landing {
  padding: 65px 0 128px;
}

.contact-us-vecalt-landing .info {
  max-width: 458px;
}

.contact-us-vecalt-landing .info::before {
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  transform       : translate(6px, -6px);
  width           : 102px;
  height          : 254px;
  border-radius   : 50px;
}

.contact-us-vecalt-landing .info-box {
  background-color: #242323;
  border          : solid rgba(182, 157, 116, 0.2);
  border-width    : 2px 8px 5px 2px;
  border-radius   : 67px;
  padding         : 40px 43px 0;
  box-shadow      : 0px 41px 36px -1px rgba(182, 157, 116, 0.1);
}

.contact-us-vecalt-landing .info-box ul li {
  background-color: #32302c;
  box-shadow      : 0px 29px 50px rgba(182, 157, 116, 0.05);
  padding         : 21px 24px;
}

.contact-us-vecalt-landing .info-box ul li:not(:last-child) {
  margin-bottom: 12px;
}

.contact-us-vecalt-landing .info-box ul li span {
  word-break: break-all;
}

.contact-us-vecalt-landing .info-box .text {
  width      : 108px;
  line-height: 18px;
  padding    : 42px 0;
  margin-top : 14px;
}

.contact-us-vecalt-landing .info-box .text::before {
  border-radius   : 50px;
  background-image: linear-gradient(180deg, #b69d74 0%, rgba(182, 157, 116, 0.345608) 32.3%, rgba(182, 157, 116, 0) 100%);
  height          : 166px;
}

.contact-us-vecalt-landing .info-box .text span {
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.10471) 35.15%, rgba(255, 255, 255, 0.8) 99.99%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.contact-us-vecalt-landing .title::before {
  left            : 47px;
  transform       : translateY(-3px);
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.5) 0%, rgba(182, 157, 116, 0.172804) 32.3%, rgba(182, 157, 116, 0) 100%);
  width           : 102px;
  height          : 254px;
  border-radius   : 50px;
}

@media only screen and (max-width: 991px) {
  .contact-us-vecalt-landing .info {
    max-width: 100%;
  }

  .contact-us-vecalt-landing .info-box {
    border-radius: 48px;
  }

  .contact-us-vecalt-landing .title::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-vecalt-landing .info-box {
    padding      : 32px 20px 0;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-vecalt-landing .info-box {
    padding      : 24px 12px 0;
    border-radius: 24px;
  }
}

.contact-us-vecalt-services {
  margin: 129px 0 82px;
}

.contact-us-vecalt-services::before {
  transform       : translateY(-121px);
  height          : 178%;
  background-image: var(--wpr-bg-48968351-310e-46e3-a960-6a00eaf6affb);
}

@media only screen and (max-width: 767px) {
  .contact-us-vecalt-services {
    margin: 80px 0;
  }
}

.contact-us-vecalt-form::before {
  background-image: var(--wpr-bg-176e57cb-1a43-4b16-93e2-0fec6beed94b);
  top             : 180px;
  height          : 158%;
}

.contact-us-vecalt-form::after {
  background-image: var(--wpr-bg-aeb5f937-1c7b-475c-9d6e-808afea52ec2);
  width           : 70px;
  height          : 295px;
  top             : 110px;
}

.contact-us-vecalt-form form {
  gap: 32px 0;
}

.contact-us-vecalt-form form .btn {
  padding    : 10px 22px;
  line-height: 19px;
  margin-top : -20px;
}

@media only screen and (max-width: 767px) {
  .contact-us-vecalt-form form .form-group .form-control {
    font-size: 14px;
  }
}

.contact-us-vecalt-members {
  margin: 133px 0 162px;
}

.contact-us-vecalt-members::before {
  background-image: var(--wpr-bg-6d935cc1-5cc3-4dd9-a173-70be1a1e70e6);
  height          : 92%;
  top             : 447px;
}

.contact-us-vecalt-members .row {
  gap: 32px 0;
}

.contact-us-vecalt-members-item .image {
  max-width: calc(100% - 50px);
}

.contact-us-vecalt-members-item .image::before {
  width              : 100%;
  height             : 142px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDcyLjgwOTZDMCA1Ni42MzExIDExLjQwMDEgNDIuNjkzNCAyNy4yNTczIDM5LjQ4NDlMMjE2LjI1NyAxLjI0MzY3QzIzNy4zMTcgLTMuMDE3NDkgMjU3IDEzLjA4MTYgMjU3IDM0LjU2ODRWMTAxQzI1NyAxMTkuNzc4IDI0MS43NzggMTM1IDIyMyAxMzVIMzRDMTUuMjIyMyAxMzUgMCAxMTkuNzc4IDAgMTAxVjcyLjgwOTZaIiBmaWxsPSIjRjFGMUYxIi8+Cjwvc3ZnPgo=) left bottom/100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDcyLjgwOTZDMCA1Ni42MzExIDExLjQwMDEgNDIuNjkzNCAyNy4yNTczIDM5LjQ4NDlMMjE2LjI1NyAxLjI0MzY3QzIzNy4zMTcgLTMuMDE3NDkgMjU3IDEzLjA4MTYgMjU3IDM0LjU2ODRWMTAxQzI1NyAxMTkuNzc4IDI0MS43NzggMTM1IDIyMyAxMzVIMzRDMTUuMjIyMyAxMzUgMCAxMTkuNzc4IDAgMTAxVjcyLjgwOTZaIiBmaWxsPSIjRjFGMUYxIi8+Cjwvc3ZnPgo=) left bottom/100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #b69d74;
  background-image   : var(--wpr-bg-6d0c7788-fc73-467a-bc40-99739d93c785);
}

.contact-us-vecalt-members-item .image img {
  width : 173px;
  height: 277px;
}

.contact-us-vecalt-members-item .content {
  border-radius: 34px;
  margin-top   : -80px;
  padding      : 94px 0 13px;
}

.contact-us-vecalt-members-item .content .name {
  margin-top : 14px;
  line-height: 29px;
}

.contact-us-vecalt-members-item .content .position {
  line-height: 25px;
}

.contact-us-vecalt-members-item .content .phone {
  border-radius   : 18px;
  background-color: rgba(182, 157, 116, 0.05);
  padding         : 9px 32px;
  margin          : 10px 0 17px;
}

.contact-us-vecalt-members-item .content .phone i {
  margin-right: 11px;
}

.contact-us-vecalt-members-item .content .phone .detail {
  line-height: 8px;
}

.contact-us-vecalt-members-item .content .view {
  padding-top: 8px;
  border-top : 1px dashed rgba(73, 73, 73, 0.1);
}

.contact-us-vecalt-members-item .content .view .detail {
  line-height: 14px;
}

.contact-us-vecalt-members-item .content .view .detail span {
  background-image       : linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

@media only screen and (max-width: 1199px) {
  .contact-us-vecalt-members-item .image {
    max-width: calc(100% - 25px);
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-vecalt-members-item .image::before {
    -webkit-mask-size: 100% 100%;
    mask-size        : 100% 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-vecalt-members {
    margin: 80px 0 0;
  }
}

.blog-vecalt-landing {
  padding-bottom: 133px;
}

.blog-vecalt-landing .col-lg-6:first-child {
  padding-left: 67px;
}

.blog-vecalt-landing .image::before,
.blog-vecalt-landing .image::after,
.blog-vecalt-landing .image img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcxIiBoZWlnaHQ9IjQ2NyIgdmlld0JveD0iMCAwIDU3MSA0NjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYzLjEwMiA1Ljc2NjgzQzMxNC4xOTEgOC4xMjE2NiAzNjQuMjg5IDkuNzQ4MzcgNDExLjQ4MSAyNi4zNjQ2QzQ2NS44OTYgNDUuNTI0MyA1MjcuNzggNjQuMzY1MiA1NTQuNzU3IDEwOC40NTlDNTgxLjkzMyAxNTIuODc5IDU3MC45MjIgMjA4LjAzNCA1NTEuNTA2IDI1NS4yNEM1MzMuOTg5IDI5Ny44MyA0OTEuNzE0IDMyNy42NDkgNDUyLjEwOSAzNTguMDI3QzQxNi42NzMgMzg1LjIwNyAzNzcuMjA1IDQwNS40MDcgMzMzLjY1OSA0MjIuMzMyQzI4My4wNjYgNDQxLjk5NiAyMzEuNzYyIDQ3Ni4yNTYgMTc3Ljc1NSA0NjQuNjZDMTIzLjcxNSA0NTMuMDU3IDkxLjM3NzggNDA1Ljk0OSA2NS4wMDE0IDM2NC42NDhDNDIuMTgxNSAzMjguOTE2IDQ5LjIxNTcgMjg3LjEwNyAzOS4wNDY0IDI0Ny40NjVDMjcuODgyOSAyMDMuOTQ3IC05LjYyODczIDE2My42NzkgMi4zMjIzNCAxMjAuMzA5QzE0LjkwMzcgNzQuNjUyMSA1NC40NTY3IDMzLjg5NDkgMTAzLjg4IDEyLjE4NjZDMTUxLjk0NCAtOC45MjQ2OSAyMDguOTUgMy4yNzA4NSAyNjMuMTAyIDUuNzY2ODNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcxIiBoZWlnaHQ9IjQ2NyIgdmlld0JveD0iMCAwIDU3MSA0NjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYzLjEwMiA1Ljc2NjgzQzMxNC4xOTEgOC4xMjE2NiAzNjQuMjg5IDkuNzQ4MzcgNDExLjQ4MSAyNi4zNjQ2QzQ2NS44OTYgNDUuNTI0MyA1MjcuNzggNjQuMzY1MiA1NTQuNzU3IDEwOC40NTlDNTgxLjkzMyAxNTIuODc5IDU3MC45MjIgMjA4LjAzNCA1NTEuNTA2IDI1NS4yNEM1MzMuOTg5IDI5Ny44MyA0OTEuNzE0IDMyNy42NDkgNDUyLjEwOSAzNTguMDI3QzQxNi42NzMgMzg1LjIwNyAzNzcuMjA1IDQwNS40MDcgMzMzLjY1OSA0MjIuMzMyQzI4My4wNjYgNDQxLjk5NiAyMzEuNzYyIDQ3Ni4yNTYgMTc3Ljc1NSA0NjQuNjZDMTIzLjcxNSA0NTMuMDU3IDkxLjM3NzggNDA1Ljk0OSA2NS4wMDE0IDM2NC42NDhDNDIuMTgxNSAzMjguOTE2IDQ5LjIxNTcgMjg3LjEwNyAzOS4wNDY0IDI0Ny40NjVDMjcuODgyOSAyMDMuOTQ3IC05LjYyODczIDE2My42NzkgMi4zMjIzNCAxMjAuMzA5QzE0LjkwMzcgNzQuNjUyMSA1NC40NTY3IDMzLjg5NDkgMTAzLjg4IDEyLjE4NjZDMTUxLjk0NCAtOC45MjQ2OSAyMDguOTUgMy4yNzA4NSAyNjMuMTAyIDUuNzY2ODNaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.blog-vecalt-landing .image::before {
  top             : -17px;
  right           : -17px;
  bottom          : -17px;
  left            : -17px;
  background-color: rgba(182, 157, 116, 0.2);
}

.blog-vecalt-landing .image::after {
  background: linear-gradient(0deg, rgba(182, 157, 116, 0.5), rgba(182, 157, 116, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.blog-vecalt-landing .image img {
  width     : 100vw;
  max-height: 467px;
}

.blog-vecalt-landing .image .text {
  line-height: 33px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.blog-vecalt-landing .image .text::before {
  width           : 106px;
  height          : 3px;
  background-color: #fff;
  transform       : translateY(-6px);
}

@media only screen and (max-width: 991px) {
  .blog-vecalt-landing .col-lg-6:first-child {
    padding-left: 0;
  }
}

@media only screen and (max-width: 575px) {
  .blog-vecalt-landing .image {
    transform: scale(0.9);
  }
}

.blog-vecalt-services {
  margin-top: 137px;
}

.blog-vecalt-services::before {
  background-image: var(--wpr-bg-4c056d63-6b9a-46b7-aa27-d8d458e5ed70);
  transform       : translateY(-41px);
  height          : 226%;
}

.blog-vecalt-services::after {
  background-image: var(--wpr-bg-25718b1f-9281-4514-a263-b21169b63467);
  width           : 134px;
  height          : 323px;
  transform       : translateY(260px);
}

.blog-vecalt-services .row {
  gap: 24px 0;
}

@media only screen and (max-width: 767px) {
  .blog-vecalt-services {
    margin-top: 60px;
  }
}

.blog-vecalt-articles {
  margin-top: 100px;
}

.blog-vecalt-articles::before {
  background-image: var(--wpr-bg-31265e7f-dd70-4a8d-954f-41e085e284fe);
  top             : 344px;
  height          : 1034px;
}

.blog-vecalt-articles::after {
  background-image: var(--wpr-bg-6f4d5a3e-971f-44f0-9b78-3b9c70112ffc);
  width           : 70px;
  height          : 295px;
  top             : 50%;
  transform       : translateY(-50%);
}

.blog-vecalt-articles .row {
  gap: 21px 0;
}

.detail-blog-vecalt-landing {
  padding: 65px 0 159px;
}

.detail-blog-vecalt-landing .date {
  left         : calc(58% - 10px);
  transform    : translate(-50%, -50%);
  padding-right: 38px;
  border-right : 2px solid rgba(182, 157, 116, 0.34);
}

.detail-blog-vecalt-landing .date>div {
  line-height: 30px;
}

.detail-blog-vecalt-landing .date i {
  font-size   : 76px;
  margin-right: 20px;
}

.detail-blog-vecalt-landing .right {
  padding-bottom: 70px;
}

.detail-blog-vecalt-landing .right .wrapper {
  background-color: #242323;
  border          : solid rgba(182, 157, 116, 0.2);
  border-width    : 2px 8px 5px 2px;
  border-radius   : 67px;
  padding         : 0 7px;
}

.detail-blog-vecalt-landing .right .img {
  transform: translate(-41px, -19px);
}

.detail-blog-vecalt-landing .right .img::before {
  background-image: linear-gradient(0deg, rgba(182, 157, 116, 0.5), rgba(182, 157, 116, 0.5));
  z-index         : 1;
}

.detail-blog-vecalt-landing .right .img::before,
.detail-blog-vecalt-landing .right .img img {
  border-radius: 5px 103px 5px 5px;
}

.detail-blog-vecalt-landing .right .img img {
  box-shadow: 0px 38px 50px rgba(0, 0, 0, 0.05);
  border    : 5px solid rgba(197, 197, 197, 0.2);
}

.detail-blog-vecalt-landing .right .img .text {
  right: 50px;
  left : 50px;
}

.detail-blog-vecalt-landing .right .img .text::before {
  width           : 111px;
  height          : 3px;
  background-color: #fff;
  transform       : translateY(-9px);
}

.detail-blog-vecalt-landing .right .img .logo {
  width    : 51px;
  height   : 51px;
  transform: translate(-50%, 16px);
}

.detail-blog-vecalt-landing .right .title {
  line-height : 16px;
  padding     : 20px 10px;
  margin-right: 20px;
}

.detail-blog-vecalt-landing .right .title::before {
  background-image: linear-gradient(180deg, #b69d74 0%, rgba(182, 157, 116, 0.345608) 32.3%, rgba(182, 157, 116, 0) 100%);
  height          : 112px;
  border-radius   : 67px;
}

.detail-blog-vecalt-landing .right .title span {
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.10471) 35.15%, rgba(255, 255, 255, 0.8) 99.99%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

@media only screen and (max-width: 1399px) {
  .detail-blog-vecalt-landing .date {
    left: calc(54% + 3px);
  }
}

@media only screen and (max-width: 1199px) {
  .detail-blog-vecalt-landing .date {
    padding-right: 0;
    border       : none;
    left         : 53%;
  }

  .detail-blog-vecalt-landing .date i {
    margin-right: 12px;
  }

  .detail-blog-vecalt-landing .right {
    transform: scale(0.75);
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-vecalt-landing .right {
    transform: scale(1);
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-vecalt-landing .right .img {
    transform: translate(0, -19px);
  }
}

.detail-blog-vecalt-content {
  margin-top: 137px;
}

.detail-blog-vecalt-content::before {
  background-image: var(--wpr-bg-a9340838-6fc2-49f9-96a1-900d8b9ade1d);
  height          : 2769px;
  transform       : translateY(-41px);
}

@media only screen and (max-width: 767px) {
  .detail-blog-vecalt-content {
    margin: 70px 0 50px;
  }
}

.detail-blog-vecalt-send-comment-wrapper {
  background-color: rgba(73, 73, 73, 0.05);
  padding         : 52px 60px 60px;
}

.detail-blog-vecalt-send-comment-wrapper .title {
  line-height  : 50px;
  margin-bottom: 42px;
}

.detail-blog-vecalt-send-comment-wrapper .form-group {
  background-color: rgba(73, 73, 73, 0.05);
}

.detail-blog-vecalt-send-comment-wrapper .form-group textarea {
  height: 77px;
}

.detail-blog-vecalt-send-comment-wrapper .form-group+.form-group {
  margin-top: 21px;
}

.detail-blog-vecalt-send-comment-wrapper .btn {
  padding: 10px 22px;
  padding: 19px;
  margin : -23px 0 0 42px;
}

@media only screen and (max-width: 991px) {
  .detail-blog-vecalt-send-comment-wrapper .form-group+.form-group {
    margin-bottom: 21px;
  }

  .detail-blog-vecalt-send-comment-wrapper .btn {
    margin-left: auto;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-vecalt-send-comment-wrapper {
    padding      : 24px 24px 32px;
    border-radius: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-vecalt-send-comment-wrapper {
    margin       : 0 -12px;
    padding      : 24px 12px 32px;
    border-radius: 0;
  }
}

.section-heading-madfg {
  margin-bottom: 56px;
  padding      : 0 44px 0 13px;
}

.section-heading-madfg::before,
.section-heading-madfg::after {
  top      : 50%;
  transform: translateY(-50%);
}

.section-heading-madfg::before {
  content    : "\e962";
  font-family: "icomoon";
  font-size  : 11px;
  color      : #e63a2c;
}

.section-heading-madfg::after {
  width           : 5px;
  height          : 5px;
  background-color: #e63a2c;
  border-radius   : 50%;
}

.swiper-madfg .swiper-button-next,
.swiper-madfg .swiper-button-prev {
  width     : 59px;
  height    : 59px;
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.1);
  top       : 40%;
}

.swiper-madfg .swiper-button-next::after,
.swiper-madfg .swiper-button-prev::after {
  content    : "\e902";
  font-family: "icomoon";
  font-size  : 16px;
  color      : #919191;
  transition : all 0.3s ease-in;
}

.swiper-madfg .swiper-button-next:hover::after,
.swiper-madfg .swiper-button-prev:hover::after {
  color: #e63a2c;
}

.swiper-madfg .swiper-button-next {
  transform: translate(-28px);
}

.swiper-madfg .swiper-button-prev {
  transform: translate(28px);
}

.swiper-madfg .swiper-button-prev::after {
  content: "\e966";
}

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

  .swiper-madfg .swiper-button-next,
  .swiper-madfg .swiper-button-prev {
    width        : 45px;
    height       : 45px;
    border-radius: 12px;
  }

  .swiper-madfg .swiper-button-next::after,
  .swiper-madfg .swiper-button-prev::after {
    font-size: 14px;
  }

  .swiper-madfg .swiper-button-next {
    transform: translateX(-18px);
  }

  .swiper-madfg .swiper-button-prev {
    transform: translateX(18px);
  }
}

.articles-madfg {
  margin-top: 87px;
}

.articles-madfg .swiper::after {
  width           : 829px;
  height          : 400px;
  background-image: var(--wpr-bg-617893e7-498a-4158-a1f9-e6beb15a1254);
  transform       : translate(119px, 221px);
}

.articles-madfg-item {
  box-shadow: 61px 50px 60px rgba(0, 0, 0, 0.02);
  padding   : 11px 14px 23px;
}

.articles-madfg-item .title a:hover,
.articles-madfg-item .author:hover,
.articles-madfg-item .read a:hover {
  color: #e63a2c;
}

.articles-madfg-item figure img {
  filter: drop-shadow(0px 18px 30px rgba(0, 0, 0, 0.1));
}

.articles-madfg-item .title {
  margin: 20px 0 16px;
  height: 46px;
}

.articles-madfg-item p {
  height: 75px;
  margin: 12px 0 22px;
}

.articles-madfg-item .read {
  padding-top: 11px;
  border-top : 0.5px solid rgba(145, 145, 145, 0.14);
}

.articles-madfg-item:hover figure img {
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .articles-madfg {
    margin-top: 60px;
  }
}

.btn-read-more-madfg {
  padding   : 19px 30px;
  margin-top: 80px;
}

.pagination-madfg {
  margin-top      : 87px;
  padding         : 9px 21px 9px 22px;
  background-color: #f3f3f3;
  gap             : 12px;
}

.pagination-madfg-link {
  background-color: #e0e0e0;
  box-shadow      : 0px 10px 20px rgba(0, 0, 0, 0.02);
  width           : 54px;
  height          : 54px;
}

.pagination-madfg-link.active {
  background-color: #e63a2c;
  box-shadow      : 0px 13px 20px rgba(230, 58, 44, 0.25);
  color           : #fff;
  font-weight     : 900;
}

.pagination-madfg .next::before,
.pagination-madfg .prev::before {
  width           : 0.5px;
  background-color: #919191;
  height          : 35px;
  top             : 50%;
}

.pagination-madfg .next>a,
.pagination-madfg .prev>a {
  border : 1px solid #919191;
  padding: 14px 20px 13px 19px;
}

.pagination-madfg .next>a:hover,
.pagination-madfg .prev>a:hover {
  background-color: #919191;
  color           : #fff;
}

.pagination-madfg .next {
  margin-right: 12px;
}

.pagination-madfg .next::before {
  transform: translate(13px, -50%);
}

.pagination-madfg .prev {
  margin-left: 12px;
}

.pagination-madfg .prev::before {
  transform: translate(-13px, -50%);
}

@media only screen and (max-width: 767px) {
  .pagination-madfg-link {
    width : 40px;
    height: 40px;
  }

  .pagination-madfg .next>a,
  .pagination-madfg .prev>a {
    padding    : 8px 12px;
    font-size  : 14px;
    line-height: 22px;
  }
}

.top-header-madfg {
  margin-top: 44px;
}

.top-header-madfg::after {
  background-image: var(--wpr-bg-8b0d24f5-4475-453b-bff0-4999da5d022b);
  width           : 722px;
  height          : 691px;
}

.top-header-madfg .container::before {
  height          : 33px;
  background-color: #E63A2C;
  border-radius   : 25px;
  transform       : translateY(-74px);
}

.top-header-madfg-logo .title {
  line-height: 21px;
}

.top-header-madfg-logo-sub-title {
  line-height: 15px;
}

.top-header-madfg-box {
  margin-right: 37px;
  padding     : 39px 30px 38px 56px;
  border      : 0.5px solid rgba(145, 145, 145, 0.4);
}

.top-header-madfg-nav li a:hover,
.top-header-madfg-nav li a.active {
  color: #494949;
}

.top-header-madfg-nav li a.active {
  font-weight: 900;
}

.top-header-madfg-notification {
  width : 48px;
  height: 48px;
  border: 0.5px solid rgba(73, 73, 73, 0.2);
}

.top-header-madfg-notification:hover {
  background-color: rgba(73, 73, 73, 0.2);
  border-color    : rgba(73, 73, 73, 0.1);
  color           : #fff;
}

.top-header-madfg-channel-telegram {
  padding    : 10px 21px;
  line-height: 28px;
}

.top-header-madfg-account {
  margin-right: 22px;
}

.top-header-madfg-account::before {
  width           : 1px;
  background-color: rgba(73, 73, 73, 0.2);
  transform       : translateX(12px);
}

.top-header-madfg-account img {
  border: 1px solid #F3F3F3;
}

@media only screen and (max-width: 1199px) {
  .top-header-madfg-box {
    margin-right: 24px;
    padding     : 39px 24px 38px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-madfg {
    margin-top: 24px;
  }

  .top-header-madfg .container::before {
    transform: translateY(-54px);
  }

  .top-header-madfg-box {
    padding: 0;
    border : none;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-madfg-account {
    margin-right: 0;
  }

  .top-header-madfg-account::before {
    content: none;
  }
}

.footer-madfg {
  margin-top   : 66px;
  padding      : 73px 0 61px;
  border-radius: 86px;
}

.footer-madfg::before {
  background-image: var(--wpr-bg-1fa7aed5-2af1-41a4-8f6c-a9a79c80e829);
  width           : 733px;
  height          : 400px;
  bottom          : 48px;
}

.footer-madfg::after {
  background-image: var(--wpr-bg-c7ba67de-bea4-49c8-b6a1-d08a62d13d17);
  width           : 688px;
  height          : 305px;
}

.footer-madfg-contact {
  background-color: rgba(248, 248, 248, 0.8);
  padding         : 34px 42px 34px 58px;
  margin-bottom   : 77px;
}

.footer-madfg-contact .text .title {
  line-height: 35px;
}

.footer-madfg-contact .phone i {
  line-height: 40px;
}

.footer-madfg-description {
  margin: 26px 0 87px;
}

.footer-madfg-namads {
  margin-bottom: 36px;
}

.footer-madfg-namads img {
  max-height: 100px;
}

.footer-madfg-copyright {
  color    : #5f5f5f;
  max-width: 271px;
}

@media only screen and (max-width: 991px) {
  .footer-madfg {
    border-radius: 20px;
    padding      : 40px 0;
  }

  .footer-madfg-contact {
    margin-bottom: 32px;
  }

  .footer-madfg-description {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-madfg-contact {
    padding      : 20px 12px;
    border-radius: 0;
    margin       : 0 -12px 32px;
  }

  .footer-madfg-contact .text .title {
    font-size  : 16px;
    line-height: 35px;
  }

  .footer-madfg-contact .text .sub-title {
    font-size  : 12px;
    line-height: 20px;
  }
}

.landing-madfg .btns .btn,
.panel-agency-madfg .btns .btn,
.my-services-madfg .btns .btn {
  padding: 15px 26px;
}

.landing-madfg .btns .link:hover,
.panel-agency-madfg .btns .link:hover,
.my-services-madfg .btns .link:hover {
  color: #e63a2c;
}

.landing-madfg {
  margin-top: 126px;
}

.landing-madfg::before {
  background-image: var(--wpr-bg-fb80b703-5250-470f-97b7-2091b5433375);
  width           : 539px;
  height          : 492px;
  mix-blend-mode  : hard-light;
  transform       : translateY(-172px);
}

.landing-madfg .btns {
  margin-top: 32px;
}

.landing-madfg .image::before {
  top             : 14px;
  right           : 96px;
  bottom          : -28px;
  left            : 78px;
  background-color: #e63a2c;
  box-shadow      : 0px 8px 80px rgba(230, 58, 44, 0.1);
  border-radius   : 50%;
}

.landing-madfg .image::after {
  background-image: var(--wpr-bg-845bdb7c-30d8-4b3d-a689-5f3153de7a73);
  top             : 147px;
  right           : 157px;
  bottom          : -97px;
  left            : -63px;
  mix-blend-mode  : hard-light;
}

.landing-madfg .image img {
  filter: drop-shadow(-20px 31px 100px rgba(0, 0, 0, 0.14));
}

@media only screen and (max-width: 767px) {
  .landing-madfg {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-madfg .image::before {
    right : 0;
    left  : 0;
    width : 70%;
    margin: 0 auto;
  }
}

.company-madfg {
  margin: 192px 0 97px;
}

.company-madfg .container {
  padding-bottom: 100px;
}

.company-madfg-item {
  padding: 20px 12px 19px;
}

.company-madfg-item img {
  filter    : contrast(0);
  max-height: 36px;
  opacity   : 0.5;
}

.company-madfg-item:hover {
  box-shadow      : 0px 56px 100px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.company-madfg-item:hover img {
  filter : contrast(1);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .company-madfg {
    margin: 80px 0 40px;
  }
}

.panel-agency-madfg .title,
.my-services-madfg .title {
  line-height: 59px;
}

.panel-agency-madfg .sub-title,
.my-services-madfg .sub-title {
  line-height  : 25px;
  margin-bottom: 9px;
}

.panel-agency-madfg .btns,
.my-services-madfg .btns {
  margin-top: 27px;
}

.panel-agency-madfg .image::before {
  top             : -8px;
  right           : -22px;
  bottom          : 49px;
  left            : 254px;
  border-radius   : 50%;
  background-color: #e63a2c;
  box-shadow      : 0px 8px 80px rgba(230, 58, 44, 0.1);
}

.panel-agency-madfg .image::after {
  background-image: var(--wpr-bg-c064bc66-c91f-42ba-a1e5-d239be03a1e3);
  mix-blend-mode  : hard-light;
  width           : 438px;
  height          : 262px;
  transform       : translate(156px, -33px);
}

.panel-agency-madfg .image img {
  filter: drop-shadow(18px 30px 50px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 767px) {
  .panel-agency-madfg .title {
    line-height: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .panel-agency-madfg .image::before {
    width : 200px;
    height: 200px;
    bottom: auto;
    left  : 0;
  }

  .panel-agency-madfg .image::after {
    content: none;
  }

  .panel-agency-madfg .title {
    line-height: 34px;
  }
}

.services-my-company-madfg {
  margin: 187px 0 254px;
}

.services-my-company-madfg::before {
  top             : 174px;
  width           : 829px;
  margin          : 0 auto;
  height          : 400px;
  background-image: var(--wpr-bg-9d9337f8-3303-4c04-a985-4f80be4e31b5);
}

.services-my-company-madfg::after {
  background-image: var(--wpr-bg-dbe683c5-92e0-402b-94fc-c2286207cf24);
  transform       : translateY(139px);
  width           : 447px;
  height          : 400px;
}

.services-my-company-madfg-items {
  margin-bottom: 133px;
}

.services-my-company-madfg-item {
  padding: 12px 21px 13px 26px;
  border : 0.5px solid #919191;
}

.services-my-company-madfg-item i {
  color      : #e63a2c;
  margin-left: 14px;
  line-height: 40px;
}

.services-my-company-madfg-item .title {
  line-height: 26px;
}

.services-my-company-madfg-item:hover {
  border-color    : #fff;
  background-color: #fff;
  box-shadow      : 0px 56px 100px rgba(0, 0, 0, 0.08);
}

.services-my-company-madfg .btn {
  border-radius: 13px;
  padding      : 19px 22px;
  margin-top   : -50px;
}

@media only screen and (max-width: 767px) {
  .services-my-company-madfg {
    margin: 80px 0 100px;
  }

  .services-my-company-madfg-items {
    margin-bottom: 70px;
  }

  .services-my-company-madfg-item {
    flex     : 1 0 calc(50% - 12px);
    max-width: none;
  }

  .services-my-company-madfg .btn {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .services-my-company-madfg-item {
    flex: 1 0 100%;
  }

  .services-my-company-madfg .btn {
    max-width: 100%;
    padding  : 12px;
  }
}

.my-services-madfg::after {
  background-image: var(--wpr-bg-beb65a91-1dd9-47af-b50e-3632b3867b4d);
  width           : 875px;
  height          : 542px;
  top             : 50%;
  transform       : translateY(-50%);
}

.my-services-madfg .image::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDYzLjUyMjVDMzk2IC00NS41NDEzIDMwNy4zNTIgMTguOTEzMiAxOTggMTguOTEzMkM4OC42NDc2IDE4LjkxMzIgMCAtNDUuNTQxMyAwIDYzLjUyMjVDMCAxNzIuNTg2IDg4LjY0NzYgMjYxIDE5OCAyNjFDMzA3LjM1MiAyNjEgMzk2IDE3Mi41ODYgMzk2IDYzLjUyMjVaIiBmaWxsPSIjRTYzQTJDIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDYzLjUyMjVDMzk2IC00NS41NDEzIDMwNy4zNTIgMTguOTEzMiAxOTggMTguOTEzMkM4OC42NDc2IDE4LjkxMzIgMCAtNDUuNTQxMyAwIDYzLjUyMjVDMCAxNzIuNTg2IDg4LjY0NzYgMjYxIDE5OCAyNjFDMzA3LjM1MiAyNjEgMzk2IDE3Mi41ODYgMzk2IDYzLjUyMjVaIiBmaWxsPSIjRTYzQTJDIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 66.556%;
  height             : 75.9%;
  transform          : translate(-22px, 51px);
  background-color   : #e63a2c;
}

.my-services-madfg .image::after {
  background-image: var(--wpr-bg-4d5eea8a-87cd-4ad6-9a74-f963b115b16e);
  top             : 97px;
  transform       : translateX(-234px);
  width           : 477px;
  height          : 285px;
  mix-blend-mode  : hard-light;
}

.my-services-madfg .image img {
  filter: drop-shadow(-20px -8px 100px rgba(0, 0, 0, 0.05));
}

.plans-vpn-madfg {
  margin: 210px 0 127px;
}

.plans-vpn-madfg::before {
  background-image: var(--wpr-bg-4a14ca12-86c4-428c-be88-a029b5eb13dc);
  top             : 120px;
  width           : 769px;
  height          : 400px;
}

.plans-vpn-madfg::after {
  background-image: var(--wpr-bg-df1a22fb-82e0-424a-93ff-cb922a5c93aa);
  width           : 768px;
  height          : 400px;
  transform       : translateY(140px);
}

.plans-vpn-madfg-heading {
  margin-bottom: 83px;
}

.plans-vpn-madfg-heading p {
  max-width: 611px;
}

.plans-vpn-madfg .row {
  gap: 24px 0;
}

.plans-vpn-madfg .row::before,
.plans-vpn-madfg .row::after {
  background-color: rgba(230, 58, 44, 0.03);
  width           : 396px;
  height          : 261px;
}

.plans-vpn-madfg .row::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDE5Ny40NzhDMzk2IDMwNi41NDEgMzA3LjM1MiAyNDIuMDg3IDE5OCAyNDIuMDg3Qzg4LjY0NzYgMjQyLjA4NyAwIDMwNi41NDEgMCAxOTcuNDc4QzAgODguNDEzNyA4OC42NDc2IDAgMTk4IDBDMzA3LjM1MiAwIDM5NiA4OC40MTM3IDM5NiAxOTcuNDc4WiIgZmlsbD0iI0U2M0EyQyIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDE5Ny40NzhDMzk2IDMwNi41NDEgMzA3LjM1MiAyNDIuMDg3IDE5OCAyNDIuMDg3Qzg4LjY0NzYgMjQyLjA4NyAwIDMwNi41NDEgMCAxOTcuNDc4QzAgODguNDEzNyA4OC42NDc2IDAgMTk4IDBDMzA3LjM1MiAwIDM5NiA4OC40MTM3IDM5NiAxOTcuNDc4WiIgZmlsbD0iI0U2M0EyQyIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  transform          : translate(138px, -40px);
}

.plans-vpn-madfg .row::after {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDYzLjUyMjVDMzk2IC00NS41NDEzIDMwNy4zNTIgMTguOTEzMyAxOTggMTguOTEzM0M4OC42NDc2IDE4LjkxMzMgMCAtNDUuNTQxMyAwIDYzLjUyMjVDMCAxNzIuNTg2IDg4LjY0NzYgMjYxIDE5OCAyNjFDMzA3LjM1MiAyNjEgMzk2IDE3Mi41ODYgMzk2IDYzLjUyMjVaIiBmaWxsPSIjRTYzQTJDIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk2IiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDM5NiAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzk2IDYzLjUyMjVDMzk2IC00NS41NDEzIDMwNy4zNTIgMTguOTEzMyAxOTggMTguOTEzM0M4OC42NDc2IDE4LjkxMzMgMCAtNDUuNTQxMyAwIDYzLjUyMjVDMCAxNzIuNTg2IDg4LjY0NzYgMjYxIDE5OCAyNjFDMzA3LjM1MiAyNjEgMzk2IDE3Mi41ODYgMzk2IDYzLjUyMjVaIiBmaWxsPSIjRTYzQTJDIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  transform          : translate(-83px, 52px);
}

.plans-vpn-madfg-item {
  box-shadow   : 40px 63px 60px rgba(0, 0, 0, 0.02);
  padding      : 37px 12px 33px;
  border-bottom: 5px solid #fff;
}

.plans-vpn-madfg-item .title span {
  line-height: 75px;
  transform  : translateY(-25px);
}

.plans-vpn-madfg-item .title span::before {
  top                : 16px;
  right              : 28px;
  bottom             : 19px;
  left               : -10px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA2MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02MiA5LjczNTI1QzYyIC02Ljk3OTUxIDQ4LjEyMDggMi44OTg1OCAzMSAyLjg5ODU4QzEzLjg3OTIgMi44OTg1OCAwIC02Ljk3OTUxIDAgOS43MzUyNUMwIDI2LjQ1IDEzLjg3OTIgNDAgMzEgNDBDNDguMTIwOCA0MCA2MiAyNi40NSA2MiA5LjczNTI1WiIgZmlsbD0iI0U2M0EyQyIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA2MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02MiA5LjczNTI1QzYyIC02Ljk3OTUxIDQ4LjEyMDggMi44OTg1OCAzMSAyLjg5ODU4QzEzLjg3OTIgMi44OTg1OCAwIC02Ljk3OTUxIDAgOS43MzUyNUMwIDI2LjQ1IDEzLjg3OTIgNDAgMzEgNDBDNDguMTIwOCA0MCA2MiAyNi40NSA2MiA5LjczNTI1WiIgZmlsbD0iI0U2M0EyQyIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : rgba(230, 58, 44, 0.2);
}

.plans-vpn-madfg-item .price span {
  line-height: 62px;
}

.plans-vpn-madfg-item ul {
  margin     : 22px 0 36px;
  padding-top: 24px;
}

.plans-vpn-madfg-item ul::before,
.plans-vpn-madfg-item ul::after {
  left: 50%;
}

.plans-vpn-madfg-item ul::before {
  width           : 144px;
  height          : 1px;
  background-color: #C5C5C5;
  transform       : translateX(-50%);
}

.plans-vpn-madfg-item ul::after {
  width          : 34px;
  height         : 16px;
  background     : #fff url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-flowr.png) center center no-repeat;
  background-size: 16px 16px;
  transform      : translate(-50%, -8px);
}

.plans-vpn-madfg-item ul li:not(:last-child) {
  margin-bottom: 19px;
}

.plans-vpn-madfg-item ul li span {
  margin-top: 2px;
}

.plans-vpn-madfg-item ul li .flags {
  margin-top: 10px;
}

.plans-vpn-madfg-item ul li .flags .images img {
  width : 20px;
  height: 20px;
}

.plans-vpn-madfg-item ul li .flags .images img:not(:first-child) {
  margin-right: -8px;
}

.plans-vpn-madfg-item ul li .flags .images img:hover {
  z-index  : 3;
  transform: translateY(-4px);
}

.plans-vpn-madfg-item .btn {
  padding: 10px 32px;
}

.plans-vpn-madfg-item:hover {
  border-color: #E63A2C;
}

@media only screen and (max-width: 1199px) {
  .plans-vpn-madfg-item .title span {
    font-size: 32px;
  }

  .plans-vpn-madfg-item .price span {
    font-size  : 32px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .plans-vpn-madfg {
    margin: 80px 0;
  }
}

.help-madfg-wrapper {
  padding: 54px 32px 60px;
}

.help-madfg-wrapper .content {
  max-width: 902px;
}

.help-madfg-wrapper .title {
  line-height: 59px;
}

.help-madfg-wrapper .sub-title {
  line-height   : 23px;
  margin-bottom : 14px;
  letter-spacing: 0.235em;
}

.help-madfg-wrapper p {
  line-height  : 28px;
  margin-bottom: 26px;
}

.help-madfg-wrapper .devices {
  gap: 32px;
}

.help-madfg-wrapper .devices-item {
  box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.05);
  padding   : 7px 18px 5px 22px;
}

.help-madfg-wrapper .devices-item>div {
  line-height: 17px;
}

.help-madfg-wrapper .devices-item>div span {
  line-height: 20px;
}

@media only screen and (max-width: 991px) {
  .help-madfg-wrapper .devices {
    gap: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .help-madfg-wrapper {
    padding: 32px 16px 24px;
  }
}

@media only screen and (max-width: 575px) {
  .help-madfg-wrapper {
    margin : 0 -12px;
    padding: 32px 12px 24px;
  }

  .help-madfg-wrapper .title {
    line-height: 30px;
  }
}

.landing-about-us-madfg .container::before {
  bottom          : 37px;
  background-color: #fff;
  height          : 200%;
  z-index         : -3;
}

.landing-about-us-madfg .icon {
  filter: drop-shadow(0px 14px 16px rgba(218, 156, 103, 0.5));
}

.landing-about-us-madfg .video::before,
.landing-about-us-madfg .video::after {
  width        : 114%;
  height       : 84%;
  border-radius: 25px;
  border       : 1px solid #494949;
}

.landing-about-us-madfg .video::before {
  transform: translate(133px, 26px);
}

.landing-about-us-madfg .video::after {
  top  : 31px;
  right: 77px;
}

.landing-about-us-madfg .video>div::after {
  top             : 50%;
  transform       : translate(-84px, -50%);
  width           : 105%;
  height          : 75%;
  background-color: #e63a2c;
  border-radius   : 50%;
}

.landing-about-us-madfg .video-js {
  border-radius: 200px 200px 0 0;
  overflow     : hidden;
  z-index      : 2;
  box-shadow   : 0px 45px 100px rgba(0, 0, 0, 0.05);
}

.landing-about-us-madfg .video-js.vjs-fullscreen {
  border-radius: 0;
}

.landing-about-us-madfg .video-js .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(230, 58, 44, 0.18);
}

.landing-about-us-madfg .video-js .vjs-big-play-button {
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  background-color: transparent;
  border          : none;
  width           : 83px;
  height          : 83px;
  line-height     : 82px;
}

.landing-about-us-madfg .video-js .vjs-big-play-button span::before {
  content    : "\e928";
  font-family: "icomoon";
  font-size  : 83px;
}

.landing-about-us-madfg .btn-scroll {
  width     : 64px;
  height    : 64px;
  box-shadow: 0px 13px 54px rgba(230, 58, 44, 0.34);
  margin-top: 76px;
}

@media only screen and (max-width: 1399px) {
  .landing-about-us-madfg .video-js {
    width : 300px;
    height: 420px;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-about-us-madfg .video::before {
    transform: translate(92px, 26px);
  }

  .landing-about-us-madfg .video::after {
    right: 55px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-about-us-madfg .video>div::after {
    content: none;
  }
}

.description-about-us-madfg {
  margin: 56px 0 85px;
}

.description-about-us-madfg::before {
  background-image: var(--wpr-bg-0c75c96c-a911-4139-a569-6367ecdcf124);
  height          : 487px;
  transform       : translateY(-71px);
}

.description-about-us-madfg-wrapper {
  box-shadow: 0px 50px 60px rgba(90, 90, 90, 0.02);
  padding   : 63px 44px 75px 40px;
}

@media only screen and (max-width: 991px) {
  .description-about-us-madfg-wrapper {
    padding: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .description-about-us-madfg-wrapper {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .description-about-us-madfg-wrapper {
    padding: 24px 16px;
  }
}

.company-about-us-madfg::before {
  background-image: var(--wpr-bg-93dac64a-421c-4d38-b6f6-0d70dd084940);
  width           : 848px;
  height          : 542px;
  transform       : translateY(-40px);
}

.company-about-us-madfg-wrapper {
  background-color: #FAFAFA;
  padding         : 65px 114px 82px;
}

@media only screen and (max-width: 991px) {
  .company-about-us-madfg-wrapper {
    padding: 48px 70px;
  }
}

@media only screen and (max-width: 767px) {
  .company-about-us-madfg-wrapper {
    padding: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .company-about-us-madfg-wrapper {
    margin : 0 -12px;
    padding: 32px 12px;
  }
}

.privacy-policy-about-us-madfg {
  margin: 56px 0 168px;
}

.privacy-policy-about-us-madfg-heading {
  margin-bottom: 59px;
}

.privacy-policy-about-us-madfg-heading .title {
  line-height: 29px;
}

.privacy-policy-about-us-madfg-heading .sub-title {
  line-height            : 33px;
  background-image       : linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.135417) 28.65%, #919191 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.privacy-policy-about-us-madfg-box {
  box-shadow: 0px 85px 60px rgba(90, 90, 90, 0.03);
  padding   : 27px 41px;
}

.privacy-policy-about-us-madfg-box:not(:last-child) {
  margin-bottom: 34px;
}

@media only screen and (max-width: 767px) {
  .privacy-policy-about-us-madfg {
    margin-bottom: 80px;
  }
}

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

  .privacy-policy-about-us-madfg-heading .title,
  .privacy-policy-about-us-madfg-heading .sub-title {
    line-height: 18px;
  }

  .privacy-policy-about-us-madfg-box {
    padding      : 24px 16px;
    border-radius: 20px;
  }
}

.articles-absout-us-madfg {
  margin-top: 234px;
}

@media only screen and (max-width: 767px) {
  .articles-absout-us-madfg {
    margin-top: 80px;
  }
}

.contact-img-madfg {
  margin-top      : 62px;
  background-image: var(--wpr-bg-5de1aeaf-9e7f-40ee-9e14-a8ed7e8a3ac4);
  padding         : 52px 0 58px;
}

.contact-my-madfg {
  margin-top: 26px;
}

.contact-my-madfg-wrapper {
  box-shadow: 0px 44px 200px rgba(0, 0, 0, 0.02);
  padding   : 44px 95px 95px;
  max-width : 968px;
}

.contact-my-madfg-wrapper::before {
  top             : 43px;
  transform       : translateX(-99px);
  width           : 1121px;
  height          : 541px;
  background-image: var(--wpr-bg-0806b6fa-206a-4e78-b2b3-3dc8c4947ebd);
}

.contact-my-madfg-wrapper p {
  margin-bottom: 24px;
}

.contact-my-madfg-wrapper .btn {
  padding: 11px 14px;
}

@media only screen and (max-width: 991px) {
  .contact-my-madfg-wrapper {
    padding: 44px 60px 60px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-my-madfg-wrapper {
    padding: 32px;
  }

  .contact-my-madfg-wrapper .btn {
    max-width: calc(50% - 12px);
    width    : 100%;
  }
}

@media only screen and (max-width: 575px) {
  .contact-my-madfg-wrapper {
    padding: 32px 16px;
  }

  .contact-my-madfg-wrapper .btn {
    max-width: 100%;
  }
}

.faq-madfg {
  margin: 104px 0 163px;
}

.faq-madfg-heading {
  margin-bottom: 88px;
  max-width    : 778px;
}

.faq-madfg .row {
  gap: 32px 0;
}

@media only screen and (max-width: 767px) {
  .faq-madfg {
    margin: 80px 0;
  }
}

.landing-faq-madfg {
  margin: 147px 0 154px;
}

.landing-faq-madfg::before {
  background-image: var(--wpr-bg-e7cacc6f-59dd-40c5-b807-93a7d935df0c);
  transform       : translateY(-135px);
  height          : 541px;
}

.landing-faq-madfg::after {
  background-image: var(--wpr-bg-783bc79b-43f8-4687-b484-c40ec6219845);
  width           : 1121px;
  height          : 541px;
  left            : 50%;
  transform       : translate(-50%, -38px);
}

.landing-faq-madfg p {
  margin: 14px 0 37px;
}

.landing-faq-madfg .btns .btn {
  padding: 11px 14px;
}

.landing-faq-madfg .faqs::before {
  width        : 385px;
  height       : 307px;
  border-radius: 25px;
  border       : 1px solid #494949;
  transform    : translate(-43px, -52px);
}

.landing-faq-madfg .faqs+.btn {
  padding   : 17px 22px;
  margin-top: 58px;
}

.landing-faq-madfg .faq-item:not(:last-child) {
  margin-bottom: 18px;
}

@media only screen and (min-width: 768px) {
  .landing-faq-madfg .title {
    line-height: 66px;
  }
}

@media only screen and (max-width: 1399px) {
  .landing-faq-madfg .btns .btn {
    padding: 11px 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-faq-madfg .btns .btn {
    padding  : 11px 12px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-faq-madfg {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-faq-madfg .btns .btn {
    max-width: 100%;
    width    : 100%;
  }
}

.top-articles-madfg {
  margin: 84px 0 69px;
}

.top-articles-madfg::before {
  background     : linear-gradient(183deg, #d9d9d9 -18.55%, rgba(217, 217, 217, 0.09) 11.52%, rgba(217, 217, 217, 0.77) 50.58%, rgba(217, 217, 217, 0.04) 88.16%, rgba(217, 217, 217, 0) 102.76%), var(--wpr-bg-b07d6b0f-e63c-42f9-9693-4bd88c52103d) 0 0 no-repeat;
  background-size: 100% 100%;
  height         : 728px;
  transform      : translateY(-72px);
}

.top-articles-madfg::after {
  background-image: var(--wpr-bg-4c104000-4ad2-4d5d-ab36-145ebe015430);
  width           : 1121px;
  height          : 541px;
  top             : 25px;
  left            : 50%;
  transform       : translateX(-50%);
}

.top-articles-madfg .container {
  padding-bottom: 216px;
}

.top-articles-madfg .container::after {
  background-image: linear-gradient(90deg, #919191 -4.73%, rgba(145, 145, 145, 0) -4.72%, #919191 51.26%, rgba(145, 145, 145, 0) 106.1%);
  height          : 1px;
}

.top-articles-madfg-item {
  padding    : 24px 17px 27px 48px;
  margin-left: 45px;
  box-shadow : 61px 50px 60px rgba(0, 0, 0, 0.05);
}

.top-articles-madfg-item img {
  width : 39%;
  height: auto;
}

.top-articles-madfg-item .title {
  line-height: 44px;
}

.top-articles-madfg-item ul {
  background-color: #f3f3f3;
  padding         : 18px 22px 17px;
}

.top-articles-madfg-item ul li:not(:last-child) {
  margin-left: 30px;
}

.top-articles-madfg-item p {
  height       : 104px;
  margin-bottom: 18px;
}

.top-articles-madfg-item .btn-date {
  padding-top: 21px;
  border-top : 0.5px solid rgba(145, 145, 145, 0.14);
}

.top-articles-madfg-item .btn-date .btn {
  min-width  : 168px;
  padding    : 12px;
  margin-left: 29px;
}

.top-articles-madfg .articles-madfg-item {
  min-width: 291px;
}

.top-articles-madfg .articles-madfg-item .read .btn {
  min-width  : 140px;
  margin-left: 14px;
  padding    : 6px 12px 7px;
}

.top-articles-madfg .swiper-pagination {
  background-color: #f3f3f3;
  padding         : 9px 21px;
  transform       : translateY(146px);
}

.top-articles-madfg .swiper-pagination-bullet {
  width                                    : 53px;
  height                                   : 53px;
  line-height                              : 53px;
  opacity                                  : 1;
  background-color                         : #e0e0e0;
  border-radius                            : 10px;
  box-shadow                               : 0px 10px 20px rgba(0, 0, 0, 0.02);
  font-size                                : 12px;
  font-weight                              : 400;
  color                                    : rgba(73, 73, 73, 0.5);
  transition                               : all 0.3s ease-in-out;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}

.top-articles-madfg .swiper-pagination-bullet-active {
  background-color: #e63a2c;
  box-shadow      : 0px 13px 20px rgba(230, 58, 44, 0.25);
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .top-articles-madfg-item {
    padding-left: 18px;
    margin-left : 30px;
  }

  .top-articles-madfg-item img {
    width: 32%;
  }

  .top-articles-madfg-item .title {
    font-size: 24px;
  }

  .top-articles-madfg-item ul {
    padding: 18px 12px 17px;
  }
}

@media only screen and (max-width: 991px) {
  .top-articles-madfg-item {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-articles-madfg-item img {
    width: 100%;
  }

  .top-articles-madfg-item p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }

  .top-articles-madfg .swiper-pagination {
    display           : flex;
    overflow          : auto hidden;
    -ms-overflow-style: none;
    scrollbar-width   : none;
    border-radius     : 10px;
    scroll-snap-type  : x mandatory;
  }

  .top-articles-madfg .swiper-pagination::-webkit-scrollbar {
    display: none;
  }

  .top-articles-madfg .swiper-pagination-bullet {
    width            : 32px;
    height           : 32px;
    line-height      : 32px;
    flex             : 0 0 auto;
    scroll-snap-align: center;
  }
}

@media only screen and (max-width: 575px) {
  .top-articles-madfg-item {
    padding: 24px 12px;
  }

  .top-articles-madfg-item .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .top-articles-madfg-item ul {
    max-width: 100%;
  }

  .top-articles-madfg-item ul li:not(:last-child) {
    margin-left: 0;
  }

  .top-articles-madfg-item .btn-date .btn {
    margin-left: 0;
  }

  .top-articles-madfg .swiper-button-next,
  .top-articles-madfg .swiper-button-prev {
    top: 50%;
  }
}

.articles-blog-madfg::before {
  background-image: var(--wpr-bg-49ddfa41-a5cf-413a-9494-30a0421627c9);
  width           : 848px;
  height          : 542px;
  top             : 314px;
}

.articles-blog-madfg-heading {
  margin-bottom: 74px;
  max-width    : 778px;
}

.articles-blog-madfg-heading .title {
  margin-bottom: 22px;
}

.articles-blog-madfg .row {
  gap: 48px 0;
}

.services-landing-madfg {
  margin-top: 209px;
}

.services-landing-madfg .container::before {
  background-image: var(--wpr-bg-09b56fb3-8c8d-4ada-911e-3aa21b1a5c76);
  width           : 1121px;
  height          : 541px;
  transform       : translate(-50%, -100px);
  left            : 50%;
}

.services-landing-madfg .container::after {
  background-image: var(--wpr-bg-0a88968d-316a-47d6-9a71-178fbf22b07f);
  transform       : translateY(-197px);
  height          : 728px;
}

.services-landing-madfg-image {
  padding-left: 55px;
}

.services-landing-madfg-image::before {
  border       : 1px solid #494949;
  border-radius: 25px;
  transform    : translateY(-85px);
  width        : 73.474%;
  height       : 123.91%;
}

.services-landing-madfg-image::after {
  width           : 47.33%;
  height          : 77.8%;
  border-radius   : 50%;
  box-shadow      : 0px 8px 80px rgba(230, 58, 44, 0.1);
  background-color: #e63a2c;
  transform       : translateX(46px);
}

.services-landing-madfg-image>div::before {
  width           : 329px;
  height          : 197px;
  background-image: var(--wpr-bg-8e690ef5-00c3-46bc-a5a5-4e73c88d093b);
  transform       : translate(-133px, 18px);
  mix-blend-mode  : hard-light;
}

.services-landing-madfg-image img {
  filter: drop-shadow(0px 22px 20px rgba(102, 71, 71, 0.1));
}

@media only screen and (max-width: 575px) {
  .services-landing-madfg {
    margin-top: 80px;
  }

  .services-landing-madfg-image {
    padding-left: 0;
  }

  .services-landing-madfg-image::before,
  .services-landing-madfg-image::after {
    content: none;
  }
}

.exists-devices-madfg {
  margin: 158px 0 134px;
}

.exists-devices-madfg-wrapper {
  padding         : 55px 124px 72px;
  background-color: rgba(240, 234, 234, 0.24);
}

.exists-devices-madfg-heading {
  max-width    : 778px;
  margin-bottom: 59px;
}

.exists-devices-madfg-heading .title {
  margin-bottom: 11px;
}

.exists-devices-madfg-item {
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow      : 0px 31px 50px rgba(114, 94, 94, 0.5);
  padding         : 20px 24px 15px 22px;
}

.exists-devices-madfg-item .info {
  margin-bottom: 10px;
}

.exists-devices-madfg-item .info i {
  font-size  : 33px;
  line-height: 33px;
}

.exists-devices-madfg-item .info .title {
  line-height: 19px;
}

.exists-devices-madfg-item .info .title span {
  line-height: 22px;
}

.exists-devices-madfg-item .btn {
  border-radius   : 4px;
  background-color: rgba(145, 145, 145, 0.05);
  padding         : 5px 10px 6px;
}

.exists-devices-madfg-item:hover {
  background-color: #fff;
  box-shadow      : 0px 31px 50px rgba(0, 0, 0, 0.1);
}

.exists-devices-madfg-item:hover .info i,
.exists-devices-madfg-item:hover .info .title span {
  color: #494949 !important;
}

.exists-devices-madfg-item:hover .info .title {
  color: #919191 !important;
}

.exists-devices-madfg-item:hover p {
  color: #919191;
}

.exists-devices-madfg-item:hover .btn {
  background-color: rgba(230, 58, 44, 0.05);
  color           : #e63a2c;
}

@media only screen and (max-width: 1399px) {
  .exists-devices-madfg-wrapper {
    padding: 55px 48px 72px;
  }
}

@media only screen and (max-width: 1199px) {
  .exists-devices-madfg-wrapper {
    padding: 48px 32px;
  }

  .exists-devices-madfg-item {
    padding: 20px 12px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .exists-devices-madfg {
    margin: 80px 0;
  }

  .exists-devices-madfg-wrapper {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 575px) {
  .exists-devices-madfg-wrapper {
    padding      : 24px 12px;
    margin       : 0 -12px;
    border-radius: 0;
  }

  .exists-devices-madfg .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

.faq-services-madfg::before {
  background-image: var(--wpr-bg-a9966627-3c94-4ab5-89bc-b7c15408ce05);
  width           : 848px;
  height          : 542px;
  transform       : translateY(-188px);
}

.top-musics {
  margin-bottom: 100px;
}

.top-musics::before {
  background-color: #fff;
  top             : -193px;
  bottom          : -48px;
}

.top-musics-item {
  padding: 48px 46px 47px 20px;
}

.top-musics-item::before {
  background-color       : rgba(217, 217, 217, 0.01);
  -webkit-backdrop-filter: blur(25.5px);
  backdrop-filter        : blur(25.5px);
}

.top-musics-item::after {
  background-color: rgba(0, 0, 0, 0.5);
}

.top-musics-item img {
  width : 122px;
  height: 123px;
  filter: drop-shadow(14px 9px 50px #70619b);
}

.top-musics-item>div {
  margin-right: 18px;
}

.top-musics-item>div::before,
.top-musics-item>div::after {
  width           : 77px;
  height          : 77px;
  border-radius   : 50%;
  background-color: #c0aafe;
  filter          : blur(50px);
}

.top-musics-item>div::before {
  transform: translateY(-3px);
  left     : 25%;
}

.top-musics-item>div::after {
  left     : 4px;
  transform: translateY(1px);
}

.top-musics-item .title {
  line-height: 36px;
}

.top-musics-item .singer {
  margin: 2px 0 9px;
}

.top-musics-item ul {
  margin-bottom: 9px;
}

.top-musics-item.red img {
  filter: drop-shadow(14px 9px 50px #c64f6b) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.top-musics-item.red>div::before,
.top-musics-item.red>div::after {
  background-color: #ff89a5;
}

.top-musics-items {
  margin-top: 39px;
}

.top-musics-item-sm {
  box-shadow: 0px 22px 50px rgba(0, 0, 0, 0.3);
  max-width : calc(16.6666667% - 20px);
}

.top-musics-item-sm a::after {
  z-index: 6;
}

.top-musics-item-sm img {
  max-height: 197px;
}

.top-musics-item-sm .overlay {
  padding: 9px 8px 10px;
}

.top-musics-item-sm .overlay::before {
  background-color       : rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter        : blur(6px);
  border-radius          : inherit;
}

.top-musics-item-sm .overlay .title {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1199px) {
  .top-musics-item-sm {
    max-width: calc(16.6666667% - 14px);
  }
}

@media only screen and (max-width: 991px) {
  .top-musics-item {
    padding      : 24px;
    border-radius: 16px;
  }

  .top-musics-item>div {
    margin-right: 0;
  }

  .top-musics-item-sm {
    max-width: calc(33.3333333% - 11px);
  }
}

@media only screen and (max-width: 575px) {
  .top-musics-item-sm {
    max-width: calc(50% - 8px);
  }
}

.swiper-music .swiper-button-disabled {
  opacity   : 0;
  visibility: hidden;
}

.swiper-music .swiper-button-next,
.swiper-music .swiper-button-prev {
  width     : 59px;
  height    : 59px;
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.1);
}

.swiper-music .swiper-button-next::after,
.swiper-music .swiper-button-prev::after {
  content    : "\e902";
  font-family: "icomoon";
  font-size  : 16px;
  color      : #919191;
}

.swiper-music .swiper-button-next {
  transform: translateX(-40px);
}

.swiper-music .swiper-button-prev {
  transform: translateX(40px);
}

.swiper-music .swiper-button-prev::after {
  content: "\e966";
}

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

  .swiper-music .swiper-button-next,
  .swiper-music .swiper-button-prev {
    width        : 45px;
    height       : 45px;
    border-radius: 12px;
  }

  .swiper-music .swiper-button-next::after,
  .swiper-music .swiper-button-prev::after {
    font-size: 14px;
  }

  .swiper-music .swiper-button-next {
    transform: translateX(-18px);
  }

  .swiper-music .swiper-button-prev {
    transform: translateX(18px);
  }
}

.last-musics::before,
.last-musics::after,
.last-musics .container::before {
  width           : 284px;
  height          : 284px;
  border-radius   : 50%;
  background-color: rgba(231, 111, 81, 0.2);
  filter          : blur(100px);
}

.last-musics::before {
  transform: translate(201px, -15px);
}

.last-musics::after {
  background-color: rgba(255, 172, 47, 0.2);
  transform       : translateX(182px);
  top             : 65%;
}

.last-musics .container::before {
  bottom   : 10%;
  transform: translateX(-192px);
}

.music-item {
  box-shadow: 64px 30px 200px rgba(0, 0, 0, 0.05);
  padding   : 67px 143px 67px 53px;
}

.music-item:not(:last-child) {
  margin-bottom: 60px;
}

.music-item:not(:last-child)::after {
  background-color: rgba(230, 58, 44, 0.1);
  width           : 284px;
  height          : 284px;
  border-radius   : 50%;
  right           : 20%;
  transform       : translateY(180px);
  filter          : blur(100px);
}

.music-item:not(:last-child):nth-child(even)::after {
  right: auto;
  left : 20%;
}

.music-item .image {
  width      : 268px;
  height     : 268px;
  margin-left: 52px;
}

.music-item .image::before,
.music-item .image::after,
.music-item .image>div::after {
  top: 50%;
}

.music-item .image::before {
  background-image: var(--wpr-bg-4d60570e-c45a-4c03-9345-f84ec91e77b3);
  transform       : translate(95px, -50%);
  width           : 233px;
  height          : 234px;
}

.music-item .image::after,
.music-item .image>div::after {
  width           : 72px;
  height          : 72px;
  background-color: #6e5b93;
  border-radius   : 50%;
  transform       : translate(13px, -50%);
}

.music-item .image>div::after {
  filter: blur(25px);
}

.music-item .image img {
  filter: drop-shadow(0px 22px 50px rgba(0, 0, 0, 0.3));
}

.music-item .content .title-icon i {
  width           : 32px;
  height          : 32px;
  background-color: #ffe5de;
  color           : #e76f51;
}

.music-item .content .title-en {
  margin: 18px 0 14px;
}

.music-item .content .download-now-text {
  margin-bottom: 26px;
}

.music-item .content .box-audio {
  margin-bottom: 28px;
}

@media only screen and (max-width: 1199px) {
  .music-item {
    padding: 67px 120px 67px 32px;
  }

  .music-item .image {
    width      : 220px;
    height     : 220px;
    margin-left: 32px;
  }

  .music-item .image::before {
    width    : 185px;
    height   : 186px;
    transform: translate(78px, -50%);
  }

  .music-item .image::after {
    width : 54px;
    height: 54px;
  }

  .music-item .content .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .music-item {
    padding      : 40px 120px 40px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .music-item {
    padding      : 32px 24px;
    border-radius: 20px;
  }

  .music-item:not(:last-child) {
    margin-bottom: 32px;
  }

  .music-item .image {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin   : 0 auto;
  }

  .music-item .content {
    width: 100%;
  }

  .music-item .content .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .music-item {
    padding: 24px 12px;
  }
}

@media only screen and (max-width: 399px) {
  .music-item .image::before {
    width    : 130px;
    height   : 130px;
    transform: translate(57px, -50%);
  }
}

.box-audio {
  padding         : 9px 23px 9px 18px;
  box-shadow      : 0px 28px 50px rgba(0, 0, 0, 0.02);
  border-radius   : 13px;
  background-color: #fff4f1;
  min-width       : auto;
}

.box-audio .play-pause-btn {
  box-shadow      : 0px 7px 5px rgba(231, 111, 81, 0.3);
  background-color: #e76f51;
  border-radius   : 10px;
  width           : 28px;
  height          : 28px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  position        : relative;
}

.box-audio .play-pause-btn svg {
  height: 10px;
  width : 10px;
}

.box-audio .play-pause-btn svg path {
  fill: #fff;
}

.box-audio .controls {
  margin: 0 7px 0 13px;
  flex  : 1 0 1%;
}

.box-audio .controls__current-time,
.box-audio .controls__total-time {
  font-size  : 12px;
  color      : #919191;
  font-weight: 900;
  line-height: 18px;
}

.box-audio .controls__current-time {
  order      : 2;
  margin-left: 12px;
}

.box-audio .controls__current-time::after {
  content: "/";
  margin : 0 1px;
}

.box-audio .controls .slider {
  order           : 1;
  height          : 8px;
  background-color: #ffcccc;
  margin          : 0;
}

.box-audio .controls .slider,
.box-audio .controls .slider .gap-progress {
  border-radius: 20px;
}

.box-audio .controls .slider .gap-progress {
  background-color: #e76f51;
}

.box-audio .controls .slider .gap-progress .pin {
  opacity: 0;
}

.box-audio .controls__total-time {
  order: 3;
}

.box-audio .volume__button.open path {
  fill: #e76f51 !important;
}

.box-audio .volume__button svg {
  width : 16px;
  height: 16px;
}

.box-audio .volume__button svg path {
  fill: #e76f51;
}

.box-audio .volume__controls .gap-progress,
.box-audio .volume__controls .gap-progress .pin {
  background-color: #e76f51;
}

.pagination-music {
  background-color: #fff4f1;
}

.pagination-music .pagination-madfg-link {
  background-color: #fde0e0;
}

.pagination-music .pagination-madfg-link.active {
  background-color: #e76f51;
  box-shadow      : 0px 13px 20px rgba(0, 0, 0, 0.25);
}

.pagination-music .next::before,
.pagination-music .prev::before {
  background-color: #e76f51;
}

.pagination-music .next>a,
.pagination-music .prev>a {
  border-color: #e76f51;
  color       : #e76f51;
}

.pagination-music .next>a:hover,
.pagination-music .prev>a:hover {
  background-color: #e76f51;
  color           : #fff;
}

.last-musics-aside {
  box-shadow: -40px 15px 60px rgba(0, 0, 0, 0.02);
  padding   : 39px 33px 46px;
}

.last-musics-aside .icon {
  background-color: #ffd9cf;
  width           : 32px;
  height          : 32px;
  text-shadow     : 0px 7px 5px rgba(231, 111, 81, 0.3);
  color           : #e76f51;
}

.last-musics-aside ul {
  margin-top : 25px;
  padding-top: 19px;
}

.last-musics-aside ul::before {
  background-image: linear-gradient(90deg, #919191 -4.73%, rgba(145, 145, 145, 0) -4.72%, #919191 51.26%, rgba(145, 145, 145, 0) 106.1%);
  height          : 1px;
}

.last-musics-aside ul li {
  counter-increment: li;
}

.last-musics-aside ul li:not(:last-child) {
  margin-bottom: 29px;
}

.last-musics-aside ul li a::before {
  content         : counter(li);
  width           : 23px;
  height          : 23px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  border-radius   : 4px;
  background-color: #ffd9cf;
  margin-left     : 11px;
  font-size       : 9px;
  line-height     : 14px;
  color           : #e76f51;
}

.last-musics-aside ul li a:hover {
  color: #e76f51;
}

.last-musics-aside-contact {
  margin-top: 28px;
  padding   : 26px 12px 24px;
  box-shadow: 0px 29px 50px rgba(0, 0, 0, 0.02);
}

.last-musics-aside-contact a:hover {
  color: #e76f51;
}

.last-musics-aside-contact i:first-child {
  background-color: #e76f51;
  box-shadow      : 0px 16px 18px -1px rgba(182, 157, 116, 0.2), 0px 9px 50px rgba(182, 157, 116, 0.05);
  width           : 63px;
  height          : 63px;
}

.article-music {
  padding-top: 56.763%;
  box-shadow : 0px 65px 200px rgba(0, 0, 0, 0.25);
}

.article-music a::after {
  z-index: 9;
}

.article-music .overlay {
  padding: 26px 16px 27px;
}

.article-music .overlay::before {
  background-color       : rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter        : blur(11px);
}

.article-music .overlay .title {
  line-height: 35px;
  height     : 75px;
}

@media only screen and (max-width: 991px) {
  .article-music .overlay {
    padding: 16px;
  }

  .article-music .overlay .title {
    font-size  : 16px;
    line-height: 30px;
    height     : 60px;
  }
}

@media only screen and (max-width: 767px) {
  .article-music {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .article-music {
    border-radius: 20px;
  }

  .article-music .overlay {
    border-radius: 20px;
    padding      : 12px;
  }

  .article-music .overlay .title {
    font-size  : 14px;
    line-height: 25px;
    height     : 50px;
  }
}

.article-blog-sm {
  border-radius: 36px;
  padding-top  : 151.31%;
}

.article-blog-sm a::after {
  z-index: 8;
}

.article-blog-sm .overlay {
  padding: 25px 16px 31px;
}

.article-blog-sm .overlay::before {
  background-color       : rgba(231, 111, 81, 0.5);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter        : blur(11px);
}

.article-blog-sm .overlay .title {
  line-height: 36px;
  height     : 72px;
}

@media only screen and (max-width: 767px) {
  .article-blog-sm {
    border-radius: 30px;
  }

  .article-blog-sm .overlay {
    padding: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .article-blog-sm {
    border-radius: 20px;
  }

  .article-blog-sm .overlay .title {
    height    : auto;
    max-height: 72px;
  }
}

.top-header-music {
  margin: 58px 0 48px;
}

.top-header-music-logo .title {
  line-height: 24px;
}

.top-header-music-logo .sub-title {
  line-height: 13px;
}

.top-header-music-nav {
  margin-right: 60px;
}

.top-header-music-nav li a::before {
  width           : 2px;
  height          : 9px;
  border-radius   : 4px;
  background-color: #FFAC2F;
  margin          : auto;
  transform       : translateX(4px) scaleY(0);
  transform-origin: center;
}

.top-header-music-nav li a.active {
  font-weight: 900 !important;
}

.top-header-music-nav li a:hover,
.top-header-music-nav li a.active {
  color: #494949;
}

.top-header-music-nav li a:hover::before,
.top-header-music-nav li a.active::before {
  transform: translateX(4px) scaleY(1);
}

.top-header-music-search {
  width : 48px;
  height: 48px;
}

.top-header-music-search-box {
  z-index   : 990;
  opacity   : 0;
  visibility: hidden;
}

.top-header-music-search-box-backdrop {
  background-color       : rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
}

.top-header-music-search-box form {
  width    : 576px;
  transform: translateY(-100px);
}

.top-header-music-search-box form .form-control {
  background-color: rgba(0, 0, 0, 0.05);
  height          : 40px;
  padding-left    : 40px;
}

.top-header-music-search-box form button {
  left         : 32px;
  border-radius: 6px;
}

.top-header-music-search-box.opened {
  opacity   : 1;
  visibility: visible;
}

.top-header-music-search-box.opened form {
  transform: translateY(0px);
}

.top-header-music-publication {
  padding: 13px 18px;
}

@media only screen and (max-width: 1199px) {
  .top-header-music-nav {
    margin-right: 16px;
  }

  .top-header-music-nav li a {
    font-size: 12px;
  }

  .top-header-music-search {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-music {
    margin-top: 32px;
  }

  .top-header-music-search-box form {
    width: 300px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-music-search {
    margin-left: 0;
  }
}

.footer-music {
  margin: 100px 0 32px;
}

.footer-music-wrapper {
  box-shadow   : 0px 4px 200px rgba(0, 0, 0, 0.05);
  padding      : 58px 65px 84px 71px;
  border-radius: 36px;
}

.footer-music-last-musics-heading {
  margin-bottom: 43px;
}

.footer-music-last-musics-heading .icon {
  width           : 32px;
  height          : 32px;
  background-color: #ffd9cf;
  color           : #e76f51;
  text-shadow     : 0px 7px 5px rgba(231, 111, 81, 0.3);
}

.footer-music-last-musics-heading .link {
  color: #e76f51;
}

.footer-music-last-musics .row {
  gap: 38px 0;
}

.footer-music-last-musics-item img {
  box-shadow: 0px 22px 50px rgba(0, 0, 0, 0.3);
  width     : 82px;
  height    : 82px;
}

.footer-music-last-musics-item>div {
  max-width: calc(100% - 102px);
}

.footer-music-last-musics-item:hover .text-link {
  color: #e76f51;
}

.footer-music-description {
  margin-top: 77px;
}

.footer-music-description-wrapper {
  background-color: rgba(248, 248, 248, 0.8);
  padding         : 34px 39px 39px 40px;
}

.footer-music-description-wrapper p {
  margin-top: 12px;
}

.footer-music-namads {
  margin-top: 79px;
}

.footer-music-namads a {
  border: 1px solid #919191;
  width : 105px;
  height: 105px;
}

.footer-music.two .footer-music-last-musics::before,
.footer-music.two .footer-music-description::before {
  background-image: var(--wpr-bg-41e7987e-28d0-436f-9186-085089de169f);
}

.footer-music.two .footer-music-last-musics::after,
.footer-music.two .footer-music-description::after {
  -webkit-backdrop-filter: blur(98.5px);
  backdrop-filter        : blur(98.5px);
}

.footer-music.two .footer-music-last-musics {
  padding      : 58px 0 56px;
  border-radius: 36px 36px 0 0;
}

.footer-music.two .footer-music-last-musics::after {
  background-color: rgba(231, 111, 81, 0.2);
}

.footer-music.two .footer-music-last-musics-heading .link {
  color: #fff;
}

.footer-music.two .footer-music-description {
  padding: 59px 0 69px;
}

.footer-music.two .footer-music-description::after {
  background-color: rgba(0, 0, 0, 0.45);
}

.footer-music.two .footer-music-description-wrapper {
  background-color: rgba(73, 73, 73, 0.31);
}

@media only screen and (max-width: 1199px) {
  .footer-music-wrapper {
    padding: 58px 40px 84px;
  }

  .footer-music-last-musics-item img {
    width        : 70px;
    height       : 70px;
    margin-left  : 12px;
    border-radius: 15px;
  }

  .footer-music-last-musics-item>div {
    max-width: calc(100% - 82px);
  }
}

@media only screen and (max-width: 767px) {
  .footer-music-wrapper {
    padding      : 32px 24px;
    border-radius: 20px;
  }

  .footer-music-description {
    margin-top: 40px;
  }

  .footer-music-namds {
    margin-top: 50px;
  }

  .footer-music.two .footer-music-last-musics {
    border-radius: 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-music-wrapper {
    padding      : 32px 12px;
    margin       : 0 -12px;
    border-radius: 0;
  }

  .footer-music-last-musics-heading .title {
    font-size  : 14px;
    line-height: 20px;
  }

  .footer-music-last-musics-heading .link {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-music-last-musics-heading .link i {
    font-size: 8px;
  }

  .footer-music-description-wrapper {
    padding      : 34px 24px;
    margin       : 0 -12px;
    border-radius: 0;
  }

  .footer-music.two .footer-music-wrapper {
    margin: 0;
  }
}

.detail-music::before,
.detail-music::after,
.detail-music .container::before {
  width           : 284px;
  height          : 284px;
  background-color: rgba(231, 111, 81, 0.2);
  filter          : blur(100px);
  border-radius   : 50%;
}

.detail-music::before {
  transform: translate(191px, -184px);
}

.detail-music::after {
  background-color: rgba(255, 172, 47, 0.2);
  transform       : translateX(172px);
  top             : 75%;
}

.detail-music .container::before {
  transform: translate(-192px, 210px);
}

.detail-music-content {
  box-shadow: 64px 30px 200px rgba(0, 0, 0, 0.05);
  padding   : 66px 60px 54px;
}

.detail-music-content::after {
  background-color: rgba(230, 58, 44, 0.1);
  filter          : blur(100px);
  left            : 50%;
  transform       : translate(-50%, 32px);
  width           : 284px;
  height          : 284px;
}

.detail-music-content .icon {
  width           : 48px;
  height          : 48px;
  background-color: #ffe5de;
  color           : #e76f51;
  text-shadow     : 0px 7px 5px rgba(231, 111, 81, 0.3);
  margin-bottom   : 33px;
}

.detail-music-content .title {
  line-height: 50px;
}

.detail-music-content .title-en {
  max-width: 557px;
}

.detail-music-content .download-now-text {
  margin   : 34px 0 148px;
  max-width: 580px;
}

.detail-music-content .image {
  margin-bottom: 91px;
}

.detail-music-content .image::before {
  background-image: var(--wpr-bg-bdcb8a8a-cdcd-43f3-adb6-bbed92739788);
  width           : 214px;
  height          : 214px;
  left            : 50%;
  transform       : translate(-50%, -91px);
}

.detail-music-content .image::after {
  width           : 66px;
  height          : 66px;
  background-color: #bc9aff;
  border-radius   : 50%;
  transform       : translate(-50%, -17px);
  left            : 50%;
  box-shadow      : 0 0 30px #bc9aff;
}

.detail-music-content .image>div::before {
  background-image: var(--wpr-bg-9f800bd7-4f7d-476a-b171-3f0a48627aa0);
  width           : 114px;
  height          : 251px;
  transform       : translate(-57px, -36px);
}

.detail-music-content .image>div::after {
  background-image: var(--wpr-bg-53bb79b5-d919-4029-8e49-d286e6dbe2e0);
  width           : 221px;
  height          : 221px;
  transform       : translate(-50%, 54px);
  left            : 50%;
}

.detail-music-content .image>div img {
  box-shadow: 0px 22px 50px rgba(0, 0, 0, 0.3);
}

.detail-music-content .text-music {
  padding         : 31px 60px 45px;
  background-color: #f6f6f6;
  min-height      : 229px;
  max-width       : 657px;
  margin-bottom   : 70px;
}

.detail-music-content .text-music::before,
.detail-music-content .text-music::after {
  top   : 50%;
  width : 93px;
  height: 162px;
}

.detail-music-content .text-music::before {
  transform       : translate(52px, -50%);
  background-image: var(--wpr-bg-b961c31d-43ec-4ad8-a055-b0f85f4345c1);
}

.detail-music-content .text-music::after {
  transform       : translate(-41px, -50%);
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/other/flower-03.png);
}

.detail-music-content .text-music-title {
  line-height: 36px;
}

.detail-music-content .box-audio {
  max-width    : 452px;
  margin-bottom: 53px;
}

.detail-music-content .btns .btn {
  padding: 11px;
}

.detail-music-content .btns .btn:hover,
.detail-music-content .btns .btn:focus,
.detail-music-content .btns .btn:active {
  background-color: #e76f51;
  border-color    : #e76f51;
  box-shadow      : 0px 15px 30px rgba(231, 111, 81, 0.3);
}

.detail-music-content .btns .btn i {
  margin-top: -4px;
}

@media only screen and (max-width: 767px) {
  .detail-music-content {
    padding      : 32px 60px;
    border-radius: 20px;
  }

  .detail-music-content .icon {
    margin-bottom: 16px;
  }

  .detail-music-content .title {
    line-height: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-music-content {
    padding: 32px 24px;
  }

  .detail-music-content .title {
    line-height: 30px;
  }

  .detail-music-content .download-now-text {
    margin: 12px 0 40px;
  }

  .detail-music-content .image::before,
  .detail-music-content .image::after,
  .detail-music-content .image>div::before {
    content: none;
  }

  .detail-music-content .text-music {
    padding      : 24px 16px;
    margin-bottom: 32px;
  }

  .detail-music-content .text-music::before,
  .detail-music-content .text-music::after {
    content: none;
  }

  .detail-music-content .box-audio {
    margin-bottom: 40px;
  }
}

.comments-music {
  margin-top: 133px;
}

.comments-music-heading {
  margin-bottom : 51px;
  padding-bottom: 14px;
}

.comments-music-heading::after {
  background-image: linear-gradient(90deg, #919191 -4.73%, rgba(145, 145, 145, 0) -4.72%, #919191 51.26%, rgba(145, 145, 145, 0) 106.1%);
  height          : 1px;
}

.comments-music-heading p {
  max-width: 874px;
}

.comments-music-items li:not(:last-child) {
  margin-bottom: 72px;
}

.comments-music-items li .content {
  box-shadow: 0px 85px 80px rgba(0, 0, 0, 0.03);
  padding   : 39px 52px 51px 59px;
}

.comments-music-items li .content .name-rate {
  margin-bottom: 26px;
}

.comments-music-items li .content .name-rate .name::before {
  width           : 3px;
  height          : 13px;
  margin-left     : 10px;
  display         : inline-block;
  vertical-align  : middle;
  background-color: #FA5662;
}

.comments-music-items li .content .name-rate .rate .stars label {
  cursor     : pointer;
  line-height: 14px;
  color      : rgba(250, 86, 98, 0.5);
}

.comments-music-items li .content .name-rate .rate .stars input:checked~label {
  color: #FA5662;
}

@media only screen and (max-width: 991px) {
  .comments-music-items li .content {
    padding: 32px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-music {
    margin-top: 70px;
  }

  .comments-music-items li:not(:last-child) {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-music-items li .content {
    padding: 24px 16px;
  }

  .comments-music-items li .content .name-rate .rate {
    font-size  : 12px;
    line-height: 18px;
  }
}

.contact-us-music::before,
.contact-us-music::after,
.contact-us-music .container::before {
  width           : 284px;
  height          : 284px;
  background-color: rgba(231, 111, 81, 0.2);
  filter          : blur(100px);
  border-radius   : 50%;
}

.contact-us-music::before {
  transform: translate(191px, -184px);
}

.contact-us-music::after {
  top             : 55%;
  background-color: rgba(255, 172, 47, 0.2);
  transform       : translateX(172px);
}

.contact-us-music .container::before {
  top      : 95%;
  transform: translateX(-192px);
}

.contact-us-music-content {
  padding   : 55px 100px 65px 93px;
  box-shadow: 64px 30px 200px rgba(0, 0, 0, 0.05);
}

.contact-us-music-heading {
  background-image: var(--wpr-bg-2a07ddba-37a3-4c49-8721-eef3b7d89852);
  padding         : 36px;
  margin-bottom   : 100px;
}

.contact-us-music-heading::before {
  background-color       : rgba(231, 111, 81, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter        : blur(50px);
}

.contact-us-music-heading .title {
  line-height  : 50px;
  margin-bottom: 13px;
}

.contact-us-music form .form-control::-moz-placeholder {
  color: inherit;
}

.contact-us-music form .form-control::placeholder {
  color: inherit;
}

.contact-us-music form .form-group {
  box-shadow: 0px 27px 50px rgba(0, 0, 0, 0.05);
}

.contact-us-music form .form-group i {
  color: #e76f51;
}

.contact-us-music form .form-group-box-content {
  padding: 28px 62px 24px 16px;
  margin : 79px 0 77px;
}

.contact-us-music form .form-group-box-content i {
  right: 30px;
}

.contact-us-music form .form-group-box-content .form-control {
  direction: rtl;
}

.contact-us-music form .btn {
  max-width  : 80%;
  line-height: 14px;
  padding    : 23px 12px;
}

.contact-us-music form .btn span {
  line-height            : 16px;
  color                  : transparent;
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  -webkit-background-clip: text;
  background-clip        : text;
}

@media only screen and (max-width: 1199px) {
  .contact-us-music-content {
    padding: 55px 48px 65px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-music-content {
    border-radius: 20px;
  }

  .contact-us-music-content .title {
    line-height: 36px;
  }

  .contact-us-music-heading {
    margin-bottom: 32px;
  }

  .contact-us-music form {
    gap: 32px 0;
  }

  .contact-us-music form .form-group-box-content {
    margin: 0;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-music-content {
    margin       : 0 -12;
    padding      : 32px 12px;
    border-radius: 0;
  }

  .contact-us-music-heading .title {
    line-height: 30px;
  }
}

.blog-music::after {
  top             : 95%;
  width           : 284px;
  height          : 284px;
  transform       : translateX(-192px);
  border-radius   : 50%;
  background-color: rgba(231, 111, 81, 0.2);
  filter          : blur(100px);
}

.blog-music .container {
  padding-top: 49px;
}

.blog-music .container::before {
  height          : 1px;
  max-width       : calc(100% - 24px);
  left            : 12px;
  background-image: linear-gradient(90deg, #919191 -4.73%, rgba(145, 145, 145, 0) -4.72%, #919191 51.26%, rgba(145, 145, 145, 0) 106.1%);
}

.blog-music-articles-lg {
  gap          : 24px 0;
  margin-bottom: 93px;
}

.blog-music-articles-sm {
  gap: 81px 0;
}

@media only screen and (max-width: 767px) {
  .blog-music-articles-sm {
    gap: 32px 0;
  }
}

.about-us-music::before,
.about-us-music::after {
  width           : 284px;
  height          : 284px;
  background-color: rgba(231, 111, 81, 0.2);
  border-radius   : 50%;
  filter          : blur(100px);
}

.about-us-music::before {
  transform: translate(191px, -108px);
}

.about-us-music::after {
  background-color: rgba(255, 172, 47, 0.2);
  transform       : translateX(172px);
  top             : 75%;
}

.about-us-music .container {
  padding-top: 76px;
}

.about-us-music .container::before {
  height          : 1px;
  background-image: linear-gradient(90deg, #919191 -4.73%, rgba(145, 145, 145, 0) -4.72%, #919191 51.26%, rgba(145, 145, 145, 0) 106.1%);
}

.about-us-music-content {
  box-shadow: 64px 30px 200px rgba(0, 0, 0, 0.05);
  padding   : 55px 100px 102px 93px;
}

.about-us-music-heading {
  background-image: var(--wpr-bg-969782af-ad78-4a9d-8e06-de26a56e9e8f);
  padding         : 44px 24px 55px;
  margin-bottom   : 64px;
}

.about-us-music-heading::before {
  background-color       : rgba(231, 111, 81, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter        : blur(50px);
}

.about-us-music-heading-title {
  margin-bottom: 11px;
}

.about-us-music .row {
  gap: 24px 0;
}

.about-us-music .faq-item:not(:last-child) {
  margin-bottom: 15px;
}

@media only screen and (max-width: 1199px) {
  .about-us-music-content {
    padding: 55px 48px 102px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-music .container {
    padding-top: 48px;
  }

  .about-us-music-content {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-music-content {
    padding: 32px 16px;
  }
}

.section-heading-movie {
  border-top   : 1px solid rgba(255, 255, 255, 0.32);
  margin-bottom: 63px;
}

.section-heading-movie-title::after {
  content       : "/";
  display       : inline-block;
  vertical-align: middle;
  margin        : 0 11px 0 9px;
}

.section-heading-movie-link,
.section-heading-movie-link:hover {
  color: #f6b500;
}

@media only screen and (max-width: 991px) {
  .section-heading-movie-title::after {
    content: none;
  }
}

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

  .section-heading-movie-title,
  .section-heading-movie-link {
    width: 100%;
  }
}

.tabs-movie {
  gap: 19px;
}

.tabs-movie li {
  background-color: #3b3e47;
  min-width       : 134px;
  padding         : 13px 12px;
  cursor          : pointer;
}

.tabs-movie li.active {
  background-color: #f6b500;
  box-shadow      : 0px 28px 50px 0px rgba(252, 185, 0, 0.15);
}

@media only screen and (max-width: 767px) {
  .tabs-movie {
    gap: 12px;
  }

  .tabs-movie li {
    min-width  : 100px;
    padding    : 8px 12px;
    font-size  : 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .tabs-movie {
    gap: 8px;
  }
}

.popular-animations-movie {
  margin-top: 68px;
}

.popular-animations-movie::before {
  background-image  : var(--wpr-bg-77319c8c-4139-43c1-b8b7-564481e6c788);
  -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, #fff 45.07%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
  mask-image        : linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, #fff 45.07%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
  height            : 1633px;
  top               : 6px;
  opacity           : 0.05;
}

.popular-animations-movie .swiper-slide>* {
  transform: scale(0.85);
  opacity  : 0.5;
}

.popular-animations-movie .swiper-slide-visible>* {
  transform: scale(1);
  opacity  : 1;
}

.popular-movie-item {
  border     : 1px solid #000;
  padding-top: 140.2%;
  box-shadow : 0px 22px 50px 0px rgba(0, 0, 0, 0.25);
}

.popular-movie-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 72.42%, rgba(0, 0, 0, 0.9) 100%);
}

.popular-movie-item::after {
  content    : "\e904";
  font-family: "icomoon";
  font-size  : 12px;
  bottom     : 28px;
  left       : 28px;
  color      : #fff;
}

.popular-movie-item .stretched-link::after {
  z-index: 6;
}

.popular-movie-item .overlay {
  padding: 0 27px 24px;
}

.popular-movie-item .overlay .category-rate .category {
  z-index         : 9;
  background-color: #f6b500;
  min-width       : 63px;
  padding         : 5px 8px 6px;
}

.popular-movie-item .overlay .category-rate .rate {
  background-color: rgba(171, 171, 171, 0.55);
  padding         : 5px 8px 6px;
}

.popular-movie-item .overlay .title {
  margin-bottom: 10px;
  height       : 50px;
}

@media only screen and (max-width: 1199px) {
  .popular-movie-item .overlay {
    padding: 0 12px 20px;
  }

  .popular-movie-item::after {
    bottom: 22px;
    left  : 12px;
  }
}

@media only screen and (max-width: 991px) {
  .popular-movie-item {
    border-radius: 20px;
  }
}

.movie-item {
  background-color: rgba(26, 31, 42, 0.5);
  padding         : 81px 109px 81px 44px;
}

.movie-item:not(:last-child) {
  margin-bottom: 85px;
}

.movie-item .image {
  max-width: 298px;
}

.movie-item .image::before {
  background-color: rgba(0, 0, 0, 0.39);
  width           : 349px;
}

.movie-item .image img:first-child {
  width        : 349px;
  z-index      : -2;
  -o-object-fit: cover;
  object-fit   : cover;
}

.movie-item .image img:last-child {
  width     : 298px;
  height    : 382px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
}

.movie-item .content {
  padding-right: 37px;
  max-width    : calc(100% - 298px);
}

.movie-item .content .title {
  line-height: 40px;
}

.movie-item .content .title-en {
  line-height            : 25px;
  margin-right           : 2px;
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  color                  : transparent;
  -webkit-background-clip: text;
  background-clip        : text;
}

.movie-item .content .rate {
  background-color: rgba(171, 171, 171, 0.55);
  border-radius   : 5px 11px 11px 5px;
  padding-left    : 23px;
}

.movie-item .content .rate span {
  min-width       : 75px;
  background-color: #f6b500;
  box-shadow      : 0px 28px 50px 0px rgba(252, 185, 0, 0.15);
  padding         : 6px 12px;
}

.movie-item .content .genre-quality {
  gap: 40px;
}

.movie-item .content .genre-quality>* {
  background-color: #3b3e47;
  padding-left    : 12px;
  max-width       : calc(50% - 20px);
}

.movie-item .content .genre-quality>* span {
  padding         : 13px 12px;
  min-width       : 134px;
  background-color: #f6b500;
  box-shadow      : 0px 28px 50px 0px rgba(252, 185, 0, 0.15);
}

.movie-item .content .genre-quality .quality span {
  background-color: #0cc13f;
  box-shadow      : 0px 28px 50px 0px rgba(12, 193, 63, 0.15);
}

.movie-item .content .btn {
  margin-top: 50px;
  padding   : 13px 23px;
}

@media only screen and (max-width: 1399px) {
  .movie-item .content .genre-quality {
    gap: 20px;
  }

  .movie-item .content .genre-quality>* {
    max-width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 1199px) {
  .movie-item {
    padding: 81px 72px 81px 24px;
  }

  .movie-item .content .title {
    font-size  : 24px;
    line-height: 32px;
  }

  .movie-item .content .genre-quality>* span {
    min-width  : auto;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 991px) {
  .movie-item {
    padding: 32px;
  }

  .movie-item .image::before {
    content: none;
  }

  .movie-item .image img:last-child {
    height: auto;
  }

  .movie-item .content {
    max-width    : 100%;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .movie-item:not(:last-child) {
    margin-bottom: 40px;
  }

  .movie-item .content p {
    -moz-text-align-last: center;
    text-align-last     : center;
  }

  .movie-item .content .genre-quality>* {
    max-width: 100%;
  }

  .movie-item .content .genre-quality>* span {
    min-width: 120px;
  }
}

@media only screen and (max-width: 575px) {
  .movie-item {
    padding: 32px 20px;
  }
}

.last-articles-movie {
  margin-top: 93px;
}

.last-articles-movie .row {
  gap: 54px 0;
}

@media only screen and (max-width: 767px) {
  .last-articles-movie {
    margin-top: 70px;
  }

  .last-articles-movie .row {
    gap: 32px 0;
  }
}

.article-movie figure {
  box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.25);
  border    : 1px solid #000;
}

.article-movie figure a::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 72.42%, rgba(0, 0, 0, 0.9) 100%);
  z-index   : 3;
}

.article-movie .title {
  line-height: 36px;
  height     : 72px;
}

.article-movie .title a:hover {
  color: #f6b500;
}

@media only screen and (max-width: 767px) {
  .article-movie .title {
    line-height: 32px;
    height     : 64px;
  }
}

@media only screen and (max-width: 575px) {
  .article-movie .title {
    height: auto;
  }
}

.faq-item-movie {
  box-shadow      : 0px 48px 50px 0px rgba(143, 138, 126, 0.05);
  background-color: #2a3040;
}

.pagination-movie {
  background-color: #1c2232;
}

.pagination-movie li:not(.next, .prev) a {
  background-color: #3e4352;
  box-shadow      : 0px 10px 20px 0px rgba(0, 0, 0, 0.02);
}

.pagination-movie li:not(.next, .prev) a.active {
  background-color: #f6b500;
  box-shadow      : 0px 13px 20px 0px rgba(246, 181, 0, 0.25);
  color           : #fff !important;
}

.pagination-movie li.next::before,
.pagination-movie li.prev::before {
  background-color: #F6B500;
}

.pagination-movie li.next a,
.pagination-movie li.prev a {
  border-color: #f6b500;
  color       : #f6b500;
}

.body-movie {
  background: #131722;
  color     : #fff;
}

.megamenu-movie {
  width        : 650px;
  box-shadow   : 0px 74px 50px 0px rgba(0, 0, 0, 0.15);
  padding      : 30px 26px 29px 45px;
  border-radius: 17px;
  left         : 50%;
  transform    : translate(-50%, 16px);
  opacity      : 0;
  visibility   : hidden;
}

.megamenu-movie::before {
  height   : 50px;
  transform: translateY(-30px);
}

.megamenu-movie::after {
  background-color       : rgba(47, 54, 73, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter        : blur(8px);
  border-radius          : inherit;
}

.megamenu-movie ul {
  max-height     : 225px;
  overflow       : hidden auto;
  gap            : 21px 13px;
  padding-right  : 19px;
  scrollbar-width: 2px;
  scrollbar-color: #353535 #969696;
}

.megamenu-movie ul::-webkit-scrollbar {
  width           : 2px;
  background-color: #353535;
}

.megamenu-movie ul::-webkit-scrollbar-thumb {
  background-color: #969696;
}

.megamenu-movie ul li {
  direction : rtl;
  max-width : calc(33.333333% - 9px);
  box-shadow: 0px 21px 50px 0px rgba(182, 109, 155, 0.2);
}

.megamenu-movie ul li .overlay {
  right: 19px;
}

.megamenu-movie ul li .overlay .title {
  line-height: 15px;
}

.megamenu-movie ul li .overlay .title-en {
  line-height            : 11px;
  background-image       : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 0.01%, #fff 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.top-header-movie {
  z-index         : 99;
  background-image: linear-gradient(to bottom, #131722, rgba(19, 23, 34, 0));
}

.top-header-movie .container {
  padding      : 60px 12px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-header-movie-logo .title {
  line-height: 24px;
}

.top-header-movie-logo .sub-title {
  line-height: 13px;
}

.top-header-movie-nav {
  margin-right: 30px;
}

.top-header-movie-nav li.has-megamenu a::after {
  width           : 67px;
  height          : 2px;
  background-color: rgba(172, 185, 219, 0.5);
  left            : 50%;
  transform       : translate(-50%, 47px);
  z-index         : 4;
  opacity         : 0;
  visibility      : hidden;
}

.top-header-movie-nav li.has-megamenu:hover a::after,
.top-header-movie-nav li.has-megamenu:hover .megamenu-movie {
  opacity   : 1;
  visibility: visible;
}

.top-header-movie-nav li.has-megamenu:hover a::after {
  transform: translate(-50%, 31px);
}

.top-header-movie-nav li.has-megamenu:hover .megamenu-movie {
  transform: translate(-50%, -16px);
}

.top-header-movie-nav li a.active {
  color      : #fff;
  font-weight: 900 !important;
}

@media only screen and (max-width: 991px) {
  .top-header-movie .container {
    padding: 24px 12px;
  }
}

.footer-movie {
  border-radius   : 22px 22px 0 0;
  background-color: #1A1F2A;
  padding         : 72px 0 25px;
  margin-top      : 100px;
}

.footer-movie-contact li:not(:last-child) {
  margin-bottom: 23px;
}

.footer-movie-contact li i {
  background-color: #313643;
  box-shadow      : 0px 13px 9px 0px rgba(0, 0, 0, 0.2);
  width           : 62px;
  height          : 62px;
}

@media only screen and (max-width: 767px) {
  .footer-movie {
    padding: 40px 0 25px;
  }
}

.landing-movie {
  margin-top: -141px;
}

.landing-movie-item {
  padding: 305px 0 263px;
}

.landing-movie-item .bg {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 79.63%, rgba(0, 0, 0, 0.06) 94.92%, rgba(0, 0, 0, 0) 100%);
  mask-image        : linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 79.63%, rgba(0, 0, 0, 0.06) 94.92%, rgba(0, 0, 0, 0) 100%);
}

.landing-movie-item .content {
  padding-right: 120px;
}

.landing-movie-item .sup-title span {
  transform       : translateY(-100%);
  transition-delay: 0.3s;
}

.landing-movie-item .title>* {
  line-height     : 60px;
  max-width       : 563px;
  transform       : translateX(100%);
  transition-delay: 0.6s;
}

.landing-movie-item .btn {
  margin-top: 22px;
  transform : scale(0);
  transition: all 0.3s linear, transform 0.3s linear 1s;
}

.swiper-slide-active .landing-movie-item .sup-title span {
  transform: translateY(0);
}

.swiper-slide-active .landing-movie-item .title>* {
  transform: translateX(0);
}

.swiper-slide-active .landing-movie-item .btn {
  transform: scale(1);
}

.landing-movie .swiper-button-next::after,
.landing-movie .swiper-button-prev::after {
  content    : "\e904";
  font-family: "icomoon";
  color      : #fff;
  font-size  : 19px;
}

.landing-movie .swiper-button-prev::after {
  content: "\e930";
}

@media only screen and (max-width: 991px) {
  .landing-movie-item .content {
    padding-right: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-movie-item {
    padding: 200px 0 150px;
  }

  .landing-movie-item .title>* {
    line-height: 54px;
  }

  .landing-movie-item .content {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-movie-item .title>* {
    line-height: 40px;
  }
}

.top-category-movie {
  margin-top: -84px;
}

.top-category-movie-item {
  padding   : 37px 29px;
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.25);
  opacity   : 0.5;
  transform : scaleY(0.8);
}

.top-category-movie-item::before {
  background: linear-gradient(269.85deg, rgba(0, 0, 0, 0.8) -0.84%, rgba(0, 0, 0, 0) 69.83%), linear-gradient(0deg, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51));
}

.top-category-movie-item::after {
  content    : "\e904";
  font-family: "icomoon";
  font-size  : 8px;
  color      : #fff;
  bottom     : 18px;
  left       : 35px;
}

.top-category-movie-item .sub-title {
  color                  : transparent;
  background-image       : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip        : text;
}

.swiper-slide-visible .top-category-movie-item {
  opacity  : 1;
  transform: scaleY(1);
}

@media only screen and (max-width: 991px) {
  .top-category-movie {
    margin-top: -99px;
  }
}

@media only screen and (max-width: 575px) {
  .top-category-movie {
    margin-top: -97px;
  }
}

.last-movies {
  margin-top: 100px;
}

.last-movies::before {
  background-image  : var(--wpr-bg-0bdb5e62-f4a4-4659-90f6-08e1409dbaa9);
  height            : 1517px;
  opacity           : 0.05;
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #ffffff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #ffffff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  transform         : translateY(-171px);
}

@media only screen and (max-width: 767px) {
  .last-movies {
    margin-top: 80px;
  }
}

.movies-actors {
  margin-top: 106px;
}

.movies-actors-wrapper {
  background-color: #1a1f2a;
  padding         : 52px 52px 54px 43px;
}

.movies-actors-wrapper .section-heading-movie {
  margin-bottom: 42px;
}

.movies-actors-wrapper .section-heading-movie::after {
  height          : 1px;
  background-color: rgba(255, 255, 255, 0.32);
}

.movies-actors-wrapper .section-heading-movie-title {
  background-color: #1a1f2a;
  padding-left    : 19px;
}

.movies-actors .actor-info {
  margin-left: 23px;
}

.movies-actors .actor-info img {
  box-shadow: 0px 46px 50px 0px black;
}

.movies-actors .actor-info .overlay {
  right  : 23px;
  bottom : 22px;
  left   : 23px;
  padding: 17px 12px 28px;
}

.movies-actors .actor-info .overlay::before {
  background-color       : rgba(59, 65, 78, 0.51);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
}

.movies-actors .actor-info .overlay .name {
  line-height: 36px;
}

.movies-actors .actor-info .overlay .name-en {
  line-height: 24px;
}

.movies-actors .row-movies {
  gap   : 46px 0;
  margin: 0 -23.5px;
}

.movies-actors .row-movies>* {
  padding: 0 23.5px;
}

.movies-actors .actor-movie-item {
  box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.25);
}

.movies-actors .actor-movie-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 72.42%, rgba(0, 0, 0, 0.9) 100%);
  z-index         : 3;
}

.movies-actors .nav-tabs {
  gap             : 44px;
  padding         : 12px 41px 12px 48px;
  background-color: #3B414E;
  margin-top      : 42px;
}

.movies-actors .nav-tabs li {
  max-width : calc(14.2857143% - 38px);
  box-shadow: 0px 46px 50px 0px rgba(0, 0, 0, 0.25);
  cursor    : pointer;
}

.movies-actors .nav-tabs li img {
  filter: grayscale(100%);
}

.movies-actors .nav-tabs li.active img {
  filter: grayscale(0);
}

@media only screen and (max-width: 1399px) {
  .movies-actors .nav-tabs {
    gap: 20px;
  }

  .movies-actors .nav-tabs li {
    max-width: calc(14.2857143% - 18px);
  }
}

@media only screen and (max-width: 1199px) {
  .movies-actors .actor-info {
    margin-left: 0;
  }

  .movies-actors .row-movies {
    gap   : 37px 0;
    margin: 0 -12px;
  }

  .movies-actors .row-movies>* {
    padding: 0 12px;
  }
}

@media only screen and (max-width: 991px) {
  .movies-actors-wrapper {
    padding: 32px;
  }

  .movies-actors .section-heading-movie-title {
    padding: 0 24px;
  }

  .movies-actors .row-movies {
    gap: 24px 0;
  }

  .movies-actors .nav-tabs {
    margin       : 0 -32px 48px;
    border-radius: 0;
    padding      : 12px 32px;
  }

  .movies-actors .nav-tabs li {
    border-radius: 12px;
    max-width    : -moz-fit-content;
    max-width    : fit-content;
  }
}

@media only screen and (max-width: 767px) {
  .movies-actors {
    margin-top: 70px;
  }

  .movies-actors .actor-info img,
  .movies-actors .actor-movie-item {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .movies-actors-wrapper {
    padding: 32px 20px;
  }

  .movies-actors .nav-tabs {
    gap    : 12px;
    margin : 0 -20px 48px;
    padding: 12px 20px;
  }
}

.about-us-movie .image::before,
.about-us-movie .image::after,
.faq-about-us-movie .image::before,
.faq-about-us-movie .image::after {
  transform: translate(-116px, -50%);
  width    : 376px;
  height   : 533px;
  top      : 50%;
}

.about-us-movie .image::before,
.faq-about-us-movie .image::before {
  background-image: var(--wpr-bg-ea9c0771-1989-436a-8995-3485b6c26adb);
}

.about-us-movie .image::after,
.faq-about-us-movie .image::after {
  background-color       : rgba(0, 0, 0, 0.39);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
}

.about-us-movie .image img,
.faq-about-us-movie .image img {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
}

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

  .about-us-movie .image::before,
  .about-us-movie .image::after,
  .faq-about-us-movie .image::before,
  .faq-about-us-movie .image::after {
    content: none;
  }
}

.about-us-movie {
  margin: 203px 0 210px;
}

.about-us-movie::before {
  background-image  : var(--wpr-bg-e4d9c515-67fc-4e40-ba61-833602c257b8);
  height            : 894px;
  transform         : translateY(-344px);
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  opacity           : 0.02;
}

.about-us-movie::after {
  width           : 134px;
  height          : 131px;
  background-color: rgba(246, 181, 0, 0.2);
  border-radius   : 11px;
  transform       : translateX(37px);
  bottom          : calc(100% + 11px);
  filter          : blur(106.5px);
}

.about-us-movie .sup-title {
  line-height: 31px;
}

.about-us-movie .title {
  line-height: 50px;
}

@media only screen and (max-width: 991px) {
  .about-us-movie {
    margin: 70px 0;
  }

  .about-us-movie::before {
    transform: translateY(-169px);
  }
}

@media only screen and (max-width: 575px) {
  .about-us-movie .title {
    line-height: 28px;
  }
}

.faq-about-us-movie .image::before,
.faq-about-us-movie .image::after {
  transform: translate(116px, -50%);
}

.faq-about-us-movie {
  margin-bottom: 217px;
}

.faq-about-us-movie::before {
  background-image  : var(--wpr-bg-45946984-e299-4cf4-8b04-5d510ccfd8c0);
  transform         : translateY(-64px);
  height            : 894px;
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  opacity           : 0.02;
}

.faq-about-us-movie .image {
  margin-top: 76px;
}

.faq-about-us-movie .sup-title {
  line-height: 34px;
}

.faq-about-us-movie .title {
  line-height: 53px;
}

.faq-about-us-movie .faq-item:not(:last-child) {
  margin-bottom: 26px;
}

@media only screen and (max-width: 991px) {
  .faq-about-us-movie {
    margin-bottom: 0;
  }
}

.last-articles-absout-us::before,
.last-articles-absout-us::after {
  width           : 134px;
  height          : 134px;
  background-color: rgba(246, 181, 0, 0.5);
  border-radius   : 11px;
  filter          : blur(106.5px);
}

.last-articles-absout-us::before {
  top      : 60%;
  transform: translate(107px, -50%);
}

.last-articles-absout-us::after {
  bottom   : 20%;
  transform: translateX(-107px);
}

.top-articles-blog-movie {
  margin: 50px 0 67px;
}

.top-articles-blog-movie::before {
  background-image  : var(--wpr-bg-2dc766c4-9c67-4130-bd23-7a7694b95c36);
  height            : 894px;
  transform         : translateY(-191px);
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  opacity           : 0.05;
}

.top-articles-blog-movie-wrapper {
  background-color: #1c2232;
  padding         : 43px 54px 62px;
}

.top-articles-blog-movie-item {
  box-shadow : 0px 40px 50px 0px rgba(0, 0, 0, 0.25);
  padding-top: 63.92%;
}

.top-articles-blog-movie-item a::after {
  z-index: 5;
}

.top-articles-blog-movie-item .overlay {
  right  : 22px;
  bottom : 12px;
  left   : 22px;
  padding: 29px 40px 23px 42px;
}

.top-articles-blog-movie-item .overlay::before {
  background-color       : rgba(28, 34, 50, 0.51);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
}

.top-articles-blog-movie-item .overlay .title {
  line-height: 36px;
  text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.top-articles-blog-movie-item-sm {
  padding-top: 64.16%;
}

.top-articles-blog-movie-item-sm .overlay {
  right  : 16px;
  bottom : 11px;
  left   : 16px;
  padding: 9px 20px 11px;
}

.top-articles-blog-movie-item-sm .overlay .title {
  line-height  : 22px;
  margin-bottom: 3px;
}

.top-articles-blog-movie .row>*>.row {
  gap: 14px 0;
}

@media only screen and (max-width: 1199px) {
  .top-articles-blog-movie-wrapper {
    padding: 34px 32px 40px;
  }

  .top-articles-blog-movie-item .overlay {
    padding: 29px 24px 23px;
    right  : 16px;
    left   : 16px;
  }

  .top-articles-blog-movie-item-sm .overlay {
    padding: 9px 12px 11px;
    right  : 12px;
    left   : 12px;
  }
}

@media only screen and (max-width: 991px) {
  .top-articles-blog-movie .row>*>.row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-articles-blog-movie-item {
    border-radius: 20px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay {
    border-radius: 20px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay .title {
    line-height: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .top-articles-blog-movie-wrapper {
    padding      : 28px 20px;
    border-radius: 20px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) {
    padding-top: 64.16%;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay {
    padding      : 9px 12px 11px;
    right        : 12px;
    bottom       : 11px;
    left         : 12px;
    border-radius: 12px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay .title {
    font-size    : 14px;
    line-height  : 22px;
    margin-bottom: 3px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay .date {
    font-size  : 9px;
    line-height: 14px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay .date i {
    font-size  : 9px;
    line-height: 9px;
  }

  .top-articles-blog-movie-item:not(.top-articles-blog-movie-item-sm) .overlay>div>i {
    font-size: 8px;
  }
}

.last-articles-blog-movie::before {
  background-image  : var(--wpr-bg-8de496d1-e0cc-41ea-8848-fbf83be2e8ca);
  height            : 1788px;
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #fff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  opacity           : 0.05;
  top               : 35px;
}

.article-movie-two {
  background-color: #1c2232;
  padding         : 47px 50px 48px 49px;
}

.article-movie-two:not(:last-child) {
  margin-bottom: 42px;
}

.article-movie-two .image {
  max-width: 347px;
}

.article-movie-two .content {
  max-width    : calc(100% - 347px);
  padding-right: 28px;
}

.article-movie-two .content .date-btn {
  gap: 14px;
}

.article-movie-two .content .date-btn .date {
  background-color: #f6b500;
  box-shadow      : 0px 28px 50px 0px rgba(252, 185, 0, 0.15);
  padding         : 9px 19px;
}

.article-movie-two .content .date-btn .btn {
  padding: 12px 22px;
}

@media only screen and (max-width: 991px) {
  .article-movie-two {
    padding: 36px 32px;
  }

  .article-movie-two .content {
    max-width: 100%;
    padding  : 0;
  }
}

@media only screen and (max-width: 767px) {
  .article-movie-two:not(:last-child) {
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .article-movie-two {
    padding      : 24px 16px;
    border-radius: 16px;
  }

  .article-movie-two .image {
    max-width: 100%;
  }

  .article-movie-two .image img {
    border-radius: 20px;
  }
}

.full-info-movie {
  gap: 21px;
}

.full-info-movie .ages {
  background-color: #f62c00;
  box-shadow      : 0px 28px 50px 0px rgba(246, 44, 0, 0.15);
  width           : 54px;
  height          : 42px;
}

.full-info-movie .rate,
.full-info-movie .date {
  background-color: rgba(171, 171, 171, 0.55);
  border-radius   : 5px 11px 11px 5px;
  padding-left    : 20px;
}

.full-info-movie .rate span,
.full-info-movie .rate i,
.full-info-movie .date span,
.full-info-movie .date i {
  background-color: #f6b500;
  box-shadow      : 0px 28px 50px 0px rgba(252, 185, 0, 0.15);
}

.full-info-movie .rate span,
.full-info-movie .date span {
  padding: 6px 15px 6px 16px;
}

.full-info-movie .rate i,
.full-info-movie .date i {
  padding: 6px 18px;
}

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

  .full-info-movie .rate i,
  .full-info-movie .date i {
    min-width: 75px;
  }
}

.detail-movie {
  margin-top: 129px;
}

.detail-movie .bg {
  height            : 940px;
  z-index           : -6;
  transform         : translateY(-270px);
  -webkit-mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
  mask-image        : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
}

.detail-movie p {
  max-width: 825px;
}

.detail-movie .btns {
  gap: 11px;
}

.detail-movie .btns .btn {
  padding: 13px 15px 13px 16px;
}

.detail-movie .btns .btn:last-child {
  padding: 12px 16px;
}

@media only screen and (max-width: 991px) {
  .detail-movie {
    padding: 60px 0;
    margin : 0;
  }

  .detail-movie .bg {
    transform: translateY(-99px);
    height   : calc(100% + 99px);
  }
}

.sessions-episode-movie {
  margin: 90px 0 82px;
}

.sessions-episode-movie::before {
  background-image  : var(--wpr-bg-0e7f52df-3e77-4596-82da-41d27df68798);
  top               : 230px;
  height            : 894px;
  -webkit-mask-image: linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #ffffff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  mask-image        : linear-gradient(181.66deg, rgba(255, 255, 255, 0.14) -5.29%, #ffffff 41.53%, rgba(255, 255, 255, 0.4) 77.43%, rgba(255, 255, 255, 0.06) 93.31%, rgba(255, 255, 255, 0) 98.59%);
  opacity           : 0.02;
}

.sessions-episode-movie-heading {
  margin-bottom: 52px;
}

.sessions-episode-movie-heading select {
  border            : 1px solid #fff;
  padding           : 11px 8px 11px 31px;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  background        : var(--wpr-bg-f9837b05-8ee7-4593-83b2-14f703c30f60) center left 17px no-repeat;
  background-size   : 8px 7px;
}

.sessions-episode-movie-heading .status {
  padding         : 15px 14px;
  background-image: linear-gradient(269.93deg, rgba(74, 83, 106, 0.34) 1.24%, rgba(74, 83, 106, 0.0623364) 70.91%, rgba(74, 83, 106, 0) 105.64%);
}

.sessions-episode-movie .row {
  gap: 42px 0;
}

.sessions-episode-movie-item {
  border : 1px solid #fff;
  padding: 19px 23px 40px 14px;
}

.sessions-episode-movie-item img {
  border    : 1px solid #000;
  box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.25);
}

.sessions-episode-movie-item .rate i {
  font-size  : 19px;
  line-height: 19px;
}

.sessions-episode-movie-item .ages {
  width           : 54px;
  height          : 42px;
  background-color: #f62c00;
  box-shadow      : 0px 28px 50px 0px rgba(246, 44, 0, 0.15);
}

@media only screen and (max-width: 767px) {
  .sessions-episode-movie {
    margin-top: 0;
  }

  .sessions-episode-movie .row {
    gap: 24px 0;
  }

  .sessions-episode-movie-item {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .sessions-episode-movie-heading select {
    margin-left: 0;
  }
}

.comments-detail-movie {
  margin-top: 92px;
}

.comments-detail-movie-heading {
  padding         : 36px 53px 37px 58px;
  background-color: #1c2232;
  margin-bottom   : 57px;
}

.comments-detail-movie-heading .btn {
  padding: 12px 21px;
}

.comments-detail-movie-comment:not(:last-child) {
  margin-bottom: 46px;
}

.comments-detail-movie-comment .content {
  background-color: #070D1D;
  padding         : 36px 53px 39px 58px;
}

.comments-detail-movie-comment .content .info .for-session {
  padding: 12px 15px;
  border : 1px solid #fff;
}

@media only screen and (max-width: 991px) {
  .comments-detail-movie-heading {
    padding: 24px 32px;
  }

  .comments-detail-movie-heading .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .comments-detail-movie-heading .title i {
    font-size  : 24px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-detail-movie-heading .title {
    width: 100%;
  }

  .comments-detail-movie-heading .btn {
    max-width: calc(50% - 6px);
    width    : 100%;
    margin   : 0;
  }

  .comments-detail-movie-comment:not(:last-child) {
    margin-bottom: 32px;
  }

  .comments-detail-movie-comment .content {
    padding      : 32px 24px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-detail-movie-heading {
    border-radius: 20px;
    padding      : 24px 16px;
  }

  .comments-detail-movie-heading .btn {
    max-width: 100%;
  }
}

.detail-blog-movie {
  padding-top: 113px;
}

.detail-blog-movie .bg {
  height            : 447px;
  z-index           : -6;
  -webkit-mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
  mask-image        : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 79.63%, rgba(255, 255, 255, 0.06) 94.92%, rgba(255, 255, 255, 0) 100%);
  transform         : translateY(-141px);
}

.detail-blog-movie .bg::before {
  background-color       : rgba(217, 217, 217, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter        : blur(12px);
}

.detail-blog-movie .content {
  margin-top: 43px;
}

.detail-blog-movie .content p {
  line-height  : 37px;
  margin-bottom: 12px;
  text-align   : justify;
}

@media only screen and (max-width: 991px) {
  .detail-blog-movie {
    padding-top: 80px;
  }

  .detail-blog-movie .bg {
    transform: translateY(-99px);
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-movie {
    padding-top: 48px;
  }

  .detail-blog-movie .bg {
    transform: translateY(-97px);
  }
}

.articles-tattoy-wrapper {
  padding         : 25px 59px 48px 55px;
  background-color: #fcfcfc;
}

.articles-tattoy .btn {
  padding: 15px 19px;
}

.articles-tattoy-item:not(:last-child) {
  margin-bottom: 50px;
}

.articles-tattoy-item .image {
  width : 130px;
  height: 130px;
  border: 5px solid rgba(199, 199, 199, 0.5);
}

.articles-tattoy-item .image::before {
  background-color: rgba(182, 157, 116, 0.5);
  z-index         : 3;
  border-radius   : inherit;
}

.articles-tattoy-item .image a::after {
  z-index: 7;
}

.articles-tattoy-item .image img {
  max-height: 120px;
}

.articles-tattoy-item .image .text {
  right  : 16px;
  left   : 16px;
  z-index: 5;
}

.articles-tattoy-item .image .text::before {
  transform       : translateY(-5px);
  width           : 51px;
  height          : 2px;
  background-color: #fff;
  border-radius   : 17px;
}

.articles-tattoy-item .content {
  max-width: calc(100% - 143px);
}

.articles-tattoy-item .content p {
  height: 66px;
}

@media only screen and (max-width: 991px) {
  .articles-tattoy-wrapper {
    padding         : 24px 0;
    background-color: transparent;
  }
}

@media only screen and (max-width: 575px) {
  .articles-tattoy-item .image {
    width : 210px;
    height: 210px;
  }

  .articles-tattoy-item .image img {
    width     : 100%;
    display   : block;
    max-height: 200px;
  }

  .articles-tattoy-item .content {
    max-width   : 100%;
    margin-right: 0;
  }
}

.about-us-works-tattoy {
  margin: 302px 0 274px;
}

.about-us-works-tattoy::before {
  background-image: var(--wpr-bg-8e5bce67-4aa7-4738-a2cf-d0b6095b5caa);
  transform       : translateY(-303px);
  height          : 978px;
}

.about-us-works-tattoy .image {
  padding: 44px 32px 0 0;
}

.about-us-works-tattoy .image::before {
  width                 : 82.464%;
  height                : 80.65%;
  padding               : 2px;
  background-image      : linear-gradient(180deg, rgba(182, 157, 116, 0.97) 0%, rgba(182, 157, 116, 0) 100%);
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  border-radius         : 14px;
}

.about-us-works-tattoy .image>div::after {
  top                    : -7px;
  right                  : -7px;
  bottom                 : -7px;
  left                   : -7px;
  border-radius          : 15px;
  background-color       : rgba(218, 218, 218, 0.47);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

.about-us-works-tattoy .sup-title {
  padding-right: 27px;
}

.about-us-works-tattoy .sup-title::before {
  width           : 22px;
  height          : 3px;
  background-color: #b69d74;
  top             : 50%;
  transform       : translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .about-us-works-tattoy {
    margin: 100px 0 80px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-works-tattoy .image {
    padding-left: 12px;
  }
}

.pagination-tattoy li:not(.next, .prev) a {
  background-color: #E8E8E8;
  box-shadow      : 0px 10px 20px 0px rgba(0, 0, 0, 0.02);
}

.pagination-tattoy li a.active {
  background-color: #b69d74;
  box-shadow      : 0px 13px 20px 0px rgba(182, 157, 116, 0.25);
  color           : #fff;
}

.pagination-tattoy li.next::before,
.pagination-tattoy li.prev::before {
  background-color: #B69D74;
}

.pagination-tattoy li.next a,
.pagination-tattoy li.prev a {
  border-color: #B69D74;
}

.pagination-tattoy li.next a:hover,
.pagination-tattoy li.prev a:hover {
  background-color: #B69D74;
}

.breadcrumb-tattoy {
  padding         : 27px 39px;
  background-color: #FAFAFA;
  gap             : 9px;
  margin-bottom   : 64px;
}

.breadcrumb-tattoy li a {
  padding-left: 24px;
}

.breadcrumb-tattoy li a::after {
  content    : "\e977";
  top        : 50%;
  transform  : translateY(-50%);
  font-family: "icomoon";
  font-size  : 16px;
  line-height: 16px;
  transition : unset;
}

.breadcrumb-tattoy li a:hover {
  color: #B69D74;
}

@media only screen and (max-width: 575px) {
  .breadcrumb-tattoy {
    padding   : 20px 12px;
    margin-top: 50px;
  }
}

.top-header-tattoy {
  padding: 37px 0;
}

.top-header-tattoy-nav {
  margin-right: 76px;
}

.top-header-tattoy-nav ul {
  gap: 40px;
}

.top-header-tattoy-nav ul li a.active {
  font-weight: 800;
}

.top-header-tattoy-nav ul li a.active::before {
  pointer-events  : none;
  left            : 50%;
  width           : calc(100% + 30px);
  height          : 113px;
  transform       : translate(-50%, 22px);
  background-image: linear-gradient(180deg, rgba(182, 157, 116, 0.3) 0%, rgba(182, 157, 116, 0.08) 61.85%, rgba(182, 157, 116, 0) 100%);
  border-radius   : 0 0 10px 10px;
}

.top-header-tattoy-nav ul li a:hover,
.top-header-tattoy-nav ul li a.active {
  color: #b69d74 !important;
}

.top-header-tattoy .btn {
  padding: 11px 23px;
}

.top-header-tattoy.wrapper .top-header-tattoy-wrapper {
  background-color: #1b1b1b;
  padding         : 31px 38px 35px 37px;
  overflow        : hidden;
}

@media only screen and (max-width: 1199px) {
  .top-header-tattoy-nav {
    margin-right: 40px;
  }

  .top-header-tattoy-nav ul {
    gap: 32px;
  }

  .top-header-tattoy.wrapper .top-header-tattoy-wrapper {
    padding: 31px 20px 35px;
  }

  .top-header-tattoy.wrapper .top-header-tattoy-nav {
    margin-right: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-tattoy {
    padding: 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-tattoy .btn {
    font-size  : 12px;
    line-height: 18px;
    padding    : 14px 12px;
  }

  .top-header-tattoy.wrapper {
    background-color: #1b1b1b;
  }

  .top-header-tattoy.wrapper .top-header-tattoy-wrapper {
    padding : 0;
    overflow: visible;
  }
}

.footer-tattoy {
  background-image: none;
  margin-top      : 78px;
}

.footer-tattoy-logo::before {
  width        : 102px;
  height       : 118px;
  background   : linear-gradient(180deg, rgba(182, 157, 116, 0.1) 0%, rgba(182, 157, 116, 0.0345608) 32.3%, rgba(182, 157, 116, 0) 100%);
  border-radius: 50px;
  transform    : translate(12px, -44px);
}

.landing-tattoy::before {
  background-color: #1b1b1b;
}

.landing-tattoy::before,
.landing-tattoy .container::before {
  transform: translateY(-122px);
  height   : calc(100% + 54px);
}

.landing-tattoy .container {
  padding: 156px 0 85px;
}

.landing-tattoy .container::before {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/background/bg-landing-tattoy.png);
}

.landing-tattoy .sup-title {
  padding-right: 27px;
}

.landing-tattoy .sup-title::before {
  width           : 22px;
  height          : 3px;
  background-color: #b69d74;
  top             : 50%;
  transform       : translateY(-50%);
}

.landing-tattoy .sup-title::after {
  transform       : translate(-24px, -35px);
  width           : 125px;
  height          : 130px;
  border-radius   : 10px;
  background-color: #b69d74;
  filter          : blur(150px);
}

.landing-tattoy .btns .btn {
  padding: 7px 16px;
}

.landing-tattoy .image {
  background-color: #292929;
  border-radius   : 3px;
  margin          : 0 99px -84px 12px;
}

.landing-tattoy .image::before {
  top             : -12px;
  right           : -12px;
  bottom          : 0;
  left            : -12px;
  border-radius   : 12px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.0203783) 62.65%, rgba(255, 255, 255, 0) 87.63%, rgba(255, 255, 255, 0) 96.4%, rgba(255, 255, 255, 0) 99.99%);
}

.landing-tattoy .image::after,
.landing-tattoy .image>*::before,
.landing-tattoy .image>*::after {
  width           : 121px;
  height          : 99px;
  border-radius   : 10px;
  background-color: rgba(255, 158, 0, 0.31);
  filter          : blur(100px);
}

.landing-tattoy .image::after {
  top      : 91px;
  transform: translateX(-96px);
}

.landing-tattoy .image>*::after {
  bottom: 83px;
  left  : 83px;
}

.landing-tattoy .image>*::before {
  top  : 152px;
  right: 90px;
}

.landing-tattoy .image>*>*::after {
  bottom    : 3px;
  right     : 57px;
  left      : 104px;
  height    : 30px;
  background: linear-gradient(0deg, #000 0%, #000 100%), #b69d74;
  filter    : blur(50px);
}

.landing-tattoy .image img {
  width     : 303px;
  height    : 610px;
  margin-top: -110px;
}

@media only screen and (max-width: 1199px) {
  .landing-tattoy .title {
    font-size: 36px;
  }

  .landing-tattoy .image {
    margin-right: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-tattoy .container {
    padding-bottom: 32px;
  }

  .landing-tattoy::before,
  .landing-tattoy .container::before {
    transform: translateY(-96px);
    height   : calc(100% + 96px);
  }

  .landing-tattoy .title {
    font-size  : 28px;
    line-height: 48px;
  }

  .landing-tattoy .image {
    margin   : 0 auto 24px;
    padding  : 0 32px;
    max-width: 75%;
  }

  .landing-tattoy .image img {
    max-width: 303px;
    width    : 100%;
    height   : auto;
  }
}

@media only screen and (max-width: 575px) {
  .landing-tattoy .title {
    font-size  : 20px;
    line-height: 36px;
  }

  .landing-tattoy .btns .link {
    margin-right: 0;
  }

  .landing-tattoy .image {
    max-width: 90%;
  }
}

.about-us-home-tattoy {
  margin: 207px 0 153px;
}

.about-us-home-tattoy .video-js {
  border          : 7px solid rgba(218, 218, 218, 0.47);
  background-color: transparent;
}

.about-us-home-tattoy .video-js,
.about-us-home-tattoy .video video,
.about-us-home-tattoy .video .vjs-poster,
.about-us-home-tattoy .video .vjs-poster::before {
  border-radius: 15px;
}

.about-us-home-tattoy .video::before {
  width                 : 88.37%;
  height                : 88.38%;
  padding               : 2px;
  background-image      : linear-gradient(180deg, rgba(182, 157, 116, 0.97) 0%, rgba(182, 157, 116, 0) 100%);
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  transform             : translate(44px, -32px);
  border-radius         : 14px;
}

.about-us-home-tattoy .video .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background             : rgba(182, 157, 116, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

.about-us-home-tattoy .video .vjs-big-play-button {
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  border          : 0;
  background-color: transparent;
  border-radius   : 0;
  width           : 85px;
  height          : 85px;
  line-height     : 85px;
}

.about-us-home-tattoy .video .vjs-big-play-button .vjs-icon-placeholder::before {
  content    : "\e928";
  font-family: "icomoon";
  font-size  : 85px;
}

.about-us-home-tattoy .sup-title {
  padding-right: 27px;
}

.about-us-home-tattoy .sup-title::before {
  width           : 22px;
  height          : 3px;
  background-color: #b69d74;
  top             : 50%;
  transform       : translateY(-50%);
}

@media only screen and (max-width: 1199px) {
  .about-us-home-tattoy .video-js {
    width : 376px;
    height: 383px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-home-tattoy {
    margin: 100px 0 90px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-home-tattoy .video-js {
    width : 100%;
    height: auto;
  }

  .about-us-home-tattoy .video-js video {
    position  : relative;
    min-height: 302px;
  }

  .about-us-home-tattoy .video-js .vjs-big-play-button {
    width      : 48px;
    height     : 48px;
    line-height: 48px;
  }

  .about-us-home-tattoy .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 48px;
  }
}

.companies-tattoy::before {
  border-radius: 0 15px 15px 0;
  width        : 50%;
}

.companies-tattoy::before,
.companies-tattoy .container::before {
  background-color: #1b1b1b;
}

.companies-tattoy .container::before {
  border-radius: 15px 0 0 15px;
  left         : 12px;
  width        : 80%;
}

.companies-tattoy-wrapper {
  padding: 39px 0 39px 90px;
}

.companies-tattoy .col-lg-6:first-child {
  padding-left: 67px;
}

.companies-tattoy .title::before,
.companies-tattoy .carousel::before {
  width           : 77px;
  height          : 80px;
  border-radius   : 10px;
  background-color: #b69d74;
  filter          : blur(95px);
}

.companies-tattoy .title::before {
  top : 1px;
  left: 10px;
}

.companies-tattoy .carousel {
  background-color: #282828;
  padding         : 55px 45px 53px 42px;
}

.companies-tattoy .carousel::before {
  transform: translate(-18px, 39px);
}

.companies-tattoy .carousel img {
  filter    : brightness(0.5);
  max-height: 36px;
}

.companies-tattoy .carousel img:hover {
  filter: brightness(1);
}

@media only screen and (max-width: 1199px) {
  .companies-tattoy-wrapper {
    padding-left: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .companies-tattoy::before {
    width        : 100%;
    border-radius: 0;
  }

  .companies-tattoy .col-lg-6:first-child {
    padding-left: 12px;
  }

  .companies-tattoy-wrapper {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .companies-tattoy .carousel {
    padding: 32px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .companies-tattoy .title {
    font-size  : 20px;
    line-height: 35px;
  }

  .companies-tattoy .carousel {
    margin       : 0 -12px;
    border-radius: 0;
    padding      : 24px 0;
  }

  .companies-tattoy .carousel .swiper {
    padding: 0 12px;
  }
}

.works-tattoy {
  margin: 188px 0 168px;
}

.works-tattoy .col-lg-6:first-child {
  padding-left: 84px;
}

.works-tattoy .sup-title {
  padding-right: 30px;
}

.works-tattoy .sup-title::before {
  width           : 22px;
  height          : 3px;
  background-color: #b69d74;
  border-radius   : 3px;
  top             : 50%;
  transform       : translateY(-50%);
}

.works-tattoy-images {
  gap: 46px 0;
}

.works-tattoy-images::before,
.works-tattoy-images::after {
  padding               : 2px;
  background-image      : linear-gradient(180deg, rgba(182, 157, 116, 0.97) 0%, rgba(182, 157, 116, 0) 100%);
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  width                 : 151px;
  height                : 155px;
  border-radius         : 14px;
}

.works-tattoy-images::before {
  transform: translate(59px, 21px) rotate(180deg);
}

.works-tattoy-images::after {
  transform: translate(-52px, -32px);
}

.works-tattoy-images>div {
  max-width   : calc(33.333333% - 56px);
  margin-right: 56px;
}

.works-tattoy-images>div:nth-child(4) {
  margin-right: 0;
}

.works-tattoy-images>div img {
  cursor: pointer;
  border: 1px solid #ececec;
}

.works-tattoy-images>div:first-child img,
.works-tattoy-images>div:nth-child(6) img {
  border-radius: 0 27px;
}

.works-tattoy-images>div:nth-child(2) img,
.works-tattoy-images>div:nth-child(4) img {
  border-radius: 27px 27px 0 0;
}

.works-tattoy-images>div:nth-child(3) img,
.works-tattoy-images>div:nth-child(5) img {
  border-radius: 0 0 27px 27px;
}

.works-tattoy-images>div:first-child::before,
.works-tattoy-images>div:first-child::after,
.works-tattoy-images>div:nth-child(2)::before,
.works-tattoy-images>div:nth-child(2)::after,
.works-tattoy-images>div:nth-child(4)::before,
.works-tattoy-images>div:nth-child(4)::after,
.works-tattoy-images>div:nth-child(6)::before,
.works-tattoy-images>div:nth-child(6)::after {
  width           : 11px;
  height          : 11px;
  border-radius   : 50%;
  background-color: #ff9e00;
}

.works-tattoy-images>div:first-child::before {
  top      : 0;
  right    : 0;
  transform: translate(7px, -11px);
}

.works-tattoy-images>div:first-child::after {
  top             : 100%;
  right           : calc(100% + 18px);
  background-color: #b69d74;
}

.works-tattoy-images>div:nth-child(2)::before {
  right           : calc(100% + 32px);
  bottom          : 100%;
  background-color: #b69d74;
}

.works-tattoy-images>div:nth-child(2)::after {
  right : calc(100% + 23px);
  bottom: 0;
}

.works-tattoy-images>div:nth-child(3)::before,
.works-tattoy-images>div:nth-child(5)::before {
  width           : 94px;
  height          : 98px;
  border-radius   : 10px;
  background-color: rgba(255, 158, 0, 0.91);
  filter          : blur(95px);
}

.works-tattoy-images>div:nth-child(3)::before {
  bottom   : 0;
  left     : 0;
  transform: translate(-23px, 1px);
}

.works-tattoy-images>div:nth-child(5)::before {
  top      : 0;
  left     : 0;
  transform: translate(-15px, -22px);
}

.works-tattoy-images>div:nth-child(4)::after {
  content: none;
}

.works-tattoy-images>div:nth-child(4)::before {
  top : 49px;
  left: calc(100% + 16px);
}

.works-tattoy-images>div:nth-child(6)::before {
  background-color: #b69d74;
  top             : 49px;
  left            : calc(100% + 23px);
}

.works-tattoy-images>div:nth-child(6)::after {
  top  : 15px;
  right: calc(100% + 34px);
}

@media only screen and (max-width: 1199px) {
  .works-tattoy-images>div {
    max-width   : calc(33.333333% - 48px);
    margin-right: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .works-tattoy .col-lg-6:first-child {
    padding-left: 12px;
  }

  .works-tattoy-images {
    max-width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .works-tattoy {
    margin: 80px 0;
  }

  .works-tattoy-images>div {
    max-width   : calc(33.333333% - 32px);
    margin-right: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .works-tattoy-images {
    gap: 24px;
  }

  .works-tattoy-images>div {
    max-width   : calc(50% - 12px);
    margin-right: 0;
  }
}

.messages-members-tattoy::before,
.messages-members-tattoy .container::before {
  width           : 70%;
  background-color: #1b1b1b;
}

.messages-members-tattoy::before {
  border-radius: 15px 15px 0 0;
}

.messages-members-tattoy .container::before {
  border-radius: 0 15px 15px 0;
}

.messages-members-tattoy-wrapper {
  padding: 40px 0 38px;
}

.messages-members-tattoy .content {
  padding         : 42px 51px 36px 47px;
  background-color: #282828;
}

@media only screen and (max-width: 991px) {
  .messages-members-tattoy::before {
    border-radius: 0;
    width        : 100%;
  }
}

@media only screen and (max-width: 767px) {
  .messages-members-tattoy .content {
    padding: 20px 32px;
  }
}

.plans-price-tattoy {
  margin: 120px 0;
}

.plans-price-tattoy::before {
  background-image: var(--wpr-bg-c24f3768-0645-4e9f-9088-87ccef9deb3c);
  transform       : translateY(-190px);
  height          : 984px;
}

.plans-price-tattoy-heading {
  margin-bottom: 69px;
}

.plans-price-tattoy-heading p {
  max-width: 426px;
}

.plans-price-tattoy-item {
  padding: 0 12px;
}

.plans-price-tattoy-item::before {
  top             : 77px;
  bottom          : 39px;
  background-color: #fff;
  box-shadow      : 0px 38px 200px 0px rgba(143, 138, 126, 0.09);
  border-radius   : 40px;
}

.plans-price-tattoy-item img {
  border    : 7px solid rgba(218, 218, 218, 0.57);
  box-shadow: 0px 35px 44px 0px rgba(0, 0, 0, 0.05);
  max-height: 188px;
}

.plans-price-tattoy-item .price {
  word-break: break-all;
}

.plans-price-tattoy-item .price-to {
  padding-top: 27px;
}

.plans-price-tattoy-item .price-to::before {
  width           : 100%;
  max-width       : 144px;
  height          : 1px;
  background-color: #c5c5c5;
  left            : 50%;
  transform       : translateX(-50%);
}

.plans-price-tattoy-item .price-to::after {
  background      : var(--wpr-bg-7d2170e8-f338-4eb9-8ce6-1bd771581433) center center no-repeat;
  background-size : 16px 16px;
  width           : 34px;
  height          : 16px;
  padding         : 0 9px;
  background-color: #fff;
  left            : 50%;
  transform       : translate(-50%, -8px);
}

.plans-price-tattoy-item .btn {
  width      : 77px;
  height     : 77px;
  font-size  : 32px;
  line-height: 32px;
}

.plans-price-tattoy-item:hover {
  transform: translateY(-8px);
}

@media only screen and (max-width: 1199px) {
  .plans-price-tattoy-item .price span {
    font-size  : 20px;
    line-height: 32px;
    margin     : 0 4px;
  }
}

@media only screen and (max-width: 767px) {
  .plans-price-tattoy {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .plans-price-tattoy .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

.landing-works-tattoy::before {
  height: calc(100% + 122px);
}

.landing-works-tattoy .container {
  padding: 163px 12px 32px;
}

.landing-works-tattoy .sup-title::after {
  transform: translate(-24px, -103px);
}

.landing-works-tattoy .video {
  padding         : 18px 15px 20px 22px;
  background-color: #292929;
  border-radius   : 12px;
  margin-bottom   : -116px;
}

.landing-works-tattoy .video::before {
  top             : -12px;
  right           : -12px;
  bottom          : 0;
  left            : -12px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.0203783) 62.65%, rgba(255, 255, 255, 0) 87.63%, rgba(255, 255, 255, 0) 96.4%, rgba(255, 255, 255, 0) 99.99%);
  border-radius   : inherit;
}

.landing-works-tattoy .video::after {
  top             : 91px;
  transform       : translateX(-96px);
  width           : 125px;
  height          : 130px;
  background-color: #b69d74;
  border-radius   : 10px;
  filter          : blur(150px);
}

.landing-works-tattoy .video-js::after {
  width           : 80%;
  height          : 30px;
  border-radius   : 1px;
  background-color: #b69d74;
  filter          : blur(50px);
  transform       : translate(-50%, 17px);
  left            : 50%;
}

.landing-works-tattoy .video-js .vjs-poster,
.landing-works-tattoy .video-js video {
  border-radius: 10px;
}

.landing-works-tattoy .video-js .vjs-poster {
  background-color: transparent;
}

.landing-works-tattoy .video-js .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(182, 157, 116, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
  border-radius          : inherit;
}

.landing-works-tattoy .video-js .vjs-poster::after {
  content      : "";
  position     : absolute;
  top          : -7px;
  right        : -7px;
  bottom       : -7px;
  left         : -7px;
  border       : 7px solid rgba(218, 218, 218, 0.47);
  border-radius: 15px;
}

@media only screen and (max-width: 991px) {
  .landing-works-tattoy .container {
    padding: 80px 12px 32px;
  }

  .landing-works-tattoy .video {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-works-tattoy .video {
    max-width: 90%;
  }
}

.my-works-tattoy {
  margin-bottom: 212px;
}

.my-works-tattoy .carousel {
  padding: 0 33px 79px 0;
}

.my-works-tattoy .carousel::before {
  width           : 100vw;
  height          : 222px;
  background-color: #1b1b1b;
  border-radius   : 15px;
}

.my-works-tattoy .carousel img {
  border: 7px solid rgba(218, 218, 218, 0.57);
}

.my-works-tattoy .carousel .swiper-slide>* {
  opacity   : 0;
  visibility: hidden;
  transform : scale(0.5);
}

.my-works-tattoy .carousel .swiper-slide-active>*,
.my-works-tattoy .carousel .swiper-slide-active~.swiper-slide>* {
  opacity   : 1;
  visibility: visible;
  transform : scale(1);
}

@media only screen and (max-width: 767px) {
  .my-works-tattoy {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .my-works-tattoy .carousel {
    padding: 0 0px 32px 0;
  }

  .my-works-tattoy .carousel::before {
    width    : 120vw;
    transform: translateX(24px);
  }

  .my-works-tattoy .carousel .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

@media only screen and (max-width: 499px) {
  .my-works-tattoy .carousel::before {
    height: 140px;
  }
}

.companies-works-tattoy::before,
.companies-works-tattoy .container::before {
  top   : 53%;
  bottom: 0;
  height: auto;
}

.companies-works-tattoy .video {
  margin-bottom: 94px;
  max-height   : 633px;
}

.companies-works-tattoy .video::before {
  top                    : -7px;
  right                  : -7px;
  bottom                 : -7px;
  left                   : -7px;
  background-color       : rgba(218, 218, 218, 0.47);
  border-radius          : 15px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

.companies-works-tattoy .video-js {
  width     : 100%;
  height    : 100%;
  max-height: 633px;
}

.companies-works-tattoy .video-js video {
  position     : relative;
  border-radius: 15px;
}

.companies-works-tattoy .video-js .vjs-poster {
  background-size: cover;
  border-radius  : 15px;
}

.companies-works-tattoy .video-js .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  border-radius          : inherit;
  background-color       : rgba(182, 157, 116, 0.47);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

.companies-works-tattoy .video-js .vjs-poster::after {
  content: "ویدیو نظرات مشتران ما";

  position   : absolute;
  font-size  : 40px;
  font-weight: 900;
  color      : #fff;
  line-height: 62px;
  top        : 68%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  white-space: nowrap;
}

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

  .companies-works-tattoy::before,
  .companies-works-tattoy .container::before {
    top: 40%;
  }
}

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

  .companies-works-tattoy::before,
  .companies-works-tattoy .container::before {
    top: 32%;
  }

  .companies-works-tattoy .video {
    margin-bottom: 48px;
  }

  .companies-works-tattoy .video-js .vjs-poster::after {
    font-size  : 32px;
    line-height: 48px;
    top        : 75%;
  }
}

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

  .companies-works-tattoy::before,
  .companies-works-tattoy .container::before {
    top: 24%;
  }

  .companies-works-tattoy .video-js .vjs-poster::after {
    font-size  : 20px;
    line-height: 32px;
  }
}

.plans-price-works-tattoy {
  margin-top: 166px;
}

@media only screen and (max-width: 767px) {
  .plans-price-works-tattoy {
    margin-top: 80px;
  }
}

.landing-about-us-tattoy {
  padding-top: 52px;
}

.landing-about-us-tattoy::before {
  transform       : translateY(-122px);
  background-color: #1b1b1b;
  bottom          : 24.565%;
}

.landing-about-us-tattoy p::before,
.landing-about-us-tattoy .video::after {
  width           : 125px;
  height          : 130px;
  border-radius   : 10px;
  background-color: #b69d74;
  filter          : blur(150px);
}

.landing-about-us-tattoy p::before {
  transform: translate(17px, -23px);
}

.landing-about-us-tattoy .video::before {
  top                    : -7px;
  right                  : -7px;
  bottom                 : -7px;
  left                   : -7px;
  border-radius          : 15px;
  background-color       : rgba(218, 218, 218, 0.47);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter        : blur(3px);
}

.landing-about-us-tattoy .video::after {
  transform: translate(-92px, -19px);
}

.landing-about-us-tattoy .video-js {
  width     : 100%;
  height    : auto;
  max-height: 633px;
}

.landing-about-us-tattoy .video-js video {
  position: relative;
}

.landing-about-us-tattoy .video-js .vjs-poster {
  background-size: cover;
}

@media only screen and (max-width: 991px) {
  .landing-about-us-tattoy::before {
    bottom   : 0;
    transform: translateY(-96px);
  }
}

.companies-about-us-tattoy {
  margin-top: 165px;
}

.companies-about-us-tattoy .companies-tattoy-wrapper {
  background-color: #1b1b1b;
  padding         : 39px 77px 39px 67px;
}

@media only screen and (max-width: 991px) {
  .companies-about-us-tattoy .companies-tattoy-wrapper {
    padding: 30px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .companies-about-us-tattoy {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .companies-about-us-tattoy .companies-tattoy-wrapper {
    padding      : 30px 12px;
    margin       : 0 -12px;
    border-radius: 0;
  }
}

.documents-tattoy::before {
  top             : -59px;
  bottom          : 63px;
  background-color: #FAFAFA;
}

.documents-tattoy .row {
  gap: 43px 0;
}

.documents-tattoy .row img {
  box-shadow: 0px 45px 50px 0px rgba(0, 0, 0, 0.1);
  cursor    : pointer;
}

.works-about-us-tattoy {
  margin-top: 268px;
}

.works-about-us-tattoy::before {
  transform       : translateY(-87px);
  height          : 1263px;
  background-image: var(--wpr-bg-c7c73ffb-70c5-4a7c-8173-2095d104b0f3);
}

@media only screen and (max-width: 767px) {
  .works-about-us-tattoy {
    margin-top: 100px;
  }
}

.faqs-about-us-tattoy {
  margin-bottom: 170px;
}

.faqs-about-us-tattoy::after {
  width           : 95px;
  height          : 99px;
  background-color: #B69D74;
  border-radius   : 10px;
  filter          : blur(95px);
  left            : 38px;
  transform       : translateY(51px);
}

.faqs-about-us-tattoy p {
  max-width: 529px;
}

.faqs-about-us-tattoy .faqs::before {
  width           : 523px;
  height          : 292px;
  transform       : translateY(-78px);
  right           : 59px;
  background-image: var(--wpr-bg-1fab0de2-1ca8-4a2d-a8ce-a39b7c80c527);
}

.faqs-about-us-tattoy .faqs::after {
  width                 : 177px;
  height                : 181px;
  padding               : 2px;
  background-image      : linear-gradient(180deg, rgba(182, 157, 116, 0.97) 0%, rgba(182, 157, 116, 0) 100%);
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
  border-radius         : 14px;
  transform             : translate(-27px, -55px);
}

.faqs-about-us-tattoy .faqs .shape {
  width           : 100vw;
  height          : 222px;
  border-radius   : 0 15px 15px 0;
  background-color: #1B1B1B;
  transform       : translateY(76px);
  right           : 221px;
  z-index         : -1;
}

@media only screen and (max-width: 991px) {
  .faqs-about-us-tattoy {
    margin-bottom: 0;
  }

  .faqs-about-us-tattoy p {
    max-width: 100%;
  }
}

.top-articles-tattoy {
  margin: 68px 0 125px;
}

.top-articles-tattoy-wrapper::before,
.top-articles-tattoy-wrapper::after {
  width           : 106px;
  height          : 111px;
  background-color: rgba(255, 158, 0, 0.6);
  border-radius   : 10px;
  filter          : blur(95px);
}

.top-articles-tattoy-wrapper::before {
  bottom   : 20px;
  transform: translateX(37px);
}

.top-articles-tattoy-wrapper::after {
  transform: translate(-45px, 1px);
}

.top-articles-tattoy-item {
  padding-top: 144.756%;
}

.top-articles-tattoy-item::before {
  z-index         : 1;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.5) 76.04%, rgba(0, 0, 0, 0.5) 100%);
}

.top-articles-tattoy-item a::after {
  z-index: 4;
}

.top-articles-tattoy-item .overlay {
  padding: 0 34px 44px;
}

.top-articles-tattoy-item .overlay p {
  height: 52px;
}

@media only screen and (max-width: 1199px) {
  .top-articles-tattoy-item .overlay {
    padding: 0 20px 32px;
  }
}

.articles-blog-tattoy {
  margin-bottom: 80px;
}

.articles-blog-tattoy-wrapper::before {
  top             : -47px;
  right           : -86px;
  bottom          : -65px;
  left            : -85px;
  background-color: #F9F9F9;
}

.articles-blog-tattoy .row {
  gap: 60px 0;
}

.articles-blog-tattoy-item {
  padding-top: 89.904%;
}

.articles-blog-tattoy-item a::after {
  z-index: 4;
}

.articles-blog-tattoy-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.5) 76.04%, rgba(0, 0, 0, 0.5) 100%);
}

.articles-blog-tattoy-item .category {
  background-color: #121212;
  min-width       : 109px;
  top             : 35px;
  left            : 33px;
  z-index         : 7;
}

.articles-blog-tattoy-item .overlay {
  padding: 0 33px 50px;
}

.articles-blog-tattoy-item .overlay p {
  height: 52px;
}

@media only screen and (max-width: 1199px) {
  .articles-blog-tattoy-item .overlay {
    padding: 0 20px 32px;
  }
}

@media only screen and (max-width: 991px) {
  .articles-blog-tattoy .row {
    gap: 32px 0;
  }

  .articles-blog-tattoy-item .category {
    top : 20px;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-blog-tattoy-item .overlay {
    padding: 0 16px 24px;
  }
}

.detail-blog-tattoy-image {
  box-shadow: 0px 50px 200px 0px rgba(115, 115, 115, 0.25);
}

.detail-blog-tattoy-box {
  box-shadow: 0px 54px 200px 0px rgba(0, 0, 0, 0.09);
  padding   : 34px 58px 66px;
}

.detail-blog-tattoy-box .category {
  min-width       : 109px;
  background-color: #121212;
}

.detail-blog-tattoy-content .images {
  gap       : 34px 0;
  max-width : 584px;
  margin-top: 40px;
}

.detail-blog-tattoy-content .images>div {
  max-width   : calc(33.333333% - 47px);
  margin-right: 47px;
}

.detail-blog-tattoy-content .images>div img {
  border       : 1px solid #ececec;
  border-radius: 0 27px;
  cursor       : pointer;
}

.detail-blog-tattoy-content .images>div:nth-child(4) {
  margin-right: 0;
}

.detail-blog-tattoy-content .images-sub-title {
  font-size  : 23px;
  font-weight: 600;
  line-height: 35px;
  color      : #b69d74;
  text-align : center;
  margin-top : 90px;
}

.detail-blog-tattoy-sidebar-box {
  padding   : 30px 26px 25px;
  box-shadow: 0px 54px 200px 0px rgba(0, 0, 0, 0.09);
}

.detail-blog-tattoy-sidebar-box .title::before {
  width           : 5px;
  height          : 22px;
  background-color: #b69d74;
  top             : 50%;
  transform       : translate(26px, -50%);
}

.detail-blog-tattoy-sidebar-search .form-control {
  background-color: #ececec;
  border          : 1px solid #ececec;
  height          : 47px;
}

.detail-blog-tattoy-sidebar-search .form-control:focus {
  background-color: #fff;
}

.detail-blog-tattoy-sidebar-search .btn {
  padding: 9px 12px;
}

.detail-blog-tattoy-sidebar-category {
  padding: 55px 26px 28px;
}

.detail-blog-tattoy-sidebar-category ul li:not(:last-child) {
  margin-bottom: 17px;
}

.detail-blog-tattoy-sidebar-category ul li a {
  padding-right: 23px;
}

.detail-blog-tattoy-sidebar-category ul li a::before {
  width        : 16px;
  height       : 16px;
  top          : 50%;
  transform    : translateY(-50%);
  border-radius: 50%;
  border       : 5px solid #b69d74;
}

.detail-blog-tattoy-sidebar-category ul li a:hover {
  color: #b69d74;
}

.detail-blog-tattoy-sidebar-last-articles {
  padding: 53px 26px 56px;
}

.detail-blog-tattoy-sidebar-last-articles ul li:not(:last-child) {
  margin-bottom: 28px;
}

.detail-blog-tattoy-sidebar-last-articles ul li>div {
  width: calc(100% - 53px);
}

.detail-blog-tattoy-sidebar-last-articles ul li .title {
  margin-bottom: 2px;
}

.detail-blog-tattoy-sidebar-last-articles ul li:hover .title {
  color: #b69d74;
}

@media only screen and (max-width: 767px) {
  .detail-blog-tattoy-box {
    padding: 24px 24px 40px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-tattoy-content .images {
    gap: 20px;
  }

  .detail-blog-tattoy-content .images>div {
    max-width   : calc(50% - 10px);
    margin-right: 0 !important;
  }
}

.related-articles-tattoy {
  padding         : 51px 0 79px;
  background-color: #FAFAFA;
  margin          : 156px 0 -78px;
}

@media only screen and (max-width: 767px) {
  .related-articles-tattoy {
    margin-top: 80px;
  }
}

.section-heading-electronic {
  padding-bottom: 28px;
  margin-bottom : 132px;
}

.section-heading-electronic::after {
  width           : 50px;
  height          : 5px;
  background-color: #085ded;
}

.section-heading-electronic.top {
  padding: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .section-heading-electronic {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .section-heading-electronic .title {
    font-size  : 20px;
    line-height: 35px;
  }

  .section-heading-electronic .sub-title {
    font-size  : 12px;
    line-height: 28px;
  }
}

.countries-electronic {
  margin: 142px 0 291px;
}

.countries-electronic::after {
  background-image: var(--wpr-bg-b8eb786f-a223-4f73-8e7a-4bb6d5600d42);
  width           : 100px;
  height          : 307px;
  transform       : translateY(-119px);
}

.countries-electronic-wrapper {
  gap: 22px;
}

.countries-electronic-item {
  padding  : 29px 12px 20px;
  max-width: calc(16.6666667% - 58.7px);
}

.countries-electronic-item::before {
  border-radius         : 8px;
  padding               : 1px;
  background-image      : linear-gradient(180deg, #919191 0%, rgba(145, 145, 145, 0) 100%);
  -webkit-mask          : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask                  : linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite        : xor;
  -webkit-mask-composite: xor;
  mask-composite        : exclude;
}

.countries-electronic-item:hover {
  transform: translateY(-6px);
}

.countries-electronic-show-all {
  border : 1px solid #919191;
  padding: 23px 43px 32px 36px;
}

.countries-electronic-show-all span:first-child {
  background-image       : linear-gradient(143.17deg, #121212 0%, rgba(18, 18, 18, 0) 158.18%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.countries-electronic-show-all span:last-child {
  padding-left: 68px;
}

.countries-electronic-show-all span:last-child::after {
  width           : 53px;
  height          : 1px;
  background-color: #494949;
}

@media only screen and (max-width: 1199px) {
  .countries-electronic-wrapper {
    gap: 16px;
  }

  .countries-electronic-item {
    max-width: calc(16.6666667% - 50.2px);
  }

  .countries-electronic-show-all {
    padding: 23px 32px 32px;
  }
}

@media only screen and (max-width: 991px) {
  .countries-electronic-wrapper {
    gap: 12px;
  }

  .countries-electronic-item {
    max-width: calc(23% + 4.93px);
  }

  .countries-electronic-show-all {
    padding: 23px 24px 32px;
    flex   : 1 0 1%;
  }
}

@media only screen and (max-width: 767px) {
  .countries-electronic {
    margin: 100px 0;
  }

  .countries-electronic-item {
    max-width: calc(23% + 1px);
  }
}

@media only screen and (max-width: 575px) {
  .countries-electronic-item {
    max-width: calc(50% - 8px);
  }
}

.plans-electronic::before {
  background-image: var(--wpr-bg-576d5673-e68b-4c3f-99e7-247b4fb9a434);
  width           : 933px;
  height          : 515px;
}

.plans-electronic .row {
  margin: 0 -33.5px;
  gap   : 24px 0;
}

.plans-electronic .row::before {
  top             : 163px;
  right           : 239px;
  left            : 242px;
  height          : 212px;
  border-radius   : 19px;
  background-image: linear-gradient(276.46deg, #0b3e94 4.05%, #0e2b5b 32.23%, #121212 141.83%);
  margin          : 0 auto;
}

.plans-electronic .row>* {
  padding: 0 33.5px;
}

.plans-electronic .row>*:nth-child(2)>* {
  margin-top: -45px;
}

.plans-electronic-item {
  border-bottom: 4px solid #fff;
  box-shadow   : -50px 26px 100px 0px rgba(0, 0, 0, 0.09);
  padding      : 62px 48px 41px;
}

.plans-electronic-item .price {
  margin: 47px 0 44px;
}

.plans-electronic-item .price .time {
  margin-top: 2px;
}

.plans-electronic-item ul li {
  max-width     : 50%;
  padding-bottom: 18px;
}

.plans-electronic-item ul li .title {
  padding-right: 12px;
}

.plans-electronic-item ul li .title::before {
  width           : 6px;
  height          : 6px;
  border-radius   : 50%;
  background-color: #1d6ffa;
}

.plans-electronic-item ul li:nth-child(odd) {
  border-left : 1px solid #e0e0e0;
  padding-left: 12px;
}

.plans-electronic-item ul li:nth-child(even) {
  padding-right: 12px;
}

.plans-electronic-item ul li:nth-child(n+3) {
  padding   : 18px 0 0;
  border-top: 1px solid #e0e0e0;
}

.plans-electronic-item p {
  margin: 64px 0 45px;
}

.plans-electronic-item .btn {
  min-width: 142px;
  padding  : 16px 12px 17px;
}

.plans-electronic-item:hover {
  border-color: #1d6ffa;
}

@media only screen and (max-width: 1199px) {
  .plans-electronic .row {
    margin: 0 -12px;
  }

  .plans-electronic .row>* {
    padding: 0 12px;
  }

  .plans-electronic-item {
    padding: 62px 32px 41px;
  }

  .plans-electronic-item .price .origin {
    font-size  : 38px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .plans-electronic .row>*:nth-child(2)>* {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .plans-electronic-item {
    padding: 32px 16px;
  }

  .plans-electronic-item .price .origin {
    font-size  : 30px;
    line-height: 50px;
  }
}

.faqs-electronic {
  margin-bottom: 317px;
}

.faqs-electronic::before {
  top             : -150px;
  bottom          : -206px;
  background-color: #fff;
  box-shadow      : 0px 425px 250px 0px rgba(152, 152, 152, 0.02);
}

.faqs-electronic .sectiheadng-elecroic {
  margin-bottom: 148px;
}

.faqs-electronic ul li:not(:last-child) {
  margin-bottom: 38px;
}

.faqs-electronic ul li .number {
  background-image: linear-gradient(169.82deg, #494949, rgba(73, 73, 73, 0));
}

@media only screen and (max-width: 767px) {
  .faqs-electronic {
    margin-bottom: 100px;
  }

  .faqs-electronic::before {
    top   : -40px;
    bottom: -40px;
  }

  .faqs-electronic ul li .title {
    font-size: 20px;
  }
}

.companies-electronic {
  margin-bottom: 175px;
}

.companies-electronic::before {
  background-image: var(--wpr-bg-d302b749-f7eb-4450-8692-2ea1a755c34f);
  width           : 358px;
  height          : 181px;
  bottom          : 24px;
}

.companies-electronic::after {
  background-image: var(--wpr-bg-16a08801-72e6-4ee5-b4eb-7cb4062d0da5);
  width           : 367px;
  height          : 181px;
  bottom          : 116px;
}

.companies-electronic-heading {
  margin-bottom: 83px;
}

.companies-electronic-heading .title::before {
  width           : 50px;
  height          : 5px;
  background-color: #085ded;
  transform       : translateY(-24px);
}

.companies-electronic-items {
  gap: 47px 0;
}

.companies-electronic-items a {
  box-shadow: -38px 4px 100px 0px rgba(0, 0, 0, 0.05);
  max-height: 93px;
  height    : 93px;
  padding   : 0 12px;
}

.companies-electronic-items a img {
  filter    : grayscale(1);
  max-height: 86px;
}

.companies-electronic-items a:hover img {
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .companies-electronic {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .companies-electronic-items {
    gap: 24px 0;
  }
}

.article-electronic {
  box-shadow: 61px 50px 60px 0px rgba(0, 0, 0, 0.02);
}

.article-electronic img {
  box-shadow: 0px 18px 30px 0px rgba(0, 0, 0, 0.02);
}

.article-electronic .content {
  padding: 0 16px 23px;
}

.article-electronic .content a:hover {
  color: #085ded;
}

.article-electronic .content .title {
  height: 48px;
}

.article-electronic .content p {
  height: 78px;
}

.article-electronic .content .link {
  padding-top: 22px;
  margin-top : 12px;
  border-top : 1px solid rgba(145, 145, 145, 0.14);
}

.pagination-electronic li a.active {
  background-color: #1D6FFA;
  box-shadow      : 0px 13px 20px 0px rgba(182, 157, 116, 0.25);
}

.pagination-electronic li.next::before,
.pagination-electronic li.prev::before {
  background-color: #1D6FFA;
}

.pagination-electronic li.next a,
.pagination-electronic li.prev a {
  border-color: #1D6FFA;
}

.pagination-electronic li.next a:hover,
.pagination-electronic li.prev a:hover {
  background-color: #1D6FFA;
}

.top-header-electronic {
  padding: 43px 0 46px;
}

.top-header-electronic::before {
  transform       : translate(19px, -21px);
  background-color: rgba(29, 111, 250, 0.15);
  filter          : blur(67px);
  width           : 106px;
  height          : 106px;
  border-radius   : 50%;
}

.top-header-electronic-nav {
  margin-right : 33px;
  padding-right: 30px;
}

.top-header-electronic-nav::before {
  width           : 1px;
  height          : 45px;
  background-color: rgba(145, 145, 145, 0.11);
}

.top-header-electronic-nav ul li a::before {
  width           : 0;
  height          : 2px;
  border-radius   : 3px;
  background-color: #1d6ffa;
  transform       : translateY(4px);
}

.top-header-electronic-nav ul li a:hover {
  color: #121212;
}

.top-header-electronic-nav ul li a:hover::before {
  width: 23px;
}

.top-header-electronic .btn-suport {
  padding: 11px 20px;
}

.top-header-electronic .btn-suport::after {
  transform       : translate(-13px, -50%);
  width           : 1px;
  height          : 45px;
  background-color: rgba(145, 145, 145, 0.11);
}

.top-header-electronic .btn-auth {
  padding: 12px 27px;
}

@media only screen and (max-width: 1399px) {
  .top-header-electronic-nav {
    padding-right: 20px;
    margin-right : 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-electronic-logo>div {
    margin-right: 10px;
  }

  .top-header-electronic-nav {
    margin-right : 12px;
    padding-right: 12px;
  }

  .top-header-electronic-nav ul {
    gap: 12px !important;
  }

  .top-header-electronic-nav ul li a {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-electronic .btn-suport {
    padding    : 11px 16px;
    margin-left: 12px;
  }

  .top-header-electronic .btn-suport::after {
    transform: translate(-7px, -50%);
  }

  .top-header-electronic .btn-auth {
    padding: 12px 16px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-electronic {
    padding: 24px 0;
  }
}

.footer-electronic {
  background-color: #121212;
  padding         : 80px 0 70px;
}

.footer-electronic::before,
.footer-electronic::after {
  width           : 120px;
  height          : 120px;
  background-color: #1D6FFA;
  opacity         : 0.4;
  border-radius   : 50%;
  filter          : blur(87px);
}

.footer-electronic::before {
  transform: translate(24px, -7px);
}

.footer-electronic::after {
  opacity  : 0.7;
  transform: translate(-24px, 63px);
}

.footer-electronic-namads img {
  filter: grayscale(1);
}

.footer-electronic-namads img:hover {
  filter: grayscale(0);
}

.footer-electronic-nav {
  margin-top: 2px;
}

.footer-electronic-nav li:not(:last-child) {
  margin-bottom: 4px;
}

.footer-electronic-nav li a:hover {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .footer-electronic {
    padding: 48px 0;
  }
}

.landing-electronic::before {
  background-color: #fff;
  box-shadow      : 0px 65px 200px 0px rgba(71, 71, 71, 0.04);
  transform       : translateY(-138px);
  bottom          : -339px;
}

.landing-electronic-wrapper {
  background-image: linear-gradient(-276.46deg, #0b3e94 4.05%, #0e2b5b 32.23%, #121212 141.83%);
  padding         : 94px 88px 53px 116px;
}

.landing-electronic-wrapper::after {
  transform       : translate(22px, 5px);
  width           : 96px;
  height          : 76px;
  background-image: var(--wpr-bg-9a1c820d-31d2-4a11-847a-69a1e6ca4c50);
}

.landing-electronic-wrapper .sup-title>* {
  transform       : translateX(-100%);
  transition-delay: 0.3s;
}

.landing-electronic-wrapper .title>* {
  transform       : translateY(-100%);
  transition-delay: 0.6s;
}

.landing-electronic-wrapper .text>* {
  transform       : translateY(100%);
  transition-delay: 0.9s;
}

.landing-electronic-wrapper .btns,
.landing-electronic-wrapper .image>img {
  transform: scale(0);
}

.landing-electronic-wrapper .btns {
  transition-delay: 1.2s;
}

.landing-electronic-wrapper .btns .btn:first-child {
  padding: 15px 25px 16px;
}

.landing-electronic-wrapper .btns .btn:last-child {
  padding: 14px 28px 15px;
}

.landing-electronic-wrapper .image::before {
  width           : 108px;
  height          : 108px;
  background-color: #cde0ff;
  filter          : blur(82px);
  transform       : translate(-57px, -12px);
}

.landing-electronic-wrapper .image>img {
  transition-delay: 1.5s;
}

.landing-electronic-wrapper .swiper {
  padding-bottom: 29px;
}

.landing-electronic-wrapper .swiper-pagination-bullet {
  width           : 20px;
  height          : 5px;
  border-radius   : 0;
  background-color: rgba(205, 224, 255, 0.3);
  opacity         : 1;
}

.landing-electronic-wrapper .swiper-pagination-bullet-active {
  background-color: #5e99ff;
}

.landing-electronic-wrapper .swiper-slide-active .sup-title>* {
  transform: translateX(0);
}

.landing-electronic-wrapper .swiper-slide-active .title>*,
.landing-electronic-wrapper .swiper-slide-active .text>* {
  transform: translateY(0);
}

.landing-electronic-wrapper .swiper-slide-active .btns,
.landing-electronic-wrapper .swiper-slide-active .image>img {
  transform: scale(1);
}

@media only screen and (max-width: 1399px) {
  .landing-electronic-wrapper {
    padding: 80px 54px 40px;
  }

  .landing-electronic .title>* {
    font-size  : 32px;
    line-height: 54px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-electronic-wrapper {
    padding: 40px 24px;
  }

  .landing-electronic .sup-title>* {
    transition-delay: 0.6s;
  }

  .landing-electronic .title>* {
    transition-delay: 0.9s;
  }

  .landing-electronic .text>* {
    transition-delay: 1.2s;
  }

  .landing-electronic .btns {
    transition-delay: 1.5s;
  }

  .landing-electronic .image>img {
    transition-delay: 0.3s;
  }

  .landing-electronic .swiper {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-electronic-wrapper {
    border-radius: 0;
    margin       : 0 -12px;
    padding      : 32px 12px;
  }

  .landing-electronic .sup-title>* {
    font-size  : 16px;
    line-height: 32px;
  }

  .landing-electronic .title>* {
    font-size  : 24px;
    line-height: 45px;
  }

  .landing-electronic .text>* {
    font-size  : 12px;
    line-height: 28px;
  }
}

.brands-electronic {
  margin: 34px 0 206px;
}

.brands-electronic-wrapper {
  background     : #1d6ffa var(--wpr-bg-2fbcefec-24af-4425-ab09-3dd91f9cafb4) 0 0;
  background-size: cover;
  box-shadow     : 0px 44px 84px 0px rgba(29, 111, 250, 0.16);
  padding        : 24px 55px 26px 64px;
}

.brands-electronic .swiper {
  margin-left: 62px;
}

.brands-electronic .swiper a {
  background-color: rgba(255, 255, 255, 0.6);
  padding         : 23px 12px;
}

.brands-electronic .swiper a img {
  max-height: 31px;
}

.brands-electronic .swiper a:hover img {
  filter: invert(1);
}

.brands-electronic .swiper-pagination-bullet {
  display                                  : block;
  --swiper-pagination-bullet-horizontal-gap: 0;
  opacity                                  : 0.4;
  width                                    : 14px;
  height                                   : 4px;
  border-radius                            : 0;
  background-color                         : #fff;
}

.brands-electronic .swiper-pagination-bullet:not(:last-child) {
  margin-bottom: 6px;
}

.brands-electronic .swiper-pagination-bullet:nth-child(1) {
  width: 40px;
}

.brands-electronic .swiper-pagination-bullet:nth-child(2) {
  width: 29px;
}

.brands-electronic .swiper-pagination-bullet:nth-child(4) {
  width: 10px;
}

.brands-electronic .swiper-pagination-bullet:nth-child(5) {
  width: 4px;
}

.brands-electronic .swiper-pagination-bullet-active {
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .brands-electronic-wrapper {
    padding: 24px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .brands-electronic {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .brands-electronic-wrapper {
    padding: 24px 20px;
  }

  .brands-electronic .swiper {
    margin-left: 0;
  }

  .brands-electronic .swiper a {
    padding: 16px 12px;
  }

  .brands-electronic .swiper a img {
    height: 20px;
  }
}

.comments-electronic {
  margin-bottom: 297px;
}

.comments-electronic .sectiheadng-elecroic {
  margin-bottom: 67px;
}

.comments-electronic-wrapper {
  max-width     : 1051px;
  padding-bottom: 84px;
}

.comments-electronic-wrapper>div::before,
.comments-electronic-wrapper>div::after {
  width : 180px;
  height: 256px;
}

.comments-electronic-item {
  max-width: 545px;
}

.comments-electronic-item::after {
  width           : 75%;
  background-color: #fff;
  border-radius   : 14px;
  box-shadow      : 0px 94px 200px 0px rgba(0, 0, 0, 0.1);
  height          : 44px;
  transform       : translate(-50%, 23px);
}

.comments-electronic-item>img {
  width           : 85px;
  height          : 85px;
  padding         : 8px;
  background-color: rgba(234, 234, 234, 0.5);
  margin-bottom   : 37px;
}

.comments-electronic-item .content {
  padding   : 33px 41px 32px 37px;
  box-shadow: 0px 94px 200px 0px rgba(0, 0, 0, 0.1);
}

.comments-electronic-item .content p {
  padding-bottom: 13px;
  margin-bottom : 17px;
}

.comments-electronic-item .content p::after {
  background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.3) 50%, rgba(145, 145, 145, 0) 100%);
  height    : 1px;
}

.comments-electronic .active-slide {
  font-size              : 19px;
  line-height            : 39px;
  background-image       : linear-gradient(169.33deg, #000 -35.94%, rgba(0, 0, 0, 0) 92.07%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.comments-electronic .swiper {
  padding-bottom: 67px;
}

.comments-electronic .swiper-pagination-bullet {
  width           : 20px;
  height          : 5px;
  background-color: #cde0ff;
  opacity         : 1;
  border-radius   : 0;
}

.comments-electronic .swiper-pagination-bullet-active {
  background-color: #085ded;
}

@media only screen and (max-width: 767px) {
  .comments-electronic {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-electronic-item .content {
    padding: 24px;
  }
}

.articles-electronic {
  margin-bottom: 202px;
}

.articles-electronic-title {
  padding-top: 42px;
}

.articles-electronic-title::before {
  width           : 50px;
  height          : 5px;
  background-color: #085ded;
}

.articles-electronic .btn {
  padding: 16px 27px 17px;
}

.articles-electronic-item {
  padding-top: 142.464%;
}

.articles-electronic-item a::after {
  z-index: 5;
}

.articles-electronic-item::before {
  top             : -5px;
  right           : -5px;
  bottom          : -5px;
  left            : -5px;
  border-radius   : inherit;
  background-color: rgba(131, 131, 131, 0.25);
}

.articles-electronic-item::after {
  border-radius   : inherit;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.428185) 74.54%, #000 100%);
  z-index         : 3;
  box-shadow      : 0px 67px 90px 0px rgba(0, 0, 0, 0.3);
}

.articles-electronic-item .overlay {
  z-index: 4;
  padding: 0 28px 25px 13px;
}

.articles-electronic-item .overlay p {
  height: 44px;
}

.articles-electronic .swiper-slide>* {
  opacity   : 0;
  visibility: hidden;
  transform : scale(0.5);
}

.articles-electronic .swiper-slide-active>*,
.articles-electronic .swiper-slide-active~div>* {
  opacity   : 1;
  visibility: visible;
  transform : scale(1);
}

@media only screen and (max-width: 991px) {
  .articles-electronic-title::before {
    right    : auto;
    left     : 50%;
    transform: translateX(-50%);
  }

  .articles-electronic-item .overlay {
    padding: 0 12px 20px;
  }

  .articles-electronic .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

@media only screen and (max-width: 767px) {
  .articles-electronic {
    margin-bottom: 100px;
  }
}

.landing-services-electronic {
  margin: 67px 0 77px;
}

.landing-services-electronic::before {
  background-image: var(--wpr-bg-f149abdf-309f-4aa3-b3e7-1dea3bf655af);
  transform       : translateY(-205px);
  height          : 620px;
}

.landing-services-electronic .content {
  max-width: 1110px;
}

.landing-services-electronic .content .title::before,
.landing-services-electronic .content .title::after,
.landing-services-electronic .content .sub-title::before,
.landing-services-electronic .content .sub-title::after {
  width           : 13px;
  height          : 13px;
  border-radius   : 50%;
  background-color: #1d6ffa;
}

.landing-services-electronic .content .title::before {
  transform: translate(77px, 8px);
  animation: servicesElectronic1 infinite 4s alternate linear;
}

@keyframes servicesElectronic1 {
  0% {
    transform: translate(77px, 8px);
  }

  100% {
    transform: translate(50px, -8px);
  }
}

.landing-services-electronic .content .title::after {
  transform: translate(-235px, 8px);
  animation: servicesElectronic2 infinite 4s alternate linear;
}

@keyframes servicesElectronic2 {
  0% {
    transform: translate(-235px, 8px);
  }

  100% {
    transform: translate(-205px, 28px);
  }
}

.landing-services-electronic .content .sub-title::before {
  transform: translate(152px, 8px);
  animation: servicesElectronic3 infinite 4s alternate linear;
}

@keyframes servicesElectronic3 {
  0% {
    transform: translate(152px, 8px);
  }

  100% {
    transform: translate(162px, 16px);
  }
}

.landing-services-electronic .content .sub-title::after {
  transform: translateX(-77px);
  animation: servicesElectronic4 infinite 4s alternate linear;
}

@keyframes servicesElectronic4 {
  0% {
    transform: translateX(-77px);
  }

  100% {
    transform: translateX(-99px);
  }
}

.landing-services-electronic .content .btn:first-child {
  padding: 15px 25px 16px;
}

.landing-services-electronic .content .btn:last-child {
  padding: 14px 29px 15px;
}

@media only screen and (max-width: 575px) {
  .landing-services-electronic .title {
    font-size: 24px;
  }
}

.faqs-services-electronic-wrapper {
  max-width: 813px;
  border   : 1px solid #f4f4f4;
}

.faqs-services-electronic .heading {
  padding         : 18px 35px 19px;
  background-color: #121212;
}

.faqs-services-electronic .heading form {
  height          : 23px;
  padding         : 4px 8px;
  border          : 1px solid #49474b;
  background-color: #313035;
  border-radius   : 7px;
  max-width       : 538px;
}

.faqs-services-electronic .heading form>i {
  right: 8px;
}

.faqs-services-electronic .heading form input::-moz-placeholder {
  text-align: left;
  direction : ltr;
  color     : #cbcccd;
}

.faqs-services-electronic .heading form input::placeholder {
  text-align: left;
  direction : ltr;
  color     : #cbcccd;
}

.faqs-services-electronic .heading .dots {
  gap: 7px;
}

.faqs-services-electronic .heading .dots span {
  width           : 11px;
  height          : 11px;
  border-radius   : 50%;
  background-color: #00c439;
}

.faqs-services-electronic .heading .dots span:nth-child(2) {
  background-color: #ffb32c;
}

.faqs-services-electronic .heading .dots span:last-child {
  background-color: #ff4d4e;
}

.faqs-services-electronic .body {
  padding: 60px 70px 74px;
}

.faqs-services-electronic-two {
  margin-bottom: 187px;
}

.faqs-services-electronic-two::after {
  background-image: var(--wpr-bg-ca64ee42-a38b-47fd-a988-9ee2f51e8f42);
  width           : 518px;
  height          : 515px;
  transform       : translateY(15px);
}

@media only screen and (max-width: 991px) {
  .faqs-services-electronic .heading form {
    max-width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .faqs-services-electronic .body {
    padding: 32px;
  }

  .faqs-services-electronic-two {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .faqs-services-electronic .heading {
    padding: 18px 16px;
  }

  .faqs-services-electronic .heading form {
    max-width: 70%;
  }

  .faqs-services-electronic .body {
    padding: 32px 20px;
  }
}

.countries-services-electronic {
  margin: 181px 0 275px;
}

.countries-services-electronic::after {
  transform: translateY(57px);
}

.countries-services-electronic .heading {
  margin-bottom: 96px;
}

.countries-services-electronic .heading .title::before {
  width           : 90px;
  height          : 67px;
  background-image: var(--wpr-bg-4b629f43-3bd2-4e58-8659-436cb5c4d4a6);
  transform       : translate(51px, -4px);
}

@media only screen and (max-width: 767px) {
  .countries-services-electronic {
    margin: 80px 0 100px;
  }
}

@media only screen and (max-width: 575px) {
  .countries-services-electronic .heading .title {
    font-size  : 24px;
    line-height: 36px;
  }
}

.plans-services-electronic {
  margin-bottom: 209px;
}

.plans-services-electronic::before {
  background-color: #fbfbfc;
  top             : -73px;
  bottom          : -122px;
}

.plans-services-electronic .section-heading-electronic {
  margin-bottom: 75px;
}

@media only screen and (max-width: 767px) {
  .plans-services-electronic {
    margin-bottom: 100px;
  }
}

.consultants-electronic {
  background-image     : var(--wpr-bg-812a4746-7007-4229-8aa8-cd080a0558ef);
  background-attachment: fixed;
  padding              : 72px 0 71px;
  margin-bottom        : 174px;
}

.consultants-electronic::before {
  background: linear-gradient(265.01deg, rgba(0, 0, 0, 0.22) 6.28%, rgba(0, 0, 0, 0.0738931) 37.51%, rgba(0, 0, 0, 0) 110.24%), linear-gradient(0deg, rgba(0, 53, 143, 0.57), rgba(0, 53, 143, 0.57));
}

.consultants-electronic .title {
  line-height: 68px;
}

.consultants-electronic .sub-title {
  font-size  : 52px;
  line-height: 117px;
}

.consultants-electronic .btn {
  padding: 15px 27px 16px;
}

@media only screen and (max-width: 991px) {
  .consultants-electronic .title {
    font-size  : 24px;
    line-height: 40px;
  }

  .consultants-electronic .sub-title {
    font-size  : 38px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .consultants-electronic {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .consultants-electronic {
    padding: 48px 0;
  }

  .consultants-electronic .title {
    font-size  : 16px;
    line-height: 32px;
  }

  .consultants-electronic .sub-title {
    font-size  : 30px;
    line-height: 50px;
  }
}

.landing-about-us-electronic {
  margin: 76px 0 338px;
}

.landing-about-us-electronic::before {
  background-image: var(--wpr-bg-9e52ca13-c94b-4e6a-a9c8-149102ff4f05);
  width           : 626px;
  height          : 515px;
}

.landing-about-us-electronic::after {
  transform       : translateY(120px);
  width           : 42%;
  height          : 413px;
  background-color: #0140a9;
  border-radius   : 0 19px 19px 0;
}

.landing-about-us-electronic .title {
  max-width    : 962px;
  margin-bottom: 80px;
}

.landing-about-us-electronic .image::before {
  top             : -7px;
  right           : -7px;
  bottom          : -7px;
  left            : -7px;
  background-image: linear-gradient(79.89deg, #fff -1.55%, rgba(255, 255, 255, 0.329887) 32.36%, rgba(255, 255, 255, 0) 106.63%);
  border-radius   : 8px;
}

.landing-about-us-electronic .image::after {
  transform       : translate(-29px, 58px);
  background-color: #cde0ff;
  width           : 108px;
  height          : 108px;
  border-radius   : 50%;
  filter          : blur(82px);
}

@media only screen and (max-width: 991px) {
  .landing-about-us-electronic::after {
    height: 320px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-about-us-electronic {
    margin: 48px 0 170px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-about-us-electronic .sup-title {
    font-size  : 20px;
    line-height: 32px;
  }

  .landing-about-us-electronic .title {
    font-size  : 24px;
    line-height: 44px;
  }
}

.text-content-about-us-electronic .image::before {
  background-image: linear-gradient(79.89deg, #fff -1.55%, rgba(255, 255, 255, 0.329887) 32.36%, rgba(255, 255, 255, 0) 106.63%);
  top             : -7px;
  right           : -7px;
  bottom          : -7px;
  left            : -7px;
  border-radius   : 8px;
}

.text-content-about-us-electronic .image::after {
  width              : 95.554%;
  height             : 108.102%;
  opacity            : 0.2;
  background-color   : #1d6ffa;
  transform          : translate(20px, -57px);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDA4IiBoZWlnaHQ9IjM4NyIgdmlld0JveD0iMCAwIDQwOCAzODciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOTQuMTI0IDMwLjk0NkMzMjYuODA5IDUxLjYzMTMgMzQ3LjgyMSA4NC4yNTMxIDM2Ni41MTkgMTE4LjI0MUMzODYuNTUzIDE1NC42NTggNDE2Ljc5NSAxOTMuNDc4IDQwNS41NzYgMjMzLjU0QzM5NC40MDMgMjczLjQzNiAzNjAuOTE3IDMzNS4yNzkgMzI3IDM1OC44MTJDMjk4Ljk0NCAzNzguMjc5IDI1Ny4yODUgMzQ3Ljc0OCAyMjUuMDI2IDM1OC44MTJDMTg0LjMyOCAzNzIuNzcyIDE0Mi41MyAzOTYuMjM4IDEwMS41MzkgMzgzLjE3NUM1Ny44OTMxIDM2OS4yNjYgMjEuNTg1NyAzMzIuMTQzIDUuNzQ0MjIgMjg4LjkzMUMtOS41NjkzIDI0Ny4xNTggOS40NzM3MiAyMDIuNzM1IDE5LjQ5MzIgMTU5LjM2OEMyOS4wNTI5IDExNy45OTEgMzIuNTE0NCA3Mi42NjU2IDYyLjU5NzggNDIuODU0OUM5Mi45OTY0IDEyLjczMTkgMTM3LjQ1OCAyLjQzNjY2IDE4MC4wNzIgMC4yNDQ3MTNDMjIwLjM2MiAtMS44Mjc2NCAyNTkuOTc3IDkuMzM1NTYgMjk0LjEyNCAzMC45NDZaIiBmaWxsPSIjMUQ2RkZBIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDA4IiBoZWlnaHQ9IjM4NyIgdmlld0JveD0iMCAwIDQwOCAzODciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOTQuMTI0IDMwLjk0NkMzMjYuODA5IDUxLjYzMTMgMzQ3LjgyMSA4NC4yNTMxIDM2Ni41MTkgMTE4LjI0MUMzODYuNTUzIDE1NC42NTggNDE2Ljc5NSAxOTMuNDc4IDQwNS41NzYgMjMzLjU0QzM5NC40MDMgMjczLjQzNiAzNjAuOTE3IDMzNS4yNzkgMzI3IDM1OC44MTJDMjk4Ljk0NCAzNzguMjc5IDI1Ny4yODUgMzQ3Ljc0OCAyMjUuMDI2IDM1OC44MTJDMTg0LjMyOCAzNzIuNzcyIDE0Mi41MyAzOTYuMjM4IDEwMS41MzkgMzgzLjE3NUM1Ny44OTMxIDM2OS4yNjYgMjEuNTg1NyAzMzIuMTQzIDUuNzQ0MjIgMjg4LjkzMUMtOS41NjkzIDI0Ny4xNTggOS40NzM3MiAyMDIuNzM1IDE5LjQ5MzIgMTU5LjM2OEMyOS4wNTI5IDExNy45OTEgMzIuNTE0NCA3Mi42NjU2IDYyLjU5NzggNDIuODU0OUM5Mi45OTY0IDEyLjczMTkgMTM3LjQ1OCAyLjQzNjY2IDE4MC4wNzIgMC4yNDQ3MTNDMjIwLjM2MiAtMS44Mjc2NCAyNTkuOTc3IDkuMzM1NTYgMjk0LjEyNCAzMC45NDZaIiBmaWxsPSIjMUQ2RkZBIi8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.text-content-about-us-electronic-one {
  margin-bottom: 292px;
}

.text-content-about-us-electronic-one::before {
  top             : -388px;
  bottom          : -183px;
  background-color: #fbfbfc;
}

.text-content-about-us-electronic-two {
  margin-bottom: 356px;
}

.text-content-about-us-electronic-two p {
  max-width: 679px;
}

.text-content-about-us-electronic-two .image::after {
  transform: translate(-53px, -65px);
}

.text-content-about-us-electronic-two .image>div::before {
  background-image: var(--wpr-bg-6ab59b17-a1fd-45f8-a98f-c9f3b98f50cd);
  width           : 164px;
  height          : 123px;
  transform       : translate(41px, -39px);
}

@media only screen and (max-width: 991px) {
  .text-content-about-us-electronic-two p {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .text-content-about-us-electronic .sup-title {
    font-size  : 18px;
    line-height: 32px;
  }

  .text-content-about-us-electronic .title {
    font-size  : 24px;
    line-height: 45px;
  }

  .text-content-about-us-electronic-one,
  .text-content-about-us-electronic-two {
    margin-bottom: 170px;
  }
}

.ceo-speech-electronic {
  margin-bottom: 258px;
}

.ceo-speech-electronic::before {
  background-image: linear-gradient(110.77deg, rgba(244, 248, 255, 0.7) 6.77%, rgba(244, 248, 255, 0.0573658) 55.93%, rgba(244, 248, 255, 0) 99.41%);
  top             : -131px;
}

.ceo-speech-electronic::after {
  width           : 427px;
  height          : 413px;
  background-color: #0140a9;
  border-radius   : 19px 0 0 19px;
  transform       : translateY(-54px);
}

.ceo-speech-electronic .image::before {
  top          : -7px;
  right        : -7px;
  bottom       : -7px;
  left         : -7px;
  background   : linear-gradient(79.89deg, #fff -1.55%, rgba(255, 255, 255, 0.329887) 32.36%, rgba(255, 255, 255, 0) 106.63%);
  border-radius: 18px;
}

.ceo-speech-electronic .image::after {
  width           : 164px;
  height          : 123px;
  background-image: var(--wpr-bg-adee0e96-08b0-4c9e-897e-da74b674a44b);
  transform       : translate(58px, 44px);
}

.ceo-speech-electronic .content {
  max-height        : 388px;
  -webkit-mask-image: linear-gradient(to top, rgba(255, 255, 255, 0), #fff);
  mask-image        : linear-gradient(to top, rgba(255, 255, 255, 0), #fff);
}

.ceo-speech-electronic .content.opened {
  -webkit-mask-image: none;
  mask-image        : none;
}

.ceo-speech-electronic .btn {
  padding: 16px 27px 17px;
}

@media only screen and (max-width: 1199px) {
  .ceo-speech-electronic::after {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .ceo-speech-electronic {
    margin-bottom: 120px;
  }

  .ceo-speech-electronic .content {
    max-height: 300px;
  }
}

.contact-us-electronic {
  margin: 124px 0 134px;
}

.contact-us-electronic::after {
  background-image: var(--wpr-bg-63b93c37-f5f7-4080-a801-026d1a63484a);
  width           : 626px;
  height          : 515px;
  transform       : translateY(-76px);
}

.contact-us-electronic .sup-title {
  line-height: 53px;
}

.contact-us-electronic .sup-title::before {
  background-image: var(--wpr-bg-2638ce2c-5295-4a65-bedc-6522d2ecba22);
  width           : 121px;
  height          : 90px;
  top             : 4px;
  transform       : translateX(45px);
}

.contact-us-electronic .title {
  line-height  : 76px;
  margin-bottom: 74px;
}

.contact-us-electronic ul {
  padding: 63px 0 67px;
}

.contact-us-electronic ul::before {
  background-color: #0140a9;
  border-radius   : 19px;
  right           : -50vw;
  left            : -305px;
}

.contact-us-electronic ul li i {
  font-size  : 30px;
  line-height: 30px;
}

.contact-us-electronic .box {
  max-width : 468px;
  box-shadow: 0px 84px 124px 0px rgba(0, 0, 0, 0.05);
  padding   : 21px 46px 26px;
}

.contact-us-electronic .box::before {
  width           : 120px;
  height          : 120px;
  background-color: rgba(29, 111, 250, 0.2);
  border-radius   : 50%;
  transform       : translate(60px, -26px);
  filter          : blur(87px);
}

.contact-us-electronic .box .form-control {
  height          : 76px;
  border          : 1px solid #fbfbfc;
  background-color: #fbfbfc;
  padding         : 0 33px;
}

.contact-us-electronic .box .form-control:focus {
  border-color    : #0140a9;
  background-color: #fff;
}

.contact-us-electronic .box textarea.form-control {
  height     : 143px;
  padding-top: 28px;
}

@media only screen and (max-width: 767px) {
  .contact-us-electronic {
    margin: 60px 0 100px;
  }

  .contact-us-electronic .sup-title {
    line-height: 40px;
  }

  .contact-us-electronic .title {
    line-height  : 50px;
    margin-bottom: 48px;
  }

  .contact-us-electronic ul {
    padding: 32px 0;
  }

  .contact-us-electronic .box .form-control {
    padding      : 0 16px;
    border-radius: 8px;
  }

  .contact-us-electronic .box input.form-control {
    height: 54px;
  }

  .contact-us-electronic .box .btn {
    border-radius: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-electronic .sup-title {
    font-size  : 20px;
    line-height: 34px;
  }

  .contact-us-electronic .title {
    font-size  : 24px;
    line-height: 40px;
  }

  .contact-us-electronic .box {
    padding: 21px 24px 26px;
  }
}

.info-contact-us-electronic {
  margin-bottom: 256px;
}

.info-contact-us-electronic-box {
  border    : 1px solid #f4f4f4;
  box-shadow: 0px 54px 100px 0px rgba(0, 0, 0, 0.05);
  padding   : 31px 33px 27px 12px;
}

.info-contact-us-electronic-box-start-call {
  border-color: #919191;
  padding     : 26px 36px 25px 12px;
}

.info-contact-us-electronic-box-start-call .sub-title {
  margin-top  : 5px;
  padding-left: 71px;
}

.info-contact-us-electronic-box-start-call .sub-title::after {
  width           : 53px;
  height          : 1px;
  background-color: #494949;
}

.info-contact-us-electronic-box:hover {
  border-color: #919191;
}

@media only screen and (max-width: 1399px) {
  .info-contact-us-electronic-box-start-call {
    padding-right: 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .info-contact-us-electronic .row {
    margin: 0 -6px;
  }

  .info-contact-us-electronic .row>* {
    padding: 0 6px;
  }

  .info-contact-us-electronic-box {
    padding-right: 20px;
  }

  .info-contact-us-electronic-box-start-call .sub-title {
    padding-left: 48px;
  }

  .info-contact-us-electronic-box-start-call .sub-title::after {
    width: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .info-contact-us-electronic {
    margin-bottom: 100px;
  }
}

.ways-communication-electronic {
  margin-bottom: 285px;
}

.ways-communication-electronic .map::before {
  top             : -7px;
  right           : -7px;
  bottom          : -7px;
  left            : -7px;
  background-color: rgba(218, 218, 218, 0.47);
  border-radius   : 14px;
}

.ways-communication-electronic .map::after {
  width          : 100vw;
  height         : 221px;
  right          : 149px;
  background     : #124192 var(--wpr-bg-26e1dab7-76b1-420d-bda6-f78dbb3b290b) center center;
  background-size: cover;
  border-radius  : 15px;
  transform      : translateY(65px);
}

.ways-communication-electronic .map>div::after {
  width           : 120px;
  height          : 120px;
  border-radius   : 50%;
  background-color: rgba(117, 166, 249, 0.9);
  bottom          : 43px;
  transform       : translateX(-88px);
  filter          : blur(62px);
}

.ways-communication-electronic .map,
.ways-communication-electronic .map iframe {
  max-width: 525px;
}

@media only screen and (max-width: 767px) {
  .ways-communication-electronic {
    margin-bottom: 180px;
  }

  .ways-communication-electronic .map iframe {
    height: 320px;
  }
}

.companies-contact-us-electronic {
  margin-bottom: 301px;
}

@media only screen and (max-width: 767px) {
  .companies-contact-us-electronic {
    margin-bottom: 120px;
  }
}

.landing-blog-electronic {
  margin: 90px 0 115px;
}

.landing-blog-electronic::before {
  background-color: #fff;
  top             : -241px;
  bottom          : -117px;
}

.landing-blog-electronic::after {
  background-image: var(--wpr-bg-1d2dca8a-4170-4f54-ab86-7141ca14c75a);
  width           : 121px;
  height          : 181px;
}

.landing-blog-electronic .container::before {
  transform       : translate(-50%, 138px);
  background-image: var(--wpr-bg-eb00e6d0-a14c-4589-ae32-e665097bce3b);
  width           : 403px;
  height          : 181px;
}

.landing-blog-electronic .btn {
  padding: 21px 15px 22px;
}

.landing-blog-electronic .swiper {
  border    : 7px solid rgba(218, 218, 218, 0.47);
  box-shadow: 0px 34px 250px 0px rgba(0, 0, 0, 0.08);
}

.landing-blog-electronic .swiper::before {
  right           : 47px;
  transform       : translateY(66px);
  width           : 100vw;
  height          : 221px;
  background-color: #124192;
  border-radius   : 15px;
}

.landing-blog-electronic .swiper::after {
  bottom   : 43px;
  transform: translateX(-88px);
}

.landing-blog-electronic .swiper::after,
.landing-blog-electronic .swiper-wrapper::before {
  width           : 120px;
  height          : 120px;
  background-color: rgba(117, 166, 249, 0.9);
  border-radius   : 50%;
  filter          : blur(62px);
}

.landing-blog-electronic .swiper-wrapper::before {
  right    : 87px;
  transform: translateY(17px);
}

.landing-blog-electronic .swiper-pagination {
  top   : 25px;
  right : 52px;
  bottom: auto;
  left  : auto;
}

.landing-blog-electronic .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 5px;
  width                                    : 48px;
  height                                   : 3px;
  opacity                                  : 0.3;
  background-color                         : #fff;
  border-radius                            : 0;
}

.landing-blog-electronic .swiper-pagination-bullet-active {
  opacity: 1;
}

.landing-blog-electronic .swiper-counter {
  top             : 21px;
  left            : 52px;
  background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

@media only screen and (max-width: 575px) {
  .landing-blog-electronic .sup-title {
    font-size  : 18px;
    line-height: 34px;
  }

  .landing-blog-electronic .title {
    font-size: 24px;
  }

  .landing-blog-electronic .swiper::before {
    transform: translateY(48px);
    height   : 180px;
  }

  .landing-blog-electronic .swiper-pagination {
    top  : 16px;
    right: 16px;
  }

  .landing-blog-electronic .swiper-pagination-bullet {
    width: 20px;
  }

  .landing-blog-electronic .swiper-counter {
    top : 12px;
    left: 16px;
  }
}

.articles-blog-electronic {
  padding-top  : 78px;
  margin-bottom: 117px;
}

.articles-blog-electronic::before {
  background-image: var(--wpr-bg-dea4e7cf-0f75-4fb8-8f7d-43d078f69543);
  height          : 1374px;
}

.articles-blog-electronic::after,
.articles-blog-electronic .container::before {
  width : 71px;
  height: 181px;
  top   : 25%;
}

.articles-blog-electronic::after {
  background-image: var(--wpr-bg-69ea8b9a-89d5-4a89-a162-417786350cef);
}

.articles-blog-electronic .container::before {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-electronic-07.png);
}

.articles-blog-electronic .section-heading-electronic {
  margin-bottom: 58px;
}

.articles-blog-electronic .row {
  gap: 115px 0;
}

@media only screen and (max-width: 767px) {
  .articles-blog-electronic .row {
    gap: 32px 0;
  }
}

.pagination-novin li:not(.prev, .next) a {
  background-color: #F6F6F6;
}

.pagination-novin li:not(.prev, .next) a.active,
.pagination-novin li:not(.prev, .next) a:hover {
  background-color: #6D4983;
  box-shadow      : 0px 13px 20px rgba(182, 157, 116, 0.25);
  color           : #fff;
}

.pagination-novin li.next a,
.pagination-novin li.prev a {
  border-color: #6D4983;
}

.pagination-novin li.next a::before,
.pagination-novin li.prev a::before {
  background-color: #6D4983;
}

.pagination-novin li.next a:hover,
.pagination-novin li.prev a:hover {
  background-color: #6D4983;
}

.top-header-novin {
  padding-top: 53px;
}

.top-header-novin::before {
  width           : 315px;
  height          : 212px;
  background-color: rgba(109, 73, 131, 0.07);
  transform       : translate(129px, -25px);
  border-radius   : 315px;
  filter          : blur(50px);
}

.top-header-novin-nav {
  margin-right: 97px;
}

.top-header-novin-nav ul {
  gap: 48px;
}

.top-header-novin-nav ul li a::before {
  width           : 23px;
  height          : 8px;
  border-radius   : 3px;
  opacity         : 0.6;
  background-image: linear-gradient(267.9deg, #6d4983 -62.36%, rgba(109, 73, 131, 0) 139.07%);
  transform       : translate(37px, -50%);
  opacity         : 0;
  visibility      : hidden;
  pointer-events  : none;
}

.top-header-novin-nav ul li a.active {
  font-weight: 900;
}

.top-header-novin-nav ul li a.active::before {
  opacity   : 1;
  visibility: visible;
}

.top-header-novin-nav ul li a.active,
.top-header-novin-nav ul li a:hover {
  color: #a84c68;
}

.top-header-novin .btn-app {
  padding: 15px 35px;
}

.top-header-novin .btn-auth {
  padding: 14px 23px 14px 24px;
}

.top-header-novin .btn-auth::before {
  width           : 0.5px;
  height          : 32px;
  background-color: #d6d6d6;
  transform       : translate(13px, -50%);
}

@media only screen and (max-width: 1399px) {
  .top-header-novin-nav {
    margin-right: 48px;
  }

  .top-header-novin-nav ul {
    gap: 40px;
  }

  .top-header-novin-nav ul li a::before {
    width    : 18px;
    transform: translate(24px, -50%);
  }

  .top-header-novin .btn-app {
    padding: 15px 20px;
  }

  .top-header-novin .btn-auth {
    padding: 14px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-novin-nav {
    margin-right: 32px;
  }

  .top-header-novin-nav ul {
    gap: 32px;
  }

  .top-header-novin-nav ul li a {
    font-size: 12px;
  }

  .top-header-novin-nav ul li a::before {
    width    : 14px;
    transform: translate(20px, -50%);
  }

  .top-header-novin .btn-app {
    padding: 15px 12px;
  }

  .top-header-novin .btn-auth {
    padding: 14px 12px;
  }

  .top-header-novin .btn-auth::before {
    transform: translate(9px, -50%);
  }
}

@media only screen and (max-width: 991px) {
  .top-header-novin {
    padding-top: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-novin .btn-auth {
    width  : 48px;
    height : 48px;
    padding: 0;
  }

  .top-header-novin .btn-auth i {
    margin-left: 0;
  }

  .top-header-novin .btn-auth::before {
    content: none;
  }
}

.footer-novin-contact {
  padding         : 41px 0;
  background-color: rgba(255, 245, 246, 0.7);
  box-shadow      : 0px 68px 250px rgba(0, 0, 0, 0.02);
  margin-bottom   : 49px;
}

.footer-novin-contact .info i {
  font-size  : 61px;
  line-height: 61px;
  color      : #6D4983;
}

.footer-novin-contact .btn {
  padding: 19px 25px 20px 26px;
}

.footer-novin-namads img {
  filter: grayscale(1);
}

.footer-novin-namads img:hover {
  filter: grayscale(0);
}

.footer-novin-info-contact i {
  width      : 62px;
  height     : 62px;
  box-shadow : -17px 7px 19px 0px rgba(0, 0, 0, 0.06);
  font-size  : 31px;
  line-height: 31px;
}

.footer-novin-info-contact span {
  word-break: break-word;
}

.landing-novin {
  margin: 60px 0 110px;
}

.landing-novin::before,
.landing-novin::after,
.landing-novin .image::before {
  width        : 118px;
  height       : 118px;
  border-radius: 50%;
  box-shadow   : -30px 24px 64px 0px rgba(255, 255, 255, 0.25) inset;
  filter       : drop-shadow(-8px 28px 114px rgba(0, 0, 0, 0.25)) blur(4px);
}

.landing-novin::before {
  background-color: #6d4983;
  bottom          : 13%;
  transform       : translateX(65px);
}

.landing-novin::after {
  top             : 13%;
  background-color: #d04f56;
  transform       : translateX(-95px);
}

.landing-novin .container::after {
  background-color: #fff;
  top             : -161px;
  bottom          : -110px;
}

.landing-novin .sup-title::before {
  background-image: var(--wpr-bg-a1b4234a-4e30-4e13-ba19-07f4b0a4f877);
  top             : 13px;
  transform       : translateX(47px);
  width           : 114px;
  height          : 91px;
}

.landing-novin ul {
  padding         : 15px 26px 11px 27px;
  background-color: rgba(208, 79, 86, 0.06);
  gap             : 52px;
  margin-bottom   : 49px;
}

.landing-novin .btns .btn {
  padding: 15px 24px 15px 25px;
}

.landing-novin .image::before {
  background-color: #a84c68;
  transform       : translate(45px, 50%);
}

.landing-novin .image img {
  filter: drop-shadow(-60px 100px 94px rgba(54, 33, 67, 0.25));
}

.landing-novin .scroll-down {
  width    : 55px;
  height   : 88px;
  border   : 0.5px solid #919191;
  bottom   : 15%;
  transform: translateX(65%);
}

.landing-novin .scroll-down span {
  transform: rotate(-90deg);
}

@media only screen and (max-width: 1199px) {
  .landing-novin .scroll-down {
    transform: translateX(25%);
    bottom   : 10%;
  }
}

@media only screen and (max-width: 991px) {
  .landing-novin {
    padding-bottom: 120px;
  }

  .landing-novin .scroll-down {
    bottom   : 0;
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .landing-novin {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-novin ul {
    max-width: 100%;
    gap      : 24px;
  }

  .landing-novin .link {
    margin-right: 0;
  }
}

.brands-novin {
  padding         : 103px 0;
  background-color: #fffcfc;
  box-shadow      : 0px 68px 250px 0px rgba(0, 0, 0, 0.02);
}

.brands-novin-wrapper {
  max-width: 1044px;
}

.brands-novin-wrapper .swiper-slide a {
  padding: 0 12px;
}

.brands-novin-wrapper .swiper-slide a img {
  max-height: 26px;
}

@media only screen and (max-width: 767px) {
  .brands-novin {
    padding: 48px 0;
  }
}

.introduction-novin {
  margin: 36px 0 186px;
}

.introduction-novin::before {
  background-image: var(--wpr-bg-a41d9752-9d78-455f-b6df-1e6fb9469433);
  transform       : translateY(-36px);
  height          : 657px;
  background-color: #fff;
}

.introduction-novin .sup-title::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-4dce6ee0-98f4-4ea6-a77b-d3ada531b7d7);
  top             : 12px;
  transform       : translateX(46px);
}

.introduction-novin p {
  margin-bottom: 68px;
}

.introduction-novin p .btn {
  padding: 15px 24px 15px 25px;
}

@media only screen and (max-width: 767px) {
  .introduction-novin {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .introduction-novin p {
    margin-bottom: 32px;
  }

  .introduction-novin .link {
    margin: 24px 0 0;
  }
}

.works-novin::before {
  background-image: var(--wpr-bg-1f04b5cf-a9d0-4df4-bbef-b8bea3e6f707);
  height          : 606px;
}

.works-novin-wrapper {
  padding: 46px 0 77px;
}

.works-novin-wrapper::before,
.works-novin-wrapper::after {
  right        : -70px;
  left         : -85px;
  border-radius: 27px;
}

.works-novin-wrapper::before {
  background-image: linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 0.01%, #b6b6b6 100%);
  padding         : 0 2px 2px;
}

.works-novin-wrapper::after {
  background-color: #fff;
}

.works-novin .swiper::before {
  background-image: var(--wpr-bg-2dc766c1-567c-4614-bb5a-acf94bc1c0ae);
  width           : 114px;
  height          : 91px;
  transform       : translateX(24px);
}

.works-novin .swiper a img {
  box-shadow: -75px 0px 124px 0px rgba(54, 33, 67, 0.2);
}

.works-novin .social {
  padding   : 10px 32px 11px 33px;
  background: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, rgba(168, 76, 104, 0) 0%, rgba(166, 76, 105, 0.00410526) 38%, rgba(109, 73, 131, 0.1) 100%);
}

.works-novin .social .btn {
  padding: 15px 23px;
}

@media only screen and (max-width: 991px) {
  .works-novin-wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .works-novin-heading .title {
    margin-left: 0;
  }

  .works-novin .social .text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .works-novin-heading .btn {
    margin-left: 0;
  }

  .works-novin .social {
    padding: 10px 16px 11px;
  }
}

.customer-satisfaction-novin .swiper-button-next,
.customer-satisfaction-novin .swiper-button-prev,
.customer-satisfaction-videos-novin .swiper-button-next,
.customer-satisfaction-videos-novin .swiper-button-prev {
  width : 32px;
  height: 32px;
}

.customer-satisfaction-novin .swiper-button-next::after,
.customer-satisfaction-novin .swiper-button-prev::after,
.customer-satisfaction-videos-novin .swiper-button-next::after,
.customer-satisfaction-videos-novin .swiper-button-prev::after {
  content    : "\e977";
  font-family: "icomoon";
  font-size  : 32px;
  line-height: 32px;
  color      : #8b8b8b;
}

.customer-satisfaction-novin .swiper-button-next:hover::after,
.customer-satisfaction-novin .swiper-button-prev:hover::after,
.customer-satisfaction-videos-novin .swiper-button-next:hover::after,
.customer-satisfaction-videos-novin .swiper-button-prev:hover::after {
  color: #a84c68;
}

.customer-satisfaction-novin .swiper-button-prev::after,
.customer-satisfaction-videos-novin .swiper-button-prev::after {
  content: "\e981";
}

.customer-satisfaction-novin .swiper-counter,
.customer-satisfaction-videos-novin .swiper-counter {
  background-image: linear-gradient(147.45deg, #494949 -22.59%, rgba(73, 73, 73, 0) 80.52%);
}

.customer-satisfaction-novin .content p::before,
.customer-satisfaction-videos-novin .content p::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-c909dc5b-ab6b-40f1-90b8-ee06c25c9b65);
  transform       : translate(45px, -50%);
}

.customer-satisfaction-novin .content .btn,
.customer-satisfaction-videos-novin .content .btn {
  padding: 15px 24px 15px 25px;
}

.customer-satisfaction-novin {
  margin-top: 114px;
}

.customer-satisfaction-novin .content {
  padding-left: 70px;
}

.customer-satisfaction-novin-item {
  box-shadow: 0px 94px 200px rgba(0, 0, 0, 0.1);
  padding   : 29px 41px 44px 37px;
}

.customer-satisfaction-novin-item .rate {
  background   : radial-gradient(139.86% 1241.32% at -18.88% -11.46%, #a84c68 0%, #6d4983 100%);
  border-radius: 4px;
  width        : 70px;
  height       : 24px;
}

.customer-satisfaction-novin .carousel::before,
.customer-satisfaction-novin .carousel::after {
  width           : 103px;
  height          : 103px;
  border-radius   : 50%;
  background-color: #d04f56;
  box-shadow      : inset -30px 24px 64px 0px rgba(255, 255, 255, 0.25);
  filter          : drop-shadow(-8px 28px 114px rgba(0, 0, 0, 0.25)) blur(4px);
}

.customer-satisfaction-novin .carousel::before {
  bottom   : 63px;
  transform: translateX(25px);
}

.customer-satisfaction-novin .carousel::after {
  background-color: #6d4983;
  transform       : translate(-33px, -20px);
}

.customer-satisfaction-novin .swiper {
  padding-bottom: 74px;
}

.customer-satisfaction-novin .swiper::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-a224b578-509b-4764-a269-d20b8a86c0e6);
  transform       : translate(-37px, -25px);
}

@media only screen and (max-width: 991px) {
  .customer-satisfaction-novin .content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .customer-satisfaction-novin {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .customer-satisfaction-novin .content .btn {
    margin-left: 0;
  }

  .customer-satisfaction-novin-item {
    padding: 32px 16px;
  }
}

.customer-satisfaction-videos-novin {
  margin-top: 264px;
}

.customer-satisfaction-videos-novin .carousel::before,
.customer-satisfaction-videos-novin .carousel::after {
  width           : 118px;
  height          : 118px;
  border-radius   : 50%;
  background-color: #d04f56;
  box-shadow      : -30px 24px 64px 0px rgba(255, 255, 255, 0.25) inset;
  filter          : drop-shadow(-8px 28px 114px rgba(0, 0, 0, 0.25)) blur(4px);
}

.customer-satisfaction-videos-novin .carousel::before {
  transform: translate(31px, 0);
}

.customer-satisfaction-videos-novin .carousel::after {
  top             : 36px;
  transform       : translateX(-29px);
  background-color: #6d4983;
}

.customer-satisfaction-videos-novin .swiper {
  padding-top: 54px;
}

.customer-satisfaction-videos-novin-item .video {
  border: 7px solid rgba(218, 218, 218, 0.47);
}

.customer-satisfaction-videos-novin-item .video-js {
  background-color: transparent;
}

.customer-satisfaction-videos-novin-item .video-js video,
.customer-satisfaction-videos-novin-item .video-js .vjs-poster {
  border-radius: 15px;
}

.customer-satisfaction-videos-novin-item .video-js video {
  position: relative;
}

.customer-satisfaction-videos-novin-item .video-js .vjs-poster {
  background-size: cover;
}

.customer-satisfaction-videos-novin-item .creator {
  margin    : -50px auto 0;
  max-width : 80%;
  padding   : 24px 32px 22px 30px;
  box-shadow: -61px -24px 104px 0px rgba(0, 0, 0, 0.25);
}

.customer-satisfaction-videos-novin-item .creator::before {
  background-color       : rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
}

.customer-satisfaction-videos-novin-item .creator .info {
  max-width: calc(100% - 78px);
}

.customer-satisfaction-videos-novin-item .creator .info img {
  width : 52px;
  height: 52px;
  border: 2px solid #fff;
}

.customer-satisfaction-videos-novin-item .creator .info>div {
  max-width: calc(100% - 73px);
}

.customer-satisfaction-videos-novin-item .creator .rate {
  width           : 70px;
  height          : 24px;
  background-image: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, #a84c68 0%, #6d4983 100%);
  border-radius   : 4px;
}

.customer-satisfaction-videos-novin .content {
  padding-right: 121px;
}

@media only screen and (max-width: 1199px) {
  .customer-satisfaction-videos-novin .content {
    padding-right: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .customer-satisfaction-videos-novin .content {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .customer-satisfaction-videos-novin {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .customer-satisfaction-videos-novin-item .creator {
    padding  : 12px;
    max-width: 92%;
    margin   : -32px auto 0;
  }

  .customer-satisfaction-videos-novin-item .creator .info img {
    width : 40px;
    height: 40px;
  }

  .customer-satisfaction-videos-novin-item .creator .info>div {
    margin-right: 12px;
    max-width   : calc(100% - 52px);
  }
}

.articles-novin {
  margin: 271px 0 209px;
}

.articles-novin .sup-title::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-639fc952-b9d2-4386-a499-67f57a76a106);
  top             : 29px;
  transform       : translateX(27px);
}

.articles-novin form {
  border       : 1px solid #EBEBEB;
  padding      : 14px 15px;
  margin-bottom: 52px;
}

.articles-novin form input {
  height: 46px;
}

.articles-novin form .btn {
  width  : 132px;
  padding: 14px 12px;
}

.articles-novin .btns .btn {
  padding: 19px 35px 20px;
}

.articles-novin-item {
  padding-top: 170%;
}

.articles-novin-item a::after {
  z-index: 7;
}

.articles-novin-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.428185) 74.54%, #000 100%);
  z-index         : 1;
  border-radius   : inherit;
}

.articles-novin-item::after {
  top             : -5px;
  right           : -5px;
  bottom          : -5px;
  left            : -5px;
  background-color: rgba(131, 131, 131, 0.25);
  border-radius   : inherit;
}

.articles-novin-item .overlay {
  padding: 0 28px 25px 13px;
}

.articles-novin-item .overlay .sub-title {
  height: 44px;
}

.articles-novin .swiper::before {
  width           : 100vw;
  height          : 189px;
  background-image: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, #A84C68 0%, #6D4983 100%);
  border-radius   : 11px;
  right           : 67px;
  transform       : translateY(61px);
}

.articles-novin .swiper-slide>* {
  opacity   : 0;
  visibility: hidden;
  transform : scale(0.5);
}

.articles-novin .swiper-slide-active>*,
.articles-novin .swiper-slide-active~div>* {
  opacity   : 1;
  visibility: visible;
  transform : scale(1);
}

@media only screen and (max-width: 1199px) {
  .articles-novin form .btn {
    width: 100px;
  }

  .articles-novin .btns .btn {
    padding: 19px 25px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .articles-novin .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

@media only screen and (max-width: 767px) {
  .articles-novin {
    margin: 100px 0;
  }
}

@media only screen and (max-width: 575px) {
  .articles-novin .btns .btn {
    margin-left: 0;
  }

  .articles-novin .swiper::before {
    right: 32px;
  }
}

.about-us-novin {
  margin: 81px 0 145px;
}

.about-us-novin::before {
  height          : 738px;
  background-image: var(--wpr-bg-3eace9e6-dbda-4dd1-ac68-1c3a4333ccf7);
  background-color: #fff;
  transform       : translateY(-184px);
}

.about-us-novin-wrapper {
  max-width: 940px;
}

.about-us-novin-wrapper::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-56cfc61e-2f7c-4bd6-8632-967ca3f396aa);
  transform       : translate(54px, -29px);
}

.about-us-novin-wrapper img {
  box-shadow: -76px 72px 100px 0px rgba(122, 122, 122, 0.25);
}

.about-us-novin .swiper-bottom {
  bottom : 12px;
  padding: 0 70px;
}

.about-us-novin .swiper-pagination-bullet {
  width           : 60px;
  height          : 5px;
  background-color: #fff;
  opacity         : 0.1;
  border-radius   : 10px;
}

.about-us-novin .swiper-pagination-bullet-active {
  opacity: 1;
}

.about-us-novin .swiper-counter {
  background-image: linear-gradient(147.45deg, #fff -22.59%, rgba(255, 255, 255, 0) 80.52%);
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .about-us-novin .works-novin-heading .title {
    font-size  : 32px;
    margin-left: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-novin .swiper-bottom {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-novin {
    margin: 49px 0 80px;
  }

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

  .about-us-novin .swiper-pagination-bullet {
    width : 32px;
    height: 4px;
  }

  .about-us-novin .swiper-counter {
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-novin .swiper-bottom {
    padding: 0 12px;
  }
}

.story-novin-heading {
  margin-bottom: 67px;
}

.story-novin-heading .title::before {
  width           : 114px;
  height          : 91px;
  background-image: var(--wpr-bg-615d29f2-bf62-44d4-b0c0-21c6d6922ca3);
  transform       : translate(38px, -3px);
}

.story-novin .image {
  padding-right: 47px;
}

.story-novin .image::before {
  border   : 2px solid #dd5b83;
  width    : 78.71%;
  height   : 99.41%;
  transform: translateY(40px);
}

.story-novin .image::after {
  width           : 124px;
  height          : 98px;
  background-image: var(--wpr-bg-2272ac88-87b6-4d68-a0fe-f46d9c73a371);
  transform       : translate(-41px, 31px);
}

.story-novin .image img {
  border-radius: 30px 30px 30px 0;
}

.story-novin .items {
  margin-right: 40px;
}

.story-novin .items li {
  padding: 21px 40px 21px;
}

.story-novin .items li:not(:last-child) {
  margin-bottom: 20px;
}

.story-novin .items li:hover {
  background-color: #fff;
  box-shadow      : -33px 31px 100px rgba(133, 133, 133, 0.1);
}

.story-novin .items li:hover span {
  color: #414141;
}

@media only screen and (max-width: 1199px) {
  .story-novin .items {
    margin-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .story-novin .items {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .story-novin .items li {
    padding: 21px 12px 21px;
  }

  .story-novin .items li img {
    width      : 32px;
    height     : 32px;
    margin-left: 12px;
  }

  .story-novin .items li span {
    font-size  : 13px;
    line-height: 28px;
  }
}

.customer-satisfaction-about-us-novin {
  margin: 164px 0 178px;
}

@media only screen and (max-width: 767px) {
  .customer-satisfaction-about-us-novin {
    margin: 80px 0;
  }
}

.brands-about-us-novin {
  background-color: #FFF9F9;
  padding         : 64px 0 80px;
}

.brands-about-us-novin .brands-novin-wrapper {
  max-width: 100%;
}

.brands-about-us-novin-heading {
  margin-bottom: 64px;
}

@media only screen and (max-width: 767px) {
  .brands-about-us-novin {
    padding: 48px 0;
  }
}

.customer-satisfaction-videos-about-us-novin {
  margin: 143px 0 169px;
}

@media only screen and (max-width: 767px) {
  .customer-satisfaction-videos-about-us-novin {
    margin: 80px 0;
  }
}

.info-contact-novin {
  margin: 95px 0 264px;
}

.info-contact-novin::before {
  background-image: var(--wpr-bg-6d0dd0fd-1f5c-4fa3-9327-787cb98eac78);
  background-color: #fff;
  height          : 759px;
  transform       : translateY(-200px);
  box-shadow      : 0px 68px 250px rgba(0, 0, 0, 0.04);
}

.info-contact-novin .map {
  margin-left: 46px;
}

.info-contact-novin .map::before {
  background-color: rgba(218, 218, 218, 0.47);
  top             : -7px;
  right           : -7px;
  bottom          : 0;
  left            : -7px;
  border-radius   : inherit;
}

.info-contact-novin ul li {
  padding   : 29px 32px 30px;
  box-shadow: 0px 54px 100px rgba(0, 0, 0, 0.05);
  border    : 1px solid #f4f4f4;
}

.info-contact-novin ul li:not(:last-child) {
  margin-bottom: 37px;
}

.info-contact-novin ul li i {
  font-size  : 36px;
  line-height: 36px;
}

@media only screen and (max-width: 991px) {
  .info-contact-novin .map {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .info-contact-novin {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .info-contact-novin ul li {
    padding: 20px 16px;
  }

  .info-contact-novin ul li:not(:last-child) {
    margin-bottom: 20px;
  }

  .info-contact-novin ul li img {
    width      : 36px;
    height     : 36px;
    margin-left: 12px !important;
  }

  .info-contact-novin ul li .info-title {
    font-size  : 16px;
    line-height: 28px;
  }

  .info-contact-novin ul li .info-value {
    font-size  : 14px;
    line-height: 24px;
  }

  .info-contact-novin ul li i {
    font-size  : 24px;
    line-height: 24px;
  }
}

.form-contact-novin-wrapper {
  max-width       : 1009px;
  padding         : 8px;
  background-image: linear-gradient(180.08deg, #e3e3e3 -3.95%, rgba(227, 227, 227, 0.459082) 27.31%, rgba(227, 227, 227, 0) 99.93%);
}

.form-contact-novin-wrapper .box {
  padding: 34px 105px 35px;
}

.form-contact-novin-wrapper .box .form-control {
  height          : 76px;
  padding         : 0 24px;
  background-color: #F8F8FB;
  border          : 1px solid #F8F8FB;
}

.form-contact-novin-wrapper .box .form-control:focus {
  border-color: #6D4983;
  box-shadow  : 0 0 0 4px rgba(109, 73, 131, 0.2);
}

.form-contact-novin-wrapper .box textarea.form-control {
  height     : 179px;
  margin     : 28px 0 45px;
  padding-top: 28px;
}

.form-contact-novin-wrapper .box .btn {
  max-width: 376px;
}

@media only screen and (max-width: 991px) {
  .form-contact-novin-wrapper .box {
    padding: 34px 32px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .form-contact-novin-wrapper .box input.form-control {
    height       : 64px;
    border-radius: 12px;
  }

  .form-contact-novin-wrapper .box .btn {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .form-contact-novin-wrapper {
    padding: 4px;
  }

  .form-contact-novin-wrapper .box {
    padding: 24px 16px;
  }
}

.top-articles-novin {
  margin: 96px 0 183px;
}

.top-articles-novin::before {
  background-image: var(--wpr-bg-15988291-cdfa-4532-ae05-cede5f6737af);
  height          : 738px;
  background-color: #fff;
  box-shadow      : 0px 68px 250px rgba(0, 0, 0, 0.02);
  transform       : translateY(-199px);
}

.top-articles-novin .image {
  padding: 19px 37px 35px 28px;
}

.top-articles-novin .image::before,
.top-articles-novin .image::after {
  border       : 2px solid #a84c68;
  border-radius: 3px;
  width        : 79.03%;
  height       : 87.79%;
}

.top-articles-novin .content::after {
  transform       : translateX(-23px);
  width           : 71.7%;
  padding         : 2px;
  background-image: linear-gradient(49.59deg, #a84c68 -24.06%, rgba(168, 76, 104, 0) 34.16%, rgba(168, 76, 104, 0) 77.95%);
  border-radius   : 3px;
}

.top-articles-novin p {
  -webkit-mask-image: linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.249147) 65.64%, rgba(73, 73, 73, 0) 86.74%);
  mask-image        : linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.249147) 65.64%, rgba(73, 73, 73, 0) 86.74%);
  max-height        : 180px;
}

.top-articles-novin .read-more {
  padding         : 16px;
  background-image: linear-gradient(265.8deg, rgba(208, 79, 86, 0.06) -11.89%, rgba(208, 79, 86, 0) 132.39%);
  max-width       : 197px;
}

.top-articles-novin .read-more::before {
  background-image: linear-gradient(265.8deg, #d04f56 -11.89%, rgba(208, 79, 86, 0.5) 132.39%);
  opacity         : 0;
  visibility      : hidden;
  border-radius   : inherit;
}

.top-articles-novin .read-more:hover {
  color: #fff;
}

.top-articles-novin .read-more:hover::before {
  opacity   : 1;
  visibility: visible;
}

.top-articles-novin .swiper-bottom {
  bottom: 24px;
}

.top-articles-novin .swiper-pagination-bullet {
  width           : 42px;
  height          : 7px;
  border-radius   : 19px;
  opacity         : 1;
  background-color: #e8e8e8;
}

.top-articles-novin .swiper-pagination-bullet-active {
  width           : 57px;
  background-color: #6d4983;
}

.top-articles-novin .swiper-counter {
  background-image: linear-gradient(147.45deg, #494949 -22.59%, rgba(73, 73, 73, 0) 76.22%);
}

@media only screen and (max-width: 767px) {
  .top-articles-novin {
    margin: 60px 0 100px;
  }

  .top-articles-novin .image {
    padding: 12px 16px;
  }

  .top-articles-novin .image::before,
  .top-articles-novin .image::after {
    width : 69.03%;
    height: 77.79%;
  }
}

@media only screen and (max-width: 575px) {
  .top-articles-novin .content {
    padding-bottom: 60px !important;
  }

  .top-articles-novin .content::after {
    transform: translateX(-8px);
  }

  .top-articles-novin .content .read-more {
    max-width: 100%;
  }

  .top-articles-novin .swiper-bottom {
    bottom: 12px;
    width : 100%;
  }

  .top-articles-novin .swiper-pagination-bullet {
    width: 24px;
  }

  .top-articles-novin .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.last-articles-novin {
  margin-bottom: 82px;
}

.last-articles-novin::before {
  background-image: var(--wpr-bg-7af41fbf-5226-40d6-8b49-b7499c991a8a);
  transform       : translateY(-81px);
  height          : 1475px;
}

.last-articles-novin-wrapper {
  background-image: linear-gradient(180deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  padding         : 86px 89px 94px 88px;
  border-radius   : 54px;
}

.last-articles-novin .row {
  gap   : 86px 0;
  margin: 0 -52px;
}

.last-articles-novin .row>* {
  padding: 0 52px;
}

@media only screen and (max-width: 1399px) {
  .last-articles-novin .row {
    margin: 0 -32px;
  }

  .last-articles-novin .row>* {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .last-articles-novin .row {
    margin: 0 -12px;
  }

  .last-articles-novin .row>* {
    padding: 0 12px;
  }
}

@media only screen and (max-width: 991px) {
  .last-articles-novin-wrapper {
    padding      : 24px;
    border-radius: 20px;
  }

  .last-articles-novin .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 991px) {
  .last-articles-novin-wrapper {
    padding      : 24px 12px;
    margin       : 0 -12px;
    border-radius: 0px;
  }
}

.landing-services-novin {
  margin: 105px 0 94px;
}

.landing-services-novin::before {
  background-image: var(--wpr-bg-104b3457-6647-45d1-a38c-cb2474fdd1e5);
  background-color: #fff;
  box-shadow      : 0px 68px 250px rgba(0, 0, 0, 0.02);
  transform       : translateY(-208px);
  height          : 701px;
}

.landing-services-novin::after,
.landing-services-novin .container::before {
  width           : 118px;
  height          : 118px;
  border-radius   : 50%;
  box-shadow      : -30px 24px 64px 0px rgba(255, 255, 255, 0.25) inset;
  filter          : drop-shadow(-8px 28px 114px rgba(0, 0, 0, 0.25)) blur(4px);
  background-color: #d04f56;
}

.landing-services-novin::after {
  transform: translate(-80px, -80px);
}

.landing-services-novin .container::before {
  transform       : translateX(80px);
  bottom          : 16%;
  background-color: #6d4983;
}

.landing-services-novin .content::before {
  width           : 315px;
  height          : 212px;
  background-color: rgba(168, 76, 104, 0.17);
  opacity         : 60%;
  border-radius   : 315px;
  filter          : blur(50px);
}

.landing-services-novin .title::before {
  width           : 52px;
  height          : 52px;
  background-color: rgba(243, 222, 255, 0.8);
  border-radius   : 50%;
  transform       : translate(30px, 5px);
}

.landing-services-novin .btn {
  padding: 15px 24.5px;
}

@media only screen and (max-width: 575px) {
  .landing-services-novin .btn {
    margin-left: 0;
  }
}

.brands-services-novin {
  margin-bottom: 33px;
}

.brands-services-novin .brands-novin-wrapper {
  max-width: 100%;
}

.services-novin-heading .right,
.faqs-novin-heading .right {
  margin-left: 94px;
  white-space: nowrap;
}

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

  .services-novin-heading .right,
  .faqs-novin-heading .right {
    margin-left: 0;
    white-space: normal;
  }
}

.services-novin::before,
.services-novin::after {
  width           : 315px;
  height          : 212px;
  border-radius   : 315px;
  opacity         : 0.6;
  background-color: rgba(168, 76, 104, 0.17);
  filter          : blur(50px);
}

.services-novin::before {
  transform: translate(67px, 22px);
}

.services-novin::after {
  transform: translateX(-80px);
  bottom   : 49px;
}

.services-novin-heading {
  margin-bottom: 124px;
}

.services-novin-item {
  padding-bottom: 45px;
}

.services-novin-item img {
  box-shadow: -75px 0px 124px rgba(54, 33, 67, 0.2);
}

.services-novin-item .content {
  max-width : calc(100% - 20px);
  box-shadow: 68px -49px 100px rgba(0, 0, 0, 0.2);
  padding   : 17px 12px 14px;
}

.services-novin .swiper-slide {
  opacity   : 1;
  visibility: visible;
  transform : scale(1);
}

.faqs-novin {
  margin: 131px 0 147px;
}

.faqs-novin-heading {
  margin-bottom: 102px;
}

.faqs-novin-wrapper {
  padding   : 8px;
  background: linear-gradient(180.08deg, #E3E3E3 -3.95%, rgba(227, 227, 227, 0.459082) 27.31%, rgba(227, 227, 227, 0) 99.93%);
  box-shadow: -10px 138px 124px rgba(0, 0, 0, 0.06);
  max-width : 1182px;
}

.faqs-novin-wrapper .content {
  padding: 58px 81px 35px;
}

.faqs-novin ul {
  margin-bottom: 56px;
}

.faqs-novin ul li:not(:last-child) {
  margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
  .faqs-novin-wrapper .content {
    padding: 48px 64px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .faqs-novin-wrapper .content {
    padding: 48px 32px 35px;
  }
}

@media only screen and (max-width: 575px) {
  .faqs-novin {
    margin : 80px -12px;
    padding: 4px;
  }

  .faqs-novin-wrapper .content {
    padding: 48px 12px 35px;
  }

  .faqs-novin ul li .title {
    font-size  : 18px;
    line-height: 32px;
  }
}

.section-heading-car-wash {
  margin-bottom: 10px;
}

.section-heading-car-wash::before {
  background-image: var(--wpr-bg-29325853-afe4-4517-b2c5-9b1e864347ab);
  width           : 65px;
  height          : 122px;
  transform       : translate(3px, -8px);
}

.section-heading-car-wash span {
  border-radius   : 20px 0 20px 20px;
  background-color: #57648b;
  width           : 79px;
  height          : 39px;
}

.section-heading-car-wash-btns .btn {
  padding: 17.5px 22px;
}

.section-heading-car-wash-btns .btn:nth-child(2) {
  padding: 17.5px 21px;
}

@media only screen and (max-width: 575px) {
  .section-heading-car-wash-btns .btn:first-child {
    margin-left: 0;
  }
}

.box-scroll-down {
  margin-top: 148px;
}

.box-scroll-down::before {
  height          : 1px;
  background-color: #919191;
}

.box-scroll-down::after {
  width           : 157px;
  height          : 90px;
  transform       : translate(-50%, -50%);
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .box-scroll-down {
    margin-top: 80px;
  }
}

.articles-car-wash {
  margin-top: 96px;
}

.articles-car-wash .section-heading-car-wash {
  margin-bottom: 54px;
}

.articles-car-wash-item .content {
  border : 1px solid #999;
  padding: 25px 24px 36px;
}

.articles-car-wash-item::before,
.articles-car-wash-item::after {
  right        : 35px;
  left         : 35px;
  height       : 146px;
  border-radius: 10px;
}

.articles-car-wash-item::before {
  background-color: #f2f2f2;
}

.articles-car-wash-item::after {
  background-color: rgba(139, 139, 139, 0.17);
}

.articles-car-wash-item figure ul {
  right     : 29px;
  bottom    : 14px;
  left      : 28px;
  box-shadow: 0px 24px 84px rgba(0, 0, 0, 0.05);
  padding   : 29px 23px 27px;
  gap       : 16px 0;
}

.articles-car-wash-item p {
  max-height: 84px;
}

.articles-car-wash-item .btn {
  right  : 0;
  padding: 17.5px 26px;
}

.articles-car-wash-item:hover::before {
  transform: translateY(-12px);
}

.articles-car-wash-item:hover .content {
  border-color: #fff;
}

.articles-car-wash-item:hover figure ul {
  transform: translateY(40px);
}

.articles-car-wash-item:hover .btn {
  right    : 50%;
  transform: translateX(50%);
}

@media only screen and (max-width: 1399px) {
  .articles-car-wash-item .content {
    padding: 25px 16px 36px;
  }

  .articles-car-wash-item figure ul {
    right: 24px;
    left : 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .articles-car-wash-item .content {
    padding: 13px 12px 24px;
  }

  .articles-car-wash-item figure ul {
    right  : 12px;
    left   : 12px;
    padding: 20px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-car-wash .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

.modal-service-car-wash .modal-dialog {
  max-width: 1293px;
}

.modal-service-car-wash .modal-content {
  margin: 10px;
}

.modal-service-car-wash .modal-content::before {
  content      : "";
  position     : absolute;
  inset        : -10px;
  background   : linear-gradient(115.47deg, #dcdcdc -10.48%, rgba(220, 220, 220, 0) 66.13%);
  border-radius: inherit;
  z-index      : -1;
}

.modal-service-car-wash .modal-body {
  padding: 71px 76px 100px 98px;
}

.modal-service-car-wash .heading {
  margin-bottom: 70px;
}

.modal-service-car-wash .heading .right {
  margin-left: 77px;
}

.modal-service-car-wash .heading .right span {
  width           : 79px;
  height          : 39px;
  background-color: #57648b;
  border-radius   : 20px 0 20px 20px;
}

.modal-service-car-wash form {
  gap: 36px 0;
}

.modal-service-car-wash form .form-control {
  background-color: #f3f3f3;
  height          : 67px;
  padding         : 0 24px;
}

.modal-service-car-wash form .form-control:focus {
  background-color: #fff;
  box-shadow      : 0px 24px 54px rgba(0, 0, 0, 0.04);
}

.modal-service-car-wash form select.form-control {
  background-image   : var(--wpr-bg-6e6f338c-245e-4147-8ec9-3e22f9bcd247);
  background-position: left 20px center;
  background-repeat  : no-repeat;
  background-size    : 17px 17px;
}

.modal-service-car-wash form .terms {
  padding         : 20px 63px 20px 12px;
  background-image: linear-gradient(269.33deg, #f4f4f4 -3.68%, rgba(228, 238, 255, 0) 116.64%);
  cursor          : pointer;
}

.modal-service-car-wash form .terms::before,
.modal-service-car-wash form .terms::after {
  width        : 20px;
  height       : 20px;
  border-radius: 6px;
  right        : 30px;
}

.modal-service-car-wash form .terms::before {
  border: 1px solid #494949;
}

.modal-service-car-wash form .terms::after {
  content         : "\e988";
  font-family     : "icomoon";
  background-color: #57648b;
  font-size       : 12px;
  color           : #fff;
  display         : flex;
  align-items     : center;
  justify-content : center;
  opacity         : 0;
}

.modal-service-car-wash form input:checked+.terms::after {
  opacity: 1;
}

.modal-service-car-wash form .btn {
  padding: 20px 12px;
}

@media only screen and (max-width: 1199px) {
  .modal-service-car-wash .modal-body {
    padding: 54px 48px;
  }
}

@media only screen and (max-width: 991px) {
  .modal-service-car-wash .heading .right {
    margin: 0 0 32px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-service-car-wash .modal-content {
    border-radius: 20px;
    margin       : 5px;
  }

  .modal-service-car-wash .modal-content::before {
    inset: -5px;
  }

  .modal-service-car-wash .modal-body {
    padding: 32px 20px;
  }

  .modal-service-car-wash form {
    gap: 24px 0;
  }
}

.top-header-car-wash {
  padding-top: 44px;
}

.top-header-car-wash::before {
  transform       : translate(56px, 5px);
  width           : 127px;
  height          : 73px;
  background-color: rgba(54, 65, 99, 0.4);
  filter          : blur(117px);
}

.top-header-car-wash-nav {
  margin-right: 45px;
}

.top-header-car-wash-nav::before {
  width           : 1px;
  height          : 41px;
  background-color: rgba(145, 145, 145, 0.19);
  transform       : translate(24px, -50%);
}

.top-header-car-wash-nav ul {
  gap: 32px;
}

.top-header-car-wash-nav ul li a::after {
  content       : "ه";
  transform     : translate(-50%, 14px);
  font-size     : 14px;
  line-height   : 1;
  color         : #364163;
  font-weight   : 900;
  opacity       : 0;
  visibility    : hidden;
  pointer-events: none;
}

.top-header-car-wash-nav ul li a.active {
  font-weight: 800;
}

.top-header-car-wash-nav ul li a.active,
.top-header-car-wash-nav ul li a:hover {
  color: #364163;
}

.top-header-car-wash-nav ul li a.active::after,
.top-header-car-wash-nav ul li a:hover::after {
  opacity   : 1;
  visibility: visible;
}

.top-header-car-wash-contact {
  box-shadow: -23px 16px 45px rgba(0, 0, 0, 0.11);
  padding   : 12.5px 15px;
}

.top-header-car-wash-contact:hover {
  background-color: #364163 !important;
  color           : #fff;
}

.top-header-car-wash-contact::after {
  pointer-events  : none;
  width           : 1px;
  height          : 49px;
  background-color: rgba(145, 145, 145, 0.19);
  transform       : translate(-17px, -50%);
}

.top-header-car-wash .btn-order {
  padding: 15.5px 30px;
}

.top-header-car-wash .btn-auth {
  padding: 14.5px 21px;
}

@media only screen and (max-width: 1399px) {
  .top-header-car-wash-logo>div {
    margin-right: 12px;
  }

  .top-header-car-wash-nav {
    margin-right: 24px;
  }

  .top-header-car-wash-nav::before {
    transform: translate(12px, -50%);
  }

  .top-header-car-wash-nav ul {
    gap: 16px;
  }

  .top-header-car-wash-contact,
  .top-header-car-wash .btn-order {
    margin-left: 12px;
  }

  .top-header-car-wash-contact::after {
    transform: translate(-6px, -50%);
  }

  .top-header-car-wash .btn-order {
    padding: 15.5px 16px;
  }

  .top-header-car-wash .btn-auth {
    padding: 14.5px 12px;
  }
}

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

  .top-header-car-wash-nav::before,
  .top-header-car-wash-contact::after {
    content: none;
  }

  .top-header-car-wash-nav {
    margin-right: 12px;
  }

  .top-header-car-wash-nav ul {
    gap: 12px;
  }

  .top-header-car-wash-nav ul li a {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-car-wash-contact i {
    margin-right: 4px;
  }

  .top-header-car-wash-contact,
  .top-header-car-wash .btn-order {
    margin-left: 6px;
  }

  .top-header-car-wash .btn-order {
    padding: 15.5px 15px;
  }

  .top-header-car-wash .btn-auth {
    padding: 14.5px 11px;
  }

  .top-header-car-wash .btn-auth i {
    margin-left: 4px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-car-wash {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-car-wash-logo img {
    width : auto;
    height: 36px;
  }

  .top-header-car-wash .btn-auth {
    width  : 49px;
    height : 49px;
    padding: 0;
  }

  .top-header-car-wash .btn-auth i {
    margin-left: 0;
    font-size  : 20px;
    line-height: 20px;
  }
}

.box-scroll-down-footer {
  margin: 119px 0 35px;
}

@media only screen and (max-width: 767px) {
  .box-scroll-down-footer {
    margin-top: 80px;
  }
}

.footer-car-wash-info::before {
  background-color: rgba(249, 249, 249, 0.4);
  bottom          : -74px;
}

.footer-car-wash-info-logo {
  width         : 133px;
  height        : 213px;
  border-radius : 0 0 100px 100px;
  background    : linear-gradient(178.37deg, rgba(87, 100, 139, 0) -26.72%, rgba(87, 100, 139, 0.224) 35.05%, rgba(87, 100, 139, 0.8) 98.62%);
  padding-bottom: 65px;
}

.footer-car-wash-contact::before {
  height          : 1px;
  background-color: #919191;
}

.footer-car-wash-contact>a {
  box-shadow: -23px 16px 45px rgba(0, 0, 0, 0.11);
  padding   : 20.5px 12px;
  min-width : 198px;
}

.footer-car-wash-contact>a:hover {
  background-color: #57648B !important;
  color           : #fff;
}

.footer-car-wash-namads-info {
  padding-bottom: 61px;
  margin-bottom : 30px;
  border-bottom : 1px solid #919191;
}

@media only screen and (max-width: 767px) {
  .footer-car-wash-info p {
    margin-right: 0;
  }
}

.landing-car-wash {
  margin-top: 124px;
}

.landing-car-wash::before {
  background-image: var(--wpr-bg-f65dcbf4-f039-4ec4-92e5-5fd086a5f2f2);
  height          : 918px;
  transform       : translateY(-215px);
  background-color: #fff;
  box-shadow      : 0px 24px 144px rgba(0, 0, 0, 0.02);
}

.landing-car-wash .newsletter {
  box-shadow: 43px 4px 100px rgba(0, 0, 0, 0.07);
  padding   : 7px;
}

.landing-car-wash .newsletter .form-control {
  border: 1px solid #fff;
  height: 65px;
}

.landing-car-wash .newsletter button {
  margin-left     : 18px;
  min-width       : 118px;
  height          : 49px;
  padding         : 0 12px;
  background-color: rgba(87, 100, 139, 0.1);
}

.landing-car-wash .newsletter button:hover {
  background-color: rgba(87, 100, 139, 0.5);
  color           : #fff;
}

.landing-car-wash .btns .btn {
  padding: 17.5px 22px;
}

.landing-car-wash .btns .btn:nth-child(2) {
  padding: 17.5px 24px;
}

.landing-car-wash-right {
  padding-left: 32px;
}

.landing-car-wash-left {
  padding  : 114px 69px 0 75px;
  max-width: 550px;
}

.landing-car-wash-left::before {
  background-color: rgba(87, 100, 139, 0.2);
  top             : 0;
  right           : 0;
  bottom          : 34px;
  left            : 0;
  border-radius   : 50%;
}

.landing-car-wash-left::after {
  padding      : 6px;
  background   : linear-gradient(0deg, rgba(87, 100, 139, 0.3), rgba(87, 100, 139, 0.3)) content-box, linear-gradient(141.44deg, #fff -2.33%, #fff 15.03%, rgba(255, 255, 255, 0.0904853) 23.75%, rgba(255, 255, 255, 0) 85.17%) padding-box;
  top          : 57px;
  right        : 52px;
  bottom       : 86px;
  left         : 57px;
  border-radius: 50%;
}

.landing-car-wash-left .shape {
  box-shadow: 0px 64px 70px rgba(0, 0, 0, 0.25);
}

.landing-car-wash-left .shape-1 {
  transform: translate(-50%, -6px);
}

.landing-car-wash-left .shape-2 {
  transform: translateX(49px);
  bottom   : 26%;
}

.landing-car-wash-left .shape-3 {
  transform: translateX(-48px);
  bottom   : 38%;
}

.landing-car-wash-left .content {
  background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.282771) 52.44%, rgba(255, 255, 255, 0) 100%);
  padding         : 5px;
}

.landing-car-wash-left .content form {
  padding         : 32px 32px 38px;
  background-color: #fcfcfc;
  box-shadow      : 0px 84px 124px rgba(0, 0, 0, 0.05);
}

.landing-car-wash-left .content form::before {
  width           : 81px;
  height          : 65px;
  bottom          : 13px;
  transform       : translateX(35px);
  background-image: var(--wpr-bg-5f9f31cb-a35c-4372-a0fd-36c760aa1150);
}

.landing-car-wash-left .content form .form-title::after {
  width           : 27px;
  height          : 3px;
  background-image: linear-gradient(269.7deg, #57648b -19.74%, rgba(87, 100, 139, 0.185362) 68.02%, rgba(87, 100, 139, 0) 135.35%);
  border-radius   : 20px;
  transform       : translateY(6px);
}

.landing-car-wash-left .content form .form-control {
  border       : 1px solid #fff;
  height       : 66px;
  margin-bottom: 17px;
}

.landing-car-wash-left .content form .form-control:focus {
  border-color: #57648b;
  box-shadow  : 0 0 0 4px rgba(87, 100, 139, 0.2);
}

.landing-car-wash-left .content form .form-control::-moz-placeholder {
  color: inherit;
}

.landing-car-wash-left .content form .form-control::placeholder {
  color: inherit;
}

.landing-car-wash-left .content form .form-control:nth-child(4) {
  margin: 25px 0 19px;
}

.landing-car-wash-left .content form select.form-control {
  background     : var(--wpr-bg-a6cf4de3-c5f3-4e86-9749-343d1d58f585) center left 24px no-repeat;
  background-size: 17px 17px;
}

.landing-car-wash-left .content form .btn {
  padding: 20px 12px;
}

@media only screen and (max-width: 1199px) {
  .landing-car-wash-left {
    padding: 88px 48px 0;
  }
}

@media only screen and (max-width: 991px) {
  .landing-car-wash::before {
    box-shadow: none;
  }

  .landing-car-wash-right {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .landing-car-wash {
    margin-top: 60px;
  }

  .landing-car-wash-left .content form .form-control {
    border-radius: 12px;
    height       : 48px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-car-wash .newsletter button {
    width: 100%;
  }

  .landing-car-wash .btns .btn,
  .landing-car-wash .btns .btn:nth-child(2) {
    padding: 17.5px 18px;
  }

  .landing-car-wash .btns .btn:first-child {
    margin-left: 8px;
  }

  .landing-car-wash-left {
    max-width: 100%;
    padding  : 48px 0 0;
  }

  .landing-car-wash-left::before {
    border-radius: 0;
    width        : calc(100% + 24px);
    transform    : translateX(-50%);
    right        : auto;
    left         : 50%;
    bottom       : 50%;
  }

  .landing-car-wash-left::after {
    content: none;
  }

  .landing-car-wash-left .content form {
    padding: 32px 16px 38px;
  }
}

.company-car-wash {
  margin: 266px 0 159px;
}

.company-car-wash a img {
  filter    : grayscale(1);
  opacity   : 0.5;
  max-height: 26px;
}

.company-car-wash a:hover img {
  filter : grayscale(0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .company-car-wash {
    margin: 80px 0;
  }
}

.absolut-home-car-wash::after {
  background-image: var(--wpr-bg-d5441514-6c8b-4796-bd87-a937b40f9ced);
  width           : 633px;
  height          : 488px;
}

.absolut-home-car-wash .content {
  padding-right: 42px;
}

.absolut-home-car-wash .content::before {
  width           : 12px;
  border-radius   : 10px;
  height          : 90%;
  background-image: linear-gradient(180deg, rgba(87, 100, 139, 0.19) 0%, rgba(87, 100, 139, 0) 100%);
}

.absolut-home-car-wash .content .btns .btn {
  padding: 17.5px 22px;
}

.absolut-home-car-wash .content .btns .btn:nth-child(2) {
  padding: 17.5px 21px;
}

@media only screen and (max-width: 767px) {
  .absolut-home-car-wash .content {
    padding-right: 24px;
  }

  .absolut-home-car-wash .content::before {
    width: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .absolut-home-car-wash .content .btns .btn:first-child {
    margin-left: 0;
  }
}

.options-car-wash {
  margin          : 190px 0 197px;
  padding         : 118px 0 0;
  background-color: #3b4561;
  background-image: var(--wpr-bg-aaad9ce1-6c00-497f-a9e3-2b58e16c42ca);
}

.options-car-wash::before {
  background-image: var(--wpr-bg-a0db7bfc-ae8a-4dc6-ab32-4927c0f447a6);
  width           : 397px;
  height          : 67px;
}

.options-car-wash::after {
  background-image: var(--wpr-bg-5797aade-4870-447a-ac5d-946d77ebde79);
  height          : 90px;
  bottom          : -1px;
}

.options-car-wash .btn-scroll-down {
  transform: translate(-50%, -58px);
}

.options-car-wash .container::before {
  background-image: var(--wpr-bg-b8e03f64-d87e-4701-8c05-b574b6433746);
}

.options-car-wash-heading {
  max-width    : 984px;
  margin-bottom: 67px;
}

.options-car-wash-heading .sup-title::before {
  width           : 85px;
  height          : 84px;
  background-image: var(--wpr-bg-468c72e9-34ea-4605-8504-1b2d06f89248);
  transform       : translate(192px, 60px);
}

.options-car-wash-heading .title {
  line-height: 90px;
}

.options-car-wash .row {
  transform: translateY(19px);
}

.options-car-wash-item {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.147) 0%, rgba(255, 255, 255, 0.15314) 27.08%, rgba(255, 255, 255, 0.7) 99.99%, rgba(255, 255, 255, 0) 100%);
  padding         : 4px;
}

.options-car-wash-item::before {
  background-color: rgba(187, 193, 212, 0.2);
  top             : -11px;
  right           : 21px;
  bottom          : 32px;
  left            : 22px;
  border-radius   : 32px;
}

.options-car-wash-item .content {
  background-color: #57648b;
  background-image: var(--wpr-bg-4d4f9aea-f37f-4ddb-81ff-b56f79401dc6);
  padding         : 49px 43px 54px 12px;
}

.options-car-wash-item .content::before {
  width           : 45px;
  height          : 36px;
  background-image: var(--wpr-bg-ed8b31e2-26b0-4e12-9bb5-e4a2fbc6b633);
  top             : 36px;
  right           : 52px;
}

.options-car-wash-item .content::after {
  content                : "\e987";
  font-family            : "icomoon";
  font-size              : 13px;
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
  background-image       : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  bottom                 : 18px;
  left                   : 42px;
}

.options-car-wash-item .content .title-en {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.options-car-wash-item:hover {
  padding  : 0;
  transform: translateY(32px);
}

.options-car-wash-item:hover::before {
  background-color: rgba(29, 111, 250, 0.4);
}

.options-car-wash-item:hover .content {
  background-color: #1d6ffa;
  padding         : 53px 47px 58px 16px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .options-car-wash .row {
    margin: 0 -8px;
  }

  .options-car-wash .row>* {
    padding: 0 8px;
  }
}

@media only screen and (max-width: 1199px) {
  .options-car-wash-item .content {
    padding: 49px 20px 54px 12px;
  }

  .options-car-wash-item .content::after {
    left: 12px;
  }

  .options-car-wash-item .content .title {
    font-size: 22px;
  }

  .options-car-wash-item .content .title-en {
    font-size: 18px;
  }

  .options-car-wash-item:hover .content {
    padding: 53px 24px 58px 16px;
  }
}

@media only screen and (max-width: 991px) {
  .options-car-wash::after {
    background-size    : cover;
    background-position: bottom center;
  }

  .options-car-wash-item:hover {
    transform: unset;
  }
}

@media only screen and (max-width: 767px) {
  .options-car-wash {
    margin: 130px 0 100px;
  }

  .options-car-wash-heading .title {
    line-height: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .options-car-wash-heading .title {
    line-height: 52px;
  }
}

.works-car-wash .container::before {
  width           : 1237px;
  height          : 628px;
  background-image: var(--wpr-bg-6e653139-3c2f-4710-90ba-473b45ff66f3);
  transform       : translate(-61px, 43px);
}

.works-car-wash .section-heading-car-wash {
  margin-bottom: 53px;
}

.works-car-wash .row {
  gap   : 59px 0;
  margin: 0 -2px;
}

.works-car-wash .row>* {
  padding: 0 2px;
}

.works-car-wash .row::before,
.works-car-wash .row::after {
  width           : 107px;
  height          : 85px;
  background-image: var(--wpr-bg-a168aa5b-8f40-4ea1-86ac-77375cd390b7);
}

.works-car-wash .row::before {
  transform: translate(64px, -50%);
}

.works-car-wash .row::after {
  transform: translate(-82px, -50%);
}

.works-car-wash-item {
  padding: 10px 13px;
}

.works-car-wash-item::before {
  padding         : 1px;
  border-radius   : 23px;
  background-image: linear-gradient(110.48deg, #919191 -7.76%, rgba(145, 145, 145, 0) 49.23%, rgba(145, 145, 145, 0) 106.22%);
}

.works-car-wash-item img {
  cursor: zoom-in;
}

@media only screen and (max-width: 767px) {
  .works-car-wash .row {
    gap: 24px 0;
  }
}

.landing-about-us-car-wash {
  margin: 103px 0 228px;
}

.landing-about-us-car-wash::before {
  background-image: var(--wpr-bg-b6d72c4b-18d2-4a74-867d-4146a6e14b5c);
  height          : 794px;
  transform       : translateY(-198px);
  background-color: #fff;
  box-shadow      : 0px 24px 144px rgba(0, 0, 0, 0.02);
}

.landing-about-us-car-wash .title {
  line-height: 90px;
}

.landing-about-us-car-wash .btns .btn {
  padding: 17px 21px;
}

.landing-about-us-car-wash .btns .btn:nth-child(2) {
  padding: 17px 20px;
}

@media only screen and (max-width: 991px) {
  .landing-about-us-car-wash::before {
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  .landing-about-us-car-wash {
    margin: 70px 0 0;
  }

  .landing-about-us-car-wash .title {
    line-height: 72px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-about-us-car-wash .title {
    line-height: 50px;
  }

  .landing-about-us-car-wash .btns .btn,
  .landing-about-us-car-wash .btns .btn:nth-child(2) {
    padding: 17px 15px;
  }

  .landing-about-us-car-wash .btns .btn:first-child {
    margin-left: 8px;
  }
}

.company-about-car-wash {
  margin-bottom: 240px;
}

.company-about-car-wash-heading {
  margin-bottom: 103px;
}

@media only screen and (max-width: 767px) {
  .company-about-car-wash {
    margin-bottom: 140px;
  }
}

.faqs-car-wash {
  padding-top: 140px;
}

.faqs-car-wash::before {
  background-color: #3B4561;
  background-image: var(--wpr-bg-588ea088-7839-4b79-8258-9e4b0156c3af);
  height          : 641px;
}

.faqs-car-wash::after {
  background-image: var(--wpr-bg-42f26d9a-ed15-46f6-879e-479a68f1c511);
  width           : 397px;
  height          : 67px;
}

.faqs-car-wash .container::after {
  background-image: var(--wpr-bg-45f6bb4a-a264-467c-9aad-82df19eeaa98);
  height          : 90px;
  top             : 551px;
}

.faqs-car-wash .btn-scroll-down {
  transform: translate(-50%, -58px);
}

.faqs-car-wash-heading {
  margin-bottom: 70px;
  max-width    : 984px;
}

.faqs-car-wash-heading .title {
  line-height: 91px;
}

.faqs-car-wash-wrapper {
  padding         : 13px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0494389) 41.84%, #fff 100%);
  box-shadow      : -10px 138px 124px rgba(0, 0, 0, 0.06);
  max-width       : 1146px;
}

.faqs-car-wash-wrapper .content {
  padding: 60px 68px 67px;
}

.faqs-car-wash-wrapper .content .row {
  gap: 44px 0;
}

@media only screen and (max-width: 991px) {
  .faqs-car-wash {
    padding-top: 94px;
  }

  .faqs-car-wash .container::after {
    background-size    : cover;
    background-position: center center;
  }

  .faqs-car-wash-wrapper .content {
    padding: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .faqs-car-wash-heading .title {
    line-height: 72px;
  }

  .faqs-car-wash-wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 575px) {
  .faqs-car-wash-heading .title {
    line-height: 54px;
  }
}

.works-about-car-wash {
  margin: 162px 0 185px;
}

@media only screen and (max-width: 767px) {
  .works-about-car-wash {
    margin: 80px 0;
  }
}

.top-articles-car-wash {
  margin: 110px 0 162px;
}

.top-articles-car-wash::before {
  background-image: var(--wpr-bg-25bebe3b-e565-42d6-a32f-6787fd9bf3ea);
  background-color: #fff;
  box-shadow      : 0px 24px 144px rgba(0, 0, 0, 0.02);
  transform       : translateY(-205px);
  height          : 794px;
}

.top-articles-car-wash .swiper {
  max-width: 1081px;
}

.top-articles-car-wash .swiper-slide>*::before {
  mix-blend-mode: color-dodge;
  z-index       : 3;
  visibility    : hidden;
}

.top-articles-car-wash .swiper-slide-prev>*,
.top-articles-car-wash .swiper-slide-next>* {
  transform: translateY(70px);
}

.top-articles-car-wash .swiper-slide-prev>*::before,
.top-articles-car-wash .swiper-slide-next>*::before {
  visibility: visible;
}

.top-articles-car-wash .swiper-slide-prev>*::before {
  background-image: linear-gradient(to left, #fff 15%, rgba(255, 255, 255, 0) 150%);
}

.top-articles-car-wash .swiper-slide-next>*::before {
  background-image: linear-gradient(to right, #fff 15%, rgba(255, 255, 255, 0) 150%);
}

.top-articles-car-wash-item a::after {
  z-index: 5;
}

.top-articles-car-wash-item .image {
  background   : linear-gradient(180deg, #eaeaea 0%, rgba(234, 234, 234, 0.430326) 38.5%, rgba(234, 234, 234, 0) 100%);
  padding      : 10px;
  border-radius: 23px;
}

.top-articles-car-wash-item .content {
  padding   : 49px 62px 52px 63px;
  max-width : 80%;
  margin-top: -17%;
}

.top-articles-car-wash-item .content::before {
  box-shadow             : 0px 4px 234px rgba(0, 0, 0, 0.25);
  border                 : 4px solid #fff;
  background-color       : rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
  border-radius          : inherit;
}

.top-articles-car-wash-item .content .title {
  font-size: 27px;
}

.top-articles-car-wash-item .content p {
  height: 120px;
}

@media only screen and (max-width: 991px) {
  .top-articles-car-wash::before {
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  .top-articles-car-wash {
    margin: 60px 0 80px;
  }

  .top-articles-car-wash-item .content {
    max-width: 90%;
    padding  : 32px 24px;
  }

  .top-articles-car-wash-item .content .title {
    font-size  : 20px;
    line-height: 32px;
  }

  .top-articles-car-wash-item .content p {
    line-height: 26px;
    height     : 78px;
  }
}

@media only screen and (max-width: 575px) {
  .top-articles-car-wash-item .image {
    border-radius: 18px;
  }

  .top-articles-car-wash-item .image img {
    border-radius: 8px;
  }

  .top-articles-car-wash-item .content {
    max-width    : 95%;
    padding      : 26px 16px;
    border-radius: 12px;
  }

  .top-articles-car-wash-item .content .title {
    font-size  : 16px;
    line-height: 28px;
  }
}

.articles-blog-car-wash-filter {
  padding-bottom: 32px;
  margin-bottom : 70px;
  border-bottom : 1px solid rgba(145, 145, 145, 0.2);
}

.articles-blog-car-wash-filter ul li a {
  padding: 11.5px 17px;
}

.articles-blog-car-wash-filter ul li a:hover,
.articles-blog-car-wash-filter ul li a.active {
  background-color: #57648b;
  color           : #fff;
  box-shadow      : 0px 39px 60px 2px rgba(87, 100, 139, 0.25);
}

.articles-blog-car-wash-filter form {
  max-width: 492px;
  flex     : 1 0 1%;
}

.articles-blog-car-wash-filter form .form-control {
  background-color: rgba(172, 172, 172, 0.0509803922);
  border          : 1px solid rgba(172, 172, 172, 0.0509803922);
  height          : 66px;
  padding-left    : 64px;
}

.articles-blog-car-wash-filter form .form-control:focus {
  border-color: #57648b;
  box-shadow  : 0 0 0 4px rgba(87, 100, 139, 0.2);
}

.articles-blog-car-wash-filter form button {
  left: 34px;
}

.articles-blog-car-wash .row {
  gap: 52px 0;
}

@media only screen and (max-width: 991px) {
  .articles-blog-car-wash-filter form {
    max-width: 100%;
  }

  .articles-blog-car-wash .row {
    gap: 32px 0;
  }
}

@media only screen and (max-width: 991px) {
  .articles-blog-car-wash-filter ul li a {
    font-size  : 13px;
    line-height: 19px;
    padding    : 8px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-blog-car-wash-filter ul {
    margin : 0 -12px;
    padding: 0 12px;
  }
}

.detail-blog-car-wash {
  margin-top: 67px;
}

.detail-blog-car-wash::before {
  background-image: var(--wpr-bg-3f645d38-c6b2-44d3-904e-df3ddfe4050f);
  background-color: #fff;
  box-shadow      : 0px 24px 144px rgba(0, 0, 0, 0.02);
  transform       : translateY(-162px);
  height          : 794px;
}

.detail-blog-car-wash-info-wrapper {
  padding-top   : 69px;
  padding-bottom: 60px;
}

.detail-blog-car-wash-info-wrapper::before {
  background-color: rgba(233, 238, 255, 0.5);
  border-radius   : 20px 20px 0 0;
}

.detail-blog-car-wash-info-wrapper .title::before,
.detail-blog-car-wash-info-wrapper .title::after,
.detail-blog-car-wash-info-wrapper ul::before,
.detail-blog-car-wash-info-wrapper ul::after {
  background   : linear-gradient(122.15deg, #ffa553 -70.04%, rgba(255, 165, 83, 0) 116.7%);
  width        : 33px;
  height       : 33px;
  border-radius: 50%;
}

.detail-blog-car-wash-info-wrapper .title::before {
  animation: carwash1 alternate infinite linear 3s;
}

@keyframes carwash1 {
  0% {
    transform: translate(129px, 12px);
  }

  100% {
    transform: translate(149px, -12px);
  }
}

.detail-blog-car-wash-info-wrapper .title::after {
  animation: carwash2 alternate infinite linear 3s;
}

@keyframes carwash2 {
  0% {
    transform: translate(-85px, 22px);
  }

  100% {
    transform: translate(-105px, 44px);
  }
}

.detail-blog-car-wash-info-wrapper ul {
  box-shadow: 0px 44px 44px rgba(0, 0, 0, 0.03);
  padding   : 28px 25px 27px;
  gap       : 30px;
}

.detail-blog-car-wash-info-wrapper ul::before,
.detail-blog-car-wash-info-wrapper ul::after {
  background: linear-gradient(122.15deg, #57648b -70.04%, rgba(87, 100, 139, 0) 116.7%);
}

.detail-blog-car-wash-info-wrapper ul::before {
  animation: carwash3 alternate infinite linear 3s;
}

@keyframes carwash3 {
  0% {
    transform: translate(137px, -10px);
  }

  100% {
    transform: translate(117px, 10px);
  }
}

.detail-blog-car-wash-info-wrapper ul::after {
  animation: carwash4 alternate infinite linear 3s;
}

@keyframes carwash4 {
  0% {
    transform: translate(-103px, -15px);
  }

  100% {
    transform: translate(-73px, -45px);
  }
}

.detail-blog-car-wash .image-wrapper::before {
  background-color: rgba(233, 238, 255, 0.5);
  border-radius   : 0 0 20px 20px;
  height          : 60%;
}

.detail-blog-car-wash .image-wrapper::after {
  background-image: var(--wpr-bg-d787ee86-c83f-49ce-a33a-48f08d785eb5);
  width           : 504px;
  height          : 470px;
  transform       : translateY(-124px);
}

.detail-blog-car-wash .image-wrapper>div {
  padding   : 10px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.212388) 21.84%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 144px 100px rgba(0, 0, 0, 0.05);
}

.detail-blog-car-wash-content {
  margin: 129px 0 90px;
}

.detail-blog-car-wash-content::after {
  bottom: 35%;
}

@media only screen and (max-width: 991px) {
  .detail-blog-car-wash::before {
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-car-wash {
    margin-top: 32px;
  }

  .detail-blog-car-wash-content {
    margin: 60px 0 80px;
  }
}

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

  .detail-blog-car-wash-info-wrapper::before,
  .detail-blog-car-wash .image-wrapper::before {
    left         : -12px;
    width        : calc(100% + 24px);
    border-radius: 0;
  }

  .detail-blog-car-wash-info-wrapper {
    padding: 32px 0;
  }
}

.detail-blog-car-wash-content::after,
.related-articles-car-wash::after {
  background-image: var(--wpr-bg-708a10db-7417-4561-9bf9-c5339ab29aaa);
  width           : 88px;
  height          : 263px;
}

.related-articles-car-wash::after {
  transform: translateY(185px);
}

.video-hall-beauty .video-js:not(.vjs-has-started),
.video-hall-beauty .video-js:not(.vjs-has-started) video,
.video-hall-beauty .video-js:not(.vjs-has-started) .vjs-poster {
  background-color: transparent;
}

.video-hall-beauty .video-js .vjs-big-play-button {
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  background-color: transparent;
  border          : 0;
  width           : 101px;
  height          : 101px;
  text-align      : center;
  z-index         : 2;
}

.video-hall-beauty .video-js .vjs-big-play-button::before,
.video-hall-beauty .video-js .vjs-big-play-button::after {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODkiIGhlaWdodD0iMTAxIiB2aWV3Qm94PSIwIDAgODkgMTAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDQuNSAwTDg4LjIzNDMgMjUuMjVWNzUuNzVMNDQuNSAxMDFMMC43NjU3MTcgNzUuNzVWMjUuMjVMNDQuNSAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODkiIGhlaWdodD0iMTAxIiB2aWV3Qm94PSIwIDAgODkgMTAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDQuNSAwTDg4LjIzNDMgMjUuMjVWNzUuNzVMNDQuNSAxMDFMMC43NjU3MTcgNzUuNzVWMjUuMjVMNDQuNSAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 100%;
  height             : 100%;
  background-color   : #fff;
}

.video-hall-beauty .video-js .vjs-big-play-button::before {
  z-index: -1;
}

.video-hall-beauty .video-js .vjs-big-play-button::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.142418) 60.29%, rgba(255, 255, 255, 0) 100%);
  animation : video-hall-beauty 2s linear 0s infinite alternate;
  z-index   : -2;
}

@keyframes video-hall-beauty {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.video-hall-beauty .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content    : "\e966";
  font-family: "icomoon";
  font-size  : 32px;
  color      : #919191;
  line-height: 101px;
}

.video-hall-beauty .video-js .vjs-poster {
  background-size: cover;
}

.video-hall-beauty .video-js.vjs-has-started,
.video-hall-beauty .video-js.vjs-has-started video {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius : 0 !important;
}

.section-heading-hall-beauty {
  margin-bottom: 63px;
}

.top-header-hall-beauty {
  margin-top: 49px;
}

.top-header-hall-beauty::before {
  width           : 260px;
  height          : 274px;
  background-color: #fff;
  border-radius   : 50%;
  filter          : blur(337px);
  transform       : translate(69px, -110px);
}

.top-header-hall-beauty-wrapper {
  background-color: rgba(71, 71, 71, 0.1);
  padding         : 23px 42px 27px 29px;
}

.top-header-hall-beauty-nav {
  padding-right: 82px;
  margin-right : 69px;
}

.top-header-hall-beauty-nav::before {
  width           : 1px;
  height          : 54px;
  background-color: rgba(145, 145, 145, 0.39);
}

.top-header-hall-beauty-nav ul {
  gap: 58px;
}

.top-header-hall-beauty-nav ul li a::before {
  width        : 23px;
  height       : 8px;
  background   : linear-gradient(270deg, #fff -93.48%, rgba(255, 255, 255, 0) 134.78%);
  opacity      : 0.6;
  border-radius: 3px;
  transform    : translate(41px, -50%);
}

.top-header-hall-beauty-nav ul li a.active::before {
  opacity: 0.6;
}

.top-header-hall-beauty-nav ul li a.active,
.top-header-hall-beauty-nav ul li a:hover {
  color: #fff;
}

.top-header-hall-beauty .btn {
  padding: 17.5px 32px;
}

@media only screen and (max-width: 1399px) {
  .top-header-hall-beauty-nav {
    padding-right: 69px;
    margin-right : 29px;
  }

  .top-header-hall-beauty-nav ul {
    gap: 48px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-hall-beauty-wrapper {
    padding: 23px 16px 27px;
  }

  .top-header-hall-beauty-nav {
    padding-right: 40px;
    margin-right : 18px;
  }

  .top-header-hall-beauty-nav ul {
    gap: 38px;
  }

  .top-header-hall-beauty-nav ul li a {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-hall-beauty-nav ul li a::before {
    width    : 18px;
    height   : 6px;
    transform: translate(24px, -50%);
  }
}

@media only screen and (max-width: 991px) {
  .top-header-hall-beauty {
    margin-top      : 0;
    background-color: rgba(71, 71, 71, 0.1);
  }

  .top-header-hall-beauty-wrapper {
    background-color: transparent;
    padding         : 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-hall-beauty-logo img {
    width : auto;
    height: 32px;
  }

  .top-header-hall-beauty .btn {
    width        : 48px;
    height       : 48px;
    padding      : 0;
    border-radius: 8px;
  }

  .top-header-hall-beauty .btn i {
    margin: 0;
  }
}

.footer-hall-beauty {
  margin-top    : 111px;
  padding-bottom: 77px;
}

.footer-hall-beauty-wrapper::before {
  width           : 1px;
  background-image: linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.footer-hall-beauty-wrapper .row {
  margin: 0 -32px;
}

.footer-hall-beauty-wrapper .row>* {
  padding: 0 32px;
}

.footer-hall-beauty-contact {
  margin: 0 -12px;
  gap   : 53px 0;
}

.footer-hall-beauty-contact li {
  flex   : 1 0 50%;
  padding: 0 12px;
  width  : 50%;
}

.footer-hall-beauty-contact li i {
  box-shadow: -17px 7px 19px rgba(0, 0, 0, 0.059);
  width     : 62px;
  height    : 62px;
}

.footer-hall-beauty-contact li>div>div {
  word-break: break-word;
}

.footer-hall-beauty .socials-namads {
  margin-top : 18px;
  padding-top: 26px;
}

.footer-hall-beauty .socials-namads::before,
.footer-hall-beauty .socials-namads::after {
  background-image: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
  height          : 1px;
}

.footer-hall-beauty .socials-namads::after {
  transform: translateY(34px);
}

.footer-hall-beauty-socials {
  gap: 26px;
}

.footer-hall-beauty-socials li a {
  width           : 56px;
  height          : 56px;
  background-color: #fff;
}

.footer-hall-beauty-socials li a::before {
  right        : 11px;
  left         : 11px;
  border-radius: 15px;
  opacity      : 0.5;
  background   : linear-gradient(0deg, rgba(86, 146, 230, 0.37) 0%, rgba(86, 146, 230, 0.37) 100%), rgba(0, 0, 0, 0.2);
  filter       : blur(25px);
  height       : 14px;
}

.footer-hall-beauty-socials li a i {
  width           : 34px;
  height          : 34px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow      : 0px 4px 15px rgba(0, 0, 0, 0.051);
}

.footer-hall-beauty-socials li a:hover {
  background-color: #E30D0C;
}

.footer-hall-beauty-socials li a:hover i {
  color: #fff;
}

.footer-hall-beauty-namads {
  gap: 50px;
}

.footer-hall-beauty-namads a img {
  filter: grayscale(1);
}

.footer-hall-beauty-namads a:hover img {
  filter: grayscale(0);
}

@media only screen and (max-width: 991px) {
  .footer-hall-beauty {
    padding-bottom: 24px;
  }

  .footer-hall-beauty-wrapper .row {
    margin: 0 -12px;
  }

  .footer-hall-beauty-wrapper .row>* {
    padding: 0 12px;
  }

  .footer-hall-beauty-contact {
    gap: 24px 0;
  }

  .footer-hall-beauty .socials-namads {
    margin-top : 0;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-hall-beauty-contact li {
    width: 100%;
    flex : 1 0 100%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-hall-beauty-socials {
    gap: 12px;
  }

  .footer-hall-beauty-namads {
    gap: 16px;
  }
}

.landing-hall-beauty {
  margin-top : -158px;
  padding-top: 196px;
}

.landing-hall-beauty::after {
  right           : 62px;
  width           : 284px;
  height          : 31px;
  background-image: var(--wpr-bg-c231d26e-aaa2-4b50-b366-841bce4d49b1);
  z-index         : 3;
}

.landing-hall-beauty .container::before {
  width                  : 515px;
  height                 : 412px;
  transform              : translate(-50%, 325px);
  background             : linear-gradient(180deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0) 42.43%, rgba(255, 255, 255, 0) 100%);
  z-index                : 2;
  border-radius          : 50%;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter        : blur(17px);
}

.landing-hall-beauty .container::after {
  width           : 56px;
  height          : 83px;
  background-image: var(--wpr-bg-0eb933a5-7396-4d4e-9d37-89a9a336fd69);
  top             : 22%;
  right           : 35%;
}

.landing-hall-beauty .link,
.landing-hall-beauty img {
  transform: scale(0);
}

.landing-hall-beauty img {
  transition-delay: 0.3s;
  transform-origin: bottom;
}

.landing-hall-beauty .text-up {
  color           : #a1a1a1;
  font-size       : 104px;
  line-height     : 193px;
  z-index         : -2;
  top             : 20%;
  transition-delay: 0.6s;
  transform       : translateX(-20%) scale(0.4);
  opacity         : 0;
}

.landing-hall-beauty .content {
  top    : 45.7%;
  z-index: -1;
}

.landing-hall-beauty .content .text {
  max-width: 452px;
}

.landing-hall-beauty .content .text>* {
  transform       : translateX(100%);
  transition-delay: 0.9s;
}

.landing-hall-beauty .content .left {
  max-width: 403px;
}

.landing-hall-beauty .content .left .sup-title span {
  transform       : translateY(-100%);
  transition-delay: 1.2s;
}

.landing-hall-beauty .content .left .sup-title span::after {
  width           : 79px;
  height          : 19px;
  background-image: linear-gradient(270deg, #fff -93.48%, rgba(255, 255, 255, 0) 134.78%);
  transform       : translate(-98px, -50%);
  border-radius   : 3px;
  opacity         : 0.6;
}

.landing-hall-beauty .content .left .title>* {
  font-size       : 43px;
  line-height     : 93px;
  transform       : translateX(-100%);
  transition-delay: 1.5s;
}

.landing-hall-beauty .link {
  transition-delay: 1.8s;
}

.landing-hall-beauty .swiper-slide-active .link,
.landing-hall-beauty .swiper-slide-active img {
  transform: scale(1);
}

.landing-hall-beauty .swiper-slide-active .text-up {
  transform: translateY(0px) scale(1);
  opacity  : 1;
}

.landing-hall-beauty .swiper-slide-active .content .text>*,
.landing-hall-beauty .swiper-slide-active .content .left .title>* {
  transform: translateX(0px);
}

.landing-hall-beauty .swiper-slide-active .content .left .sup-title>* {
  transform: translateY(0px);
}

.landing-hall-beauty .swiper-pagination {
  right: 164px;
  left : auto;
}

.landing-hall-beauty .swiper-pagination-bullet {
  width           : 6px;
  height          : 6px;
  opacity         : 1;
  background-color: #919191;
  border-radius   : 0;
}

.landing-hall-beauty .swiper-pagination-bullet-active {
  width           : 35px;
  opacity         : 1;
  background-color: #e30d0c;
}

.landing-hall-beauty .swiper-button-next::after,
.landing-hall-beauty .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 60px;
  color      : #fff;
}

.landing-hall-beauty .swiper-button-next:hover::after,
.landing-hall-beauty .swiper-button-prev:hover::after {
  color: #e30d0c;
}

.landing-hall-beauty .swiper-button-next {
  left: 60px;
}

.landing-hall-beauty .swiper-button-next::after {
  content: "\e989";
}

.landing-hall-beauty .swiper-button-prev {
  right: 60px;
}

.landing-hall-beauty .swiper-button-prev::after {
  content: "\e98a";
}

@media only screen and (max-width: 1399px) {
  .landing-hall-beauty .content .text {
    max-width: 412px;
  }

  .landing-hall-beauty .swiper-button-next,
  .landing-hall-beauty .swiper-button-prev {
    top: 58%;
  }
}

@media only screen and (max-width: 1199px) {
  .landing-hall-beauty .text-up {
    font-size  : 80px;
    line-height: 140px;
    top        : 12%;
  }

  .landing-hall-beauty .content {
    top: 42%;
  }

  .landing-hall-beauty .content .text {
    max-width: 350px;
  }

  .landing-hall-beauty .content .left {
    max-width: 360px;
  }

  .landing-hall-beauty .content .left .title>* {
    font-size  : 36px;
    line-height: 77px;
  }

  .landing-hall-beauty img {
    width : 550px;
    height: auto;
  }

  .landing-hall-beauty .swiper-button-next,
  .landing-hall-beauty .swiper-button-prev {
    top: 55%;
  }
}

@media only screen and (max-width: 991px) {
  .landing-hall-beauty {
    margin-top: -107px;
    padding   : 164px 0 80px;
  }

  .landing-hall-beauty::before {
    background-size: cover;
  }

  .landing-hall-beauty::after {
    right    : auto;
    left     : 50%;
    transform: translateX(-50%);
  }

  .landing-hall-beauty .text-up,
  .landing-hall-beauty .content {
    position: relative !important;
    top     : 0;
  }

  .landing-hall-beauty .text-up {
    font-size: 64px;
  }

  .landing-hall-beauty .content .text,
  .landing-hall-beauty .content .left {
    max-width: 100%;
  }

  .landing-hall-beauty .content .text>* {
    transition-delay: 1.5s;
  }

  .landing-hall-beauty .content .left .sup-title>span {
    transition-delay: 0.9s;
  }

  .landing-hall-beauty .content .left .title>* {
    transition-delay: 1.2s;
  }

  .landing-hall-beauty .swiper-pagination {
    right    : auto;
    left     : 50%;
    transform: translateX(-50%);
  }

  .landing-hall-beauty .swiper-button-next,
  .landing-hall-beauty .swiper-button-prev {
    top   : auto;
    bottom: 24px;
  }

  .landing-hall-beauty .swiper-button-next::after,
  .landing-hall-beauty .swiper-button-prev::after {
    font-size  : 48px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-hall-beauty::before {
    border-radius: 0;
  }

  .landing-hall-beauty .text-up {
    font-size    : 40px;
    line-height  : 80px;
    margin-bottom: 16px;
  }

  .landing-hall-beauty .swiper-button-next {
    left: 20px;
  }

  .landing-hall-beauty .swiper-button-prev {
    right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-hall-beauty {
    margin-top: -96px;
  }

  .landing-hall-beauty .text-up {
    font-size  : 32px;
    line-height: 72px;
  }

  .landing-hall-beauty .content .left .title>* {
    font-size  : 30px;
    line-height: 54px;
  }
}

.about-hall-beauty {
  margin: 139px 0 109px;
}

.about-hall-beauty .title::before {
  width           : 65px;
  height          : 52px;
  background-image: var(--wpr-bg-b7f51e56-ac66-4600-aea6-d98980779a86);
  transform       : translate(18px, -50%);
}

.about-hall-beauty p {
  margin-bottom: 64px;
}

.about-hall-beauty .btns .btn {
  padding: 15px 24.5px;
}

.about-hall-beauty .video-hall-beauty::before,
.about-hall-beauty .video-hall-beauty::after {
  background-image: var(--wpr-bg-74322692-1fb7-49db-b9a1-080052fcec0a);
  width           : 93px;
  height          : 74px;
}

.about-hall-beauty .video-hall-beauty::before {
  transform: translate(13px, 14px);
}

.about-hall-beauty .video-hall-beauty::after {
  transform: translate(-24px, -32px);
}

.about-hall-beauty .video-js {
  width : 100%;
  height: auto;
}

.about-hall-beauty .video-js,
.about-hall-beauty .video-js .vjs-poster {
  background-color: #fff;
}

.about-hall-beauty .video-js .vjs-poster,
.about-hall-beauty .video-js video {
  border-radius     : 50px;
  -webkit-mask-image: linear-gradient(223.27deg, rgba(246, 246, 246, 0) 2.04%, rgba(246, 246, 246, 0.22) 45.7%, rgba(246, 246, 246, 0) 85.58%);
  mask-image        : linear-gradient(223.27deg, rgba(246, 246, 246, 0) 2.04%, rgba(246, 246, 246, 0.22) 45.7%, rgba(246, 246, 246, 0) 85.58%);
}

.about-hall-beauty .video-js video {
  -o-object-fit: fill;
  object-fit   : fill;
  position     : relative;
}

.about-hall-beauty .video-js.vjs-playing video {
  -webkit-mask-image: none;
  mask-image        : none;
  border-radius     : 50px 50px 0 0;
}

.about-hall-beauty .video-js.vjs-fullscreen video {
  border-radius: 0 !important;
}

@media only screen and (max-width: 991px) {
  .about-hall-beauty .video-js {
    width : 100%;
    height: 457px;
  }

  .about-hall-beauty .video-js video {
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .about-hall-beauty {
    margin: 80px 0 60px;
  }

  .about-hall-beauty .video-js {
    height: 400px;
  }

  .about-hall-beauty .video-js video,
  .about-hall-beauty .video-js .vjs-poster {
    border-radius: 20px;
  }

  .about-hall-beauty .video-js.vjs-playing video {
    border-radius: 20px 20px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .about-hall-beauty .btns .btn {
    margin-left: 0;
  }

  .about-hall-beauty .video-js {
    height: 250px;
  }
}

.companies-hall-beauty a img {
  max-height: 30px;
  filter    : grayscale(1) opacity(0.5);
}

.companies-hall-beauty a:hover img {
  filter: grayscale(0) opacity(1);
}

.services-hall-beauty {
  padding            : 70px 0 70px 0;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI3MzQiIHZpZXdCb3g9IjAgMCAxNjAwIDczNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDI0NS45NjlWNzI0QzAgNzI3LjM1NyAwLjA5NjcyMzMgNzMwLjY5MSAwLjI4NzUzNSA3MzRIMTYwMFY2Mi4wNzcyQzE1NjYuNDEgMjEuNTU4NSAxNTE0LjY5IC0yLjg0NjcgMTQ1OC40MSAwLjQwMDcwNUwxNjEuMTUgNzUuMjUzM0M3MC42ODU3IDgwLjQ3MzEgMCAxNTUuMzU1IDAgMjQ1Ljk2OVoiIGZpbGw9IiMxMjEyMTIiLz4KPC9zdmc+Cg==) top left -40px/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI3MzQiIHZpZXdCb3g9IjAgMCAxNjAwIDczNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDI0NS45NjlWNzI0QzAgNzI3LjM1NyAwLjA5NjcyMzMgNzMwLjY5MSAwLjI4NzUzNSA3MzRIMTYwMFY2Mi4wNzcyQzE1NjYuNDEgMjEuNTU4NSAxNTE0LjY5IC0yLjg0NjcgMTQ1OC40MSAwLjQwMDcwNUwxNjEuMTUgNzUuMjUzM0M3MC42ODU3IDgwLjQ3MzEgMCAxNTUuMzU1IDAgMjQ1Ljk2OVoiIGZpbGw9IiMxMjEyMTIiLz4KPC9zdmc+Cg==) top left -40px/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #121212;
  background-image   : var(--wpr-bg-0727d8c9-b33f-4a0e-8cf7-1f819b5648f4);
  margin-right       : -40px;
}

.services-hall-beauty::before {
  width           : 207px;
  height          : 218px;
  border-radius   : 50%;
  background-color: #fff;
  filter          : blur(337px);
  z-index         : 4;
  top             : 52px;
  transform       : translateY(23px);
}

.services-hall-beauty-heading {
  margin-bottom: 41px;
  z-index      : 5;
}

.services-hall-beauty-item {
  background: rgba(181, 181, 181, 0.2);
  padding   : 36px 21px 35px 36px;
}

.services-hall-beauty-item::after {
  content    : "\e987";
  font-size  : 15px;
  line-height: 1;
  color      : #fff;
  bottom     : 25px;
  left       : 41px;
  font-family: "icomoon";
}

.services-hall-beauty-item:hover {
  background-color: rgba(227, 13, 12, 0.1);
}

.services-hall-beauty-carousel::before {
  background-image: var(--wpr-bg-dc765bcd-cb23-42c7-bd90-3d021447ebe9);
  width           : 71px;
  height          : 74px;
  z-index         : 4;
}

.services-hall-beauty-carousel .container::before,
.services-hall-beauty-carousel .container::after {
  width  : 100vw;
  z-index: 3;
}

.services-hall-beauty-carousel .container::before {
  background-image: linear-gradient(to left, #121212 85%, rgba(18, 18, 18, 0));
  left            : 100%;
}

.services-hall-beauty-carousel .container::after {
  background-image: linear-gradient(to right, #121212 85%, rgba(18, 18, 18, 0));
  right           : 100%;
}

.services-hall-beauty .swiper-pagination {
  bottom   : auto;
  left     : 12px;
  transform: translateY(-75px);
}

.services-hall-beauty .swiper-pagination-bullet {
  opacity         : 0.2;
  width           : 27px;
  height          : 8px;
  border-radius   : 20px;
  background-color: #fff;
}

.services-hall-beauty .swiper-pagination-bullet-active {
  opacity: 1;
  width  : 55px;
}

@media only screen and (max-width: 767px) {
  .services-hall-beauty {
    -webkit-mask: unset;
    mask        : unset;
    margin-top  : 80px;
  }

  .services-hall-beauty-item {
    padding: 24px 16px 50px;
  }

  .services-hall-beauty-item::after {
    bottom: 20px;
    left  : 20px;
  }

  .services-hall-beauty-item .image {
    margin-left: 0;
  }
}

@media only screen and (max-width: 575px) {
  .services-hall-beauty .swiper-pagination {
    transform  : translate(-50%, 54px);
    top        : auto !important;
    bottom     : 0;
    left       : 50%;
    white-space: nowrap;
  }
}

.works-hall-beauty {
  padding      : 87px 0 71px;
  border-radius: 100px;
  box-shadow   : 0px 94px 200px rgba(0, 0, 0, 0.051);
  margin-top   : -288px;
}

.works-hall-beauty-heading {
  padding-bottom: 45px;
  margin-bottom : 57px;
}

.works-hall-beauty-heading::after {
  height    : 1px;
  background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.works-hall-beauty-heading .counter {
  width : 87px;
  height: 87px;
}

.works-hall-beauty-heading .counter::before {
  background-image: linear-gradient(110.69deg, #ff4b4b -47.4%, rgba(255, 75, 75, 0) 101.66%);
  filter          : blur(5px);
  border-radius   : 50%;
}

.works-hall-beauty-carousel::before,
.works-hall-beauty-carousel::after {
  background-image: var(--wpr-bg-528485f0-e785-433f-b934-7c3c878642ee);
  width           : 119px;
  height          : 94px;
}

.works-hall-beauty-carousel::before {
  transform: translate(22px, 13px);
}

.works-hall-beauty-carousel::after {
  transform: translate(-36px, -20px);
}

.works-hall-beauty-carousel img {
  box-shadow      : -75px 0px 124px rgba(54, 33, 67, 0.04);
  background-image: linear-gradient(226.34deg, #362143 -18.23%, #9b81ab 60.52%, #a68bb6 114.88%);
  cursor          : zoom-in;
}

.works-hall-beauty-instagram {
  margin-top      : 73px;
  background-image: radial-gradient(139.86% 1241.32% at -18.88% -11.46%, rgba(168, 76, 104, 0) 0%, rgba(166, 76, 105, 0.00410526) 38%, rgba(109, 73, 131, 0.1) 100%);
  padding         : 10px 32px 11px;
}

.works-hall-beauty-instagram .btn {
  padding: 14.5px 23px;
}

@media only screen and (max-width: 991px) {
  .works-hall-beauty {
    border-radius: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .works-hall-beauty {
    border-radius: 32px;
    padding      : 40px 0;
  }

  .works-hall-beauty-instagram {
    padding: 10px 16px 11px;
  }

  .works-hall-beauty-instagram>div {
    font-size  : 12px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .works-hall-beauty {
    border-radius: 20px;
  }

  .works-hall-beauty-heading .counter {
    width : 64px;
    height: 64px;
  }

  .works-hall-beauty-heading .counter+div {
    margin-right: 16px;
  }

  .works-hall-beauty-instagram i {
    margin-left: 0;
  }
}

.customers-videos {
  margin: 107px 0 234px;
}

.customers-videos .video-hall-beauty {
  padding         : 10px;
  border-radius   : 93px;
  background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.212388) 21.84%, rgba(255, 255, 255, 0) 100%);
  box-shadow      : 0px 144px 100px rgba(0, 0, 0, 0.051);
}

.customers-videos .video-hall-beauty .video-js {
  width : 100%;
  height: 502px;
}

.customers-videos .video-hall-beauty .video-js video {
  position: relative;
}

.customers-videos .video-hall-beauty .video-js,
.customers-videos .video-hall-beauty .video-js video,
.customers-videos .video-hall-beauty .video-js .vjs-poster {
  background-color: transparent;
}

.customers-videos .video-hall-beauty .video-js video {
  -o-object-fit: fill;
  object-fit   : fill;
}

.customers-videos .video-hall-beauty .video-js .vjs-poster {
  background-size: cover;
}

.customers-videos .video-hall-beauty .video-js .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(255, 255, 255, 0.3);
}

.customers-videos .video-hall-beauty .video-js video,
.customers-videos .video-hall-beauty .video-js .vjs-poster {
  border-radius: 83px;
}

.customers-videos .video-hall-beauty .video-js.vjs-has-started video {
  border-radius: 83px 83px 0 0;
}

.customers-videos .swiper::before,
.customers-videos .swiper::after {
  width  : 100vw;
  z-index: 3;
}

.customers-videos .swiper::before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.8) 85%, rgba(255, 255, 255, 0));
  left            : 100%;
}

.customers-videos .swiper::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 85%, rgba(255, 255, 255, 0));
  right           : 100%;
}

@media only screen and (max-width: 767px) {
  .customers-videos {
    margin: 70px 0;
  }

  .customers-videos .video-hall-beauty {
    border-radius: 58px;
  }

  .customers-videos .video-hall-beauty .video-js {
    height: 320px;
  }

  .customers-videos .video-hall-beauty .video-js video,
  .customers-videos .video-hall-beauty .video-js .vjs-poster {
    border-radius: 48px;
  }

  .customers-videos .video-hall-beauty .video-js.vjs-has-started video {
    border-radius: 48px 48px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .customers-videos .video-hall-beauty {
    padding      : 4px;
    border-radius: 34px;
  }

  .customers-videos .video-hall-beauty .video-js {
    height: 280px;
  }

  .customers-videos .video-hall-beauty .video-js video,
  .customers-videos .video-hall-beauty .video-js .vjs-poster {
    border-radius: 24px;
  }

  .customers-videos .video-hall-beauty .video-js.vjs-has-started video {
    border-radius: 24px 24px 0 0;
  }

  .customers-videos .video-hall-beauty .video-js .vjs-big-play-button {
    transform: translate(-50%, -50%) scale(0.7);
  }
}

.articles-hall-beauty {
  border-radius: 100px;
  box-shadow   : 0px 66px 200px rgba(0, 0, 0, 0.051);
  padding      : 54px 0 76px;
}

.articles-hall-beauty-item figure img {
  box-shadow: 0px 68px 50px rgba(0, 0, 0, 0.02);
}

.articles-hall-beauty-item figure ul {
  padding  : 28px 23px;
  max-width: 80%;
  transform: translate(-50%, 50%);
}

.articles-hall-beauty-item figure ul a:hover {
  color: #E30D0C;
}

.articles-hall-beauty-item .title {
  max-height: 64px;
}

.articles-hall-beauty-item .title a:hover {
  color: #E30D0C;
}

.articles-hall-beauty-item p {
  max-height: 104px;
}

.articles-hall-beauty .swiper {
  margin-bottom : 56px;
  padding-bottom: 56px;
}

.articles-hall-beauty .swiper::after {
  height          : 1px;
  background-image: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

@media only screen and (max-width: 1199px) {
  .articles-hall-beauty-item figure ul {
    max-width: 90%;
    padding  : 28px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .articles-hall-beauty {
    border-radius: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-hall-beauty {
    border-radius: 32px;
    padding      : 32px 0;
  }

  .articles-hall-beauty-item .title {
    font-size  : 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-hall-beauty {
    border-radius: 0;
  }
}

.landing-contact-hall-beauty {
  margin        : 95px 0 342px;
  padding-bottom: 23px;
  box-shadow    : 0px 104px 190px rgba(0, 0, 0, 0.09);
}

.landing-contact-hall-beauty::before {
  background-color: #1a1a1a;
  height          : calc(100% + 260px);
  background-image: var(--wpr-bg-c513041a-735f-43be-b1c8-d3363afa2ec3);
}

.landing-contact-hall-beauty::after,
.landing-contact-hall-beauty-form::before {
  content    : "Your beauty is our desire";
  color      : rgba(161, 161, 161, 0.2);
  font-size  : 64px;
  line-height: 119px;

  white-space: nowrap;
}

.landing-contact-hall-beauty::after {
  bottom: 48px;
  left  : 80px;
}

.landing-contact-hall-beauty .container::after {
  width           : 273px;
  height          : 27px;
  background-image: var(--wpr-bg-29ceedee-5110-4585-b5de-96c3845dede7);
  transform       : translate(44px, 23px);
  box-shadow      : inset 0px 104px 190px rgba(0, 0, 0, 0.08);
}

.landing-contact-hall-beauty .sup-title::after {
  opacity         : 0.6;
  border-radius   : 3px;
  width           : 79px;
  height          : 9px;
  background-image: linear-gradient(270deg, #fff -93.48%, rgba(255, 255, 255, 0) 134.78%);
  transform       : translate(-93px, -50%);
}

.landing-contact-hall-beauty .title {
  line-height: 93px;
}

.landing-contact-hall-beauty-form {
  padding         : 11px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow      : 0px 204px 174px rgba(0, 0, 0, 0.071);
  border-radius   : 25px;
  max-width       : 593px;
  margin-bottom   : -319px;
}

.landing-contact-hall-beauty-form::before {
  transform: translate(233px, 13px);
}

.landing-contact-hall-beauty-form .content {
  padding: 34px 45px 70px;
}

.landing-contact-hall-beauty-form .content .form-control {
  height          : 72px;
  background-color: #f6f6f6;
  border-color    : #f6f6f6;
  padding         : 0 24px;
}

.landing-contact-hall-beauty-form .content .form-control:focus {
  border-color: #e30d0c;
  box-shadow  : 0 0 0 4px rgba(227, 13, 12, 0.2);
}

.landing-contact-hall-beauty-form .content textarea.form-control {
  height     : 178px;
  padding-top: 24px;
}

.landing-contact-hall-beauty .scroll-down {
  width           : 91px;
  height          : 91px;
  background-color: #fff;
  font-size       : 38px;
  transform       : translate(-40px, 105px);
}

.landing-contact-hall-beauty .scroll-down:hover {
  background-color: #e30d0c;
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .landing-contact-hall-beauty::after {
    left: 20px;
  }
}

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

  .landing-contact-hall-beauty::after,
  .landing-contact-hall-beauty-form::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .landing-contact-hall-beauty {
    margin-top: 50px;
  }

  .landing-contact-hall-beauty .title {
    line-height: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-contact-hall-beauty .title {
    line-height: 54px;
  }

  .landing-contact-hall-beauty-form {
    padding      : 7px;
    border-radius: 21px;
  }

  .landing-contact-hall-beauty-form .content {
    padding: 24px 12px 32px;
  }
}

.info-contact-hall-beauty {
  margin-bottom: 165px;
}

.info-contact-hall-beauty::before {
  background-image: var(--wpr-bg-903280a7-babe-42c8-9810-6a016c58d6d8);
  transform       : translateY(-424px);
  height          : 919px;
}

.info-contact-hall-beauty-wrapper::before {
  width           : 550px;
  height          : 550px;
  background-color: rgba(227, 13, 12, 0.2);
  border-radius   : 50%;
  transform       : translateY(-161px);
}

.info-contact-hall-beauty-wrapper::after {
  width        : 441px;
  height       : 441px;
  border-radius: 50%;
  padding      : 6px;
  background   : linear-gradient(0deg, rgba(227, 13, 12, 0.3), rgba(227, 13, 12, 0.3)) content-box, linear-gradient(141.44deg, #FFFFFF -2.33%, #FFFFFF 15.03%, rgba(255, 255, 255, 0.0904853) 23.75%, rgba(255, 255, 255, 0) 85.17%) padding-box;
  right        : 52px;
  transform    : translateY(-104px);
}

.info-contact-hall-beauty-item {
  padding   : 32px 43px 26px 54px;
  box-shadow: 0px 64px 60px rgba(0, 0, 0, 0.04);
  max-width : 514px;
}

.info-contact-hall-beauty-item:not(:last-child) {
  margin-bottom: 23px;
}

.info-contact-hall-beauty-item i {
  font-size: 36px;
}

.info-contact-hall-beauty .row>*:nth-child(2) {
  margin-top: 41px;
}

@media only screen and (max-width: 991px) {
  .info-contact-hall-beauty {
    margin-bottom: 60px;
  }

  .info-contact-hall-beauty .row>*:nth-child(2) {
    margin-top: 23px;
  }
}

@media only screen and (max-width: 575px) {
  .info-contact-hall-beauty-item {
    padding: 32px 24px;
  }

  .info-contact-hall-beauty-item img {
    margin-left: 0;
  }
}

.about-us-hall-beauty {
  margin: 58px 0 506px;
}

.about-us-hall-beauty::before {
  height          : calc(100% + 220px);
  background-color: #1a1a1a;
  box-shadow      : 0px 104px 190px rgba(0, 0, 0, 0.1);
}

.about-us-hall-beauty::after {
  right           : 0;
  background-image: var(--wpr-bg-0b14bd44-0f66-48bc-8f20-ea3e948fed9e);
  width           : 273px;
  height          : 26px;
  box-shadow      : inset 0px 104px 190px rgba(0, 0, 0, 0.08);
  transform       : translateY(2px);
}

.about-us-hall-beauty .container::after {
  content    : "Your beauty is our desire";
  font-size  : 135px;
  line-height: 250px;
  color      : rgba(161, 161, 161, 0.2);

  bottom     : 96px;
  white-space: nowrap;
  transform  : translateX(-75px);
}

.about-us-hall-beauty-heading {
  margin-bottom: 65px;
}

.about-us-hall-beauty-heading p {
  margin-right: 53px;
}

.about-us-hall-beauty .video-hall-beauty {
  padding         : 6px;
  border-radius   : 29px;
  background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.212388) 21.84%, rgba(255, 255, 255, 0) 100%);
  transform       : translateY(50%);
  margin-top      : -25%;
  box-shadow      : 0px 144px 100px rgba(0, 0, 0, 0.05);
}

.about-us-hall-beauty .video-hall-beauty .video-js {
  width: 100%;
}

.about-us-hall-beauty .video-hall-beauty .video-js,
.about-us-hall-beauty .video-hall-beauty .video-js video,
.about-us-hall-beauty .video-hall-beauty .video-js .vjs-poster {
  border-radius: 23px;
}

.about-us-hall-beauty .video-hall-beauty .video-js video {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .about-us-hall-beauty {
    margin-bottom: 260px;
  }

  .about-us-hall-beauty-heading p {
    margin-right: 0;
  }

  .about-us-hall-beauty .container::after {
    content: none;
  }

  .about-us-hall-beauty .video-hall-beauty {
    margin-top: -33%;
  }

  .about-us-hall-beauty .video-hall-beauty .video-js {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-hall-beauty {
    margin-bottom: 260px;
  }

  .about-us-hall-beauty .video-hall-beauty {
    margin-top   : -47%;
    border-radius: 20px;
  }

  .about-us-hall-beauty .video-hall-beauty .video-js,
  .about-us-hall-beauty .video-hall-beauty .video-js video,
  .about-us-hall-beauty .video-hall-beauty .video-js .vjs-poster {
    border-radius: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-hall-beauty {
    margin-bottom: 200px;
  }

  .about-us-hall-beauty .video-hall-beauty {
    transform : translateY(140px);
    margin-top: -140px;
  }

  .about-us-hall-beauty .video-hall-beauty .video-js {
    height: 280px;
  }

  .about-us-hall-beauty .video-hall-beauty .vjs-big-play-button {
    transform: scale(0.7) translate(-50%, -50%);
  }
}

.customers-videos-about-hall-beauty {
  padding      : 41px 0 173px;
  box-shadow   : 0px 144px 100px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
}

@media only screen and (max-width: 991px) {
  .customers-videos-about-hall-beauty {
    border-radius: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .customers-videos-about-hall-beauty {
    border-radius : 48px;
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .customers-videos-about-hall-beauty {
    border-radius: 20px;
  }
}

.companies-about-hall-beauty {
  background-color: #121212;
  padding         : 86px 0 100px;
  transform       : skew(4deg, -3deg);
  border-radius   : 0 0 100px 100px;
  background-image: var(--wpr-bg-21854952-97a5-4618-a3b5-65e3c500ba5e);
  margin-bottom   : 91px;
}

.companies-about-hall-beauty::before {
  background-color: inherit;
  bottom          : 35%;
  height          : 100%;
  width           : 200%;
}

.companies-about-hall-beauty::before,
.companies-about-hall-beauty .container {
  transform: skew(-4deg, 3deg);
}

.companies-about-hall-beauty-heading {
  margin-bottom: 48px;
}

.companies-about-hall-beauty-heading p {
  margin-right: 103px;
}

.companies-about-hall-beauty .swiper a {
  min-height: 93px;
  padding   : 0 12px;
}

.companies-about-hall-beauty .swiper a img {
  box-shadow: -38px 4px 100px rgba(0, 0, 0, 0.05);
  max-height: 88px;
  filter    : grayscale(1);
}

.companies-about-hall-beauty .swiper a:hover img {
  filter: grayscale(0);
}

.companies-about-hall-beauty .swiper-slide.two {
  margin-top: 45px !important;
}

@media only screen and (min-width: 5000px) {
  .companies-about-hall-beauty::before {
    bottom: 25%;
  }
}

@media only screen and (max-width: 1399px) {
  .companies-about-hall-beauty::before {
    bottom: 45%;
  }
}

@media only screen and (max-width: 991px) {
  .companies-about-hall-beauty {
    border-radius: 64px;
  }

  .companies-about-hall-beauty-heading p {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .companies-about-hall-beauty {
    border-radius: 48px;
    padding      : 32px 0 50px;
    margin-bottom: 70px;
  }

  .companies-about-hall-beauty,
  .companies-about-hall-beauty::before,
  .companies-about-hall-beauty .container {
    transform: unset;
  }
}

@media only screen and (max-width: 575px) {
  .companies-about-hall-beauty {
    border-radius: 0;
  }
}

.detail-blog-hall-beauty {
  margin: 86px 0 110px;
}

.detail-blog-hall-beauty::before {
  height          : 720px;
  background-color: #1a1a1a;
  box-shadow      : 0px 104px 190px rgba(0, 0, 0, 0.1);
  transform       : translateY(-245px);
}

.detail-blog-hall-beauty::after {
  background-image: var(--wpr-bg-87c9e2c2-3c74-4c8a-aa3d-2033c60e513a);
  width           : 273px;
  height          : 26px;
  top             : 450px;
  box-shadow      : inset 0px 104px 190px rgba(0, 0, 0, 0.08);
}

.detail-blog-hall-beauty .image {
  background   : linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.0203783) 62.65%, rgba(255, 255, 255, 0) 87.63%, rgba(255, 255, 255, 0) 96.4%, rgba(255, 255, 255, 0) 99.99%);
  padding      : 12px 12px 0;
  box-shadow   : 0px 124px 144px rgba(0, 0, 0, 0.12);
  border-radius: 144px 144px 0 0;
  margin-bottom: 69px;
}

.detail-blog-hall-beauty .image img {
  border-radius: 132px 132px 0 0;
}

.detail-blog-hall-beauty .box-title {
  box-shadow: 0px 24px 74px rgba(0, 0, 0, 0.02);
  padding   : 51px 38px 51px 84px;
}

.detail-blog-hall-beauty .box-title .title {
  font-size: 32px;
}

.detail-blog-hall-beauty .box-title .title::before {
  width           : 5px;
  height          : 22px;
  background-color: #E30D0C;
  margin-left     : 31px;
  display         : inline-block;
  vertical-align  : middle;
}

.detail-blog-hall-beauty .box-title .rate {
  background-color: #121212;
  font-size       : 21px;
  line-height     : 32px;
  width           : 120px;
  height          : 44px;
}

.detail-blog-hall-beauty-content {
  margin-top : 34px;
  padding-top: 52px;
}

.detail-blog-hall-beauty-content::before {
  height    : 1px;
  background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

@media only screen and (max-width: 1199px) {
  .detail-blog-hall-beauty .box-title {
    padding: 51px 28px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-hall-beauty::before {
    height: 500px;
  }

  .detail-blog-hall-beauty::after {
    top: 231px;
  }

  .detail-blog-hall-beauty .image {
    border-radius: 76px 76px 0 0;
  }

  .detail-blog-hall-beauty .image img {
    border-radius: 64px 64px 0 0;
  }

  .detail-blog-hall-beauty .box-title {
    padding      : 24px 20px;
    border-radius: 20px;
  }

  .detail-blog-hall-beauty .box-title .title {
    font-size  : 28px;
    line-height: 1.65;
  }

  .detail-blog-hall-beauty .box-title .title::before {
    margin-left: 8px;
  }

  .detail-blog-hall-beauty .box-title .rate {
    margin: 24px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-hall-beauty {
    margin: 60px 0;
  }

  .detail-blog-hall-beauty .box-title .title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-hall-beauty::before {
    height: 450px;
  }

  .detail-blog-hall-beauty::after {
    top: 180px;
  }

  .detail-blog-hall-beauty .image {
    border-radius: 27px 27px 0 0;
    padding      : 7px;
  }

  .detail-blog-hall-beauty .image img {
    border-radius: 20px 20px 0 0;
  }

  .detail-blog-hall-beauty .box-title .title {
    font-size: 16px;
  }

  .detail-blog-hall-beauty .box-title .rate {
    margin-top: 16px;
    font-size : 18px;
  }
}

@media only screen and (max-width: 449px) {
  .detail-blog-hall-beauty::before {
    height: 370px;
  }

  .detail-blog-hall-beauty::after {
    top: 100px;
  }
}

.service-hall-beauty {
  min-height: 100vh;
  padding   : 98px 0 72px;
}

.service-hall-beauty-row {
  margin: 0 -50px;
}

.service-hall-beauty-row>* {
  padding: 0 50px;
}

.service-hall-beauty::before {
  width           : 101px;
  height          : 62px;
  border-radius   : 20px;
  background-color: #e30d0c;
  transform       : translate(36px, -52px);
  filter          : blur(127px);
}

.service-hall-beauty::after {
  background-color: #1a1a1a;
  width           : 50%;
  background-image: var(--wpr-bg-c84a991d-8a85-46bc-87d0-54d298190105);
}

.service-hall-beauty p {
  padding-bottom: 30px;
  margin-bottom : 54px;
}

.service-hall-beauty p::after {
  height    : 1px;
  background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.service-hall-beauty form {
  gap: 39px 0;
}

.service-hall-beauty form .form-control {
  height    : 67px;
  box-shadow: 0px 44px 74px rgba(0, 0, 0, 0.09);
  padding   : 0 24px;
  border    : 1px solid #fff;
}

.service-hall-beauty form .form-control:focus {
  border-color: #dadada;
}

.service-hall-beauty form select.form-control {
  background     : var(--wpr-bg-fa5da994-c4a2-46ca-a3c0-05ae431d686d) left 20px center no-repeat;
  background-size: auto;
}

.service-hall-beauty form textarea.form-control {
  height     : 277px;
  padding-top: 24px;
}

.service-hall-beauty form .terms {
  background: linear-gradient(269.33deg, #f4f4f4 -3.68%, rgba(244, 244, 244, 0) 116.64%);
  padding   : 20px 59px 20px 12px;
  cursor    : pointer;
}

.service-hall-beauty form .terms::before,
.service-hall-beauty form .terms::after {
  width        : 20px;
  height       : 20px;
  border-radius: 6px;
  right        : 29px;
}

.service-hall-beauty form .terms::before {
  border: 1px solid #494949;
}

.service-hall-beauty form .terms::after {
  content         : "\e988";
  font-family     : "icomoon";
  background-color: #e30d0c;
  font-size       : 12px;
  color           : #fff;
  display         : flex;
  align-items     : center;
  justify-content : center;
  opacity         : 0;
}

.service-hall-beauty form input:checked+.terms::after {
  opacity: 1;
}

.service-hall-beauty form .btn {
  padding: 20px 12px;
}

.service-hall-beauty-faq {
  padding      : 28px 21px 47px;
  margin-bottom: 16px;
}

.service-hall-beauty-faq::before {
  background   : linear-gradient(144.12deg, #fff -17.16%, rgba(255, 255, 255, 0.17632) 18.19%, rgba(255, 255, 255, 0) 79.01%);
  padding      : 4px;
  border-radius: 20px;
}

.service-hall-beauty-contact {
  padding: 40px 28px 35px;
}

.service-hall-beauty-contact::before {
  border-radius: 20px;
  padding      : 4px;
  background   : linear-gradient(-144.12deg, #fff -17.16%, rgba(255, 255, 255, 0.17632) 18.19%, rgba(255, 255, 255, 0) 79.01%);
}

.service-hall-beauty-contact li {
  background-color: rgba(255, 255, 255, 0.08);
  border          : 1px solid #f4f4f4;
  padding         : 32px 32px 26px 54px;
}

.service-hall-beauty-contact li:not(:last-child) {
  margin-bottom: 37px;
}

.service-hall-beauty-contact li i {
  font-size: 36px;
}

@media only screen and (max-width: 1399px) {
  .service-hall-beauty-row {
    margin: 0 -30px;
  }

  .service-hall-beauty-row>* {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .service-hall-beauty-row {
    margin: 0 -24px;
  }

  .service-hall-beauty-row>* {
    padding: 0 24px;
  }

  .service-hall-beauty-contact li {
    padding-left: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .service-hall-beauty {
    padding: 48px 0 0;
  }

  .service-hall-beauty-row {
    margin: 0 -12px;
  }

  .service-hall-beauty-row>* {
    padding: 0 12px;
  }

  .service-hall-beauty-left {
    padding: 48px 0;
  }

  .service-hall-beauty-left::before {
    background-color: #1a1a1a;
    width           : 130vw;
    background-image: var(--wpr-bg-1af1ba3d-e1bf-4b60-b179-11900b98cbe7);
  }
}

.btn-more-jobinja {
  padding   : 32px 24px;
  min-width : 254px;
  margin-top: 83px;
}

@media only screen and (max-width: 767px) {
  .btn-more-jobinja {
    padding   : 20px;
    margin-top: 40px;
  }
}

.articles-jobinja {
  margin-bottom: 113px;
}

.articles-jobinja-item .title {
  max-height: 100px;
}

.articles-jobinja-item .title a:hover {
  color: #0547c1;
}

.articles-jobinja-item:hover figure img {
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .articles-jobinja {
    margin-bottom: 60px;
  }

  .articles-jobinja-item figure {
    border-radius: 20px;
  }

  .articles-jobinja-item .title {
    max-height: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-jobinja .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

.our-team-members {
  margin: 134px 0 168px;
}

.our-team-members-item {
  border : 1px solid #919191;
  padding: 12px 12px 20px;
}

.our-team-members-item:hover {
  border-color: #fff;
  box-shadow  : 0px 63px 54px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 767px) {
  .our-team-members {
    margin: 80px 0;
  }

  .our-team-members-item,
  .our-team-members-item img {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .our-team-members-item {
    padding: 8px 8px 16px;
  }

  .our-team-members-item .name {
    font-size  : 14px;
    line-height: 22px;
  }

  .our-team-members-item .position {
    font-size  : 12px;
    line-height: 18px;
  }
}

.faqs-jobinja {
  margin-bottom: 155px;
}

.faqs-jobinja-wrapper {
  padding: 51px 46px 0;
}

.faqs-jobinja-wrapper::before {
  background-color: #edf1f7;
  border-radius   : 8px;
  bottom          : 100px;
}

.faqs-jobinja-heading .title::after {
  width           : 1px;
  height          : 65px;
  margin          : 0 30px;
  background-color: rgba(145, 145, 145, 0.2);
}

.faqs-jobinja .row {
  gap: 30px 0;
}

.faqs-jobinja-item {
  box-shadow: 0px 84px 107px rgba(0, 0, 0, 0.05);
  padding   : 33px 46px 39px;
}

@media only screen and (max-width: 991px) {
  .faqs-jobinja {
    margin-bottom: 60px;
  }

  .faqs-jobinja-heading .title {
    white-space: normal !important;
  }

  .faqs-jobinja .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .faqs-jobinja-wrapper {
    padding: 32px 12px 0;
    margin : 0 -12px;
  }

  .faqs-jobinja-item {
    padding: 24px 20px;
  }
}

.video-jobinja .video-js {
  width : 100%;
  height: 293px;
}

.video-jobinja .video-js,
.video-jobinja .video-js video,
.video-jobinja .video-js .vjs-poster {
  border-radius: 10px;
}

.video-jobinja .video-js video {
  position: relative;
}

.video-jobinja .video-js .vjs-poster {
  overflow: hidden;
}

.video-jobinja .video-js .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
}

.video-jobinja .video-js .vjs-big-play-button {
  width : 82px;
  height: 81px;
}

.video-jobinja .video-js .vjs-big-play-button::after {
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.47) 0%, rgba(18, 18, 18, 0) 100%);
}

.video-jobinja .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  line-height: 81px;
  color      : #0547C1;
  font-size  : 24px;
}

.top-header-jobinja {
  padding-top: 58px;
}

.top-header-jobinja::before {
  top             : 31px;
  right           : 32px;
  border-radius   : 50%;
  background-color: rgba(5, 71, 193, 0.6);
  width           : 60px;
  height          : 60px;
  filter          : blur(82px);
}

.top-header-jobinja-nav {
  margin-right: 82px;
}

.top-header-jobinja-nav::before {
  width           : 1px;
  height          : 41px;
  background-color: rgba(145, 145, 145, 0.19);
  transform       : translate(37px, -50%);
}

.top-header-jobinja-nav ul {
  gap: 4px;
}

.top-header-jobinja-nav ul li a {
  padding: 11px 14.5px;
}

.top-header-jobinja-nav ul li a::before {
  display         : inline-block;
  vertical-align  : middle;
  margin-left     : 7px;
  width           : 6px;
  height          : 6px;
  border-radius   : 50%;
  background-color: #0547c1;
}

.top-header-jobinja-nav ul li a.active {
  color      : #0547c1;
  font-weight: 800;
}

.top-header-jobinja-nav ul li a.active::before {
  content: "";
}

.top-header-jobinja-nav ul li a:not(.active):hover {
  background-color: #2e365d;
  color           : #fff;
}

.top-header-jobinja-notification {
  background-color: #fff;
  border          : 1px solid #f8f8f8;
  box-shadow      : 8px 4px 24px 0px rgba(0, 0, 0, 0.02) inset, 0px 44px 74px 0px rgba(175, 189, 215, 0.4);
  width           : 54px;
  height          : 54px;
}

.top-header-jobinja-notification:hover {
  background-color: #0547c1;
  color           : #fff;
}

.top-header-jobinja-auth {
  background-color: #fff;
  border          : 1px solid #f8f8f8;
  box-shadow      : 0px 44px 74px rgba(175, 189, 215, 0.4);
  padding         : 14px 18px;
}

.top-header-jobinja-auth::before {
  width           : 1px;
  height          : 41px;
  background-color: rgba(145, 145, 145, 0.19);
  transform       : translate(16px, -50%);
}

.top-header-jobinja-auth:hover {
  background-color: #0547c1;
  color           : #fff;
}

.top-header-jobinja-auth:hover img {
  mix-blend-mode: color-dodge;
}

.top-header-jobinja-contact:hover {
  color: #0547c1;
}

.top-header-jobinja-yellow .top-header-jobinja-nav li a::before {
  background-color: #f69400;
}

.top-header-jobinja-yellow .top-header-jobinja-nav li a.active {
  color: #f69400;
}

.top-header-jobinja-yellow .top-header-jobinja-notification {
  color: #f69400;
}

.top-header-jobinja-yellow .top-header-jobinja-notification:hover,
.top-header-jobinja-yellow .top-header-jobinja-auth:hover {
  background-color: #f69400;
  color           : #fff;
}

.top-header-jobinja-yellow .top-header-jobinja-auth:hover img {
  mix-blend-mode: unset;
  filter        : invert(1) hue-rotate(60deg);
}

.top-header-jobinja-yellow .top-header-jobinja-contact:hover {
  color: #f69400;
}

@media only screen and (max-width: 1399px) {
  .top-header-jobinja-nav {
    margin-right: 32px;
  }

  .top-header-jobinja-nav::before {
    transform: translate(10px, -50%);
  }

  .top-header-jobinja-nav ul li a {
    padding: 11px 10px;
  }

  .top-header-jobinja-auth {
    margin: 0 16px;
  }

  .top-header-jobinja-auth::before {
    transform: translate(9px, -50%);
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-jobinja-logo img {
    width : auto;
    height: 40px;
  }

  .top-header-jobinja-nav {
    margin-right: 16px;
  }

  .top-header-jobinja-nav::before {
    content: none;
  }

  .top-header-jobinja-nav ul li a {
    padding    : 11px 8px;
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-jobinja-auth {
    padding: 14px 12px;
    margin : 0 8px;
  }

  .top-header-jobinja-auth::before {
    content: none;
  }

  .top-header-jobinja-contact {
    font-size  : 18px;
    line-height: 32px;
  }

  .top-header-jobinja-contact span {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-jobinja {
    padding-top: 20px;
  }

  .top-header-jobinja-auth {
    width        : 48px;
    height       : 48px;
    padding      : 0;
    border-radius: 12px;
  }

  .top-header-jobinja-auth,
  .top-header-jobinja-auth img {
    margin: 0 !important;
  }
}

.footer-jobinja .container {
  padding-top: 108px;
}

.footer-jobinja .container::before {
  height    : 1px;
  background: linear-gradient(90deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.67) 51.04%, rgba(145, 145, 145, 0) 100%);
}

@media only screen and (max-width: 767px) {
  .footer-jobinja .container {
    padding-top: 70px;
  }
}

.landing-jobinja {
  margin-top: 90px;
}

.landing-jobinja::before {
  background-image: var(--wpr-bg-f74fa577-b67e-4bf1-a7e7-7a1fb608f3cf);
  height          : 771px;
  transform       : translateY(-210px);
}

.landing-jobinja .title {
  padding-top: 73px;
}

.landing-jobinja .title::before {
  background-image: var(--wpr-bg-903fb851-6d8c-4134-9668-da97aa511ea2);
  width           : 65px;
  height          : 52px;
  right           : 8px;
}

.landing-jobinja .title::after {
  width           : 171px;
  height          : 171px;
  background-color: rgba(5, 71, 193, 0.2);
  border-radius   : 50%;
  transform       : translate(-18px, -17px);
  filter          : blur(82px);
}

.landing-jobinja .swiper {
  max-width: 450px;
}

.landing-jobinja .swiper::before,
.landing-jobinja .swiper::after {
  width  : 12%;
  z-index: 2;
}

.landing-jobinja .swiper::before {
  background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0) 75%);
}

.landing-jobinja .swiper::after {
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0) 75%);
}

.landing-jobinja .swiper a img {
  filter: grayscale(1);
}

.landing-jobinja .swiper a:hover img {
  filter: grayscale(0);
}

.landing-jobinja .image::before {
  width           : 171px;
  height          : 171px;
  background-color: rgba(5, 71, 193, 0.2);
  border-radius   : 50%;
  filter          : blur(82px);
  right           : 5%;
  bottom          : 5%;
}

.landing-jobinja .image::after {
  background             : linear-gradient(180deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0) 42.43%, rgba(255, 255, 255, 0) 100%);
  width                  : 81%;
  height                 : 84%;
  border-radius          : 50%;
  top                    : 100%;
  transform              : translate(-50%, -22%);
  -webkit-backdrop-filter: blur(27px);
  backdrop-filter        : blur(27px);
}

.landing-jobinja .image img {
  filter: drop-shadow(0px 4px 240px rgba(0, 0, 0, 0.149));
}

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

  .landing-jobinja .title,
  .landing-jobinja .sub-title {
    font-size  : 32px;
    line-height: 1.65;
  }
}

@media only screen and (max-width: 991px) {
  .landing-jobinja .swiper {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .landing-jobinja .btns .btn {
    margin-left: 0;
  }
}

.search-box-jobinja {
  margin: 114px 0 138px;
}

.search-box-jobinja-heading {
  max-width       : 80%;
  border-radius   : 50px 50px 0 0;
  background-color: #f3f5fc;
  padding         : 23px 85px 23px 12px;
}

.search-box-jobinja-heading span {
  padding-left: 12px;
}

.search-box-jobinja-heading span::after {
  width           : 1px;
  height          : 25px;
  background-color: rgba(145, 145, 145, 0.2);
}

.search-box-jobinja form {
  box-shadow: 0px 74px 144px rgba(108, 108, 108, 0.11);
  padding   : 29px 54px 29px 55px;
  gap       : 36px;
}

.search-box-jobinja form .form-group img:first-child {
  right: 24px;
}

.search-box-jobinja form .form-group img:last-child {
  left: 24px;
}

.search-box-jobinja form .form-group .form-control {
  height          : 88px;
  background-color: #fbfcff;
  padding         : 0 54px 0 12px;
}

.search-box-jobinja form .btn {
  height : 88px;
  padding: 0 12px;
}

.search-box-jobinja form>*:first-child {
  flex: 0 0 25.106%;
}

.search-box-jobinja form>*:nth-child(2) {
  flex: 0 0 19.95%;
}

.search-box-jobinja form>*:nth-child(3) {
  flex: 0 0 24.345%;
}

.search-box-jobinja form>*:nth-child(3) .form-control {
  padding: 0 54px;
}

.search-box-jobinja form>*:nth-child(4) {
  flex: 1 0 auto;
}

@media only screen and (max-width: 1199px) {
  .search-box-jobinja form {
    padding: 29px 24px 29px;
    gap    : 20px;
  }

  .search-box-jobinja form .form-group img:first-child {
    right: 12px;
  }

  .search-box-jobinja form .form-group img:last-child {
    left: 12px;
  }

  .search-box-jobinja form .form-group .form-control {
    padding: 0 40px 0 12px;
  }

  .search-box-jobinja form>*:nth-child(3) .form-control {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .search-box-jobinja-heading {
    max-width    : 100%;
    border-radius: 32px 32px 0 0;
    padding      : 23px 24px;
  }

  .search-box-jobinja form {
    border-radius: 0 0 32px 32px;
  }

  .search-box-jobinja form>* {
    flex: 0 0 calc(50% - 10px) !important;
  }

  .search-box-jobinja form .form-group .form-control,
  .search-box-jobinja form .btn {
    height: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .search-box-jobinja {
    margin: 80px 0;
  }

  .search-box-jobinja form {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .search-box-jobinja-heading {
    border-radius: 24px 24px 0 0;
  }

  .search-box-jobinja-heading span {
    margin-left : 0;
    padding-left: 0;
  }

  .search-box-jobinja-heading span::after {
    content: none;
  }

  .search-box-jobinja form>* {
    flex: 0 0 100% !important;
  }
}

.basins-jobinja::before {
  background-image: var(--wpr-bg-af9b8090-e80f-4cc0-b745-fdaae9667be4);
  height          : 771px;
  transform       : translateY(-74px);
}

.basins-jobinja-item {
  background-image: var(--wpr-bg-f8f59566-197c-4fd0-b967-aca4448c2c0d);
  min-height      : 323px;
  box-shadow      : 0px 54px 244px 0px rgba(140, 140, 140, 0.08);
}

.basins-jobinja-item::before {
  background-color: rgba(98, 98, 98, 0.5);
}

.basins-jobinja-item .overlay {
  padding        : 26px 12px 14px 12px;
  justify-content: center;
}

.basins-jobinja-item .overlay::before {
  background-color       : rgba(98, 98, 98, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
  border-radius          : 30px 30px 0 0;
}

.basins-jobinja-item .overlay::after {
  width           : 31px;
  height          : 31px;
  background-image: var(--wpr-bg-04fac082-0bc9-4f8f-9946-cd4cb26fe930);
  bottom          : 32px;
  left            : 71px;
}

.basins-jobinja-item .overlay .text {
  width: 0;
}

.basins-jobinja-item .overlay .title-en {
  font-size  : 98px;
  line-height: 124px;
}

.basins-jobinja .swiper-slide {
  filter : grayscale(1);
  opacity: 0.4;
}

.basins-jobinja .swiper-slide:not(.basins-jobinja .swiper-slide-active) {
  padding-right: 20px;
}

.basins-jobinja .swiper-slide-active,
.basins-jobinja .swiper-slide-next+.swiper-slide {
  flex: 0 0 25%;
}

.basins-jobinja .swiper-slide-next {
  flex   : 0 0 50%;
  filter : grayscale(0);
  opacity: 1;
}

.basins-jobinja .swiper-wrapper:hover .swiper-slide {
  flex   : 0 0 25%;
  filter : grayscale(1);
  opacity: 0.4;
}

.basins-jobinja .swiper-wrapper:hover .swiper-slide:not(.swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-next + div),
.basins-jobinja .swiper-wrapper:hover .swiper-slide-next+.swiper-slide~.swiper-slide {
  flex: 0 0 33.333333%;
}

.basins-jobinja .swiper-wrapper .swiper-slide:hover {
  flex   : 0 0 50%;
  filter : grayscale(0);
  opacity: 1;
}

.basins-jobinja .swiper-pagination {
  bottom   : auto;
  transform: translateY(-108px);
}

.basins-jobinja .swiper-pagination-bullet {
  width           : 41px;
  height          : 9px;
  background-color: #d7e5ff;
  border-radius   : 10px;
  opacity         : 1;
}

.basins-jobinja .swiper-pagination-bullet-active {
  width           : 75px;
  background-color: #0547c1;
}

.basins-jobinja .swiper-button-next,
.basins-jobinja .swiper-button-prev {
  width : 50px;
  height: 50px;
}

.basins-jobinja .swiper-button-next::after,
.basins-jobinja .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 50px;
  line-height: 1;
  color      : #494949;
}

.basins-jobinja .swiper-button-next {
  transform: translateX(-52px);
}

.basins-jobinja .swiper-button-next::after {
  content: "\e989";
}

.basins-jobinja .swiper-button-prev {
  transform: translateX(52px);
}

.basins-jobinja .swiper-button-prev::after {
  content: "\e98a";
}

.swiper-slide-next .basins-jobinja-item .overlay {
  padding: 26px 68px 14px 12px;
}

.swiper-slide-next .basins-jobinja-item .overlay::after {
  content: "";
}

.swiper-slide-next .basins-jobinja-item .overlay .text {
  margin-right: 32px;
  width       : 100%;
}

.swiper-wrapper:hover .swiper-slide .basins-jobinja-item .overlay {
  padding-right: 12px;
}

.swiper-wrapper:hover .swiper-slide .basins-jobinja-item .overlay::after {
  content: none;
}

.swiper-wrapper:hover .swiper-slide .basins-jobinja-item .overlay .text {
  margin-right: 0;
  width       : 0;
}

.swiper-wrapper .swiper-slide:hover .basins-jobinja-item .overlay {
  padding: 26px 68px 14px 12px;
}

.swiper-wrapper .swiper-slide:hover .basins-jobinja-item .overlay::after {
  content: "";
}

.swiper-wrapper .swiper-slide:hover .basins-jobinja-item .overlay .text {
  margin-right: 32px;
  width       : 100%;
}

@media only screen and (min-width: 768px) {
  .basins-jobinja {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 992px) {
  .basins-jobinja {
    padding: 0 54px;
  }
}

@media only screen and (max-width: 1199px) {
  .basins-jobinja-item .overlay::after {
    bottom: 24px;
    left  : 24px;
  }

  .basins-jobinja-item .overlay .text {
    margin-right: 16px;
  }

  .basins-jobinja-item .overlay .title {
    font-size  : 24px;
    line-height: 40px;
  }

  .basins-jobinja-item .overlay .title-en {
    font-size  : 78px;
    line-height: 1.27;
  }

  .swiper-slide-active+.swiper-slide .basins-jobinja-item .overlay {
    padding-right: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .basins-jobinja-item {
    min-height : auto;
    padding-top: 100%;
  }

  .basins-jobinja-item .overlay {
    padding: 20px 12px !important;
  }

  .basins-jobinja-item .overlay::after {
    content: none !important;
  }

  .basins-jobinja-item .overlay .title-en {
    font-size: 48px;
  }

  .basins-jobinja .swiper-slide {
    flex   : 0 0 calc(50% - 6px) !important;
    opacity: 1 !important;
    filter : grayscale(0) !important;
  }

  .basins-jobinja .swiper-slide:not(.basins-jobinja .swiper-slide-active) {
    padding-right: 0;
  }

  .basins-jobinja .swiper-button-next {
    transform: translateX(-32px);
  }

  .basins-jobinja .swiper-button-prev {
    transform: translateX(32px);
  }
}

@media only screen and (max-width: 767px) {
  .basins-jobinja .swiper {
    padding-bottom: 64px;
  }

  .basins-jobinja .swiper-pagination-bullet {
    width : 24px;
    height: 6px;
  }

  .basins-jobinja .swiper-pagination-bullet-active {
    width: 32px;
  }

  .basins-jobinja .swiper-button-next,
  .basins-jobinja .swiper-button-prev {
    top      : auto;
    right    : auto !important;
    bottom   : 0;
    transform: translateX(-50%);
  }

  .basins-jobinja .swiper-button-next {
    left: calc(50% - 25px) !important;
  }

  .basins-jobinja .swiper-button-prev {
    left: calc(50% + 25px) !important;
  }
}

@media only screen and (max-width: 575px) {
  .basins-jobinja .swiper {
    overflow: visible;
  }

  .basins-jobinja .swiper-slide {
    flex: 0 0 100% !important;
  }
}

.advertisements-jobinja {
  margin: 183px 0 152px;
}

.advertisements-jobinja::before {
  background-image: var(--wpr-bg-5132c359-92c7-4450-92d2-dd737f6e285f);
  transform       : translateY(-70px);
  height          : 1046px;
}

.advertisements-jobinja-wrapper {
  max-width: 1062px;
}

.advertisements-jobinja .row {
  gap: 52px 0;
}

.advertisements-jobinja-item {
  border    : 1px solid rgba(217, 217, 217, 0.1);
  box-shadow: 0px 74px 124px rgba(0, 0, 0, 0.02);
  padding   : 32px 39px 32px 40px;
}

.advertisements-jobinja-item .title a:hover {
  color: #0547c1;
}

.advertisements-jobinja-item ul {
  gap: 9px;
}

.advertisements-jobinja-item ul li a {
  background-color: #e7eeff;
  min-width       : 62px;
}

.advertisements-jobinja-item ul li a:hover {
  background-color: #0547c1;
  color           : #fff !important;
}

.advertisements-jobinja-item .btn {
  width : 44px;
  height: 44px;
}

@media only screen and (max-width: 1199px) {
  .advertisements-jobinja-item {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .advertisements-jobinja {
    margin: 80px 0px;
  }

  .advertisements-jobinja .row {
    gap: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .advertisements-jobinja-item {
    padding: 24px;
  }

  .advertisements-jobinja-item .image {
    margin-left: 0;
  }
}

.about-us-jobinja-description {
  margin: 166px 0 138px;
}

.about-us-jobinja-description::before {
  background-image: var(--wpr-bg-ca007c1c-2aa5-47b4-9305-8b7a29571271);
  height          : 771px;
  transform       : translateY(-264px);
}

.about-us-jobinja-description-text {
  margin-bottom: 78px;
}

.about-us-jobinja-description-text::before {
  width           : 65px;
  height          : 52px;
  background-image: var(--wpr-bg-ff6bb0f5-1f99-4bf7-9fa8-9de54ed89149);
  transform       : translateY(-74px);
}

.about-us-jobinja-description-text p {
  margin-right: 92px;
}

.about-us-jobinja-description .btn {
  padding: 21.5px 30px;
}

.about-us-jobinja-description .link {
  margin-left: 71px;
}

@media only screen and (max-width: 991px) {
  .about-us-jobinja-description-text .sub-title {
    margin-top: 16px;
  }

  .about-us-jobinja-description-text p {
    margin: 24px 0 0;
  }

  .about-us-jobinja-description .link {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-jobinja-description {
    margin: 80px 0;
  }

  .about-us-jobinja-description .btn {
    margin-left: 0;
  }
}

.ceo-about-us-jobinja::before,
.ceo-about-us-jobinja::after {
  top: 20.007%;
}

.ceo-about-us-jobinja::before {
  background-color: #0547C1;
  bottom          : 7%;
}

.ceo-about-us-jobinja::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-jobinja-01.png);
  height          : 200px;
}

.ceo-about-us-jobinja .container::after {
  background-image: var(--wpr-bg-a5f122cd-7ac0-4849-bd34-b43f05089a34);
  width           : 248px;
  height          : 274px;
  bottom          : 251px;
}

.ceo-about-us-jobinja .image {
  padding         : 18px 14px;
  background-color: rgba(255, 255, 255, 0.5);
  border          : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow      : 0px 0px 111px rgba(228, 233, 242, 0.35);
  max-width       : 1088px;
  margin-bottom   : 104px;
}

.ceo-about-us-jobinja .image::before {
  background-image: var(--wpr-bg-cd8a5d06-965c-460c-bc54-d814f0ed7f34);
  width           : 103px;
  height          : 82px;
  transform       : translate(30px, 24px);
}

.ceo-about-us-jobinja .image img {
  box-shadow: 0px -106px 250px rgba(174, 174, 174, 0.25);
}

.ceo-about-us-jobinja .speech {
  margin-bottom: 88px;
}

.ceo-about-us-jobinja .speech .title {
  background-image: linear-gradient(268.69deg, #fff -22.28%, rgba(255, 255, 255, 0) 191.58%);
}

.ceo-about-us-jobinja .speech p {
  margin-right: 131px;
}

.ceo-about-us-jobinja-box {
  box-shadow: 0px 24px 250px rgba(0, 0, 0, 0.1);
  padding   : 37px 58px 28px 35px;
}

.ceo-about-us-jobinja-box .btn:hover img,
.ceo-about-us-jobinja-box .btn:active img,
.ceo-about-us-jobinja-box .btn:focus img {
  filter: invert(1) hue-rotate(180deg);
}

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

  .ceo-about-us-jobinja::before,
  .ceo-about-us-jobinja::after {
    top: 10%;
  }

  .ceo-about-us-jobinja .speech p {
    margin-right: 0;
  }
}

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

  .ceo-about-us-jobinja::before,
  .ceo-about-us-jobinja::after {
    top: 0;
  }

  .ceo-about-us-jobinja .image,
  .ceo-about-us-jobinja .speech {
    margin-bottom: 48px;
  }

  .ceo-about-us-jobinja .image {
    padding      : 8px;
    border-radius: 20px;
  }

  .ceo-about-us-jobinja .image img {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .ceo-about-us-jobinja::after {
    height             : 140px;
    background-position: bottom center;
  }

  .ceo-about-us-jobinja-box {
    padding: 32px 20px;
  }
}

.from-contact-jobinja {
  margin: 117px 0 120px;
}

.from-contact-jobinja::before {
  background-image: var(--wpr-bg-9ad94414-1c31-4724-9598-07f150ed3c51);
  height          : 771px;
  transform       : translateY(-215px);
}

.from-contact-jobinja .title::before {
  background-image: var(--wpr-bg-4675759e-35d0-4963-8d6a-a274b5c424b6);
  width           : 65px;
  height          : 52px;
  transform       : translateY(-61px);
}

.from-contact-jobinja .btn {
  padding: 21.5px 30px;
}

.from-contact-jobinja-left {
  padding  : 39px 0 0 65px;
  max-width: 577px;
}

.from-contact-jobinja-left::before {
  right           : 228px;
  bottom          : 131px;
  border-radius   : 20px 110px 20px 20px;
  background-color: #2e365d;
  background-image: var(--wpr-bg-8fa0ec98-4aae-4776-b9ce-43d455abf3df);
}

.from-contact-jobinja-left::after {
  transform              : translate(-27px, -24px);
  width                  : 154px;
  height                 : 154px;
  border-radius          : 50%;
  background-image       : linear-gradient(298.64deg, rgba(255, 255, 255, 0.88) -57.78%, rgba(255, 255, 255, 0.124798) 56.81%, rgba(255, 255, 255, 0) 100.72%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter        : blur(12px);
  z-index                : 3;
}

.from-contact-jobinja-left .content {
  padding         : 22px;
  background-color: rgba(255, 255, 255, 0.5);
  border          : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow      : 0px 0px 111px rgba(228, 233, 242, 0.35);
}

.from-contact-jobinja-left form {
  padding: 18px 46px 26px;
}

.from-contact-jobinja-left form .form-control {
  height          : 76px;
  background-color: #fbfbfc;
  border          : 1px solid #fbfbfc;
  padding         : 0 24px;
}

.from-contact-jobinja-left form .form-control:focus {
  background-color: #fff;
  border-color    : #0547c1;
  box-shadow      : 0 0 0 4px rgba(5, 71, 193, 0.2);
}

.from-contact-jobinja-left form textarea.form-control {
  height: 143px;
}

@media only screen and (max-width: 767px) {
  .from-contact-jobinja {
    margin: 70px 0 80px;
  }
}

@media only screen and (max-width: 575px) {
  .from-contact-jobinja .btn {
    margin-left: 0;
  }

  .from-contact-jobinja-left {
    padding-left: 0;
  }

  .from-contact-jobinja-left::before {
    right        : auto;
    bottom       : auto;
    width        : calc(100% + 24px);
    height       : 65%;
    left         : -12px;
    border-radius: 0;
  }

  .from-contact-jobinja-left::after {
    content: none;
  }

  .from-contact-jobinja-left .content {
    padding      : 12px;
    border-radius: 16px;
  }

  .from-contact-jobinja-left .content form {
    padding: 18px 16px 26px;
  }

  .from-contact-jobinja-left .content form input.form-control {
    height: 60px;
  }

  .from-contact-jobinja-left .content form .form-control {
    border-radius: 16px;
  }
}

.members-contact-jobinja {
  padding-bottom: 127px;
}

.members-contact-jobinja::before,
.members-contact-jobinja::after {
  top: -241px;
}

.members-contact-jobinja::before {
  background-color: rgba(249, 249, 249, 0.5);
  bottom          : 0;
}

.members-contact-jobinja::after {
  height          : 94px;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-jobinja-03.png);
}

.members-contact-jobinja-item {
  border : 1px solid #919191;
  padding: 20px;
}

.members-contact-jobinja-item .info {
  padding-left: 8px;
}

.members-contact-jobinja-item .info::after {
  background: linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
  width     : 1px;
}

.members-contact-jobinja-item .info .image {
  padding   : 8px;
  border    : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 111px rgba(228, 233, 242, 0.35);
}

.members-contact-jobinja-item:hover {
  background-color: #fff;
  border-color    : #fff;
  box-shadow      : 0px 144px 204px rgba(0, 0, 0, 0.03);
  transform       : translateY(40px);
}

@media only screen and (max-width: 1199px) {
  .members-contact-jobinja-item .contact {
    font-size  : 18px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .members-contact-jobinja-item:hover {
    transform: translateY(0px);
  }
}

@media only screen and (max-width: 767px) {
  .members-contact-jobinja {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .members-contact-jobinja-item {
    border-radius: 20px;
    padding      : 16px;
  }
}

.info-contact-jobinja {
  margin: 208px 0 214px;
}

.info-contact-jobinja-right {
  padding: 0 67px 0 0;
}

.info-contact-jobinja-right::before {
  border-radius   : 20px 100px 20px 20px;
  top             : -88px;
  bottom          : 30px;
  width           : 50%;
  background-color: #2e365d;
  background-image: var(--wpr-bg-0c023005-323c-4586-84fb-778559d13fcf);
}

.info-contact-jobinja-right::after,
.info-contact-jobinja-right .content::after {
  background-image: var(--wpr-bg-b9b46b9a-4fca-4e81-b8ad-18d54c71b8c6);
  width           : 103px;
  height          : 82px;
}

.info-contact-jobinja-right::after {
  transform: translate(32px, -128px);
}

.info-contact-jobinja-right .content::before {
  width                  : 154px;
  height                 : 154px;
  border-radius          : 50%;
  background             : linear-gradient(298.64deg, rgba(255, 255, 255, 0.88) -57.78%, rgba(255, 255, 255, 0.124798) 56.81%, rgba(255, 255, 255, 0) 100.72%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter        : blur(12px);
  transform              : translate(27px, -122px);
}

.info-contact-jobinja-right .content::after {
  transform: translateX(29px);
}

.info-contact-jobinja-right .content>div::before {
  top             : -18px;
  right           : 51px;
  bottom          : -17px;
  left            : 47px;
  border-radius   : 30px;
  background-color: rgba(255, 255, 255, 0.5);
  border          : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow      : 0px 0px 111px rgba(228, 233, 242, 0.35);
}

.info-contact-jobinja-right .content>div::after {
  right           : 96px;
  transform       : translateY(13px);
  width           : 204px;
  height          : 204px;
  border-radius   : 50%;
  background-color: rgba(5, 71, 193, 0.6);
  filter          : blur(112px);
}

.info-contact-jobinja-right .content iframe {
  border    : 7px solid rgba(218, 218, 218, 0.47);
  box-shadow: 0px 34px 250px rgba(0, 0, 0, 0.08);
}

.info-contact-jobinja .btns .btn {
  padding: 21.5px 26px;
}

.info-contact-jobinja .btns .btn:nth-child(2) {
  padding: 21.5px 24px;
}

@media only screen and (max-width: 1199px) {
  .info-contact-jobinja .btns .btn:first-child {
    margin-left: 16px;
  }

  .info-contact-jobinja .btns .btn,
  .info-contact-jobinja .btns .btn:nth-child(2) {
    padding: 21.5px 14px;
  }
}

@media only screen and (max-width: 991px) {
  .info-contact-jobinja .btns {
    gap: 20px;
  }

  .info-contact-jobinja .btns>.btn {
    width: 100%;
  }

  .info-contact-jobinja .btns>.btn:first-child {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .info-contact-jobinja {
    margin-bottom: 90px;
  }
}

@media only screen and (max-width: 575px) {
  .info-contact-jobinja-right {
    padding: 0;
  }

  .info-contact-jobinja-right::before {
    right        : -12px;
    left         : -12px;
    width        : auto;
    border-radius: 0;
  }

  .info-contact-jobinja-right .content::before {
    content: none;
  }

  .info-contact-jobinja-right .content>div::before {
    right        : -14px;
    border-radius: 20px 0 0 20px;
  }

  .info-contact-jobinja-right .content iframe {
    height: 320px;
  }
}

.search-box-service-jobinja {
  margin: 117px 0 93px;
}

.search-box-service-jobinja::before {
  height          : 771px;
  background-image: var(--wpr-bg-f0a9fded-03e9-49ac-86b3-bdd3b6dbd64e);
  transform       : translateY(-215px);
}

.filter-service-jobinja-search {
  background-color: #f3f5fc;
  padding         : 29px 146px 29px 24px;
  max-width       : 1068px;
}

.filter-service-jobinja-search .input {
  max-width: 25%;
  padding  : 0 12px;
}

.filter-service-jobinja-search .input::before {
  margin-left     : 10px;
  width           : 6px;
  height          : 6px;
  border-radius   : 50%;
  background-color: #0547c1;
}

.filter-service-jobinja-search .input img {
  right: 26px;
}

.filter-service-jobinja-search .input .form-control {
  padding-right: 41px;
}

.filter-service-jobinja-search .items {
  max-width: 75%;
}

.filter-service-jobinja-search .items>* {
  max-width: 33.333333%;
}

.filter-service-jobinja-search label {
  cursor : pointer;
  padding: 12px 16px;
}

.filter-service-jobinja-search input:checked+label {
  background-color: #0547c1;
  color           : #fff;
}

.filter-service-jobinja-filter {
  margin-top: 104px;
}

.filter-service-jobinja-filter .right {
  padding-left: 64px;
  margin-left : 47px;
}

.filter-service-jobinja-filter .right::after {
  width     : 1px;
  height    : 77px;
  background: linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.filter-service-jobinja-filter .left {
  gap : 24px;
  flex: 1 0 1%;
}

.filter-service-jobinja-filter .left .form-control {
  background-color: #fff;
  border          : 1px solid #ebebeb;
  box-shadow      : 0px 42px 50px rgba(0, 0, 0, 0.04);
  height          : 78px;
  background      : var(--wpr-bg-b521f6d3-c1a6-447b-b2f0-253a2546d246) left 24px center no-repeat;
  background-size : auto;
  padding         : 0 24px 0 50px;
  max-width       : calc(33.333333% - 16px);
}

@media only screen and (max-width: 1199px) {
  .filter-service-jobinja-search {
    padding-right: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .filter-service-jobinja-search {
    gap          : 24px 0;
    border-radius: 20px !important;
    padding      : 24px;
  }

  .filter-service-jobinja-search .input {
    max-width: 100%;
  }

  .filter-service-jobinja-search .items {
    max-width: 100%;
  }

  .filter-service-jobinja-filter .right,
  .filter-service-jobinja-filter .left {
    max-width: 100%;
    flex     : 0 0 auto;
    width    : 100%;
  }

  .filter-service-jobinja-filter .right {
    padding: 0 0 20px;
    margin : 0 0 20px;
  }

  .filter-service-jobinja-filter .right::after {
    background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
    width     : 100%;
    height    : 1px;
    top       : auto !important;
    transform : unset;
    bottom    : 0;
  }
}

@media only screen and (max-width: 767px) {
  .filter-service-jobinja-filter .left .form-control {
    max-width: none;
    flex     : 1 0 calc(50% - 12px);
  }
}

@media only screen and (max-width: 575px) {
  .filter-service-jobinja-search {
    margin       : 0 -12px !important;
    border-radius: 0 !important;
    padding      : 24px 12px;
    width        : calc(100% + 24px) !important;
  }

  .filter-service-jobinja-search .items>* {
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding  : 0 12px;
  }

  .filter-service-jobinja .left .form-control {
    flex: 1 0 100%;
  }
}

.advertisements-service-jobinja {
  margin: 205px 0 179px;
}

.advertisements-service-jobinja::before {
  transform       : translateY(-171px);
  height          : 90%;
  background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.7) 0%, rgba(249, 249, 249, 0.105117) 21.64%, rgba(249, 249, 249, 0) 100%);
}

.advertisements-service-jobinja::after {
  transform       : translateY(-172px);
  background-image: var(--wpr-bg-51439037-5458-4dd0-8fd9-6daeaaa8cfa3);
  height          : 112px;
}

.advertisements-service-jobinja .row {
  gap: 80px 0;
}

@media only screen and (max-width: 767px) {
  .advertisements-service-jobinja {
    margin: 130px 0 100px;
  }

  .advertisements-service-jobinja .row {
    gap: 24px 0;
  }
}

.advertising-item-jobinja {
  box-shadow: 0px 94px 154px rgba(0, 0, 0, 0.04);
  padding   : 38px 47px 36px 35px;
}

.advertising-item-jobinja .heading .info {
  gap: 20px;
}

.advertising-item-jobinja .heading .date {
  background-color: #2e365d;
  padding         : 17px 20px;
}

.advertising-item-jobinja .categories {
  gap: 20px;
}

.advertising-item-jobinja .categories li a {
  background-color: #e7eeff;
  padding         : 3px 12px 2px;
}

.advertising-item-jobinja .categories li a:hover {
  background-color: #0547c1;
  color           : #fff !important;
}

.advertising-item-jobinja .btns .btn {
  padding  : 18px 24px;
  max-width: calc(33.333333% - 6px);
}

@media only screen and (max-width: 1399px) {
  .advertising-item-jobinja {
    padding: 38px 35px 36px;
  }
}

@media only screen and (max-width: 1199px) {
  .advertising-item-jobinja {
    padding: 38px 24px 36px;
  }

  .advertising-item-jobinja .heading img {
    margin-left: 16px;
    width      : 80px;
    height     : 80px;
  }

  .advertising-item-jobinja .heading .date {
    padding    : 16px 12px;
    font-size  : 14px;
    line-height: 22px;
  }

  .advertising-item-jobinja .btns .btn {
    padding: 18px 20px;
  }

  .advertising-item-jobinja .btns .btn img {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .advertising-item-jobinja {
    padding: 32px 12px;
  }

  .advertising-item-jobinja .heading img {
    margin-left: 0;
  }

  .advertising-item-jobinja .btns .btn {
    max-width: 100%;
  }
}

.info-detail-service-jobinja {
  margin: 87px 0 95px;
}

.info-detail-service-jobinja-wrapper {
  background-color: #0a46b6;
  padding         : 64px 70px 264px 69px;
  background-image: var(--wpr-bg-c472a91a-a1ed-49c0-bd39-94e22c5de25d);
}

.info-detail-service-jobinja-wrapper::after {
  background-image: var(--wpr-bg-d01603f0-d890-432f-92a9-7cdf2d3fdbb7);
  height          : 38px;
}

.info-detail-service-jobinja-wrapper .image {
  border    : 2px solid rgba(255, 255, 255, 0.7);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  padding   : 9px;
  box-shadow: 0px 0px 111px rgba(228, 233, 242, 0.35);
}

.info-detail-service-jobinja-wrapper .text {
  max-width: 320px;
}

.info-detail-service-jobinja-wrapper .info {
  gap: 20px;
}

.info-detail-service-jobinja-image {
  border-radius   : 44px;
  border          : 2px solid rgba(255, 255, 255, 0.7);
  background-image: linear-gradient(178.64deg, rgba(255, 255, 255, 0) -20.03%, rgba(255, 255, 255, 0.277501) 20.27%, rgba(255, 255, 255, 0.5) 98.84%);
  padding         : 14px;
  margin          : -200px 105px 0;
}

@media only screen and (max-width: 1199px) {
  .info-detail-service-jobinja-wrapper {
    padding: 64px 32px 264px;
  }

  .info-detail-service-jobinja-wrapper .text {
    margin-left: 32px;
  }

  .info-detail-service-jobinja-image {
    margin: -200px 60px 0;
  }
}

@media only screen and (max-width: 991px) {
  .info-detail-service-jobinja .text {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .info-detail-service-jobinja-wrapper {
    padding: 64px 32px 190px;
  }

  .info-detail-service-jobinja-wrapper .image {
    margin: 0 auto;
  }

  .info-detail-service-jobinja-wrapper .text {
    max-width: 100%;
  }

  .info-detail-service-jobinja-image {
    margin-top: -150px;
  }
}

@media only screen and (max-width: 575px) {
  .info-detail-service-jobinja {
    margin-top: 24px;
  }

  .info-detail-service-jobinja-wrapper {
    border-radius: 0;
    margin       : 0 -12px;
    padding      : 32px 12px 45%;
  }

  .info-detail-service-jobinja-image {
    margin       : -40% 0 0;
    border-radius: 20px;
    padding      : 8px;
  }

  .info-detail-service-jobinja-image img {
    border-radius: 12px;
  }
}

.detail-service-jobinja {
  margin-bottom: 137px;
}

.detail-service-jobinja::before {
  background-color: #f9f9f9;
  transform       : translateY(-339px);
  height          : calc(100% + 386px);
}

.detail-service-jobinja::after {
  transform       : translateY(-340px);
  height          : 120px;
  background-image: var(--wpr-bg-2a328fef-c59a-4b22-be2f-196b8458a5f5);
}

.detail-service-jobinja .sending-resume {
  padding: 40px 41px 58px 34px;
}

.detail-service-jobinja .sending-resume .heading .date {
  background-color: #2e365d;
  box-shadow      : 0px 24px 74px rgba(46, 54, 93, 0.15);
  padding         : 17px 20px;
}

.detail-service-jobinja .sending-resume form .form-control {
  background-color: #fbfbfc;
  border          : 1px solid #e8e8e8;
  height          : 67px;
  padding         : 0 24px;
}

.detail-service-jobinja .sending-resume form .form-control:focus {
  border-color: #0a46b6;
  box-shadow  : 0 0 0 4px rgba(10, 70, 182, 0.2);
}

.detail-service-jobinja .sending-resume form .file-label {
  background-color: #fbfbfc;
  border          : 1px solid #0547c1;
  padding         : 20.5px 12px;
  cursor          : pointer;
}

.detail-service-jobinja .sending-resume form .btn {
  padding: 21.5px 12px;
}

.detail-service-jobinja-info {
  padding: 70px 78px 69px 77px;
}

.detail-service-jobinja-info .categories li a:hover {
  color: #0547c1;
}

.detail-service-jobinja-info .info {
  gap: 20px;
}

.detail-service-jobinja-info .btn {
  padding: 18.5px 29px;
}

.detail-service-jobinja-description {
  padding: 43px 78px 48px 48px;
}

.detail-service-jobinja-description .content p {
  margin-bottom: 0;
}

.detail-service-jobinja-skills {
  padding: 34px 88px 35px 20px;
}

.detail-service-jobinja-skills ul {
  gap: 21px;
}

.detail-service-jobinja-skills ul li a {
  padding         : 7px 12px;
  background-color: #e7eeff;
}

@media only screen and (max-width: 1399px) {
  .detail-service-jobinja .sending-resume {
    padding: 40px 34px 58px;
  }

  .detail-service-jobinja .sending-resume .heading .date {
    padding    : 16px;
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 1199px) {
  .detail-service-jobinja .sending-resume {
    padding: 40px 20px 58px;
  }

  .detail-service-jobinja .sending-resume .heading .title {
    font-size: 20px;
  }

  .detail-service-jobinja::before {
    transform: translateY(-250px);
    height   : calc(100% + 280px);
  }

  .detail-service-jobinja::after {
    transform: translateY(-251px);
  }

  .detail-service-jobinja-info,
  .detail-service-jobinja-description {
    padding: 48px 32px;
  }

  .detail-service-jobinja-skills {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-service-jobinja-info .right {
    margin-left: 0;
  }

  .detail-service-jobinja-description .content {
    font-size  : 14px;
    line-height: 32px;
  }

  .detail-service-jobinja-skills span {
    margin-left: 0;
  }
}

@media only screen and (max-width: 575px) {
  .detail-service-jobinja::before {
    transform: translateY(-110px);
    height   : calc(100% + 150px);
  }

  .detail-service-jobinja::after {
    transform: translateY(-190px);
  }

  .detail-service-jobinja-info,
  .detail-service-jobinja-description {
    padding: 32px 20px;
  }
}

.compony-jobinja-image {
  margin-top: 87px;
}

.compony-jobinja-image::before {
  background-image: var(--wpr-bg-ad8407c1-437f-479c-abf3-aefa33b0920e);
  height          : 771px;
  transform       : translateY(-185px);
}

.compony-jobinja-image-wrapper {
  padding: 65px 105px 0;
}

.compony-jobinja-image-wrapper::before {
  background-color: #0a46b6;
  background-image: var(--wpr-bg-f42c3086-d632-46df-9d05-212b7a95f024);
  border-radius   : 30px;
  bottom          : 19.467%;
}

.compony-jobinja-image-wrapper::after {
  background-image: var(--wpr-bg-b81506cd-3630-4be5-9d10-3053f76268b9);
  height          : 38px;
  bottom          : 19.312%;
  right           : 26px;
  left            : 26px;
}

.compony-jobinja-image-wrapper .img {
  border-radius: 46px;
  padding      : 16px;
  border       : 2px solid rgba(255, 255, 255, 0.7);
  background   : linear-gradient(178.64deg, rgba(255, 255, 255, 0) -20.03%, rgba(255, 255, 255, 0.277501) 20.27%, rgba(255, 255, 255, 0.5) 98.84%);
}

@media only screen and (max-width: 991px) {
  .compony-jobinja-image-wrapper {
    padding: 65px 48px 0;
  }

  .compony-jobinja-image-wrapper::after {
    bottom: 13.2%;
  }
}

@media only screen and (max-width: 767px) {
  .compony-jobinja-image {
    margin: 40px 0;
  }

  .compony-jobinja-image-wrapper {
    padding: 48px 24px 0;
  }

  .compony-jobinja-image-wrapper::before {
    bottom: 30%;
  }

  .compony-jobinja-image-wrapper .img {
    padding      : 8px;
    border-radius: 28px;
  }

  .compony-jobinja-image-wrapper .img img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .compony-jobinja-image-wrapper {
    margin : 0 -12px;
    padding: 28px 12px 0;
  }

  .compony-jobinja-image-wrapper::before {
    border-radius: 0;
  }
}

.absout-compony-jobinja {
  margin: 101px 0;
}

.absout-compony-jobinja::after {
  top             : 35px;
  background-image: var(--wpr-bg-236e1007-7b9a-4a73-8aa0-19ca530d4c36);
  width           : 660px;
  height          : 660px;
}

.absout-compony-jobinja-right::after {
  width           : 1px;
  background-image: linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.absout-compony-jobinja-right .sup-title {
  background-image: linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0) 100%);
}

.absout-compony-jobinja-right .title span::after {
  transform : translate(-132px, -50%);
  width     : 110px;
  height    : 13px;
  background: linear-gradient(270deg, #d9d9d9 -43.64%, rgba(217, 217, 217, 0) 100%);
}

.absout-compony-jobinja-right .btn {
  padding: 21.5px 29.5px;
}

.absout-compony-jobinja-description:not(.opened) .content {
  -webkit-mask-image: linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.758519) 39.65%, rgba(73, 73, 73, 0.14) 75.44%, rgba(73, 73, 73, 0) 100%);
  mask-image        : linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.758519) 39.65%, rgba(73, 73, 73, 0.14) 75.44%, rgba(73, 73, 73, 0) 100%);
}

.absout-compony-jobinja-description button {
  background-color: #fff;
  border          : 1px solid #d2d2d2;
  box-shadow      : 0px 64px 105px rgba(0, 0, 0, 0.12);
  padding         : 20.5px 37px;
  bottom          : 26px;
}

.absout-compony-jobinja-description.opened {
  padding-bottom: 72px;
}

.absout-compony-jobinja-description.opened button {
  bottom: 0;
}

@media only screen and (max-width: 991px) {
  .absout-compony-jobinja-right {
    padding-bottom: 32px;
    margin-bottom : 32px;
  }

  .absout-compony-jobinja-right::after {
    background-image: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
    top             : auto !important;
    bottom          : 0;
    width           : 100%;
    height          : 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .absout-compony-jobinja {
    margin: 60px 0;
  }

  .absout-compony-jobinja-description button {
    padding: 16px 24px;
  }
}

.options-compony-jobinja .row {
  gap: 31px 0;
}

.options-compony-jobinja-item {
  background-color: #fff;
  border          : 1px solid #eaeef1;
  box-shadow      : 0px 64px 84px rgba(0, 0, 0, 0.05);
  padding         : 42px 12px;
}

.options-compony-jobinja-item span {
  font-size       : 34px;
  background-image: linear-gradient(126.48deg, #000 -28.75%, rgba(0, 0, 0, 0) 137.82%);
}

.options-compony-jobinja-item span:nth-child(2) {
  background-image: linear-gradient(126.48deg, #fff -28.75%, rgba(255, 255, 255, 0.44241) 98.55%, rgba(255, 255, 255, 0) 137.82%);
  opacity         : 0;
}

.options-compony-jobinja-item:hover {
  background-color: #0a46b6;
  color           : #fff;
}

.options-compony-jobinja-item:hover span:first-child {
  opacity: 0;
}

.options-compony-jobinja-item:hover span:nth-child(2) {
  opacity: 1;
}

.jobs-jobinja {
  margin     : 116px 0 155px;
  padding-top: 82px;
}

.jobs-jobinja::before {
  background-color: #0547C1;
  background-image: var(--wpr-bg-7f69f12c-d3f0-4fef-a0f9-d5ba7875f28f);
  bottom          : 20.085%;
}

.jobs-jobinja::after {
  background-image: var(--wpr-bg-4a1dd9f8-c842-4178-ab54-84200a864a26);
  height          : 132px;
  bottom          : 19.945%;
}

.jobs-jobinja .swiper {
  padding-bottom: 82px;
}

.jobs-jobinja .swiper-slide>* {
  filter: blur(8px);
}

.jobs-jobinja .swiper-slide-visible>* {
  filter: blur(0);
}

.jobs-jobinja .swiper-pagination-bullet {
  width           : 30px;
  height          : 9px;
  opacity         : 1;
  border-radius   : 10px;
  background-color: #EFEFEF;
}

.jobs-jobinja .swiper-pagination-bullet-active {
  width           : 69px;
  background-color: #0547C1;
}

@media only screen and (max-width: 767px) {
  .jobs-jobinja {
    margin: 80px 0;
  }

  .jobs-jobinja .swiper-pagination-bullet {
    width : 12px;
    height: 6px;
  }

  .jobs-jobinja .swiper-pagination-bullet-active {
    width: 24px;
  }
}

.members-compony-jobinja {
  margin-bottom: 51px;
}

.members-compony-jobinja .container {
  padding-bottom: 74px;
}

.members-compony-jobinja .container::after {
  height    : 1px;
  background: linear-gradient(90deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.67) 51.04%, rgba(145, 145, 145, 0) 100%);
}

.members-compony-jobinja .heading-text {
  padding-bottom: 53px;
  margin-bottom : 37px;
}

.members-compony-jobinja .heading-text::after {
  height    : 1px;
  background: linear-gradient(90deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.67) 51.04%, rgba(145, 145, 145, 0) 100%);
}

.members-compony-jobinja-item {
  border : 1px solid #919191;
  padding: 45px 47px 45px 42px;
}

.members-compony-jobinja-item .position {
  background-color: #2E365D;
  padding         : 12px 24px;
}

@media only screen and (max-width: 767px) {
  .members-compony-jobinja-item {
    padding: 32px 24px;
  }

  .members-compony-jobinja-item img {
    margin-left: 0;
  }
}

.top-articles-blog-jabinja {
  margin: 40px 0 109px;
}

.top-articles-blog-jabinja-item {
  box-shadow: 0px 304px 250px rgba(0, 0, 0, 0.06);
}

.top-articles-blog-jabinja-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.204548) 56.47%, rgba(0, 0, 0, 0.9) 100%);
  z-index         : 2;
}

.top-articles-blog-jabinja-item a::after {
  z-index: 4;
}

.top-articles-blog-jabinja-item .overlay {
  padding: 0 138px 56px 119px;
}

.top-articles-blog-jabinja-item .overlay .title {
  max-height: 154px;
  max-width : 48%;
}

.top-articles-blog-jabinja-item .overlay p {
  max-height: 126px;
  max-width : 52%;
}

.top-articles-blog-jabinja .swiper-button-next::after,
.top-articles-blog-jabinja .swiper-button-prev::after {
  font-size  : 60px;
  line-height: 1;
  color      : #fff;
  font-family: "icomoon";
}

.top-articles-blog-jabinja .swiper-button-next {
  left: 60px;
}

.top-articles-blog-jabinja .swiper-button-next::after {
  content: "\e989";
}

.top-articles-blog-jabinja .swiper-button-prev {
  right: 60px;
}

.top-articles-blog-jabinja .swiper-button-prev::after {
  content: "\e98a";
}

.top-articles-blog-jabinja .swiper-counter {
  background-image: linear-gradient(119.79deg, #fff -60.17%, rgba(255, 255, 255, 0) 187.67%);
  top             : 64px;
  right           : 58px;
}

.top-articles-blog-jabinja .btn {
  top             : 54px;
  left            : 58px;
  background-color: #fff;
  border          : 1px solid #d2d2d2;
  box-shadow      : 0px 64px 105px rgba(0, 0, 0, 0.12);
}

.top-articles-blog-jabinja .btn:hover,
.top-articles-blog-jabinja .btn:focus,
.top-articles-blog-jabinja .btn:active {
  background-color: #d2d2d2;
}

@media only screen and (min-width: 1600px) {
  .top-articles-blog-jabinja .container {
    max-width: 1502px;
  }

  .top-articles-blog-jabinja .swiper-counter {
    right: 134px;
  }

  .top-articles-blog-jabinja .btn {
    left: 119px;
  }
}

@media only screen and (max-width: 1399px) {
  .top-articles-blog-jabinja-item .overlay {
    padding: 0 72px 56px;
  }

  .top-articles-blog-jabinja-item .overlay .title {
    font-size  : 28px;
    line-height: 2;
    max-height : 112px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-articles-blog-jabinja-item .overlay {
    padding: 0 40px 25px;
  }

  .top-articles-blog-jabinja-item .overlay .title {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .top-articles-blog-jabinja-item .overlay .title {
    margin-left: 0;
    max-width  : 100%;
  }

  .top-articles-blog-jabinja .swiper-counter {
    top  : 12px;
    right: 32px;
  }

  .top-articles-blog-jabinja .swiper-button-next,
  .top-articles-blog-jabinja .swiper-button-prev {
    top: 44%;
  }

  .top-articles-blog-jabinja .swiper-button-next {
    left: 32px;
  }

  .top-articles-blog-jabinja .swiper-button-prev {
    right: 32px;
  }

  .top-articles-blog-jabinja .btn {
    top : 16px;
    left: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .top-articles-blog-jabinja {
    margin-bottom: 80px;
  }

  .top-articles-blog-jabinja-item {
    border-radius: 20px;
  }

  .top-articles-blog-jabinja-item .overlay .title {
    font-size : 22px;
    max-height: 88px;
  }

  .top-articles-blog-jabinja .swiper-button-next::after,
  .top-articles-blog-jabinja .swiper-button-prev::after {
    font-size: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .top-articles-blog-jabinja-item img {
    height            : 220px;
    -o-object-fit     : cover;
    object-fit        : cover;
    -o-object-position: center;
    object-position   : center;
  }

  .top-articles-blog-jabinja-item .overlay .title {
    font-size : 16px;
    max-height: 64px;
  }
}

.articles-blog-jobinja {
  padding      : 0 70px;
  margin-bottom: 58px;
}

.articles-blog-jobinja::before {
  background-image: var(--wpr-bg-60d8b14b-eb72-421f-b07b-582516911c59);
  transform       : translateY(-285px);
  height          : 771px;
}

.articles-blog-jobinja .container {
  padding-bottom: 60px;
}

.articles-blog-jobinja .container::after {
  height    : 1px;
  background: linear-gradient(90deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.67) 51.04%, rgba(145, 145, 145, 0) 100%);
}

.articles-blog-jobinja .swiper-button-next,
.articles-blog-jobinja .swiper-button-prev {
  top: 30%;
}

.articles-blog-jobinja .swiper-button-next::after,
.articles-blog-jobinja .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 60px;
  line-height: 1;
  color      : #494949;
}

.articles-blog-jobinja .swiper-button-next {
  transform: translateX(-80px);
}

.articles-blog-jobinja .swiper-button-next::after {
  content: "\e989";
}

.articles-blog-jobinja .swiper-button-prev {
  transform: translateX(80px);
}

.articles-blog-jobinja .swiper-button-prev::after {
  content: "\e98a";
}

@media only screen and (max-width: 1199px) {
  .articles-blog-jobinja {
    padding: 0 50px;
  }

  .articles-blog-jobinja .swiper-button-next {
    transform: translateX(-60px);
  }

  .articles-blog-jobinja .swiper-button-prev {
    transform: translateX(60px);
  }
}

@media only screen and (max-width: 575px) {
  .articles-blog-jobinja {
    padding: 0;
  }

  .articles-blog-jobinja .swiper-slide>* {
    opacity   : 1;
    visibility: visible;
    transform : scale(1);
  }
}

.categories-search-blog-jobinja .categories li a {
  padding: 11.5px 17px;
}

.categories-search-blog-jobinja .categories li a.active {
  font-weight: 900 !important;
}

.categories-search-blog-jobinja .categories li a:hover,
.categories-search-blog-jobinja .categories li a.active {
  background-color: #2e365d;
  box-shadow      : 0px 39px 60px 2px rgba(87, 100, 139, 0.25);
  color           : #fff;
}

.categories-search-blog-jobinja .search {
  max-width: 492px;
}

.categories-search-blog-jobinja .search .form-control {
  background-color: rgba(172, 172, 172, 0.05);
  border          : 1px solid rgba(172, 172, 172, 0.05);
  height          : 66px;
  padding         : 0 24px 0 60px;
}

.categories-search-blog-jobinja .search .form-control:focus {
  border-color    : #0547c1;
  background-color: #fff;
  box-shadow      : 0 0 0 4px rgba(5, 71, 193, 0.2);
}

.categories-search-blog-jobinja .search button {
  left: 32px;
}

@media only screen and (max-width: 991px) {
  .categories-search-blog-jobinja .search {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .categories-search-blog-jobinja .categories {
    margin : 0 -12px;
    padding: 0 12px;
  }
}

.new-articles-blog-jobinja {
  margin          : 87px 0 58px;
  padding         : 48px 0 77px;
  background-color: rgba(249, 249, 249, 0.4);
}

.new-articles-blog-jobinja-item {
  box-shadow   : 0px 104px 104px rgba(0, 0, 0, 0.05);
  padding      : 18px 18px 26px;
  border-bottom: 3px solid #fff;
}

.new-articles-blog-jobinja-item img {
  border-radius: 2px;
}

.new-articles-blog-jobinja-item .title {
  max-height: 72px;
}

.new-articles-blog-jobinja-item p {
  max-height: 42px;
}

.new-articles-blog-jobinja-item .btn {
  padding   : 10px 18px;
  background: linear-gradient(266.04deg, rgba(87, 100, 139, 0.1) -20.91%, rgba(87, 100, 139, 0.0206505) 50.62%, rgba(87, 100, 139, 0) 125.12%);
}

.new-articles-blog-jobinja-item .btn::before {
  background: linear-gradient(-266.04deg, rgba(87, 100, 139, 0.1) -20.91%, rgba(87, 100, 139, 0.0206505) 50.62%, rgba(87, 100, 139, 0) 125.12%);
  opacity   : 0;
}

.new-articles-blog-jobinja-item .btn:hover::before,
.new-articles-blog-jobinja-item .btn:focus::before,
.new-articles-blog-jobinja-item .btn:active::before {
  opacity: 1;
}

.new-articles-blog-jobinja-item:hover {
  border-color: #0a46b6;
}

@media only screen and (max-width: 767px) {
  .new-articles-blog-jobinja {
    margin: 40px 0 30px;
  }

  .new-articles-blog-jobinja-heading .link {
    font-size  : 13px;
    line-height: 20px;
  }
}

.best-articles-jobinja-item .video-jobinja {
  padding         : 18px;
  border-radius   : 28px;
  background-image: linear-gradient(178.64deg, rgba(255, 255, 255, 0) -20.03%, rgba(255, 255, 255, 0.277501) 20.27%, rgba(255, 255, 255, 0.5) 98.84%);
  border          : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow      : 0px 0px 111px rgba(228, 233, 242, 0.45);
}

.best-articles-jobinja-item .video-jobinja::before,
.best-articles-jobinja-item .video-jobinja::after {
  background-color: rgba(5, 71, 193, 0.7);
  border-radius   : 50%;
  filter          : blur(82px);
}

.best-articles-jobinja-item .video-jobinja::before {
  width : 98px;
  height: 98px;
}

.best-articles-jobinja-item .video-jobinja::after {
  width : 94px;
  height: 87px;
}

.best-articles-jobinja-item .video-jobinja .video-js {
  width : 100%;
  height: 400px;
}

.best-articles-jobinja-item .video-jobinja .video-js,
.best-articles-jobinja-item .video-jobinja .video-js video,
.best-articles-jobinja-item .video-jobinja .video-js .vjs-poster {
  border-radius: 10px;
}

.best-articles-jobinja-item .video-jobinja .video-js video {
  position: relative;
}

.best-articles-jobinja-item .video-jobinja .video-js .vjs-poster::before {
  background-color       : rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
}

.best-articles-jobinja-item .info {
  box-shadow: 0px 24px 84px rgba(0, 0, 0, 0.05);
  padding   : 28px 24px;
  gap       : 30px;
}

.best-articles-jobinja-item-two {
  padding         : 20px 39px 20px 20px;
  background-color: #fff;
  cursor          : pointer;
}

.best-articles-jobinja-item-two img {
  width             : 88px;
  height            : 88px;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
}

.best-articles-jobinja-item-two .title {
  max-height: 56px;
}

.best-articles-jobinja .swiper:nth-child(2) {
  margin-top: 95px;
}

.best-articles-jobinja .swiper:nth-child(2) .swiper-slide-thumb-active>* {
  background-color: #f3f5fc;
}

.best-articles-jobinja .swiper:nth-child(2) .swiper-slide>* {
  filter: blur(12px);
}

.best-articles-jobinja .swiper:nth-child(2) .swiper-slide-visible>* {
  filter: blur(0px);
}

@media only screen and (max-width: 1199px) {
  .best-articles-jobinja-item-two {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .best-articles-jobinja-item .video-jobinja .video-js {
    height: 320px;
  }

  .best-articles-jobinja .swiper:nth-child(2) .swiper-slide>* {
    filter: blur(0px);
  }
}

@media only screen and (max-width: 575px) {
  .best-articles-jobinja-item .video-jobinja .video-js {
    height: 260px;
  }

  .best-articles-jobinja .swiper:nth-child(2) {
    margin: 0 0 32px;
  }
}

.our-mostarticles-jobinja {
  margin          : 114px 0 145px;
  background-color: rgba(249, 249, 249, 0.4);
  padding         : 46px 0 84px;
}

@media only screen and (max-width: 767px) {
  .our-mostarticles-jobinja {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .our-mostarticles-jobinja-heading .link {
    font-size  : 12px;
    line-height: 18px;
  }
}

.book-freelancer form {
  padding   : 7px;
  background: linear-gradient(93.25deg, #ffffff -6.74%, rgba(255, 255, 255, 0) 52.68%);
  box-shadow: 43px 4px 100px rgba(0, 0, 0, 0.04);
}

.book-freelancer form .form-control {
  height : 65px;
  padding: 0 24px 0 145px;
}

.book-freelancer form .btn {
  left   : 22px;
  padding: 15px 34px;
}

.book-freelancer form+.btn {
  padding: 21.5px 26px;
}

.book-freelancer .image::after {
  top                    : 64.66%;
  right                  : -54.55%;
  bottom                 : -77.59%;
  left                   : -25.5%;
  border-radius          : 50%;
  background             : linear-gradient(180deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0) 42.43%, rgba(255, 255, 255, 0) 100%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter        : blur(12px);
}

.book-freelancer .image img {
  transform: rotate(-12.655deg);
}

.book-freelancer .image img:nth-child(2) {
  transform: translate(-49px, -5px) rotate(-12.655deg);
  z-index  : -1;
  filter   : blur(50.5px);
}

.book-freelancer .image span::before,
.book-freelancer .image span::after {
  width           : 94px;
  height          : 87px;
  background-color: rgba(5, 71, 193, 0.7);
  filter          : blur(82px);
  border-radius   : 50%;
}

.book-freelancer .image span::before {
  bottom   : 30px;
  transform: translateX(74px);
}

.book-freelancer .image span::after {
  left     : 14px;
  transform: translateY(70px);
}

@media only screen and (max-width: 575px) {
  .book-freelancer form .form-control {
    padding: 12px 12px 64px;
    height : 104px;
  }

  .book-freelancer form .btn {
    max-width: 100%;
    top      : auto !important;
    transform: unset !important;
    right    : 12px;
    left     : 12px;
    bottom   : 12px;
  }

  .book-freelancer .image {
    max-width: 45%;
  }
}

.detail-blog-jobinja {
  margin-top: 55px;
}

.detail-blog-jobinja-image {
  margin-bottom: 110px;
}

.detail-blog-jobinja-image img {
  box-shadow: 0px 304px 250px rgba(0, 0, 0, 0.06);
}

.detail-blog-jobinja-title {
  max-width: 502px;
}

.detail-blog-jobinja-content {
  max-width    : 1137px;
  margin-bottom: 126px;
}

.detail-blog-jobinja-content img {
  max-width   : -moz-fit-content;
  max-width   : fit-content;
  margin-right: auto;
  margin-left : auto;
}

@media only screen and (max-width: 767px) {
  .detail-blog-jobinja-image {
    margin-bottom: 32px;
  }

  .detail-blog-jobinja-title {
    margin-bottom: 24px;
  }

  .detail-blog-jobinja-content {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-jobinja-image img {
    border-radius: 12px;
  }

  .detail-blog-jobinja-title {
    line-height: 2;
    font-size  : 16px;
  }

  .detail-blog-jobinja-content {
    font-size  : 14px;
    line-height: 28px;
  }
}

.comments-detail-blog-jobinja {
  margin-bottom: 143px;
}

.comments-detail-blog-jobinja .container {
  padding-bottom: 148px;
}

.comments-detail-blog-jobinja .container::after {
  height          : 1px;
  background-image: linear-gradient(90deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.67) 51.04%, rgba(145, 145, 145, 0) 100%);
}

.comments-detail-blog-jobinja-heading {
  padding      : 19px 45px 18px 17px;
  margin-bottom: 85px;
}

.comments-detail-blog-jobinja-heading .right {
  padding-left: 22px;
}

.comments-detail-blog-jobinja-heading .right::after {
  width           : 0.5px;
  height          : 53px;
  background-color: rgba(73, 73, 73, 0.5);
}

.comments-detail-blog-jobinja-heading p {
  margin-left: 46px;
}

.comments-detail-blog-jobinja-heading .btn {
  padding: 15px 26px;
}

.comments-detail-blog-jobinja-items>li:not(:last-child) {
  margin-bottom: 64px;
}

.comments-detail-blog-jobinja-items li {
  padding-right: 39px;
  position     : relative;
}

.comments-detail-blog-jobinja-items li .content {
  padding: 21px 32px 20px 31px;
}

.comments-detail-blog-jobinja-items li .content::before {
  background-color: #000;
  height          : 1px;
}

.comments-detail-blog-jobinja-items li .content .rate label {
  cursor: pointer;
}

.comments-detail-blog-jobinja-items li .content .rate input:checked~label {
  color: #0547c1;
}

.comments-detail-blog-jobinja-items li .content .btn {
  box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.02);
  padding   : 14px 18px 13px;
}

.comments-detail-blog-jobinja-items li.has-reply::before {
  width           : 1px;
  background-color: #000;
}

.comments-detail-blog-jobinja-items li.has-reply>.content::before {
  width    : 39px;
  transform: translate(39px, -50%);
}

.comments-detail-blog-jobinja-items li.has-reply>.content::after {
  width           : 1px;
  height          : 50%;
  bottom          : calc(50% + 1px);
  background-color: #fff;
  transform       : translateX(39px);
}

.comments-detail-blog-jobinja-items li ul li {
  padding-right: 66px;
  margin-top   : 44px;
}

.comments-detail-blog-jobinja-items li ul li:last-child .content::after {
  height          : 50%;
  background-color: #fff;
  width           : 1px;
  transform       : translate(105px, 1px);
}

.comments-detail-blog-jobinja-items li ul li .content::before {
  width    : 105px;
  transform: translate(105px, -50%);
}

.comments-detail-blog-jobinja-items li ul li .content .rate input:checked~label {
  color: #2e365d;
}

@media only screen and (max-width: 1199px) {
  .comments-detail-blog-jobinja-items li {
    padding-right: 20px;
  }

  .comments-detail-blog-jobinja-items li .content {
    padding: 20px 12px;
  }

  .comments-detail-blog-jobinja-items li.has-reply>.content::before {
    transform: translate(20px, -50%);
    width    : 20px;
  }

  .comments-detail-blog-jobinja-items li.has-reply>.content::after {
    transform: translateX(20px);
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li {
    padding-right: 32px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li .content::before {
    width    : 52px;
    transform: translate(52px, -50%);
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li .content::after {
    transform: translate(52px, 1px);
  }
}

@media only screen and (max-width: 991px) {
  .comments-detail-blog-jobinja-items li.has-reply::before {
    top   : 38px;
    height: calc(100% - 76px);
  }

  .comments-detail-blog-jobinja-items li.has-reply>.content::before {
    top: 38px;
  }

  .comments-detail-blog-jobinja-items li.has-reply>.content::after {
    content: none;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li .content::before {
    top: 38px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li:last-child .content::after {
    top   : 38px;
    height: calc(100% - 38px);
  }

  .comments-detail-blog-jobinja-items li .content .name-comment {
    align-items: flex-start !important;
  }
}

@media only screen and (max-width: 767px) {
  .comments-detail-blog-jobinja {
    margin-bottom: 80px;
  }

  .comments-detail-blog-jobinja .content {
    padding-bottom: 40px;
  }

  .comments-detail-blog-jobinja-heading {
    padding: 19px 0 18px;
  }

  .comments-detail-blog-jobinja-items li.has-reply::before {
    top: 32px;
  }

  .comments-detail-blog-jobinja-items li.has-reply>.content::before {
    top: 32px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li .content::before {
    top: 32px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li:last-child .content::after {
    top   : 32px;
    height: calc(100% - 32px);
  }

  .comments-detail-blog-jobinja-items li .content .name-comment p {
    width     : 100%;
    margin-top: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-detail-blog-jobinja-heading .right {
    margin-left : 0;
    padding-left: 0;
  }

  .comments-detail-blog-jobinja-heading .btn {
    border-radius: 12px;
  }

  .comments-detail-blog-jobinja-items>li:not(:last-child) {
    margin-bottom: 24px;
  }

  .comments-detail-blog-jobinja-items li {
    padding-right: 0;
  }

  .comments-detail-blog-jobinja-items li.has-reply::before {
    transform: translateX(8px);
  }

  .comments-detail-blog-jobinja-items li.has-reply .content::before {
    width    : 8px;
    transform: translate(8px, -50%);
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li {
    padding-right: 12px;
    margin-top   : 24px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li .content::before {
    transform: translate(20px, -50%);
    width    : 20px;
  }

  .comments-detail-blog-jobinja-items li.has-reply ul li:last-child .content::after {
    transform: translate(20px, 1px);
  }

  .comments-detail-blog-jobinja-items li .content .rate {
    width      : 100%;
    font-size  : 12px;
    line-height: 18px;
  }

  .comments-detail-blog-jobinja-items li .content .rate label {
    font-size: 16px;
  }

  .comments-detail-blog-jobinja-items li .content .btn {
    margin: 24px 0 0;
  }
}

.book-detail-blog-jobinja {
  margin-bottom: 188px;
}

@media only screen and (max-width: 991px) {
  .book-detail-blog-jobinja {
    margin-bottom: 80px;
  }
}

.auth-jobinja {
  padding: 48px 0;
}

.auth-jobinja::before {
  width           : 101px;
  height          : 62px;
  background-color: #0547c1;
  border-radius   : 20px;
  filter          : blur(127px);
  transform       : translate(41px, -52px);
}

.auth-jobinja p {
  padding-bottom: 31px;
}

.auth-jobinja p::after {
  height    : 1px;
  background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.auth-jobinja form .form-group img {
  right: 35px;
}

.auth-jobinja form .form-group img+.form-control {
  padding: 0 73px 0 12px;
}

.auth-jobinja form .form-group .form-control {
  padding         : 0 24px 0 12px;
  background-color: #fbfbfc;
  border          : 1px solid #e8e8e8;
  height          : 76px;
}

.auth-jobinja form .form-group .form-control:focus {
  box-shadow  : 0 0 0 4px rgba(29, 111, 250, 0.2);
  border-color: #1d6ffa;
}

.auth-jobinja form .form-group select.form-control {
  background     : var(--wpr-bg-9448b885-cf30-45a2-9df6-4963745f3011) left 24px center no-repeat;
  background-size: auto;
  padding-left   : 50px;
}

.auth-jobinja form .btn {
  padding: 23px 12px;
}

.auth-jobinja .swiper {
  max-width    : calc(50% - 128px);
  -o-object-fit: cover;
  object-fit   : cover;
  border-radius: 0 79px 79px 0;
}

@media only screen and (max-height: 700px) {
  .auth-jobinja .swiper {
    position: absolute !important;
    height  : 100% !important;
  }
}

.auth-jobinja .swiper .item img {
  -o-object-position: top;
  object-position   : top;
}

.auth-jobinja .swiper .item .overlay {
  right : 112px;
  bottom: 117px;
  left  : 99px;
}

.auth-jobinja .swiper .item .overlay::before {
  right                  : 61px;
  left                   : 61px;
  height                 : 105px;
  background-color       : rgba(255, 255, 255, 0.4);
  border                 : 2px solid rgba(255, 255, 255, 0.7);
  transform              : translateY(-43px);
  border-radius          : 20px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
}

.auth-jobinja .swiper .item .overlay .content {
  box-shadow: 0px 54px 44px rgba(0, 0, 0, 0.15);
  padding   : 34px 46px 30px 47px;
}

.auth-jobinja .swiper-pagination {
  right : 112px;
  bottom: 48px;
  left  : auto;
}

.auth-jobinja .swiper-pagination-bullet {
  opacity         : 0.3;
  background-color: #fff;
  width           : 45px;
  height          : 9px;
  border-radius   : 20px;
}

.auth-jobinja .swiper-pagination-bullet-active {
  width  : 63px;
  opacity: 1;
}

.auth-jobinja .swiper-counter {
  bottom          : 24px;
  left            : 99px;
  background-image: linear-gradient(119.79deg, #fff -60.17%, rgba(255, 255, 255, 0) 187.67%);
}

@media only screen and (max-width: 1399px) {
  .auth-jobinja .swiper {
    max-width: calc(50% - 12px);
  }

  .auth-jobinja .swiper .item .overlay {
    right: 64px;
    left : 64px;
  }

  .auth-jobinja .swiper .item .overlay .content {
    padding: 34px 32px 30px;
  }

  .auth-jobinja .swiper-pagination {
    right: 64px;
  }

  .auth-jobinja .swiper-counter {
    left: 64px;
  }
}

@media only screen and (max-width: 1199px) {
  .auth-jobinja .swiper {
    border-radius: 0 40px 40px 0;
  }

  .auth-jobinja .swiper .item .overlay {
    right: 32px;
    left : 32px;
  }

  .auth-jobinja .swiper-pagination {
    right: 32px;
  }

  .auth-jobinja .swiper-counter {
    left: 32px;
  }
}

.enter-logo-jobinja {
  z-index   : 999;
  opacity   : 0;
  visibility: hidden;
}

.enter-logo-jobinja.opened {
  opacity   : 1;
  visibility: visible;
}

.enter-logo-jobinja-wrapper {
  overflow: hidden auto;
  padding : 32px 0;
}

.enter-logo-jobinja .container {
  min-height: calc(100% - 64px);
}

.enter-logo-jobinja::before {
  background-color       : rgba(46, 54, 93, 0.7);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter        : blur(17px);
}

.enter-logo-jobinja-title {
  line-height: 91px;
}

.enter-logo-jobinja p {
  max-width: 691px;
}

.enter-logo-jobinja .icon {
  font-size: 166px;
}

.enter-logo-jobinja label {
  max-width: 414px;
}

.enter-logo-jobinja .btns .btn {
  border : 1px solid #fff;
  padding: 22px 16px;
}

@media only screen and (max-width: 991px) {
  .enter-logo-jobinja-title {
    line-height: 1.65;
  }
}

@media only screen and (max-width: 767px) {
  .enter-logo-jobinja .icon {
    font-size: 120px;
  }
}

@media only screen and (max-width: 575px) {
  .enter-logo-jobinja .icon {
    font-size: 94px;
  }

  .enter-logo-jobinja .btns .btn {
    font-size  : 12px;
    line-height: 18px;
  }
}

.fast-tool-jobinja {
  margin-top: 295px;
}

.fast-tool-jobinja::before {
  background-image: var(--wpr-bg-5105b224-eae7-4172-9abe-599bff1cdb37);
  transform       : translateY(-414px);
  height          : 850px;
}

.fast-tool-jobinja-wrapper {
  box-shadow: 0px 54px 139px rgba(46, 54, 93, 0.25);
  padding   : 89px 82px 83px 12px;
  background: #2e365d var(--wpr-bg-4377a1d5-f636-4048-ad84-a30bfbcce7cb) top left 67px no-repeat;
}

.fast-tool-jobinja-wrapper .content {
  padding-left: 600px;
  z-index     : 3;
}

.fast-tool-jobinja-wrapper .left {
  bottom: -41px;
  left  : 177px;
}

.fast-tool-jobinja-wrapper .left::before {
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0.77) 0%, rgba(255, 255, 255, 0) 42.43%, rgba(255, 255, 255, 0) 100%);
  -webkit-backdrop-filter: blur(14.5px);
  backdrop-filter        : blur(14.5px);
  width                  : 102.37%;
  height                 : 47.122%;
  border-radius          : 50%;
  transform              : translate(24.212%, 8.184%);
}

.fast-tool-jobinja-wrapper .left::after {
  right                  : -10.266%;
  left                   : -25.265%;
  height                 : 62.43%;
  border-radius          : 50%;
  background-image       : linear-gradient(180deg, rgba(255, 255, 255, 0.77) 0%, rgba(255, 255, 255, 0) 42.43%, rgba(255, 255, 255, 0) 100%);
  -webkit-backdrop-filter: blur(14.5px);
  backdrop-filter        : blur(14.5px);
  bottom                 : -53.334%;
  z-index                : 4;
}

.fast-tool-jobinja-wrapper .left .image::before {
  top             : 26.516%;
  right           : 2.634%;
  bottom          : -8.487%;
  left            : -12.106%;
  border-radius   : 48px;
  box-shadow      : 0px 64px 100px rgba(0, 0, 0, 0.15);
  background-color: #d9d9d9;
}

.fast-tool-jobinja-wrapper .left .btn {
  z-index  : 9;
  transform: translate(-50%, 100%);
}

@media only screen and (max-width: 1199px) {
  .fast-tool-jobinja-wrapper {
    padding: 89px 32px 83px 12px;
  }

  .fast-tool-jobinja-wrapper .content {
    padding-left: 462px;
  }

  .fast-tool-jobinja-wrapper .left {
    left: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .fast-tool-jobinja-wrapper {
    padding         : 0 24px 40px;
    background-image: unset;
  }

  .fast-tool-jobinja-wrapper .content {
    padding-left: 0;
  }

  .fast-tool-jobinja-wrapper .left {
    position : relative !important;
    left     : 0;
    bottom   : 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin   : -40% auto 90px;
  }

  .fast-tool-jobinja-wrapper .left::after {
    right : -5.266%;
    bottom: -43.334%;
    left  : -15.265%;
    height: 52.43%;
  }
}

@media only screen and (max-width: 767px) {
  .fast-tool-jobinja-wrapper .left {
    margin-top: -60%;
  }
}

@media only screen and (max-width: 575px) {
  .fast-tool-jobinja-wrapper {
    border-radius: 0;
    margin       : 0 -12px;
    padding      : 0 12px 40px;
  }

  .fast-tool-jobinja-wrapper .left {
    margin-top: -250px;
    max-width : 75%;
  }
}

.company-karfarma-jobinja {
  margin: 291px 0 155px;
}

.company-karfarma-jobinja-item {
  border : 1px solid #d9d9d9;
  padding: 37px 42px 34px 12px;
}

.company-karfarma-jobinja-item:hover {
  border-color: rgba(217, 217, 217, 0);
  box-shadow  : 0 3px 30px rgba(0, 0, 0, 0.05);
}

.company-karfarma-jobinja .swiper {
  padding-bottom: 81px;
}

.company-karfarma-jobinja .swiper-pagination {
  height: 9px;
}

.company-karfarma-jobinja .swiper-pagination-bullet {
  width           : 41px;
  height          : 9px;
  opacity         : 1;
  background-color: #d7e5ff;
  border-radius   : 10px;
}

.company-karfarma-jobinja .swiper-pagination-bullet-active {
  width           : 75px;
  background-color: #0547c1;
}

@media only screen and (max-width: 1199px) {
  .company-karfarma-jobinja-item {
    padding: 37px 24px 34px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .company-karfarma-jobinja {
    margin: 80px 0 100px;
  }

  .company-karfarma-jobinja .swiper {
    padding-bottom: 40px;
  }

  .company-karfarma-jobinja .swiper-pagination {
    height: 6px;
  }

  .company-karfarma-jobinja .swiper-pagination-bullet {
    width : 12px;
    height: 6px;
  }

  .company-karfarma-jobinja .swiper-pagination-bullet-active {
    width: 20px;
  }
}

.about-karfarma-jobinja::before {
  background-image: var(--wpr-bg-3595ef6b-22fb-4a00-9104-0be1595556c7);
  height          : 850px;
  transform       : translateY(-195px);
}

.about-karfarma-jobinja .right {
  padding-left: 43px;
}

.about-karfarma-jobinja .right::before,
.about-karfarma-jobinja .right::after {
  width           : 93px;
  height          : 74px;
  background-image: var(--wpr-bg-f871d047-fc5f-4846-9c7c-994ea80df3db);
}

.about-karfarma-jobinja .right::before {
  transform: translate(40px, 16px);
}

.about-karfarma-jobinja .right::after {
  transform: translateY(-8px);
}

.about-karfarma-jobinja .right .image::before,
.about-karfarma-jobinja .right .image::after {
  width           : 64px;
  height          : 64px;
  background-color: #919191;
  top             : 50%;
  transform       : translate(-50%, -50%) rotate(135deg);
  transform-origin: center;
}

.about-karfarma-jobinja .right .image::before {
  opacity  : 0.9;
  left     : calc(50% + 20px);
  animation: rotateImage01 3s linear 0s infinite alternate;
}

@keyframes rotateImage01 {
  0% {
    left: calc(50% + 20px);
  }

  100% {
    left: calc(50% - 20px);
  }
}

.about-karfarma-jobinja .right .image::after {
  opacity  : 0.6;
  left     : calc(50% - 20px);
  animation: rotateImage02 3s linear 0s infinite alternate;
}

@keyframes rotateImage02 {
  0% {
    left: calc(50% - 20px);
  }

  100% {
    left: calc(50% + 20px);
  }
}

.about-karfarma-jobinja .right .image img {
  -webkit-mask-image: linear-gradient(223.27deg, rgba(246, 246, 246, 0) 2.04%, rgba(246, 246, 246, 0.22) 45.7%, rgba(246, 246, 246, 0.13) 85.58%);
  mask-image        : linear-gradient(223.27deg, rgba(246, 246, 246, 0) 2.04%, rgba(246, 246, 246, 0.22) 45.7%, rgba(246, 246, 246, 0.13) 85.58%);
}

.about-karfarma-jobinja ul li {
  padding: 19px 11px 19px 25px;
  border : 1px solid rgba(217, 217, 217, 0);
}

.about-karfarma-jobinja ul li:not(:last-child) {
  margin-bottom: 8px;
}

.about-karfarma-jobinja ul li img {
  animation: loadingKarfarma 3s linear 0s infinite;
}

@keyframes loadingKarfarma {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.about-karfarma-jobinja ul li>div {
  max-width: calc(100% - 76px);
}

.about-karfarma-jobinja ul li .btn {
  padding: 21.5px 26px;
  left   : 25px;
  opacity: 0;
}

.about-karfarma-jobinja ul li:hover {
  border-color: #d9d9d9;
}

.about-karfarma-jobinja ul li:hover .btn {
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .about-karfarma-jobinja .right {
    padding-right: 40px;
  }

  .about-karfarma-jobinja .right::before {
    transform: translateY(16px);
  }
}

@media only screen and (max-width: 767px) {
  .about-karfarma-jobinja .right .image img {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .about-karfarma-jobinja .right {
    padding: 0;
  }

  .about-karfarma-jobinja .right::before {
    transform: translate(40px, 16px);
  }

  .about-karfarma-jobinja .right::after {
    transform: translate(-45px, -8px);
  }

  .about-karfarma-jobinja ul li {
    padding-left: 12px;
  }

  .about-karfarma-jobinja ul li .btn {
    padding    : 16px 14px;
    font-size  : 12px;
    line-height: 18px;
  }

  .about-karfarma-jobinja ul li .btn img {
    width : 18px;
    height: 18px;
  }
}

.statistics-system-jobuinja {
  margin        : 197px 0 169px;
  padding-bottom: 109px;
}

.statistics-system-jobuinja::before {
  top             : 174px;
  background-color: #2e365d;
}

.statistics-system-jobuinja-box {
  background-color: #e7ecf4;
  border          : 1px solid #ced7e0;
  padding         : 46px 46px 61px;
  margin-bottom   : 162px;
}

.statistics-system-jobuinja-box::after {
  background-color: rgba(255, 255, 255, 0.5);
  border          : 2px solid rgba(255, 255, 255, 0.7);
  box-shadow      : 0px 0px 111px rgba(228, 233, 242, 0.2);
  top             : -20px;
  right           : 86px;
  bottom          : -56px;
  left            : 86px;
  border-radius   : 30px;
}

.statistics-system-jobuinja-box .row {
  gap: 29px 0;
}

.statistics-system-jobuinja-box-item {
  box-shadow  : 0px 2px 0px 0px #e9eef1;
  padding-left: 23px;
}

.statistics-system-jobuinja-box-item .title {
  padding  : 29px 23px 29px 19px;
  max-width: 50%;
}

.statistics-system-jobuinja-box-item .title::after {
  width     : 1px;
  background: linear-gradient(180deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
}

.statistics-system-jobuinja-box-item .value {
  padding: 12px 0;
}

.statistics-system-jobuinja-member p {
  margin-right: 74px;
}

@media only screen and (max-width: 991px) {
  .statistics-system-jobuinja-member img {
    margin-left: 0;
  }

  .statistics-system-jobuinja-member>div {
    white-space: normal !important;
  }

  .statistics-system-jobuinja-member p {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .statistics-system-jobuinja {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .statistics-system-jobuinja-box {
    padding: 32px 12px;
  }

  .statistics-system-jobuinja-box::after {
    right        : 24px;
    left         : 24px;
    border-radius: 20px;
  }

  .statistics-system-jobuinja-box-item {
    padding: 32px 12px;
  }

  .statistics-system-jobuinja-box-item .title {
    margin   : 0 0 24px;
    padding  : 0 0 24px;
    width    : 100%;
    max-width: 100%;
  }

  .statistics-system-jobuinja-box-item .title::after {
    top       : auto;
    bottom    : 0;
    width     : 100%;
    height    : 1px;
    background: linear-gradient(270deg, rgba(145, 145, 145, 0) 0%, rgba(145, 145, 145, 0.5) 50.07%, rgba(145, 145, 145, 0) 101.19%);
  }

  .statistics-system-jobuinja-box-item .value {
    padding: 0;
  }
}

.plans-jobinja {
  margin-bottom: 195px;
}

.plans-jobinja-heading {
  margin-bottom: 337px;
}

.plans-jobinja .row {
  margin: 0 -21.5px;
  gap   : 48px 0;
}

.plans-jobinja .row>* {
  padding: 0 21.5px;
}

.plans-jobinja-item {
  background-color: #e7ecf4;
}

.plans-jobinja-item>.btn {
  transform : translate(-50%, -53px);
  padding   : 20px 28px;
  box-shadow: 0px 44px 74px rgba(246, 148, 0, 0.4);
  z-index   : 6;
}

.plans-jobinja-item .content {
  padding: 65px 56px 36px;
}

.plans-jobinja-item ul li:not(:last-child) {
  margin-bottom: 23px;
}

.plans-jobinja-item ul li i {
  width : 20px;
  height: 20px;
  border: 1.5px solid #919191;
}

.plans-jobinja-item ul li.active {
  color: #494949;
}

.plans-jobinja-item ul li.active i {
  background-color: #52ff00;
  border-color    : #52ff00;
  color           : #247100;
}

.plans-jobinja-item .content .btn {
  padding: 14px;
}

.plans-jobinja-item.vip {
  transform       : translateY(-62px);
  background-color: transparent;
  z-index         : 7;
}

.plans-jobinja-item.vip,
.plans-jobinja-item.vip .content {
  border-radius: 30px;
}

.plans-jobinja-item.vip::before {
  width           : 204px;
  height          : 45px;
  background-image: var(--wpr-bg-0e9635ec-6d54-40e3-8c90-575406b55121);
  z-index         : 3;
  transform       : translate(-50%, -1px);
}

.plans-jobinja-item.vip::after {
  top             : 50%;
  right           : -12px;
  bottom          : -25px;
  left            : -15px;
  background-color: rgba(255, 255, 255, 0.5);
  border          : 2px solid rgba(255, 255, 255, 0.4);
  box-shadow      : 0px 0px 111px rgba(18, 18, 18, 0.2);
  border-radius   : 30px;
}

.plans-jobinja-item.vip .shape::before,
.plans-jobinja-item.vip .shape::after {
  width           : 94px;
  height          : 94px;
  border-radius   : 50%;
  background-color: rgba(246, 148, 0, 0.7);
  filter          : blur(82px);
}

.plans-jobinja-item.vip .shape::before {
  top      : 39.89%;
  transform: translateX(47px);
}

.plans-jobinja-item.vip .shape::after {
  bottom   : 16.508%;
  transform: translateX(-24px);
}

.plans-jobinja-item.vip .content {
  background-color: #2e365d;
}

.plans-jobinja-item.vip .content::before {
  background-color       : rgba(5, 5, 5, 0.07);
  border-radius          : inherit;
  -webkit-backdrop-filter: blur(72px);
  backdrop-filter        : blur(72px);
}

.plans-jobinja-item.vip .content::after,
.plans-jobinja-item.vip .content .info::before,
.plans-jobinja-item.vip .content .info::after {
  width           : 124px;
  height          : 150px;
  background-color: #ffb800;
  filter          : blur(87px);
}

.plans-jobinja-item.vip .content::after {
  top  : 32.189%;
  right: 12px;
}

.plans-jobinja-item.vip .content .info::before {
  top : 26.687%;
  left: 14px;
}

.plans-jobinja-item.vip .content .btn {
  background-color: #ffb800;
}

.plans-jobinja-item.vip .content .btn:focus,
.plans-jobinja-item.vip .content .btn:active,
.plans-jobinja-item.vip .content .btn:hover {
  background-color: #cc9300;
}

.plans-jobinja-item.vip .info :is(.sup-title, .title),
.plans-jobinja-item.vip .price,
.plans-jobinja-item.vip .price>div,
.plans-jobinja-item.vip .price>div span,
.plans-jobinja-item.vip ul li.active {
  color: #fff;
}

@media only screen and (max-width: 1399px) {
  .plans-jobinja-item .content {
    padding: 65px 32px 36px;
  }
}

@media only screen and (max-width: 1199px) {
  .plans-jobinja .row {
    margin: 0 -12px;
  }

  .plans-jobinja .row>* {
    padding: 0 12px;
  }

  .plans-jobinja-item .content {
    padding: 65px 21px 36px;
  }
}

@media only screen and (max-width: 991px) {
  .plans-jobinja-item.vip {
    transform: translateY(0px);
  }
}

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

  .plans-jobinja,
  .plans-jobinja-heading {
    margin-bottom: 80px;
  }

  .plans-jobinja-item.vip {
    margin-top: 117px;
  }
}

.video-advertisement-jobinja {
  margin: 155px 0 144px;
}

.video-advertisement-jobinja::before {
  background-image: var(--wpr-bg-d1c409ae-3dd8-4204-b906-3efa59288df5);
  height          : 850px;
  transform       : translateY(-274px);
}

.video-advertisement-jobinja-wrapper {
  padding: 78px 12px 0;
}

.video-advertisement-jobinja-wrapper::before {
  bottom       : 175px;
  background   : #2e365d var(--wpr-bg-6ac7d517-d0f4-4e93-ba05-2b07f97d8aae) top left 67px no-repeat;
  border-radius: 40px;
}

.video-advertisement-jobinja-wrapper .video-jobinja {
  padding         : 11px;
  border          : 2px solid rgba(255, 255, 255, 0.7);
  background-image: linear-gradient(178.64deg, rgba(255, 255, 255, 0) -20.03%, rgba(255, 255, 255, 0.277501) 20.27%, rgba(255, 255, 255, 0.5) 98.84%);
  border-radius   : 26px;
  max-width       : 716px;
}

.video-advertisement-jobinja-wrapper .video-jobinja .video-js {
  height: 369px;
}

.video-advertisement-jobinja-wrapper .video-jobinja .video-js,
.video-advertisement-jobinja-wrapper .video-jobinja .video-js video,
.video-advertisement-jobinja-wrapper .video-jobinja .video-js .vjs-poster {
  border-radius: 15px;
}

.video-advertisement-jobinja-wrapper .video-jobinja .video-js .vjs-poster::before {
  background-color: rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
  .video-advertisement-jobinja {
    margin: 50px 0;
  }
}

@media only screen and (max-width: 575px) {
  .video-advertisement-jobinja-wrapper {
    padding: 40px 0 0;
  }

  .video-advertisement-jobinja-wrapper::before {
    width        : calc(100% + 24px);
    bottom       : 120px;
    left         : -12px;
    border-radius: 0;
  }

  .video-advertisement-jobinja-wrapper .video-jobinja .video-js {
    height: 250px;
  }
}

.advertisement-jobinja {
  margin-bottom: 168px;
}

.advertisement-jobinja-heading {
  border       : 1px solid #e0e0e0;
  box-shadow   : 0px 44px 94px rgba(0, 0, 0, 0.02);
  padding      : 32px 0;
  margin-bottom: 43px;
}

.advertisement-jobinja form {
  max-width       : 1212px;
  background-color: #f9f9f9;
  padding         : 54px 77px 77px;
  gap             : 36px 0;
}

.advertisement-jobinja form .form-group .form-control {
  background-color: #fff;
  border          : 1px solid #e8e8e8;
  height          : 76px;
  padding         : 0 24px;
}

.advertisement-jobinja form .form-group .form-control:focus {
  border-color: #2e365d;
  box-shadow  : 0 0 0 4px rgba(46, 54, 93, 0.2);
}

.advertisement-jobinja form .form-group select.form-control {
  background     : #fff var(--wpr-bg-bb328c6c-a0e6-43c2-8ca8-c0945cf37603) left 24px center no-repeat;
  background-size: auto;
  padding-left   : 52px;
}

.advertisement-jobinja form .form-group textarea.form-control {
  height : 368px;
  padding: 24px 24px;
}

.advertisement-jobinja form .skills .form-control {
  min-height: 76px;
  border    : 1px dashed #cacaca;
  padding   : 8px 24px;
}

.advertisement-jobinja form .skills .form-control .tagify__tag {
  background-color: #ffebce;
  color           : #000;
  font-size       : 14px;
  line-height     : 22px;
  font-weight     : 600;
  padding         : 0 8px;
  border-radius   : 5px;
}

.advertisement-jobinja form .skills .form-control .tagify__tag>div::before {
  content: none;
}

.advertisement-jobinja form .skills-recommended ul {
  gap: 21px;
}

.advertisement-jobinja form .skills-recommended ul li {
  min-width       : 93px;
  background-color: #ffebce;
  cursor          : pointer;
}

.advertisement-jobinja form .btn {
  max-width: 514px;
  padding  : 23px 20px;
}

@media only screen and (max-width: 991px) {
  .advertisement-jobinja form {
    padding: 32px 24px 40px;
  }

  .advertisement-jobinja form .skills-recommended span {
    margin-left: 16px;
  }

  .advertisement-jobinja form .skills-recommended ul {
    gap: 12px;
  }

  .advertisement-jobinja form .skills-recommended ul li {
    padding  : 0 20px;
    min-width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .advertisement-jobinja {
    margin-bottom: 80px;
  }

  .advertisement-jobinja form .skills-recommended span {
    margin-left: 0;
  }

  .advertisement-jobinja form .btn {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .advertisement-jobinja form {
    padding      : 32px 12px;
    margin       : 0 -12px;
    border-radius: 0;
    width        : calc(100% + 24px) !important;
  }

  .advertisement-jobinja form .form-group .form-control {
    height: 64px;
  }

  .advertisement-jobinja form .form-group input.form-control {
    padding: 0 12px;
  }

  .advertisement-jobinja form .form-group select.form-control {
    padding-right      : 12px;
    background-position: left 12px center;
  }

  .advertisement-jobinja form .form-group textarea.form-control {
    height : 200px;
    padding: 24px 12px;
  }

  .advertisement-jobinja form .skills .form-control {
    min-height: 64px;
    padding   : 6px 12px;
  }

  .advertisement-jobinja form .skills-recommended {
    margin: 24px 0;
  }

  .advertisement-jobinja form .btn {
    padding: 20px;
  }
}

.heading-internet-novin p {
  max-width: 346px;
}

.video-internet-novin .video-js {
  height: 389px;
}

.video-internet-novin .video-js,
.video-internet-novin .video-js video,
.video-internet-novin .video-js .vjs-poster {
  border-radius: 20px;
}

.video-internet-novin .video-js video {
  position: relative;
}

.video-internet-novin .video-js .vjs-poster {
  background-size: cover;
}

.video-internet-novin .video-js .vjs-poster::before {
  content                : "";
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  background-color       : rgba(45, 45, 45, 0.5);
  border-radius          : inherit;
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
}

.video-internet-novin .video-js .vjs-big-play-button {
  width           : 79px;
  height          : 79px;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  background-color: transparent;
  border          : none;
}

.video-internet-novin .video-js .vjs-big-play-button::before,
.video-internet-novin .video-js .vjs-big-play-button::after,
.video-internet-novin .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA2OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjQ5OTYgMC4wMjM2ODE2TDY4LjcwNzYgMTkuNzkxVjU5LjMyNTVMMzQuNDk5NiA3OS4wOTI4TDAuMjkxNjMgNTkuMzI1NVYxOS43OTFMMzQuNDk5NiAwLjAyMzY4MTZaIiBmaWxsPSIjMTA4MUU4Ii8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA2OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjQ5OTYgMC4wMjM2ODE2TDY4LjcwNzYgMTkuNzkxVjU5LjMyNTVMMzQuNDk5NiA3OS4wOTI4TDAuMjkxNjMgNTkuMzI1NVYxOS43OTFMMzQuNDk5NiAwLjAyMzY4MTZaIiBmaWxsPSIjMTA4MUU4Ii8+Cjwvc3ZnPgo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 100%;
  height             : 100%;
  background-color   : rgba(16, 129, 232, 0.3);
  z-index            : -1;
}

.video-internet-novin .video-js .vjs-big-play-button::after {
  transform: scale(1.25);
  z-index  : -2;
  animation: videoAnimationPlay1 3s linear 0s infinite alternate;
}

@keyframes videoAnimationPlay1 {
  0% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

.video-internet-novin .video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: block;
  width  : 100%;
  height : 100%;
}

.video-internet-novin .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content    : "\e923";
  font-family: "icomoon";
  font-size  : 38px;
  line-height: 79px;
}

.video-internet-novin .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  transform: scale(1.5);
  z-index  : -3;
  animation: videoAnimationPlay2 3s linear 0s infinite alternate;
}

@keyframes videoAnimationPlay2 {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width: 575px) {
  .video-internet-novin .video-js {
    height: 280px;
  }
}

.swiper-internet-novin {
  padding-bottom: 114px;
}

.swiper-internet-novin .swiper-button-next::after,
.swiper-internet-novin .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 24px;
  line-height: 1;
  color      : #1081e8;
}

.swiper-internet-novin .swiper-button-next::after {
  content: "\e904";
}

.swiper-internet-novin .swiper-button-prev::after {
  content: "\e930";
}

.swiper-internet-novin .swiper-pagination-bullet {
  width           : 11px;
  height          : 6px;
  border-radius   : 9px;
  background-color: rgba(73, 73, 73, 0.3);
  opacity         : 1;
}

.swiper-internet-novin .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #1081e8;
}

@media only screen and (max-width: 575px) {
  .swiper-internet-novin .swiper-bottom {
    width: 100% !important;
  }
}

.btn-more-internet-novin {
  box-shadow: 0px 10px 20px 2px rgba(134, 155, 235, 0.32);
  padding   : 7px 10px;
}

.breadcrumb-internet-novin {
  padding-bottom: 12px;
  border-bottom : 1px solid #dcdcdc;
}

.breadcrumb-internet-novin li:not(:first-child) {
  padding: 0;
}

.breadcrumb-internet-novin li:not(:first-child)::before {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 10px;
  line-height: 1;
  margin     : 0 8px;
  padding    : 0;
}

.breadcrumb-internet-novin li a:hover {
  color: #1081e8;
}

.articles-internet-novin-two {
  padding: 0 20px 20px;
}

.articles-internet-novin-two::before {
  top             : 85px;
  background-color: #fff;
  border-radius   : 25px;
  box-shadow      : 0px 9px 50px rgba(0, 0, 0, 0.05);
}

.articles-internet-novin-two .title {
  height: 64px;
}

.articles-internet-novin-two p {
  height: 60px;
}

.articles-internet-novin-two .date-badge::before {
  height          : 9px;
  border-radius   : 17px;
  background-color: #1081e8;
  transform       : translateY(-19px);
}

.articles-internet-novin-two .date-badge .badge {
  padding: 7px 8px;
}

@media only screen and (max-width: 991px) {
  .articles-internet-novin-two .title {
    font-size  : 16px;
    line-height: 25px;
  }
}

.pagination-internet-novin {
  gap       : 17px;
  margin-top: 85px;
}

.pagination-internet-novin li a {
  width : 72px;
  height: 72px;
}

.pagination-internet-novin li a:not(.next, .prev) {
  background-color: #fff;
  box-shadow      : 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.pagination-internet-novin li a:not(.next, .prev):hover,
.pagination-internet-novin li a:not(.next, .prev).active {
  background-color: #4a9be5;
  color           : #fff;
  box-shadow      : none;
}

@media only screen and (max-width: 767px) {
  .pagination-internet-novin {
    gap: 8px;
  }

  .pagination-internet-novin li a {
    width      : 48px;
    height     : 48px;
    font-size  : 12px;
    line-height: 18px;
  }
}

.articles-internet-novin-three {
  box-shadow  : 0px 10px 50px rgba(0, 0, 0, 0.05);
  border      : solid #fff;
  border-width: 0 4px 4px 0;
  padding     : 23px 17px 14px;
}

.articles-internet-novin-three figure img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.articles-internet-novin-three .title a:hover {
  color: #1081E8;
}

.articles-internet-novin-three p {
  max-height: 72px;
}

.articles-internet-novin-three:hover {
  border-color: #1081E8;
}

.articles-internet-novin-three:hover>a {
  color: #1081E8;
}

@media only screen and (max-width: 767px) {
  .articles-internet-novin-three .title {
    font-size  : 16px;
    line-height: 25px;
  }
}

.bg-internet-novin {
  background: #f7fbfe;
}

.top-header-internet-novin {
  padding: 53px 0;
}

.top-header-internet-novin::after {
  width           : 475px;
  height          : 50px;
  background-image: var(--wpr-bg-dce4391f-838e-4c27-ba2b-1d0897c40743);
  top             : 100%;
}

.top-header-internet-novin-nav ul li a::before,
.top-header-internet-novin-nav ul li a::after {
  transform       : translateY(5px);
  height          : 2px;
  border-radius   : 8px;
  background-color: #1081e8;
  opacity         : 0;
}

.top-header-internet-novin-nav ul li a::before {
  width: 0;
}

.top-header-internet-novin-nav ul li a::after {
  width: 2px;
}

.top-header-internet-novin-nav ul li a.active {
  font-weight: bold !important;
}

.top-header-internet-novin-nav ul li a:hover,
.top-header-internet-novin-nav ul li a.active {
  color: #1081e8;
}

.top-header-internet-novin-nav ul li a:hover::before,
.top-header-internet-novin-nav ul li a:hover::after,
.top-header-internet-novin-nav ul li a.active::before,
.top-header-internet-novin-nav ul li a.active::after {
  opacity: 1;
}

.top-header-internet-novin-nav ul li a:hover::before,
.top-header-internet-novin-nav ul li a.active::before {
  width: 19px;
}

.top-header-internet-novin-nav ul li a:hover::after,
.top-header-internet-novin-nav ul li a.active::after {
  right: 21px;
}

.top-header-internet-novin-logo {
  top    : 28px;
  z-index: 99;
}

.top-header-internet-novin-search {
  max-width: 206px;
}

.top-header-internet-novin-search .form-control {
  background-color: rgba(225, 241, 255, 0.6);
  height          : 48px;
  border          : 1px solid rgba(225, 241, 255, 0.6);
}

.top-header-internet-novin-search .form-control:focus {
  border-color: #1081e8;
}

.top-header-internet-novin-search .btn {
  width: 48px;
}

.top-header-internet-novin-auth {
  padding: 13px 18.5px;
}

@media only screen and (max-width: 991px) {
  .top-header-internet-novin {
    padding: 12px 0;
  }

  .top-header-internet-novin-logo {
    top      : 0;
    right    : 0 !important;
    position : relative !important;
    transform: unset !important;
  }

  .top-header-internet-novin-logo img {
    width : auto;
    height: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-internet-novin-logo img {
    height: 72px;
  }
}

.footer-internet-novin {
  margin-top: 196px;
  padding   : 58px 0 0;
}

.footer-internet-novin::after {
  height          : 102px;
  background-color: #1081e8;
  background-image: var(--wpr-bg-c9f85d84-1cb2-4e04-94c6-0a2acf066c7e);
}

.footer-internet-novin-nav li:not(:last-child) {
  margin-bottom: 12px;
}

.footer-internet-novin-namads>* {
  max-width: calc(50% - 4px);
}

.footer-internet-novin-contact {
  box-shadow   : 0px 20px 26px rgba(0, 0, 0, 0.05);
  border-radius: 28px;
  padding      : 40px 54px 35px;
}

.footer-internet-novin-contact .text .sub-title {
  letter-spacing: 2.28px;
}

.footer-internet-novin-contact ul {
  padding-right: 56px;
}

.footer-internet-novin-contact ul li {
  max-width: 33.333333%;
  padding  : 0 12px;
}

.footer-internet-novin-copyright-socials {
  padding: 22px 0 13px;
}

.footer-internet-novin-socials .text .sub-title {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.footer-internet-novin-socials ul {
  gap: 17px;
}

.footer-internet-novin-socials ul li a {
  width           : 20px;
  height          : 20px;
  background-color: #fff;
}

.footer-internet-novin-socials ul li a:hover {
  background-color: #1081e8;
  color           : #fff;
}

@media only screen and (max-width: 991px) {
  .footer-internet-novin-namads>* {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .footer-internet-novin-contact {
    padding: 32px 12px;
  }

  .footer-internet-novin-contact ul {
    padding-right: 0;
  }

  .footer-internet-novin-contact ul li {
    max-width: 50%;
  }

  .footer-internet-novin-contact ul li:first-child {
    max-width: 100%;
  }

  .footer-internet-novin-copyright-socials {
    padding: 24px 0;
  }

  .footer-internet-novin-copyright-socials::after {
    width           : 100vw;
    background-color: #1081e8;
    background-image: var(--wpr-bg-f5ba0389-c421-4065-8d7f-c85e739a59bf);
  }
}

@media only screen and (max-width: 767px) {
  .footer-internet-novin {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-internet-novin-contact ul li {
    max-width: 100%;
  }

  .footer-internet-novin-socials ul {
    margin: 12px 0 0;
  }
}

.landing-internet-novin {
  margin: 134px 0 98px;
}

.landing-internet-novin::before {
  width           : 532px;
  height          : 492px;
  background-image: var(--wpr-bg-227b48b2-b696-4eff-bbb8-187daf75e007);
  transform       : translateY(10px);
  mix-blend-mode  : multiply;
  opacity         : 0.5;
}

.landing-internet-novin::after {
  background-image: var(--wpr-bg-1db7fe3f-d611-42c1-b965-da23cd179977);
  width           : 845px;
  height          : 916px;
  transform       : translateY(-182px);
}

.landing-internet-novin .title-en {
  letter-spacing: 10.92px;
}

.landing-internet-novin .btns {
  gap: 19px;
}

.landing-internet-novin .btns .btn {
  padding: 13px 23px;
}

@media only screen and (max-width: 767px) {
  .landing-internet-novin {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-internet-novin .title-en {
    letter-spacing: 5px;
  }
}

.service-home-internet-novin {
  padding: 62px 0 85px;
}

.service-home-internet-novin::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDc5IiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNDc5IDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ3OSAwLjAyOTc4NTJWMEgwVjAuNjI0MDIzQzcuNTU4MTEgMS40NTk0NyAxNS4wMDgzIDMuMTE2MjEgMjIuMjc2NCA1LjQ5MTIxQzYxLjk4IDE4LjQ2NjMgMTY1Ljk2NyA0OS44ODc3IDI0MCA0OS4yMjEyQzMxMC40NDggNDguNTg2OSA0MDguOTI3IDE4LjQwMDkgNDQ3LjU0MyA1LjYyMTA5QzQ1Ny43MjYgMi4yNTA5OCA0NjguMjk0IDAuMjg5NTUxIDQ3OSAwLjAyOTc4NTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDc5IiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNDc5IDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ3OSAwLjAyOTc4NTJWMEgwVjAuNjI0MDIzQzcuNTU4MTEgMS40NTk0NyAxNS4wMDgzIDMuMTE2MjEgMjIuMjc2NCA1LjQ5MTIxQzYxLjk4IDE4LjQ2NjMgMTY1Ljk2NyA0OS44ODc3IDI0MCA0OS4yMjEyQzMxMC40NDggNDguNTg2OSA0MDguOTI3IDE4LjQwMDkgNDQ3LjU0MyA1LjYyMTA5QzQ1Ny43MjYgMi4yNTA5OCA0NjguMjk0IDAuMjg5NTUxIDQ3OSAwLjAyOTc4NTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #f7fbfe;
  width              : 479px;
  height             : 49px;
  transform          : translate(-50%, -1px);
}

.service-home-internet-novin-item {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 93px 20px 54px;
}

.service-home-internet-novin-item .icon {
  width : 87px;
  height: 87px;
}

.service-home-internet-novin-item .icon::before,
.service-home-internet-novin-item .icon::after,
.service-home-internet-novin-item .icon i::after {
  border-radius: 23px;
}

.service-home-internet-novin-item .icon::before {
  background-color       : rgba(255, 163, 26, 0.25);
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.service-home-internet-novin-item .icon::after {
  background-color: #ffa31a;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), 7px 8px 13px rgba(255, 255, 255, 0.25) inset;
  width           : 77px;
  height          : 77px;
  transform       : translate(-19px, -22px);
}

.service-home-internet-novin-item .icon i {
  font-size: 40px;
}

.service-home-internet-novin-item.danger .icon::before {
  background-color: rgba(255, 26, 67, 0.25);
}

.service-home-internet-novin-item.danger .icon::after {
  background-color: #ff1a43;
}

.service-home-internet-novin-item.danger .icon i::after {
  background-color: rgba(255, 26, 67, 0.32);
}

.service-home-internet-novin-item.success .icon::before {
  background-color: rgba(36, 210, 157, 0.25);
}

.service-home-internet-novin-item.success .icon::after {
  background-color: #24d29d;
}

.service-home-internet-novin-item.success .icon i::after {
  background-color: rgba(36, 210, 157, 0.32);
}

.service-home-internet-novin-item.info .icon::before {
  background-color: rgba(16, 129, 232, 0.25);
}

.service-home-internet-novin-item.info .icon::after {
  background-color: #1081e8;
}

.service-home-internet-novin-item.info .icon i::after {
  background-color: rgba(16, 129, 232, 0.32);
}

.about-home-internet-novin {
  margin: 174px 0 158px;
}

.about-home-internet-novin::before {
  background-image: var(--wpr-bg-f9e20b6c-9cba-4dee-ae49-3a068e46aad7);
  width           : 72px;
  height          : 322px;
  transform       : translateY(218px);
}

.about-home-internet-novin::after {
  width           : 31.438%;
  height          : 88.434%;
  border-radius   : 0 40px 40px 0;
  background-color: #1081e8;
  background-image: var(--wpr-bg-33be1727-dfdb-4bcc-b969-aa78c3188fcf);
  transform       : translateY(-30px);
}

.about-home-internet-novin .title-en {
  letter-spacing: 4.8px;
}

.about-home-internet-novin .btn {
  padding: 7px 19px;
}

.about-home-internet-novin .video-internet-novin {
  padding-right: 46px;
}

@media only screen and (max-width: 991px) {
  .about-home-internet-novin .video-internet-novin {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-home-internet-novin {
    margin: 64px 0;
  }
}

@media only screen and (max-width: 575px) {
  .about-home-internet-novin .title-en {
    letter-spacing: 3.4px;
  }
}

.providing-internet-novin {
  padding         : 99px 0 134px;
  background-image: var(--wpr-bg-ae53c9b0-c791-46cc-a5ec-7d272b21d7fa);
}

.providing-internet-novin::before {
  width           : 69px;
  height          : 662px;
  border-radius   : 40px;
  background-color: #1081e8;
  transform       : translate(46px, -206px);
  top             : 100%;
}

.providing-internet-novin::after {
  background-image: var(--wpr-bg-62d1072e-b254-4986-8314-41fd2fc0b622);
  width           : 531px;
  height          : 492px;
  top             : 100%;
  transform       : translateY(-244px);
  mix-blend-mode  : multiply;
}

.providing-internet-novin .image {
  padding-left: 29px;
}

.providing-internet-novin .image::after {
  border       : 1px dashed rgba(73, 73, 73, 0.8);
  border-radius: 17px;
  transform    : translateY(-23px);
  width        : 82.6%;
  height       : 89.136%;
}

.providing-internet-novin .image img {
  box-shadow: 0px 26px 36px rgba(0, 0, 0, 0.15);
}

.providing-internet-novin .title-en {
  letter-spacing: 4.8px;
}

.providing-internet-novin .btn {
  padding: 10px 17.5px;
}

@media only screen and (max-width: 767px) {
  .providing-internet-novin {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .providing-internet-novin .title-en {
    letter-spacing: 2.7px;
  }
}

.internet-packages {
  margin: 151px 0 0;
}

.internet-packages-wrapper {
  padding-top: 61px;
}

.internet-packages-wrapper::before {
  background-color: #fff;
  border-radius   : 53px;
  box-shadow      : 0px 17px 40px rgba(0, 0, 0, 0.05);
  right           : 26px;
  left            : 26px;
  height          : 273px;
}

.internet-packages-wrapper::after {
  border-radius   : 40px;
  background-color: #1081e8;
  height          : 201px;
  width           : 54%;
  transform       : translate(31px, -56px);
}

.internet-packages-heading .title::before {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 12px;
  line-height: 1;
  color      : #1081e8;
  transform  : rotate(-90deg) translate(22px, -50%);
}

.internet-packages-heading .title::after {
  width           : 33px;
  height          : 5px;
  background-color: #1081e8;
  border-radius   : 4px;
  transform       : translate(-50%, -4px);
}

.internet-packages-heading .title-en {
  letter-spacing: 4.06px;
}

.internet-packages-item {
  padding   : 22px 32px 15px;
  box-shadow: 0px 45px 50px rgba(0, 0, 0, 0.05);
}

.internet-packages-item p {
  height       : 84px;
  padding-right: 12px;
}

.internet-packages-item p::before {
  width           : 5px;
  border-radius   : 4px;
  background-color: #1081e8;
}

.internet-packages-item .btn {
  padding         : 9px 12px;
  max-width       : 194px;
  background-color: #fff;
}

.internet-packages-item .btn::after {
  right           : 25px;
  bottom          : 1px;
  left            : 25px;
  height          : 12px;
  background-color: rgba(16, 129, 232, 0.32);
  border-radius   : 10px;
  filter          : blur(25px);
}

.internet-packages-item:hover {
  transform: translateY(-4px);
}

.internet-packages-item:hover .btn {
  background-color: #1081e8;
  color           : #fff !important;
}

@media only screen and (max-width: 1199px) {
  .internet-packages-item {
    padding: 22px 24px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .internet-packages {
    margin: 80px 0 0;
  }

  .internet-packages-wrapper::before {
    border-radius: 20px;
  }

  .internet-packages-wrapper::after {
    width        : 70%;
    border-radius: 20px 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .internet-packages-wrapper::before {
    right        : -12px;
    left         : -12px;
    border-radius: 0;
  }

  .internet-packages-wrapper::after {
    width: 80%;
  }
}

.app-internet-novin {
  margin: 197px 0 205px;
}

.app-internet-novin::before {
  background-image: var(--wpr-bg-b0bc994f-1dee-4e14-a597-d8b90339508a);
  width           : 759px;
  height          : 656px;
  transform       : translateY(-164px);
}

.app-internet-novin::after {
  width           : 69px;
  height          : 662px;
  background-color: #1081e8;
  border-radius   : 40px;
  transform       : translate(-48px, -39px);
}

.app-internet-novin .title-en {
  letter-spacing: 4.4px;
}

@media only screen and (max-width: 767px) {
  .app-internet-novin {
    margin: 80px 0;
  }

  .app-internet-novin .title-en {
    font-size     : 12px;
    letter-spacing: 3.8px;
    line-height   : 26px;
  }
}

.articles-internet-novin .heading-internet-novin .title::after {
  width           : 55px;
  height          : 4px;
  border-radius   : 9px;
  background-color: #1081e8;
  transform       : translate(-50%, 12px);
}

.articles-internet-novin-item+.articles-internet-novin-item {
  margin-top: 31px;
}

.articles-internet-novin-item {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 30px 22px 29px 27px;
}

.articles-internet-novin-item figure {
  max-width: 33%;
}

.articles-internet-novin-item figure img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.articles-internet-novin-item .content {
  padding-right: 12px;
  max-width    : 66%;
}

.articles-internet-novin-item .content p {
  max-height: 32px;
}

.articles-internet-novin-item.col {
  padding: 23px 17px;
}

.articles-internet-novin-item.col figure,
.articles-internet-novin-item.col .content {
  max-width: 100%;
}

.articles-internet-novin-item.col .content {
  padding: 19px 0 0;
}

.articles-internet-novin-item.col .content p {
  max-height: 64px;
}

@media only screen and (max-width: 991px) {
  .articles-internet-novin-item+.articles-internet-novin-item {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-internet-novin-item {
    flex-direction: column;
    padding       : 23px 17px;
  }

  .articles-internet-novin-item figure,
  .articles-internet-novin-item .content {
    max-width: 100%;
  }

  .articles-internet-novin-item .content {
    padding: 19px 0 0;
  }

  .articles-internet-novin-item .content p {
    max-height: 64px;
  }
}

.our-partner-centers-internet-novin {
  margin-top: 213px;
}

.our-partner-centers-internet-novin-wrapper {
  padding-top: 61px;
}

.our-partner-centers-internet-novin-wrapper::before {
  background-color: #fff;
  border-radius   : 53px;
  right           : 56px;
  height          : 273px;
  left            : 56px;
  box-shadow      : 0px 17px 40px rgba(0, 0, 0, 0.05);
}

.our-partner-centers-internet-novin-wrapper::after,
.our-partner-centers-internet-novin-wrapper .heading::after {
  width           : 50%;
  height          : 201px;
  background-color: #1081e8;
  border-radius   : 40px;
}

.our-partner-centers-internet-novin-wrapper::after {
  transform: translateY(-56px);
}

.our-partner-centers-internet-novin .heading::after {
  top: 126px;
}

.our-partner-centers-internet-novin-item .box {
  box-shadow: 0px -4px 30px rgba(0, 0, 0, 0.05);
  padding   : 66px 20px;
}

@media only screen and (max-width: 1199px) {
  .our-partner-centers-internet-novin-item .box {
    padding: 66px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .our-partner-centers-internet-novin {
    margin-top: 120px;
  }

  .our-partner-centers-internet-novin-item .box {
    padding: 32px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .our-partner-centers-internet-novin-wrapper::before {
    right        : -12px;
    left         : -12px;
    border-radius: 0;
  }

  .our-partner-centers-internet-novin-wrapper::after {
    right        : -12px;
    border-radius: 12px 0 0 12px;
  }

  .our-partner-centers-internet-novin-wrapper .heading::after {
    border-radius: 0 12px 12px 0;
    left         : -12px;
  }
}

.breadcrumb-about-internet-novin {
  margin: 148px auto 67px;
}

@media only screen and (max-width: 991px) {
  .breadcrumb-about-internet-novin {
    margin: 60px auto 40px;
  }
}

.description-about-internet-novin-wrapper {
  padding: 56px 57px 65px 55px;
}

.description-about-internet-novin-wrapper::before,
.description-about-internet-novin-wrapper::after {
  background-color: #1081E8;
  border-radius   : 40px;
  width           : 51.235%;
  height          : 50.25%;
  background-image: var(--wpr-bg-3e8928f1-e1f4-41f7-a796-3b77835056d3);
}

.description-about-internet-novin-wrapper .content {
  border-radius: 53px;
  box-shadow   : 0px 17px 40px rgba(0, 0, 0, 0.05);
  padding      : 42px 68px 40px;
}

@media only screen and (max-width: 767px) {
  .description-about-internet-novin-wrapper {
    padding: 32px;
  }

  .description-about-internet-novin-wrapper .content {
    padding      : 36px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .description-about-internet-novin-wrapper {
    margin : 0 -12px;
    padding: 32px 12px;
  }

  .description-about-internet-novin-wrapper::before {
    border-radius: 32px 0 0 32px;
  }

  .description-about-internet-novin-wrapper::after {
    border-radius: 0 32px 32px 0;
  }

  .description-about-internet-novin-wrapper .content {
    padding      : 28px 20px;
    border-radius: 20px;
  }
}

.members-about-internet-novin {
  margin: 284px 0 290px;
}

.members-about-internet-novin::before {
  background-image: var(--wpr-bg-dff7558b-b694-435c-8d01-94a5a14d2f43);
  transform       : translateY(-157px);
  height          : 1217px;
}

.members-about-internet-novin::after {
  transform       : translate(51px, 428px);
  border-radius   : 40px;
  width           : 69px;
  height          : 662px;
  background-color: #1081E8;
}

.members-about-internet-novin .about-us-travel-members-items:last-child {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .members-about-internet-novin {
    margin: 80px 0;
  }
}

.awards-about-internet-novin::after {
  width           : 69px;
  height          : 662px;
  border-radius   : 40px;
  background-color: #1081E8;
  transform       : translate(-48px, 122px);
}

.awards-about-internet-novin-heading {
  margin-bottom: 78px;
}

.awards-about-internet-novin-heading .sub-title {
  margin-top    : 5px;
  letter-spacing: 8.74px;
}

.awards-about-internet-novin .row {
  gap: 93px 0;
}

.achievement-internet-novin-item {
  padding: 30px 22px 30px 16px;
}

.achievement-internet-novin-item .image {
  width : 190px;
  height: 128px;
  flex  : 0 0 auto;
}

.achievement-internet-novin-item .image::before {
  -webkit-mask    : unset;
  mask            : unset;
  border-radius   : 20px 20px 0;
  background-color: #EAEAEA;
  box-shadow      : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.achievement-internet-novin-item .image img {
  left     : 50%;
  transform: translateX(-50%);
}

.achievement-internet-novin-item .detail {
  padding-right: 18px;
  max-width    : calc(100% - 190px);
}

.achievement-internet-novin-item:hover {
  background-color: #1081E8;
}

@media only screen and (max-width: 575px) {
  .achievement-internet-novin-item {
    padding: 24px;
  }

  .achievement-internet-novin-item .detail {
    max-width    : 100%;
    padding-right: 0;
  }
}

.breadcrumb-contact-internet-novin {
  margin: 148px auto 0;
}

@media only screen and (max-width: 991px) {
  .breadcrumb-contact-internet-novin {
    margin: 60px auto 0;
  }
}

.landing-contact-internet-novin::before {
  background-image: var(--wpr-bg-e27b909b-0752-4679-aea5-ecb9bfffa8cd);
  transform       : translateY(-274px);
  height          : 960px;
}

.landing-contact-internet-novin::after {
  background-image: var(--wpr-bg-97b20eaa-fc7d-4338-b3a1-9240c94e2ce7);
  width           : 452px;
  height          : 456px;
  transform       : translateY(61px);
}

.landing-contact-internet-novin .sub-title {
  letter-spacing: 10.92px;
}

@media only screen and (max-width: 575px) {
  .landing-contact-internet-novin .sub-title {
    letter-spacing: 5px;
  }
}

.location-contact-internet-novin {
  margin: 97px 0 265px;
}

.location-contact-internet-novin::before {
  background-image: var(--wpr-bg-d2671e27-96fd-4d07-a1a1-8bbe96d36ede);
  width           : 606px;
  height          : 916px;
  transform       : translateY(-359px);
}

.location-contact-internet-novin-wrapper {
  padding: 39px 28px 42px 34px;
}

.location-contact-internet-novin-wrapper::before,
.location-contact-internet-novin-wrapper::after {
  background-color: #1081e8;
  width           : 664px;
  height          : 201px;
  border-radius   : 40px;
  background-image: var(--wpr-bg-d3274725-af1c-475b-be66-4536b41b649b);
}

.location-contact-internet-novin-wrapper .content {
  padding: 39px 63px;
}

.location-contact-internet-novin-wrapper .content .iframe::after {
  width           : 80%;
  height          : 56px;
  background-color: rgba(16, 129, 232, 0.37);
  filter          : blur(25px);
}

.location-contact-internet-novin-wrapper .content .iframe iframe {
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.02);
}

.location-contact-internet-novin-btn {
  padding   : 21px 41px;
  margin-top: 104px;
}

.location-contact-internet-novin-btn,
.location-contact-internet-novin-btn:focus,
.location-contact-internet-novin-btn:active,
.location-contact-internet-novin-btn:hover {
  box-shadow: 0px 18px 25px rgba(16, 129, 232, 0.32);
}

@media only screen and (max-width: 991px) {
  .location-contact-internet-novin-wrapper .content {
    border-radius: 32px;
    padding      : 32px;
  }

  .location-contact-internet-novin-wrapper .content .iframe iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .location-contact-internet-novin {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .location-contact-internet-novin-wrapper {
    margin : 0 -12px;
    padding: 39px 12px 42px;
  }

  .location-contact-internet-novin-wrapper::before,
  .location-contact-internet-novin-wrapper::after {
    border-radius: 0;
    height       : 100%;
  }

  .location-contact-internet-novin-wrapper .content {
    padding      : 12px;
    border-radius: 20px;
  }

  .location-contact-internet-novin-wrapper .content .iframe iframe {
    height: 280px;
  }
}

.form-contact-internet-novin::before {
  background-image: var(--wpr-bg-89c417d3-ba71-4bda-a6ce-61cc80b999bc);
  width           : 1041px;
  height          : 916px;
  transform       : translateY(-115px);
}

.form-contact-internet-novin::after {
  top             : 11px;
  width           : 69px;
  height          : 292px;
  background-color: #1081E8;
  border-radius   : 40px;
  transform       : translateX(-48px);
}

.form-contact-internet-novin .image {
  padding-left: 29px;
}

.form-contact-internet-novin .image::after {
  transform    : translateY(-23px);
  width        : 74.905%;
  height       : 89.136%;
  border-radius: 17px;
  border       : 1px dashed rgba(73, 73, 73, 0.8);
}

.form-contact-internet-novin .image img {
  box-shadow: 0px 26px 36px rgba(0, 0, 0, 0.15);
}

.form-contact-internet-novin form {
  gap: 19px 0;
}

.top-articles-blog-internet-novin {
  margin: 82px 0 96px;
}

.top-articles-blog-internet-novin::before,
.top-articles-blog-internet-novin::after {
  background-color: #1081E8;
  height          : 34.957%;
}

.top-articles-blog-internet-novin::before {
  width           : 17.762%;
  border-radius   : 40px 0 0 40px;
  transform       : translateY(-24px);
  background-image: var(--wpr-bg-23756102-967d-4cb9-aba8-5357ff2b2040);
}

.top-articles-blog-internet-novin::after {
  width           : 25.697%;
  border-radius   : 0 40px 40px 0;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/background/bg-internet-novin-12.png);
  transform       : translateY(52px);
}

.top-articles-blog-internet-novin .container::before {
  background-image: var(--wpr-bg-34e22098-f82a-40d7-8a3f-5fc26dbdbf4d);
  transform       : translateY(-308px);
  height          : 1059px;
}

.top-articles-blog-internet-novin-item+.top-articles-blog-internet-novin-item {
  margin-top: 24px;
}

.top-articles-blog-internet-novin-item {
  box-shadow: 0px 37px 100px rgba(0, 0, 0, 0.05);
  padding   : 34px 24px;
}

.top-articles-blog-internet-novin-item .image {
  max-width: 25%;
}

.top-articles-blog-internet-novin-item .image img {
  border-radius: 15px 15px 0 15px;
  box-shadow   : 0px 11px 40px rgba(0, 0, 0, 0.2);
}

.top-articles-blog-internet-novin-item .detail {
  max-width    : 75%;
  padding-right: 17px;
}

.top-articles-blog-internet-novin-item .detail .title-en {
  letter-spacing: 2.88px;
}

.top-articles-blog-internet-novin-item .detail p {
  max-height: 72px;
}

.top-articles-blog-internet-novin-item.lg {
  padding: 0 73px 62px;
}

.top-articles-blog-internet-novin-item.lg::before {
  background-color: #fff;
  border-radius   : 26px;
  top             : 20.047%;
  box-shadow      : 0px 37px 100px rgba(0, 0, 0, 0.05);
}

.top-articles-blog-internet-novin-item.lg .image,
.top-articles-blog-internet-novin-item.lg .detail {
  max-width: 100%;
}

.top-articles-blog-internet-novin-item.lg .image img {
  border-radius: 36px;
}

.top-articles-blog-internet-novin-item.lg .detail {
  padding-right: 0;
}

.top-articles-blog-internet-novin-item.lg .detail p {
  max-height: 96px;
}

@media only screen and (max-width: 575px) {
  .top-articles-blog-internet-novin-item {
    padding: 24px;
  }

  .top-articles-blog-internet-novin-item .image,
  .top-articles-blog-internet-novin-item .detail {
    max-width: 100%;
  }

  .top-articles-blog-internet-novin-item .image img {
    border-radius: 15px;
  }

  .top-articles-blog-internet-novin-item .detail {
    padding-right: 0;
  }

  .top-articles-blog-internet-novin-item.lg {
    padding: 0 24px 32px;
  }

  .top-articles-blog-internet-novin-item.lg .image img {
    border-radius: 20px;
  }
}

.articles-blog-internet-novin::before {
  background-image: var(--wpr-bg-eea5762d-1f38-4808-a93f-4270cff95f5b);
  width           : 587px;
  height          : 492px;
  transform       : translateY(-23px);
  mix-blend-mode  : multiply;
}

.articles-blog-internet-novin::after {
  background-image: var(--wpr-bg-ca457ef6-99cc-421f-9df3-abbdd25cd103);
  width           : 1163px;
  height          : 916px;
  top             : 50%;
  transform       : translateY(-50%);
  mix-blend-mode  : multiply;
}

.articles-blog-internet-novin-heading .sub-title {
  letter-spacing: 2.88px;
}

.articles-blog-internet-novin .row {
  gap: 45px 0;
}

@media only screen and (max-width: 767px) {
  .articles-blog-internet-novin .row {
    gap: 24px 0;
  }
}

.detail-blog-internet-novin-image {
  margin: 91px 0 106px;
}

.detail-blog-internet-novin-image::before,
.detail-blog-internet-novin-image::after {
  background-color: #1081e8;
  height          : 211px;
}

.detail-blog-internet-novin-image::before {
  transform       : translateY(-35px);
  border-radius   : 40px 0 0 40px;
  background-image: var(--wpr-bg-9275d12b-b185-4655-9c53-598ba81cf76f);
  width           : 400px;
}

.detail-blog-internet-novin-image::after {
  transform       : translateY(35px);
  border-radius   : 0 40px 40px 0;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/background/bg-internet-novin-15.png);
  width           : 429px;
}

.detail-blog-internet-novin-image .image {
  padding         : 11px;
  background-color: rgba(216, 216, 216, 0.69);
  border-radius   : 33px;
}

.detail-blog-internet-novin-image .image img {
  box-shadow: 0px 26px 50px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
  .detail-blog-internet-novin-image {
    margin: 40px 0;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-internet-novin-content .title {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-internet-novin-content .title {
    font-size  : 18px;
    line-height: 28px;
  }
}

.detail-blog-internet-novin-info .box-star .stars {
  margin: 0 28px 0 18px;
}

.detail-blog-internet-novin-info .box-star .stars label {
  cursor: pointer;
}

.detail-blog-internet-novin-info .box-star .stars input:checked~label i {
  color: #ffb800;
}

@media only screen and (max-width: 767px) {
  .detail-blog-internet-novin-image .image {
    padding      : 5px;
    border-radius: 20px;
  }

  .detail-blog-internet-novin-image .image img {
    border-radius: 15px;
  }

  .detail-blog-internet-novin .share-box-one {
    margin: 40px 0 90px;
  }
}

.detail-blog-internet-novin-related-articles {
  margin-top: 181px;
}

.detail-blog-internet-novin-related-articles::before {
  background-image: var(--wpr-bg-a401c419-27a3-47a8-b8db-7048e53300a8);
  transform       : translateY(-20px);
  height          : 645px;
}

.detail-blog-internet-novin-related-articles-heading {
  margin-bottom: 61px;
}

.detail-blog-internet-novin-related-articles-heading::before {
  border-bottom: 1px dashed #787878;
}

.detail-blog-internet-novin-related-articles-heading>div,
.detail-blog-internet-novin-related-articles-heading a {
  background-color: #f7fbfe;
}

.detail-blog-internet-novin-related-articles-heading .title-en {
  background-color: rgba(220, 220, 220, 0.5);
  padding         : 5px 12px 4px;
  letter-spacing  : 1.44px;
}

.detail-blog-internet-novin-related-articles .swiper-slide>* {
  opacity: 0.25;
}

.detail-blog-internet-novin-related-articles .swiper-slide:not(.swiper-slide-visible)>* {
  pointer-events: none;
}

.detail-blog-internet-novin-related-articles .swiper-slide-visible>* {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .detail-blog-internet-novin-related-articles {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-internet-novin-related-articles-heading::before {
    content: none;
  }

  .detail-blog-internet-novin-related-articles .swiper-slide>* {
    opacity: 1;
  }
}

.landing-services-internet-novin {
  margin-top: 85px;
}

.landing-services-internet-novin .title-en {
  letter-spacing: 10.92px;
}

.landing-services-internet-novin::before {
  background-image: var(--wpr-bg-e7a97cd3-fc8e-4bad-88b8-fc9b291a92ef);
  transform       : translateY(-211px);
  height          : 844px;
}

.landing-services-internet-novin::after {
  background-image: var(--wpr-bg-b29a9816-3497-420e-b4a9-7fad730ae0cb);
  height          : 528px;
}

.landing-services-internet-novin .container::after {
  background-image: var(--wpr-bg-229e97fa-05a0-4ff2-ab2d-6760625bd58c);
  width           : 603px;
  height          : 916px;
  transform       : translateY(605px);
}

@media only screen and (max-width: 575px) {
  .landing-services-internet-novin .title-en {
    letter-spacing: 5px;
  }
}

.internet-novin-services-content {
  margin: 169px 0 164px;
}

.internet-novin-services-content :last-child {
  margin-bottom: 0;
}

.internet-novin-services-content p {
  margin-bottom: 12px;
}

.internet-novin-services::before {
  background-image: var(--wpr-bg-23adcad2-8bf9-4ce4-9ef8-c23be7e20625);
  width           : 1159px;
  height          : 916px;
  transform       : translateY(-256px);
}

.internet-novin-services .top-services-item .right::after {
  content         : "";
  position        : absolute;
  top             : 11px;
  right           : 12px;
  width           : 63px;
  height          : 63px;
  background-color: rgba(16, 129, 232, 0.32);
  border-radius   : 15px;
  filter          : blur(50px);
  z-index         : -1;
}

.internet-novin-services .top-services-item .right i::after {
  background-color: rgba(16, 129, 232, 0.25);
}

.internet-novin-services .top-services-item .detail h2 {
  color: #1081E8;
}

.internet-novin-services .top-services-item.danger .right::before {
  background-color: #FF1A43;
}

.internet-novin-services .top-services-item.danger .right::after {
  background-color: rgba(255, 26, 67, 0.32);
}

.internet-novin-services .top-services-item.danger .detail h2,
.internet-novin-services .top-services-item.danger .detail .read-more {
  color: #FF1A43;
}

.internet-novin-services .top-services-item.warning .right::before {
  background-color: #FFA31A;
}

.internet-novin-services .top-services-item.warning .right::after {
  background-color: rgba(255, 163, 26, 0.32);
}

.internet-novin-services .top-services-item.warning .detail h2,
.internet-novin-services .top-services-item.warning .detail .read-more {
  color: #FFA31A;
}

@media only screen and (max-width: 767px) {
  .internet-novin-services-content {
    margin: 80px 0;
  }

  .internet-novin-services-content .container {
    font-size  : 14px;
    line-height: 28px;
  }
}

.heading-paka {
  margin-bottom: 84px;
}

.heading-paka::after {
  transform       : translate(-50%, 9px);
  width           : 55px;
  height          : 4px;
  border-radius   : 9px;
  background-color: #869beb;
}

.btn-more-paka {
  margin-top: 94px;
}

.btn-more-paka::before {
  content    : "\e99c";
  font-family: "icomoon";
  font-size  : 12px;
  transform  : translate(-50%, -36px);
  color      : #869beb;
}

.btn-more-paka .btn {
  background-color: #fff;
  padding         : 14px 13px;
}

.btn-more-paka .btn:hover {
  color           : #fff;
  background-color: #869beb;
}

.btn-more-paka .btn::before,
.btn-more-paka .btn::after {
  width           : 67px;
  height          : 43px;
  background-color: #b6c3f3;
  border-radius   : 10px;
}

.btn-more-paka .btn::before {
  transform: translate(8px, 5px);
}

.btn-more-paka .btn::after {
  transform: translate(-7px, -6px);
}

.article-paka {
  box-shadow: 0px 9px 50px rgba(0, 0, 0, 0.05);
  padding   : 24px 20px;
}

.article-paka figure .date {
  padding: 8.5px 11px;
  top    : 18px;
  left   : 17px;
}

.article-paka figure .date::before {
  background-color       : rgba(18, 18, 18, 0.5);
  border-radius          : 15px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.article-paka .title {
  max-height: 44px;
}

.article-paka ul {
  gap: 10px;
}

.article-paka ul li {
  background-color: rgba(255, 86, 86, 0.15);
  color           : #ff5656;
  padding         : 6.5px 9px;
}

.article-paka ul li:nth-child(2) {
  background-color: rgba(74, 155, 229, 0.15);
  color           : #4a9be5;
}

.article-paka p {
  max-height: 75px;
}

.article-paka .btn {
  box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.05), 0px 18px 50px rgba(189, 154, 246, 0.05);
  padding   : 8px 20px;
}

.article-paka .btn:hover {
  background-color: #869beb;
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .article-paka {
    padding: 20px 12px;
  }
}

.pagination-paka li a:not(.prev, .next):hover,
.pagination-paka li a:not(.prev, .next).active {
  background-color: #869beb;
}

.article-paka-two {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 37px 22px 42px;
}

.article-paka-two:not(:last-child) {
  margin-bottom: 58px;
}

.article-paka-two figure {
  max-width: 35%;
}

.article-paka-two figure img {
  border-radius: 20px 20px 0;
}

.article-paka-two .content {
  max-width    : 65%;
  padding-right: 34px;
}

.article-paka-two .content p {
  height: 32px;
}

@media only screen and (max-width: 991px) {
  .article-paka-two:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .article-paka-two {
    padding: 20px;
  }

  .article-paka-two figure,
  .article-paka-two .content {
    max-width: 100%;
  }

  .article-paka-two .content {
    padding-right: 0;
  }
}

.video-paka .video-js .vjs-poster::before {
  background-color       : rgba(45, 45, 45, 0.5);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
  filter                 : none;
}

.video-paka .video-js .vjs-big-play-button::before,
.video-paka .video-js .vjs-big-play-button::after,
.video-paka .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  background-color: rgba(134, 155, 235, 0.3);
}

.video-paka-two .video-js .vjs-big-play-button {
  width : 116px;
  height: 116px;
}

.video-paka-two .video-js .vjs-big-play-button::before {
  -webkit-mask : unset;
  mask         : unset;
  border-radius: 50%;
}

.video-paka-two .video-js .vjs-big-play-button::after,
.video-paka-two .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMyIiBoZWlnaHQ9IjEzNyIgdmlld0JveD0iMCAwIDEzMiAxMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNDAuNzgzIDcuMTE1NDJDNTYuMjYxNCAtMS44Mjg4NiA3NS4zMzc0IC0xLjgyODg1IDkwLjgxNTggNy4xMTU0MkwxMDYuNTEyIDE2LjE4NThDMTIxLjk3MyAyNS4xMTk5IDEzMS40OTYgNDEuNjIxMSAxMzEuNDk2IDU5LjQ3NzZWNzcuNjk0MkMxMzEuNDk2IDk1LjU1MDcgMTIxLjk3MyAxMTIuMDUyIDEwNi41MTIgMTIwLjk4Nkw5MC44MTU4IDEzMC4wNTZDNzUuMzM3NCAxMzkuMDAxIDU2LjI2MTQgMTM5LjAwMSA0MC43ODMgMTMwLjA1NkwyNS4wODYzIDEyMC45ODZDOS42MjU1NCAxMTIuMDUyIDAuMTAyNzUzIDk1LjU1MDcgMC4xMDI3NTMgNzcuNjk0MlY1OS40Nzc2QzAuMTAyNzUzIDQxLjYyMTEgOS42MjU1NCAyNS4xMTk5IDI1LjA4NjMgMTYuMTg1OEw0MC43ODMgNy4xMTU0MloiIGZpbGw9IiM4NjlCRUIiLz4NCjwvc3ZnPg0K);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMyIiBoZWlnaHQ9IjEzNyIgdmlld0JveD0iMCAwIDEzMiAxMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNDAuNzgzIDcuMTE1NDJDNTYuMjYxNCAtMS44Mjg4NiA3NS4zMzc0IC0xLjgyODg1IDkwLjgxNTggNy4xMTU0MkwxMDYuNTEyIDE2LjE4NThDMTIxLjk3MyAyNS4xMTk5IDEzMS40OTYgNDEuNjIxMSAxMzEuNDk2IDU5LjQ3NzZWNzcuNjk0MkMxMzEuNDk2IDk1LjU1MDcgMTIxLjk3MyAxMTIuMDUyIDEwNi41MTIgMTIwLjk4Nkw5MC44MTU4IDEzMC4wNTZDNzUuMzM3NCAxMzkuMDAxIDU2LjI2MTQgMTM5LjAwMSA0MC43ODMgMTMwLjA1NkwyNS4wODYzIDEyMC45ODZDOS42MjU1NCAxMTIuMDUyIDAuMTAyNzUzIDk1LjU1MDcgMC4xMDI3NTMgNzcuNjk0MlY1OS40Nzc2QzAuMTAyNzUzIDQxLjYyMTEgOS42MjU1NCAyNS4xMTk5IDI1LjA4NjMgMTYuMTg1OEw0MC43ODMgNy4xMTU0MloiIGZpbGw9IiM4NjlCRUIiLz4NCjwvc3ZnPg0K);
}

.video-paka-two .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  font-size  : 60px;
  line-height: 116px;
}

@media only screen and (max-width: 767px) {
  .video-paka-two .video-js .vjs-big-play-button {
    transform: translate(-50%, -50%) scale(0.8);
  }
}

@media only screen and (max-width: 575px) {
  .video-paka-two .video-js .vjs-big-play-button {
    transform: translate(-50%, -50%) scale(0.7);
  }
}

body.bg-paka {
  background: linear-gradient(0deg, rgba(243, 245, 252, 0.3) 0%, rgba(243, 245, 252, 0.3) 100%), #fff;
}

.top-header-paka,
.nav-paka {
  background-color: rgba(255, 255, 255, 0.15);
}

.top-header-paka {
  padding: 57px 0 25px;
}

.top-header-paka::before {
  background-image: var(--wpr-bg-78049c62-14eb-49db-b47b-e14cbd6b7032);
  height          : 875px;
}

.top-header-paka-socials {
  gap: 20px;
}

.top-header-paka-socials li a {
  width           : 23px;
  height          : 23px;
  background-color: #fff;
  box-shadow      : 0px 4px 4px rgba(0, 0, 0, 0.02);
}

.top-header-paka-socials li a:hover {
  background-color: #869beb;
  color           : #fff;
}

.top-header-paka-contact {
  margin: 0 56px 0 53px;
}

.top-header-paka-auth {
  padding: 16.5px 23px;
}

.top-header-paka-auth::before,
.top-header-paka-auth::after {
  width           : 67px;
  height          : 43px;
  border-radius   : 10px;
  background-color: #b6c3f3;
}

.top-header-paka-auth::before {
  transform: translate(8px, 5px);
}

.top-header-paka-auth::after {
  transform: translate(-7px, -6px);
}

.nav-paka {
  padding: 39px 48px;
}

.nav-paka ul {
  gap: 32px;
}

.nav-paka ul li a::after {
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: #869beb;
  transform       : translate(-50%, 10px);
  opacity         : 0;
  pointer-events  : none;
}

.nav-paka ul li a.active {
  font-weight: bold !important;
}

.nav-paka ul li a:hover,
.nav-paka ul li a.active {
  color: #869beb;
}

.nav-paka ul li a:hover::after,
.nav-paka ul li a.active::after {
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .top-header-paka-logo .name {
    font-size  : 20px;
    line-height: 32px;
  }

  .top-header-paka-contact {
    margin: 0 40px;
  }
}

.top-header-paka {
  padding: 24px 0;
}

.top-header-paka-logo .name {
  margin-left: 0;
}

@media only screen and (max-width: 575px) {
  .top-header-paka-logo img {
    width : 48px;
    height: auto;
  }

  .top-header-paka-logo .name {
    font-size  : 16px;
    line-height: 25px;
  }

  .top-header-paka-auth {
    padding: 0;
    width  : 48px;
    height : 48px;
  }

  .top-header-paka-auth::before,
  .top-header-paka-auth::after {
    display: none;
  }

  .top-header-paka-auth i {
    margin-left: 0;
  }
}

.footer-paka {
  margin-top: 145px;
}

.footer-paka::before {
  top             : 39px;
  background-color: #fff;
}

.footer-paka .container {
  padding-bottom: 20px;
}

.footer-paka .container::after {
  height          : 85px;
  background-color: #869BEB;
  border-radius   : 9px;
  right           : 12px;
  left            : 12px;
  transform       : translateY(71px);
}

.footer-paka .btn-scroll {
  top      : 18px;
  font-size: 57px;
}

.footer-paka .form .form-control {
  box-shadow: 0px 7px 70px rgba(0, 0, 0, 0.05);
  height    : 97px;
  padding   : 0 31px 0 140px;
}

.footer-paka .form label {
  background-image: linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
  top             : 55%;
  right           : 31px;
}

.footer-paka .form .btn {
  box-shadow: 0px 7px 70px rgba(0, 0, 0, 0.05);
  left      : 31px;
  padding   : 14.5px 31px;
}

.footer-paka-contact li:not(:last-child) {
  margin-bottom: 18px;
}

.footer-paka-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-paka-nav li a:hover {
  color: #637ecb;
}

.footer-paka-namads .text {
  max-width: 229px;
}

.footer-paka-socials .title-en {
  background-image: linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
  margin-top      : -8px;
}

.footer-paka-socials ul {
  gap: 15px;
}

.footer-paka-socials ul li a {
  width           : 32px;
  height          : 32px;
  box-shadow      : 0px 4px 15px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.footer-paka-socials ul li a:hover {
  background-color: #637ecb;
  color           : #fff;
}

@media only screen and (max-width: 1399px) {
  .footer-paka .form .form-control {
    padding: 0 20px 0 120px;
  }

  .footer-paka .form label {
    right: 20px;
    left : 120px;
  }

  .footer-paka .form .btn {
    left   : 20px;
    padding: 14.5px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-paka {
    padding-top: 24px;
  }

  .footer-paka::before {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-paka {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-paka-namads .text {
    max-width: 100%;
  }
}

.landing-paka {
  margin: 102px 0 164px;
}

.landing-paka::before {
  background-image: var(--wpr-bg-705a342a-7a6d-42c6-adae-ef7c97bb616b);
  width           : 380px;
  height          : 656px;
  transform       : translateY(440px);
}

.landing-paka::after {
  background-image: var(--wpr-bg-1991af4d-a8f8-493b-868a-44a9f038505e);
  width           : 525px;
  height          : 612px;
  transform       : translateY(-26px);
}

.landing-paka .title::before {
  content    : "International credit cards";
  transform  : translate(-148px, -82px);
  font-size  : 100px;
  font-weight: 900;
  line-height: 143px;
  color      : rgba(123, 123, 123, 0.05);
  white-space: nowrap;

}

.landing-paka .title-en {
  letter-spacing: 10.92px;
}

.landing-paka .btns .btn {
  padding: 13.5px 22px;
}

@media only screen and (max-width: 991px) {
  .landing-paka .title::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .landing-paka {
    margin: 50px 0 80px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-paka .title {
    font-size  : 18px;
    line-height: 28px;
  }

  .landing-paka .title-en {
    letter-spacing: 5px;
  }
}

.rerouting-paka {
  margin-bottom: 170px;
}

.rerouting-paka::before {
  background-image: var(--wpr-bg-b6e78b5c-4d6a-4487-b0f3-d979bbbb9197);
  height          : 932px;
  transform       : translateY(-321px);
}

.rerouting-paka::after {
  top             : -24px;
  bottom          : -33px;
  background-color: #869beb;
  background-image: var(--wpr-bg-b7fdce69-8e19-4241-a22d-07665ac28c4c);
  border-radius   : 0 129px 129px 0;
  width           : 554px;
}

.rerouting-paka-wrapper {
  border-radius: 53px;
  box-shadow   : 0px 17px 40px rgba(0, 0, 0, 0.05);
  padding      : 58px 135px 87px;
}

.rerouting-paka-wrapper .title::after {
  transform       : translate(-50%, 16px);
  width           : 55px;
  height          : 4px;
  border-radius   : 9px;
  background-color: #869beb;
}

.rerouting-paka-wrapper .nav-item {
  background-color: #fff;
  box-shadow      : 0px 7px 20px rgba(0, 0, 0, 0.05);
  border-radius   : 24px 0 24px 24px;
  padding         : 8px 32px;
  cursor          : pointer;
}

.rerouting-paka-wrapper .nav-item.active {
  background-color: #869beb;
  box-shadow      : 0px 9px 20px rgba(36, 145, 235, 0.1);
  color           : #fff;
}

.rerouting-paka-wrapper .form-group {
  background-color: rgba(134, 155, 235, 0.05);
  padding         : 9px 19px 10px 21px;
}

.rerouting-paka-wrapper .form .select2-container--default .select2-selection--single {
  padding         : 3.5px 0;
  border          : 0;
  background-color: transparent;
  border-radius   : 0;
}

.rerouting-paka-wrapper .form .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.rerouting-paka-wrapper .form .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 0;
}

@media only screen and (max-width: 1199px) {
  .rerouting-paka-wrapper {
    padding: 58px 64px 87px;
  }
}

@media only screen and (max-width: 767px) {
  .rerouting-paka {
    margin-bottom: 80px;
  }

  .rerouting-paka::after {
    width        : 100vw;
    height       : 70%;
    border-radius: 0;
  }

  .rerouting-paka-wrapper {
    padding      : 24px 32px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .rerouting-paka-wrapper {
    padding      : 24px 16px 32px;
    border-radius: 20px;
  }
}

.services-home-paka::before {
  top             : 109px;
  width           : 513px;
  background-color: #869beb;
  height          : 475px;
  border-radius   : 129px 0 0 129px;
  background-image: var(--wpr-bg-583d89b6-1066-4149-95e0-62794f2857c7);
}

.services-home-paka .row {
  gap: 39px 0;
}

.services-home-paka-item {
  background-color: #fff;
  padding         : 30px 22px;
  box-shadow      : 0px 10px 50px rgba(0, 0, 0, 0.05);
}

.services-home-paka-item .icon {
  max-width       : 32%;
  background-color: rgba(134, 155, 235, 0.1);
  border-radius   : 20px 20px 0;
  padding         : 24px 12px;
}

.services-home-paka-item .icon i {
  font-size: 83px;
}

.services-home-paka-item .detail {
  max-width    : 68%;
  padding-right: 19px;
}

.services-home-paka-item .detail p {
  height: 40px;
}

.services-home-paka-item .detail .btn {
  padding      : 8px 35.23px;
  border-radius: 24px 0 24px 24px;
  box-shadow   : 0px 9px 20px rgba(36, 145, 235, 0.1);
}

.services-home-paka-item:hover {
  background-color: #869beb;
}

.services-home-paka-item:hover .icon {
  background-color: rgba(255, 255, 255, 0.1);
}

.services-home-paka-item:hover .icon i {
  color: #fff;
}

.services-home-paka-item:hover .detail .title a {
  color: #fff;
}

.services-home-paka-item:hover .detail p {
  color: rgba(255, 255, 255, 0.6);
}

.services-home-paka-item:hover .detail .btn {
  background-color: #fff;
  color           : #869beb;
}

@media only screen and (max-width: 767px) {
  .services-home-paka::before {
    width        : 100vw;
    border-radius: 0;
  }
}

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

  .services-home-paka-item .icon,
  .services-home-paka-item .detail {
    max-width: 100%;
  }

  .services-home-paka-item .detail {
    padding-right: 0;
  }
}

.cards-paka {
  margin: 155px 0 179px;
}

.cards-paka::before {
  background-image: var(--wpr-bg-7fb6b21a-a521-4f69-89bd-b8933a91af67);
  transform       : translateY(-82px);
  height          : 598px;
}

.cards-paka::after {
  background-image: var(--wpr-bg-6d9f505f-e958-4789-a003-9dde773c8641);
  border-radius   : 129px;
  transform       : translate(-432px, -98px);
  background-color: #869beb;
  width           : 466px;
  height          : 667px;
}

.cards-paka .heading-paka {
  margin-bottom: 60px;
}

.cards-paka-item::before {
  height    : 89px;
  max-width : 80%;
  width     : 100%;
  margin    : 0 auto;
  transform : translateY(22px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(0, 124, 255, 0.37);
  filter    : blur(50px);
}

.cards-paka-item:hover::before {
  transform: translateY(53px);
}

.cards-paka-item .content {
  background: linear-gradient(106.61deg, #0096ed -23.67%, #fe64af 87.41%);
  padding   : 22px 25px 13px;
}

.cards-paka-item .content::after {
  width           : 658px;
  height          : 658px;
  border-radius   : 50%;
  background-color: rgba(0, 0, 0, 0.1);
  transform       : translate(-315px, 601px);
}

.cards-paka-item-up img {
  max-height: 16px;
}

.cards-paka-item .number {
  margin: 41px 0 47px;
}

.cards-paka-item-down img {
  max-height: 21px;
}

.cards-paka-item.orange .content {
  background: linear-gradient(106.61deg, #97148b -23.67%, #fd2652 34.77%, #ff6700 87.41%);
}

.cards-paka-item.info .content {
  background: linear-gradient(106.61deg, #0096b3 -23.67%, #37d8f0 87.41%);
}

.cards-paka-item.purple .content {
  background: linear-gradient(106.61deg, #007fff -23.67%, #849eef 87.41%);
}

@media only screen and (max-width: 1399px) {
  .cards-paka-item .content {
    padding: 22px 16px 13px;
  }

  .cards-paka-item .content .number {
    font-size  : 20px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .cards-paka-item .content .number {
    font-size  : 17px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .cards-paka {
    margin: 80px 0;
  }
}

.current-price-paka::before {
  background-image: var(--wpr-bg-859fce33-9375-4aae-a1d2-02451a1b7f75);
  width           : 1122px;
  height          : 623px;
  transform       : translateY(-38px);
}

.current-price-paka::after {
  background-image: var(--wpr-bg-94a34496-c2e6-4ec1-9c6b-58e4269e360a);
  height          : 353px;
  bottom          : 20%;
}

.current-price-paka .container::after {
  background-image: var(--wpr-bg-5dfa7085-1b1d-4f8a-9b55-1e9592ac9faa);
  width           : 760px;
  height          : 656px;
  transform       : translateY(366px);
}

.current-price-paka .table thead tr th {
  background-color: rgba(89, 89, 89, 0.03);
  padding         : 27.5px 12px;
}

.current-price-paka .table thead tr th:first-child {
  border-top-right-radius: 15px;
}

.current-price-paka .table thead tr th:last-child {
  border-top-left-radius: 15px;
}

.current-price-paka .table tbody tr {
  background-color: #fff;
}

.current-price-paka .table tbody tr:nth-child(odd) td {
  background-color: #fff;
}

.current-price-paka .table tbody tr:nth-child(even) td {
  background-color: rgba(89, 89, 89, 0.03);
}

.current-price-paka .table tbody tr td {
  vertical-align: middle;
  padding       : 24px 12px;
}

.company-paka {
  margin: 156px 0 195px;
}

.company-paka img {
  filter    : grayscale(1);
  opacity   : 0.4;
  max-height: 64px;
}

.company-paka img:hover {
  filter : grayscale(0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .company-paka {
    margin: 80px 0;
  }
}

.articles-paka::before {
  background-image: var(--wpr-bg-ee13ba6e-0fec-4180-a917-405872442ba6);
  height          : 932px;
  transform       : translateY(-319px);
}

.articles-paka .heading-paka {
  margin-bottom: 95px;
}

.articles-paka .swiper {
  margin-top: 78px;
}

.search-blog {
  margin: 212px 0 250px;
}

.search-blog::before {
  width           : 50%;
  height          : 116px;
  border-radius   : 129px 0 0 129px;
  background-color: #869beb;
  background-image: var(--wpr-bg-4dd8e24b-a76d-471e-88e3-9f6ca04e308a);
  transform       : translateY(34px);
}

.search-blog::after {
  background-image: var(--wpr-bg-1931b287-e4c5-4c35-99a7-3d4c2d880515);
  width           : 887px;
  height          : 916px;
  transform       : translateY(-225px);
}

.search-blog-wrapper {
  max-width: 786px;
}

.search-blog-wrapper form {
  max-width: 635px;
}

.search-blog-wrapper form .form-control {
  height    : 62px;
  box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.05);
  padding   : 0 26px 0 70px;
}

.search-blog-wrapper form .btn {
  width : 62px;
  height: 62px;
}

@media only screen and (max-width: 991px) {
  .search-blog {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .search-blog::before {
    width: 70%;
  }
}

.articles-blog-paka::before {
  background-image: var(--wpr-bg-8e2489a2-62bd-46d6-b481-c7f9deaea68c);
  width           : 1370px;
  height          : 916px;
}

.articles-blog-paka .heading-paka {
  margin-bottom: 64px;
}

.articles-blog-paka .row {
  gap: 53px 0;
}

@media only screen and (max-width: 767px) {
  .articles-blog-paka .row {
    gap: 24px 0;
  }
}

.detail-blog-paka {
  margin-top: 45px;
}

.detail-blog-paka-images::before,
.detail-blog-paka-images::after {
  background-color: #869beb;
}

.detail-blog-paka-images::before {
  top             : 171px;
  background-image: var(--wpr-bg-3d8791bc-dce0-4f5f-a97f-d85ce29614e8);
  height          : 158px;
  border-radius   : 129px 0 0 129px;
  width           : 40%;
}

.detail-blog-paka-images::after {
  height          : 159px;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/background/bg-paka-10.png);
  width           : 50%;
  border-radius   : 0 129px 129px 0;
  transform       : translateY(76px);
}

.detail-blog-paka-images img {
  border    : 11px solid rgba(216, 216, 216, 0.69);
  box-shadow: 0px 26px 50px rgba(0, 0, 0, 0.2);
}

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

  .detail-blog-paka-images::before,
  .detail-blog-paka-images::after {
    width : 80%;
    height: 120px;
  }

  .detail-blog-paka-images::before {
    border-radius: 80px 0 0 80px;
  }

  .detail-blog-paka-images::after {
    border-radius: 0 80px 80px 0;
    transform    : translateY(48px);
  }
}

.detail-blog-paka-info {
  margin: 150px 0 137px;
}

.detail-blog-paka-info .info li i {
  background-color: #869beb;
}

.detail-blog-paka-info .share ul li a:hover {
  background-color: #869beb;
}

.detail-blog-paka-info .link {
  background-color: rgba(217, 217, 217, 0.4);
  padding         : 6.5px 0 6.5px 8px;
  border-radius   : 15px;
  cursor          : pointer;
}

@media only screen and (max-width: 767px) {
  .detail-blog-paka-info {
    margin: 80px 0 40px;
  }

  .detail-blog-paka-info .link {
    padding-right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-paka-content .sub-title {
    margin-bottom: 32px;
  }
}

.detail-blog-paka-comments li .content .text-reply p::before,
.detail-blog-paka-comments li ul::before {
  background-color: rgba(134, 155, 235, 0.75);
}

.detail-blog-paka-comments li .content .text-reply .btn {
  box-shadow: 0px 18px 25px rgba(138, 154, 221, 0.32);
}

.detail-blog-paka-send-comment::before {
  background-image: var(--wpr-bg-d3c029bb-5a86-408f-ac22-8791b6a1337e);
  height          : 815px;
  transform       : translateY(-92px);
}

.detail-blog-paka-send-comment form {
  gap: 19px 0;
}

.detail-blog-paka-send-comment form .form-group-box-star .stars input:checked~label i {
  color: #FFB800;
}

.detail-blog-paka-send-comment form .form-group-box-content .form-control {
  padding-left: 100px !important;
}

.detail-blog-paka-send-comment form .btn {
  bottom : 34px;
  left   : 46px;
  padding: 6px 21px 7px 22px;
}

@media only screen and (max-width: 575px) {
  .detail-blog-paka-send-comment form .btn {
    bottom: 20px;
    left  : 20px;
  }

  .detail-blog-paka-send-comment form .form-group-box-content {
    padding: 72px 24px;
  }

  .detail-blog-paka-send-comment form .form-group-box-content .form-control {
    padding-left: 0 !important;
  }
}

.contact-us-paka {
  margin-top: 242px;
}

@media only screen and (max-width: 991px) {
  .contact-us-paka {
    margin-top: 50px;
  }
}

.contact-us-paka-heading::after {
  background-color: #869beb;
  border-radius   : 0 129px 129px 0;
  background-image: var(--wpr-bg-d44e53f0-4501-43de-8a8c-d9179c0ad913);
  bottom          : 26px;
  width           : 30%;
  height          : 116px;
}

.contact-us-paka-heading p {
  max-width: 786px;
}

.contact-us-paka-heading .contact {
  margin-top: 84px;
  box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.05);
  padding   : 36px 54px 36px 20px;
}

.contact-us-paka-heading .contact .text {
  margin-left: 46px;
}

.contact-us-paka-heading .contact .text .sub-title {
  letter-spacing: 2.28px;
}

.contact-us-paka-heading .contact ul {
  flex: 1 0 1%;
}

.contact-us-paka-heading .contact ul li {
  max-width: 33.333333%;
  padding  : 0 12px;
}

.contact-us-paka-heading .contact ul li .sub-title {
  word-break: break-word;
}

@media only screen and (max-width: 991px) {
  .contact-us-paka-heading .contact {
    padding: 28px 20px;
  }

  .contact-us-paka-heading .contact .text {
    margin: 0 0 24px;
  }

  .contact-us-paka-heading .contact ul {
    gap: 24px 0;
  }

  .contact-us-paka-heading .contact ul li {
    max-width: 50%;
  }

  .contact-us-paka-heading .contact ul li:first-child {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-paka-heading .contact {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-paka-heading .contact {
    padding: 24px 12px;
  }

  .contact-us-paka-heading .contact ul li {
    max-width: 100%;
  }
}

.contact-us-paka-form {
  margin-top: 232px;
}

.contact-us-paka-form::before {
  background-image: var(--wpr-bg-fd7d767f-5392-45f0-818a-d4f4726c7766);
  background-color: #869BEB;
  border-radius   : 129px 0 0 129px;
  height          : 158px;
  width           : 30%;
  transform       : translateY(51px);
}

.contact-us-paka-form::after {
  background-image: var(--wpr-bg-877f619f-d380-48f2-8e3f-bb0d48b70b19);
  width           : 1041px;
  height          : 916px;
  transform       : translateY(-115px);
}

.contact-us-paka-form .location {
  padding-left: 30px;
}

.contact-us-paka-form .location::after {
  right        : 112px;
  bottom       : 178px;
  border-radius: 17px;
  border       : 1px dashed rgba(73, 73, 73, 0.8);
  transform    : translateY(-24px);
}

.contact-us-paka-form .location iframe {
  box-shadow: 0px 26px 36px rgba(0, 0, 0, 0.15);
}

.contact-us-paka-form form .form-group-box-content {
  padding-bottom: 104px;
}

.contact-us-paka-form form .form-group-box-content .form-control {
  height: 139px;
}

.contact-us-paka-form form .btn {
  bottom: 38px;
  left  : 49px;
}

@media only screen and (max-width: 991px) {
  .contact-us-paka-form::before {
    width: 50%;
  }

  .contact-us-paka-form .location {
    padding-left: 0;
  }

  .contact-us-paka-form .location iframe {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-paka-form {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-us-paka-form .location iframe {
    height: 220px;
  }
}

.about-us-paka {
  margin-top: 100px;
}

@media only screen and (max-width: 767px) {
  .about-us-paka {
    margin-top: 40px;
  }
}

.about-us-paka-heading::before {
  background-image: var(--wpr-bg-75d394e4-2b78-4c7e-ba4c-c0d7f502f933);
  transform       : translateY(-328px);
  height          : 1135px;
}

.about-us-paka-heading img {
  margin-bottom: 125px;
  max-width    : 80%;
}

.about-us-paka-heading .title-en {
  letter-spacing: 6.88px;
}

.about-us-paka-heading p {
  max-width: 786px;
}

@media only screen and (max-width: 767px) {
  .about-us-paka-heading img {
    margin-bottom: 40px;
  }
}

.about-us-paka-video {
  margin: 228px 0 207px;
}

.about-us-paka-video::after {
  background-image: var(--wpr-bg-cc760680-5b08-4e03-aa3e-4b24caf8673d);
  background-color: #869beb;
  border-radius   : 0 129px 129px 0;
  width           : 33%;
  height          : 167px;
  transform       : translateY(59px);
}

.about-us-paka-video .title-en {
  letter-spacing: 6.72px;
}

@media only screen and (max-width: 767px) {
  .about-us-paka-video {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-paka-video .title-en {
    font-size     : 14px;
    letter-spacing: 4px;
  }
}

.about-us-paka-faq::before {
  background-image: var(--wpr-bg-b46069b9-4e67-49cd-a8e3-be357024f0c1);
  transform       : translateY(-58px);
  height          : 1135px;
}

.about-us-paka-faq .heading-paka {
  margin-bottom: 122px;
}

.about-us-paka-faq .row {
  gap: 86px 0;
}

@media only screen and (max-width: 767px) {
  .about-us-paka-faq .heading-paka {
    margin-bottom: 40px;
  }

  .about-us-paka-faq .row {
    gap: 32px 0;
  }
}

.about-us-paka-company {
  margin: 155px 0 158px;
}

@media only screen and (max-width: 767px) {
  .about-us-paka-company {
    margin: 70px 0;
  }
}

.about-us-paka-comments {
  margin-bottom: 120px;
}

.about-us-paka-comments-item .content {
  padding: 42px 41px 20px;
}

.about-us-paka-comments-item .content .stars img {
  box-shadow: 0px 0px 41px rgba(177, 190, 229, 0.37);
}

.about-us-paka-comments-item .content .stars .fill {
  color: #637ecb;
}

.about-us-paka-comments .swiper {
  padding-bottom: 52px;
}

.about-us-paka-comments .swiper-slide-active>* {
  transform: translateX(-72px) scale(0.8);
  opacity  : 0.55;
}

.about-us-paka-comments .swiper-slide-next>* {
  z-index: 6;
}

.about-us-paka-comments .swiper-slide-active+div+div>* {
  transform: translateX(72px) scale(0.8);
  opacity  : 0.55;
}

.about-us-paka-comments .swiper-pagination-bullet {
  width                                    : 11px;
  height                                   : 6px;
  background-color                         : rgba(73, 73, 73, 0.3);
  opacity                                  : 1;
  border-radius                            : 9px;
  --swiper-pagination-bullet-horizontal-gap: 1.5px;
}

.about-us-paka-comments .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #869beb;
}

.about-us-paka-comments .btn {
  padding   : 9px 17px;
  box-shadow: 0px 10px 20px 2px rgba(134, 155, 235, 0.32);
}

@media only screen and (max-width: 1199px) {
  .about-us-paka-comments-item .content {
    padding: 42px 24px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-paka-comments .swiper-slide>* {
    opacity  : 1 !important;
    transform: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-paka-comments {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-paka-comments .swiper {
    overflow: visible;
  }
}

.servisec-paka {
  margin: 288px 0 295px;
}

.servisec-paka::before {
  background-image: var(--wpr-bg-b6da4b17-7dbd-40f3-bad9-5e881d5cc107);
  transform       : translateY(-111px);
  height          : 1135px;
}

.servisec-paka .heading-paka-sub-title {
  letter-spacing: 6.72px;
}

.servisec-paka .row {
  gap: 79px 0;
}

@media only screen and (max-width: 991px) {
  .servisec-paka .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .servisec-paka {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .servisec-paka .heading-paka-sub-title {
    letter-spacing: 4px;
  }
}

.servisec-paka-landing {
  margin: 37px 0 207px;
}

.servisec-paka-landing::after {
  width           : 110px;
  height          : 459px;
  background-color: #869beb;
  border-radius   : 129px;
  transform       : translate(-80px, -50%);
  background-image: var(--wpr-bg-3b9a6541-923a-4000-b494-70017ec53f2e);
}

.servisec-paka-landing .title-en {
  letter-spacing: 10.92px;
}

@media only screen and (max-width: 767px) {
  .servisec-paka-landing {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .servisec-paka-landing .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .servisec-paka-landing .title-en {
    font-size     : 12px;
    line-height   : 18px;
    letter-spacing: 5px;
  }
}

.servisec-paka-video::after {
  top             : 81px;
  transform       : translateX(-69px);
  width           : 45%;
  height          : 189px;
  background-image: var(--wpr-bg-793c8426-2f3f-4e58-a1dd-569db14bab7c);
  background-color: #869beb;
  border-radius   : 129px;
}

.servisec-paka-video .heading-paka {
  margin-bottom: 46px;
}

.servisec-paka-video .heading-paka-sub-title {
  letter-spacing: 6.72px;
}

.servisec-paka-video .video-paka {
  max-width: 869px;
}

.servisec-paka-video .video-paka::after {
  width           : 70%;
  height          : 167px;
  transform       : translate(-50%, 45px);
  background-color: #869beb;
  background-image: var(--wpr-bg-9beef518-5c51-46ec-b35c-32e6d7cc304a);
  border-radius   : 129px;
}

.servisec-paka-video .video-paka .video-js,
.servisec-paka-video .video-paka .video-js video,
.servisec-paka-video .video-paka .video-js .vjs-poster {
  border-radius: 50px;
}

@media only screen and (max-width: 991px) {
  .servisec-paka-video::after {
    width        : 70%;
    border-radius: 50px;
  }

  .servisec-paka-video .video-paka::after {
    border-radius: 50px;
  }
}

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

  .servisec-paka-video .video-paka .video-js,
  .servisec-paka-video .video-paka .video-js video,
  .servisec-paka-video .video-paka .video-js .vjs-poster {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .servisec-paka-video .heading-paka-sub-title {
    letter-spacing: 4.4px;
  }
}

.servisec-paka-awards::after {
  background-image: var(--wpr-bg-55579972-61d7-4861-9a5f-1115c1323f11);
  width           : 1221px;
  height          : 916px;
  transform       : translateY(-100px);
}

.servisec-paka-awards .heading-paka {
  margin-bottom: 89px;
}

.servisec-paka-awards .heading-paka-sub-title {
  letter-spacing: 8.74px;
}

.servisec-paka-awards .row {
  gap: 93px 0;
}

.servisec-paka-awards-item:hover {
  background-color: #869beb;
}

@media only screen and (max-width: 575px) {
  .servisec-paka-awards .heading-paka-sub-title {
    font-size     : 14px;
    line-height   : 22px;
    letter-spacing: 5.4px;
  }
}

.heading-tourism {
  margin-bottom: 69px;
}

.heading-tourism::before {
  border-bottom: 1px dashed rgba(120, 120, 120, 0.5);
}

.heading-tourism>div,
.heading-tourism-link {
  background-color: #f7f7f7;
  mix-blend-mode  : luminosity;
}

.heading-tourism>div {
  padding-left: 12px;
}

.heading-tourism-title::before {
  display         : inline-block;
  vertical-align  : middle;
  border-radius   : 50%;
  background-color: #fcb712;
  width           : 12px;
  height          : 12px;
  margin-left     : 12px;
}

.heading-tourism-sub-title {
  min-width       : 118px;
  padding         : 0 6px;
  background-color: rgba(252, 183, 18, 0.1);
}

.heading-tourism-link {
  padding-right: 12px;
}

.heading-tourism-link:hover {
  color: #fcb712;
}

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

  .heading-tourism>div,
  .heading-tourism-link {
    background-color: transparent;
    mix-blend-mode  : unset;
  }
}

@media only screen and (max-width: 575px) {
  .heading-tourism-title {
    font-size  : 16px;
    line-height: 25px;
  }

  .heading-tourism-title::before {
    width      : 8px;
    height     : 8px;
    margin-left: 6px;
  }
}

.tourism-item {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}

.tourism-item .image img {
  border-radius: 29px 29px 0;
}

.tourism-item .content {
  padding: 0 22px 15px;
}

.tourism-item .title {
  max-height: 50px;
}

.tourism-item .rate {
  min-width       : 39px;
  background-image: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
  box-shadow      : 0px 4px 4px rgba(245, 175, 25, 0.25);
}

.tourism-item ul li:not(:last-child) {
  margin-bottom: 16px;
}

.tourism-item .price-add-to-cart {
  border-bottom: 1px dashed rgba(73, 73, 73, 0.3);
}

.tourism-item .add-to-cart {
  padding: 6.5px 6px;
}

.tourism-item .read-more {
  text-shadow  : 0px 4px 20px rgba(252, 183, 18, 0.3);
  border-radius: 20px 20px 0;
  padding      : 13px 29px;
}

@media only screen and (max-width: 1399px) {
  .tourism-item .content {
    padding: 0 16px 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .tourism-item .read-more {
    padding: 13px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .tourism-item .price {
    font-size  : 14px;
    line-height: 22px;
  }

  .tourism-item .price i {
    font-size: 20px;
  }
}

.heading-two-tourism {
  padding-bottom: 25px;
  margin-bottom : 57px;
}

.heading-two-tourism::after {
  content    : "\e99c";
  font-family: "icomoon";
  font-size  : 17px;
  line-height: 1;
  color      : rgba(73, 73, 73, 0.8);
}

.heading-two-tourism-title-en {
  letter-spacing: 6.4px;
}

.swiper-tourism .swiper-bottom {
  gap: 10px;
}

.swiper-tourism .swiper-button-next::after,
.swiper-tourism .swiper-button-prev::after {
  font-size  : 18px;
  color      : rgba(73, 73, 73, 0.8);
  line-height: 1;
  font-family: "icomoon";
}

.swiper-tourism .swiper-button-next:hover::after,
.swiper-tourism .swiper-button-prev:hover::after {
  color: #fcb712;
}

.swiper-tourism .swiper-button-next::after {
  content: "\e904";
}

.swiper-tourism .swiper-button-prev::after {
  content: "\e930";
}

.swiper-tourism .swiper-pagination-bullet {
  border-radius                            : 12px;
  opacity                                  : 1;
  width                                    : 26px;
  height                                   : 6px;
  background-color                         : rgba(73, 73, 73, 0.2);
  --swiper-pagination-bullet-horizontal-gap: 3.5px;
}

.swiper-tourism .swiper-pagination-bullet-active {
  width           : 37px;
  background-color: #fcb712;
}

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

  .swiper-tourism .swiper-button-next::after,
  .swiper-tourism .swiper-button-prev::after {
    font-size: 14px;
  }

  .swiper-tourism .swiper-pagination-bullet {
    width                                    : 12px;
    height                                   : 4px;
    --swiper-pagination-bullet-horizontal-gap: 2px;
  }

  .swiper-tourism .swiper-pagination-bullet-active {
    width: 18px;
  }
}

.article-tourism {
  background-color: #22252E;
  box-shadow      : 0px 35px 25px rgba(0, 0, 0, 0.06);
}

.article-tourism figure img {
  border-radius: 0 22px;
}

.article-tourism .btn {
  box-shadow: 0px 9px 30px 2px rgba(252, 183, 18, 0.25);
  padding   : 8px 26px;
}

.pagination-tourism {
  margin-top: 114px;
}

.pagination-tourism li a::before {
  background   : linear-gradient(92.59deg, #FFAB00 -9.57%, #FF8500 99.15%, #FF0000 215.17%);
  border-radius: inherit;
  opacity      : 0;
}

.pagination-tourism li a:hover::before,
.pagination-tourism li a.active::before {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .pagination-tourism {
    margin-top: 60px;
  }
}

.btn-more-tourism {
  margin-top: 111px;
  min-width : 155px;
  padding   : 10px 12px;
}

.bg-tourism {
  background: rgba(207, 207, 207, 0.15);
}

.top-header-tourism {
  padding: 37px 0 43px;
}

.top-header-tourism-search {
  max-width: 279px;
}

.top-header-tourism-search .form-control {
  background-color: rgba(252, 183, 18, 0.2);
  height          : 42px;
  padding         : 0 17px 0 54px;
}

.top-header-tourism-search .btn {
  width : 42px;
  height: 42px;
}

.top-header-tourism-contact {
  margin: 0 41px 0 38px;
}

.top-header-tourism-contact .number {
  gap: 6px;
}

.top-header-tourism-contact .number>div:nth-child(2) {
  margin-right: auto;
}

.top-header-tourism-download {
  padding: 10px 20px;
}

.top-header-tourism-auth {
  width : 40px;
  height: 40px;
}

.top-header-tourism-nav {
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  margin-top   : 56px;
}

.top-header-tourism-nav::before {
  transform    : translateY(43px);
  height       : 50vh;
  border-radius: 0 0 53px 53px;
  right        : -33px;
  left         : -35px;
}

.top-header-tourism-nav ul {
  gap: 32px;
}

.top-header-tourism-nav ul li a {
  padding: 6px 9px;
}

.top-header-tourism-nav ul li a.active {
  font-weight: 700 !important;
  box-shadow : 0px 9px 20px 2px rgba(252, 183, 18, 0.25);
}

.top-header-tourism-nav ul li a.active,
.top-header-tourism-nav ul li a:hover {
  background-image: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
  color           : rgba(255, 255, 255, 0.8);
}

.top-header-tourism.has-bg .top-header-tourism-nav::before {
  background-color: #22252E;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1199px) {
  .top-header-tourism-logo img {
    width : auto;
    height: 40px;
  }

  .top-header-tourism-logo .title {
    font-size  : 16px;
    line-height: 24px;
    margin     : 0 8px;
  }

  .top-header-tourism-logo .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-tourism-search {
    max-width: 230px;
  }

  .top-header-tourism-search .form-control {
    padding-right: 12px;
  }

  .top-header-tourism-contact {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-tourism {
    padding         : 24px 0;
    background-color: #22252E;
    box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
  }

  .top-header-tourism-logo {
    position : absolute !important;
    left     : 50%;
    transform: translateX(-50%);
  }
}

.footer-tourism {
  padding-bottom: 9px;
}

.footer-tourism::before {
  background-color: #fff;
  top             : 52px;
}

.footer-tourism-download-app {
  padding   : 25px 33px 31px 44px;
  box-shadow: 0px 37px 70px rgba(0, 0, 0, 0.05);
}

.footer-tourism-download-app .text {
  margin-left: 42px;
}

.footer-tourism-download-app .text .title-en {
  background-image: linear-gradient(180deg, rgba(120, 120, 120, 0) 0%, #787878 100%);
}

.footer-tourism-download-app ul {
  gap: 30px;
}

.footer-tourism-download-app ul li {
  max-width : calc(20% - 24px);
  box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.05);
  padding   : 11px 9px 10px;
}

.footer-tourism-download-app ul li a img {
  width     : auto;
  max-height: 33px;
}

.footer-tourism-nav li:not(:last-child) {
  margin-bottom: 3px;
}

.footer-tourism-nav li a:hover {
  color: #FCB712;
}

.footer-tourism-contact li {
  max-width: calc(50% - 4px);
}

.footer-tourism-contact li span {
  word-break: break-all;
}

.footer-tourism-socials li a {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  width     : 32px;
  height    : 32px;
}

.footer-tourism-socials li a:hover {
  background-color: #FCB712;
  color           : #fff;
}

.footer-tourism-copyright {
  padding-top: 9px;
  border-top : 3px solid #FCB712;
}

@media only screen and (max-width: 1199px) {
  .footer-tourism-download-app {
    padding: 25px 24px 31px;
  }

  .footer-tourism-download-app .text {
    margin-left: 24px;
  }

  .footer-tourism-download-app ul {
    gap: 12px;
  }

  .footer-tourism-download-app ul li {
    max-width: calc(20% - 10px);
  }

  .footer-tourism-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-tourism-download-app .text {
    white-space: wrap !important;
    margin     : 0 0 24px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-tourism-download-app ul li {
    max-width: calc(33.333333% - 10px);
  }
}

@media only screen and (max-width: 575px) {
  .footer-tourism-download-app {
    padding      : 24px 12px;
    margin       : 0 -12px 32px;
    border-radius: 0;
  }

  .footer-tourism-download-app .text .title,
  .footer-tourism-download-app .text .title-en {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-tourism-download-app ul li {
    max-width: calc(50% - 6px);
  }
}

.landing-tourism {
  padding: 39px 0 96px;
}

.landing-tourism::before,
.landing-tourism::after {
  height       : calc(100% + 232px);
  border-radius: 0 0 50px 50px;
}

.landing-tourism::before {
  background-image: var(--wpr-bg-e0688e5f-d5ea-4591-99c7-8ddb85b5d3ef);
}

.landing-tourism::after {
  background-color       : rgba(34, 37, 46, 0.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.landing-tourism .container::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDM1IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgNDM1IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwLjk5MjdWNDAuOTk5OUg0MzVWNDAuOTk4NUM0MjkuOTE0IDQwLjk2MTggNDI0LjkyMyA0MC4xNjY5IDQyMC4wNTUgMzguNjc5NEMzOTEuODU3IDMwLjA2MzUgMjg5LjU5NiAwLjQwMDI1MSAyMTggMC4zMDU4OTFDMTQ1Ljg1NiAwLjIxMDc5OCA0Mi43MzcgMzAuMDU3MiAxNC40MzA2IDM4LjY4ODVDOS43MjUwNCA0MC4xMjM0IDQuOTA4NzUgNDAuOTEwNyAwIDQwLjk5MjdaIiBmaWxsPSIjRDlEOUQ5Ii8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDM1IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgNDM1IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwLjk5MjdWNDAuOTk5OUg0MzVWNDAuOTk4NUM0MjkuOTE0IDQwLjk2MTggNDI0LjkyMyA0MC4xNjY5IDQyMC4wNTUgMzguNjc5NEMzOTEuODU3IDMwLjA2MzUgMjg5LjU5NiAwLjQwMDI1MSAyMTggMC4zMDU4OTFDMTQ1Ljg1NiAwLjIxMDc5OCA0Mi43MzcgMzAuMDU3MiAxNC40MzA2IDM4LjY4ODVDOS43MjUwNCA0MC4xMjM0IDQuOTA4NzUgNDAuOTEwNyAwIDQwLjk5MjdaIiBmaWxsPSIjRDlEOUQ5Ii8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #f7f7f7;
  width              : 435px;
  height             : 42px;
  transform          : translate(-50%, 1px);
}

.landing-tourism .container::after {
  background-image: var(--wpr-bg-94dde6f5-c573-41f4-a96f-7b3ea3857885);
  width           : 2040px;
  height          : 206px;
  transform       : translate(-50%, -50%);
}

.landing-tourism .row::before,
.landing-tourism .row::after {
  width           : 662px;
  height          : 782px;
  border-radius   : 50%;
  background-color: rgba(252, 183, 18, 0.15);
  filter          : blur(250px);
}

.landing-tourism .row::before {
  transform: translate(296px, -445px);
}

.landing-tourism .row::after {
  transform: translate(-96px, 19px);
}

.landing-tourism .title {
  text-shadow: 0px 3px 50px rgba(252, 183, 18, 0.35);
}

.landing-tourism .title-en {
  letter-spacing: 10.92px;
}

.landing-tourism .btns .btn {
  padding: 13px 26px;
}

.landing-tourism .btns .link {
  padding: 13px 36px;
}

.landing-tourism .btns .link::before {
  padding      : 2px;
  border-radius: inherit;
}

.landing-tourism .btns .link::before,
.landing-tourism .btns .link::after {
  background-image: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
}

.landing-tourism .btns .link::after {
  opacity: 0;
}

.landing-tourism .btns .link:hover::after {
  opacity: 1;
}

.landing-tourism .image::after {
  width           : 50%;
  height          : 65px;
  border-radius   : 50%;
  background-color: rgba(0, 0, 0, 0.15);
  filter          : blur(28.5px);
}

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

  .landing-tourism::before,
  .landing-tourism::after {
    border-radius: 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-tourism .title-en {
    letter-spacing: 5.4px;
  }

  .landing-tourism .btns .btn,
  .landing-tourism .btns .link {
    padding: 13px 22px;
  }
}

.search-home-tourism {
  margin-top: -52px;
}

.search-home-tourism-wrapper {
  padding: 35px 107px;
}

.search-home-tourism-wrapper::after {
  background   : linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), rgba(245, 175, 25, 0.25);
  opacity      : 0.5;
  border-radius: 50px;
  height       : 44px;
  width        : 75%;
  bottom       : 15px;
  filter       : blur(50px);
}

.search-home-tourism-wrapper .form-group {
  flex: 1 0 1%;
}

.search-home-tourism-wrapper .form-group>i {
  right: 38px;
}

.search-home-tourism-wrapper .form-group .select2-container--default .select2-selection--single {
  border-radius   : 20px;
  background-color: #f3f3f3;
  border          : 1px solid #f3f3f3;
  padding         : 31px 0;
  transition      : all 0.3s ease-in-out;
}

.search-home-tourism-wrapper .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 72px;
}

.search-home-tourism-wrapper .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.search-home-tourism-wrapper .form-group .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius : 0;
  border-top-right-radius: 0;
}

.search-home-tourism-wrapper .form-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}

.search-home-tourism-wrapper .form-group .select-two-item-title {
  color      : rgba(73, 73, 73, 0.6);
  font-size  : 16px;
  font-weight: 400;
  line-height: 25px;
}

.search-home-tourism-wrapper .form-group .form-control {
  height          : 89px;
  background-color: #f3f3f3;
  border          : 1px solid #f3f3f3;
  padding-right   : 76px;
}

.search-home-tourism-wrapper .form-group .select2-container--open .select2-selection--single,
.search-home-tourism-wrapper .form-group .form-control:focus {
  box-shadow  : 0 0 0 4px rgba(252, 183, 18, 0.2);
  border-color: #fcb712;
}

.search-home-tourism-wrapper .btn {
  height: 87px;
  flex  : 0 0 203px;
}

@media only screen and (max-width: 1199px) {
  .search-home-tourism-wrapper {
    padding: 35px 64px;
  }
}

@media only screen and (max-width: 991px) {
  .search-home-tourism-wrapper {
    padding      : 24px;
    border-radius: 32px;
  }

  .search-home-tourism-wrapper .btn {
    flex: 1 0 100%;
  }
}

@media only screen and (max-width: 767px) {
  .search-home-tourism-wrapper {
    border-radius: 20px;
  }

  .search-home-tourism-wrapper .form-group {
    flex: 1 0 100%;
  }

  .search-home-tourism-wrapper .form-group>i {
    right: 20px;
  }

  .search-home-tourism-wrapper .form-group .select2-container--default .select2-selection--single {
    padding: 18.5px 0;
  }

  .search-home-tourism-wrapper .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
  .search-home-tourism-wrapper .form-group .form-control {
    padding-right: 54px;
  }

  .search-home-tourism-wrapper .form-group .form-control {
    height: 64px;
  }

  .search-home-tourism-wrapper .form-group .select-two-item-title,
  .search-home-tourism-wrapper .form-group .form-control {
    font-size  : 14px;
    line-height: 22px;
  }

  .search-home-tourism-wrapper .btn {
    height       : 64px;
    border-radius: 20px;
  }
}

.services-home-tourism {
  margin: 168px 0 154px;
}

.services-home-tourism::before {
  background-image: var(--wpr-bg-12b7ea35-68e1-41da-a43c-3cdfb5fa89e7);
  height          : 942px;
  transform       : translateY(-327px);
}

.services-home-tourism::after {
  width           : 133px;
  height          : 565px;
  background-color: #494949;
  border-radius   : 24px;
  transform       : translate(111px, -50%);
}

.services-home-tourism .top-services-item .right::before {
  background-color: #fcb712;
}

.services-home-tourism .top-services-item .right>i::after {
  background-color: rgba(252, 183, 18, 0.25);
}

.services-home-tourism .top-services-item .detail .read-more {
  color: #fcb712;
}

@media only screen and (max-width: 767px) {
  .services-home-tourism {
    margin: 80px 0;
  }
}

.economic-tours::before {
  background-image: var(--wpr-bg-860c6b37-a071-40b8-bd1c-5b5b68293af0);
  height          : 953px;
  top             : 315px;
}

.economic-tours::after {
  width           : 133px;
  height          : 681px;
  border-radius   : 24px;
  transform       : translateX(-111px);
  background-color: #fcb712;
}

.best-selling-tours {
  margin : 233px 0 179px;
  padding: 0 80px;
}

.best-selling-tours::after {
  background-image: var(--wpr-bg-52dfe566-09d0-4b86-be69-58876fd74c74);
  height          : 409px;
  transform       : translateY(107px);
}

.best-selling-tours-wrapper {
  border-radius: 100px;
  padding      : 74px 110px 0;
}

.best-selling-tours-wrapper::before {
  background     : var(--wpr-bg-831e1462-24ae-4eff-8d8f-024b94aeb22f) center center no-repeat, linear-gradient(93deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%);
  background-size: cover;
  right          : 12px;
  bottom         : 123px;
  left           : 12px;
  border-radius  : inherit;
}

.best-selling-tours-heading p {
  max-width: 635px;
}

.best-selling-tours .tabs {
  background-color: rgba(73, 73, 73, 0.12);
  padding         : 10px 59px 9px;
}

.best-selling-tours .tabs-item {
  padding  : 7px 12px;
  min-width: 111px;
  cursor   : pointer;
}

.best-selling-tours .tabs-item.active,
.best-selling-tours .tabs-item:hover {
  background-color: #494949;
}

.best-selling-tours .tabs .swiper-slide {
  width: auto;
}

.best-selling-tours .swiper-button-next,
.best-selling-tours .swiper-button-prev {
  width           : 46px;
  height          : 177px;
  background-color: #494949;
  top             : 35%;
}

.best-selling-tours .swiper-button-next::after,
.best-selling-tours .swiper-button-prev::after {
  font-family: "icomoon";
  font-weight: 700;
  color      : #fff;
  font-size  : 11px;
}

.best-selling-tours .swiper-button-next:hover,
.best-selling-tours .swiper-button-prev:hover {
  background-color: #fcb712;
}

.best-selling-tours .swiper-button-next {
  transform: translateX(-74px);
}

.best-selling-tours .swiper-button-next::after {
  content: "\e901";
}

.best-selling-tours .swiper-button-prev {
  transform: translateX(74px);
}

.best-selling-tours .swiper-button-prev::after {
  content: "\e903";
}

@media only screen and (max-width: 1399px) {
  .best-selling-tours {
    padding: 0 50px;
  }

  .best-selling-tours-wrapper {
    padding: 74px 80px 0;
  }

  .best-selling-tours .swiper-button-next {
    transform: translateX(-48px);
  }

  .best-selling-tours .swiper-button-prev {
    transform: translateX(48px);
  }
}

@media only screen and (max-width: 1199px) {
  .best-selling-tours-wrapper {
    padding: 74px 48px 0;
  }
}

@media only screen and (max-width: 991px) {
  .best-selling-tours {
    padding : 0;
    position: relative;
  }

  .best-selling-tours .container {
    position: unset !important;
  }

  .best-selling-tours .tabs {
    padding: 10px 12px 9px;
  }

  .best-selling-tours-wrapper {
    border-radius: 0;
    padding      : 48px 0 0;
  }

  .best-selling-tours-wrapper::before {
    right: 0;
    left : 0;
  }
}

@media only screen and (max-width: 767px) {
  .best-selling-tours {
    margin: 80px 0;
  }

  .best-selling-tours .tabs-item {
    min-width: auto;
    padding  : 7px 24px;
  }
}

.vlog-previous-tours {
  padding: 51px 0 97px;
}

.vlog-previous-tours::before {
  width           : 133px;
  height          : 565px;
  background-color: #494949;
  border-radius   : 24px;
  transform       : translate(111px, -458px);
}

.vlog-previous-tours .heading-tourism>div,
.vlog-previous-tours .heading-tourism-link {
  background-color: #fff;
}

.vlog-previous-tours-item .video-js,
.vlog-previous-tours-item .video-js video,
.vlog-previous-tours-item .video-js .vjs-poster {
  border-radius: 50px;
}

.vlog-previous-tours-item .video-js .vjs-big-play-button {
  top             : auto;
  left            : 50%;
  bottom          : 0;
  transform       : translate(-50%, 26px);
  width           : 52px;
  height          : 52px;
  border-radius   : 50%;
  background-color: #fcb712;
  border          : 0;
}

.vlog-previous-tours-item .video-js .vjs-big-play-button::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  z-index         : -1;
  background-color: rgba(252, 183, 18, 0.5);
  transform       : scale(1.4);
  animation       : play-cir1 3s linear 0s infinite alternate;
}

@keyframes play-cir1 {
  0% {
    transform: scale(1.4);
  }

  100% {
    transform: scale(1);
  }
}

.vlog-previous-tours-item .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content        : "\e9a0";
  font-family    : "icomoon";
  font-size      : 24px;
  line-height    : 1;
  filter         : drop-shadow(0px 4px 13px rgba(0, 0, 0, 0.1));
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.vlog-previous-tours .swiper-slide>* {
  transform: scale(0.8);
  opacity  : 0.4;
}

.vlog-previous-tours .swiper-slide-active>* {
  transform: scale(1);
  opacity  : 1;
}

@media only screen and (max-width: 991px) {
  .vlog-previous-tours .swiper-slide>* {
    transform: scale(1);
    opacity  : 1;
  }
}

@media only screen and (max-width: 767px) {
  .vlog-previous-tours {
    padding: 32px 0 54px;
  }

  .vlog-previous-tours-item .video-js {
    height: 260px;
  }

  .vlog-previous-tours-item .video-js,
  .vlog-previous-tours-item .video-js video,
  .vlog-previous-tours-item .video-js .vjs-poster {
    border-radius: 32px;
  }

  .vlog-previous-tours-item .video-js video {
    position: relative;
    height  : 100%;
  }
}

@media only screen and (max-width: 575px) {
  .vlog-previous-tours-item .video-js {
    height: 220px;
  }

  .vlog-previous-tours-item .video-js,
  .vlog-previous-tours-item .video-js video,
  .vlog-previous-tours-item .video-js .vjs-poster {
    border-radius: 20px;
  }
}

.articles-tourism {
  margin: 128px 0 167px;
}

.articles-tourism::before {
  background-image: var(--wpr-bg-f641597f-6f22-49a6-b066-5de72fc6e77b);
  transform       : translateY(-117px);
  height          : 1128px;
}

.articles-tourism::after {
  width           : 133px;
  height          : 661px;
  background-color: #fcb712;
  border-radius   : 24px;
  transform       : translate(-111px, -114px);
}

.articles-tourism-wrapper {
  margin: 0 -12px;
}

.articles-tourism-item {
  max-width: 50%;
  padding  : 0 12px;
}

.articles-tourism-item .content {
  height    : 474px;
  box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.15);
}

.articles-tourism-item .content::after {
  border-radius: inherit;
  background   : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43.9%, rgba(0, 0, 0, 0.155) 73.18%, rgba(0, 0, 0, 0.5) 100%);
}

.articles-tourism-item .overlay {
  right : 30px;
  bottom: 25px;
  left  : 30px;
}

.articles-tourism-item .overlay .title-info {
  gap: 10px;
}

.articles-tourism-item:not(:first-child) {
  max-width: 25%;
}

.articles-tourism-item:not(:first-child) .overlay {
  right: 18px;
  left : 18px;
}

.articles-tourism-item:not(:first-child) .overlay .title-info {
  flex-direction: column;
  align-items   : flex-start !important;
  margin-bottom : 20px;
}

.articles-tourism-item:not(:first-child) .overlay p {
  display: none;
}

.articles-tourism-wrapper:hover .articles-tourism-item {
  max-width: 25%;
}

.articles-tourism-wrapper:hover .articles-tourism-item .content {
  box-shadow: none;
}

.articles-tourism-wrapper:hover .articles-tourism-item .overlay {
  right: 18px;
  left : 18px;
}

.articles-tourism-wrapper:hover .articles-tourism-item .overlay .title-info {
  flex-direction: column;
  align-items   : flex-start !important;
  margin-bottom : 20px;
}

.articles-tourism-wrapper:hover .articles-tourism-item .overlay p {
  display: none;
}

.articles-tourism-wrapper .articles-tourism-item:hover {
  max-width: 50%;
}

.articles-tourism-wrapper .articles-tourism-item:hover .content {
  box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.15);
}

.articles-tourism-wrapper .articles-tourism-item:hover .overlay {
  right: 30px;
  left : 30px;
}

.articles-tourism-wrapper .articles-tourism-item:hover .overlay .title-info {
  flex-direction: row;
  align-items   : center !important;
  margin-bottom : 17px;
}

.articles-tourism-wrapper .articles-tourism-item:hover .overlay p {
  display: block;
}

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

  .articles-tourism-item,
  .articles-tourism-wrapper:hover .articles-tourism-item,
  .articles-tourism-wrapper .articles-tourism-item:hover,
  .articles-tourism-item:not(:first-child) {
    max-width: none;
    width    : auto !important;
    flex     : 1 0 50%;
  }

  .articles-tourism-item .content,
  .articles-tourism-wrapper:hover .articles-tourism-item .content,
  .articles-tourism-wrapper .articles-tourism-item:hover .content,
  .articles-tourism-item:not(:first-child) .content {
    height    : 364px;
    box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.15);
  }

  .articles-tourism-item .overlay,
  .articles-tourism-wrapper:hover .articles-tourism-item .overlay,
  .articles-tourism-wrapper .articles-tourism-item:hover .overlay,
  .articles-tourism-item:not(:first-child) .overlay {
    right : 16px;
    bottom: 20px;
    left  : 16px;
  }

  .articles-tourism-item .overlay .title-info,
  .articles-tourism-wrapper:hover .articles-tourism-item .overlay .title-info,
  .articles-tourism-wrapper .articles-tourism-item:hover .overlay .title-info,
  .articles-tourism-item:not(:first-child) .overlay .title-info {
    flex-direction: column;
    align-items   : flex-start !important;
    margin-bottom : 20px;
  }

  .articles-tourism-item .overlay p,
  .articles-tourism-wrapper:hover .articles-tourism-item .overlay p,
  .articles-tourism-wrapper .articles-tourism-item:hover .overlay p,
  .articles-tourism-item:not(:first-child) .overlay p {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .articles-tourism {
    margin: 80px 0;
  }

  .articles-tourism-item,
  .articles-tourism-wrapper:hover .articles-tourism-item,
  .articles-tourism-wrapper .articles-tourism-item:hover,
  .articles-tourism-item:not(:first-child) {
    flex: 1 0 100%;
  }

  .articles-tourism-item .content,
  .articles-tourism-wrapper:hover .articles-tourism-item .content,
  .articles-tourism-wrapper .articles-tourism-item:hover .content,
  .articles-tourism-item:not(:first-child) .content {
    height: 280px;
  }
}

.top-articles-blog-tourism {
  margin: 120px 0 187px;
}

.top-articles-blog-tourism::before {
  background-image: var(--wpr-bg-327223f8-13bf-4740-ba0d-c25160da4f6f);
  height          : 942px;
  transform       : translateY(-347px);
}

.top-articles-blog-tourism .articles-tourism-item .content {
  box-shadow: none;
}

.top-articles-blog-tourism .swiper {
  padding-bottom: 100px;
}

@media only screen and (min-width: 992px) {
  .top-articles-blog-tourism .swiper-slide {
    width     : 25% !important;
    transition: all 0.3s linear;
  }

  .top-articles-blog-tourism .swiper-slide>* {
    max-width: 100%;
  }

  .top-articles-blog-tourism .swiper-slide:nth-child(3n+1) {
    width: 50% !important;
  }

  .top-articles-blog-tourism .swiper-slide-active {
    width: 50% !important;
  }

  .top-articles-blog-tourism .swiper-slide-next,
  .top-articles-blog-tourism .swiper-slide-next:nth-child(3n+1),
  .top-articles-blog-tourism .swiper-slide-next+div,
  .top-articles-blog-tourism .swiper-slide-next+div:nth-child(3n+1) {
    width: 25% !important;
  }

  .top-articles-blog-tourism .swiper-slide-next .articles-tourism-item .content::after,
  .top-articles-blog-tourism .swiper-slide-next:nth-child(3n+1) .articles-tourism-item .content::after,
  .top-articles-blog-tourism .swiper-slide-next+div .articles-tourism-item .content::after,
  .top-articles-blog-tourism .swiper-slide-next+div:nth-child(3n+1) .articles-tourism-item .content::after {
    z-index: 2;
  }

  .top-articles-blog-tourism .swiper-slide-next .articles-tourism-item .overlay,
  .top-articles-blog-tourism .swiper-slide-next:nth-child(3n+1) .articles-tourism-item .overlay,
  .top-articles-blog-tourism .swiper-slide-next+div .articles-tourism-item .overlay,
  .top-articles-blog-tourism .swiper-slide-next+div:nth-child(3n+1) .articles-tourism-item .overlay {
    right  : 18px;
    left   : 18px;
    z-index: 4;
  }

  .top-articles-blog-tourism .swiper-slide-next .articles-tourism-item .overlay .title-info,
  .top-articles-blog-tourism .swiper-slide-next:nth-child(3n+1) .articles-tourism-item .overlay .title-info,
  .top-articles-blog-tourism .swiper-slide-next+div .articles-tourism-item .overlay .title-info,
  .top-articles-blog-tourism .swiper-slide-next+div:nth-child(3n+1) .articles-tourism-item .overlay .title-info {
    flex-direction: column;
    align-items   : flex-start !important;
    margin-bottom : 20px;
  }

  .top-articles-blog-tourism .swiper-slide-next .articles-tourism-item .overlay p,
  .top-articles-blog-tourism .swiper-slide-next:nth-child(3n+1) .articles-tourism-item .overlay p,
  .top-articles-blog-tourism .swiper-slide-next+div .articles-tourism-item .overlay p,
  .top-articles-blog-tourism .swiper-slide-next+div:nth-child(3n+1) .articles-tourism-item .overlay p {
    display: none;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-active,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next+div {
    width: 25% !important;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-active .articles-tourism-item .overlay,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next .articles-tourism-item .overlay,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next+div .articles-tourism-item .overlay {
    right: 18px;
    left : 18px;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-active .articles-tourism-item .overlay .title-info,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next .articles-tourism-item .overlay .title-info,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next+div .articles-tourism-item .overlay .title-info {
    flex-direction: column;
    align-items   : flex-start !important;
    margin-bottom : 20px;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-active .articles-tourism-item .overlay p,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next .articles-tourism-item .overlay p,
  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide-next+div .articles-tourism-item .overlay p {
    display: none;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide:hover {
    width: 50% !important;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide:hover .articles-tourism-item .overlay {
    right: 30px;
    left : 30px;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide:hover .articles-tourism-item .overlay .title-info {
    flex-direction: row;
    align-items   : center !important;
    margin-bottom : 17px;
  }

  .top-articles-blog-tourism .swiper-wrapper:hover .swiper-slide:hover .articles-tourism-item .overlay p {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .top-articles-blog-tourism .articles-tourism-item {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-articles-blog-tourism {
    margin: 60px 0;
  }

  .top-articles-blog-tourism .swiper {
    overflow      : visible;
    padding-bottom: 60px;
  }
}

.blog-tourism {
  margin-bottom: 177px;
}

.blog-tourism::before {
  background-image: var(--wpr-bg-5fafdbb9-5d66-4323-8eb7-464552ccd8cc);
  height          : 1065px;
  transform       : translateY(-124px);
}

.blog-tourism::after {
  background   : var(--wpr-bg-060c7269-c5cc-4807-8c73-8abe750af530) center no-repeat, linear-gradient(93deg, #FFAB00 -9.57%, #FF8500 99.15%, #F00 215.17%);
  border-radius: 129px;
  width        : 676px;
  height       : 189px;
  transform    : translateX(265px);
  top          : 100px;
}

.blog-tourism .container::after {
  border-radius: 129px;
  background   : var(--wpr-bg-c5bff1f5-d35d-4919-80e8-b17f7573329d) center no-repeat, linear-gradient(93deg, #FFAB00 -9.57%, #FF8500 99.15%, #F00 215.17%);
  transform    : translateX(-343px);
  width        : 382px;
  height       : 580px;
  top          : 25%;
}

.blog-tourism-sidebar-tags {
  padding      : 66px 79px 61px;
  box-shadow   : 0px 26px 50px rgba(0, 0, 0, 0.02);
  margin-bottom: 60px;
}

.blog-tourism-sidebar-tags::before {
  background-image: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
  padding         : 0 2px 0 0;
  border-radius   : inherit;
}

.blog-tourism-sidebar-tags .heading-two-tourism {
  margin-bottom: 26px;
}

.blog-tourism-sidebar-tags ul {
  gap: 13px 26px;
}

.blog-tourism-sidebar-tags ul li {
  flex: 1 0 calc(50% - 13px);
}

.blog-tourism-sidebar-tags ul li a {
  padding: 7px 8px;
}

.blog-tourism-sidebar-tags ul li a::before,
.blog-tourism-sidebar-tags ul li a::after {
  border-radius: inherit;
}

.blog-tourism-sidebar-tags ul li a::before {
  background: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
  opacity   : 0;
}

.blog-tourism-sidebar-tags ul li a::after {
  border: 1px solid #fcb712;
}

.blog-tourism-sidebar-tags ul li a:hover {
  color: #fff;
}

.blog-tourism-sidebar-tags ul li a:hover::before {
  opacity: 1;
}

.blog-tourism-sidebar-ads {
  margin-bottom: 63px;
}

.blog-tourism-sidebar .top-services-item .right::before {
  background-color: #FCB712;
}

.blog-tourism-sidebar .top-services-item .right i::after {
  background-color: rgba(252, 183, 18, 0.25);
}

.blog-tourism-sidebar .top-services-item .detail .read-more {
  color: #FCB712;
}

.blog-tourism .articles {
  gap: 58px 0;
}

@media only screen and (max-width: 1399px) {
  .blog-tourism-sidebar-tags {
    padding: 66px 48px 61px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-tourism-sidebar-tags {
    padding      : 32px 24px;
    border-radius: 20px;
  }

  .blog-tourism .articles {
    gap: 24px 0;
  }
}

.detail-blog-tourism {
  margin-top: 79px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-tourism {
    margin-top: 48px;
  }
}

.detail-blog-tourism-image {
  padding         : 11px;
  background-color: rgba(216, 216, 216, 0.69);
  border-radius   : 84px;
  box-shadow      : 0px 26px 50px rgba(0, 0, 0, 0.2);
  margin-bottom   : 128px;
}

.detail-blog-tourism-image::before {
  top             : 11px;
  right           : -59px;
  bottom          : 11px;
  left            : -62px;
  border-radius   : 53px;
  background-color: #22252e;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
}

.detail-blog-tourism-image img {
  border-radius: 73px;
}

@media only screen and (max-width: 991px) {
  .detail-blog-tourism-image {
    border-radius: 48px;
  }

  .detail-blog-tourism-image::before {
    border-radius: 32px;
  }

  .detail-blog-tourism-image img {
    border-radius: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-tourism-image {
    border-radius: 32px;
    padding      : 8px;
  }

  .detail-blog-tourism-image::before {
    top          : 0;
    right        : auto;
    bottom       : 0;
    left         : 50%;
    transform    : translate(-50%, -48px);
    width        : 105vw;
    height       : calc(100% + 60px);
    border-radius: 0;
  }

  .detail-blog-tourism-image img {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-tourism-image {
    border-radius: 24px;
  }

  .detail-blog-tourism-image img {
    border-radius: px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-tourism-content {
    font-size  : 14px;
    line-height: 28px;
  }
}

.detail-blog-tourism-top-articles::after {
  background     : var(--wpr-bg-fb6fa71b-de68-4c6c-8ef1-daf40dee3b97) center no-repeat, linear-gradient(93deg, #ffab00 -9.57%, #ff8500 99.15%, #f00 215.17%);
  background-size: cover;
  transform      : translate(-343px, -293px);
  width          : 382px;
  height         : 580px;
  border-radius  : 129px;
}

.detail-blog-tourism-full-info {
  margin: 90px 0 108px;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper {
  background-color: #22252e;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .info li {
  color: rgba(245, 245, 245, 0.5);
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .info li i {
  background-color: #fcb712;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .info li a:hover {
  color: #fcb712;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .share ul li a {
  background-color: #fff;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .share ul li a:hover {
  background-color: #fcb712;
}

.detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper .link {
  background-color: rgba(255, 255, 255, 0.74);
  line-height     : 38px;
  padding-left    : 8px;
  border-radius   : 15px;
  cursor          : pointer;
}

@media only screen and (max-width: 767px) {
  .detail-blog-tourism-full-info {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-tourism-full-info {
    margin: 70px -12px;
  }

  .detail-blog-tourism-full-info .detail-blog-hosting-info-wrapper {
    border-radius: 0;
  }
}

.detail-blog-tourism-comments {
  margin-bottom: 93px;
}

.detail-blog-tourism-comments li .content .text-reply p::before,
.detail-blog-tourism-comments li ul::before {
  background-color: rgba(252, 183, 18, 0.75);
}

.detail-blog-tourism-send-comment {
  margin-bottom: 196px;
}

.detail-blog-tourism-send-comment::before {
  background-image: var(--wpr-bg-2a46c9b7-bf1e-48fa-a95a-ee5c7bbfb15d);
  transform       : translateY(-93px);
  height          : 815px;
}

.detail-blog-tourism-send-comment form .form-group-box-star .stars input:checked~label i {
  color: #ffb800;
}

.detail-blog-tourism-send-comment form .form-group-box-content {
  padding: 72px 36px 24px 148px;
}

.detail-blog-tourism-send-comment form .form-group .btn {
  bottom : 34px;
  left   : 46px;
  padding: 6.5px 21.5px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-tourism-send-comment {
    margin-bottom: 70px;
  }

  .detail-blog-tourism-send-comment form .form-group-box-content {
    padding: 72px 36px 24px;
  }

  .detail-blog-tourism-send-comment form .form-group .btn {
    bottom: 20px;
    left  : 20px;
  }
}

.detail-blog-tourism-vlog {
  margin-bottom: 73px;
}

.detail-tour-tourism {
  margin-top: 93px;
}

@media only screen and (max-width: 991px) {
  .detail-tour-tourism {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-tour-tourism {
    margin-top: 0;
  }
}

.detail-tour-tourism-info::before {
  background-image: var(--wpr-bg-53342a55-92fd-41fb-b8e6-783a36e14623);
  height          : 1016px;
  transform       : translateY(-306px);
}

.detail-tour-tourism-info-image {
  padding: 0 43px;
}

.detail-tour-tourism-info-image::before {
  background-color: #22252e;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
  border-radius   : 50px;
  top             : 11px;
  bottom          : 11px;
}

.detail-tour-tourism-info-image .img {
  background-color: rgba(216, 216, 216, 0.69);
  padding         : 11px;
  border-radius   : 61px;
}

.detail-tour-tourism-info-image .img img {
  box-shadow: 0px 26px 50px rgba(0, 0, 0, 0.2);
}

.detail-tour-tourism-info-box {
  padding   : 59px 40px 45px;
  box-shadow: 0px 19px 50px rgba(0, 0, 0, 0.05);
}

.detail-tour-tourism-info-box .icon {
  width        : 76px;
  height       : 76px;
  margin-bottom: 57px;
}

.detail-tour-tourism-info-box .icon::before {
  width           : 67px;
  height          : 67px;
  background-color: #fcb712;
  border-radius   : 15px;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), 7px 8px 13px rgba(255, 255, 255, 0.25) inset;
  transform       : translate(-18px, -19px);
}

.detail-tour-tourism-info-box .icon i::after {
  background-color       : rgba(252, 183, 18, 0.25);
  border-radius          : 23px;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.detail-tour-tourism-info-box .rate {
  background-image: linear-gradient(92.59deg, #ffab00 -9.57%, #ff8500 99.15%, #ff0000 215.17%);
  box-shadow      : 0px 4px 4px rgba(245, 175, 25, 0.25);
  min-width       : 39px;
}

.detail-tour-tourism-info-box .list:not(:last-child) {
  margin-bottom: 16px;
}

.detail-tour-tourism-info-box .list-price {
  margin-bottom: 43px;
}

.detail-tour-tourism-info-box .list-price .list {
  margin-bottom: 0;
}

.detail-tour-tourism-info-box .btn {
  padding  : 10px 18px;
  min-width: 195px;
}

@media only screen and (max-width: 1199px) {
  .detail-tour-tourism-info-box {
    padding: 59px 24px 45px;
  }
}

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

  .detail-tour-tourism-info-image::before,
  .detail-tour-tourism-info-image .img img {
    border-radius: 32px;
  }

  .detail-tour-tourism-info-image .img {
    border-radius: 43px;
  }

  .detail-tour-tourism-info-box {
    padding      : 40px 16px;
    border-radius: 20px;
  }

  .detail-tour-tourism-info-box .icon {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-tour-tourism-info-image {
    margin : 0 -12px;
    padding: 24px 12px;
  }

  .detail-tour-tourism-info-image::before,
  .detail-tour-tourism-info-image .img {
    border-radius: 0;
  }

  .detail-tour-tourism-info-image::before {
    top   : 0;
    bottom: 0;
  }

  .detail-tour-tourism-info-image .img {
    padding         : 0;
    background-color: transparent;
  }

  .detail-tour-tourism-info-image .img img {
    border-radius: 20px;
  }

  .detail-tour-tourism-info-box .price {
    font-size  : 14px;
    line-height: 22px;
  }

  .detail-tour-tourism-info-box .price i {
    font-size: 14px;
  }
}

.detail-tour-tourism-description {
  padding: 52px 0 100px;
  margin : 109px 0 34px;
}

.detail-tour-tourism-description .heading-tourism {
  margin-bottom: 68px;
}

@media only screen and (max-width: 767px) {
  .detail-tour-tourism-description {
    padding: 40px 0;
    margin : 60px 0 34px;
  }

  .detail-tour-tourism-description-content {
    font-size  : 14px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-tour-tourism-description-content {
    font-size  : 13px;
    line-height: 26px;
  }
}

.detail-tour-tourism-vlog {
  margin : 0 0 121px;
  padding: 0;
}

.detail-tour-tourism-vlog::after {
  background-image: var(--wpr-bg-c602f1f4-3287-4a6d-ab91-f497beb18898);
  height          : 1260px;
  transform       : translateY(-310px);
}

@media only screen and (max-width: 767px) {
  .detail-tour-tourism-vlog {
    margin-bottom: 50px;
  }
}

.detail-tour-tourism-comments-customers .swiper-pagination,
.detail-tour-tourism-related .swiper-pagination {
  transform: translateY(64px);
}

.detail-tour-tourism-comments-customers .swiper-pagination-bullet,
.detail-tour-tourism-related .swiper-pagination-bullet {
  width                                    : 11px;
  height                                   : 6px;
  background-color                         : rgba(73, 73, 73, 0.3);
  opacity                                  : 1;
  border-radius                            : 9px;
  --swiper-pagination-bullet-horizontal-gap: 1.5px;
}

.detail-tour-tourism-comments-customers .swiper-pagination-bullet-active,
.detail-tour-tourism-related .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #fcb712;
}

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

  .detail-tour-tourism-comments-customers .swiper-pagination-bullet,
  .detail-tour-tourism-related .swiper-pagination-bullet {
    width : 8px;
    height: 4px;
  }

  .detail-tour-tourism-comments-customers .swiper-pagination-bullet-active,
  .detail-tour-tourism-related .swiper-pagination-bullet-active {
    width: 16px;
  }
}

.detail-tour-tourism-comments-customers::before {
  background-image: var(--wpr-bg-4d12a71f-1484-4d51-a256-7c42a7d1116d);
  top             : 38px;
  height          : 1128px;
}

.detail-tour-tourism-comments-customers::after {
  width          : 232px;
  height         : 353px;
  background     : var(--wpr-bg-6c6a20b5-d18e-4db2-9e75-d0a57394a42d) center no-repeat, linear-gradient(93deg, #ffab00 -9.57%, #ff8500 99.15%, #f00 215.17%);
  background-size: cover;
  border-radius  : 129px;
  transform      : translate(-201px, -180px);
}

.detail-tour-tourism-comments-customers .heading-tourism {
  margin-bottom: 78px;
}

.detail-tour-tourism-comments-customers .swiper {
  max-width: 761px;
}

.detail-tour-tourism-comments-customers .swiper-slide>* {
  opacity  : 0.5;
  transform: scale(0.85);
}

.detail-tour-tourism-comments-customers .swiper-slide:not(.swiper-slide-visible) {
  pointer-events: none;
}

.detail-tour-tourism-comments-customers .swiper-slide-active>* {
  opacity  : 1;
  transform: scale(1);
}

.detail-tour-tourism-comments-customers .swiper-button-next,
.detail-tour-tourism-comments-customers .swiper-button-prev {
  transform: translateX(-55px);
}

.detail-tour-tourism-comments-customers .swiper-button-next::after,
.detail-tour-tourism-comments-customers .swiper-button-prev::after {
  content    : "\e9a3";
  font-family: "icomoon";
  font-size  : 278px;
  color      : rgba(252, 183, 18, 0.29);
}

.detail-tour-tourism-comments-customers .swiper-button-next:hover::after,
.detail-tour-tourism-comments-customers .swiper-button-prev:hover::after {
  color: #fcb712;
}

.detail-tour-tourism-comments-customers .swiper-button-prev {
  transform: translateX(55px);
}

.detail-tour-tourism-comments-customers .swiper-button-prev::after {
  content: "\e95f";
}

@media only screen and (max-width: 991px) {
  .detail-tour-tourism-comments-customers {
    padding: 0 40px;
  }

  .detail-tour-tourism-comments-customers .swiper-button-next {
    transform: translateX(-40px);
  }

  .detail-tour-tourism-comments-customers .swiper-button-prev {
    transform: translateX(40px);
  }
}

@media only screen and (max-width: 767px) {
  .detail-tour-tourism-comments-customers {
    padding: 0;
  }

  .detail-tour-tourism-comments-customers .swiper-button-next,
  .detail-tour-tourism-comments-customers .swiper-button-prev {
    transform       : translate(0, 79px);
    width           : 48px;
    height          : 48px;
    background-color: #fff;
    border-radius   : 15px;
    box-shadow      : 0 3px 30px rgba(0, 0, 0, 0.05);
    top             : auto;
    bottom          : 0;
    z-index         : 20;
  }

  .detail-tour-tourism-comments-customers .swiper-button-next::after,
  .detail-tour-tourism-comments-customers .swiper-button-prev::after {
    content  : "\e901";
    font-size: 24px;
    color    : #fcb712;
  }

  .detail-tour-tourism-comments-customers .swiper-button-prev::after {
    content: "\e903";
  }
}

.detail-tour-tourism-related {
  margin : 130px 0 105px;
  padding: 0 64px;
}

.detail-tour-tourism-related::before {
  background-image: var(--wpr-bg-8adc1608-06c2-4593-a9e1-beaa814f84b7);
  transform       : translateY(-4px);
  height          : 1128px;
}

.detail-tour-tourism-related .heading-tourism {
  margin-bottom: 52px;
}

.detail-tour-tourism-related .swiper-button-next,
.detail-tour-tourism-related .swiper-button-prev {
  width           : 46px;
  height          : 177px;
  background-color: #494949;
}

.detail-tour-tourism-related .swiper-button-next::after,
.detail-tour-tourism-related .swiper-button-prev::after {
  content    : "\e901";
  font-size  : 12px;
  line-height: 1;
  color      : #fff;
  font-family: "icomoon";
}

.detail-tour-tourism-related .swiper-button-next:hover,
.detail-tour-tourism-related .swiper-button-prev:hover {
  background-color: #fcb712;
}

.detail-tour-tourism-related .swiper-button-next {
  transform: translate(-74px, -50%);
}

.detail-tour-tourism-related .swiper-button-prev {
  transform: translate(74px, -50%);
}

.detail-tour-tourism-related .swiper-button-prev::after {
  content: "\e903";
}

@media only screen and (max-width: 1399px) {
  .detail-tour-tourism-related {
    padding: 0 44px;
  }

  .detail-tour-tourism-related .swiper-button-next {
    transform: translate(-54px, -50%);
  }

  .detail-tour-tourism-related .swiper-button-prev {
    transform: translate(54px, -50%);
  }
}

@media only screen and (max-width: 1199px) {
  .detail-tour-tourism-related {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-tour-tourism-related {
    padding: 0;
  }

  .detail-tour-tourism-related .swiper-button-next,
  .detail-tour-tourism-related .swiper-button-prev {
    transform       : translate(0, 79px);
    width           : 48px;
    height          : 48px;
    background-color: #fff;
    border-radius   : 15px;
    box-shadow      : 0 3px 30px rgba(0, 0, 0, 0.05);
    top             : auto;
    bottom          : 0;
    z-index         : 20;
  }

  .detail-tour-tourism-related .swiper-button-next::after,
  .detail-tour-tourism-related .swiper-button-prev::after {
    content  : "\e901";
    font-size: 24px;
    color    : #fcb712;
  }

  .detail-tour-tourism-related .swiper-button-next:hover::after,
  .detail-tour-tourism-related .swiper-button-prev:hover::after {
    color: #fff;
  }

  .detail-tour-tourism-related .swiper-button-prev::after {
    content: "\e903";
  }
}

@media only screen and (max-width: 767px) {
  .detail-tour-tourism-related {
    margin: 70px 0;
  }
}

.about-us-tourism-video {
  margin: 93px 0 191px;
}

.about-us-tourism-video .video {
  padding         : 8px 38px;
  background-color: #22252e;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
}

.about-us-tourism-video .video .vlog-previous-tours-item .video-js .vjs-big-play-button {
  width    : 63px;
  height   : 63px;
  transform: translate(-50%, 32px);
}

@media only screen and (max-width: 991px) {
  .about-us-tourism-video iframe {
    height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-tourism-video {
    margin: 50px 0;
  }

  .about-us-tourism-video .video {
    padding      : 12px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-tourism-video iframe {
    height: 200px !important;
  }
}

.about-us-tourism-info .heading-two-tourism {
  margin-bottom: 42px;
}

.about-us-tourism-info-wrapper {
  background-color: #22252e;
}

.about-us-tourism-faq {
  margin: 146px 0;
}

.about-us-tourism-faq .heading-two-tourism {
  margin-bottom: 71px;
}

.about-us-tourism-faq .row {
  gap: 21px 0;
}

@media only screen and (max-width: 767px) {
  .about-us-tourism-faq {
    margin: 60px 0;
  }
}

.about-us-tourism-customers-comments::after {
  transform: translate(-201px, 135px);
}

.about-us-tourism-vlog {
  margin: 158px 0 189px;
}

.about-us-tourism-vlog::after {
  background-image: var(--wpr-bg-3dec69fa-bc28-4727-a80c-ddf02de52b16);
  height          : 1118px;
  transform       : translateY(-310px);
}

.about-us-tourism-vlog .heading-two-tourism {
  margin-bottom: 53px;
}

@media only screen and (max-width: 767px) {
  .about-us-tourism-vlog {
    margin: 60px 0;
  }
}

.about-us-tourism-brands::before {
  background-image: var(--wpr-bg-bcd518f3-148d-4d39-a6af-7abc0ce2b157);
  height          : 1128px;
  transform       : translateY(-40px);
}

.about-us-tourism-brands::after {
  background   : var(--wpr-bg-f23de2a0-5506-432d-b0d6-11b07ede102a) center no-repeat, linear-gradient(93deg, #ffab00 -9.57%, #ff8500 99.15%, #f00 215.17%);
  width        : 232px;
  height       : 353px;
  transform    : translate(-210px, -288px);
  border-radius: 129px;
}

.about-us-tourism-brands-box {
  padding   : 67px 48px;
  box-shadow: 0px 41px 100px rgba(0, 0, 0, 0.02);
}

.about-us-tourism-brands-box .icon {
  width : 75px;
  height: 75px;
}

.about-us-tourism-brands-box .icon::before {
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), 7px 8px 13px rgba(255, 255, 255, 0.25) inset;
  width           : 68px;
  height          : 68px;
  border-radius   : 15px;
  background-color: #fcb712;
  transform       : translate(-18px, -19px);
}

.about-us-tourism-brands-box .icon i::after {
  background-color       : rgba(252, 183, 18, 0.25);
  border-radius          : 23px;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.about-us-tourism-brands-box .heading-two-tourism {
  margin-bottom: 32px;
}

.about-us-tourism-brands-items {
  gap: 12px 0;
}

.about-us-tourism-brands-items li {
  max-width: 43%;
}

.about-us-tourism-brands-items li a {
  background-color: #fff;
  padding         : 30px 12px 29px;
  box-shadow      : 0px 19px 50px rgba(0, 0, 0, 0.05);
}

.about-us-tourism-brands-items li a img {
  max-width : 90%;
  max-height: 64px;
  filter    : grayscale(1);
}

.about-us-tourism-brands-items li a:hover {
  background-color: #22252e;
}

.about-us-tourism-brands-items li a:hover img {
  filter: grayscale(0);
}

@media only screen and (max-width: 1199px) {
  .about-us-tourism-brands-box {
    padding: 60px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-tourism-brands-box {
    border-radius: 32px;
  }

  .about-us-tourism-brands-items {
    gap: 12px;
  }

  .about-us-tourism-brands-items li {
    max-width: calc(50% - 6px);
  }
}

@media only screen and (max-width: 575px) {
  .about-us-tourism-brands-box {
    border-radius: 20px;
  }

  .about-us-tourism-brands-items li {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-tourism-articles .btn-more-tourism {
    margin-top: 60px;
  }
}

.vlog-tourism-top-tours {
  margin: 131px 0 148px;
}

.vlog-tourism-top-tours::before {
  background-image: var(--wpr-bg-2876057c-82c9-4c63-9602-1f391f82f86f);
  height          : 579px;
  transform       : translateY(-345px);
}

.vlog-tourism-top-tours-wrapper {
  gap: 21px;
}

.vlog-tourism-top-tours-wrapper>* {
  max-width: calc(25% - 14px);
  height   : 474px;
}

.vlog-tourism-top-tours-wrapper>*:first-child {
  max-width: calc(50% - 14px);
}

.vlog-tourism-top-tours .vlog-previous-tours-item .vjs-big-play-button {
  width : 69px;
  height: 69px;
}

.vlog-tourism-top-tours .vlog-previous-tours-item .vjs-big-play-button .vjs-icon-placeholder::before {
  font-size: 28px;
}

.vlog-tourism-top-tours-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43.9%, rgba(0, 0, 0, 0.155) 73.18%, rgba(0, 0, 0, 0.5) 100%);
}

.vlog-tourism-top-tours-item .overlay {
  padding: 0 18px;
  bottom : 24px;
}

@media only screen and (max-width: 991px) {
  .vlog-tourism-top-tours-wrapper {
    gap: 48px 20px;
  }

  .vlog-tourism-top-tours-wrapper>* {
    max-width: calc(50% - 10px);
    height   : 320px;
  }

  .vlog-tourism-top-tours-wrapper>*:first-child {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .vlog-tourism-top-tours {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 575px) {
  .vlog-tourism-top-tours-wrapper>* {
    max-width: 100%;
  }
}

.vlog-tourism-top-view-item {
  height: 474px;
}

.vlog-tourism-top-view-item::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27.08%, rgba(0, 0, 0, 0.31) 61.98%, #000 100%);
}

.vlog-tourism-top-view-item .play {
  width           : 69px;
  height          : 69px;
  background-color: #fcb712;
}

.vlog-tourism-top-view-item .play::before {
  border-radius   : 50%;
  transform       : scale(1.3);
  background-color: rgba(252, 183, 18, 0.5);
  animation       : play-cir1 3s linear 0s infinite alternate;
}

.vlog-tourism-top-view-item .overlay {
  padding: 0 18px;
  bottom : 24px;
}

.vlog-tourism-banners {
  margin: 141px 0 175px;
}

.vlog-tourism-banners::before {
  background-image: var(--wpr-bg-6d76e3a5-03a3-49cd-86ba-655e2f8b4de5);
  transform       : translateY(-389px);
  height          : 1128px;
}

.vlog-tourism-banners::after {
  background   : var(--wpr-bg-773a9a7f-ba14-47bc-8531-1641527be42d) center no-repeat, linear-gradient(93deg, #ffab00 -9.57%, #ff8500 99.15%, #f00 215.17%);
  width        : 232px;
  height       : 353px;
  transform    : translate(204px, 179px);
  border-radius: 129px;
}

.vlog-tourism-banners img {
  box-shadow: 0px 15px 50px rgba(252, 183, 18, 0.15);
}

.vlog-tourism-banners .row>*:nth-child(2) img {
  box-shadow: 0px 38px 100px rgba(34, 37, 46, 0.15);
}

.vlog-tourism-banners-two::after {
  transform: translate(-204px, 179px);
}

.vlog-tourism-banners-two img {
  box-shadow: 0px 19px 50px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 767px) {
  .vlog-tourism-banners {
    margin: 70px 0;
  }
}

.vlog-tourism-faq {
  margin: 171px 0 179px;
}

.vlog-tourism-faq::before {
  background-image: var(--wpr-bg-65d11bf1-2168-4009-ae1b-a9a0d3dc8ac8);
  transform       : translateY(-307px);
  height          : 1128px;
}

.vlog-tourism-faq .row {
  gap: 21px 0;
}

@media only screen and (max-width: 767px) {
  .vlog-tourism-faq {
    margin: 70px 0;
  }
}

.vlog-tourism-articles {
  margin: 149px 0 109px;
}

.vlog-tourism-articles .btn-more-tourism {
  margin-top: 75px;
}

@media only screen and (max-width: 767px) {
  .vlog-tourism-articles {
    margin: 60px 0;
  }
}

.heading-ahankade {
  margin-bottom: 75px;
}

.heading-ahankade-title {
  margin-top: 2px;
}

.heading-ahankade-title-en {
  letter-spacing: 6.4px;
}

.heading-ahankade::after {
  width           : 15px;
  height          : 15px;
  transform       : translate(-50%, 26px) rotate(45deg);
  border-radius   : 2px;
  background-color: #ea263a;
}

.btn-more-ahankade {
  padding: 7px 21px;
}

.my-team-ahankade {
  margin: 178px 0 157px;
}

.my-team-ahankade::before {
  background-image: var(--wpr-bg-7c8de8e6-a851-45de-b6e4-1581695fdc27);
  height          : 753px;
  transform       : translateY(-76px);
}

.my-team-ahankade::after {
  background-image: var(--wpr-bg-0ac57816-9be6-4b7e-9268-777d0d98ea34);
  width           : 231px;
  height          : 428px;
  transform       : translate(-203px, 111px);
  background-color: #ea263a;
  border-radius   : 129px;
}

.my-team-ahankade .heading-ahankade {
  margin-bottom: 54px;
}

.my-team-ahankade-item {
  padding: 135px 25px 16px;
}

.my-team-ahankade-item a::after {
  z-index: 10;
}

.my-team-ahankade-item::before {
  top             : 197px;
  background-color: #fff;
  border-radius   : 34px;
}

.my-team-ahankade-item .image {
  height: 135px;
}

.my-team-ahankade-item .image::before {
  background-color   : #ea263a;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMCA3Mi44MDk2QzAgNTYuNjMxMSAxMS40MDAxIDQyLjY5MzQgMjcuMjU3MyAzOS40ODQ5TDIxNi4yNTcgMS4yNDM2N0MyMzcuMzE3IC0zLjAxNzQ5IDI1NyAxMy4wODE2IDI1NyAzNC41Njg0VjEwMUMyNTcgMTE5Ljc3OCAyNDEuNzc4IDEzNSAyMjMgMTM1SDM0QzE1LjIyMjMgMTM1IDAgMTE5Ljc3OCAwIDEwMVY3Mi44MDk2WiIgZmlsbD0iI0VBMjYzQSIvPg0KPC9zdmc+DQo=) bottom left/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMCA3Mi44MDk2QzAgNTYuNjMxMSAxMS40MDAxIDQyLjY5MzQgMjcuMjU3MyAzOS40ODQ5TDIxNi4yNTcgMS4yNDM2N0MyMzcuMzE3IC0zLjAxNzQ5IDI1NyAxMy4wODE2IDI1NyAzNC41Njg0VjEwMUMyNTcgMTE5Ljc3OCAyNDEuNzc4IDEzNSAyMjMgMTM1SDM0QzE1LjIyMjMgMTM1IDAgMTE5Ljc3OCAwIDEwMVY3Mi44MDk2WiIgZmlsbD0iI0VBMjYzQSIvPg0KPC9zdmc+DQo=) bottom left/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-image   : var(--wpr-bg-7d337ef3-d2e5-4b0d-a605-542bc158b94f);
}

.my-team-ahankade-item .image img {
  max-width : 80%;
  max-height: 277px;
}

.my-team-ahankade-item .phone {
  padding         : 7.5px 31px;
  background-color: rgba(234, 38, 58, 0.05);
}

.my-team-ahankade-item .view span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.6px;
}

.my-team-ahankade .swiper::before {
  content: "Our support team";

  font-size  : 200px;
  font-weight: 700;
  line-height: 310px;
  color      : rgba(73, 73, 73, 0.05);
  transform  : translate(-50%, -32px);
  white-space: nowrap;
}

@media only screen and (max-width: 1399px) {
  .my-team-ahankade-item {
    padding: 135px 20px 16px;
  }

  .my-team-ahankade-item .image::before {
    -webkit-mask-position: 0 10px;
    mask-position        : 0 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .my-team-ahankade-item .image::before {
    -webkit-mask-position: 0 20px;
    mask-position        : 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .my-team-ahankade-item .image::before {
    -webkit-mask-position: 0 21px;
    mask-position        : 0 21px;
  }

  .my-team-ahankade .swiper::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .my-team-ahankade {
    margin: 80px 0;
  }

  .my-team-ahankade-item .image::before {
    -webkit-mask-position: 0 15px;
    mask-position        : 0 15px;
  }
}

@media only screen and (max-width: 575px) {
  .my-team-ahankade-item .image::before {
    -webkit-mask-position: 0 0;
    mask-position        : 0 0;
    height               : 120px;
  }
}

.news-padcast-ahankade {
  margin: 252px 0 101px;
}

.news-padcast-ahankade::before {
  background-image: var(--wpr-bg-24e38442-6009-44f3-9077-0208cf352b1f);
  transform       : translateY(-44px);
  height          : 979px;
}

.news-padcast-ahankade .heading-ahankade {
  margin-bottom: 103px;
}

.news-padcast-ahankade-item {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 30px 24px;
}

.news-padcast-ahankade-item:not(:last-child) {
  margin-bottom: 20px;
}

.news-padcast-ahankade-item img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.news-padcast-ahankade-item>div {
  max-width: calc(100% - 171px);
}

.news-padcast-ahankade-item ul {
  gap: 11px;
}

.news-padcast-ahankade-item p {
  max-height: 36px;
}

.news-padcast-ahankade-padcast-item {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 12px 20px 25px;
}

.news-padcast-ahankade-item-two {
  padding-top: 149%;
  box-shadow : 0px 16px 30px rgba(0, 0, 0, 0.15);
}

.news-padcast-ahankade-item-two::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43.9%, rgba(0, 0, 0, 0.31) 62.04%, #000 100%);
}

.news-padcast-ahankade-item-two .overlay {
  padding: 0 18px 24px;
}

.news-padcast-ahankade-item-two .overlay ul {
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .news-padcast-ahankade {
    margin: 160px 0 80px;
  }
}

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

  .news-padcast-ahankade-item img,
  .news-padcast-ahankade-item>div {
    max-width: 100%;
  }

  .news-padcast-ahankade-item img {
    width        : 100%;
    margin       : 0 0 24px;
    border-radius: 15px;
  }

  .news-padcast-ahankade-item .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .news-padcast-ahankade-padcast-item .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .news-padcast-ahankade-item-two {
    padding-top: 100%;
  }
}

.article-ahankade {
  padding: 0 35px 15px;
}

.article-ahankade::before {
  top             : 68px;
  background-color: #fff;
  border-radius   : 40px;
}

.article-ahankade::after {
  bottom          : 4px;
  width           : 70%;
  height          : 95px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius   : 40px;
  filter          : blur(25px);
}

.article-ahankade .title {
  max-height: 44px;
}

.article-ahankade .info {
  padding-bottom: 17px;
  border-bottom : 1px solid rgba(73, 73, 73, 0.1);
}

.article-ahankade .read-more::after {
  transform       : translate(14px, 2px);
  width           : 82px;
  height          : 8px;
  border-radius   : 17px;
  background-color: rgba(73, 73, 73, 0.1);
}

.article-ahankade .read-more>div span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.6px;
}

.article-ahankade .read-more:hover * {
  color: #ea263a;
}

@media only screen and (max-width: 1399px) {
  .article-ahankade {
    padding: 0px 24px 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .article-ahankade {
    padding: 0px 15px 15px;
  }
}

.pagination-ahankade li a:not(.next, .prev).active {
  background-color: #ea263a;
}

.pagination-ahankade li a:not(.next, .prev):not(.active):hover {
  background-color: #ffebed;
  color           : #494949;
}

.equalizer-circle::before {
  z-index         : 2;
  background-color: #fff;
  transform       : translate(-50%, -50%) scale(0.85);
  border-radius   : 50%;
}

.equalizer-circle .bar {
  top             : 50%;
  left            : 50%;
  transform-origin: 50% 0;
  width           : 4px;
  height          : 45%;
  border-radius   : 10px;
  position        : absolute;
  margin-left     : -2px;
  background-color: #ea263a;
}

.bg-ahankade {
  background: rgba(207, 207, 207, 0.05);
}

.top-header-ahankade {
  padding-top: 37px;
  z-index    : 999;
}

.top-header-ahankade-nav ul {
  gap: 32px;
}

.top-header-ahankade-nav ul li a::after {
  width           : 9px;
  height          : 9px;
  border-radius   : 2px;
  transform       : translate(-50%, 26px) rotate(45deg);
  transform-origin: center;
  background-color: #fff;
  pointer-events  : none;
  opacity         : 0;
}

.top-header-ahankade-nav ul li a.active {
  font-weight: 800 !important;
}

.top-header-ahankade-nav ul li a.active::after {
  opacity: 1;
}

.top-header-ahankade-nav ul li a.active,
.top-header-ahankade-nav ul li a:hover {
  color: #fff;
}

.top-header-ahankade-search {
  max-width: 254px;
}

.top-header-ahankade-search .form-control {
  background-color: rgba(73, 73, 73, 0.5);
  padding         : 0 14px 0 48px;
  height          : 42px;
  color           : rgba(255, 255, 255, 0.45);
}

.top-header-ahankade-search button {
  width           : 42px;
  height          : 42px;
  background-color: #494949;
}

.top-header-ahankade.has-bg {
  padding: 0;
}

.top-header-ahankade.has-bg .btn-nav {
  color: #494949 !important;
}

.top-header-ahankade.has-bg .top-header-ahankade-wrapper {
  background-color: #fff;
  border-radius   : 0 0 50px 50px;
  padding         : 35.5px 53px;
  position        : relative;
}

.top-header-ahankade.has-bg .top-header-ahankade-wrapper::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  transform       : translateX(-50%);
  width           : 80%;
  height          : 49px;
  background-color: rgba(234, 38, 58, 0.37);
  opacity         : 0.2;
  filter          : blur(50px);
  z-index         : -1;
}

.top-header-ahankade.has-bg .top-header-ahankade-nav li a {
  color: rgba(73, 73, 73, 0.5);
}

.top-header-ahankade.has-bg .top-header-ahankade-nav li a::after {
  background-color: #ea263a;
}

.top-header-ahankade.has-bg .top-header-ahankade-nav li a:hover,
.top-header-ahankade.has-bg .top-header-ahankade-nav li a.active {
  color: #ea263a;
}

.top-header-ahankade.has-bg .top-header-ahankade-search {
  margin-left: 55px;
}

.top-header-ahankade.has-bg .top-header-ahankade-search .form-control {
  background-color: rgba(234, 38, 58, 0.5);
}

.top-header-ahankade.has-bg .top-header-ahankade-search button {
  background-color: #ea263a;
}

.top-header-ahankade.has-bg .top-header-ahankade-logo {
  margin-right: 0 !important;
}

@media only screen and (max-width: 1199px) {
  .top-header-ahankade-nav ul {
    gap: 24px;
  }

  .top-header-ahankade.has-bg .top-header-ahankade-wrapper {
    padding: 40px 20px;
  }

  .top-header-ahankade.has-bg .top-header-ahankade-nav ul {
    gap: 16px;
  }

  .top-header-ahankade.has-bg .top-header-ahankade-search {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-ahankade {
    padding-top: 20px;
  }

  .top-header-ahankade.has-bg {
    background-color: #fff;
  }

  .top-header-ahankade.has-bg .top-header-ahankade-wrapper {
    padding: 20px 0;
  }
}

.footer-ahankade {
  border-radius: 50px 50px 0 0;
}

.footer-ahankade::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDA3IiB2aWV3Qm94PSIwIDAgMTYwMCAxMDA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMTQ1MyIgd2lkdGg9IjE0NyIgaGVpZ2h0PSIxMDA3IiBmaWxsPSIjMTIxMjEyIi8+DQo8cmVjdCB3aWR0aD0iMTQ3IiBoZWlnaHQ9IjEwMDciIGZpbGw9IiMxMjEyMTIiLz4NCjxwYXRoIGQ9Ik0wIDczQzAgMzIuNjgzMiAzMi42ODMyIDAgNzMgMEgzNTAuNDA5QzM2Mi43OTYgMCAzNzQuOTg5IDAuNTU5MjQgMzg3LjMyNSAxLjY4MzUyQzQ1OS4wNjMgOC4yMjE1OCA3MjAuNzcgMzEuNTY3NCA4MDAgMzEuNTY3NEM4NzkuMTMgMzEuNTY3NCAxMTM4LjQzIDguMjgwNDcgMTIxMC4wNCAxLjcwODM2QzEyMjIuNDYgMC41Njc4MjcgMTIzNC43NSAwIDEyNDcuMjMgMEgxNTI3QzE1NjcuMzIgMCAxNjAwIDMyLjY4MzIgMTYwMCA3M1Y5MzRDMTYwMCA5NzQuMzE3IDE1NjcuMzIgMTAwNyAxNTI3IDEwMDdINzNDMzIuNjgzMiAxMDA3IDAgOTc0LjMxNyAwIDkzNFY3M1oiIGZpbGw9IiMxMjEyMTIiLz4NCjwvc3ZnPg0K) top center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDA3IiB2aWV3Qm94PSIwIDAgMTYwMCAxMDA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMTQ1MyIgd2lkdGg9IjE0NyIgaGVpZ2h0PSIxMDA3IiBmaWxsPSIjMTIxMjEyIi8+DQo8cmVjdCB3aWR0aD0iMTQ3IiBoZWlnaHQ9IjEwMDciIGZpbGw9IiMxMjEyMTIiLz4NCjxwYXRoIGQ9Ik0wIDczQzAgMzIuNjgzMiAzMi42ODMyIDAgNzMgMEgzNTAuNDA5QzM2Mi43OTYgMCAzNzQuOTg5IDAuNTU5MjQgMzg3LjMyNSAxLjY4MzUyQzQ1OS4wNjMgOC4yMjE1OCA3MjAuNzcgMzEuNTY3NCA4MDAgMzEuNTY3NEM4NzkuMTMgMzEuNTY3NCAxMTM4LjQzIDguMjgwNDcgMTIxMC4wNCAxLjcwODM2QzEyMjIuNDYgMC41Njc4MjcgMTIzNC43NSAwIDEyNDcuMjMgMEgxNTI3QzE1NjcuMzIgMCAxNjAwIDMyLjY4MzIgMTYwMCA3M1Y5MzRDMTYwMCA5NzQuMzE3IDE1NjcuMzIgMTAwNyAxNTI3IDEwMDdINzNDMzIuNjgzMiAxMDA3IDAgOTc0LjMxNyAwIDkzNFY3M1oiIGZpbGw9IiMxMjEyMTIiLz4NCjwvc3ZnPg0K) top center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 100%;
  height             : 100%;
  background-color   : #121212;
  border-radius      : 75px 75px 0 0;
}

.footer-ahankade .container {
  padding: 118px 12px 45px;
}

.footer-ahankade .container::after {
  right           : 12px;
  left            : 12px;
  background-color: #fff;
  height          : 164px;
  border-radius   : 32px;
  transform       : translateY(158px);
}

.footer-ahankade .scroll-to-header {
  width    : 103px;
  height   : 103px;
  transform: translate(-50%, -27px);
  font-size: 50px;
}

.footer-ahankade-free-consultation {
  padding: 41.5px 93px 41.5px 67px;
}

.footer-ahankade-free-consultation form {
  margin-right: 56px;
}

.footer-ahankade-free-consultation form .form-group {
  flex: 1 0 1%;
}

.footer-ahankade-free-consultation form .form-group:nth-child(2) {
  margin: 0 23px 0;
}

.footer-ahankade-free-consultation form .form-group i {
  right: 20px;
}

.footer-ahankade-free-consultation form .form-group .form-control {
  height          : 61px;
  background-color: rgba(215, 215, 215, 0.24);
  border          : 1px solid rgba(215, 215, 215, 0.24);
  padding         : 0 42px 0 12px;
  color           : #494949;
}

.footer-ahankade-free-consultation form .form-group .form-control:focus {
  border-color: #ea263a;
  box-shadow  : 0 0 0 4px rgba(234, 38, 58, 0.2);
}

.footer-ahankade-free-consultation form .btn {
  min-width : 223px;
  box-shadow: 0px -3px 19px 6px rgba(0, 0, 0, 0.09);
  padding   : 19.5px 16px;
}

.footer-ahankade-nav li:not(:last-child) {
  margin-bottom: 4px;
}

.footer-ahankade-description {
  padding: 21px 0 32px;
}

.footer-ahankade-description::before {
  width           : 105vw;
  background-color: #060606;
}

.footer-ahankade-contact ul {
  gap: 24px 36px;
}

.footer-ahankade-socials {
  gap: 12px;
}

.footer-ahankade-socials li a {
  width           : 32px;
  height          : 32px;
  background-color: #fff;
}

.footer-ahankade-socials li a:hover {
  background-color: #ea263a;
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .footer-ahankade-free-consultation {
    padding: 41.5px 48px;
  }

  .footer-ahankade-free-consultation form {
    margin-right: 32px;
  }

  .footer-ahankade-free-consultation form .btn {
    min-width: 180px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-ahankade::before {
    border-radius: 0;
  }

  .footer-ahankade-free-consultation {
    padding: 32px;
  }

  .footer-ahankade-free-consultation form {
    margin-right: 0;
  }

  .footer-ahankade-free-consultation form .btn {
    min-width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .footer-ahankade-free-consultation form .form-group:nth-child(2) {
    margin-left: 0;
  }

  .footer-ahankade-free-consultation form .btn {
    max-width: 100%;
    width    : 100%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-ahankade .scroll-to-header {
    transform: translate(-50%, -10px);
  }

  .footer-ahankade-free-consultation {
    padding: 32px 20px;
  }

  .footer-ahankade-free-consultation form .form-group {
    flex: 1 0 100%;
  }

  .footer-ahankade-free-consultation form .form-group:nth-child(2) {
    margin-right: 0;
  }

  .footer-ahankade-contact .title {
    margin-left: 0;
  }
}

.landing-ahankade {
  margin-top: 98px;
}

.landing-ahankade::before {
  background-image: var(--wpr-bg-22ec0f00-f27b-4cb1-8783-735b5f0a5d62);
  transform       : translateY(-191px);
  height          : 725px;
}

.landing-ahankade .container {
  padding-bottom: 63px;
}

.landing-ahankade .container::before,
.landing-ahankade .container::after,
.landing-ahankade .container .row::before {
  width        : calc(100vw - 304px);
  transform    : translateY(-185px);
  height       : calc(100% + 185px);
  left         : 304px;
  border-radius: 167px 0 0 167px;
}

.landing-ahankade .container::before {
  background-image: var(--wpr-bg-65685d32-58e9-4b98-af48-28c50633fde1);
}

.landing-ahankade .container::after {
  background-image       : linear-gradient(181deg, rgba(0, 0, 0, 0.5) -10.97%, rgba(0, 0, 0, 0.38) 13.29%, rgba(0, 0, 0, 0.13) 25.31%, rgba(0, 0, 0, 0) 120.44%);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
}

.landing-ahankade .container .row::before {
  background-image: linear-gradient(255deg, rgba(234, 38, 58, 0.5) 0.08%, rgba(234, 38, 58, 0.25) 38.78%, rgba(234, 38, 58, 0) 92.21%);
}

.landing-ahankade .title span::after {
  width           : 91px;
  height          : 12px;
  background-color: #ee5161;
  border-radius   : 18px;
  transform       : translate(-12px, -12px);
}

.landing-ahankade .btns {
  gap: 8px;
}

.landing-ahankade .btns>* {
  border-radius: 15px;
  box-shadow   : 5px 9px 29px rgba(73, 73, 73, 0.25);
}

.landing-ahankade .video {
  padding-left: 62px;
}

.landing-ahankade .video::before {
  width           : 229px;
  height          : 229px;
  background-color: rgba(234, 38, 58, 0.3);
  border-radius   : 0 41px;
  transform       : translateY(49px);
  left            : 29px;
}

.landing-ahankade .video::after {
  background-image: var(--wpr-bg-af2c3443-646d-4269-a312-c508b33d18fa);
  width           : 178px;
  height          : 187px;
  transform       : translateY(85px);
}

.landing-ahankade .video-js,
.landing-ahankade .video-js video,
.landing-ahankade .video-js .vjs-poster {
  border-radius: 33px 61px;
}

.landing-ahankade .video-js video {
  position: relative;
}

.landing-ahankade .video-js .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  border-radius   : inherit;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.44);
}

.landing-ahankade .video-js .vjs-big-play-button {
  width           : 68px;
  height          : 68px;
  transform       : translate(-50%, -50%);
  top             : 50%;
  left            : 50%;
  background-color: transparent;
  border          : none;
}

.landing-ahankade .video-js .vjs-big-play-button::before,
.landing-ahankade .video-js .vjs-big-play-button::after,
.landing-ahankade .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  background-color   : rgba(255, 255, 255, 0.3);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2MCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yOS45NDg3IDAuMTQyODIyTDU5LjI0NDMgMTcuMDcxNFY1MC45Mjg2TDI5Ljk0ODcgNjcuODU3MkwwLjY1MzEzMyA1MC45Mjg2VjE3LjA3MTRMMjkuOTQ4NyAwLjE0MjgyMloiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2MCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yOS45NDg3IDAuMTQyODIyTDU5LjI0NDMgMTcuMDcxNFY1MC45Mjg2TDI5Ljk0ODcgNjcuODU3MkwwLjY1MzEzMyA1MC45Mjg2VjE3LjA3MTRMMjkuOTQ4NyAwLjE0MjgyMloiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  z-index            : -1;
}

.landing-ahankade .video-js .vjs-big-play-button::after {
  animation: play23-1 3s linear 0s infinite alternate;
}

@keyframes play23-1 {
  0% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

.landing-ahankade .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content        : "\e923";
  font-family    : "icomoon";
  font-size      : 32px;
  line-height    : 1;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.landing-ahankade .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  animation: play23-2 3s linear 0s infinite alternate;
}

@keyframes play23-2 {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

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

  .landing-ahankade .container::before,
  .landing-ahankade .container::after,
  .landing-ahankade .container .row::before {
    width: calc(100vw - 224px);
    left : 224px;
  }

  .landing-ahankade .title {
    font-size: 36px;
  }
}

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

  .landing-ahankade .container::before,
  .landing-ahankade .container::after,
  .landing-ahankade .container .row::before {
    width: calc(100vw - 170px);
    left : 170px;
  }

  .landing-ahankade .title {
    font-size  : 30px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-ahankade {
    margin-top: 50px;
  }

  .landing-ahankade .container::before,
  .landing-ahankade .container::after,
  .landing-ahankade .container .row::before {
    width        : 105vw;
    left         : 50%;
    border-radius: 0;
    transform    : translate(-50%, -170px);
    height       : calc(100% + 170px);
  }

  .landing-ahankade .video {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .landing-ahankade .video-js {
    height: 320px;
  }

  .landing-ahankade .video-js,
  .landing-ahankade .video-js video,
  .landing-ahankade .video-js .vjs-poster {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-ahankade .title {
    font-size  : 24px;
    line-height: 36px;
  }

  .landing-ahankade .btns {
    gap: 4px;
  }

  .landing-ahankade .btns>* {
    padding: 13px 16px 13px 30px;
  }

  .landing-ahankade .btns>*:nth-child(2) {
    padding: 13px 35px 13px 27px;
  }

  .landing-ahankade .video-js {
    height: 280px;
  }

  .landing-ahankade .video-js,
  .landing-ahankade .video-js video,
  .landing-ahankade .video-js .vjs-poster {
    border-radius: 20px;
  }
}

.total-info-ahankade {
  margin-top: -39px;
}

.total-info-ahankade-wrapper {
  border-radius   : 14px 48px;
  box-shadow      : 0px 19px 40px rgba(0, 0, 0, 0.05);
  max-width       : 748px;
  padding         : 23px 45px 29px 45px;
  background-image: var(--wpr-bg-a3d82a4d-8369-4c72-8b4d-91560f5f94ce);
}

.total-info-ahankade-item .icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 767px) {
  .total-info-ahankade-wrapper {
    border-radius: 14px;
    padding      : 24px 20px;
  }

  .total-info-ahankade-item {
    max-width: none;
    width    : auto !important;
    flex     : 1 0 50%;
  }
}

@media only screen and (max-width: 575px) {
  .total-info-ahankade-item {
    flex: 1 0 100%;
  }
}

.step-buy-ahankade {
  margin: 99px 0 221px;
}

.step-buy-ahankade::before {
  background-image: var(--wpr-bg-924462f0-5909-40b2-a565-7d0741ce9149);
  transform       : translateY(-71px);
  height          : 698px;
}

.step-buy-ahankade-item {
  padding: 48px 40px;
  border : 1px solid rgba(224, 224, 224, 0);
}

.step-buy-ahankade-item .icon {
  width      : 61px;
  height     : 58px;
  margin-left: 11px;
}

.step-buy-ahankade-item .icon::before {
  transform          : translate(-50%, -50%);
  background-color   : rgba(196, 196, 196, 0.15);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA2MSA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuNzc2NiAzLjgyNTY1QzM0Ljk0MDMgMy4wNjM5NSA0NC44OTMyIC0zLjg0ODMyIDUxLjk2MzEgMy4wMDA3OUM1OS45MTY4IDEwLjcwNjIgNjMuMzE3IDI1LjE5MjggNTkuMzE3OSAzNi4zMTk1QzU1LjY2NzkgNDYuNDc0NyA0My44ODA5IDQ1Ljk2ODEgMzUuMDg3MiA0OS45NTM3QzI3Ljc2MyA1My4yNzMzIDIwLjc5MTUgNjAuNTczNyAxMy41Mjk3IDU3LjA3MjFDNi4wMDc4NCA1My40NDUyIDMuNDA5MTcgNDMuMDg3NCAxLjYyMzM0IDMzLjgxNzhDLTAuMTUzMTExIDI0LjU5NjkgLTEuNjYyNjggMTMuODgzMSAzLjg4MjU1IDYuOTk3MjlDOS4xODIzNiAwLjQxNjI3NCAxOC4wNTkgNC40NjcxNCAyNS43NzY2IDMuODI1NjVaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA2MSA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuNzc2NiAzLjgyNTY1QzM0Ljk0MDMgMy4wNjM5NSA0NC44OTMyIC0zLjg0ODMyIDUxLjk2MzEgMy4wMDA3OUM1OS45MTY4IDEwLjcwNjIgNjMuMzE3IDI1LjE5MjggNTkuMzE3OSAzNi4zMTk1QzU1LjY2NzkgNDYuNDc0NyA0My44ODA5IDQ1Ljk2ODEgMzUuMDg3MiA0OS45NTM3QzI3Ljc2MyA1My4yNzMzIDIwLjc5MTUgNjAuNTczNyAxMy41Mjk3IDU3LjA3MjFDNi4wMDc4NCA1My40NDUyIDMuNDA5MTcgNDMuMDg3NCAxLjYyMzM0IDMzLjgxNzhDLTAuMTUzMTExIDI0LjU5NjkgLTEuNjYyNjggMTMuODgzMSAzLjg4MjU1IDYuOTk3MjlDOS4xODIzNiAwLjQxNjI3NCAxOC4wNTkgNC40NjcxNCAyNS43NzY2IDMuODI1NjVaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.step-buy-ahankade-item:hover {
  background-color: #ea263a;
  border-color    : #e0e0e0;
  box-shadow      : 0px 32px 30px rgba(234, 38, 58, 0.1);
}

.step-buy-ahankade-item:hover .icon::before {
  background-color: #fff;
}

.step-buy-ahankade-item:hover .title {
  color: #fff;
}

.step-buy-ahankade-item:hover .title-en {
  color: rgba(255, 255, 255, 0.5);
}

.step-buy-ahankade-item:hover p {
  color: rgba(255, 255, 255, 0.8);
}

.swiper-slide:nth-child(2) .step-buy-ahankade-item .icon {
  margin-left: 8px;
}

.swiper-slide:nth-child(2) .step-buy-ahankade-item .icon::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA2NSA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuNTIzMSAwLjc3NzYyMkMzNS41ODQgLTAuMzk5MjI0IDQyLjEwOTIgLTAuNDQ2ODgxIDQ3LjY2NjUgMi4wOTIzMUM1My41MTY4IDQuNzY1MzUgNTcuOTAxNiA5LjYzNjM3IDYwLjc5ODYgMTUuMDY3N0M2My43NTQ5IDIwLjYxIDY2LjQyNDYgMjcuMTcyNiA2NC4xNDQ0IDMyLjk4NDdDNjEuOTA2OSAzOC42ODc5IDU0LjM3ODggNDAuNDc0MSA0OS4zMjQyIDQ0LjMxNDhDNDUuMjc5NSA0Ny4zODgzIDQxLjY2NSA0OS44MTU3IDM3IDUyQzMxLjU0OTggNTQuNTUxOSAzMS4wODg0IDUyLjM3NTQgMjUgNTJDMTguMTI1NCA1MS41NzYxIDE2LjAyMzQgNDYuMjAyNyAxMiA0MUM3Ljk3NTEyIDM1Ljc5NTQgLTAuNDMwMjU1IDM4LjYzNzMgMC4zMDI4MzIgMzIuMjYyM0MwLjg4NDgyMyAyNy4yMDEzIDIuMzI2ODIgMjIuMzYyNiA1LjEzMDc0IDE3Ljk5MThDNy43MTQwNyAxMy45NjQ4IDExLjY1NTUgMTEuMTM5MSAxNS42NzE3IDguMzA0NzZDMjAuMDE5OCA1LjIzNjIyIDI0LjE4MDUgMS44MTUwMSAyOS41MjMxIDAuNzc3NjIyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA2NSA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuNTIzMSAwLjc3NzYyMkMzNS41ODQgLTAuMzk5MjI0IDQyLjEwOTIgLTAuNDQ2ODgxIDQ3LjY2NjUgMi4wOTIzMUM1My41MTY4IDQuNzY1MzUgNTcuOTAxNiA5LjYzNjM3IDYwLjc5ODYgMTUuMDY3N0M2My43NTQ5IDIwLjYxIDY2LjQyNDYgMjcuMTcyNiA2NC4xNDQ0IDMyLjk4NDdDNjEuOTA2OSAzOC42ODc5IDU0LjM3ODggNDAuNDc0MSA0OS4zMjQyIDQ0LjMxNDhDNDUuMjc5NSA0Ny4zODgzIDQxLjY2NSA0OS44MTU3IDM3IDUyQzMxLjU0OTggNTQuNTUxOSAzMS4wODg0IDUyLjM3NTQgMjUgNTJDMTguMTI1NCA1MS41NzYxIDE2LjAyMzQgNDYuMjAyNyAxMiA0MUM3Ljk3NTEyIDM1Ljc5NTQgLTAuNDMwMjU1IDM4LjYzNzMgMC4zMDI4MzIgMzIuMjYyM0MwLjg4NDgyMyAyNy4yMDEzIDIuMzI2ODIgMjIuMzYyNiA1LjEzMDc0IDE3Ljk5MThDNy43MTQwNyAxMy45NjQ4IDExLjY1NTUgMTEuMTM5MSAxNS42NzE3IDguMzA0NzZDMjAuMDE5OCA1LjIzNjIyIDI0LjE4MDUgMS44MTUwMSAyOS41MjMxIDAuNzc3NjIyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
  width             : 65px;
  height            : 53px;
}

.swiper-slide:nth-child(3) .step-buy-ahankade-item .icon {
  margin-left: 9px;
}

.swiper-slide:nth-child(3) .step-buy-ahankade-item .icon::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA1NyA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuNDM5NSAxLjA3MzI2QzM5LjUyNDUgMC4wMDUwODAzMyA0Ni42Nzg3IC0xLjMxNjgxIDUxLjQwNjcgMi44OTg1NEM1Ni4xMTgxIDcuMDk5MDkgNTUuMjc2MiAxNC44ODU5IDU2LjE4ODYgMjEuMzU1NkM1Ni45MzkyIDI2LjY3ODMgNTcuNTM5NCAzMS45MDg1IDU2LjIzMTIgMzcuMTA3NkM1NC44NjIzIDQyLjU0OCA1Mi4wMTggNDcuMTQ2NSA0OC42MTQzIDUxLjQ1ODVDNDQuMTI4NyA1Ny4xNDExIDQwLjM5ODEgNjUuNTEyIDMzLjQzOTUgNjUuOTgxNEMyNi41MTc0IDY2LjQ0ODMgMjIuMzU1MSA1OC4wMjYgMTYuODAwMSA1My42MDQ2QzExLjM0OTYgNDkuMjY2MyAzLjc2MTkzIDQ3LjA5MTIgMS4yNDgwOSA0MC4zNTg5Qy0xLjMwNjA2IDMzLjUxODYgMC4zMDIxIDI1LjI5OTIgMy44Nzg1OSAxOC45OTk0QzcuMTEzNTcgMTMuMzAxMiAxMy44ODI1IDExLjgyNzIgMTkuMzE3IDguNTMxNjdDMjMuOTk3NiA1LjY5MzI2IDI4LjEyNDUgMi4wMDYyOCAzMy40Mzk1IDEuMDczMjZaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA1NyA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuNDM5NSAxLjA3MzI2QzM5LjUyNDUgMC4wMDUwODAzMyA0Ni42Nzg3IC0xLjMxNjgxIDUxLjQwNjcgMi44OTg1NEM1Ni4xMTgxIDcuMDk5MDkgNTUuMjc2MiAxNC44ODU5IDU2LjE4ODYgMjEuMzU1NkM1Ni45MzkyIDI2LjY3ODMgNTcuNTM5NCAzMS45MDg1IDU2LjIzMTIgMzcuMTA3NkM1NC44NjIzIDQyLjU0OCA1Mi4wMTggNDcuMTQ2NSA0OC42MTQzIDUxLjQ1ODVDNDQuMTI4NyA1Ny4xNDExIDQwLjM5ODEgNjUuNTEyIDMzLjQzOTUgNjUuOTgxNEMyNi41MTc0IDY2LjQ0ODMgMjIuMzU1MSA1OC4wMjYgMTYuODAwMSA1My42MDQ2QzExLjM0OTYgNDkuMjY2MyAzLjc2MTkzIDQ3LjA5MTIgMS4yNDgwOSA0MC4zNTg5Qy0xLjMwNjA2IDMzLjUxODYgMC4zMDIxIDI1LjI5OTIgMy44Nzg1OSAxOC45OTk0QzcuMTEzNTcgMTMuMzAxMiAxMy44ODI1IDExLjgyNzIgMTkuMzE3IDguNTMxNjdDMjMuOTk3NiA1LjY5MzI2IDI4LjEyNDUgMi4wMDYyOCAzMy40Mzk1IDEuMDczMjZaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==);
  width             : 57px;
  height            : 66px;
}

.swiper-slide:nth-child(4) .step-buy-ahankade-item .icon {
  margin-left: 8px;
}

.swiper-slide:nth-child(4) .step-buy-ahankade-item .icon::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NSA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjguNzkwNiAxLjUwODU5QzM5LjM4MzEgMC41MDM1ODUgNTEuNjAyMyAtMi42ODIyNyA1OC45MjQ0IDUuMDM3NjlDNjYuNjAxMyAxMy4xMzE3IDY0LjU0OTQgMjUuNzg4MSA2Mi4xNTI4IDM2LjY4MzNDNTkuNzI0MyA0Ny43MjMxIDU2LjIyIDU5Ljk5NDggNDUuODQ3MSA2NC40ODY3QzM1Ljc0MiA2OC44NjI3IDI0LjU5OTEgNjIuOTQ1OCAxNS4zNjY1IDU2Ljk0NEM3Ljc2NTEzIDUyLjAwMjUgMy4wMzkwOSA0NC4yNDU1IDEuMDg5ODYgMzUuMzkxMUMtMC44MzY4NzkgMjYuNjM4OCAtMC42MDc2MTggMTcuMDg2MSA1LjA2NDc1IDEwLjE0NzhDMTAuNjY5NSAzLjI5MjI4IDE5Ljk3NTEgMi4zNDUgMjguNzkwNiAxLjUwODU5WiIgZmlsbD0iI0M0QzRDNCIvPg0KPC9zdmc+DQo=);
  mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NSA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjguNzkwNiAxLjUwODU5QzM5LjM4MzEgMC41MDM1ODUgNTEuNjAyMyAtMi42ODIyNyA1OC45MjQ0IDUuMDM3NjlDNjYuNjAxMyAxMy4xMzE3IDY0LjU0OTQgMjUuNzg4MSA2Mi4xNTI4IDM2LjY4MzNDNTkuNzI0MyA0Ny43MjMxIDU2LjIyIDU5Ljk5NDggNDUuODQ3MSA2NC40ODY3QzM1Ljc0MiA2OC44NjI3IDI0LjU5OTEgNjIuOTQ1OCAxNS4zNjY1IDU2Ljk0NEM3Ljc2NTEzIDUyLjAwMjUgMy4wMzkwOSA0NC4yNDU1IDEuMDg5ODYgMzUuMzkxMUMtMC44MzY4NzkgMjYuNjM4OCAtMC42MDc2MTggMTcuMDg2MSA1LjA2NDc1IDEwLjE0NzhDMTAuNjY5NSAzLjI5MjI4IDE5Ljk3NTEgMi4zNDUgMjguNzkwNiAxLjUwODU5WiIgZmlsbD0iI0M0QzRDNCIvPg0KPC9zdmc+DQo=);
  width             : 64px;
  height            : 66px;
}

@media only screen and (max-width: 1199px) {
  .step-buy-ahankade-item {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .step-buy-ahankade {
    margin: 80px 0;
  }

  .step-buy-ahankade-item {
    background-color: #fff;
    border-color    : #e0e0e0;
    box-shadow      : 0px 34px 50px rgba(0, 0, 0, 0.02);
    padding         : 32px 16px;
  }
}

.daily-price-ahankade::before {
  background-image: var(--wpr-bg-139eb8d6-d1ac-4307-b49f-b774058347af);
  transform       : translateY(-76px);
  height          : 783px;
}

.daily-price-ahankade::after {
  background-image: var(--wpr-bg-c4604c52-87e2-46ae-92d1-bedfc4e94732);
  border-radius   : 129px;
  width           : 231px;
  height          : 741px;
  background-color: #ea263a;
  transform       : translate(206px, 138px);
}

.daily-price-ahankade-right {
  padding: 26px 22px 0 0;
}

.daily-price-ahankade-right::before {
  background-color: #ea263a;
  bottom          : 112px;
  left            : 22px;
  border-radius   : 50px 66px 50px 50px;
}

.daily-price-ahankade-right::after {
  width           : 178px;
  height          : 187px;
  background-image: var(--wpr-bg-f35eeef3-2174-4a62-a4e4-60f865878d58);
  transform       : translate(40px, -39px);
}

.daily-price-ahankade-content {
  box-shadow: 0px 13px 50px rgba(0, 0, 0, 0.05);
  padding   : 33px 44px 21px;
}

.daily-price-ahankade-content .btn {
  padding: 7px 21px;
}

.daily-price-ahankade-title::before {
  display         : inline-block;
  vertical-align  : middle;
  width           : 15px;
  height          : 15px;
  transform       : rotate(45deg);
  margin-left     : 13px;
  background-color: #ea263a;
  border-radius   : 2px;
}

.daily-price-ahankade-tabs li {
  min-width: 111px;
  padding  : 3.5px 8px;
  cursor   : pointer;
}

.daily-price-ahankade-tabs li.active,
.daily-price-ahankade-tabs li:hover {
  background-color: #494949;
  color           : #fff;
  box-shadow      : 0px 20px 38px 2px rgba(234, 38, 58, 0.05);
}

.daily-price-ahankade .btn {
  padding: 7px 21px;
}

.daily-price-ahankade-left {
  padding: 45px 24px 40px;
}

.daily-price-ahankade-left::before {
  background-image: var(--wpr-bg-eb247a54-ef01-4b5f-bb37-02180e8485c9);
  width           : 178px;
  height          : 187px;
  transform       : translate(-47px, 45px);
}

.daily-price-ahankade-left::after {
  width           : 80%;
  height          : 50px;
  border-radius   : 23px;
  background-color: rgba(0, 0, 0, 0.24);
  filter          : blur(50px);
}

.daily-price-ahankade-left .link:hover {
  color: #ea263a;
}

@media only screen and (max-width: 1199px) {
  .daily-price-ahankade-tabs li {
    min-width: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .daily-price-ahankade-right {
    padding-right: 0;
  }

  .daily-price-ahankade-right::before {
    transform    : translateX(22px);
    border-radius: 23px 29px 23px 23px;
  }

  .daily-price-ahankade-content {
    border-radius: 23px;
  }

  .daily-price-ahankade-tabs li {
    white-space: nowrap;
  }
}

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

  .daily-price-ahankade-content,
  .daily-price-ahankade-left {
    padding: 24px 20px;
  }

  .daily-price-ahankade-left .link {
    margin-top: 24px;
  }

  .daily-price-ahankade-tabs li {
    padding  : 3.5px 12px;
    min-width: auto;
  }
}

@media only screen and (max-width: 575px) {
  .daily-price-ahankade-content {
    padding      : 24px 12px;
    margin       : 0 -12px;
    border-radius: 0;
  }
}

.companies-ahankade {
  padding: 0 64px;
}

.companies-ahankade::before {
  background-image: var(--wpr-bg-a5965369-a157-4414-8263-8d4b11b76abd);
  transform       : translateY(-48px);
  height          : 397px;
}

.companies-ahankade .heading-ahankade {
  margin-bottom: 83px;
}

.companies-ahankade-item {
  box-shadow: 0px 55px 100px rgba(0, 0, 0, 0.05);
  padding   : 32px 32px 41px;
}

.companies-ahankade-item::after {
  content    : "\e987";
  font-family: "icomoon";
  font-size  : 9px;
  line-height: 1;
  color      : #494949;
  bottom     : 22px;
  left       : 51px;
}

.companies-ahankade-item:hover::after {
  color: #ea263a;
}

.companies-ahankade .swiper-button-next,
.companies-ahankade .swiper-button-prev {
  width           : 46px;
  height          : 177px;
  background-color: #494949;
}

.companies-ahankade .swiper-button-next::after,
.companies-ahankade .swiper-button-prev::after {
  content    : "\e901";
  font-family: "icomoon";
  font-size  : 11px;
  line-height: 1;
  color      : #fff;
}

.companies-ahankade .swiper-button-next:hover,
.companies-ahankade .swiper-button-prev:hover {
  background-color: #ea263a;
}

.companies-ahankade .swiper-button-next {
  transform: translate(-75px, -50%);
}

.companies-ahankade .swiper-button-prev {
  transform: translate(75px, -50%);
}

.companies-ahankade .swiper-button-prev::after {
  content: "\e903";
}

.companies-ahankade .btn-more-ahankade {
  margin-top: 78px;
}

@media only screen and (max-width: 1199px) {
  .companies-ahankade {
    padding: 0 44px;
  }

  .companies-ahankade-item {
    padding: 32px 20px 38px;
  }

  .companies-ahankade-item::after {
    left: 28px;
  }

  .companies-ahankade .swiper-button-next {
    transform: translate(-54px, -50%);
  }

  .companies-ahankade .swiper-button-prev {
    transform: translate(54px, -50%);
  }
}

@media only screen and (max-width: 991px) {
  .companies-ahankade {
    padding: 0;
  }

  .companies-ahankade .swiper {
    padding-bottom: 72px;
  }

  .companies-ahankade .swiper-button-next,
  .companies-ahankade .swiper-button-prev {
    width        : 48px;
    height       : 48px;
    border-radius: 50%;
    top          : auto !important;
    right        : auto !important;
    bottom       : 0;
    transform    : translatex(-50%);
  }

  .companies-ahankade .swiper-button-next {
    left: calc(50% - 30px) !important;
  }

  .companies-ahankade .swiper-button-prev {
    left: calc(50% + 30px) !important;
  }

  .companies-ahankade .btn-more-ahankade {
    margin-top: 48px;
  }
}

.comments-ahankade {
  margin-top: 208px;
}

.comments-ahankade::before {
  background-image: var(--wpr-bg-027da7ec-3618-49a5-94ec-cc8e65bf470d);
  height          : 617px;
  transform       : translateY(-204px);
}

.comments-ahankade::after {
  background-image: var(--wpr-bg-2a76be3b-e47f-4f07-800f-18c0f42bd978);
  border-radius   : 129px;
  width           : 231px;
  height          : 399px;
  background-color: #ea263a;
  transform       : translate(206px, 208px);
}

.comments-ahankade .text {
  max-width: 456px;
}

.comments-ahankade .btns>*>.btn {
  min-width: 143px;
}

.comments-ahankade .btns>*:first-child {
  filter: drop-shadow(5px 9px 29px rgba(73, 73, 73, 0.25));
}

.comments-ahankade .btns>*:first-child>.btn {
  padding: 13px 16px 13px 21px;
}

.comments-ahankade .btns>*:nth-child(2) {
  filter: drop-shadow(5px 8px 14px rgba(234, 38, 58, 0.3));
}

.comments-ahankade-left {
  padding-left: 40px;
}

.comments-ahankade-left::before {
  width           : 229px;
  height          : 229px;
  border-radius   : 41px 0;
  background-color: rgba(234, 38, 58, 0.3);
  transform       : translateY(-11px);
  left            : 20px;
}

.comments-ahankade-left::after {
  background-image: var(--wpr-bg-b596d534-dd9a-4ff5-b524-e155763d35a1);
  width           : 178px;
  height          : 187px;
  transform       : translateY(-23px);
}

.comments-ahankade-left .swiper::before,
.comments-ahankade-left .swiper::after {
  box-shadow   : 0px 4px 34px rgba(0, 0, 0, 0.05);
  border-radius: 29px;
}

.comments-ahankade-left .swiper::before {
  background-color: #f45e6d;
  width           : 76.68%;
  height          : 78.854%;
  transform       : translate(27px, 11px) rotate(6.94deg);
}

.comments-ahankade-left .swiper::after {
  background-color: #ea263a;
  width           : 90.27%;
  height          : 78.856%;
  transform       : translate(44px, 24px) rotate(9.43deg);
}

.comments-ahankade-left .swiper-button-next,
.comments-ahankade-left .swiper-button-prev {
  top      : auto;
  right    : auto;
  transform: translate(-50%, 88px);
}

.comments-ahankade-left .swiper-button-next::after,
.comments-ahankade-left .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 18px;
  line-height: 1;
  color      : #494949;
}

.comments-ahankade-left .swiper-button-next:hover::after,
.comments-ahankade-left .swiper-button-prev:hover::after {
  color: #ea263a;
}

.comments-ahankade-left .swiper-button-next {
  left: calc(50% - 16px);
}

.comments-ahankade-left .swiper-button-next::after {
  content: "\e904";
}

.comments-ahankade-left .swiper-button-prev {
  left: calc(50% + 16px);
}

.comments-ahankade-left .swiper-button-prev::after {
  content: "\e930";
}

.comments-ahankade-item {
  padding: 36px 24px;
}

.comments-ahankade-item p {
  padding-right: 11px;
  max-height   : 88px;
}

.comments-ahankade-item p::before {
  background-color: #ea263a;
  border-radius   : 8px;
  width           : 7px;
}

.comments-ahankade-item .link:hover {
  color: #ea263a;
}

@media only screen and (max-width: 991px) {
  .comments-ahankade-left {
    padding: 0 32px 0 0;
  }

  .comments-ahankade-left::before {
    transform: translate(-20px, -11px);
    left     : 0;
  }

  .comments-ahankade-left::after {
    transform: translate(-40px, -23px);
  }
}

@media only screen and (max-width: 767px) {
  .comments-ahankade {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-ahankade-left {
    padding-right: 0;
  }

  .comments-ahankade-item .info .name {
    font-size  : 14px;
    line-height: 22px;
  }

  .comments-ahankade-item .info .sub-name {
    font-size  : 12px;
    line-height: 18px;
  }
}

.contact-us-ahankade::before {
  background-image: var(--wpr-bg-6dcd1e49-3bfa-4476-8b7c-d248ccb52a2b);
}

.contact-us-ahankade::after {
  width           : 231px;
  height          : 741px;
  background-color: #EA263A;
  border-radius   : 129px;
  transform       : translate(217px, -50%);
  background-image: var(--wpr-bg-896b91a0-d4c2-4c8d-b50c-c93b3298ea1e);
}

.contact-us-ahankade .back {
  top: 43px;
}

.contact-us-ahankade .back:hover {
  color: #ea263a;
}

.contact-us-ahankade-wrapper {
  padding   : 145px 0 32px;
  min-height: 100vh;
}

.contact-us-ahankade-right {
  max-width: 529px;
}

.contact-us-ahankade-right .text::before {
  width           : 15px;
  height          : 15px;
  border-radius   : 2px;
  transform       : rotate(45deg);
  background-color: #ea263a;
  margin-left     : 7px;
}

.contact-us-ahankade-right .text .title-en::after {
  bottom          : 6px;
  width           : 77px;
  height          : 4px;
  border-radius   : 18px;
  background-color: rgba(238, 81, 97, 0.5);
  transform       : translateX(-16px);
}

.contact-us-ahankade .description {
  margin-bottom: 85px;
}

.contact-us-ahankade form .form-group {
  box-shadow: 0px 15px 22px rgba(0, 0, 0, 0.02);
}

.contact-us-ahankade form .form-group i {
  right: 30px;
}

.contact-us-ahankade form .form-group .form-control {
  padding-right: 67px;
}

.contact-us-ahankade form .form-group .form-control::-moz-placeholder {
  color: rgba(73, 73, 73, 0.8);
}

.contact-us-ahankade form .form-group .form-control,
.contact-us-ahankade form .form-group .form-control::placeholder {
  color: rgba(73, 73, 73, 0.8);
}

.contact-us-ahankade form .form-group textarea.form-control {
  height: 170px;
}

.contact-us-ahankade form .form-group-box-content {
  padding: 26px 67px 20px 12px;
}

.contact-us-ahankade form .form-group-box-content i {
  top  : 27px;
  right: 33px;
}

.contact-us-ahankade form .btn {
  line-height: 13px;
  padding    : 28px 16px;
}

.contact-us-ahankade form .btn::after {
  width           : 75%;
  background-color: rgba(234, 38, 58, 0.37);
  filter          : blur(25px);
  height          : 29px;
}

.contact-us-ahankade form .btn span {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  line-height     : 7px;
}

.contact-us-ahankade .btns {
  gap: 45px 0;
}

.contact-us-ahankade .btns .btn {
  box-shadow: 0px 19px 27px rgba(0, 0, 0, 0.05);
  padding   : 19px 21px;
  min-width : 221px;
}

.contact-us-ahankade .swiper {
  width    : 45%;
  transform: translateX(-58px);
}

.contact-us-ahankade .swiper img {
  border-radius: 56px;
}

.contact-us-ahankade .swiper-bottom {
  z-index: 10;
  bottom : 72px;
  gap    : 20px;
}

.contact-us-ahankade .swiper-button-next::after,
.contact-us-ahankade .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 28px;
  line-height: 1;
  color      : #fff;
}

.contact-us-ahankade .swiper-button-next::after {
  content: "\e904";
}

.contact-us-ahankade .swiper-button-prev::after {
  content: "\e930";
}

.contact-us-ahankade .boxs .box {
  box-shadow: 0px 15px 22px rgba(0, 0, 0, 0.02);
  padding   : 20px 30px;
  min-height: 76px;
}

.contact-us-ahankade .boxs .box>i {
  width : 24px;
  height: 24px;
}

.contact-us-ahankade .location {
  box-shadow: 0px 15px 22px rgba(0, 0, 0, 0.02);
  padding   : 20px;
}

.contact-us-ahankade .location iframe {
  box-shadow: 0px 26px 36px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 991px) {
  .contact-us-ahankade-wrapper {
    padding-top: 90px;
  }

  .contact-us-ahankade .back {
    top: 24px;
  }

  .contact-us-ahankade-right {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-ahankade form .form-group .form-control {
    font-size  : 12px;
    line-height: 18px;
  }

  .contact-us-ahankade form .form-group .form-control,
  .contact-us-ahankade form .form-group .select2-container--default .select2-selection--single {
    height: 64px;
  }

  .contact-us-ahankade form .btn {
    padding: 22px 16px;
  }

  .contact-us-ahankade .description {
    margin-bottom: 40px;
  }

  .contact-us-ahankade .btns {
    gap: 24px 0;
  }

  .contact-us-ahankade .boxs .box {
    min-height: 64px;
    padding   : 16px 20px;
  }

  .contact-us-ahankade .boxs .box>i {
    margin-left: 12px !important;
  }

  .contact-us-ahankade .boxs .box>span {
    font-size: 16px;
  }

  .contact-us-ahankade .location {
    padding      : 12px;
    border-radius: 24px;
  }

  .contact-us-ahankade .location iframe {
    border-radius: 12px;
  }
}

.about-us-ahankade-photos {
  margin: 177px 0 107px;
}

.about-us-ahankade-photos::before {
  background-image: var(--wpr-bg-6848babe-3840-4602-98bf-c5a9967243c8);
  height          : 598px;
  transform       : translateY(-270px);
}

.about-us-ahankade-photos .container::before,
.about-us-ahankade-photos .container::after,
.about-us-ahankade-photos .container .bg::before,
.about-us-ahankade-photos .container .bg::after {
  width        : calc(100vw - 304px);
  transform    : translateY(-286px);
  height       : calc(100% + 85px);
  left         : 304px;
  border-radius: 167px 0 0 167px;
}

.about-us-ahankade-photos .container::before {
  background-image: var(--wpr-bg-685028a8-94c5-481a-a74b-c9cf132c924f);
}

.about-us-ahankade-photos .container::after {
  background: linear-gradient(180.53deg, rgba(0, 0, 0, 0.5) -10.97%, rgba(0, 0, 0, 0.379155) 13.29%, rgba(0, 0, 0, 0.127604) 25.31%, rgba(0, 0, 0, 0) 120.44%);
}

.about-us-ahankade-photos .container .bg::before {
  background: linear-gradient(254.7deg, rgba(234, 38, 58, 0.5) 0.08%, rgba(234, 38, 58, 0.25) 38.78%, rgba(234, 38, 58, 0) 92.21%);
}

.about-us-ahankade-photos .container .bg::after {
  background-color       : rgba(73, 73, 73, 0.3);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
}

.about-us-ahankade-photos .swiper::before {
  background-color: rgba(234, 38, 58, 0.3);
  border-radius   : 0 41px;
  width           : 229px;
  height          : 229px;
  transform       : translate(-16px, 32px);
}

.about-us-ahankade-photos .swiper::after {
  background-image: var(--wpr-bg-d79992af-ef42-4091-a28e-80c991f81f3e);
  width           : 178px;
  height          : 187px;
  transform       : translate(-45px, 68px);
}

.about-us-ahankade-photos-item::before,
.about-us-ahankade-photos-item .overlay {
  opacity   : 0;
  visibility: hidden;
}

.about-us-ahankade-photos-item::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.about-us-ahankade-photos-item .overlay i {
  font-size: 71px;
}

.about-us-ahankade-photos-item:hover::before,
.about-us-ahankade-photos-item:hover .overlay {
  opacity   : 1;
  visibility: visible;
}

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

  .about-us-ahankade-photos .container::before,
  .about-us-ahankade-photos .container::after,
  .about-us-ahankade-photos .container .bg::before,
  .about-us-ahankade-photos .container .bg::after {
    width: calc(100vw - 224px);
    left : 224px;
  }
}

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

  .about-us-ahankade-photos .container::before,
  .about-us-ahankade-photos .container::after,
  .about-us-ahankade-photos .container .bg::before,
  .about-us-ahankade-photos .container .bg::after {
    width: calc(100vw - 170px);
    left : 170px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-ahankade-photos {
    margin: 70px 0;
  }

  .about-us-ahankade-photos .container {
    padding-bottom: 32px;
  }

  .about-us-ahankade-photos .container::before,
  .about-us-ahankade-photos .container::after,
  .about-us-ahankade-photos .container .bg::before,
  .about-us-ahankade-photos .container .bg::after {
    width        : 105vw;
    left         : 50%;
    border-radius: 0;
    transform    : translate(-50%, -170px);
    height       : calc(100% + 170px);
  }

  .about-us-ahankade-photos .container .bg::after {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

@media only screen and (max-width: 767px) {
  .about-us-ahankade-photos-item {
    border-radius: 32px;
  }
}

.about-us-ahankade-description::before {
  background-image: var(--wpr-bg-4fa84a98-f089-4337-bb05-34ba113309f5);
  height          : 1234px;
  transform       : translateY(-473px);
}

.about-us-ahankade-description .container>*:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .about-us-ahankade-description .title {
    margin-bottom: 32px;
  }

  .about-us-ahankade-description p {
    font-size  : 13px;
    line-height: 24px;
  }
}

.about-us-ahankade-video {
  margin: 280px 0 233px;
}

.about-us-ahankade-video::before {
  background-color: #fff;
  transform       : translateY(-99px);
  height          : 532px;
}

.about-us-ahankade-video-wrapper {
  max-width: 1080px;
}

.about-us-ahankade-video-wrapper::before {
  width        : 90.186%;
  height       : 70.956%;
  border       : 4px solid #ea263a;
  border-radius: 30px;
  transform    : translate(-35px, -31px);
}

.about-us-ahankade-video-wrapper::after {
  background-image: var(--wpr-bg-1cbbefe4-2b99-49ee-8e0f-043a601fcfcd);
  width           : 178px;
  height          : 187px;
  transform       : translate(37px, 45px);
}

.about-us-ahankade-video-wrapper .video::after {
  width           : 70%;
  height          : 113px;
  background-color: rgba(0, 0, 0, 0.37);
  border-radius   : 30px;
  filter          : blur(50px);
}

.about-us-ahankade-video-wrapper .video-js,
.about-us-ahankade-video-wrapper .video-js video,
.about-us-ahankade-video-wrapper .video-js .vjs-poster {
  border-radius: 30px;
}

.about-us-ahankade-video-wrapper .video-js .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.about-us-ahankade-video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content  : "\e9a0";
  font-size: 72px;
}

.about-us-ahankade-video-wrapper .video .text {
  transform: translateY(140%);
  padding  : 0 12px;
}

.about-us-ahankade-video-wrapper .video .text .title-en {
  letter-spacing: 4.025px;
}

.about-us-ahankade-video-wrapper .video-js.vjs-has-started+.text {
  display: none;
}

@media only screen and (max-width: 991px) {
  .about-us-ahankade-video .video .text .title {
    font-size  : 24px;
    line-height: 32px;
  }

  .about-us-ahankade-video .video .text .title-en {
    font-size     : 18px;
    line-height   : 28px;
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-ahankade-video {
    margin: 80px 0;
  }

  .about-us-ahankade-video .video-js {
    height: 380px;
  }

  .about-us-ahankade-video .video .text .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .about-us-ahankade-video .video .text .title-en {
    letter-spacing: 0;
    font-size     : 14px;
    line-height   : 22px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-ahankade-video .video-js {
    height: 280px;
  }

  .about-us-ahankade-video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 48px;
  }

  .about-us-ahankade-video .video .text {
    transform: translateY(90%);
  }

  .about-us-ahankade-video .video .text .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .about-us-ahankade-video .video .text .title-en {
    letter-spacing: 0;
    font-size     : 12px;
    line-height   : 18px;
  }
}

.about-us-ahankade-awards {
  margin: 181px 0 164px;
}

.about-us-ahankade-awards::before {
  background-image: var(--wpr-bg-1d86688f-b99a-47d4-a236-222d3a8b3bde);
  height          : 742px;
  transform       : translateY(-15px);
}

.about-us-ahankade-awards .heading-ahankade {
  margin-bottom: 72px;
}

.about-us-ahankade-awards-item {
  padding: 111px 25px 7px;
}

.about-us-ahankade-awards-item::before {
  background-color: #fff;
  border-radius   : 34px;
  top             : 173px;
}

.about-us-ahankade-awards-item .image {
  height: 142px;
}

.about-us-ahankade-awards-item .image::before {
  background-color   : #ea263a;
  background-image   : var(--wpr-bg-42cb6754-318c-4e63-a494-e9d2494455df);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMCA3Mi44MDk2QzAgNTYuNjMxMSAxMS40MDAxIDQyLjY5MzQgMjcuMjU3MyAzOS40ODQ5TDIxNi4yNTcgMS4yNDM2N0MyMzcuMzE3IC0zLjAxNzQ5IDI1NyAxMy4wODE2IDI1NyAzNC41Njg0VjEwMUMyNTcgMTE5Ljc3OCAyNDEuNzc4IDEzNSAyMjMgMTM1SDM0QzE1LjIyMjMgMTM1IDAgMTE5Ljc3OCAwIDEwMVY3Mi44MDk2WiIgZmlsbD0iI0VBMjYzQSIvPg0KPC9zdmc+DQo=) 0 3px/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU3IiBoZWlnaHQ9IjEzNSIgdmlld0JveD0iMCAwIDI1NyAxMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMCA3Mi44MDk2QzAgNTYuNjMxMSAxMS40MDAxIDQyLjY5MzQgMjcuMjU3MyAzOS40ODQ5TDIxNi4yNTcgMS4yNDM2N0MyMzcuMzE3IC0zLjAxNzQ5IDI1NyAxMy4wODE2IDI1NyAzNC41Njg0VjEwMUMyNTcgMTE5Ljc3OCAyNDEuNzc4IDEzNSAyMjMgMTM1SDM0QzE1LjIyMjMgMTM1IDAgMTE5Ljc3OCAwIDEwMVY3Mi44MDk2WiIgZmlsbD0iI0VBMjYzQSIvPg0KPC9zdmc+DQo=) 0 3px/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.about-us-ahankade-awards-item .image img {
  transform : translate(-50%, 2px);
  max-width : 80%;
  max-height: 255px;
}

.about-us-ahankade-awards-item .title {
  max-height: 64px;
}

@media only screen and (max-width: 1399px) {
  .about-us-ahankade-awards-item .image::before {
    -webkit-mask-position: 0 15px;
    mask-position        : 0 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us-ahankade-awards-item {
    padding: 111px 16px 7px;
  }

  .about-us-ahankade-awards-item .image::before {
    -webkit-mask-position: 0 22px;
    mask-position        : 0 22px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-ahankade-awards {
    margin: 80px 0;
  }

  .about-us-ahankade-awards-item .image::before {
    -webkit-mask-position: 0 16px;
    mask-position        : 0 16px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-ahankade-awards-item .image {
    height: 112px;
  }

  .about-us-ahankade-awards-item .image::before {
    -webkit-mask-position: 0 0;
    mask-position        : 0 0;
  }
}

.banners-ahankade img {
  box-shadow: 0px 21px 50px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 767px) {
  .banners-ahankade img {
    border-radius: 12px;
  }
}

.faq-ahankade {
  margin: 105px 0 121px;
}

.faq-ahankade .heading-ahankade {
  margin-bottom: 92px;
}

.faq-ahankade .row {
  gap: 33px 0;
}

.faq-ahankade .faq-item {
  box-shadow: 0px 46px 50px rgba(252, 183, 18, 0.02);
}

@media only screen and (max-width: 767px) {
  .faq-ahankade .row {
    gap: 24px 0;
  }
}

.gallery-photos-ahankade .heading-ahankade {
  margin-bottom: 71px;
}

.gallery-photos-ahankade .heading-ahankade p {
  max-width: 931px;
}

.gallery-photos-ahankade img {
  cursor: pointer;
}

.gallery-photos-ahankade .swiper {
  padding-bottom: 90px;
}

.gallery-photos-ahankade .swiper-bottom {
  gap: 32px;
}

.gallery-photos-ahankade .swiper-button-next::after,
.gallery-photos-ahankade .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 19px;
  line-height: 1;
  color      : #494949;
}

.gallery-photos-ahankade .swiper-button-next:hover::after,
.gallery-photos-ahankade .swiper-button-prev:hover::after {
  color: #ea263a;
}

.gallery-photos-ahankade .swiper-button-next::after {
  content: "\e904";
}

.gallery-photos-ahankade .swiper-button-prev::after {
  content: "\e930";
}

.blog-ahankade-top-news {
  margin: 152px 0 315px;
}

.blog-ahankade-top-news::before {
  background-image: var(--wpr-bg-1fb880a7-e220-41ad-9d54-c974c2115f5b);
  transform       : translateY(-273px);
  height          : 1154px;
}

.blog-ahankade-top-news::after {
  background-color: #ea263a;
  background-image: var(--wpr-bg-9e9618ad-a858-4299-af97-26c68ef43be6);
  width           : 231px;
  height          : 741px;
  border-radius   : 129px;
  transform       : translate(-203px, 593px);
}

.blog-ahankade-top-news .carousel::before {
  width           : 147px;
  height          : 148px;
  border-radius   : 0 41px;
  background-color: rgba(234, 38, 58, 0.3);
  transform       : translate(-29px, 39px);
}

.blog-ahankade-top-news .carousel::after {
  background-image: var(--wpr-bg-125583e4-d44b-4421-94f4-174c7fd37c96);
  width           : 115px;
  height          : 120px;
  transform       : translate(-45px, 62px);
}

.blog-ahankade-top-news-item {
  padding-top: 100%;
}

.blog-ahankade-top-news-item a::after {
  z-index: 10;
}

.blog-ahankade-top-news-item::before {
  background-color       : rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  border-radius          : inherit;
  z-index                : 1;
}

.blog-ahankade-top-news-item::after {
  width           : 80%;
  height          : 48px;
  border-radius   : 24px;
  background-color: rgba(0, 0, 0, 0.5);
  filter          : blur(50px);
}

.blog-ahankade-top-news-item:hover::before {
  background-color: rgba(234, 38, 58, 0.5);
}

@media only screen and (max-width: 767px) {
  .blog-ahankade-top-news {
    margin: 60px 0 210px;
  }
}

.blog-ahankade-top-view-news {
  margin-bottom: 163px;
}

.blog-ahankade-top-view-news::before {
  background-image: var(--wpr-bg-6b665c2e-8cfb-4304-9ae3-f7110c033bda);
  height          : 1207px;
  top             : 77px;
}

.blog-ahankade-top-view-news::after {
  background-image: var(--wpr-bg-aab22746-aefb-4548-8108-b706a39eb663);
  background-color: #ea263a;
  border-radius   : 129px;
  width           : 231px;
  height          : 741px;
  transform       : translate(210px, 101px);
}

.blog-ahankade-top-view-news .row.articles {
  gap: 40px 0;
}

.blog-ahankade-top-view-news .news-padcast-ahankade-padcast-item::after {
  background-color: rgba(234, 38, 58, 0.37);
  opacity         : 0.5;
  border-radius   : 20px;
  width           : 80%;
  height          : 30%;
  filter          : blur(50px);
}

.blog-ahankade-top-view-news .news-padcast-ahankade-padcast-item:not(:last-child) {
  margin-bottom: 25.5px;
}

@media only screen and (max-width: 991px) {
  .blog-ahankade-top-view-news .row.articles {
    gap: 24px 0;
  }

  .blog-ahankade-top-view-news .news-padcast-ahankade-padcast-item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .blog-ahankade-top-view-news .news-padcast-ahankade-padcast-item .has-text {
    font-size  : 12px;
    line-height: 18px;
  }

  .blog-ahankade-top-view-news .news-padcast-ahankade-padcast-item .has-text i {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-ahankade-top-view-news {
    margin-bottom: 50px;
  }
}

.detail-blog-ahankade {
  margin-top: 125px;
}

.detail-blog-ahankade::before {
  background-image: var(--wpr-bg-6e3d41da-b509-485e-bbb0-d2606bee2741);
  height          : 946px;
  transform       : translateY(-246px);
}

.detail-blog-ahankade .info::before {
  background-color       : rgba(0, 0, 0, 0.51);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  z-index                : 1;
}

.detail-blog-ahankade .info .title {
  max-width: 80%;
}

.detail-blog-ahankade .voice {
  width : 160px;
  height: 160px;
}

.detail-blog-ahankade .voice>i {
  font-size: 71px;
  z-index  : 5;
}

.detail-blog-ahankade-audio {
  padding: 50px 20px 21px;
}

.detail-blog-ahankade-audio::after {
  width           : 80px;
  background-color: rgba(234, 38, 58, 0.37);
  opacity         : 0.5;
  border-radius   : 24px;
  filter          : blur(50px);
}

.detail-blog-ahankade-audio .btns-next-prev {
  gap: 78px;
}

.detail-blog-ahankade-audio .box-audio-two {
  min-width: auto;
  height   : auto;
  padding  : 0;
  direction: ltr;
}

.detail-blog-ahankade-audio .box-audio-two .holder {
  position : absolute;
  top      : 0;
  left     : 50%;
  transform: translate(-50%, -50px);
}

.detail-blog-ahankade-audio .box-audio-two .holder .loading__spinner {
  bottom: 7px;
  left  : 0;
}

.detail-blog-ahankade-audio .box-audio-two .holder .play-pause-btn::before {
  content    : "\e9af";
  font-family: "icomoon";
  font-size  : 23px;
  line-height: 1;
  color      : #ea263a;
}

.detail-blog-ahankade-audio .box-audio-two .holder .play-pause-btn[aria-label=Pause]::before {
  content: "\e9ae";
}

.detail-blog-ahankade-audio .box-audio-two .holder .play-pause-btn svg {
  display: none;
}

.detail-blog-ahankade-audio .box-audio-two .controls {
  flex-wrap: wrap;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__current-time {
  order: 2;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__slider {
  order           : 1;
  margin          : 0;
  width           : 100%;
  height          : 3px;
  border-radius   : 3px;
  background-color: #faabb3;
  margin-bottom   : 8px;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__slider .controls__progress {
  background-color: #ea263a;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__slider .controls__progress .pin {
  background-color: #ea263a;
  box-shadow      : 0px 4px 4px rgba(0, 0, 0, 0.25);
  width           : 11px;
  height          : 11px;
  top             : -4px;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__total-time {
  order: 3;
}

.detail-blog-ahankade-audio .box-audio-two .controls .controls__current-time,
.detail-blog-ahankade-audio .box-audio-two .controls .controls__total-time {
  font-size  : 12px;
  font-weight: 400;
  line-height: 18px;
  color      : rgba(73, 73, 73, 0.44);
  font-family: "Yekan Bakh FaNum";
}

.detail-blog-ahankade-audio .box-audio-two .volume {
  display: none;
}

.detail-blog-ahankade-content {
  margin: 131px 0 64px;
}

.detail-blog-ahankade-info-author-post {
  margin: 112px 0 172px;
}

.detail-blog-ahankade-info-author-post .detail-blog-hosting-info-wrapper {
  box-shadow      : 0px 33px 50px rgba(0, 0, 0, 0.05);
  background-image: var(--wpr-bg-8761c215-e291-4ab8-a60a-123acbbe1b50);
  background-color: #EA263A !important;
}

.detail-blog-ahankade-info-author-post .detail-blog-hosting-info-wrapper .info li i {
  background-color: #fff;
  color           : #494949;
}

.detail-blog-ahankade-info-author-post .detail-blog-hosting-info-wrapper .share ul li a {
  background-color: #fff;
}

.detail-blog-ahankade-info-author-post .detail-blog-hosting-info-wrapper .share ul li a:hover {
  background-color: #494949;
}

.detail-blog-ahankade-info-author-post .detail-blog-hosting-info-wrapper .link {
  background-color: rgba(255, 255, 255, 0.74);
  min-height      : 38px;
  cursor          : pointer;
}

.detail-blog-ahankade-related {
  margin-bottom: 286px;
}

.detail-blog-ahankade-related::before {
  background-image: var(--wpr-bg-fc37af23-77fa-4a9b-8097-be187328b735);
  transform       : translateY(-357px);
}

@media only screen and (max-width: 991px) {
  .detail-blog-ahankade {
    margin-top: 50px;
  }
}

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

  .detail-blog-ahankade-content,
  .detail-blog-ahankade-info-author-post {
    margin: 60px 0;
  }

  .detail-blog-ahankade-content {
    font-size  : 13px;
    line-height: 26px;
  }

  .detail-blog-ahankade-related {
    margin-bottom: 200px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-ahankade .info .title {
    font-size  : 16px;
    line-height: 25px;
  }
}

.services-ahankade-price-daily {
  margin: 152px 0 101px;
}

.services-ahankade-price-daily::before {
  background-image: var(--wpr-bg-9d48879b-38cb-45c3-b094-82c61b337806);
  height          : 1154px;
  transform       : translateY(-273px);
}

.services-ahankade-price-daily .heading-ahankade-two {
  margin-bottom: 127px;
}

.services-ahankade-price-daily .daily-price-ahankade-content {
  max-width   : 1080px;
  border      : solid #ea263a;
  border-width: 0 0 3px 3px;
}

.services-ahankade-price-daily .daily-price-ahankade-content::before {
  border-radius   : 0 41px;
  width           : 147px;
  height          : 148px;
  background-color: rgba(234, 38, 58, 0.3);
  transform       : translate(28px, -19px);
}

.services-ahankade-price-daily .daily-price-ahankade-content::after {
  height          : 264px;
  background-color: #ea263a;
  background-image: var(--wpr-bg-0077d4b7-3458-48e5-806e-339166d5a3cf);
  transform       : translate(332px, -50%);
  right           : 100%;
  border-radius   : 129px;
  width           : 50vw;
}

@media only screen and (max-width: 767px) {
  .services-ahankade-price-daily {
    margin: 70px 0;
  }

  .services-ahankade-price-daily .heading-ahankade-two {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .services-ahankade-price-daily .daily-price-ahankade-content {
    margin: 0 -12px !important;
    width : auto !important;
    border: 0;
  }
}

.services-ahankade-info-contact-wrapper {
  background-image: linear-gradient(268.5deg, #e7e7e7 8.9%, rgba(231, 231, 231, 0) 116.16%);
  padding         : 17px 46px;
}

.services-ahankade-info-contact-wrapper::after {
  background-image   : var(--wpr-bg-a4d49a98-10da-43bb-88a8-7a10417ae23f);
  background-position: center 0 left -100px;
}

@media only screen and (max-width: 991px) {
  .services-ahankade-info-contact-wrapper::before {
    background-color: rgba(0, 0, 0, 0.4);
  }

  .services-ahankade-info-contact-wrapper .title,
  .services-ahankade-info-contact-wrapper .phones>div,
  .services-ahankade-info-contact-wrapper p {
    color: rgba(255, 255, 255, 0.8);
  }

  .services-ahankade-info-contact-wrapper .title {
    font-size  : 24px;
    line-height: 40px;
  }

  .services-ahankade-info-contact-wrapper .phones i {
    color: rgba(255, 255, 255, 0.6);
  }
}

@media only screen and (max-width: 767px) {
  .services-ahankade-info-contact-wrapper {
    border-radius: 24px;
    padding      : 20px 12px;
  }

  .services-ahankade-info-contact-wrapper .title {
    font-size  : 20px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .services-ahankade-info-contact-wrapper .title {
    font-size  : 16px;
    line-height: 28px;
  }
}

.services-ahankade-categories {
  margin: 118px 0 260px;
}

.services-ahankade-categories::before {
  background-image: var(--wpr-bg-406a134e-ccbc-49ff-b55a-777c1be0cd62);
  height          : 1484px;
  transform       : translateY(-67px);
}

.services-ahankade-categories-item::after {
  width           : 80%;
  height          : 42px;
  background-color: rgba(234, 38, 58, 0.37);
  opacity         : 0;
  filter          : blur(50px);
}

.services-ahankade-categories-item .content {
  padding: 12px 16px 24px;
}

.services-ahankade-categories-item .image img {
  max-width : 126px;
  max-height: 126px;
}

.services-ahankade-categories-item .read-more {
  border-top: 1px solid rgba(73, 73, 73, 0.1);
}

.services-ahankade-categories-item .read-more>div span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.2px;
}

.services-ahankade-categories-item:hover::after {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .services-ahankade-categories {
    margin: 70px 0 200px;
  }
}

.heading-news-media::before {
  left         : var(--width-last-child);
  width        : calc(100% - var(--width-border-dahed));
  border-bottom: 0.5px dashed #5f5f5f;
}

.heading-news-media .title::after {
  width           : 46px;
  height          : 5px;
  border-radius   : 4px;
  background-color: #5692e6;
  transform       : translateY(6px);
}

.heading-news-media .title-en {
  letter-spacing: 2.16px;
}

.heading-news-media a:hover {
  color: #5692e6;
}

@media only screen and (max-width: 575px) {
  .heading-news-media::before {
    content: none;
  }

  .heading-news-media .title {
    margin-bottom: 12px;
  }

  .heading-news-media .title::after {
    right    : auto;
    left     : 50%;
    transform: translate(-50%, 6px);
  }
}

.heading-two-news-media::after {
  content    : "\e99c";
  font-family: "icomoon";
  font-size  : 19px;
  line-height: 1;
  color      : rgba(73, 73, 73, 0.8);
  transform  : translate(-50%, 30px);
}

.heading-two-news-media .title-en {
  letter-spacing: 6px;
}

.heading-three-news-media .title::after {
  background-image: var(--wpr-bg-bf5b924e-dd43-42a8-94c5-8ed678f4cd94);
  width           : 115px;
  height          : 120px;
  transform       : translate(-58px, -28px);
}

.heading-three-news-media .title-en {
  letter-spacing: 6.4px;
}

.heading-three-news-media p {
  max-width: 856px;
}

@media only screen and (max-width: 767px) {
  .heading-three-news-media .title-en {
    letter-spacing: 4px;
  }
}

.swiper-news-media .swiper-button-next,
.swiper-news-media .swiper-button-prev {
  width           : 46px;
  height          : 140px;
  background-color: #5692e6;
}

.swiper-news-media .swiper-button-next::after,
.swiper-news-media .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 12px;
  line-height: 1;
  color      : #fff;
}

.swiper-news-media .swiper-button-next {
  transform: translate(-74px, -50%);
  top      : calc(50% - 31.5px);
}

.swiper-news-media .swiper-button-next::after {
  content: "\e901";
}

.swiper-news-media .swiper-button-prev {
  transform: translate(74px, -50%);
  top      : calc(50% + 31.5px);
}

.swiper-news-media .swiper-button-prev::after {
  content: "\e903";
}

.swiper-news-media .swiper-pagination {
  transform: translateY(77px);
}

.swiper-news-media .swiper-pagination-bullet {
  opacity         : 1;
  width           : 17px;
  height          : 17px;
  border-radius   : 2px;
  background-color: #d4d4d4;
}

.swiper-news-media .swiper-pagination-bullet-active {
  background-color: #5692e6;
  width           : 23px;
  height          : 23px;
}

@media only screen and (min-width: 1200px) and (max-width: 1270px) {
  .swiper-news-media .swiper-button-next {
    transform: translate(-48px, -50%);
  }

  .swiper-news-media .swiper-button-prev {
    transform: translate(48px, -50%);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1090px) {
  .swiper-news-media .swiper-button-next {
    transform: translate(-48px, -50%);
  }

  .swiper-news-media .swiper-button-prev {
    transform: translate(48px, -50%);
  }
}

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

  .swiper-news-media .swiper-button-next,
  .swiper-news-media .swiper-button-prev {
    width        : 48px;
    height       : 48px;
    border-radius: 50%;
    top          : auto;
    right        : auto !important;
    bottom       : 0;
    transform    : translate(-50%, 64px);
  }

  .swiper-news-media .swiper-button-next {
    left: calc(50% - 32px) !important;
  }

  .swiper-news-media .swiper-button-prev {
    left: calc(50% + 32px) !important;
  }

  .swiper-news-media .swiper-pagination {
    transform: translateY(40px);
  }

  .swiper-news-media .swiper-pagination~.swiper-button-next,
  .swiper-news-media .swiper-pagination~.swiper-button-prev {
    transform: translate(-50%, 104px);
  }
}

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

  .swiper-news-media .swiper-button-next,
  .swiper-news-media .swiper-button-prev {
    width : 40px;
    height: 40px;
  }

  .swiper-news-media .swiper-button-next {
    left: calc(50% - 26px) !important;
  }

  .swiper-news-media .swiper-button-prev {
    left: calc(50% + 26px) !important;
  }
}

.article-news-media .detail .info,
.technology-news-media-item .detail .info,
.articles-news-media-item-two .detail .info,
.detail-blog-news-media-related-articles-item .detail .info,
.padcast-news-media-heading .info {
  gap: 7px;
}

.article-news-media .detail .info li,
.technology-news-media-item .detail .info li,
.articles-news-media-item-two .detail .info li,
.detail-blog-news-media-related-articles-item .detail .info li,
.padcast-news-media-heading .info li {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  padding   : 4px 9px;
}

.article-news-media .detail .info li i,
.technology-news-media-item .detail .info li i,
.articles-news-media-item-two .detail .info li i,
.detail-blog-news-media-related-articles-item .detail .info li i,
.padcast-news-media-heading .info li i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
}

.article-news-media::after {
  width           : 80px;
  height          : 28px;
  background-color: rgba(86, 146, 230, 0.5);
  border-radius   : 25px;
  filter          : blur(50px);
}

.article-news-media figure a {
  border-radius: 25px 25px 0;
}

.article-news-media .detail {
  padding: 0 14px 28px;
}

.article-news-media .detail .title {
  max-height: 64px;
}

.article-news-media .detail p {
  max-height: 50px;
}

.article-news-media .detail .read-more {
  padding-top: 9px;
}

.article-news-media .detail .read-more::before {
  height          : 2px;
  border-radius   : 8px;
  background-color: rgba(73, 73, 73, 0.2);
}

.article-news-media .detail .read-more .btn {
  background-color: #fff;
  box-shadow      : 0px 12px 50px rgba(0, 0, 0, 0.05);
  padding         : 3.5px 8.5px;
}

.article-news-media .detail .read-more .btn>div span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.2px;
  margin-top      : -5px;
}

.article-news-media:hover figure a img {
  transform: scale(1.2) rotate(-4deg);
}

.article-news-media:hover .read-more .btn {
  background-color: #5692e6;
}

.article-news-media:hover .read-more .btn>div,
.article-news-media:hover .read-more .btn i {
  color: rgba(255, 255, 255, 0.8);
}

.article-news-media:hover .read-more .btn>div span {
  color: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 1199px) {
  .article-news-media .detail {
    padding: 0 10px 28px;
  }

  .article-news-media .detail .info li {
    padding: 4px 6px;
  }
}

@media only screen and (max-width: 767px) {
  .article-news-media .detail .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

.btn-more-news-media {
  padding: 7px 15px;
}

.btn-more-news-media,
.btn-more-news-media:focus,
.btn-more-news-media:active,
.btn-more-news-media:hover {
  box-shadow: 0px 20px 38px 2px rgba(234, 38, 58, 0.05);
}

.video-js-news-media,
.video-js-news-media video,
.video-js-news-media .vjs-poster {
  border-radius: 30px;
}

.video-js-news-media .vjs-tech {
  position: relative;
}

.video-js-news-media .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : inherit;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-js-news-media .vjs-big-play-button {
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : 69px;
  height          : 69px;
  border-radius   : 50%;
  background-color: transparent;
  border          : 0;
}

.video-js-news-media .vjs-big-play-button .vjs-icon-placeholder::before {
  content         : "\e9a0";
  font-size       : 32px;
  font-family     : "icomoon";
  line-height     : 1;
  color           : #fff;
  display         : flex;
  align-items     : center;
  justify-content : center;
  background-color: #5692e6;
  border-radius   : 50%;
}

.video-js-news-media .vjs-big-play-button .vjs-icon-placeholder::after {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  background-color: rgba(86, 146, 230, 0.5);
  z-index         : -1;
  animation       : playCircle1 1.5s linear 0s infinite alternate;
}

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

  100% {
    transform: scale(1.4);
  }
}

.video-news-media .video-js .vjs-big-play-button::before,
.video-news-media .video-js .vjs-big-play-button::after,
.video-news-media .video-js .vjs-big-play-button .vjs-icon-placeholder::after {
  background-color: rgba(86, 146, 230, 0.3);
}

.article-news-media-two figure a::before {
  background-color: rgba(0, 0, 0, 0.4);
  z-index         : 2;
}

.article-news-media-two figure a i {
  font-size: 40px;
  z-index  : 3;
}

.article-news-media-two .title {
  max-height: 40px;
}

.article-news-media-two .title a:hover {
  color: #5692e6;
}

.article-news-media-two p {
  max-height: 52px;
}

.article-news-media-two:hover figure img {
  transform: scale(1.1);
}

.article-news-media-two-lg figure a i {
  font-size: 80px;
}

.article-news-media-two-lg .title {
  max-height: 64px;
}

.article-news-media-two-lg p {
  max-height: 70px;
}

@media only screen and (max-width: 767px) {
  .article-news-media-two-lg figure a i {
    font-size: 48px;
  }
}

.padcast-news-media {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 12px 20px 25px;
}

.padcast-news-media .title {
  max-height: 56px;
}

@media only screen and (max-width: 767px) {
  .padcast-news-media {
    border-radius: 12px;
  }

  .padcast-news-media .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

.bg-news-media {
  background: rgba(207, 207, 207, 0.05);
}

.top-header-news-media {
  padding: 62px 0 74px;
}

.top-header-news-media::before {
  background-image: var(--wpr-bg-d9c3f10a-d22b-4f95-a156-d640b792447b);
  height          : 930px;
}

.top-header-news-media::after {
  transform       : translate(359px, -274px);
  width           : 641px;
  height          : 641px;
  border-radius   : 50%;
  background-color: rgba(86, 146, 230, 0.1);
  filter          : blur(250px);
}

.top-header-news-media-search {
  max-width: 40%;
}

.top-header-news-media-search .form-control {
  background-color: rgba(172, 172, 172, 0.1);
  border          : 1px solid rgba(172, 172, 172, 0.1);
  color           : rgba(73, 73, 73, 0.45);
  height          : 53px;
  padding         : 0 20px 0 50px;
}

.top-header-news-media-search .form-control:focus {
  border-color: #5692e6;
  box-shadow  : 0 0 0 4px rgba(86, 146, 230, 0.2);
}

.top-header-news-media-search button {
  left: 32px;
}

.top-header-news-media-socials li a {
  width : 53px;
  height: 53px;
}

.top-header-news-media-socials li a::after {
  width           : 80%;
  height          : 13px;
  background-color: rgba(86, 146, 230, 0.37);
  opacity         : 0.5;
  filter          : blur(25px);
  opacity         : 0;
}

.top-header-news-media-socials li a i {
  background-color: #fff;
  box-shadow      : 0px 4px 15px rgba(0, 0, 0, 0.05);
  width           : 32px;
  height          : 32px;
}

.top-header-news-media-socials li a:hover::after {
  opacity: 1;
}

.top-header-news-media-socials li a:hover i {
  background-color: #5692e6;
  color           : #fff;
}

@media only screen and (max-width: 991px) {
  .top-header-news-media {
    padding: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-news-media-logo img {
    width : auto;
    height: 38px;
  }
}

.nav-news-media-menu {
  gap: 32px;
}

.nav-news-media-auth {
  background-color: #A6C8F8;
}

.nav-news-media-auth li a {
  padding: 12px 23px 12px 15px;
}

.nav-news-media-auth li:nth-child(2) a {
  background-color: #5692E6;
  padding         : 12px 27px;
}

.footer-news-media {
  border-radius: 100px 100px 0 0;
  padding      : 45px 0 25px;
}

.footer-news-media::after {
  border-radius   : 100px;
  height          : 84px;
  background-color: #5692E6;
  transform       : translateY(73px);
}

.footer-news-media-namads .sub-title {
  max-width: 229px;
}

@media only screen and (max-width: 991px) {
  .footer-news-media {
    border-radius: 0;
  }
}

.categories-news-media {
  margin : 128px 0 155px;
  padding: 0 64px;
}

.categories-news-media-item {
  padding-top: 100%;
  border     : 3px solid #dcdcdc;
  box-shadow : 0px 4px 50px rgba(0, 0, 0, 0.05);
}

.categories-news-media-item::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.431374) 66.13%, #000 100%);
  z-index         : 1;
  border-radius   : inherit;
}

.categories-news-media-item::after {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 11px;
  line-height: 1;
  color      : rgba(255, 255, 255, 0.5);
  left       : 20px;
  bottom     : 16px;
  z-index    : 2;
}

.categories-news-media-item .shadow-box {
  width           : 80%;
  height          : 21px;
  background-color: rgba(86, 146, 230, 0.5);
  filter          : blur(25px);
  z-index         : -1;
}

.categories-news-media-item .overlay {
  right        : 20px;
  bottom       : 26px;
  left         : 20px;
  padding-right: 7px;
  z-index      : 3;
}

.categories-news-media-item .overlay::before {
  width           : 2px;
  border-radius   : 5px;
  background-color: #fff;
}

.categories-news-media-item .overlay .title-en {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  letter-spacing  : 0.585px;
}

@media only screen and (max-width: 1399px) {
  .categories-news-media {
    padding: 0 38px;
  }
}

@media only screen and (max-width: 991px) {
  .categories-news-media {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .categories-news-media {
    margin: 40px 0 70px;
  }
}

.description-news-media-wrapper {
  background     : rgba(86, 146, 230, 0.1) var(--wpr-bg-05c5877e-5c4d-420c-8eda-6c9c01ad4237) 0 0 no-repeat;
  background-size: 100% 100%;
  padding        : 25px 24px 34px;
}

.description-news-media-wrapper::after {
  background-image: var(--wpr-bg-3417d52e-1275-4bb0-858e-655ff036ac04);
  width           : 308px;
}

.description-news-media-wrapper p {
  max-width: 856px;
}

.news-day-news-media {
  margin : 102px 0 172px;
  padding: 0 64px;
}

.news-day-news-media::before {
  background-image: var(--wpr-bg-b15c1cf6-8cd2-4735-bbd7-21f25012949c);
  transform       : translateY(-119px);
  height          : 868px;
}

.news-day-news-media-tabs li {
  cursor   : pointer;
  min-width: 111px;
  padding  : 7px 12px;
}

.news-day-news-media-tabs li.active {
  background-color: #5692e6;
  box-shadow      : 0px 20px 38px 2px rgba(86, 146, 230, 0.05);
  color           : #fff;
}

.news-day-news-media-tabs li:not(.active):hover {
  color: #5692e6;
}

.news-day-news-media .btn-more-news-media {
  margin-top: 128px;
}

@media only screen and (max-width: 1399px) {
  .news-day-news-media {
    padding: 0 38px;
  }
}

@media only screen and (max-width: 991px) {
  .news-day-news-media {
    padding: 0;
  }

  .news-day-news-media .btn-more-news-media {
    margin-top: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .news-day-news-media {
    margin: 70px 0;
  }

  .news-day-news-media-tabs li {
    font-size: 14px;
    min-width: auto;
  }
}

.technology-news-media::before {
  background-image: var(--wpr-bg-7991b4d0-0261-4298-be84-2e9ee478391f);
  transform       : translateY(-29px);
  height          : 749px;
}

.technology-news-media::after {
  transform       : translate(311px, 275px);
  width           : 641px;
  height          : 641px;
  border-radius   : 50%;
  background-color: rgba(86, 146, 230, 0.1);
  filter          : blur(250px);
}

.technology-news-media-item {
  padding   : 27px 24px 27px 12px;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
}

.technology-news-media-item:not(:last-child) {
  margin-bottom: 24px;
}

.technology-news-media-item .image {
  max-width: 30%;
}

.technology-news-media-item .image img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.technology-news-media-item .detail {
  max-width    : 70%;
  padding-right: 19px;
}

.technology-news-media-item .detail .title {
  max-height: 64px;
}

.technology-news-media-video::before,
.technology-news-media-video::after {
  width           : 147px;
  height          : 148px;
  border-radius   : 0 41px;
  background-color: rgba(86, 146, 230, 0.3);
}

.technology-news-media-video::before {
  transform: translate(23px, -26px);
}

.technology-news-media-video::after {
  transform: translate(-43px, 29px);
}

.technology-news-media-video .shape {
  transform       : translate(-62px, 52px);
  width           : 115px;
  height          : 120px;
  background-image: var(--wpr-bg-4b41ec65-d9f3-44d4-91f1-9dc783250b04);
  z-index         : -1;
}

@media only screen and (max-width: 1199px) {
  .technology-news-media-item .detail .title {
    font-size  : 16px;
    line-height: 25px;
    max-height : 50px;
  }
}

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

  .technology-news-media-item .image,
  .technology-news-media-item .detail {
    max-width: 100%;
  }

  .technology-news-media-item .detail {
    padding-right: 0;
  }

  .technology-news-media .video-js {
    height: 280px;
  }
}

.bigger-news-than-expected {
  padding-top: 54px;
  margin     : 185px 0 162px;
}

.bigger-news-than-expected::before,
.bigger-news-than-expected::after {
  height       : 420px;
  border-radius: 50px;
}

.bigger-news-than-expected::before {
  background-image: var(--wpr-bg-a17b657e-102e-4d84-b55d-987f16bda237);
  background-color: rgba(86, 146, 230, 0.91);
}

.bigger-news-than-expected::after {
  background-color       : rgba(86, 146, 230, 0.01);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter        : blur(7.5px);
}

.bigger-news-than-expected-right {
  max-width: 418px;
}

.bigger-news-than-expected-right img {
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
}

.bigger-news-than-expected-right .title-en {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  letter-spacing  : 2.76px;
  margin-bottom   : 25px;
}

.bigger-news-than-expected-right .btn {
  box-shadow: 0px 20px 38px 2px rgba(234, 38, 58, 0.05);
  padding   : 7px 21px;
}

.bigger-news-than-expected-left {
  max-width   : calc(100% - 350px);
  padding-left: 68px;
}

.bigger-news-than-expected-left.not-ended {
  -webkit-mask-image: linear-gradient(270.32deg, #95beee 9.66%, rgba(149, 190, 238, 0.880115) 70.2%, #95beee 83.01%, rgba(149, 190, 238, 0.07) 91.59%, rgba(149, 190, 238, 0) 104.29%);
  mask-image        : linear-gradient(270.32deg, #95beee 9.66%, rgba(149, 190, 238, 0.880115) 70.2%, #95beee 83.01%, rgba(149, 190, 238, 0.07) 91.59%, rgba(149, 190, 238, 0) 104.29%);
}

.bigger-news-than-expected-left.not-started {
  -webkit-mask-image: linear-gradient(-270.32deg, #95beee 9.66%, rgba(149, 190, 238, 0.880115) 70.2%, #95beee 83.01%, rgba(149, 190, 238, 0.07) 91.59%, rgba(149, 190, 238, 0) 104.29%);
  mask-image        : linear-gradient(-270.32deg, #95beee 9.66%, rgba(149, 190, 238, 0.880115) 70.2%, #95beee 83.01%, rgba(149, 190, 238, 0.07) 91.59%, rgba(149, 190, 238, 0) 104.29%);
}

.bigger-news-than-expected-item {
  min-height: 474px;
}

.bigger-news-than-expected-item::before {
  background-image: linear-gradient(180deg, rgba(86, 146, 230, 0) 0%, rgba(86, 146, 230, 0) 20.33%, rgba(86, 146, 230, 0.31) 48.99%, #3f94ed 100%);
  border-radius   : inherit;
  z-index         : 1;
}

.bigger-news-than-expected-item::after {
  content    : "\e904";
  font-family: "icomoon";
  bottom     : 21px;
  left       : 44px;
  font-size  : 12px;
  line-height: 1;
  color      : #fff;
  z-index    : 2;
}

.bigger-news-than-expected-item a::after {
  z-index: 10;
}

.bigger-news-than-expected-item .overlay {
  z-index: 2;
  bottom : 45px;
  padding: 0 20px;
}

.bigger-news-than-expected-item .overlay p {
  max-height: 50px;
}

@media only screen and (max-width: 1199px) {
  .bigger-news-than-expected-item::after {
    left: 20px;
  }

  .bigger-news-than-expected-item .overlay {
    padding: 0 12px;
  }
}

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

  .bigger-news-than-expected::before,
  .bigger-news-than-expected::after {
    border-radius: 0;
  }

  .bigger-news-than-expected-right,
  .bigger-news-than-expected-left {
    max-width: 100%;
  }

  .bigger-news-than-expected-left {
    -webkit-mask: unset !important;
    mask        : unset !important;
    padding-left: 0;
  }

  .bigger-news-than-expected-item {
    padding-top: 152.876%;
  }
}

@media only screen and (max-width: 767px) {
  .bigger-news-than-expected {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .bigger-news-than-expected-item {
    border-radius: 20px;
  }
}

.padcasts-news-media::before {
  background-image: var(--wpr-bg-939d3172-8305-4877-9994-c621704bf0ce);
  height          : 1233px;
  transform       : translateY(-287px);
}

.padcasts-news-media::after,
.padcasts-news-media .container::before {
  width           : 231px;
  height          : 487px;
  border-radius   : 129px;
  background-color: #5692e6;
  background-image: var(--wpr-bg-5d2f39ca-f0f2-484e-b7af-d5d7f513ca84);
}

.padcasts-news-media::after {
  transform: translate(206px, 82px);
}

.padcasts-news-media .container::before {
  transform: translate(-206px, -109px);
}

.padcasts-news-media-wrapper {
  border-radius: 108px 108px 108px 19px;
  box-shadow   : 0px 87px 50px rgba(0, 0, 0, 0.02);
}

.padcasts-news-media-content {
  padding: 50px 110px;
}

.padcasts-news-media-heading .btn {
  padding: 7px 21.4px;
}

.padcasts-news-media-item .info img,
.padcasts-news-media-played .info img {
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25);
}

.padcasts-news-media-item .info .title,
.padcasts-news-media-played .info .title {
  max-height: 40px;
}

.padcasts-news-media-item:not(:last-child) {
  margin-bottom: 24px;
}

.padcasts-news-media-item-audio {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.02);
  padding   : 2.5px 32px;
}

.padcasts-news-media-item-audio .wave {
  width     : 385px;
  height    : 55px;
  background: var(--wpr-bg-4439cb23-c2c4-4d9e-848c-227ff2554cc5) 0 0 repeat-x;
}

.padcasts-news-media-item-audio .wave,
.padcasts-news-media-item-audio .wave::before,
.padcasts-news-media-item-audio .wave::after {
  animation: audiowave 16s linear 0s infinite;
}

@keyframes audiowave {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1540px 0;
  }
}

.padcasts-news-media-item-audio .wave::before {
  background-image: var(--wpr-bg-7d075d61-4c70-4e11-8b20-dc6845acf92b);
  mix-blend-mode  : screen;
}

.padcasts-news-media-item-audio .wave::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/other/autio-wave-line.png);
  mix-blend-mode  : color-dodge;
}

.padcasts-news-media-item.selected .padcasts-news-media-item-audio {
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.05);
}

.padcasts-news-media-item.selected .padcasts-news-media-item-audio .btn-play {
  color: #5692e6;
}

.padcasts-news-media-item.selected .padcasts-news-media-item-audio .wave {
  background-image: var(--wpr-bg-3c36480f-f274-413a-9467-838274939735);
}

.padcasts-news-media-item:not(.played) .padcasts-news-media-item-audio .wave,
.padcasts-news-media-item:not(.played) .padcasts-news-media-item-audio .wave::before,
.padcasts-news-media-item:not(.played) .padcasts-news-media-item-audio .wave::after {
  animation-play-state: paused;
}

.padcasts-news-media-item.played .padcasts-news-media-item-audio .btn-play i::before {
  content: "\e9a2";
}

.padcasts-news-media-played {
  background-color: #5692e6;
  border-radius   : 100px 0 100px 19px;
  padding         : 21px 110px;
  background-image: var(--wpr-bg-7f7c2348-481f-4a3a-80cf-9be50caa3b11);
}

.padcasts-news-media-played .info .name,
.padcasts-news-media-played .info .voice {
  text-shadow: 0px 11px 23px rgba(0, 0, 0, 0.15);
}

.padcasts-news-media-played .audio {
  max-width  : 302px;
  margin-left: 64px;
}

.padcasts-news-media-played .audio .volume,
.padcasts-news-media-played .audio .controls .controls__current-time,
.padcasts-news-media-played .audio .controls .controls__total-time {
  display: none;
}

.padcasts-news-media-played .audio .controls__slider.slider {
  margin          : 0;
  background-color: #d2c9c9;
  border-radius   : 3px;
  height          : 3px;
}

.padcasts-news-media-played .audio .controls__slider.slider .controls__progress.gap-progress {
  background-color: #fff;
}

.padcasts-news-media-played .audio .controls__slider.slider .controls__progress.gap-progress .pin.progress__pin {
  width           : 11px;
  height          : 11px;
  background-color: #fff;
  box-shadow      : 0px 4px 4px rgba(0, 0, 0, 0.25);
  top             : -4px;
  right           : -5px;
}

.padcasts-news-media-played .audio .holder {
  order : 3;
  margin: 0 24px;
}

.padcasts-news-media-played .audio .holder .play-pause-btn::before {
  content       : "\e9af";
  font-family   : "icomoon";
  font-size     : 23px;
  line-height   : 1;
  color         : #fff;
  display       : inline-block;
  vertical-align: middle;
}

.padcasts-news-media-played .audio .holder .play-pause-btn[aria-label=Pause]::before {
  content: "\e9ae";
}

.padcasts-news-media-played .audio .holder .play-pause-btn svg {
  display: none;
}

.padcasts-news-media-played .audio .controls {
  margin: 0;
  width : 100%;
  order : 1;
}

.padcasts-news-media-played .audio .next {
  order: 2;
}

.padcasts-news-media-played .audio .prev {
  order: 4;
}

@media only screen and (max-width: 1199px) {
  .padcasts-news-media-content {
    padding: 50px 64px;
  }

  .padcasts-news-media-item-audio {
    padding: 2.5px 20px;
  }

  .padcasts-news-media-item-audio .wave {
    max-width: 350px;
  }

  .padcasts-news-media-played {
    padding: 21px 64px;
  }
}

@media only screen and (max-width: 991px) {
  .padcasts-news-media-wrapper {
    border-radius: 50px 50px 50px 20px;
  }

  .padcasts-news-media-content {
    padding: 40px 32px;
  }

  .padcasts-news-media-heading .title {
    font-size  : 20px;
    line-height: 32px;
  }

  .padcasts-news-media-played {
    padding      : 20px 32px;
    border-radius: 50px 0 50px 20px;
  }

  .padcasts-news-media-played .audio {
    margin: 20px 0 0 !important;
  }

  .padcasts-news-media-item-audio,
  .padcasts-news-media-item-audio .wave {
    width: 100%;
  }

  .padcasts-news-media-item-audio .wave {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .padcasts-news-media-wrapper {
    border-radius: 32px 32px 32px 12px;
  }

  .padcasts-news-media-content {
    padding: 32px 12px;
  }

  .padcasts-news-media-heading .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .padcasts-news-media-item-audio {
    padding: 2.5px 12px;
  }

  .padcasts-news-media-played {
    padding      : 20px 12px;
    border-radius: 32px 0 32px 12px;
  }

  .padcasts-news-media-played .audio {
    min-width: auto;
  }
}

.consultation-request-news-media {
  padding-top: 56px;
  margin     : 260px 0 106px;
}

.consultation-request-news-media::before,
.consultation-request-news-media::after {
  bottom       : 28px;
  border-radius: 50px;
}

.consultation-request-news-media::before {
  background-color: rgba(86, 146, 230, 0.9);
  background-image: var(--wpr-bg-25965e56-918a-4471-a624-e141affc9d6e);
}

.consultation-request-news-media::after {
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter        : blur(7.5px);
  background-color       : rgba(86, 146, 230, 0.01);
}

.consultation-request-news-media-text {
  max-width: 723px;
}

.consultation-request-news-media-text form::after {
  opacity         : 0.5;
  height          : 17px;
  border-radius   : 27px;
  background-color: rgba(134, 155, 235, 0.37);
  width           : 70%;
  filter          : blur(50px);
}

.consultation-request-news-media-text form .form-control {
  border-color: #fff;
  padding     : 0 33px 0 100px;
  height      : 81px;
  color       : rgba(73, 73, 73, 0.49);
}

.consultation-request-news-media-text form .form-control:focus {
  border-color: #5692e6;
  box-shadow  : 0 0 0 4px rgba(86, 146, 230, 0.2);
}

.consultation-request-news-media-text form .btn {
  left     : 36px;
  min-width: 165px;
  padding  : 7px 12px;
}

.consultation-request-news-media .image {
  bottom: 28px;
}

@media only screen and (max-width: 1199px) {
  .consultation-request-news-media-text {
    max-width: calc(100% - 390px);
  }

  .consultation-request-news-media .image {
    width : auto;
    height: 380px;
  }
}

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

  .consultation-request-news-media::before,
  .consultation-request-news-media::after {
    border-radius: 0;
  }

  .consultation-request-news-media-text {
    max-width  : 100%;
    padding-top: 64px;
  }

  .consultation-request-news-media .image {
    top      : 0;
    bottom   : auto;
    left     : 50% !important;
    transform: translate(-50%, -85%);
    width    : 300px;
    height   : auto;
  }
}

@media only screen and (max-width: 767px) {
  .consultation-request-news-media {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .consultation-request-news-media-text form {
    background-color: #fff;
    border-radius   : 15px;
    padding         : 12px;
    box-shadow      : 0 3px 30px rgba(0, 0, 0, 0.05);
  }

  .consultation-request-news-media-text form .form-control {
    height       : 46px;
    border-radius: 0;
    padding      : 0;
  }

  .consultation-request-news-media-text form .form-control:focus {
    box-shadow: none;
    border    : 0;
  }

  .consultation-request-news-media-text form .btn {
    position : relative !important;
    top      : 0 !important;
    left     : 0;
    transform: unset !important;
  }
}

.articles-news-media {
  margin-bottom: 75px;
}

.articles-news-media::before {
  background-image: var(--wpr-bg-0fe97b5c-66ba-4b53-a009-958174d2874f);
  transform       : translateY(-103px);
  height          : 1048px;
}

.articles-news-media-item {
  padding-top: 45.442%;
  box-shadow : 0px 4px 22px rgba(0, 0, 0, 0.25);
  height     : calc(50% - 33px);
}

.articles-news-media-item::before {
  background-image: linear-gradient(180deg, rgba(86, 146, 230, 0) 0%, rgba(86, 146, 230, 0) 20.33%, rgba(86, 146, 230, 0.31) 48.99%, #3f94ed 100%);
  border-radius   : inherit;
}

.articles-news-media-item::after {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 12px;
  line-height: 1;
  color      : #fff;
  bottom     : 18px;
  left       : 44px;
}

.articles-news-media-item:not(:last-child) {
  margin-bottom: 66px;
}

.articles-news-media-item .overlay {
  bottom : 46px;
  padding: 0 24px;
  z-index: 3;
}

.articles-news-media-item .overlay p {
  max-height: 50px;
}

.articles-news-media-item-two {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 27px 20px;
}

.articles-news-media-item-two:not(:last-child) {
  margin-bottom: 32px;
}

.articles-news-media-item-two .image {
  max-width: 25%;
}

.articles-news-media-item-two .image img {
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
  border-radius: 20px 20px 0;
}

.articles-news-media-item-two .detail {
  padding-right: 19px;
  max-width    : 75%;
}

.articles-news-media-item-two .detail .title {
  max-height: 56px;
}

.articles-news-media-item-two .detail p {
  max-height: 50px;
}

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

  .articles-news-media-item:not(:last-child),
  .articles-news-media-item-two:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-news-media-item {
    height     : 240px;
    padding-top: 0;
  }

  .articles-news-media-item::after {
    left: 20px;
  }

  .articles-news-media-item .overlay {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-news-media-item-two {
    padding      : 20px;
    border-radius: 32px;
  }

  .articles-news-media-item-two .image,
  .articles-news-media-item-two .detail {
    max-width: 100%;
  }

  .articles-news-media-item-two .image img {
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit   : cover;
  }

  .articles-news-media-item-two .detail {
    padding-right: 0;
  }

  .articles-news-media-item-two .detail .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

.trust-us-news-media {
  margin: 114px 0 213px;
}

.trust-us-news-media-item {
  background-color: #fff;
  box-shadow      : 0px 22px 50px rgba(0, 0, 0, 0.05);
  padding         : 73px 32px 76px;
}

.trust-us-news-media-item i {
  font-size: 125px;
}

.trust-us-news-media-item:hover {
  background-color: #5692e6;
  box-shadow      : 0px 22px 50px rgba(0, 0, 0, 0.05), 0px 10px 50px rgba(86, 146, 230, 0.15);
}

.trust-us-news-media-item:hover i,
.trust-us-news-media-item:hover .title {
  color: #fff;
}

.trust-us-news-media-item:hover p {
  color: rgba(255, 255, 255, 0.87);
}

@media only screen and (max-width: 767px) {
  .trust-us-news-media {
    margin: 50px 0 60px;
  }

  .trust-us-news-media-item {
    padding: 48px 20px;
  }

  .trust-us-news-media-item i {
    font-size: 85px;
  }
}

.what-me-news-media::before {
  background-image: var(--wpr-bg-cc79b66a-72b9-4884-8e38-925bc01dcd73);
  height          : 868px;
  transform       : translateY(-232px);
}

.what-me-news-media::after {
  background-image: var(--wpr-bg-fa5ccdde-a4c9-432a-beb8-e84f1bf285c3);
  width           : 361px;
  height          : 394px;
  transform       : translate(-164px, 179px) rotate(32.37deg);
}

.what-me-news-media .title-en {
  letter-spacing: 6.72px;
}

.what-me-news-media .video-news-media::before {
  right           : 50%;
  transform       : translateY(-51px);
  width           : 50vw;
  height          : 167px;
  border-radius   : 129px;
  background-color: #5692e6;
  background-image: var(--wpr-bg-db7dc500-a6dd-41a7-8dbe-f34ce4f4ed09);
}

@media only screen and (max-width: 767px) {
  .what-me-news-media .video-news-media .video-js {
    height: 280px;
  }
}

@media only screen and (max-width: 575px) {
  .what-me-news-media .title-en {
    font-size     : 14px;
    line-height   : 22px;
    letter-spacing: 5.3px;
  }
}

.team-news-media {
  margin: 309px 0 192px;
}

.team-news-media::before {
  background-image: var(--wpr-bg-eefd6c88-fbe7-4271-84fa-61031dfb1bea);
  transform       : translateY(-62px);
  height          : 928px;
}

.team-news-media::after {
  background-image: var(--wpr-bg-08e593e0-54c0-46c6-ac47-c4faf87a88d6);
  width           : 361px;
  height          : 394px;
  transform       : translate(39px, 56px) rotate(32.37deg);
}

.team-news-media-item {
  padding-bottom: 25px;
}

.team-news-media-item .image {
  background-color: rgba(86, 146, 230, 0.1);
  padding-top     : 76px;
}

.team-news-media-item .image img {
  max-width: 90%;
  height   : 355px;
}

.team-news-media-item .detail {
  box-shadow      : 0px 24px 50px rgba(0, 0, 0, 0.05);
  background-color: #5692e6;
  padding         : 28px 12px;
  left            : 14px;
  min-width       : 75%;
}

.team-news-media-item:hover {
  transform: translateY(-5px);
}

.swiper-slide:nth-child(even) .team-news-media-item .image {
  background-color: rgba(255, 255, 255, 0.1);
}

.swiper-slide:nth-child(even) .team-news-media-item .detail {
  background-color: #176ade;
}

@media only screen and (max-width: 991px) {
  .team-news-media-item .image img {
    width    : auto;
    max-width: 80%;
    height   : 255px;
  }
}

@media only screen and (max-width: 767px) {
  .team-news-media {
    margin: 80px 0;
  }

  .team-news-media-item .detail {
    min-width: auto;
    right    : 12px;
    left     : 12px;
  }
}

@media only screen and (max-width: 575px) {
  .team-news-media-item .image img {
    height: 230px;
  }
}

.about-us-news-media-description {
  margin-bottom: 80px;
}

.about-us-news-media-description::after {
  background-image: var(--wpr-bg-96d48a18-ea46-4ae7-b7d4-ddd14e891f86);
  width           : 361px;
  height          : 394px;
  transform       : translate(-194px, 19px) rotate(32.37deg);
}

@media only screen and (max-width: 767px) {
  .about-us-news-media-description-content {
    font-size: 14px;
  }
}

.info-contact-news-media {
  margin: 114px 0 171px;
}

.info-contact-news-media::before {
  bottom          : 84px;
  transform       : translateX(167px) rotate(32.37deg);
  width           : 361px;
  height          : 394px;
  background-image: var(--wpr-bg-3dbddcf3-a78b-4206-a800-ccb68c257171);
}

.info-contact-news-media-location {
  background-color: #D9D9D9;
  box-shadow      : 0px 26px 36px rgba(0, 0, 0, 0.15);
  max-width       : calc(100% - 180px);
  border-radius   : 17px 17px 0 0;
}

.info-contact-news-media-info {
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
  padding   : 40px 54px 33px;
}

.info-contact-news-media-info ul li {
  max-width: 33.333333%;
  padding  : 0 8px;
}

.info-contact-news-media-info ul li .value {
  overflow-wrap: anywhere;
}

@media only screen and (max-width: 991px) {
  .info-contact-news-media-location {
    max-width: calc(100% - 80px);
    height   : 400px;
  }

  .info-contact-news-media-info {
    padding: 32px;
  }

  .info-contact-news-media-info ul li {
    max-width: 50%;
  }

  .info-contact-news-media-info ul li:first-child {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .info-contact-news-media {
    margin: 50px 0 60px;
  }
}

@media only screen and (max-width: 575px) {
  .info-contact-news-media-location {
    height   : 280px;
    max-width: 100%;
  }

  .info-contact-news-media-info {
    border-radius: 0 0 20px 20px;
    padding      : 30px 20px;
  }

  .info-contact-news-media-info ul li {
    max-width: 100%;
  }
}

.form-contact-news-media .container::before {
  background-image: var(--wpr-bg-9ea34d2c-b638-4e42-a1f4-221205cd0b49);
  height          : 1048px;
  transform       : translateY(-512px);
}

.form-contact-news-media .form .btn {
  box-shadow: 0px 18px 25px rgba(86, 146, 230, 0.32);
}

.contact-us-news-media-articles {
  margin: 150px 0 112px;
}

.contact-us-news-media-articles::before {
  background-image: var(--wpr-bg-30446542-77f1-4320-a637-d3b0d259952c);
  transform       : translateY(-103px);
  height          : 1108px;
}

.contact-us-news-media-articles::after {
  background-image: var(--wpr-bg-5136adea-f715-4656-ba8e-eef86ac4c231);
  width           : 361px;
  height          : 394px;
  transform       : translate(-133px, -109px) rotate(32.37deg);
}

.contact-us-news-media-articles .container::before {
  bottom          : 84px;
  transform       : translate(170px, 145px) rotate(32.37deg);
  width           : 361px;
  height          : 394px;
  background-image: var(--wpr-bg-f4765784-6a39-41e7-861f-4e7574be9d20);
}

@media only screen and (max-width: 767px) {
  .contact-us-news-media-articles {
    margin: 60px 0;
  }
}

.detail-blog-news-media {
  margin: 144px 0 124px;
}

.detail-blog-news-media::after {
  background-image: var(--wpr-bg-950d54e6-4d2d-4c9a-b14c-5c0286e74553);
  width           : 361px;
  height          : 394px;
  transform       : translateX(-178px) rotate(32.37deg);
  bottom          : 104px;
}

.detail-blog-news-media-image {
  padding         : 11px;
  background-color: rgba(216, 216, 216, 0.69);
  border-radius   : 61px;
  box-shadow      : 0px 26px 50px rgba(0, 0, 0, 0.2);
}

.detail-blog-news-media-note {
  background-color: rgba(86, 146, 230, 0.3);
  box-shadow      : 0px 32px 50px rgba(0, 0, 0, 0.05);
  padding         : 18px 35px;
}

.detail-blog-news-media-images {
  gap: 44px 0;
}

.detail-blog-news-media-images-item {
  cursor: pointer;
}

.detail-blog-news-media-images-item::before,
.detail-blog-news-media-images-item::after {
  opacity: 0;
}

.detail-blog-news-media-images-item::before {
  background-color: rgba(0, 0, 0, 0.5);
  z-index         : 1;
}

.detail-blog-news-media-images-item::after {
  content    : "\e922";
  font-family: "icomoon";
  font-size  : 79px;
  line-height: 1;
  color      : #fff;
  z-index    : 2;
}

.detail-blog-news-media-images-item:hover::before,
.detail-blog-news-media-images-item:hover::after {
  opacity: 1;
}

.detail-blog-news-media-author {
  padding: 24px 55px 0;
}

.detail-blog-news-media-author::before {
  border-radius   : 50px;
  background-color: #fff;
  box-shadow      : 0px 32px 50px rgba(0, 0, 0, 0.05);
  bottom          : 46px;
}

.detail-blog-news-media-author .team-news-media-item .image img {
  width : auto;
  height: auto;
}

.detail-blog-news-media-top-view {
  box-shadow    : 0px 32px 50px rgba(0, 0, 0, 0.02);
  padding-bottom: 57px;
}

.detail-blog-news-media-top-view-heading {
  background-color: #5692e6;
  box-shadow      : 0px 32px 50px rgba(0, 0, 0, 0.05);
  padding         : 28px 29px;
}

.detail-blog-news-media-top-view ul {
  padding: 0 25px;
}

.detail-blog-news-media-top-view ul li {
  counter-increment: top-news;
}

.detail-blog-news-media-top-view ul li:not(:last-child) {
  margin-bottom: 12px;
}

.detail-blog-news-media-top-view ul li a {
  max-height: 40px;
}

.detail-blog-news-media-top-view ul li a::before {
  content         : counter(top-news);
  width           : 28px;
  height          : 28px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  font-size       : 12px;
  font-weight     : 400;
  line-height     : 18px;
  color           : rgba(73, 73, 73, 0.8);
  margin-left     : 9px;
  background-color: rgba(86, 146, 230, 0.2);
  border-radius   : 6px;
  flex            : 0 0 auto;
}

.detail-blog-news-media-top-view ul li a:hover {
  color: #5692e6;
}

.detail-blog-news-media-top-view ul li a:hover::before {
  background-color: rgba(86, 146, 230, 0.5);
  color           : #fff;
}

.detail-blog-news-media-ads img {
  box-shadow: 0px 44px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-media-related-articles-item {
  padding   : 25px 22px;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-news-media-related-articles-item:not(:last-child) {
  margin-bottom: 32px;
}

.detail-blog-news-media-related-articles-item .image {
  max-width: 30%;
}

.detail-blog-news-media-related-articles-item .image img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.detail-blog-news-media-related-articles-item .detail {
  max-width    : 70%;
  padding-right: 17px;
}

.detail-blog-news-media-related-articles-item .detail .title {
  max-height: 60px;
}

.detail-blog-news-media-articles {
  margin: 180px 0 121px;
}

.detail-blog-news-media-articles::before {
  background-image: var(--wpr-bg-406354de-47af-44c5-8009-b3c465d878d5);
  transform       : translateY(-264px);
  height          : 1269px;
}

.detail-blog-news-media-articles::after,
.detail-blog-news-media-articles .container::after {
  width : 361px;
  height: 394px;
}

.detail-blog-news-media-articles::after {
  transform       : translate(92px, -232px) rotate(32.37deg);
  background-image: var(--wpr-bg-6189f190-7d25-43e2-bf30-af52603df6ca);
}

.detail-blog-news-media-articles .container::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-news-media-06.png);
  transform       : translate(-238px, 127px) rotate(32.37deg);
}

@media only screen and (max-width: 1399px) {
  .detail-blog-news-media-related-articles-item .detail {
    padding-right: 12px;
  }
}

@media only screen and (max-width: 1199px) {
  .detail-blog-news-media-author {
    padding: 24px 24px 0;
  }

  .detail-blog-news-media-related-articles-item {
    padding: 24px 12px;
  }

  .detail-blog-news-media-related-articles-item .detail .info {
    gap: 5px;
  }

  .detail-blog-news-media-related-articles-item .detail .info li {
    padding: 4px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-news-media {
    margin: 50px 0 70px;
  }

  .detail-blog-news-media-related-articles-item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-news-media-image {
    border-radius: 35px;
  }

  .detail-blog-news-media-image img {
    border-radius: 24px;
  }

  .detail-blog-news-media-content {
    font-size  : 14px;
    line-height: 28px;
  }

  .detail-blog-news-media-images {
    gap: 24px 0;
  }

  .detail-blog-news-media-images-item {
    border-radius: 24px;
  }

  .detail-blog-news-media-top-view {
    padding-bottom: 32px;
  }

  .detail-blog-news-media-top-view,
  .detail-blog-news-media-top-view-heading {
    border-radius: 20px;
  }

  .detail-blog-news-media-top-view-heading {
    padding: 20px;
  }

  .detail-blog-news-media-top-view ul {
    padding: 0 16px;
  }

  .detail-blog-news-media-ads-two img {
    border-radius: 20px;
  }

  .detail-blog-news-media-articles {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-news-media-related-articles-item {
    border-radius: 12px;
  }

  .detail-blog-news-media-related-articles-item .detail {
    padding-right: 8px;
  }

  .detail-blog-news-media-related-articles-item .detail .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

.top-video-view-news-media {
  margin: 163px 0 111px;
}

.top-video-view-news-media .video-js {
  background-color: transparent;
}

.top-video-view-news-media .video-js .vjs-tech,
.top-video-view-news-media .video-js .vjs-poster {
  max-width    : calc(100% - 180px);
  width        : 100%;
  margin       : 0 auto;
  box-shadow   : 0px 26px 36px rgba(0, 0, 0, 0.15);
  border-radius: 17px 17px 0 0;
}

.top-video-view-news-media .video-js .vjs-tech {
  display      : block;
  position     : relative;
  -o-object-fit: cover;
  object-fit   : cover;
}

.top-video-view-news-media .video-js .vjs-poster::before {
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.325273) 24.28%, rgba(0, 0, 0, 0) 100%);
}

.top-video-view-news-media .video-js .vjs-big-play-button,
.top-video-view-news-media .video-js .vjs-picture-in-picture-control {
  display: none;
}

.top-video-view-news-media .video-js .vjs-control-bar {
  display         : flex;
  align-items     : center;
  opacity         : 1 !important;
  background-color: #fff;
  box-shadow      : 0px 20px 50px rgba(0, 0, 0, 0.05);
  color           : #494949;
  height          : 96px;
  padding         : 0 20px;
  border-radius   : 28px;
}

.top-video-view-news-media .video-js .vjs-control-bar .vjs-control {
  height: 3em;
}

.top-video-view-news-media .video-js .vjs-control-bar .vjs-slider {
  background: rgba(73, 73, 73, 0.3);
}

.top-video-view-news-media .video-js .vjs-control-bar .vjs-load-progress div {
  background: rgba(73, 73, 73, 0.2);
}

.top-video-view-news-media .video-js .vjs-control-bar .vjs-play-progress {
  background: #494949;
}

.top-video-view-news-media .video-js.vjs-fullscreen .vjs-control-bar {
  height       : 54px;
  border-radius: 0;
}

.top-video-view-news-media .video-js .vjs-volume-level {
  background-color: #494949;
}

.top-video-view-news-media .info {
  top  : 30px;
  right: 133px;
  left : 147px;
}

.top-video-view-news-media .info .title>div {
  max-height: 64px;
}

.top-video-view-news-media .info .time {
  min-width       : 67px;
  background-color: rgba(21, 21, 21, 0.51);
  padding         : 0 8px;
}

.top-video-view-news-media .video-js.vjs-has-started+.info {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .top-video-view-news-media .video-js {
    height: 440px;
  }

  .top-video-view-news-media .video-js .vjs-tech,
  .top-video-view-news-media .video-js .vjs-poster {
    max-width: calc(100% - 70px);
  }

  .top-video-view-news-media .info {
    right: 64px;
    left : 56px;
  }

  .top-video-view-news-media .info .title>div {
    font-size  : 16px;
    line-height: 25px;
    max-height : 50px;
  }
}

@media only screen and (max-width: 767px) {
  .top-video-view-news-media {
    margin: 40px 0 60px;
  }

  .top-video-view-news-media .video-js {
    height: 380px;
  }

  .top-video-view-news-media .video-js .vjs-tech,
  .top-video-view-news-media .video-js .vjs-poster {
    max-width: calc(100% - 40px);
  }

  .top-video-view-news-media .video-js .vjs-control-bar {
    height       : 64px;
    border-radius: 15px;
  }

  .top-video-view-news-media .info {
    right: 34px;
    left : 24px;
  }
}

@media only screen and (max-width: 575px) {
  .top-video-view-news-media .video-js {
    height: 320px;
  }

  .top-video-view-news-media .video-js .vjs-tech,
  .top-video-view-news-media .video-js .vjs-poster {
    max-width    : 100%;
    border-radius: 15px;
  }

  .top-video-view-news-media .video-js .vjs-control-bar {
    border-radius: 0 0 15px 15px;
    padding      : 0 4px;
  }

  .top-video-view-news-media .info {
    top  : 20px;
    right: 12px;
    left : 12px;
  }

  .top-video-view-news-media .info .title>div {
    font-size  : 12px;
    line-height: 20px;
    max-height : 40px;
  }

  .top-video-view-news-media .info .time {
    font-size: 12px;
    min-width: 48px;
  }
}

.news-sport-news-media {
  margin-bottom: 114px;
}

.news-sport-news-media::before {
  background-image: var(--wpr-bg-3f4b8779-0a4c-4630-a406-16d66839b706);
  height          : 1211px;
}

.news-sport-news-media::after,
.news-sport-news-media .container::after {
  width : 306px;
  height: 333px;
}

.news-sport-news-media::after {
  background-image: var(--wpr-bg-0b31d685-6dde-4134-954d-1db178819f28);
  transform       : translate(-182px, -106px) rotate(32.37deg);
}

.news-sport-news-media .container::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-news-media-08.png);
  transform       : translateX(220px) rotate(32.37deg);
  bottom          : 105px;
}

.news-sport-news-media .row {
  gap: 48px 0;
}

@media only screen and (max-width: 767px) {
  .news-sport-news-media {
    margin-bottom: 60px;
  }

  .news-sport-news-media .row {
    gap: 24px 0;
  }
}

.news-socials-news-media {
  margin: 100px 0 114px;
}

.news-socials-news-media::before {
  background-image: var(--wpr-bg-46dfd72c-369d-4c70-b219-1d55946e031b);
  top             : 158px;
  height          : 1211px;
}

.news-socials-news-media::after,
.news-socials-news-media .container::after {
  width : 361px;
  height: 394px;
}

.news-socials-news-media::after {
  background-image: var(--wpr-bg-10647fa3-283f-4413-b057-3375ed6981e8);
  transform       : translate(234px, -54px) rotate(32.37deg);
}

.news-socials-news-media .container::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-news-media-10.png);
  transform       : translate(-140px, 52px) rotate(32.37deg);
}

@media only screen and (max-width: 767px) {
  .news-socials-news-media {
    margin: 60px 0;
  }
}

.news-tech-news-media {
  margin-bottom: 92px;
}

.news-tech-news-media-row {
  gap               : 48px 0;
  -webkit-mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.83) 69.01%, rgba(255, 255, 255, 0.179143) 102.09%, rgba(255, 255, 255, 0) 117.39%);
  mask-image        : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.83) 69.01%, rgba(255, 255, 255, 0.179143) 102.09%, rgba(255, 255, 255, 0) 117.39%);
}

.news-tech-news-media-show-more {
  background-color: #fff;
  box-shadow      : 0px 11px 50px rgba(0, 0, 0, 0.05);
  padding         : 13.5px 34.5px;
  margin-top      : -14px;
  z-index         : 10;
}

.news-tech-news-media-show-more .text span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.42px;
}

.news-tech-news-media-show-more:hover {
  background-color: #5692e6;
}

.news-tech-news-media-show-more:hover .text span {
  color: rgba(255, 255, 255, 0.6);
}

.news-tech-news-media-show-more:hover .text,
.news-tech-news-media-show-more:hover i {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .news-tech-news-media {
    margin-bottom: 60px;
  }

  .news-tech-news-media-row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .news-tech-news-media-row {
    -webkit-mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.83) 92.01%, rgba(255, 255, 255, 0.179143) 102.09%, rgba(255, 255, 255, 0) 117.39%);
    mask-image        : linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.83) 92.01%, rgba(255, 255, 255, 0.179143) 102.09%, rgba(255, 255, 255, 0) 117.39%);
  }
}

.top-archive-news-media {
  margin: 74px 0 101px;
}

.top-archive-news-media::after {
  background-image: var(--wpr-bg-e5b2c4cf-8f7f-4020-9f1a-025ca55aeb5c);
  width           : 361px;
  height          : 394px;
  transform       : translate(241px, -156px) rotate(32.37deg);
}

@media only screen and (max-width: 767px) {
  .top-archive-news-media {
    margin: 40px 0 60px;
  }
}

.categories-news-media-archive {
  padding-bottom: 80px;
}

.categories-news-media-archive::before {
  width           : 641px;
  height          : 641px;
  border-radius   : 50%;
  background-color: rgba(86, 146, 230, 0.1);
  transform       : translate(-281px, -236px);
  filter          : blur(250px);
}

.videos-news-media,
.sport-news-media {
  padding: 0 64px 80px;
}

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

  .videos-news-media,
  .sport-news-media {
    padding: 0 38px 80px;
  }
}

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

  .videos-news-media,
  .sport-news-media {
    padding: 0 0 80px;
  }
}

.videos-news-media {
  margin: 61px 0 74px;
}

.videos-news-media::before {
  background-image: var(--wpr-bg-638baba2-a88b-49bd-b6a5-92f1488b8b32);
  transform       : translateY(-231px);
  height          : 1211px;
}

.videos-news-media::after {
  background-image: var(--wpr-bg-b5dacebe-5eaa-44cd-a9ea-8f89b5b5a41b);
  width           : 306px;
  height          : 333px;
  transform       : translate(-182px, -106px) rotate(32.37deg);
}

.sport-news-media::before {
  background-color: rgba(86, 146, 230, 0.02);
  height          : 778px;
  transform       : translateY(-30px);
}

.padcasts-news-media-archive {
  margin: 77px 0 103px;
}

.padcasts-news-media-archive::before {
  height    : 778px;
  background: rgba(86, 146, 230, 0.02);
  top       : 91px;
  transform : unset;
}

.padcasts-news-media-archive .container::before {
  transform: translate(-206px, -6px);
}

.news-padcast-news-media::before {
  width           : 641px;
  height          : 641px;
  border-radius   : 50%;
  background-color: rgba(86, 146, 230, 0.1);
  filter          : blur(250px);
  transform       : translate(-196px, -464px);
}

.news-padcast-news-media::after {
  background-image: var(--wpr-bg-d6ee0753-7f5e-4842-a6eb-45ea439c344b);
  width           : 361px;
  height          : 394px;
  transform       : translate(103px, 260px) rotate(32.37deg);
}

.news-padcast-news-media .row {
  gap: 35px 0;
}

@media only screen and (max-width: 767px) {
  .news-padcast-news-media .row {
    gap: 24px 0;
  }
}

.articles-news-media-archive {
  margin: 99px 0 83px;
}

.articles-news-media-archive::after {
  background-image: var(--wpr-bg-fe9fcd98-c780-4029-a3fc-91a0a5ff40d2);
  width           : 361px;
  height          : 394px;
  transform       : translate(-238px, 60px) rotate(32.37deg);
}

.articles-news-media-archive .col-lg-6:last-child>* {
  margin-bottom: 0;
}

.articles-news-media-archive .articles-news-media-item:not(:last-child) {
  margin-bottom: 32px;
}

.articles-news-media-archive .article-news-media-two-lg figure img {
  height: 221px;
}

.heading-clinic {
  margin-bottom: 75px;
}

.heading-clinic::before,
.heading-clinic::after {
  content    : "\e939";
  font-family: "icomoon";
  font-size  : 16px;
  line-height: 1;
}

.heading-clinic::before {
  color    : #e9255a;
  transform: translate(-50%, 24px);
}

.heading-clinic::after {
  color    : #494949;
  transform: translate(-50%, 36px);
}

.heading-clinic .title-en {
  letter-spacing: 5.88px;
}

.heading-clinic p {
  max-width: 856px;
}

.heading-clinic.not-arrow::before,
.heading-clinic.not-arrow::after {
  content: none;
}

@media only screen and (max-width: 575px) {
  .heading-clinic .title-en {
    letter-spacing: 4px;
  }
}

.company-item.danger:hover .name,
.company-item.danger:hover .view {
  color: #e9255a;
}

.btn-more-clinic {
  padding  : 13px 18px;
  min-width: 209px;
}

.article-clinic {
  padding-bottom: 67px;
}

.article-clinic figure img {
  box-shadow: 0px 9px 50px rgba(0, 0, 0, 0.05);
  height    : 450px;
}

.article-clinic figure .date {
  padding  : 8.5px 12px;
  min-width: 94px;
  top      : 18px;
  left     : 21px;
}

.article-clinic figure .date::before {
  background-color       : rgba(18, 18, 18, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.article-clinic .content {
  max-width : calc(100% - 44px);
  padding   : 19px 16px 20px;
  box-shadow: 0px 44px 50px rgba(0, 0, 0, 0.05);
}

.article-clinic .content .title {
  max-height: 50px;
}

.article-clinic .content p {
  max-height: 72px;
}

.article-clinic .content .read-more {
  box-shadow      : 0px 7px 17px rgba(0, 0, 0, 0.05), 0px 18px 50px rgba(189, 154, 246, 0.05);
  padding         : 8.5px 20px;
  min-width       : 111px;
  background-color: #fff;
}

.article-clinic .content .read-more:hover {
  background-color: #ea263a;
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .article-clinic .content {
    max-width: calc(100% - 30px);
  }

  .article-clinic .content .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

@media only screen and (max-width: 767px) {
  .article-clinic figure img {
    height: 380px;
  }

  .article-clinic .content {
    max-width: 100%;
  }
}

.swiper-clinic .swiper-pagination-bullet {
  width                                    : 17px;
  height                                   : 17px;
  border-radius                            : 2px;
  background-color                         : #d4d4d4;
  opacity                                  : 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
}

.swiper-clinic .swiper-pagination-bullet-active {
  width           : 23px;
  height          : 23px;
  background-color: #ea263a;
}

.swiper-clinic .swiper-button-next::after,
.swiper-clinic .swiper-button-prev::after {
  color: #494949;
}

.swiper-clinic .swiper-button-next:hover::after,
.swiper-clinic .swiper-button-prev:hover::after {
  color: #EA263A;
}

.breadcrumb-clinic li:not(:last-child)::after {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 11px;
  line-height: 1;
  color      : rgba(73, 73, 73, 0.2);
  margin     : 0 9px;
}

@media only screen and (max-width: 767px) {
  .banners-clinic img {
    border-radius: 15px;
  }
}

.heading-two-clinic .text .title::after {
  background-color: #E9255A;
}

.article-two-clinic::after {
  border-radius   : 25px;
  background-color: rgba(233, 37, 90, 0.23);
  width           : 80px;
  height          : 28px;
  transform       : translate(-50%, 3px);
  filter          : blur(50px);
}

.article-two-clinic figure img {
  border-radius: 25px 25px 0 0;
  box-shadow   : 0px 10px 11px rgba(0, 0, 0, 0.05);
}

.article-two-clinic .detail {
  padding: 0 16px 13px;
}

.article-two-clinic .btn-more {
  margin-top : 15px;
  padding-top: 12px;
  border-top : 2px solid rgba(73, 73, 73, 0.2);
}

.article-two-clinic .btn-more .btn-box {
  box-shadow      : 0px 12px 50px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding         : 6px 14px;
}

.article-two-clinic .btn-more .btn-box .text span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.2px;
}

.article-two-clinic:hover .btn-more .btn-box {
  background-color: #E9255A;
}

.article-two-clinic:hover .btn-more .btn-box .text,
.article-two-clinic:hover .btn-more .btn-box i {
  color: #fff;
}

.article-two-clinic:hover .btn-more .btn-box .text span {
  color: rgba(255, 255, 255, 0.6);
}

.swiper-clinic-two .swiper-pagination-bullet-active {
  background-color: #E9255A;
}

.swiper-clinic-two .swiper-button-next:hover::after,
.swiper-clinic-two .swiper-button-prev:hover::after {
  color: #E9255A;
}

.bg-clinic {
  background                : rgba(245, 250, 254, 0.5);
  --default-color-select-two: #e9255a;
}

.top-header-clinic {
  padding: 51px 0 45px;
}

.top-header-clinic::before {
  width           : 50%;
  height          : 179px;
  background-color: #e9255a;
  border-radius   : 50px;
  transform       : translate(-50%, -171px);
}

.top-header-clinic-nav {
  margin-right: 50px;
}

.top-header-clinic-nav ul {
  gap: 32px;
}

.top-header-clinic-nav ul li a::before {
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: rgba(233, 37, 90, 0.8);
  margin-left     : 6px;
  opacity         : 0;
}

.top-header-clinic-nav ul li a.active,
.top-header-clinic-nav ul li a:hover {
  color: rgba(233, 37, 90, 0.8);
}

.top-header-clinic-nav ul li a.active::before,
.top-header-clinic-nav ul li a:hover::before {
  opacity: 1;
}

.top-header-clinic-nav ul li a.active {
  font-weight: 600;
}

.top-header-clinic-contact {
  background-color: rgba(233, 37, 90, 0.05);
  padding         : 11px 13.6px;
}

.top-header-clinic-request-visit {
  padding: 12px 28.3px;
}

.header-contact-clinic::after {
  transform: translate(-58px, 46px);
}

.header-contact-clinic-box {
  padding         : 16.5px 25.8px;
  background-color: rgba(233, 37, 90, 0.05);
}

.header-contact-clinic-location {
  background-color: rgba(172, 172, 172, 0.1);
}

.header-contact-clinic-socials li a::after {
  background-color: rgba(233, 37, 90, 0.37);
}

.header-contact-clinic-socials li a:hover i {
  background-color: #e9255a;
}

.modal-visit .modal-dialog {
  max-width: 1080px;
}

.modal-visit .modal-content {
  border          : 0;
  background-color: #fffbfc;
  border-radius   : 50px;
}

.modal-visit .modal-body {
  padding: 53px 59px 43px 44px;
}

.modal-visit .right .title-en {
  letter-spacing: 5.04px;
}

.modal-visit .price {
  max-width       : 265px;
  background-color: rgba(73, 73, 73, 0.05);
  padding         : 12px;
}

.modal-visit form {
  gap: 20px 0;
}

.modal-visit .form-control,
.modal-visit .select2-container--default .select2-selection--single {
  box-shadow: 0px 42px 22px rgba(0, 0, 0, 0.02);
  height    : 53px;
  padding   : 0 20px;
  border    : 1px solid #fff;
}

.modal-visit .form-control,
.modal-visit .select-two-item-title {
  color: rgba(73, 73, 73, 0.5);
}

.modal-visit .select-two-item-title {
  font-size  : 14px;
  font-weight: 400;
  line-height: 22px;

}

.modal-visit .select2-container--default .select2-selection--single {
  display    : flex;
  align-items: center;
}

.modal-visit .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.modal-visit .form-control:focus,
.modal-visit .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #e9255a;
}

.modal-visit .btns .btn {
  padding: 11px 18px;
}

.modal-visit .btns .changer {
  width     : 46px;
  height    : 46px;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  margin    : 0 20px;
}

.modal-visit-success .modal-body {
  padding: 26px 29px 27px 94px;
}

.modal-visit-success .content .icon {
  font-size: 71px;
  color    : #27AD7B;
}

.modal-visit-success .content .btn {
  padding: 16px 33px;
}

@media only screen and (max-width: 1090px) {
  .modal-visit .modal-dialog {
    max-width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-clinic-nav {
    margin-right: 20px;
  }

  .top-header-clinic-nav ul {
    gap: 16px;
  }

  .top-header-clinic-request-visit {
    margin-right: 20px;
    padding     : 12px 20px;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 991px) {
  .top-header-clinic {
    padding: 24px 0;
  }

  .top-header-clinic-request-visit {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .top-header-clinic::before {
    width: 75%;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 575px) {
  .top-header-clinic::before {
    width: 90%;
  }

  .top-header-clinic-logo img {
    width : auto;
    height: 38px;
  }

  .top-header-clinic-request-visit {
    width  : 44px;
    height : 44px;
    padding: 0;
  }

  .top-header-clinic-request-visit i {
    margin-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .modal-visit .modal-content {
    border-radius: 32px;
  }

  .modal-visit .modal-body {
    padding: 40px 32px;
  }
}

@media only screen and (max-width: 575px) {
  .modal-visit .modal-dialog {
    max-width: 100%;
  }

  .modal-visit .modal-content {
    border-radius: 20px;
  }

  .modal-visit .modal-body {
    padding: 40px 16px;
  }

  .modal-visit .btns .changer {
    margin   : 20px auto;
    transform: rotate(90deg);
  }

  .modal-visit-success .content .icon {
    font-size: 48px;
  }
}

.footer-clinic {
  border-radius: 68px 68px 0 0;
  padding      : 68px 0 45px;
}

.footer-clinic::before {
  top               : 41px;
  right             : 54px;
  left              : 54px;
  border-block-start: 0.5px dashed rgba(73, 73, 73, 0.5);
}

.footer-clinic::after {
  width           : 50%;
  height          : 179px;
  background-color: #E9255A;
  border-radius   : 50px;
  transform       : translate(-50%, 165px);
}

.footer-clinic-info-contact {
  border-bottom: 1px solid rgba(73, 73, 73, 0.2);
}

.footer-clinic-info-contact i {
  box-shadow: 0px 34px 100px rgba(0, 0, 0, 0.05);
  width     : 100px;
  height    : 100px;
  font-size : 57px;
}

.footer-clinic-info-contact .detail {
  max-width: calc(100% - 112px);
}

.footer-clinic-contact a {
  padding: 18px 28px;
}

.footer-clinic-contact a:hover,
.footer-clinic-contact a:hover i,
.footer-clinic-contact a:hover span,
.footer-clinic-contact a:focus,
.footer-clinic-contact a:focus i,
.footer-clinic-contact a:focus span,
.footer-clinic-contact a:active,
.footer-clinic-contact a:active i,
.footer-clinic-contact a:active span {
  color: #fff;
}

.footer-clinic-contact a[class^=btn-outline-],
.footer-clinic-contact a[class*=" btn-outline-"] {
  padding: 17px 28px;
}

.footer-clinic-news-letter::after {
  width           : 1px;
  height          : 47px;
  background-color: rgba(73, 73, 73, 0.2);
  left            : 64px;
}

.footer-clinic-news-letter .form-control {
  background-color: rgba(250, 250, 250, 0.5);
  border          : 1px solid rgba(250, 250, 250, 0.5);
  height          : 62px;
  color           : rgba(73, 73, 73, 0.5);
  padding-left    : 72px;
}

.footer-clinic-news-letter .form-control:focus {
  border-color: #E9255A;
  box-shadow  : 0 0 0 4px rgba(233, 37, 90, 0.2);
}

.footer-clinic-news-letter button {
  left: 29px;
}

.footer-clinic-description {
  background-color: #FAFAFA;
  padding         : 48px 42px;
}

.footer-clinic-logo img {
  width : auto;
  height: 47px;
}

@media only screen and (max-width: 1199px) {
  .footer-clinic-contact a {
    padding: 18px 20px;
  }

  .footer-clinic-contact a[class^=btn-outline-],
  .footer-clinic-contact a[class*=" btn-outline-"] {
    padding: 17px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-clinic {
    border-radius: 0;
    padding      : 32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-clinic-description {
    padding      : 32px 20px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-clinic-info-contact i {
    width    : 64px;
    height   : 64px;
    font-size: 40px;
  }

  .footer-clinic-contact a {
    flex: 1 0 auto;
  }

  .footer-clinic-news-letter::after {
    left: 48px;
  }

  .footer-clinic-news-letter .form-control {
    padding-left: 54px;
  }

  .footer-clinic-news-letter button {
    left: 20px;
  }
}

.landing-clinic::after {
  top      : 80px;
  transform: translateX(38px);
}

.landing-clinic .image {
  filter: drop-shadow(0px 64px 50px rgba(0, 0, 0, 0.05));
}

.landing-clinic .content {
  padding-top: 115px;
}

.landing-clinic .content .shape {
  width  : 42px;
  height : 42px;
  z-index: -1;
}

.landing-clinic .content .shape-1,
.landing-clinic .content .shape-4 {
  top: 78px;
}

.landing-clinic .content .shape-1 {
  transform: translateX(-40px);
}

.landing-clinic .content .shape-2 {
  top : 106px;
  left: 12px;
}

.landing-clinic .content .shape-3 {
  top : 40px;
  left: 37px;
}

.landing-clinic .content .shape-4 {
  left: 94px;
}

.landing-clinic .content::before {
  width           : 69px;
  height          : 72px;
  background-image: var(--wpr-bg-2d4e4267-ed5d-4dd5-977a-e1c8918f1af9);
}

.landing-clinic .content .sup-title {
  background-image: linear-gradient(178.2deg, rgba(233, 37, 90, 0.8) 1.52%, rgba(233, 37, 90, 0) 178.57%);
}

.landing-clinic .content .btns .btn {
  padding: 20px 28px;
}

.landing-clinic .content .btns .btn:not(:first-child) {
  padding: 18px 28px;
}

.landing-clinic .content .btns .btn-whatsapp:hover,
.landing-clinic .content .btns .btn-whatsapp:active,
.landing-clinic .content .btns .btn-whatsapp:focus,
.landing-clinic .content .btns .btn-phone:hover,
.landing-clinic .content .btns .btn-phone:active,
.landing-clinic .content .btns .btn-phone:focus {
  color: rgba(255, 255, 255, 0.8);
}

.landing-clinic .content .btns .btn-whatsapp:hover i,
.landing-clinic .content .btns .btn-whatsapp:hover span,
.landing-clinic .content .btns .btn-whatsapp:active i,
.landing-clinic .content .btns .btn-whatsapp:active span,
.landing-clinic .content .btns .btn-whatsapp:focus i,
.landing-clinic .content .btns .btn-whatsapp:focus span,
.landing-clinic .content .btns .btn-phone:hover i,
.landing-clinic .content .btns .btn-phone:hover span,
.landing-clinic .content .btns .btn-phone:active i,
.landing-clinic .content .btns .btn-phone:active span,
.landing-clinic .content .btns .btn-phone:focus i,
.landing-clinic .content .btns .btn-phone:focus span {
  color: #fff;
}

.landing-clinic .content .btns .btn[class^=btn-outline-],
.landing-clinic .content .btns .btn[class*=" btn-outline-"] {
  padding: 17px 28px;
}

@media only screen and (max-width: 1399px) {
  .landing-clinic .content .btns .btn {
    padding: 20px 20px;
  }

  .landing-clinic .content .btns .btn:not(:first-child) {
    padding: 18px 20px;
  }

  .landing-clinic .content .btns .btn[class^=btn-outline-],
  .landing-clinic .content .btns .btn[class*=" btn-outline-"] {
    padding: 17px 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .landing-clinic .content .btns {
    gap: 12px;
  }

  .landing-clinic .content .btns .btn {
    padding: 20px 16px;
  }

  .landing-clinic .content .btns .btn:not(:first-child) {
    padding: 18px 16px;
  }

  .landing-clinic .content .btns .btn[class^=btn-outline-],
  .landing-clinic .content .btns .btn[class*=" btn-outline-"] {
    padding: 17px 16px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-clinic {
    margin-top: 20px;
  }

  .landing-clinic::before {
    top      : 0;
    transform: translateY(-120px);
  }

  .landing-clinic .content {
    padding-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .landing-clinic .content .btns .btn {
    flex: 1 0 auto;
  }
}

.companies-clinic {
  margin: 60px 0 143px;
}

.companies-clinic::before {
  top             : 47px;
  background-image: var(--wpr-bg-67c86777-a08f-4866-b844-a581ab57cff5);
  height          : 509px;
}

.companies-clinic::after {
  top      : 173px;
  transform: translateX(35px);
}

.companies-clinic .container::after {
  transform: translate(-45px, 58px);
}

.companies-clinic .swiper::after {
  background-image: var(--wpr-bg-bb703097-50fa-47e8-8d5a-becad3c95c12);
  width           : 69px;
  height          : 72px;
  transform       : translate(-42px, -18px);
}

@media only screen and (max-width: 767px) {
  .companies-clinic {
    margin-bottom: 60px;
  }
}

.what-me-clinic::after {
  background-image: var(--wpr-bg-100efe22-da66-4c6e-8994-3ccb64540591);
  background-color: #e9255a;
  width           : 210px;
  height          : 575px;
  border-radius   : 129px;
  transform       : translate(184px, 252px);
}

.what-me-clinic .container::after {
  transform: translate(-33px, 16px);
}

.what-me-clinic .image {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.15));
}

.what-me-clinic .image::before {
  background-image: var(--wpr-bg-3b821ba6-0432-4119-81db-adae0689ee0c);
  width           : 95px;
  height          : 99px;
  right           : 18%;
}

.what-me-clinic .image .img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDg2IiBoZWlnaHQ9IjQwNSIgdmlld0JveD0iMCAwIDQ4NiA0MDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjMzLjU3NCAxLjgxNTU0QzI3NC4xMzYgLTQuNzE0ODggMzE3LjQzMiA2Ljc1NzQxIDM1MS43OSAyOS4yNDIyQzM4NS45MyA1MS45NDI4IDQxMC45MTcgODUuNDM4MSA0MzMuNTAxIDEyMy4wNEM0NTYuMDg0IDE2MC42NDMgNDc2LjQ4MiAyMDIuMTM2IDQ4Mi45NyAyNTEuODAyQzQ4OS42NzQgMzAxLjY4NSA0ODIuMjUgMzU5Ljk1NSA0NDguNTM1IDM4NS41OTFDNDE0LjYwNCA0MTEuMDEgMzU0LjM4IDQwNC4yMjcgMzAxLjI4MSA0MDMuMzNDMjQ4LjYxNiA0MDIuNDM0IDIwMy4wNzQgNDA3Ljg1OCAxNTkuNTY2IDM5NS4zMDFDMTE2LjA1OCAzODIuNzQ0IDc0LjU4NDcgMzUyLjIwNiA0My4zNTM3IDMwOS43OTVDMTIuMzQwNSAyNjcuMTY4IC04LjY0NjE2IDIxMi40NSA1LjQzMTA5IDE2OC4zQzE5LjUwODMgMTI0LjE0OSA2OC42NDk1IDkwLjU2NDcgMTEyLjEzMyA2MS43MjI5QzE1NS4xODMgMzIuODc5MSAxOTMuMDExIDguMzQ1OTcgMjMzLjU3NCAxLjgxNTU0WiIgZmlsbD0iI0ZGMDA2NiIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDg2IiBoZWlnaHQ9IjQwNSIgdmlld0JveD0iMCAwIDQ4NiA0MDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjMzLjU3NCAxLjgxNTU0QzI3NC4xMzYgLTQuNzE0ODggMzE3LjQzMiA2Ljc1NzQxIDM1MS43OSAyOS4yNDIyQzM4NS45MyA1MS45NDI4IDQxMC45MTcgODUuNDM4MSA0MzMuNTAxIDEyMy4wNEM0NTYuMDg0IDE2MC42NDMgNDc2LjQ4MiAyMDIuMTM2IDQ4Mi45NyAyNTEuODAyQzQ4OS42NzQgMzAxLjY4NSA0ODIuMjUgMzU5Ljk1NSA0NDguNTM1IDM4NS41OTFDNDE0LjYwNCA0MTEuMDEgMzU0LjM4IDQwNC4yMjcgMzAxLjI4MSA0MDMuMzNDMjQ4LjYxNiA0MDIuNDM0IDIwMy4wNzQgNDA3Ljg1OCAxNTkuNTY2IDM5NS4zMDFDMTE2LjA1OCAzODIuNzQ0IDc0LjU4NDcgMzUyLjIwNiA0My4zNTM3IDMwOS43OTVDMTIuMzQwNSAyNjcuMTY4IC04LjY0NjE2IDIxMi40NSA1LjQzMTA5IDE2OC4zQzE5LjUwODMgMTI0LjE0OSA2OC42NDk1IDkwLjU2NDcgMTEyLjEzMyA2MS43MjI5QzE1NS4xODMgMzIuODc5MSAxOTMuMDExIDguMzQ1OTcgMjMzLjU3NCAxLjgxNTU0WiIgZmlsbD0iI0ZGMDA2NiIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.what-me-clinic .image .img::before {
  background-color: rgba(0, 0, 0, 0.5);
  z-index         : 3;
}

.what-me-clinic .image .img img {
  transform: rotate(-44.73deg);
}

.what-me-clinic .image i {
  font-size: 54px;
  color    : #fff;
  z-index  : 10;
}

.what-me-clinic .title-en {
  letter-spacing: 5.88px;
}

.what-me-clinic .btn {
  padding: 20px 24px;
}

@media only screen and (max-width: 575px) {
  .what-me-clinic .title-en {
    letter-spacing: 5px;
  }
}

.my-services-clinic {
  margin: 190px 0 126px;
}

.my-services-clinic::before {
  background-image: var(--wpr-bg-ef461b5b-5d27-4c1f-a241-e65bd17647c9);
  height          : 509px;
  transform       : translateY(-4px);
}

.my-services-clinic .heading-clinic {
  margin-bottom: 66px;
}

.my-services-clinic .row {
  gap: 54px 0;
}

@media only screen and (max-width: 991px) {
  .my-services-clinic .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-services-clinic {
    margin: 70px 0;
  }
}

.comments-clinic {
  z-index: 5;
}

.comments-clinic::after {
  background-image: var(--wpr-bg-de2007ab-cda0-4662-9d71-6a7761f0713c);
  background-color: #e9255a;
  width           : 210px;
  height          : 575px;
  border-radius   : 129px;
  transform       : translate(-183px, -192px);
}

.comments-clinic .container::before {
  top      : 56px;
  transform: translateX(50px);
}

.comments-clinic-item {
  padding   : 60px 52px;
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.1);
}

.comments-clinic-item .image {
  width: 153px;
}

.comments-clinic-item .detail {
  max-width: calc(100% - 315px);
}

.comments-clinic-item .detail .audio {
  height: 36px;
}

.comments-clinic-item .play:not(.played) img:last-child {
  display: none;
}

.comments-clinic-item .play.played img:first-child {
  display: none;
}

.comments-clinic .carousel {
  margin: 0 112px;
}

.comments-clinic .carousel::before,
.comments-clinic .carousel .swiper::before {
  height          : 51px;
  border-radius   : 50px;
  background-color: #fff;
  box-shadow      : 0px 40px 50px rgba(0, 0, 0, 0.1);
}

.comments-clinic .carousel::before {
  width    : 65%;
  transform: translate(-50%, 45px);
}

.comments-clinic .carousel::after {
  width           : 445px;
  height          : 455px;
  border-radius   : 50%;
  background-color: #fbf4f6;
  transform       : translate(60px, 212px);
}

.comments-clinic .carousel .swiper::before {
  width    : 80%;
  transform: translate(-50%, 23px);
}

.comments-clinic .carousel .swiper-slide,
.comments-clinic .carousel .swiper-slide>* {
  height: 100% !important;
}

.comments-clinic .carousel .swiper-button-next,
.comments-clinic .carousel .swiper-button-prev {
  transform: translate(80px, -50%);
}

.comments-clinic .carousel .swiper-button-next::after,
.comments-clinic .carousel .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 26px;
  line-height: 1;
  color      : rgba(73, 73, 73, 0.5);
}

.comments-clinic .carousel .swiper-button-next:hover::after,
.comments-clinic .carousel .swiper-button-prev:hover::after {
  color: #e9255a;
}

.comments-clinic .carousel .swiper-button-next {
  top : calc(50% + 24px);
  left: auto;
}

.comments-clinic .carousel .swiper-button-next::after {
  content: "\e967";
}

.comments-clinic .carousel .swiper-button-prev {
  top: calc(50% - 24px);
}

.comments-clinic .carousel .swiper-button-prev::after {
  content: "\e99e";
}

@media only screen and (max-width: 1199px) {
  .comments-clinic-item {
    padding: 60px 40px;
  }
}

@media only screen and (max-width: 991px) {
  .comments-clinic .carousel {
    margin: 0;
  }

  .comments-clinic .carousel .swiper-button-next,
  .comments-clinic .carousel .swiper-button-prev {
    top      : auto;
    right    : auto !important;
    bottom   : 0;
    transform: translate(-50%, 160px);
  }

  .comments-clinic .carousel .swiper-button-next {
    left: calc(50% - 24px);
  }

  .comments-clinic .carousel .swiper-button-next::after {
    content: "\e902";
  }

  .comments-clinic .carousel .swiper-button-prev {
    left: calc(50% + 24px);
  }

  .comments-clinic .carousel .swiper-button-prev::after {
    content: "\e966";
  }

  .comments-clinic-item {
    padding      : 48px 32px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-clinic-item {
    padding: 32px 20px;
  }

  .comments-clinic-item .detail {
    max-width   : 100%;
    margin-right: 0;
  }

  .comments-clinic-item .detail .position {
    margin-bottom: 30px;
  }

  .comments-clinic-item .detail .audio {
    max-width: calc(100% - 100px);
  }

  .comments-clinic-item .play {
    position: absolute !important;
    left    : 20px;
    bottom  : 14px;
  }

  .comments-clinic-item .play img {
    width : auto;
    height: 72px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-clinic-item {
    padding: 30px 16px;
  }

  .comments-clinic-item .detail .name {
    font-size  : 14px;
    line-height: 22px;
  }

  .comments-clinic-item .detail .position {
    font-size  : 12px;
    line-height: 18px;
  }

  .comments-clinic-item .detail .audio {
    max-width: calc(100% - 70px);
  }

  .comments-clinic-item .play {
    bottom: 20px;
  }

  .comments-clinic-item .play img {
    height: 48px;
  }

  .comments-clinic .carousel::before,
  .comments-clinic .carousel .swiper::before {
    height: 32px;
  }

  .comments-clinic .carousel::before {
    transform: translate(-50%, 28px);
  }

  .comments-clinic .carousel .swiper::before {
    transform: translate(-50%, 14px);
  }
}

.gallery-image-clinic {
  margin: 221px 0 89px;
}

.gallery-image-clinic::after {
  transform: translate(65px, -55px);
}

.gallery-image-clinic .heading-clinic {
  margin-bottom: 93px;
}

.gallery-image-clinic .swiper-slide img {
  max-height: 307px;
}

.articles-clinic {
  margin-bottom: 80px;
}

.articles-clinic::after {
  top      : 50%;
  transform: translate(-45px, -50%);
}

.articles-clinic .container::before {
  width           : 210px;
  height          : 575px;
  border-radius   : 129px;
  background-color: #E9255A;
  background-image: var(--wpr-bg-70ed3f52-bb8e-4317-a2cf-dad5673ded37);
  transform       : translate(184px, 108px);
}

.articles-clinic .container::after {
  transform: translate(-33px, 60px);
}

.articles-clinic .heading-clinic {
  margin-bottom: 89px;
}

.about-what-me-clinic {
  margin: 154px 0 83px;
}

.about-what-me-clinic::before {
  background-image: var(--wpr-bg-ec67a256-7236-4d85-beea-af0950d21199);
  transform       : translateY(-154px);
  height          : 1262px;
}

.about-what-me-clinic .container::before {
  width           : 69px;
  height          : 72px;
  background-image: var(--wpr-bg-ae1e0873-a4ff-4d07-ab10-1e0bbb722f7b);
  left            : 81px;
}

@media only screen and (max-width: 767px) {
  .about-what-me-clinic {
    margin: 70px 0;
  }
}

.awards-clinic .heading-clinic {
  margin-bottom: 78px;
}

.awards-clinic .row {
  gap: 93px 0;
}

.awards-clinic-item .image::before {
  box-shadow: 0px 21px 25px rgba(0, 0, 0, 0.05);
}

.awards-clinic-item:hover {
  background-color: #e9255a;
}

.some-services-clinic {
  margin: 116px 0 100px;
}

.some-services-clinic::before {
  background-image: var(--wpr-bg-7cb92dbb-4ac1-47f7-8e67-e117e40091ca);
  transform       : translateY(-20px);
  height          : 892px;
}

.some-services-clinic .heading-clinic {
  margin-bottom: 100px;
}

.some-services-clinic .top-services-item:not(:last-child) {
  margin-bottom: 54px;
}

.some-services-clinic .row>*:nth-child(4) {
  margin-top: -140px;
}

@media only screen and (max-width: 991px) {
  .some-services-clinic .top-services-item:not(:last-child) {
    margin-bottom: 24px;
  }

  .some-services-clinic .row {
    gap: 24px 0;
  }

  .some-services-clinic .row>*:nth-child(4) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .some-services-clinic {
    margin: 70px 0;
  }
}

.international-degrees-clinic {
  margin: 123px 0 95px;
}

.international-degrees-clinic::before {
  background-image: var(--wpr-bg-aa2393b2-ecdc-465d-8957-b4c8e8973867);
  transform       : translateY(-38px);
  height          : 1046px;
}

.international-degrees-clinic .heading-clinic {
  margin-bottom: 137px;
}

.international-degrees-clinic-item {
  padding-bottom: 52px;
}

.international-degrees-clinic-item img {
  box-shadow: 0px 45px 50px rgba(0, 0, 0, 0.1);
}

.international-degrees-clinic-item .title {
  max-width : 50%;
  padding   : 40px 20px;
  box-shadow: 0px 67px 50px rgba(0, 0, 0, 0.02);
  max-width : 80%;
}

.international-degrees-clinic .row {
  gap: 64px 0;
}

@media only screen and (max-width: 1199px) {
  .international-degrees-clinic-item .title {
    padding: 40px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .international-degrees-clinic .heading-clinic {
    margin-bottom: 70px;
  }

  .international-degrees-clinic-item img,
  .international-degrees-clinic-item .title {
    border-radius: 20px;
  }

  .international-degrees-clinic-item .title {
    max-width: 100%;
    padding  : 30px 12px;
  }

  .international-degrees-clinic .row {
    gap: 24px 0;
  }
}

.faqs-clinic::before {
  background-image: var(--wpr-bg-c7173a84-c79e-4959-b662-f0c07c3d1116);
  transform       : translateY(-26px);
  height          : 729px;
}

.faqs-clinic .heading-clinic {
  margin-bottom: 112px;
}

.faqs-clinic .row {
  gap: 31px 0;
}

.about-gallery-image-clinic {
  margin: 95px 0 89px;
}

.contact-landing-clinic {
  margin: 75px 0 113px;
}

.contact-landing-clinic::before {
  background-image: var(--wpr-bg-26fe4f98-6787-43c4-ae8b-ba686ec90881);
  transform       : translateY(-119px);
  height          : 740px;
}

.contact-landing-clinic .content .shape {
  width  : 42px;
  height : 42px;
  z-index: -1;
}

.contact-landing-clinic .content .shape-1 {
  transform: translate(-8px, -28px);
}

.contact-landing-clinic .content .shape-2 {
  transform: translate(-65px, -66px);
}

.contact-landing-clinic .content .shape-3 {
  transform: translateX(-90px);
}

.contact-landing-clinic .content .shape-4 {
  transform: translate(-146px, -28px);
}

.contact-landing-clinic .content .title-en {
  letter-spacing: 5.88px;
}

.contact-landing-clinic .content .btn {
  padding: 20px 28px;
}

.contact-landing-clinic .image::after {
  top             : 120px;
  transform       : translateX(-20px);
  width           : 105px;
  height          : 110px;
  background-image: var(--wpr-bg-134b02d1-838d-4d25-945f-d68be8896f11);
}

.contact-landing-clinic .image img {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 767px) {
  .contact-landing-clinic {
    margin: 40px 0 70px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-landing-clinic .content .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .contact-landing-clinic .content .title-en {
    letter-spacing: 4px;
  }
}

.address-time-work-clinic::before {
  background-image: var(--wpr-bg-05cdce2c-5276-4e0a-9e18-0b39f3d8aedf);
  transform       : translateY(-6px);
  height          : 435px;
}

.address-time-work-clinic::after {
  bottom   : 110px;
  transform: translateX(35px);
}

.address-time-work-clinic .container::after {
  transform: translate(-45px, 87px);
}

.address-time-work-clinic .heading-clinic {
  margin-bottom: 25px;
}

.address-time-work-clinic-info {
  padding   : 29.5px 29px;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
}

.address-time-work-clinic-info .contact {
  gap: 30px;
}

.address-time-work-clinic-info .contact-item {
  width: 60%;
}

.address-time-work-clinic-info .contact-item:nth-child(2) {
  width: 40%;
}

.address-time-work-clinic-info .btns .btn {
  padding: 20px 28px;
}

.address-time-work-clinic-images-item {
  border-radius: 25px 25px 0;
  box-shadow   : 0px 16px 25px rgba(0, 0, 0, 0.1);
}

.address-time-work-clinic-images-item::before {
  background-color: rgba(0, 0, 0, 0.5);
  opacity         : 0;
  z-index         : 4;
}

.address-time-work-clinic-images-item:hover::before {
  opacity: 1;
}

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

  .address-time-work-clinic-info .contact-item,
  .address-time-work-clinic-info .contact-item:nth-child(2) {
    width: auto;
  }
}

@media only screen and (max-width: 575px) {
  .address-time-work-clinic-info {
    padding      : 20px;
    border-radius: 15px;
  }

  .address-time-work-clinic-info .btns {
    flex: 1 0 100%;
  }

  .address-time-work-clinic-info .btns .btn {
    flex: 1 0 auto;
  }

  .address-time-work-clinic-images-item {
    border-radius: 15px 15px 0;
  }
}

.members-clinic {
  margin: 143px 0 134px;
}

.members-clinic::before {
  background-image: var(--wpr-bg-087f2155-ff2e-469f-87e0-62397d7f7d52);
  transform       : translateY(-184px);
  height          : 1262px;
}

.members-clinic::after {
  transform: translate(35px, 18px);
}

.members-clinic .heading-clinic {
  margin-bottom: 40px;
}

.members-clinic-item {
  box-shadow: 0px 64px 100px rgba(0, 0, 0, 0.05);
  padding   : 41px 12px 28px;
}

.members-clinic-item img {
  box-shadow: 0px 39px 50px rgba(0, 0, 0, 0.15);
}

.members-clinic-item .btn {
  background-color: #727272;
  padding         : 12px 24px;
}

.members-clinic-item:hover {
  box-shadow: 0px 64px 100px rgba(233, 37, 90, 0.05);
}

.members-clinic-item:hover .btn {
  background-color: #e9255a;
  box-shadow      : 0px 34px 50px rgba(233, 37, 90, 0.05);
  color           : rgba(255, 255, 255, 0.8);
}

.members-clinic .row {
  gap: 42px 0;
}

@media only screen and (max-width: 767px) {
  .members-clinic {
    margin: 80px 0;
  }

  .members-clinic .row {
    gap: 24px 0;
  }
}

.form-contact-clinic {
  margin: 157px 0 138px;
}

.form-contact-clinic::before {
  bottom   : 75px;
  transform: translateX(35px);
}

.form-contact-clinic::after {
  top      : auto;
  transform: translate(-45px, 122px);
}

@media only screen and (max-width: 767px) {
  .form-contact-clinic {
    margin: 80px 0;
  }
}

.contact-articles-clinic {
  margin: 211px 0 94px;
}

@media only screen and (max-width: 767px) {
  .contact-articles-clinic {
    margin: 80px 0;
  }
}

.search-blog-clinic {
  margin: 127px 0 101px;
}

.search-blog-clinic::before {
  background-image: var(--wpr-bg-35823b11-4b39-4d7c-8f92-5a48d223e406);
  height          : 1088px;
  transform       : translateY(-69px);
}

.search-blog-clinic::after {
  bottom   : 27px;
  transform: translateX(-63px);
}

.search-blog-clinic-wrapper {
  max-width: 768px;
}

.search-blog-clinic form {
  max-width: 635px;
}

.search-blog-clinic form .form-control {
  box-shadow  : 0px 47px 50px rgba(0, 0, 0, 0.02);
  color       : #787878;
  height      : 62px;
  border-color: #fff;
  padding-left: 72px;
}

.search-blog-clinic form .form-control:focus {
  border-color: #e9255a;
}

.search-blog-clinic form .btn {
  width: 62px;
}

@media only screen and (max-width: 767px) {
  .search-blog-clinic {
    margin: 40px 0 60px;
  }
}

@media only screen and (max-width: 575px) {
  .search-blog-clinic .title {
    font-size  : 20px;
    line-height: 32px;
  }
}

.top-article-blog-clinic::before {
  transform: translate(53px, -50%);
}

.top-article-blog-clinic::after {
  bottom   : 64px;
  transform: translateX(-51px);
}

.top-article-blog-clinic .swiper {
  padding-bottom: 0;
}

.last-articles-blog-clinic {
  margin: 139px 0 171px;
}

.last-articles-blog-clinic::before {
  background-image: var(--wpr-bg-87c662d4-faac-4dad-b3c5-5f415f06cfcf);
  height          : 940px;
  top             : 72px;
}

.last-articles-blog-clinic::after {
  top      : 129px;
  transform: translateX(65px);
}

@media only screen and (max-width: 767px) {
  .last-articles-blog-clinic {
    margin: 80px 0 171px;
  }
}

.question-clinic-wrapper {
  padding         : 53px 398px 52px 24px;
  background-color: #e9255a;
  background-image: var(--wpr-bg-a6ac1838-8726-4ab6-8156-b2faf42358b1);
}

.question-clinic-wrapper img {
  right    : 68px;
  transform: translateY(9px);
}

.question-clinic-wrapper .link {
  bottom: 25px;
  left  : 75px;
}

.question-clinic-wrapper .link:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .question-clinic-wrapper {
    padding: 230px 20px 64px;
  }

  .question-clinic-wrapper img,
  .question-clinic-wrapper .link {
    left     : 50%;
    transform: translate(-50%, -40%);
  }

  .question-clinic-wrapper img {
    top   : 0;
    right : auto;
    bottom: auto !important;
  }

  .question-clinic-wrapper .link {
    bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .question-clinic-wrapper {
    margin       : 0 -12px;
    border-radius: 0;
  }
}

.best-articles-blog-clinic {
  margin: 125px 0 85px;
}

.best-articles-blog-clinic::before {
  background-image: var(--wpr-bg-18a947eb-e72a-48fd-b86c-d1e9f0f17b59);
  transform       : translateY(-81px);
  height          : 1011px;
}

.best-articles-blog-clinic::after {
  top      : 60%;
  transform: translate(53px, -50%);
}

.best-articles-blog-clinic .container::after {
  top      : 30%;
  transform: translate(-42px, 50%);
}

@media only screen and (max-width: 767px) {
  .best-articles-blog-clinic {
    margin: 70px 0;
  }
}

.lasted-articles-blog-clinic {
  margin: 0 0 91px;
}

.lasted-articles-blog-clinic::after {
  transform: translate(-30px, -31px);
}

@media only screen and (max-width: 767px) {
  .lasted-articles-blog-clinic {
    margin-bottom: 60px;
  }
}

.detail-blog-clinic::before {
  top              : 224px;
  background-image : var(--wpr-bg-2618f560-86d8-484c-89f4-6437d14d3991);
  background-repeat: repeat-y;
}

.detail-blog-clinic::after {
  width           : 382px;
  height          : 580px;
  background-color: #e9255a;
  background-image: var(--wpr-bg-48e190ef-d25e-4eb5-bfe5-8dca5aac3988);
  bottom          : 20%;
  transform       : translateX(-350px);
  border-radius   : 129px;
}

.detail-blog-clinic-image {
  border-radius   : 73px;
  background-color: rgba(216, 216, 216, 0.69);
  padding         : 11px;
  box-shadow      : 0px 26px 50px rgba(0, 0, 0, 0.2);
  margin-bottom   : 122px;
}

.detail-blog-clinic-image::before {
  top             : 11px;
  right           : -72px;
  bottom          : 11px;
  left            : -72px;
  border-radius   : 53px;
  background-color: #e9255a;
  box-shadow      : 0px 24px 30px rgba(0, 0, 0, 0.15);
}

.detail-blog-clinic-image img {
  border-radius: 62px;
}

.detail-blog-clinic-images {
  margin-bottom: 167px;
}

.detail-blog-clinic-images-item {
  padding         : 10px;
  background-color: #ededed;
  box-shadow      : 0px 39px 50px rgba(0, 0, 0, 0.1);
}

.detail-blog-clinic-images.row>*:nth-child(2) .detail-blog-clinic-images-item {
  height: 50%;
}

.detail-blog-clinic-images.row>*:nth-child(2) .detail-blog-clinic-images-item:not(:last-child) {
  margin-bottom: 26px;
}

.detail-blog-clinic-question-online {
  background-color: #e9255a;
  background-image: var(--wpr-bg-c191ced1-431e-4314-a8cc-64be3807921b);
  padding         : 44.5px 20px;
}

.detail-blog-clinic-question-online .title::before,
.detail-blog-clinic-question-online .title::after {
  width : 92px;
  height: 152px;
}

.detail-blog-clinic-question-online .title::before {
  background-image: var(--wpr-bg-84d8bb91-a59a-455e-ab3c-b358ab88020e);
  transform       : translate(194px, 20px) rotate(23.53deg);
}

.detail-blog-clinic-question-online .title::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/other/ques-clinic-02.png);
  transform       : translate(-187px, 20px) rotate(156.47deg);
}

.detail-blog-clinic-send-comment {
  margin: 112px 0 99px;
}

.detail-blog-clinic-send-comment form .btn {
  box-shadow: 0px 18px 25px rgba(134, 155, 235, 0.32);
}

.detail-blog-clinic-info .info li a:hover {
  color: #e9255a;
}

.detail-blog-clinic-info .info li i {
  background-color: #e9255a;
}

.detail-blog-clinic-info .share ul li a:hover {
  background-color: #e9255a;
}

.detail-blog-clinic-comments {
  margin: 108px 0 126px;
}

.detail-blog-clinic-comments li .content .text-reply .btn {
  box-shadow: 0px 32px 25px rgba(233, 37, 90, 0.25);
}

.detail-blog-clinic-comments li .content .text-reply p::before,
.detail-blog-clinic-comments li ul::before {
  background-color: rgba(233, 37, 90, 0.75);
}

@media only screen and (max-width: 991px) {
  .detail-blog-clinic-image {
    border-radius: 48px;
  }

  .detail-blog-clinic-image::before {
    border-radius: 32px;
  }

  .detail-blog-clinic-image img {
    border-radius: 37px;
  }
}

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

  .detail-blog-clinic-image,
  .detail-blog-clinic-images,
  .detail-blog-clinic-question-online {
    margin-bottom: 60px;
  }

  .detail-blog-clinic-content {
    font-size  : 14px;
    line-height: 26px;
  }

  .detail-blog-clinic-images-item {
    border-radius: 30px;
  }

  .detail-blog-clinic-images-item img {
    border-radius: 20px;
  }

  .detail-blog-clinic-question-online .title {
    width: 100%;
  }

  .detail-blog-clinic-question-online .title::before {
    transform: translateY(20px) rotate(23.53deg);
    right    : auto;
    left     : 100%;
  }

  .detail-blog-clinic-question-online .title::after {
    transform: translateY(20px) rotate(156.47deg);
    right    : 100%;
    left     : auto;
  }

  .detail-blog-clinic-send-comment,
  .detail-blog-clinic-comments {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-clinic-image {
    border-radius: 26px;
    padding      : 6px;
  }

  .detail-blog-clinic-image::before {
    border-radius: 0;
  }

  .detail-blog-clinic-image img {
    border-radius: 20px;
  }

  .detail-blog-clinic-question-online {
    padding: 32px 12px;
  }

  .detail-blog-clinic-question-online .title::before,
  .detail-blog-clinic-question-online .title::after {
    content: none;
  }
}

.box-contact-hospital {
  padding   : 43px 32px 33px 12px;
  box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
}

.box-contact-hospital .icon {
  width : 56px;
  height: 57px;
}

.box-contact-hospital .icon::before {
  background-color       : rgba(39, 173, 123, 0.25);
  border-radius          : 23px;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
}

.box-contact-hospital .icon::after {
  background-color: #27ad7b;
  width           : 50px;
  height          : 50px;
  box-shadow      : 0px 6px 17px rgba(0, 0, 0, 0.1), 7px 8px 13px rgba(255, 255, 255, 0.25) inset;
  border-radius   : 15px;
  transform       : translate(-13px, -14px);
}

@media only screen and (max-width: 1399px) {
  .box-contact-hospital {
    padding: 43px 24px 33px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .box-contact-hospital {
    padding: 43px 12px 33px;
  }
}

.video-js.video-js-hospital,
.video-js.video-js-hospital video,
.video-js.video-js-hospital .vjs-poster {
  border-radius: 60px 0;
}

.video-js.video-js-hospital .vjs-poster {
  box-shadow: 0px 72px 50px rgba(0, 0, 0, 0.05);
}

.video-js.video-js-hospital .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : inherit;
  background-color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 767px) {
  .video-js.video-js-hospital {
    height: auto;
  }

  .video-js.video-js-hospital,
  .video-js.video-js-hospital video,
  .video-js.video-js-hospital .vjs-poster {
    border-radius: 32px 0;
  }

  .video-js.video-js-hospital .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 54px;
  }
}

.heading-hospital {
  margin-bottom: 83px;
}

.heading-hospital-title-en {
  letter-spacing: 6.08px;
}

.btn-more-hospital {
  background-color: #fff;
  box-shadow      : 0px 35px 50px rgba(0, 0, 0, 0.02);
  padding         : 16.5px 18px;
  min-width       : 164px;
}

.btn-more-hospital:hover {
  background-color: #27ad7b;
  color           : #fff;
}

.article-hospital figure .date {
  padding  : 8.5px 12px;
  min-width: 94px;
  top      : 18px;
  left     : 17px;
}

.article-hospital figure .date::before {
  background-color       : rgba(18, 18, 18, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.article-hospital .title {
  max-height: 44px;
}

.article-hospital p {
  height: 75px;
}

.before\:shape-hospital::before,
.after\:shape-hospital::after {
  width           : 210px;
  height          : 1093px;
  background-color: #27ad7b;
  background-image: var(--wpr-bg-659258c3-3b78-404f-946e-759e0fcabae4);
  border-radius   : 129px;
}

.heading-two-hospital {
  margin-bottom: 108px;
}

.heading-two-hospital p {
  max-width: 689px;
}

@media only screen and (max-width: 767px) {
  .heading-two-hospital {
    margin-bottom: 60px;
  }
}

.best-article-hospital .content .btn,
.article-hospital .content .btn {
  padding         : 8px 12px;
  min-width       : 111px;
  background-color: #fff;
  box-shadow      : 0px 7px 17px 0px rgba(0, 0, 0, 0.05), 0px 18px 50px 0px rgba(189, 154, 246, 0.05);
}

.best-article-hospital .content .btn:hover,
.article-hospital .content .btn:hover {
  background-color: #27ad7b;
  color           : #fff;
}

.article-two-hospital .content {
  box-shadow   : 0px 44px 50px rgba(0, 0, 0, 0.05);
  padding      : 30px 32px;
  max-width    : calc(100% - 116px);
  border-radius: 0 0 22px 22px;
}

.article-two-hospital .content .title {
  max-height: 50px;
}

.article-two-hospital .content .title a:hover {
  color: #27ad7b;
}

.article-two-hospital .content p {
  height: 75px;
}

@media only screen and (max-width: 1399px) {
  .article-two-hospital .content {
    max-width: calc(100% - 100px);
  }
}

@media only screen and (max-width: 1199px) {
  .article-two-hospital .content {
    max-width: calc(100% - 70px);
    padding  : 30px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .article-two-hospital figure img {
    border-radius: 15px 15px 0 0;
  }

  .article-two-hospital .content {
    max-width    : 100%;
    border-radius: 0 0 15px 15px;
    padding      : 24px 16px;
  }
}

.bg-hospital {
  background                : rgba(245, 250, 254, 0.32);
  --default-color-select-two: #27ad7b;
}

.top-header-hospital .container::before {
  height          : 179px;
  background-image: linear-gradient(95deg, #00e898 -37.12%, #00b077 107.02%);
  border-radius   : 50px;
  transform       : translateY(-222px);
}

.top-header-hospital-nav ul li a::before,
.top-header-hospital-nav ul li a::after {
  height          : 3px;
  transform       : translateY(3px);
  border-radius   : 3px;
  background-color: #27ad7b;
  opacity         : 0;
}

.top-header-hospital-nav ul li a::before {
  width: 0;
}

.top-header-hospital-nav ul li a::after {
  right: 4px;
  width: 3px;
}

.top-header-hospital-nav ul li a.active {
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
  background-image       : linear-gradient(95.17deg, #0de49e -37.12%, #27ad7b 107.02%);
  font-weight            : 900;
}

.top-header-hospital-nav ul li a:hover {
  color: #27ad7b;
}

.top-header-hospital-nav ul li a.active::before,
.top-header-hospital-nav ul li a.active::after,
.top-header-hospital-nav ul li a:hover::before,
.top-header-hospital-nav ul li a:hover::after {
  opacity: 1;
}

.top-header-hospital-nav ul li a.active::before,
.top-header-hospital-nav ul li a:hover::before {
  width: 20px;
}

.top-header-hospital-nav ul li a.active::after,
.top-header-hospital-nav ul li a:hover::after {
  right: 24px;
}

.top-header-hospital-contact {
  background: linear-gradient(95deg, rgba(0, 232, 152, 0.1) -37.12%, rgba(0, 176, 119, 0.1) 107.02%);
}

.top-header-hospital-request-visit {
  padding: 12px 16px;
}

.header-contact-hospital-socials li a::after {
  background-color: rgba(39, 173, 123, 0.37);
}

.header-contact-hospital-socials li a:hover i {
  background-color: #27ad7b;
}

@media only screen and (max-width: 991px) {
  .top-header-hospital .container::before {
    transform: translateY(-195px);
  }
}

.footer-hospital-wrapper {
  padding: 64px 74px;
  filter : drop-shadow(0px -38px 50px rgba(0, 0, 0, 0.02));
}

.footer-hospital-wrapper::before {
  background-image: var(--wpr-bg-d7cca7b6-53ba-47ac-afd7-41c142b48f7b);
  height          : 48px;
}

.footer-hospital-wrapper::after {
  background-color: #fff;
  top             : 48px;
}

.footer-hospital-contact {
  gap: 12px 24px;
}

.footer-hospital-socials li a i::after {
  background-color: #27ad7b;
  border-radius   : inherit;
  filter          : blur(25px);
  opacity         : 0;
}

.footer-hospital-socials li a:hover i::after {
  opacity: 1;
}

.footer-hospital-newsletter .form-control:focus {
  border-color: #27ad7b;
  box-shadow  : 0 0 0 4px rgba(39, 173, 123, 0.2);
}

@media only screen and (max-width: 1399px) {
  .footer-hospital-contact {
    gap: 12px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-hospital-wrapper {
    padding: 64px 32px;
  }

  .footer-hospital-contact {
    gap: 12px 6px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-hospital {
    padding: 64px 0 24px;
    filter : drop-shadow(0px -38px 50px rgba(0, 0, 0, 0.02));
  }

  .footer-hospital::before {
    background-image: var(--wpr-bg-513f90d8-d277-4930-90a3-9e8bb5e48856);
    height          : 48px;
  }

  .footer-hospital::after {
    background-color: #fff;
    top             : 48px;
  }

  .footer-hospital-wrapper {
    padding      : 0;
    border-radius: 0;
  }
}

.landing-hospital-wrapper .image::before,
.landing-hospital-wrapper .image::after {
  background-image: var(--wpr-bg-509f696e-f995-4cd8-a189-a52c26bc2cf4);
  width           : 104px;
  height          : 110px;
}

.landing-hospital-wrapper .image::before {
  top      : 100px;
  transform: translateX(26px);
}

.landing-hospital-wrapper .image::after {
  transform: translateX(-11px);
  bottom   : 28px;
}

.landing-hospital-wrapper .image img {
  filter: drop-shadow(0px 64px 50px rgba(0, 0, 0, 0.05));
}

.landing-hospital-wrapper .content {
  padding: 124px 0 0 96px;
}

.landing-hospital-wrapper .sup-title {
  padding-right: 21px;
}

.landing-hospital-wrapper .sup-title::before {
  border-radius   : 15px;
  background-color: rgba(39, 173, 123, 0.1);
  left            : 28px;
  height          : 15px;
  top             : 10px;
}

.landing-hospital-wrapper .title-en {
  opacity       : 0.5;
  letter-spacing: 3.28px;
}

.landing-hospital-wrapper .contact-row {
  margin: 0 -10px;
}

.landing-hospital-wrapper .contact-row>* {
  padding: 0 10px;
}

@media only screen and (max-width: 1199px) {
  .landing-hospital .content {
    padding: 64px 0 0 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .landing-hospital .box-contact-hospital {
    padding: 43px 12px 33px;
  }

  .landing-hospital .box-contact-hospital .icon {
    width : 44px;
    height: 45px;
  }

  .landing-hospital .box-contact-hospital .icon::before {
    border-radius: 16px;
  }

  .landing-hospital .box-contact-hospital .icon::after {
    width        : 38px;
    height       : 38px;
    border-radius: 12px;
  }

  .landing-hospital .box-contact-hospital .detail {
    margin-right: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-hospital::after {
    height          : calc(100% + 150px);
    background-color: rgba(227, 244, 251, 0.5);
    background-image: var(--wpr-bg-0268f235-a725-4811-abb2-5325ad09497d);
    border-radius   : 32px;
  }

  .landing-hospital .content {
    position: relative;
    padding : 0;
  }

  .landing-hospital .box-contact-hospital {
    padding: 32px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-hospital .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .landing-hospital .title-en {
    font-size  : 13px;
    line-height: 20px;
  }
}

.what-me-hospital {
  margin: 126px 0 135px;
}

.what-me-hospital::after {
  background-image: var(--wpr-bg-6e57b5be-6f3e-4413-b752-34e234e7761c);
  width           : 210px;
  height          : 1093px;
  background-color: #27ad7b;
  border-radius   : 129px;
  transform       : translate(-192px, -220px);
}

.what-me-hospital-video::before {
  width           : 104px;
  height          : 110px;
  background-image: var(--wpr-bg-4a838f57-ac2e-4361-b751-577e1ff6005f);
  transform       : translate(29px, -22px);
}

.what-me-hospital-video::after {
  width       : 37%;
  height      : 45%;
  border      : 6px solid;
  border-color: transparent transparent #27ad7b #27ad7b;
  transform   : translate(-29px, 30px);
}

.what-me-hospital-content {
  padding: 61px 47px 0 45px;
}

.what-me-hospital-content::before {
  border-radius   : inherit;
  background-color: #fff;
  box-shadow      : 0px 58px 50px rgba(0, 0, 0, 0.05);
  bottom          : 45px;
}

.what-me-hospital-content::after {
  width       : 234px;
  height      : 187px;
  border      : 6px solid;
  border-color: #27ad7b transparent transparent #27ad7b;
  transform   : translate(-19px, -23px);
}

.what-me-hospital-content .title-en {
  letter-spacing: 5.88px;
  margin-bottom : 5px;
}

.what-me-hospital-content .read-more {
  padding   : 16.5px 37px;
  box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
}

.what-me-hospital-content .read-more:hover {
  background-color: #27ad7b;
  color           : #fff;
}

@media only screen and (max-width: 767px) {
  .what-me-hospital {
    margin: 80px 0;
  }

  .what-me-hospital-content img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .what-me-hospital-content {
    padding      : 32px 16px 0;
    border-radius: 20px;
  }

  .what-me-hospital-content .title-en {
    letter-spacing: 4px;
  }
}

.comments-hospital-company-wrapper {
  padding: 0 85px;
}

.comments-hospital-company-wrapper::before {
  top             : 150px;
  border-radius   : 50px;
  background-color: #27ad7b;
  background-image: var(--wpr-bg-f51faf91-3e83-413e-a696-3c38cffe903d);
  height          : 238px;
}

.comments-hospital-company .text .title-en {
  letter-spacing: 5.88px;
}

.comments-hospital-company .row {
  gap: 112px 0;
}

.comments-hospital-company-item {
  padding   : 34px 32px 41px;
  box-shadow: 0px 55px 100px rgba(0, 0, 0, 0.05);
}

.comments-hospital-company-item::after {
  content    : "\e900";
  font-family: "icomoon";
  font-size  : 10px;
  color      : #494949;
  line-height: 1;
  bottom     : 22px;
  left       : 51px;
  opacity    : 0;
}

.comments-hospital-company-item .info img {
  filter    : grayscale(1);
  max-width : 62px;
  max-height: 58px;
  width     : auto;
}

.comments-hospital-company-item .info .name {
  margin-bottom: 2px;
}

.comments-hospital-company-item p {
  max-height: 66px;
}

.comments-hospital-company-item:hover::after {
  opacity: 1;
}

.comments-hospital-company-item:hover .info img {
  filter: grayscale(0);
}

.comments-hospital-company-item:hover .title {
  color: rgba(73, 73, 73, 0.8);
}

.comments-hospital-company .btn-more-hospital {
  margin-top: -55px;
  transform : translateY(-47px);
}

@media only screen and (max-width: 1199px) {
  .comments-hospital-company-wrapper {
    padding: 0 48px;
  }
}

@media only screen and (max-width: 991px) {
  .comments-hospital-company-wrapper {
    padding: 0;
  }

  .comments-hospital-company .text {
    position : relative !important;
    top      : 0;
    transform: unset !important;
  }

  .comments-hospital-company .text .title {
    color: rgba(73, 73, 73, 0.8);
  }

  .comments-hospital-company .text .title-en {
    color: rgba(73, 73, 73, 0.5) !important;
  }

  .comments-hospital-company .row {
    gap: 24px 0;
  }

  .comments-hospital-company .btn-more-hospital {
    margin-top: 32px;
    transform : unset;
  }
}

@media only screen and (max-width: 767px) {
  .comments-hospital-company .text .title {
    font-size  : 18px;
    line-height: 30px;
  }

  .comments-hospital-company .text .title-en {
    letter-spacing: 4px;
  }

  .comments-hospital-company-item {
    padding      : 24px 16px 41px;
    border-radius: 20px;
  }

  .comments-hospital-company-item::after {
    left: 20px;
  }

  .comments-hospital-company-item .info img {
    max-height: 48px;
  }
}

.services-hospital {
  margin: 89px 0 119px;
}

.services-hospital::before {
  background-image: var(--wpr-bg-0faa0e51-7abd-422d-b8ae-79430033f4b0);
  transform       : translateY(-50px);
  height          : 580px;
}

.services-hospital .heading-hospital {
  margin-bottom: 54px;
}

.services-hospital .row {
  gap: 54px 0;
}

.services-hospital .top-services-item .right::before {
  background-color: #27ad7b;
}

.services-hospital .top-services-item .right::after {
  background-color: rgba(39, 173, 123, 0.32);
}

.services-hospital .top-services-item .right i::after {
  background-color: rgba(39, 173, 123, 0.25);
}

@media only screen and (max-width: 991px) {
  .services-hospital .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .services-hospital {
    margin: 70px 0;
  }
}

.popular-doctor-hospital .heading-hospital {
  margin-bottom: 43px;
}

.popular-doctor-hospital-item {
  padding: 0 12px 0;
}

.popular-doctor-hospital-item::before {
  border-radius   : 26px;
  background-color: #fff;
  box-shadow      : 0px 64px 100px rgba(0, 0, 0, 0.05);
  top             : 67px;
  bottom          : 18px;
}

.popular-doctor-hospital-item .image {
  max-width: 90%;
}

.popular-doctor-hospital-item .image img {
  -webkit-mask-image: linear-gradient(179.93deg, #d9d9d9 0.06%, #d9d9d9 22.61%, rgba(217, 217, 217, 0.82218) 70.75%, rgba(217, 217, 217, 0.725999) 75.35%, rgba(217, 217, 217, 0) 96.61%, rgba(217, 217, 217, 0) 100.03%);
  mask-image        : linear-gradient(179.93deg, #d9d9d9 0.06%, #d9d9d9 22.61%, rgba(217, 217, 217, 0.82218) 70.75%, rgba(217, 217, 217, 0.725999) 75.35%, rgba(217, 217, 217, 0) 96.61%, rgba(217, 217, 217, 0) 100.03%);
  max-width         : 245px;
  max-height        : 318px;
}

.popular-doctor-hospital-item .btn-whatsapp {
  background-color: #727272;
  padding         : 12px 24px;
}

.popular-doctor-hospital-item:hover .btn-whatsapp {
  background-color: #27ad7b;
  box-shadow      : 0px 21px 50px rgba(39, 173, 123, 0.25);
  color           : rgba(255, 255, 255, 0.8);
}

.comments-member-hospital {
  margin: 134px 0 71px;
}

.comments-member-hospital .heading-hospital {
  margin-bottom: 58px;
}

.comments-member-hospital-item {
  max-width: 843px;
}

.comments-member-hospital-item img {
  box-shadow: 0px 39px 50px rgba(0, 0, 0, 0.15);
}

.comments-member-hospital-item .qute {
  font-size  : 80px;
  line-height: 40px;
  opacity    : 0.25;
}

.comments-member-hospital .swiper-pagination-bullet {
  width                                    : 53px;
  height                                   : 4px;
  border-radius                            : 0;
  background-color                         : #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 2px;
}

.comments-member-hospital .swiper-pagination-bullet-active {
  background-color: #27ad7b;
}

.comments-member-hospital .swiper-button-next,
.comments-member-hospital .swiper-button-prev {
  width           : 46px;
  height          : 140px;
  background-color: #27ad7b;
  transform       : translate(0, -50%);
}

.comments-member-hospital .swiper-button-next::after,
.comments-member-hospital .swiper-button-prev::after {
  font-size  : 11px;
  line-height: 1;
  color      : #fff;
  font-family: "icomoon";
}

.comments-member-hospital .swiper-button-next {
  top: calc(50% - 82px);
}

.comments-member-hospital .swiper-button-next::after {
  content: "\e901";
}

.comments-member-hospital .swiper-button-prev {
  top: calc(50% + 82px);
}

.comments-member-hospital .swiper-button-prev::after {
  content: "\e903";
}

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

  .comments-member-hospital .swiper-button-next,
  .comments-member-hospital .swiper-button-prev {
    top          : auto;
    right        : auto !important;
    bottom       : 0;
    transform    : unset;
    position     : relative;
    display      : inline-flex;
    width        : 48px;
    height       : 48px;
    border-radius: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .comments-member-hospital {
    margin: 70px 0;
  }
}

.clinics-hospital::before {
  background-image: var(--wpr-bg-3d5a79ea-aed1-47c7-915c-f13d6015f79b);
  transform       : translateY(-208px);
  height          : 509px;
}

.clinics-hospital a {
  padding: 0 12px;
}

.clinics-hospital a img {
  max-height: 49px;
  filter    : grayscale(1);
}

.clinics-hospital a img:hover {
  filter: grayscale(0);
}

.images-hospital {
  margin: 156px 0 148px;
}

.images-hospital .heading-hospital {
  margin-bottom: 77px;
}

.images-hospital-item {
  border-radius: 25px 25px 0;
  box-shadow   : 0px 16px 25px rgba(0, 0, 0, 0.1);
}

.images-hospital-item::before {
  background-color: rgba(0, 0, 0, 0.8);
  cursor          : pointer;
  opacity         : 0;
}

.images-hospital-item:hover::before {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .images-hospital {
    margin: 70px 0;
  }

  .images-hospital-item {
    border-radius: 20px 20px 0;
  }
}

.articles-hospital {
  margin-bottom: 54px;
}

.articles-hospital .heading-hospital {
  margin-bottom: 66px;
}

.articles-hospital .swiper::after {
  transform: translate(-50%, 122px);
}

.articles-hospital .swiper-pagination {
  transform: translateY(136px);
}

.articles-hospital .swiper-pagination-bullet-active {
  background-color: #27ad7b;
}

.articles-hospital .btn-more-hospital {
  margin-top: 173px;
}

@media only screen and (max-width: 575px) {
  .articles-hospital .swiper::after {
    transform: translate(-50%, 85px);
  }

  .articles-hospital .swiper-pagination {
    transform: translateY(99px);
  }
}

.about-landing-hospital .landing-hospital-wrapper {
  padding-top: 80px;
}

.about-landing-hospital .landing-hospital-wrapper::before {
  right        : 0;
  bottom       : 172px;
  left         : 145px;
  border-radius: 171px 26px 215px 26px;
  top          : 0;
  bottom       : 160px;
}

.about-landing-hospital .landing-hospital-wrapper .content {
  padding: 0 31px 0 60px;
}

.about-landing-hospital .image::before {
  top      : 0;
  transform: translate(30px, -44px);
}

.about-landing-hospital .image::after {
  bottom   : 0;
  transform: translate(-14px, 12px);
}

.about-landing-hospital .image .video {
  border-radius: 241px 0 229px;
  padding      : 21px;
  border       : 1px solid #27ad7b;
}

.about-landing-hospital .image .video-js {
  box-shadow: 0px 44px 25px rgba(0, 0, 0, 0.15);
}

.about-landing-hospital .image .video-js:not(.vjs-has-started) {
  background-color: transparent;
}

.about-landing-hospital .image .video-js,
.about-landing-hospital .image .video-js video,
.about-landing-hospital .image .video-js .vjs-poster {
  border-radius: 241px 0 229px;
}

.about-landing-hospital .image .video-js .vjs-poster {
  background-color: transparent;
}

.about-landing-hospital .image .video-js .vjs-poster::before {
  background: linear-gradient(95deg, #00e898 -37.12%, #00b077 107.02%);
  z-index   : -1;
}

.about-landing-hospital .image .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "\e923";
}

@media only screen and (max-width: 1399px) and (min-width: 992px) {
  .about-landing-hospital .title {
    font-size  : 28px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-landing-hospital .landing-hospital-wrapper::before {
    bottom: 60px;
  }

  .about-landing-hospital .landing-hospital-wrapper .content {
    padding: 0 24px 0 0;
  }

  .about-landing-hospital .video-js {
    height: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .about-landing-hospital .landing-hospital-wrapper {
    padding-top: 0;
  }

  .about-landing-hospital .landing-hospital-wrapper .content {
    padding: 0;
  }

  .about-landing-hospital .image {
    max-width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .about-landing-hospital .images img {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .about-landing-hospital .image {
    max-width: 100%;
  }

  .about-landing-hospital .image .video {
    border-radius: 100px 0;
    padding      : 12px;
  }

  .about-landing-hospital .image .video-js {
    height: 280px;
  }

  .about-landing-hospital .image .video-js,
  .about-landing-hospital .image .video-js video,
  .about-landing-hospital .image .video-js .vjs-poster {
    border-radius: 100px 0;
  }
}

.contct-about-hospital {
  margin: 168px 0 129px;
}

.contct-about-hospital::before {
  background-image: var(--wpr-bg-d7dce596-e6ea-4cee-a6ec-a26a547a891a);
  transform       : translateY(-254px);
  height          : 580px;
}

.contct-about-hospital::after {
  transform: translate(-192px, -285px);
}

.contct-about-hospital .text {
  max-width: 689px;
}

.contct-about-hospital-wrapper {
  max-width: 844px;
}

@media only screen and (max-width: 767px) {
  .contct-about-hospital {
    margin: 60px 0;
  }
}

.faq-hospital::before {
  background-image: var(--wpr-bg-adb05c03-6786-45c0-aaab-2fb7df3bb3dc);
  height          : 626px;
  transform       : translateY(60px);
}

.faq-hospital .heading-hospital {
  margin-bottom: 72px;
}

.faq-hospital .row {
  gap: 31px 0;
}

@media only screen and (max-width: 767px) {
  .faq-hospital .row {
    gap: 24px 0;
  }
}

.popular-doctor-hospital-about {
  margin: 164px 0 182px;
}

.popular-doctor-hospital-about::after {
  transform: translate(189px, -166px);
}

@media only screen and (max-width: 767px) {
  .popular-doctor-hospital-about {
    margin: 80px 0;
  }
}

.services-hospital-about::after {
  transform: translate(-192px, -234px);
}

.our-achievements-hospital::before {
  background-image: var(--wpr-bg-7cbf820d-c00f-427a-968d-9521416ea00a);
  transform       : translateY(-48px);
  height          : 1451px;
}

.our-achievements-hospital::after {
  transform: translate(189px, 127px);
}

.our-achievements-hospital .heading-hospital {
  margin-bottom: 80px;
}

.our-achievements-hospital .row {
  gap: 93px 0;
}

.our-achievements-hospital .achievement-internet-novin-item:hover {
  background-color: #27AD7B;
}

.comments-member-hospital-about::after {
  transform: translate(-192px, -281px);
}

.images-hospital-about::after {
  transform: translate(189px, -142px);
}

.contact-hospital-image {
  margin: 133px auto 48px;
}

.contact-hospital-image .shape {
  width           : 42px;
  height          : 42px;
  background-color: #27ad7b;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
}

.contact-hospital-image .shape-1 {
  top      : 0;
  right    : 57px;
  transform: translateY(-7px);
  animation: contactHospitalShape1 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape1 {
  0% {
    transform: translateY(-7px);
  }

  100% {
    transform: translateY(14px);
  }
}

.contact-hospital-image .shape-2 {
  top      : 21px;
  right    : 139px;
  animation: contactHospitalShape2 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape2 {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-14px);
  }
}

.contact-hospital-image .shape-3,
.contact-hospital-image .shape-4,
.contact-hospital-image .shape-5,
.contact-hospital-image .shape-6 {
  left: 100%;
}

.contact-hospital-image .shape-7,
.contact-hospital-image .shape-8,
.contact-hospital-image .shape-9,
.contact-hospital-image .shape-10 {
  right: 100%;
}

.contact-hospital-image .shape-3 {
  top      : 190px;
  transform: translateX(186px);
  animation: contactHospitalShape3 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape3 {
  0% {
    transform: translateX(186px);
  }

  100% {
    transform: translateX(156px);
  }
}

.contact-hospital-image .shape-4 {
  top      : 218px;
  transform: translateX(103px);
  animation: contactHospitalShape4 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape4 {
  0% {
    transform: translate(103px, 0);
  }

  100% {
    transform: translate(133px, 10px);
  }
}

.contact-hospital-image .shape-5 {
  bottom   : 41px;
  transform: translateX(195px);
  animation: contactHospitalShape5 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape5 {
  0% {
    transform: translate(195px, 0);
  }

  100% {
    transform: translate(165px, -33px);
  }
}

.contact-hospital-image .shape-6 {
  bottom   : 13px;
  transform: translateX(113px);
  animation: contactHospitalShape6 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape6 {
  0% {
    transform: translate(113px, 0);
  }

  100% {
    transform: translate(143px, 33px);
  }
}

.contact-hospital-image .shape-7 {
  top      : 89px;
  transform: translateX(-126px);
  animation: contactHospitalShape7 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape7 {
  0% {
    transform: translate(-126px, 0);
  }

  100% {
    transform: translate(-126px, 33px);
  }
}

.contact-hospital-image .shape-8 {
  top      : 117px;
  transform: translateX(-208px);
  animation: contactHospitalShape8 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape8 {
  0% {
    transform: translate(-208px, 0);
  }

  100% {
    transform: translate(-208px, -33px);
  }
}

.contact-hospital-image .shape-9 {
  bottom   : 92px;
  transform: translateX(-30px);
  animation: contactHospitalShape9 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape9 {
  0% {
    transform: translate(-30px, 0);
  }

  100% {
    transform: translate(-60px, 0);
  }
}

.contact-hospital-image .shape-10 {
  bottom   : 63px;
  transform: translateX(-112px);
  animation: contactHospitalShape10 3s linear 0s infinite alternate;
}

@keyframes contactHospitalShape10 {
  0% {
    transform: translate(-112px, 0);
  }

  100% {
    transform: translate(-112px, -33px);
  }
}

@media only screen and (max-width: 767px) {
  .contact-hospital-image {
    margin: 40px 0;
  }
}

.contact-hospital-form::before {
  background-image: var(--wpr-bg-e0ae4062-a398-4b3d-aa73-fe81812a2859);
  top             : 158px;
  height          : 1305px;
}

.contact-hospital-form .new-ques-follow-up-hospital {
  margin-bottom: 112px;
}

.contact-hospital-form form .btn {
  box-shadow: 0px 18px 25px rgba(134, 155, 235, 0.32);
}

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

  .contact-hospital-form .new-ques-follow-up-hospital,
  .contact-hospital-form .send-comment {
    margin-bottom: 60px;
  }
}

.contact-hospital-info-location iframe {
  margin-top: 118px;
  max-width : 1119px;
  box-shadow: 0px 26px 36px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 991px) {
  .contact-hospital-info-location iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-hospital-info-location iframe {
    margin-top: 60px;
    height    : 320px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-hospital-info-location iframe {
    height: 280px;
  }
}

.contact-hospital-doctors {
  margin: 139px 0 204px;
}

.contact-hospital-doctors::before {
  top             : 62px;
  background-image: var(--wpr-bg-b87dc95f-febb-4a7c-a532-64f9e7d55728);
  height          : 891px;
}

.contact-hospital-doctors::after {
  transform: translate(183px, 722px);
}

.contact-hospital-doctors .container::before,
.contact-hospital-doctors .container::after {
  width           : 93px;
  height          : 93px;
  background-color: #27ad7b;
  border-radius   : 50%;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
}

.contact-hospital-doctors .container::before {
  bottom   : 66px;
  transform: translateX(34px);
}

.contact-hospital-doctors .container::after {
  transform: translate(-46px, 39px);
}

.contact-hospital-doctors .members-clinic-item:hover {
  box-shadow: 0px 64px 100px rgba(39, 173, 123, 0.05);
}

.contact-hospital-doctors .members-clinic-item:hover .btn {
  background-color: #27ad7b;
  box-shadow      : 0px 34px 50px rgba(39, 173, 123, 0.05);
}

@media only screen and (max-width: 767px) {
  .contact-hospital-doctors {
    margin: 60px 0;
  }
}

.new-ques-follow-up-hospital .new-ques-follow-up-item::before {
  background-color: #27ad7b;
}

.search-blog-hospital {
  margin: 174px 0 117px;
}

.search-blog-hospital::before {
  background-image: var(--wpr-bg-4c2aa26b-d00e-4a17-9587-605e87bd59f6);
  transform       : translateY(-145px);
  height          : 1015px;
}

.search-blog-hospital::after {
  background-image: var(--wpr-bg-d966be9d-acab-4b61-9468-6f6da0d54f02);
  width           : 603px;
  height          : 715px;
  transform       : translate(477px, -216px);
}

.search-blog-hospital p {
  max-width: 786px;
}

.search-blog-hospital-form {
  box-shadow: 0px 47px 50px rgba(0, 0, 0, 0.05);
  padding   : 15px 52px 15px 46px;
  max-width : 734px;
}

.search-blog-hospital-form .form-control {
  height          : 83px;
  background-color: #f2fffa;
  border-color    : #f2fffa;
  padding         : 0 20px;
  color           : #27ad7b;
  margin-left     : 102px;
}

.search-blog-hospital-form .form-control:focus {
  background-color: #fff;
  border-color    : #27ad7b;
}

.search-blog-hospital-form .btn {
  width : 62px;
  height: 62px;
}

.search-blog-hospital-boxs-contact {
  max-width: 670px;
}

.search-blog-hospital-boxs-contact .box-contact-hospital {
  padding: 30px 25px 26px 12px;
}

.search-blog-hospital-boxs-contact .box-contact-hospital .icon {
  width : 45px;
  height: 45px;
}

.search-blog-hospital-boxs-contact .box-contact-hospital .icon::after {
  width    : 40px;
  height   : 40px;
  transform: translate(-10px, -11px);
}

@media only screen and (max-width: 767px) {
  .search-blog-hospital {
    margin: 40px 0 60px;
  }

  .search-blog-hospital-form {
    padding: 12px 20px;
  }

  .search-blog-hospital-form .form-control {
    margin-left: 20px;
    height     : 62px;
  }
}

.top-articles-hospital::after {
  background-image: var(--wpr-bg-58fad4c8-a4cf-4895-952f-e97d878aad4e);
  width           : 603px;
  height          : 715px;
  transform       : translate(-496px, -338px);
}

.best-article-hospital {
  margin: 145px 0 200px;
}

.best-article-hospital::before {
  background-image: var(--wpr-bg-46c9e424-26c1-4ef0-b326-a5fed0f238b5);
  transform       : translateY(-357px);
  height          : 1015px;
}

.best-article-hospital .content {
  padding: 32px 23px 24px 20px;
}

.best-article-hospital .content .title a:hover,
.best-article-hospital .content .author:hover {
  color: #27ad7b;
}

.best-article-hospital .content p {
  max-height: 108px;
}

.best-article-hospital .content .share ul li a {
  width           : 23px;
  height          : 23px;
  background-color: #fff;
  box-shadow      : 0px 4px 4px rgba(0, 0, 0, 0.02);
}

.best-article-hospital .content .share ul li a:hover {
  background-color: #27ad7b;
  color           : #fff;
}

.best-article-hospital .content .btn {
  box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.05), 0px 18px 50px rgba(189, 154, 246, 0.05);
}

.best-article-hospital .content .btn:hover {
  background-color: #27ad7b;
}

@media only screen and (max-width: 767px) {
  .best-article-hospital {
    margin: 60px 0 160px;
  }

  .best-article-hospital .content {
    padding: 24px 16px;
  }

  .best-article-hospital .content .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .best-article-hospital .content p {
    font-size  : 12px;
    line-height: 25px;
    max-height : 75px;
  }
}

.note-blog-hospital::after,
.note-blog-hospital .container::before {
  width        : 93px;
  height       : 93px;
  border-radius: 50%;
  box-shadow   : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
}

.note-blog-hospital::after {
  background-color: #27ad7b;
  transform       : translate(36px, -20px);
}

.note-blog-hospital .container::before {
  background-image: linear-gradient(95deg, #00e898 -37.12%, #00b077 107.02%);
  bottom          : 87px;
  transform       : translateX(-44px);
}

.note-blog-hospital-wrapper {
  padding: 71px 417px 57px 68px;
}

.note-blog-hospital-wrapper::before {
  border-radius   : 50px 290px 50px 50px;
  background-color: rgba(39, 173, 123, 0.05);
}

.note-blog-hospital-wrapper::after {
  background-image: var(--wpr-bg-659fd111-0633-47be-9a12-a5f65a29dc88);
  top             : 47px;
  transform       : translateX(39px) rotate(23.53deg);
  width           : 110px;
  height          : 182px;
  animation       : quesHospital1 2s linear 0s infinite alternate;
}

@keyframes quesHospital1 {
  0% {
    transform: translateX(39px) rotate(23.53deg);
  }

  100% {
    transform: translateX(39px) rotate(5.53deg);
  }
}

.note-blog-hospital-wrapper img {
  right    : 82px;
  transform: translateY(-50px);
}

.note-blog-hospital-wrapper .title-en {
  letter-spacing: 0.96px;
}

@media only screen and (max-width: 1199px) {
  .note-blog-hospital-wrapper {
    padding: 71px 383px 57px 40px;
  }
}

@media only screen and (max-width: 991px) {
  .note-blog-hospital-wrapper {
    padding: 270px 24px 32px;
  }

  .note-blog-hospital-wrapper::before {
    border-radius: 40px;
  }

  .note-blog-hospital-wrapper img {
    right    : auto;
    left     : 50%;
    transform: translate(-50%, -90px);
  }
}

@media only screen and (max-width: 575px) {
  .note-blog-hospital-wrapper {
    padding: 270px 16px 24px;
  }

  .note-blog-hospital .title {
    font-size  : 16px;
    line-height: 28px;
  }

  .note-blog-hospital .title-en {
    font-size  : 12px;
    line-height: 22px;
  }
}

.last-articles-hospital {
  margin-top: 149px;
}

.last-articles-hospital::before {
  background-image: var(--wpr-bg-08d3c702-32e9-43f2-bf6c-3b7e3c44fe2a);
  transform       : translateY(-347px);
  height          : 1015px;
}

.last-articles-hospital .row {
  gap: 57px 0;
}

.last-articles-hospital .row:not(.opened) {
  -webkit-mask-image: linear-gradient(to bottom, #fff 75%, rgba(255, 255, 255, 0));
  mask-image        : linear-gradient(to bottom, #fff 75%, rgba(255, 255, 255, 0));
}

.last-articles-hospital .row.opened+.btn-show-more-articles {
  margin-top: 24px;
}

.last-articles-hospital .btn-show-more-articles {
  background-color: #fff;
  box-shadow      : 0px 11px 50px rgba(0, 0, 0, 0.05);
  margin-top      : -59px;
  padding         : 13.5px 36px;
}

.last-articles-hospital .btn-show-more-articles .text span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.42px;
}

.last-articles-hospital .btn-show-more-articles:hover {
  background-color: #27ad7b;
}

.last-articles-hospital .btn-show-more-articles:hover .text,
.last-articles-hospital .btn-show-more-articles:hover i {
  color: #fff;
}

.last-articles-hospital .btn-show-more-articles:hover .text span {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 991px) {
  .last-articles-hospital .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 85%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 85%, rgba(255, 255, 255, 0));
  }
}

@media only screen and (max-width: 767px) {
  .last-articles-hospital {
    margin-top: 60px;
  }

  .last-articles-hospital .row {
    gap: 24px 0;
  }

  .last-articles-hospital .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 90%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 90%, rgba(255, 255, 255, 0));
  }
}

@media only screen and (max-width: 575px) {
  .last-articles-hospital .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 95%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 95%, rgba(255, 255, 255, 0));
  }
}

.detail-blog-hospital {
  margin-top: 158px;
}

.detail-blog-hospital::before {
  background-image: var(--wpr-bg-4572340c-2207-45ea-a458-f773807df420);
  height          : 977px;
  transform       : translateY(-104px);
}

.detail-blog-hospital-heading {
  max-width: 1080px;
}

.detail-blog-hospital-author:hover {
  color: #27ad7b;
}

.detail-blog-hospital-image {
  background-color: rgba(216, 216, 216, 0.69);
  box-shadow      : 0px 26px 50px rgba(0, 0, 0, 0.2);
  border-radius   : 73px;
  margin-bottom   : 124px;
  padding         : 11px;
}

.detail-blog-hospital-image img {
  border-radius: 62px;
}

.detail-blog-hospital-send-comment::before {
  background-image: var(--wpr-bg-9963124f-a44b-4646-a5e4-6c9520ec74f9);
  transform       : translateY(-179px);
  height          : 927px;
}

.detail-blog-hospital-send-comment form .form-group-box-content {
  padding: 72px 36px 24px 140px;
}

.detail-blog-hospital-send-comment form .btn {
  bottom    : 34px;
  left      : 46px;
  box-shadow: 0px 18px 25px rgba(134, 155, 235, 0.32);
  padding   : 6.5px 21.5px;
}

.detail-blog-hospital-comments {
  margin: 130px 0 119px;
}

.detail-blog-hospital-comments::before {
  background-image: var(--wpr-bg-21609797-21b5-4a2a-97e9-c6aa4505de6b);
  transform       : translateY(-118px);
  height          : 771px;
}

.detail-blog-hospital-comments ul li .content .text-reply p::before,
.detail-blog-hospital-comments ul li ul::before {
  background-color: rgba(39, 173, 123, 0.75);
}

.detail-blog-hospital-articles {
  margin-bottom: 211px;
}

@media only screen and (max-width: 991px) {
  .detail-blog-hospital {
    margin-top: 40px;
  }

  .detail-blog-hospital-title {
    font-size  : 32px;
    line-height: 50px;
  }

  .detail-blog-hospital-author {
    font-size  : 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-hospital-title {
    font-size  : 20px;
    line-height: 32px;
  }

  .detail-blog-hospital-image {
    border-radius: 40px;
    margin-bottom: 40px;
  }

  .detail-blog-hospital-image img {
    border-radius: 29px;
  }

  .detail-blog-hospital-send-comment form .form-group-box-content {
    padding-right: 12px;
  }

  .detail-blog-hospital-comments {
    margin: 60px 0;
  }

  .detail-blog-hospital-articles {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-hospital-title {
    font-size  : 16px;
    line-height: 25px;
  }

  .detail-blog-hospital-author {
    font-size  : 12px;
    line-height: 18px;
  }

  .detail-blog-hospital-title,
  .detail-blog-hospital-author {
    margin-bottom: 24px;
  }

  .detail-blog-hospital-image {
    padding      : 8px;
    border-radius: 32px;
  }

  .detail-blog-hospital-image img {
    border-radius: 24px;
  }

  .detail-blog-hospital-send-comment form .form-group-box-content {
    padding: 72px 12px 64px;
  }

  .detail-blog-hospital-send-comment form .btn {
    bottom: 12px;
    left  : 12px;
  }
}

.visit-page-hospital {
  padding: 32px 0;
}

.visit-page-hospital::before {
  max-width    : 1300px;
  height       : 179px;
  border-radius: 50px;
  background   : linear-gradient(95.17deg, #00e898 -37.12%, #00b077 107.02%);
  transform    : translate(-50%, -171px);
}

.visit-page-hospital-wrapper {
  min-height: calc(100vh - 64px);
}

.visit-page-hospital-wrapper .image::after {
  transform       : translate(-50%, 62px);
  height          : 90px;
  width           : 80%;
  background-color: rgba(0, 0, 0, 0.3);
  filter          : blur(50px);
}

.visit-page-hospital-wrapper .title-en {
  letter-spacing: 5.04px;
}

.visit-page-hospital-wrapper form {
  gap: 20px 0;
}

.visit-page-hospital-wrapper form .form-group .form-control,
.visit-page-hospital-wrapper form .form-group .select2-container--default .select2-selection--single {
  background-color: #fff;
  border-color    : #fff;
  box-shadow      : 0px 42px 22px rgba(0, 0, 0, 0.02);
  height          : 53px;
  padding         : 0 20px;
}

.visit-page-hospital-wrapper form .form-group .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.visit-page-hospital-wrapper form .form-group .form-control,
.visit-page-hospital-wrapper form .form-group .select-two-item-title {
  font-style : 12px;
  font-weight: 400;

  line-height: 20px;
  color      : rgba(73, 73, 73, 0.5);
}

.visit-page-hospital-wrapper form .form-group .form-control:focus,
.visit-page-hospital-wrapper form .form-group .select2-container--focus .select2-selection {
  border-color: #27ad7b;
}

.visit-page-hospital-wrapper form .btns .btn {
  padding: 11.5px 18px;
}

.visit-page-hospital-wrapper form .btns .changer {
  width : 46px;
  height: 46px;
  margin: 0 21px;
}

.visit-page-hospital-wrapper .price {
  background-color: rgba(73, 73, 73, 0.05);
  padding         : 11.5px 12px;
  min-width       : 265px;
}

@media only screen and (max-width: 575px) {
  .visit-page-hospital form .btns .changer {
    margin   : 24px auto;
    transform: rotate(90deg);
  }
}

.before\:shape-cloud-info::before,
.after\:shape-cloud-info::after {
  width           : 97px;
  height          : 34px;
  background-image: var(--wpr-bg-cd5f8bb9-d918-4212-909d-43987ff0a978);
}

.before\:shape-cloud-info-50::before,
.after\:shape-cloud-info-50::after {
  opacity: 0.5;
}

.swiper-dental .swiper-bottom {
  gap: 30px;
}

.swiper-dental .swiper-button-next::after,
.swiper-dental .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 20px;
  line-height: 1;
  color      : #a4ceda;
}

.swiper-dental .swiper-button-next:hover::after,
.swiper-dental .swiper-button-prev:hover::after {
  color: #52a7ca;
}

.swiper-dental .swiper-button-next::after {
  content: "\e943";
}

.swiper-dental .swiper-button-prev::after {
  content: "\e944";
}

.swiper-dental .swiper-pagination-bullet {
  width                                    : 40px;
  height                                   : 4px;
  border-radius                            : 0;
  opacity                                  : 1;
  background-color                         : #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 2.5px;
}

.swiper-dental .swiper-pagination-bullet-active {
  width           : 53px;
  background-color: #a4ceda;
}

@media only screen and (max-width: 767px) {
  .swiper-dental .swiper-bottom {
    gap: 16px;
  }

  .swiper-dental .swiper-pagination-bullet {
    width: 16px;
  }

  .swiper-dental .swiper-pagination-bullet-active {
    width: 20px;
  }
}

.heading-dental {
  max-width: 786px;
}

.heading-dental .title-en {
  letter-spacing: 6.08px;
}

.btn-more-dental {
  padding  : 12.5px 12px;
  min-width: 173px;
}

.btn-more-dental i {
  margin-right: 5px;
}

.video-js.video-js-dental {
  box-shadow: 0px 72px 50px rgba(0, 0, 0, 0.05);
}

.video-js.video-js-dental,
.video-js.video-js-dental .vjs-tech,
.video-js.video-js-dental .vjs-poster {
  border-radius: 60px 0;
}

.video-js.video-js-dental .vjs-poster::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius   : inherit;
}

.video-js.video-js-dental .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "\e923";
}

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

  .video-js.video-js-dental,
  .video-js.video-js-dental .vjs-tech,
  .video-js.video-js-dental .vjs-poster {
    border-radius: 40px 0;
  }
}

@media only screen and (max-width: 575px) {
  .video-js.video-js-dental {
    height: 280px;
  }

  .video-js.video-js-dental .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 64px;
  }
}

.total-info-dental-item {
  padding   : 37px 12px 41px;
  box-shadow: 0px 68px 50px rgba(0, 0, 0, 0.02);
}

.total-info-dental-item i {
  width           : 67px;
  height          : 67px;
  background-color: #52a7ca;
  box-shadow      : inset 5px 9px 12px rgba(255, 255, 255, 0.3), 0px 16px 20px rgba(0, 0, 0, 0.05);
}

.total-info-dental-item .number {
  word-break: break-all;
}

.total-info-dental-item.purple i {
  background-color: #c797ee;
}

.total-info-dental-item.success i {
  background-color: #17759c;
}

.total-info-dental-item.purple-two i {
  background-color: #a592dd;
}

.total-info-dental-item.blue i {
  background-color: #1081E8;
}

.total-info-dental-item.yellow i {
  background-color: #FCB712;
}

@media only screen and (max-width: 1199px) {
  .total-info-dental-item .title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .total-info-dental-item {
    padding: 32px 12px;
  }

  .total-info-dental-item .number {
    font-size  : 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .total-info-dental-item {
    padding: 24px 12px;
  }
}

.article-dental figure a {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.1);
}

.article-dental figure a::before {
  background-image: linear-gradient(180deg, rgba(82, 167, 202, 0) 0%, rgba(82, 167, 202, 0.561884) 80.24%, #23a9ce 100%);
}

.article-dental figure img {
  max-height: 308px;
}

.article-dental figure .date {
  padding   : 8px 15px;
  z-index   : 3;
  top       : 33px;
  right     : 27px;
  box-shadow: 0px 23px 30px rgba(0, 0, 0, 0.15);
}

.article-dental figure .date::before {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
}

.article-dental .content {
  padding   : 31px 24px 0;
  max-width : calc(100% - 70px);
  margin-top: -25%;
}

.article-dental .content::before {
  background-color: #fff;
  border-radius   : inherit;
  bottom          : 21px;
}

.article-dental .content .title {
  max-height: 44px;
}

.article-dental .content p {
  height: 66px;
}

.article-dental .content .btn {
  padding  : 12px;
  min-width: auto;
  max-width: 157px;
  width    : 100%;
}

@media only screen and (max-width: 1399px) {
  .article-dental .content {
    max-width: calc(100% - 48px);
  }
}

@media only screen and (max-width: 1199px) {
  .article-dental .content {
    max-width: calc(100% - 32px);
    padding  : 28px 16px 0;
  }
}

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

  .article-dental figure a,
  .article-dental .content {
    border-radius: 24px;
  }

  .article-dental .content {
    max-width : 100%;
    margin-top: -15%;
  }
}

@media only screen and (max-width: 575px) {
  .article-dental .content p {
    height    : auto;
    max-height: 66px;
  }
}

.pagination-dental {
  margin-top: 154px;
}

.pagination-dental li a:not(.prev, .next):hover,
.pagination-dental li a:not(.prev, .next).active {
  background-color: #52a7ca;
}

@media only screen and (max-width: 991px) {
  .pagination-dental {
    margin-top: 60px;
  }
}

.bg-dental {
  background: rgba(245, 250, 254, 0.32);
}

.top-header-dental::before {
  background-image: var(--wpr-bg-96c2ca65-49e2-4e20-839b-52d75944f6b9);
  height          : 1015px;
}

.top-header-dental .container {
  padding-top: 45px;
}

.top-header-dental .container::after {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc3IiBoZWlnaHQ9IjgyNCIgdmlld0JveD0iMCAwIDc3NyA4MjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM5OC44MjkgMTMuODAzMkM1MTguNTk4IDcuMTYwMzkgNjU3LjMwNyAtMjguODQ4NCA3NDIuNTg2IDUzLjk1NzdDODI3Ljk5MSAxMzYuODg3IDcyOC4yMTcgMzA0LjQ3NyA3MjEuMDYzIDQyMi4xODNDNzE0LjUzNSA1MjkuNTgzIDc3Ni40ODEgNjEwLjE0NCA3MDMuODc5IDY5MC43NTVDNjI3LjMzOCA3NzUuNzQgNTE0LjM4NiA4MjQuNjQ5IDM5OC44MjkgODIzLjA2NUMyODQuNjkzIDgyMS41MDEgMTc4Ljc3NSA3NjUuNTc0IDEwMi4xOCA2ODIuNTA4QzI5LjI4MTggNjAzLjQ1MSAyLjYwODg3IDQ5Ny45NjMgMC43NDg5OTYgMzkxLjM1MUMtMS4xNTA2NiAyODIuNDYgMTIuMDUwMiAxNjUuNzI5IDkxLjg0NDUgOTAuMDQ5OUMxNzAuNzUzIDE1LjIxMTEgMjg5LjI3MyAxOS44Nzk0IDM5OC44MjkgMTMuODAzMloiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc3IiBoZWlnaHQ9IjgyNCIgdmlld0JveD0iMCAwIDc3NyA4MjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM5OC44MjkgMTMuODAzMkM1MTguNTk4IDcuMTYwMzkgNjU3LjMwNyAtMjguODQ4NCA3NDIuNTg2IDUzLjk1NzdDODI3Ljk5MSAxMzYuODg3IDcyOC4yMTcgMzA0LjQ3NyA3MjEuMDYzIDQyMi4xODNDNzE0LjUzNSA1MjkuNTgzIDc3Ni40ODEgNjEwLjE0NCA3MDMuODc5IDY5MC43NTVDNjI3LjMzOCA3NzUuNzQgNTE0LjM4NiA4MjQuNjQ5IDM5OC44MjkgODIzLjA2NUMyODQuNjkzIDgyMS41MDEgMTc4Ljc3NSA3NjUuNTc0IDEwMi4xOCA2ODIuNTA4QzI5LjI4MTggNjAzLjQ1MSAyLjYwODg3IDQ5Ny45NjMgMC43NDg5OTYgMzkxLjM1MUMtMS4xNTA2NiAyODIuNDYgMTIuMDUwMiAxNjUuNzI5IDkxLjg0NDUgOTAuMDQ5OUMxNzAuNzUzIDE1LjIxMTEgMjg5LjI3MyAxOS44Nzk0IDM5OC44MjkgMTMuODAzMloiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 776px;
  height             : 823px;
  background-color   : #a4ceda;
  background-image   : var(--wpr-bg-9ddf386f-5f76-444e-b98e-0581e3b0c03b);
  transform          : translate(-465px, -109px) rotate(10.21deg);
}

@media only screen and (min-width: 992px) {
  .top-header-dental.two .container::after {
    width             : 777px;
    height            : 707px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc3IiBoZWlnaHQ9IjcwNyIgdmlld0JveD0iMCAwIDc3NyA3MDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM5OC43MyAxMS44MTgyQzUxOC40OTkgNi4xMTUwMyA2NTcuMjA4IC0yNC44MDA0IDc0Mi40ODcgNDYuMjkyOUM4MjcuODkzIDExNy40OTIgNzI4LjExOSAyNjEuMzc3IDcyMC45NjQgMzYyLjQzM0M3MTQuNDM2IDQ1NC42NDEgNzc2LjM4MyA1MjMuODA4IDcwMy43ODEgNTkzLjAxNkM2MjcuMjM5IDY2NS45OCA1MTQuMjg3IDcwNy45NzEgMzk4LjczIDcwNi42MTFDMjg0LjU5NCA3MDUuMjY4IDE3OC42NzYgNjU3LjI1MiAxMDIuMDgxIDU4NS45MzZDMjkuMTgzMSA1MTguMDYxIDIuNTEwMTggNDI3LjQ5NCAwLjY1MDMwMyAzMzUuOTYzQy0xLjI0OTM1IDI0Mi40NzQgMTEuOTUxNSAxNDIuMjU0IDkxLjc0NTggNzcuMjc5OUMxNzAuNjU0IDEzLjAyNyAyODkuMTc1IDE3LjAzNSAzOTguNzMgMTEuODE4MloiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K);
    mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc3IiBoZWlnaHQ9IjcwNyIgdmlld0JveD0iMCAwIDc3NyA3MDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM5OC43MyAxMS44MTgyQzUxOC40OTkgNi4xMTUwMyA2NTcuMjA4IC0yNC44MDA0IDc0Mi40ODcgNDYuMjkyOUM4MjcuODkzIDExNy40OTIgNzI4LjExOSAyNjEuMzc3IDcyMC45NjQgMzYyLjQzM0M3MTQuNDM2IDQ1NC42NDEgNzc2LjM4MyA1MjMuODA4IDcwMy43ODEgNTkzLjAxNkM2MjcuMjM5IDY2NS45OCA1MTQuMjg3IDcwNy45NzEgMzk4LjczIDcwNi42MTFDMjg0LjU5NCA3MDUuMjY4IDE3OC42NzYgNjU3LjI1MiAxMDIuMDgxIDU4NS45MzZDMjkuMTgzMSA1MTguMDYxIDIuNTEwMTggNDI3LjQ5NCAwLjY1MDMwMyAzMzUuOTYzQy0xLjI0OTM1IDI0Mi40NzQgMTEuOTUxNSAxNDIuMjU0IDkxLjc0NTggNzcuMjc5OUMxNzAuNjU0IDEzLjAyNyAyODkuMTc1IDE3LjAzNSAzOTguNzMgMTEuODE4MloiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K);
    transform         : translate(-460px, -113px) rotate(10.21deg);
  }
}

@media only screen and (min-width: 992px) {
  .top-header-dental.three .container::after {
    width             : 784px;
    height            : 730px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzg0IiBoZWlnaHQ9IjczMSIgdmlld0JveD0iMCAwIDc4NCA3MzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwMS44NDkgMTEuOTYzOUM1MjIuNyA2LjA3MDEzIDY2Mi42NjQgLTI1Ljg3ODUgNzQ4LjcxNCA0Ny41OTA4QzgzNC44OTIgMTIxLjE3IDczNC4yMTYgMjY5Ljg2MyA3MjYuOTk2IDM3NC4yOTdDNzIwLjQwOSA0NjkuNTg3IDc4Mi45MTYgNTQxLjA2NSA3MDkuNjU4IDYxMi41ODZDNjMyLjQyNCA2ODcuOTg5IDUxOC40NSA3MzEuMzgzIDQwMS44NDkgNzI5Ljk3OEMyODYuNjgxIDcyOC41OSAxNzkuODA1IDY3OC45NjkgMTAyLjUxOCA2MDUuMjY5QzI4Ljk2MDQgNTM1LjEyNiAyLjA0NjM0IDQ0MS41MzIgMC4xNjk2NDUgMzQ2Ljk0MkMtMS43NDcxOSAyNTAuMzI4IDExLjU3MzEgMTQ2Ljc1OSA5Mi4wODg4IDc5LjYxMzRDMTcxLjcxMSAxMy4yMTMxIDI5MS4zMDMgMTcuMzU1IDQwMS44NDkgMTEuOTYzOVoiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K);
    mask-image        : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzg0IiBoZWlnaHQ9IjczMSIgdmlld0JveD0iMCAwIDc4NCA3MzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwMS44NDkgMTEuOTYzOUM1MjIuNyA2LjA3MDEzIDY2Mi42NjQgLTI1Ljg3ODUgNzQ4LjcxNCA0Ny41OTA4QzgzNC44OTIgMTIxLjE3IDczNC4yMTYgMjY5Ljg2MyA3MjYuOTk2IDM3NC4yOTdDNzIwLjQwOSA0NjkuNTg3IDc4Mi45MTYgNTQxLjA2NSA3MDkuNjU4IDYxMi41ODZDNjMyLjQyNCA2ODcuOTg5IDUxOC40NSA3MzEuMzgzIDQwMS44NDkgNzI5Ljk3OEMyODYuNjgxIDcyOC41OSAxNzkuODA1IDY3OC45NjkgMTAyLjUxOCA2MDUuMjY5QzI4Ljk2MDQgNTM1LjEyNiAyLjA0NjM0IDQ0MS41MzIgMC4xNjk2NDUgMzQ2Ljk0MkMtMS43NDcxOSAyNTAuMzI4IDExLjU3MzEgMTQ2Ljc1OSA5Mi4wODg4IDc5LjYxMzRDMTcxLjcxMSAxMy4yMTMxIDI5MS4zMDMgMTcuMzU1IDQwMS44NDkgMTEuOTYzOVoiIGZpbGw9IiNBNENFREEiLz4NCjwvc3ZnPg0K);
    transform         : translate(-460px, -113px) rotate(10.21deg);
  }
}

.top-header-dental-box {
  padding         : 16.5px 28px;
  background-color: rgba(82, 167, 202, 0.1);
}

.top-header-dental-date {
  background-color: rgba(164, 206, 218, 0.1);
}

.top-header-dental-contact {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 11px 12.5px;
}

.top-header-dental-contact:hover {
  background-color: #fff;
  color           : rgba(82, 167, 202, 0.8);
}

.top-header-dental-contact:hover i {
  color: rgba(82, 167, 202, 0.6);
}

.top-header-dental-request-visit {
  padding  : 11px 20px;
  filter   : drop-shadow(0px 19px 50px rgba(82, 167, 202, 0.15));
  min-width: auto;
}

.top-header-dental-request-visit:hover {
  background-color: #52a7ca;
  color           : #fff;
}

.top-header-dental.not-shape .container::after {
  content: none;
}

.top-header-dental.not-shape .top-header-dental-contact {
  background-color: rgba(82, 167, 202, 0.1);
  color           : rgba(82, 167, 202, 0.8);
}

.top-header-dental.not-shape .top-header-dental-contact i {
  color: rgba(82, 167, 202, 0.6);
}

.top-header-dental.not-shape .top-header-dental-contact:hover {
  background-color: #52a7ca;
  color           : rgba(255, 255, 255, 0.8);
}

.top-header-dental.not-shape .top-header-dental-contact:hover i {
  color: rgba(255, 255, 255, 0.6);
}

.top-header-dental.not-shape .top-header-dental-request-visit {
  background-color: #52a7ca;
  color           : #fff;
}

.top-header-dental.not-shape .top-header-dental-request-visit:hover,
.top-header-dental.not-shape .top-header-dental-request-visit:focus,
.top-header-dental.not-shape .top-header-dental-request-visit:active {
  background-color: #3995ba;
}

@media only screen and (min-width: 2080px) {
  .top-header-dental {
    position: relative;
  }

  .top-header-dental .container {
    position: unset !important;
  }

  .top-header-dental .container::after {
    transform: translate(-305px, -109px) rotate(10.21deg);
  }

  .top-header-dental-contact {
    background-color: rgba(82, 167, 202, 0.1);
    color           : rgba(82, 167, 202, 0.8);
  }

  .top-header-dental-contact i {
    color: rgba(82, 167, 202, 0.6);
  }

  .top-header-dental-contact:hover {
    background-color: #52a7ca;
    color           : rgba(255, 255, 255, 0.8);
  }

  .top-header-dental-contact:hover i {
    color: rgba(255, 255, 255, 0.6);
  }

  .top-header-dental-request-visit {
    background-color: #52a7ca;
    color           : #fff;
  }

  .top-header-dental-request-visit:hover,
  .top-header-dental-request-visit:focus,
  .top-header-dental-request-visit:active {
    background-color: #3995ba;
  }
}

@media only screen and (max-width: 1399px) {
  .top-header-dental-logo img {
    width : auto;
    height: 40px;
  }

  .top-header-dental-box {
    padding: 16.5px 16px;
  }

  .top-header-dental-location {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-dental .container::after {
    transform: translate(-483px, -109px) rotate(10.21deg);
  }

  .top-header-dental-logo img {
    height: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-dental .container {
    padding-top: 24px;
  }

  .top-header-dental .container::after {
    transform: translate(-540px, -130px) rotate(10.21deg);
  }
}

@media only screen and (max-width: 767px) {
  .top-header-dental .container::after {
    transform: translate(-640px, -130px) rotate(10.21deg);
  }
}

@media only screen and (max-width: 575px) {
  .top-header-dental .container::after {
    transform: translate(-740px, -130px) rotate(10.21deg);
  }

  .top-header-dental-logo img {
    height: 26px;
  }

  .top-header-dental-request-visit {
    width  : 48px;
    height : 48px;
    padding: 0;
  }

  .top-header-dental-request-visit::after {
    content: none;
  }

  .top-header-dental-request-visit i {
    margin-right: 0;
  }
}

.nav-dental ul {
  gap           : 48px;
  padding-bottom: 12px;
  border-bottom : 1px solid rgba(73, 73, 73, 0.1);
}

.nav-dental ul li {
  position: relative;
}

.nav-dental ul li.has-megamenu a::after {
  content     : "\e939";
  font-family : "icomoon";
  font-size   : 11px;
  line-height : 1;
  margin-right: 8px;
  transition  : unset;
}

.nav-dental ul li a::before {
  width           : 5px;
  height          : 5px;
  border-radius   : 5px;
  background-color: #52a7ca;
  margin-left     : 6px;
}

.nav-dental ul li a.active {
  font-weight: 700 !important;
}

.nav-dental ul li a.active::before {
  content: "";
}

.nav-dental ul li a:hover,
.nav-dental ul li a.active {
  color: #52a7ca;
}

@media only screen and (max-width: 1199px) {
  .nav-dental ul {
    gap: 28px;
  }
}

.footer-dental {
  background-color: #102128;
  border-radius   : 68px 68px 0 0;
  padding-top     : 66px;
  margin-top      : 93px;
}

.footer-dental .container {
  padding-bottom: 48px;
}

.footer-dental .container::after {
  height          : 85px;
  border-radius   : 9px;
  background-color: #63b0d0;
  right           : 12px;
  left            : 12px;
  transform       : translateY(73px);
  background-image: var(--wpr-bg-e57cfa36-384f-4db2-990a-248702dfc82c);
}

.footer-dental-info-contact li:not(:last-child) {
  margin-bottom: 17px;
}

.footer-dental-info-contact li span {
  word-break: break-all;
}

.footer-dental-nav li:not(:last-child) {
  margin-bottom: 4px;
}

.footer-dental-nav li a:hover {
  color: #52a7ca;
}

.footer-dental-contact {
  gap: 24px;
}

.footer-dental-contact .btn {
  padding: 17px 12px;
  flex   : 1 0 calc(50% - 12px);
}

.footer-dental-contact .btn:hover {
  color: rgba(255, 255, 255, 0.6);
}

.footer-dental-contact .btn:hover span,
.footer-dental-contact .btn:hover i {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .footer-dental-contact {
    gap: 24px 12px;
  }

  .footer-dental-contact .btn {
    flex: 1 0 calc(50% - 6px);
  }

  .footer-dental-contact .btn span {
    font-size: 14px;
  }

  .footer-dental-contact .btn i {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-dental {
    border-radius: 0;
    margin-top   : 60px;
    padding-top  : 48px;
  }

  .footer-dental .container {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-dental-logo img {
    width : auto;
    height: 40px;
  }
}

.landing-dental .btn,
.counseling-dental .btn {
  filter: drop-shadow(0px 19px 50px rgba(82, 167, 202, 0.15));
}

.landing-dental {
  margin: 78px 0 136px;
}

.landing-dental::before {
  background-image: var(--wpr-bg-ce671c86-a175-4058-8c38-19c86ef97066);
  width           : 203px;
  height          : 152px;
  bottom          : 54px;
  transform       : translateX(98px);
}

.landing-dental .sup-title::before {
  bottom   : 100%;
  transform: translate(6px, -23px);
}

.landing-dental .sup-title::after {
  right    : 100%;
  bottom   : 21px;
  transform: translateX(-68px);
}

.landing-dental .title-en {
  opacity       : 0.5;
  letter-spacing: 7.44px;
}

.landing-dental .btn {
  padding: 11px 25px;
}

@media only screen and (max-width: 767px) {
  .landing-dental {
    margin: 40px 0 60px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-dental .title-en {
    font-size     : 14px;
    line-height   : 22px;
    letter-spacing: 4px;
  }
}

.services-dental-item {
  box-shadow      : 0px 48px 50px rgba(0, 0, 0, 0.02);
  padding         : 36px 31px 41px 27px;
  background-color: #fff;
}

.services-dental-item .image::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA3MiA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMzUwNCAwLjAwNjM4MzkxQzQ4LjcxOTYgLTAuMjMyNTIxIDU4LjA4MzEgNi4yNjQ4IDY0LjcwMTcgMTQuMzEzNEM3MC43NDU0IDIxLjY2MyA3Mi4yOTYzIDMxLjMzMzEgNzEuOTU1OCA0MC44NzI3QzcxLjYzIDQ5Ljk5OTcgNzAuMTY5OSA2MC4xNzQyIDYyLjg3MTUgNjUuNTg3MkM1Ni4wMjc1IDcwLjY2MzMgNDYuODM3NSA2Ni4yMTk4IDM4LjM1MDQgNjUuNzk3MkMzMC42MTM1IDY1LjQxMTkgMjIuNjQ2NCA2Ny40OTQyIDE2LjEzODEgNjMuMjYwMkM4LjE1MTAyIDU4LjA2NDEgMC42MzA1NjcgNTAuNDM1NCAwLjAzNzY1NzcgNDAuODcyN0MtMC41NzYwNTIgMzAuOTc0NCA2LjQxODg1IDIyLjcwOTEgMTMuMTc2OSAxNS41MDA2QzIwLjE5NjggOC4wMTI4MSAyOC4xMzIgMC4yNDE4MTUgMzguMzUwNCAwLjAwNjM4MzkxWiIgZmlsbD0iI0E0Q0VEQSIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA3MiA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMzUwNCAwLjAwNjM4MzkxQzQ4LjcxOTYgLTAuMjMyNTIxIDU4LjA4MzEgNi4yNjQ4IDY0LjcwMTcgMTQuMzEzNEM3MC43NDU0IDIxLjY2MyA3Mi4yOTYzIDMxLjMzMzEgNzEuOTU1OCA0MC44NzI3QzcxLjYzIDQ5Ljk5OTcgNzAuMTY5OSA2MC4xNzQyIDYyLjg3MTUgNjUuNTg3MkM1Ni4wMjc1IDcwLjY2MzMgNDYuODM3NSA2Ni4yMTk4IDM4LjM1MDQgNjUuNzk3MkMzMC42MTM1IDY1LjQxMTkgMjIuNjQ2NCA2Ny40OTQyIDE2LjEzODEgNjMuMjYwMkM4LjE1MTAyIDU4LjA2NDEgMC42MzA1NjcgNTAuNDM1NCAwLjAzNzY1NzcgNDAuODcyN0MtMC41NzYwNTIgMzAuOTc0NCA2LjQxODg1IDIyLjcwOTEgMTMuMTc2OSAxNS41MDA2QzIwLjE5NjggOC4wMTI4MSAyOC4xMzIgMC4yNDE4MTUgMzguMzUwNCAwLjAwNjM4MzkxWiIgZmlsbD0iI0E0Q0VEQSIvPg0KPC9zdmc+DQo=) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 72px;
  height             : 68px;
  background-color   : #a4ceda;
  opacity            : 0.15;
}

.services-dental-item .image img {
  width : 60px;
  height: 60px;
}

.services-dental-item:hover {
  background-color: #52a7ca;
}

.services-dental-item:hover .title {
  color: rgba(255, 255, 255, 0.8);
}

.services-dental-item:hover p {
  color: rgba(255, 255, 255, 0.6);
}

.services-dental .swiper-slide:not(.swiper-slide-visible) {
  align-self: center;
}

.swiper-slide:not(.swiper-slide-visible) .services-dental-item {
  padding: 20px 20px;
  opacity: 0.5;
  height : auto;
}

@media only screen and (max-width: 767px) {
  .services-dental-item {
    padding: 30px 20px;
  }

  .services-dental-item .image {
    margin-left: 0;
  }
}

.counseling-dental {
  margin: 104px 0 190px;
}

.counseling-dental::before {
  background-image: var(--wpr-bg-3f1d34e2-2a43-48a9-915f-9f811ee005a0);
  transform       : translateY(-64px);
  height          : 536px;
}

.counseling-dental .image::before {
  background-image: var(--wpr-bg-6df9a59f-03ac-4a6d-88fd-f39be4a21540);
  width           : 254px;
  height          : 142px;
  bottom          : 55px;
  transform       : translateX(89px);
}

.counseling-dental .image::after {
  background-image: var(--wpr-bg-5f4ddf53-a713-464e-aa09-9ed1a6b83ff9);
  width           : 106px;
  height          : 110px;
  bottom          : 8px;
  left            : 80px;
}

.counseling-dental .image img {
  filter: drop-shadow(0px 38px 50px rgba(0, 0, 0, 0.05));
}

.counseling-dental .content::before {
  top : 20px;
  left: 137px;
}

.counseling-dental .content::after {
  transform: translate(-4px, -23px);
}

.counseling-dental .content .btn {
  padding: 11px 21px;
}

@media only screen and (max-width: 767px) {
  .counseling-dental {
    margin: 70px 0;
  }

  .counseling-dental .content p {
    font-size  : 14px;
    line-height: 25px;
  }
}

.doctors-dental {
  padding: 36px 0 64px;
}

.works-dental {
  margin: 105px 0 154px;
}

.works-dental-item {
  padding-bottom: 69px;
}

.works-dental-item .image {
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.1);
}

.works-dental-item .image::before {
  background-image: linear-gradient(180deg, rgba(82, 167, 202, 0) 0%, rgba(82, 167, 202, 0.561884) 80.24%, #23a9ce 100%);
  z-index         : 2;
  border-radius   : inherit;
}

.works-dental-item .image i {
  z-index   : 3;
  width     : 38px;
  height    : 38px;
  box-shadow: 0px 23px 30px rgba(0, 0, 0, 0.15);
  top       : 33px;
  right     : 27px;
}

.works-dental-item .content {
  right  : 35px;
  left   : 35px;
  padding: 31px 12px;
  z-index: 5;
}

@media only screen and (max-width: 1199px) {
  .works-dental-item .content {
    right: 24px;
    left : 24px;
  }
}

@media only screen and (max-width: 767px) {
  .works-dental {
    margin: 80px 0;
  }

  .works-dental-item .image {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .works-dental-item {
    padding-bottom: 32px;
  }

  .works-dental-item .image {
    border-radius: 24px;
  }

  .works-dental-item .image i {
    top : 20px;
    left: 20px;
  }

  .works-dental-item .content {
    right        : 12px;
    left         : 12px;
    border-radius: 20px;
    padding      : 24px 12px;
  }

  .works-dental-item .content .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

.comments-dental-item {
  max-width: 843px;
}

.comments-dental-item img {
  box-shadow: 0px 39px 50px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1399px) {
  .comments-dental .container::after {
    width : 1160px;
    height: 384px;
  }
}

@media only screen and (max-width: 1199px) {
  .comments-dental .container::after {
    width : 960px;
    height: 318px;
  }
}

@media only screen and (max-width: 991px) {
  .comments-dental .container {
    padding-bottom: 120px;
  }

  .comments-dental .container::after {
    width : 720px;
    height: 238px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-dental .container {
    padding-bottom: 0;
  }
}

.gallery-dental {
  margin: 116px 0 64px;
}

.gallery-dental::before {
  background-image: var(--wpr-bg-bad904a0-9550-4f54-b235-d92717606589);
  transform       : translateY(-39px);
  height          : 1187px;
}

@media only screen and (max-width: 767px) {
  .gallery-dental {
    margin: 60px 0;
  }
}

.company-dental a img {
  filter: grayscale(1);
}

.company-dental a:hover img {
  filter: grayscale(0);
}

.about-dental-landing .video {
  padding: 22px 29px 35px 22px;
}

.about-dental-landing .video::before {
  background-image: var(--wpr-bg-26e77f8a-325a-49c2-b454-bf573127230a);
  width           : 104px;
  height          : 110px;
}

.about-dental-landing .video::after {
  width       : 234px;
  height      : 187px;
  border      : 6px solid;
  border-color: transparent transparent #52a7ca #52a7ca;
}

@media only screen and (max-width: 575px) {
  .about-dental-landing .video {
    padding: 0;
  }

  .about-dental-landing .video::before {
    transform: translate(29px, -22px);
  }

  .about-dental-landing .video::after {
    content: none;
  }
}

.about-team-dental {
  margin: 126px 0 158px;
}

.about-team-dental::before {
  background-image: var(--wpr-bg-07cceb9a-dc58-4f71-b4bc-a1ff5406893e);
  transform       : translateY(-70px);
  height          : 861px;
}

.about-team-dental::after,
.about-team-dental .container::after {
  width : 275px;
  height: 346px;
}

.about-team-dental::after {
  background-image: var(--wpr-bg-d8edf9b1-abed-4205-acff-bff0de57d0e0);
  transform       : translate(144px, 206px);
}

.about-team-dental .container::after {
  transform       : translateX(-92px);
  bottom          : 38px;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-dental-05.png);
}

.about-team-dental .title-en {
  letter-spacing: 7.44px;
}

.about-team-dental .btn {
  filter : drop-shadow(0px 19px 50px rgba(82, 167, 202, 0.15));
  padding: 11px 25px;
}

.about-team-dental-gallery {
  padding: 0 0 34px 39px;
}

.about-team-dental-gallery::after {
  border      : 6px solid;
  border-color: transparent transparent #52A7CA #52A7CA;
  width       : 234px;
  height      : 187px;
}

.about-team-dental-gallery .row {
  margin: 0 -4px;
  gap   : 8px 0;
}

.about-team-dental-gallery .row>* {
  padding: 0 4px;
}

.about-team-dental-gallery .gallery-cleaning-item {
  box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 767px) {
  .about-team-dental {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .about-team-dental p {
    font-size  : 14px;
    line-height: 26px;
  }

  .about-team-dental-gallery {
    padding: 0 0 16px 16px;
  }
}

.about-doctors-dental {
  padding: 43px 0 91px;
}

.about-doctors-dental .row {
  gap: 86px 0;
}

.insurance-dental {
  margin: 80px 0 140px;
}

.insurance-dental::before {
  background-image: var(--wpr-bg-da3983f4-f291-4d04-acfc-1e5cebf9e665);
  transform       : translateY(-72px);
  height          : 861px;
}

.insurance-dental-item {
  padding   : 66px 12px;
  box-shadow: 0px 31px 50px rgba(0, 0, 0, 0.02);
}

.insurance-dental-item img {
  width              : auto;
  max-height         : 72px;
  filter             : grayscale(1);
  -webkit-user-select: none;
  -moz-user-select   : none;
  user-select        : none;
}

.insurance-dental-item:hover img {
  filter: grayscale(0);
}

.insurance-dental .swiper-slide:not(.swiper-slide-visible) .insurance-dental-item {
  transform     : scale(0.7);
  opacity       : 0.5;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .insurance-dental {
    margin: 60px 0;
  }

  .insurance-dental-item {
    padding      : 32px 12px;
    border-radius: 20px;
  }
}

.about-comments-dental::after {
  background-image: var(--wpr-bg-53e21c24-af6e-476a-8639-9643be51a918);
  width           : 275px;
  height          : 284px;
  transform       : translate(-92px, -80px);
}

.about-gallery-dental::after {
  background-image: var(--wpr-bg-0b9fc50c-1e3c-4f93-869d-1f6856681ac3);
  bottom          : 100%;
  transform       : translate(144px, -20px);
  width           : 245px;
  height          : 284px;
}

.contact-dental-location {
  margin: 125px 0 132px;
}

.contact-dental-location::before,
.contact-dental-location::after {
  width : 275px;
  height: 284px;
}

.contact-dental-location::before {
  background-image: var(--wpr-bg-3ace31e7-cf6e-4661-8416-50e8c5b46027);
  bottom          : 24px;
  transform       : translateX(104px);
}

.contact-dental-location::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-dental-06.png);
  transform       : translate(-136px, 14px);
}

.contact-dental-location-wrapper {
  padding: 36px 40px 22px 27px;
}

.contact-dental-location-wrapper::before,
.contact-dental-location-wrapper::after {
  width : 234px;
  height: 187px;
  border: 6px solid;
}

.contact-dental-location-wrapper::before {
  border-color: #52a7ca #52a7ca transparent transparent;
}

.contact-dental-location-wrapper::after {
  border-color: transparent transparent #52a7ca #52a7ca;
}

.contact-dental-location-wrapper .location::before {
  background-image: var(--wpr-bg-0e39032f-186b-40c6-9c65-cacbc043d5a0);
  top             : 5px;
  left            : 6px;
  width           : 104px;
  height          : 110px;
}

.contact-dental-location-wrapper .location iframe {
  background-color: #d9d9d9;
  box-shadow      : 0px 72px 50px rgba(0, 0, 0, 0.05);
  border-radius   : 60px 0;
}

.contact-dental-info .heading-dental {
  max-width: 790px;
}

.contact-dental-info .heading-dental::before {
  right    : 100px;
  transform: translateY(-14px);
}

.contact-dental-info .heading-dental::after {
  top      : 18px;
  transform: translateX(-25px);
}

.contact-dental-info .row {
  max-width: 970px;
}

.contact-dental-counseling {
  margin: 183px 0 111px;
}

.contact-dental-form::before {
  background-image: var(--wpr-bg-6b670ac9-f80b-4583-9090-35b8828b3857);
  transform       : translateY(-16px);
  height          : 1045px;
}

.contact-dental-form .heading-dental {
  margin-bottom: 106px;
}

.contact-dental-form form .uploader-file-label {
  padding: 22.5px 18px 22.5px 140px;
}

.contact-dental-form form button.btn {
  box-shadow: 0px 18px 25px rgba(82, 167, 202, 0.32);
}

.contact-dental-insurance {
  margin: 125px 0 233px;
}

.contact-dental-insurance::after {
  background-image: var(--wpr-bg-ceb48b71-d9b5-4561-a914-b013894289fc);
  width           : 275px;
  height          : 284px;
  transform       : translate(-92px, -141px);
}

.contact-dental-gallery::after {
  background-image: var(--wpr-bg-912a23b3-2a3e-4c13-9faf-2610180b522b);
  width           : 275px;
  height          : 284px;
  transform       : translate(143px, -254px);
}

@media only screen and (max-width: 991px) {
  .contact-dental-location-wrapper .location iframe {
    height       : 400px;
    border-radius: 32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-dental-location {
    margin: 40px 0 60px;
  }

  .contact-dental-location-wrapper {
    padding: 24px;
  }

  .contact-dental-counseling,
  .contact-dental-insurance {
    margin: 70px 0;
  }

  .contact-dental-form .heading-dental {
    margin-bottom: 60px;
  }

  .contact-dental-form form .uploader-file-label {
    padding-left: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-dental-location-wrapper {
    padding: 16px;
  }

  .contact-dental-location-wrapper .location iframe {
    border-radius: 24px 0;
    height       : 300px;
  }
}

.blog-dental-top-article {
  margin: 72px 0 163px;
}

.blog-dental-top-article .title-en {
  letter-spacing: 5.88px;
}

.blog-dental-top-article .btn {
  min-width: 157px;
  padding  : 12px 12px;
  filter   : drop-shadow(0px 19px 50px rgba(82, 167, 202, 0.15));
}

.blog-dental-top-article .image::before {
  background-image: var(--wpr-bg-736bd2d2-4842-4b5c-b79d-9af9d2c7513b);
  width           : 104px;
  height          : 110px;
  left            : 40%;
  transform       : translate(-50%, -66px);
}

.blog-dental-top-article .image::after {
  width       : 234px;
  height      : 187px;
  border      : 6px solid;
  border-color: transparent transparent #52a7ca #52a7ca;
  left        : 30px;
  transform   : translateY(21px);
}

.blog-dental-top-article .image .img {
  filter: drop-shadow(-13px -8px 50px rgba(0, 0, 0, 0.05));
}

.blog-dental-top-article .image .img::before,
.blog-dental-top-article .image .img::after,
.blog-dental-top-article .image .img img {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI4IiBoZWlnaHQ9IjQ4OSIgdmlld0JveD0iMCAwIDUyOCA0ODkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMC41NjUgMC4wODQ5Nzc3QzM2NS4yNjMgLTIuMzE0ODIgNDE4LjgwNyA0Ni41MTcxIDQ2MS4xOTQgOTUuMzk5QzUwMC4xODcgMTQwLjM2NiA1MTcuMDAyIDE5Ni41OTMgNTIyLjM0IDI1NS44NDNDNTI4LjM4NSAzMjIuOTM3IDUzOS40NTQgMzk5LjIxOCA0OTIuOTYyIDQ0OC4wMThDNDQ1Ljk4NyA0OTcuMzI0IDM2OC43MDUgNDg4LjA4NSAzMDAuNTY1IDQ4OC42MjdDMjMxLjU4NiA0ODkuMTc3IDE1OS41MDIgNDkzLjQzOCAxMDUuMDc1IDQ1MS4xMDdDNDQuNTU2NyA0MDQuMDM5IC04Ljk2NTM0IDMzMS43NzEgMS4yNjE0NCAyNTUuODQzQzExLjAzOTkgMTgzLjI0NCA5NS43MTAxIDE1NC41MDkgMTUxLjQzOCAxMDYuODg5QzE5OS43NTYgNjUuNjAwNCAyMzcuMDIyIDIuNDQxOTIgMzAwLjU2NSAwLjA4NDk3NzdaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==) 0 0/contain;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI4IiBoZWlnaHQ9IjQ4OSIgdmlld0JveD0iMCAwIDUyOCA0ODkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMC41NjUgMC4wODQ5Nzc3QzM2NS4yNjMgLTIuMzE0ODIgNDE4LjgwNyA0Ni41MTcxIDQ2MS4xOTQgOTUuMzk5QzUwMC4xODcgMTQwLjM2NiA1MTcuMDAyIDE5Ni41OTMgNTIyLjM0IDI1NS44NDNDNTI4LjM4NSAzMjIuOTM3IDUzOS40NTQgMzk5LjIxOCA0OTIuOTYyIDQ0OC4wMThDNDQ1Ljk4NyA0OTcuMzI0IDM2OC43MDUgNDg4LjA4NSAzMDAuNTY1IDQ4OC42MjdDMjMxLjU4NiA0ODkuMTc3IDE1OS41MDIgNDkzLjQzOCAxMDUuMDc1IDQ1MS4xMDdDNDQuNTU2NyA0MDQuMDM5IC04Ljk2NTM0IDMzMS43NzEgMS4yNjE0NCAyNTUuODQzQzExLjAzOTkgMTgzLjI0NCA5NS43MTAxIDE1NC41MDkgMTUxLjQzOCAxMDYuODg5QzE5OS43NTYgNjUuNjAwNCAyMzcuMDIyIDIuNDQxOTIgMzAwLjU2NSAwLjA4NDk3NzdaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==) 0 0/contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.blog-dental-top-article .image .img::before,
.blog-dental-top-article .image .img::after {
  top : 24px;
  left: 15px;
}

.blog-dental-top-article .image .img::before {
  background-image: var(--wpr-bg-895300de-f476-41b2-a2cd-8ff6173ba5d7);
}

.blog-dental-top-article .image .img::after {
  background-color: rgba(164, 206, 218, 0.8);
}

.blog-dental-articles-marine::before {
  background-image: var(--wpr-bg-69ce74d0-a81d-4e5e-9e9c-cafd10657518);
  transform       : translateY(-95px);
  height          : 1329px;
}

.blog-dental-articles-marine::after,
.blog-dental-articles-marine .container::before {
  width : 275px;
  height: 285px;
}

.blog-dental-articles-marine::after {
  background-image: var(--wpr-bg-e0507626-dbaf-47a9-a280-42e843660c96);
  top             : 27%;
  transform       : translateX(-154px);
}

.blog-dental-articles-marine .container::before {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-dental-07.png);
  transform       : translate(149px, 35px);
}

.blog-dental-articles-marine .row {
  gap: 72px 0;
}

.blog-dental-best-article {
  margin: 155px 0 146px;
}

.blog-dental-best-article::after {
  background-image: var(--wpr-bg-43bda609-99dc-4103-b98e-57f76ee507a0);
  width           : 275px;
  height          : 285px;
  transform       : translate(-154px, 123px);
}

.blog-dental-best-article .content .title a:hover,
.blog-dental-best-article .content .author:hover {
  color: #52a7ca;
}

.blog-dental-best-article .content .share ul li a:hover {
  background-color: #52a7ca;
}

.blog-dental-best-article .content .btn:hover {
  background-color: #52a7ca;
  color           : #fff;
}

.blog-dental-last-articles::before {
  background-image: var(--wpr-bg-4acc79cb-aa28-4c8f-be1f-7dee0886f786);
  transform       : translateY(-92px);
  height          : 2232px;
}

.blog-dental-last-articles::after,
.blog-dental-last-articles .container::before,
.blog-dental-last-articles .container::after {
  width : 275px;
  height: 285px;
}

.blog-dental-last-articles::after,
.blog-dental-last-articles .container::after {
  background-image: var(--wpr-bg-71cb6269-a2a4-4ba4-8aaf-bc2db8b884cd);
  transform       : translateX(149px);
}

.blog-dental-last-articles::after {
  top: 15%;
}

.blog-dental-last-articles .container::after {
  top: 65%;
}

.blog-dental-last-articles .container::before {
  background-image: var(--wpr-bg-61092dc1-7288-4025-9c13-5491ec3ab4b3);
  transform       : translateX(-154px);
  top             : 40%;
}

.blog-dental-last-articles .row {
  gap: 105px 0;
}

@media only screen and (max-width: 991px) {
  .blog-dental-top-article {
    margin-top: 90px;
  }

  .blog-dental-top-article .image .img::before,
  .blog-dental-top-article .image .img::after,
  .blog-dental-top-article .image .img img {
    -webkit-mask-position: center;
    mask-position        : center;
  }
}

@media only screen and (max-width: 767px) {
  .blog-dental-top-article {
    margin: 40px 0 60px;
  }

  .blog-dental-best-article {
    margin: 60px 0;
  }

  .blog-dental-last-articles .row {
    gap: 32px 0;
  }
}

.detail-blog-dental {
  margin-top: 52px;
}

.detail-blog-dental-image {
  margin-bottom: 93px;
}

.detail-blog-dental-image-wrapper {
  padding: 147px 140px 0;
}

.detail-blog-dental-image-wrapper::before,
.detail-blog-dental-image-wrapper::after {
  bottom       : 21.101%;
  border-radius: 26px;
}

.detail-blog-dental-image-wrapper::before {
  background-image: var(--wpr-bg-31ba9dc2-0d8a-4792-86cd-dddf59d31fdd);
  box-shadow      : 0px 55px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-dental-image-wrapper::after {
  background-color: rgba(82, 167, 202, 0.5);
}

.detail-blog-dental-image-wrapper img {
  border       : 9px solid #d9d9d9;
  border-radius: 0 0 205px 205px;
  box-shadow   : 0px 61px 50px rgba(0, 0, 0, 0.05);
  max-width    : calc(50% - 12px);
}

.detail-blog-dental-image-wrapper img:nth-child(2) {
  border-radius: 205px 205px 0 0;
}

.detail-blog-dental-info {
  margin-bottom: 97px;
}

.detail-blog-dental-info-wrapper {
  max-width: 968px;
}

.detail-blog-dental-info-author:hover {
  color: #52a7ca;
}

.detail-blog-dental-content {
  margin-bottom: 130px;
}

.detail-blog-dental-content::before,
.detail-blog-dental-content::after {
  width : 275px;
  height: 285px;
}

.detail-blog-dental-content::before {
  background-image: var(--wpr-bg-b5cd1c7d-a809-4bea-abfb-80760f02e6a6);
  transform       : translateX(163px);
}

.detail-blog-dental-content::after {
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/shape/shape-dental-06.png);
  transform       : translate(-153px, -205px);
}

.detail-blog-dental-comments {
  margin: 153px 0 105px;
}

.detail-blog-dental-comments::before {
  background-image: var(--wpr-bg-016411d6-479a-42be-b6ba-c0ad7ebbf5ab);
  transform       : translateY(-44px);
  height          : 1540px;
}

.detail-blog-dental-comments ul li .content .text-reply p::before,
.detail-blog-dental-comments ul li ul::before {
  background-color: rgba(82, 167, 202, 0.75);
}

.detail-blog-dental-comments ul li .content .text-reply .btn {
  box-shadow: 0px 32px 25px rgba(82, 167, 202, 0.15);
}

.detail-blog-dental-send-comment form .btn {
  box-shadow: 0px 18px 25px rgba(82, 167, 202, 0.32);
}

.detail-blog-dental-related-articles {
  margin-top: 116px;
}

.detail-blog-dental-related-articles::before {
  background-image: var(--wpr-bg-c3b1f7cd-38a2-4949-b2f3-ed267f0357cf);
  top             : 58px;
  height          : 750px;
}

@media only screen and (max-width: 991px) {
  .detail-blog-dental-image-wrapper {
    padding: 80px 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-dental {
    margin-top: 40px;
  }

  .detail-blog-dental-image-wrapper {
    padding: 48px 32px 0;
  }

  .detail-blog-dental-image,
  .detail-blog-dental-info,
  .detail-blog-dental-content {
    margin-bottom: 40px;
  }

  .detail-blog-dental-info-author {
    font-size  : 14px;
    line-height: 22px;
  }

  .detail-blog-dental-comments {
    margin: 60px 0;
  }

  .detail-blog-dental-related-articles {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-dental-image-wrapper {
    padding: 32px 12px 0;
    margin : 0 -12px;
    gap    : 12px !important;
  }

  .detail-blog-dental-image-wrapper::before,
  .detail-blog-dental-image-wrapper::after {
    border-radius: 0;
  }

  .detail-blog-dental-image-wrapper img {
    border-width: 4px;
    max-width   : calc(50% - 6px);
  }

  .detail-blog-dental-info-title {
    font-size  : 16px;
    line-height: 25px;
  }

  .detail-blog-dental-info-author {
    font-size  : 12px;
    line-height: 18px;
  }
}

.service-dental-landing {
  margin: 52px 0 116px;
}

.service-dental-landing-wrapper {
  padding: 100px 65px 0 106px;
}

.service-dental-landing-wrapper::before,
.service-dental-landing-wrapper::after {
  border-radius: 26px;
  bottom       : 37.123%;
}

.service-dental-landing-wrapper::before {
  background-image: var(--wpr-bg-7c860950-f2e7-440c-8850-fde7b8df1652);
  box-shadow      : 0px 55px 50px rgba(0, 0, 0, 0.05);
}

.service-dental-landing-wrapper::after {
  background-color: rgba(82, 167, 202, 0.5);
}

.service-dental-landing-wrapper .content {
  box-shadow: 0px 77px 50px rgba(0, 0, 0, 0.05);
  padding   : 60px 66px 50px 38px;
}

.service-dental-landing-wrapper img {
  border       : 9px solid #d9d9d9;
  border-radius: 205px 205px 0 0;
  box-shadow   : 0px 61px 50px rgba(0, 0, 0, 0.05);
}

.service-dental-description {
  margin-bottom: 100px;
}

.service-dental-description-content::before {
  width : 275px;
  height: 285px;
}

.service-dental-description-content:nth-child(odd)::before {
  background-image: var(--wpr-bg-951b275e-2d46-4dec-890a-5c5df569273e);
  transform       : translate(-165px, -72px);
  left            : 0;
}

.service-dental-description-content:nth-child(even)::before {
  background-image: var(--wpr-bg-25b80847-ae03-4a4e-845c-b6522ed44b41);
  transform       : translate(157px, -80px);
  right           : 0;
}

.service-dental-description-content:not(:last-child) {
  margin-bottom: 118px;
}

.service-dental-description-content .title-en {
  letter-spacing: 6.08px;
}

.service-dental-steps::before {
  background-image: var(--wpr-bg-e07349f2-97e6-474d-ade7-f350139bc772);
  transform       : translateY(-18px);
  height          : 742px;
}

.service-dental-steps .row {
  gap: 37px 0;
}

.service-dental-steps-item {
  padding: 31px 37px 32px 25px;
  border : 1px solid #e0e0e0;
}

.service-dental-steps-item::before {
  border-radius   : inherit;
  background-image: var(--wpr-bg-94af5279-93d6-4024-a34e-53f4c2b9da7b);
  background-color: #52a7ca;
  box-shadow      : 0px 48px 50px rgba(0, 0, 0, 0.1), 0px 48px 50px rgba(82, 167, 202, 0.1);
  opacity         : 0;
}

.service-dental-steps-item img {
  box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.1);
}

.service-dental-steps-item:hover::before {
  opacity: 1;
}

.service-dental-steps-item:hover .title {
  color: rgba(255, 255, 255, 0.8);
}

.service-dental-steps-item:hover p {
  color: rgba(255, 255, 255, 0.5);
}

.service-dental-pricing::before {
  background-image: var(--wpr-bg-a72ee5e4-4d55-4b6a-95f8-b833a720fc8c);
  transform       : translateY(-102px);
  height          : 783px;
}

.service-dental-pricing::after {
  background-image: var(--wpr-bg-89879444-7f59-4e6c-8115-6c507033f640);
  background      : #52a7ca;
  width           : 231px;
  height          : 741px;
  border-radius   : 129px;
  transform       : translate(206px, 168px);
}

.service-dental-pricing-wrapper {
  padding-right: 22px;
}

.service-dental-pricing-wrapper::before {
  background-color: #52a7ca;
  bottom          : 106px;
  left            : 22px;
  border-radius   : 50px;
  transform       : translateY(-26px);
}

.service-dental-pricing-wrapper::after {
  background-image: var(--wpr-bg-82e5a589-8539-4166-a4a8-33ed998cd2ba);
  width           : 178px;
  height          : 187px;
  transform       : translate(40px, -65px);
}

.service-dental-pricing-content {
  box-shadow: 0px 13px 50px rgba(0, 0, 0, 0.05);
  padding   : 97px 48px 20px;
}

.service-dental-pricing-title::before {
  width           : 15px;
  height          : 15px;
  border-radius   : 2px;
  background-color: #52a7ca;
  transform       : rotate(45deg);
  margin-left     : 10px;
}

.service-dental-pricing .doctors>*:not(:last-child) {
  margin-bottom: 72px;
}

.service-dental-comments {
  margin: 271px 0 227px;
}

.service-dental-comments::after {
  width           : 275px;
  height          : 285px;
  background-image: var(--wpr-bg-82a2ad19-bca1-4128-be5d-f25a3ee5af25);
  transform       : translate(-92px, -80px);
}

.service-dental-company::before {
  background-image: var(--wpr-bg-1793774c-e111-437a-b398-6cb49a35d0bc);
  transform       : translate(144px, -238px);
  width           : 275px;
  height          : 285px;
}

@media only screen and (max-width: 1399px) {
  .service-dental-landing .text {
    font-size  : 40px;
    line-height: 1.65;
  }
}

@media only screen and (max-width: 1199px) {
  .service-dental-landing-wrapper {
    padding: 100px 48px 0;
  }

  .service-dental-landing .text {
    font-size: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .service-dental-landing-wrapper {
    padding: 48px 32px 0;
  }

  .service-dental-landing-wrapper::before,
  .service-dental-landing-wrapper::after {
    bottom: auto;
    height: 40%;
  }

  .service-dental-landing .content {
    margin-top: 24px;
    padding   : 48px 32px;
  }

  .service-dental-landing img {
    width : auto !important;
    margin: 0 auto;
  }

  .service-dental-pricing .doctors>*:not(:last-child) {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .service-dental-landing {
    margin: 40px 0 60px;
  }

  .service-dental-landing .text {
    font-size: 24px;
  }

  .service-dental-landing .content {
    padding      : 30px 20px;
    border-radius: 20px;
  }

  .service-dental-description {
    margin-bottom: 60px;
  }

  .service-dental-description-content:not(:last-child) {
    margin-bottom: 50px;
  }

  .service-dental-description-content p {
    font-size  : 14px;
    line-height: 26px;
  }

  .service-dental-steps .row {
    gap: 24px 0;
  }

  .service-dental-steps-item {
    padding: 24px;
  }

  .service-dental-pricing-wrapper {
    padding-right: 0;
  }

  .service-dental-pricing-content {
    padding: 40px 20px 32px;
  }

  .service-dental-comments {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .service-dental-landing-wrapper {
    padding: 32px 12px 0;
    margin : 0 -12px;
  }

  .service-dental-landing-wrapper::before,
  .service-dental-landing-wrapper::after {
    border-radius: 0;
    height       : 30%;
  }

  .service-dental-landing .text {
    font-size: 18px;
  }

  .service-dental-landing img {
    border-width: 4px;
  }

  .service-dental-steps-item {
    padding: 24px 16px;
  }

  .service-dental-pricing-content {
    padding      : 32px 16px;
    border-radius: 32px;
  }

  .service-dental-pricing .doctors>*:not(:last-child) {
    margin-bottom: 64px;
  }
}

@property --color-1 {
  syntax       : "<color>";
  initial-value: #b0b0b0;
  inherits     : false;
}

@property --color-2 {
  syntax       : "<color>";
  initial-value: #b0b0b0;
  inherits     : false;
}

@property --color-3 {
  syntax       : "<color>";
  initial-value: #b0b0b0;
  inherits     : false;
}

.heading-web-design {
  margin-bottom: 77px;
}

.heading-web-design::before {
  color: #1081e8;
}

.shape-circle,
.before\:shape-circle::before,
.after\:shape-circle::after {
  background-color: #1081e8;
}

.shape-circle-dark,
.before\:shape-circle-dark::before,
.after\:shape-circle-dark::after {
  background-color: #0f2851;
}

.works-web-design-item {
  box-shadow   : 0px 88px 50px rgba(0, 0, 0, 0.02);
  padding      : 23px 25px 27px;
  border-bottom: 2px solid #fff;
}

.works-web-design-item .image img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.works-web-design-item .title {
  max-height: 50px;
}

.works-web-design-item .title a:hover {
  color: #1081e8;
}

.works-web-design-item .like:hover {
  color: #e63a2c;
}

.works-web-design-item .btn-more {
  background-color: #fff;
  box-shadow      : 0px 26px 50px rgba(0, 0, 0, 0.05);
  min-width       : 111px;
  padding         : 8px 12px;
}

.works-web-design-item:hover {
  border-color: rgba(16, 129, 232, 0.2);
  box-shadow  : 0px 88px 50px rgba(16, 129, 232, 0.05);
}

.works-web-design-item:hover .btn-more {
  background-color: #1081e8;
  color           : #fff;
}

@media only screen and (max-width: 1199px) {
  .works-web-design-item {
    padding: 23px 16px 27px;
  }

  .works-web-design-item .title {
    max-height: 44px;
  }

  .works-web-design-item .title,
  .works-web-design-item .like {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .works-web-design-item {
    padding: 20px 16px;
  }
}

.btn-more-web-design {
  padding  : 14px 12px;
  min-width: 189px;
}

.btn-more-web-design,
.btn-more-web-design:active,
.btn-more-web-design:focus,
.btn-more-web-design:hover {
  box-shadow: 0px 10px 20px 2px rgba(134, 155, 235, 0.32);
}

.article-web-design {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 23px 17px 20px;
}

.article-web-design::before {
  background-image: linear-gradient(93deg, #f5af19 -9.57%, #f48c17 99.15%, #f12711 215.17%);
  border-radius   : inherit;
  padding         : 0 4px 4px 0;
  opacity         : 0;
}

.article-web-design figure img {
  border-radius: 20px 20px 0;
  box-shadow   : 0px 21px 25px rgba(0, 0, 0, 0.15);
}

.article-web-design .title {
  max-height: 48px;
}

.article-web-design .info::before {
  width        : 5px;
  height       : 70px;
  border-radius: 7px;
  transform    : translateX(17px);
}

.article-web-design .info::before,
.article-web-design .read-more {
  background-image: linear-gradient(93deg, var(--color-1) -9.57%, var(--color-2) 99.15%, var(--color-3) 215.17%);
  transition      : --color-1 0.3s ease-in-out, --color-2 0.3s ease-in-out, --color-3 0.3s ease-in-out;
}

.article-web-design p {
  height: 64px;
}

.article-web-design .read-more {
  color: transparent;
}

.article-web-design:hover::before {
  opacity: 1;
}

.article-web-design:hover .info::before,
.article-web-design:hover .read-more {
  --color-1: #f5af19;
  --color-2: #f48c17;
  --color-3: #f12711;
}

.articles-web-design {
  margin-top: 170px;
}

.articles-web-design .swiper {
  max-width: 1020px;
}

.articles-web-design .swiper-slide:not(.swiper-slide-visible)>* {
  opacity   : 0.25;
  transition: all 0.3s ease-in-out;
}

.articles-web-design .swiper-button-prev::after,
.articles-web-design .swiper-button-next::after {
  font-family: "icomoon";
  font-size  : 16px;
  line-height: 1;
  color      : #fcb712;
}

.articles-web-design .swiper-button-prev::after {
  content: "\e937";
}

.articles-web-design .swiper-button-next::after {
  content: "\e936";
}

.articles-web-design .swiper-pagination-bullet {
  opacity                                  : 1;
  border-radius                            : 6px;
  width                                    : 20px;
  height                                   : 6px;
  background-color                         : rgba(73, 73, 73, 0.6);
  --swiper-pagination-bullet-horizontal-gap: 3px;
}

.articles-web-design .swiper-pagination-bullet-active {
  width           : 30px;
  background-color: #fcb712;
}

@media only screen and (max-width: 767px) {
  .articles-web-design {
    margin-top: 60px;
  }

  .articles-web-design .swiper-pagination-bullet {
    width: 12px;
  }

  .articles-web-design .swiper-pagination-bullet-active {
    width: 20px;
  }
}

.btn-more-two-web-design {
  padding  : 10px 12px;
  min-width: 155px;
}

.article-web-design-two {
  padding   : 5px 5px 25px;
  box-shadow: 0px 67px 50px rgba(0, 0, 0, 0.02);
}

.article-web-design-two figure {
  padding         : 5px;
  background-color: rgba(197, 197, 197, 0.2);
}

.article-web-design-two figure::before {
  background-color: rgba(16, 129, 232, 0.5);
  border-radius   : inherit;
  z-index         : 2;
  top             : 5px;
  right           : 5px;
  bottom          : 5px;
  left            : 5px;
}

.article-web-design-two figure::after {
  width           : 50%;
  height          : 2px;
  background-color: #c5c5c5;
  transform       : translateX(-50%);
  bottom          : 3px;
}

.article-web-design-two figure .img {
  background-color: #d9d9d9;
}

.article-web-design-two figure .text {
  margin     : 0 42px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  z-index    : 4;
  padding-top: 6px;
}

.article-web-design-two figure .text::before {
  width           : 106px;
  height          : 3px;
  background-color: #fff;
}

.article-web-design-two figure .avatar {
  transform: translate(-50%, 11px);
  z-index  : 20;
}

.article-web-design-two .content {
  padding: 0 5px;
}

.article-web-design-two .title {
  max-height: 48px;
}

.article-web-design-two .title a:hover {
  color: #1081e8;
}

.article-web-design-two p {
  max-height: 104px;
}

@media only screen and (max-width: 1199px) {
  .article-web-design-two figure .text {
    margin: 0 20px;
  }
}

.pagination-web-design li li a:not(.prev, .next):hover,
.pagination-web-design li li a:not(.prev, .next).active {
  background-color: #1081e8;
}

.article-web-design-three {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
  padding   : 27px 48px 28px 32px;
}

.article-web-design-three:not(:last-child) {
  margin-bottom: 56px;
}

.article-web-design-three .image {
  max-width: 150px;
}

.article-web-design-three .image img {
  border-radius: 20px 20px 0;
}

.article-web-design-three .detail {
  padding-right: 19px;
  max-width    : calc(100% - 150px);
}

.article-web-design-three .detail .title a:hover {
  color: #1081e8;
}

.article-web-design-three .detail .info {
  gap: 7px;
}

.article-web-design-three .detail .info li {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.article-web-design-three .detail .info li i {
  text-shadow: 0px 4px 15px rgba(86, 146, 230, 0.5);
  padding    : 0 10px;
}

@media only screen and (max-width: 1399px) {
  .article-web-design-three {
    padding: 27px 32px 28px;
  }
}

@media only screen and (max-width: 991px) {
  .article-web-design-three {
    padding: 24px 20px;
  }

  .article-web-design-three:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .article-web-design-three {
    padding: 24px 16px;
  }

  .article-web-design-three .image,
  .article-web-design-three .detail {
    max-width: 100%;
  }

  .article-web-design-three .image img {
    width: 100%;
  }

  .article-web-design-three .detail {
    padding-right: 0;
    margin-top   : 12px;
  }
}

.bg-web-design {
  background: rgba(245, 250, 254, 0.32);
}

.top-header-web-design::before {
  background-image: var(--wpr-bg-8eec9334-f35e-49d7-a9a9-bf66c7e563f4);
  height          : 1015px;
}

.top-header-web-design-wrapper {
  padding-bottom: 26px;
  border-bottom : 1px solid rgba(73, 73, 73, 0.2);
}

.top-header-web-design-category {
  margin: 0 26px 0 34px;
}

.top-header-web-design-category-btn {
  padding: 0 20px;
}

.top-header-web-design-category-btn::before,
.top-header-web-design-category-btn::after {
  width           : 1px;
  height          : 38px;
  background-color: rgba(73, 73, 73, 0.2);
}

.top-header-web-design-category-btn:hover .top-header-web-design-category-btn-btn {
  color: #1081e8;
}

.top-header-web-design-category .megamenu::before {
  height: 45px;
}

.top-header-web-design-category:hover .megamenu {
  transform: translateY(1px);
}

.top-header-web-design-nav ul {
  gap: 32px;
}

.top-header-web-design-nav ul li a::after {
  width           : 0;
  height          : 3px;
  background-color: #1081e8;
  border-radius   : 3px;
  transform       : translateY(3px);
}

.top-header-web-design-nav ul li a:hover,
.top-header-web-design-nav ul li a.active {
  color: #1081e8;
}

.top-header-web-design-nav ul li a:hover::after,
.top-header-web-design-nav ul li a.active::after {
  width: 50%;
}

.top-header-web-design-nav ul li a.active {
  font-weight: bold !important;
}

.top-header-web-design-contact {
  background-color: rgba(16, 129, 232, 0.05);
  padding         : 9.5px 24px;
}

.top-header-web-design-contact:hover {
  background-color: #1081e8;
}

.top-header-web-design-contact:hover .text {
  color: rgba(255, 255, 255, 0.5);
}

.top-header-web-design-contact:hover .text .number,
.top-header-web-design-contact:hover .text .number b {
  color: rgba(255, 255, 255, 0.8);
}

.top-header-web-design-contact:hover i {
  color: #fff !important;
}

.top-header-web-design-btn-request {
  padding: 16.5px 27.2px;
}

@media only screen and (max-width: 1399px) {
  .top-header-web-design-category {
    margin: 0 12px;
  }

  .top-header-web-design-category-btn {
    padding: 0 12px;
  }

  .top-header-web-design-nav ul {
    gap: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-web-design-category-btn i {
    margin-left: 6px;
  }

  .top-header-web-design-nav ul {
    gap: 12px;
  }

  .top-header-web-design-nav ul li a {
    font-size  : 12px;
    line-height: 20px;
  }

  .top-header-web-design-contact {
    padding    : 9.5px 12px;
    margin-left: 12px;
  }

  .top-header-web-design-btn-request {
    padding: 16.5px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-web-design-logo img {
    width : auto;
    height: 30px;
  }

  .top-header-web-design-btn-request {
    padding    : 12px;
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-web-design-btn-request i {
    font-size: 16px;
  }
}

.footer-web-design {
  margin-top      : 114px;
  border-radius   : 68px 68px 0 0;
  background-color: #020d17;
  background-image: var(--wpr-bg-23fa452f-b533-4389-b67e-32c02821abb3);
  padding         : 51px 0 29px;
}

.footer-web-design-nav li:not(:last-child) {
  margin-bottom: 4px;
}

.footer-web-design-nav li a:hover {
  color: #fff;
}

.footer-web-design-btns .btn {
  padding: 18px 30px;
}

.footer-web-design-btns .btn[class^=btn-outline-],
.footer-web-design-btns .btn[class*=" btn-outline-"] {
  padding: 17px 30px;
}

.footer-web-design-btns .btn:hover span {
  color: #fff;
}

.footer-web-design-copyright {
  padding-top: 9px;
  border-top : 3px solid #52A7CA;
}

@media only screen and (max-width: 1199px) {
  .footer-web-design-btns .btn {
    padding: 18px 26px;
  }

  .footer-web-design-btns .btn[class^=btn-outline-],
  .footer-web-design-btns .btn[class*=" btn-outline-"] {
    padding: 17px 26px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-web-design {
    border-radius: 0;
    padding      : 32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-web-design {
    margin-top: 60px;
  }

  .footer-web-design-btns .btn {
    padding: 14px 20px;
  }

  .footer-web-design-btns .btn[class^=btn-outline-],
  .footer-web-design-btns .btn[class*=" btn-outline-"] {
    padding: 13px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-web-design-btns .btn {
    flex: 1 0 auto;
  }
}

.landing-web-design {
  margin: 46px 0 88px;
}

.landing-web-design .shape {
  width           : 42px;
  height          : 42px;
  border-radius   : 50%;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
  background-color: #1081e8;
}

.landing-web-design .shape.dark {
  background-color: #0f2851;
}

.landing-web-design .shape.warning {
  background-color: #fcb712;
}

.landing-web-design>.shape-1,
.landing-web-design>.shape-4 {
  left: 7px;
}

.landing-web-design>.shape-1 {
  top: 25.475%;
}

.landing-web-design>.shape-2 {
  top      : 37.655%;
  transform: translateX(-16px);
}

.landing-web-design>.shape-3 {
  bottom   : 36.734%;
  transform: translateX(-18px);
}

.landing-web-design>.shape-4 {
  bottom: 24.55%;
}

.landing-web-design-wrapper {
  padding: 65px 0 11px 54px;
}

.landing-web-design-wrapper::before {
  background-color: #f9f9f9;
  border-radius   : 50px 290px 50px 50px;
  right           : 13px;
}

.landing-web-design-wrapper>.shape-1 {
  top  : 12.001%;
  right: 1.621%;
}

.landing-web-design-wrapper>.shape-2 {
  top  : 24.987%;
  right: 3.55%;
}

.landing-web-design-wrapper>.shape-3,
.landing-web-design-wrapper>.shape-4 {
  left: 100%;
}

.landing-web-design-wrapper>.shape-3 {
  top      : 52.923%;
  transform: translateX(55px);
}

.landing-web-design-wrapper>.shape-4 {
  top      : 65.907%;
  transform: translateX(30px);
}

.landing-web-design img {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.05));
}

.landing-web-design .title-en {
  letter-spacing: 6.44px;
}

.landing-web-design-form .form-control {
  border-color: #fff;
  box-shadow  : 0px 40px 57px rgba(0, 0, 0, 0.02);
  height      : 73px;
  padding     : 0 24px 0 140px;
}

.landing-web-design-form .form-control:focus {
  border-color: #1081e8;
}

.landing-web-design-form .btn {
  width     : 109px;
  height    : 52px;
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.05);
  left      : 21px;
}

.landing-web-design .btn-scroll {
  transform       : translate(-50%, 20px) scaleY(-1);
  background-image: linear-gradient(137.76deg, #0096b3 -103.53%, #37d8f0 157.63%);
  font-size       : 38px;
}

@media only screen and (max-width: 991px) {
  .landing-web-design-wrapper {
    padding: 0 0 64px;
  }
}

@media only screen and (max-width: 575px) {
  .landing-web-design .title-en {
    letter-spacing: 4px;
  }

  .landing-web-design-form .form-control {
    padding: 0 12px 0 70px;
    height : 64px;
  }

  .landing-web-design-form .btn {
    width    : 48px;
    height   : 48px;
    left     : 12px;
    font-size: 16px;
  }
}

.services-web-design::before {
  background-image: var(--wpr-bg-4eb68e97-05cc-4106-ae06-00c91314a4ae);
  transform       : translateY(-2px);
  height          : 451px;
}

.services-web-design .swiper-slide {
  position: relative;
}

.services-web-design .swiper-slide::before {
  content         : "";
  position        : absolute;
  width           : 42px;
  height          : 42px;
  border-radius   : 50%;
  box-shadow      : inset 11px 4px 11px rgba(255, 255, 255, 0.25);
  background-color: rgba(15, 40, 81, 0.2);
  opacity         : 0;
  z-index         : -1;
  transition      : all 0.3s linear;
}

.services-web-design .swiper-slide-active::before {
  top      : 0;
  left     : 0;
  transform: translate(-9px, -12px);
  opacity  : 1;
}

.services-web-design .swiper-slide-next+div::before {
  right    : 0;
  bottom   : 0;
  transform: translate(13px, 12px);
  opacity  : 1;
}

@media only screen and (max-width: 991px) {
  .services-web-design .swiper-slide::before {
    content: none;
  }
}

.what-me-web-design .btn,
.description-web-design .btn {
  padding: 20px 26px;
}

.what-me-web-design .btn[class^=btn-outline-],
.what-me-web-design .btn[class*=" btn-outline-"],
.description-web-design .btn[class^=btn-outline-],
.description-web-design .btn[class*=" btn-outline-"] {
  padding: 19px 26px;
}

.what-me-web-design {
  margin: 181px 0 250px;
}

.what-me-web-design::before {
  background-image: var(--wpr-bg-25b37eb3-83d8-47ee-b91e-bc3ae6aa2773);
  transform       : translateY(-74px);
  height          : 562px;
}

.what-me-web-design::after {
  transform: translateX(43px);
}

.what-me-web-design .container::before {
  transform: translateX(-39px);
  bottom   : 15%;
}

.what-me-web-design .image::before {
  background-image: var(--wpr-bg-a85aefb6-d109-4e1b-a4d7-20c2b6d7e8e8);
  width           : 95px;
  height          : 99px;
  top             : 3%;
  right           : 17%;
}

.what-me-web-design .image::after {
  background-image: var(--wpr-bg-d4db6815-c5b1-4af1-b137-4931913e3159);
  width           : 106px;
  height          : 110px;
  bottom          : 20%;
}

.what-me-web-design .image img {
  filter: drop-shadow(0px 26px 50px rgba(0, 0, 0, 0.15));
}

.what-me-web-design .image i {
  font-size  : 67px;
  text-shadow: 0px 13px 50px rgba(0, 0, 0, 0.25);
}

.what-me-web-design .title-en {
  letter-spacing: 5.88px;
}

@media only screen and (max-width: 767px) {
  .what-me-web-design {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 575px) {
  .what-me-web-design .title-en {
    letter-spacing: 4px;
  }
}

.web-services-web-design::before {
  background-image: var(--wpr-bg-ea7895a6-0719-49a2-9f45-8aa6530a2771);
  transform       : translateY(-177px);
  height          : 580px;
}

.web-services-web-design .row {
  gap: 27px 0;
}

.web-services-web-design-item {
  z-index: 2;
}

.web-services-web-design-item::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-image: linear-gradient(100.19deg, #ffb300 -38.77%, #ff5800 113.81%);
  border-radius   : inherit;
  z-index         : -2;
  opacity         : 0;
  transition      : all 0.3s ease-in-out;
}

.web-services-web-design-item .right::before,
.web-services-web-design-item .right i,
.web-services-web-design-item .right i::after,
.web-services-web-design-item .detail h2,
.web-services-web-design-item .detail p,
.web-services-web-design-item .detail .read-more {
  transition: all 0.3s ease-in-out;
}

.web-services-web-design-item .right i {
  font-size: 24px;
}

.web-services-web-design-item:hover::before {
  opacity: 1;
}

.web-services-web-design-item:hover .right::before {
  background-color: #fff;
}

.web-services-web-design-item:hover .right i {
  color: rgba(73, 73, 73, 0.8);
}

.web-services-web-design-item:hover .right i::after {
  background-color: rgba(255, 255, 255, 0.5);
}

.web-services-web-design-item:hover .detail h2 {
  color: rgba(255, 255, 255, 0.8);
}

.web-services-web-design-item:hover .detail p {
  color: rgba(255, 255, 255, 0.6);
}

.web-services-web-design-item:hover .detail .read-more {
  color: #fff;
}

.works-web-design {
  margin: 149px 0 126px;
}

.works-web-design .heading-web-design {
  margin-bottom: 94px;
}

.works-web-design .swiper-button-next,
.works-web-design .swiper-button-prev {
  width           : 46px;
  height          : 140px;
  border-radius   : 15px;
  background-color: #1081e8;
}

.works-web-design .swiper-button-next::after,
.works-web-design .swiper-button-prev::after {
  font-family: "icomoon";
  font-size  : 12px;
  line-height: 1;
  color      : #fff;
}

.works-web-design .swiper-button-next:hover,
.works-web-design .swiper-button-prev:hover {
  background-color: #0d66b8;
}

.works-web-design .swiper-button-next {
  top      : calc(50% - 31.5px);
  transform: translate(-75px, -70%);
}

.works-web-design .swiper-button-next::after {
  content: "\e901";
}

.works-web-design .swiper-button-prev {
  top      : calc(50% + 31.5px);
  transform: translate(75px, -70%);
}

.works-web-design .swiper-button-prev::after {
  content: "\e903";
}

.works-web-design .swiper-pagination-bullet {
  width                                    : 11px;
  height                                   : 7px;
  border-radius                            : 9px;
  opacity                                  : 1;
  background-color                         : rgba(73, 73, 73, 0.3);
  --swiper-pagination-bullet-horizontal-gap: 1.5px;
}

.works-web-design .swiper-pagination-bullet-active {
  width           : 25px;
  background-color: #1081e8;
}

@media only screen and (min-width: 1400px) and (max-width: 1449px) {
  .works-web-design .swiper-button-next {
    transform: translate(-50px, -70%);
  }

  .works-web-design .swiper-button-prev {
    transform: translate(50px, -70%);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1269px) {
  .works-web-design {
    padding: 0 40px;
  }

  .works-web-design .swiper-button-next {
    transform: translate(-50px, -70%);
  }

  .works-web-design .swiper-button-prev {
    transform: translate(50px, -70%);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1085px) {
  .works-web-design {
    padding: 0 40px;
  }

  .works-web-design .swiper-button-next {
    transform: translate(-50px, -70%);
  }

  .works-web-design .swiper-button-prev {
    transform: translate(50px, -70%);
  }
}

@media only screen and (max-width: 991px) {
  .works-web-design .swiper-button {
    gap: 12px;
  }

  .works-web-design .swiper-button-next,
  .works-web-design .swiper-button-prev {
    inset           : 0;
    transform       : unset;
    width           : auto;
    height          : auto;
    border-radius   : 50%;
    position        : relative;
    padding         : 0;
    background-color: transparent !important;
  }

  .works-web-design .swiper-button-next::after,
  .works-web-design .swiper-button-prev::after {
    color    : #1081e8;
    font-size: 16px;
  }

  .works-web-design .swiper-button-next::after {
    content: "\e904";
  }

  .works-web-design .swiper-button-prev::after {
    content: "\e930";
  }

  .works-web-design .swiper-pagination {
    margin-top: 0;
    max-width : -moz-fit-content;
    max-width : fit-content;
  }
}

@media only screen and (max-width: 767px) {
  .works-web-design {
    margin: 80px 0 150px;
  }
}

.description-web-design::after {
  background-color: #1081e8;
}

.description-web-design .container::before {
  background: #0f2851;
}

.description-web-design .note-blog-hospital-wrapper::before {
  background-color: rgba(16, 129, 232, 0.05);
}

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

  .description-web-design-two .container::before,
  .description-web-design-two .note-blog-hospital-wrapper::after {
    content: none;
  }

  .description-web-design-two .note-blog-hospital-wrapper {
    padding: 60px 60px 60px 440px;
  }

  .description-web-design-two .note-blog-hospital-wrapper::before {
    border-radius: 290px 50px 50px;
  }

  .description-web-design-two .note-blog-hospital-wrapper img {
    right    : auto;
    top      : 15px;
    left     : 9px;
    transform: unset;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .description-web-design-two .note-blog-hospital-wrapper {
    padding: 60px 32px 60px 440px;
  }
}

@media only screen and (max-width: 991px) {
  .description-web-design .note-blog-hospital-wrapper img {
    top: 0;
  }
}

@media only screen and (max-width: 469px) {
  .description-web-design-two .note-blog-hospital-wrapper {
    padding-top: 52%;
  }

  .description-web-design-two .note-blog-hospital-wrapper img {
    transform: translate(-50%, -40%);
  }
}

.steps-web-design {
  margin: 143px 0 233px;
}

.steps-web-design::after {
  top      : 50%;
  transform: translateX(35px);
}

.steps-web-design .container::before {
  bottom   : 55px;
  transform: translateX(-45px);
}

.steps-web-design .heading-web-design {
  margin-bottom: 78px;
}

.steps-web-design .row {
  gap: 51px 0;
}

.steps-web-design-item {
  border : 1px solid #e0e0e0;
  padding: 20px 36px 32px 34px;
}

.steps-web-design-item::before {
  background       : var(--wpr-bg-1f6eded2-6f9d-49b4-aa41-8b9b36818362) center no-repeat, linear-gradient(100deg, #ffb300 -38.77%, #ff5800 113.81%);
  background-repeat: no-repeat;
  border-radius    : inherit;
  opacity          : 0;
}

.steps-web-design-item i {
  width           : 67px;
  height          : 67px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow      : 0px 17px 10px rgba(0, 0, 0, 0.1);
  font-size       : 32px;
}

.steps-web-design-item:hover::before {
  opacity: 1;
}

.steps-web-design-item:hover i {
  color: #fff;
}

.steps-web-design-item:hover .title {
  color: rgba(255, 255, 255, 0.8);
}

.steps-web-design-item:hover p {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 1199px) {
  .steps-web-design-item {
    padding: 19px 28px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .steps-web-design {
    margin: 60px 0 150px;
  }

  .steps-web-design .row {
    gap: 24px 0;
  }
}

.comments-web-design::after {
  background-color: #1081e8;
}

.comments-web-design .btns>*:nth-child(2) {
  filter: drop-shadow(5px 8px 14px rgba(16, 129, 232, 0.3));
}

.comments-web-design .comments-ahankade-left::before {
  background-color: rgba(16, 129, 232, 0.3);
}

.comments-web-design .comments-ahankade-item p::before {
  background-color: #1081e8;
}

.comments-web-design .comments-ahankade-item .link:hover {
  color: #1081e8;
}

.comments-web-design .swiper::before {
  background-color: #3b95e8;
}

.comments-web-design .swiper::after {
  background-color: #52acff;
}

.comments-web-design .swiper-button-next:hover::after,
.comments-web-design .swiper-button-prev:hover::after {
  color: #1081e8;
}

.company-web-design {
  margin: 255px 0 184px;
}

.company-web-design .heading-web-design {
  margin-bottom: 72px;
}

@media only screen and (max-width: 767px) {
  .company-web-design {
    margin: 120px 0 60px;
  }
}

.members-web-design::after {
  bottom   : 66px;
  transform: translateX(35px);
}

.members-web-design .container::before {
  transform: translate(-45px, 39px);
}

.members-web-design .members-clinic-item:hover {
  box-shadow: 0px 64px 100px rgba(16, 129, 232, 0.05);
}

.members-web-design .members-clinic-item:hover .btn {
  background-color: #1081E8;
  box-shadow      : 0px 34px 50px rgba(16, 129, 232, 0.05);
}

.about-web-design-landing {
  margin: 106px 0 104px;
}

.about-web-design-landing::before {
  transform: translate(45px, -50%);
}

.about-web-design-landing::after {
  transform: translate(-37px, 43px);
}

.about-web-design-landing .content {
  padding-left: 32px;
}

.about-web-design-landing .btn {
  padding: 16px 26px;
}

.about-web-design-landing .btn-scroll {
  font-size       : 29px;
  background-image: linear-gradient(137.76deg, #0096b3 -103.53%, #37d8f0 157.63%);
  bottom          : 33px;
  transform       : translateX(-50%) scaleY(-1);
}

.about-web-design-description {
  margin: 154px 0 136px;
}

.about-web-design-description::before {
  background-image: var(--wpr-bg-e9a53dfd-6c9e-4d15-b0c6-82c45a901de2);
  height          : 939px;
  transform       : translateY(-117px);
}

.about-web-design-description-wrapper {
  max-width: 866px;
}

.about-web-design-description-wrapper img {
  margin-bottom: 116px;
}

.about-web-design-description-wrapper p {
  font-size  : 16px;
  line-height: 32px;
  color      : rgba(73, 73, 73, 0.6);
  text-align : center;
  margin     : 12px 0;
  font-weight: 700;
}

.about-web-design-different::before {
  background-image: var(--wpr-bg-9c5d02ff-b5c5-4b0a-bceb-e41d2579bc0b);
  height          : 568px;
  transform       : translateY(-109px);
}

.about-web-design-different img {
  filter: drop-shadow(0px 57px 50px rgba(0, 0, 0, 0.25));
}

.about-web-design-different .btn {
  padding: 15px 25px;
}

.about-web-design-what-me .image::after {
  bottom   : 30%;
  transform: translateX(-55px);
}

@media only screen and (max-width: 991px) {
  .about-web-design-landing {
    padding-bottom: 54px;
  }

  .about-web-design-landing .content {
    padding-left: 0;
  }

  .about-web-design-landing .btn-scroll {
    bottom: 0;
  }

  .about-web-design-description img {
    margin-bottom: 48px;
  }
}

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

  .about-web-design-landing,
  .about-web-design-description,
  .about-web-design-steps {
    margin: 70px 0;
  }

  .about-web-design-description p {
    font-size  : 12px;
    line-height: 26px;
    margin     : 8px 0;
  }
}

.contact-web-design-form {
  margin: 173px 0 167px;
}

.contact-web-design-form-wrapper {
  padding: 0 18px;
}

.contact-web-design-form-wrapper::before,
.contact-web-design-form-wrapper::after {
  border-radius: 50px;
}

.contact-web-design-form-wrapper::before {
  width           : 32.176%;
  background-color: #FCB712;
  background-image: var(--wpr-bg-f36f084b-651c-428a-a68f-a21b2c6f0d7e);
  transform       : translateY(-55px);
  height          : 368px;
}

.contact-web-design-form-wrapper::after {
  right           : 33.025%;
  background-color: #1081E8;
  background-image: url(../../../../../../../../../themes/karenTheme/assets/images/background/bg-web-design-14.png);
  height          : 412px;
  transform       : translateY(-99px);
}

.contact-web-design-form-box {
  padding   : 55px 22px 27px 41px;
  box-shadow: 0px 66px 50px rgba(0, 0, 0, 0.05);
}

.contact-web-design-form-box .title-en {
  letter-spacing: 5.88px;
}

.contact-web-design-form-box form {
  gap: 24px 0;
}

.contact-web-design-form-location iframe {
  border-radius: 60px 0;
}

.contact-web-design-form-location .btn {
  padding: 16px 23px;
}

.contact-web-design-employee::before {
  background-image: var(--wpr-bg-3f4369bd-0084-4154-b260-7b4597b64501);
  height          : 945px;
  transform       : translateY(-103px);
}

.contact-web-design-employee .heading-clinic {
  margin-bottom: 37px;
}

.contact-web-design-employee .row {
  gap: 65px 0;
}

.contact-web-design-members {
  margin: 192px 0 246px;
}

@media only screen and (max-width: 991px) {
  .contact-web-design-form {
    margin: 40px 0 70px;
  }

  .contact-web-design-form-wrapper {
    padding: 0;
  }

  .contact-web-design-form-location iframe {
    border-radius: 20px;
    height       : 320px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-web-design-form-box {
    padding: 32px 20px 24px;
  }

  .contact-web-design-members {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .contact-web-design-form-box .title-en {
    letter-spacing: 3.5px;
  }

  .contact-web-design-form-location iframe {
    border-radius: 12px;
    height       : 240px;
  }
}

.blog-web-design-search {
  margin: 171px 0 96px;
}

.blog-web-design-search form .form-control {
  background-color: #f3f9ff;
}

.blog-web-design-search form .form-control:focus {
  box-shadow: 0 0 0 4px rgba(16, 129, 232, 0.2);
}

.blog-web-design-articles {
  margin-top: 170px;
}

.blog-web-design-articles::before {
  background-image: var(--wpr-bg-26af1f54-578f-4e74-ab4f-1393b762588f);
  transform       : translateY(-186px);
  height          : 1015px;
}

.blog-web-design-articles::after {
  bottom   : 22%;
  transform: translateX(-45px);
}

@media only screen and (max-width: 767px) {
  .blog-web-design-search {
    margin-top: 40px;
  }

  .blog-web-design-articles {
    margin-top: 60px;
  }
}

.detail-blog-web-design {
  margin-top: 168px;
}

.detail-blog-web-design-date {
  top         : 167px;
  width       : 86px;
  transform   : translateX(-80px);
  border-right: 2px solid rgba(255, 184, 15, 0.34);
}

.detail-blog-web-design-date i {
  font-size: 76px;
}

.detail-blog-web-design-image {
  border-radius: 5px 103px 5px 5px;
  border       : 5px solid rgba(197, 197, 197, 0.2);
  box-shadow   : 0px 38px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-web-design-image::before {
  background-color: rgba(252, 116, 18, 0.5);
  border-radius   : inherit;
}

.detail-blog-web-design-image::after {
  width           : 50%;
  height          : 2px;
  background-color: #c5c5c5;
  transform       : translate(-50%, 2px);
  z-index         : 1;
}

.detail-blog-web-design-image .title {
  margin     : 0 51px;
  max-width  : 213px;
  padding-top: 9px;
}

.detail-blog-web-design-image .title::before {
  background-color: #fff;
  width           : 111px;
  height          : 3px;
}

.detail-blog-web-design-image .avatar {
  transform: translate(-50%, 16px);
  z-index  : 10;
}

.detail-blog-web-design-links {
  padding   : 42px 38px;
  box-shadow: 0px 104px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-web-design-links-title {
  padding-bottom: 7px;
  border-bottom : 1px solid rgba(73, 73, 73, 0.3);
}

.detail-blog-web-design-links-title::before {
  width        : 24px;
  height       : 24px;
  margin-left  : 10px;
  border       : 5px solid #1081e8;
  border-radius: 10px 10px 10px 0;
}

.detail-blog-web-design-links-items li:not(:last-child) {
  margin-bottom: 10px;
}

.detail-blog-web-design-links-items li a:hover {
  color: #1081e8;
}

.detail-blog-web-design-left {
  padding-right: 80px;
}

.detail-blog-web-design-content {
  padding-top  : 37px;
  margin-bottom: 80px;
}

.detail-blog-web-design-content::before {
  width           : 80px;
  height          : 7px;
  background-color: #FCB712;
  border-radius   : 10px;
}

.detail-blog-web-design-related {
  margin-top: 84px;
}

@media only screen and (max-width: 1199px) {
  .detail-blog-web-design-date {
    top: 120px;
  }

  .detail-blog-web-design-links {
    padding: 32px 18px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-web-design {
    margin-top: 50px;
  }

  .detail-blog-web-design-date {
    position    : relative !important;
    top         : 0;
    transform   : unset;
    margin      : 32px 0;
    border-right: 0;
  }

  .detail-blog-web-design-image {
    margin-bottom: 0;
    border-radius: 20px;
  }

  .detail-blog-web-design-left {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-web-design-content {
    margin-bottom: 60px;
  }
}

.services-web-design-image {
  margin: 212px 0 31px;
}

.services-web-design-price {
  margin-bottom: 148px;
}

.services-web-design-price::after {
  transform       : translate(-195px, -116px);
  background-color: #1081e8;
  box-shadow      : 26px 0 0 rgba(16, 129, 232, 0.2);
}

.services-web-design-price .container::before {
  background-color: #1081e8;
  box-shadow      : -26px 0 0 rgba(16, 129, 232, 0.2);
}

.services-web-design-price .heading .item.popular .popular {
  background-color: rgba(16, 129, 232, 0.5);
}

@media only screen and (min-width: 992px) {
  .services-web-design-works .swiper {
    max-width: 638px;
  }

  .services-web-design-works .swiper-slide-prev>*,
  .services-web-design-works .swiper-slide-next+div>* {
    opacity  : 0.5;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .services-web-design-works .swiper-slide-prev>* {
    transform: translateX(-44px) scale(0.8);
  }

  .services-web-design-works .swiper-slide-next+div>* {
    transform: translateX(44px) scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-web-design-works .swiper {
    max-width: 500px;
  }

  .services-web-design-works .swiper-slide-prev>* {
    transform: translateX(-26px) scale(0.8);
  }

  .services-web-design-works .swiper-slide-next+div>* {
    transform: translateX(26px) scale(0.8);
  }
}

@media only screen and (max-width: 991px) {
  .services-web-design-image {
    margin-top: 50px;
  }
}

.btns-domain .btn {
  padding: 13px 26px;
}

.btns-domain .btn[class^=btn-outline],
.btns-domain .btn[class*=" btn-outline"] {
  padding: 12px 16px;
}

.heading-domain {
  max-width: 786px;
}

.instagram-post-domain::before {
  box-shadow      : 0px 29px 100px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  bottom          : 18px;
}

.instagram-post-domain .heading {
  padding: 27px 26px;
}

.instagram-post-domain .heading .follow {
  min-width : 128px;
  padding   : 8px 12px;
  background: linear-gradient(132.62deg, #ffc101 13.36%, #ff873e 116.35%, #ff644c 185.3%);
}

.instagram-post-domain .heading .follow::before {
  background: linear-gradient(-132.62deg, #ffc101 13.36%, #ff873e 116.35%, #ff644c 185.3%);
  opacity   : 0;
}

.instagram-post-domain .heading .follow:hover::before {
  opacity: 1;
}

.instagram-post-domain .heading .auhor img {
  width : 32px;
  height: 32px;
}

.instagram-post-domain .content {
  padding: 0 32px;
}

.instagram-post-domain .content .title {
  max-height: 64px;
}

.instagram-post-domain .content .title a:hover {
  color: #8E2DE2;
}

.instagram-post-domain .content p {
  height: 84px;
}

.instagram-post-domain .content .btn {
  padding  : 12px;
  min-width: 154px;
}

@media only screen and (max-width: 1199px) {
  .instagram-post-domain .heading .follow {
    min-width: 96px;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-post-domain {
    border-radius: 15px;
  }

  .instagram-post-domain .heading {
    padding: 16px 12px;
  }

  .instagram-post-domain .heading .follow {
    font-size  : 14px;
    line-height: 22px;
    min-width  : auto;
    padding    : 8px 16px;
  }

  .instagram-post-domain .image {
    margin-bottom: 16px;
  }

  .instagram-post-domain .content {
    padding: 0 12px;
  }

  .instagram-post-domain .content .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .instagram-post-domain .content p {
    font-size  : 12px;
    line-height: 26px;
    height     : 78px;
  }
}

.instagram-domain {
  margin: 156px 0 130px;
}

.instagram-domain::before {
  background-image: var(--wpr-bg-5ee5ba76-9dfe-462c-bc5b-4fcaee15bbe0);
  height          : 1174px;
  transform       : translateY(-499px);
}

.instagram-domain .heading-domain {
  margin-bottom: 179px;
}

.instagram-domain .row>*:nth-child(2) {
  transform: translateY(-86px);
}

@media only screen and (max-width: 991px) {
  .instagram-domain .heading-domain {
    margin-bottom: 40px;
  }

  .instagram-domain .row>*:nth-child(2) {
    transform: unset;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-domain {
    margin: 70px 0;
  }
}

.article-domain figure .date {
  top      : 18px;
  left     : 17px;
  min-width: 94px;
  padding  : 8px 8px;
}

.article-domain figure .date::before {
  background-color       : rgba(18, 18, 18, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
}

.article-domain .title {
  max-height: 44px;
}

.article-domain .title a:hover {
  color: #721AE1;
}

.article-domain p {
  height: 75px;
}

.article-domain .read-more {
  color           : transparent;
  background-image: linear-gradient(106.78deg, #9A22EB -14.67%, #7C0DEA 59.29%, #5200E9 136.44%);
}

.bg-domain {
  background-color                   : rgba(245, 250, 254, 0.32);
  --default-color-select-two         : #8E2DE2;
  --form-control-focused-border-color: #8E2DE2;
  --form-control-focused-shadow      : 142, 45, 226;
}

.top-header-domain-nav ul {
  gap: 40px;
}

.top-header-domain-nav ul li a::before {
  width           : 6px;
  height          : 6px;
  border-radius   : 50%;
  background-color: #fff;
  transform       : translate(11px, -50%);
  opacity         : 0;
  pointer-events  : none;
}

.top-header-domain-nav ul li a.active,
.top-header-domain-nav ul li a:hover {
  color: #fff;
}

.top-header-domain-nav ul li a.active::before,
.top-header-domain-nav ul li a:hover::before {
  opacity: 1;
}

.top-header-domain-nav ul li a.active {
  font-weight: 900 !important;
}

.top-header-domain-auth .btn:first-child {
  padding    : 12px 23px 12px 65px;
  margin-left: -51px;
}

.top-header-domain-auth .btn:last-child {
  padding   : 12px 27px;
  box-shadow: 0px 24px 50px rgba(252, 183, 18, 0.05);
}

@media only screen and (max-width: 1199px) {
  .top-header-domain-logo {
    margin-left: 32px;
  }

  .top-header-domain-nav ul {
    gap: 20px;
  }

  .top-header-domain-contact {
    margin-left: 16px;
  }

  .top-header-domain-auth .btn:first-child {
    padding: 12px 16px 12px 65px;
  }

  .top-header-domain-auth .btn:last-child {
    padding: 12px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-domain-auth .btn:first-child {
    width           : 48px;
    height          : 48px;
    padding         : 0;
    border-radius   : 10px;
    margin-left     : 0;
    background-color: #fcb712;
  }

  .top-header-domain-auth .btn:first-child i {
    margin: 0;
  }
}

.footer-domain .container::after {
  background: linear-gradient(106.78deg, #9A22EB -14.67%, #7C0DEA 59.29%, #5200E9 136.44%);
  transform : translateY(80px);
}

.footer-domain .btn-scroll {
  -webkit-background-clip: text;
  background-clip        : text;
  background-image       : linear-gradient(106.78deg, #9A22EB -14.67%, #7C0DEA 59.29%, #5200E9 136.44%);
  color                  : transparent;
}

.footer-domain .footer-paka-nav li a:hover {
  color: #9A22EB;
}

.footer-domain .footer-paka-socials li a {
  z-index : 2;
  position: relative;
}

.footer-domain .footer-paka-socials li a::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : inherit;
  z-index         : -1;
  background-image: linear-gradient(106.78deg, #9A22EB -14.67%, #7C0DEA 59.29%, #5200E9 136.44%);
  transition      : all 0.3s ease-in-out;
  opacity         : 0;
}

.footer-domain .footer-paka-socials li a:hover::before {
  opacity: 1;
}

.landing-domain {
  padding: 63px 0 124px;
}

.landing-domain::before {
  background         : var(--wpr-bg-4bdfc279-1b27-4dbf-9514-64a7955ecd4d) 0 0 no-repeat, linear-gradient(107deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  background-size    : 100% 100%;
  height             : calc(100% + 100px);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYyMyIgaGVpZ2h0PSI3NzMiIHZpZXdCb3g9IjAgMCAxNjIzIDc3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxNjIzVjcwMi4wOTVDMTYyMyA3MDIuMDk1IDE0NjguNDEgNzczIDgxMS41IDc3M0MxNTQuNTk1IDc3MyAwIDcwMi4wOTUgMCA3MDIuMDk1VjBaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) bottom center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYyMyIgaGVpZ2h0PSI3NzMiIHZpZXdCb3g9IjAgMCAxNjIzIDc3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxNjIzVjcwMi4wOTVDMTYyMyA3MDIuMDk1IDE0NjguNDEgNzczIDgxMS41IDc3M0MxNTQuNTk1IDc3MyAwIDcwMi4wOTUgMCA3MDIuMDk1VjBaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=) bottom center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
}

.landing-domain .title-en {
  letter-spacing: 6.44px;
}

.landing-domain .btns .btn[class^=btn-outline]:hover,
.landing-domain .btns .btn[class*=" btn-outline"]:hover {
  background-color: #ffc63f;
  border-color    : #ffc63f;
}

.landing-domain .scroll-down {
  width     : 121px;
  height    : 121px;
  box-shadow: 0px 57px 50px rgba(0, 0, 0, 0.05);
  transform : translate(-50%, 59px) scaleY(-1);
  font-size : 40px;
}

@media only screen and (max-width: 767px) {
  .landing-domain {
    padding-bottom: 80px;
  }

  .landing-domain .scroll-down {
    width    : 80px;
    height   : 80px;
    font-size: 32px;
    transform: translate(-50%, 44px) scaleY(-1);
  }
}

@media only screen and (max-width: 575px) {
  .landing-domain .title-en {
    letter-spacing: 4.2px;
  }
}

.services-domain {
  margin: 133px 0 145px;
}

.services-domain::before {
  background-image: var(--wpr-bg-ff515b53-5fe6-48d9-851b-00bd597e6369);
  height          : 874px;
  transform       : translateY(-231px);
}

.services-domain-item {
  padding   : 37px 52px 38px 32px;
  box-shadow: 0px 68px 50px rgba(0, 0, 0, 0.02);
}

.services-domain-item::before {
  background   : linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  border-radius: inherit;
  opacity      : 0;
}

.services-domain-item .icon {
  box-shadow      : inset 5px 9px 12px rgba(255, 255, 255, 0.3);
  filter          : drop-shadow(0px 16px 20px rgba(0, 0, 0, 0.05));
  width           : 67px;
  height          : 67px;
  background-color: #6b88c9;
  color           : #fff;
}

.services-domain-item:hover {
  box-shadow: 0px 62px 50px rgba(0, 0, 0, 0.1);
}

.services-domain-item:hover::before {
  opacity: 1;
}

.services-domain-item:hover .icon {
  background-color: #fff;
  color           : #4744c9;
}

.services-domain-item:hover .title {
  color: rgba(255, 255, 255, 0.8);
}

.services-domain-item:hover .members {
  color: rgba(255, 255, 255, 0.5);
}

.services-domain-item:hover p {
  color: rgba(255, 255, 255, 0.6);
}

.services-domain-item:hover .read-more {
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 1199px) {
  .services-domain-item {
    padding: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .services-domain {
    margin: 70px 0;
  }

  .services-domain-item .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .services-domain-item .members {
    font-size  : 12px;
    line-height: 18px;
  }
}

.optimize-domain::before {
  background-image: var(--wpr-bg-7665d430-e695-4ddb-b33e-88a30d68f028);
  height          : 521px;
  transform       : translateY(-19px);
}

.optimize-domain::after {
  background-image: var(--wpr-bg-ca095a5b-4a93-4d4e-b79b-112a5b24626e);
  top             : 15px;
  width           : 835px;
  height          : 511px;
}

.optimize-domain img {
  filter: drop-shadow(0px 48px 50px rgba(0, 0, 0, 0.15));
}

.suports-domain {
  margin: 170px 0 147px;
}

.suports-domain .row {
  row-gap: 48px;
}

@media only screen and (max-width: 767px) {
  .suports-domain {
    margin: 70px 0 90px;
  }
}

.comments-domain::after {
  background-image: var(--wpr-bg-e1430a15-34c8-4eaf-a159-a6b58073b0a5);
  transform       : translateY(-176px);
  width           : 831px;
  height          : 511px;
}

.comments-domain .swiper-button-next::after,
.comments-domain .swiper-button-prev::after {
  background-image       : linear-gradient(107deg, #8E2DE2 -14.67%, #721AE1 59.29%, #4A00E0 136.44%);
  -webkit-background-clip: text;
  background-clip        : text;
  color                  : transparent;
}

.comments-domain .swiper-pagination-bullet {
  position: relative;
  z-index : 2;
}

.comments-domain .swiper-pagination-bullet::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 100%;
  height       : 100%;
  border-radius: inherit;
  background   : linear-gradient(106.78deg, #9A22EB -14.67%, #7C0DEA 59.29%, #5200E9 136.44%);
  z-index      : -1;
  transition   : all 0.3s ease-in-out;
  opacity      : 0;
}

.comments-domain .swiper-pagination-bullet-active::before {
  opacity: 1;
}

.company-domain {
  margin: 149px 0 131px;
}

.company-domain::before {
  background-image: var(--wpr-bg-9d7956a0-cf2a-4779-899a-1af4b99ac928);
  transform       : translateY(-89px);
  height          : 1553px;
}

.company-domain::after {
  background-image: var(--wpr-bg-5c3d3aef-3560-4128-a832-f35a545e610d);
  top             : 98px;
  width           : 835px;
  height          : 511px;
}

.company-domain-wrapper {
  box-shadow: 0px 40px 50px rgba(0, 0, 0, 0.02);
  padding   : 56px 0;
}

.company-domain-wrapper .swiper img {
  filter: grayscale(1);
}

.company-domain-wrapper .swiper img:hover {
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .company-domain {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .company-domain-wrapper {
    padding      : 32px 0;
    border-radius: 0;
    margin       : 0 -12px;
  }
}

.faqs-domain::before {
  background-image: var(--wpr-bg-f11c3ac1-c768-4705-829b-0935b3068e70);
  width           : 818px;
  height          : 511px;
  transform       : translateY(355px);
}

.faqs-domain::after {
  background-image: var(--wpr-bg-0c728ae7-6e3a-4ae0-b09c-2b1d742558c5);
  width           : 1048px;
  height          : 511px;
  bottom          : 46px;
}

.faqs-domain .row {
  gap: 31px 0;
}

@media only screen and (max-width: 767px) {
  .faqs-domain .heading-domain {
    margin-bottom: 40px;
  }

  .faqs-domain-image {
    margin-bottom: 48px;
  }

  .faqs-domain .row {
    gap: 24px 0;
  }
}

.about-domain-landing {
  padding: 66px 0 205px;
}

.about-domain-landing::before {
  bottom: 110px;
  height: 100%;
}

.about-domain-landing img {
  filter       : drop-shadow(0px 74px 54px rgba(0, 0, 0, 0.1));
  margin-bottom: -180px;
}

@media only screen and (max-width: 991px) {
  .about-domain-landing {
    padding-bottom: 54px;
  }

  .about-domain-landing::before {
    bottom: 0;
    height: calc(100% + 72px);
  }

  .about-domain-landing img {
    margin-bottom: 0;
  }
}

.what-me-domain {
  margin-top: 120px;
}

.what-me-domain::before {
  background-image: var(--wpr-bg-090c0c6b-9f3e-4814-9129-4459b47bee23);
  transform       : translateY(-301px);
  height          : 780px;
}

.what-me-domain .image::before {
  background-image: var(--wpr-bg-f90b6cdb-9a59-46ab-ad1e-325e3142d9cd);
  right           : 74px;
  z-index         : 4;
  width           : 105px;
  height          : 110px;
  transform       : translateY(-13px);
}

@media only screen and (max-width: 767px) {
  .what-me-domain {
    margin-top: 80px;
  }
}

.contact-domain-landing {
  padding: 153px 0 0;
}

.contact-domain-landing::before {
  bottom: 258px;
  height: calc(100% - 160px);
}

.contact-domain-landing-box {
  box-shadow: 0px 80px 50px rgba(0, 0, 0, 0.05);
  padding   : 34px 49px 49px 32px;
}

.contact-domain-landing-box::before {
  width           : 105px;
  height          : 110px;
  background-image: var(--wpr-bg-feacfdc6-7545-4349-b660-c08c3638f447);
  transform       : translate(41px, 25px);
}

.contact-domain-landing-box-info-contact li:not(:last-child) {
  margin-bottom: 34px;
}

.contact-domain-landing-box-info-contact li img {
  width : 40px;
  height: 40px;
}

.contact-domain-landing-box .btns .btn {
  padding: 13px 23px;
}

.contact-domain-landing .image {
  padding-right: 45px;
}

@media only screen and (max-width: 991px) {
  .contact-domain-landing {
    padding: 32px 0 48px;
  }

  .contact-domain-landing .image {
    width    : 100%;
    max-width: 80%;
    height   : auto;
  }
}

@media only screen and (max-width: 767px) {
  .contact-domain-landing-box {
    border-radius: 20px;
    padding      : 28px 20px;
  }

  .contact-domain-landing-box-info-contact {
    margin: 32px 0;
  }

  .contact-domain-landing-box-info-contact li img {
    width : 32px;
    height: 32px;
  }
}

.contact-domain-form {
  margin: 164px 0 142px;
}

.contact-domain-form::before {
  background-image: var(--wpr-bg-fb6c1580-fe92-412a-900e-d9ab685be8b7);
  transform       : translateY(-267px);
  height          : 1005px;
}

.contact-domain-form .row {
  gap: 46px 0;
}

@media only screen and (max-width: 991px) {
  .contact-domain-form .row {
    gap: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-domain-form {
    margin: 40px 0 70px;
  }
}

.blog-domain-landing {
  padding: 191px 0 0;
}

.blog-domain-landing::before {
  bottom: 124px;
  height: calc(100% - 30px);
}

.blog-domain-landing-wrapper {
  max-width: 734px;
}

.blog-domain-landing form::before {
  border                 : 1px solid #fff;
  background-color       : rgba(255, 255, 255, 0.05);
  border-radius          : 15px;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter        : blur(25px);
}

.blog-domain-landing form .form-control {
  padding: 0 20px 0 70px;
  height : 94px;
}

.blog-domain-landing form button {
  left     : 20px;
  font-size: 36px;
}

.blog-domain-landing img {
  margin-top: -71px;
  filter    : drop-shadow(0px 34px 50px rgba(0, 0, 0, 0.25));
}

@media only screen and (max-width: 991px) {
  .blog-domain-landing {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-domain-landing {
    padding-top: 40px;
  }

  .blog-domain-landing form .form-control {
    height      : 64px;
    padding-left: 50px;
  }

  .blog-domain-landing form button {
    font-size: 24px;
  }

  .blog-domain-landing img {
    margin-top: -64px;
  }
}

.blog-domain-category {
  margin: 57px 0 160px;
}

.blog-domain-category::before {
  background-image: var(--wpr-bg-efcfc498-cf79-4cb6-b4d7-3e727ca5c93b);
  transform       : translateY(-324px);
  height          : 1045px;
}

.blog-domain-category-item {
  max-width : 240px;
  box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
  padding   : 24px 25px 26px 12px;
}

.blog-domain-category-item::before {
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  opacity         : 0;
}

.blog-domain-category-item .icon {
  width : 45px;
  height: 45px;
  margin: 11px 0 0 10px;
}

.blog-domain-category-item .icon::before {
  background-color       : rgba(114, 26, 225, 0.25);
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter        : blur(8.5px);
  overflow               : hidden;
}

.blog-domain-category-item .icon::after {
  border-radius: 15px;
  background   : linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  width        : 40px;
  height       : 40px;
  box-shadow   : 0px 6px 17px rgba(0, 0, 0, 0.1), inset 7px 8px 13px rgba(255, 255, 255, 0.25);
  transform    : translate(-10px, -11px);
}

.blog-domain-category-item .read {
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
}

.blog-domain-category-item:hover::before {
  opacity: 1;
}

.blog-domain-category-item:hover .icon::before {
  background-color: rgba(255, 255, 255, 0.25);
}

.blog-domain-category-item:hover .icon::after {
  background-color: #fff;
}

.blog-domain-category-item:hover .title {
  color: #fff;
}

.blog-domain-category-item:hover .read {
  color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 575px) {
  .blog-domain-category-item {
    flex     : 1 0 240px;
    max-width: none;
  }
}

.blog-domain-last-articles {
  margin-top: 186px;
}

.blog-domain-last-articles .btn-show-more-articles {
  background-color: #fff;
  box-shadow      : 0px 11px 50px rgba(0, 0, 0, 0.05);
  padding         : 13px 12px 14px;
  min-width       : 209px;
  margin-top      : -80px;
}

.blog-domain-last-articles .btn-show-more-articles .text span {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0) 0%, rgba(73, 73, 73, 0.8) 100%);
  letter-spacing  : 3.42px;
}

.blog-domain-last-articles .btn-show-more-articles:hover {
  background-color: #721AE1;
}

.blog-domain-last-articles .btn-show-more-articles:hover .text {
  color: #fff;
}

.blog-domain-last-articles .btn-show-more-articles:hover .text span {
  color: rgba(255, 255, 255, 0.6);
}

.blog-domain-last-articles .btn-show-more-articles:hover i {
  color: #fff;
}

.blog-domain-last-articles .row {
  gap: 57px 0;
}

.blog-domain-last-articles .row:not(.opened) {
  -webkit-mask-image: linear-gradient(to bottom, #fff 75%, rgba(255, 255, 255, 0));
  mask-image        : linear-gradient(to bottom, #fff 75%, rgba(255, 255, 255, 0));
}

.blog-domain-last-articles .row.opened+.btn-show-more-articles {
  margin-top: 24px;
}

@media only screen and (max-width: 991px) {
  .blog-domain-last-articles .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 85%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 85%, rgba(255, 255, 255, 0));
  }
}

@media only screen and (max-width: 767px) {
  .blog-domain-last-articles {
    margin-top: 80px;
  }

  .blog-domain-last-articles .row {
    gap: 24px 0;
  }

  .blog-domain-last-articles .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 90%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 90%, rgba(255, 255, 255, 0));
  }
}

@media only screen and (max-width: 575px) {
  .blog-domain-last-articles .row:not(.opened) {
    -webkit-mask-image: linear-gradient(to bottom, #fff 95%, rgba(255, 255, 255, 0));
    mask-image        : linear-gradient(to bottom, #fff 95%, rgba(255, 255, 255, 0));
  }
}

.services-domain-landing {
  padding: 132px 0 120px;
}

@media only screen and (max-width: 767px) {
  .services-domain-landing {
    padding: 60px 0;
  }
}

.services-domain-pricing {
  margin: 160px 0 132px;
}

.services-domain-pricing::before {
  background-image: var(--wpr-bg-f336d25f-368a-45c3-9e11-354206f3732c);
  transform       : translateY(102px);
  height          : 1724px;
}

.services-domain-pricing::after {
  background-image: var(--wpr-bg-068c8741-6ae6-4c15-9673-7076138cbc87);
  bottom          : 15%;
  height          : 1112px;
}

.services-domain-pricing .heading-domain {
  max-width: 902px;
}

.services-domain-pricing .heading-domain .sup-title {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0.9) 0%, rgba(73, 73, 73, 0) 100%);
}

.services-domain-pricing-tabs {
  gap          : 32px;
  margin-bottom: 132px;
}

.services-domain-pricing-tabs li {
  min-width: 215px;
  padding  : 18px 12px;
}

.services-domain-pricing-tabs li::before,
.services-domain-pricing-tabs li::after {
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
}

.services-domain-pricing-tabs li::before {
  padding      : 1px;
  border-radius: inherit;
}

.services-domain-pricing-tabs li::after {
  opacity: 0;
}

.services-domain-pricing-tabs li:hover,
.services-domain-pricing-tabs li.active {
  color: #fff;
}

.services-domain-pricing-tabs li:hover::after,
.services-domain-pricing-tabs li.active::after {
  opacity: 1;
}

.services-domain-pricing-wrapper {
  max-width: 939px;
}

.services-domain-pricing-item {
  box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.02);
  padding   : 45px 24px 39px;
  max-width : 33.333333%;
}

.services-domain-pricing-item .price {
  line-height: 91px;
}

.services-domain-pricing-item .btn {
  max-width: 166px;
  padding  : 12px;
}

.services-domain-pricing-item .btn::before,
.services-domain-pricing-item .btn::after {
  width        : 93px;
  height       : 93px;
  border-radius: 50%;
  border       : 1px solid rgba(255, 255, 255, 0.5);
}

.services-domain-pricing-item .btn::before {
  transform: translate(56px, -48px);
}

.services-domain-pricing-item .btn::after {
  transform: translate(-41px, 61px);
}

.services-domain-pricing-item ul {
  margin: 64px -24px 12px;
}

.services-domain-pricing-item ul li {
  padding: 11px 24px;
}

.services-domain-pricing-item ul li:nth-child(odd) {
  background-color: rgba(73, 73, 73, 0.05);
}

.services-domain-pricing-item.vip {
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  box-shadow      : 0px 39px 50px rgba(0, 0, 0, 0.2);
  transform       : translateY(-55px);
  padding         : 37px 24px 58px;
}

.services-domain-pricing-item.vip .btn {
  box-shadow      : 0px 17px 16px rgba(114, 26, 225, 0.2);
  background-color: #fff;
  color           : #494949;
}

.services-domain-pricing-item.vip .btn::before,
.services-domain-pricing-item.vip .btn::after {
  background: linear-gradient(#fff, #fff) content-box, linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%) padding-box;
  padding   : 1px;
}

.services-domain-pricing-item.vip .heading::before {
  width           : calc(100% + 48px);
  height          : 150%;
  background-image: linear-gradient(106.78deg, #9a22eb -14.67%, #7c0dea 59.29%, #5200e9 136.44%);
  box-shadow      : 0px -41px 100px rgba(0, 0, 0, 0.05);
  transform       : translate(-50%, 37px);
}

.services-domain-pricing-item.vip .heading p {
  margin-bottom: 30px;
}

.services-domain-pricing-item.vip .heading .btn::before,
.services-domain-pricing-item.vip .heading .btn::after {
  content: none;
}

.services-domain-pricing-item.vip .title {
  color: rgba(255, 255, 255, 0.8);
}

.services-domain-pricing-item.vip .price {
  color: #fff;
}

.services-domain-pricing-item.vip .price i {
  color: rgba(255, 255, 255, 0.8);
}

.services-domain-pricing-item.vip p {
  color: rgba(255, 255, 255, 0.5);
}

.services-domain-pricing-item.vip ul {
  margin: 116px -24px 59px;
}

.services-domain-pricing-item.vip ul li {
  color: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 991px) {
  .services-domain-pricing-item {
    max-width: 50%;
    height   : auto !important;
  }

  .services-domain-pricing-item ul+p {
    margin-bottom: 20px;
  }

  .services-domain-pricing-item.vip {
    transform: unset;
    padding  : 45px 24px 39px;
  }

  .services-domain-pricing-item.vip .heading p {
    margin-bottom: 19px;
  }

  .services-domain-pricing-item.vip ul {
    margin: 64px -24px 12px;
  }

  .services-domain-pricing-item.vip .btn {
    margin-top: auto;
  }
}

@media only screen and (max-width: 767px) {
  .services-domain-pricing {
    margin: 80px 0 150px;
  }

  .services-domain-pricing .heading-domain {
    margin-bottom: 50px;
  }

  .services-domain-pricing-tabs {
    margin-bottom: 40px;
    gap          : 12px;
  }

  .services-domain-pricing-tabs li {
    min-width: auto;
    padding  : 14px 32px;
    flex     : 1 0 auto;
  }

  .services-domain-pricing-item {
    border-radius: 20px;
  }

  .services-domain-pricing-item .price {
    line-height: 50px;
  }

  .services-domain-pricing-item,
  .services-domain-pricing-item.vip {
    padding: 32px 12px;
  }

  .services-domain-pricing-item ul,
  .services-domain-pricing-item.vip ul {
    margin: 48px -12px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .services-domain-pricing-item {
    max-width: 100%;
  }
}

.services-domain-description .sup-title {
  background-image: linear-gradient(180deg, rgba(73, 73, 73, 0.9) 0%, rgba(73, 73, 73, 0) 100%);
}

.services-domain-faqs {
  margin-bottom: 186px;
}

@media only screen and (max-width: 767px) {
  .services-domain-faqs {
    margin-bottom: 80px;
  }
}

.detail-blog-domain-heading {
  padding: 189px 0 0;
}

.detail-blog-domain-heading::before {
  height   : 699px;
  top      : 0;
  bottom   : auto;
  transform: translateY(-95px);
}

.detail-blog-domain-heading-padcast {
  padding   : 12px 20px 25px;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
}

.detail-blog-domain-heading-padcast:not(:last-child) {
  margin-bottom: 18px;
}

.detail-blog-domain-heading-image {
  box-shadow: 0px 82px 100px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 991px) {
  .detail-blog-domain-heading {
    padding-top: 50px;
  }

  .detail-blog-domain-heading::before {
    height: 400px;
  }

  .detail-blog-domain-heading-image {
    max-height: 400px;
    height    : auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-domain-heading-padcast .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .detail-blog-domain-heading-image {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-domain-heading::before {
    height: 320px;
  }

  .detail-blog-domain-heading-padcast {
    padding      : 12px;
    border-radius: 12px;
  }

  .detail-blog-domain-heading-padcast .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .detail-blog-domain-heading-image {
    max-height: 240px;
  }
}

.detail-blog-domain-content {
  margin: 103px 0 120px;
}

.detail-blog-domain-content .heading-domain {
  max-width: 100%;
}

.detail-blog-domain-content .heading-domain p {
  max-width: 786px;
}

.detail-blog-domain-content .content {
  font-size  : 14px;
  line-height: 32px;
  font-weight: 400;
  color      : rgba(73, 73, 73, 0.6);
}

.detail-blog-domain-content .content::before,
.detail-blog-domain-content .content::after {
  content: "";
  clear  : both;
}

.detail-blog-domain-content .content p {
  margin-bottom: 0;
}

.detail-blog-domain-content .content img {
  margin : 20px auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .detail-blog-domain {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-domain-content .heading-domain .sup-title {
    font-size  : 14px;
    line-height: 22px;
  }

  .detail-blog-domain-content .heading-domain .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .detail-blog-domain-content .heading-domain p {
    font-size  : 12px;
    line-height: 24px;
  }
}

* {
  margin    : 0;
  padding   : 0;
  outline   : none;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  direction : rtl;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

ul {
  padding: 0;
  margin : 0;
}

li {
  list-style: none;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.py-80 {
  padding: 80px 0;
}

.mb--80 {
  margin-bottom: -80px;
}

.my-80 {
  margin: 80px 0;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.my-100 {
  margin: 100px 0;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.gap-2 {
  gap: 2px;
}

.gap-4 {
  gap: 4px;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.AZ-filed-group {
  display       : flex;
  flex-direction: column;
  flex-grow     : 2;
}

.AZ-filed-group input {
  font-size: 14px;
  color    : #1e2225;

  border-radius: 40px;
  background   : #f8f9fb;
  padding      : 10px 20px;
  height       : 50px;
  border       : 0;
  flex-grow    : 2;
}

.AZ-img-container {
  position: relative;
  overflow: hidden;
  display : block;
}

.AZ-img-container::after {
  content: "";
  display: block;
}

.AZ-img-container-inner {
  width          : 100%;
  height         : 100%;
  position       : absolute;
  left           : 0;
  top            : 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-img-cover img {
  width        : 100% !important;
  height       : 100% !important;
  -o-object-fit: cover !important;
  object-fit   : cover !important;
}

.AZ-social-container a {
  width          : 31px;
  height         : 31px;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  transition     : all 0.2s linear;
}

.AZ-social-container a:hover {
  color: #fff;
}

.has-dropdown {
  position: relative;
}

.has-dropdown .dropdown-wrapper,
.has-dropdown .dropdown-wrapper-level2 {
  position     : absolute;
  top          : 100%;
  background   : white;
  border-radius: 10px;
  padding      : 10px;
  box-shadow   : 0 0 20px rgba(0, 0, 0, 0.1);
  display      : none;
  z-index      : 10;
}

.has-dropdown .dropdown-wrapper .nav-link,
.has-dropdown .dropdown-wrapper-level2 .nav-link {
  color      : #000;
  white-space: nowrap;
}

.has-dropdown .dropdown-wrapper-level2 {
  top    : 0;
  right  : 100%;
  display: none;
}

.has-dropdown::after {
  content      : "";
  position     : absolute;
  top          : calc(100% - 8px);
  left         : 50%;
  transform    : translateX(-50%);
  height       : 10px;
  border-bottom: 8px solid #fff;
  border-left  : 7px solid transparent;
  border-right : 7px solid transparent;
  border-radius: 5px;
  display      : none;
}

.has-dropdown .dropdown-arrow {
  transition: all 0.2s linear;
}

.has-dropdown:hover .dropdown-arrow {
  transform: rotate(180deg);
}

.has-dropdown:hover .dropdown-wrapper {
  display: block;
}

.has-dropdown:hover::after {
  display: block;
}

.has-dropdown .level2:hover .dropdown-wrapper-level2 {
  display: block;
}

.AZ-group-field {
  display       : flex;
  flex-direction: column;
  margin-bottom : 15px;
}

.AZ-group-field label {
  font-size: 13px;
  color    : #1e2225;

  margin-bottom: 10px;
}

.AZ-group-field input,
.AZ-group-field textarea {
  font-size: 12px;

  color        : #282828;
  border       : 1px solid #d5dbe0;
  background   : #fff;
  padding      : 10px;
  border-radius: 20px;
}

.AZ-group-field input:focus,
.AZ-group-field textarea:focus {
  border: 1px solid #204289;
}

.AZ-group-field input:focus::-moz-placeholder,
.AZ-group-field textarea:focus::-moz-placeholder {
  color: #204289;
}

.AZ-group-field input:focus::placeholder,
.AZ-group-field textarea:focus::placeholder {
  color: #204289;
}

.AZ-group-field input {
  height: 44px;
}

input[type=email] {
  text-align: right;
}

.navbar-toggler {
  font-size: 25px;
  padding  : 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.AZ-location {
  width        : 100%;
  border-radius: 35px;
}

.AZ-location::after {
  padding-bottom: 50%;
}

.AZ-location .map {
  position: relative;
  width   : 100%;
  height  : 100%;
}

.share-link {
  background   : transparent;
  padding      : 10px;
  border       : 1px solid #C8D3D9;
  border-radius: 8px;
}

.share-link button {
  font-size  : 25px;
  margin-left: 10px;
  border     : none;
  background : transparent;
}

.share-link p {
  font-size: 12px;

  color        : rgba(61, 90, 128, 0.5);
  margin-bottom: 10px;
}

#link {
  align-self: center;
  font-size : 14px;

  flex-grow : 2;
  border    : none;
  text-align: left;
  height    : 100%;
  background: transparent;
  width     : 150px;
}

#copy span {
  display    : block;
  line-height: 30px;
  font-size  : 20px;
  position   : relative;
  cursor     : pointer;
}

#copy span.copied::after {
  content    : "با موفقیت کپی شد";
  position   : absolute;
  top        : 0px;
  right      : 35px;
  height     : 30px;
  display    : block;
  white-space: nowrap;
  padding    : 2px 10px;
  font-size  : 14px;

  color           : #fff;
  background-color: #ff316d;
  opacity         : 1;
  will-change     : opacity, transform;
  animation       : showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity  : 0;
    transform: translateX(100%);
  }

  70% {
    opacity  : 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.top-shadow {
  overflow   : hidden;
  padding-top: 80px !important;
}

.top-shadow .container,
.top-shadow .container-fluid {
  position: relative;
}

.top-shadow .container::after,
.top-shadow .container-fluid::after {
  content      : "";
  position     : absolute;
  left         : 0;
  top          : -500px;
  width        : 100%;
  height       : 500px;
  border-radius: 1046px;
  background   : radial-gradient(52.29% 52.29% at 50% 50%, rgba(0, 0, 0, 0.11) 0%, rgba(220, 220, 220, 0) 99.99%, rgba(217, 217, 217, 0) 100%);
}

.bottom-shadow {
  overflow      : hidden;
  padding-bottom: 80px !important;
}

.bottom-shadow .container,
.bottom-shadow .container-fluid {
  position: relative;
}

.bottom-shadow .container::before,
.bottom-shadow .container-fluid::before {
  content      : "";
  position     : absolute;
  left         : 0;
  bottom       : -500px;
  width        : 100%;
  height       : 500px;
  border-radius: 1046px;
  background   : radial-gradient(52.29% 52.29% at 50% 50%, rgba(0, 0, 0, 0.11) 0%, rgba(220, 220, 220, 0) 99.99%, rgba(217, 217, 217, 0) 100%);
}

.AZ-section-title {
  font-size: 24px;
  color    : #212341;

  position      : relative;
  padding-bottom: 15px;
  margin-bottom : 20px;
}

.AZ-section-title span {}

.AZ-section-title::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  left      : 50%;
  transform : translateX(-50%);
  width     : 30px;
  height    : 1px;
  background: #d5dbe0;
}

.AZ-section-title.AZ-section-title-right::after {
  bottom   : 0;
  left     : unset;
  transform: unset;
  right    : 0;
}

.AZ-section-text {
  font-size: 13px;
  color    : #939aa4;

}

.AZ-section-title2 {
  flex-direction: column;
  display       : flex;
  font-size     : 20px;
  color         : #1e2e4d;

  position      : relative;
  padding-bottom: 15px;
}

.AZ-section-title2 span {

  color: #2b00d4;
}

.AZ-section-title2::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 30px;
  height    : 1px;
  background: #1e2e4d;
}

.bg-gray {
  background: #f8f9fb;
}

.border-top {
  border-top : 1px solid #f1f1f1 !important;
  padding-top: 80px;
}

.modal-wrapper .modal-content {
  border       : 0;
  padding      : 30px;
  border-radius: 15px;
}

.modal-wrapper .modal-title {
  font-size: 16px;

  color: #292D32;
}

.modal-wrapper .modal-text {
  font-size: 14px;

  color      : #676767;
  line-height: 1.9;
}

.modal-wrapper .close-btn {
  font-size: 20px;
}

.share-modal .social-btn {
  font-size: 14px;

  width        : 100%;
  color        : #FFFFFF;
  border-radius: 8px;
  padding      : 8px 5px;
  transition   : all 0.2s linear;
}

.share-modal .social-btn_whatsapp {
  background: #65D072;
}

.share-modal .social-btn_whatsapp:hover {
  background: #4fad5a;
}

.share-modal .social-btn_gmail {
  background: #CD0707;
}

.share-modal .social-btn_gmail:hover {
  background: #ad0505;
}

.share-modal .social-btn_telegram {
  background: #4DA9E8;
}

.share-modal .social-btn_telegram:hover {
  background: #3289c4;
}

.share-modal .social-btn span {
  font-size  : 15px;
  margin-left: 5px;
}

.border-radius-35 {
  border-radius: 35px;
}

.container-overflow {
  width: 100vw;
  float: right;
}

.plan-box-items {
  margin: 40px 0;
}

.plan-box-items .item {
  font-size: 13px;
  color    : #2d365d;

  text-align: center;
  padding   : 10px 0;
}

.plan-box-items .item:nth-child(odd) {
  background: linear-gradient(to left, rgba(248, 249, 251, 0), #f8f9fb, rgba(248, 249, 251, 0));
}

.scoring-text {
  font-size: 14px;

  color: #939aa4;
}

.scoring .rating>input {
  display: none;
}

.scoring .rating>label:before {
  margin     : 5px;
  font-size  : 1.5em;
  font-family: "icomoon";
  display    : inline-block;
  content    : "\e91b";
}

.scoring .rating>.half:before {
  content : "\e91d";
  position: absolute;
}

.scoring .rating>label {
  color: #ddd;
  float: right;
}

.scoring .rating>input:checked~label,
.scoring .rating:not(:checked)>label:hover,
.scoring .rating:not(:checked)>label:hover~label {
  color: #FFD700;
}

.scoring .rating>input:checked+label:hover,
.scoring .rating>input:checked~label:hover,
.scoring .rating>label:hover~input:checked~label,
.scoring .rating>input:checked~label:hover~label {
  color: #FFED85;
}

.navbar-search-btn {
  width        : 50px;
  height       : 50px;
  border-radius: 50%;
  font-size    : 20px;
  background   : #f8f9fb;
  color        : #000;
}

.navbar-search-btn::after {
  content: none;
}

.dropdown-search {
  top          : calc(100% + 10px);
  right        : unset !important;
  left         : 0 !important;
  min-width    : 400px;
  background   : #fff;
  box-shadow   : 0px 10px 60px 0px rgba(30, 30, 31, 0.1);
  border-radius: 10px;
  border       : 0;
}

.dropdown-search input {
  font-size: 14px;
  color    : #1e2225;

  padding   : 5px 10px;
  background: transparent;
  border    : 0;
  flex-grow : 2;
  width     : 50px;
}

.dropdown-search button {
  border    : 20;
  background: transparent;
  border    : 0;
  padding   : 0 10px;
}

.AZ-pagination {
  margin-top: 50px;
}

.AZ-pagination .page-nav {
  font-size: 14px;
  color    : #939aa4;

  padding      : 8px 20px;
  border-radius: 40px;
  background   : #fff;
  box-shadow   : 0px 5px 25px 0px rgba(30, 30, 31, 0.1);
  border       : 1px solid #efefef;
}

.AZ-pagination .page-link {
  font-size: 18px;

  background: transparent;
  border    : 0;
  padding   : 0;
}

.AZ-pagination .page-input {
  font-size: 18px;

  background     : transparent;
  border         : 0;
  padding        : 0;
  width          : 35px;
  height         : 35px;
  border-radius  : 7px;
  background     : #f8f9fb;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-pagination .page-text {
  font-size: 16px;
  color    : #939aa4;

}

#accordian {
  width     : 100%;
  min-height: 100vh;
  height    : 100%;
}

#accordian ul {
  padding: 0;
  margin : 0;
  width  : 100%;
}

#accordian ul li a {
  position: relative;
}

#accordian>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a {
  width: 100%;
}

#accordian>ul.show-dropdown>li>a,
#accordian>ul>li>ul.show-dropdown>li>a,
#accordian>ul>li>ul>li>ul.show-dropdown>li>a,
#accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li>a,
#accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li>a {
  width: 100%;
}

#accordian>ul>li>ul,
#accordian>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul>li>ul {
  display : none;
  position: relative;
}

#accordian>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
  display     : block;
  margin-right: 15px;
}

#accordian a:not(:only-child):after {
  content       : "\e90c";
  position      : absolute;
  left          : 0;
  top           : 5px;
  font-size     : 20px;
  font-family   : "icomoon";
  display       : inline-block;
  padding-right : 0;
  vertical-align: middle;
  transition    : 0.2s;
}

#accordian .active>a:not(:only-child):after {
  transform: rotate(180deg);
}

.slider-img-animation,
.slider-btns-animation,
.slider-text-animation {
  animation      : fade-in 1s both;
  animation-delay: 0.2s;
}

.slider-btns-animation {
  animation-delay: 0.5s;
}

.slider-title-animation {
  animation: fade-left 1s both;
}

.slider-desc-animation {
  animation: fade-right 1s both;
}

@keyframes fade-in {
  from {
    opacity  : 0;
    transform: translateY(100px);
  }

  to {
    opacity  : 1;
    transform: translateY(0);
  }
}

@keyframes fade-left {
  from {
    opacity  : 0;
    transform: translateX(100px);
  }

  to {
    opacity  : 1;
    transform: translateX(0);
  }
}

@keyframes fade-right {
  from {
    opacity  : 0;
    transform: translateX(-100px);
  }

  to {
    opacity  : 1;
    transform: translateX(0);
  }
}

.AZ-social-medical a {
  background: #f8f9fb;
  color     : #213e7f;
}

.AZ-social-medical a:hover {
  background: #204289;
}

.AZ-styled-select-medical {
  min-width    : 200px;
  height       : 44px;
  border-radius: 20px;
  background   : #fff;
  border       : 1px solid #d5dbe0;
  display      : inline-block;
  position     : relative;
  overflow     : hidden;
}

.AZ-styled-select-medical::before {
  content    : "\e90c";
  font-family: "ico";
  position   : absolute;
  left       : 10px;
  top        : 50%;
  transform  : translateY(-50%);
  z-index    : 1;
  font-size  : 15px;
}

.AZ-styled-select-medical select {
  font-size: 12px;

  color             : #282828;
  padding           : 0 10px;
  border            : 0;
  position          : absolute;
  left              : 0;
  top               : 0;
  background        : transparent;
  height            : 100%;
  width             : 100%;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  cursor            : pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin            : 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.AZ-group-field-medical input:focus,
.AZ-group-field-medical textarea:focus {
  border: 1px solid #204289;
}

.AZ-group-field-medical input:focus::-moz-placeholder,
.AZ-group-field-medical textarea:focus::-moz-placeholder {
  color: #204289;
}

.AZ-group-field-medical input:focus::placeholder,
.AZ-group-field-medical textarea:focus::placeholder {
  color: #204289;
}

.AZ-pagination-medical .page-nav.next {
  border: 1px solid #e40087;
  color : #e40087;
}

.AZ-pagination-medical .page-link {
  color: #e40087;
}

.AZ-pagination-medical .page-input {
  color: #282828;
}

.accordian-medical>ul>li.active>ul.show-dropdown,
.accordian-medical>ul>li>ul>li.active>ul.show-dropdown,
.accordian-medical>ul>li>ul>li>ul>li.active>ul.show-dropdown,
.accordian-medical>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
  display      : block;
  padding-right: 15px;
}

.accordian-medical>ul>li.active>ul.show-dropdown li,
.accordian-medical>ul>li>ul>li.active>ul.show-dropdown li,
.accordian-medical>ul>li>ul>li>ul>li.active>ul.show-dropdown li,
.accordian-medical>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown li {
  position: relative;
}

.accordian-medical>ul>li.active>ul.show-dropdown li::after,
.accordian-medical>ul>li>ul>li.active>ul.show-dropdown li::after,
.accordian-medical>ul>li>ul>li>ul>li.active>ul.show-dropdown li::after,
.accordian-medical>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown li::after {
  content      : "";
  position     : absolute;
  top          : 50%;
  transform    : translateY(-50%);
  right        : -15px;
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : #204085;
  z-index      : 1;
}

.accordian-medical {
  min-height: unset !important;
  height    : unset !important;
}

.AZ-title-underline {
  font-size: 16px;
  color    : #1c1c1c;

  padding-bottom: 20px;
  position      : relative;
}

.AZ-title-underline::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  right     : 0;
  width     : 32px;
  height    : 3px;
  background: #f5f3fc;
}

.AZ-title-group .img-patern {
  width         : 20px;
  mix-blend-mode: multiply;
}

.AZ-title-group .group_title {
  font-size: 18px;
  color    : #282828;

  margin-bottom: 10px;
}

.AZ-title-group .group_desc {
  font-size: 14px;
  color    : #b3bbc7;

}

.AZ-title-group .group_desc span {
  color: #282828;
}

.AZ-menu-mobile {
  background: #f8f9fb;
  position  : relative;
  overflow  : hidden;
}

.AZ-menu-mobile .close-hamberger {
  color    : #204085;
  font-size: 20px;
}

.AZ-menu-mobile .sidebar {
  position  : absolute;
  right     : 0;
  top       : 0;
  width     : 100%;
  overflow-y: auto;
  height    : 100vh;
  z-index   : 1;
}

.AZ-menu-mobile .sidebar .AZ-social-container {
  border-top: 1px solid rgb(216, 216, 216);
  padding   : 30px 0;
  margin-top: 30px;
  background: #2354bd;
}

.AZ-menu-mobile .sidebar .AZ-social-container a {
  background: #1944a1;
}

.AZ-menu-mobile .sidebar-content {
  width     : 400px;
  height    : 100vh;
  min-height: 100vh;
}

.AZ-menu-mobile .nav-link {
  font-size: 13px;
  color    : #666;
  padding  : 10px 0;

}

.AZ-menu-mobile .nav-link span {
  font-size: 22px;
}

.AZ-page-wrapper {
  background: #fff;
  overflow-x: hidden;
  transition: all 0.2s linear;
  position  : relative;
  z-index   : 1;
}

.AZ-page-wrapper.open {
  transform    : translate(-80%, 100px);
  border-radius: 10px;
  z-index      : 10;
  box-shadow   : 0 0 20px rgba(0, 0, 0, 0.2);
}

.AZ-page-wrapper.open::before {
  content      : "";
  position     : absolute;
  right        : -4px;
  height       : 100%;
  width        : 4px;
  top          : 30px;
  background   : #205485;
  border-radius: 0 5px 5px 0;
  z-index      : -1;
}

.AZ-navbar-medical {
  padding: 30px 0;
}

.AZ-navbar-medical .nav-link {
  font-size: 14px;
  color    : #212341;

  transition   : all 0.2s linear;
  padding      : 8px 10px;
  border-radius: 40px;
}

.AZ-navbar-medical .nav-link.active {

  color     : #fff;
  background: #204289;
}

.AZ-navbar-medical .navbar-phone-box .navbar-phone-icon {
  width        : 50px;
  height       : 50px;
  border-radius: 50%;
  color        : #ff8a66;
  font-size    : 22px;
  background   : #fff3f0;
}

.AZ-navbar-medical .navbar-phone-box .phone-number {
  font-size: 22px;
  color    : #204289;

  margin-bottom: -5px;
}

.AZ-navbar-medical .navbar-phone-box .phone-number span {
  font-size: 14px;
  color    : #2d365d;

}

.AZ-navbar-medical .navbar-phone-box .phone-text {
  font-size: 12px;
  color    : #464646;

}

.sharp-corners {
  padding: 0;
}

.sharp-corners .header-bottom {
  padding: 10px 0;
}

.sharp-corners .header-top {
  border-bottom: 1px solid #f5f3fc;
  padding      : 10px 0;
}

.sharp-corners .navbar-phone-box .navbar-phone-icon {
  border-radius: 0;
  background   : #f8f9fb;
  color        : #000;
}

.sharp-corners .navbar-phone-box .phone-number {
  color: #d0a968;
}

.sharp-corners .navbar-search-btn {
  border-radius: 0;
}

.sharp-corners .nav-link {
  border-radius: 0;
}

.sharp-corners .nav-link.active {
  background: #000000;
}

.AZ-footer-medical {
  position   : relative;
  padding-top: 80px;
  overflow   : hidden;
}

.AZ-footer-medical .footer-brand img {
  width: 50px;
}

.AZ-footer-medical .footer-brand .footer-brand-name {
  font-size: 14px;
  color    : #282828;

}

.AZ-footer-medical .footer-brand .footer-brand-name span {
  font-size: 30px;
  color    : #282828;

}

.AZ-footer-medical .footer-title {
  font-size: 13px;
  color    : #213e7f;

  margin-bottom: 15px;
}

.AZ-footer-medical .footer-newsletter-title {
  font-size: 15px;
  color    : #263a96;

  padding: 5px 0;
}

.AZ-footer-medical .footer-newsletter-text {
  font-size: 12px;
  color    : #263a96;

  margin: 10px 0;
}

.AZ-footer-medical .newsletter-wrapper-input {
  font-size: 14px;
  color    : #1e2225;

  background   : #f8f9fb;
  height       : 39px;
  padding      : 10px;
  border-radius: 40px;
  border       : 0;
}

.AZ-footer-medical .newsletter-wrapper-btn {
  font-size: 14px;
  color    : #fff;

  background   : #213e7f;
  padding      : 10px 60px;
  border-radius: 40px;
  border       : 0;
  transition   : all 0.2s linear;
}

.AZ-footer-medical .newsletter-wrapper-btn:hover {
  color: #fff;
}

.AZ-footer-medical .footer-text {
  font-size: 13px;
  color    : #213e7f;

  position: relative;
  padding : 0 70px 0 30px;
}

.AZ-footer-medical .footer-copyright {
  font-size: 12px;
  color    : #939aa4;

}

.AZ-footer-medical .footer-copyright span {

  color: #464646;
}

.AZ-footer-medical .footer-link {
  font-size: 13px;
  color    : #b3bbc7;

  transition: all 0.2s linear;
}

.AZ-footer-medical .footer-link:hover {
  color: #213e7f;
}

.AZ-footer-medical .line {
  width     : 100%;
  height    : 1px;
  background: #f3f3f9;
  margin    : 30px 0;
}

.AZ-footer-medical .footer-icon-box_title {
  font-size: 13px;
  color    : #282828;

  margin-bottom: 10px;
}

.AZ-footer-medical .footer-icon-box_text {
  font-size: 12px;
  color    : #282828;

}

.AZ-footer-medical .footer-icon-box_text span {
  font-size: 15px;

}

.AZ-footer-medical .footer-icon-box_img {
  width          : 49px;
  height         : 49px;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #fff3f0;
  color          : #000;
  font-size      : 28px;
}

.AZ-footer-medical2 .newsletter-wrapper-btn {
  color        : #fff;
  border-radius: 0;
  background   : #d0a968;
}

.AZ-footer-medical2 .newsletter-wrapper-input {
  border-radius: 0;
}

.AZ-footer-medical2 .footer-text,
.AZ-footer-medical2 .footer-newsletter-text {
  color: #282828;
}

.AZ-footer-medical2 .AZ-social-hosting a {
  background: #f8f9fb;
  color     : #282828;
}

.AZ-footer-medical2 .AZ-social-hosting a:hover {
  background: #282828;
  color     : #fff;
}

.AZ-footer-medical2 .footer-title,
.AZ-footer-medical2 .footer-newsletter-title {
  color: #282828;
}

.AZ-footer-medical2 .footer-title span,
.AZ-footer-medical2 .footer-newsletter-title span {
  color: #d0a968;
}

.AZ-footer-medical2 .back-top {
  background: #000;
  color     : #fff;
  padding   : 10px 10px 30px 10px;
  position  : absolute;
  bottom    : 0;
  right     : 0;
  transition: all 0.2s linear;
}

.AZ-footer-medical2 .back-top:hover {
  background: #d0a968;
}

.AZ-footer-medical2 .footer-copyright {
  margin-right: 40px;
}

.AZ-footer-medical2 .footer-brand img {
  mix-blend-mode: luminosity;
}

.AZ-breadcrumb-medical {
  margin-bottom: 50px;
}

.AZ-breadcrumb-medical .breadcrumb-wrapper {
  background: #f8f9fb;
  padding   : 10px 20px;
  flex-wrap : wrap;
}

.AZ-breadcrumb-medical .breadcrumb-link {
  font-size: 12px;

  color: #282828;
}

.AZ-breadcrumb-medical .breadcrumb-link.active {}

.AZ-breadcrumb-medical span {
  font-size: 12px;
  color    : #282828;
}

.AZ-blog-section-page {
  padding: 50px 0;
}

.AZ-blog-section-medical .blog-section-title .blog-section__title {
  font-size: 22px;
  color    : #213e7f;

  padding : 12px 20px;
  overflow: hidden;
  position: relative;
}

.AZ-blog-section-medical .blog-section-title .blog-section__title span {
  font-size: 14px;
  color    : #2c3232;

}

.AZ-blog-section-medical .blog-section-title .blog-section__title::after {
  content      : "";
  position     : absolute;
  right        : -50px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 80%;
  height       : calc(100% + 20px);
  border-radius: 1046px;
  background   : radial-gradient(52.29% 52.29% at 50% 50%, rgba(0, 0, 0, 0.05) 0%, rgba(220, 220, 220, 0) 99.99%, rgba(217, 217, 217, 0) 100%);
}

.AZ-blog-section-medical .blog-section-title .blog-section_icon {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding-left   : 10px;
}

.AZ-blog-section-medical .blog-section-title .blog-section_icon span {
  color    : #d5dbe0;
  font-size: 40px;
}

.AZ-blog-section-medical .view-all-btn {
  font-size: 13px;

  color        : #b3bbc7;
  box-shadow   : 0px 5px 40px 0px rgba(30, 30, 31, 0.12);
  background   : #fff;
  border-radius: 40px;
  padding      : 10px 20px;
  transition   : all 0.2s linear;
}

.AZ-blog-section-medical .view-all-btn:hover {
  background: #204085;
  color     : #fff;
}

.AZ-blog-section-medical .view-all-btn span {
  font-size: 22px;
}

.AZ-blog-section2-medical {
  background-image: none;
}

.AZ-blog-section2-medical .blog-section-title .blog-section__title {
  color: #d0a968;
}

.AZ-blog-section2-medical .view-all-btn {
  border-radius: 0;
}

.AZ-blog-section2-medical .view-all-btn:hover {
  background: #d0a968;
}

.AZ-comments-section-medical {
  padding: 50px 0;
}

.AZ-comments-section-medical .comments-box {
  padding      : 30px 40px;
  box-shadow   : 0px 10px 60px 0px rgba(30, 30, 31, 0.08);
  border-radius: 30px;
}

.AZ-comments-section-medical .comments-box .line {
  width     : 100%;
  height    : 1px;
  background: #efefef;
  margin    : 30px 0;
}

.AZ-comments-section-medical .comment_box {
  border-top: 1px solid #efefef;
  padding   : 30px 0;
}

.AZ-comments-section-medical .comment_box:first-child {
  border-top: 0;
}

.AZ-comments-section-medical .comment-img {
  width        : 40px;
  border-radius: 50%;
}

.AZ-comments-section-medical .comment-img::after {
  padding-bottom: 100%;
}

.AZ-comments-section-medical .comment-name {
  font-size: 12px;
  color    : #939aa4;

}

.AZ-comments-section-medical .comment-text {
  font-size: 14px;
  color    : #464646;

}

.AZ-comments-section-medical .comment-date {
  font-size: 12px;
  color    : #1e2225;

}

.AZ-comments-section-medical .comment-time {
  font-size: 12px;
  color    : #1e2225;

  border-radius: 40px;
  padding      : 5px 10px;
  background   : #efefef;
}

.AZ-comments-section-medical .comment-reply-btn {
  font-size: 12px;
  color    : #1e2225;

  border-radius: 40px;
  padding      : 5px 20px;
  border       : 1px solid #1e2225;
  background   : transparent;
  transition   : all 0.2s linear;
}

.AZ-comments-section-medical .comment-reply-btn:hover {
  color     : #fff;
  background: #1e2225;
}

.AZ-comments-section-medical .stars span {
  font-size: 16px;
  color    : #ef9a3d;
}

.AZ-comments-section-medical .comment_box_reply {
  margin-right: 150px;
  border-top  : 0;
}

.AZ-comments-section-medical .AZ-group-field-model2 {
  align-items: flex-start;
}

.AZ-comments-section-medical .AZ-group-field-model2 label {
  margin-bottom: -10px;
  margin-right : 20px;
  position     : relative;
  z-index      : 1;
  background   : #fff;
  display      : inline;
  padding      : 0 10px;
}

.AZ-comments-section-medical .AZ-group-field-model2 label::after,
.AZ-comments-section-medical .AZ-group-field-model2 label::before {
  content      : "";
  position     : absolute;
  right        : 0;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : #f4f4f4;
}

.AZ-comments-section-medical .AZ-group-field-model2 label::before {
  right: unset;
  left : 0;
}

.AZ-comments-section-medical .AZ-group-field-model2 input,
.AZ-comments-section-medical .AZ-group-field-model2 textarea {
  width: 100%;
}

.AZ-comments-section-medical .AZ-group-field-model2:focus-within label::after,
.AZ-comments-section-medical .AZ-group-field-model2:focus-within label::before {
  background: #2354bd;
}

.AZ-comments-section-medical .send-post-comment {
  font-size: 14px;
  color    : #fff;

  width        : 100%;
  height       : 44px;
  border-radius: 40px;
  padding      : 10px;
  background   : #000;
  transition   : all 0.2s linear;
  margin-top   : 8px;
  border       : 0;
}

.AZ-comments-section-medical .send-post-comment:hover {
  background: #2354bd;
  color     : #fff;
}

.AZ-blog-card-medical {
  position: relative;
}

.AZ-blog-card-medical .post-img {
  filter: drop-shadow(0px 0px 30px rgba(30, 30, 31, 0.2));
}

.AZ-blog-card-medical .blog-card-img::after {
  padding-bottom: 105%;
}

.AZ-blog-card-medical .blog-card-title {
  font-size: 16px;
  color    : #2d365d;

  margin-bottom: 10px;
  margin-top   : 30px;
}

.AZ-blog-card-medical .blog-card-text {
  font-size: 12px;
  color    : #1e2225;

  margin-bottom: 20px;
}

.AZ-blog-card-medical .blog-card-writer,
.AZ-blog-card-medical .blog-card-date {
  font-size: 14px;
  color    : #9ea9bb;

}

.AZ-blog-card-medical .blog-card-comments {
  font-size: 14px;
  color    : #1e2225;

  z-index  : 1;
  position : absolute;
  left     : 50%;
  top      : -50px;
  z-index  : 1;
  transform: translateX(-50%);
}

.AZ-blog-card-medical .blog-card-comments span {
  color: #9ea9bb;
}

.AZ-blog-card-medical .blog-card-comments .icon-commet {
  font-size: 22px;
  color    : #213e7f;
}

.AZ-blog-card-medical .blog-card-writer-img {
  width        : 45px;
  border-radius: 50%;
  box-shadow   : 0px 5px 40px 0px rgba(30, 30, 31, 0.12);
}

.AZ-blog-card-medical .blog-card-writer-img::after {
  padding-bottom: 100%;
}

.AZ-blog-card-medical .shape-blog-card {
  position : absolute;
  width    : 100px;
  height   : 30px;
  bottom   : 0;
  left     : 50%;
  transform: translateX(-50%);
}

.AZ-blog-card-medical .shape-inner-blog-card {
  position       : relative;
  width          : 100%;
  height         : 100%;
  display        : flex;
  align-items    : flex-end;
  justify-content: center;
}

.AZ-blog-card-medical-2 {
  background-color: rgb(109, 110, 113);
  box-shadow      : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-blog-card-medical-2 .blog-card-img-2 {
  width: 100%;
}

.AZ-blog-card-medical-2 .blog-card-img-2::after {
  padding-bottom: 105%;
}

.AZ-blog-card-medical-2 .blog-card-body-2 {
  background   : #fff;
  position     : absolute;
  bottom       : 15px;
  left         : 15px;
  right        : 15px;
  ruby-overhang: 15px;
}

.AZ-blog-card-medical-2 .blog-card-body-content {
  padding: 20px;
}

.AZ-blog-card-medical-2 .blog-card-body-details {
  padding   : 10px 20px;
  background: #f8f9fb;
}

.AZ-blog-card-medical-2 .blog-card-title-2 {
  font-size: 16px;
  color    : #212341;

  transition   : all 0.2s linear;
  margin-bottom: 15px;
}

.AZ-blog-card-medical-2 .blog-card-title-2:hover {
  color: #204289;
}

.AZ-blog-card-medical-2 .blog-card-date-2,
.AZ-blog-card-medical-2 .blog-card- {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-blog-card-medical-2 .blog-card- {
  color: #282828;
}

.AZ-blog-card-medical-2 .blog-card-text-2 {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-blog-card-medical-2 .blog-card-number-visits {
  font-size: 12px;
  color    : #282828;

}

.AZ-blog-card-medical-2 .blog-card-number-visits span {}

.AZ-slider-blog-medical {
  position: relative;
}

.AZ-slider-blog-medical::after {
  content   : "";
  position  : absolute;
  left      : 0;
  width     : 100%;
  height    : 120px;
  background: #204289;
  top       : 50%;
  transform : translateY(-50%);
  z-index   : -1;
}

.AZ-slider-blog-medical .blogSwiper {
  border-radius: 25px;
}

.AZ-slider-blog-medical .swiper-pagination {
  bottom       : -20px;
  left         : 50%;
  transform    : translateX(-50%);
  background   : #fff;
  border-radius: 40px;
  display      : inline-block;
  display      : flex;
  width        : -moz-fit-content;
  width        : fit-content;
  padding      : 20px 40px;
}

.AZ-slider-blog-medical .swiper-pagination .swiper-pagination-bullet {
  width        : 7px;
  height       : 7px;
  background   : #d5dbe0;
  opacity      : 1;
  border-radius: 40px;
}

.AZ-slider-blog-medical .swiper-pagination .swiper-pagination-bullet-active {
  width     : 25px;
  background: #1e2225;
}

.AZ-slider-blog-medical .swiper-pagination::after,
.AZ-slider-blog-medical .swiper-pagination::before {
  content               : "";
  position              : absolute;
  left                  : calc(100% - 3px);
  top                   : 27px;
  height                : 10px;
  width                 : 10px;
  border-top-left-radius: 20px;
  box-shadow            : 0px -3px #fff;
  background            : transparent;
}

.AZ-slider-blog-medical .swiper-pagination::before {
  left                   : unset;
  right                  : calc(100% - 3px);
  border-top-left-radius : unset;
  border-top-right-radius: 20px;
  box-shadow             : 1px -3px #fff;
}

.AZ-slider-blog-medical .slider-box {
  background   : #fff;
  box-shadow   : 0px 10px 60px 0px rgba(30, 30, 31, 0.08);
  border-radius: 35px;
  padding      : 30px;
  position     : relative;
}

.AZ-slider-blog-medical .slider-blog-img {
  width        : 100%;
  border-radius: 30px;
}

.AZ-slider-blog-medical .slider-blog-img::after {
  padding-bottom: 50%;
}

.AZ-slider-blog-medical .overlay-slider-blog {
  position        : absolute;
  bottom          : 0;
  height          : 50%;
  width           : 100%;
  left            : 0;
  background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.AZ-slider-blog-medical .slider-blog-title {
  font-size: 24px;
  color    : #fff;

}

.AZ-slider-blog-medical .slider-blog-text {
  font-size: 12px;
  color    : #fff;

}

.AZ-slider-blog-medical .slider-blog-details {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-slider-blog-medical .slider-blog-details .icon-clock-fill {
  font-size: 18px;
}

.AZ-slider-blog-medical .number-visits span {}

.slider-content {
  padding : 0 20px;
  position: relative;
  z-index : 1;
}

.slider-content .slider-section-title {
  font-size: 40px;
  color    : #204289;

  padding-bottom: 20px;
  margin-bottom : 20px;
  position      : relative;
}

.slider-content .slider-section-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 30px;
  height    : 1px;
  background: #d7e6f5;
}

.slider-content .slider-section-text {
  font-size: 14px;
  color    : #204289;

  margin-bottom: 30px;
}

.AZ-post-page-medical {
  padding: 50px 0;
}

.AZ-post-page-medical .post-title {
  font-size: 30px;
  color    : #212341;

  text-align   : center;
  margin-bottom: 40px;
}

.AZ-post-page-medical .post-details-box {
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin-bottom  : 50px;
}

.AZ-post-page-medical .post-details-writer {
  background   : #fff;
  border       : 1px solid #efefef;
  box-shadow   : 0px 5px 25px 0px rgba(30, 30, 31, 0.1);
  border-radius: 40px;
  min-height   : 48px;
  padding      : 5px 5px 5px 40px;
  position     : relative;
  z-index      : 1;
}

.AZ-post-page-medical .writer-img {
  width        : 50px;
  border-radius: 50%;
}

.AZ-post-page-medical .writer-img::after {
  padding-bottom: 100%;
}

.AZ-post-page-medical .writer-name {
  font-size: 12px;
  color    : #263a96;

}

.AZ-post-page-medical .post-date {
  font-size: 12px;
  color    : #9ea9bb;

}

.AZ-post-page-medical .number-visits {
  font-size: 13px;

  color: #2d365d;
}

.AZ-post-page-medical .number-visits span {}

.AZ-post-page-medical .number-comments {
  font-size: 13px;
  color    : #39d4df;

  background   : #000;
  border-radius: 0 40px 40px 0;
  background   : #ecfcfc;
  padding      : 5px 10px 5px 20px;
  margin-left  : -10px;
}

.AZ-post-page-medical .number-comments span {}

.AZ-post-page-medical .post-category {
  font-size: 13px;
  color    : #ff8a66;

  background   : #fff3f0;
  border-radius: 40px 0 0 40px;
  padding      : 5px 20px 5px 10px;
  margin-right : -10px;
}

.AZ-post-page-medical .tag-wrapper {
  height: 60px;
}

.AZ-post-page-medical .tag-title {
  font-size: 12px;
  color    : #939aa4;

  border-top : 1px dashed #d0aa69;
  white-space: nowrap;
  padding-top: 10px;
}

.AZ-post-page-medical .tags {
  border-top : 1px dashed #d5dbe0;
  padding-top: 10px;
}

.AZ-post-page-medical .tag-link {
  font-size: 12px;
  color    : #25292c;

  background   : #f8f9fb;
  border-radius: 40px;
  padding      : 5px 15px;
  transition   : all 0.2s linear;
}

.AZ-post-page-medical .tag-link:hover {
  background: #204085;
  color     : #fff;
}

.AZ-post-page-medical .summary-contents {
  background   : #f8f9fb;
  border-radius: 20px;
  padding      : 30px;
  margin-top   : 50px;
  position     : relative;
  margin-right : 50px;
}

.AZ-post-page-medical .summary-contents::after {
  content: "”";

  color    : #d5dbe0;
  font-size: 220px;
  position : absolute;
  right    : -50px;
  top      : -30px;
  height   : 0;
  width    : 0;
}

article h1 {
  font-size: 30px;
  color    : #212341;

  text-align: center;
}

article p {
  font-size  : 14px;
  color      : #2d365d;
  line-height: 30px;
}

.AZ-about-img-medical {
  margin-top: 80px;
}

.AZ-about-img-medical .about-img {
  width        : 100%;
  background   : #204289;
  border-radius: 30px;
  overflow     : visible;
}

.AZ-about-img-medical .about-img::after {
  padding-bottom: 40%;
}

.AZ-about-img-medical .about-img::before {
  content      : "";
  position     : absolute;
  left         : 0;
  bottom       : 50px;
  width        : 50px;
  height       : 50px;
  border-radius: 50%;
  z-index      : 1;
  box-shadow   : -22px 28px 0 0 #fff;
}

.AZ-about-img-medical .about-img img {
  mix-blend-mode: multiply;
  border-radius : 30px;
}

.AZ-about-img-medical .img-top-layer {
  position      : absolute;
  left          : 50%;
  transform     : translateX(-50%);
  top           : -50px;
  height        : 100%;
  mix-blend-mode: normal !important;
  z-index       : 10;
}

.AZ-about-body-medical,
.AZ-contact-body-medical {
  margin-top   : -50px;
  margin-bottom: 80px;
  position     : relative;
  z-index      : 10;
}

.AZ-about-body-medical::after,
.AZ-contact-body-medical::after {
  content   : "";
  position  : absolute;
  top       : 120px;
  width     : 100%;
  background: #204289;
  height    : 120px;
  z-index   : -1;
}

.AZ-about-body-medical .about-body-box,
.AZ-about-body-medical .contact-body-box,
.AZ-contact-body-medical .about-body-box,
.AZ-contact-body-medical .contact-body-box {
  border-radius: 30px;
  padding      : 30px;
  box-shadow   : 0px 0px 65px 0px rgba(30, 30, 31, 0.08);
  background   : #fff;
}

.AZ-about-body-medical .line,
.AZ-contact-body-medical .line {
  width     : 100%;
  height    : 1px;
  background: #f3f3f9;
  margin    : 30px 0;
}

.AZ-about-body-medical .about-title,
.AZ-contact-body-medical .about-title {
  font-size: 24px;
  color    : #2b282f;

}

.AZ-about-body-medical .about-text,
.AZ-contact-body-medical .about-text {
  font-size: 13px;
  color    : #212341;

  margin-bottom: 20px;
  line-height  : 1.8;
}

.AZ-about-body-medical .hours-work-title,
.AZ-about-body-medical .hours-work,
.AZ-contact-body-medical .hours-work-title,
.AZ-contact-body-medical .hours-work {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-about-body-medical .hours-work,
.AZ-contact-body-medical .hours-work {
  color: #282828;
}

.AZ-about-body-medical .AZ-social-medical a,
.AZ-contact-body-medical .AZ-social-medical a {
  color: #c8ced3;
}

.AZ-about-body-medical .AZ-social-medical a:hover,
.AZ-contact-body-medical .AZ-social-medical a:hover {
  color: #fff;
}

.AZ-about-body-medical .follow-us-text,
.AZ-contact-body-medical .follow-us-text {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-contact-body-medical .contact-info-title {
  font-size: 14px;
  color    : #2354bd;

}

.AZ-contact-body-medical .contact-info-text {
  font-size: 12px;
  color    : #282828;

}

.AZ-contact-body-medical .contact-info-text span {}

.AZ-contact-body-medical .contact-form-btn {
  font-size: 14px;
  color    : #fff;

  border-radius: 40px;
  transition   : all 0.2s linear;
  background   : #67b930;
  padding      : 10px 20px;
  border       : 0;
}

.AZ-contact-body-medical .contact-form-btn:hover {
  background: #000;
  color     : #fff;
}

.AZ-contact-body-medical .contact-info-icon {
  min-width       : 50px;
  display         : flex;
  justify-content : center;
  background-image: linear-gradient(to bottom, #f9f9f9, rgba(249, 249, 249, 0));
  border-radius   : 10px;
  height          : 100%;
  padding         : 10px 0;
  font-size       : 25px;
  color           : #1c1c1c;
  height          : 200px;
}

.AZ-contact-body-medical .contact-faq-text {
  font-size: 13px;
  color    : #212341;

}

.AZ-contact-body-medical .contact-faq-text span {}

.AZ-contact-body-medical .contact-faq-btn {
  font-size: 14px;
  color    : #fff;

  border-radius: 40px;
  transition   : all 0.2s linear;
  background   : #000;
  padding      : 10px 40px;
  border       : 0;
}

.AZ-contact-body-medical .contact-faq-btn:hover {
  background: #204085;
  color     : #fff;
}

.AZ-contact-body-medical .AZ-social-medical a {
  background: #1d1d1d;
  color     : #939aa4;
}

.AZ-contact-body-medical .AZ-social-medical a:hover {
  color     : #fff;
  background: #204085;
}

.AZ-contact-body-medical .contact-col-right {
  border-left: 1px solid #f3f3f3;
}

.AZ-slider-index2-section-medical .slider-index2-img {
  width: 100%;
}

.AZ-slider-index2-section-medical .slider-index2-img::after {
  padding-bottom: 50%;
}

.AZ-slider-index-section-medical .AZ-box-section-floating {
  bottom   : 20%;
  left     : unset;
  transform: unset;
  right    : 80px;
}

.AZ-slider-index-section-medical .headerSwiper .navs-slider {
  left     : 50%;
  transform: translateX(-50%);
  bottom   : 30px;
  z-index  : 10;
}

.AZ-slider-index-section-medical .AZ-section-small-title {
  font-size    : 24px;
  color        : #fff;
  padding      : 5px 30px;
  border-radius: 40px 40px 0 40px;
  background   : #80d6f7;
}

.AZ-slider-index-section-medical .AZ-section-small-title::after {
  content                   : "";
  position                  : absolute;
  top                       : 100%;
  bottom                    : unset;
  right                     : 0;
  height                    : 30px;
  width                     : 40px;
  border-top-right-radius   : 48%;
  border-bottom-right-radius: unset;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #80d6f7;
  z-index                   : -1;
}

.AZ-slider-index-section-medical .AZ-section-small-title::before {
  content      : "";
  position     : absolute;
  right        : -8px;
  top          : -8px;
  width        : 100%;
  height       : 100%;
  border-radius: 40px 40px 0 40px;
  background   : linear-gradient(to left bottom, rgba(128, 213, 247, 0.2705882353) 10%, rgba(128, 213, 247, 0));
  z-index      : -1;
}

.navs-slider {
  left     : 50%;
  transform: translateX(-50%);
}

.navs-slider .nav-prev,
.navs-slider .nav-next {
  width          : 30px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  font-size      : 22px;
}

.navs-slider .nav-prev {
  right: unset;
  left : 100%;
}

.navs-slider .nav-next {
  right: 100%;
  left : unset;
}

.navs-slider-right {
  position: absolute;
  display : flex;
  right   : 25%;
  top     : unset;
  bottom  : -150px;
  z-index : 1;
}

.navs-slider-right .nav-next,
.navs-slider-right .nav-prev {
  font-size: 30px;
  color    : #fff;
}

.AZ-new-discounts-section-medical {
  background   : #204289;
  margin-bottom: 100px;
  position     : relative;
  padding      : 80px 0;
}

.AZ-new-discounts-section-medical .new-discounts-title {
  font-size: 24px;
  color    : #fff;

  padding-bottom: 15px;
  position      : relative;
}

.AZ-new-discounts-section-medical .new-discounts-title span {}

.AZ-new-discounts-section-medical .new-discounts-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 30px;
  height    : 1px;
  background: #cbe5ff;
}

.AZ-new-discounts-section-medical .new-discounts-content {
  position: relative;
  z-index : 10;
}

.AZ-new-discounts-section-medical .navs-top .nav-next span,
.AZ-new-discounts-section-medical .navs-top .nav-prev span {
  color: #fff;
}

.AZ-new-discounts-section-medical .discounts-section-img {
  position      : absolute;
  left          : 0;
  top           : 0;
  width         : 100%;
  height        : 100%;
  -o-object-fit : cover;
  object-fit    : cover;
  mix-blend-mode: multiply;
}

.AZ-new-discounts-section-medical .offerServicesSwiper {
  margin-bottom: -200px;
}

.AZ-new-discounts-section-medical .swiper-slide {
  padding: 30px 0 100px;
}

.AZ-new-discounts-card {
  border-radius: 30px;
  background   : #29243e;
  padding      : 30px;
  position     : relative;
}

.AZ-new-discounts-card::after {
  content         : "";
  position        : absolute;
  bottom          : -10px;
  left            : 50%;
  transform       : translateX(-50%);
  background-color: rgb(41, 36, 62);
  opacity         : 0.149;
  border-radius   : 30px;
  width           : 90%;
  height          : 60px;
  z-index         : -1;
}

.AZ-new-discounts-card .discount-tag {
  font-size: 36px;
  color    : #fff;

  width          : 85px;
  height         : 85px;
  border-radius  : 50%;
  background     : #204085;
  display        : flex;
  align-items    : center;
  justify-content: center;
  box-shadow     : 0 10px 30px rgba(32, 64, 133, 0.7);
}

.AZ-new-discounts-card .discount-card-title {
  font-size: 18px;
  color    : #fff;

  line-height: 1.9;
}

.AZ-new-discounts-card .discount-card-text {
  font-size: 13px;
  color    : #7a758f;

  margin     : 30px 0;
  line-height: 1.9;
}

.AZ-new-discounts-card .discount-card-btn {
  font-size: 12px;
  color    : #939aa4;

  border-radius: 40px;
  padding      : 8px 20px 8px 10px;
  background   : transparent;
  border       : 2px solid #393352;
}

.AZ-new-discounts-card .discount-card-btn span {
  background     : #f5f3fc;
  border-radius  : 40px;
  padding        : 3px 20px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #934bf0;
  font-size      : 30px;
  transition     : all 0.2s linear;
}

.AZ-new-discounts-card .discount-card-btn:hover span {
  background: #102e6d;
  color     : #fff;
}

.AZ-new-discounts-section2-medical {
  background: #000;
}

.AZ-new-discounts-section2-medical .new-discounts-title {
  color: #d0a968;
}

.AZ-new-discounts-section2-medical .new-discounts-title span {
  color: #fff;
}

.AZ-new-discounts-section2-medical .navs-top .nav-next {
  border-right: 1px dashed #d0a968;
}

.AZ-new-discounts-card2 {
  border-radius: 0;
  background   : #ffffff;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-new-discounts-card2::after {
  content: none;
}

.AZ-new-discounts-card2 .discount-tag {
  color     : #080808;
  background: #f6e7d9;
  box-shadow: none;
}

.AZ-new-discounts-card2 .discount-card-title {
  color: #000000;
}

.AZ-new-discounts-card2 .discount-card-text {
  color: #7a758f;
}

.AZ-new-discounts-card2 .discount-card-btn {
  border-radius: 0;
}

.AZ-new-discounts-card2 .discount-card-btn span {
  background   : transparent;
  border-radius: 0;
  padding      : 0 20px;
  color        : #000;
  transition   : all 0.2s linear;
}

.AZ-new-discounts-card2 .discount-card-btn:hover span {
  background: #000;
  color     : #fff;
}

.AZ-testimonials-section-medical {
  padding   : 80px 0;
  overflow-x: hidden;
}

.AZ-testimonials-section-medical .swiper-slide {
  padding: 40px 0;
}

.AZ-testimonials-section-medical .testimonialSwiper .swiper-slide-next,
.AZ-testimonials-section-medical .testimonialSwiper .swiper-slide-prev {
  filter: blur(3px);
}

.AZ-testimonials-section-medical .testimonial-section-title {
  font-size: 18px;
  color    : #282828;

}

.AZ-testimonial-card {
  border-radius: 30px;
  box-shadow   : 0px 0px 50px 0px rgba(139, 139, 139, 0.1);
  position     : relative;
}

.AZ-testimonial-card .testimonial-card-inner {
  border-radius   : 30px;
  padding         : 30px;
  background-color: #fff;
  position        : relative;
}

.AZ-testimonial-card::after {
  content    : "\e962";
  font-family: "ico";
  position   : absolute;
  left       : 30px;
  top        : -80px;
  font-size  : 130px;
  color      : #edf0f5;
}

.AZ-testimonial-card.text-shadow .testimonial-card-text {
  position: relative;
}

.AZ-testimonial-card.text-shadow .testimonial-card-text::after {
  content      : "";
  position     : absolute;
  right        : -20px;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 50px;
  height       : calc(100% + 20px);
  border-radius: 1046px;
  background   : radial-gradient(52.29% 52.29% at 50% 50%, rgba(0, 0, 0, 0.05) 0%, rgba(220, 220, 220, 0) 99.99%, rgba(217, 217, 217, 0) 100%);
}

.AZ-testimonial-card.testimonial-card-purple .testimonial-card-img {
  background: #3b50df;
}

.AZ-testimonial-card.testimonial-card-purple .testimonial-card-img span {
  color: #fff;
}

.AZ-testimonial-card.testimonial-card-orange .testimonial-card-img {
  background: #ff7750;
}

.AZ-testimonial-card.testimonial-card-orange .testimonial-card-img span {
  color: #fff;
}

.AZ-testimonial-card .testimonial-card-img {
  width        : 100px;
  border-radius: 30px;
  background   : #ecfcfc;
}

.AZ-testimonial-card .testimonial-card-img span {
  color    : #39d4df;
  font-size: 40px;
}

.AZ-testimonial-card .testimonial-card-img::after {
  padding-bottom: 100%;
}

.AZ-testimonial-card .testimonial-card-name {
  font-size: 12px;
  color    : #4424a7;

}

.AZ-testimonial-card .testimonial-card-expertise {
  font-size: 12px;
  color    : #939aa4;

}

.AZ-testimonial-card .testimonial-card-text {
  font-size: 12px;
  color    : #1e2225;

  padding : 20px 20px 20px 0;
  position: relative;
  overflow: hidden;
}

.AZ-testimonial-card-dark .testimonial-card-inner::after,
.AZ-testimonial-card-dark .testimonial-card-inner::before {
  content      : "";
  position     : absolute;
  left         : 50%;
  transform    : translateX(-50%);
  width        : 95%;
  height       : 100%;
  bottom       : -12px;
  background   : rgba(255, 255, 255, 0.1);
  border-radius: 35px;
}

.AZ-testimonial-card-dark .testimonial-card-inner::before {
  width : 90%;
  bottom: -24px;
}

.AZ-testimonial-card-dark::after {
  color      : #0f0928;
  text-shadow: 0px 15px 35px rgba(29, 0, 145, 0.35);
}

.AZ-testimonial-card-dark .testimonial-card-img {
  background   : #0f0928 !important;
  border-radius: 50%;
}

.AZ-testimonial-card2 {
  border-radius: 0;
}

.AZ-testimonial-card2 .testimonial-card-img {
  border-radius: 0;
}

.AZ-testimonial-card2 .testimonial-card-name {
  color: #282828;
}

.AZ-projects-section-medical {
  padding-top: 100px !important;
  margin-top : 80px;
  overflow   : hidden;
}

.AZ-projects-section-medical.AZ-projects-page-marketing {
  background: transparent;
}

.AZ-projects-section-medical.AZ-projects-page-marketing .AZ-tabs .tab-link {
  color: #204289;
}

.AZ-projects-section-medical.AZ-projects-page-marketing .AZ-tabs .current {
  background: #f7fafd;
  box-shadow: none;
  color     : #204289;

}

.AZ-projects-section-medical .AZ-project-img:hover {
  box-shadow: none;
}

.AZ-projects-section-medical .AZ-project-img .show-project {
  background: #204289;
  box-shadow: none;
  color     : #fff;
  position  : relative;
}

.AZ-projects-section-medical .AZ-project-img .show-project::after {
  content      : "";
  position     : absolute;
  left         : 50%;
  top          : 50%;
  border       : 3px solid #204289;
  width        : 120px;
  height       : 120px;
  transform    : translate(-50%, -50%);
  border-radius: 50%;
}

.AZ-projects-section-medical .AZ-project-img .show-project::before {
  content      : "";
  position     : absolute;
  left         : 50%;
  top          : 50%;
  border       : 2px solid rgba(255, 255, 255, 0.5);
  width        : 135px;
  height       : 135px;
  transform    : translate(-50%, -50%);
  border-radius: 50%;
}

.AZ-projects-section-medical .AZ-project-img .project-img-overlay {
  background: rgba(255, 255, 255, 0.7529411765);
}

.AZ-projects-section-medical .AZ-project-img .project-name {
  color: #204289;
}

.AZ-projects-section-medical .AZ-load-more {
  background: #204289;
}

.AZ-projects-section2-medical.AZ-projects-page-marketing .AZ-tabs .tab-link {
  border-radius: 0;
  color        : #282828;
}

.AZ-projects-section2-medical.AZ-projects-page-marketing .AZ-tabs .active {
  background: #282828;
  color     : #ffffff;
  box-shadow: 0;
}

.AZ-projects-section2-medical .AZ-project-img {
  border-radius: 0;
}

.AZ-projects-section2-medical .AZ-project-img .project-name {
  color: #282828;
}

.AZ-projects-section2-medical .AZ-project-img .show-project {
  background: #d0a968;
}

.AZ-projects-section2-medical .AZ-project-img .show-project::after {
  border: 3px solid #d0a968;
}

.AZ-projects-section2-medical .AZ-project-img .show-project::before {
  border: 2px solid #d0a968;
}

.AZ-projects-section2-medical .AZ-load-more {
  background   : #000;
  box-shadow   : none;
  border-radius: 0;
}

.AZ-business-improvement-medical {
  padding   : 50px 0;
  background: rgb(247, 250, 253) !important;
  margin-top: 100px;
}

.AZ-business-improvement-medical .business-improvement-title,
.AZ-business-improvement-medical .business-improvement-text {
  color: #204289 !important;
}

.AZ-business-improvement-medical .business-improvement-title span,
.AZ-business-improvement-medical .business-improvement-text span {
  color: #204289 !important;
}

.AZ-business-improvement-medical .business-improvement-title::after {
  background: #cbe5ff !important;
}

.AZ-business-improvement-medical .business-improvement-btn {
  background: #204289;
  color     : #fff;
  order     : 1px solid #204289;
}

.AZ-business-improvement-medical .business-improvement-btn span {
  background: #102e6d !important;
  color     : #fff !important;
}

.AZ-business-improvement-medical .business-img {
  margin-top: -120px;
}

.AZ-business-improvement-medical2 .business-improvement-title,
.AZ-business-improvement-medical2 .business-improvement-text {
  color: #282828 !important;
}

.AZ-business-improvement-medical2 .business-improvement-title span,
.AZ-business-improvement-medical2 .business-improvement-text span {
  color: #d0a968 !important;
}

.AZ-business-improvement-medical2 .business-improvement-btn {
  border-radius: 0 !important;
  border       : 0 !important;
  background   : #282828 !important;
}

.AZ-business-improvement-medical2 .business-improvement-btn span {
  background: transparent !important;
}

.top-pattern {
  position: relative;
}


.AZ-about-index-section-medical .simple-section-title span {
  background: #fff9eb;
}

.AZ-about-index-section-medical .simple-section-title::after {
  background: #d5dbe0;
}

.AZ-about-index-section-medical .social-about-section {
  background   : #102e6d;
  border-radius: 40px;
  padding      : 0 3px 0 10px;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-about-index-section-medical .social-about-section-text {
  font-size: 12px;
  color    : #fff;

  padding: 10px 0;
}

.AZ-about-index-section-medical .social-about-section .AZ-social-container {
  border-radius: 40px;
  padding      : 10px;
  background   : #fff;
}

.AZ-about-index-section-medical .reservation-btn,
.AZ-about-index-section-medical .download-link {
  font-size: 14px;
  color    : #102e6d;

  padding      : 10px 30px;
  background   : #f7fafd;
  border-radius: 40px;
  transition   : all 0.2s linear;
}

.AZ-about-index-section-medical .reservation-btn span,
.AZ-about-index-section-medical .download-link span {
  font-size: 20px;
}

.AZ-about-index-section-medical .reservation-btn:hover,
.AZ-about-index-section-medical .download-link:hover {
  background: #ff8a66;
  color     : #fff;
}

.AZ-about-index-section-medical .download-link {
  color     : #1e2225;
  background: transparent;

}

.AZ-about-index-section-medical .about-index-section-img {
  width: 80%;
}

.AZ-about-index-section2-medical .about-index-section-img {
  margin-top: -80px;
  z-index   : 1;
  position  : relative;
}

.AZ-about-index-section2-medical .social-about-section {
  background   : #282828;
  border-radius: 0;
}

.AZ-about-index-section2-medical .social-about-section .AZ-social-container {
  border-radius: 0;
}

.AZ-about-index-section2-medical .AZ-social-medical a {
  color: #282828;
}

.AZ-about-index-section2-medical .AZ-social-medical a:hover {
  background: #282828;
  color     : #fff;
}

.AZ-about-index-section2-medical .reservation-btn,
.AZ-about-index-section2-medical .download-link {
  border-radius: 0;
  color        : #000;
}

.AZ-about-index-section2-medical .reservation-btn:hover,
.AZ-about-index-section2-medical .download-link:hover {
  background: #000;
  color     : #fff;
}

.AZ-box-section-floating {
  position : absolute;
  bottom   : 200px;
  left     : 60%;
  transform: translateX(-50%);
}

.AZ-box-section-floating .floating-content {
  position     : relative;
  box-shadow   : 0px 10px 85px 0px rgba(30, 30, 31, 0.15);
  z-index      : 1;
  background   : rgba(239, 239, 239, 0.8509803922);
  border-radius: 100px;
  padding      : 10px 20px 10px 10px;
}

.AZ-box-section-floating .floating-icon {
  width          : 77px;
  height         : 77px;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #fff;
  color          : #102e6d;
  font-size      : 40px;
  box-shadow     : 30px 10px 60px #f3c5a8;
}

.AZ-box-section-floating::after {
  content         : "";
  position        : absolute;
  left            : -10px;
  bottom          : -10px;
  width           : 100%;
  height          : 100%;
  border-radius   : 100px;
  box-shadow      : 0px 10px 85px 0px rgba(30, 30, 31, 0.15);
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0.4196078431), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.AZ-box-section-floating .gradient-text {
  font-size: 43px;

}

.AZ-box-section-floating .gradient-text.gradient-red {
  background             : linear-gradient(to right, #402d7f, #ad0e68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.AZ-box-section-floating .gradient-text.gradient-pink {
  background             : linear-gradient(to right, #ff9a9e, #fad0c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.AZ-box-section-floating .floating-text {
  font-size: 12px;
  color    : #2d365d;

  margin-top: -15px;
}

.AZ-box-section-floating .floating-text span {}

.AZ-box-section-floating.shadow-box .floating-content {
  background: rgb(255, 255, 255);
  box-shadow: 0px 10px 35px 0px rgba(30, 30, 31, 0.1);
}

.AZ-box-section-floating-top-right,
.AZ-box-section-floating-top-left,
.AZ-box-section-floating-bottom-right {
  top      : 200px;
  bottom   : unset;
  left     : 90px;
  transform: unset;
}

.AZ-box-section-floating-top-right .floating-content,
.AZ-box-section-floating-top-left .floating-content,
.AZ-box-section-floating-bottom-right .floating-content {
  position  : relative;
  box-shadow: 0px 10px 85px 0px rgba(30, 30, 31, 0.15);
  padding   : 20px 30px;
}

.AZ-box-section-floating-top-right .floating-icon,
.AZ-box-section-floating-top-left .floating-icon,
.AZ-box-section-floating-bottom-right .floating-icon {
  background: #f5f3fc;
  box-shadow: none;
}

.AZ-box-section-floating-top-right::after,
.AZ-box-section-floating-top-left::after,
.AZ-box-section-floating-bottom-right::after {
  content: none;
}

.AZ-box-section-floating-top-right .gggg-text,
.AZ-box-section-floating-top-left .gggg-text,
.AZ-box-section-floating-bottom-right .gggg-text {
  font-size: 12px;
  color    : #49be78;

}

.AZ-box-section-floating-top-right .gggg-text span,
.AZ-box-section-floating-top-left .gggg-text span,
.AZ-box-section-floating-bottom-right .gggg-text span {
  color: #212341;
}

.AZ-box-section-floating-top-right {
  top   : 100px;
  bottom: unset;
  left  : unset;
  right : 100px;
}

.AZ-box-section-floating-top {
  top      : 20px;
  bottom   : unset;
  transform: translateX(-50%);
  left     : 50%;
  right    : unset;
}

.AZ-box-section-floating-bottom-right {
  top   : unset;
  bottom: 100px;
  left  : unset;
  right : 100px;
}

.swiper__pagination .swiper-pagination-bullet {
  width        : 7px;
  height       : 7px;
  background   : #d5dbe0 !important;
  border-radius: 40px;
  opacity      : 1;
}

.swiper__pagination .swiper-pagination-bullet-active {
  width     : 25px;
  background: #204289 !important;
}

.AZ-social-hosting a {
  background: #f5f3fc;
  color     : #b3bbc7;
}

.AZ-social-hosting a:hover {
  background: #3b50df;
}

.AZ-pagination-hosting .page-nav.next {
  border: 1px solid #3b50df;
  color : #3b50df;
}

.AZ-pagination-hosting .page-link {
  color: #3b50df;
}

.AZ-pagination-hosting .page-input {
  color: #3b50df;
}

.AZ-breadcrumb-hosting {
  padding      : 15px 0;
  margin-bottom: 80px;
}

.AZ-breadcrumb-hosting .breadcrumb-link {
  font-size: 12px;
  color    : #fff;

}

.AZ-breadcrumb-hosting span {
  color    : #1e31b1;
  font-size: 15px;
}

.AZ-breadcrumb-hosting .active {}

.AZ-navbar-hosting {
  background: #3b50df;
}

.AZ-navbar-hosting .container {
  border-bottom: 1px solid rgba(0, 16, 126, 0.15);
  padding      : 25px 10px;
}

.AZ-navbar-hosting .navbar-toggler {
  color: #ffffff;
}

.AZ-navbar-hosting .navbar-brand {
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-navbar-hosting .nav-link {
  font-size: 14px;
  color    : #fff;

}

.AZ-navbar-hosting .navbar-login-btn,
.AZ-navbar-hosting .navbar-phone-box {
  font-size: 13px;
  color    : #fff;

  background   : #212341;
  border-radius: 40px;
  height       : 45px;
  padding      : 5px 20px;
  transition   : all 0.2s linear;
}

.AZ-navbar-hosting .navbar-login-btn:hover,
.AZ-navbar-hosting .navbar-phone-box:hover {
  background: rgba(0, 16, 126, 0.15);
  color     : #fff;
}

.AZ-navbar-hosting .navbar-phone-box {
  background: transparent;
  position  : relative;
  padding   : 0;
  padding   : 1px;
}

.AZ-navbar-hosting .navbar-phone-box-inner {
  position     : relative;
  z-index      : 1;
  background   : #3B50DF;
  padding      : 5px 20px;
  border-radius: 40px;
}

.AZ-navbar-hosting .navbar-phone-box .phone-number {
  font-size: 14px;

  margin-bottom: -5px;
}

.AZ-navbar-hosting .navbar-phone-box .phone-number span {
  font-size: 20px;
}

.AZ-navbar-hosting .navbar-phone-box .phone-text {
  font-size: 12px;
}

.AZ-navbar-hosting .navbar-phone-box .call-btn-icon {
  font-size      : 23px;
  color          : #fff;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-navbar-hosting .navbar-phone-box::after {
  content      : "";
  position     : absolute;
  left         : 50%;
  top          : 50%;
  transform    : translate(-50%, -50%);
  width        : 100%;
  height       : 100%;
  border-radius: 40px;
}

.AZ-navbar-hosting .navbar-cart-btn {
  width        : 45px;
  height       : 45px;
  border-radius: 50%;
  background   : #fff;
  color        : #000;
}

.AZ-navbar-hosting .navbar-cart-btn span {
  font-size: 25px;
}

.AZ-navbar-hosting .navbar-cart-btn .badge {
  font-size: 12px;
  color    : #fff;

  background: #49be78;
}

.AZ-navbar-hosting .offcanvas-start {
  top        : 0;
  right      : 0;
  width      : 300px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  background : #3b50df;
}

.AZ-navbar-hosting .header-sidebar {
  border-bottom: 1px solid rgba(0, 16, 126, 0.15);
}

.AZ-navbar-hosting .navbar-phone-box2 {
  padding      : 0;
  border-radius: 0;
  height       : 50px;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner {
  background   : transparent;
  padding      : 0;
  border-radius: 0;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner .phone-number {
  color        : #212341;
  margin-bottom: -5px;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner .phone-number span {
  color: #ff7750;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner .phone-text {
  color        : #939aa4;
  border-radius: 0 40px 40px 0;
  background   : #f8f9fb;
  padding      : 5px 10px;
  position     : relative;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner .phone-text::after {
  content                  : "";
  position                 : absolute;
  left                     : -2px;
  bottom                   : 100%;
  background               : transparent;
  width                    : 25px;
  height                   : 25px;
  border-bottom-left-radius: 50%;
  box-shadow               : 0 5px 0 0 #f8f9fb;
}

.AZ-navbar-hosting .navbar-phone-box2 .navbar-phone-box-inner .call-btn-icon {
  background   : #f8f9fb;
  color        : #c8ced3;
  width        : 50px;
  height       : 50px;
  border-radius: 40px 40px 0 40px;
}

.AZ-navbar-hosting .navbar-phone-box2:hover {
  background: unset;
  color     : unset;
}

.AZ-navbar-hosting .navbar-cart-btn2,
.AZ-navbar-hosting .navbar-login-btn2 {
  box-shadow   : 0px 10px 35px 0px rgba(30, 30, 31, 0.1);
  border-radius: 15px;
  background   : #fff;
  color        : #172747;
}

.AZ-navbar-hosting .navbar-cart-btn2:hover,
.AZ-navbar-hosting .navbar-login-btn2:hover {
  background: #361e9d;
  color     : #fff;
}

.AZ-navbar-hosting .navbar-cart-btn3 {
  background: #f8f9fb;
}

.AZ-navbar-hosting .nabvar-menu {
  border-radius: 40px;
  background   : #f8f9fb;
}

.AZ-navbar2-hosting {
  background: transparent;
}

.AZ-navbar2-hosting .offcanvas-start {
  background: #f5f5f5;
}

.AZ-navbar2-hosting .container {
  border-bottom: 0;
}

.AZ-navbar2-hosting .nav-link {
  color: #263a96;
}

.AZ-navbar2-hosting .navbar-toggler {
  color: #000;
}

.has-dropdown .dropdown-wrapper .nav-link {
  border-radius: 10px;
}

.has-dropdown .dropdown-wrapper .nav-link:hover {
  background: #F5F3FC;
}

.accordian-hosting>ul>li.active>ul.show-dropdown,
.accordian-hosting>ul>li>ul>li.active>ul.show-dropdown,
.accordian-hosting>ul>li>ul>li>ul>li.active>ul.show-dropdown,
.accordian-hosting>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
  display      : block;
  padding-right: 15px;
  border-right : 2px solid #1e31b1;
}

.AZ-header-hosting {
  position      : relative;
  padding-bottom: 350px;
}

.AZ-header-hosting::after {
  content   : "";
  position  : absolute;
  left      : 0;
  top       : 0;
  height    : 100%;
  width     : 100%;
  background: #3b50df;
  z-index   : -1;
}

.AZ-header-hosting .about-page-hosting-title {
  font-size: 30px;
  color    : #ffd167;

  margin-bottom: 30px;
}

.AZ-header-hosting .bg-header-img {
  position      : absolute;
  left          : 0;
  top           : 50%;
  transform     : translateY(-50%);
  width         : 100%;
  height        : 100%;
  -o-object-fit : cover;
  object-fit    : cover;
  mix-blend-mode: screen;
}

.AZ-header-hosting .header-section {
  position: relative;
  z-index : 1;
}

.AZ-header-hosting .header-hosting-title {
  font-size: 48px;
  color    : #fff;

  padding-bottom: 20px;
  position      : relative;
  margin-bottom : 15px;
}

.AZ-header-hosting .header-hosting-title::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  left      : 50%;
  transform : translateX(-50%);
  width     : 96px;
  height    : 1px;
  background: #0b24d2;
}

.AZ-header-hosting .header-hosting-text {
  font-size: 13px;
  color    : #fff;

  margin-bottom: 30px;
}

.AZ-header-hosting .category-tag {
  font-size: 13px;

  color        : #212341;
  padding      : 5px 20px;
  background   : #ffd167;
  border-radius: 40px;
}

.AZ-header-hosting2 {
  padding-bottom: 450px;
}

.AZ-buy-domain-section {
  padding: 50px 0;
}

.AZ-buy-domain-section .buy-domain-section_title {
  font-size: 15px;
  color    : #1d2cb2;

  margin-bottom: 10px;
}

.AZ-buy-domain-section .buy-domain-section_text {
  font-size: 12px;
  color    : #9ea9bb;

}

.AZ-buy-domain-section .buy-domain-section-title {
  font-size: 36px;
  color    : #ffd166;

  position      : relative;
  padding-bottom: 15px;
  margin-bottom : 15px;
}

.AZ-buy-domain-section .buy-domain-section-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 40px;
  height    : 3px;
  background: #fff;
}

.AZ-buy-domain-section .buy-domain-section-text {
  font-size: 13px;
  color    : #ffffff;

}

.AZ-buy-domain-section .slider-section-desc {
  font-size: 14px;
  color    : #fff;

}

.AZ-buy-domain-section .AZ-primary-btn {
  background: #fff;
  color     : #1e1e1f;
}

.AZ-buy-domain-section .buy-domain-box {
  position: relative;
}

.AZ-buy-domain-section .buy-domain-box::after {
  content      : "";
  position     : absolute;
  left         : -10px;
  top          : -10px;
  right        : -10px;
  width        : calc(100% + 20px);
  height       : 100%;
  background   : rgba(255, 255, 255, 0.1);
  z-index      : -1;
  border-radius: 35px;
}

.AZ-buy-domain-section .AZ-section-small-title {
  border-radius: 40px 40px 0 40px;
  margin-bottom: -20px;
  z-index      : 1;
}

.AZ-buy-domain-section .AZ-section-small-title::after {
  bottom                    : unset;
  top                       : 100%;
  border-top-right-radius   : 48%;
  border-bottom-right-radius: unset;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #ffd166;
  z-index                   : -1;
}

.AZ-buy-domain-section .AZ-section-small-title::before {
  top          : -8px;
  border-radius: 40px 40px 0 40px;
  background   : linear-gradient(to bottom top, rgba(255, 209, 102, 0.2117647059) 10%, rgba(255, 209, 102, 0));
}

.AZ-contact-header-hosting {
  padding-bottom: 200px;
}

.AZ-contact-header-hosting .AZ-breadcrumb-hosting {
  margin-bottom: 30px;
}

.AZ-contact-header-hosting .contact-page-hosting-title {
  font-size: 85px;
  color    : #ffffff;

  text-shadow   : 0 5px 10px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}

.AZ-contact-header-hosting .contact-header-img {
  width: 400px;
}

.row-bg-patern {
  position: relative;
}


.AZ-post-page-hosting .post-img {
  width        : 100%;
  border-radius: 35px;
}

.AZ-post-page-hosting .post-img::after {
  padding-bottom: 40%;
}

.AZ-post-page-hosting .post-details-box {
  margin-top: -25px;
}

.AZ-post-page-hosting .post-details-writer {
  padding: 5px 30px;
}

.AZ-post-page-hosting .tag-link:hover {
  background: #3b50df;
  color     : #fff;
}

.AZ-post-page-hosting .post-social {
  padding      : 20px 10px;
  background   : #ffd167;
  border-radius: 40px;
}

.AZ-post-page-hosting .post-social a {
  font-size: 20px;
  color    : #fff;
}

.AZ-post-page-hosting .post-print {
  font-size: 30px;
  color    : #d5dbe0;
}

.AZ-post-page-hosting .post-date span {
  color    : #9087ce;
  font-size: 12px;

}

.AZ-post-page-hosting .post-date .year {}

.AZ-post-page-hosting .post-date .day {
  width          : 50px;
  height         : 50px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  font-size      : 18px;

  background   : #f5f3fc;
  border-radius: 50%;
}

.AZ-blog-section-hosting {
  padding: 50px 0;
}

.AZ-blog-section-hosting .big-card-img {
  width        : 100%;
  border-radius: 35px;
}

.AZ-blog-section-hosting .big-card-img::after {
  padding-bottom: 80%;
}

.AZ-blog-section-hosting .big-card-overlay {
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 100%;
  height          : 100%;
  background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  display         : flex;
  justify-content : flex-end;
  flex-direction  : column;
  padding         : 40px;
}

.AZ-blog-section-hosting .big-card-overlay .big-card-title {
  font-size: 24px;
  color    : #fff;

  margin-bottom: 10px;
}

.AZ-blog-section-hosting .big-card-overlay .big-card-text {
  font-size: 13px;
  color    : #fff;

}

.AZ-blog-card-hosting .blog-card-img {
  width        : 100%;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  border-radius: 35px;
}

.AZ-blog-card-hosting .blog-card-img::after {
  padding-bottom: 70%;
}

.AZ-blog-card-hosting .blog-card-img .Rounded_Rectangle_8_copy_2 {
  background-color: rgb(109, 110, 113);
  position        : absolute;
  left            : 936px;
  top             : 1876px;
  width           : 370px;
  height          : 270px;
  z-index         : 206;
}

.AZ-blog-card-hosting .blog-card-body {
  border-radius: 25px;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  background   : #fff;
  padding      : 20px;
  margin       : -40px auto 0;
  width        : 90%;
  position     : relative;
  z-index      : 1;
}

.AZ-blog-card-hosting .blog-card-title {
  font-size: 16px;
  color    : #212341;

  margin-bottom: 15px;
  transition   : all 0.2s linear;
}

.AZ-blog-card-hosting .blog-card-text {
  font-size: 12px;
  color    : #b3bbc7;

  margin-bottom: 15px;
}

.AZ-blog-card-hosting .blog-card-score {
  font-size: 14px;
  color    : #939aa4;

  background   : #fff;
  padding      : 5px 10px;
  border-radius: 40px;
  position     : absolute;
  left         : 15px;
  top          : 15px;
}

.AZ-blog-card-hosting .blog-card-score span {
  color: #ef9a3d;
}

.AZ-blog-card-hosting .blog-card-details {
  border-radius: 40px;
  width        : 100%;
  margin-top   : 10px;
  padding      : 15px;
  background   : #f8f9fb;
  transition   : all 0.2s linear;
}

.AZ-blog-card-hosting .blog-card-date {
  font-size : 12px;
  color     : #b3bbc7;
  transition: all 0.2s linear;

}

.AZ-blog-card-hosting .blog-card-view {
  font-size: 12px;
  color    : #282828;

  transition: all 0.2s linear;
}

.AZ-blog-card-hosting .blog-card-view span {}

.AZ-blog-card-hosting:hover .blog-card-title {
  color: #4e37b2;
}

.AZ-blog-card-hosting:hover .blog-card-details {
  background: #fff3f0;
}

.AZ-blog-card-hosting:hover .blog-card-date,
.AZ-blog-card-hosting:hover .blog-card-view {
  color: #ff8a66;
}

.AZ-footer-hosting {
  position   : relative;
  padding-top: 100px;
  overflow   : hidden;
}

.AZ-footer-hosting .footer-title {
  font-size: 14px;
  color    : #232341;

  margin-bottom: 20px;
}

.AZ-footer-hosting .footer-text {
  font-size: 13px;
  color    : #939aa4;

  margin-bottom: 20px;
  line-height  : 1.8;
}

.AZ-footer-hosting .footer-text span {
  color: #3b50df;

}

.AZ-footer-hosting .footer-link {
  font-size: 13px;
  color    : #939aa4;

  padding-right: 15px;
  position     : relative;
  transition   : all 0.2s linear;
}

.AZ-footer-hosting .footer-link::after {
  content         : "";
  position        : absolute;
  right           : 0;
  top             : 50%;
  transform       : translateY(-50%);
  width           : 6px;
  height          : 6px;
  background      : #000;
  border-radius   : 50%;
  background-color: #babec3;
  transition      : all 0.2s linear;
}

.AZ-footer-hosting .footer-link:hover {
  color: #1e31b1;
}

.AZ-footer-hosting .footer-link:hover::after {
  background: #1e31b1;
}

.AZ-footer-hosting .footer-copyright {
  font-size: 12px;
  color    : #939aa4;

}

.AZ-footer-hosting .footer-copyright a {
  color: #464646;

}

.AZ-footer-hosting .footer-copyright a:hover {
  color: #1e31b1;
}

.AZ-footer-hosting .footer-contact-box {
  border-radius: 35px;
  padding      : 20px;
  background   : #3b50df;
  box-shadow   : 0px 25px 75px 0px rgba(59, 80, 223, 0.2);
  margin       : 40px 0;
}

.AZ-footer-hosting .footer-contact-box.bg-gray {
  background: #f8f9fb;
  box-shadow: none;
}

.AZ-footer-hosting .footer-contact-box.bg-gray .footer-contact-title,
.AZ-footer-hosting .footer-contact-box.bg-gray .footer-content-text {
  color: #212341;
}

.AZ-footer-hosting .footer-contact-box.bg-gray .footer-content-text span {
  font-size: 40px;
}

.AZ-footer-hosting .footer-contact-box .namads {
  background   : #fff;
  border-radius: 25px;
  padding      : 20px;
}

.AZ-footer-hosting .footer-contact-box .footer-contact-title {
  font-size: 12px;
  color    : #fff;

  margin-bottom: 10px;
}

.AZ-footer-hosting .footer-contact-box .footer-contact-title-location {
  color: #ffd166;
}

.AZ-footer-hosting .footer-contact-box .footer-content-text {
  font-size: 13px;
  color    : #fff;

}

.AZ-footer-hosting .footer-contact-box .footer-content-phone {
  font-size: 14px;
  color    : #fff;

}

.AZ-footer-hosting .footer-contact-box .footer-content-phone span {
  font-size: 24px;
  color    : #ffd166;
}

.AZ-footer-hosting .footer-contact-box .footer-content-email {}

.AZ-footer-hosting2 {
  background: #4e37b2;
}

.AZ-footer-hosting2 .footer-title {
  color: #ff7750;
}

.AZ-footer-hosting2 .footer-text {
  color: #fff;
}

.AZ-footer-hosting2 .footer-text span,
.AZ-footer-hosting2 .footer-text a {
  color: #fff;
}

.AZ-footer-hosting2 .footer-link {
  color: #fff;
}

.AZ-footer-hosting2 .footer-link::after {
  background: #263a96;
}

.AZ-footer-hosting2 .footer-link:hover {
  color: #ff7750;
}

.AZ-footer-hosting2 .footer-contact-box {
  border-radius: 35px 35px 0 0;
  padding      : 20px;
  background   : #fff;
  box-shadow   : none;
  position     : relative;
  margin       : 40px 0 0;
}

.AZ-footer-hosting2 .footer-contact-box .footer-contact-title,
.AZ-footer-hosting2 .footer-contact-box .footer-content-text {
  color: #212341;
}

.AZ-footer-hosting2 .footer-contact-box .footer-contact-title span,
.AZ-footer-hosting2 .footer-contact-box .footer-content-text span {
  font-size: 40px;
}

.AZ-footer-hosting2 .footer-contact-box::after,
.AZ-footer-hosting2 .footer-contact-box::before {
  content      : "";
  position     : absolute;
  left         : 50%;
  transform    : translateX(-50%);
  width        : 95%;
  height       : 100%;
  top          : -12px;
  background   : rgba(255, 255, 255, 0.1);
  border-radius: 35px 35px 0 0;
}

.AZ-footer-hosting2 .footer-contact-box::before {
  width: 90%;
  top  : -24px;
}

.AZ-footer-hosting2 .social-title {
  font-size: 12px;
  color    : #9077ff;

  margin-bottom: 20px;
  display      : block;
}

.AZ-footer-hosting2 .AZ-social-hosting a {
  background: #3d279d;
  color     : #fff;
}

.AZ-footer-hosting2 .footer-call-btn {
  padding      : 15px 20px;
  border-radius: 100px;
  background   : #fff;
}

.AZ-footer-hosting2 .footer-call-btn .footer-call-text {
  font-size: 12px;
  color    : #2d365d;

  margin-top: -10px;
  display   : block;
}

.AZ-footer-hosting2 .footer-call-btn .footer-number-phone {
  font-size: 14px;
  color    : #2d365d;

}

.AZ-footer-hosting2 .footer-call-btn .footer-number-phone span {
  font-size: 24px;
  color    : #ee232b;

}

.AZ-footer-hosting2 .footer-call-btn .footer-call-icon {
  position: relative;
}

.AZ-footer-hosting2 .footer-call-btn .footer-call-icon span {
  font-size: 40px;
  color    : #ee232b;
}

.AZ-footer-hosting2 .footer-call-btn .footer-call-icon::after {
  content   : "";
  position  : absolute;
  left      : 0;
  bottom    : 0;
  height    : 100%;
  width     : 100%;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.footer-row-phone {
  margin       : 20px 0;
  padding      : 10px 0;
  border-radius: 0;
  background   : transparent;
  border-top   : 1px solid #f5f3fc;
  border-bottom: 1px solid #f5f3fc;
}

.footer-row-phone .footer-call-text {
  font-size: 12px;
  color    : #2d365d;

  margin-top: -10px;
  display   : block;
}

.footer-row-phone .footer-number-phone {
  font-size: 14px;
  color    : #2d365d;

}

.footer-row-phone .footer-number-phone span {
  font-size: 24px;
  color    : #ee232b;

}

.footer-row-phone .footer-call-icon {
  position: relative;
}

.footer-row-phone .footer-call-icon span {
  font-size: 40px;
  color    : #ee232b;
}

.footer-row-phone .footer-call-icon::after {
  content   : "";
  position  : absolute;
  left      : 0;
  bottom    : 0;
  height    : 100%;
  width     : 100%;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.AZ-primary-btn {
  font-size: 14px;

  color          : #fff;
  padding        : 10px 30px;
  border-radius  : 40px;
  transition     : all 0.2s linear;
  border         : 0;
  height         : 50px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-primary-btn-gray {
  background: #f8f9fb;
  color     : #0f0928;
}

.hover-purple:hover {
  background: #3b50df;
  color     : #fff;
}

.AZ-primary-btn-darkBlue {
  background: #0f0928;
  box-shadow: 0px 7px 25px 0px rgba(15, 9, 40, 0.35);
}

.AZ-primary-btn-navyBlue {
  background: #204289;
  box-shadow: 0px 7px 25px 0px rgba(15, 9, 40, 0.35);
}

.AZ-primary-btn-purple {
  background: #4425a7;
  box-shadow: 0px 7px 35px 0px rgba(68, 37, 167, 0.35);
}

.AZ-primary-btn-purple:hover {
  background: #ad0e68;
  color     : #fff;
}

.AZ-primary-btn-blue {
  background: #1e2cb3;
  box-shadow: 0px 7px 35px 0px rgba(68, 37, 167, 0.35);
}

.AZ-primary-btn-yellow {
  background: #ffcf63;
  color     : #0f0928;
}

.AZ-primary-btn-yellow:hover {
  background: #ff8a66;
  color     : #fff;
}

.AZ-primary-btn-orange {
  color     : #ff8a66;
  background: #fff3f0;
}

.AZ-primary-btn-orange:hover {
  background: #ff8a66;
  color     : #fff;
}

.AZ-primary-btn-pink {
  color     : #fff;
  background: #ff316d;
  box-shadow: 0px 7px 25px 0px rgba(255, 55, 114, 0.35);
}

.AZ-primary-btn-pink:hover {
  background: #dd1a52;
  color     : #fff;
}

.AZ-about-page-hosting {
  padding-bottom: 80px;
}

.AZ-about-page-hosting .about-box {
  border-radius: 25px;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.07);
  background   : #fff;
  position     : relative;
  padding      : 40px;
}

.AZ-about-page-hosting .about-box::after {
  content      : "";
  position     : absolute;
  left         : 0;
  bottom       : -10px;
  width        : 100%;
  height       : 100%;
  border-radius: 25px;
  background   : #ffd167;
  z-index      : -1;
}

.AZ-about-page-hosting .about-text {
  font-size: 13px;
  color    : #212341;

  margin-bottom: 20px;
}

.AZ-about-page-hosting .about-header-box {
  border-radius   : 25px;
  background-color: #ffd167;
  padding         : 100px 20px;
  position        : relative;
}

.AZ-about-page-hosting .about-header-box_title {
  font-size: 72px;

  color           : #fff;
  padding         : 30px 30px 20px;
  border-radius   : 45px;
  position        : relative;
  z-index         : 1;
  background-image: linear-gradient(to top left, rgba(209, 122, 0, 0) 0%, #d17b00 100%);
}

.AZ-about-page-hosting .about-img-right {
  border-top : 2px solid #3b50df;
  padding-top: 50px;
}

.AZ-about-page-hosting .about-text-left {
  border-top : 2px solid #f5f3fc;
  padding-top: 50px;
}

.AZ-about-page-hosting .hours-work-title,
.AZ-about-page-hosting .hours-work {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-about-page-hosting .hours-work {
  color: #282828;
}

.AZ-about-page-hosting .select-plan-box .group_title {
  font-size    : 24px;
  margin-bottom: 0;
}

.AZ-about-page-hosting .select-plan-box .group_desc {
  color: #212341;
}

.AZ-about-page-hosting .plan-page-description {
  background   : #f8f9fb;
  border-radius: 35px;
  padding      : 30px;
}

.AZ-about-page-hosting .technical-specifications-item {
  font-size: 13px;
  color    : #2d365d;

  text-align   : left;
  padding      : 10px;
  border-radius: 10px;
}

.AZ-about-page-hosting .technical-specifications-item span {
  font-size: 20px;
  color    : #49be78;
}

.AZ-about-page-hosting .technical-specifications-item:nth-child(odd) {
  background: #fff9eb;
}

.AZ-contact-page-hosting .contact-info-icon {
  width          : 50px;
  height         : 50px;
  border-radius  : 50%;
  background     : #fff3f0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #ff8a66;
  font-size      : 22px;
}

.AZ-contact-page-hosting .contact-info-title {
  font-size: 14px;
  color    : #282828;

}

.AZ-contact-page-hosting .contact-info-text {
  font-size: 13px;
  color    : #282828;

}

.AZ-contact-page-hosting .contact-info-text span {
  font-size: 14px;

}

.AZ-contact-page-hosting .line {
  margin    : 60px 0;
  width     : 100%;
  height    : 1px;
  background: #f5f3fc;
}

.AZ-counter-hosting {
  margin-bottom: 50px;
}

.AZ-counter-hosting .counter-box {
  background   : #fff3f0;
  border-radius: 35px;
  padding      : 40px 20px;
  width        : 100%;
}

.AZ-counter-hosting .counter-box .counter-number,
.AZ-counter-hosting .counter-box .count-prefix {
  font-size: 47px;

  color: #ff8a66;
}

.AZ-counter-hosting .counter-box .count-prefix {
  font-size: 30px;
}

.AZ-counter-hosting .counter-text {
  font-size: 16px;
  color    : #282828;

  background   : #fff;
  border-radius: 40px;
  padding      : 5px 10px;
  margin-top   : -20px;
  width        : auto;
}

.drag-up {
  margin-top: -300px;
  position  : relative;
  z-index   : 1;
}

.AZ-tabs {
  border-bottom: 1px solid #f5f3fc;
  margin-bottom: 30px;
  overflow-x   : auto;
}

.AZ-tabs .tab-link {
  font-size: 16px;
  color    : #0f0928;

  position   : relative;
  padding    : 10px 20px;
  white-space: nowrap;
  cursor     : pointer;
  display    : flex;
  align-items: center;
}

.AZ-tabs .tab-link::after {
  content      : "";
  position     : absolute;
  left         : 0;
  bottom       : 0;
  border-radius: 10px;
  height       : 2px;
  width        : 100%;
}

.AZ-tabs .current {}

.AZ-tabs .current::after {
  background: #2d365d;
}

.AZ-group-field-model2 {
  align-items: flex-start;
}

.AZ-group-field-model2 label {
  margin-bottom: -10px;
  margin-right : 20px;
  position     : relative;
  z-index      : 1;
  background   : #fff;
  display      : inline;
  padding      : 0 10px;
}

.AZ-group-field-model2 label::after,
.AZ-group-field-model2 label::before {
  content      : "";
  position     : absolute;
  right        : 0;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : #f4f4f4;
}

.AZ-group-field-model2 label::before {
  right: unset;
  left : 0;
}

.AZ-group-field-model2 input,
.AZ-group-field-model2 textarea {
  width: 100%;
}

.AZ-group-field-model2:focus-within label::after,
.AZ-group-field-model2:focus-within label::before {
  background: #2354bd;
}

.send-post-comment {
  font-size: 14px;
  color    : #fff;

  width        : 100%;
  height       : 44px;
  border-radius: 40px;
  padding      : 10px;
  background   : #000;
  transition   : all 0.2s linear;
  margin-top   : 8px;
  border       : 0;
}

.send-post-comment:hover {
  background: #3b50df;
  color     : #fff;
}

.AZ-why-us-hosting .col-right {
  position: relative;
}

.AZ-why-us-hosting .why-us-title {
  font-size: 25px;
  color    : #000000;

  margin-bottom: 10px;
}

.AZ-why-us-hosting .why-us-title span {
  color: #3b50df;
}

.AZ-why-us-hosting .why-us-text,
.AZ-why-us-hosting .why-us-desc {
  font-size: 14px;
  color    : #939aa4;

  line-height: 1.9;
}

.AZ-why-us-hosting .why-us-desc {
  color        : #464646;
  border-right : 7px solid #f5f4fa;
  padding-right: 20px;
  display      : block;
  margin-top   : 50px;
}

.AZ-section-small-title {
  font-size: 14px;
  color    : #282828;

  padding      : 8px 15px;
  border-radius: 40px 0 40px 40px;
  background   : #ffd166;
  white-space  : nowrap;
  position     : relative;
}

.AZ-section-small-title::after {
  content                   : "";
  position                  : absolute;
  bottom                    : 100%;
  right                     : 0;
  height                    : 30px;
  width                     : 40px;
  border-bottom-right-radius: 48%;
  background                : transparent;
  box-shadow                : 0 20px 0 0 #ffd166;
  z-index                   : -1;
}

.AZ-section-small-title::before {
  content      : "";
  position     : absolute;
  left         : 8px;
  top          : 8px;
  width        : 100%;
  height       : 100%;
  border-radius: 40px 0 40px 40px;
  background   : linear-gradient(to left top, rgba(255, 209, 102, 0.2117647059) 10%, rgba(255, 209, 102, 0));
  z-index      : -1;
}

.AZ-hosting-specifications {
  padding   : 50px 0;
  overflow-x: hidden;
}

.AZ-hosting-specifications .hosting-specifications-img {
  width: 100%;
}

.AZ-hosting-specifications .hosting-specifications-title {
  font-size: 24px;
  color    : #0f0928;

  background   : #fff4cc;
  display      : inline-block;
  margin-bottom: 10px;
}

.AZ-hosting-specifications .hosting-specifications-text {
  font-size: 16px;
  color    : #0f0928;

  position      : relative;
  margin-bottom : 30px;
  padding-bottom: 10px;
}

.AZ-hosting-specifications .hosting-specifications-text::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 28px;
  height    : 3px;
  background: #f5f3fc;
}

.AZ-hosting-specifications .hosting-specifications-item {
  font-size: 13px;
  color    : #939aa4;

  padding: 5px 0;
}

.AZ-hosting-specifications .hosting-specifications-item span {
  font-size: 18px;
  color    : #49be78;
}

.AZ-hosting-specifications .specifications-img {
  width: 100%;
}


.AZ-hosting-specifications2 .hosting-specifications-title {
  color     : #fff;
  background: transparent;
}

.AZ-hosting-specifications2 .hosting-specifications-text {
  color: #fff;
}

.AZ-hosting-specifications2 .hosting-specifications-item {
  color: #fff;
}

.AZ-hosting-specifications2 .AZ-primary-btn {
  color     : #172747;
  background: #4832a7;
}

.post-title-hosting::after {
  content: none !important;
}

.AZ-comments-section-hosting .title-comments {
  font-size: 18px;
  color    : #212341;

  position: relative;
  padding : 0 30px;
}

.AZ-comments-section-hosting .title-comments::before,
.AZ-comments-section-hosting .title-comments::after {
  content   : "";
  position  : absolute;
  top       : 50%;
  right     : -30px;
  transform : translateY(-50%);
  width     : 50px;
  height    : 1px;
  background: #d5dbe0;
}

.AZ-comments-section-hosting .title-comments::after {
  left : -30px;
  right: unset;
}

.AZ-post-carousel-hosting {
  padding   : 50px 0;
  overflow-x: hidden;
}

.AZ-post-carousel-hosting .swiper-slide {
  padding: 0 10px 80px 10px;
}

.AZ-post-carousel-hosting .AZ-blog-card-hosting .blog-card-img {
  box-shadow: none;
}

.AZ-post-carousel-hosting .swiper-button-next,
.AZ-post-carousel-hosting .swiper-button-prev {
  border    : 1px solid #f5f3fc;
  right     : -40px;
  transition: all 0.2s linear;
}

.AZ-post-carousel-hosting .swiper-button-next::after,
.AZ-post-carousel-hosting .swiper-button-prev::after {
  color: #d5dbe0;
}

.AZ-post-carousel-hosting .swiper-button-next:hover,
.AZ-post-carousel-hosting .swiper-button-prev:hover {
  background: #2354bd;
}

.AZ-post-carousel-hosting .swiper-button-prev {
  right: unset;
  left : -40px;
}

.AZ-plans-hosting {
  margin-bottom: 80px;
}

.AZ-plan-box-hosting {
  border-radius: 30px;
  background   : #fff3f0;
  padding-top  : 10px;
  margin-top   : 50px;
  box-shadow   : 0 0 75px rgba(30, 30, 31, 0.02);
}

.AZ-plan-box-hosting .plan-box-inner {
  background   : #fff;
  border-radius: 30px;
}

.AZ-plan-box-hosting .plan-box-icon {
  width          : 110px;
  height         : 110px;
  background     : #fffbfa;
  border-radius  : 50%;
  margin-top     : -50px;
  padding        : 10px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
}

.AZ-plan-box-hosting .plan-box-icon-inner {
  width          : 90px;
  height         : 90px;
  background     : #fff3f0;
  border-radius  : 50%;
  font-size      : 40px;
  color          : #ff8a66;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-plan-box-hosting .plan-box-title {
  font-size: 33px;
  color    : #11009e;

  margin: 20px 0 10px;
}

.AZ-plan-box-hosting .plan-box-desc {
  font-size: 15px;
  color    : #282828;

  background   : #f8f9fb;
  border-radius: 40px;
  padding      : 0 10px;
}

.AZ-plan-box-hosting .plan-box-btn {
  font-size: 14px;
  color    : #ff8a66;

  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  padding        : 25px 10px;
}

.AZ-plan-box2-hosting {
  padding-top   : 0;
  padding-bottom: 5px;
  background    : #4e37b2;
  box-shadow    : 0px 15px 50px 0px rgba(139, 139, 139, 0.1);
}

.AZ-plan-box2-hosting .plan-box-btn {
  color        : #fff;
  width        : -moz-fit-content;
  width        : fit-content;
  padding      : 15px 30px;
  margin-bottom: -30px;
}

.AZ-customer-section-hosting {
  padding: 50px 0;
}

.AZ-customer-section-hosting .customer-section-title {
  font-size: 14px;
  color    : #9087ce;

  padding        : 10px 20px;
  border-radius  : 40px;
  background     : #f5f3fc;
  margin-bottom  : -20px;
  display        : inline-flex;
  justify-content: center;
  z-index        : 10;
  position       : relative;
}

.AZ-customer-section-hosting .img-carousel {
  padding: 20px 0;
}

.AZ-customer-section-hosting .img-carousel img {
  width : 120px;
  filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.1)) grayscale(10);
}

.AZ-customer-section-hosting.box-shadow .customer-slider-box {
  box-shadow   : 0px 15px 50px 0px rgba(139, 139, 139, 0.1);
  background   : #fff;
  border-radius: 25px;
  padding      : 20px 40px;
}

.AZ-buy-section-hosting {
  padding: 50px 0;
}

.AZ-buy-section-hosting .buy-title {
  font-size: 16px;
  color    : #ffd166;

  margin-bottom: 5px;
}

.AZ-buy-section-hosting .buy-text {
  font-size: 14px;
  color    : #ffffff;

}

.AZ-buy-section-hosting .buy-btn {
  font-size: 14px;
  color    : #3b50df;

  background   : #ffd166;
  padding      : 10px 3cqmax;
  border-radius: 40px;
  transition   : all 0.2s linear;
}

.AZ-buy-section-hosting .buy-btn:hover {
  background: #00107e;
  color     : #fff;
}

.AZ-buy-section2-hosting {
  margin-bottom: 80px;
  padding      : 60px 40px;
  height       : 300px;
  position     : relative;
}

.AZ-buy-section2-hosting .buy-title {
  font-size: 18px;
  color    : #fff;

  margin-bottom : 15px;
  padding-bottom: 20px;
  position      : relative;
}

.AZ-buy-section2-hosting .buy-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 30px;
  height    : 1px;
  background: #e86039;
}

.AZ-buy-section2-hosting .buy-text {
  font-size: 14px;
  color    : #ffffff;

}

.AZ-buy-section2-hosting .buy-btn {
  font-size: 14px;
  color    : #3b50df;

  background   : #fff9eb;
  padding      : 10px 3cqmax;
  border-radius: 40px;
  transition   : all 0.2s linear;
}

.AZ-buy-section2-hosting .buy-btn:hover {
  background: #4424a7;
  color     : #fff;
}

.AZ-server-section-hosting {
  padding: 50px 0;
}

.AZ-server-section-hosting .server-section-title {
  font-size: 24px;
  color    : #4424a7;

}

.AZ-server-section-hosting .server-section-desc {
  font-size: 16px;
  color    : #282828;

  position      : relative;
  padding-bottom: 20px;
  margin-bottom : 30px;
  display       : inline-block;
}

.AZ-server-section-hosting .server-section-desc::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 30px;
  height    : 3px;
  background: #f5f3fc;
}

.AZ-server-section-hosting .server-section-text {
  font-size: 13px;
  color    : #939aa4;

}

.AZ-erver-box {
  padding      : 25px;
  border-radius: 30px;
  background   : #fff;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-erver-box .server-box_title {
  font-size: 24px;
  color    : #4424a7;

}

.AZ-erver-box .server-box_price_text {
  font-size: 14px;
  color    : #212341;

}

.AZ-erver-box .server-box_price {
  font-size: 14px;
  color    : #49be78;

}

.AZ-erver-box .server-box_price span {
  font-size: 18px;

}

.AZ-erver-box .server-box_item {
  border-top: 1px dashed #c8ced3;
  padding   : 20px 0;
}

.AZ-erver-box .server-box_item li {
  font-size: 13px;
  color    : #939aa4;

  padding: 5px 0;
}

.AZ-erver-box .server-box_item li span {
  font-size: 18px;
  color    : #3b50df;
}

.AZ-erver-box .server-box-btn {
  margin-bottom: -40px;
}

.AZ-erver-box .country {
  font-size: 13px;
  color    : #4424a7;

  padding      : 5px 20px;
  border-radius: 40px;
  background   : #f5f3fc;
}

.AZ-plan-section-hosting {
  padding: 50px 0;
}

.AZ-specification-section {
  padding: 50px 0;
}

.AZ-specification-section .swiper-slide {
  padding: 50px 0;
}

.AZ-specification-box {
  padding      : 30px;
  border-radius: 25px;
  background   : #fff;
  position     : relative;
  transition   : all 0.2s linear;
  box-shadow   : 0px 15px 35px 0px rgba(30, 30, 31, 0.07);
}

.AZ-specification-box .specification-box-icon {
  width          : 100px;
  height         : 100px;
  background     : #ecfcfc;
  font-size      : 50px;
  color          : #39d4df;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 25px;
  margin-top     : -60px;
  margin-bottom  : 20px;
}

.AZ-specification-box .specification-box-title {
  font-size: 14px;
  color    : #263a96;

  margin-bottom: 20px;
}

.AZ-specification-box .specification-box-text {
  font-size: 13px;
  color    : #b3bbc7;

}

.AZ-specification-box-purple .specification-box-icon {
  background: #4e37b2;
  color     : #fff;
}

.AZ-specification-box-purple::before {
  content         : "";
  position        : absolute;
  right           : 0;
  bottom          : 100%;
  height          : 3px;
  width           : 70%;
  background-image: linear-gradient(to left, #fff, #4e37b2, #fff);
  z-index         : -1;
}

.AZ-specification-box2 {
  transition: all 0.2s linear;
  background: #fff;
}

.AZ-specification-box2 .specification-box-title {
  margin-bottom : 10px;
  padding-bottom: 20px;
  position      : relative;
  transition    : all 0.2s linear;
  margin-top    : 50px;
}

.AZ-specification-box2 .specification-box-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 18px;
  height    : 4px;
  background: #f5f3fc;
}

.AZ-specification-box2 .specification-box-icon {
  width           : 100px;
  height          : 100px;
  border-radius   : 93px 60px 95px 47px;
  background-image: linear-gradient(65deg, rgb(64, 45, 127) 0%, rgb(173, 14, 104) 100%);
  color           : #fff;
  font-size       : 50px;
  position        : relative;
}

.AZ-specification-box2 .specification-box-icon::after {
  content         : "";
  position        : absolute;
  left            : 50%;
  top             : 50%;
  width           : 130%;
  height          : 130%;
  border-radius   : 93px 60px 95px 47px;
  transform       : translate(-50%, -50%);
  background-image: linear-gradient(45deg, rgb(64, 45, 127) 0%, rgb(173, 14, 104) 100%);
  z-index         : -1;
}

.AZ-specification-box2:hover {
  background: #1e2cb3;
}

.AZ-specification-box2:hover .specification-box-title {
  color: #ffcf63;
}

.AZ-specification-box2:hover .specification-box-text {
  color: #fff;
}

.AZ-specification-box2:hover .specification-box-icon {
  background-image: linear-gradient(0deg, rgb(255, 154, 158) 0%, rgb(250, 208, 196) 100%);
}

.AZ-specification-box2:hover .specification-box-icon::after {
  background-image: -moz-linear-gradient(45deg, rgb(64, 45, 127) 0%, rgb(173, 14, 104) 100%);
  opacity         : 0.3;
}

.AZ-post-carousel-hosting2 .swiper-button-next,
.AZ-post-carousel-hosting2 .swiper-button-prev {
  border      : 0;
  border      : 1px dashed #bfc2c8;
  border-right: 0;
  right       : -60px;
}

.AZ-post-carousel-hosting2 .swiper-button-next::before,
.AZ-post-carousel-hosting2 .swiper-button-prev::before {
  content         : "";
  position        : absolute;
  right           : 0;
  left            : unset;
  top             : -5px;
  width           : 100%;
  height          : calc(100% + 10px);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  border-radius   : 0 40px 40px 0;
  z-index         : -1;
}

.AZ-post-carousel-hosting2 .swiper-button-next::after,
.AZ-post-carousel-hosting2 .swiper-button-prev::after {
  color: #bfc2c8;
}

.AZ-post-carousel-hosting2 .swiper-button-prev {
  right        : unset;
  left         : -60px;
  border-radius: 0 40px 40px 0;
  border-left  : 0;
}

.AZ-post-carousel-hosting2 .swiper-button-next {
  border-radius: 40px 0 0 40px;
}

.AZ-post-carousel-hosting2 .swiper-button-next::before {
  content         : "";
  left            : 0;
  right           : unset;
  border-radius   : 40px 0 0 40px;
  background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}

.AZ-slider-hosting {
  margin: 20px 0;
}

.AZ-slider-hosting .slider-section-title {
  font-size: 30px;
  color    : #fff;

  position      : relative;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.AZ-slider-hosting .slider-section-title::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  right     : 0;
  background: #f5f3fc;
  width     : 40px;
  height    : 3px;
}

.AZ-slider-hosting .slider-section-text {
  font-size: 14px;
  color    : #939aa4;

}

.AZ-slider-hosting .navs-slider {
  margin-top: -20px;
  z-index   : 10;
}

.AZ-slider-hosting .AZ-section-small-title {
  font-size: 14px;
  color    : #fff;

  padding      : 8px 15px;
  border-radius: 40px 40px 40px 0;
  background   : #442da5;
  white-space  : nowrap;
  position     : relative;
}

.AZ-slider-hosting .AZ-section-small-title::before {
  left         : 8px;
  top          : -8px;
  border-radius: 40px 40px 40px 0;
  background   : linear-gradient(to left bottom, rgba(69, 45, 165, 0.6980392157) 10%, rgba(69, 45, 165, 0));
}

.AZ-slider-hosting .AZ-section-small-title::after {
  top                       : 100%;
  right                     : unset;
  left                      : 0;
  border-top-left-radius    : 48%;
  border-bottom-right-radius: 0;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #442da5;
}

.AZ-slider-hosting .slider-section-desc {
  font-size: 14px;
  color    : #9087ce;

}

.AZ-slider-hosting .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff7750;
}

.AZ-slider-hosting2 {
  margin: 0;
}

.AZ-slider-hosting2 .slider-section-title {
  color: #4e37b2;
}

.AZ-slider-hosting2 .AZ-section-small-title {
  color     : #39d4df;
  background: #ecfcfc;
}

.AZ-slider-hosting2 .AZ-section-small-title::before {
  content: none;
}

.AZ-slider-hosting2 .AZ-section-small-title::after {
  box-shadow: 0 -20px 0 0 #ecfcfc;
}

.AZ-buy-domain {
  position           : relative;
  padding            : 100px 0;
  background-image   : var(--wpr-bg-a44f5c18-f5b6-4fb6-b549-6a76e4b4189a);
  background-position: center center;
  background-repeat  : no-repeat;
  background-size    : cover;
}

.AZ-buy-domain::after {
  content   : "";
  position  : absolute;
  left      : 0;
  top       : 50%;
  width     : 100%;
  transform : translateY(-50%);
  height    : 75px;
  background: #ff7750;
  z-index   : -1;
}

.buy-domain-box {
  border-radius: 35px;
  background   : #fff;
  box-shadow   : 0px 0px 75px 0px rgba(30, 30, 31, 0.12);
  padding      : 35px;
}

.buy-domain-box .nav-tabs .nav-link {
  border: 0;
}

.buy-domain-box .buy-domain-box_title {
  font-size: 24px;
  color    : #1d2cb2;

}

.buy-domain-box .buy-domain-box_desc {
  font-size: 12px;
  color    : #9ea9bb;

}

.buy-domain-box .buy-domain-box_text {
  font-size: 13px;
  color    : #282828;

}

.buy-domain-box .buy-domain-filed {
  border-radius: 40px;
  background   : #f8f9fb;
  padding      : 10px;
  width        : 500px;
}

.buy-domain-box .buy-domain-filed_btn {
  font-size: 14px;

  background   : #ff7750;
  color        : #fff;
  padding      : 10px 30px;
  border-radius: 40px;
  border       : 0;
}

.buy-domain-box .buy-domain-filed input {
  font-size: 14px;
  color    : #b3bbc7;

  background: transparent;
  height    : 100%;
  flex-grow : 2;
  border    : 0;
  text-align: left;
  padding   : 5px 10px;
  min-width : 30px;
}

.buy-domain-box .buy-domain-icon {
  font-size: 40px;
  color    : #4e37b2;
}

.buy-domain-box .line {
  height    : 1px;
  width     : 100%;
  background: #f8f9fb;
  margin    : 20px 0;
}

.buy-domain-box .nav-tabs {
  border-bottom: 0;
  border-left  : 1px solid #dee2e6;
}

.buy-domain-box .nav-tabs .dropdown-toggle {
  font-size: 16px;
  color    : #263a96;

  width: 100px;
}

.buy-domain-box .nav-tabs .dropdown-toggle:hover {
  border: 0;
}

.buy-domain-box .nav-tabs .dropdown-toggle::after {
  content: none;
}

.buy-domain-box .nav-tabs .dropdown-toggle::before {
  content    : "\e90c";
  font-family: "ico";
  position   : absolute;
  left       : 10px;
  top        : 50%;
  transform  : translateY(-50%);
}

.buy-domain-box .dropdown-menu {
  border-radius: 10px;
  border       : 1px solid rgba(0, 0, 0, 0.05);
}

.customersSwiper .swiper-slide,
.customersSmallSwiper .swiper-slide {
  height: auto;
}

.customersSmallSwiper .img-carousel {
  padding: 10px;
}

.AZ-pagination-marketing .page-nav.next {
  border: 1px solid #4424a7;
  color : #4424a7;
}

.AZ-pagination-marketing .page-link {
  color: #4424a7;
}

.AZ-pagination-marketing .page-input {
  color: #4424a7;
}

.AZ-breadcrumb-marketing {
  margin-bottom: 15px;
}

.AZ-navbar-marketing.border-b .container {
  border-bottom: 1px solid #09b3c8;
}

.AZ-navbar-marketing.border-b .navbar-brand {
  border-bottom: 0;
}

.AZ-navbar-marketing .nav-link {
  font-size: 13px;
  color    : #2d365d;

  transition: all 0.2s linear;
  position  : relative;
  padding   : 20px 20px !important;
}

.AZ-navbar-marketing .nav-link::before {
  content      : "";
  position     : absolute;
  right        : 0;
  bottom       : 0;
  width        : 0;
  height       : 3px;
  background   : orange;
  border-radius: 40px;
  transition   : all 0.2s linear;
}

.AZ-navbar-marketing .hover-line-bottom .nav-link:hover::before {
  width: 100%;
}

.AZ-navbar-marketing .hover-line-bottom .nav-link.active::before {
  width: 100%;
}

.AZ-navbar-marketing .has-dropdown .dropdown-wrapper {
  border-radius: 20px 0 20px 20px;
}

.AZ-navbar-marketing .has-dropdown::after {
  content: none;
}

.AZ-navbar-marketing .navbar-search-btn,
.AZ-navbar-marketing .navbar-cart-btn {
  width        : 45px;
  height       : 45px;
  border-radius: 50%;
  background   : #f8f9fb;
}

.AZ-navbar-marketing .navbar-search-btn span,
.AZ-navbar-marketing .navbar-cart-btn span {
  font-size: 22px;
}

.AZ-navbar-marketing .navbar-cart-btn .badge {
  font-size: 12px;
  color    : #fff;

  background: #49be78;
  top       : 5px;
  right     : 5px;
}

.AZ-navbar-marketing .navbar-cart-btn span {
  position: relative;
  z-index : 1;
}

.AZ-navbar-marketing .navbar-cart-btn::after,
.AZ-navbar-marketing .navbar-cart-btn::before {
  content         : "";
  position        : absolute;
  left            : 50%;
  top             : 50%;
  transform       : translate(-50%, -50%);
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  background-image: linear-gradient(to right top, #f8f9fb 40%, #49be78);
  border          : 1px solid #49be78;
}

.AZ-navbar-marketing .navbar-cart-btn::before {
  background-color: #f8f9fb;
  background-image: none;
  width           : 80%;
  height          : 80%;
  z-index         : 1;
  border          : 0;
}

.AZ-navbar-marketing .navbar-cart-btn2 {
  border: 1px solid #49be78;
}

.AZ-navbar-marketing .navbar-cart-btn2::before {
  content: none;
}

.AZ-navbar-marketing .navbar-cart-btn2::after {
  border    : 1px solid #49be78;
  background: #f8f9fb;
}

.AZ-navbar-marketing .navbar-order-btn {
  font-size: 13px;
  color    : #ffffff;

  padding      : 10px 20px;
  border-radius: 40px;
  height       : 45px;
  box-shadow   : 0px 7px 25px 0px rgba(255, 55, 114, 0.35);
  background   : #ff316d;
}

.AZ-navbar-marketing .navbar-brand {
  border-bottom : 1px solid #11009e;
  padding-bottom: 15px;
}

.AZ-navbar-marketing .navbar-brand img {
  width: 100px;
}

.AZ-navbar-marketing .offcanvas-start {
  border-left  : 0;
  border-radius: 30px 0 0 30px;
  width        : 300px;
  background   : #11009e;
}

.AZ-navbar-marketing .offcanvas-start .nav-link {
  color: #fff;
}

.AZ-navbar-marketing .offcanvas-start .nav-link span {
  width          : 35px;
  height         : 35px;
  border-radius  : 5px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #1e31b1;
  color          : #fff;
  font-size      : 20px;
}

.AZ-navbar-marketing .offcanvas-start .nav-link.active span {
  color: #11038e;
}

.AZ-navbar-marketing .offcanvas-start .close-canvas {
  width        : 35px;
  height       : 35px;
  border-radius: 50%;
  font-size    : 20px;
  background   : #fff;
}

.AZ-navbar-marketing .offcanvas-start #accordian a:not(:only-child):after {
  top: 12px;
}

.offcanvas-marketing {
  position  : relative;
  right     : -500px;
  background: pink;
}

.offcanvas-marketing.offcanvas-start {
  width : 250px;
  border: 0;
  right : 0;
}

.offcanvas-marketing.offcanvas-start .header-sidebar {
  border-bottom: 1px solid #11009e;
}

.offcanvas-marketing.offcanvas-start .close-canvas {
  color    : #2d365d;
  font-size: 25px;
}

.marketing-main {
  margin-right: -300px;
}

.AZ-sticky-navbar {
  padding   : 10px;
  background: #f8f9fb;
  position  : fixed;
  bottom    : 0;
  width     : 100%;
  left      : 0;
  right     : 0;
  z-index   : 10;
  border-top: 1px solid #c8ced3;
  display   : none;
  overflow  : visible;
}

.AZ-sticky-navbar .nav-link {
  font-size: 10px;
  color    : #172747;

  padding   : 0 !important;
  margin-top: 5px;
}

.AZ-sticky-navbar .nav-icon {
  font-size: 27px;
  color    : #11009e;
}

.AZ-sticky-navbar .order {
  width        : 100px;
  height       : 100px;
  box-shadow   : 0px 7px 25px 0px rgba(255, 55, 114, 0.35);
  background   : #ff316d;
  border-radius: 50%;
  margin-top   : -50px;
}

.AZ-sticky-navbar .order .nav-link {
  color    : #fff;
  font-size: 12px;
}

.AZ-sticky-navbar .order .nav-icon {
  color: #fff;
}

.slider-header__5 .customersSmallSwiper {
  z-index: 1000;
}

.slider-header__5 .swiper-slide {
  padding: 0 20px;
}

.slider-header__5 .slider-header__5_title {
  font-size: 30px;
  color    : #fff;

  margin-bottom: 30px;
}

.slider-header__5 .slider-header__5_title span {
  font-size: 48px;

}

.slider-header__5 .customersSmallSwiper img {
  filter: grayscale(1);
}

.slider-header__5 .AZ-section-small-title {
  color        : #9087ce;
  border-radius: 40px 40px 0 40px;
  background   : #f5f3fc;
}

.slider-header__5 .AZ-section-small-title::before {
  content: none;
}

.slider-header__5 .AZ-section-small-title::after {
  bottom                    : unset;
  top                       : 100%;
  border-bottom-right-radius: 0;
  border-top-right-radius   : 48%;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #f5f3fc;
  z-index                   : 0;
}

.slider-header__5 .AZ-section-small-title span {
  position: relative;
  z-index : 1;
}

.slider-header__5 .headerNoDotsSwiper-navs {
  bottom  : 80px;
  position: relative;
  z-index : 1;
}

.slider-header__5 .headerNoDotsSwiper-navs span {
  color    : #fff;
  font-size: 35px;
}

.slider-header__5.light-section .slider-header__5_title {
  color: #1e2cb3;
}

.slider-header__5.light-section .simple-section-text {
  color: #939aa4;
}

.blog-card-marketing {
  border-radius: 35px;
  padding      : 20px;
  transition   : all 0.2s linear;
}

.blog-card-marketing .blog-card-img {
  width        : 100%;
  border-radius: 25px;
  margin-bottom: 15px;
}

.blog-card-marketing .blog-card-img::after {
  padding-bottom: 70%;
}

.blog-card-marketing .blog-card-category {
  font-size: 12px;
  color    : #9ea9bb;

  display      : block;
  margin-bottom: 10px;
}

.blog-card-marketing .blog-card-title {
  font-size: 16px;
  color    : #263a96;

  margin-bottom: 10px;
}

.blog-card-marketing .blog-card-text {
  font-size: 12px;
  color    : #282828;

  margin-bottom: 10px;
}

.blog-card-marketing .blog-card-date {
  font-size: 12px;
  color    : #9ea9bb;

  padding: 5px 20px;
}

.blog-card-marketing .blog-card-writer {
  font-size: 12px;
  color    : #ffffff;

  background   : #11009e;
  padding      : 5px 10px;
  border-radius: 40px;
  transition   : all 0.2s linear;
}

.blog-card-marketing .blog-card-details {
  border-radius: 40px;
  background   : #f8f9fb;
}

.blog-card-marketing:hover {
  box-shadow: 0px 20px 45px 0px rgba(30, 30, 31, 0.07);
  background: #ffffff;
}

.blog-card-marketing:hover .blog-card-writer {
  box-shadow: 0px 4px 25px 0px rgba(255, 55, 113, 0.25);
  background: #ff3771;
}

.slider-blog-marketing {
  margin: 50px 0;
}

.slider-blog-marketing .blogSwiperMarketing {
  box-shadow   : 0px 25px 75px 0px rgba(68, 36, 167, 0.2);
  border-radius: 35px;
}

.slider-blog-marketing .swiper-slide,
.slider-blog-marketing .swiper-wrapper {
  border-radius: 35px;
}

.slider-blog-marketing .blog-slider-img {
  width        : 100%;
  border-radius: 35px;
}

.slider-blog-marketing .blog-slider-img::after {
  padding-bottom: 50%;
}

.slider-blog-marketing .blog-slider-img .blog-slider-overlay {
  background-image: linear-gradient(to top, rgb(17, 0, 158) 0%, rgba(17, 0, 158, 0) 100%);
  padding         : 30px 40px;
  position        : absolute;
  bottom          : 0;
  width           : 100%;
  height          : 60%;
  left            : 0;
  display         : flex;
  flex-direction  : column;
  justify-content : flex-end;
  align-items     : flex-start;
}

.slider-blog-marketing .navs {
  position   : relative;
  bottom     : 60px;
  left       : 30px;
  display    : flex;
  gap        : 10px;
  align-items: center;
}

.slider-blog-marketing .swiper-rtl .swiper-button-prev {
  right: unset;
  left : 60px;
}

.slider-blog-marketing .blog-slider-category {
  font-size: 14px;
  color    : #9087ce;

  padding      : 10px 20px;
  border-radius: 40px;
  background   : #ffffff;
}

.slider-blog-marketing .blog-slider-title {
  font-size: 18px;
  color    : #ffffff;

  margin: 15px 0 10px;
}

.slider-blog-marketing .blog-slider-text {
  font-size: 13px;
  color    : #ffffff;

}

.AZ-footer-marketing {
  position   : relative;
  padding-top: 100px;
}

.AZ-footer-marketing .footer-bg {
  position           : absolute;
  top                : 0;
  right              : 0;
  width              : 100%;
  height             : 100%;
  background-image   : var(--wpr-bg-72d40aec-da25-40e9-a67a-934282d8accc);
  background-size    : cover;
  background-position: right top;
  z-index            : -1;
}

.AZ-footer-marketing .footer-contact-title {
  font-size: 12px;
  color    : #b4bac5;

  margin-bottom: 10px;
}

.AZ-footer-marketing .footer-contact-address {
  font-size: 13px;
  color    : #282828;

}

.AZ-footer-marketing .footer-contact-address span {}

.AZ-footer-marketing .footer-contact-phone {
  font-size: 14px;
  color    : #2d365d;

}

.AZ-footer-marketing .footer-contact-phone span {
  font-size: 24px;
  color    : #ed1c24;
}

.AZ-footer-marketing .footer-contact-email {
  font-size: 14px;
  color    : #282828;

}

.AZ-footer-marketing .footer-title {
  font-size: 14px;
  color    : #11009e;

  margin-bottom: 15px;
}

.AZ-footer-marketing .footer-brand {
  margin-bottom: 20px;
  display      : inline-block;
}

.AZ-footer-marketing .submit-project-box {
  border-radius: 100px;
  padding      : 30px;
  background   : #11009e;
  box-shadow   : 0px 15px 35px 0px rgba(17, 0, 158, 0.25);
}

.AZ-footer-marketing .submit-project_title {
  font-size: 16px;
  color    : #fff;

  margin-bottom: 10px;
}

.AZ-footer-marketing .submit-project_text {
  font-size: 12px;
  color    : #7785ff;

}

.AZ-footer-marketing .start-btn {
  font-size: 13px;
  color    : #172747;

  background     : #ffcf64;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding        : 12px 25px;
  border-radius  : 40px;
  border         : 0;
  transition     : all 0.2s linear;
}

.AZ-footer-marketing .start-btn span {
  font-size: 20px;
}

.AZ-footer-marketing .start-btn:hover {
  background: #263a96;
  color     : #fff;
}

.AZ-footer-marketing .footer-text {
  font-size: 12px;
  color    : #282828;

  line-height: 1.8;
}

.AZ-footer-marketing .footer-text span,
.AZ-footer-marketing .footer-text a {
  font-size: 14px;

  color: #11009e;
}

.AZ-footer-marketing .footer-copyright {
  font-size: 13px;
  color    : #939aa4;

  padding: 30px 0;
}

.AZ-footer-marketing .footer-copyright span,
.AZ-footer-marketing .footer-copyright a {

  color: #464646;
}

.AZ-footer-marketing .footer-link {
  font-size: 13px;
  color    : #464646;

  transition: all 0.2s linear;
  position  : relative;
  padding   : 5px 13px 5px 0;
}

.AZ-footer-marketing .footer-link::after {
  content      : "";
  position     : absolute;
  right        : 0;
  top          : 50%;
  transform    : translateY(-50%);
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : #d5dbe0;
  transition   : all 0.2s linear;
}

.AZ-footer-marketing .footer-link:hover {
  color: #11009e;
}

.AZ-footer-marketing .footer-link:hover::after {
  background: #11009e;
}

.AZ-footer-marketing.bg-blue {
  background: #1e2cb3;
}

.AZ-footer-marketing.bg-blue .footer-link,
.AZ-footer-marketing.bg-blue .footer-contact-email,
.AZ-footer-marketing.bg-blue .footer-contact-phone,
.AZ-footer-marketing.bg-blue .footer-contact-address,
.AZ-footer-marketing.bg-blue .footer-contact-title,
.AZ-footer-marketing.bg-blue .submit-project_title,
.AZ-footer-marketing.bg-blue .submit-project_text,
.AZ-footer-marketing.bg-blue .footer-text,
.AZ-footer-marketing.bg-blue .footer-title {
  color: #fff;
}

.AZ-footer-marketing.bg-blue .footer-link a,
.AZ-footer-marketing.bg-blue .footer-link span,
.AZ-footer-marketing.bg-blue .footer-contact-email a,
.AZ-footer-marketing.bg-blue .footer-contact-email span,
.AZ-footer-marketing.bg-blue .footer-contact-phone a,
.AZ-footer-marketing.bg-blue .footer-contact-phone span,
.AZ-footer-marketing.bg-blue .footer-contact-address a,
.AZ-footer-marketing.bg-blue .footer-contact-address span,
.AZ-footer-marketing.bg-blue .footer-contact-title a,
.AZ-footer-marketing.bg-blue .footer-contact-title span,
.AZ-footer-marketing.bg-blue .submit-project_title a,
.AZ-footer-marketing.bg-blue .submit-project_title span,
.AZ-footer-marketing.bg-blue .submit-project_text a,
.AZ-footer-marketing.bg-blue .submit-project_text span,
.AZ-footer-marketing.bg-blue .footer-text a,
.AZ-footer-marketing.bg-blue .footer-text span,
.AZ-footer-marketing.bg-blue .footer-title a,
.AZ-footer-marketing.bg-blue .footer-title span {
  color: #fff;
}

.AZ-footer-marketing.bg-blue .footer-link::after {
  background: #263a96;
}

.AZ-footer-marketing.bg-blue .footer-link:hover {
  color: #ffcf64;
}

.AZ-footer-marketing.bg-blue .footer-contact-phone span {
  color: #ffcf64;
}

.AZ-footer-marketing.bg-blue .submit-project-box {
  background: #11009e;
  box-shadow: 0px 15px 35px 0px rgba(17, 0, 158, 0.25);
}

.AZ-footer-marketing.bg-blue .AZ-social-marketing a {
  background: #121f9c;
}

.AZ-footer-marketing.bg-blue .footer-copyright {
  color: #fff;
}

.AZ-footer-marketing.bg-blue .footer-copyright span {
  color: #fff;
}

.AZ-footer-marketing.AZ-footer-marketing-shape-bg .footer-text {
  color: #b4bac5;
}

.AZ-footer-marketing.AZ-footer-marketing-shape-bg .AZ-social-marketing a {
  background: #0ac0d6;
  color     : #fff;
}

.AZ-footer-marketing.AZ-footer-marketing-shape-bg .start-btn {
  background: #0ac0d6;
}

.AZ-footer-marketing.AZ-footer-marketing-shape-bg .submit-project-box {
  background: #351a8a;
}

.AZ-footer-marketing .Rounded_Rectangle_100 {
  background-color: rgba(37, 37, 85, 0);
  position        : absolute;
  left            : 134px;
  top             : 6503px;
  width           : 1170px;
  height          : 100px;
  z-index         : 72;
}

.bg-blue {
  background: #1e2cb3;
}

.AZ-about-img-marketing {
  margin-top   : 80px;
  margin-bottom: 50px;
}

.AZ-about-img-marketing .about-img {
  width        : 100%;
  background   : #204289;
  border-radius: 35px;
  overflow     : visible;
}

.AZ-about-img-marketing .about-img::after {
  padding-bottom: 40%;
}

.AZ-about-img-marketing .about-img img {
  border-radius: 35px;
}

.AZ-about-img-marketing .about-header-title {
  font-size: 60px;

  color         : #fff;
  position      : absolute;
  left          : 50%;
  top           : 50%;
  transform     : translate(-50%, -50%);
  border-top    : 1px solid #fff;
  border-bottom : 1px solid #fff;
  padding-top   : 15px;
  text-transform: uppercase;
}

.AZ-about-img-marketing .about-header-title span {}

.AZ-social-marketing a {
  background: #f5f3fc;
  color     : #c8ced3;
}

.AZ-social-marketing a:hover {
  background: #11009e;
}

.AZ-about-body-marketing .about-body-box {
  padding      : 40px;
  border-radius: 35px;
  background   : #fff;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-about-body-marketing .line {
  width     : 100%;
  height    : 1px;
  background: #f5f3fc;
  margin    : 40px 0;
}

.AZ-about-body-marketing .about-text {
  font-size: 13px;
  color    : #212341;

  margin-bottom: 20px;
  line-height  : 1.8;
}

.AZ-team-section-marketing,
.about-video {
  background: #ffcf63;
  padding   : 200px 0 80px;
  margin-top: -100px;
}

.AZ-team-section-marketing .team-marketing-img,
.about-video .team-marketing-img {
  position: relative;
}

.AZ-team-section-marketing .team-marketing-img::before,
.about-video .team-marketing-img::before {
  right: unset;
  left : 20px;
}

.simple-section-title {
  font-size: 20px;
  color    : #0f0928;

  position      : relative;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.simple-section-title span {}

.simple-section-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 14px;
  height    : 3px;
  background: #dda831;
}

.simple-section-text {
  font-size: 13px;
  color    : #2d365d;

  line-height: 1.9;
}

.simple-section-list {
  margin-top: 30px;
  position  : relative;
}

.simple-section-list .list-item {
  position     : relative;
  padding-right: 30px;
}

.simple-section-list .list-item::after {
  content      : "";
  position     : absolute;
  right        : 0;
  top          : 3px;
  width        : 20px;
  height       : 20px;
  border-radius: 50%;
  background   : #fff;
  border       : 5px solid rgb(219, 219, 219);
}

.simple-section-list .list-item:last-child .list-text::before {
  content: none;
}

.simple-section-list .list-title {
  font-size: 18px;
  color    : #2b282f;

}

.simple-section-list .list-title span {}

.simple-section-list .list-text {
  font-size: 13px;
  color    : #adb7c1;

  padding : 10px 0 30px;
  margin  : 3px 0;
  position: relative;
}

.simple-section-list .list-text::before {
  content      : "";
  position     : absolute;
  right        : -20px;
  top          : 3px;
  width        : 1px;
  height       : 100%;
  border-radius: 50%;
  border-right : 1px dashed #f3f3f3;
}

.simple-btn,
.simple-link {
  font-size: 14px;
}

.simple-btn span,
.simple-link span {
  font-size: 20px;
}

.bg-shape-header {
  background-image   : var(--wpr-bg-2d99e955-631b-45c4-baba-423f7b54c88b);
  background-position: right bottom;
  background-repeat  : no-repeat;
  background-size    : cover;
  overflow-x         : hidden;
}

.bg-shape-header .headerNoDotsSwiper-navs {
  margin-right: 200px;
}

.simple-link {
  color     : #1e2225;
  background: transparent;
}

.about-video {
  background: transparent;
  padding   : 0;
  margin-top: 100px;
}

.about-video .simple-section-title span {
  background: #fff4cc;
}

.about-video .simple-section-title::after {
  background: #d5dbe0;
}

.about-video .video-container {
  position: relative;
}

.about-video .video-container::before {
  content      : "";
  width        : 100%;
  height       : 100%;
  background   : #f8f9fb;
  position     : absolute;
  left         : 0;
  top          : 0;
  transform    : rotate(5deg);
  border-radius: 30px;
}

.about-video .video-box {
  width        : 100%;
  border-radius: 35px;
  position     : relative;
  z-index      : 1;
}

.about-video .video-box::after {
  padding-bottom: 60%;
}

.about-video .video-overlay {
  position       : absolute;
  left           : 50%;
  top            : 50%;
  transform      : translate(-50%, -50%);
  z-index        : 1;
  width          : 200px;
  height         : 200px;
  background     : rgba(255, 255, 255, 0.502);
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
}

.about-video .video-overlay .play-btn {
  width          : 150px;
  height         : 150px;
  background     : rgba(255, 255, 255, 0.749);
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
}

.about-video .video-overlay .play-btn-inner {
  width          : 100px;
  height         : 100px;
  border-radius  : 50%;
  background     : linear-gradient(to left, #402d7f, #ad0e68);
  box-shadow     : 0 0 50px rgba(173, 14, 104, 0.8);
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.about-video .video-overlay .play-btn-inner span {
  font-size: 50px;
  color    : #fff;
}

.AZ-simple-section-marketing {
  padding: 50px 0;
}

.AZ-counter-marketing {
  padding: 100px 0;
}

.AZ-counter-marketing .counter-number,
.AZ-counter-marketing .count-prefix {
  font-size: 49px;
  color    : #4424a7;

}

.AZ-counter-marketing .count-prefix {
  font-size: 30px;
}

.AZ-counter-marketing .counter-text {
  font-size: 18px;
  color    : #282828;

  padding      : 5px 20px;
  background   : #fff;
  border-radius: 40px;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  text-shadow  : 0px 15px 35px rgba(68, 36, 167, 0.35);
  margin-top   : -20px;
}

.AZ-counter-marketing .counter-circle {
  width          : 244px;
  height         : 244px;
  background     : radial-gradient(closest-side, #fff 80%, #f5f3fc);
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
  border         : 1px solid #f5f3fc;
}

.AZ-counter-marketing .counter-circle-inner {
  width          : 145px;
  height         : 145px;
  background     : #f5f3fc;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
}

.AZ-counter-marketing.bg-shape-blue {
  padding: 100px 0 100px;
}

.video-modal .modal-content {
  border       : 0;
  border-radius: 20px;
  overflow     : hidden;
}

.video-modal .btn-close {
  color   : #000;
  position: absolute;
  left    : 10px;
  top     : 10px;
  z-index : 1;
}

.AZ-post-carousel-marketing {
  padding : 130px 0;
  position: relative;
  overflow: hidden;
}

.AZ-post-carousel-marketing .post-carousel-title {
  font-size: 18px;
  color    : #1e2e4d;

}

.AZ-post-carousel-marketing .post-carousel-title span {}

.AZ-post-carousel-marketing .blog-card-marketing {
  box-shadow: none;
  background: #ffffff;
}

.AZ-post-carousel-marketing .blog-card-marketing .blog-card-img {
  box-shadow: 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
}

.AZ-post-carousel-marketing .blog-card-marketing:hover .blog-card-writer {
  box-shadow: 0px 4px 25px 0px rgba(255, 55, 113, 0.25);
  background: #ff3771;
}

.bg-wave {
  position                  : relative;
  padding                   : 100px 0;
  border-bottom-left-radius : 50% 5%;
  border-bottom-right-radius: 50% 5%;
  background                : radial-gradient(110% 15% at top, transparent 50%, #f8f9fb 51%);
}

.bg-wave.bg-wave-blue {
  background: radial-gradient(110% 15% at top, transparent 50%, #1e2cb3 51%);
}

.bg-wave.bg-wave-darkBlue {
  background                : radial-gradient(110% 15% at top, transparent 50%, #0f0928 51%);
  border-bottom-left-radius : 50% 5%;
  border-bottom-right-radius: 50% 5%;
}

.bg-wave.bg-wave-cyan {
  background                : radial-gradient(110% 15% at top, transparent 50%, #0ac0d6 51%);
  border-bottom-left-radius : 50% 5%;
  border-bottom-right-radius: 50% 5%;
  -webkit-mask-image        : url(../../../../../../../../../themes/karenTheme/assets/images/img-marketing/bg-wave-services.png);
  mask-image                : url(../../../../../../../../../themes/karenTheme/assets/images/img-marketing/bg-wave-services.png);
  -webkit-mask-position     : center bottom;
  mask-position             : center bottom;
  -webkit-mask-size         : cover;
  mask-size                 : cover;
  -webkit-mask-repeat       : no-repeat;
  mask-repeat               : no-repeat;
}

.bg-wave.bg-wave-cyan::before {
  content            : "";
  position           : absolute;
  left               : 50%;
  bottom             : 30px;
  transform          : translateX(-50%);
  background-image   : var(--wpr-bg-b5a2b0f8-b9b1-496f-a945-b8983181a38e);
  background-repeat  : no-repeat;
  background-size    : 1500px;
  background-position: center bottom;
  height             : 100px;
  width              : 100%;
}

.bg-wave .img-bg {
  position      : absolute;
  left          : 50%;
  top           : 50%;
  transform     : translate(-50%, -50%);
  -o-object-fit : cover;
  object-fit    : cover;
  width         : 80%;
  height        : 100%;
  mix-blend-mode: overlay;
}

.AZ-counter2-marketing {
  padding: 150px 0;
}

.AZ-counter2-marketing .counter2-img {
  position: absolute;
  right   : 0;
  width   : 50%;
}

.AZ-testimonial-carousel-marketing {
  position: relative;
  padding : 200px 0;
}

.AZ-testimonial-carousel-marketing::after {
  content    : "\e962";
  font-family: "ico";
  position   : absolute;
  left       : 100px;
  top        : -70px;
  font-size  : 200px;
  color      : #0f0928;
  z-index    : 10;
}

.AZ-testimonial-carousel-marketing .testimonial-carousel-title {
  font-size: 18px;
  color    : #fff;

}

.AZ-testimonial-carousel-marketing .testimonial-nav {
  top  : 50%;
  left : 0;
  width: 100%;
}

.AZ-testimonial-carousel-marketing .testimonial-nav .testimonial-nav-prev,
.AZ-testimonial-carousel-marketing .testimonial-nav .testimonial-nav-next {
  font-size: 40px;
  color    : #fff;
}

.AZ-testimonial-carousel-marketing .testimonial-img {
  width          : 100px;
  height         : 100px;
  border-radius  : 50%;
  margin         : 0 auto 30px;
  position       : relative;
  background     : #fff;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-testimonial-carousel-marketing .testimonial-img span {
  color    : #0c0070;
  position : relative;
  z-index  : 10;
  font-size: 50px;
}

.AZ-testimonial-carousel-marketing .testimonial-img::before,
.AZ-testimonial-carousel-marketing .testimonial-img::after {
  content      : "";
  position     : absolute;
  left         : 50%;
  top          : 50%;
  transform    : translate(-50%, -50%);
  width        : 120px;
  height       : 120px;
  background   : rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.AZ-testimonial-carousel-marketing .testimonial-img::before {
  background: rgba(255, 255, 255, 0.2);
  width     : 140px;
  height    : 140px;
}

.AZ-testimonial-carousel-marketing .testimonial-name {
  font-size: 16px;
  color    : #ffc000;

}

.AZ-testimonial-carousel-marketing .testimonial- {
  position      : relative;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.AZ-testimonial-carousel-marketing .testimonial-::after {
  content   : "";
  position  : absolute;
  left      : 50%;
  transform : translateX(-50%);
  bottom    : 0;
  background: #fff;
  width     : 22px;
  height    : 1px;
}

.AZ-testimonial-carousel-marketing .testimonial-,
.AZ-testimonial-carousel-marketing .testimonial-text {
  font-size: 12px;
  color    : #c9b8ff;

}

.AZ-testimonial-carousel-marketing .testimonial-text {
  color: #fff;
}

.AZ-testimonial-carousel-marketing .swiper-slide {
  padding: 30px 0 0;
}

.navs-top {
  display    : flex;
  gap        : 10px;
  align-items: center;
}

.navs-top .nav-next,
.navs-top .nav-prev,
.navs-top .productsSwiper-prev,
.navs-top .productsSwiper-next,
.navs-top .nav-prev-services,
.navs-top .nav-next-services {
  bottom         : unset;
  border         : 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : 0;
}

.navs-top .nav-next span,
.navs-top .nav-prev span,
.navs-top .productsSwiper-prev span,
.navs-top .productsSwiper-next span,
.navs-top .nav-prev-services span,
.navs-top .nav-next-services span {
  font-size: 30px;
  color    : #0f0928;
}

.navs-top .nav-next,
.navs-top .productsSwiper-next,
.navs-top .nav-next-services {
  border-right : 1px dashed #9f9ea3;
  padding-right: 10px;
}

.AZ-comments-section-marketing .comments-box {
  background   : #f8f9fb;
  padding      : 25px;
  box-shadow   : none;
  border-radius: 0;
}

.AZ-comments-section-marketing .comment-box-inner {
  background: #fff;
  padding   : 20px;
}

.AZ-comments-section-marketing .comment-box-title {
  font-size: 14px;
  color    : #464646;

  margin-bottom: 20px;
}

.AZ-comments-section-marketing .comment-box-text {
  font-size: 14px;
  color    : #939aa4;

}

.AZ-post-page-marketing {
  padding: 50px 0;
}

.AZ-post-page-marketing .post-details-box {
  margin-top: unset;
}

.AZ-post-page-marketing .number-visits {
  font-size: 13px;
  color    : #ff8a66;

  padding        : 5px 10px;
  border-radius  : 40px;
  background     : #fff3f0;
  height         : 40px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-post-page-marketing .number-visits span {}

.AZ-post-page-marketing .share-btn,
.AZ-post-page-marketing .category-post {
  width          : 40px;
  height         : 40px;
  background     : #f8f9fb;
  font-size      : 20px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 40px;
  color          : #b3bbc7;
  padding        : 10px;
}

.AZ-post-page-marketing .category-post {
  font-size: 14px;
  color    : #212341;

  width: auto;
}

.AZ-post-page-marketing .writer-info {
  padding-right: 20px;
  border-right : 1px solid #f5f3fc;
}

.AZ-title-group-marketing .group_title {
  color: #263a96;
}

.AZ-contact-page-marketing {
  padding: 50px 0;
}

.AZ-contact-page-marketing .contact-time,
.AZ-contact-page-marketing .AZ-social-marketing {
  width: 50%;
}

.AZ-contact-page-marketing .about-box::after {
  content: none;
}

.AZ-contact-page-marketing .contact-info-icon {
  background: #f5f3fc;
  color     : #11009e;
}

.AZ-contact-page-marketing .send-post-comment {
  background: #11009e;
}

.AZ-contact-page-marketing .send-post-comment:hover {
  background: #7785ff;
  color     : #fff;
}

.AZ-contact-page-marketing .AZ-location::after {
  padding-bottom: 40%;
}

.AZ-projects-page-marketing {
  padding: 50px 0;
}

.AZ-projects-page-marketing .AZ-tabs {
  border-bottom: 0;
  overflow     : visible;
}

.AZ-projects-page-marketing .AZ-tabs .tab-link {
  border-radius: 40px;
}

.AZ-projects-page-marketing .AZ-tabs .current {
  background: #2b00d4;
  box-shadow: 0px 15px 35px 0px rgba(43, 0, 212, 0.25);
  color     : #fff;
}

.AZ-projects-page-marketing .AZ-tabs .current::after {
  content: none;
}

.AZ-projects-page-marketing .AZ-projects-banner {
  width        : 100%;
  border-radius: 30px;
  background   : #ff3772;
}

.AZ-projects-page-marketing .AZ-projects-banner::after {
  padding-bottom: 28%;
}

.AZ-projects-page-marketing .AZ-projects-banner img {
  mix-blend-mode: multiply;
}

.AZ-projects-page-marketing .AZ-projects-banner .projects-banner-overlay {
  display    : flex;
  align-items: center;
  position   : absolute;
  height     : 100%;
  width      : 100%;
  padding    : 30px;
}

.AZ-projects-page-marketing .AZ-projects-banner .AZ-title-group .group_title {
  color: #fff;
}

.AZ-projects-page-marketing .AZ-projects-banner .Rounded_Rectangle_69_copy_2 {
  border-radius   : 25px;
  background-color: rgb(68, 36, 167);
  opacity         : 0.969;
  position        : absolute;
  left            : 600px;
  top             : 2462px;
  width           : 200px;
  height          : 50px;
  z-index         : 143;
}

.AZ-load-more {
  font-size: 14px;
  color    : #fff;

  border-radius  : 40px;
  padding        : 13px 50px;
  box-shadow     : 0px 7px 25px 0px rgba(15, 9, 40, 0.35);
  background     : #0f0928;
  transition     : all 0.2s linear;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.AZ-load-more:hover {
  background: #2b00d4;
  color     : #fff;
}

.AZ-project-img {
  width        : 100%;
  border-radius: 35px;
}

.AZ-project-img::after {
  padding-bottom: 100%;
}

.AZ-project-img .project-img-overlay {
  position       : absolute;
  left           : 0;
  width          : 100%;
  height         : 100%;
  bottom         : -100%;
  background     : rgba(42, 0, 212, 0.7529411765);
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  transition     : all 0.2s linear;
}

.AZ-project-img .show-project {
  width        : 100px;
  height       : 100px;
  border-radius: 50%;
  background   : #ff316d;
  border-radius: 50%;
  box-shadow   : 0px 7px 25px 0px rgba(255, 55, 114, 0.35);
  color        : #fff;
  font-size    : 60px;
}

.AZ-project-img .project-name {
  font-size: 16px;
  color    : #fff;

  position: absolute;
  bottom  : 50px;
}

.AZ-project-img:hover {
  box-shadow: 0px 10px 45px 0px rgba(43, 0, 212, 0.35);
}

.AZ-project-img:hover .project-img-overlay {
  bottom: 0;
}

.AZ-services-description-section-marketing {
  padding: 80px 0;
}

.AZ-services-description-section-marketing .services-description-box {
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  padding      : 40px;
  border-radius: 35px;
  background   : #fff;
}

.AZ-services-description-section-marketing.about-video .simple-section-title span {
  background: transparent;
}

.AZ-faq-section-marketing {
  padding: 50px 0;
}

.AZ-accordion .accordion-item {
  width        : 100%;
  background   : transparent;
  border       : none;
  overflow     : hidden;
  box-shadow   : 0px 0px 50px 0px rgba(30, 30, 31, 0.07);
  border-radius: 25px;
  margin-bottom: 15px;
  background   : #fff;
}

.AZ-accordion .accordion-item:last-child {
  border-bottom: 0;
}

.AZ-accordion .accordion-item.open .close-accordion {
  display: block;
}

.AZ-accordion .accordion-item.open .open-accordion {
  display: none;
}

.AZ-accordion .accordion-content {
  padding: 0 25px 25px 25px;
}

.AZ-accordion .accordion-content p {
  font-size: 13px;
  color    : #b3bbc7;

}

.AZ-accordion .accordion-item__button {
  border         : none;
  width          : 100%;
  transition     : all 0.2s linear;
  cursor         : pointer;
  position       : relative;
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  font-size      : 13px;

  color                : #263a96;
  -webkit-user-select  : none;
  -moz-user-select     : none;
  user-select          : none;
  -webkit-touch-callout: none;
  background           : transparent;
  text-align           : right;
  padding              : 25px;
}

.AZ-accordion .accordion-item__button .close-accordion,
.AZ-accordion .accordion-item__button .open-accordion {
  display     : none;
  margin-right: 10px;
  font-size   : 20px;
  color       : #263a96;
}

.AZ-accordion .accordion-item__button .open-accordion {
  display: block;
}

.AZ-plan-section-marketing {
  padding: 80px 0;
}

.AZ-plan-section-marketing .plan-card-title {
  font-size: 18px;
  color    : #0f0928;

  padding-bottom: 10px;
  position      : relative;
  margin-bottom : 10px;
}

.AZ-plan-section-marketing .plan-card-title::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  left      : 50%;
  transform : translateX(-50%);
  width     : 20px;
  height    : 1px;
  background: #d5dbe0;
}

.AZ-plan-section-marketing .plan-card-text {
  font-size: 13px;
  color    : #726d89;

}

.AZ-plan-section-marketing.border-bottom {
  border-bottom: 1px solid #f5f3fc;
}

.AZ-plan-card {
  position: relative;
}

.AZ-plan-card::after {
  content      : "";
  position     : absolute;
  left         : 0;
  width        : 100%;
  top          : -5px;
  height       : 100%;
  background   : #000;
  border-radius: 30px;
  background   : linear-gradient(45deg, rgb(64, 45, 127) 0%, rgb(173, 14, 104) 100%);
}

.AZ-plan-card .plan-card-inner {
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  border-radius: 30px;
  background   : #fff;
  position     : relative;
  z-index      : 1;
}

.AZ-plan-card .plan-card-price {
  font-size: 36px;
  color    : #11009e;

  margin-top: 40px;
}

.AZ-plan-card .plan-card-btn {
  padding      : 10px 45px;
  margin-bottom: -20px;
}

.AZ-plan-card .plan-card-btn:hover {
  background: #ad0e68;
  color     : #fff;
}

.AZ-plan-card .plan-card-tag {
  font-size: 14px;
  color    : #ffffff;

  padding         : 15px 40px;
  border-radius   : 40px 40px 0 40px;
  background-image: linear-gradient(to right, rgb(64, 45, 127) 0%, rgb(173, 14, 104) 50%);
  white-space     : nowrap;
  position        : relative;
  margin-top      : -20px;
  box-shadow      : 0px 10px 25px 0px rgba(78, 41, 124, 0.35);
}

.AZ-plan-card .plan-card-tag span {
  position: relative;
  z-index : 1;
}

.AZ-plan-card .plan-card-tag::after {
  content                : "";
  position               : absolute;
  top                    : 100%;
  right                  : 0;
  height                 : 30px;
  width                  : 30px;
  border-top-right-radius: 48%;
  background             : transparent;
  box-shadow             : 0 -20px 0 0 rgb(173, 14, 104);
}

.AZ-plan-card .plan-card-currency {
  font-size: 18px;
  color    : #4424a7;

  padding      : 2px 10px;
  background   : #f5f3fc;
  border-radius: 5px;
  width        : -moz-fit-content;
  width        : fit-content;
  margin       : 10px 0 20px;
}

.AZ-plan-card .time-plan {
  position: relative;
  width   : 100%;
}

.AZ-plan-card .time-plan p {
  font-size: 15px;
  color    : #282828;

  padding   : 5px 10px;
  background: #fff;
  z-index   : 1;
  position  : relative;
}

.AZ-plan-card .time-plan::after {
  content   : "";
  position  : absolute;
  left      : 0;
  top       : 50%;
  transform : translateY(-50%);
  width     : 100%;
  height    : 2px;
  border-top: 1.5px dashed #9087ce;
}

.AZ-business-improvement-marketing {
  background-color: rgb(17, 0, 158);
  padding-bottom  : 100px;
}

.AZ-business-improvement-marketing .business-improvement-title {
  font-size: 30px;
  color    : #fff;

  position      : relative;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.AZ-business-improvement-marketing .business-improvement-title span {

  color: #ffba00;
}

.AZ-business-improvement-marketing .business-improvement-title::after {
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0;
  width     : 20px;
  height    : 1px;
  background: #2d365d;
}

.AZ-business-improvement-marketing .business-improvement-text {
  font-size: 13px;
  color    : #fff;

}

.AZ-business-improvement-marketing .business-improvement-btn {
  font-size: 12px;
  color    : #fff;

  border         : 1px solid #1500c3;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding        : 10px;
  gap            : 20px;
  border-radius  : 40px;
  margin-top     : 30px;
}

.AZ-business-improvement-marketing .business-improvement-btn span {
  padding        : 0 12px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #fff;
  border-radius  : 40px;
  color          : #0c0070;
  font-size      : 30px;
}

.AZ-business-improvement-marketing .business-improvement-img {
  mix-blend-mode: multiply;
  width         : 80%;
}

.AZ-business-improvement-marketing .business-improvement-img2 {
  position: absolute;
  right   : 180px;
  top     : 80px;
  width   : 250px;
}

.AZ-business-improvement-marketing .business-improvement-box {
  position: relative;
}

.AZ-business-improvement-marketing .business-improvement-box-inner {
  position     : relative;
  z-index      : 1;
  background   : #1200aa;
  border-radius: 25px;
  padding      : 40px 30px;
}

.AZ-business-improvement-marketing .business-improvement-box::after {
  content      : "";
  position     : absolute;
  bottom       : -10px;
  width        : 90%;
  height       : 100%;
  border-radius: 25px;
  background   : #0c0070;
  left         : 50%;
  transform    : translateX(-50%);
}

.AZ-business-improvement-marketing .business-improvement-box-title {
  font-size: 14px;
  color    : #fbd311;

  position      : relative;
  display       : inline-block;
  padding-bottom: 20px;
  margin-top    : 20px;
}

.AZ-business-improvement-marketing .business-improvement-box-title span {
  font-size: 18px;

}

.AZ-business-improvement-marketing .business-improvement-box-title::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  right     : 0;
  width     : 20px;
  height    : 1px;
  background: #39d4df;
}

.AZ-business-improvement-marketing .business-improvement-box-text {
  font-size: 12px;
  color    : #9184fd;

  margin-top : 20px;
  line-height: 1.8;
}

.AZ-business-improvement-marketing .business-improvement-box-num {
  font-size: 30px;
  color    : #ffffff;

  width          : 50px;
  height         : 50px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #ff316d;
  box-shadow     : 0px 7px 25px 0px rgba(255, 55, 114, 0.35);
  border-radius  : 50%;
  margin-top     : -60px;
}

.AZ-business-improvement-marketing .AZ-not-break {
  margin-top: -120px;
}

.AZ-business-improvement-marketing2 {
  -webkit-mask-image   : url(../../../../../../../../../themes/karenTheme/assets/images/img-marketing/bg-.png);
  mask-image           : url(../../../../../../../../../themes/karenTheme/assets/images/img-marketing/bg-.png);
  -webkit-mask-position: center bottom;
  mask-position        : center bottom;
  -webkit-mask-size    : cover;
  mask-size            : cover;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  background           : #0f0928;
  padding              : 100px 0;
  position             : relative;
}

.AZ-business-improvement-marketing2 .business-improvement-img {
  position : absolute;
  right    : 0;
  top      : 50%;
  transform: translateY(-50%);
  width    : 50%;
}

.AZ-business-improvement-marketing2 .line-shape {
  background-image   : var(--wpr-bg-bf561601-9acf-4789-bbbc-f7954feac370);
  background-repeat  : no-repeat;
  background-size    : 80%;
  background-position: center top;
  padding            : 50px 0;
}

.AZ-business-improvement-wave-marketing {
  margin-top: -150px;
  padding   : 200px 0 100px;
}

.arrow-sectioon {
  position  : relative;
  width     : 50px;
  height    : 50px;
  margin    : auto;
  margin-top: -40px;
}

.arrow-sectioon::after {
  content    : "\e90c";
  font-family: "ico";
  position   : absolute;
  left       : 50%;
  transform  : translateX(-50%);
  bottom     : 0;
  z-index    : 10;
  font-size  : 40px;
  color      : #29243e;
}

.arrow-sectioon.arrow-sectioon-cyan::after {
  color: #0ac0d6;
}

.AZ-business-improvement-card {
  position     : relative;
  border-radius: 35px;
  transition   : all 0.2s linear;
  margin-bottom: 30px;
}

.AZ-business-improvement-card-inner {
  position     : relative;
  z-index      : 1;
  padding      : 30px;
  background   : #29243e;
  border-radius: 35px;
  transition   : all 0.2s linear;
}

.AZ-business-improvement-card::after {
  content      : "";
  position     : absolute;
  bottom       : -10px;
  border-radius: 35px;
  left         : 50%;
  transform    : translateX(-50%);
  width        : 90%;
  height       : 100%;
  background   : rgba(41, 36, 62, 0.349);
}

.AZ-business-improvement-card:hover .AZ-business-improvement-card-inner {
  background: #2b00d4;
}

.AZ-business-improvement-card:hover .business-improvement-card_icon {
  background: #ffffff;
  color     : #0f0928;
}

.AZ-business-improvement-card:hover .business-improvement-card_title,
.AZ-business-improvement-card:hover .business-improvement-card_desc,
.AZ-business-improvement-card:hover .business-improvement-card_text {
  color: #fff;
}

.AZ-business-improvement-card:hover::after {
  background: rgba(43, 0, 212, 0.35);
}

.AZ-business-improvement-card .business-improvement-card_icon {
  width        : 85px;
  height       : 85px;
  border-radius: 50%;
  color        : #fff;
  font-size    : 30px;
  background   : #2b00d4;
  box-shadow   : 10px 20px 20px rgba(43, 0, 212, 0.5);
  transition   : all 0.2s linear;
}

.AZ-business-improvement-card .business-improvement-card_title {
  font-size: 18px;
  color    : #fff;

  transition   : all 0.2s linear;
  margin-bottom: 5px;
}

.AZ-business-improvement-card .business-improvement-card_text {
  margin-top : 30px;
  line-height: 2;
}

.AZ-business-improvement-card .business-improvement-card_text,
.AZ-business-improvement-card .business-improvement-card_desc {
  font-size: 13px;
  color    : #726d89;

  transition: all 0.2s linear;
}

.AZ-project-marketing {
  padding: 50px 0;
}

.AZ-project-marketing .simple-section-title span {
  background: transparent;
}

.AZ-project-marketing .number-project-visits {
  font-size: 13px;
  color    : #4424a7;

  background   : #000;
  padding      : 10px 20px;
  border-radius: 40px;
  background   : #f5f3fc;
}

.AZ-project-marketing .number-project-visits span {}

.AZ-project-marketing .project-date {
  font-size: 14px;
  color    : #212341;

  padding      : 10px 20px;
  border-radius: 40px;
  background   : #f8f9fb;
}

.AZ-project-marketing .project-detalis {
  border-top   : 1px solid #f5f3fc;
  border-bottom: 1px solid #f5f3fc;
  padding      : 20px 0;
  margin-top   : 20px;
}

.AZ-project-marketing .project-detalis-title {
  font-size: 14px;
  color    : #b3bbc7;

}

.AZ-project-marketing .project-detalis-text {
  font-size: 14px;
  color    : #282828;

}

.AZ-project-gallery {
  padding: 80px 0;
  margin : 40px 0;
}

.gallery-container {
  width   : 80%;
  position: relative;
}

.gallery-container .swiper-container {
  width   : 100%;
  overflow: hidden;
}

.gallery-container .swiper-container .gallery-img {
  width        : 100%;
  border-radius: 35px;
}

.gallery-container .swiper-container .gallery-img::after {
  padding-bottom: 80%;
}

.gallery-container .swiper-container .thumbnail-img {
  width        : 100%;
  border-radius: 25px;
}

.gallery-container .swiper-container .thumbnail-img::after {
  padding-bottom: 80%;
}

.gallery-container .slider-thumbnail .swiper-wrapper .swiper-slide {
  opacity : 0.5;
  overflow: hidden;
  cursor  : pointer;
}

.gallery-container .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.gallery-nav {
  position: absolute;
  top     : 40%;
  width   : 100%;
}

.bg-pattern-bottom {
  position: relative;
}


.AZ-blog-grid-section {
  padding            : 50px 0;
  background-image   : var(--wpr-bg-58b7187f-6208-41ba-94bd-70a1a4236a38);
  background-size    : 300px;
  background-position: right center;
  background-repeat  : no-repeat;
}

.AZ-blog-grid-section .AZ-blog-grid-img {
  width        : 100%;
  border-radius: 25px;
  padding      : 63% 25px 25px;
  height       : 100%;
  display      : flex;
}

@media screen and (max-width: 991px) {
  .AZ-blog-grid-section .AZ-blog-grid-img {
    padding-top: 40%;
  }
}

.AZ-blog-grid-section .AZ-blog-grid-img::after {
  position        : absolute;
  background-image: linear-gradient(to top, rgb(43, 0, 212) 0%, rgba(43, 0, 212, 0) 100%);
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  z-index         : -1;
}

.AZ-blog-grid-section .AZ-blog-grid-img img {
  transition: all 0.2s linear;
}

.AZ-blog-grid-section .AZ-blog-grid-img .blog-grid-overlay {
  display        : flex;
  flex-direction : column;
  justify-content: flex-end;
  align-items    : flex-start;
  margin-top     : auto;
}

.AZ-blog-grid-section .AZ-blog-grid-img .blog-grid-title {
  font-size: 14px;
  color    : #fff;

  margin-top: 20px;
  transition: all 0.2s linear;
}

.AZ-blog-grid-section .AZ-blog-grid-img .blog-grid-text {
  font-size: 12px;
  color    : #fff;

  margin-top: 15px;
  transition: all 0.2s linear;
}

.AZ-blog-grid-section .AZ-blog-grid-img .blog-grid-category {
  font-size: 12px;
  color    : #fff;

  border-radius: 40px;
  padding      : 5px 15px;
  border       : 2px dotted #fff;
  display      : inline-flex;
  align-items  : center;
  transition   : all 0.2s linear;
}

.AZ-blog-grid-section .AZ-blog-grid-img:hover img {
  transform: scale(1.1);
}

.AZ-blog-grid-section .blog-grid-section-title {
  font-size: 20px;
  color    : #1e2e4d;

  padding-bottom: 10px;
  margin-bottom : 10px;
  position      : relative;
}

.AZ-blog-grid-section .blog-grid-section-title::after {
  content   : "";
  position  : absolute;
  left      : 50%;
  transform : translateX(-50%);
  bottom    : 0;
  width     : 30px;
  height    : 1px;
  background: #1e2e4d;
}

.AZ-blog-grid-section .blog-grid-section-text {
  font-size: 13px;
  color    : #1e2e4d;

}

.AZ-header-slider-marketing {
  margin-top: 50px;
}

.AZ-header-slider-marketing .box-slider {
  position     : relative;
  background   : #13029f;
  border-radius: 35px;
  overflow     : hidden;
  box-shadow   : 0px 25px 75px 0px rgba(20, 3, 159, 0.2);
  width        : 100%;
  min-height   : 600px;
}

.AZ-header-slider-marketing .box-slider::before {
  content      : "";
  position     : absolute;
  left         : 50%;
  bottom       : -10px;
  border-radius: 35px;
  background   : red;
  width        : 90%;
  transform    : translateX(-50%);
}

.pattern-right-top,
.pattern-right-bottom,
.pattern-left-top,
.pattern-left-bottom {
  position: relative;
  z-index : 1;
}


.pattern-left-bottom::after {
  left               : -20px;
  bottom             : -30px;
  background-position: left bottom;
}

.pattern-left-top::after {
  left               : -20px;
  top                : -30px;
  background-position: left top;
}

.pattern-right-bottom::after {
  right              : -20px;
  bottom             : -30px;
  background-position: right bottom;
}

.pattern-right-top::after {
  right              : -20px;
  top                : -30px;
  background-position: right top;
}

.AZ-services-section-marketing {
  padding: 50px 0;
}

.AZ-services-section-marketing .services-section-title {
  font-size: 20px;
  color    : #282828;

  position      : relative;
  padding-bottom: 15px;
}

.AZ-services-section-marketing .services-section-title span {}

.AZ-services-section-marketing .services-section-title::after {
  content   : "";
  position  : absolute;
  left      : 50%;
  bottom    : 0;
  transform : translateX(-50%);
  width     : 30px;
  height    : 1px;
  background: #282828;
}

.AZ-services-section-marketing .service-box {
  border-radius: 35px;
  background   : #fff;
  padding      : 40px;
  box-shadow   : 0px 15px 75px 0px rgba(30, 30, 31, 0.1);
  height       : 100%;
}

.AZ-services-section-marketing .service-box-icon {
  position: relative;
  width   : 84px;
  height  : 84px;
}

.AZ-services-section-marketing .service-box-icon::after {
  content         : "";
  position        : absolute;
  width           : 150px;
  height          : 150px;
  left            : 50%;
  top             : 50%;
  transform       : translate(-50%, -50%);
  border-radius   : 50%;
  background-image: radial-gradient(#fff, rgba(41, 132, 160, 0.1647058824), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.AZ-services-section-marketing .service-box-icon-inner {
  width          : 100%;
  height         : 100%;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  font-size      : 40px;
  position       : relative;
  z-index        : 1;
  box-shadow     : 0 0 5px 6px #fff;
}

.AZ-services-section-marketing .service-box .purple .service-box-icon-inner {
  background: #f5f3fc;
  color     : #4425a7;
}

.AZ-services-section-marketing .service-box .blue .service-box-icon-inner {
  background: #e2f8ff;
  color     : #2984a0;
}

.AZ-services-section-marketing .service-box .orange .service-box-icon-inner {
  background: #fff3f0;
  color     : #ff8a66;
}

.AZ-services-section-marketing .service-box .green .service-box-icon-inner {
  background: #edf5e6;
  color     : #67b930;
}

.AZ-services-section-marketing .service-box .red .service-box-icon-inner {
  background: #ffe0e8;
  color     : #b35a71;
}

.AZ-services-section-marketing .service-box-desc {
  font-size: 12px;
  color    : #b3bbc7;

}

.AZ-services-section-marketing .service-box-title {
  font-size: 18px;
  color    : #4425a7;

}

.AZ-services-section-marketing .service-box-text {
  font-size: 12px;
  color    : #282828;

  line-height: 2.1;
}

.AZ-services-section2-marketing {
  padding: 150px 0;
}

.bg-shape-blue-header {
  background-image   : var(--wpr-bg-7cbe564d-8d2d-49d7-bd6a-f3fc3a310c12);
  background-position: center bottom;
  background-repeat  : no-repeat;
  background-size    : cover;
  position           : relative;
}

.bg-shape-blue-header::after {
  content    : "\e90c";
  font-family: "ico";
  position   : absolute;
  left       : 50%;
  transform  : translateX(-50%);
  bottom     : -10px;
  font-size  : 30px;
  color      : #0ac0d6;
}

.arrow-down-section {
  margin-top: -40px;
}

.arrow-down-section span {
  font-size: 40px;
  color    : #0ac0d6;
}

/* creates triangle */
.test {
  position     : relative;
  padding      : 30px 30px;
  background   : red;
  border-radius: 40px;
}

.test:after {
  content                   : "";
  top                       : 100%;
  right                     : 3ch;
  position                  : absolute;
  border                    : 0 solid;
  display                   : block;
  width                     : 38px;
  height                    : 26px;
  background-color          : yellow;
  border-bottom-left-radius : 50%;
  border-bottom-right-radius: 150%;
  box-shadow                : 17px -9px 0px 8px pink;
}

.AZ-slider-box-marketing {
  padding: 40px 0;
}

.AZ-slider-box-marketing .AZ-section-small-title {
  color        : #14039f;
  border-radius: 40px 40px 0 40px;
  background   : #e2f8ff;
}

.AZ-slider-box-marketing .AZ-section-small-title::after {
  bottom                    : unset;
  top                       : 100%;
  border-bottom-right-radius: unset;
  border-top-right-radius   : 48%;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #e2f8ff;
}

.AZ-slider-box-marketing .AZ-section-small-title::before {
  top          : -8px;
  border-radius: 40px 40px 0 40px;
}

.boxSwiper-pagination {
  position: absolute;
  z-index : 1;
}

.boxSwiper-pagination .swiper-pagination-bullet {
  background   : #c8ced3;
  opacity      : 1;
  border-radius: 10px;
}

.boxSwiper-pagination .swiper-pagination-bullet-active {
  width     : 25px;
  background: #db001c;
}

.slider-marketing-box .slider-box-title {
  font-size: 30px;
  color    : #fff;

  margin-bottom: 10px;
}

.slider-marketing-box .slider-box-title span {
  color: #ffba00;

}

.slider-marketing-box .slider-box-text {
  font-size: 14px;
  color    : #fff;

  margin-bottom: 30px;
}

.slider-marketing-box::after {
  content         : "";
  position        : absolute;
  left            : 50%;
  bottom          : -10px;
  border-radius   : 35px;
  transform       : translateX(-50%);
  background-color: rgba(20, 3, 159, 0.1);
  width           : 95%;
  height          : 100%;
}

.AZ-simple-slider-marketing .swiper-slide {
  padding: 0 20px;
}

.AZ-simple-slider-marketing .simple-slider-title {
  font-size: 36px;
  color    : #11009e;

  margin-bottom: 20px;
}

.AZ-simple-slider-marketing .simple-slider-title span {}

.AZ-simple-slider-marketing .simple-slider-text {
  font-size: 14px;
  color    : #939aa4;

  margin-bottom: 30px;
}

.AZ-simple-slider-marketing .AZ-section-small-title {
  color        : #14039f;
  border-radius: 40px 40px 0 40px;
  background   : #e2f8ff;
}

.AZ-simple-slider-marketing .AZ-section-small-title::after {
  bottom                    : unset;
  top                       : 100%;
  border-bottom-right-radius: unset;
  border-top-right-radius   : 48%;
  background                : transparent;
  box-shadow                : 0 -20px 0 0 #e2f8ff;
}

.AZ-simple-slider-marketing .AZ-section-small-title::before {
  top             : -8px;
  border-radius   : 40px 40px 0 40px;
  background-image: linear-gradient(to left bottom, rgba(226, 248, 255, 0.5764705882), rgba(226, 248, 255, 0));
}

.customer-section-2 {
  position     : relative;
  margin-bottom: -80px;
  z-index      : 1;
}

.customer-section-2 .customer-slider-box {
  position: relative;
}

.customer-section-2 .customer-slider-box::after,
.customer-section-2 .customer-slider-box::before {
  content      : "";
  position     : absolute;
  left         : 50%;
  transform    : translateX(-50%);
  bottom       : -10px;
  height       : 100%;
  width        : 95%;
  background   : rgba(255, 255, 255, 0.1);
  border-radius: 35px;
}

.customer-section-2 .customer-slider-box::before {
  width : 90%;
  bottom: -20px;
}

.AZ-product-card {
  padding      : 20px;
  background   : #fff;
  border-radius: 30px;
  position     : relative;
  overflow     : hidden;
}

.AZ-product-card .product-card-img {
  width        : 100%;
  border-radius: 20px;
}

.AZ-product-card .product-card-img::after {
  padding-bottom: 100%;
}

.AZ-product-card .product-name {
  font-size: 15px;
  color    : #282828;

  margin-bottom: 10px;
}

.AZ-product-card .discount-tag {
  font-size: 22px;
  color    : #ffffff;

  position     : absolute;
  left         : 0;
  top          : 0;
  padding      : 5px;
  background   : #ed1c24;
  z-index      : 1;
  padding      : 5px 20px;
  border-radius: 0 0 20px 0;
}

.AZ-product-card .discount-tag::before,
.AZ-product-card .discount-tag::after {
  content      : "";
  position     : absolute;
  top          : 100%;
  width        : 30px;
  left         : 0;
  height       : 30px;
  border-radius: 20px 0 0 0;
  background   : transparent;
  box-shadow   : -8px -5px 0 #ed1c24;
}

.AZ-product-card .discount-tag::before {
  left: 100%;
  top : 0;
}

.AZ-product-card .sales-number {
  font-size: 13px;
  color    : #b3bbc7;

}

.AZ-product-card .sales-number span {
  color: #282828;

}

.AZ-product-card .product-score {
  font-size: 14px;
  color    : #939aa4;

}

.AZ-product-card .product-score span {
  color    : #ef9a3d;
  font-size: 15px;
}

.AZ-product-card .product-price {
  font-size: 12px;
  color    : #9ea9bb;

}

.AZ-product-card .product-price span {
  color    : #00c853;
  font-size: 16px;

}

.AZ-product-card .old-price {
  font-size: 16px;
  color    : #fd5056;

  text-decoration: line-through;
}

.AZ-product-card .product-card-footer {
  border-top : 1px solid #f5f5f5;
  padding-top: 10px;
}

.AZ-product-card .AZ-buy-btn {
  background: #00c853;
}

.AZ-product-card .AZ-buy-btn:hover {
  background: #039741;
  color     : #fff;
}

.AZ-products-section-marketing {
  -webkit-mask-image   : url("../../../../../../../../../themes/karenTheme/assets/images/img-marketing/Rectangle 4 copy 5.png");
  mask-image           : url("../../../../../../../../../themes/karenTheme/assets/images/img-marketing/Rectangle 4 copy 5.png");
  -webkit-mask-position: center bottom;
  mask-position        : center bottom;
  -webkit-mask-size    : cover;
  mask-size            : cover;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  margin-top           : -80px;
  padding              : 150px 0;
  overflow             : hidden;
}

.AZ-products-section-marketing .navs-top .productsSwiper-prev span,
.AZ-products-section-marketing .navs-top .productsSwiper-next span {
  color: #fff;
}

.AZ-products-section-marketing .products-section-title {
  font-size: 20px;
  color    : #fff;

  margin-bottom: 20px;
}

.AZ-products-section-marketing .products-section-title span {
  color: #fff;
}

.AZ-products-section-marketing .products-section-text {
  font-size: 13px;
  color    : #726d89;

}

@media screen and (max-width: 991px) {
  .AZ-post-page-medical .post-details-writer {
    padding: 5px 10px;
  }

  .AZ-post-page-medical .post-date,
  .AZ-post-page-medical .writer-name,
  .AZ-post-page-medical .number-visits {
    font-size: 10px;
  }

  .AZ-post-page-medical .post-details-box {
    margin-bottom: 30px;
    margin-top   : 10px;
  }

  .AZ-post-page-medical .writer-img {
    width: 40px;
  }

  .AZ-contact-body-medical .contact-info-icon {
    min-width       : 100%;
    justify-content : start;
    align-items     : center;
    background-image: linear-gradient(to left, #f9f9f9, rgba(249, 249, 249, 0));
    height          : 50px;
    padding         : 0 10px;
    width           : 100%;
  }

  .AZ-about-index-section-medical .about-index-section-img {
    width: 100%;
  }

  .AZ-projects-page-marketing .AZ-tabs {
    overflow: scroll;
    padding : 0 20px 30px 20px;
  }

  .AZ-business-improvement-medical .business-img {
    margin-top: 0;
  }

  .AZ-slider-blog-medical .slider-blog-img {
    border-radius: 20px;
  }

  .AZ-slider-blog-medical .slider-box {
    border-radius: 25px;
    padding      : 20px;
  }

  .AZ-slider-blog-medical .slider-blog-text {
    display: none;
  }

  .AZ-slider-blog-medical .slider-blog-title {
    font-size: 14px;
  }

  .AZ-slider-blog-medical .swiper-pagination {
    bottom : -10px;
    padding: 10px 40px;
  }

  .AZ-slider-blog-medical .swiper-pagination::after,
  .AZ-slider-blog-medical .swiper-pagination::before {
    content: none;
  }

  .AZ-slider-blog-medical .slider-blog-details {
    font-size: 10px;
    color    : #b3bbc7;

  }

  .AZ-slider-blog-medical .slider-blog-details .icon-clock-fill {
    font-size: 10px;
  }

  .AZ-navbar-medical {
    padding: 10px 0;
  }

  .AZ-navbar-medical .navbar-brand img {
    width: 40px;
  }

  .AZ-about-index-section-medical .reservation-btn,
  .AZ-about-index-section-medical .download-link {
    font-size: 12px;
  }

  .AZ-about-index-section-medical .social-about-section {
    padding: 10px;
  }

  .AZ-blog-card-medical-2 .blog-card-title-2 {
    font-size    : 14px;
    margin-bottom: 10px;
  }

  .AZ-blog-section-medical .blog-section-title .blog-section_icon span {
    font-size: 30px;
  }

  .AZ-blog-section-medical .blog-section-title .blog-section__title {
    font-size: 20px;
  }

  .AZ-business-improvement-marketing .business-improvement-title {
    font-size: 24px;
  }

  .AZ-about-index-section2-medical .about-index-section-img {
    margin-top: 0;
    width     : 70%;
    margin    : auto;
  }
}

@media screen and (max-width: 576px) {
  .AZ-title-group .group_title {
    font-size: 16px;
  }

  .AZ-post-page-medical .tag-link {
    font-size: 10px;
  }

  .AZ-post-page-medical .summary-contents {
    padding     : 20px;
    margin-top  : 30px;
    margin-right: 20px;
  }

  .AZ-post-page-medical .summary-contents::after {
    font-size: 150px;
    right    : -30px;
    top      : -30px;
  }

  .accordian-medical {
    padding-left: 70px;
  }

  .AZ-menu-mobile .sidebar .AZ-social-container {
    margin-left: 70px;
  }

  .AZ-comments-section-medical .comments-box {
    padding: 20px;
  }

  .AZ-comments-section-medical .comment-text {
    font-size: 12px;
  }

  .AZ-comments-section-medical .comment_box_reply {
    margin-right: 30px;
  }

  .AZ-comments-section-medical .stars span {
    font-size: 12px;
    color    : #ef9a3d;
  }

  .AZ-comments-section-medical .line {
    margin: 15px 0;
  }

  .AZ-box-section-floating {
    bottom: 80px;
    left  : 50%;
  }

  .AZ-box-section-floating .gradient-text {
    font-size: 20px;
  }

  .AZ-box-section-floating .floating-text {
    margin-top: -5px;
  }

  .AZ-box-section-floating .floating-icon {
    width    : 50px;
    height   : 50px;
    font-size: 30px;
  }

  .AZ-testimonials-section-medical .testimonial-card {
    border-radius: 25px;
    padding      : 25px;
  }

  .AZ-testimonials-section-medical .testimonial-card::after {
    top      : -60px;
    font-size: 90px;
  }

  .AZ-testimonials-section-medical .testimonial-card-img {
    width        : 90px;
    border-radius: 25px;
  }

  .AZ-blog-card-medical .blog-card-writer-img {
    width: 30px;
  }

  .AZ-blog-card-medical .blog-card-writer,
  .AZ-blog-card-medical .blog-card-date {
    font-size: 12px;
  }

  .AZ-blog-card-medical .blog-card-comments {
    font-size: 12px;
    top      : -40px;
  }

  .AZ-blog-card-medical .blog-card-comments .icon-commet {
    font-size: 15px;
  }

  .AZ-slider-blog-medical {
    margin-bottom: 50px;
  }

  .AZ-post-page-medical {
    padding: 0 0 50px 0;
  }

  .AZ-post-page-medical .post-category,
  .AZ-post-page-medical .number-comments {
    font-size: 11px;
  }

  .AZ-post-page-medical .post-title {
    font-size    : 16px;
    margin-bottom: 30px;
  }

  .AZ-contact-body-medical .contact-body-box {
    padding: 30px 20px;
  }

  .AZ-location {
    border-radius: 20px;
  }

  .AZ-about-img-medical {
    margin-top: 60px;
  }

  .AZ-new-discounts-section-medical .new-discounts-title {
    font-size: 20px;
  }

  .navs-top .nav-next span,
  .navs-top .nav-prev span {
    font-size: 20px;
  }

  .AZ-footer-medical .footer-brand .footer-brand-name span {
    font-size: 25px;
  }

  .AZ-footer-medical .footer-icon-box_img {
    width    : 35px;
    height   : 35px;
    font-size: 20px;
  }
}

@media screen and (max-width: 448px) {
  .pl-0 {
    padding-left: 0;
  }

  .AZ-menu-mobile .sidebar-content {
    width: 100%;
  }

  .AZ-footer-medical {
    padding-top: 50px;
  }

  .AZ-footer-medical .footer-text {
    padding: 0 50px 0 0;
  }

  .slider-content .slider-section-text {
    font-size    : 12px;
    margin-bottom: 20px;
  }

  .slider-content .slider-section-title {
    font-size     : 22px;
    padding-bottom: 15px;
    margin-bottom : 15px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-brand {
    margin-left: 0;
  }

  .row-bg-patern::after {
    left  : 0;
    width : 100px;
    height: 80px;
    top   : -20px;
  }

  .drag-up {
    margin-top: -150px;
  }

  .AZ-navbar-hosting .navbar-login-btn {
    font-size: 22px;
    color    : #fff;

    background   : #212341;
    border-radius: 40px;
    height       : 45px;
    width        : 45px;
    padding      : unset;
  }

  .AZ-post-carousel-hosting .swiper-button-next,
  .AZ-post-carousel-hosting .swiper-button-prev {
    display: none;
  }

  .AZ-post-carousel-hosting {
    margin-bottom: 0;
    padding      : 20px 0;
  }

  .AZ-post-carousel-hosting .post-slider-box::after {
    left: 0;
  }

  .AZ-header-hosting {
    padding-bottom: 150px;
  }

  .AZ-header-hosting .header-hosting-title {
    font-size    : 22px;
    margin-bottom: 10px;
  }

  .AZ-post-page-hosting .post-social {
    padding      : 5px 20px;
    background   : #ffd167;
    border-radius: 40px;
  }

  .AZ-post-page-hosting .post-img {
    border-radius: 20px;
  }

  .AZ-blog-section-hosting .big-card-img {
    width        : 100%;
    border-radius: 25px;
  }

  .AZ-blog-section-hosting .big-card-overlay {
    padding: 20px;
  }

  .AZ-blog-section-hosting .big-card-overlay .big-card-title {
    font-size: 16px;
  }

  .AZ-about-page-hosting .about-header-box_title {
    font-size    : 30px;
    padding      : 30px 30px 20px;
    border-radius: 20px;
  }

  .AZ-about-page-hosting .about-header-box {
    padding: 60px 10px;
  }

  .AZ-about-page-hosting .about-img-right {
    width: 100%;
  }

  .AZ-about-page-hosting .about-img-right img {
    width: 100%;
  }

  .AZ-counter-hosting .counter-box .counter-number,
  .AZ-counter-hosting .counter-box .count-prefix {
    font-size: 30px;
  }

  .AZ-contact-header-hosting .contact-page-hosting-title {
    font-size: 50px;
  }

  .buy-domain-box .buy-domain-filed {
    width: 100%;
  }

  .buy-domain-box .buy-domain-filed_btn {
    font-size: 12px;
    padding  : 10px 15px;
  }

  .buy-domain-box .nav-tabs .dropdown-toggle {
    font-size: 12px;
    width    : 80px;
  }

  .buy-domain-box .buy-domain-filed input {
    font-size: 10px;
  }

  .AZ-buy-domain-section .buy-domain-section-text {
    color: #212341;
  }

  .AZ-buy-domain-section .AZ-primary-btn {
    background: #ffd166;
    color     : #1e1e1f;
  }

  .AZ-buy-domain-section .slider-section-desc {
    color: #212341;
  }

  .bg-shape-header .headerNoDotsSwiper-navs {
    margin-right: unset;
    left        : 20px;
    bottom      : 0;
    position    : absolute;
  }

  .slider-header__5 .headerNoDotsSwiper-navs {
    bottom: 20px;
    left  : 20px;
  }
}

@media screen and (max-width: 768px) {
  .AZ-primary-btn {
    height: 40px;
  }

  .AZ-section-title {
    font-size: 18px;
  }

  .AZ-footer-hosting {
    padding-top: 50px;
  }

  .AZ-footer-hosting .footer-contact-box {
    border-radius: 25px;
    margin       : 0 0 20px;
  }

  .AZ-footer-hosting .footer-contact-box .footer-content-text {
    font-size: 10px;
  }

  .AZ-footer-hosting .footer-contact-box .footer-content-phone span {
    font-size: 16px;
    color    : #ffd166;
  }

  .AZ-breadcrumb-hosting {
    margin-bottom: 30px;
  }

  .AZ-header-hosting .header-hosting-title {
    font-size: 18px;
  }

  .AZ-navbar-hosting .navbar-login-btn,
  .AZ-navbar-hosting .navbar-cart-btn {
    font-size: 18px;
    height   : 35px;
    width    : 35px;
  }

  .AZ-navbar-hosting .navbar-brand img {
    width: 80px;
  }

  .AZ-about-page-hosting .select-plan-box .group_title {
    font-size: 20px;
  }

  .AZ-about-page-hosting .select-plan-box {
    padding: 30px;
  }

  .AZ-about-page-hosting .about-box {
    border-radius: 20px;
    padding      : 20px;
  }

  .AZ-tabs .tab-link {
    font-size: 12px;
    padding  : 8px 10px;
  }

  .AZ-plan-box-hosting {
    border-radius: 20px;
  }

  .AZ-plan-box-hosting .plan-box-inner {
    border-radius: 20px;
  }

  .AZ-plan-box-hosting .plan-box-icon {
    width     : 90px;
    height    : 90px;
    margin-top: -45px;
  }

  .AZ-plan-box-hosting .plan-box-icon-inner {
    width    : 70px;
    height   : 70px;
    font-size: 30px;
  }

  .AZ-plan-box-hosting .plan-box-title {
    font-size: 20px;
  }

  .AZ-plan-box-hosting .plan-box-desc {
    font-size: 12px;
  }

  .AZ-plan-box-hosting .plan-box-items .item {
    font-size: 12px;
  }

  .AZ-header-hosting .about-page-hosting-title {
    font-size    : 20px;
    margin-bottom: 10px;
  }

  .AZ-post-page-hosting .post-date .day {
    width    : 35px;
    height   : 35px;
    font-size: 12px;
  }

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

  .AZ-blog-card-hosting .blog-card-date {
    font-size: 10px;
  }

  .AZ-blog-card-hosting .blog-card-title {
    font-size    : 14px;
    margin-bottom: 10px;
  }

  .AZ-blog-card-hosting .blog-card-view {
    font-size: 10px;
  }

  .AZ-blog-card-hosting .blog-card-score {
    font-size: 12px;
  }

  .AZ-hosting-specifications .hosting-specifications-title {
    font-size: 18px;
  }

  .AZ-counter-hosting .counter-box .counter-number,
  .AZ-counter-hosting .counter-box .count-prefix {
    font-size: 18px;
  }

  .AZ-contact-header-hosting .contact-page-hosting-title {
    font-size: 30px;
  }

  .AZ-contact-header-hosting .contact-header-img {
    width: 250px;
  }

  .AZ-contact-page-hosting .contact-info-title {
    font-size: 10px;
  }

  .AZ-contact-page-hosting .contact-info-text {
    font-size: 10px;
  }

  .AZ-contact-page-hosting .contact-info-text span {
    font-size: 10px;
  }

  .AZ-contact-page-hosting .contact-info-icon {
    width    : 35px;
    height   : 35px;
    font-size: 18px;
  }

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

  .AZ-navbar-medical .navbar-phone-box .navbar-phone-icon,
  .navbar-search-btn {
    width    : 40px;
    height   : 40px;
    font-size: 20px;
  }

  .AZ-slider-hosting .slider-hosting-box {
    padding: 0;
  }

  .AZ-slider-hosting .slider-img {
    width: 100%;
  }

  .AZ-slider-hosting .AZ-box-section-floating-top-right,
  .AZ-slider-hosting .AZ-box-section-floating-top-left {
    top : 150px;
    left: 20px;
  }

  .AZ-slider-hosting .AZ-box-section-floating-top-right .floating-content,
  .AZ-slider-hosting .AZ-box-section-floating-top-left .floating-content {
    padding: 10px 30px;
  }

  .AZ-slider-hosting .AZ-box-section-floating-top-right {
    top  : 50px;
    right: 20px;
    left : unset;
  }

  .AZ-slider-hosting .slider-content {
    padding: 20px 10px;
  }

  .pattern-left-top::after {
    left: 0;
  }

  .pattern-left-bottom::after {
    left: 0;
  }

  .buy-domain-box {
    border-radius: 25px;
    padding      : 40px 10px 30px;
  }

  .buy-domain-box .buy-domain-box_title {
    font-size: 20px;
  }

  .buy-domain-box .nav-link {
    padding: 0.5rem;
  }

  .buy-domain-box .buy-domain-filed_btn {
    padding  : 10px 10px;
    font-size: 10px;

  }

  .AZ-specification-box-purple .specification-box-icon {
    background: #4e37b2;
    color     : #fff;
  }

  .AZ-specification-box .specification-box-icon {
    width    : 80px;
    height   : 80px;
    font-size: 30px;
  }

  .AZ-buy-domain-section {
    padding: 50px 0 20px;
  }

  .AZ-buy-domain-section .buy-domain-section-title {
    font-size: 24px;
  }

  .AZ-buy-domain-section .buy-domain-section_text {
    font-size: 9px;
  }

  .AZ-buy-domain-section .buy-domain-section_title {
    font-size: 12px;
  }

  .buy-domain-box .line {
    width : 90%;
    margin: 20px auto;
  }
}

@media screen and (max-width: 1200px) {
  .AZ-counter-marketing .counter-circle-inner {
    width : 100px;
    height: 100px;
  }

  .AZ-counter-marketing .counter-circle {
    width : 150px;
    height: 150px;
  }

  .AZ-counter-marketing .counter-number,
  .AZ-counter-marketing .count-prefix {
    font-size: 30px;
  }

  .AZ-counter-marketing .counter-text {
    font-size: 16px;
  }

  .AZ-navbar-marketing .nav-link {
    font-size: 12px;
    padding  : 12px 10px !important;
  }
}

@media screen and (max-width: 991px) {
  .w-md-100 {
    width: 100% !important;
  }

  .bg-wave.bg-wave-cyan::before {
    content: none;
  }

  .AZ-navbar-marketing .container {
    border-bottom : 1px solid #11009e;
    padding-bottom: 15px;
  }

  .AZ-navbar-marketing .dropdown-search {
    min-width: auto;
    flex-grow: 2;
  }

  .AZ-navbar-marketing .navbar-brand {
    border-bottom : 0;
    padding-bottom: 15px;
  }

  .AZ-navbar-marketing .navbar-brand img {
    width: 80px;
  }

  .AZ-sticky-navbar {
    display: block;
  }

  .slider-blog-marketing {
    margin: 0;
  }

  .slider-blog-marketing .blog-slider-title {
    font-size: 14px;
    margin   : 5px 0;
  }

  .slider-blog-marketing .blog-slider-img .blog-slider-overlay {
    padding: 20px 20px 20px 100px;
  }

  .slider-blog-marketing .blog-slider-text {
    font-size: 11px;
  }

  .slider-blog-marketing .blog-slider-category {
    font-size: 10px;
    padding  : 5px 10px;
  }

  .slider-blog-marketing .navs {
    bottom: 30px;
    left  : 10px;
  }

  .slider-blog-marketing .swiper-rtl .swiper-button-prev {
    left: 45px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width : 30px;
    height: 30px;
    border: 1px solid #ffffff;
  }

  .AZ-business-improvement-marketing {
    padding: 50px 0;
  }

  .AZ-business-improvement-marketing .business-improvement-img {
    width   : 100%;
    position: absolute;
  }

  .AZ-business-improvement-marketing .business-improvement-img2 {
    display: none;
  }

  .AZ-business-improvement-marketing .AZ-not-break {
    margin-top : 0;
    padding-top: 50px;
    overflow-x : auto;
    flex-wrap  : nowrap;
  }

  .AZ-business-improvement-marketing .AZ-not-break .col-4 {
    width: 300px;
  }

  .AZ-business-improvement-wave-marketing {
    padding: 150px 0 100px;
  }

  .AZ-plan-section-marketing {
    padding: 50px 0;
  }

  .gallery-container {
    width: 100%;
  }

  .slider-header__5 {
    padding: 30px 0;
  }

  .slider-header__5 .slider-header__5_title {
    font-size: 20px;
  }

  .slider-header__5 .slider-header__5_title span {
    font-size: 30px;
  }

  .bg-patern-marketing {
    background-image: none;
    padding         : 0;
  }

  .AZ-simple-section-marketing img {
    width: 100%;
  }

  .AZ-business-improvement-marketing2 .business-improvement-img {
    position : absolute;
    right    : 0;
    top      : 150px;
    transform: unset;
  }

  .AZ-business-improvement-marketing2 .line-shape {
    background-image: none;
  }

  .AZ-business-improvement-wave-marketing {
    margin-top: -170px;
  }

  .AZ-counter2-marketing {
    padding: 100px 0 80px;
  }

  .AZ-counter2-marketing .counter2-img {
    position       : unset;
    width          : 100%;
    justify-content: center;
    display        : flex;
  }
}

@media screen and (max-width: 768px) {
  .AZ-post-carousel-marketing {
    padding: 100px 0;
  }

  .AZ-services-description-section-marketing .services-description-box {
    padding      : 20px;
    border-radius: 20px;
  }

  .AZ-team-section-marketing .team-btn,
  .AZ-team-section-marketing .team-link,
  .about-video .team-btn,
  .about-video .team-link {
    font-size: 14px;
    padding  : 8px 15px;
  }

  .AZ-accordion .accordion-item__button {
    padding: 15px;
  }

  .AZ-plan-card {
    border-radius: 20px;
  }

  .AZ-plan-card .plan-card-price {
    font-size : 30px;
    margin-top: 20px;
  }

  .AZ-plan-card .plan-card-btn {
    font-size: 14px;
  }

  .AZ-plan-card .plan-card-tag {
    font-size: 12px;
  }

  .AZ-plan-card .plan-card-currency {
    font-size: 16px;
    margin   : 8px 0 15px;
  }

  .AZ-new-discounts-card {
    border-radius: 25px;
    padding      : 20px;
  }

  .AZ-new-discounts-card .discount-card-title {
    font-size: 16px;
  }

  .AZ-new-discounts-card2 {
    border-radius: 0;
  }

  .AZ-services-section-marketing .service-box {
    border-radius: 15px;
    padding      : 20px;
  }

  .AZ-services-section-marketing .service-box-title {
    font-size: 12px;
  }

  .AZ-services-section-marketing .service-box-icon {
    width     : 40px;
    height    : 40px;
    min-width : 40px;
    min-height: 40px;
  }

  .AZ-services-section-marketing .service-box-icon-inner {
    font-size: 20px;
  }

  .AZ-services-section-marketing .service-box-desc {
    font-size: 10px;
  }

  .AZ-services-section-marketing .service-box-text {
    font-size: 10px;
  }

  .AZ-services-section-marketing .service-box-icon::after {
    width : 60px;
    height: 60px;
  }

  .AZ-about-img-marketing {
    margin: 30px 0;
  }

  .AZ-about-img-marketing .about-header-title {
    font-size: 30px;
  }

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

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

  .about-video {
    margin-top: 50px;
  }

  .AZ-about-body-marketing .about-body-box {
    padding      : 30px;
    border-radius: 30px;
  }

  .AZ-counter-marketing {
    padding: 50px 0;
  }

  .mb-md-80 {
    margin-bottom: 80px;
  }

  .bg-wave.bg-wave-cyan {
    border-bottom-left-radius : 50% 0%;
    border-bottom-right-radius: 50% 0%;
  }

  .bg-wave.bg-wave-darkBlue {
    border-bottom-left-radius : 50% 0%;
    border-bottom-right-radius: 50% 0%;
  }

  .AZ-services-section2-marketing {
    padding: 100px 0;
  }
}

@media screen and (max-width: 576px) {
  .AZ-post-page-marketing .writer-info {
    padding-right: 0;
    border-right : 0;
  }

  .blog-card-marketing {
    padding      : 10px;
    border-radius: 20px;
  }

  .blog-card-marketing .blog-card-img {
    border-radius: 15px;
    margin-bottom: 10px;
  }

  .blog-card-marketing .blog-card-writer {
    font-size : 10px;
    text-align: center;
    width     : 100%;
    text-align: center;
  }

  .blog-card-marketing .blog-card-title {
    font-size: 14px;
  }

  .blog-card-marketing .blog-card-date {
    font-size: 10px;
    padding  : 5px 10px;
  }

  .AZ-post-carousel-marketing .navs .nav-prev span,
  .AZ-post-carousel-marketing .navs .nav-next span {
    font-size: 20px;
    color    : #0f0928;
  }

  .AZ-post-page-marketing .share-btn,
  .AZ-post-page-marketing .category-post {
    width    : 30px;
    height   : 30px;
    font-size: 18px;
    padding  : 5px 10px;
  }

  .AZ-post-page-marketing .category-post,
  .AZ-post-page-marketing .number-visits {
    font-size: 10px;
    width    : auto;
    height   : 30px;
  }

  .AZ-comments-section-marketing .comments-box {
    padding: 15px;
  }

  .AZ-comments-section-marketing .comment-box-title {
    font-size: 12px;
  }

  .AZ-comments-section-marketing .comment-box-text {
    font-size: 12px;
  }

  .modal-wrapper .modal-content {
    padding: 20px;
  }

  .about-video .video-overlay {
    width : 100px;
    height: 100px;
  }

  .about-video .video-overlay .play-btn {
    width : 80px;
    height: 80px;
  }

  .about-video .video-overlay .play-btn-inner {
    width : 50px;
    height: 50px;
  }

  .about-video .video-overlay .play-btn-inner span {
    font-size: 30px;
  }
}

@media screen and (max-width: 448px) {
  .AZ-navbar-marketing .navbar-brand img {
    width: 60px;
  }

  .AZ-sticky-navbar .order {
    width : 100%;
    height: unset;
    width : 100%;
  }

  .AZ-sticky-navbar .order::after {
    padding-bottom: 100%;
  }

  .slider-blog-marketing .blog-slider-text {
    display: none;
  }

  .AZ-counter-marketing .counter-circle-inner {
    width : 80px;
    height: 80px;
  }

  .AZ-counter-marketing .counter-circle {
    width : 120px;
    height: 120px;
  }

  .AZ-counter-marketing .counter-number,
  .AZ-counter-marketing .count-prefix {
    font-size: 22px;
  }

  .AZ-counter-marketing .counter-text {
    font-size: 12px;
    padding  : 5px 10px;
  }

  .slider-marketing-box {
    border-radius: 25px;
    padding      : 20px;
  }

  .slider-marketing-box .slider-box-title {
    font-size: 20px;
  }

  .slider-marketing-box .slider-box-text {
    margin-bottom: 20px;
  }

  .slider-content {
    padding: 0 10px;
  }

  .simple-section-list .list-title {
    font-size: 16px;
  }

  .simple-section-title {
    font-size: 18px;
  }
}

.comments-jamin-items li ul li,
.blog-jamin .article-blog,
.about-us-jamin-team-item h5,
.about-us-jamin-team-item .image,
.about-us-jamin-team .col-lg-3,
.web-sms-service-files-item .content .image,
.web-sms-service-landing-code .tabs li,
.web-sms-service-landing-code,
.auth-jamin-wrapper .with-google,
.auth-jamin-wrapper form label,
.auth-jamin-wrapper .tabs li,
.plugins-jamin-item .content .image,
.representation .agency-facilities-item,
.sms-panel-plans-item,
.special-features-item i,
.special-features-item,
.article-blog h3,
.tabs-jamin.plan li,
.section-title h4,
.section-title {
  position: relative;
}

.comments-jamin-items li ul li::before,
.blog-jamin .article-blog::after,
.blog-jamin-aside form button,
.about-us-jamin-story img,
.about-us-jamin-team-item h5::after,
.about-us-jamin-team-item .image::after,
.about-us-jamin-team-item .image::before,
.about-us-jamin-team .col-lg-3:not(:last-child)::after,
.web-sms-service-files-item .content .image::after,
.web-sms-service-landing-code .tabs li::after,
.web-sms-service-landing-code::after,
.auth-jamin-wrapper .with-google::after,
.auth-jamin-wrapper form label input,
.auth-jamin-wrapper form .form-group i,
.auth-jamin-wrapper .tabs li:first-child::after,
.plugins-jamin-item .content .image .overlay::after,
.plugins-jamin-item .content .image .overlay,
.plugins-jamin .btn-develope,
.representation .agency-facilities::after,
.plans .tabs,
.footer-bottom .back-header,
.footer::after,
.brands-jamani::after,
.customers-comments-jamin .container::after,
.new-articles-blog .view-blog,
.new-articles-blog .container::before,
.new-articles-blog::after,
.sms-panel-plans-item::before,
.sms-panel-plans .tabs,
.special-features-item::before,
.special-features-item::after,
.special-features .row::after,
.special-features::after,
.landing .test-speed form .btn,
.landing .test-speed form i,
.landing::after,
.nav-responsive-content,
.nav-responsive-close,
.link-fix,
.article-blog h3::before,
.tabs-jamin.plan li:first-child::before,
.section-title h4::before,
.section-title::before {
  position: absolute;
}

.about-us-jamin-team-item .image::after,
.about-us-jamin-team-item .image::before,
.web-sms-service-files-item .content .image::after,
.plugins-jamin-item .content .image .overlay::after,
.customers-comments-jamin .container::after,
.new-articles-blog .container::before,
.special-features .row::after,
.nav-responsive,
.nav-responsive-backdrop,
.link-fix {
  top   : 0;
  left  : 0;
  width : 100%;
  height: 100%;
}

.comments-jamin-items li .content,
.blog-jamin-aside-box-top-articles li,
.faq-jamin-items li .heading,
.contact-us-jamin-info-jamin li,
.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image .overlay,
.plugins-jamin-item .content .image,
.plans-content-options li,
.plans-content-name-item .image,
.footer-contact li,
.faq-home .tabs li,
.customers-comments-jamin-item .author,
.customers-comments-jamin-item .stars,
.sms-panel-plans-item .image,
.pagination-jamin,
.tabs-jamin,
.megamenu-content-item .right .links {
  display: flex;
}

.blog-jamin-aside-box-top-articles li,
.faq-jamin-items li .heading,
.contact-us-jamin-info-jamin li,
.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image,
.plans-content-options li,
.plans-content-name-item .image,
.footer-contact li,
.faq-home .tabs li,
.customers-comments-jamin-item .author,
.customers-comments-jamin-item .stars,
.sms-panel-plans-item .image,
.pagination-jamin {
  align-items: center;
}

.web-sms-service-files-item .content .image,
.plugins-jamin-item .content .image .overlay,
.plugins-jamin-item .content .image,
.plans-content-name-item .image,
.sms-panel-plans-item .image,
.pagination-jamin {
  justify-content: center;
}

*,
*::after,
*::before {
  box-sizing : border-box;
  padding    : 0;
  margin     : 0;
  list-style : none;
  font-family: inherit;
}

a,
a:hover,
a:focus,
a:active {
  color          : inherit;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

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

*,
*::after,
*::before {
  transition: all 0.3s ease-in-out;
}

i::after,
i::before {
  transition: 0s;
}

html {
  overflow: hidden auto;
}

.app {
  overflow       : hidden;
  display        : flex;
  align-items    : "";
  justify-content: space-between;
  flex-direction : column;
  min-height     : 100vh;
}

.app-auth {
  background-color: #fafafa;
}

body {
  color           : #424242;
  line-height     : 20px;
  background-color: #fff;
  text-align      : right;
  direction       : rtl;
}

button {
  cursor: pointer;
}

input,
button,
textarea,
select {
  background-color: transparent;
  border          : none;
  outline         : none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


.logo .detail h1 {
  font-size    : 16px;
  line-height  : 16px;
  color        : #4a4a4a;
  font-family  : "Far.Fanni";
  margin-bottom: 7px;
}

.logo .detail h5 {
  font-size  : 10px;
  line-height: 15px;
  color      : #b0b0b0;
}

.form-control {
  display      : block;
  max-width    : 100%;
  width        : 100%;
  height       : 64px;
  border-radius: 77px;
  border       : 1px solid #ebebeb;
  padding      : 0 12px;
  font-size    : 11px;
  font-weight  : 500;
  color        : #818181;
}

textarea.form-control {
  resize       : none;
  height       : 218px;
  border-radius: 27px;
  padding-top  : 35px;
}

.section-title {
  text-align: center;
}

.section-title::before {
  content        : "";
  top            : 0;
  left           : 50%;
  transform      : translate(-50%, -100px);
  width          : 607px;
  height         : 604px;
  background     : url(../../../../../../../../../themes/karenTheme/assets/images/section-heading.png) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
}

@media only screen and (max-width: 767px) {
  .section-title::before {
    content: none;
  }
}

.section-title img {
  margin-bottom: 17px;
}

.section-title h4 {
  font-size  : 25px;
  line-height: 40px;
  color      : #404040;
  font-weight: 400;

}

.section-title h4::before {
  content    : attr(data-title);
  font-size  : 50px;
  line-height: 61px;
  top        : 0;
  left       : 50%;

  font-weight            : 800;
  transform              : translate(-50%, -60%);
  z-index                : -1;
  background-image       : linear-gradient(180deg, rgba(178, 178, 178, 0.21) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip        : text;
  -webkit-text-fill-color: transparent;
  white-space            : nowrap;
}

@media only screen and (max-width: 575px) {
  .section-title h4 {
    font-size  : 18px;
    line-height: 32px;
  }

  .section-title h4::before {
    font-size  : 38px;
    line-height: 50px;
  }
}

.tabs-jamin.plan {
  border       : 1px solid #ebebeb;
  border-radius: 77px;
  width        : 253px;
  height       : 64px;
}

.tabs-jamin.plan li {
  height     : 64px;
  line-height: 64px;
  max-width  : 50%;
  width      : 100%;
  text-align : center;
  font-size  : 11px;
  color      : #494949;
  z-index    : 2;
  cursor     : pointer;
}

.tabs-jamin.plan li.active {
  color: #fff;
}

.tabs-jamin.plan li:first-child::before {
  content         : "";
  top             : 0;
  right           : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : 64px;
  background-color: #ffa800;
  z-index         : -1;
}

.tabs-jamin.plan li:first-child:not(.active)::before {
  right    : 50%;
  transform: translateX(-50%);
}

.article-blog {
  border-radius   : 33px;
  background-color: #fff;
  box-shadow      : 0px 25px 49px rgba(0, 0, 0, 0.03);
}

.article-blog figure {
  margin-bottom: 29px;
}

.article-blog figure img {
  display      : block;
  width        : 100%;
  border-radius: 33px 33px 40px 0;
}

.article-blog h3 {
  margin       : 0 12px 17px 30px;
  font-size    : 11px;
  line-height  : 17px;
  color        : #494949;
  font-weight  : bold;
  height       : 34px;
  overflow     : hidden;
  padding-right: 20px;
}

.article-blog h3::before {
  content    : "\e901";
  font-family: "icon-jamin";
  top        : 0;
  right      : 0;
  font-size  : 13px;
  color      : #e3e3e3;
}

.article-blog p {
  margin     : 0 32px 17px 30px;
  text-align : justify;
  font-size  : 10.5px;
  line-height: 20px;
  color      : #8c8c8c;
  height     : 60px;
  overflow   : hidden;
}

.article-blog .badge {
  margin-right: 32px;
}

.article-blog .clock-read {
  margin        : 6px 32px 0 30px;
  padding-bottom: 23px;
}

.article-blog .clock-read .clock {
  font-size  : 10.5px;
  color      : #a5a5a5;
  line-height: 16px;
}

.article-blog .clock-read .clock i {
  color      : #b7b7b7;
  font-size  : 14px;
  margin-left: 6px;
}

.article-blog .clock-read .read {
  font-size  : 10.5px;
  line-height: 16px;
  color      : #848484;
  padding    : 21px 27px;
}

.article-blog .clock-read .read i {
  font-size   : 9px;
  margin-right: 11px;
  color       : #c4c4c4;
}

.article-blog .clock-read .read:hover {
  background-color: #1b75e8;
  box-shadow      : 0px 4px 22px rgba(27, 117, 232, 0.11);
}

.article-blog .clock-read .read:hover,
.article-blog .clock-read .read:hover i {
  color: #fff;
}

@media only screen and (max-width: 1399px) {
  .article-blog .clock-read {
    margin: 6px 15px 0;
  }
}

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

  .article-blog h3,
  .article-blog p,
  .article-blog .badge,
  .article-blog .clock-read {
    margin-right: 15px;
    margin-left : 15px;
  }
}

@media only screen and (max-width: 767px) {
  .article-blog .clock-read .clock {
    font-size: 10px;
  }

  .article-blog .clock-read .read {
    padding: 15px 18px;
  }
}

.badge {
  font-size    : 10px;
  line-height  : 15px;
  font-weight  : bold;
  display      : inline-block;
  padding      : 8px 19px;
  border-radius: 37px;
}

.badge-primary {
  background-color: rgba(27, 117, 233, 0.16);
  color           : #1b75e9;
}

.badge-warning {
  background-color: rgba(255, 168, 0, 0.16);
  color           : #ffa800;
}

.badge-success {
  background-color: rgba(7, 204, 102, 0.16);
  color           : #07cc66;
}

.swiper-jamin {
  position: unset;
  overflow: unset;
}

.swiper-jamin .swiper-button-next::after,
.swiper-jamin .swiper-button-prev::after {
  content    : "\e902";
  font-family: "icon-jamin";
  font-size  : 24px;
  color      : #1b75e8;
}

.swiper-jamin .swiper-button-prev::after {
  content: "\e904";
}

.swiper-jamin .swiper-button-disabled {
  opacity: 1;
}

.swiper-jamin .swiper-button-disabled::after {
  color: #d4d4d4;
}

.swiper-jamin .swiper-pagination-bullet {
  width           : 7px;
  height          : 7px;
  background-color: #d1d1d1;
  border-radius   : 50%;
  opacity         : 1;
  margin          : 0 !important;
}

.swiper-jamin .swiper-pagination-bullet:not(:last-child) {
  margin-left: 3px !important;
}

.swiper-jamin .swiper-pagination-bullet-active {
  background-color: #1b75e8;
  width           : 18px;
  border-radius   : 5px;
}

.table-jamin {
  width          : 100%;
  border-collapse: collapse;
  text-align     : center;
}

.table-jamin-responsive {
  overflow: auto hidden;
}

.table-jamin th {
  font-weight: bold;
}

.table-jamin th,
.table-jamin td {
  line-height: 18.78px;
  font-size  : 12px;
  color      : #454545;
  padding    : 17px 15px 15px;
}

.table-jamin th,
.table-jamin th span,
.table-jamin td,
.table-jamin td span {
  white-space: nowrap;
}

.table-jamin th:first-child,
.table-jamin td:first-child {
  border-radius: 0 34px 34px 0;
}

.table-jamin th:last-child,
.table-jamin td:last-child {
  border-radius: 34px 0 0 34px;
}

.table-jamin td {
  font-weight: 500;
}

.table-jamin tr:nth-child(even) td {
  background-color: #fcfcfc;
}

.link-fix {
  z-index: 3;
}

.pagination-jamin {
  padding         : 25px 33px;
  background-color: #fff;
  box-shadow      : 0px 12px 25px rgba(0, 0, 0, 0.02);
  border-radius   : 37px;
  width           : -moz-fit-content;
  width           : fit-content;
  margin          : 61px auto 0;
}

.pagination-jamin li {
  font-size: 11.5px;
  color    : #414141;
}

.pagination-jamin li a {
  font-weight: 400;
  line-height: 18px;
}

.pagination-jamin li a.prev,
.pagination-jamin li a.next {
  font-size  : 11px;
  font-weight: bold;
  color      : #4b4b4b;
}

.pagination-jamin li a:hover,
.pagination-jamin li a.active {
  color: #1b75e9;
}

.pagination-jamin li:not(:last-child) {
  margin-left: 21px;
}

.top-header {
  padding: 34px 0 0;
}

.top-header .container {
  position: relative;
}

.top-header .btn-nav {
  font-size: 19px;
}

.top-header .logo {
  margin-left: 107px;
}

.top-header-nav ul li {
  position: relative;
}

.top-header-nav ul li:not(:last-child) {
  margin-left: 38px;
}

.top-header-nav ul li a {
  display    : block;
  font-size  : 11px;
  font-weight: bold;
  line-height: 16px;
}

.top-header-nav ul li a span {
  color: #5f5f5f;
}

.top-header-nav ul li a i {
  font-size  : 17px;
  color      : #b4b4b4;
  margin-left: 9px;
}

.top-header-nav ul li:hover>a span,
.top-header-nav ul li:hover>a i {
  color: #1b75e9;
}

.top-header-nav ul li ul {
  position        : absolute;
  top             : calc(100% + 80px);
  left            : 50%;
  width           : 170px;
  border-radius   : 12px;
  background-color: #fff;
  box-shadow      : 0 3px 30px rgba(0, 0, 0, 0.08);
  z-index         : 99;
  padding         : 12px;
  transform       : translateX(-50%);
  opacity         : 0;
  visibility      : hidden;
}

.top-header-nav ul li ul::after {
  content   : "";
  position  : absolute;
  top       : -6px;
  left      : 50%;
  border    : 8px solid #fff;
  transform : translateX(-50%) rotate(45deg);
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.08);
}

.top-header-nav ul li ul::before {
  content : "";
  position: absolute;
  top     : -30px;
  z-index : -1;
  width   : 100%;
  height  : 70px;
}

.top-header-nav ul li ul li {
  width: 100%;
}

.top-header-nav ul li ul li a {
  display    : block;
  line-height: 40px;
  font-size  : 13px;
  font-weight: bold;
  color      : #383838;
}

.top-header-nav ul li ul li ul {
  top      : -10px;
  right    : 160%;
  transform: unset;
}

.top-header-nav ul li ul li ul::after {
  transform: rotate(135deg);
  top      : 22px;
  right    : -6px;
  left     : auto;
}

.top-header-nav ul li ul li ul::before {
  top   : 0;
  right : -25%;
  height: 100%;
}

.top-header-nav ul li ul li:hover>a {
  padding-right: 5px;
  color        : #1b75e9;
}

.top-header-nav ul li ul li:hover ul {
  top  : -10px;
  right: 125%;
}

.top-header-nav ul li:hover>ul {
  opacity   : 1;
  visibility: visible;
  top       : calc(100% + 30px);
}

.top-header-socials {
  margin: 0 auto 0 38px;
}

.top-header-socials li:not(:last-child) {
  margin-left: 8px;
}

.top-header-socials li a {
  display         : block;
  width           : 38px;
  height          : 38px;
  border-radius   : 50%;
  background-color: #ddd;
  text-align      : center;
  line-height     : 38px;
  color           : #fff;
  font-size       : 13px;
}

.top-header-socials li:first-child a:hover {
  background-color: #e60023;
}

.top-header-socials li:nth-child(2) a:hover {
  background-color: #1b75e9;
}

.top-header-socials li:last-child a:hover {
  background-color: #00acee;
}

.top-header .btn {
  box-shadow   : 0px 20px 25px rgba(247, 148, 30, 0.13);
  border-radius: 4px 35px 35px;
  padding      : 22px 40px;
}

.top-header .btn-secondary {
  box-shadow: none;
}

@media only screen and (max-width: 1399px) {
  .top-header .logo {
    margin-left: 50px;
  }

  .top-header-nav ul li:not(:last-child) {
    margin-left: 20px;
  }
}

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

  .top-header .logo,
  .top-header-socials {
    margin-left: 15px;
  }

  .top-header-nav ul li:not(:last-child) {
    margin-left: 10px;
  }

  .top-header-nav ul li a i {
    margin-left: 4px;
  }

  .top-header-socials li:not(:last-child) {
    margin-left: 4px;
  }

  .top-header-socials li a {
    width      : 30px;
    height     : 30px;
    line-height: 32px;
  }

  .top-header .btn {
    padding: 20px 31px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header {
    padding      : 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow   : 0 3px 30px rgba(0, 0, 0, 0.1);
  }

  .top-header .logo {
    margin: 0 auto;
  }

  .top-header-socials {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header .logo {
    position : absolute;
    top      : 0;
    left     : 50%;
    transform: translateX(10%);
  }

  .top-header .logo img {
    margin-left: 0;
  }

  .top-header .logo .detail {
    display: none;
  }

  .top-header .btn {
    margin-right: auto;
    padding     : 15px 16px;
  }
}

.nav-responsive {
  z-index         : 99999999 !important;
  opacity         : 0;
  visibility      : hidden;
  transition-delay: 0.3s;
}

.nav-responsive,
.nav-responsive-backdrop {
  position: fixed;
}

.nav-responsive-backdrop {
  background-color       : rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
}

.nav-responsive-close {
    top: 8px !important;
    left: 8px !important;
    font-size: 36px !important;
    color: #fff !important;
    z-index: 99999999 !important;
}

.nav-responsive-content {
  top             : 0;
  right           : -280px;
  width           : 280px;
  height          : 100%;
  z-index         : 99999999 !important;
  background-color: #fff;
  transition-delay: 0s;
}

.nav-responsive-content .logo {
  margin: 32px 0;
}

.nav-responsive-content ul li {
  position: relative;
}

.nav-responsive-content ul li a {
  display    : block;
  padding    : 0 12px;
  line-height: 40px;
  font-size  : 12px;
  font-weight: bold;
}

.nav-responsive-content ul li a i {
  font-size  : 17px;
  margin-left: 9px;
}

.nav-responsive-content ul li a:hover span,
.nav-responsive-content ul li a:hover i {
  color: #1b75e9;
}

.nav-responsive-content ul li>i {
  position   : absolute;
  top        : 0;
  left       : 12px;
  line-height: 40px;
  font-size  : 14px;
}

.nav-responsive-content ul li.open>i::before {
  content: "\e929";
}

.nav-responsive-content ul li ul {
  padding-right   : 24px;
  background-color: #f2f2f2;
  overflow        : hidden;
  height          : 0;
}

.nav-responsive-content ul li ul li a {
  color: #515151;
}

.nav-responsive.open {
  opacity         : 1;
  visibility      : visible;
  transition-delay: 0s;
}

.nav-responsive.open .nav-responsive-content {
  right           : 0;
  transition-delay: 0.3s;
}

@media only screen and (min-width: 992px) {
  .nav-responsive {
    display: none;
  }
}

.landing {
  margin: 100px 0 0;
}

.landing::after {
  content        : "";
  top            : 100%;
  right          : 0;
  width          : 955px;
  height         : 955px;
  background     : var(--wpr-bg-25ef1f9e-3090-4b83-a355-e2de3a1728ee) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  transform      : translate(233px, -322px);
}

.landing h3 {
  color        : #383838;
  font-size    : 37px;
  line-height  : 59px;
  margin-bottom: 32px;

  max-width: 530px;
  width    : 100%;
}

.landing h3 span {
  color: #1b75e9;
}

.landing p {
  font-size    : 11px;
  line-height  : 23px;
  color        : #686868;
  margin-bottom: 35px;
}

.landing ul {
  margin-bottom: 48px;
}

.landing ul li {
  font-size  : 11px;
  color      : #6f6f6f;
  font-weight: 500;
}

.landing ul li:not(:last-child) {
  margin-bottom: 25px;
}

.landing ul li::before {
  content       : "\e90a";
  font-family   : "icon-jamin";
  font-size     : 17px;
  color         : #32b155;
  display       : inline-block;
  vertical-align: middle;
  margin-left   : 14px;
}

.landing .test-speed .title {
  font-size    : 13px;
  font-weight  : bold;
  color        : #4f4f4f;
  line-height  : 19px;
  margin-bottom: 29px;
}

.landing .test-speed .title img {
  width      : 43px;
  height     : 43px;
  margin-left: 15px;
}

.landing .test-speed form {
  max-width: 493px;
}

.landing .test-speed form .form-control {
  border-radius   : 35px;
  box-shadow      : 0px 3px 35px rgba(0, 0, 0, 0.05);
  border          : none;
  height          : 70px;
  padding         : 0 64px 0 140px;
  background-color: #fff;
}

.landing .test-speed form i {
  font-size: 19px;
  top      : 24px;
  right    : 36px;
  margin   : auto 0;
  color    : #dadada;
}

.landing .test-speed form .btn {
  top        : 0;
  left       : 0;
  font-size  : 11px;
  font-weight: 700;
  line-height: 18px;
  color      : #fff;
  padding    : 26px 37px;
}

.landing-image {
  filter: drop-shadow(0px 21px 36px rgba(0, 0, 0, 0.06));
}

@media only screen and (max-width: 1199px) {
  .landing h3 {
    font-size  : 32px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .landing {
    margin-top: 50px;
  }

  .landing .col-lg-6:first-child {
    order: 2;
  }

  .landing h3 {
    max-width    : 470px;
    margin-bottom: 25px;
  }

  .landing p {
    margin-bottom: 28px;
  }

  .landing ul {
    margin-bottom: 32px;
  }

  .landing .test-speed {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 474px) {
  .landing h3 {
    font-size  : 24px;
    line-height: 36px;
    max-width  : 100%;
  }

  .landing .test-speed .title img {
    margin-left: 8px;
  }

  .landing .test-speed form {
    flex-direction: column;
  }

  .landing .test-speed form i {
    top: 15px;
  }

  .landing .test-speed form .form-control {
    height        : 96px;
    padding-bottom: 48px;
  }

  .landing .test-speed form .btn {
    top      : auto;
    bottom   : 0;
    max-width: 100%;
    width    : 100%;
    padding  : 15px 12px;
  }
}

.special-features {
  margin-top: 141px;
}

@media only screen and (max-width: 767px) {
  .special-features {
    margin-top: 70px;
  }
}

.special-features::after {
  content        : "";
  top            : 0;
  left           : 0;
  width          : 607px;
  height         : 604px;
  background     : var(--wpr-bg-d5511e63-81b8-49ba-8670-8ba3dc2aafd4) 0 0 no-repeat;
  background-size: 100% 100%;
}

.special-features .row {
  margin-top: 113px;
}

@media only screen and (max-width: 767px) {
  .special-features .row {
    margin-top: 70px;
  }
}

.special-features .row::after {
  content         : "";
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 100%);
  transform       : rotate(-5deg) scale(1.1, 1.3);
  border-radius   : 115px;
}

@media only screen and (max-width: 991px) {
  .special-features .row::after {
    content: none;
  }
}

.special-features .row .col-lg-4 {
  margin-bottom: 22px;
}

.special-features-item {
  background-color: #fff;
  box-shadow      : 0px 24px 93px rgba(0, 0, 0, 0.04);
  border-radius   : 19px;
  padding         : 38px 27px 49px 20px;
  display         : flex;
  height          : 100%;
  z-index         : 2;
  overflow        : hidden;
}

.special-features-item::after {
  content         : "";
  top             : 0;
  right           : 27px;
  width           : 74px;
  height          : 4px;
  background-color: #00c77f;
  border-radius   : 19px;
}

.special-features-item::before {
  content    : "\e909";
  font-family: "icon-jamin";
  font-size  : 104px;
  right      : 11px;
  bottom     : 20px;
  color      : #fcfcfc;
  z-index    : 1;
}

.special-features-item i {
  background-color: #00c77f;
  color           : #fff;
  font-size       : 25px;
  border-radius   : 50%;
  box-shadow      : 0px 7px 19px rgba(0, 207, 157, 0.2);
  width           : 74px;
  height          : 74px;
  text-align      : center;
  line-height     : 74px;
  z-index         : 4;
}

.special-features-item .detail {
  padding-right: 27px;
  max-width    : calc(100% - 101px);
  width        : 100%;
}

.special-features-item .detail h5 {
  font-size  : 12px;
  line-height: 18px;
  color      : #454545;
  font-weight: bold;
  margin     : 30px 0 13px;
}

.special-features-item .detail p {
  text-align : justify;
  font-size  : 10px;
  line-height: 22px;
  color      : #7c7c7c;
}

.special-features-item:hover::after {
  width  : 100%;
  height : 100%;
  right  : 0;
  z-index: -1;
}

.special-features-item:hover::before {
  opacity: 0.1;
}

.special-features-item:hover i {
  background-color: #fff;
  color           : #00c77f;
}

.special-features-item:hover h5,
.special-features-item:hover p {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .special-features-item {
    padding: 38px 15px 49px;
  }

  .special-features-item .detail {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 499px) {
  .special-features-item {
    flex-direction: column;
  }

  .special-features-item::after {
    right    : 50%;
    transform: translateX(50%);
  }

  .special-features-item i {
    margin: 0 auto;
  }

  .special-features-item .detail {
    max-width: 100%;
    padding  : 0;
  }

  .special-features-item .detail h5,
  .special-features-item .detail p {
    text-align: center;
  }

  .special-features-item:hover::after {
    transform: unset;
  }
}

.col-lg-4:nth-child(2) .special-features-item::after {
  background-color: #00c7c7;
}

.col-lg-4:nth-child(2) .special-features-item::before {
  content  : "\e90c";
  font-size: 111px;
  right    : -25px;
  bottom   : 25px;
}

.col-lg-4:nth-child(2) .special-features-item i {
  background-color: #00c7c7;
  box-shadow      : 0px 9px 24px rgba(29, 183, 183, 0.17);
}

.col-lg-4:nth-child(2) .special-features-item:hover i {
  color: #00c7c7;
}

.col-lg-4:nth-child(3) .special-features-item::after {
  background-color: #ffb800;
}

.col-lg-4:nth-child(3) .special-features-item::before {
  content    : "\e906";
  font-size  : 104px;
  width      : 65px;
  height     : 104px;
  right      : 9px;
  bottom     : -7px;
  line-height: 104px;
}

.col-lg-4:nth-child(3) .special-features-item i {
  background-color: #ffb800;
  box-shadow      : 0px 9px 24px rgba(255, 184, 0, 0.16);
}

.col-lg-4:nth-child(3) .special-features-item:hover i {
  color: #ffb800;
}

.col-lg-4:nth-child(4) .special-features-item::after {
  background-color: #ff7a00;
}

.col-lg-4:nth-child(4) .special-features-item::before {
  content    : "\e90f";
  font-size  : 104px;
  width      : 111px;
  height     : 104px;
  right      : -6px;
  bottom     : -8px;
  line-height: 104px;
}

.col-lg-4:nth-child(4) .special-features-item i {
  background-color: #ff7a00;
  box-shadow      : 0px 14px 19px rgba(246, 82, 31, 0.16);
}

.col-lg-4:nth-child(4) .special-features-item:hover i {
  color: #ff7a00;
}

.col-lg-4:nth-child(5) .special-features-item::after {
  background-color: #0075ff;
}

.col-lg-4:nth-child(5) .special-features-item::before {
  content    : "\e91a";
  font-size  : 104px;
  width      : 104px;
  height     : 104px;
  right      : 11px;
  bottom     : -10px;
  line-height: 104px;
}

.col-lg-4:nth-child(5) .special-features-item i {
  background-color: #0075ff;
  box-shadow      : 0px 14px 19px rgba(0, 148, 255, 0.12);
}

.col-lg-4:nth-child(5) .special-features-item:hover i {
  color: #0075ff;
}

.col-lg-4:nth-child(6) .special-features-item::after {
  background-color: #eb3540;
}

.col-lg-4:nth-child(6) .special-features-item::before {
  content    : "\e907";
  font-size  : 78px;
  width      : 111px;
  height     : 78px;
  right      : 8px;
  bottom     : -22px;
  line-height: 78px;
}

.col-lg-4:nth-child(6) .special-features-item i {
  background-color: #eb3540;
  box-shadow      : 0px 14px 19px rgba(255, 26, 85, 0.15);
}

.col-lg-4:nth-child(6) .special-features-item:hover i {
  color: #eb3540;
}

.col-lg-4:nth-child(2) .special-features-item:hover i,
.col-lg-4:nth-child(3) .special-features-item:hover i,
.col-lg-4:nth-child(4) .special-features-item:hover i,
.col-lg-4:nth-child(5) .special-features-item:hover i,
.col-lg-4:nth-child(6) .special-features-item:hover i {
  background-color: #fff;
}

.sms-panel-plans {
  margin-top: 266px;
}

@media only screen and (max-width: 991px) {
  .sms-panel-plans {
    margin-top: 100px;
  }
}

.sms-panel-plans .tabs {
  top : 30px;
  left: 0;
}

@media only screen and (max-width: 991px) {
  .sms-panel-plans .tabs {
    position: relative;
    top     : 0;
    margin  : 30px auto 0;
  }
}

.sms-panel-plans .row {
  margin-top: 80px;
}

.sms-panel-plans .row .col-sm-6 {
  margin-bottom: 24px;
}

.sms-panel-plans-item {
  border          : 1px solid #f2f2f2;
  text-align      : center;
  box-shadow      : 0px 24px 78px rgba(0, 0, 0, 0.03);
  border-radius   : 30px;
  padding         : 37px 0 42px;
  height          : 100%;
  background-color: #fff;
}

.sms-panel-plans-item:hover {
  background-color: #fff;
  box-shadow      : 0px 24px 78px rgba(0, 0, 0, 0.06);
}

.sms-panel-plans-item::before {
  content         : "";
  top             : 0;
  left            : 50%;
  transform       : translateX(-50%);
  background-color: #4075ff;
  border-radius   : 19px;
  max-width       : 108px;
  width           : 100%;
  height          : 4px;
}

.sms-panel-plans-item .image {
  width           : 108px;
  height          : 108px;
  border-radius   : 50%;
  background-color: rgba(0, 71, 255, 0.04);
  margin          : 0 auto 23px;
}

.sms-panel-plans-item .image img {
  filter: drop-shadow(0px 7px 26px rgba(64, 117, 255, 0.53));
}

.sms-panel-plans-item .name {
  font-size  : 22px;
  line-height: 22px;

  margin-bottom: 22px;
}

.sms-panel-plans-item .name span {
  color: #4075ff;
}

.sms-panel-plans-item .price {
  margin-bottom: 46px;
}

.sms-panel-plans-item .price b {
  color        : #4075ff;
  font-size    : 19px;
  line-height  : 29px;
  margin-bottom: 3px;
  display      : block;
}

.sms-panel-plans-item .price span {
  font-weight: bold;
  color      : #666666;
  line-height: 18px;
  font-size  : 11px;
}

.sms-panel-plans-item .price span i {
  font-style : normal;
  color      : #b7b7b7;
  font-weight: 500;
}

.sms-panel-plans-item ul {
  margin-bottom: 50px;
}

.sms-panel-plans-item ul li {
  font-size  : 11px;
  line-height: 17px;
  color      : #6c6c6c;
  font-weight: 500;
}

.sms-panel-plans-item ul li:not(:last-child) {
  border-bottom : 1px solid #f8f8f8;
  padding-bottom: 22px;
  margin-bottom : 16px;
}

.sms-panel-plans-item ul li span {
  color      : #634fff;
  font-weight: bold;
  font-size  : 12px;
}

.sms-panel-plans-item .btn {
  display  : block;
  margin   : 0 auto;
  max-width: 170px;
  padding  : 21px 0;
}

.sms-panel-plans-item .btn-primary {
  box-shadow: 0px 20px 30px rgba(64, 117, 255, 0.16);
}

.sms-panel-plans-item .btn-warning {
  background-color: #ffb800;
  box-shadow      : 0px 20px 30px rgba(255, 168, 0, 0.16);
}

.sms-panel-plans-item .btn:last-child {
  margin-top: 14px;
}

.sms-panel-plans-item .btn:last-child i {
  font-size  : 21px;
  margin-left: 10px;
}

.sms-panel-plans-item.warning::before {
  background-color: #ffa800;
}

.sms-panel-plans-item.warning .image {
  background-color: rgba(255, 168, 0, 0.04);
}

.sms-panel-plans-item.warning .image img {
  filter: drop-shadow(0px 7px 26px rgba(255, 168, 0, 0.47));
}

.sms-panel-plans-item.warning .name span,
.sms-panel-plans-item.warning .price b,
.sms-panel-plans-item.warning ul li span {
  color: #ffa800;
}

.sms-panel-plans-item.success::before {
  background-color: #07cc56;
}

.sms-panel-plans-item.success .image {
  background-color: rgba(7, 204, 27, 0.08);
}

.sms-panel-plans-item.success .image img {
  filter: drop-shadow(0px 7px 26px rgba(7, 204, 102, 0.46));
}

.sms-panel-plans-item.success .name span,
.sms-panel-plans-item.success .price b,
.sms-panel-plans-item.success ul li span {
  color: #07cc56;
}

.sms-panel-plans-item.info::before {
  background-color: #0094ff;
}

.sms-panel-plans-item.info .image {
  background-color: rgba(117, 206, 249, 0.06);
}

.sms-panel-plans-item.info .image img {
  filter: drop-shadow(0px 7px 26px rgba(107, 190, 246, 0.5));
}

.sms-panel-plans-item.info .name span,
.sms-panel-plans-item.info .price b,
.sms-panel-plans-item.info ul li span {
  color: #0094ff;
}

.new-articles-blog {
  margin-top: 269px;
}

@media only screen and (max-width: 767px) {
  .new-articles-blog {
    margin-top: 100px;
  }
}

.new-articles-blog::after {
  content        : "";
  top            : 0;
  right          : 0;
  width          : 321px;
  height         : 349px;
  background     : var(--wpr-bg-97a823fc-e87f-4e33-ae2a-a980a165d97a) 0 0 no-repeat;
  background-size: 100% 100%;
  transform      : translateY(-50%);
  z-index        : -2;
}

@media only screen and (max-width: 767px) {
  .new-articles-blog::after {
    content: none;
  }
}

.new-articles-blog .container::before {
  content      : "";
  background   : linear-gradient(270deg, rgba(27, 117, 233, 0.06) 0%, rgba(253, 253, 253, 0) 100%);
  z-index      : -3;
  border-radius: 115px;
  transform    : matrix(-1, -0.09, -0.09, 1, 0, 0) scale(1.1, 1.13);
}

@media only screen and (max-width: 767px) {
  .new-articles-blog .container::before {
    content: none;
  }
}

.new-articles-blog .swiper {
  margin-top: 71px;
}

.new-articles-blog .swiper-slide {
  opacity  : 0;
  transform: scale(0);
}

.new-articles-blog .swiper-slide-active,
.new-articles-blog .swiper-slide-next,
.new-articles-blog .swiper-slide-next+div,
.new-articles-blog .swiper-slide-next+div+div {
  opacity  : 1;
  transform: scale(1);
}

.new-articles-blog .swiper-pagination {
  top       : 44px;
  left      : 188px;
  bottom    : auto;
  text-align: left;
}

.new-articles-blog .swiper-button-next,
.new-articles-blog .swiper-button-prev {
  top    : 51px;
  right  : auto;
  left   : 150px;
  z-index: 99;
}

.new-articles-blog .swiper-button-prev {
  left: 245px;
}

@media only screen and (max-width: 1199px) {
  .new-articles-blog .swiper-button-prev {
    left: 260px;
  }
}

@media only screen and (max-width: 1199px) {
  .new-articles-blog .swiper-slide-next+div+div {
    opacity  : 0;
    transform: scale(0);
  }
}

@media only screen and (max-width: 991px) {
  .new-articles-blog .swiper {
    padding-bottom: 60px;
  }

  .new-articles-blog .swiper-slide-next+div {
    opacity  : 0;
    transform: scale(0);
  }

  .new-articles-blog .swiper-button-next,
  .new-articles-blog .swiper-button-prev {
    top      : auto;
    bottom   : 0;
    left     : 25%;
    transform: translate(-50%);
  }

  .new-articles-blog .swiper-button-prev {
    left: 75%;
  }

  .new-articles-blog .swiper-pagination {
    text-align: center;
    top       : auto;
    bottom    : 3px;
    left      : 0;
  }
}

@media only screen and (max-width: 575px) {
  .new-articles-blog .swiper-slide {
    transform: scale(0.5);
  }

  .new-articles-blog .swiper-slide-next {
    opacity  : 0;
    transform: scale(0.5);
  }

  .new-articles-blog .swiper-slide-active {
    transform: scale(1);
  }
}

.new-articles-blog .view-blog {
  top : 27px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .new-articles-blog .view-blog {
    position: relative;
    top     : 0;
    margin  : 32px auto 0;
    display : block;
  }
}

.about-us-home {
  margin-top: 169px;
}

@media only screen and (max-width: 767px) {
  .about-us-home {
    margin-top: 80px;
  }
}

.about-us-home img {
  filter : drop-shadow(0px 21px 36px rgba(0, 0, 0, 0.06));
  width  : 100%;
  display: block;
}

.about-us-home h3 {

  font-size    : 37px;
  line-height  : 59px;
  margin-bottom: 65px;
}

.about-us-home h3 span {
  color: #006cf8;
}

.about-us-home h6 {
  font-weight  : bold;
  font-size    : 11px;
  color        : #393939;
  line-height  : 18px;
  margin-bottom: 16px;
}

.about-us-home h6 i {
  font-size  : 15px;
  color      : #006cf8;
  margin-left: 13px;
}

.about-us-home p {
  font-size    : 11px;
  line-height  : 23px;
  color        : #484848;
  text-align   : justify;
  margin-bottom: 63px;
}

.about-us-home p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1399px) {
  .about-us-home h3 {
    font-size  : 34px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us-home h3 {
    font-size  : 29px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-home img {
    max-width: 80%;
    margin   : 0 auto 32px;
  }
}

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

  .about-us-home h3,
  .about-us-home h6,
  .about-us-home p {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 499px) {
  .about-us-home h3 {
    font-size  : 18px;
    line-height: 32px;
  }
}

.customers-comments-jamin {
  margin-top: 192px;
}

@media only screen and (max-width: 767px) {
  .customers-comments-jamin {
    margin-top: 120px;
  }
}

.customers-comments-jamin .container::after {
  content      : "";
  background   : linear-gradient(270deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 115px;
  transform    : rotate(-5.08deg);
  z-index      : -1;
}

@media only screen and (max-width: 767px) {
  .customers-comments-jamin .container::after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .customers-comments-jamin .section-title h4::before {
    font-size  : 30px;
    line-height: 46px;
  }
}

.customers-comments-jamin .overflow-hidden {
  margin: 0 -30px;
}

.customers-comments-jamin .swiper {
  padding: 76px 30px;
}

.customers-comments-jamin .swiper-pagination {
  bottom: 12px;
}

.customers-comments-jamin .swiper-pagination-bullet-active {
  background-color: #ffa800;
}

.customers-comments-jamin .swiper-button-next,
.customers-comments-jamin .swiper-button-prev {
  top      : auto;
  right    : auto;
  bottom   : 0;
  left     : 45%;
  transform: translateX(-50%);
  z-index  : 99;
}

.customers-comments-jamin .swiper-button-next::after,
.customers-comments-jamin .swiper-button-prev::after {
  color: #ffa800;
}

.customers-comments-jamin .swiper-button-prev {
  left: 55%;
}

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

  .customers-comments-jamin .swiper-button-next,
  .customers-comments-jamin .swiper-button-prev {
    left: 40%;
  }

  .customers-comments-jamin .swiper-button-prev {
    left: 60%;
  }
}

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

  .customers-comments-jamin .swiper-button-next,
  .customers-comments-jamin .swiper-button-prev {
    left: 35%;
  }

  .customers-comments-jamin .swiper-button-prev {
    left: 65%;
  }
}

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

  .customers-comments-jamin .swiper-button-next,
  .customers-comments-jamin .swiper-button-prev {
    left: 30%;
  }

  .customers-comments-jamin .swiper-button-prev {
    left: 70%;
  }
}

.customers-comments-jamin .swiper-button-disabled::after {
  color: #dcdcdc;
}

.customers-comments-jamin .swiper-slide {
  transform: scale(0.5);
}

.customers-comments-jamin .swiper-slide-active,
.customers-comments-jamin .swiper-slide-next,
.customers-comments-jamin .swiper-slide-next+div {
  transform: scale(1);
}

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

  .customers-comments-jamin .swiper-slide-active,
  .customers-comments-jamin .swiper-slide-next,
  .customers-comments-jamin .swiper-slide-next+div {
    transform: scale(0.5);
  }

  .customers-comments-jamin .swiper-slide-active,
  .customers-comments-jamin .swiper-slide-next {
    transform: scale(1);
  }
}

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

  .customers-comments-jamin .swiper-slide-active,
  .customers-comments-jamin .swiper-slide-next {
    transform: scale(0.5);
  }

  .customers-comments-jamin .swiper-slide-active {
    transform: scale(1);
  }
}

.customers-comments-jamin-item {
  background-color: #fff;
  box-shadow      : 0px 13px 46px rgba(0, 0, 0, 0.03);
  padding         : 15px 46px 34px;
  border-radius   : 20px;
}

.customers-comments-jamin-item .stars {
  margin-bottom: 21px;
}

.customers-comments-jamin-item .stars i {
  font-size: 8px;
  color    : rgba(255, 168, 0, 0.41);
}

.customers-comments-jamin-item .stars i:not(:last-child) {
  margin-left: 1px;
}

.customers-comments-jamin-item .stars i.pill {
  color: #ffa800;
}

.customers-comments-jamin-item h3 {
  font-weight  : bold;
  color        : #353535;
  font-size    : 12px;
  line-height  : 21px;
  margin-bottom: 10px;
}

.customers-comments-jamin-item p {
  font-size    : 11px;
  line-height  : 23px;
  color        : #686868;
  margin-bottom: 25px;
  text-align   : justify;
}

.customers-comments-jamin-item .author img {
  width        : 55px;
  height       : 55px;
  border-radius: 50%;
  border       : 8px solid #fff;
  box-shadow   : 0px 7px 28px rgba(0, 0, 0, 0.08);
}

.customers-comments-jamin-item .author .detail {
  margin-right: 16px;
}

.customers-comments-jamin-item .author .detail .name {
  font-weight  : bold;
  color        : #5c5c5c;
  font-size    : 10px;
  line-height  : 17px;
  margin-bottom: 9px;
}

.customers-comments-jamin-item .author .detail .position {
  color      : #969696;
  font-weight: 500;
  font-size  : 10px;
  line-height: 16px;
}

@media only screen and (max-width: 767px) {
  .customers-comments-jamin-item {
    box-shadow: 0px 13px 46px rgba(0, 0, 0, 0.06);
  }
}

@media only screen and (max-width: 575px) {
  .customers-comments-jamin-item {
    padding: 15px 12px 20px;
  }
}

.options-home-jamin {
  margin-top: 200px;
}

@media only screen and (max-width: 991px) {
  .options-home-jamin {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .options-home-jamin ul {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-wrap      : wrap;
  }
}

.options-home-jamin ul li {
  position        : absolute;
  display         : flex;
  align-items     : center;
  justify-content : center;
  background-color: #fff;
  border-radius   : 18px;
  box-shadow      : 0px 16px 90px rgba(0, 0, 0, 0.03);
  padding         : 34px 24px;
  max-width       : 437px;
  width           : 100%;
}

.options-home-jamin ul li .detail {
  padding-right: 36px;
}

.options-home-jamin ul li .detail h4 {
  font-weight  : bold;
  color        : #464646;
  font-size    : 12px;
  line-height  : 18.78px;
  margin-bottom: 12px;
}

.options-home-jamin ul li .detail p {
  line-height: 23px;
  color      : #686868;
}

.options-home-jamin ul li:first-child,
.options-home-jamin ul li:nth-child(4) {
  top: 75px;
}

.options-home-jamin ul li:first-child,
.options-home-jamin ul li:nth-child(3) {
  right: 100px;
}

.options-home-jamin ul li:nth-child(2),
.options-home-jamin ul li:nth-child(5) {
  top      : 50%;
  transform: translateY(-50%);
}

.options-home-jamin ul li:nth-child(2) {
  right: 0;
}

.options-home-jamin ul li:nth-child(3),
.options-home-jamin ul li:nth-child(6) {
  bottom: 70px;
}

.options-home-jamin ul li:nth-child(4),
.options-home-jamin ul li:nth-child(6) {
  left: 100px;
}

.options-home-jamin ul li:nth-child(5) {
  left: 0;
}

@media only screen and (max-width: 1199px) {
  .options-home-jamin ul li {
    max-width: 360px;
  }

  .options-home-jamin ul li img {
    width: 60px;
  }

  .options-home-jamin ul li .detail {
    padding-right: 20px;
  }

  .options-home-jamin ul li:first-child,
  .options-home-jamin ul li:nth-child(3) {
    right: 40px;
  }

  .options-home-jamin ul li:nth-child(4),
  .options-home-jamin ul li:nth-child(6) {
    left: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .options-home-jamin ul li {
    position     : relative;
    top          : 0 !important;
    right        : 0 !important;
    bottom       : 0 !important;
    left         : 0 !important;
    transform    : unset !important;
    max-width    : calc(50% - 10px);
    padding      : 30px 20px;
    margin-bottom: 20px;
  }

  .options-home-jamin ul li .detail h4 {
    font-size: 11px;
  }

  .options-home-jamin ul li:nth-child(odd) {
    margin-left: 10px;
  }

  .options-home-jamin ul li:nth-child(even) {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .options-home-jamin ul li {
    max-width: 100%;
  }

  .options-home-jamin ul li:nth-child(odd),
  .options-home-jamin ul li:nth-child(even) {
    margin: 0 0 20px;
  }
}

.options-home-jamin-image {
  position : relative;
  margin   : 0 auto;
  display  : block;
  max-width: 852px;
  width    : 100%;
  z-index  : -1;
}

@media only screen and (max-width: 1399px) {
  .options-home-jamin-image {
    transform: scale(0.8);
  }
}

@media only screen and (max-width: 991px) {
  .options-home-jamin-image {
    display: none;
  }
}

.faq-home {
  margin-top: 190px;
}

@media only screen and (max-width: 991px) {
  .faq-home {
    margin-top: 100px;
  }
}

.faq-home .section-title::before {
  content: none;
}

@media only screen and (max-width: 767px) {
  .faq-home .section-title h4::before {
    font-size  : 43px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 575px) {
  .faq-home .section-title h4::before {
    font-size  : 24px;
    line-height: 32px;
  }
}

.faq-home .row {
  margin-top: 93px;
}

.faq-home .tabs {
  flex-direction: column;
}

.faq-home .tabs li {
  width        : 100%;
  padding      : 22px 30px;
  line-height  : 17.22px;
  border       : 1.4px solid #f2f2f2;
  border-radius: 43px;
  cursor       : pointer;
  font-weight  : 500;
  color        : #515151;
  font-size    : 11px;
}

.faq-home .tabs li:not(:last-child) {
  margin-bottom: 16px;
}

.faq-home .tabs li i:first-child {
  color      : #dddddd;
  font-size  : 17px;
  margin-left: 17px;
}

.faq-home .tabs li i:last-child {
  font-size   : 13px;
  color       : #eaeaea;
  margin-right: auto;
}

.faq-home .tabs li.active,
.faq-home .tabs li:hover {
  background-color: #0a82f1;
}

.faq-home .tabs li.active,
.faq-home .tabs li.active i,
.faq-home .tabs li:hover,
.faq-home .tabs li:hover i {
  color: #fff;
}

.faq-home .tab-content h4,
.faq-home .tab-content h5 {
  font-weight: bold;
  color      : #515151;
  font-size  : 11.5px;
  line-height: 18px;
}

.faq-home .tab-content h4 i,
.faq-home .tab-content h5 i {
  font-size  : 13px;
  color      : #0a82f1;
  margin-left: 15px;
}

.faq-home .tab-content h4 {
  margin-bottom : 41px;
  padding-bottom: 33px;
  border-bottom : 1px solid #f1f1f1;
}

.faq-home .tab-content h5 {
  font-size    : 11px;
  line-height  : 17.22px;
  margin-bottom: 11px;
}

.faq-home .tab-content h5 i {
  color: #ddd;
}

.faq-home .tab-content p {
  color      : #686868;
  font-size  : 11px;
  line-height: 24px;
  text-align : justify;
}

.faq-home .tab-content p:not(:last-child) {
  margin-bottom: 36px;
}

@media only screen and (max-width: 991px) {
  .faq-home .tabs {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .faq-home .tabs li {
    padding: -15px;
  }
}

.brands-jamani {
  margin-top: 191px;
}

@media only screen and (max-width: 991px) {
  .brands-jamani {
    margin-top: 80px;
  }
}

.brands-jamani::after {
  content        : "";
  top            : 0;
  left           : 0;
  width          : 443px;
  height         : 302px;
  left           : 0;
  background     : var(--wpr-bg-795f424e-96e2-493f-8775-2668c5169a5d) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  transform      : translateY(-139px);
}

@media only screen and (max-width: 991px) {
  .brands-jamani::after {
    content: none;
  }
}

.brands-jamani .section-title::before {
  content: none;
}

.brands-jamani-items {
  margin-top: 80px;
}

.brands-jamani-items li img {
  filter: grayscale(100%);
}

.brands-jamani-items li img:hover {
  filter: grayscale(0);
}

.brands-jamani-items li:first-child img {
  height: 43px;
}

.brands-jamani-items li:nth-child(2) img,
.brands-jamani-items li:nth-child(4) img {
  height: 80px;
}

.brands-jamani-items li:nth-child(3) img {
  height: 45px;
}

.brands-jamani-items li:nth-child(5) img {
  height: 64px;
}

.brands-jamani-items li:last-child img {
  height: 89px;
}

@media only screen and (max-width: 991px) {
  .brands-jamani-items li {
    max-width    : 33.333333%;
    width        : 100%;
    text-align   : center;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .brands-jamani-items li {
    max-width : 50%;
    text-align: right;
  }

  .brands-jamani-items li:nth-child(2n) {
    text-align: left;
  }
}

.footer {
  padding-top: 106px;
  margin-top : 106px;
}

.footer::after {
  content        : "";
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : calc(100% - 130px);
  background     : var(--wpr-bg-7f1b645f-d9e6-4df3-b224-12a67791ab90) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index        : -1;
  border-radius  : 122px;
}

.footer-news-letter {
  margin-bottom: 120px;
}

.footer-news-letter .info i {
  background-color: #ffa800;
  border-radius   : 50%;
  width           : 52px;
  height          : 52px;
  min-width       : 52px;
  text-align      : center;
  line-height     : 52px;
  font-size       : 24px;
  color           : #fff;
}

.footer-news-letter .info .detail {
  margin-right: 29px;
}

.footer-news-letter .info .detail h3 {
  font-size    : 12.5px;
  line-height  : 25.5px;
  color        : #444;
  font-weight  : bold;
  margin-bottom: 7px;
}

.footer-news-letter .info .detail h6 {
  color      : #8b8b8b;
  font-size  : 10px;
  line-height: 15px;
  font-weight: 500;
}

.footer-news-letter form {
  max-width: 457px;
  width    : 100%;
}

.footer-news-letter form .form-control {
  height          : 70px;
  background-color: #fafafa;
  border-color    : #fafafa;
  color           : #898989;
  padding         : 0 40px 0 140px;
}

.footer-news-letter form .btn {
  left   : 8px;
  padding: 19px 35px;
}

@media only screen and (max-width: 991px) {
  .footer-news-letter form {
    margin-top: 30px;
  }
}

.footer-logo img {
  width      : 55px;
  height     : 55px;
  margin-left: 29px;
}

.footer-logo .detail h1 {
  font-size    : 20px;
  line-height  : 32px;
  color        : #2f2f2f;
  margin-bottom: 9px;
}

.footer-logo .detail h5 {
  color        : #797979;
  margin-bottom: 20px;
}

.footer-logo .detail p {
  font-size  : 11px;
  font-weight: 300;
  color      : #616161;
  line-height: 21px;
  text-align : justify;
  max-width  : 397px;
}

.footer-titr {
  font-size    : 11px;
  line-height  : 22px;
  color        : #454545;
  font-weight  : bold;
  margin-bottom: 31px;
}

.footer-nav li:not(:last-child) {
  margin-bottom: 21px;
}

.footer-nav li a {
  font-size  : 11px;
  line-height: 22px;
  color      : #515151;
  font-weight: 400;
  display    : inline-block;
}

.footer-nav li a:hover {
  color        : #0a82f1;
  padding-right: 6px;
}

.footer .row .col-lg-7 .col-sm-4 {
  padding-right: 60px;
}

.footer .row .col-lg-7 .col-sm-4:not(:last-child) {
  border-left: 1px dashed #d2d2d2;
}

.footer-contact-namads {
  margin-top    : 112px;
  padding-bottom: 60px;
}

.footer-contact li:not(:last-child) {
  padding-left: 51px;
  margin-left : 51px;
  border-left : 1px solid #d2d2d2;
}

.footer-contact li i {
  width        : 51px;
  height       : 51px;
  border-radius: 50%;
  text-align   : center;
  line-height  : 51px;
  font-size    : 16px;
  color        : #fff;
}

.footer-contact li .icon-location {
  background-color: #ee3e2d;
  box-shadow      : 0px 11px 29px rgba(238, 62, 45, 0.17);
}

.footer-contact li .icon-phone-call {
  background-color: #0098ed;
  box-shadow      : 0px 11px 29px rgba(0, 152, 237, 0.15);
}

.footer-contact li .icon-message {
  background-color: #ffa800;
  box-shadow      : 0px 11px 29px rgba(255, 168, 0, 0.15);
}

.footer-contact li .detail {
  margin-right: 21px;
  max-width   : calc(100% - 72px);
  width       : 100%;
}

.footer-contact li .detail .title {
  font-size    : 11px;
  font-weight  : bold;
  color        : #474747;
  line-height  : 17px;
  margin-bottom: 14px;
}

.footer-contact li .detail .value {
  font-size  : 11px;
  line-height: 17px;
  color      : #5b5b5b;
  font-weight: 500;
}

.footer-namads a {
  width           : 128px;
  height          : 124px;
  background-color: #fff;
  box-shadow      : 0px 5px 32px rgba(0, 0, 0, 0.03);
  border-radius   : 17px;
}

.footer-namads a:not(:last-child) {
  margin-left: 14px;
}

.footer-bottom {
  padding: 42px 0 41px;
}

.footer-bottom .back-header {
  background-color: #07cc66;
  width           : 51px;
  height          : 51px;
  top             : 0;
  right           : 0;
  transform       : translateY(-25.5px);
  border-radius   : 50%;
  font-size       : 16px;
  color           : #fff;
}

.footer-copyright,
.footer-design {
  color      : #535353;
  line-height: 23px;
  font-weight: 500;
}

.footer-copyright {
  padding-left: 28px;
  margin-left : 24px;
  border-left : 1px solid #eaeaea;
}

.footer-socials {
  margin-right: auto;
}

.footer-socials li:not(:last-child) {
  margin-left: 9px;
}

.footer-socials li a {
  display         : block;
  width           : 47px;
  height          : 47px;
  border-radius   : 50%;
  background-color: #fafafa;
  text-align      : center;
  line-height     : 47px;
  font-size       : 15px;
  color           : #b4b4b4;
}

.footer-socials li a:hover i {
  color: #fff;
}

.footer-socials li:first-child a:hover {
  background-color: #e60023;
}

.footer-socials li:nth-child(2) a:hover {
  background-color: #1b75e9;
}

.footer-socials li:nth-child(3) a:hover {
  background-color: #00acee;
}

.footer-socials li:nth-child(4) a:hover {
  background-color: #833ab4;
}

.footer-socials li:last-child a:hover {
  background-color: #ff0000;
}

@media only screen and (max-width: 1399px) {
  .footer-contact li:not(:last-child) {
    margin-left : 32px;
    padding-left: 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-contact {
    padding-left: 12px;
  }

  .footer-contact li:not(:last-child) {
    margin-left : 20px;
    padding-left: 20px;
  }

  .footer-contact li i {
    width      : 45px;
    height     : 45px;
    line-height: 45px;
  }

  .footer-contact li .detail {
    margin-right: 14px;
    max-width   : calc(100% - 59px);
  }

  .footer-namads a {
    width : 118px;
    height: 114px;
  }

  .footer-copyright {
    margin-left : 18px;
    padding-left: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .footer::after {
    height: calc(100% - 208px);
  }

  .footer .row .col-lg-7 .col-sm-4 {
    padding-right: 20px;
  }

  .footer-logo {
    margin-bottom: 20px;
  }

  .footer-contact-namads {
    margin-top: 70px;
  }

  .footer-namads {
    margin-top: 24px;
  }

  .footer-copyright {
    padding-left: 0;
    margin-left : 0;
    border      : 0;
    text-align  : center;
  }

  .footer-design {
    margin: 16px 0;
  }

  .footer-socials {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer::after {
    border-radius: 0;
  }

  .footer-contact {
    flex-wrap: wrap;
  }

  .footer-contact li {
    max-width    : 100%;
    width        : 100%;
    margin-bottom: 20px;
  }

  .footer-contact li:not(:last-child) {
    padding-left: 0;
    margin-left : 0;
    border      : 0;
  }

  .footer-contact li:nth-child(n+2) {
    max-width: 50%;
  }
}

@media only screen and (max-width: 575px) {
  .footer::after {
    background-position: center center;
    background-size    : cover;
  }

  .footer .row .col-lg-7 .col-sm-4 {
    padding-right: 12px;
  }

  .footer .row .col-lg-7 .col-sm-4:not(:last-child) {
    border-left: 0;
  }

  .footer-nav {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 458px) {
  .footer::after {
    height: calc(100% - 231px);
  }
}

@media only screen and (max-width: 450px) {
  .footer-contact li:nth-child(n+2) {
    max-width: 100%;
  }
}

.plans {
  margin-top: 79px;
}

.plans .section-title::before {
  content: none;
}

.plans .tabs {
  top : 30px;
  left: 0;
}

.plans .tabs li,
.plans .tabs li.active {
  color: #494949;
}

.plans .tabs li:first-child::before {
  background-color: #fff;
  box-shadow      : 0px 9px 27px rgba(0, 0, 0, 0.04);
}

@media only screen and (max-width: 991px) {
  .plans .tabs {
    position  : relative;
    top       : 0;
    margin    : 0 auto;
    margin-top: 30px;
  }
}

.plans-content {
  margin-top: 183px;
  overflow  : auto hidden;
}

.plans-content-name {
  margin-bottom: 50px;
}

.plans-content-name-item {
  width     : 100%;
  flex      : 0 0 20%;
  text-align: center;
}

.plans-content-name-item .image {
  width           : 108px;
  height          : 108px;
  border-radius   : 50%;
  background-color: rgba(0, 71, 255, 0.04);
  margin          : 0 auto 20px;
}

.plans-content-name-item .image img {
  filter: drop-shadow(0px 7px 26px rgba(64, 117, 255, 0.53));
}

.plans-content-name-item h4 {
  color      : #454545;
  font-size  : 22px;
  font-weight: 400;
  line-height: 35px;

  margin-bottom: 31px;
}

.plans-content-name-item h4 span {
  color: #4075ff;
}

.plans-content-name-item .price b {
  display      : block;
  font-size    : 19px;
  line-height  : 29px;
  color        : #4075ff;
  margin-bottom: 4px;
}

.plans-content-name-item .price span {
  font-weight: bold;
  color      : #666666;
  line-height: 18px;
}

.plans-content-name-item .price span i {
  font-style : normal;
  font-size  : 11.5px;
  color      : #b7b7b7;
  font-weight: 500;
}

.plans-content-name-item:nth-child(3) .image img {
  filter: drop-shadow(0px 7px 26px rgba(255, 168, 0, 0.47));
}

.plans-content-name-item:nth-child(3) h4 span,
.plans-content-name-item:nth-child(3) .price b {
  color: #ffa800;
}

.plans-content-name-item:nth-child(4) .image img {
  filter: drop-shadow(0px 7px 26px rgba(7, 204, 102, 0.48));
}

.plans-content-name-item:nth-child(4) h4 span,
.plans-content-name-item:nth-child(4) .price b {
  color: #07cc66;
}

.plans-content-name-item:nth-child(5) .image img {
  filter: drop-shadow(0px 7px 26px rgba(107, 190, 246, 0.58));
}

.plans-content-name-item:nth-child(5) h4 span,
.plans-content-name-item:nth-child(5) .price b {
  color: #0094ff;
}

.plans-content-category {
  background-color: #1b75e9;
  border-radius   : 40px;
  padding         : 23px 30px;
  color           : #fff;
  font-weight     : bold;
  line-height     : 17px;
}

.plans-content-category i {
  font-size  : 13px;
  margin-left: 19px;
}

.plans-content-options li {
  border-radius: 34px;
  padding      : 22px 30px;
}

.plans-content-options li:nth-child(even) {
  background-color: #fcfcfc;
}

.plans-content-options li>span,
.plans-content-options li>i {
  width: 100%;
  flex : 0 0 20%;
}

.plans-content-options li>span {
  font-weight: bold;
  color      : #6c6c6c;
  line-height: 17px;
  white-space: nowrap;
}

.plans-content-options li>span i {
  font-size  : 13px;
  color      : #d7d7d7;
  margin-left: 19px;
}

.plans-content-options li>span:not(:first-child) {
  text-align: center;
}

.plans-content-options li>span b {
  font-size: 12px;
  color    : #634fff;
}

.plans-content-options li>span:nth-child(3) b {
  color: #ffa800;
}

.plans-content-options li>span:nth-child(4) b {
  color: #07cc56;
}

.plans-content-options li>span:nth-child(5) b {
  color: #0094ff;
}

.plans-content-options li>i {
  text-align: center;
}

.plans-content-options li>i.success {
  font-size  : 17px;
  color      : #07cc66;
  line-height: 1;
}

.plans-content-options li>i:nth-last-child(2) {
  padding-right: 32px;
}

.plans-content-options li>i:last-child {
  padding-right: 62px;
}

.plans-content-btns {
  padding: 50px 30px;
}

.plans-content-btns>div {
  width     : 100%;
  flex      : 0 0 20%;
  text-align: center;
}

.plans-content-btns>div .btn {
  padding    : 22px 37px;
  font-size  : 11px;
  line-height: 21px;
}

.plans-content-btns>div .btn-primary {
  background-color: #4075ff;
  box-shadow      : 0 20px 30px rgba(64, 117, 255, 0.16);
}

.plans-content-btns>div .btn-primary:hover,
.plans-content-btns>div .btn-primary:focus,
.plans-content-btns>div .btn-primary:active {
  background-color: #1758ff;
  box-shadow      : 0 20px 30px rgba(64, 117, 255, 0.2);
}

.plans-content-btns>div .btn-warning {
  box-shadow: 0 20px 30px rgba(255, 168, 0, 0.16);
}

.plans-content-btns>div .btn-warning:hover,
.plans-content-btns>div .btn-warning:focus,
.plans-content-btns>div .btn-warning:active {
  box-shadow: 0 20px 30px rgba(255, 168, 0, 0.2);
}

.plans-content-btns>div .btn i {
  font-size  : 21px;
  margin-left: 10px;
}

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

  .plans-content-name-item,
  .plans-content-options li span,
  .plans-content-options li i,
  .plans-content-btns>div {
    flex: 0 0 25%;
  }

  .plans-content-category {
    width: 125%;
  }

  .plans-content-btns>div {
    text-align: right;
  }

  .plans-content-btns>div .btn {
    padding    : 18px 27px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .plans-content-name-item {
    flex: 0 0 35%;
  }

  .plans-content-options li span,
  .plans-content-options li i {
    flex: 0 0 37%;
  }

  .plans-content-btns>div {
    flex      : 0 0 37%;
    text-align: center;
  }

  .plans-content-category {
    width: 174%;
  }
}

@media only screen and (max-width: 499px) {
  .plans-content-name-item {
    flex: 0 0 50%;
  }

  .plans-content-options li span,
  .plans-content-options li i {
    flex: 0 0 57%;
  }

  .plans-content-btns>div {
    flex: 0 0 57%;
  }

  .plans-content-btns>div .btn {
    padding: 13px 17px;
  }

  .plans-content-category {
    width: 250%;
  }
}

.dedicated-sms-line {
  margin-top: 79px;
}

.dedicated-sms-line-questions {
  margin-top: 77px;
}

.dedicated-sms-line-questions h4 {
  color        : #454545;
  font-size    : 12px;
  line-height  : 18px;
  font-weight  : bold;
  margin-bottom: 16px;
}

.dedicated-sms-line-questions h4 i {
  color      : #00c77f;
  margin-left: 12px;
  font-size  : 17px;
}

.dedicated-sms-line-questions h4:nth-child(3) i {
  color: #00c7c7;
}

.dedicated-sms-line-questions p {
  line-height  : 24px;
  color        : #484848;
  padding-right: 29px;
}

.dedicated-sms-line-questions p:not(:last-child) {
  margin-bottom: 51px;
}

.dedicated-sms-line-questions img {
  filter: drop-shadow(0px 21px 36px rgba(0, 0, 0, 0.06));
}

@media only screen and (max-width: 991px) {
  .dedicated-sms-line-questions .col-lg-5:first-child {
    order: 2;
  }

  .dedicated-sms-line-questions img {
    display: block;
    margin : 0 auto 32px;
  }
}

.dedicated-sms-line-options {
  margin: 85px -10px 0;
}

.dedicated-sms-line-options .col-lg-4 {
  padding: 0 10px;
}

@media only screen and (max-width: 991px) {
  .dedicated-sms-line-options .col-lg-4 {
    margin-bottom: 20px;
  }
}

.dedicated-sms-line-options-item {
  padding         : 33px 27px 45px 20px;
  box-shadow      : 0px 24px 93px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border-radius   : 19px;
  height          : 100%;
}

.dedicated-sms-line-options-item:hover {
  box-shadow: 0px 24px 93px rgba(0, 0, 0, 0.04);
  transform : translateY(-4px);
}

.dedicated-sms-line-options-item i {
  width           : 74px;
  height          : 74px;
  border-radius   : 50%;
  text-align      : center;
  line-height     : 74px;
  background-color: #00c77f;
  box-shadow      : 0px 7px 19px rgba(0, 207, 157, 0.2);
  font-size       : 25px;
  color           : #fff;
}

.dedicated-sms-line-options-item .detail {
  max-width: calc(100% - 74px);
  width    : 100%;
  padding  : 27px 27px 0 0;
}

.dedicated-sms-line-options-item .detail h5 {
  font-size    : 12px;
  font-weight  : bold;
  color        : #454545;
  line-height  : 18px;
  margin-bottom: 20px;
}

.dedicated-sms-line-options-item .detail p {
  font-size  : 10.5px;
  line-height: 22px;
  color      : #7c7c7c;
}

.dedicated-sms-line-options-item.info i {
  background-color: #00c7c7;
  box-shadow      : 0px 9px 24px rgba(29, 183, 183, 0.17);
}

.dedicated-sms-line-options-item.warning i {
  background-color: #ffb800;
  box-shadow      : 0px 9px 24px rgba(255, 184, 0, 0.16);
}

@media only screen and (max-width: 1199px) {
  .dedicated-sms-line-options-item i {
    width      : 60px;
    height     : 60px;
    line-height: 60px;
  }

  .dedicated-sms-line-options-item .detail {
    max-width    : calc(100% - 60px);
    padding-right: 18px;
  }
}

.dedicated-sms-line-numbers {
  border-radius: 64px;
  background   : linear-gradient(180deg, #f7faff 0%, rgba(255, 255, 255, 0) 100%);
  padding      : 46px 53px 7px 63px;
  margin-top   : 161px;
}

@media only screen and (max-width: 767px) {
  .dedicated-sms-line-numbers {
    margin-top: 90px;
  }
}

.dedicated-sms-line-numbers .heading {
  padding-bottom: 45px;
  margin-bottom : 45px;
  border-bottom : 1px solid rgba(124, 149, 181, 0.15);
}

.dedicated-sms-line-numbers .heading .info i {
  font-size: 44px;
  color    : #1b75e9;
}

.dedicated-sms-line-numbers .heading .info .detail {
  margin-right: 24px;
}

.dedicated-sms-line-numbers .heading .info .detail .title {
  color: #404040;

  font-size    : 20px;
  line-height  : 32px;
  margin-bottom: 5px;
}

.dedicated-sms-line-numbers .heading .info .detail .title span {
  color: #1b75e9;
}

.dedicated-sms-line-numbers .heading .info .detail .sub-title {
  color      : #989898;
  line-height: 18px;
}

.dedicated-sms-line-numbers .heading .btn {
  font-size  : 11.5px;
  font-weight: bold;
  padding    : 22px 35px;
}

.dedicated-sms-line-numbers .heading .btn i {
  font-size  : 21px;
  margin-left: 11px;
}

.dedicated-sms-line-numbers .titr {
  font-size    : 12px;
  font-weight  : bold;
  color        : #3e3e3e;
  line-height  : 19px;
  margin-bottom: 20px;
}

.dedicated-sms-line-numbers p {
  max-width  : 446px;
  width      : 100%;
  line-height: 24px;
  color      : #484848;
  text-align : justify;
}

.dedicated-sms-line-numbers ul li {
  line-height     : 34px;
  -moz-column-rule: #484848;
  column-rule     : #484848;
}

.dedicated-sms-line-numbers ul li:not(:last-child) {
  margin-bottom: 4px;
}

.dedicated-sms-line-numbers ul li i {
  font-size  : 15px;
  margin-left: 11px;
}

.dedicated-sms-line-numbers ul li .icon-check_circle {
  color: #07cc66;
}

.dedicated-sms-line-numbers ul li .icon-cancel {
  color: #ef3e36;
}

.dedicated-sms-line-numbers-list {
  margin          : 72px auto 0;
  max-width       : 1095px;
  width           : 100%;
  box-shadow      : 0px 24px 93px rgba(40, 108, 158, 0.05);
  padding         : 32px 70px 68px 68px;
  border-radius   : 37px;
  background-color: #fff;
}

.dedicated-sms-line-numbers-list .header h4 {
  font-size  : 12.5px;
  color      : #454545;
  line-height: 19.5px;
  font-weight: bold;
}

.dedicated-sms-line-numbers-list .header h4 i {
  font-size  : 14.25px;
  color      : #1b75e9;
  margin-left: 14px;
}

.dedicated-sms-line-numbers-list .header .tabs li {
  font-size  : 11.5px;
  font-weight: 500;
}

.dedicated-sms-line-numbers-list .header .tabs li:first-child::before {
  background-color: #1b75e9;
  box-shadow      : 0px 9px 21px rgba(27, 117, 233, 0.12);
}

.dedicated-sms-line-numbers-list .table-jamin {
  margin-top: 50px;
}

.dedicated-sms-line-numbers.warning {
  background: linear-gradient(180deg, #fffcf7 0%, rgba(255, 255, 255, 0) 100%);
}

.dedicated-sms-line-numbers.warning .heading .info i,
.dedicated-sms-line-numbers.warning .heading .info .detail .title span,
.dedicated-sms-line-numbers.warning .dedicated-sms-line-numbers-list .header h4 i {
  color: #ffa800;
}

.dedicated-sms-line-numbers.warning .heading .btn {
  box-shadow: 0px 20px 30px rgba(255, 168, 0, 0.09);
}

.dedicated-sms-line-numbers.warning .dedicated-sms-line-numbers-list .header .tabs li:first-child::before {
  background-color: #ffa800;
  box-shadow      : 0px 9px 21px rgba(255, 168, 0, 0.12);
}

.dedicated-sms-line-numbers.success {
  background: linear-gradient(180deg, #f3fffb 0%, rgba(255, 255, 255, 0) 100%);
}

.dedicated-sms-line-numbers.success .heading .info i,
.dedicated-sms-line-numbers.success .heading .info .detail .title span,
.dedicated-sms-line-numbers.success .dedicated-sms-line-numbers-list .header h4 i {
  color: #00c77f;
}

.dedicated-sms-line-numbers.success .heading .btn {
  background-color: #00c77f;
  box-shadow      : 0px 20px 30px rgba(0, 199, 127, 0.11);
}

.dedicated-sms-line-numbers.success .heading .btn:focus,
.dedicated-sms-line-numbers.success .heading .btn:active,
.dedicated-sms-line-numbers.success .heading .btn:hover {
  background-color: #009e65;
}

.dedicated-sms-line-numbers.success .dedicated-sms-line-numbers-list .header .tabs li:first-child::before {
  background-color: #00c77f;
  box-shadow      : 0px 9px 21px rgba(0, 199, 127, 0.12);
}

.dedicated-sms-line-numbers.pink {
  background: linear-gradient(180deg, #fffbfc 0%, rgba(255, 255, 255, 0) 100%);
}

.dedicated-sms-line-numbers.pink .heading .info i,
.dedicated-sms-line-numbers.pink .heading .info .detail .title span,
.dedicated-sms-line-numbers.pink .dedicated-sms-line-numbers-list .header h4 i {
  color: #d91b5c;
}

.dedicated-sms-line-numbers.pink .heading .btn {
  background-color: #d91b5c;
  color           : #fff;
  box-shadow      : 0px 20px 30px rgba(217, 27, 92, 0.09);
}

.dedicated-sms-line-numbers.pink .heading .btn:focus,
.dedicated-sms-line-numbers.pink .heading .btn:active,
.dedicated-sms-line-numbers.pink .heading .btn:hover {
  background-color: #b5164d;
}

.dedicated-sms-line-numbers.pink .dedicated-sms-line-numbers-list .header .tabs li:first-child::before {
  background-color: #d91b5c;
  box-shadow      : 0px 9px 21px rgba(0, 199, 127, 0.12);
}

.dedicated-sms-line-numbers.purple {
  background: linear-gradient(180deg, #fbfaff 0%, rgba(255, 255, 255, 0) 100%);
}

.dedicated-sms-line-numbers.purple .heading .info i,
.dedicated-sms-line-numbers.purple .heading .info .detail .title span,
.dedicated-sms-line-numbers.purple .dedicated-sms-line-numbers-list .header h4 i {
  color: #634fff;
}

.dedicated-sms-line-numbers.purple .heading .btn {
  background-color: #634fff;
  color           : #fff;
  box-shadow      : 0px 20px 30px rgba(99, 79, 255, 0.09);
}

.dedicated-sms-line-numbers.purple .heading .btn:focus,
.dedicated-sms-line-numbers.purple .heading .btn:active,
.dedicated-sms-line-numbers.purple .heading .btn:hover {
  background-color: #3f26ff;
}

.dedicated-sms-line-numbers.purple .dedicated-sms-line-numbers-list .header .tabs li:first-child::before {
  background-color: #634fff;
  box-shadow      : 0px 9px 21px rgba(99, 79, 255, 0.11);
}

@media only screen and (max-width: 991px) {
  .dedicated-sms-line-numbers p {
    margin-bottom: 20px;
  }

  .dedicated-sms-line-numbers-list {
    padding: 32px 32px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .dedicated-sms-line-numbers {
    padding      : 32px 32px 4px;
    border-radius: 48px;
  }

  .dedicated-sms-line-numbers .heading .btn {
    margin-top: 20px;
  }

  .dedicated-sms-line-numbers .col-sm-6:nth-child(2) {
    margin-bottom: 20px;
  }

  .dedicated-sms-line-numbers-list .tabs {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .dedicated-sms-line-numbers {
    padding      : 32px 16px 4px;
    border-radius: 30px;
  }

  .dedicated-sms-line-numbers-list {
    padding: 32px 16px;
  }
}

@media only screen and (max-width: 399px) {
  .dedicated-sms-line-numbers .heading .info i {
    font-size: 35px;
  }

  .dedicated-sms-line-numbers .heading .info .detail {
    margin-right: 15px;
  }

  .dedicated-sms-line-numbers .heading .info .detail .title {
    font-size: 18px;
  }
}

.representation {
  margin-top: 79px;
}

.representation-description {
  margin-top: 68px;
}

.representation-description h4 {
  font-size    : 12px;
  font-weight  : bold;
  color        : #383838;
  line-height  : 18.78px;
  margin-bottom: 16px;
}

.representation-description h4 i {
  color      : #1b75e9;
  font-size  : 17px;
  margin-left: 15px;
}

.representation-description p {
  line-height  : 24px;
  color        : #484848;
  text-align   : justify;
  padding-right: 32px;
}

.representation-description p:not(:last-child) {
  margin-bottom: 60px;
}

.representation-description img {
  filter: drop-shadow(0px 21px 36px rgba(0, 0, 0, 0.06));
}

@media only screen and (max-width: 991px) {
  .representation-description .col-lg-5:first-child {
    order     : 2;
    margin-top: 40px;
  }

  .representation-description img {
    display: block;
    margin : 0 auto;
  }
}

@media only screen and (max-width: 479px) {
  .representation-description .col-lg-5:first-child {
    margin-top: 150px;
  }
}

.representation-description-box {
  max-width       : 323px;
  width           : 100%;
  border-radius   : 18px;
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow      : 0px 24px 167px rgba(0, 0, 0, 0.08);
  position        : absolute;
  bottom          : 0;
  right           : 0;
  padding         : 21px 40px 27px 29px;
  transform       : translateY(40px);
}

.representation-description-box img {
  filter       : none;
  width        : 30px;
  height       : 30px;
  display      : block;
  margin-bottom: 14px;
}

.representation-description-box h4 {
  font-size    : 11.2px;
  color        : #474747;
  line-height  : 17.53px;
  font-weight  : bold;
  margin-bottom: 8px;
}

.representation-description-box p {
  padding    : 0;
  font-weight: 500;
  font-size  : 10.5px;
  color      : #838383;
  line-height: 20.9px;
}

@media only screen and (max-width: 1199px) {
  .representation-description-box {
    transform: translate(100px, 40px);
  }
}

@media only screen and (max-width: 991px) {
  .representation-description-box {
    transform: translateX(-50%);
    right    : auto;
    left     : 50%;
  }

  .representation-description-box img {
    margin: 0 0 14px;
  }
}

@media only screen and (max-width: 575px) {
  .representation-description-box {
    max-width: 306px;
  }
}

@media only screen and (max-width: 479px) {
  .representation-description-box {
    bottom: auto;
    top   : 80%;
  }
}

.representation-description-bottom {
  margin-top: 199px;
}

@media only screen and (max-width: 991px) {
  .representation-description-bottom {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .representation-description-bottom .col-lg-5 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .representation-description-bottom .col-lg-5 {
    margin-top: 150px;
  }
}

.representation-description-bottom .representation-description-box {
  transform: translate(20px, 40px);
}

@media only screen and (max-width: 991px) {
  .representation-description-bottom .representation-description-box {
    transform: translateX(-50%);
  }
}

.representation .agency-facilities {
  margin-top: 321px;
}

@media only screen and (max-width: 767px) {
  .representation .agency-facilities {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 575px) {
  .representation .agency-facilities {
    margin-top: 80px;
  }
}

.representation .agency-facilities::after {
  content        : "";
  z-index        : -4;
  background     : var(--wpr-bg-1ef84a0d-cbc2-457d-8d3f-f4367695ec62) 0 0 no-repeat;
  background-size: cover;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 178%;
  transform      : rotate(-9.67deg) scale(1.3, 1) translateY(-80px);
  filter         : grayscale(100%);
}

@media only screen and (max-width: 1399px) {
  .representation .agency-facilities::after {
    height: 173%;
  }
}

@media only screen and (max-width: 991px) {
  .representation .agency-facilities::after {
    height   : 148%;
    transform: rotate(-9.67deg) scale(1.6, 1) translateY(-80px);
  }
}

@media only screen and (max-width: 767px) {
  .representation .agency-facilities::after {
    height   : 145%;
    transform: rotate(-9.67deg) scale(1.8, 1) translateY(-80px);
  }
}

@media only screen and (max-width: 575px) {
  .representation .agency-facilities::after {
    transform          : rotate(-3deg) translateY(-50px) scale(1.6, 1);
    background-position: center center;
    background-size    : cover;
    height             : 126%;
  }
}

.representation .agency-facilities .section-title {
  margin-bottom: 85px;
}

.representation .agency-facilities .col-lg-4 {
  margin-bottom: 51px;
}

.representation .agency-facilities-item {
  padding        : 44px 48px 43px 48px;
  z-index        : 2;
  height         : 100%;
  background     : var(--wpr-bg-b8e4f91b-b61e-4e20-94fc-4b0f6e569bbb) 0 0 no-repeat;
  background-size: 100% 100%;
}

.representation .agency-facilities-item img {
  width        : 31px;
  height       : 31px;
  margin-bottom: 16px;
}

.representation .agency-facilities-item h4 {
  font-size    : 11.2px;
  line-height  : 17.5px;
  font-weight  : bold;
  color        : #474747;
  margin-bottom: 8px;
}

.representation .agency-facilities-item p {
  font-size  : 10.5px;
  color      : #838383;
  line-height: 20.9px;
  font-weight: 500;
}

.representation-plans {
  margin-top: 60px;
}

@media only screen and (max-width: 575px) {
  .representation-plans .col-lg-3 {
    margin-bottom: 24px;
  }
}

.representation-plans .section-title {
  margin-bottom: 75px;
}

.plugins-jamin {
  margin-top: 79px;
}

.plugins-jamin .btn-develope {
  top         : 30px;
  left        : 0;
  font-weight : 500;
  color       : #545454;
  border-color: #eee;
  font-size   : 11px;
  padding     : 21px 44px;
}

.plugins-jamin .btn-develope:hover,
.plugins-jamin .btn-develope:focus,
.plugins-jamin .btn-develope:active {
  background-color: #eee;
}

@media only screen and (max-width: 991px) {
  .plugins-jamin .btn-develope {
    position: relative;
    top     : 0;
    display : block;
    margin  : 20px auto 0;
  }
}

.plugins-jamin-wrapper {
  background-color: #fdfdfd;
  border-radius   : 122px;
  padding         : 76px 0 86px;
  margin-top      : 123px;
}

@media only screen and (max-width: 991px) {
  .plugins-jamin-wrapper {
    border-radius: 70px;
    padding      : 32px 0;
    margin-top   : 80px;
  }
}

@media only screen and (max-width: 499px) {
  .plugins-jamin-wrapper {
    border-radius: 20px;
  }
}

.plugins-jamin-items {
  margin: 0 -10px;
}

.plugins-jamin-item {
  max-width    : 20%;
  width        : 100%;
  padding      : 0 10px;
  margin-bottom: 20px;
}

.plugins-jamin-item .content {
  background-color: #fff;
  box-shadow      : 0px 24px 66px rgba(0, 0, 0, 0.05);
  border-radius   : 32px;
  padding         : 27px 17px 17px;
  height          : 100%;
}

.plugins-jamin-item .content .stars {
  text-align   : left;
  direction    : ltr;
  display      : flex;
  margin-bottom: 8px;
}

.plugins-jamin-item .content .stars i {
  font-size: 9px;
  color    : #ffa800;
}

.plugins-jamin-item .content .stars i:not(:last-child) {
  margin-right: 1px;
}

.plugins-jamin-item .content .image {
  height  : 159px;
  overflow: hidden;
}

.plugins-jamin-item .content .image .overlay {
  top           : 100%;
  left          : 0;
  width         : 100%;
  height        : 100%;
  z-index       : 4;
  flex-direction: column;
  opacity       : 0;
}

.plugins-jamin-item .content .image .overlay::after {
  content                : "";
  background-color       : rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter        : blur(13px);
  z-index                : -1;
}

.plugins-jamin-item .content .image .overlay .title {
  font-weight  : 700;
  color        : #454545;
  line-height  : 22px;
  margin-bottom: 10px;
}

.plugins-jamin-item .content .image .overlay p {
  font-size  : 10px;
  line-height: 21px;
  font-weight: 400;
  color      : #494949;
  height     : 105px;
  overflow   : hidden;
}

.plugins-jamin-item .content h3 {
  text-align   : center;
  font-size    : 11.8px;
  color        : #454545;
  line-height  : 24px;
  font-weight  : bold;
  margin-bottom: 5px;
}

.plugins-jamin-item .content h6 {
  font-weight  : 400;
  color        : #dcdcdc;
  line-height  : 22px;
  text-align   : center;
  font-size    : 11px;
  margin-bottom: 26px;
}

.plugins-jamin-item .content .btn {
  max-width       : 100%;
  display         : block;
  background-color: #0a82f1;
  box-shadow      : 0px 8px 14px rgba(27, 117, 233, 0.06);
  font-weight     : bold;
  padding         : 22px 8px;
  font-size       : 11px;
}

.plugins-jamin-item .content .btn i {
  font-size  : 16px;
  margin-left: 8px;
}

.plugins-jamin-item .content .btn:hover,
.plugins-jamin-item .content .btn:focus,
.plugins-jamin-item .content .btn:active {
  background-color: #ffa800;
  box-shadow      : 0px 8px 14px rgba(255, 168, 0, 0.06);
}

.plugins-jamin-item .content:hover .image .overlay {
  top    : 0;
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .plugins-jamin-item {
    max-width: 25%;
  }
}

@media only screen and (max-width: 991px) {
  .plugins-jamin-item {
    max-width: 33.333333%;
  }
}

@media only screen and (max-width: 767px) {
  .plugins-jamin-item {
    max-width: 50%;
  }
}

@media only screen and (max-width: 499px) {
  .plugins-jamin-item {
    max-width: 100%;
  }
}

.auth-jamin {
  margin: 32px 0;
}

.auth-jamin-wrapper {
  max-width       : 480px;
  width           : 100%;
  margin          : 0 auto;
  box-shadow      : 0px 12px 60px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  border-radius   : 29px;
}

.auth-jamin-wrapper .tabs {
  border-bottom: 3px solid #f9f9f9;
  border-radius: 4px;
}

.auth-jamin-wrapper .tabs li {
  padding    : 32px 0;
  max-width  : 50%;
  width      : 100%;
  text-align : center;
  font-size  : 11.5px;
  font-weight: bold;
  color      : #a0a0a0;
  line-height: 18px;
  cursor     : pointer;
}

.auth-jamin-wrapper .tabs li i {
  font-size  : 16px;
  margin-left: 13px;
}

.auth-jamin-wrapper .tabs li:first-child::after {
  content         : "";
  bottom          : -3px;
  height          : 3px;
  background-color: #0a82f1;
  width           : 100%;
  right           : 0;
}

.auth-jamin-wrapper .tabs li:first-child:not(.active)::after {
  right    : 50%;
  transform: translateX(-50%);
}

.auth-jamin-wrapper form {
  padding: 48px 58px 68px;
}

.auth-jamin-wrapper form .form-group:not(:last-child) {
  margin-bottom: 19px;
}

.auth-jamin-wrapper form .form-group i {
  font-size: 14.5px;
  color    : #cacaca;
  top      : 25px;
  right    : 36px;
}

.auth-jamin-wrapper form .form-group .form-control {
  padding     : 0 64px 0 16px;
  font-size   : 11px;
  font-weight : 500;
  color       : #818181;
  border-color: #ebebeb;
}

.auth-jamin-wrapper form .form-group .form-control:focus {
  border-color: #0a82f1;
}

.auth-jamin-wrapper form .form-group .form-control::-moz-placeholder {
  color: #818181;
}

.auth-jamin-wrapper form .form-group .form-control::placeholder {
  color: #818181;
}

.auth-jamin-wrapper form label {
  font-size    : 10.5px;
  line-height  : 16px;
  color        : #3a3a3a;
  padding-right: 36px;
  margin-top   : 40px;
  display      : block;
}

.auth-jamin-wrapper form label a,
.auth-jamin-wrapper form label a:hover,
.auth-jamin-wrapper form label a:focus,
.auth-jamin-wrapper form label a:active {
  color          : #0a82f1;
  text-decoration: underline;
}

.auth-jamin-wrapper form label input {
  opacity: 0;
}

.auth-jamin-wrapper form label span {
  width           : 12px;
  height          : 12px;
  border-radius   : 50%;
  background-color: #e3e3e3;
  margin-left     : 10px;
  display         : inline-block;
  vertical-align  : middle;
}

.auth-jamin-wrapper form label input:checked+span {
  background-color: #0a82f1;
}

.auth-jamin-wrapper form .btn {
  max-width       : 100%;
  display         : block;
  margin          : 53px 0 0;
  background-color: #0a82f1;
  box-shadow      : 0px 20px 25px rgba(10, 130, 241, 0.07);
  padding         : 22px 12px;
}

.auth-jamin-wrapper form .btn:hover,
.auth-jamin-wrapper form .btn:focus,
.auth-jamin-wrapper form .btn:active {
  background-color: #086dca;
}

.auth-jamin-wrapper .with-google {
  z-index: 2;
  padding: 0 52px;
}

@media only screen and (max-width: 499px) {
  .auth-jamin-wrapper .with-google {
    padding: 0 20px;
  }
}

.auth-jamin-wrapper .with-google::after {
  content         : "";
  top             : 8px;
  right           : 0;
  left            : 0;
  width           : calc(100% - 104px);
  height          : 1px;
  background-color: #eee;
  z-index         : -1;
  margin          : 0 auto;
}

.auth-jamin-wrapper .with-google .title {
  font-weight     : bold;
  color           : #3a3a3a;
  line-height     : 17px;
  z-index         : 2;
  background-color: #fff;
  padding         : 0 20px;
  width           : -moz-fit-content;
  width           : fit-content;
  margin          : 0 auto;
}

.auth-jamin-wrapper .with-google .auth-google {
  max-width       : 100%;
  display         : block;
  background-color: #f9f9f9;
  margin          : 49px 0 43px;
  font-size       : 11.5px;
  line-height     : 26px;
  font-weight     : 500;
  color           : #767676;
  padding         : 19px 12px;
}

.auth-jamin-wrapper .with-google .auth-google img {
  vertical-align: middle;
  margin-right  : 18px;
}

.auth-jamin-wrapper .with-google .auth-google:hover,
.auth-jamin-wrapper .with-google .auth-google:focus,
.auth-jamin-wrapper .with-google .auth-google:active {
  background-color: #e5e5e5;
}

.auth-jamin-wrapper .btn-forget-password {
  padding-bottom: 43px;
}

.auth-jamin-wrapper .btn-forget-password .btn {
  display    : block;
  margin     : 0 auto;
  max-width  : 191px;
  font-size  : 11px;
  line-height: 17px;
  padding    : 13px 12px;
}

@media only screen and (max-width: 499px) {
  .auth-jamin-wrapper form {
    padding: 32px 16px;
  }
}

.auth-jamin-footer {
  line-height     : 32px;
  color           : #515151;
  font-weight     : 500;
  padding         : 20px 0;
  background-color: #fff;
  box-shadow      : 0px 12px 60px rgba(0, 0, 0, 0.03);
}

.auth-jamin-footer span:first-child {
  padding-left: 26px;
  margin-left : 26px;
  border-left : 1px solid #eaeaea;
}

@media only screen and (max-width: 767px) {
  .auth-jamin-footer span:first-child {
    padding   : 0;
    margin    : 0;
    border    : 0;
    text-align: center;
  }
}

.web-sms-service {
  margin-top: 80px;
}

.web-sms-service .section-title {
  margin-bottom: 66px;
}

.web-sms-service .section-title::before {
  content: none;
}

.web-sms-service-landing h4 {
  font-size  : 20px;
  line-height: 32px;
  color      : #404040;

  margin-bottom: 30px;
}

.web-sms-service-landing p {
  font-size  : 11px;
  color      : #454545;
  line-height: 26px;
}

.web-sms-service-landing p:not(:last-child) {
  margin-bottom: 20px;
}

.web-sms-service-landing-code {
  max-width    : 440px;
  width        : 100%;
  border-radius: 22px;
  background   : linear-gradient(113.59deg, #3c54ab 0%, #252e87 68.08%);
  box-shadow   : 0px 21px 32px rgba(45, 51, 106, 0.13);
  margin       : 0 auto;
  direction    : ltr;
  text-align   : left;
}

.web-sms-service-landing-code::after {
  content        : "";
  top            : 50%;
  left           : 50%;
  width          : 524px;
  height         : 522px;
  background     : var(--wpr-bg-54614c3a-967c-48e4-ba53-43f29afdebf3) 0 0 no-repeat;
  background-size: 524px 522px;
  z-index        : -1;
  transform      : translate(-50%, -50%);
}

.web-sms-service-landing-code .tabs {
  border-bottom: 2px solid rgba(255, 255, 255, 0.07);
}

.web-sms-service-landing-code .tabs li {
  max-width  : 25%;
  width      : 100%;
  text-align : center;
  padding    : 21px 0 13px;
  font-size  : 13px;
  line-height: 30px;
  font-weight: bold;
  color      : #fff;
  cursor     : pointer;
}

.web-sms-service-landing-code .tabs li::after {
  content         : "";
  bottom          : -2px;
  left            : 0;
  height          : 2px;
  width           : 100%;
  background-color: #00d1ff;
  opacity         : 0;
}

.web-sms-service-landing-code .tabs li.active::after {
  opacity: 1;
}

.web-sms-service-landing-code .tab-content {
  padding: 25px 6px 25px 41px;
}

.web-sms-service-landing-code .tab-content p {
  color        : #fff;
  font-size    : 12px;
  font-weight  : 500;
  line-height  : 30px;
  height       : 180px;
  overflow     : hidden auto;
  padding-right: 35px;
}

.web-sms-service-landing-code .tab-content p::-webkit-scrollbar {
  width: 2px;
}

.web-sms-service-landing-code .tab-content p::-webkit-scrollbar-track {
  background-color: transparent;
}

.web-sms-service-landing-code .tab-content p::-webkit-scrollbar-thumb {
  background-color: #00d1ff;
}

@media only screen and (max-width: 991px) {
  .web-sms-service-landing .col-lg-6:first-child {
    order: 2;
  }

  .web-sms-service-landing-code {
    margin: 80px auto 120px;
  }
}

@media only screen and (max-width: 499px) {
  .web-sms-service-landing-code .tabs li {
    font-size  : 12px;
    line-height: 24px;
  }

  .web-sms-service-landing-code .tab-content {
    padding: 18px 6px 18px 16px;
  }
}

.web-sms-service-files {
  border-radius   : 137px;
  background-color: #fdfdfd;
  padding         : 78px 0;
  margin-top      : 157px;
}

@media only screen and (max-width: 991px) {
  .web-sms-service-files {
    margin-top   : 80px;
    border-radius: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .web-sms-service-files {
    border-radius: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .web-sms-service-files {
    border-radius: 32px;
    padding      : 32px 0;
  }
}

.web-sms-service-files-wrapper {
  margin: 0 -10px;
}

.web-sms-service-files-item {
  padding      : 0 10px;
  margin-bottom: 22px;
  max-width    : 16.6666667%;
  width        : 100%;
}

.web-sms-service-files-item .content {
  border-radius   : 32px;
  background-color: #fff;
  box-shadow      : 0px 24px 66px rgba(0, 0, 0, 0.05);
  padding         : 21px 12px 12px;
  height          : 100%;
}

.web-sms-service-files-item .content .image {
  border-radius: 50%;
  width        : 90px;
  height       : 90px;
  border       : 1px dashed rgba(0, 0, 0, 0.09);
  margin       : 0 auto 27px;
}

.web-sms-service-files-item .content .image::after {
  content      : "";
  transform    : scale(1.2);
  border-radius: 50%;
  border       : 1px dashed rgba(0, 0, 0, 0.04);
}

.web-sms-service-files-item .content h2 {
  font-size  : 11px;
  font-weight: bold;
  color      : #454545;
  text-align : center;
}

.web-sms-service-files-item .content .btn {
  margin-top: 23px;
  padding   : 18px 12px;
}

.web-sms-service-files-item .content .btn i {
  font-size  : 16.5px;
  margin-left: 10px;
}

.web-sms-service-files-item .content .btn:hover,
.web-sms-service-files-item .content .btn:focus,
.web-sms-service-files-item .content .btn:active {
  background-color: #ffa800;
  box-shadow      : 0px 8px 14px rgba(255, 168, 0, 0.06);
}

.web-sms-service-files-item .content:hover {
  box-shadow: 0px 24px 66px rgba(0, 0, 0, 0.08);
  transform : translateY(-4px);
}

@media only screen and (max-width: 1199px) {
  .web-sms-service-files-item {
    max-width: 20%;
  }
}

@media only screen and (max-width: 991px) {
  .web-sms-service-files-item {
    max-width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .web-sms-service-files-item {
    max-width: 33.333333%;
  }
}

@media only screen and (max-width: 575px) {
  .web-sms-service-files-item {
    max-width: 50%;
  }
}

@media only screen and (max-width: 399px) {
  .web-sms-service-files-item {
    max-width: 100%;
  }
}

.about-us-jamin {
  margin-top: 80px;
}

.about-us-jamin-description {
  margin-top: 82px;
}

.about-us-jamin-description h3 {
  font-size  : 19px;
  line-height: 30px;
  color      : #404040;
  font-weight: 400;

  margin-bottom: 52px;
}

.about-us-jamin-description h5 {
  font-size    : 12px;
  font-weight  : bold;
  color        : #383838;
  line-height  : 18px;
  margin-bottom: 16px;
}

.about-us-jamin-description h5 i {
  font-size  : 17px;
  color      : #1b75e9;
  margin-left: 15px;
}

.about-us-jamin-description P {
  font-size  : 11px;
  line-height: 24px;
  text-align : justify;
  color      : #484848;
}

.about-us-jamin-description P:not(:last-child) {
  margin-bottom: 60px;
}

.about-us-jamin-description P:nth-child(3) {
  margin-bottom: 9px;
}

.about-us-jamin-description img {
  filter: drop-shadow(0px 21px 36px rgba(0, 0, 0, 0.06));
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-description .col-lg-5:first-child {
    order: 2;
  }

  .about-us-jamin-description img {
    display: block;
    margin : 0 auto 30px;
  }
}

.about-us-jamin-description-bottom {
  margin-top: 176px;
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-description-bottom {
    margin-top: 80px;
  }
}

.about-us-jamin-description-bottom h3 {
  font-size    : 20px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 575px) {
  .about-us-jamin-description-bottom h3 {
    font-size: 18px;
  }
}

.about-us-jamin-team {
  margin-top: 104px;
}

.about-us-jamin-team .section-title {
  margin-bottom: 61px;
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-team .col-lg-3 {
    margin-bottom: 60px;
  }
}

.about-us-jamin-team .col-lg-3:not(:last-child)::after {
  content        : "";
  top            : 50%;
  right          : 90%;
  width          : 66px;
  height         : 367px;
  background     : var(--wpr-bg-40c91ffb-8c68-4ead-bf41-1b48274db10c) 0 0 no-repeat;
  background-size: 100% 100%;
  display        : inline-block;
  vertical-align : middle;
  transform      : translateY(-50%);
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-team .col-lg-3:not(:last-child)::after {
    right: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-jamin-team .col-lg-3:not(:last-child)::after {
    content: none;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-team .col-lg-3:nth-child(3n)::after {
    content: none;
  }
}

.about-us-jamin-team-item {
  text-align: center;
}

.about-us-jamin-team-item .image {
  width : 136px;
  height: 136px;
  margin: 0 auto 54px;
}

.about-us-jamin-team-item .image::after,
.about-us-jamin-team-item .image::before {
  content      : "";
  border-radius: 50%;
  border       : 1px dashed #e7e7e7;
  transform    : scale(1.3);
}

.about-us-jamin-team-item .image::after {
  transform   : scale(1.6);
  border-color: #f6f6f6;
}

.about-us-jamin-team-item .image img {
  width        : 100%;
  height       : 100%;
  border-radius: 50%;
}

.about-us-jamin-team-item h2 {
  font-size    : 11.5px;
  line-height  : 18.8px;
  font-weight  : bold;
  color        : #404040;
  margin-bottom: 9px;
}

.about-us-jamin-team-item h5 {
  font-size     : 11px;
  font-weight   : 500;
  color         : #8d8d8d;
  line-height   : 18px;
  padding-bottom: 19px;
}

.about-us-jamin-team-item h5::after {
  content         : "";
  bottom          : 0;
  left            : 50%;
  width           : 19px;
  height          : 4px;
  transform       : translateX(-50%);
  background-color: #ffa800;
  border-radius   : 5px;
}

.about-us-jamin-story {
  background   : linear-gradient(99.33deg, #0082ff 0.44%, #0055b9 53.14%);
  border-radius: 53px 11px 53px 53px;
  padding      : 0 102px 0;
  margin-top   : 243px;
}

.about-us-jamin-story h4 {
  font-size  : 22px;
  line-height: 35px;
  font-weight: 400;

  color        : #fff;
  margin-bottom: 27px;
  padding-top  : 55px;
}

.about-us-jamin-story p {
  font-size     : 11px;
  line-height   : 26px;
  font-weight   : 500;
  color         : #fff;
  max-width     : 686px;
  width         : 100%;
  padding-bottom: 82px;
  text-align    : justify;
}

.about-us-jamin-story img {
  bottom   : 0;
  left     : 64px;
  transform: translateY(40px);
}

@media only screen and (max-width: 1399px) {
  .about-us-jamin-story p {
    max-width     : 550px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us-jamin-story p {
    max-width: 450px;
  }

  .about-us-jamin-story img {
    left: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-jamin-story {
    margin-top: 100px;
  }

  .about-us-jamin-story p {
    max-width: 100%;
  }

  .about-us-jamin-story img {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-jamin-story {
    padding      : 0 32px;
    border-radius: 40px 11px 40px 40px;
  }

  .about-us-jamin-story h4 {
    padding-top: 32px;
  }

  .about-us-jamin-story p {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-jamin-story {
    border-radius: 15px;
    padding      : 0 16px;
  }

  .about-us-jamin-story h4 {
    padding-top: 16px;
    font-size  : 20px;
  }

  .about-us-jamin-story p {
    padding-bottom: 32px;
  }
}

.contact-us-jamin {
  margin-top: 80px;
}

.contact-us-jamin .section-title {
  margin-bottom: 157px;
}

.contact-us-jamin form {
  max-width: 400px;
  width    : 100%;
}

.contact-us-jamin form .title {
  font-size  : 17px;
  line-height: 17px;
  color      : #404040;
  font-weight: 400;

  margin-bottom: 47px;
}

.contact-us-jamin form .title img {
  margin-left: 21px;
}

.contact-us-jamin form .form-control {
  border-color : #e8e8e8;
  padding      : 0 35px;
  color        : #8a8a8a;
  font-weight  : 500;
  margin-bottom: 13px;
}

.contact-us-jamin form .form-control:focus {
  border-color: #0a82f1;
}

.contact-us-jamin form textarea.form-control {
  padding-top: 35px;
}

.contact-us-jamin form .btns .btn {
  max-width: calc(50% - 6px);
  padding  : 22px 12px;
}

.contact-us-jamin form .btns .btn:first-child {
  margin-left     : 6px;
  background-color: #f1f1f1;
  color           : #6d6d6d;
}

.contact-us-jamin form .btns .btn:first-child input {
  opacity: 0;
  z-index: 3;
  cursor : pointer;
}

.contact-us-jamin form .btns .btn:last-child {
  margin-right: 6px;
}

.contact-us-jamin-info-jamin li:not(:last-child) {
  margin-bottom: 64px;
}

.contact-us-jamin-info-jamin li i {
  width           : 51px;
  height          : 51px;
  background-color: #ee3e2d;
  border-radius   : 50%;
  text-align      : center;
  line-height     : 51px;
  font-size       : 13.5px;
  color           : #fff;
  margin-left     : 21px;
}

.contact-us-jamin-info-jamin li .detail .name {
  font-size    : 11px;
  line-height  : 17px;
  color        : #474747;
  font-weight  : bold;
  margin-bottom: 14px;
}

.contact-us-jamin-info-jamin li .detail .value {
  font-size  : 11px;
  font-weight: 500;
  color      : #5b5b5b;
}

.contact-us-jamin-info-jamin li:nth-child(2) i {
  background-color: #0092e4;
}

.contact-us-jamin-info-jamin li:last-child i {
  background-color: #ffa800;
}

.contact-us-jamin iframe {
  margin-top      : 83px;
  border-radius   : 27px;
  background-color: #fafafa;
  border          : none;
  max-width       : 469px;
  width           : 100%;
  height          : 260px;
}

@media only screen and (max-width: 991px) {
  .contact-us-jamin .section-title {
    margin-bottom: 80px;
  }

  .contact-us-jamin .section-title::before {
    content: none;
  }

  .contact-us-jamin form,
  .contact-us-jamin iframe {
    max-width: 100%;
  }

  .contact-us-jamin-info {
    margin-top: 32px;
  }

  .contact-us-jamin-info li:not(:last-child) {
    margin-bottom: 40px;
  }
}

.faq-jamin {
  margin-top: 80px;
}

.faq-jamin .section-title {
  margin-bottom: 167px;
}

.faq-jamin .section-title::before {
  content: none;
}

@media only screen and (max-width: 991px) {
  .faq-jamin .section-title {
    margin-bottom: 80px;
  }
}

.faq-jamin-title {
  font-size  : 16px;
  color      : #404040;
  line-height: 25px;

  margin-bottom: 32px;
  padding-right: 26px;
}

.faq-jamin-items:not(:last-child) {
  padding-bottom: 64px;
  margin-bottom : 71px;
  border-bottom : 1px solid #ececec;
}

.faq-jamin-items li:not(:last-child) {
  margin-bottom: 17px;
}

.faq-jamin-items li .heading {
  background-color: #fbfbfb;
  border-radius   : 43px;
  padding         : 24px 27px 25px 41px;
  cursor          : pointer;
  font-size       : 11px;
  color           : #515151;
  font-weight     : 500;
  line-height     : 17px;
}

.faq-jamin-items li .heading i:first-child {
  font-size  : 17px;
  color      : #dddddd;
  margin-left: 17px;
}

.faq-jamin-items li .heading i:last-child {
  font-size   : 15.58px;
  margin-right: auto;
  color       : #b7b7b7;
}

.faq-jamin-items li p {
  padding : 0 61px 0 42px;
  overflow: hidden;
  height  : 0;
}

.faq-jamin-items li.open .heading {
  background-color: #1b75e9;
}

.faq-jamin-items li.open .heading,
.faq-jamin-items li.open .heading i {
  color: #fff;
}

.faq-jamin-items li.open .heading .icon-plus-circle::before {
  content: "\e929";
}

.faq-jamin-items li.open p {
  padding: 26px 61px 34px 42px;
}

@media only screen and (max-width: 767px) {
  .faq-jamin-items:not(:last-child) {
    padding-bottom: 32px;
    margin-bottom : 35px;
    border-bottom : 1px solid #ececec;
  }
}

@media only screen and (max-width: 575px) {
  .faq-jamin-title {
    padding-right: 0;
  }

  .faq-jamin-items li .heading {
    padding: 19px 16px 20px 20px;
  }

  .faq-jamin-items li.open p {
    padding-right: 16px;
    padding-left : 20px;
  }
}

.blog-jamin {
  margin-top: 80px;
}

.blog-jamin .section-title {
  margin-bottom: 140px;
}

.blog-jamin .section-title::before {
  content: none;
}

@media only screen and (max-width: 991px) {
  .blog-jamin .section-title {
    margin-bottom: 60px;
  }
}

.blog-jamin-wrapper {
  background-color: #fdfdfd;
  padding         : 66px 0 86px;
  border-radius   : 137px;
}

@media only screen and (max-width: 991px) {
  .blog-jamin-wrapper {
    border-radius: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-jamin-wrapper {
    border-radius: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .blog-jamin-wrapper {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-jamin-aside {
    margin-top: 80px;
  }
}

.blog-jamin-aside form {
  margin-bottom: 26px;
}

.blog-jamin-aside form .form-control {
  border          : none;
  box-shadow      : 0px 16px 44px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  padding         : 0 59px 0 45px;
}

.blog-jamin-aside form .form-control:focus {
  box-shadow: 0px 16px 44px rgba(0, 0, 0, 0.08);
}

.blog-jamin-aside form button {
  top      : 21px;
  left     : 45px;
  color    : #ffa800;
  font-size: 14px;
}

.blog-jamin-aside-box {
  box-shadow      : 0px 16px 44px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  padding         : 41px 38px;
  border-radius   : 33px;
}

.blog-jamin-aside-box:not(:last-child) {
  margin-bottom: 20px;
}

.blog-jamin-aside-box h4 {
  font-size    : 12px;
  line-height  : 18px;
  color        : #424242;
  font-weight  : bold;
  margin-bottom: 36px;
}

.blog-jamin-aside-box h4 i {
  font-size  : 19px;
  color      : #ffa800;
  margin-left: 12px;
}

.blog-jamin-aside-box-category {
  padding-right: 35px;
}

.blog-jamin-aside-box-category li:not(:last-child) {
  margin-bottom : 16px;
  padding-bottom: 16px;
  border-bottom : 1px solid #f2f2f2;
}

.blog-jamin-aside-box-category li a {
  line-height: 17px;
  color      : #545454;
  font-weight: 500;
  display    : block;
}

.blog-jamin-aside-box-category li a:hover {
  color        : #0092e4;
  padding-right: 8px;
}

.blog-jamin-aside-box-top-articles li:not(:last-child) {
  margin-bottom : 16px;
  padding-bottom: 16px;
  border-bottom : 1px solid #f2f2f2;
}

.blog-jamin-aside-box-top-articles li img {
  width        : 72px;
  height       : 67px;
  border-radius: 9px;
}

.blog-jamin-aside-box-top-articles li .detail {
  padding-right: 13px;
}

.blog-jamin-aside-box-top-articles li .detail h3 {
  font-size    : 9.5px;
  color        : #4d4d4d;
  line-height  : 18px;
  font-weight  : bold;
  height       : 36px;
  overflow     : hidden;
  margin-bottom: 8px;
}

.blog-jamin-aside-box-top-articles li .detail h3 a:hover {
  color: #0082ff;
}

.blog-jamin-aside-box-top-articles li .detail .date {
  font-size  : 10px;
  line-height: 19px;
  color      : #8c8c8c;
}

@media only screen and (max-width: 991px) {
  .blog-jamin .col-lg-4 {
    order: 1;
  }
}

.blog-jamin .col-lg-8 .row {
  margin: 0 -10px;
}

.blog-jamin .col-lg-8 .row .col-sm-6 {
  padding      : 0 10px;
  margin-bottom: 30px;
}

.blog-jamin .article-blog {
  box-shadow: 0px 22px 49px rgba(0, 0, 0, 0.05);
}

.blog-jamin .article-blog::after {
  content         : "";
  bottom          : 0;
  left            : 28px;
  width           : 128px;
  height          : 4px;
  background-color: #1b75e8;
  opacity         : 0;
}

.blog-jamin .article-blog:hover {
  box-shadow: 0px 18px 62px rgba(0, 0, 0, 0.07);
}

.blog-jamin .article-blog:hover::after {
  opacity: 1;
}

@media only screen and (max-width: 1399px) {
  .blog-jamin .article-blog .clock-read .clock {
    font-size: 10px;
  }
}

.detail-blog-jamin {
  margin-top: 84px;
}

.detail-blog-jamin-wrapper {
  padding         : 46px 120px;
  background-color: #fff;
  box-shadow      : 0px 16px 44px rgba(0, 0, 0, 0.04);
  border-radius   : 33px;
}

.detail-blog-jamin-title {
  font-size    : 13.5px;
  line-height  : 21px;
  color        : #424242;
  font-weight  : bold;
  margin-bottom: 24px;
  text-align   : center;
}

.detail-blog-jamin-info {
  margin-bottom: 28px;
}

.detail-blog-jamin-info li {
  font-size  : 10px;
  line-height: 16px;
  color      : #424242;
  font-weight: 500;
}

.detail-blog-jamin-info li:not(:last-child) {
  padding-left: 11px;
  margin-left : 11px;
  border-left : 1px solid #dfdfdf;
}

.detail-blog-jamin-info li i {
  font-size  : 14.67px;
  color      : #aaa;
  margin-left: 11px;
}

.detail-blog-jamin-image {
  border-radius: 33px;
  max-width    : 619px;
  width        : 100%;
  margin       : 0 auto 52px;
  display      : block;
}

.detail-blog-jamin-content p {
  color      : #5a5a5a;
  text-align : justify;
  line-height: 21px;
}

.detail-blog-jamin-content p:not(:last-child) {
  margin-bottom: 22px;
}

.detail-blog-jamin .print-share {
  margin-top : 43px;
  padding-top: 22px;
  border-top : 1px solid #efefef;
}

.detail-blog-jamin .print-share .btn-print {
  font-size  : 10.5px;
  color      : #8c8c8c;
  line-height: 20px;
  font-weight: 500;
}

.detail-blog-jamin .print-share .btn-print i {
  font-size  : 18px;
  margin-left: 12px;
}

.detail-blog-jamin .print-share .share span {
  font-size  : 10.5px;
  color      : #8c8c8c;
  margin-left: 49px;
}

.detail-blog-jamin .print-share .share ul li:not(:last-child) {
  margin-left: 6px;
}

.detail-blog-jamin .print-share .share ul li a {
  width           : 36px;
  height          : 36px;
  background-color: #fafafa;
  border-radius   : 50%;
  text-align      : center;
  line-height     : 36px;
  font-size       : 11.48px;
  color           : #b4b4b4;
  display         : block;
}

.detail-blog-jamin .print-share .share ul li a:hover i {
  color: #fff;
}

.detail-blog-jamin .print-share .share ul li:first-child a:hover {
  background-color: #e60023;
}

.detail-blog-jamin .print-share .share ul li:nth-child(2) a:hover {
  background-color: #1b75e9;
}

.detail-blog-jamin .print-share .share ul li:nth-child(3) a:hover {
  background-color: #00acee;
}

.detail-blog-jamin .print-share .share ul li:nth-child(4) a:hover {
  background-color: #833ab4;
}

.detail-blog-jamin .print-share .share ul li:last-child a:hover {
  background-color: #ff0000;
}

@media only screen and (max-width: 1199px) {
  .detail-blog-jamin-wrapper {
    padding: 46px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .detail-blog-jamin {
    margin-top: 40px;
  }

  .detail-blog-jamin .col-lg-4 {
    order: 2;
  }

  .detail-blog-jamin-wrapper {
    padding: 40px 32px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-jamin-wrapper {
    padding: 32px 16px;
  }

  .detail-blog-jamin .print-share .share span {
    margin: 20px 0;
  }
}

.comments-jamin {
  background-color: #fff;
  box-shadow      : 0px 16px 44px rgba(0, 0, 0, 0.04);
  border-radius   : 33px;
  margin-top      : 41px;
  padding         : 54px 120px;
}

.comments-jamin .title {
  font-size    : 12px;
  color        : #444444;
  font-weight  : bold;
  line-height  : 18px;
  margin-bottom: 52px;
}

.comments-jamin .title i {
  width           : 36.62px;
  height          : 36.62px;
  background-color: #50af00;
  color           : #fff;
  border-radius   : 50%;
  font-size       : 17.55px;
  color           : #fff;
  text-align      : center;
  line-height     : 36.62px;
  margin-left     : 18px;
}

.comments-jamin-items {
  padding-bottom: 62px;
  margin-bottom : 54px;
  border-bottom : 1px solid #efefef;
}

.comments-jamin-items li:not(:last-child) {
  padding-bottom: 26px;
  margin-bottom : 26px;
  border-bottom : 1px solid #f6f6f6;
}

.comments-jamin-items li .content i {
  width           : 43px;
  height          : 43px;
  background-color: #1b75e9;
  border-radius   : 50%;
  text-align      : center;
  line-height     : 43px;
  font-size       : 15.25px;
  color           : #fff;
}

.comments-jamin-items li .content .detail {
  max-width: calc(100% - 43px);
  width    : 100%;
  padding  : 10px 24px 0 0;
}

.comments-jamin-items li .content .detail .name {
  font-size    : 11.5px;
  color        : #494949;
  line-height  : 18px;
  font-weight  : bold;
  margin-bottom: 29px;
}

.comments-jamin-items li .content .detail p {
  line-height: 21px;
  color      : #5a5a5a;
  text-align : justify;
}

.comments-jamin-items li ul {
  padding   : 26px 49px 0 0;
  margin-top: 26px;
}

.comments-jamin-items li ul li::before {
  content    : "\e92e";
  font-family: "icon-jamin";
  top        : 12px;
  right      : -31px;
  font-size  : 13.68px;
  color      : #d9d9d9;
}

.comments-jamin-items li ul li .content i {
  background-color: #ffa800;
}

.comments-jamin-send h4 {
  font-size    : 12px;
  font-weight  : bold;
  color        : #444444;
  line-height  : 19px;
  text-align   : center;
  margin-bottom: 48px;
}

.comments-jamin-send form .form-control {
  background-color: #fbfbfb;
  border-color    : #fbfbfb;
  font-size       : 10.5px;
  color           : #9b9b9b;
  line-height     : 16px;
  font-weight     : 500;
}

.comments-jamin-send form .form-control:focus {
  border-color    : #0a82f1;
  background-color: #fff;
}

.comments-jamin-send form input.form-control {
  height : 59px;
  padding: 0 30px;
}

.comments-jamin-send form input.form-control:not(:last-child) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .comments-jamin-send form input.form-control {
    margin-bottom: 16px;
  }
}

.comments-jamin-send form textarea.form-control {
  border-radius: 20px;
  height       : 134px;
  padding      : 24px 30px 12px;
}

.comments-jamin-send form .btn {
  margin     : 34px auto 0 0;
  display    : block;
  padding    : 19px 39px;
  line-height: 21px;
}

@media only screen and (max-width: 1199px) {
  .comments-jamin {
    padding: 54px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .comments-jamin {
    padding: 50px 32px;
  }
}

@media only screen and (max-width: 575px) {
  .comments-jamin {
    padding: 32px 16px;
  }
}

@media only screen and (max-width: 499px) {
  .comments-jamin-items li .content {
    flex-direction: column;
  }

  .comments-jamin-items li .content .detail {
    max-width : 100%;
    padding   : 0;
    margin-top: 20px;
  }
}

.header-seo::after {
  display: none;
}

/* css add to main.css */
.article-seo img {
  height    : 200px !important;
  object-fit: cover !important;
}

.article-seo h2 {
  height: unset;
}

.articles-cleaning-thumb {
  height    : 200px !important;
  object-fit: cover !important;
}

.articles-blog-hosting-thumb {
  height    : 300px !important;
  object-fit: cover !important;
}

.articles-hall-beauty-thumb {
  height    : 300px !important;
  object-fit: cover !important;
}

.articles-madfg-thumb {
  height    : 200px !important;
  object-fit: cover !important;
}

.article-hospital-thumb {
  height    : 230px !important;
  object-fit: cover !important;
}

.article-web-design-thumb {
  height    : 200px !important;
  object-fit: cover !important;
}

.articles-internet-novin-thumbone {
  height    : 130px !important;
  object-fit: cover !important;
}

.articles-internet-novin-thumbtwo {
  height    : 180px !important;
  object-fit: cover !important;
}

.article-vecalt-thumb {
  height    : 130px !important;
  object-fit: cover !important;
}

.articles-tattoy-thumb {
  height    : 130px !important;
  object-fit: cover !important;
}

.article-seo-two-thumb {
  width     : 150px !important;
  height    : 80px !important;
  object-fit: cover !important;
}

.AZ-business-improvement-marketing .AZ-not-break {
  margin-top: 0;
}

.total-info-dental-item {
  padding   : 0;
  box-shadow: unset;
}

.footer-row-phone {
  margin       : 0;
  padding      : 0;
  border-top   : unset;
  border-bottom: unset;
}

.footer-row-phone .footer-call-text {
  margin-top: 0;
}

.AZ-business-improvement-marketing .business-improvement-btn {
  margin-top: 0;
}

.AZ-hosting-specifications {
  padding: 0;
}

.works-hall-beauty {
  margin-top: 0;
}

.my-works-tattoy-img {
  width: fit-content;
}

.about-us-novin-wrapper img {
  object-fit: cover !important;
}

.brands-cleaning img {
  object-fit: contain !important;
}

.companies-tattoy .carousel img {
  object-fit: contain !important;
}

.our-partner-centers-internet-novin-item .image img {
  object-fit: contain !important;
}

.company-item .image img {
  object-fit: contain !important;
}

.brands-electronic {
  margin: 34px 0 34px;
}

.services-marketing-price .section-heading-marketing-sup-title {
  -webkit-background-clip: text !important;
  background-clip        : text !important;
}

.services-domain-pricing .heading-domain .sup-title {
  -webkit-background-clip: text !important;
  background-clip        : text !important;
}

.services-domain-pricing-item.vip .btn::before,
.services-domain-pricing-item.vip .btn::after {
  background: unset !important;
}

.services-domain-pricing-tabs li::before,
.services-domain-pricing-tabs li::after {
  background-image: unset !important;
  background-color: #5200e9 !important;
}

.header-seo-search {
  margin-left: 0;
}

.top-header-internet-novin-search {
  max-width: 500px;
}

.article-electronic img {
  height    : 210px !important;
  object-fit: cover;
}

.article-electronic .content .title {
  height: 33px;
}

.detail-blog-internet-novin-image .image img {
  height    : 600px;
  object-fit: cover;
}

.AZ-post-page-marketing {
  padding: 0;
}

.AZ-post-page-medical .post-details-box {
  margin-bottom: 0;
}

.AZ-post-page-marketing .writer-info {
  padding-right: 0;
  border-right : unset;
}

.singlebread .breadcrumb-internet-novin {
  padding-bottom: 0;
  border-bottom : none;
}

.top-header-hosting-search {
  max-width: 800px;
  width    : 270px;
}

.AZ-team-section-marketing img {
  object-fit: contain;
}

.AZ-testimonial-card-dark::after {
  text-shadow: unset;
}

.AZ-post-carousel-marketing {
  padding: 20px 0;
}

.articles-electronic {
  margin-bottom: 156px;
}

.articles-novin {
  margin: 30px 0 80px;
}

.top-services-seo {
  margin : 0;
  padding: 0;
}

/**
 * Contact Form 7 Style
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
  clear  : both;
}

.eael-contact-form-align-right .eael-contact-form-container,
.eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
  float: right;
  width: auto;
}

.eael-contact-form-container textarea,
.eael-contact-form-container input[type="text"],
.eael-contact-form-container input[type="password"],
.eael-contact-form-container input[type="datetime"],
.eael-contact-form-container input[type="datetime-local"],
.eael-contact-form-container input[type="date"],
.eael-contact-form-container input[type="month"],
.eael-contact-form-container input[type="time"],
.eael-contact-form-container input[type="week"],
.eael-contact-form-container input[type="number"],
.eael-contact-form-container input[type="email"],
.eael-contact-form-container input[type="url"],
.eael-contact-form-container input[type="search"],
.eael-contact-form-container input[type="tel"],
.eael-contact-form-container input[type="color"],
.eael-contact-form-container .uneditable-input {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition        : border linear 0.2s, box-shadow linear 0.2s;
}

.eael-contact-form-container .wpcf7-form::before,
.eael-contact-form-container .wpcf7-form::after {
  content: " ";
  clear  : both;
  display: table;
}

.eael-contact-form-container .wpcf7-response-output {
  clear: both;
}

.eael-contact-form-container input,
.eael-contact-form-container textarea {
  height : auto;
  padding: 10px;
}

.eael-contact-form-align-center .eael-contact-form-container,
.eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
  margin-left : auto !important;
  margin-right: auto !important;
  display     : block;
  float       : none;
}

.eael-contact-form-align-left .eael-contact-form-container,
.eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
  float: left;
  width: auto;
}

.AZ-box-section-floating .gradient-text {
  line-height: 68px;
}



/* shop new css */
.writing-mode {
  writing-mode: vertical-rl;
}

.text-dark-10 {
  color: #040414;
}

.text-dark-11 {
  color: #08080b;
}

.text-dark-12 {
  color: #0a0a0a;
}

.text-gray-9 {
  color: #a4a8ba;
}

.text-gray-10 {
  color: #c7c7c7;
}

.text-gray-11 {
  color: #7f7f88;
}

.text-warning-8 {
  color: #FFC700;
}

.icon-star-4:before {
  content: "\e9d2";
}

.body-shop {
  background: #fff;
}

.tooltip {
  position        : fixed;
  background-color: #f3f6f4;
  border-radius   : 10px;
  text-align      : center;
  padding         : 4px 16px;
  font-size       : 12px;
  line-height     : 19px;
  color           : #000;
  transition      : opacity 0.3s linear, top 0.3s linear;
  z-index         : 99999;
}

.tooltip::after {
  content            : "";
  position           : absolute;
  bottom             : 0;
  left               : 50%;
  transform          : translate(-50%, 11px);
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjY3OTUgMTFDNi4wMzc3NSAxMi4zMzMzIDcuOTYyMjUgMTIuMzMzMyA4LjczMjA1IDExTDEzLjA2MjIgMy41QzEzLjgzMiAyLjE2NjY2IDEyLjg2OTcgMC41IDExLjMzMDEgMC41SDIuNjY5ODdDMS4xMzAyNyAwLjUgMC4xNjgwMjIgMi4xNjY2NyAwLjkzNzgyMiAzLjVMNS4yNjc5NSAxMVoiIGZpbGw9IiNGM0Y2RjQiLz4KPC9zdmc+Cg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjY3OTUgMTFDNi4wMzc3NSAxMi4zMzMzIDcuOTYyMjUgMTIuMzMzMyA4LjczMjA1IDExTDEzLjA2MjIgMy41QzEzLjgzMiAyLjE2NjY2IDEyLjg2OTcgMC41IDExLjMzMDEgMC41SDIuNjY5ODdDMS4xMzAyNyAwLjUgMC4xNjgwMjIgMi4xNjY2NyAwLjkzNzgyMiAzLjVMNS4yNjc5NSAxMVoiIGZpbGw9IiNGM0Y2RjQiLz4KPC9zdmc+Cg==) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 18px;
  height             : 18px;
  background-color   : #f3f6f4;
  z-index            : -1;
}

.line-clamp-2 {
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.swiper {
  margin: 0;
}

.swiper-tabs .swiper-slide {
  width      : auto;
  margin-left: 12px;
}

.btn-secondary-2 {
  background-color: #f3f6f4;
  color           : #000;
}

.btn-secondary-2:hover {
  background-color: #00a693;
  color           : #fff;
}

.btn-dark-3 {
  background-color: #040414;
  color           : #fff;
}

.btn-dark-3:hover {
  background-color: #00a693;
  color           : #fff;
}

.btn-more-shop {
  padding: 16px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-more-shop {
    padding      : 12px 16px;
    font-size    : 12px;
    line-height  : 18px;
    border-radius: 12px;
  }

  .btn-more-shop__icon {
    width : 18px;
    height: 18px;
  }

  .btn-more-shop__sm {
    padding         : 0;
    border-radius   : 0;
    background-color: transparent;
  }
}

.btn-success-7 {
  background-color: #7AD75C;
  color           : #fff;
}

.btn-success-7:hover {
  background-color: #5fcf3b;
  color           : #fff;
}

.btn-outline-secondary-4 {
  border: 1px solid #CFD2D0;
  color : #000;
}

.btn-outline-secondary-4:hover {
  background-color: #CFD2D0;
  color           : #fff;
}

.product-one .offer,
.product-three .offer,
.product-four .offer {
  min-width       : 40px;
  height          : 24px;
  background-color: #f3f6f4;
  border-radius   : 18px 18px 0;
  top             : 12px;
  right           : 12px;
  z-index         : 2;
}

.product-one .price .toman,
.product-three .price .toman,
.product-four .price .toman {
  transform: scale(-1);
}

.product-one .add-to-cart,
.product-three .add-to-cart,
.product-four .add-to-cart {
  width : 50px;
  height: 50px;
  border: 1px solid #ccede9;
}

.product-one .add-to-cart .clr-1,
.product-one .add-to-cart .clr-2,
.product-three .add-to-cart .clr-1,
.product-three .add-to-cart .clr-2,
.product-four .add-to-cart .clr-1,
.product-four .add-to-cart .clr-2 {
  transition: all 0.3s ease-in-out;
}

.product-one:hover .add-to-cart,
.product-three:hover .add-to-cart,
.product-four:hover .add-to-cart {
  background-color: #00a693;
  border-color    : #00a693;
  box-shadow      : 2px 14px 22px rgba(0, 166, 147, 0.2);
}

.product-one:hover .add-to-cart .clr-1,
.product-three:hover .add-to-cart .clr-1,
.product-four:hover .add-to-cart .clr-1 {
  stroke: rgba(255, 255, 255, 0.3);
}

.product-one:hover .add-to-cart .clr-2,
.product-three:hover .add-to-cart .clr-2,
.product-four:hover .add-to-cart .clr-2 {
  stroke: #fff;
}

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

  .product-one,
  .product-three,
  .product-four {
    padding: 20px 12px;
  }

  .product-one .offer,
  .product-three .offer,
  .product-four .offer {
    top  : 12px;
    right: 12px;
  }

  .product-one .image img,
  .product-three .image img,
  .product-four .image img {
    width : 132px;
    height: 132px;
  }

  .product-one .category,
  .product-three .category,
  .product-four .category {
    font-size  : 10px;
    line-height: 16px;
  }

  .product-one .title,
  .product-three .title,
  .product-four .title {
    font-size  : 12px;
    line-height: 20px;
    max-height : 40px;
  }

  .product-one .price .toman,
  .product-three .price .toman,
  .product-four .price .toman {
    font-size  : 8px;
    line-height: 1.65;
  }

  .product-one .price .off,
  .product-three .price .off,
  .product-four .price .off {
    font-size  : 12px;
    line-height: 18px;
  }

  .product-one .price .price,
  .product-three .price .price,
  .product-four .price .price {
    font-size  : 14px;
    line-height: 22px;
  }
}

.product-one {
  box-shadow: 49px 114px 124px rgba(0, 0, 0, 0.04);
  padding   : 24px;
}

.product-one .image img {
  width : 186px;
  height: 186px;
}

.product-one .category:hover,
.product-one .title a:hover {
  color: #00a693;
}

.product-one .title {
  max-height: 52px;
}

@media only screen and (max-width: 1399px) {
  .product-one {
    padding: 24px 16px;
  }
}

.product-two .rate {
  top : 12px;
  left: 12px;
}

.product-two .colors .color {
  width  : 16px;
  height : 16px;
  outline: 1px solid #a4a8ba;
  border : 2px solid #fff;
}

.product-two .sizes span {
  border : 1px solid #a4a8ba;
  padding: 4px 9px;
}

.product-two .price .toman {
  transform: unset;
}

.product-three,
.product-four {
  box-shadow: 49px 114px 124px 0px rgba(0, 0, 0, 0.06);
}

.product-three .price .off,
.product-four .price .off {
  padding         : 5px 13px;
  background-color: #f3f6f4;
}

.product-three {
  padding: 24px 16px;
}

.product-three .image img {
  width : 186px;
  height: 186px;
}

.product-three .colors {
  gap: 10px;
}

.product-three .colors li {
  width : 12px;
  height: 12px;
}

.product-three .title a:hover,
.product-three .category:hover {
  color: #00a693;
}

.product-three .add-to-cart-price {
  padding-top: 17px;
  border-top : 1px solid #f5f6fa;
}

@media only screen and (max-width: 767px) {
  .product-three .image img {
    width : 120px;
    height: 120px;
  }
}

.product-four {
  padding: 8px 16px 24px;
}

.product-four .image img {
  width        : 178px;
  height       : 178px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.product-four .images {
  gap: 10px;
}

.product-four .images li {
  width : 42px;
  height: 42px;
  border: 1px solid #dfe0e7;
}

.product-four .images li img {
  width        : 34px;
  height       : 34px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.product-four .price .toman:not(.writing-mode) {
  transform: unset;
}

@media only screen and (max-width: 767px) {
  .product-four .image img {
    width : 120px;
    height: 120px;
  }
}

.modal-discount .modal-dialog {
  max-width: 438px;
}

.modal-discount .modal-content {
  border       : 0;
  border-radius: 15px;
}

.modal-discount .modal-body {
  padding: 40px 10px;
}

.modal-discount .heading__off {
  width           : 91px;
  height          : 39px;
  background-color: #00a693;
}

.modal-discount .content {
  padding: 0 22px;
}

.modal-discount .btn {
  padding: 24px 12px;
}

.bg-backdrop {
  background-color       : rgba(0, 0, 0, 0.34);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  position               : fixed;
  top                    : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 100%;
  opacity                : 0;
  transition             : all 0.3s ease-in-out;
  z-index                : 960;
}

.err-inter {
  background-color: #040414;
  padding         : 12px 23px 12px 11px;
  gap             : 17px;
  top             : 160px;
  opacity         : 0;
  visibility      : hidden;
  z-index         : 999;
}

.err-inter .btn {
  padding         : 14px 21px;
  background-color: #00935e;
}

.err-inter.opened {
  opacity   : 100;
  visibility: visible;
  top       : 174px;
}

.suport-popup {
  right     : 78px;
  bottom    : 78px;
  padding   : 9px 9px 47px;
  max-width : 373px;
  overflow-y: auto;
  max-height: 707px;
  opacity   : 0;
  visibility: hidden;
  z-index   : 999;
}

.suport-popup__heading {
  background-image: var(--wpr-bg-5c3a25d7-bfb4-4c1e-b9d3-54506ff85d3c);
  padding         : 28px 31px 28px 25px;
}

.suport-popup__faq {
  border: 1px solid #dfe0e7;
}

.suport-popup__faq__heading,
.suport-popup__faq__body {
  padding: 24px;
}

.suport-popup__faq__heading {
  cursor: pointer;
}

.suport-popup__faq__heading span {
  width : 14px;
  height: 14px;
}

.suport-popup__faq__heading span::before,
.suport-popup__faq__heading span::after {
  background-color: #808b99;
  border-radius   : 3px;
}

.suport-popup__faq__heading span::before {
  transform: translateX(-50%);
  width    : 2px;
  height   : 14px;
}

.suport-popup__faq__heading span::after {
  transform: translateY(-50%);
  width    : 14px;
  height   : 2px;
}

.suport-popup__faq__heading:not(.collapsed) span::before {
  transform: translateX(-50%) rotate(90deg);
}

.suport-popup__faq__body {
  padding-top: 0;
}

.suport-popup .btn {
  padding: 24px;
}

.suport-popup.opened {
  opacity   : 1;
  visibility: visible;
}

.breadcrumb__shop a:hover {
  color: #00a693;
}

.js-image-zoom__zoomed-image {
  background-color: #fff;
}

.ads-top-header-shop {
  z-index: 1000;
}

.ads-top-header-shop img {
  height: 79px;
}

@media only screen and (max-width: 991px) {
  .ads-top-header-shop img {
    height: 48px;
  }

  .ads-top-header-shop button svg {
    width : 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .ads-top-header-shop button svg {
    width : 12px;
    height: 12px;
  }
}

.top-header-shop {
  z-index: 1000;
  padding: 41px 0;
}

.top-header-shop__btn-nav {
  width           : 40px;
  height          : 40px;
  background-color: #f3f6f4;
}

.top-header-shop__avatar img {
  width : 40px;
  height: 40px;
}

.top-header-shop__line {
  width           : 1px;
  height          : 14px;
  background-color: rgba(0, 166, 147, 0.3);
}

.top-header-shop__menu {
  gap: 26px;
}

.top-header-shop__menu>li>a::after {
  content         : "";
  position        : absolute;
  top             : 100%;
  left            : 50%;
  transform       : translate(-50%, 2px);
  width           : 2px;
  height          : 0;
  border-radius   : 10px;
  background-color: #040414;
  transition      : all 0.3s linear;
}

.top-header-shop__menu>li>a>span {
  transform       : translateY(-9px);
  background-color: #f3f6f4;
  border-radius   : 20px 20px 0;
  padding         : 7px 10px;
}

.top-header-shop__menu>li>a.active,
.top-header-shop__menu>li>a:hover {
  color: #040414;
}

.top-header-shop__menu>li>a.active::after,
.top-header-shop__menu>li>a:hover::after {
  height: 8px;
}

.top-header-shop__menu__sub {
  width         : 231px;
  border-top    : 1px solid rgba(0, 0, 0, 0.09);
  padding       : 22px 24px 28px;
  border-radius : 0 0 30px 30px;
  transform     : translate(-50%, 72px);
  opacity       : 0;
  visibility    : hidden;
  transition    : all 0.3s linear;
  pointer-events: none;
  z-index       : 999;
}

.top-header-shop__menu__sub::before {
  content  : "";
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100px;
  transform: translateY(-62px);
  z-index  : -1;
}

.top-header-shop__menu__sub__backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

.top-header-shop__menu__sub ul {
  gap: 14px;
}

.top-header-shop__menu__sub ul li a::before {
  width           : 13px;
  height          : 2px;
  border-radius   : 10px;
  background-color: #00a693;
  margin-left     : 8px;
  transition      : all 0.3s linear;
}

.top-header-shop__menu__sub ul li a span {
  width           : 41px;
  height          : 30px;
  background-color: #f3f6f4;
}

.top-header-shop__menu__sub ul li a:hover {
  color: #00a693;
}

.top-header-shop__menu__sub ul li a:hover::before {
  width: 16px;
}

li:hover .top-header-shop__menu__sub {
  transform     : translate(-50%, 56px);
  opacity       : 100;
  visibility    : visible;
  pointer-events: all;
}

.top-header-shop__btn {
  border: 1px solid #e6fffc;
  width : 52px;
  height: 52px;
}

.top-header-shop__btn:hover {
  border-color: #ccede9;
}

.top-header-shop__cart__dropdown {
  width         : 347px;
  transform     : translate(-70px, 48px);
  pointer-events: none;
  opacity       : 0;
  visibility    : hidden;
  z-index       : 1000;
}

.top-header-shop__cart__dropdown::before {
  content  : "";
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 200px;
  transform: translateY(-28px);
  z-index  : -1;
}

.top-header-shop__cart__dropdown .content {
  box-shadow: 20px 19px 84px -30px rgba(0, 0, 0, 0.25);
  padding   : 10px 12px 14px;
}

.top-header-shop__cart__dropdown .heading {
  padding: 11px 17px;
}

.top-header-shop__cart__dropdown .products {
  max-height     : 343px;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 blue;
}

.top-header-shop__cart__dropdown .products::-webkit-scrollbar {
  width           : 4px;
  background-color: #f3f6f4;
}

.top-header-shop__cart__dropdown .products::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.top-header-shop__cart__dropdown .products__item {
  background-color: #fff;
  border          : 6px solid #f3f6f4;
  padding         : 15px 17px 10px 17px;
}

.top-header-shop__cart__dropdown .products__item .info .image {
  width           : 53px;
  height          : 53px;
  background-color: #f9f9fd;
  padding         : 4px;
}

.top-header-shop__cart__dropdown .products__item .info .image img {
  width : 45px;
  height: 45px;
}

.top-header-shop__cart__dropdown .products__item .info .title {
  color     : #14151b;
  max-height: 40px;
}

.top-header-shop__cart__dropdown .products__item .info .title:hover {
  color: #00a693;
}

.top-header-shop__cart__dropdown .products__item .remove {
  background-color: #f0e6db;
  color           : #ee0404;
  padding         : 5px 16px;
}

.top-header-shop__cart__dropdown .products__item .box {
  border : 1px solid #dfe0e7;
  padding: 4px 15px;
}

.top-header-shop__cart__dropdown .products__item .box.color span {
  width           : 12px;
  height          : 12px;
  outline         : 1px solid #a4a8ba;
  border          : 1px solid #fff;
  background-color: #000000;
}

.top-header-shop__cart__dropdown .products__item .quantity {
  border : 1px solid #d6dbec;
  padding: 0 13px;
}

.top-header-shop__cart__dropdown .products__item .quantity input {
  width : 32px;
  height: 25px;
  color : #00a693;
}

.top-header-shop__cart__dropdown .products__item .off {
  color: #d6dbec;
}

.top-header-shop__cart__dropdown .products__item .price {
  color: #00a693;
}

.top-header-shop__cart__dropdown .total-price {
  background-color: #f3f6f4;
  padding         : 16px 12px;
}

.top-header-shop__cart__dropdown .total-price .off {
  color: #c3c5c8;
}

.top-header-shop__cart__dropdown .total-price .off+.price {
  color: #f41212;
}

.top-header-shop__cart__dropdown .total-price .toman.writing-mode {
  transform: scale(-1);
}

.top-header-shop__cart__dropdown .total-price .btns .btn {
  padding: 11px 22px;
}

.top-header-shop__cart__dropdown .total-price .btns .btn:last-child {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size : 16px 16px;
  animation       : progressBtn 1s linear infinite;
}

@keyframes progressBtn {
  0% {
    background-position-x: 16px;
  }
}

.top-header-shop__cart:hover .top-header-shop__cart__dropdown {
  transform     : translate(-70px, 28px);
  opacity       : 1;
  visibility    : visible;
  pointer-events: all;
}

.top-header-shop__auth__btn {
  padding: 15px 17px;
}

.top-header-shop__auth__dropdown {
  top             : 100%;
  left            : 0;
  background-color: #fff;
  box-shadow      : 0 10px 50px rgba(0, 0, 0, 0.07), 0 4px 1px #00a693;
  border          : none;
  width           : 266px;
  padding         : 20px 20px 32px;
  transform       : translateY(40px);
  opacity         : 0;
  visibility      : hidden;
  pointer-events  : none;
  z-index         : 999;
}

.top-header-shop__auth__dropdown::before {
  content  : "";
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 50px;
  transform: translateY(-20px);
  z-index  : -1;
}

.top-header-shop__auth__dropdown .info-user {
  padding-bottom: 20px;
  border-bottom : 1px solid #f5f3fc;
}

.top-header-shop__auth__dropdown .info-user img {
  width : 40px;
  height: 40px;
}

.top-header-shop__auth__dropdown .links a {
  gap: 12px;
}

.top-header-shop__auth__dropdown .links a::before {
  width           : 12px;
  height          : 3px;
  background-color: #00a693;
  border-radius   : 4px;
}

.top-header-shop__auth:hover .top-header-shop__auth__dropdown {
  opacity       : 1;
  visibility    : visible;
  transform     : translateY(20px);
  pointer-events: all;
}

@media only screen and (max-width: 1399px) {
  .top-header-shop__categories {
    margin-right: 32px;
  }

  .top-header-shop__line {
    margin: 0 16px;
  }

  .top-header-shop__menu {
    gap: 16px;
  }

  .top-header-shop__categories__btn span,
  .top-header-shop__menu li a {
    font-size  : 13px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-shop__categories {
    margin-right: 24px;
  }

  .top-header-shop__categories__btn svg {
    margin-left: 6px;
  }

  .top-header-shop__categories__btn span,
  .top-header-shop__menu li a,
  .top-header-shop__auth__btn {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-header-shop__btn,
  .top-header-shop__auth__btn {
    width        : 40px;
    height       : 40px;
    border-radius: 10px;
  }

  .top-header-shop__btn svg,
  .top-header-shop__auth__btn svg {
    width : 20px;
    height: 20px;
  }

  .top-header-shop__auth__btn {
    padding: 0;
  }

  .top-header-shop__auth__btn svg {
    margin-left: 0;
  }

  .top-header-shop__auth__btn span {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-shop {
    padding: 24px 0;
  }

  .top-header-shop__btn {
    border: 1px solid rgba(0, 0, 0, 0.07);
  }

  .top-header-shop__btn svg {
    width : 16px;
    height: 16px;
  }
}

.footer-shop .content {
  border-top : 1px solid #ebebeb;
  padding-top: 79px;
}

.footer-shop__nav {
  margin : 0 -8px;
  row-gap: 8px;
}

.footer-shop__nav li {
  padding: 0 8px;
  flex   : 1 0 50%;
}

.footer-shop__nav li a:hover {
  color: #00a693;
}

.footer-shop__contact {
  row-gap: 20px;
}

.footer-shop__contact .value {
  word-break: break-all;
}

.footer-shop__newsletter form .svg {
  width : 24px;
  height: 24px;
  right : 16px;
}

.footer-shop__newsletter form .form-control {
  border : 1px solid #ebebeb;
  height : 75px;
  padding: 0 48px 0 128px;
}

.footer-shop__newsletter form .form-control:focus {
  border-color: #00a693;
  box-shadow  : 0 0 0 4px rgba(0, 166, 147, 0.2);
}

.footer-shop__newsletter form .btn {
  left: 12px;
}

.footer-shop__description {
  background-color: #f3f6f4;
  padding         : 27px 40px 22px;
  margin          : 59px 0 41px;
}

.footer-shop__bottom {
  padding-top: 21px;
  border-top : 1px solid #ebebeb;
}

.footer-shop__socials ul {
  gap: 12px;
}

.footer-shop__socials ul li a svg {
  width : 27px;
  height: 27px;
}

@media only screen and (max-width: 991px) {
  .footer-shop {
    margin-top: 48px;
  }

  .footer-shop .content {
    padding-top: 48px;
  }

  .footer-shop .content>.row>*:nth-child(2) {
    order: 100;
  }

  .footer-shop .content>.row>*:nth-child(3) {
    order: -9;
  }

  .footer-shop__description {
    margin: 0;
  }

  .footer-shop__bottom {
    margin-top: 40px;
  }

  .footer-shop__copyright {
    margin-bottom: 13px;
  }

  .footer-shop__copyright svg {
    margin: 0 0 18px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-shop__description {
    padding: 20px;
  }

  .footer-shop__description>a>img {
    width : auto;
    height: 40px;
  }

  .footer-shop__description__content {
    font-size  : 12px;
    line-height: 28px;
  }

  .footer-shop__copyright div {
    font-size  : 12px;
    line-height: 20px;
  }
}

.carousel-home-shop .swiper,
.carousel-home-shop .swiper .swiper-wrapper,
.carousel-home-shop .swiper .swiper-slide,
.carousel-home-shop .swiper .swiper-slide>*,
.carousel-home-shop .swiper img {
  height: 100%;
}

.carousel-home-shop .swiper-pagination {
  top   : 48px;
  right : 52px;
  bottom: auto;
  left  : auto;
  gap   : 12px;
}

.carousel-home-shop .swiper-pagination-bullet {
  margin          : 0 !important;
  width           : 100px;
  height          : 3px;
  background-color: #fff;
  opacity         : 0.3;
  border-radius   : 0;
}

.carousel-home-shop .swiper-pagination-bullet-active {
  width  : 188px;
  opacity: 1;
}

.carousel-home-shop .btn-more-shop {
  bottom   : 34px;
  transform: scale(-1) translateX(17px);
}

.carousel-home-shop .btn-more-shop svg {
  transform: rotate(90deg);
}

.carousel-home-shop .discount-landing {
  background-color: #f3f6f4;
  padding-top     : 21px;
}

.carousel-home-shop .discount-landing .discount span {
  width           : 42px;
  height          : 26px;
  background-color: #eb0404;
  border-radius   : 18px 18px 0;
}

.carousel-home-shop .discount-landing .discount__title {
  color: #eb0404;
}

.carousel-home-shop .discount-landing__product {
  background-color: #f3f6f4;
  padding         : 0 16px 28px;
}

.carousel-home-shop .discount-landing__product .image img {
  width : 151px;
  height: 151px;
}

.carousel-home-shop .discount-landing__product .price .off {
  background-color: #00a693;
  color           : #fff;
}

.carousel-home-shop .discount-landing__product .add-to-cart-price {
  padding-top: 0;
  border-top : 0;
}

.carousel-home-shop .discount-landing__product .add-to-cart {
  border-color: #00a693;
}

.carousel-home-shop .discount-landing .swiper-pagination {
  gap      : 4px;
  top      : auto;
  right    : auto;
  bottom   : 0;
  left     : 50%;
  transform: translate(-50%, 34px);
  height   : 17px;
}

.carousel-home-shop .discount-landing .swiper-pagination-bullet {
  width           : 3px;
  height          : 12px;
  border-radius   : 10px;
  background-color: #dfe0e7;
}

.carousel-home-shop .discount-landing .swiper-pagination-bullet-active {
  height          : 17px;
  background-color: #040414;
}

@media only screen and (max-width: 1199px) {
  .carousel-home-shop .swiper-pagination {
    top  : 32px;
    right: 32px;
  }

  .carousel-home-shop .swiper-pagination-bullet {
    width: 72px;
  }

  .carousel-home-shop .swiper-pagination-bullet-active {
    width: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .carousel-home-shop .btn-more-shop {
    writing-mode: unset;
    position    : relative !important;
    right       : auto !important;
    bottom      : 0;
    transform   : unset;
    margin      : 48px auto 0;
  }

  .carousel-home-shop .btn-more-shop svg {
    transform: unset;
    margin   : 0 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-home-shop .swiper-pagination {
    top  : 20px;
    right: 20px;
    gap  : 8px;
  }

  .carousel-home-shop .swiper-pagination-bullet {
    width: 20px;
  }

  .carousel-home-shop .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.specials-categories-shop__heading::after,
.best-products-shop__heading__right::after {
  right              : 100%;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIxLjI4NTdWMjJIMjNWMC4yODU3MTNDMjMgMTEuODgzNyAxMy41OTggMjEuMjg1NyAyLjAwMDAyIDIxLjI4NTdIMFoiIGZpbGw9IiNGM0Y2RjQiIGZpbGwtb3BhY2l0eT0iMC44IiBzdHlsZT0iZmlsbDojRjNGNkY0O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjk1MjkgMC45NjQ3IDAuOTU2OSk7ZmlsbC1vcGFjaXR5OjAuODsiLz4KPC9zdmc+Cg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIxLjI4NTdWMjJIMjNWMC4yODU3MTNDMjMgMTEuODgzNyAxMy41OTggMjEuMjg1NyAyLjAwMDAyIDIxLjI4NTdIMFoiIGZpbGw9IiNGM0Y2RjQiIGZpbGwtb3BhY2l0eT0iMC44IiBzdHlsZT0iZmlsbDojRjNGNkY0O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjk1MjkgMC45NjQ3IDAuOTU2OSk7ZmlsbC1vcGFjaXR5OjAuODsiLz4KPC9zdmc+Cg==) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 23px;
  height             : 22px;
  background-color   : rgba(243, 246, 244, 0.8);
  transform          : translateY(1px);
}

.specials-categories-shop__heading,
.specials-categories-shop__body {
  background-color: rgba(243, 246, 244, 0.8);
}

.specials-categories-shop__heading {
  border-radius: 15px 15px 0 0;
  padding      : 21px 28px;
}

.specials-categories-shop__body {
  padding      : 12px;
  border-radius: 15px 0 15px 15px;
}

.specials-categories-shop__item {
  padding: 43px 11px 40px 24px;
}

.specials-categories-shop__item .number {
  top  : 11px;
  left : 15px;
  color: #00a693;
}

.specials-categories-shop__item .number::first-letter {
  color: #d6dbec;
}

.specials-categories-shop__item svg {
  bottom: 17px;
  left  : 15px;
}

.specials-categories-shop__item .content .line {
  width           : 3px;
  height          : 39px;
  background-color: #00a693;
}

.specials-categories-shop__item .content .image {
  width           : 69px;
  height          : 70px;
  background-image: linear-gradient(223.12deg, #ccede9 7.75%, #99dbd4 102.85%);
}

.specials-categories-shop__item .content .image img {
  width        : 60px;
  height       : 60px;
  -o-object-fit: contain;
  object-fit   : contain;
}

@media only screen and (max-width: 991px) {
  .specials-categories-shop {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .specials-categories-shop__heading {
    font-size  : 13px;
    line-height: 20px;
  }

  .specials-categories-shop__item .content .line {
    margin-left: 12px;
  }

  .specials-categories-shop__item .content .image {
    width        : 56px;
    height       : 56px;
    border-radius: 20px;
  }

  .specials-categories-shop__item .content .image img {
    width : 40px;
    height: 40px;
  }

  .specials-categories-shop__item .content .title {
    font-size  : 13px;
    line-height: 20px;
  }

  .specials-categories-shop__item .content .sub-title {
    font-size  : 11px;
    line-height: 16px;
  }
}

.top-products-shop__heading .svg svg {
  width : 40px;
  height: 44px;
}

@media only screen and (max-width: 991px) {
  .top-products-shop {
    margin-top: 40px;
  }

  .top-products-shop__heading {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .top-products-shop__heading .svg svg {
    width : 34px;
    height: 38px;
  }

  .top-products-shop__heading .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .top-products-shop__heading .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .top-products-shop__heading .sub-title {
    font-size  : 10px;
    line-height: 16px;
  }
}

.banner-two-shop {
  margin-top   : 102px;
  margin-bottom: 113px;
}

@media only screen and (max-width: 991px) {
  .banner-two-shop {
    margin-top   : 50px;
    margin-bottom: 50px;
  }
}

.best-products-shop__heading__right,
.best-products-shop__body {
  background-color: rgba(243, 246, 244, 0.8);
}

.best-products-shop__heading {
  gap: 24px;
}

.best-products-shop__heading__right {
  border-radius: 15px 15px 0 0;
  padding      : 18px 37px;
}

.best-products-shop__heading__tabs {
  gap: 12px;
}

.best-products-shop__heading__tabs__item {
  padding         : 21px 25px;
  background-color: #f3f6f4;
  cursor          : pointer;
}

.best-products-shop__heading__tabs__item.active {
  background-color: #040414;
  color           : #fff;
}

.best-products-shop__heading__dropdown .btn {
  background-color: #14151b;
  color           : #fff;
  padding         : 16px;
}

.best-products-shop__heading__dropdown .dropdown-menu {
  padding      : 0;
  border       : 0;
  overflow     : hidden;
  border-radius: 8px;
}

.best-products-shop__heading__dropdown .dropdown-item {
  padding: 8px 16px;
}

.best-products-shop__heading__dropdown .dropdown-item.active,
.best-products-shop__heading__dropdown .dropdown-item:hover {
  background-color: #00a693;
  color           : #fff;
}

.best-products-shop__body {
  padding      : 44px 24px;
  border-radius: 15px 0 15px 15px;
}

@media only screen and (max-width: 991px) {
  .best-products-shop__heading {
    gap: 0;
  }

  .best-products-shop__heading__tabs {
    padding         : 16px 12px 0;
    background-color: rgba(243, 246, 244, 0.8);
  }

  .best-products-shop__heading__tabs__item {
    background-color: #fff;
  }

  .best-products-shop__body {
    border-radius: 0 0 15px 15px;
    padding      : 24px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .best-products-shop__heading__right {
    padding: 12px 14px 12px 25px;
  }

  .best-products-shop__heading__right .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .best-products-shop__heading__right .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .best-products-shop__heading__tabs__item {
    padding      : 12px 16px;
    font-size    : 12px;
    line-height  : 18px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .best-products-shop__heading .sub-title {
    font-size  : 10px;
    line-height: 16px;
  }

  .best-products-shop__heading__dropdown .btn {
    padding: 16px 12px;
  }

  .best-products-shop__heading__dropdown .btn svg {
    margin-right: 6px;
  }
}

.options-shop {
  margin: 102px 0 113px;
}

.options-shop__item {
  border          : 1px solid #d6dbec;
  padding         : 38px 24px 40px;
  background-color: #fff;
}

.options-shop__item .number {
  color: #00a693;
  top  : 19px;
  left : 24px;
}

.options-shop__item .number::first-letter {
  color: #d6dbec;
}

.options-shop__item .svg svg {
  width : 32px;
  height: 32px;
}

.options-shop__item:hover {
  background-color: rgba(0, 166, 147, 0.1);
  border-color    : rgba(0, 166, 147, 0.1);
  transform       : translateY(-12px);
}

.options-shop .row {
  scroll-snap-type: x mandatory;
}

.options-shop .row>* {
  scroll-snap-align: start;
}

@media only screen and (max-width: 991px) {
  .options-shop {
    margin: 40px 0;
  }

  .options-shop__heading {
    margin-bottom: 32px;
  }

  .options-shop .row {
    margin: 0 -8px;
  }

  .options-shop .row>* {
    padding: 0 8px;
  }

  .options-shop__item {
    padding-bottom: 24px;
  }

  .options-shop__item .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .options-shop__item .sub-title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .options-shop__heading .title {
    font-size  : 18px;
    line-height: 28px;
  }

  .options-shop__heading .sub-title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .options-shop__item {
    padding: 38px 16px 40px;
  }

  .options-shop__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .options-shop__item .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

.best-products-two-shop {
  margin-bottom: 128px;
}

.best-products-two-shop__item {
  padding     : 20px 20px 35px;
  border-right: 1px solid #b7b7bb;
}

.best-products-two-shop__item.not-line {
  border-right: 0;
}

.best-products-two-shop__item .image img {
  width        : 140px;
  height       : 140px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.best-products-two-shop__item .title {
  max-height: 50px;
}

@media only screen and (max-width: 991px) {
  .best-products-two-shop {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .best-products-two-shop__item {
    padding: 20px 12px;
  }

  .best-products-two-shop__item .image img {
    width : 120px;
    height: 120px;
  }

  .best-products-two-shop__item .title {
    font-size    : 14px;
    line-height  : 22px;
    max-height   : 44px;
    margin-bottom: 8px;
  }

  .best-products-two-shop__item .off,
  .best-products-two-shop__item .price {
    font-size  : 14px;
    line-height: 22px;
  }

  .best-products-two-shop__item .price span {
    font-size  : 16px;
    line-height: 25px;
  }
}

.products-category__body {
  padding         : 20px 24px;
  background-color: #f3f6f4;
}

.products-category__item {
  padding: 28px 29px 16px;
  z-index: 2;
}

.products-category__item::before {
  top                : 54px;
  right              : 15px;
  width              : 3px;
  height             : 39px;
  border-radius      : 10px;
  background-color   : #00a693;
  -webkit-user-select: none;
  -moz-user-select   : none;
  user-select        : none;
  transition         : all linear 0.3s;
  z-index            : -1;
}

.products-category__item .number {
  color: #00a693;
  top  : 14px;
  left : 18px;
}

.products-category__item .number::first-letter {
  color: #d6dbec;
}

.products-category__item .image {
  width           : 92px;
  height          : 93px;
  background-image: linear-gradient(223.12deg, #ccede9 7.75%, #99dbd4 102.85%);
}

.products-category__item .image img {
  width        : 80px;
  height       : 80px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.products-category__item .detail {
  max-width: calc(100% - 103px);
}

.products-category__item .detail .price del,
.products-category__item .detail .price span {
  word-break: break-all;
}

.products-category__item .detail .price .toman {
  transform: scale(-1);
  color    : #000;
}

.products-category__item:hover::before {
  width : 100%;
  height: 100%;
  top   : 0;
  right : 0;
}

.products-category__item:hover .title a,
.products-category__item:hover .price span,
.products-category__item:hover .price .toman,
.products-category__item:hover .number {
  color: #fff;
}

.products-category__item:hover .sub-title,
.products-category__item:hover .price del {
  color: rgba(255, 255, 255, 0.5);
}

.products-category .swiper-wrapper {
  row-gap: 20px;
}

.products-category .swiper-slide {
  margin-top: 0 !important;
}

@media only screen and (max-width: 1399px) {
  .products-category__item {
    padding-left: 16px;
  }

  .products-category__item::before {
    top: 48px;
  }

  .products-category__item .image {
    width : 80px;
    height: 80px;
  }

  .products-category__item .image img {
    width : 72px;
    height: 72px;
  }

  .products-category__item .detail {
    max-width: calc(100% - 91px);
  }

  .products-category__item .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .products-category__item .sub-title {
    font-size  : 12px;
    line-height: 19px;
  }
}

@media only screen and (max-width: 991px) {
  .products-category {
    margin: 50px 0;
  }

  .products-category__tabs {
    background-color: transparent;
  }

  .products-category__tabs .best-products-shop__heading__tabs__item:not(.active) {
    background-color: #f3f6f4;
  }

  .products-category__body {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .products-category__body {
    padding: 16px 12px;
  }

  .products-category__item {
    padding: 28px 20px 20px 16px;
  }

  .products-category__item::before {
    right: 10px;
  }

  .products-category__item .price del {
    font-size  : 12px;
    line-height: 19px;
  }

  .products-category__item .price span {
    font-size  : 16px;
    line-height: 25px;
  }

  .products-category__item .price .toman {
    font-size  : 10px;
    line-height: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .products-category__body {
    margin-right : -12px;
    margin-left  : -12px;
    border-radius: 0;
  }

  .products-category__body .swiper {
    overflow: visible;
  }

  .products-category__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .products-category__item .sub-title {
    font-size  : 11px;
    line-height: 16px;
  }
}

.articles-shop__item figure img {
  height: 159px;
}

.articles-shop__item .title {
  max-height: 56px;
}

.articles-shop__item .title a:hover,
.articles-shop__item .category:hover {
  color: #00a693;
}

.articles-shop__item:hover figure img {
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .articles-shop figure img {
    height: 120px;
  }

  .articles-shop .category,
  .articles-shop .date {
    font-size  : 12px;
    line-height: 19px;
  }

  .articles-shop .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

@supports (selector(::-webkit-scrollbar)) {
  .scrollbar {
    scrollbar-color: unset !important;
  }
}

.icon-heart-6:before {
  content: "\e9e9";
}

.icon-heart-6-fill:before {
  content: "\e9ea";
}

.icon-reply:before {
  content: "\e9da";
}

.icon-star-5:before {
  content: "\e9d9";
}

.icon-share:before {
  content: "\e9d8";
}

.icon-angle-down-2:before {
  content: "\e9d3";
}

.icon-angle-left-4:before {
  content: "\e9d4";
}

.icon-angle-right-4:before {
  content: "\e9d5";
}

.icon-arrow-left-5:before {
  content: "\e9d6";
}

.icon-grid-2:before {
  content: "\e9d7";
}

.modal {
  z-index: 10003;
}

.modal-backdrop {
  z-index: 10001;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.body-shop {
  --default-color-select-two: #00a693;
}

.btn-success-5 {
  background-color: #00a693;
  color           : #fff;
}

.btn-success-5:hover {
  background-color: #040414;
  color           : #fff;
}

.text-gray-12 {
  color: #929292;
}

.text-dark-13 {
  color: #212529;
}

.text-dark-14 {
  color: #565656;
}

.detail-product .row-info-product {
  margin: 0;
}

.detail-product .col-gallery {
  max-width: 335px;
  padding  : 0;
}

.detail-product .col-info {
  max-width: calc(100% - 606px);
  padding  : 0 36px;
}

.detail-product .col-info-seller {
  padding  : 0;
  max-width: 271px;
}

.detail-product__images {
  border : 1px solid #e7e8ee;
  padding: 74px 0 34px;
}

.detail-product__images__icons {
  top  : 20px;
  right: 20px;
}

.detail-product__images__icons__btn {
  width           : 39px;
  height          : 39px;
  background-color: #00a693;
}

.detail-product__images__icons ul {
  box-shadow      : -20px 44px 51px rgba(0, 0, 0, 0.08);
  background-color: #f3f6f4;
  transform       : translate(2.5px, 16px) !important;
  width           : 44px;
  padding         : 12px 0;
  min-width       : auto;
  opacity         : 0;
  visibility      : hidden;
  z-index         : 20;
}

.detail-product__images__icons ul.show {
  opacity   : 1;
  visibility: visible;
  transform : translate(2.5px, 8px) !important;
}

.detail-product__images__img {
  max-width : 264px;
  max-height: 264px;
}

.detail-product__images__bottom {
  border-top: 1px solid #e7e8ee;
  padding   : 38px 16px 0;
  margin-top: 61px;
}

.detail-product__images__imgs {
  padding: 12px 20px 11px;
}

.detail-product__images__imgs .swiper {
  filter: drop-shadow(0px 34px 24px rgba(0, 0, 0, 0.03));
}

.detail-product__images__imgs .swiper-button-next,
.detail-product__images__imgs .swiper-button-prev {
  width     : 24px;
  height    : 21px;
  background: linear-gradient(270.04deg, rgba(255, 255, 255, 0) -43.11%, #ffffff 59.43%);
  color     : #89939f;
}

.detail-product__images__imgs .swiper-button-next::after,
.detail-product__images__imgs .swiper-button-prev::after {
  content: none;
}

.detail-product__images__imgs .swiper-button-next {
  right    : auto;
  left     : 0;
  transform: translate(-7px, -50%);
}

.detail-product__images__imgs .swiper-button-prev {
  left     : auto;
  right    : 0;
  transform: translate(7px, -50%);
}

.detail-product__images__imgs__item {
  height: 43px;
}

.detail-product__images__imgs__item::before {
  content                : "\e9d7";
  font-family            : "icomoon";
  background-color       : rgba(255, 255, 255, 0.46);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
  display                : flex;
  align-items            : center;
  justify-content        : center;
  color                  : #121212;
  font-size              : 11px;
  line-height            : 1;
  opacity                : 0;
}

.detail-product__images__imgs__item:hover::before {
  opacity: 1;
}

.detail-product__proposal-rate .proposal {
  padding         : 8px 30px;
  background-color: #00a693;
}

.detail-product__proposal-rate .rate {
  background-color: #ffc700;
  padding         : 7px 16px;
}

.detail-product__titr {
  gap: 7px;
}

.detail-product__titr::before {
  width           : 32px;
  height          : 6px;
  border-radius   : 5px;
  background-color: #00935e;
}

.detail-product__colors li label,
.detail-product__sizes li label {
  padding: 7px 20px;
  border : 1px solid #dfe0e7;
  color  : #000;
}

.detail-product__colors li input:checked+label,
.detail-product__sizes li input:checked+label {
  border-color: #00a693;
  color       : #00a693;
}

.detail-product__colors label span {
  width           : 14px;
  height          : 14px;
  border          : 1px solid #fff;
  outline         : 1px solid #a4a8ba;
  background-color: #000;
}

.detail-product__colors input:checked+label span {
  outline-color: #00a693;
}

.detail-product__features {
  margin: 0 -3px;
  gap   : 13px 0;
}

.detail-product__features li {
  max-width: 33.333333%;
  padding  : 0 3px;
}

.detail-product__features li .content {
  background-color: #fafbff;
  padding         : 7px 16px;
}

.detail-product__info-seller {
  background-color: #f3f6f4;
  padding         : 25px 22px;
}

.detail-product__info-seller__heading,
.detail-product__info-seller__features {
  padding-bottom: 20px;
  margin-bottom : 20px;
  border-bottom : 1px solid #e7e7e7;
}

.detail-product__info-seller__send .select2-container--default .select2-selection--single {
  border          : 0;
  background-color: #fff;
  box-shadow      : 0px 24px 54px -17px rgba(0, 0, 0, 0.09);
  border-radius   : 9px;
}

.detail-product__info-seller__send .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 14px;
}

.detail-product__info-seller__send .select-two-item-title {
  font-family: "Yekan Bakh";
  font-size  : 9px;
  line-height: 14px;
  font-weight: 700;
  color      : #121212;
}

.detail-product__info-seller__send .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow::before {
  content  : "\e9d3";
  font-size: 20px;
  color    : #b0b0b0;
}

.detail-product__info-seller .btn-add-to-cart {
  padding   : 15px 12px;
  box-shadow: 10px 24px 34px rgba(0, 166, 147, 0.08);
}

.detail-product__info-seller__quantity {
  border : 1px solid #a4a8ba;
  padding: 8px 19px;
}

.detail-product__info-seller__quantity input {
  width: 32px;
}

.detail-product__info-seller__price del,
.detail-product__info-seller__price span {
  word-break: break-all;
}

.detail-product__info-seller__price del {
  text-decoration: none;
}

.detail-product__info-seller__price del span {
  margin-right: 2px;
  line-height : 23px;
  color       : #d4242e;
}

.detail-product__info-seller__price .toman {
  transform   : scale(-1);
  margin-right: 2px;
}

.detail-product__info-seller__timear {
  gap: 2px;
}

.detail-product__info-seller__timear__item {
  width      : 30px;
  height     : 30px;
  box-shadow : 0px 24px 16px rgba(0, 0, 0, 0.02);
  font-size  : 6px;
  line-height: 9px;
}

.detail-product__heading__mobile .detail-product__info-seller__timear__item {
  background-color: #f3f6f4 !important;
}

.detail-product__nav-price {
  right           : 12px;
  bottom          : 12px;
  left            : 12px;
  background-color: #F3F6F4;
  padding         : 14px 12px;
  z-index         : 10001;
}

.detail-product__nav-price .btn {
  padding   : 13px 33px;
  box-shadow: 0px 14px 24px rgba(122, 215, 92, 0.3);
}

.detail-product__small-description {
  border: 1px solid #e7e8ee;
}

.detail-product__free-send {
  background-color: #e3f7f5;
}

.detail-product__small-description,
.detail-product__free-send {
  padding: 20px 39px 20px 18px;
}

.detail-product__small-description::before,
.detail-product__free-send::before {
  width           : 3px;
  height          : 19px;
  background-color: #00a693;
  border-radius   : 10px;
  right           : 18px;
}

.detail-product__options {
  background-color: #f3f6f4;
  padding         : 35px 71px 34px;
}

.detail-product__options__item svg {
  color: #292d32;
}

.detail-product__sellers__item {
  background-color: #fff;
  border          : 1px solid #e9e9f1;
  padding         : 26px 33px 26px 27px;
}

.detail-product__sellers__item .info-seller .icon {
  width           : 64px;
  height          : 64px;
  background-color: #fff;
  border          : 1px solid #e9e9f1;
}

.detail-product__sellers__item .info-seller .performance b {
  color: #00a693;
}

.detail-product__sellers__item .btns {
  flex: 0 0 auto;
}

.detail-product__sellers__item .btns .btn-send {
  padding: 10px 14px 10px 23px;
}

.detail-product__sellers__item .btns .btn-send .icon {
  width : 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.detail-product__sellers__item .btns .btn-add-to-cart {
  padding: 21px 28px;
}

.detail-product__sellers__item:hover {
  background-color: rgba(0, 166, 147, 0.1);
  border-color    : rgba(0, 166, 147, 0.1);
}

.detail-product__sellers__item:hover .info-seller .icon {
  background-color: rgba(0, 166, 147, 0.2);
  border-color    : rgba(0, 166, 147, 0.2);
}

.detail-product__sellers__item:hover .btns .btn-add-to-cart {
  background-color: #fff;
}

.detail-product__sellers__item:hover .btns .btn-add-to-cart:hover {
  background-color: #00a693;
}

.detail-product__tabs::before {
  background-color: rgba(242, 229, 221, 0.2);
  height          : 17px;
  z-index         : -1;
}

.detail-product__tabs ul {
  padding: 0 65px;
}

.detail-product__tabs ul li {
  color  : #000;
  padding: 15px 38px;
}

.detail-product__tabs ul li.active {
  background-color: #121212;
  color           : #fff;
}

.detail-product__description {
  border : 1px solid rgba(0, 0, 0, 0.1);
  padding: 48px 48px 40px;
}

.detail-product__description .content {
  font-size  : 12px;
  line-height: 36px;
  font-weight: 400;
  color      : #494949;
  text-align : justify;
}

.detail-product__description .content>* {
  margin-bottom: 24px;
}

.detail-product__description .content>*:last-child {
  margin-bottom: 0;
}

.detail-product__description .content img {
  width        : 100%;
  display      : block;
  border-radius: 20px;
}

.detail-product__full-info {
  background-color: #f3f6f4;
  padding         : 42px 53px 24px 41px;
}

.detail-product__full-info__items {
  gap: 18px;
}

.detail-product__full-info__items.has-more-items::before {
  content                : "";
  position               : absolute;
  bottom                 : 0;
  left                   : 0;
  width                  : 100%;
  height                 : 113px;
  background-color       : rgba(217, 217, 217, 0.01);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter        : blur(3.5px);
  z-index                : 10;
}

.detail-product__full-info__item {
  border : 1px solid #e7e8ee;
  padding: 8px 15px 8px 11px;
}

.detail-product__full-info__item .title {
  gap         : 10px;
  width       : 25%;
  padding-left: 12px;
}

.detail-product__full-info__item .title::before {
  width           : 3px;
  height          : 19px;
  border-radius   : 10px;
  background-color: #00a693;
}

.detail-product__full-info__item .value {
  padding         : 15px 25px;
  width           : 75%;
  background-color: #fff;
}

.detail-product__comments {
  border : 1px solid rgba(0, 0, 0, 0.1);
  padding: 50px 40px 24px;
}

.detail-product__comments__heading .right i {
  width           : 52px;
  height          : 52px;
  background-color: #ffc700;
}

.detail-product__comments__heading .right .sub-title span {
  color: #d4242e;
}

.detail-product__comments__rates__type .box {
  width      : 135px;
  padding    : 0 0 15px 21px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 22px;
}

.detail-product__comments__rates__type .box .icon svg {
  width : 24px;
  height: 24px;
}

.detail-product__comments__rates__type .box .rate {
  border-bottom : 3px solid #00a693;
  padding-bottom: 3px;
}

.detail-product__comments__rates__line {
  max-width: 272px;
  gap      : 5px;
}

.detail-product__comments__rates__line li .stars {
  color: rgba(217, 217, 217, 0.4);
}

.detail-product__comments__rates__line li .line {
  margin          : 0 12px 0 17px;
  background-color: #ededed;
  height          : 2px;
}

.detail-product__comments__rates__line li:first-child .stars i {
  color: #ffc700;
}

.detail-product__comments__rates__line li:nth-child(2) .stars i:nth-last-child(n+2) {
  color: #14151b;
}

.detail-product__comments__rates__line li:nth-child(3) .stars i:nth-last-child(n+3) {
  color: #14151b;
}

.detail-product__comments__rates__line li:nth-child(4) .stars i:nth-last-child(n+4) {
  color: #14151b;
}

.detail-product__comments__rates__line li:nth-child(5) .stars i:nth-last-child(n+5) {
  color: #14151b;
}

.detail-product__comments__item {
  background-color: #f3f6f4;
  padding         : 24px 40px;
}

.detail-product__comments__item .rates ul {
  flex     : 1 0 auto;
  min-width: 50%;
  max-width: 100%;
}

.detail-product__comments__item .rates li {
  padding         : 13px 16px;
  background-color: #fafbff;
}

.detail-product__comments .replys {
  padding-right: 40px;
  margin-top   : 16px;
}

.detail-product__comments__items.has-more-items::after {
  height                 : 113px;
  background-color       : rgba(217, 217, 217, 0.01);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
  z-index                : 10;
}

.detail-product__comments__items.has-more-items.opened::after {
  content: none;
}

.detail-product__comments__items .btn-more-shop {
  bottom : 28px;
  z-index: 20;
}

@media only screen and (max-width: 1399px) {
  .detail-product .col-info {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .detail-product .col-gallery {
    max-width: 300px;
  }

  .detail-product .col-info {
    padding  : 0 12px;
    max-width: calc(100% - 540px);
  }

  .detail-product .col-info-seller {
    max-width: 240px;
  }

  .detail-product__info-seller {
    padding: 25px 16px;
  }

  .detail-product__sellers__item {
    padding: 26px 20px;
  }

  .detail-product__sellers__item .warranty {
    font-size  : 14px;
    line-height: 22px;
  }

  .detail-product__comments {
    padding: 50px 24px;
  }

  .detail-product__comments__rates__type .box {
    margin-left : 16px;
    width       : 120px;
    padding-left: 12px;
  }
}

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

  .detail-product .col-gallery,
  .detail-product .col-info,
  .detail-product .col-info-seller {
    max-width: 100%;
    padding  : 0;
  }

  .detail-product__images {
    padding: 32px 0 16px;
  }

  .detail-product__images__bottom {
    padding   : 16px 16px 0;
    margin-top: 24px;
  }

  .detail-product__images__imgs {
    max-width: 290px;
    margin   : 0 auto;
  }

  .detail-product__colors,
  .detail-product__sizes,
  .detail-product__features {
    overflow-x        : auto;
    scrollbar-width   : 0;
    -ms-overflow-style: none;
  }

  .detail-product__colors::-webkit-scrollbar,
  .detail-product__sizes::-webkit-scrollbar,
  .detail-product__features::-webkit-scrollbar {
    width: 0;
  }

  .detail-product__features li {
    max-width: 25%;
  }

  .detail-product .small-description-free-send {
    margin-top: 24px;
  }

  .detail-product__small-description,
  .detail-product__free-send {
    padding: 20px 16px;
  }

  .detail-product__small-description::before,
  .detail-product__free-send::before {
    content: none;
  }

  .detail-product__options {
    padding: 32px 24px;
    margin : 32px 0;
  }

  .detail-product__options__item {
    padding-left: 24px;
  }

  .detail-product__sellers__items .btns {
    flex: unset;
  }

  .detail-product__tabs ul {
    padding: 0 24px;
  }

  .detail-product__description {
    padding: 32px;
  }

  .detail-product__full-info {
    padding: 32px 24px 24px;
  }

  .detail-product__full-info__item .title {
    width: 33.3333%;
  }

  .detail-product__full-info__item .value {
    width: 66.6667%;
  }

  .detail-product__full-info .btn-more-shop {
    margin-top: -64px;
    z-index   : 100;
    position  : relative;
  }

  .detail-product__comments {
    padding      : 24px 12px;
    border-radius: 12px;
  }

  .detail-product__comments__rates__type {
    width  : 100%;
    margin : 0 -8px;
    row-gap: 16px;
  }

  .detail-product__comments__rates__type .box {
    width      : auto;
    flex       : 1 0 33.333333%;
    margin     : 0;
    padding    : 0 8px;
    border-left: 0;
  }

  .detail-product__comments__rates__line {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .detail-product__title {
    font-size  : 16px;
    line-height: 25px;
  }

  .detail-product__features li {
    max-width: 33.333333%;
  }

  .detail-product__options {
    padding      : 32px 16px;
    border-radius: 15px;
  }

  .detail-product__options__item svg {
    width : 32px;
    height: 32px;
  }

  .detail-product__options__item>* {
    font-size  : 12px;
    line-height: 18px;
  }

  .detail-product__sellers__item {
    padding: 12px;
  }

  .detail-product__sellers__item .info-seller .icon {
    margin-left: 8px;
  }

  .detail-product__sellers__item .btns .btn {
    flex: 1 0 auto;
  }

  .detail-product__sellers__item .btns .btn-send {
    padding: 6px 14px;
  }

  .detail-product__sellers__item .btns .btn-add-to-cart {
    padding: 17px 16px;
  }

  .detail-product__tabs ul {
    padding: 0;
  }

  .detail-product__tabs ul li {
    padding: 12px 24px;
  }

  .detail-product__description {
    padding      : 24px;
    border-radius: 15px;
  }

  .detail-product__description__title {
    font-size  : 16px;
    line-height: 24px;
  }

  .detail-product__description .content {
    line-height: 28px;
  }

  .detail-product__description .content img {
    border-radius: 12px;
  }

  .detail-product__full-info__item .title {
    font-size  : 14px;
    line-height: 22px;
    width      : 40%;
  }

  .detail-product__full-info__item .value {
    font-size  : 12px;
    line-height: 19px;
    width      : 60%;
  }

  .detail-product__comments__item {
    padding: 24px;
  }

  .detail-product__comments__item .rates {
    row-gap: 12px;
  }

  .detail-product__comments__item .rates li {
    padding: 10px 12px;
  }

  .detail-product__comments .replys {
    padding-right: 20px;
  }
}

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

  .detail-product__colors,
  .detail-product__sizes,
  .detail-product__features {
    margin : 0 -12px;
    padding: 0 12px;
  }

  .detail-product__features li {
    min-width: 162px;
    max-width: 162px;
  }

  .detail-product__tabs {
    margin: 32px -12px;
  }

  .detail-product__tabs ul {
    padding: 0 12px;
  }

  .detail-product__sellers__heading .btn {
    max-width: 100%;
  }

  .detail-product__full-info {
    padding: 24px 12px;
  }

  .detail-product__full-info__item {
    gap: 12px;
  }

  .detail-product__full-info__item .title,
  .detail-product__full-info__item .value {
    width: 100%;
  }

  .detail-product__full-info__item .title {
    padding-left: 0;
  }

  .detail-product__comments__heading .btn {
    max-width: 100%;
  }

  .detail-product__comments__item {
    padding: 20px 12px;
  }
}

.modal-sellers .modal-dialog,
.modal-full-info .modal-dialog {
  max-width: 1320px;
}

.modal-sellers .modal-content,
.modal-full-info .modal-content {
  border-radius: 15px;
  border       : 0;
}

.modal-sellers .modal-header,
.modal-sellers .modal-body,
.modal-full-info .modal-header,
.modal-full-info .modal-body {
  padding: 24px;
}

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

  .modal-sellers .modal-body,
  .modal-full-info .modal-body {
    height: calc(100% - 100px);
  }
}

.modal-sellers .detail-product__sellers__items {
  max-height     : 544px;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 blue;
  padding-left   : 12px;
}

.modal-sellers .detail-product__sellers__items::-webkit-scrollbar {
  width           : 4px;
  background-color: #f3f6f4;
}

.modal-sellers .detail-product__sellers__items::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

@media only screen and (max-width: 991px) {
  .modal-sellers .detail-product__sellers__items {
    max-height: 100%;
  }
}

.modal-full-info .detail-product__full-info__items {
  max-height     : 422px;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 blue;
  padding-left   : 12px;
}

.modal-full-info .detail-product__full-info__items::-webkit-scrollbar {
  width           : 4px;
  background-color: #f3f6f4;
}

.modal-full-info .detail-product__full-info__items::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.modal-full-info .detail-product__full-info__item .value {
  background-color: #f3f6f4;
}

@media only screen and (max-width: 991px) {
  .modal-full-info .detail-product__full-info__items {
    max-height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .modal-mobile {
    z-index : 10002;
    overflow: hidden;
    top     : 10%;
    height  : 90%;
  }

  .modal-mobile:not(.show) .modal-dialog {
    transform: translateY(80%);
    opacity  : 1;
  }

  .modal-mobile .modal-dialog {
    margin: 0;
    height: 100%;
  }

  .modal-mobile .modal-content {
    border-radius: 15px 15px 0 0;
    height       : 100%;
  }
}

.note__head {
  background-color: #040414;
  padding         : 12px 23px 12px 11px;
  gap             : 17px;
  top             : 0;
  opacity         : 0;
  visibility      : hidden;
  max-width       : calc(100% - 8px);
  width           : -moz-fit-content;
  width           : fit-content;
  z-index         : 999;
}

.note__head .btn {
  padding         : 14px 21px;
  background-color: #00935e;
}

.note__head.opened {
  opacity   : 100;
  visibility: visible;
  top       : 24px;
}

@media only screen and (max-width: 767px) {
  .note__head {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .note__head {
    font-size  : 12px;
    line-height: 18px;
    padding    : 12px 16px 12px 12px;
  }
}

.modal-add-to-cart .modal-dialog {
  max-width: 518px;
}

.modal-add-to-cart .modal-content {
  border-radius: 15px;
}

.modal-add-to-cart .modal-body {
  padding: 24px 24px 34px;
}

.modal-add-to-cart .heading {
  background-image: var(--wpr-bg-4dbd28fa-e0c9-49af-b1f2-36185cedfc0e);
  padding         : 16px 28px 16px 20px;
}

.modal-add-to-cart .info-product .image {
  background-color: #f3f6f4;
  width           : 82px;
  height          : 82px;
}

.modal-add-to-cart .info-product .image img {
  width : 60px;
  height: 60px;
}

.modal-add-to-cart .info__selected__item {
  gap: 11px;
}

.modal-add-to-cart .info__selected__item .title::before {
  width           : 15px;
  height          : 5px;
  border-radius   : 5px;
  background-color: #00935e;
}

.modal-add-to-cart .info__selected__item .value {
  padding: 7px 20px;
  border : 1px solid #dfe0e7;
}

.modal-add-to-cart .info__selected__item .value.color {
  gap: 10px;
}

.modal-add-to-cart .info__selected__item .value.color span {
  width           : 11px;
  height          : 11px;
  background-color: #000;
  border          : 1px solid #fff;
  outline         : 1px solid #a4a8ba;
}

@media only screen and (max-width: 991px) {
  .modal-add-to-cart .modal-dialog {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .modal-add-to-cart .modal-body {
    padding: 24px 12px;
  }

  .modal-add-to-cart .info__selected .value {
    padding: 7px 12px;
  }
}

.success-added-product {
  max-width       : -moz-fit-content;
  max-width       : fit-content;
  background-color: #040414;
  padding         : 16px 15px 16px 28px;
  top             : 0px;
  right           : 24px;
  opacity         : 0;
  visibility      : hidden;
  z-index         : 10001;
}

.success-added-product .icon {
  box-shadow      : 0px 22px 24px rgba(0, 147, 94, 0.35);
  width           : 50px;
  height          : 50px;
  background-color: #00935e;
}

.success-added-product.opened {
  opacity   : 1;
  visibility: visible;
  top       : 24px;
}

.detail-product__images__img__mobile {
  padding-bottom: 60px;
}

.detail-product__images__img__mobile::after {
  content            : "";
  position           : absolute;
  bottom             : 33px;
  left               : 50%;
  transform          : translateX(-50%);
  width              : 100%;
  max-width          : 286px;
  height             : 12px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDcxLjVIMTAxLjgxQzEwNS4zNzIgMSAxMDguODY5IDEuOTUxMTQgMTExLjk0IDMuNzU1MTJMMTE5LjU4NCA4LjI0NDg4QzEyMi42NTUgMTAuMDQ4OSAxMjYuMTUyIDExIDEyOS43MTMgMTFIMTQzSDE1NS42NjFDMTU5LjA4IDExIDE2Mi40NDIgMTAuMTIzNSAxNjUuNDI1IDguNDU0MjhMMTc0LjIgMy41NDU3MkMxNzcuMTgzIDEuODc2NDcgMTgwLjU0NSAxIDE4My45NjQgMUgyMTQuNUgyODYiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzMxNV8zNDE5NykiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8zMTVfMzQxOTciIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzIDYpIHNjYWxlKDE0MyA5LjQ1NDE5KSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENDI0MkUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUxMTk2MyIgc3RvcC1jb2xvcj0iI0Q0MjQyRSIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q0MjQyRSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDcxLjVIMTAxLjgxQzEwNS4zNzIgMSAxMDguODY5IDEuOTUxMTQgMTExLjk0IDMuNzU1MTJMMTE5LjU4NCA4LjI0NDg4QzEyMi42NTUgMTAuMDQ4OSAxMjYuMTUyIDExIDEyOS43MTMgMTFIMTQzSDE1NS42NjFDMTU5LjA4IDExIDE2Mi40NDIgMTAuMTIzNSAxNjUuNDI1IDguNDU0MjhMMTc0LjIgMy41NDU3MkMxNzcuMTgzIDEuODc2NDcgMTgwLjU0NSAxIDE4My45NjQgMUgyMTQuNUgyODYiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzMxNV8zNDE5NykiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8zMTVfMzQxOTciIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzIDYpIHNjYWxlKDE0MyA5LjQ1NDE5KSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENDI0MkUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUxMTk2MyIgc3RvcC1jb2xvcj0iI0Q0MjQyRSIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q0MjQyRSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #D4242E;
}

.detail-product__images__img__mobile .swiper-pagination-bullet {
  margin          : 0 !important;
  width           : 12px;
  height          : 2px;
  opacity         : 1;
  background-color: #EBEBEB;
  border-radius   : 2px;
}

.detail-product__images__img__mobile .swiper-pagination-bullet-active {
  width           : 32px;
  background-color: #D4242E;
}

.detail-product__header-mobile {
  padding: 22px 0;
}

.detail-product__header-mobile .like-cart {
  background-color: #f3f6f4;
  padding         : 12px 14px;
}

.detail-product__header-mobile .like-cart .line {
  width           : 1px;
  height          : 18px;
  background-color: rgba(0, 0, 0, 0.06);
}

.detail-product__header-mobile .menu {
  width           : 40px;
  height          : 40px;
  background-color: #00935e;
}

@media only screen and (max-width: 991px) {
  .detail-product__images {
    padding-top: 57px;
  }

  .detail-product__images .heading {
    top    : 12px;
    padding: 0 12px;
  }

  .detail-product .detail-product__info-seller__timear__item {
    background-color: #F3F6F4 !important;
  }
}

@media only screen and (max-width: 575px) {
  .detail-product__images .heading .existing {
    font-size  : 12px;
    line-height: 18px;
  }

  .detail-product__images .heading .existing svg {
    width : 20px;
    height: 20px;
  }
}

.icon-arrow-left-6:before {
  content: "\e9dc";
}

.icon-arrow-right-6:before {
  content: "\e9dd";
}

.icon-bag-happy:before {
  content: "\e9db";
}

.col-products {
  width: calc(100% - 278px);
}

@media only screen and (max-width: 991px) {
  .col-products {
    width: 100%;
  }
}

.pagination-shop li a.arrow {
  color: #292d32;
}

.pagination-shop li a:not(.arrow) {
  min-width: 40px;
  height   : 40px;
  border   : 1px solid #e4e7e9;
  color    : #191c1f;
  padding  : 0 8px;
}

.pagination-shop li a:not(.arrow).active {
  background-color: #00a693;
  border-color    : #00a693;
  color           : #fff;
}

.faqs__shop .row {
  row-gap: 28px;
}

.faqs__shop__item {
  box-shadow    : 0px 54.49px 39.39px rgba(0, 0, 0, 0.02);
  padding-bottom: 28px;
}

.faqs__shop__item__heading,
.faqs__shop__item__body {
  padding: 28px 24px 0;
}

.faqs__shop__item__heading {
  color: #393939;
}

.faqs__shop__item__heading span {
  width : 14px;
  height: 14px;
}

.faqs__shop__item__heading span::before,
.faqs__shop__item__heading span::after {
  background-color: #808b99;
  border-radius   : 2px;
}

.faqs__shop__item__heading span::before {
  width: 2px;
}

.faqs__shop__item__heading span::after {
  height: 2px;
}

.faqs__shop__item__heading:not(.collapsed) span::before {
  transform: translateX(-50%) rotate(90deg) !important;
}

.faqs__shop__item__body {
  padding-top: 12px;
}

@media only screen and (max-width: 767px) {
  .faqs__shop__item {
    padding-bottom: 20px;
  }

  .faqs__shop__item__heading,
  .faqs__shop__item__body {
    padding: 20px 16px 0;
  }

  .faqs__shop__item__heading {
    font-size  : 14px;
    line-height: 22px;
  }
}

.switch-shop {
  padding      : 0;
  width        : 100%;
  margin-bottom: 0;
  min-height   : auto;
}

.switch-shop .form-check-input {
  display: none;
}

.switch-shop .form-check-label {
  position    : relative;
  padding-left: 79px;
  cursor      : pointer;
  display     : block;
}

.switch-shop .form-check-label::before,
.switch-shop .form-check-label::after {
  content   : "";
  position  : absolute;
  margin-top: -4px;
  transition: all 0.3s ease-in-out;
}

.switch-shop .form-check-label::before {
  width           : 69px;
  height          : 30px;
  border-radius   : 20px;
  background-color: #f3f6f4;
  left            : 0;
  top             : 0;
}

.switch-shop .form-check-label::after {
  width           : 22px;
  height          : 22px;
  border-radius   : 50%;
  background-color: #fff;
  top             : 4px;
  left            : 43px;
}

.switch-shop .form-check-input:checked+label::before {
  background-color: #00a693;
}

.switch-shop .form-check-input:checked+label::after {
  left: 4px;
}

@media only screen and (max-width: 767px) {
  .switch-shop .form-check-label {
    padding-left: 54px;
    font-size   : 12px;
    line-height : 19px;
  }

  .switch-shop .form-check-label::before,
  .switch-shop .form-check-label::after {
    margin-top: 0;
  }

  .switch-shop .form-check-label::before {
    width : 44px;
    height: 19px;
  }

  .switch-shop .form-check-label::after {
    width : 14px;
    height: 14px;
    top   : 2.5px;
    left  : 27px;
  }

  .switch-shop .form-check-input:checked+label::after {
    left: 2.5px;
  }
}

.noUi-target {
  height          : 2px;
  background-color: #d4d4d4;
  border-radius   : 0;
  border          : 0;
  box-shadow      : none;
  padding-left    : 14px;
}

.noUi-connects {
  border-radius: 0;
}

.noUi-connect {
  background-color: #00a693;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  width           : 14px;
  height          : 14px;
  border-radius   : 50%;
  background-color: #fff;
  border          : 2px solid #00a693;
  box-shadow      : none;
  left            : -14px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle::before,
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle::after {
  content: none;
}

.category-shop__banner {
  background-image: var(--wpr-bg-0dcf62fd-0794-40c3-8c27-1b5d67c7dea8);
  background-color: #f1f1f1;
  padding         : 53px 56px 36px;
}

.category-shop__banner .content::before {
  top                    : -35px;
  right                  : 4px;
  bottom                 : -27px;
  left                   : -42px;
  background             : radial-gradient(45.5% 50% at 50% 50%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.0224) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter        : blur(10px);
  z-index                : -1;
}

.category-shop__banner .content .btn {
  padding: 15px 18px;
}

@media only screen and (max-width: 767px) {
  .category-shop__banner {
    padding: 48px 24px 24px;
  }

  .category-shop__banner .content {
    position: unset !important;
  }

  .category-shop__banner .content::before {
    top                    : 0;
    right                  : 0;
    bottom                 : 0;
    left                   : 0;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter        : blur(3px);
  }

  .category-shop__banner .content .btn {
    font-size  : 12px;
    line-height: 18px;
  }
}

.category-shop__heading {
  gap: 22px;
}

.category-shop__heading__title {
  padding-right: 11px;
}

.category-shop__heading__title::before {
  width           : 3px;
  height          : 7px;
  background-color: #00a693;
}

.category-shop__heading__btn {
  width : 40px;
  height: 40px;
}

.category-shop__heading__btn svg {
  width : 28px;
  height: 28px;
}

.category-shop__heading__sort {
  margin-right: 33px;
  gap         : 38px;
}

.category-shop__heading__sort li a {
  font-weight: 400;
}

.category-shop__heading__sort li a::after {
  top             : 100%;
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  transform       : translate(-50%, 8px) scaleX(0);
}

.category-shop__heading__sort li a.active {
  font-weight: 700;
}

.category-shop__heading__sort li a.active,
.category-shop__heading__sort li a:hover {
  color: #040414;
}

.category-shop__heading__sort li a.active::after,
.category-shop__heading__sort li a:hover::after {
  transform: translate(-50%, 8px) scaleX(1);
}

.category-shop__heading__switch-box {
  background-color: #fff;
  border          : 1px solid rgba(164, 168, 186, 0.2);
  padding         : 15px;
}

.category-shop__row {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.category-shop__row::before,
.category-shop__row::after {
  background-color: rgba(0, 0, 0, 0.06);
  width           : 100vw;
  height          : 1px;
}

.category-shop__col-sidebar {
  width: 278px;
}

.category-shop__col-products {
  width: calc(100% - 278px);
}

.category-shop__sidebar {
  padding: 28px 11px 37px;
}

.category-shop__sidebar__backdrop {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter        : blur(4px);
  z-index                : 10000;
  opacity                : 0;
  visibility             : hidden;
}

.category-shop__sidebar.opened+.category-shop__sidebar__backdrop {
  opacity   : 1;
  visibility: visible;
}

.category-shop__sidebar .content {
  gap: 12px;
}

.category-shop__sidebar__item__heading {
  border : 1px solid #f3f6f4;
  padding: 18px 20px;
}

.category-shop__sidebar__item__heading:not(.collapsed) i {
  transform: rotate(180deg);
}

.category-shop__sidebar__item__body {
  margin-top: 15px;
}

.category-shop__sidebar__items {
  gap    : 12px;
  padding: 0 9px;
}

.category-shop__sidebar__items li label {
  gap   : 10px;
  cursor: pointer;
}

.category-shop__sidebar__items li label span {
  width : 22px;
  height: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex  : 0 0 auto;
}

.category-shop__sidebar__items li label span::before {
  width           : 14px;
  height          : 14px;
  border-radius   : 50%;
  background-color: #000;
  opacity         : 0;
}

.category-shop__sidebar__items li input:checked+label span::before {
  opacity: 1;
}

.category-shop__sidebar .range-price-inpute {
  border : 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 18px;
  height : 48px;
  flex   : 1 0 1%;
}

.category-shop__sidebar__products {
  padding         : 24px 26px 0;
  background-color: #00a693;
}

.category-shop__sidebar__products::before {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMTA1IDI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMjYuOTc2MVYyN0gxMDVWMjYuOTc2MUgxMDMuOTY4QzkxLjc0NTcgMjYuOTc2MSA4MC4wNDg4IDIyLjAwNDIgNzEuNTY3IDEzLjIwMzVMNjMuNDcyOSA0LjgwNTE4QzU3LjU3MzUgLTEuMzE1OTggNDcuNzcxNCAtMS4zMTU5OCA0MS44NzIgNC44MDUxOEwzMy43Nzc5IDEzLjIwMzVDMjUuMjk2MSAyMi4wMDQyIDEzLjU5OTIgMjYuOTc2MSAxLjM3NjU2IDI2Ljk3NjFIMFoiIGZpbGw9IiNEOUQ5RDkiIHN0eWxlPSJmaWxsOiNEOUQ5RDk7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuODUxMCAwLjg1MTAgMC44NTEwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMTA1IDI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMjYuOTc2MVYyN0gxMDVWMjYuOTc2MUgxMDMuOTY4QzkxLjc0NTcgMjYuOTc2MSA4MC4wNDg4IDIyLjAwNDIgNzEuNTY3IDEzLjIwMzVMNjMuNDcyOSA0LjgwNTE4QzU3LjU3MzUgLTEuMzE1OTggNDcuNzcxNCAtMS4zMTU5OCA0MS44NzIgNC44MDUxOEwzMy43Nzc5IDEzLjIwMzVDMjUuMjk2MSAyMi4wMDQyIDEzLjU5OTIgMjYuOTc2MSAxLjM3NjU2IDI2Ljk3NjFIMFoiIGZpbGw9IiNEOUQ5RDkiIHN0eWxlPSJmaWxsOiNEOUQ5RDk7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuODUxMCAwLjg1MTAgMC44NTEwKTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #fff;
  width              : 105px;
  height             : 27px;
  z-index            : -1;
}

.category-shop__sidebar__products::after {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCA1OCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkwMV8zNiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjU4IiBoZWlnaHQ9IjI3Ij4KPHJlY3Qgd2lkdGg9IjU4IiBoZWlnaHQ9IjI3IiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MDFfMzYpIj4KPHBhdGggZD0iTS03NiAtMzYwLjVIMTMzLjkzMUMxNDEuOTM5IC0zNjAuNSAxNDguNDMxIC0zNTQuMDA4IDE0OC40MzEgLTM0NlYxMS45NTIzQzE0OC40MzEgMTkuOTYwNCAxNDEuOTM5IDI2LjQ1MjMgMTMzLjkzMSAyNi40NTIzSDg4Ljk0NzlINzguMDU2OEM2NS45ODYgMjYuNDUyMyA1NC40MzMgMjEuNTQ4NiA0Ni4wNDc2IDEyLjg2Nkw0MC4xMTQ2IDYuNzIyNzVDMzQuMDIwOCAwLjQxMzAyNSAyMy45MDk4IDAuNDEzMDI1IDE3LjgxNiA2LjcyMjc1TDExLjg4MyAxMi44NjZDMy40OTc1NSAyMS41NDg2IC04LjA1NTQgMjYuNDUyMyAtMjAuMTI2MiAyNi40NTIzSC0zMS4wMTc0SC03NkMtODQuMDA4MSAyNi40NTIzIC05MC41IDE5Ljk2MDQgLTkwLjUgMTEuOTUyM1YtMzQ2Qy05MC41IC0zNTQuMDA4IC04NC4wMDgxIC0zNjAuNSAtNzYgLTM2MC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfOTAxXzM2KSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3R5bGU9IiIvPgo8L2c+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTAxXzM2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDI4Ljk2NTMgLTE2Ny4wMjQpIHJvdGF0ZSg5MCkgc2NhbGUoMTkzLjk3NiA2NS43MDM0KSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdHlsZT0ic3RvcC1jb2xvcjp3aGl0ZTtzdG9wLW9wYWNpdHk6MTsiLz4KPHN0b3Agb2Zmc2V0PSIwLjg1OTQ1MSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC44MzQxOTIiIHN0eWxlPSJzdG9wLWNvbG9yOndoaXRlO3N0b3Atb3BhY2l0eTowLjgzNDE5MjsiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCA1OCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkwMV8zNiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjU4IiBoZWlnaHQ9IjI3Ij4KPHJlY3Qgd2lkdGg9IjU4IiBoZWlnaHQ9IjI3IiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MDFfMzYpIj4KPHBhdGggZD0iTS03NiAtMzYwLjVIMTMzLjkzMUMxNDEuOTM5IC0zNjAuNSAxNDguNDMxIC0zNTQuMDA4IDE0OC40MzEgLTM0NlYxMS45NTIzQzE0OC40MzEgMTkuOTYwNCAxNDEuOTM5IDI2LjQ1MjMgMTMzLjkzMSAyNi40NTIzSDg4Ljk0NzlINzguMDU2OEM2NS45ODYgMjYuNDUyMyA1NC40MzMgMjEuNTQ4NiA0Ni4wNDc2IDEyLjg2Nkw0MC4xMTQ2IDYuNzIyNzVDMzQuMDIwOCAwLjQxMzAyNSAyMy45MDk4IDAuNDEzMDI1IDE3LjgxNiA2LjcyMjc1TDExLjg4MyAxMi44NjZDMy40OTc1NSAyMS41NDg2IC04LjA1NTQgMjYuNDUyMyAtMjAuMTI2MiAyNi40NTIzSC0zMS4wMTc0SC03NkMtODQuMDA4MSAyNi40NTIzIC05MC41IDE5Ljk2MDQgLTkwLjUgMTEuOTUyM1YtMzQ2Qy05MC41IC0zNTQuMDA4IC04NC4wMDgxIC0zNjAuNSAtNzYgLTM2MC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfOTAxXzM2KSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3R5bGU9IiIvPgo8L2c+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTAxXzM2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDI4Ljk2NTMgLTE2Ny4wMjQpIHJvdGF0ZSg5MCkgc2NhbGUoMTkzLjk3NiA2NS43MDM0KSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdHlsZT0ic3RvcC1jb2xvcjp3aGl0ZTtzdG9wLW9wYWNpdHk6MTsiLz4KPHN0b3Agb2Zmc2V0PSIwLjg1OTQ1MSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC44MzQxOTIiIHN0eWxlPSJzdG9wLWNvbG9yOndoaXRlO3N0b3Atb3BhY2l0eTowLjgzNDE5MjsiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #fff;
  width              : 58px;
  height             : 21px;
  bottom             : 15px;
  z-index            : -1;
}

.category-shop__sidebar__products__item {
  padding: 40px 0 48px;
}

.category-shop__sidebar__products__item .image::before {
  background-image: var(--wpr-bg-4558c9c0-83b5-4551-8ddb-bca42a8b4420);
  width           : 100%;
  height          : 100%;
  z-index         : -1;
}

.category-shop__sidebar__products__item .price {
  gap: 3px;
}

.category-shop__sidebar__products__item del {
  min-width       : 68px;
  background-color: rgba(255, 255, 255, 0.2);
  padding         : 5px 12px;
}

.category-shop__sidebar__products__item .btn-add-to-cart {
  width           : 46px;
  height          : 46px;
  background-color: #000;
  color           : #fff;
  transform       : translate(-50%, 29px);
}

.category-shop__sidebar__products__item .btn-add-to-cart:hover {
  background-color: #00a693;
}

.category-shop__sidebar__products .swiper-pagination {
  top   : 0;
  right : 0;
  bottom: auto;
  left  : auto;
  gap   : 6px;
  margin: 0;
  width : -moz-fit-content;
  width : fit-content;
}

.category-shop__sidebar__products .swiper-pagination-bullet {
  width           : 18px;
  height          : 2px;
  background-color: #fff;
  opacity         : 0.4;
  margin          : 0;
  border-radius   : 2px;
}

.category-shop__sidebar__products .swiper-pagination-bullet-active {
  width  : 44px;
  opacity: 1;
}

.category-shop__products {
  padding         : 15px 32px 23px;
  background-color: #f3f6f4;
}

.category-shop__products .row {
  margin : 0 -6px;
  row-gap: 12px;
}

.category-shop__products .row>* {
  padding: 0 6px;
}

@media only screen and (max-width: 1399px) {
  .category-shop__heading__sort {
    margin-right: 24px;
    gap         : 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .category-shop__heading {
    gap: 12px;
  }

  .category-shop__heading__sort {
    order       : 999;
    width       : 100%;
    margin-right: 0;
  }

  .category-shop__col-sidebar {
    width: 240px;
  }

  .category-shop__col-products {
    width: calc(100% - 240px);
  }

  .category-shop__products {
    padding: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .category-shop__row::before {
    height          : 100%;
    background-color: #f3f6f4;
    border          : solid rgba(0, 0, 0, 0.06);
    border-width    : 1px 0;
  }

  .category-shop__row::after {
    content: none;
  }

  .category-shop__col-sidebar,
  .category-shop__col-products {
    width: 100%;
  }

  .category-shop__heading__title {
    width: 100%;
  }

  .category-shop__sidebar {
    width           : 100%;
    height          : 90%;
    border-radius   : 15px 15px 0 0;
    background-color: #fff;
    border-right    : 0;
    position        : fixed;
    top             : 10%;
    left            : 0;
    transform       : translateY(100%);
    overflow-y      : auto;
    scrollbar-width : 4px;
    scrollbar-color : #00a693 blue;
    padding-left    : 12px;
    z-index         : 10001;
  }

  .category-shop__sidebar::-webkit-scrollbar {
    width           : 4px;
    background-color: #f3f6f4;
  }

  .category-shop__sidebar::-webkit-scrollbar-thumb {
    background-color: #00a693;
  }

  .category-shop__sidebar.opened {
    transform: translateY(0);
  }

  .category-shop__products {
    padding: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  .category-shop__heading__switch-box {
    padding: 15px 9px;
  }
}

@media only screen and (max-width: 575px) {
  .category-shop__heading__sort {
    gap    : 16px;
    margin : 0 -12px;
    padding: 0 12px;
    width  : auto;
  }
}

.category-shop__heading__mobile__filter-sort {
  padding         : 6px 10px;
  background-color: #F3F6F4;
}

.category-shop__heading__mobile__filter-sort>* {
  max-width: 50%;
  padding  : 15px 12px 16px;
}

.category-shop__heading__mobile__sort .form-control {
  max-width: calc(100% - 31px);
}

.category-shop__heading__mobile__quick-access .title {
  border : 1px solid #EBEBEB;
  padding: 10px 13px;
}

.category-shop__heading__mobile__quick-access .form-control {
  height         : auto;
  min-height     : 38px;
  padding        : 0 14px 0 40px;
  background     : #F3F6F4 var(--wpr-bg-664f3793-3fc2-45e9-a54e-1f64e291b83a) center left 14px no-repeat;
  background-size: 16px 16px;
}

.form-group__new .form-control {
  height : 74px;
  border : 1px solid #ededee;
  padding: 0 66px 0 12px;
}

.form-group__new .form-control:focus {
  border-color: #00a693;
  box-shadow  : 0 0 0 4px rgba(0, 166, 147, 0.2);
}

.form-group__new label {
  top      : 50%;
  right    : 66px;
  left     : 12px;
  cursor   : text;
  transform: translateY(-50%);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.form-group__new .form-control[type=password]+label {
  left: 54px;
}

.form-group__new .form-control:focus+label,
.form-group__new .form-control.valid+label {
  top             : 0;
  right           : 54px;
  left            : 12px;
  padding         : 0 8px;
  background-color: #fff;
  transform       : translateY(-12px);
}

.form-group__new .icon {
  right: 26px;
}

.form-group__new .icon-show-password {
  left : 26px;
  color: #292d32;
}

.form-group__new .icon-show-password.show {
  color: #00a693;
}

@media only screen and (max-width: 767px) {
  .form-group__new .form-control {
    height: 64px;
  }
}

.auth-shop .container .col-lg-6 {
  padding   : 48px 0;
  min-height: 100vh;
}

.auth-shop__content,
.auth-shop__copyright {
  max-width: 484px;
}

.auth-shop__contents__tabs::after,
.auth-shop .phone__entered::after {
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  top             : 100%;
  transform       : translate(-50%, 20px);
}

.auth-shop__content__tabs li {
  border : 1px solid #ededee;
  padding: 17px 27px;
  color  : #636880;
}

.auth-shop__content__tabs li svg .cr-1 {
  color: #292d32;
}

.auth-shop__content__tabs li svg .cr-2 {
  color: #00a693;
}

.auth-shop__content__tabs li.active {
  background-color: #00a693;
  border-color    : #00a693;
  color           : #fff;
}

.auth-shop__content__tabs li.active svg .cr-1 {
  color: rgba(4, 4, 20, 0.2);
}

.auth-shop__content__tabs li.active svg .cr-2 {
  color: #fff;
}

.auth-shop__content .forget-password a {
  text-decoration: underline;
}

.auth-shop__content .forget-password a:hover {
  color: #00a693;
}

.auth-shop__content .btn {

  padding: 21px 12px;
}

.auth-shop__image>img {
  -o-object-fit: cover;
  object-fit   : cover;
}

.auth-shop__image .logo,
.auth-shop__image .text-content {
  max-width: 549px;
}

.auth-shop__image .logo {
  top: 74px;
}

.auth-shop__image .text-content {
  bottom : 48px;
  padding: 38px 16px 32px;
}

.auth-shop__image .text-content::before {
  background-color       : rgba(0, 0, 0, 0.21);
  border                 : 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
  border-radius          : inherit;
  z-index                : -1;
}

.auth-shop .phone__entered {
  border       : 1px solid #EDEDEE;
  padding      : 7px 26px 7px 11px;
  margin-bottom: 82px;
}

.auth-shop .phone__entered::after {
  transform: translate(-50%, 32px);
}

.auth-shop .phone__entered .btn {
  padding: 19px 33px;
}

.auth-shop .form-code .content {
  max-width: 419px;
}

.auth-shop .form-code .code span {
  width           : 16px;
  height          : 3px;
  background-color: #A4A8BA;
}

.auth-shop .err-code {
  color: #EB0404;
}

.auth-shop .re-send:hover {
  color: #00a693;
}

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

  .auth-shop__image .logo,
  .auth-shop__image .text-content {
    max-width: 440px;
  }
}

@media only screen and (max-width: 991px) {
  .auth-shop .container .col-lg-6 {
    padding: 24px 0;
  }

  .auth-shop__content__tabs li {
    flex: 1 0 auto;
  }

  .auth-shop__content .forget-password {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .auth-shop__content .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .auth-shop__content .sub-title {
    font-size  : 12px;
    line-height: 19px;
  }

  .auth-shop__content__tabs li {
    padding: 11px 16px;
  }

  .auth-shop__content .btn {
    padding: 13px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .auth-shop .phone__entered {
    padding-right: 11px;
  }

  .auth-shop .phone__entered .btn {
    font-size  : 12px;
    line-height: 18px;
    padding    : 16px;
  }
}

.btn-outline-secondary-3 {
  border: 1px solid rgba(164, 168, 186, 0.3);
  color : #a4a8ba;
}

.btn-outline-secondary-3:hover {
  border-color    : #00935e;
  background-color: #00935e;
  color           : #fff;
}

.dashboard-shop {
  min-height: 100vh;
}

.dashboard-shop__sidebar {
  max-width       : 393px;
  top             : 42px;
  bottom          : 28px;
  background-color: #fff;
  z-index         : 10001;
}

.dashboard-shop__sidebar__backdrop {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
}

.dashboard-shop__sidebar__content {
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 blue;
  padding-left   : 12px;
}

.dashboard-shop__sidebar__content::-webkit-scrollbar {
  width           : 4px;
  background-color: #f3f6f4;
}

.dashboard-shop__sidebar__content::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.dashboard-shop__sidebar__content__info-user {
  padding-top: 20px;
  margin     : 0 55px 0 29px;
}

.dashboard-shop__sidebar__content__info-user::before {
  border-radius: 15px;
  height       : 62px;
  z-index      : -1;
  background   : #00a693;
}

.dashboard-shop__sidebar__content__info-user img {
  border: 4px solid #fff;
  width : 78px;
  height: 78px;
}

.dashboard-shop__sidebar__content__menu {
  padding   : 25px 42px 0 29px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dashboard-shop__sidebar__content__menu ul li a {
  gap    : 10px;
  padding: 15px 18px;
}

.dashboard-shop__sidebar__content__menu ul li a::before,
.dashboard-shop__sidebar__content__menu ul li a::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 100%;
  width           : 3px;
  height          : 0;
  background-color: #00a693;
  border-radius   : 10px;
  transition      : all 0.3s linear;
}

.dashboard-shop__sidebar__content__menu ul li a::before {
  transform: translate(20px, -50%);
}

.dashboard-shop__sidebar__content__menu ul li a::after {
  opacity  : 0.4;
  filter   : blur(10px);
  transform: translate(25px, -50%);
}

.dashboard-shop__sidebar__content__menu ul li a .icon .cr-1 {
  color: #d5d5d5;
}

.dashboard-shop__sidebar__content__menu ul li a .icon .cr-2 {
  color: #00935e;
}

.dashboard-shop__sidebar__content__menu ul li a.active {
  color           : #040414;
  background-color: #f3f6f4;
}

.dashboard-shop__sidebar__content__menu ul li a.active::before,
.dashboard-shop__sidebar__content__menu ul li a.active::after {
  height: 20px;
}

.dashboard-shop__sidebar__content__menu ul li a.active .icon .cr-1 {
  color: #292d32;
}

.dashboard-shop__sidebar__content__manage-account {
  padding: 24px 42px 0 29px;
}

.dashboard-shop__sidebar__content__manage-account ul li a {
  gap: 10px;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg {
  width : 20px;
  height: 20px;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg .cr-1 {
  color: #292d32;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg .cr-2 {
  color: #00935e;
}

.dashboard-shop__wrapper {
  width       : calc(100% - 393px);
  max-width   : 1510px;
  padding     : 42px 0 29px 24px;
  margin-right: 393px;
  min-height  : 100vh;
}

.dashboard-shop__wrapper::before {
  content         : "";
  position        : absolute;
  top             : 42px;
  right           : 0;
  bottom          : 29px;
  width           : 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.dashboard-shop__header {
  padding      : 0 21px 22px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dashboard-shop__header__btn {
  width : 58px;
  height: 58px;
  border: 1px solid #ccede9;
}

.dashboard-shop__header__btn:hover {
  background-color: #ccede9;
}

.dashboard-shop__header .btn {
  padding: 18px 34px;
}

.dashboard-shop__content {
  margin          : 28px 21px 0 0;
  padding         : 34px 36px 42px;
  background-color: #f3f6f4;
}

.dashboard-shop__note {
  padding: 9px 27px 9px 13px;
  gap    : 14px;
}

.dashboard-shop__note .btn {
  padding: 15px 13px;
}

.dashboard-shop__heading .title::before {
  width           : 3px;
  height          : 20px;
  background-color: #00a693;
  border-radius   : 10px;
}

.dashboard-shop__heading .link:hover {
  color: #00a693;
}

.dashboard-shop__total-info {
  border : 1px solid rgba(0, 0, 0, 0.1);
  padding: 27px 20px 22px 33px;
}

.dashboard-shop__total-info__item {
  padding: 22px 13px;
}

.dashboard-shop__total-info__item .icon {
  background-color: #f3f6f4;
  width           : 57px;
  height          : 57px;
}

.dashboard-shop__total-info__item .icon img {
  width : 45px;
  height: 45px;
}

.dashboard-shop__address {
  border : 1px solid rgba(0, 166, 147, 0.2);
  padding: 9px 27px 9px 13px;
}

.dashboard-shop__address .btn {
  padding: 15px 13px;
}

.dashboard-shop__last-products-see__item {
  width  : 189px;
  padding: 20px;
}

.dashboard-shop__last-products-see__item .price {
  gap: 6px;
}

.dashboard-shop__last-products-see .swiper::before,
.dashboard-shop__last-products-see .swiper::after {
  content   : "";
  position  : absolute;
  top       : 0;
  width     : 189px;
  height    : 100%;
  transition: all 0.3s ease-in-out;
  opacity   : 0;
  visibility: hidden;
  z-index   : 2;
}

.dashboard-shop__last-products-see .swiper::before {
  right           : 0;
  background-image: linear-gradient(280deg, #f3f6f4, rgba(243, 246, 244, 0));
  transform       : translateX(36px);
}

.dashboard-shop__last-products-see .swiper::after {
  left            : 0;
  background-image: linear-gradient(90deg, #f3f6f4, rgba(243, 246, 244, 0));
  transform       : translateX(-36px);
}

.dashboard-shop__last-products-see .swiper.has-before::before {
  opacity   : 1;
  visibility: visible;
}

.dashboard-shop__last-products-see .swiper.has-after::after {
  opacity   : 1;
  visibility: visible;
}

.dashboard-shop__last-products-see .swiper-slide {
  width: auto;
}

.dashboard-shop .copyright-socials {
  padding-right: 21px;
}

@media only screen and (max-width: 1399px) {
  .dashboard-shop__sidebar {
    max-width: 280px;
  }

  .dashboard-shop__sidebar__content__info-user {
    margin: 0 24px;
  }

  .dashboard-shop__sidebar__content__menu {
    padding: 25px 24px 0;
  }

  .dashboard-shop__sidebar__content__menu ul li a {
    padding: 15px 12px;
  }

  .dashboard-shop__sidebar__content__menu ul li a::before {
    transform: translate(12px, -50%);
  }

  .dashboard-shop__sidebar__content__menu ul li a::after {
    transform: translate(17px, -50%);
  }

  .dashboard-shop__sidebar__content__manage-account {
    padding: 24px 24px 0;
  }

  .dashboard-shop__wrapper {
    width       : calc(100% - 280px);
    padding-left: 12px;
    margin-right: 280px;
  }

  .dashboard-shop__content {
    margin : 20px 12px 0 0;
    padding: 34px 24px 42px;
  }
}

@media only screen and (max-width: 1199px) {
  .dashboard-shop__sidebar {
    top             : 0;
    bottom          : 0;
    width           : 100%;
    opacity         : 0;
    visibility      : hidden;
    transition      : all 0.3s linear 0.3s;
    background-color: transparent;
  }

  .dashboard-shop__sidebar__content {
    width     : 100%;
    max-width : 280px;
    transition: all 0.3s linear 0s;
    padding   : 24px 0;
    transform : translateX(280px);
  }

  .dashboard-shop__sidebar.opened {
    opacity   : 1;
    visibility: visible;
    transition: all 0.3s linear 0s;
  }

  .dashboard-shop__sidebar.opened .dashboard-shop__sidebar__content {
    transform : translateX(0);
    transition: all 0.3s linear 0.3s;
  }

  .dashboard-shop__wrapper {
    width       : 100%;
    padding     : 24px 0;
    margin-right: 0;
  }

  .dashboard-shop__wrapper::before {
    content: none;
  }

  .dashboard-shop__header {
    padding: 0 12px 24px;
  }

  .dashboard-shop__content {
    margin: 20px 12px 0;
  }
}

@media only screen and (max-width: 991px) {
  .dashboard-shop__content {
    padding: 24px 12px;
  }

  .dashboard-shop__total-info {
    padding: 24px 12px;
  }

  .dashboard-shop__total-info .row {
    row-gap: 12px;
    margin : 0 -6px;
  }

  .dashboard-shop__total-info .row>* {
    padding: 0 6px;
  }

  .dashboard-shop__last-products-see .swiper::before,
  .dashboard-shop__last-products-see .swiper::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-shop__header__btn {
    width : 48px;
    height: 48px;
  }

  .dashboard-shop__header__btn svg {
    width : 20px;
    height: 20px;
  }

  .dashboard-shop__note,
  .dashboard-shop__address {
    padding: 9px 12px;
    gap    : 12px;
  }

  .dashboard-shop__note .btn,
  .dashboard-shop__address .btn {
    font-size  : 12px;
    line-height: 18px;
    padding    : 12px;
  }

  .dashboard-shop__note .btn svg,
  .dashboard-shop__address .btn svg {
    width : 16px;
    height: 16px;
  }

  .dashboard-shop__note .note {
    font-size  : 12px;
    line-height: 18px;
  }

  .dashboard-shop__address .address {
    font-size  : 12px;
    line-height: 18px;
  }
}

.info-user-mobile {
  padding: 0 12px;
}

.info-user-mobile__note {
  border : 1px solid #EBEBEB;
  padding: 12px;
}

.icon-speaker-muted:before {
  content: "\e9e8";
}

.icon-toman-3:before {
  content: "\e9e7";
}

.icon-check:before {
  content: "\e9e6";
}

.icon-send-3:before {
  content: "\e9e5";
}

.icon-close:before {
  content: "\e9e4";
}

.icon-arrow-right-7:before {
  content: "\e9e0";
}

.icon-comment:before {
  content: "\e9e1";
}

.icon-heart-5:before {
  content: "\e9e2";
}

.icon-heart-5-fill:before {
  content: "\e9e3";
}

.icon-angle-left-5:before {
  content: "\e9de";
}

.icon-angle-right-5:before {
  content: "\e9df";
}

@media only screen and (max-width: 991px) {
  .modal-mobile {
    z-index: 10012;
  }

  .modal-mobile .modal-dialog {
    max-width: 100% !important;
  }

  .modal-mobile .modal-content {
    border-radius: 8px 8px 0 0 !important;
  }
}

.text-danger-8 {
  color: #eb0404;
}

.text-danger-9 {
  color: #d4242e;
}

.text-dark-15 {
  color: #14151b;
}

.text-gray-13 {
  color: #5f7086;
}

.btn-success-6 {
  background-color: #00cb8e;
  color           : #fff;
}

.btn-success-6:hover {
  background-color: #14151b;
  color           : #fff;
}

.btn-dark-4 {
  background-color: #14151b;
  color           : #fff;
}

.btn-dark-4:hover {
  background-color: #eb0404;
  color           : #fff;
}

.btn-dark-5 {
  background-color: #393939;
  color           : #fff;
}

.btn-dark-5:hover {
  background-color: #eb0404;
  color           : #fff;
}

.btn-gray-4 {
  background-color: #a4a8ba;
  color           : #fff;
}

.btn-gray-4:hover {
  background-color: #14151b;
  color           : #fff;
}

.btn-danger-7 {
  background-color: #ef4056;
  color           : #fff;
}

.btn-danger-7:hover {
  background-color: #ec1a35;
  color           : #fff;
}

.btn-outline-danger-7 {
  border: 1px solid #ef4056;
  color : #ef4056;
}

.btn-outline-danger-7:hover {
  background-color: #ef4056;
  color           : #fff;
}

.bg-right {
  background-position: right;
}

.bg-left {
  background-position: left;
}

.product-five {
  background-color: #fff;
  box-shadow      : 110px 47px 113px -3px rgba(0, 0, 0, 0.02);
  padding         : 14px 12px 22px;
}

.product-five .image::before,
.product-five .image::after {
  content              : "";
  position             : absolute;
  bottom               : 0;
  left                 : 50%;
  -webkit-mask-image   : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF85MzZfNDQpIiBzdHlsZT0iIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTM2XzQ0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3Atb3BhY2l0eT0iMC4yMSIgc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjAuMjE7Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  mask-image           : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF85MzZfNDQpIiBzdHlsZT0iIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTM2XzQ0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3Atb3BhY2l0eT0iMC4yMSIgc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjAuMjE7Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  -webkit-mask-position: center center;
  mask-position        : center center;
  -webkit-mask-size    : cover;
  mask-size            : cover;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  width                : 186px;
  height               : 12px;
  opacity              : 0.1;
  z-index              : 1;
}

.product-five .image::before {
  background-color: #d4242e;
  transform       : translate(-50%, 7px);
}

.product-five .image::after {
  background-color: #000;
  transform       : translate(-50%, 6px);
}

.product-five .image>a::before {
  content            : "";
  position           : absolute;
  pointer-events     : none;
  width              : 31px;
  height             : 16px;
  bottom             : 0;
  left               : 50%;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM1MjMgMC41QzMwLjcxIDAuNSAzMS4wMDE0IDAuNzkwMjI1IDMwLjk4NjUgMS4xNDc2M0MzMC44MjQ2IDUuMDIzMDQgMjkuMjE0IDguNzA2MzUgMjYuNDYwMiAxMS40NjAyQzIzLjU1MzMgMTQuMzY3IDE5LjYxMDkgMTYgMTUuNSAxNkMxMS4zODkxIDE2IDcuNDQ2NjYgMTQuMzY3IDQuNTM5ODUgMTEuNDYwMkMxLjc4NjA0IDguNzA2MzUgMC4xNzU0NDkgNS4wMjMwNCAwLjAxMzUyMTggMS4xNDc2NEMtMC4wMDE0MTE4OSAwLjc5MDIyNyAwLjI4OTk5MSAwLjUwMDAwMiAwLjY0NzcxMiAwLjUwMDAwMkMxLjAwNTQzIDAuNTAwMDAyIDEuMjkzODggMC43OTAyMTEgMS4zMTAxOCAxLjE0NzU2QzEuNDcxMjIgNC42NzkyNSAyLjk0NSA4LjAzMzMgNS40NTU4NSAxMC41NDQyQzguMTE5NzIgMTMuMjA4IDExLjczMjcgMTQuNzA0NiAxNS41IDE0LjcwNDZDMTkuMjY3MyAxNC43MDQ2IDIyLjg4MDMgMTMuMjA4IDI1LjU0NDIgMTAuNTQ0MkMyOC4wNTUgOC4wMzMzIDI5LjUyODggNC42NzkyNSAyOS42ODk4IDEuMTQ3NTZDMjkuNzA2MSAwLjc5MDIxIDI5Ljk5NDYgMC41IDMwLjM1MjMgMC41WiIgZmlsbD0iI0Q0MjQyRSIvPgo8L3N2Zz4K) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM1MjMgMC41QzMwLjcxIDAuNSAzMS4wMDE0IDAuNzkwMjI1IDMwLjk4NjUgMS4xNDc2M0MzMC44MjQ2IDUuMDIzMDQgMjkuMjE0IDguNzA2MzUgMjYuNDYwMiAxMS40NjAyQzIzLjU1MzMgMTQuMzY3IDE5LjYxMDkgMTYgMTUuNSAxNkMxMS4zODkxIDE2IDcuNDQ2NjYgMTQuMzY3IDQuNTM5ODUgMTEuNDYwMkMxLjc4NjA0IDguNzA2MzUgMC4xNzU0NDkgNS4wMjMwNCAwLjAxMzUyMTggMS4xNDc2NEMtMC4wMDE0MTE4OSAwLjc5MDIyNyAwLjI4OTk5MSAwLjUwMDAwMiAwLjY0NzcxMiAwLjUwMDAwMkMxLjAwNTQzIDAuNTAwMDAyIDEuMjkzODggMC43OTAyMTEgMS4zMTAxOCAxLjE0NzU2QzEuNDcxMjIgNC42NzkyNSAyLjk0NSA4LjAzMzMgNS40NTU4NSAxMC41NDQyQzguMTE5NzIgMTMuMjA4IDExLjczMjcgMTQuNzA0NiAxNS41IDE0LjcwNDZDMTkuMjY3MyAxNC43MDQ2IDIyLjg4MDMgMTMuMjA4IDI1LjU0NDIgMTAuNTQ0MkMyOC4wNTUgOC4wMzMzIDI5LjUyODggNC42NzkyNSAyOS42ODk4IDEuMTQ3NTZDMjkuNzA2MSAwLjc5MDIxIDI5Ljk5NDYgMC41IDMwLjM1MjMgMC41WiIgZmlsbD0iI0Q0MjQyRSIvPgo8L3N2Zz4K) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  transform          : translate(-50%, 3px);
  z-index            : 1;
}

.product-five .image img {
  width        : 159px;
  height       : 159px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.product-five .image .discount {
  bottom   : 13px;
  min-width: 137px;
}

.product-five .image .discount .time {
  gap    : 6px;
  padding: 7px 12px;
}

.product-five .image .discount .time::before {
  background-color       : rgba(212, 36, 46, 0.65);
  -webkit-backdrop-filter: blur(14);
  backdrop-filter        : blur(14);
  z-index                : -1;
}

.product-five .image .icon {
  transform: translate(8px, -11px);
  z-index  : 3;
}

.product-five .title:hover,
.product-five .category:hover {
  color: #00cb8e;
}

.product-five .title {
  max-height: 48px;
}

.product-five .category-rate {
  border-bottom : 1px solid #ebebeb;
  padding-bottom: 16px;
}

.product-five .price .toman {
  transform: scale(-1);
}

.product-five .price .toman:not(.writing-mode) {
  transform: scale(1);
}

.product-five .price del,
.product-five .price span {
  word-break: break-all;
}

.product-five .btn-add-to-cart {
  width : 38px;
  height: 38px;
}

@media only screen and (max-width: 767px) {
  .product-five {
    padding: 20px 8px;
  }

  .product-five .image img {
    width : 120px;
    height: 120px;
  }

  .product-five .image .time {
    font-size  : 12px;
    line-height: 18px;
    gap        : 4px;
    padding    : 6px 8px;
  }

  .product-five .title {
    font-size  : 12px;
    line-height: 20px;
    max-height : 40px;
  }
}

.top-header-shop-two {
  padding: 60px 0 0;
}

.top-header-shop-two__wrapper {
  padding-bottom: 29px;
  border-bottom : 1px solid #f4f7fe;
}

.top-header-shop-two__wrapper::before {
  width           : 71px;
  height          : 3px;
  border-radius   : 20px;
  background-color: #d4242e;
}

.top-header-shop-two__wrapper::after {
  width           : 3px;
  height          : 4px;
  background-color: #fff;
  right           : 71px;
}

.top-header-shop-two__discount {
  margin: 0 32px 0;
}

.top-header-shop-two__discount .off {
  width           : 42px;
  height          : 26px;
  background-color: #eb0404;
  border-radius   : 18px 18px 0;
}

.top-header-shop-two__search {
  max-width  : 576px;
  margin-left: 32px;
  z-index    : 1000;
}

.top-header-shop-two__search__form .form-control {
  background-color: rgba(248, 249, 251, 0.4);
  border-color    : rgba(248, 249, 251, 0.4);
  height          : 52px;
  padding         : 0 24px 0 44px;
}

.top-header-shop-two__search__form .form-control:focus {
  background-color: #fff;
  border          : 1px solid #eb0404;
  box-shadow      : 0 0 0 4px rgba(235, 4, 4, 0.2);
}

.top-header-shop-two__search__form button {
  left: 17px;
}

.top-header-shop-two__search__box {
  background-color: #fff;
  padding         : 90px 8px 0;
  transform       : translateY(-9px);
  right           : -8px;
  left            : -8px;
  opacity         : 0;
  visibility      : hidden;
  z-index         : -1;
}

.top-header-shop-two__search__box__title {
  color        : #14151b;
  padding-right: 25px;
}

.top-header-shop-two__search__box__title .icon svg {
  width : 24px;
  height: 24px;
}

.top-header-shop-two__search__box__title .line {
  background-color: rgba(164, 168, 186, 0.3);
  width           : 26px;
  height          : 1px;
}

.top-header-shop-two__search__box .results.has-scrollbar::after {
  content         : "";
  position        : absolute;
  right           : 6px;
  bottom          : 0;
  left            : 0;
  height          : 64px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
  z-index         : 2;
}

.top-header-shop-two__search__box .results__items {
  gap            : 27px;
  padding-right  : 25px;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 #f5f5f5;
  max-height     : 210px;
}

.top-header-shop-two__search__box .results__items::-webkit-scrollbar {
  width           : 4px;
  background-color: #f5f5f5;
}

.top-header-shop-two__search__box .results__items::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.top-header-shop-two__search__box .results__item {
  direction: rtl;
}

.top-header-shop-two__search__box .results__item .title {
  color: #14151b;
}

.top-header-shop-two__search__box .results__item .title .icon svg {
  width : 20px;
  height: 20px;
}

.top-header-shop-two__search__box .results__item .category .dot {
  width           : 4px;
  height          : 4px;
  background-color: #019279;
  z-index         : 2;
}

.top-header-shop-two__search__box .results__item .category .dot::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 50%;
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  background-color: rgba(1, 146, 121, 0.1);
  animation       : scalw__dot 1s linear infinite alternate;
  z-index         : -1;
}

@keyframes scalw__dot {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(2);
  }
}

.top-header-shop-two__search__box__products {
  padding: 0 25px;
}

.top-header-shop-two__search__box__products .swiper-slide {
  width: auto;
}

.top-header-shop-two__search__box__product {
  padding: 2px 26px;
  border : 1px solid rgba(0, 0, 0, 0.11);
}

.top-header-shop-two__search__box__product span {
  max-width: 132px;
}

.top-header-shop-two__search__box .btn__more {
  padding         : 26px 33px;
  margin          : 0 -8px;
  background-image: linear-gradient(to right, #b6fdd1, #fbffd6);
}

.top-header-shop-two__search__box .btn__more::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-image: linear-gradient(to left, #b6fdd1, #fbffd6);
  opacity         : 0;
  transition      : all 0.3s ease-in-out;
  z-index         : -1;
}

.top-header-shop-two__search__box .btn__more:hover::before {
  opacity: 1;
}

.top-header-shop-two__search .backdrop {
  width           : 100vw;
  height          : 100vh;
  background-color: rgba(0, 0, 0, 0.15);
  opacity         : 0;
  visibility      : hidden;
  z-index         : -2;
}

.top-header-shop-two__search.opened .top-header-shop-two__search__box,
.top-header-shop-two__search.opened .backdrop {
  opacity   : 1;
  visibility: visible;
}

.top-header-shop-two__select-city {
  border : 1px solid #ebebeb;
  padding: 13px 15px;
}

.top-header-shop-two__cart {
  padding: 15px 8px 15px 13px;
}

.top-header-shop-two__cart span {
  min-width: 19px;
  height   : 22px;
  padding  : 0 4px;
}

.top-header-shop-two__cart span::before {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter        : blur(18px);
  z-index                : -1;
}

.top-header-shop-two__auth {
  padding: 15px 28px;
}

@media only screen and (max-width: 1399px) {
  .top-header-shop-two__discount {
    margin: 0 16px;
  }

  .top-header-shop-two__search {
    margin-left: 16px;
  }

  .top-header-shop-two__select-city {
    padding: 13px 12px;
  }

  .top-header-shop-two__cart {
    margin: 0 8px;
  }

  .top-header-shop-two__auth {
    padding: 15px 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-shop-two__logo img {
    width : auto;
    height: 40px;
  }

  .top-header-shop-two__discount {
    margin: 0 24px;
  }

  .top-header-shop-two__search {
    margin-left: 24px;
  }

  .top-header-shop-two__search__form .form-control {
    padding-right: 12px;
    font-size    : 12px;
  }

  .top-header-shop-two__search__box .btn__more {
    padding: 26px 20px;
  }

  .top-header-shop-two__select-city {
    padding: 13px 12px;
  }

  .top-header-shop-two__auth {
    padding: 15px 16px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-shop-two {
    padding: 24px 0;
  }

  .top-header-shop-two__wrapper {
    padding: 0;
    border : 0;
  }

  .top-header-shop-two__wrapper::before,
  .top-header-shop-two__wrapper::after {
    content: none;
  }

  .top-header-shop-two__auth {
    padding: 0;
    width  : 40px;
    height : 40px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-shop-two__search__box .btn__more {
    padding: 20px 16px;
  }
}

.nav-shop-two__wrapper {
  padding      : 24px 0;
  border-bottom: 1px solid #f4f7fe;
}

.nav-shop-two__menu {
  gap        : 26px;
  margin-left: 12px;
}

.nav-shop-two__menu li a:hover {
  color: #eb0404;
}

.nav-shop-two__contact a:hover {
  color: #14151b;
}

@media only screen and (max-width: 1199px) {
  .nav-shop-two__categories {
    margin-left: 20px;
  }

  .nav-shop-two__menu {
    gap: 16px;
  }

  .nav-shop-two__contact a,
  .nav-shop-two__contact div {
    font-size  : 14px;
    line-height: 22px;
  }
}

.slider-home-show-two__item img {
  height: 440px;
}

.slider-home-show-two__item .content {
  padding: 0 128px;
}

.slider-home-show-two .swiper-button {
  right    : 0;
  bottom   : 24px;
  transform: translateX(13px);
  gap      : 18px;
  padding  : 16px 9px;
}

.slider-home-show-two .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.slider-home-show-two .swiper-button-next,
.slider-home-show-two .swiper-button-prev {
  color    : #292d32;
  transform: unset;
  width    : auto;
  height   : auto;
}

.slider-home-show-two .swiper-button-next::after,
.slider-home-show-two .swiper-button-prev::after {
  content: none;
}

.slider-home-show-two .swiper-pagination {
  gap   : 10px;
  right : 134px;
  bottom: 44px;
  left  : 134px;
}

.slider-home-show-two .swiper-pagination-bullet {
  opacity         : 0.3;
  width           : 85px;
  height          : 4px;
  background-color: #fff;
  margin          : 0 !important;
  border-radius   : 0;
}

.slider-home-show-two .swiper-pagination-bullet-active {
  opacity: 1;
  width  : 162px;
}

@media only screen and (max-width: 1199px) {
  .slider-home-show-two__item .content {
    padding: 0 64px;
  }

  .slider-home-show-two .swiper-pagination {
    right: 64px;
    left : 64px;
  }
}

@media only screen and (max-width: 991px) {
  .slider-home-show-two__item img {
    height: 320px;
  }

  .slider-home-show-two__item .content .title {
    font-size  : 36px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-home-show-two__item img {
    height: 220px;
  }

  .slider-home-show-two__item .content {
    padding: 0 24px;
  }

  .slider-home-show-two__item .content .title {
    font-size    : 24px;
    line-height  : 36px;
    margin-bottom: 16px;
  }

  .slider-home-show-two .swiper-button {
    padding  : 12px 16px;
    right    : auto;
    bottom   : 0;
    left     : 50%;
    transform: translate(-50%, 19.5px);
  }

  .slider-home-show-two .swiper-pagination {
    right : 24px;
    bottom: 12px;
    left  : 24px;
  }

  .slider-home-show-two .swiper-pagination-bullet {
    width: 24px;
  }

  .slider-home-show-two .swiper-pagination-bullet-active {
    width: 48px;
  }
}

.top-categories-shop-two__wrapper {
  border : 2px solid #ebebeb;
  padding: 36px 28px 33px;
}

.top-categories-shop-two__item .image {
  background-color: #e0ab81;
  width           : 54px;
  height          : 54px;
}

.top-categories-shop-two__item .image.popular {
  background-color: #bccafd;
}

.top-categories-shop-two__item .image.gray {
  background-color: #e9e6dc;
}

.top-categories-shop-two__item .image img {
  width : 42px;
  height: 42px;
}

@media only screen and (max-width: 1199px) {
  .top-categories-shop-two__wrapper {
    padding: 36px 20px 33px;
  }
}

@media only screen and (max-width: 767px) {
  .top-categories-shop-two__wrapper {
    padding: 20px 12px;
  }

  .top-categories-shop-two__item .image {
    width      : 44px;
    height     : 44px;
    margin-left: 8px;
  }

  .top-categories-shop-two__item .image img {
    width : 32px;
    height: 32px;
  }

  .top-categories-shop-two__item .title {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-categories-shop-two__item .count {
    font-size  : 10px;
    line-height: 16px;
  }

  .top-categories-shop-two .swiper {
    overflow: visible;
  }
}

.heading-shop-two {
  gap: 12px;
}

.heading-shop-two__btns {
  border : 1px solid #ebebeb;
  padding: 4px 17px 4px 5px;
  gap    : 12px;
}

.heading-shop-two__swiper-buttons {
  gap: 22px;
}

.heading-shop-two__swiper-buttons .swiper-button-next,
.heading-shop-two__swiper-buttons .swiper-button-prev {
  width    : auto;
  height   : auto;
  transform: unset;
}

.heading-shop-two__swiper-buttons .swiper-button-next::after,
.heading-shop-two__swiper-buttons .swiper-button-prev::after {
  content: none;
}

.heading-shop-two__btn {
  padding: 11px 14px;
}

@media only screen and (max-width: 767px) {
  .heading-shop-two__title {
    font-size  : 16px;
    line-height: 25px;
  }

  .heading-shop-two__sub-title {
    font-size  : 12px;
    line-height: 19px;
  }
}

.products-category-shop-two .col-tabs {
  max-width: 336px;
}

.products-category-shop-two .col-products {
  max-width: calc(100% - 336px);
}

.products-category-shop-two__tabs {
  z-index: 2;
}

.products-category-shop-two__tabs .swiper {
  background-color: #fff;
  border-radius   : 12px;
}

.products-category-shop-two__tabs .swiper-scrollbar {
  background-color: #f4f7fe;
  transform       : translateX(12px);
}

.products-category-shop-two__tabs .swiper-scrollbar-drag {
  background-color: #d4242e;
}

.products-category-shop-two__tabs .swiper.has-items {
  -webkit-mask-image: linear-gradient(180deg, #d9d9d9 0%, #868686 83.49%, rgba(115, 115, 115, 0) 95.28%);
  mask-image        : linear-gradient(180deg, #d9d9d9 0%, #868686 83.49%, rgba(115, 115, 115, 0) 95.28%);
}

.products-category-shop-two__tabs__item {
  background-image: linear-gradient(90deg, rgba(248, 249, 251, 0) 0%, #f8f9fb 18.41%, #f8f9fb 100%);
  padding         : 16px 31px 17px 22px;
  color           : #000;
}

.products-category-shop-two__tabs__item::before {
  background-image: linear-gradient(90deg, #d4242e 0%, #ad141c 23.17%, #d4242e 43.41%, #ad141c 67.54%, #d4242e 81.46%, #ad141c 96.93%);
  opacity         : 0;
  z-index         : -1;
}

.products-category-shop-two__tabs__item i {
  color: #292d32;
}

.products-category-shop-two__tabs__item.active,
.products-category-shop-two__tabs__item.active i {
  color: #fff;
}

.products-category-shop-two__tabs__item.active::before {
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .products-category-shop-two .col-tabs {
    max-width: 280px;
  }

  .products-category-shop-two .col-products {
    max-width: calc(100% - 280px);
  }
}

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

  .products-category-shop-two .col-tabs,
  .products-category-shop-two .col-products {
    max-width: 100%;
  }

  .products-category-shop-two__tabs .swiper-slide {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .products-category-shop-two__tabs__item {
    padding      : 12px 16px;
    border-radius: 15px;
  }

  .products-category-shop-two__tabs__item i {
    font-size: 20px;
  }

  .products-category-shop-two__tabs__item svg {
    width: 20px;
  }
}

.banner-shop-two__item {
  height: 256px;
}

.banner-shop-two__item .content.right {
  right: 71px;
}

.banner-shop-two__item .content.left {
  left: 86px;
}

.banner-shop-two__item .content .btn {
  padding: 8px 20px;
}

.banner-shop-two__item.lg {
  height: auto;
}

.banner-shop-two__item.lg .content {
  padding: 73px 220px 39px;
}

.banner-shop-two__item.lg img.left {
  left: 160px;
}

@media only screen and (max-width: 1199px) {
  .banner-shop-two__item .content.right {
    right: 48px;
  }

  .banner-shop-two__item .content.left {
    left: 48px;
  }

  .banner-shop-two__item.lg .content {
    padding-right: 80px;
  }

  .banner-shop-two__item.lg img.left {
    left: 64px;
  }
}

@media only screen and (max-width: 991px) {
  .banner-shop-two__item.lg .content {
    padding: 24px 12px;
  }

  .banner-shop-two__item.lg img {
    max-width: 80%;
  }

  .banner-shop-two__item.lg img.left {
    position: relative !important;
    left    : 0;
    margin  : 0 auto;
    display : block;
  }
}

@media only screen and (max-width: 767px) {
  .banner-shop-two__item {
    height: 180px;
  }

  .banner-shop-two__item .content.right {
    right: 32px;
  }

  .banner-shop-two__item .content.left {
    left: 32px;
  }

  .banner-shop-two__item .content .title {
    font-size    : 20px;
    line-height  : 32px;
    margin-bottom: 12px;
  }
}

.products-two-shop-two__wrapper {
  border : 3px solid #ebebeb;
  padding: 24px 38px;
}

.products-two-shop-two__item {
  padding      : 28px 12px 12px;
  border-right : 1px solid #b7b7bb;
  border-bottom: 1px solid #b7b7bb;
}

.products-two-shop-two__item.not-line {
  border-right: 0;
}

.products-two-shop-two__item.not-line-bottom {
  border-bottom: 0;
}

.products-two-shop-two__item img {
  width : 140px;
  height: 140px;
}

.products-two-shop-two__item .title {
  max-height: 48px;
}

.products-two-shop-two__item .title a:hover {
  color: #00cb8e;
}

.products-two-shop-two__item .line {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yXzc2NDYpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMl83NjQ2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTExOTYzIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yXzc2NDYpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMl83NjQ2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTExOTYzIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  width              : 186px;
  height             : 10px;
  max-width          : 100%;
}

.products-two-shop-two__item .price span {
  color: #00cb8e;
}

@media only screen and (max-width: 1399px) {
  .products-two-shop-two__wrapper {
    padding: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .products-two-shop-two__wrapper {
    padding     : 0;
    border-width: 1px;
    overflow    : hidden;
  }

  .products-two-shop-two__item {
    border-bottom: 0;
    border-right : 1px solid #ebebeb;
  }

  .products-two-shop-two__item img {
    width : 120px;
    height: 120px;
  }

  .products-two-shop-two__item .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

.best-products-category-shop-two__box {
  background-color: #f8f9fb;
  padding         : 24px 20px 0;
}

.best-products-category-shop-two__box__heading {
  border : 1px solid #ebebeb;
  padding: 10px 12px;
}

.best-products-category-shop-two__box__heading .btn {
  padding: 11px 14px;
}

.best-products-category-shop-two__box__item {
  background-color: #fff;
  padding         : 16px;
}

.best-products-category-shop-two__box__item .image img {
  width : 113px;
  height: 113px;
}

.best-products-category-shop-two__box__item .detail {
  max-width: calc(100% - 129px);
}

.best-products-category-shop-two__box__item .detail .line {
  width              : 186px;
  max-width          : 100%;
  height             : 12px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yODZfNjU4KSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4Nl82NTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMgNikgc2NhbGUoOTMgOS40NTQxOSkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDQyNDJFIi8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMC4yMSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yODZfNjU4KSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4Nl82NTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMgNikgc2NhbGUoOTMgOS40NTQxOSkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDQyNDJFIi8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMC4yMSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  margin-bottom      : 5px;
}

.best-products-category-shop-two__box__item .detail .title a:hover,
.best-products-category-shop-two__box__item .detail .category:hover {
  color: #00cb8e;
}

.best-products-category-shop-two__box__item .detail .price span {
  color     : #00cb8e;
  word-break: break-all;
}

.best-products-category-shop-two__box__item .detail .add-to-cart .btn {
  width : 38px;
  height: 39px;
}

.best-products-category-shop-two__box .swiper.has-items {
  -webkit-mask-image: linear-gradient(180deg, #f8f9fb 0%, #c8c9ca 89.32%, #c9cacb 91.29%, rgba(147, 148, 149, 0.2) 100%);
  mask-image        : linear-gradient(180deg, #f8f9fb 0%, #c8c9ca 89.32%, #c9cacb 91.29%, rgba(147, 148, 149, 0.2) 100%);
}

@media only screen and (max-width: 1399px) {
  .best-products-category-shop-two__box {
    padding: 20px 16px 0;
  }

  .best-products-category-shop-two__box__item {
    padding: 16px 12px;
  }

  .best-products-category-shop-two__box__item .image img {
    width : 100px;
    height: 100px;
  }

  .best-products-category-shop-two__box__item .detail {
    max-width: calc(100% - 116px);
  }
}

@media only screen and (max-width: 1199px) {
  .best-products-category-shop-two .row {
    margin: 0 -8px;
  }

  .best-products-category-shop-two .row>* {
    padding: 0 8px;
  }

  .best-products-category-shop-two__box__heading .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .best-products-category-shop-two__box {
    overflow: hidden;
    padding : 20px 16px;
  }

  .best-products-category-shop-two__box__item {
    max-width: 340px;
  }

  .best-products-category-shop-two .swiper {
    overflow: visible;
  }

  .best-products-category-shop-two .swiper.has-items {
    -webkit-mask-image: none;
    mask-image        : none;
  }

  .best-products-category-shop-two .swiper-slide {
    width: auto;
  }
}

@media only screen and (max-width: 575px) {
  .best-products-category-shop-two__box__item {
    max-width: 300px;
    gap      : 12px !important;
  }

  .best-products-category-shop-two__box__item .image img {
    width : 90px;
    height: 90px;
  }

  .best-products-category-shop-two__box__item .detail {
    max-width: calc(100% - 102px);
  }
}

.articles-shop-two__item {
  border : 1px solid #ebebeb;
  padding: 20px 16px;
}

.articles-shop-two__item .title a:hover,
.articles-shop-two__item .tags li a:hover {
  color: #00cb8e;
}

.articles-shop-two__item .title {
  max-height: 56px;
}

.articles-shop-two__item p {
  height            : 66px;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.articles-shop-two__item .btn {
  padding: 16px 12px;
}

@media only screen and (max-width: 1199px) {
  .articles-shop-two__item {
    padding: 16px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .articles-shop-two__item {
    padding: 12px;
  }

  .articles-shop-two__item .title {
    font-size  : 14px;
    line-height: 24px;
    max-height : 48px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-shop-two .btn {
    padding: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-shop-two .swiper {
    overflow: visible;
  }
}

.brands-shop-two {
  background-color: #14151b;
  padding         : 28px 0;
  margin          : 72px 0 80px;
}

.brands-shop-two .swiper-wrapper {
  transition-timing-function: linear;
}

.brands-shop-two .swiper-slide {
  width: auto;
}

.brands-shop-two .swiper-slide img {
  width     : auto;
  max-height: 26px;
}

.brands-shop-two .swiper-button {
  padding: 16px 9px;
  left   : 12px;
}

.brands-shop-two .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.brands-shop-two .swiper-button-next,
.brands-shop-two .swiper-button-prev {
  color    : #292d32;
  transform: unset;
}

.brands-shop-two .swiper-button-next::after,
.brands-shop-two .swiper-button-prev::after {
  content: none;
}

@media only screen and (max-width: 767px) {
  .brands-shop-two .swiper-button {
    top      : auto !important;
    left     : 50%;
    transform: translate(-50%, 9px);
    padding  : 12px 16px;
  }
}

.footer-shop-two {
  padding-top: 95px;
}

.footer-shop-two::before {
  max-width          : 1440px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE0NDAgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFIMzYwSDUzNi42MDFDNTM4Ljg1MSAxIDU0MS4wODUgMS4zNzk2MSA1NDMuMjA4IDIuMTIyODNMNjIyLjUwNiAyOS44NzcyQzYyNC42MyAzMC42MjA0IDYyNi44NjMgMzEgNjI5LjExMyAzMUg3MjBIODA2Ljc1NEM4MDguOTA0IDMxIDgxMS4wNCAzMC42NTM0IDgxMy4wNzkgMjkuOTczN0w4OTYuOTIxIDIuMDI2MzNDODk4Ljk2IDEuMzQ2NTYgOTAxLjA5NiAxIDkwMy4yNDYgMUgxMDgwSDE0NDAiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzExMV84NTMyKSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzExMV84NTMyIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDcyMCAxNikgc2NhbGUoNzIwIDU3LjU2MzEpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMxMzA3IiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE0NDAgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFIMzYwSDUzNi42MDFDNTM4Ljg1MSAxIDU0MS4wODUgMS4zNzk2MSA1NDMuMjA4IDIuMTIyODNMNjIyLjUwNiAyOS44NzcyQzYyNC42MyAzMC42MjA0IDYyNi44NjMgMzEgNjI5LjExMyAzMUg3MjBIODA2Ljc1NEM4MDguOTA0IDMxIDgxMS4wNCAzMC42NTM0IDgxMy4wNzkgMjkuOTczN0w4OTYuOTIxIDIuMDI2MzNDODk4Ljk2IDEuMzQ2NTYgOTAxLjA5NiAxIDkwMy4yNDYgMUgxMDgwSDE0NDAiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzExMV84NTMyKSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzExMV84NTMyIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDcyMCAxNikgc2NhbGUoNzIwIDU3LjU2MzEpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMxMzA3IiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  height             : 30px;
  background-color   : #d4242e;
  transform          : translateX(-50%);
}

.footer-shop-two__total-info {
  padding-bottom: 46px;
  margin-bottom : 42px;
  border-bottom : 1px solid #ebebeb;
}

.footer-shop-two__total-info__item .title {
  color: #5f7086;
}

.footer-shop-two__titr {
  color: #040414;
}

.footer-shop-two__nav {
  row-gap: 8px;
  margin : 0 -4px;
}

.footer-shop-two__nav li {
  padding: 0 4px;
  flex   : 1 0 50%;
}

.footer-shop-two__nav li a:hover {
  color: #d4242e;
}

.footer-shop-two__contact .number {
  gap: 20px;
}

.footer-shop-two__logo__description {
  gap: 12px;
}

.footer-shop-two__logo {
  background-color: #d4242e;
  border-radius   : 0 60px 60px 0;
  padding         : 24px 47px 21px 36px;
}

.footer-shop-two__description {
  border       : 1px solid #ebebeb;
  padding      : 18px 21px 13px 60px;
  border-radius: 60px 0 0 60px;
}

.footer-shop-two__news-letter form {
  max-width: 360px;
}

.footer-shop-two__news-letter form .icon {
  right: 18px;
}

.footer-shop-two__news-letter form .form-control {
  height : 75px;
  border : 1px solid #ebebeb;
  padding: 0 56px 0 154px;
}

.footer-shop-two__news-letter form .form-control:focus {
  box-shadow  : 0 0 0 4px rgba(212, 36, 46, 0.2);
  border-color: #d4242e;
}

.footer-shop-two__news-letter form .btn {
  left   : 13px;
  padding: 14px 19px;
}

.footer-shop-two__download-app {
  background-color: #14151b;
  padding         : 28px 56px;
}

.footer-shop-two__download-app .right .sub-title {
  color: rgba(255, 255, 255, 0.68);
}

.footer-shop-two__download-app .swiper {
  max-width: 50%;
}

.footer-shop-two__download-app .swiper a {
  height: 48px;
}

.footer-shop-two__download-app .swiper a,
.footer-shop-two__download-app .swiper img {
  max-height: 48px;
}

.footer-shop-two__download-app .swiper-button {
  padding  : 16px 9px;
  transform: translate(-15px, -50%);
}

.footer-shop-two__download-app .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.footer-shop-two__download-app .swiper-button-next,
.footer-shop-two__download-app .swiper-button-prev {
  color: #292d32;
}

.footer-shop-two__download-app .swiper-button-next::after,
.footer-shop-two__download-app .swiper-button-prev::after {
  content: none;
}

.footer-shop-two__copyright-socials {
  padding-top: 29px;
  border-top : 1px solid #ebebeb;
}

.footer-shop-two__socials {
  gap: 12px;
}

@media only screen and (max-width: 1199px) {
  .footer-shop-two__nav li a {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-shop-two__news-letter .text .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__news-letter .text .sub-title {
    font-size  : 12px;
    line-height: 20px;
  }

  .footer-shop-two__news-letter form {
    max-width: 320px;
  }

  .footer-shop-two__news-letter form .icon {
    right: 12px;
  }

  .footer-shop-two__news-letter form .form-control {
    font-size: 14px;
    padding  : 0 44px 0 140px;
  }

  .footer-shop-two__news-letter form .btn {
    padding: 14px 16px;
  }

  .footer-shop-two__download-app {
    padding: 28px 32px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-shop-two {
    padding-top: 64px;
  }

  .footer-shop-two__logo__description {
    gap   : 0;
    margin: 40px 0;
  }

  .footer-shop-two__logo {
    width        : 100%;
    border-radius: 32px 32px 0 0;
    padding      : 24px 12px;
  }

  .footer-shop-two__description {
    border-radius: 0 0 32px 32px;
    border-top   : 0;
    padding      : 16px;
  }

  .footer-shop-two__news-letter form {
    max-width: 400px;
  }

  .footer-shop-two__download-app {
    margin: 40px 0;
  }

  .footer-shop-two__download-app .swiper {
    max-width: 100%;
  }

  .footer-shop-two__download-app .swiper-button {
    top      : auto !important;
    bottom   : 0;
    left     : 50% !important;
    transform: translate(-50%, 20px);
    padding  : 12px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-shop-two__total-info {
    margin-bottom : 24px;
    padding-bottom: 24px;
  }

  .footer-shop-two__total-info__item .count {
    font-size  : 20px;
    line-height: 32px;
  }

  .footer-shop-two__total-info__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .footer-shop-two__total-info__item .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-shop-two__contact .text {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__contact .text span {
    font-size  : 14px;
    line-height: 22px;
  }

  .footer-shop-two__news-letter form {
    max-width: 100%;
  }

  .footer-shop-two__download-app {
    padding: 24px 24px 32px;
  }

  .footer-shop-two__download-app .right svg {
    width : 40px;
    height: 40px;
  }

  .footer-shop-two__download-app .right .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__download-app .right .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

.story-shop {
  margin: 40px 0;
}

.story-shop .swiper-slide {
  width: auto;
}

@media only screen and (max-width: 575px) {
  .story-shop .swiper {
    overflow: visible;
  }
}

.story-shop__item {
  width: 84px;
}

.story-shop__item .image {
  background-image: linear-gradient(315deg, #e03d96, #7d4c9e);
  padding         : 2px;
  width           : 84px;
  height          : 84px;
}

.story-shop__item .image span {
  background-color: #fff;
  width           : 80px;
  height          : 80px;
}

.story-shop__item .image span img {
  width : 74px;
  height: 74px;
}

.modal-story-shop {
  background-color: rgba(0, 0, 0, 0.5);
  display         : block;
  opacity         : 0;
  visibility      : hidden;
}

.modal-story-shop.show {
  opacity   : 1;
  visibility: visible;
}

.modal-story-shop .modal-dialog {
  max-width: 360px;
  height   : calc(100% - 3.5rem);
}

.modal-story-shop .modal-content {
  background-color: transparent;
  border          : 0;
  border-radius   : 0;
}

.modal-story-shop .modal-body {
  padding: 0;
}

.modal-story-shop .modal-content,
.modal-story-shop .modal-body {
  height    : 100%;
  max-height: 720px;
}

.modal-story-shop .swiper-button-next,
.modal-story-shop .swiper-button-prev {
  width : 42px;
  height: 42px;
}

.modal-story-shop .swiper-button-next::after,
.modal-story-shop .swiper-button-prev::after {
  content: none;
}

.modal-story-shop .swiper-button-next {
  transform: translate(-102px, -50%);
}

.modal-story-shop .swiper-button-prev {
  transform: translate(102px, -50%);
}

.modal-story-shop .swiper-button-lock,
.modal-story-shop .swiper-button-disabled {
  opacity   : 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .modal-story-shop .modal-dialog {
    max-width : 100%;
    height    : 100%;
    min-height: 100%;
    margin    : 0;
  }

  .modal-story-shop .modal-content,
  .modal-story-shop .modal-body {
    max-height: 100%;
  }
}

.story-shop__story .heading {
  padding: 16px 20px 0;
  gap    : 20px;
  z-index: 20;
}

.story-shop__story .heading::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 80px;
  background-image: linear-gradient(0deg, rgba(12, 12, 12, 0) 0, rgba(12, 12, 12, 0.6) 100%);
  z-index         : -1;
}

.story-shop__story .heading .btn-follow {
  padding: 8px 12px;
}

.story-shop__story .video {
  max-height: calc(100% - 80px);
}

.story-shop__story .video .content__text,
.story-shop__story .video .icons {
  bottom : 40px;
  z-index: 20;
}

.story-shop__story .video .content__text {
  right  : 0;
  bottom : 0;
  left   : 0;
  padding: 0 20px 40px 56px;
}

.story-shop__story .video .content__text::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  min-height      : 170px;
  background-image: linear-gradient(180deg, rgba(12, 12, 12, 0), #0c0c0c);
  z-index         : -1;
}

.story-shop__story .video .content__text .description:not(.show) {
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height        : 60px;
}

.story-shop__story .video .icons {
  left: 20px;
}

.story-shop__story .video video {
  width : 100%;
  height: 100%;
}

.story-shop__story .video__box {
  position: relative;
}

.story-shop__story .video__box::before {
  content    : "\e9e8";
  font-family: "icomoon";
  font-size  : 56px;
  line-height: 1;
  color      : #fff;
  position   : absolute;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  transition : all 0.3s ease-in-out;
  overflow   : 0;
  visibility : hidden;
  z-index    : 4;
}

.story-shop__story .video__box.muted::before {
  opacity   : 1;
  visibility: visible;
}

.story-shop__story .video__box__control-bar {
  z-index: 30;
}

.story-shop__story .video__box__control-bar__current-time {
  min-width: 34px;
}

.story-shop__story .video__box__control-bar__progress {
  height: 6px;
}

.story-shop__story .video__box__control-bar__progress span::before {
  content         : "";
  position        : absolute;
  top             : 0;
  right           : 0;
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  background-color: #fff;
  transform       : translate(6px, -6px);
}

.story-shop__story .bottom {
  position: relative;
  z-index : 2;
}

.story-shop__story .bottom::before {
  content  : "";
  position : absolute;
  top      : 0;
  left     : 50%;
  width    : 100vw;
  height   : 100%;
  transform: translateX(-50%);
  z-index  : -1;
}

.story-shop__story .products {
  background-color: #0c0c0c;
}

.story-shop__story .products .swiper-slide {
  width: auto;
}

.story-shop__story__product {
  width  : 240px;
  padding: 2px 2px 2px 10px;
}

.story-shop__story__product img {
  width : 60px;
  height: 60px;
}

.story-shop__story__product .title {
  max-width: calc(100% - 64px);
}

.modal-comments-story {
  z-index: 10010;
}

.modal-comments-story .modal-dialog {
  max-width: 540px;
}

.modal-comments-story .modal-content {
  border-radius: 8px;
  border       : 0;
}

.modal-comments-story .modal-header {
  padding      : 20px 0;
  margin       : 0 20px;
  border-bottom: 1px solid #e0e0e2;
}

.modal-comments-story .modal-body {
  padding: 0;
}

.modal-comments-story .comments-story {
  padding        : 20px;
  overflow-y     : auto;
  min-height     : 320px;
  height         : 100%;
  max-height     : calc(100vh - 210px);
  scrollbar-width: 4px;
  scrollbar-color: #eb0404 rgba(255, 255, 255, 0);
}

.modal-comments-story .comments-story::-webkit-scrollbar {
  width           : 4px;
  background-color: rgba(255, 255, 255, 0);
}

.modal-comments-story .comments-story::-webkit-scrollbar-thumb {
  background-color: #eb0404;
}

.modal-comments-story .comments-story__item .content .info img {
  width : 20px;
  height: 20px;
}

.modal-comments-story .comments-story__item .content .info>span {
  width           : 6px;
  height          : 6px;
  background-color: #e0e0e2;
}

.modal-comments-story .comments-story__item .reply {
  margin-right : 12px;
  padding-right: 16px;
  border-right : 1px solid #19bfd3;
}

.modal-comments-story .empty-comments-story {
  padding: 76px 20px;
}

.modal-comments-story .send-comment-story {
  padding: 16px 20px;
}

.modal-comments-story .send-comment-story__form img {
  right : 12px;
  width : 24px;
  height: 24px;
}

.modal-comments-story .send-comment-story__form .form-control {
  background-color: #f0f0f1;
  border-radius   : 16px;
  padding         : 0 44px 0 40px;
  font-size       : 13px;
  color           : #62666d;
  font-weight     : 400;
}

.modal-comments-story .send-comment-story__form button {
  left : 12px;
  color: #19bfd3;
}

@media only screen and (max-width: 991px) {
  .modal-comments-story .modal-dialog {
    max-width: 100%;
  }

  .modal-comments-story .modal-header {
    margin: 0 12px;
  }

  .modal-comments-story .modal-body {
    height: 100%;
  }

  .modal-comments-story .comments-story {
    max-height: calc(100% - 147px);
    padding   : 20px 12px;
  }

  .modal-comments-story .send-comment-story {
    padding: 12px;
  }
}

.modal-product-story .modal-dialog {
  max-width: 500px;
}

.modal-product-story .modal-content {
  border-radius: 8px;
  border       : 0;
}

.modal-product-story .modal-header {
  padding      : 16px 0;
  margin       : 0 20px;
  border-bottom: 1px solid #e0e0e2;
}

.modal-product-story .modal-body {
  padding: 0;
}

.modal-product-story .product-story {
  padding        : 16px 20px;
  max-height     : calc(100vh - 200px);
  min-height     : 400px;
  height         : 100%;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #eb0404 rgba(255, 255, 255, 0);
}

.modal-product-story .product-story::-webkit-scrollbar {
  width           : 4px;
  background-color: rgba(255, 255, 255, 0);
}

.modal-product-story .product-story::-webkit-scrollbar-thumb {
  background-color: #eb0404;
}

.modal-product-story .product-story img {
  width     : auto;
  max-height: 250px;
}

.modal-product-story .product-story .title {
  background-color: #fef5f7;
  padding         : 20px 20px 20px 8px;
}

.modal-product-story .product-story .rate__buy {
  color: #c0c2c5;
}

.modal-product-story .product-story .rate .dot {
  width           : 4px;
  height          : 4px;
  background-color: #e0e0e2;
}

.modal-product-story .product-story .color__item {
  padding         : 3px;
  background-color: #19bfd3;
}

.modal-product-story .product-story .color__item span {
  border          : 2px solid #fff;
  background-color: #212121;
  width           : 32px;
  height          : 32px;
}

.modal-product-story .product-story .color__item span::before {
  content    : "\e9e6";
  font-family: "icomoon";
  font-size  : 24px;
  line-height: 1;
  font-weight: 300;
  color      : #fff;
}

.modal-product-story .product-story .btn {
  padding: 10px 16px;
}

.modal-product-story .bottom {
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 2px rgba(0, 0, 0, 0.05);
  padding   : 16px 20px;
}

.modal-product-story .bottom .btn {
  padding: 11px 16px;
}

.modal-product-story .bottom .off del {
  color: #c0c2c5;
}

.modal-product-story .bottom .off span {
  min-width       : 34px;
  padding         : 0 4px;
  background-color: #d32f2f;
}

.modal-product-story .bottom .price {
  color: #23254e;
}

@media only screen and (max-width: 991px) {
  .modal-product-story .modal-body {
    display       : flex;
    flex-direction: column;
    height        : calc(100% - 58px);
  }

  .modal-product-story .product-story {
    max-height: none;
    min-height: auto;
    height    : auto;
  }
}

.modal-search .modal-dialog {
  max-width: 640px;
}

.modal-search .modal-content {
  border-radius: 10px;
  border       : 0;
  overflow     : hidden;
}

.modal-search .modal-body {
  padding: 0;
}

.modal-search .top-header-shop-two__search {
  max-width  : 100%;
  padding-top: 24px;
  height     : 100%;
}

.modal-search .top-header-shop-two__search__form .form-control {
  background-color: #f3f6f4;
}

.modal-search .top-header-shop-two__search,
.modal-search .top-header-shop-two__search__box {
  display       : flex;
  flex-direction: column;
}

.modal-search .top-header-shop-two__search__box {
  opacity    : 1;
  visibility : visible;
  position   : relative !important;
  transform  : unset;
  right      : 0;
  left       : 0;
  width      : 100%;
  padding-top: 23px;
  flex       : 1 0 auto;
}

.modal-search .top-header-shop-two__search__box__products {
  margin-bottom: auto;
}

@media only screen and (max-width: 991px) {
  .modal-search .modal-body {
    height: 100%;
  }

  .modal-search .top-header-shop-two__search__box {
    overflow-y: auto !important;
    height    : calc(100% - 100px);
  }
}

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

  .modal-search .top-header-shop-two__search__box__title,
  .modal-search .top-header-shop-two__search__box .results__items,
  .modal-search .top-header-shop-two__search__box__products {
    padding: 0 16px;
  }

  .modal-search .top-header-shop-two__search__box__product {
    padding: 2px 16px;
  }
}

.search-mobile-shop-two .form-control {
  background-color: #f3f6f4;
}

.modal-auth .modal-dialog {
  max-width: 438px;
}

.modal-auth .modal-content {
  border       : 0;
  border-radius: 45px;
}

.modal-auth .modal-content::before {
  content                : "";
  position               : absolute;
  right                  : 68px;
  bottom                 : 0;
  left                   : 68px;
  height                 : 160px;
  background-color       : rgba(255, 255, 255, 0.1);
  border                 : 1px solid #fff;
  border-radius          : 38px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter        : blur(24px);
  z-index                : -1;
  transform              : translateY(29px);
}

.modal-auth .modal-content::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  width           : 86px;
  height          : 33px;
  background-color: #9eef79;
  box-shadow      : 0px 14px 24px rgba(158, 239, 121, 0.25);
  border-radius   : 40px;
  transform       : translate(-50%, 46px);
  z-index         : -2;
}

.modal-auth .modal-body {
  padding: 40px 40px 46px;
}

.modal-auth .modal-close {
  top    : 24px;
  left   : 24px;
  z-index: 30;
}

.modal-auth .auth-modal::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  transform       : translate(-50%, 23px);
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  border-radius   : 4px;
}

.modal-auth .auth-modal .image {
  border: 4px solid rgba(238, 238, 238, 0.5);
  width : 170px;
  height: 170px;
}

.modal-auth .auth-modal .image::before {
  background-image: var(--wpr-bg-ee2fbfb4-7f68-4a3e-919e-471bb6b88467);
  width           : 327px;
  height          : 143px;
  transform       : translate(-50%, -37px);
  z-index         : -1;
}

.modal-auth .auth-modal .image::after {
  background-image: var(--wpr-bg-922f4618-8c9a-4d76-8726-3f8d31c43428);
  width           : 373px;
  height          : 161px;
  transform       : translate(-50%, -12px);
  z-index         : -1;
}

.modal-auth .auth-modal .image img {
  width : 134px;
  height: 134px;
}

.modal-auth .auth-modal .tabs::after {
  top             : 100%;
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  transform       : translate(-50%, 15px);
}

.modal-auth .auth-modal .tabs li {
  padding: 15px 12px;
  flex   : 1 0 auto;
}

.modal-auth .auth-modal .tabs li.active {
  background-color: #9eef79;
  border-color    : #9eef79;
  color           : #000;
}

.modal-auth .auth-modal .tabs li.active svg .cr-1 {
  color: rgba(4, 4, 20, 0.2);
}

.modal-auth .auth-modal .tabs li.active svg .cr-2 {
  color: #000;
}

.modal-auth .auth-modal .form-group .icon svg {
  width : 20px;
  height: 20px;
}

.modal-auth .auth-modal .form-group .form-control {
  height: 64px;
}

@media only screen and (max-width: 991px) {
  .modal-auth .modal-content {
    overflow-y: auto;
  }

  .modal-auth .modal-content::before,
  .modal-auth .modal-content::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .modal-auth .modal-body {
    padding: 32px 20px;
  }
}

.search-mobile-shop .form-control {
  background-color: #F8F9FB;
  height          : 50px;
  padding         : 0 24px 0 60px;
}

.search-mobile-shop button {
  left            : 8px;
  background-color: #fff;
  width           : 40px;
  height          : 40px;
}

.icon-speaker-muted:before {
  content: "\e9e8";
}

.icon-toman-3:before {
  content: "\e9e7";
}

.icon-check:before {
  content: "\e9e6";
}

.icon-send-3:before {
  content: "\e9e5";
}

.icon-close:before {
  content: "\e9e4";
}

.icon-arrow-right-7:before {
  content: "\e9e0";
}

.icon-comment:before {
  content: "\e9e1";
}

.icon-heart-5:before {
  content: "\e9e2";
}

.icon-heart-5-fill:before {
  content: "\e9e3";
}

.icon-angle-left-5:before {
  content: "\e9de";
}

.icon-angle-right-5:before {
  content: "\e9df";
}

@media only screen and (max-width: 991px) {
  .modal-mobile {
    z-index: 10012;
  }

  .modal-mobile .modal-dialog {
    max-width: 100% !important;
  }

  .modal-mobile .modal-content {
    border-radius: 8px 8px 0 0 !important;
  }
}

.text-danger-8 {
  color: #eb0404;
}

.text-danger-9 {
  color: #d4242e;
}

.text-dark-15 {
  color: #14151b;
}

.text-gray-13 {
  color: #5f7086;
}

.btn-success-6 {
  background-color: #00cb8e;
  color           : #fff;
}

.btn-success-6:hover {
  background-color: #14151b;
  color           : #fff;
}

.btn-dark-4 {
  background-color: #14151b;
  color           : #fff;
}

.btn-dark-4:hover {
  background-color: #eb0404;
  color           : #fff;
}

.btn-dark-5 {
  background-color: #393939;
  color           : #fff;
}

.btn-dark-5:hover {
  background-color: #eb0404;
  color           : #fff;
}

.btn-gray-4 {
  background-color: #a4a8ba;
  color           : #fff;
}

.btn-gray-4:hover {
  background-color: #14151b;
  color           : #fff;
}

.btn-danger-7 {
  background-color: #ef4056;
  color           : #fff;
}

.btn-danger-7:hover {
  background-color: #ec1a35;
  color           : #fff;
}

.btn-outline-danger-7 {
  border: 1px solid #ef4056;
  color : #ef4056;
}

.btn-outline-danger-7:hover {
  background-color: #ef4056;
  color           : #fff;
}

.bg-right {
  background-position: right;
}

.bg-left {
  background-position: left;
}

.product-five {
  background-color: #fff;
  box-shadow      : 110px 47px 113px -3px rgba(0, 0, 0, 0.02);
  padding         : 14px 12px 22px;
}

.product-five .image::before,
.product-five .image::after {
  content              : "";
  position             : absolute;
  bottom               : 0;
  left                 : 50%;
  -webkit-mask-image   : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF85MzZfNDQpIiBzdHlsZT0iIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTM2XzQ0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3Atb3BhY2l0eT0iMC4yMSIgc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjAuMjE7Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  mask-image           : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF85MzZfNDQpIiBzdHlsZT0iIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfOTM2XzQ0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3Atb3BhY2l0eT0iMC4yMSIgc3R5bGU9InN0b3AtY29sb3I6YmxhY2s7c3RvcC1vcGFjaXR5OjAuMjE7Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpub25lO3N0b3Atb3BhY2l0eTowOyIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  -webkit-mask-position: center center;
  mask-position        : center center;
  -webkit-mask-size    : cover;
  mask-size            : cover;
  -webkit-mask-repeat  : no-repeat;
  mask-repeat          : no-repeat;
  width                : 186px;
  height               : 12px;
  opacity              : 0.1;
  z-index              : 1;
}

.product-five .image::before {
  background-color: #d4242e;
  transform       : translate(-50%, 7px);
}

.product-five .image::after {
  background-color: #000;
  transform       : translate(-50%, 6px);
}

.product-five .image>a::before {
  content            : "";
  position           : absolute;
  pointer-events     : none;
  width              : 31px;
  height             : 16px;
  bottom             : 0;
  left               : 50%;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM1MjMgMC41QzMwLjcxIDAuNSAzMS4wMDE0IDAuNzkwMjI1IDMwLjk4NjUgMS4xNDc2M0MzMC44MjQ2IDUuMDIzMDQgMjkuMjE0IDguNzA2MzUgMjYuNDYwMiAxMS40NjAyQzIzLjU1MzMgMTQuMzY3IDE5LjYxMDkgMTYgMTUuNSAxNkMxMS4zODkxIDE2IDcuNDQ2NjYgMTQuMzY3IDQuNTM5ODUgMTEuNDYwMkMxLjc4NjA0IDguNzA2MzUgMC4xNzU0NDkgNS4wMjMwNCAwLjAxMzUyMTggMS4xNDc2NEMtMC4wMDE0MTE4OSAwLjc5MDIyNyAwLjI4OTk5MSAwLjUwMDAwMiAwLjY0NzcxMiAwLjUwMDAwMkMxLjAwNTQzIDAuNTAwMDAyIDEuMjkzODggMC43OTAyMTEgMS4zMTAxOCAxLjE0NzU2QzEuNDcxMjIgNC42NzkyNSAyLjk0NSA4LjAzMzMgNS40NTU4NSAxMC41NDQyQzguMTE5NzIgMTMuMjA4IDExLjczMjcgMTQuNzA0NiAxNS41IDE0LjcwNDZDMTkuMjY3MyAxNC43MDQ2IDIyLjg4MDMgMTMuMjA4IDI1LjU0NDIgMTAuNTQ0MkMyOC4wNTUgOC4wMzMzIDI5LjUyODggNC42NzkyNSAyOS42ODk4IDEuMTQ3NTZDMjkuNzA2MSAwLjc5MDIxIDI5Ljk5NDYgMC41IDMwLjM1MjMgMC41WiIgZmlsbD0iI0Q0MjQyRSIvPgo8L3N2Zz4K) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM1MjMgMC41QzMwLjcxIDAuNSAzMS4wMDE0IDAuNzkwMjI1IDMwLjk4NjUgMS4xNDc2M0MzMC44MjQ2IDUuMDIzMDQgMjkuMjE0IDguNzA2MzUgMjYuNDYwMiAxMS40NjAyQzIzLjU1MzMgMTQuMzY3IDE5LjYxMDkgMTYgMTUuNSAxNkMxMS4zODkxIDE2IDcuNDQ2NjYgMTQuMzY3IDQuNTM5ODUgMTEuNDYwMkMxLjc4NjA0IDguNzA2MzUgMC4xNzU0NDkgNS4wMjMwNCAwLjAxMzUyMTggMS4xNDc2NEMtMC4wMDE0MTE4OSAwLjc5MDIyNyAwLjI4OTk5MSAwLjUwMDAwMiAwLjY0NzcxMiAwLjUwMDAwMkMxLjAwNTQzIDAuNTAwMDAyIDEuMjkzODggMC43OTAyMTEgMS4zMTAxOCAxLjE0NzU2QzEuNDcxMjIgNC42NzkyNSAyLjk0NSA4LjAzMzMgNS40NTU4NSAxMC41NDQyQzguMTE5NzIgMTMuMjA4IDExLjczMjcgMTQuNzA0NiAxNS41IDE0LjcwNDZDMTkuMjY3MyAxNC43MDQ2IDIyLjg4MDMgMTMuMjA4IDI1LjU0NDIgMTAuNTQ0MkMyOC4wNTUgOC4wMzMzIDI5LjUyODggNC42NzkyNSAyOS42ODk4IDEuMTQ3NTZDMjkuNzA2MSAwLjc5MDIxIDI5Ljk5NDYgMC41IDMwLjM1MjMgMC41WiIgZmlsbD0iI0Q0MjQyRSIvPgo8L3N2Zz4K) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  transform          : translate(-50%, 3px);
  z-index            : 1;
}

.product-five .image img {
  width        : 159px;
  height       : 159px;
  -o-object-fit: contain;
  object-fit   : contain;
  margin-bottom: 20px;
}

.product-five .image .discount {
  bottom   : 13px;
  min-width: 137px;
}

.product-five .image .discount .time {
  gap    : 6px;
  padding: 7px 12px;
}

.product-five .image .discount .time::before {
  background-color       : rgba(212, 36, 46, 0.65);
  -webkit-backdrop-filter: blur(14);
  backdrop-filter        : blur(14);
  z-index                : -1;
}

.product-five .image .icon {
  transform: translate(8px, -11px);
  z-index  : 3;
}

.product-five .title:hover,
.product-five .category:hover {
  color: #00cb8e;
}

.product-five .title {
  max-height: 48px;
}

.product-five .category-rate {
  border-bottom : 1px solid #ebebeb;
  padding-bottom: 16px;
}

.product-five .price .toman {
  transform: scale(-1);
}

.product-five .price .toman:not(.writing-mode) {
  transform: scale(1);
}

.product-five .price del,
.product-five .price span {
  word-break: break-all;
}

.product-five .btn-add-to-cart {
  width : 38px;
  height: 38px;
}

@media only screen and (max-width: 767px) {
  .product-five {
    padding: 20px 8px;
  }

  .product-five .image img {
    width : 120px;
    height: 120px;
  }

  .product-five .image .time {
    font-size  : 12px;
    line-height: 18px;
    gap        : 4px;
    padding    : 6px 8px;
  }

  .product-five .title {
    font-size  : 12px;
    line-height: 20px;
    max-height : 40px;
  }
}

.top-header-shop-two {
  padding: 60px 0 0;
}

.top-header-shop-two__wrapper {
  padding-bottom: 29px;
  border-bottom : 1px solid #f4f7fe;
}

.top-header-shop-two__wrapper::before {
  width           : 71px;
  height          : 3px;
  border-radius   : 20px;
  background-color: #d4242e;
}

.top-header-shop-two__wrapper::after {
  width           : 3px;
  height          : 4px;
  background-color: #fff;
  right           : 71px;
}

.top-header-shop-two__discount {
  margin: 0 32px 0;
}

.top-header-shop-two__discount .off {
  width           : 42px;
  height          : 26px;
  background-color: #eb0404;
  border-radius   : 18px 18px 0;
}

.top-header-shop-two__search {
  max-width  : 576px;
  margin-left: 32px;
  z-index    : 1000;
}

.top-header-shop-two__search__form .form-control {
  background-color: rgba(248, 249, 251, 0.4);
  border-color    : rgba(248, 249, 251, 0.4);
  height          : 52px;
  padding         : 0 24px 0 44px;
}

.top-header-shop-two__search__form .form-control:focus {
  background-color: #fff;
  border          : 1px solid #eb0404;
  box-shadow      : 0 0 0 4px rgba(235, 4, 4, 0.2);
}

.top-header-shop-two__search__form button {
  left: 17px;
}

.top-header-shop-two__search__box {
  background-color: #fff;
  padding         : 90px 8px 0;
  transform       : translateY(-9px);
  right           : -8px;
  left            : -8px;
  opacity         : 0;
  visibility      : hidden;
  z-index         : -1;
}

.top-header-shop-two__search__box__title {
  color        : #14151b;
  padding-right: 25px;
}

.top-header-shop-two__search__box__title .icon svg {
  width : 24px;
  height: 24px;
}

.top-header-shop-two__search__box__title .line {
  background-color: rgba(164, 168, 186, 0.3);
  width           : 26px;
  height          : 1px;
}

.top-header-shop-two__search__box .results.has-scrollbar::after {
  content         : "";
  position        : absolute;
  right           : 6px;
  bottom          : 0;
  left            : 0;
  height          : 64px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
  z-index         : 2;
}

.top-header-shop-two__search__box .results__items {
  gap            : 27px;
  padding-right  : 25px;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 #f5f5f5;
  max-height     : 210px;
}

.top-header-shop-two__search__box .results__items::-webkit-scrollbar {
  width           : 4px;
  background-color: #f5f5f5;
}

.top-header-shop-two__search__box .results__items::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.top-header-shop-two__search__box .results__item {
  direction: rtl;
}

.top-header-shop-two__search__box .results__item .title {
  color: #14151b;
}

.top-header-shop-two__search__box .results__item .title .icon svg {
  width : 20px;
  height: 20px;
}

.top-header-shop-two__search__box .results__item .category .dot {
  width           : 4px;
  height          : 4px;
  background-color: #019279;
  z-index         : 2;
}

.top-header-shop-two__search__box .results__item .category .dot::before {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 50%;
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  background-color: rgba(1, 146, 121, 0.1);
  animation       : scalw__dot 1s linear infinite alternate;
  z-index         : -1;
}

@keyframes scalw__dot {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(2);
  }
}

.top-header-shop-two__search__box__products {
  padding: 0 25px;
}

.top-header-shop-two__search__box__products .swiper-slide {
  width: auto;
}

.top-header-shop-two__search__box__product {
  padding: 2px 26px;
  border : 1px solid rgba(0, 0, 0, 0.11);
}

.top-header-shop-two__search__box__product span {
  max-width: 132px;
}

.top-header-shop-two__search__box .btn__more {
  padding         : 26px 33px;
  margin          : 0 -8px;
  background-image: linear-gradient(to right, #b6fdd1, #fbffd6);
}

.top-header-shop-two__search__box .btn__more::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-image: linear-gradient(to left, #b6fdd1, #fbffd6);
  opacity         : 0;
  transition      : all 0.3s ease-in-out;
  z-index         : -1;
}

.top-header-shop-two__search__box .btn__more:hover::before {
  opacity: 1;
}

.top-header-shop-two__search .backdrop {
  width           : 100vw;
  height          : 100vh;
  background-color: rgba(0, 0, 0, 0.15);
  opacity         : 0;
  visibility      : hidden;
  z-index         : -2;
}

.top-header-shop-two__search.opened .top-header-shop-two__search__box,
.top-header-shop-two__search.opened .backdrop {
  opacity   : 1;
  visibility: visible;
}

.top-header-shop-two__select-city {
  border : 1px solid #ebebeb;
  padding: 13px 15px;
}

.top-header-shop-two__cart {
  padding: 15px 8px 15px 13px;
}

.top-header-shop-two__cart span {
  min-width: 19px;
  height   : 22px;
  padding  : 0 4px;
}

.top-header-shop-two__cart span::before {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter        : blur(18px);
  z-index                : -1;
}

.top-header-shop-two__auth {
  padding: 15px 28px;
}

@media only screen and (max-width: 1399px) {
  .top-header-shop-two__discount {
    margin: 0 16px;
  }

  .top-header-shop-two__search {
    margin-left: 16px;
  }

  .top-header-shop-two__select-city {
    padding: 13px 12px;
  }

  .top-header-shop-two__cart {
    margin: 0 8px;
  }

  .top-header-shop-two__auth {
    padding: 15px 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-shop-two__logo img {
    width : auto;
    height: 40px;
  }

  .top-header-shop-two__discount {
    margin: 0 24px;
  }

  .top-header-shop-two__search {
    margin-left: 24px;
  }

  .top-header-shop-two__search__form .form-control {
    padding-right: 12px;
    font-size    : 12px;
  }

  .top-header-shop-two__search__box .btn__more {
    padding: 26px 20px;
  }

  .top-header-shop-two__select-city {
    padding: 13px 12px;
  }

  .top-header-shop-two__auth {
    padding: 15px 16px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-shop-two {
    padding: 24px 0;
  }

  .top-header-shop-two__wrapper {
    padding: 0;
    border : 0;
  }

  .top-header-shop-two__wrapper::before,
  .top-header-shop-two__wrapper::after {
    content: none;
  }

  .top-header-shop-two__auth {
    padding: 0;
    width  : 40px;
    height : 40px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-shop-two__search__box .btn__more {
    padding: 20px 16px;
  }
}

.nav-shop-two__wrapper {
  padding      : 24px 0;
  border-bottom: 1px solid #f4f7fe;
}

.nav-shop-two__menu {
  gap        : 26px;
  margin-left: 12px;
}

.nav-shop-two__menu li a:hover {
  color: #eb0404;
}

.nav-shop-two__contact a:hover {
  color: #14151b;
}

@media only screen and (max-width: 1199px) {
  .nav-shop-two__categories {
    margin-left: 20px;
  }

  .nav-shop-two__menu {
    gap: 16px;
  }

  .nav-shop-two__contact a,
  .nav-shop-two__contact div {
    font-size  : 14px;
    line-height: 22px;
  }
}

.slider-home-show-two__item img {
  height: 440px;
}

.slider-home-show-two__item .content {
  padding: 0 128px;
}

.slider-home-show-two .swiper-button {
  right    : 0;
  bottom   : 24px;
  transform: translateX(13px);
  gap      : 18px;
  padding  : 16px 9px;
}

.slider-home-show-two .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.slider-home-show-two .swiper-button-next,
.slider-home-show-two .swiper-button-prev {
  color    : #292d32;
  transform: unset;
  width    : auto;
  height   : auto;
}

.slider-home-show-two .swiper-button-next::after,
.slider-home-show-two .swiper-button-prev::after {
  content: none;
}

.slider-home-show-two .swiper-pagination {
  gap   : 10px;
  right : 134px;
  bottom: 44px;
  left  : 134px;
}

.slider-home-show-two .swiper-pagination-bullet {
  opacity         : 0.3;
  width           : 85px;
  height          : 4px;
  background-color: #fff;
  margin          : 0 !important;
  border-radius   : 0;
}

.slider-home-show-two .swiper-pagination-bullet-active {
  opacity: 1;
  width  : 162px;
}

@media only screen and (max-width: 1199px) {
  .slider-home-show-two__item .content {
    padding: 0 64px;
  }

  .slider-home-show-two .swiper-pagination {
    right: 64px;
    left : 64px;
  }
}

@media only screen and (max-width: 991px) {
  .slider-home-show-two__item img {
    height: 320px;
  }

  .slider-home-show-two__item .content .title {
    font-size  : 36px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-home-show-two__item img {
    height: 220px;
  }

  .slider-home-show-two__item .content {
    padding: 0 24px;
  }

  .slider-home-show-two__item .content .title {
    font-size    : 24px;
    line-height  : 36px;
    margin-bottom: 16px;
  }

  .slider-home-show-two .swiper-button {
    padding  : 12px 16px;
    right    : auto;
    bottom   : 0;
    left     : 50%;
    transform: translate(-50%, 19.5px);
  }

  .slider-home-show-two .swiper-pagination {
    right : 24px;
    bottom: 12px;
    left  : 24px;
  }

  .slider-home-show-two .swiper-pagination-bullet {
    width: 24px;
  }

  .slider-home-show-two .swiper-pagination-bullet-active {
    width: 48px;
  }
}

.top-categories-shop-two__wrapper {
  border : 2px solid #ebebeb;
  padding: 36px 28px 33px;
}

.top-categories-shop-two__item .image {
  background-color: #e0ab81;
  width           : 54px;
  height          : 54px;
}

.top-categories-shop-two__item .image.popular {
  background-color: #bccafd;
}

.top-categories-shop-two__item .image.gray {
  background-color: #e9e6dc;
}

.top-categories-shop-two__item .image img {
  width : 42px;
  height: 42px;
}

@media only screen and (max-width: 1199px) {
  .top-categories-shop-two__wrapper {
    padding: 36px 20px 33px;
  }
}

@media only screen and (max-width: 767px) {
  .top-categories-shop-two__wrapper {
    padding: 20px 12px;
  }

  .top-categories-shop-two__item .image {
    width      : 44px;
    height     : 44px;
    margin-left: 8px;
  }

  .top-categories-shop-two__item .image img {
    width : 32px;
    height: 32px;
  }

  .top-categories-shop-two__item .title {
    font-size  : 12px;
    line-height: 18px;
  }

  .top-categories-shop-two__item .count {
    font-size  : 10px;
    line-height: 16px;
  }

  .top-categories-shop-two .swiper {
    overflow: visible;
  }
}

.heading-shop-two {
  gap: 12px;
}

.heading-shop-two__btns {
  border : 1px solid #ebebeb;
  padding: 4px 17px 4px 5px;
  gap    : 12px;
}

.heading-shop-two__swiper-buttons {
  gap: 22px;
}

.heading-shop-two__swiper-buttons .swiper-button-next,
.heading-shop-two__swiper-buttons .swiper-button-prev {
  width    : auto;
  height   : auto;
  transform: unset;
}

.heading-shop-two__swiper-buttons .swiper-button-next::after,
.heading-shop-two__swiper-buttons .swiper-button-prev::after {
  content: none;
}

.heading-shop-two__btn {
  padding: 11px 14px;
}

@media only screen and (max-width: 767px) {
  .heading-shop-two__title {
    font-size  : 16px;
    line-height: 25px;
  }

  .heading-shop-two__sub-title {
    font-size  : 12px;
    line-height: 19px;
  }
}

.products-category-shop-two .col-tabs {
  max-width: 336px;
}

.products-category-shop-two .col-products {
  max-width: calc(100% - 336px);
}

.products-category-shop-two__tabs {
  z-index: 2;
}

.products-category-shop-two__tabs .swiper {
  background-color: #fff;
  border-radius   : 12px;
}

.products-category-shop-two__tabs .swiper-scrollbar {
  background-color: #f4f7fe;
  transform       : translateX(12px);
}

.products-category-shop-two__tabs .swiper-scrollbar-drag {
  background-color: #d4242e;
}

.products-category-shop-two__tabs .swiper.has-items {
  -webkit-mask-image: linear-gradient(180deg, #d9d9d9 0%, #868686 83.49%, rgba(115, 115, 115, 0) 95.28%);
  mask-image        : linear-gradient(180deg, #d9d9d9 0%, #868686 83.49%, rgba(115, 115, 115, 0) 95.28%);
}

.products-category-shop-two__tabs__item {
  background-image: linear-gradient(90deg, rgba(248, 249, 251, 0) 0%, #f8f9fb 18.41%, #f8f9fb 100%);
  padding         : 16px 31px 17px 22px;
  color           : #000;
}

.products-category-shop-two__tabs__item::before {
  background-image: linear-gradient(90deg, #d4242e 0%, #ad141c 23.17%, #d4242e 43.41%, #ad141c 67.54%, #d4242e 81.46%, #ad141c 96.93%);
  opacity         : 0;
  z-index         : -1;
}

.products-category-shop-two__tabs__item i {
  color: #292d32;
}

.products-category-shop-two__tabs__item.active,
.products-category-shop-two__tabs__item.active i {
  color: #fff;
}

.products-category-shop-two__tabs__item.active::before {
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .products-category-shop-two .col-tabs {
    max-width: 280px;
  }

  .products-category-shop-two .col-products {
    max-width: calc(100% - 280px);
  }
}

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

  .products-category-shop-two .col-tabs,
  .products-category-shop-two .col-products {
    max-width: 100%;
  }

  .products-category-shop-two__tabs .swiper-slide {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .products-category-shop-two__tabs__item {
    padding      : 12px 16px;
    border-radius: 15px;
  }

  .products-category-shop-two__tabs__item i {
    font-size: 20px;
  }

  .products-category-shop-two__tabs__item svg {
    width: 20px;
  }
}

.banner-shop-two__item {
  height: 256px;
}

.banner-shop-two__item .content.right {
  right: 71px;
}

.banner-shop-two__item .content.left {
  left: 86px;
}

.banner-shop-two__item .content .btn {
  padding: 8px 20px;
}

.banner-shop-two__item.lg {
  height: auto;
}

.banner-shop-two__item.lg .content {
  padding: 73px 220px 39px;
}

.banner-shop-two__item.lg img.left {
  left: 160px;
}

@media only screen and (max-width: 1199px) {
  .banner-shop-two__item .content.right {
    right: 48px;
  }

  .banner-shop-two__item .content.left {
    left: 48px;
  }

  .banner-shop-two__item.lg .content {
    padding-right: 80px;
  }

  .banner-shop-two__item.lg img.left {
    left: 64px;
  }
}

@media only screen and (max-width: 991px) {
  .banner-shop-two__item.lg .content {
    padding: 24px 12px;
  }

  .banner-shop-two__item.lg img {
    max-width: 80%;
  }

  .banner-shop-two__item.lg img.left {
    position: relative !important;
    left    : 0;
    margin  : 0 auto;
    display : block;
  }
}

@media only screen and (max-width: 767px) {
  .banner-shop-two__item {
    height: 180px;
  }

  .banner-shop-two__item .content.right {
    right: 32px;
  }

  .banner-shop-two__item .content.left {
    left: 32px;
  }

  .banner-shop-two__item .content .title {
    font-size    : 20px;
    line-height  : 32px;
    margin-bottom: 12px;
  }
}

.products-two-shop-two__wrapper {
  border : 3px solid #ebebeb;
  padding: 24px 38px;
}

.products-two-shop-two__item {
  padding      : 28px 12px 12px;
  border-right : 1px solid #b7b7bb;
  border-bottom: 1px solid #b7b7bb;
}

.products-two-shop-two__item.not-line {
  border-right: 0;
}

.products-two-shop-two__item.not-line-bottom {
  border-bottom: 0;
}

.products-two-shop-two__item img {
  width : 140px;
  height: 140px;
}

.products-two-shop-two__item .title {
  max-height: 48px;
}

.products-two-shop-two__item .title a:hover {
  color: #00cb8e;
}

.products-two-shop-two__item .line {
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yXzc2NDYpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMl83NjQ2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTExOTYzIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yXzc2NDYpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMl83NjQ2IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDkzIDYpIHNjYWxlKDkzIDkuNDU0MTkpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTExOTYzIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  width              : 186px;
  height             : 10px;
  max-width          : 100%;
}

.products-two-shop-two__item .price span {
  color: #00cb8e;
}

@media only screen and (max-width: 1399px) {
  .products-two-shop-two__wrapper {
    padding: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .products-two-shop-two__wrapper {
    padding     : 0;
    border-width: 1px;
    overflow    : hidden;
  }

  .products-two-shop-two__item {
    border-bottom: 0;
    border-right : 1px solid #ebebeb;
  }

  .products-two-shop-two__item img {
    width : 120px;
    height: 120px;
  }

  .products-two-shop-two__item .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

.best-products-category-shop-two__box {
  background-color: #f8f9fb;
  padding         : 24px 20px 0;
}

.best-products-category-shop-two__box__heading {
  border : 1px solid #ebebeb;
  padding: 10px 12px;
}

.best-products-category-shop-two__box__heading .btn {
  padding: 11px 14px;
}

.best-products-category-shop-two__box__item {
  background-color: #fff;
  padding         : 16px;
}

.best-products-category-shop-two__box__item .image img {
  width : 113px;
  height: 113px;
}

.best-products-category-shop-two__box__item .detail {
  max-width: calc(100% - 129px);
}

.best-products-category-shop-two__box__item .detail .line {
  width              : 186px;
  max-width          : 100%;
  height             : 12px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yODZfNjU4KSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4Nl82NTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMgNikgc2NhbGUoOTMgOS40NTQxOSkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDQyNDJFIi8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMC4yMSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTg2IDEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxSDQ2LjVINjIuMjkwNUM2Ny4wOTE5IDEgNzEuNzIyNiAyLjc4MTY3IDc1LjI4NTcgNlY2Qzc4Ljg0ODkgOS4yMTgzNCA4My40Nzk1IDExIDg4LjI4MDkgMTFIOTNIOTcuMjA2NEMxMDEuOTkzIDExIDEwNi42MiA5LjI4MzQ2IDExMC4yNDkgNi4xNjIwOUwxMTAuNjI2IDUuODM3OTFDMTE0LjI1NSAyLjcxNjU0IDExOC44ODIgMSAxMjMuNjY5IDFIMTM5LjVIMTg2IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbF8yODZfNjU4KSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI4Nl82NTgiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMgNikgc2NhbGUoOTMgOS40NTQxOSkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDQyNDJFIi8+CjxzdG9wIG9mZnNldD0iMC41MTE5NjMiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMC4yMSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNENDI0MkUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  background-color   : #d4242e;
  margin-bottom      : 5px;
}

.best-products-category-shop-two__box__item .detail .title a:hover,
.best-products-category-shop-two__box__item .detail .category:hover {
  color: #00cb8e;
}

.best-products-category-shop-two__box__item .detail .price span {
  color     : #00cb8e;
  word-break: break-all;
}

.best-products-category-shop-two__box__item .detail .add-to-cart .btn {
  width : 38px;
  height: 39px;
}

.best-products-category-shop-two__box .swiper.has-items {
  -webkit-mask-image: linear-gradient(180deg, #f8f9fb 0%, #c8c9ca 89.32%, #c9cacb 91.29%, rgba(147, 148, 149, 0.2) 100%);
  mask-image        : linear-gradient(180deg, #f8f9fb 0%, #c8c9ca 89.32%, #c9cacb 91.29%, rgba(147, 148, 149, 0.2) 100%);
}

@media only screen and (max-width: 1399px) {
  .best-products-category-shop-two__box {
    padding: 20px 16px 0;
  }

  .best-products-category-shop-two__box__item {
    padding: 16px 12px;
  }

  .best-products-category-shop-two__box__item .image img {
    width : 100px;
    height: 100px;
  }

  .best-products-category-shop-two__box__item .detail {
    max-width: calc(100% - 116px);
  }
}

@media only screen and (max-width: 1199px) {
  .best-products-category-shop-two .row {
    margin: 0 -8px;
  }

  .best-products-category-shop-two .row>* {
    padding: 0 8px;
  }

  .best-products-category-shop-two__box__heading .title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .best-products-category-shop-two__box {
    overflow: hidden;
    padding : 20px 16px;
  }

  .best-products-category-shop-two__box__item {
    max-width: 340px;
  }

  .best-products-category-shop-two .swiper {
    overflow: visible;
  }

  .best-products-category-shop-two .swiper.has-items {
    -webkit-mask-image: none;
    mask-image        : none;
  }

  .best-products-category-shop-two .swiper-slide {
    width: auto;
  }
}

@media only screen and (max-width: 575px) {
  .best-products-category-shop-two__box__item {
    max-width: 300px;
    gap      : 12px !important;
  }

  .best-products-category-shop-two__box__item .image img {
    width : 90px;
    height: 90px;
  }

  .best-products-category-shop-two__box__item .detail {
    max-width: calc(100% - 102px);
  }
}

.articles-shop-two__item {
  border : 1px solid #ebebeb;
  padding: 20px 16px;
}

.articles-shop-two__item .title a:hover,
.articles-shop-two__item .tags li a:hover {
  color: #00cb8e;
}

.articles-shop-two__item .title {
  max-height: 56px;
}

.articles-shop-two__item p {
  height            : 66px;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.articles-shop-two__item .btn {
  padding: 16px 12px;
}

@media only screen and (max-width: 1199px) {
  .articles-shop-two__item {
    padding: 16px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .articles-shop-two__item {
    padding: 12px;
  }

  .articles-shop-two__item .title {
    font-size  : 14px;
    line-height: 24px;
    max-height : 48px;
  }
}

@media only screen and (max-width: 767px) {
  .articles-shop-two .btn {
    padding: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .articles-shop-two .swiper {
    overflow: visible;
  }
}

.brands-shop-two {
  background-color: #14151b;
  padding         : 28px 0;
  margin          : 72px 0 80px;
}

.brands-shop-two .swiper-wrapper {
  transition-timing-function: linear;
}

.brands-shop-two .swiper-slide {
  width: auto;
}

.brands-shop-two .swiper-slide img {
  width     : auto;
  max-height: 26px;
}

.brands-shop-two .swiper-button {
  padding: 16px 9px;
  left   : 12px;
}

.brands-shop-two .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.brands-shop-two .swiper-button-next,
.brands-shop-two .swiper-button-prev {
  color    : #292d32;
  transform: unset;
}

.brands-shop-two .swiper-button-next::after,
.brands-shop-two .swiper-button-prev::after {
  content: none;
}

@media only screen and (max-width: 767px) {
  .brands-shop-two .swiper-button {
    top      : auto !important;
    left     : 50%;
    transform: translate(-50%, 9px);
    padding  : 12px 16px;
  }
}

.footer-shop-two {
  padding-top: 95px;
}

.footer-shop-two::before {
  max-width          : 1440px;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE0NDAgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFIMzYwSDUzNi42MDFDNTM4Ljg1MSAxIDU0MS4wODUgMS4zNzk2MSA1NDMuMjA4IDIuMTIyODNMNjIyLjUwNiAyOS44NzcyQzYyNC42MyAzMC42MjA0IDYyNi44NjMgMzEgNjI5LjExMyAzMUg3MjBIODA2Ljc1NEM4MDguOTA0IDMxIDgxMS4wNCAzMC42NTM0IDgxMy4wNzkgMjkuOTczN0w4OTYuOTIxIDIuMDI2MzNDODk4Ljk2IDEuMzQ2NTYgOTAxLjA5NiAxIDkwMy4yNDYgMUgxMDgwSDE0NDAiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzExMV84NTMyKSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzExMV84NTMyIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDcyMCAxNikgc2NhbGUoNzIwIDU3LjU2MzEpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMxMzA3IiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE0NDAgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFIMzYwSDUzNi42MDFDNTM4Ljg1MSAxIDU0MS4wODUgMS4zNzk2MSA1NDMuMjA4IDIuMTIyODNMNjIyLjUwNiAyOS44NzcyQzYyNC42MyAzMC42MjA0IDYyNi44NjMgMzEgNjI5LjExMyAzMUg3MjBIODA2Ljc1NEM4MDguOTA0IDMxIDgxMS4wNCAzMC42NTM0IDgxMy4wNzkgMjkuOTczN0w4OTYuOTIxIDIuMDI2MzNDODk4Ljk2IDEuMzQ2NTYgOTAxLjA5NiAxIDkwMy4yNDYgMUgxMDgwSDE0NDAiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzExMV84NTMyKSIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzExMV84NTMyIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDcyMCAxNikgc2NhbGUoNzIwIDU3LjU2MzEpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q0MjQyRSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMxMzA3IiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAuMjEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDQyNDJFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center center/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  height             : 30px;
  background-color   : #d4242e;
  transform          : translateX(-50%);
}

.footer-shop-two__total-info {
  padding-bottom: 46px;
  margin-bottom : 42px;
  border-bottom : 1px solid #ebebeb;
}

.footer-shop-two__total-info__item .title {
  color: #5f7086;
}

.footer-shop-two__titr {
  color: #040414;
}

.footer-shop-two__nav {
  row-gap: 8px;
  margin : 0 -4px;
}

.footer-shop-two__nav li {
  padding: 0 4px;
  flex   : 1 0 50%;
}

.footer-shop-two__nav li a:hover {
  color: #d4242e;
}

.footer-shop-two__contact .number {
  gap: 20px;
}

.footer-shop-two__logo__description {
  gap: 12px;
}

.footer-shop-two__logo {
  background-color: #d4242e;
  border-radius   : 0 60px 60px 0;
  padding         : 24px 47px 21px 36px;
}

.footer-shop-two__description {
  border       : 1px solid #ebebeb;
  padding      : 18px 21px 13px 60px;
  border-radius: 60px 0 0 60px;
}

.footer-shop-two__news-letter form {
  max-width: 360px;
}

.footer-shop-two__news-letter form .icon {
  right: 18px;
}

.footer-shop-two__news-letter form .form-control {
  height : 75px;
  border : 1px solid #ebebeb;
  padding: 0 56px 0 154px;
}

.footer-shop-two__news-letter form .form-control:focus {
  box-shadow  : 0 0 0 4px rgba(212, 36, 46, 0.2);
  border-color: #d4242e;
}

.footer-shop-two__news-letter form .btn {
  left   : 13px;
  padding: 14px 19px;
}

.footer-shop-two__download-app {
  background-color: #14151b;
  padding         : 28px 56px;
}

.footer-shop-two__download-app .right .sub-title {
  color: rgba(255, 255, 255, 0.68);
}

.footer-shop-two__download-app .swiper {
  max-width: 50%;
}

.footer-shop-two__download-app .swiper a {
  height: 48px;
}

.footer-shop-two__download-app .swiper a,
.footer-shop-two__download-app .swiper img {
  max-height: 48px;
}

.footer-shop-two__download-app .swiper-button {
  padding  : 16px 9px;
  transform: translate(-15px, -50%);
}

.footer-shop-two__download-app .swiper-button::before {
  background-color       : rgba(255, 255, 255, 0.39);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter        : blur(19px);
  z-index                : -1;
}

.footer-shop-two__download-app .swiper-button-next,
.footer-shop-two__download-app .swiper-button-prev {
  color: #292d32;
}

.footer-shop-two__download-app .swiper-button-next::after,
.footer-shop-two__download-app .swiper-button-prev::after {
  content: none;
}

.footer-shop-two__copyright-socials {
  padding-top: 29px;
  border-top : 1px solid #ebebeb;
}

.footer-shop-two__socials {
  gap: 12px;
}

@media only screen and (max-width: 1199px) {
  .footer-shop-two__nav li a {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-shop-two__news-letter .text .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__news-letter .text .sub-title {
    font-size  : 12px;
    line-height: 20px;
  }

  .footer-shop-two__news-letter form {
    max-width: 320px;
  }

  .footer-shop-two__news-letter form .icon {
    right: 12px;
  }

  .footer-shop-two__news-letter form .form-control {
    font-size: 14px;
    padding  : 0 44px 0 140px;
  }

  .footer-shop-two__news-letter form .btn {
    padding: 14px 16px;
  }

  .footer-shop-two__download-app {
    padding: 28px 32px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-shop-two {
    padding-top: 64px;
  }

  .footer-shop-two__logo__description {
    gap   : 0;
    margin: 40px 0;
  }

  .footer-shop-two__logo {
    width        : 100%;
    border-radius: 32px 32px 0 0;
    padding      : 24px 12px;
  }

  .footer-shop-two__description {
    border-radius: 0 0 32px 32px;
    border-top   : 0;
    padding      : 16px;
  }

  .footer-shop-two__news-letter form {
    max-width: 400px;
  }

  .footer-shop-two__download-app {
    margin: 40px 0;
  }

  .footer-shop-two__download-app .swiper {
    max-width: 100%;
  }

  .footer-shop-two__download-app .swiper-button {
    top      : auto !important;
    bottom   : 0;
    left     : 50% !important;
    transform: translate(-50%, 20px);
    padding  : 12px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-shop-two__total-info {
    margin-bottom : 24px;
    padding-bottom: 24px;
  }

  .footer-shop-two__total-info__item .count {
    font-size  : 20px;
    line-height: 32px;
  }

  .footer-shop-two__total-info__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .footer-shop-two__total-info__item .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .footer-shop-two__contact .text {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__contact .text span {
    font-size  : 14px;
    line-height: 22px;
  }

  .footer-shop-two__news-letter form {
    max-width: 100%;
  }

  .footer-shop-two__download-app {
    padding: 24px 24px 32px;
  }

  .footer-shop-two__download-app .right svg {
    width : 40px;
    height: 40px;
  }

  .footer-shop-two__download-app .right .title {
    font-size  : 16px;
    line-height: 24px;
  }

  .footer-shop-two__download-app .right .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

.story-shop {
  margin: 40px 0;
}

.story-shop .swiper-slide {
  width: auto;
}

@media only screen and (max-width: 575px) {
  .story-shop .swiper {
    overflow: visible;
  }
}

.story-shop__item {
  width: 84px;
}

.story-shop__item .image {
  background-image: linear-gradient(315deg, #e03d96, #7d4c9e);
  padding         : 2px;
  width           : 84px;
  height          : 84px;
}

.story-shop__item .image span {
  background-color: #fff;
  width           : 80px;
  height          : 80px;
}

.story-shop__item .image span img {
  width : 74px;
  height: 74px;
}

.modal-story-shop {
  background-color: rgba(0, 0, 0, 0.5);
  display         : block;
  opacity         : 0;
  visibility      : hidden;
}

.modal-story-shop.show {
  opacity   : 1;
  visibility: visible;
}

.modal-story-shop .modal-dialog {
  max-width: 360px;
  height   : calc(100% - 3.5rem);
}

.modal-story-shop .modal-content {
  background-color: transparent;
  border          : 0;
  border-radius   : 0;
}

.modal-story-shop .modal-body {
  padding: 0;
}

.modal-story-shop .modal-content,
.modal-story-shop .modal-body {
  height    : 100%;
  max-height: 720px;
}

.modal-story-shop .swiper-button-next,
.modal-story-shop .swiper-button-prev {
  width : 42px;
  height: 42px;
}

.modal-story-shop .swiper-button-next::after,
.modal-story-shop .swiper-button-prev::after {
  content: none;
}

.modal-story-shop .swiper-button-next {
  transform: translate(-102px, -50%);
}

.modal-story-shop .swiper-button-prev {
  transform: translate(102px, -50%);
}

.modal-story-shop .swiper-button-lock,
.modal-story-shop .swiper-button-disabled {
  opacity   : 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .modal-story-shop .modal-dialog {
    max-width : 100%;
    height    : 100%;
    min-height: 100%;
    margin    : 0;
  }

  .modal-story-shop .modal-content,
  .modal-story-shop .modal-body {
    max-height: 100%;
  }
}

.story-shop__story .heading {
  padding: 16px 20px 0;
  gap    : 20px;
  z-index: 20;
}

.story-shop__story .heading::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 80px;
  background-image: linear-gradient(0deg, rgba(12, 12, 12, 0) 0, rgba(12, 12, 12, 0.6) 100%);
  z-index         : -1;
}

.story-shop__story .heading .btn-follow {
  padding: 8px 12px;
}

.story-shop__story .video {
  max-height: calc(100% - 80px);
}

.story-shop__story .video .content__text,
.story-shop__story .video .icons {
  bottom : 40px;
  z-index: 20;
}

.story-shop__story .video .content__text {
  right  : 0;
  bottom : 0;
  left   : 0;
  padding: 0 20px 40px 56px;
}

.story-shop__story .video .content__text::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  min-height      : 170px;
  background-image: linear-gradient(180deg, rgba(12, 12, 12, 0), #0c0c0c);
  z-index         : -1;
}

.story-shop__story .video .content__text .description:not(.show) {
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height        : 60px;
}

.story-shop__story .video .icons {
  left: 20px;
}

.story-shop__story .video video {
  width : 100%;
  height: 100%;
}

.story-shop__story .video__box {
  position: relative;
}

.story-shop__story .video__box::before {
  content    : "\e9e8";
  font-family: "icomoon";
  font-size  : 56px;
  line-height: 1;
  color      : #fff;
  position   : absolute;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  transition : all 0.3s ease-in-out;
  overflow   : 0;
  visibility : hidden;
  z-index    : 4;
}

.story-shop__story .video__box.muted::before {
  opacity   : 1;
  visibility: visible;
}

.story-shop__story .video__box__control-bar {
  z-index: 30;
}

.story-shop__story .video__box__control-bar__current-time {
  min-width: 34px;
}

.story-shop__story .video__box__control-bar__progress {
  height: 6px;
}

.story-shop__story .video__box__control-bar__progress span::before {
  content         : "";
  position        : absolute;
  top             : 0;
  right           : 0;
  width           : 16px;
  height          : 16px;
  border-radius   : 50%;
  background-color: #fff;
  transform       : translate(6px, -6px);
}

.story-shop__story .bottom {
  position: relative;
  z-index : 2;
}

.story-shop__story .bottom::before {
  content  : "";
  position : absolute;
  top      : 0;
  left     : 50%;
  width    : 100vw;
  height   : 100%;
  transform: translateX(-50%);
  z-index  : -1;
}

.story-shop__story .products {
  background-color: #0c0c0c;
}

.story-shop__story .products .swiper-slide {
  width: auto;
}

.story-shop__story__product {
  width  : 240px;
  padding: 2px 2px 2px 10px;
}

.story-shop__story__product img {
  width : 60px;
  height: 60px;
}

.story-shop__story__product .title {
  max-width: calc(100% - 64px);
}

.modal-comments-story {
  z-index: 10010;
}

.modal-comments-story .modal-dialog {
  max-width: 540px;
}

.modal-comments-story .modal-content {
  border-radius: 8px;
  border       : 0;
}

.modal-comments-story .modal-header {
  padding      : 20px 0;
  margin       : 0 20px;
  border-bottom: 1px solid #e0e0e2;
}

.modal-comments-story .modal-body {
  padding: 0;
}

.modal-comments-story .comments-story {
  padding        : 20px;
  overflow-y     : auto;
  min-height     : 320px;
  height         : 100%;
  max-height     : calc(100vh - 210px);
  scrollbar-width: 4px;
  scrollbar-color: #eb0404 rgba(255, 255, 255, 0);
}

.modal-comments-story .comments-story::-webkit-scrollbar {
  width           : 4px;
  background-color: rgba(255, 255, 255, 0);
}

.modal-comments-story .comments-story::-webkit-scrollbar-thumb {
  background-color: #eb0404;
}

.modal-comments-story .comments-story__item .content .info img {
  width : 20px;
  height: 20px;
}

.modal-comments-story .comments-story__item .content .info>span {
  width           : 6px;
  height          : 6px;
  background-color: #e0e0e2;
}

.modal-comments-story .comments-story__item .reply {
  margin-right : 12px;
  padding-right: 16px;
  border-right : 1px solid #19bfd3;
}

.modal-comments-story .empty-comments-story {
  padding: 76px 20px;
}

.modal-comments-story .send-comment-story {
  padding: 16px 20px;
}

.modal-comments-story .send-comment-story__form img {
  right : 12px;
  width : 24px;
  height: 24px;
}

.modal-comments-story .send-comment-story__form .form-control {
  background-color: #f0f0f1;
  border-radius   : 16px;
  padding         : 0 44px 0 40px;
  font-size       : 13px;
  color           : #62666d;
  font-weight     : 400;
}

.modal-comments-story .send-comment-story__form button {
  left : 12px;
  color: #19bfd3;
}

@media only screen and (max-width: 991px) {
  .modal-comments-story .modal-dialog {
    max-width: 100%;
  }

  .modal-comments-story .modal-header {
    margin: 0 12px;
  }

  .modal-comments-story .modal-body {
    height: 100%;
  }

  .modal-comments-story .comments-story {
    max-height: calc(100% - 147px);
    padding   : 20px 12px;
  }

  .modal-comments-story .send-comment-story {
    padding: 12px;
  }
}

.modal-product-story .modal-dialog {
  max-width: 500px;
}

.modal-product-story .modal-content {
  border-radius: 8px;
  border       : 0;
}

.modal-product-story .modal-header {
  padding      : 16px 0;
  margin       : 0 20px;
  border-bottom: 1px solid #e0e0e2;
}

.modal-product-story .modal-body {
  padding: 0;
}

.modal-product-story .product-story {
  padding        : 16px 20px;
  max-height     : calc(100vh - 200px);
  min-height     : 400px;
  height         : 100%;
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #eb0404 rgba(255, 255, 255, 0);
}

.modal-product-story .product-story::-webkit-scrollbar {
  width           : 4px;
  background-color: rgba(255, 255, 255, 0);
}

.modal-product-story .product-story::-webkit-scrollbar-thumb {
  background-color: #eb0404;
}

.modal-product-story .product-story img {
  width     : auto;
  max-height: 250px;
}

.modal-product-story .product-story .title {
  background-color: #fef5f7;
  padding         : 20px 20px 20px 8px;
}

.modal-product-story .product-story .rate__buy {
  color: #c0c2c5;
}

.modal-product-story .product-story .rate .dot {
  width           : 4px;
  height          : 4px;
  background-color: #e0e0e2;
}

.modal-product-story .product-story .color__item {
  padding         : 3px;
  background-color: #19bfd3;
}

.modal-product-story .product-story .color__item span {
  border          : 2px solid #fff;
  background-color: #212121;
  width           : 32px;
  height          : 32px;
}

.modal-product-story .product-story .color__item span::before {
  content    : "\e9e6";
  font-family: "icomoon";
  font-size  : 24px;
  line-height: 1;
  font-weight: 300;
  color      : #fff;
}

.modal-product-story .product-story .btn {
  padding: 10px 16px;
}

.modal-product-story .bottom {
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 2px rgba(0, 0, 0, 0.05);
  padding   : 16px 20px;
}

.modal-product-story .bottom .btn {
  padding: 11px 16px;
}

.modal-product-story .bottom .off del {
  color: #c0c2c5;
}

.modal-product-story .bottom .off span {
  min-width       : 34px;
  padding         : 0 4px;
  background-color: #d32f2f;
}

.modal-product-story .bottom .price {
  color: #23254e;
}

@media only screen and (max-width: 991px) {
  .modal-product-story .modal-body {
    display       : flex;
    flex-direction: column;
    height        : calc(100% - 58px);
  }

  .modal-product-story .product-story {
    max-height: none;
    min-height: auto;
    height    : auto;
  }
}

.modal-search .modal-dialog {
  max-width: 640px;
}

.modal-search .modal-content {
  border-radius: 10px;
  border       : 0;
  overflow     : hidden;
}

.modal-search .modal-body {
  padding: 0;
}

.modal-search .top-header-shop-two__search {
  max-width  : 100%;
  padding-top: 24px;
  height     : 100%;
}

.modal-search .top-header-shop-two__search__form .form-control {
  background-color: #f3f6f4;
}

.modal-search .top-header-shop-two__search,
.modal-search .top-header-shop-two__search__box {
  display       : flex;
  flex-direction: column;
}

.modal-search .top-header-shop-two__search__box {
  opacity    : 1;
  visibility : visible;
  position   : relative !important;
  transform  : unset;
  right      : 0;
  left       : 0;
  width      : 100%;
  padding-top: 23px;
  flex       : 1 0 auto;
}

.modal-search .top-header-shop-two__search__box__products {
  margin-bottom: auto;
}

@media only screen and (max-width: 991px) {
  .modal-search .modal-body {
    height: 100%;
  }

  .modal-search .top-header-shop-two__search__box {
    overflow-y: auto !important;
    height    : calc(100% - 100px);
  }
}

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

  .modal-search .top-header-shop-two__search__box__title,
  .modal-search .top-header-shop-two__search__box .results__items,
  .modal-search .top-header-shop-two__search__box__products {
    padding: 0 16px;
  }

  .modal-search .top-header-shop-two__search__box__product {
    padding: 2px 16px;
  }
}

.search-mobile-shop-two .form-control {
  background-color: #f3f6f4;
}

.modal-auth .modal-dialog {
  max-width: 438px;
}

.modal-auth .modal-content {
  border       : 0;
  border-radius: 45px;
}

.modal-auth .modal-content::before {
  content                : "";
  position               : absolute;
  right                  : 68px;
  bottom                 : 0;
  left                   : 68px;
  height                 : 160px;
  background-color       : rgba(255, 255, 255, 0.1);
  border                 : 1px solid #fff;
  border-radius          : 38px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter        : blur(24px);
  z-index                : -1;
  transform              : translateY(29px);
}

.modal-auth .modal-content::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  width           : 86px;
  height          : 33px;
  background-color: #9eef79;
  box-shadow      : 0px 14px 24px rgba(158, 239, 121, 0.25);
  border-radius   : 40px;
  transform       : translate(-50%, 46px);
  z-index         : -2;
}

.modal-auth .modal-body {
  padding: 40px 40px 46px;
}

.modal-auth .modal-close {
  top    : 24px;
  left   : 24px;
  z-index: 30;
}

.modal-auth .auth-modal::after {
  content         : "";
  position        : absolute;
  bottom          : 0;
  left            : 50%;
  transform       : translate(-50%, 23px);
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  border-radius   : 4px;
}

.modal-auth .auth-modal .image {
  border: 4px solid rgba(238, 238, 238, 0.5);
  width : 170px;
  height: 170px;
}

.modal-auth .auth-modal .image::before {
  background-image: var(--wpr-bg-ee2fbfb4-7f68-4a3e-919e-471bb6b88467);
  width           : 327px;
  height          : 143px;
  transform       : translate(-50%, -37px);
  z-index         : -1;
}

.modal-auth .auth-modal .image::after {
  background-image: var(--wpr-bg-922f4618-8c9a-4d76-8726-3f8d31c43428);
  width           : 373px;
  height          : 161px;
  transform       : translate(-50%, -12px);
  z-index         : -1;
}

.modal-auth .auth-modal .image img {
  width : 134px;
  height: 134px;
}

.modal-auth .auth-modal .tabs::after {
  top             : 100%;
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  transform       : translate(-50%, 15px);
}

.modal-auth .auth-modal .tabs li {
  padding: 15px 12px;
  flex   : 1 0 auto;
}

.modal-auth .auth-modal .tabs li.active {
  background-color: #9eef79;
  border-color    : #9eef79;
  color           : #000;
}

.modal-auth .auth-modal .tabs li.active svg .cr-1 {
  color: rgba(4, 4, 20, 0.2);
}

.modal-auth .auth-modal .tabs li.active svg .cr-2 {
  color: #000;
}

.modal-auth .auth-modal .form-group .icon svg {
  width : 20px;
  height: 20px;
}

.modal-auth .auth-modal .form-group .form-control {
  height: 64px;
}

@media only screen and (max-width: 991px) {
  .modal-auth .modal-content {
    overflow-y: auto;
  }

  .modal-auth .modal-content::before,
  .modal-auth .modal-content::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .modal-auth .modal-body {
    padding: 32px 20px;
  }
}

.search-mobile-shop .form-control {
  background-color: #F8F9FB;
  height          : 50px;
  padding         : 0 24px 0 60px;
}

.search-mobile-shop button {
  left            : 8px;
  background-color: #fff;
  width           : 40px;
  height          : 40px;
}

.carousel-home-shop .swiper,
.carousel-home-shop .swiper .swiper-wrapper,
.carousel-home-shop .swiper .swiper-slide,
.carousel-home-shop .swiper .swiper-slide>*,
.carousel-home-shop .swiper img {
  height: 100%;
}

.carousel-home-shop .swiper-pagination {
  top   : 48px;
  right : 52px;
  bottom: auto;
  left  : auto;
  gap   : 12px;
}

.carousel-home-shop .swiper-pagination-bullet {
  margin          : 0 !important;
  width           : 100px;
  height          : 3px;
  background-color: #fff;
  opacity         : 0.3;
  border-radius   : 0;
}

.carousel-home-shop .swiper-pagination-bullet-active {
  width  : 188px;
  opacity: 1;
}

.carousel-home-shop .btn-more-shop {
  bottom   : 34px;
  transform: scale(-1) translateX(17px);
}

.carousel-home-shop .btn-more-shop svg {
  transform: rotate(90deg);
}

.carousel-home-shop .discount-landing {
  background-color: #f3f6f4;
  padding-top     : 21px;
}

.carousel-home-shop .discount-landing .discount span {
  width           : 42px;
  height          : 26px;
  background-color: #eb0404;
  border-radius   : 18px 18px 0;
}

.carousel-home-shop .discount-landing .discount__title {
  color: #eb0404;
}

.carousel-home-shop .discount-landing__product {
  background-color: #f3f6f4;
  padding         : 0 16px 28px;
}

.carousel-home-shop .discount-landing__product .image img {
  width : 151px;
  height: 151px;
}

.carousel-home-shop .discount-landing__product .price .off {
  background-color: #00a693;
  color           : #fff;
}

.carousel-home-shop .discount-landing__product .add-to-cart-price {
  padding-top: 0;
  border-top : 0;
}

.carousel-home-shop .discount-landing__product .add-to-cart {
  border-color: #00a693;
}

.carousel-home-shop .discount-landing .swiper-pagination {
  gap      : 4px;
  top      : auto;
  right    : auto;
  bottom   : 0;
  left     : 50%;
  transform: translate(-50%, 34px);
  height   : 17px;
}

.carousel-home-shop .discount-landing .swiper-pagination-bullet {
  width           : 3px;
  height          : 12px;
  border-radius   : 10px;
  background-color: #dfe0e7;
}

.carousel-home-shop .discount-landing .swiper-pagination-bullet-active {
  height          : 17px;
  background-color: #040414;
}

@media only screen and (max-width: 1199px) {
  .carousel-home-shop .swiper-pagination {
    top  : 32px;
    right: 32px;
  }

  .carousel-home-shop .swiper-pagination-bullet {
    width: 72px;
  }

  .carousel-home-shop .swiper-pagination-bullet-active {
    width: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .carousel-home-shop .btn-more-shop {
    writing-mode: unset;
    position    : relative !important;
    right       : auto !important;
    bottom      : 0;
    transform   : unset;
    margin      : 48px auto 0;
  }

  .carousel-home-shop .btn-more-shop svg {
    transform: unset;
    margin   : 0 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-home-shop .swiper-pagination {
    top  : 20px;
    right: 20px;
    gap  : 8px;
  }

  .carousel-home-shop .swiper-pagination-bullet {
    width: 20px;
  }

  .carousel-home-shop .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.specials-categories-shop__heading::after,
.best-products-shop__heading__right::after {
  right              : 100%;
  -webkit-mask       : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIxLjI4NTdWMjJIMjNWMC4yODU3MTNDMjMgMTEuODgzNyAxMy41OTggMjEuMjg1NyAyLjAwMDAyIDIxLjI4NTdIMFoiIGZpbGw9IiNGM0Y2RjQiIGZpbGwtb3BhY2l0eT0iMC44IiBzdHlsZT0iZmlsbDojRjNGNkY0O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjk1MjkgMC45NjQ3IDAuOTU2OSk7ZmlsbC1vcGFjaXR5OjAuODsiLz4KPC9zdmc+Cg==) 0 0/cover;
  mask               : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIxLjI4NTdWMjJIMjNWMC4yODU3MTNDMjMgMTEuODgzNyAxMy41OTggMjEuMjg1NyAyLjAwMDAyIDIxLjI4NTdIMFoiIGZpbGw9IiNGM0Y2RjQiIGZpbGwtb3BhY2l0eT0iMC44IiBzdHlsZT0iZmlsbDojRjNGNkY0O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjk1MjkgMC45NjQ3IDAuOTU2OSk7ZmlsbC1vcGFjaXR5OjAuODsiLz4KPC9zdmc+Cg==) 0 0/cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat        : no-repeat;
  width              : 23px;
  height             : 22px;
  background-color   : rgba(243, 246, 244, 0.8);
  transform          : translateY(1px);
}

.specials-categories-shop__heading,
.specials-categories-shop__body {
  background-color: rgba(243, 246, 244, 0.8);
}

.specials-categories-shop__heading {
  border-radius: 15px 15px 0 0;
  padding      : 21px 28px;
}

.specials-categories-shop__body {
  padding      : 12px;
  border-radius: 15px 0 15px 15px;
}

.specials-categories-shop__item {
  padding: 43px 11px 40px 24px;
}

.specials-categories-shop__item .number {
  top  : 11px;
  left : 15px;
  color: #00a693;
}

.specials-categories-shop__item .number::first-letter {
  color: #d6dbec;
}

.specials-categories-shop__item svg {
  bottom: 17px;
  left  : 15px;
}

.specials-categories-shop__item .content .line {
  width           : 3px;
  height          : 39px;
  background-color: #00a693;
}

.specials-categories-shop__item .content .image {
  width           : 69px;
  height          : 70px;
  background-image: linear-gradient(223.12deg, #ccede9 7.75%, #99dbd4 102.85%);
}

.specials-categories-shop__item .content .image img {
  width        : 60px;
  height       : 60px;
  -o-object-fit: contain;
  object-fit   : contain;
}

@media only screen and (max-width: 991px) {
  .specials-categories-shop {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .specials-categories-shop__heading {
    font-size  : 13px;
    line-height: 20px;
  }

  .specials-categories-shop__item .content .line {
    margin-left: 12px;
  }

  .specials-categories-shop__item .content .image {
    width        : 56px;
    height       : 56px;
    border-radius: 20px;
  }

  .specials-categories-shop__item .content .image img {
    width : 40px;
    height: 40px;
  }

  .specials-categories-shop__item .content .title {
    font-size  : 13px;
    line-height: 20px;
  }

  .specials-categories-shop__item .content .sub-title {
    font-size  : 11px;
    line-height: 16px;
  }
}

.top-products-shop__heading .svg svg {
  width : 40px;
  height: 44px;
}

@media only screen and (max-width: 991px) {
  .top-products-shop {
    margin-top: 40px;
  }

  .top-products-shop__heading {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .top-products-shop__heading .svg svg {
    width : 34px;
    height: 38px;
  }

  .top-products-shop__heading .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .top-products-shop__heading .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .top-products-shop__heading .sub-title {
    font-size  : 10px;
    line-height: 16px;
  }
}

.banner-two-shop {
  margin-top   : 102px;
  margin-bottom: 113px;
}

@media only screen and (max-width: 991px) {
  .banner-two-shop {
    margin-top   : 50px;
    margin-bottom: 50px;
  }
}

.best-products-shop__heading__right,
.best-products-shop__body {
  background-color: rgba(243, 246, 244, 0.8);
}

.best-products-shop__heading {
  gap: 24px;
}

.best-products-shop__heading__right {
  border-radius: 15px 15px 0 0;
  padding      : 18px 37px;
}

.best-products-shop__heading__tabs {
  gap: 12px;
}

.best-products-shop__heading__tabs__item {
  padding         : 21px 25px;
  background-color: #f3f6f4;
  cursor          : pointer;
}

.best-products-shop__heading__tabs__item.active {
  background-color: #040414;
  color           : #fff;
}

.best-products-shop__heading__dropdown .btn {
  background-color: #14151b;
  color           : #fff;
  padding         : 16px;
}

.best-products-shop__heading__dropdown .dropdown-menu {
  padding      : 0;
  border       : 0;
  overflow     : hidden;
  border-radius: 8px;
}

.best-products-shop__heading__dropdown .dropdown-item {
  padding: 8px 16px;
}

.best-products-shop__heading__dropdown .dropdown-item.active,
.best-products-shop__heading__dropdown .dropdown-item:hover {
  background-color: #00a693;
  color           : #fff;
}

.best-products-shop__body {
  padding      : 44px 24px;
  border-radius: 15px 0 15px 15px;
}

@media only screen and (max-width: 991px) {
  .best-products-shop__heading {
    gap: 0;
  }

  .best-products-shop__heading__tabs {
    padding         : 16px 12px 0;
    background-color: rgba(243, 246, 244, 0.8);
  }

  .best-products-shop__heading__tabs__item {
    background-color: #fff;
  }

  .best-products-shop__body {
    border-radius: 0 0 15px 15px;
    padding      : 24px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .best-products-shop__heading__right {
    padding: 12px 14px 12px 25px;
  }

  .best-products-shop__heading__right .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .best-products-shop__heading__right .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }

  .best-products-shop__heading__tabs__item {
    padding      : 12px 16px;
    font-size    : 12px;
    line-height  : 18px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .best-products-shop__heading .sub-title {
    font-size  : 10px;
    line-height: 16px;
  }

  .best-products-shop__heading__dropdown .btn {
    padding: 16px 12px;
  }

  .best-products-shop__heading__dropdown .btn svg {
    margin-right: 6px;
  }
}

.options-shop {
  margin: 102px 0 113px;
}

.options-shop__item {
  border          : 1px solid #d6dbec;
  padding         : 38px 24px 40px;
  background-color: #fff;
}

.options-shop__item .number {
  color: #00a693;
  top  : 19px;
  left : 24px;
}

.options-shop__item .number::first-letter {
  color: #d6dbec;
}

.options-shop__item .svg svg {
  width : 32px;
  height: 32px;
}

.options-shop__item:hover {
  background-color: rgba(0, 166, 147, 0.1);
  border-color    : rgba(0, 166, 147, 0.1);
  transform       : translateY(-12px);
}

.options-shop .row {
  scroll-snap-type: x mandatory;
}

.options-shop .row>* {
  scroll-snap-align: start;
}

@media only screen and (max-width: 991px) {
  .options-shop {
    margin: 40px 0;
  }

  .options-shop__heading {
    margin-bottom: 32px;
  }

  .options-shop .row {
    margin: 0 -8px;
  }

  .options-shop .row>* {
    padding: 0 8px;
  }

  .options-shop__item {
    padding-bottom: 24px;
  }

  .options-shop__item .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .options-shop__item .sub-title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .options-shop__heading .title {
    font-size  : 18px;
    line-height: 28px;
  }

  .options-shop__heading .sub-title {
    font-size  : 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .options-shop__item {
    padding: 38px 16px 40px;
  }

  .options-shop__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .options-shop__item .sub-title {
    font-size  : 12px;
    line-height: 18px;
  }
}

.best-products-two-shop {
  margin-bottom: 128px;
}

.best-products-two-shop__item {
  padding     : 20px 20px 35px;
  border-right: 1px solid #b7b7bb;
}

.best-products-two-shop__item.not-line {
  border-right: 0;
}

.best-products-two-shop__item .image img {
  width        : 140px;
  height       : 140px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.best-products-two-shop__item .title {
  max-height: 50px;
}

@media only screen and (max-width: 991px) {
  .best-products-two-shop {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .best-products-two-shop__item {
    padding: 20px 12px;
  }

  .best-products-two-shop__item .image img {
    width : 120px;
    height: 120px;
  }

  .best-products-two-shop__item .title {
    font-size    : 14px;
    line-height  : 22px;
    max-height   : 44px;
    margin-bottom: 8px;
  }

  .best-products-two-shop__item .off,
  .best-products-two-shop__item .price {
    font-size  : 14px;
    line-height: 22px;
  }

  .best-products-two-shop__item .price span {
    font-size  : 16px;
    line-height: 25px;
  }
}

.products-category__body {
  padding         : 20px 24px;
  background-color: #f3f6f4;
}

.products-category__item {
  padding: 28px 29px 16px;
  z-index: 2;
}

.products-category__item::before {
  top                : 54px;
  right              : 15px;
  width              : 3px;
  height             : 39px;
  border-radius      : 10px;
  background-color   : #00a693;
  -webkit-user-select: none;
  -moz-user-select   : none;
  user-select        : none;
  transition         : all linear 0.3s;
  z-index            : -1;
}

.products-category__item .number {
  color: #00a693;
  top  : 14px;
  left : 18px;
}

.products-category__item .number::first-letter {
  color: #d6dbec;
}

.products-category__item .image {
  width           : 92px;
  height          : 93px;
  background-image: linear-gradient(223.12deg, #ccede9 7.75%, #99dbd4 102.85%);
}

.products-category__item .image img {
  width        : 80px;
  height       : 80px;
  -o-object-fit: contain;
  object-fit   : contain;
}

.products-category__item .detail {
  max-width: calc(100% - 103px);
}

.products-category__item .detail .price del,
.products-category__item .detail .price span {
  word-break: break-all;
}

.products-category__item .detail .price .toman {
  transform: scale(-1);
  color    : #000;
}

.products-category__item:hover::before {
  width : 100%;
  height: 100%;
  top   : 0;
  right : 0;
}

.products-category__item:hover .title a,
.products-category__item:hover .price span,
.products-category__item:hover .price .toman,
.products-category__item:hover .number {
  color: #fff;
}

.products-category__item:hover .sub-title,
.products-category__item:hover .price del {
  color: rgba(255, 255, 255, 0.5);
}

.products-category .swiper-wrapper {
  row-gap: 20px;
}

.products-category .swiper-slide {
  margin-top: 0 !important;
}

@media only screen and (max-width: 1399px) {
  .products-category__item {
    padding-left: 16px;
  }

  .products-category__item::before {
    top: 48px;
  }

  .products-category__item .image {
    width : 80px;
    height: 80px;
  }

  .products-category__item .image img {
    width : 72px;
    height: 72px;
  }

  .products-category__item .detail {
    max-width: calc(100% - 91px);
  }

  .products-category__item .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .products-category__item .sub-title {
    font-size  : 12px;
    line-height: 19px;
  }
}

@media only screen and (max-width: 991px) {
  .products-category {
    margin: 50px 0;
  }

  .products-category__tabs {
    background-color: transparent;
  }

  .products-category__tabs .best-products-shop__heading__tabs__item:not(.active) {
    background-color: #f3f6f4;
  }

  .products-category__body {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .products-category__body {
    padding: 16px 12px;
  }

  .products-category__item {
    padding: 28px 20px 20px 16px;
  }

  .products-category__item::before {
    right: 10px;
  }

  .products-category__item .price del {
    font-size  : 12px;
    line-height: 19px;
  }

  .products-category__item .price span {
    font-size  : 16px;
    line-height: 25px;
  }

  .products-category__item .price .toman {
    font-size  : 10px;
    line-height: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .products-category__body {
    margin-right : -12px;
    margin-left  : -12px;
    border-radius: 0;
  }

  .products-category__body .swiper {
    overflow: visible;
  }

  .products-category__item .title {
    font-size  : 14px;
    line-height: 22px;
  }

  .products-category__item .sub-title {
    font-size  : 11px;
    line-height: 16px;
  }
}

.articles-shop__item figure img {
  height: 159px;
}

.articles-shop__item .title {
  max-height: 56px;
}

.articles-shop__item .title a:hover,
.articles-shop__item .category:hover {
  color: #00a693;
}

.articles-shop__item:hover figure img {
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .articles-shop figure img {
    height: 120px;
  }

  .articles-shop .category,
  .articles-shop .date {
    font-size  : 12px;
    line-height: 19px;
  }

  .articles-shop .title {
    font-size  : 14px;
    line-height: 22px;
    max-height : 44px;
  }
}

.form-group__new .form-control {
  height : 74px;
  border : 1px solid #ededee;
  padding: 0 66px 0 12px;
}

.form-group__new .form-control:focus {
  border-color: #00a693;
  box-shadow  : 0 0 0 4px rgba(0, 166, 147, 0.2);
}

.form-group__new label {
  top      : 50%;
  right    : 66px;
  left     : 12px;
  cursor   : text;
  transform: translateY(-50%);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.form-group__new .form-control[type=password]+label {
  left: 54px;
}

.form-group__new .form-control:focus+label,
.form-group__new .form-control.valid+label {
  top             : 0;
  right           : 54px;
  left            : 12px;
  padding         : 0 8px;
  background-color: #fff;
  transform       : translateY(-12px);
}

.form-group__new .icon {
  right: 26px;
}

.form-group__new .icon-show-password {
  left : 26px;
  color: #292d32;
}

.form-group__new .icon-show-password.show {
  color: #00a693;
}

@media only screen and (max-width: 767px) {
  .form-group__new .form-control {
    height: 64px;
  }
}

.auth-shop .container .col-lg-6 {
  padding   : 48px 0;
  min-height: 100vh;
}

.auth-shop__content,
.auth-shop__copyright {
  max-width: 484px;
}

.auth-shop__contents__tabs::after,
.auth-shop .phone__entered::after {
  width           : 16px;
  height          : 3px;
  background-color: #00a693;
  top             : 100%;
  transform       : translate(-50%, 20px);
}

.auth-shop__content__tabs li {
  border : 1px solid #ededee;
  padding: 17px 27px;
  color  : #636880;
}

.auth-shop__content__tabs li svg .cr-1 {
  color: #292d32;
}

.auth-shop__content__tabs li svg .cr-2 {
  color: #00a693;
}

.auth-shop__content__tabs li.active {
  background-color: #00a693;
  border-color    : #00a693;
  color           : #fff;
}

.auth-shop__content__tabs li.active svg .cr-1 {
  color: rgba(4, 4, 20, 0.2);
}

.auth-shop__content__tabs li.active svg .cr-2 {
  color: #fff;
}

.auth-shop__content .forget-password a {
  text-decoration: underline;
}

.auth-shop__content .forget-password a:hover {
  color: #00a693;
}

.auth-shop__content .btn {

  padding: 21px 12px;
}

.auth-shop__image>img {
  -o-object-fit: cover;
  object-fit   : cover;
}

.auth-shop__image .logo,
.auth-shop__image .text-content {
  max-width: 549px;
}

.auth-shop__image .logo {
  top: 74px;
}

.auth-shop__image .text-content {
  bottom : 48px;
  padding: 38px 16px 32px;
}

.auth-shop__image .text-content::before {
  background-color       : rgba(0, 0, 0, 0.21);
  border                 : 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
  border-radius          : inherit;
  z-index                : -1;
}

.auth-shop .phone__entered {
  border       : 1px solid #EDEDEE;
  padding      : 7px 26px 7px 11px;
  margin-bottom: 82px;
}

.auth-shop .phone__entered::after {
  transform: translate(-50%, 32px);
}

.auth-shop .phone__entered .btn {
  padding: 19px 33px;
}

.auth-shop .form-code .content {
  max-width: 419px;
}

.auth-shop .form-code .code span {
  width           : 16px;
  height          : 3px;
  background-color: #A4A8BA;
}

.auth-shop .err-code {
  color: #EB0404;
}

.auth-shop .re-send:hover {
  color: #00a693;
}

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

  .auth-shop__image .logo,
  .auth-shop__image .text-content {
    max-width: 440px;
  }
}

@media only screen and (max-width: 991px) {
  .auth-shop .container .col-lg-6 {
    padding: 24px 0;
  }

  .auth-shop__content__tabs li {
    flex: 1 0 auto;
  }

  .auth-shop__content .forget-password {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .auth-shop__content .title {
    font-size  : 16px;
    line-height: 25px;
  }

  .auth-shop__content .sub-title {
    font-size  : 12px;
    line-height: 19px;
  }

  .auth-shop__content__tabs li {
    padding: 11px 16px;
  }

  .auth-shop__content .btn {
    padding: 13px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .auth-shop .phone__entered {
    padding-right: 11px;
  }

  .auth-shop .phone__entered .btn {
    font-size  : 12px;
    line-height: 18px;
    padding    : 16px;
  }
}

.btn-outline-secondary-3 {
  border: 1px solid rgba(164, 168, 186, 0.3);
  color : #a4a8ba;
}

.btn-outline-secondary-3:hover {
  border-color    : #00935e;
  background-color: #00935e;
  color           : #fff;
}

.dashboard-shop {
  min-height: 100vh;
}

.dashboard-shop__sidebar {
  max-width       : 393px;
  top             : 42px;
  bottom          : 28px;
  background-color: #fff;
  z-index         : 10001;
}

.dashboard-shop__sidebar__backdrop {
  background-color       : rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter        : blur(7px);
}

.dashboard-shop__sidebar__content {
  overflow-y     : auto;
  scrollbar-width: 4px;
  scrollbar-color: #00a693 blue;
  padding-left   : 12px;
}

.dashboard-shop__sidebar__content::-webkit-scrollbar {
  width           : 4px;
  background-color: #f3f6f4;
}

.dashboard-shop__sidebar__content::-webkit-scrollbar-thumb {
  background-color: #00a693;
}

.dashboard-shop__sidebar__content__info-user {
  padding-top: 20px;
  margin     : 0 55px 0 29px;
}

.dashboard-shop__sidebar__content__info-user::before {
  border-radius: 15px;
  height       : 62px;
  z-index      : -1;
  background   : #00a693;
}

.dashboard-shop__sidebar__content__info-user img {
  border: 4px solid #fff;
  width : 78px;
  height: 78px;
}

.dashboard-shop__sidebar__content__menu {
  padding   : 25px 42px 0 29px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dashboard-shop__sidebar__content__menu ul li a {
  gap    : 10px;
  padding: 15px 18px;
}

.dashboard-shop__sidebar__content__menu ul li a::before,
.dashboard-shop__sidebar__content__menu ul li a::after {
  content         : "";
  position        : absolute;
  top             : 50%;
  left            : 100%;
  width           : 3px;
  height          : 0;
  background-color: #00a693;
  border-radius   : 10px;
  transition      : all 0.3s linear;
}

.dashboard-shop__sidebar__content__menu ul li a::before {
  transform: translate(20px, -50%);
}

.dashboard-shop__sidebar__content__menu ul li a::after {
  opacity  : 0.4;
  filter   : blur(10px);
  transform: translate(25px, -50%);
}

.dashboard-shop__sidebar__content__menu ul li a .icon .cr-1 {
  color: #d5d5d5;
}

.dashboard-shop__sidebar__content__menu ul li a .icon .cr-2 {
  color: #00935e;
}

.dashboard-shop__sidebar__content__menu ul li a.active {
  color           : #040414;
  background-color: #f3f6f4;
}

.dashboard-shop__sidebar__content__menu ul li a.active::before,
.dashboard-shop__sidebar__content__menu ul li a.active::after {
  height: 20px;
}

.dashboard-shop__sidebar__content__menu ul li a.active .icon .cr-1 {
  color: #292d32;
}

.dashboard-shop__sidebar__content__manage-account {
  padding: 24px 42px 0 29px;
}

.dashboard-shop__sidebar__content__manage-account ul li a {
  gap: 10px;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg {
  width : 20px;
  height: 20px;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg .cr-1 {
  color: #292d32;
}

.dashboard-shop__sidebar__content__manage-account ul li a .icon svg .cr-2 {
  color: #00935e;
}

.dashboard-shop__wrapper {
  width       : calc(100% - 393px);
  max-width   : 1510px;
  padding     : 42px 0 29px 24px;
  margin-right: 393px;
  min-height  : 100vh;
}

.dashboard-shop__wrapper::before {
  content         : "";
  position        : absolute;
  top             : 42px;
  right           : 0;
  bottom          : 29px;
  width           : 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.dashboard-shop__header {
  padding      : 0 21px 22px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dashboard-shop__header__btn {
  width : 58px;
  height: 58px;
  border: 1px solid #ccede9;
}

.dashboard-shop__header__btn:hover {
  background-color: #ccede9;
}

.dashboard-shop__header .btn {
  padding: 18px 34px;
}

.dashboard-shop__content {
  margin          : 28px 21px 0 0;
  padding         : 34px 36px 42px;
  background-color: #f3f6f4;
}

.dashboard-shop__note {
  padding: 9px 27px 9px 13px;
  gap    : 14px;
}

.dashboard-shop__note .btn {
  padding: 15px 13px;
}

.dashboard-shop__heading .title::before {
  width           : 3px;
  height          : 20px;
  background-color: #00a693;
  border-radius   : 10px;
}

.dashboard-shop__heading .link:hover {
  color: #00a693;
}

.dashboard-shop__total-info {
  border : 1px solid rgba(0, 0, 0, 0.1);
  padding: 27px 20px 22px 33px;
}

.dashboard-shop__total-info__item {
  padding: 22px 13px;
}

.dashboard-shop__total-info__item .icon {
  background-color: #f3f6f4;
  width           : 57px;
  height          : 57px;
}

.dashboard-shop__total-info__item .icon img {
  width : 45px;
  height: 45px;
}

.dashboard-shop__address {
  border : 1px solid rgba(0, 166, 147, 0.2);
  padding: 9px 27px 9px 13px;
}

.dashboard-shop__address .btn {
  padding: 15px 13px;
}

.dashboard-shop__last-products-see__item {
  width  : 189px;
  padding: 20px;
}

.dashboard-shop__last-products-see__item .price {
  gap: 6px;
}

.dashboard-shop__last-products-see .swiper::before,
.dashboard-shop__last-products-see .swiper::after {
  content   : "";
  position  : absolute;
  top       : 0;
  width     : 189px;
  height    : 100%;
  transition: all 0.3s ease-in-out;
  opacity   : 0;
  visibility: hidden;
  z-index   : 2;
}

.dashboard-shop__last-products-see .swiper::before {
  right           : 0;
  background-image: linear-gradient(280deg, #f3f6f4, rgba(243, 246, 244, 0));
  transform       : translateX(36px);
}

.dashboard-shop__last-products-see .swiper::after {
  left            : 0;
  background-image: linear-gradient(90deg, #f3f6f4, rgba(243, 246, 244, 0));
  transform       : translateX(-36px);
}

.dashboard-shop__last-products-see .swiper.has-before::before {
  opacity   : 1;
  visibility: visible;
}

.dashboard-shop__last-products-see .swiper.has-after::after {
  opacity   : 1;
  visibility: visible;
}

.dashboard-shop__last-products-see .swiper-slide {
  width: auto;
}

.dashboard-shop .copyright-socials {
  padding-right: 21px;
}

@media only screen and (max-width: 1399px) {
  .dashboard-shop__sidebar {
    max-width: 280px;
  }

  .dashboard-shop__sidebar__content__info-user {
    margin: 0 24px;
  }

  .dashboard-shop__sidebar__content__menu {
    padding: 25px 24px 0;
  }

  .dashboard-shop__sidebar__content__menu ul li a {
    padding: 15px 12px;
  }

  .dashboard-shop__sidebar__content__menu ul li a::before {
    transform: translate(12px, -50%);
  }

  .dashboard-shop__sidebar__content__menu ul li a::after {
    transform: translate(17px, -50%);
  }

  .dashboard-shop__sidebar__content__manage-account {
    padding: 24px 24px 0;
  }

  .dashboard-shop__wrapper {
    width       : calc(100% - 280px);
    padding-left: 12px;
    margin-right: 280px;
  }

  .dashboard-shop__content {
    margin : 20px 12px 0 0;
    padding: 34px 24px 42px;
  }
}

@media only screen and (max-width: 1199px) {
  .dashboard-shop__sidebar {
    top             : 0;
    bottom          : 0;
    width           : 100%;
    opacity         : 0;
    visibility      : hidden;
    transition      : all 0.3s linear 0.3s;
    background-color: transparent;
  }

  .dashboard-shop__sidebar__content {
    width     : 100%;
    max-width : 280px;
    transition: all 0.3s linear 0s;
    padding   : 24px 0;
    transform : translateX(280px);
  }

  .dashboard-shop__sidebar.opened {
    opacity   : 1;
    visibility: visible;
    transition: all 0.3s linear 0s;
  }

  .dashboard-shop__sidebar.opened .dashboard-shop__sidebar__content {
    transform : translateX(0);
    transition: all 0.3s linear 0.3s;
  }

  .dashboard-shop__wrapper {
    width       : 100%;
    padding     : 24px 0;
    margin-right: 0;
  }

  .dashboard-shop__wrapper::before {
    content: none;
  }

  .dashboard-shop__header {
    padding: 0 12px 24px;
  }

  .dashboard-shop__content {
    margin: 20px 12px 0;
  }
}

@media only screen and (max-width: 991px) {
  .dashboard-shop__content {
    padding: 24px 12px;
  }

  .dashboard-shop__total-info {
    padding: 24px 12px;
  }

  .dashboard-shop__total-info .row {
    row-gap: 12px;
    margin : 0 -6px;
  }

  .dashboard-shop__total-info .row>* {
    padding: 0 6px;
  }

  .dashboard-shop__last-products-see .swiper::before,
  .dashboard-shop__last-products-see .swiper::after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-shop__header__btn {
    width : 48px;
    height: 48px;
  }

  .dashboard-shop__header__btn svg {
    width : 20px;
    height: 20px;
  }

  .dashboard-shop__note,
  .dashboard-shop__address {
    padding: 9px 12px;
    gap    : 12px;
  }

  .dashboard-shop__note .btn,
  .dashboard-shop__address .btn {
    font-size  : 12px;
    line-height: 18px;
    padding    : 12px;
  }

  .dashboard-shop__note .btn svg,
  .dashboard-shop__address .btn svg {
    width : 16px;
    height: 16px;
  }

  .dashboard-shop__note .note {
    font-size  : 12px;
    line-height: 18px;
  }

  .dashboard-shop__address .address {
    font-size  : 12px;
    line-height: 18px;
  }
}

.info-user-mobile {
  padding: 0 12px;
}

.info-user-mobile__note {
  border : 1px solid #EBEBEB;
  padding: 12px;
}