@import 'swiper.min.css';
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'iranyekan_standard' !important;
    scroll-behavior: smooth;
}
body, h1, h2, h3, h4, h5, p, div, article, strong, span, pre , a {
    font-family: 'iranyekan_standard' !important;
}

:Root {
    --thumbBG: #c5321a;
    --scrollbarBG: #eee;
    --bgSec2: #eee;
}
.btTexture .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.4;
}
.sliderHome .elementor-column .elementor-widget-wrap {
    min-height: 40vw;
}
.categoryList .menu-item span.awb-menu__description {
    display: none !important;
}
*::-webkit-scrollbar {
    width: 6px;
    max-height: 6px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

*::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

*::-webkit-scrollbar-thumb {
    border-radius: 20px;
    transform: translateX(-10px);
    background-color: var(--scrollbarBG);
    border: 3px solid var(--thumbBG);
}
 body.home .elms_right.header_3_right {
    display: none !important;
}
.scrollDraging::-webkit-scrollbar,
.tabsButtonsTestStudy::-webkit-scrollbar {
    width: 5px;
    max-height: 5px;
}

.scrollDraging,
.tabsButtonsTestStudy {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG);
}

.scrollDraging::-webkit-scrollbar-thumb,
.tabsButtonsTestStudy::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarBG);
    border: 3px solid var(--thumbBG);
}

h1,h2,h3,h4,h5 {
    font-family: 'iranyekan_standard' !important;
}
.boxVideo {
  position: relative;
  border-right: 4px solid #c5321a;
  padding-right: 5px;
    cursor: pointer;
}
.boxVideo .cz_video_popup a {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.boxVideo .cz_video_popup a:before {
  position: relative;
  padding-top: 60%;
  display: block;
  content: '';
  width: 100%;
}
.boxVideo .cz_video_popup a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boxVideo .cz_video_popup a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  content: '';
  z-index: 2;
}
.boxVideo .cz_video_popup span i.czi {
    color: #fff;
    margin-left: 7px !important;
}

.boxVideo .cz_video_popup span:before {
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    content: '';
    background: transparent;
    z-index: 5;
    border: 2px solid #fff;
    margin: auto;
    border-radius: 100%;
    animation: 2s playAnim1 infinite;
}
.boxVideo .cz_video_popup span:after {
  position: absolute;
  left: -5px;
  top: 0;
  bottom: 0;
  right: 0;
    width:  calc(100% + 10px);
    height:  calc(100% + 10px);
  content: '';
  background: transparent;
  border:2px solid #b03a27;
  z-index: 5;
  margin: auto;
  border-radius: 100%;
    animation:2s playAnim2 infinite;
}
.boxVideo .cz_vp_inner {
    background: transparent !important;
    z-index: 10;
}
.boxVideo .cz_video_popup span {
    position:relative;
    background: rgba(0,0,0,0.5);
}
@keyframes playAnim1 {
    0% , 100% {
        transform:translate(-5px,-5px);
    }
    50% {
        transform:translate(5px,5px);
    }
}

@keyframes playAnim2 {
    0% , 100% {
        transform:translate(5px,-5px);
    }
    50% {
        transform:translate(-5px,5px);
    }
}
.popVideo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 100000000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    opacity: 0;
    pointer-events:none;
}
.popVideo.active {
    opacity: 1;
    pointer-events:auto;
}
.popVideo .contentPopup {
    position: relative;
    width: calc(100% - 40px);
    max-width: 890px;
    transition: all 0.5s;
    transform: translate(-100vw, 0px);
}
.popVideo.active .contentPopup {
    transform: translate(0vw, 0px);
}
.videoBoxpopup {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 57%;
    background: #292929;
}
.videoBoxpopup iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none !important;
}
.popVideo i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.popVideo .contentPopup i.close {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 40px;
    height: 24px;
    color: #fff;
    background: #e7005e;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
}
.popVideo .contentPopup i.close:hover {
    background: #9d0a46;
}

.contentAboutHome .elementor-widget-wrap {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    gap:20px
}
.contentAboutHome .elementor-widget-wrap .elementor-element:nth-child(1), .contentAboutHome .elementor-widget-wrap .elementor-element:nth-child(2) {
    grid-column: span 2;
    margin: 0 !important;
    padding: 0 !important;
}
body.elementor-editor-active .contentAboutHome .elementor-widget-wrap .elementor-element:nth-child(3) {
    grid-column: span 2;
    margin: 0 !important;
    padding: 0 !important;
}
.itemboxIcon {
    margin: 0 !important;
}
.itemboxIcon:hover .elementor-icon-box-wrapper {
    transition: all 0.2s;
    background: rgb(255 225 220);
}
.itemboxIcon .elementor-icon-box-wrapper {
    position: relative;
    background: rgb(244 244 244 / 50%);
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !IMPORTANT;
    transition: all 0.2s;
    border-radius: 6px;
}
.itemboxIcon .elementor-icon-box-wrapper .elementor-icon {
    position: relative;
    width: 50px;
    height: 50px;
    background: #c5321a;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 6px;
}
.itemboxIcon .elementor-icon-box-icon {
    margin: 0 0px 0 10px !important;
}
.itemboxIcon .elementor-icon-box-wrapper .elementor-icon svg {
    display: flex !important;
    width: auto !important;
    height: auto !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: unset !important;
    min-width: unset !IMPORTANT;
    max-height: unset !important;
    max-width: unset !important;
}
.itemboxIcon .elementor-icon-box-wrapper .elementor-icon-box-content {
    display: flex;
    align-items: center !important;
    justify-content: flex-start;
    height: 50px;
}
.itemboxIcon .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title, .itemboxIcon .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title a {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    color: #757575;
    font-weight: 400;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}
.titleAboutHome .elementor-widget-container {
    position: relative;
}
.titleAboutHome .elementor-widget-container:before {
    position: absolute;
    left: calc(100% - 10px);
    top: -10px;
    height: calc(100% + 20px);
    background: transparent var(--bgImg) no-repeat left center / 30px;
    content: '';
    width: 40px;
}
.titleAboutHome.simple .elementor-widget-container:before {
    background: #c5321a;
    width: 3px;
    left: 100%;
    height: 100% !important;
    top: 0 !important;
}
.secService * , .secBlog *{
    overflow: initial !important;
}
.secService .elementor-container ,
.secBlog .elementor-container {
    position: relative;
}
.secDepartemants * {
    overflow: initial !important;
}
.secDepartemants .elementor-container {
    position: relative;
}
.secService .elementor-container:before  {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #282828;
    content: '';
    z-index: 10;
}
.secBlog .elementor-container:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    background-image: url(/wp-content/themes/xtra-child/assets/img/bgsec2.jpg);
    content: '';
    z-index: 10;
}
.secService .elementor-container .elementor-container:before ,
.secBlog .elementor-container .elementor-container:before {
    display:none;
}
.secDepartemants .elementor-container:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: calc(100% - 75px);
    background: #FFF;
    content: '';
    z-index: 10;
}
.secDepartemants .elementor-container .elementor-container:before {
    display:none;
}
.itemPostCutsom .elementor-widget-wrap {
    position: relative;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.itemPostCutsom .elementor-widget-wrap a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    display: flex;
    border-radius: 8px !important;
}

.itemPostCutsom .elementor-container .elementor-widget-container {
    position: relative;
}
.itemPostCutsom .elementor-container .elementor-widget-image .elementor-widget-container:before {
    position: relative;
    width: 100%;
    padding-top: 80%;
    content: '';
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.6);
    transition: all 0.5s;
    pointer-events:none;
}
.itemPostCutsom:hover .elementor-container .elementor-widget-image .elementor-widget-container:before {
    background: rgba(0,0,0,0.0);
}
.itemPostCutsom .elementor-container .elementor-widget-image {
    margin: 0 !important;
    position: relative;
    border-radius: 8px;
    overflow: hidden !important;
}
.itemPostCutsom .elementor-widget-wrap a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2) {
    position: relative;
    height: 60px;
    margin: 5px 0 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2):after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background: #c5321a;
    content: '';
    display: block;
    height: 1px;
    transition:all 0.5s;
}
.itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2):before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    background: #fff;
    content: '';
    display: block;
    height: 1px;
    transition:all 0.5s;
}
.itemPostCutsom:hover .elementor-widget-wrap .elementor-element:nth-child(2):after {
    width: 0%;
}
.itemPostCutsom:hover .elementor-widget-wrap .elementor-element:nth-child(2):before {
    width: 100%;
}
.itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2) .elementor-heading-title {
    font-size: 16px;
    padding: 0 10px;
    color: #fff;
    transition: all 0.2s;
}
.itemPostCutsom:hover .elementor-widget-wrap .elementor-element:nth-child(2) .elementor-heading-title {
    color: #ed4d33;
}
.itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2) .elementor-widget-container {
    display: flex;
    align-items: center;
}


.itemPostCutsom .elementor-container .elementor-widget-image:before {
    position: absolute;
    left: -20%;
    bottom: -20%;
    width: 100%;
    height: 60%;
    content: '';
    z-index: 11;
    background: linear-gradient(65deg, #FF5722, transparent);
    filter: blur(90px);
    transition: all 0.5s;
    opacity: 1;
    pointer-events:none;
}
.itemPostCutsom:hover .elementor-container .elementor-widget-image:before {
    opacity: 0;
}

.itemPostCutsom .elementor-container .elementor-widget-image i.bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 12;
    pointer-events: none;
}

.itemPostCutsom .elementor-container .elementor-widget-image i.bg i.bg1 {
    position: absolute;
    bottom: -60%;
    right: -60%;
    width: 100%;
    height: 100%;
    background: no-repeat center / 100%;
    transition: all 0.5s;
    transform:translate(30vw,30vw)
}
.itemPostCutsom .elementor-container .elementor-widget-image i.bg i.bg2 {
    position: absolute;
    top: -60%;
    left: -60%;
    width: 100%;
    height: 100%;
    background: no-repeat center / 100%;
    transition: all 0.5s;
    transform:translate(-30vw,-30vw)
}
.itemPostCutsom:hover .elementor-container .elementor-widget-image i.bg i.bg1 {
    transform:translate(0vw,0vw)
}
.itemPostCutsom:hover .elementor-container .elementor-widget-image i.bg i.bg2 {
    transform:translate(0vw,0vw)
}
.itemPostCutsom .elementor-container .elementor-widget-image i.bg:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    content: "\f002";
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal !important;
    font-size: 45px;
    transform: scale(4);
    transition: all 0.2s;
    opacity: 0;
}
.itemPostCutsom:hover .elementor-container .elementor-widget-image i.bg:before {
    transform: scale(1);
    opacity: 1;
}

.elementor-swiper-button {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(197 50 26 / 12%);
    border-radius: 100%;
    transition:all 0.2s;
}

.elementor-swiper-button:hover {
    background: rgb(197 50 26 / 80%);
}
.secService i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}
.secService i.bg:before {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../img/serviceSec-light-left.png) no-repeat 0% -180% / 24%;
}
.secService i.bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index:100;
    background: url(../img/serviceSec-light-right.png) no-repeat bottom right / 16%;
}
.secDepartemants .swiper-pagination-progressbar {
    position: absolute;
    top: auto !important;
    bottom: 20px;
    width: calc((100% - 80px) + var(--wispace)) !important;
    right: 90px;
    left: auto !important;
    background: #f1f1f1;
    transform: scaleX(-1);
}
.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg, .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {
    fill: #c5321a !important;
}
.btnMore {
    display: flex !important;
    justify-content: flex-end !important;
}
nav.navigation.pagination .nav-links {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}
.secDepartemants .swiper-pagination-progressbar span.swiper-pagination-progressbar-fill {
    position: absolute;
    left: auto !important;
    right: 0 !important;
    background: #c5321a !important;
}
.secDepartemants .elementor-swiper-button-next {
    position: absolute;
    top: auto !important;
    bottom: -45px !important;
    right: -80px !important;
    left: auto;
    z-index: 1000000;
    background: #f1f1f1;
    color: #c5321a !important;
    font-size: 22px !important;
}
.secDepartemants .elementor-swiper-button-prev {
    position: absolute;
    top: auto !important;
    bottom: -45px !important;
    right: 0px !important;
    left: auto;
    z-index: 1000000;
    background: #f1f1f1;
    color: #c5321a !important;
    font-size: 22px !important;
}
.secDepartemants .elementor-swiper-button-next:hover ,
.secDepartemants .elementor-swiper-button-prev:hover {
    background: #c5321a;
    color: #fff !important;
}
.secDepartemants .itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2) .elementor-heading-title {
    color: #7d7d7d !important;
}
.secDepartemants  .itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2):after {
    background: #dedede;
}
.secDepartemants  .itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2):before {
    background: #dedede;
}


.boxesSpecialProd article .elementor-post__thumbnail {
    position: relative;
    display: flex;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 6px;
}

.boxesSpecialProd article .elementor-post__thumbnail:before {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 100%;
    content: '';
}
.boxesSpecialProd article .elementor-post__thumbnail img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
}
.boxesSpecialProd article .elementor-post__thumbnail__link {
    margin: 0 !important;
}
.boxesSpecialProd article .elementor-post__text {
    position: relative;
}
.boxesSpecialProd article .elementor-post__text:before {
    position: absolute;
    bottom: calc(100% - 3px);
    background: url(../img/lineProdBox.svg) no-repeat bottom center / 100%;
    height: 40px;
    width: calc(100% - 10px);
    content: '';
    z-index: 10;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}
.boxesSpecialProd article .elementor-post__title {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxesSpecialProd article .elementor-post__title * {
    color: #fff;
}
.boxesSpecialProd article {
    overflow:inherit !important;
}
.boxesSpecialProd article:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    background: #FF5722;
    width: calc(100% - 20px);
    height: 0;
    margin: auto;
    z-index: 10;
    content: '';
    transition: all 0.2s;
    border-radius: 10px 10px 0 0;
}
.boxesSpecialProd article:hover:before {
    height: 10px;
}
.boxesSpecialProd article .elementor-post__thumbnail i.bg {
    transition: all 0.5s;
    position: absolute;
    right: -90%;
    top: -90%;
    width: 150%;
    height: 150%;
    background: url(/wp-content/themes/xtra-child/assets/img/effect.png) no-repeat center / 100%;
    z-index: 10;
}
.boxesSpecialProd article:hover .elementor-post__thumbnail i.bg {
    transform: translate(10vw, -10vw) !important;
    opacity: 0;
}
.boxesSpecialProd article .elementor-post__thumbnail:after {
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "\f002";
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal !important;
    transform: scale(4);
    transition: all 0.2s;
    opacity: 0;
    font-size: 32px;
    z-index: 10;
}
.boxesSpecialProd article:hover .elementor-post__thumbnail:after {
    transform: scale(1);
    opacity: 1;
}

.boxesSpecialProd article .elementor-post__text:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 70%;
    content: '';
    background: #000;
    filter: blur(6px);
    opacity: 0;
    transition: all 0.5s;
}

.boxesSpecialProd article:hover .elementor-post__text:after {
    opacity: 1;
}

.itemBlogCutsom .elementor-widget-image {
    position: relative;
    width: 100%;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 10px;
}
.itemBlogCutsom .elementor-widget-image:before {
    position: relative;
    width: 100%;
    padding-top: 70%;
    display: block;
    content: '';
}
.itemBlogCutsom .elementor-widget-image .elementor-widget-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    border-radius: 10px;
    background: #eee;
}
.itemBlogCutsom .elementor-widget-image a, .itemBlogCutsom .elementor-widget-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all 0.5s;
}
.itemBlogCutsom:hover .elementor-widget-image a {
    transform:scale(1.2) rotate(3deg);
}
.itemBlogCutsom .elementor-page-title {
    position: relative;
    padding: 10px;
}
.itemBlogCutsom .elementor-page-title .elementor-widget-container {
    position: relative;
    width: 100%;
    padding: 0px 20px 0px 10px;
    border-right: 2px solid #FF5722;
    height: 50px;
    display: flex;
    align-items: center;
}
.itemBlogCutsom .elementor-heading-title {
    color: #858585 !important;
    font-size: 16px !important;
}
.elementor-widget-theme-post-title .elementor-heading-title {
    font-family: 'iranyekan_standard' !important;
}
.itemBlogCutsom .elementor-widget-image i.bg {
    transition: all 0.5s;
    position: absolute;
    right: -80%;
    top: -90%;
    width: 120%;
    height: 150%;
    background: url(/wp-content/themes/xtra-child/assets/img/effect.png) no-repeat center / 100%;
    z-index: 10;
}
.itemBlogCutsom .elementor-widget-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.6);
    transition: all 0.5s;
}
.itemBlogCutsom:hover .elementor-widget-image:after {
    opacity:0;
}
.certificates .elementor-carousel-image {
    background: no-repeat center / 100%;
    position: relative;
    height: auto;
    padding-top: 150%;
    display: flex !important;
    width: calc(80%);
    margin: auto;
}
.customArrowCarousel .e-widget-swiper .elementor-swiper-button-prev ,
.customArrowCarousel .e-widget-swiper .elementor-swiper-button-next {
    /* opacity: 0 !important; */
    visibility: hidden !important;
}

.NextPrevBtns {
    position: absolute;
    width: calc(100% + 150px);
    left: -80px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.NextPrevBtns .swiper-button-next, .NextPrevBtns .swiper-button-prev {
    position: absolute;
    top: 0 !important;
    bottom: 0!important;
    margin: auto;
    z-index: 15;
    background: rgb(231 231 231 / 56%);
    color: #c5321a !important;
    display: flex;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    transition:all 0.2s;
}
.secService .NextPrevBtns .swiper-button-next,.secService  .NextPrevBtns .swiper-button-prev {
    background: rgb(197 50 26 / 12%) !important;
    color: #fff !important;
}
.secService .NextPrevBtns .swiper-button-next:hover,.secService  .NextPrevBtns .swiper-button-prev:hover {
    background: rgb(197 50 26 / 100%) !important;
}
.NextPrevBtns .swiper-button-next:hover, .NextPrevBtns .swiper-button-prev:hover {
    position: absolute;
    top: 0 !important;
    bottom: 0!important;
    margin: auto;
    z-index: 15;
    background: #c5321a;
    color: #fff !important;
}

.NextPrevBtns .swiper-button-next:after, .NextPrevBtns .swiper-button-prev:after {
    font-size: 18px;
    font-weight: 800;
}

.ButtonSlider {
    background: transparent !important;
    height: 50px !important;
    padding: 0 40px !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
}
.ButtonSlider:hover {
    background: #ee3c24 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
}
.ButtonSlider:before {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    top: -1px !important;
    border-radius: 6px 6px 0 0;
    border-bottom: 0 !important;
    transition: all 0.2s;
}
.ButtonSlider:after {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    bottom: -1px !important;
    border-radius: 0 0 6px 6px;
    border-top: 0 !important;
    transition: all 0.2s;
}
.ButtonSlider:hover:after {
    height: 40px;
}
i.xtra-search-icon:before {
    transform: scaleX(-1);
}
.cz_middle_footer {
    position:relative;
}
.cz_middle_footer i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: color-burn;
    opacity: 0.2;
}
.cz_middle_footer li a {
    position: relative;
    padding: 0 !important;
    background: no-repeat !important;
}
.cz_middle_footer li a:hover {
    color: #FF5722;
}
.cz_middle_footer a:hover {
    color: rgb(255 87 34) !important;
}
.footer_widget h4 {
    width: 60%;
    border-color: #fff !important;
}
.footer_widget > h4:before {
    position: absolute;
    right: -40px;
    height: 1px;
    width: 30px;
    background: #FF5722;
    content: '';
}
.footer_1 {
    position:relative;
}
.footer_1 i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.4;
}
.footer_1:before {
    position: absolute;
    left: 0;
    top: 0px;
    background: #000;
    height: 20px;
    content: '';
    display: block;
    width: 70%;
    transform: skewY(0.6deg);
    z-index: -1;
}
.footer_1:after {
    position: absolute;
    right: 0;
    top: 0px;
    background: #000;
    height: 20px;
    content: '';
    display: block;
    width: 70%;
    transform: skewY(-0.6deg);
    z-index: -1;
}


.btnMore {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.btnMore .elementor-button {
    position:relative;
    background: transparent !important;
    height: 50px !important;
    padding: 0 40px !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
}
.btnMore .elementor-button:hover {
    background: #ee3c24 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
}
.btnMore .elementor-button:before {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    top: -1px !important;
    border-radius: 6px 6px 0 0;
    border-bottom: 0 !important;
    transition: all 0.2s;
}
.btnMore .elementor-button:after {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    bottom: -1px !important;
    border-radius: 0 0 6px 6px;
    border-top: 0 !important;
    transition: all 0.2s;
}
.footer_1 form {
    position: relative;
    display: flex;
    align-items: center;
    width: 380px;
    background: rgba(0,0,0,0.1);
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 0px !important;
    margin: 20px 0;
}
.footer_1 form .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: -100px;
    width: 50px;
    height: 50px;
}
.footer_1 form .gform-body {
    position: relative !important;
    width: 100% !important;
    height: 60px !important;
    background: transparent !important;
}
.footer_1 form .gform-body * {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 100px;
    padding: 0 !important;
}
.footer_1 .gform_wrapper.gravity-theme .gfield input {
    padding: 0 10px 0 50px !important;
    direction: ltr !important;
    text-align: right;
    font-family: 'iranyekan' !important;
    font-size: 18px !important;
    background: transparent !important;
}
.footer_1 form .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    left: 5px;
    margin: auto !important;
}
.footer_1 form .gform_footer input {
    margin: 0 !important;
    font-size: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    height: 100% !important;
    border-radius: 100% !important;
    background: #000 url(/wp-content/themes/xtra-child/assets/img/mailbtn.png) no-repeat center / 35px;
}
.footer_1 form .gform_footer input:hover {
    background-size: 59% !important;
}
.footer_1_right .gform_wrapper.gravity-theme .gform_validation_errors {
    position: absolute;
    z-index: 10;
    top: 100%;
    margin: 0 !important;
    background: linear-gradient(45deg, #f10038, transparent);
    color: #fff !important;
    backdrop-filter: blur(6px);
}
.footer_1_right .gform_wrapper.gravity-theme .gform_validation_errors * {
    color: #fff !important;
}

.footer_1 form .gform-body *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.footer_1 form .gform-body *:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.footer_1 form .gform-body *::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.footer_1 form .gform-body .validation_message {
    display:none !important;
}
.footer_1 form .gform-body .ginput_container .validation_message {
    position: absolute;
    z-index: 10;
    bottom: auto;
    top: -35px;
    right: 30px;
    margin: 0 !important;
    background: linear-gradient(45deg, #f10038, transparent);
    color: #fff !important;
    backdrop-filter: blur(6px);
    border-radius: 6px !important;
    padding: 0 10px !important;
    border: 1px solid red !important;
    display: flex !important;
    align-items: center;
    font-size: 14px;
    height: 30px !important;
    width: 190px !important;
}
.footer_1 form .gform-body .gform_heading {
    display: none;
}
.btnMore.btnicon .elementor-button {
    padding: 0 20px 0 60px !important;
}
.btnMore.btnicon.bgwhaite .elementor-button {
    color: #000 !important;
}
.btnMore.btnicon.bgwhaite .elementor-button:hover {
    color: #fff !important;
}
.btnMore.btnicon span.elementor-button-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0 auto !important;
    left: 20px;
}
.btnMore.btnicon span.elementor-button-icon svg {
    width: 100%;
}
.page_title, .header_onthe_cover .page_title {
    background-color: #f9f9f9 !important;
    padding-top: 90px !important;
    padding-bottom: 10px !important;
    border-style: solid !important;
    border-top-width: 0px !important;
    border-bottom-width: 2px !important;
    border-color: rgba(255,255,255,1) !important;
}
.page_content {
    margin: 40px 0 !important;
}
.TitleSecFaq .cz_title {
    position: relative;
    width: 100%;
    height: 70px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
}
.TitleSecFaq .cz_title .cz_title_content {
    position: relative;
    width: 100%;
    padding: 0 !important;
    height: 100%;
}
.TitleSecFaq .cz_title .cz_title_content span.cz_title_icon_before {
    position: absolute;
    height: 100%;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.TitleSecFaq .cz_title .cz_title_content span.cz_title_icon_before img {
    width: 40px;
}
.TitleSecFaq .cz_title .cz_wpe_content {
    padding: 0 80px 0 0 ;
}
.faqCustomBox span.cz_acc_child {
    padding: 10px 70px 10px 10px !important;
    border: none !important;
    position: relative !important;
}
.faqCustomBox span.cz_acc_child i {
    position: absolute;
    right: 10px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    top: 30px;
    margin: auto !important;
    background: #f2f1f1;
    border-radius: 100% !important;
    color: #c5321a;
}

.faqCustomBox span.cz_acc_child div {
    height: 45px;
    display: flex;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 2px solid #cfcfcf;
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #1e1e1e !important;
    font-size: 16px;
}

.faqCustomBox  .cz_acc_child_content.clr {
    border: none !important;
}


.formSendFaq  input.gform_button.button {
    position: relative;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px!important;
    min-height: unset !important;
    border-radius: 10px;
    border: 1px solid #ee3c24;
    background: transparent !important;
    color: #000;
}

.formSendFaq  input.gform_button.button:hover {
    border: 1px solid #ee3c24;
    background: #ee3c24 !important;
    color: #fff;
}
.formSendFaq {
    display:none;
}
.formSendFaq.active {
    display:block;
}
#menu_header_2 > .cz > a {
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    font-size: 16px !important;
}
#menu_header_2 > .cz > a:before {
    background-color: transparent !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    bottom: 0 !IMPORTANT;
    height: 35px !important;
    border: 1px solid #FF5722;
    margin: auto;
    border-radius: 8px !important;
}

.section.faq {
    position: relative;
    width: 100%;
    margin: 40px 0 40px !important;
    background: #fff;
    padding: 40px;
}
.section.faq .widget {
    position: relative;
    width: 100%;
    background: transparent !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !IMPORTANT;
}
.section.faq .codevz-widget-custom-menu-2-old {
    position: relative;
    display: flex;
    width: 100%;
}

.section.faq .codevz-widget-custom-menu-2-old .clr {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 20px;
}

.section.faq .codevz-widget-custom-menu-2-old .clr:before,
.section.faq .codevz-widget-custom-menu-2-old .clr:after {
    display:none !important;
}




.section.faq .codevz-widget-custom-menu-2-old a {
    position: relative;
    background: transparent !important;
    height: 50px !important;
    padding: 0 40px !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
    color: #333;
}
.section.faq .codevz-widget-custom-menu-2-old a:hover {
    background: #ee3c24 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
    color:#fff;
}
.section.faq .codevz-widget-custom-menu-2-old a:before {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    top: -1px !important;
    border-radius: 6px 6px 0 0;
    border-bottom: 0 !important;
    transition: all 0.2s;
}
.section.faq .codevz-widget-custom-menu-2-old a:after {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    bottom: -1px !important;
    border-radius: 0 0 6px 6px;
    border-top: 0 !important;
    transition: all 0.2s;
}
body.archive.author .page_content .row.clr ,
body.archive.category .page_content .row.clr ,
body.blog .page_content .row.clr {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
}
body.archive.author .page_content .row.clr aside.sidebar_primary, 
body.archive.category .page_content .row.clr aside.sidebar_primary, 
body.blog .page_content .row.clr aside.sidebar_primary {
    position: relative !important;
    width: 100% !important;
    margin-top: -35px !important;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ,
body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ,
body.blog .page_content .row.clr aside.sidebar_primary .widget_categories {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories h4 ,
body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories h4 ,
body.blog .page_content .row.clr aside.sidebar_primary .widget_categories h4 {
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    margin: 0 !important;
    border: none !important;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul ,
body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul ,
body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul {
    position: relative;
    width: auto;
    display: flex;
    gap: 30px;
    margin-right: 30px;
}
.widget h4:before, .widget h4:after {
    display: none !important;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul a ,
body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul a ,
body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul a {
    border: none !important;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul li.current a, 
body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul li.current a, 
body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul li.current a {
    color: #ff5722;
}
body.archive.author .page_content .row.clr .col ,
body.archive.category .page_content .row.clr .col ,
body.blog .page_content .row.clr .col {
    width: 100% !important;
}
body.archive.author .page_content .row.clr aside.col, 
body.archive.category .page_content .row.clr aside.col, 
body.blog .page_content .row.clr aside.col {
    margin-top: -35px !important;
}
body.archive.author .page_content .row.clr aside.col:before, 
body.archive.category .page_content .row.clr aside.col:before, 
body.blog .page_content .row.clr aside.col:before {
    position: absolute;
    left: 0;
    top: -7px;
    width: 100%;
    height: 2px;
    background: #cecece;
    content: '';
}
.secDepContact .elementor-container {
    position: relative;
    padding: 50px;
    background: #fff !important;
    justify-content: space-evenly !IMPORTANT;
    gap: 20px !important;
    flex-wrap: wrap !important;
}
.secDepContact .elementor-column {
    width: auto !important;
}
.itemDepContact {
    padding: 0px;
    position: relative;
    background: #fff !important;
    overflow: hidden;
    min-width:280px;
}
.itemDepContact:before {
    position: relative;
    padding-top: 70%;
    background: #c5321a;
    content: '';
    display: block;
}
.itemDepContact:after {
    position: absolute;
    background: #fff;
    content: '';
    display: block;
    width: 85%;
    height: 100%;
    transform: skew(49deg, 0deg);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}
.itemDepContact:hover:after {
    width: 5%;
}
.itemDepContact .elementor-icon-box-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.itemDepContact .elementor-widget-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #b3b3b3;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    z-index:10;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
    background-color: #f9f9f9 !important;
    border: none !important;
    height: 50px;
    padding: 0 15px;
}
.gform_wrapper.gravity-theme .gfield textarea {
    background: #f9f9f9 !important;
    border: none !important;
    min-height: 200px;
    max-height: 200px;
    padding: 0 15px;
}
.formContactus .gform_footer.before {
    padding: 0 !important;
}
.formContactus input.gform_button.button {
    position: relative !important;
    height: 60px !important;
    background: #c5321a url(/wp-content/themes/xtra-child/assets/img/arrowSubmit.png) no-repeat calc(50% - 75px) center / 27px !important;
    padding: 0;
    color: #fff !important;
    width: 100%;
    display: flex;
    gap: 5px;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
}
.formContactus input.gform_button.button:hover {
    background-position: calc(50% - 80px) center !important;
}

.formContactus input.gform_button.button:after {
    position: relative !important;
    content:'';
    width: 25px;
    height: 15px;
    background: #fff;
    display:block;
}


.mapContent .js-map.mapboxgl-map {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
} 
.office_map {
    position: relative;
    width: 100%;
    align-items: center;
    background: #202020;
    margin: 0 0 40px;
    color: #fff;
    justify-content: center;
    box-sizing: border-box;
    justify-content: center;
}
.office_map * {
    box-sizing:border-box;
}
.boxShowMap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.office_map .boxShowMap .col {
    position: relative;
    width: 100%;
    align-items: center;
}
.office_map .containerMap {
    position: relative;
    width: 1280px;
    max-width: 100%;
    margin: auto !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    left: 0;
    right: 0;
    pointer-events: none;
}
.office_map .containerMap .col {
    position: relative;
    width: 100%;
    padding: 50px 10px;
    min-height: 250px;
}
.office_map .containerMap .col:first-child {
    pointer-events: auto;
}
.office_map .boxShowMap .col .mapContent {
    position: relative;
    width: 100%;
    height: 100%;
}
ul.social-networks-list {
    position: absolute;
    left: 0;
    display: flex;
    list-style: none;
    gap: 5px;
}

ul.social-networks-list li {
    width: 25px;
    height: 25px;
    background: ;
    display: flex;
    justify-content: center;
    align-items: center;
}


ul.social-networks-list li a {
    transition:all 0.2s !important;
}
ul.social-networks-list li a:hover {
    color: #c5321a !important;
    transform: scale(1.1);
}
/*.fa:before, .fas:before {*/
/*    font-family: 'Font Awesome 5 Free' ;*/
/*    font-weight: 900;*/
/*}*/
.textContentMap .fab:before {
    font-family: 'Font Awesome 5 Brands';
}
.textContentMap .title {
    font-weight: 400;
    font-size: 16px;
}
.textContentMap .itemAddress {
    position: relative;
    font-size: 14px;
    font-weight: 400 !important;
    color: #fff !important;
    width: 100%;
    justify-content: space-between;
    display: flex;
    max-width: 400px;
    align-items: center;
}
.textContentMap a {
    position: relative;
    font-size: 16px;
    font-weight: 400 !important;
    color: #fff !important;
}
.textContentMap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.itemAddress.fas {
    padding: 0 30px 0 0;
    height: 30px;
}
.textContentMap .itemAddress .fas {
    padding: 0 30px 0 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.textContentMap .fas:before {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #c5321a;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.CustomListItems, .CustomListItems * {
    box-sizing: border-box;
}
.office_map .containerMap .col .textContentMap {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    height: calc(100% - 80px);
    margin: auto;
    padding: 0px;
    border-left: 2px solid #c5321a;
    width: 100%;
    min-height: 200px;
    display: flex;
    justify-content: center;
}

.office_map .containerMap .col .textContentMap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 2px;
    content: '';
    background: #c5321a;
}
.office_map .containerMap .col .textContentMap:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 2px;
    content: '';
    background: #c5321a;
}

.mapboxgl-marker.mapboxgl-marker-anchor-center {
	background-image: url('../img/marker.png');
	background-size: cover;
	height: 50px;
	border-radius: 0%;
	cursor: pointer;
	width: 50px;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.mapboxgl-marker.mapboxgl-marker-anchor-center svg {
	display: none;
}
.mapboxgl-ctrl-bottom-left , .mapboxgl-ctrl-bottom-right{
	display: none !important;
}
.office_all_map {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) ,
.office_all_map .office_map:nth-child(even) .boxShowMap .col:nth-child(1) {
    grid-column: 2;
    grid-row:1;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(2) ,
.office_all_map .office_map:nth-child(even) .boxShowMap .col:nth-child(2) {
    grid-column: 1;
    grid-row:1;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) .textContentMap {
    border-left: none !important;
    border-right: 2px solid #c5321a;
    left: auto;
    right: 0;
    padding-right: 40px;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) .textContentMap:before ,
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) .textContentMap:after {
    left: auto;
    right: 0;
}
.office_all_map .office_map:nth-child(even) .containerMap .col, .office_all_map .office_map:nth-child(even) .boxShowMap .col {
    margin: 0;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) {
    padding-right: 50px;
}


body.archive.author article, 
body.archive.category article, 
body.blog article {
    position: relative;
    width: 100%;
}
body.archive.author article .clr, 
body.archive.category article .clr, 
body.blog article .clr {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    border: none !important;
    background: transparent !important;
}
body.archive.author article .clr .cz_post_image, 
body.archive.category article .clr .cz_post_image, 
body.blog article .clr .cz_post_image {
    margin: 0 !important;
    width: 100%;
    position: relative;
}
body.archive.author article .clr .cz_post_image:before, 
body.archive.category article .clr .cz_post_image:before, 
body.blog article .clr .cz_post_image:before {
    width: 100%;
    padding-top: 30%;
    content:'';
    position: relative;
    display:block;
}
body.archive.author article .clr .cz_post_image:after,
body.archive.category article .clr .cz_post_image:after, 
body.blog article .clr .cz_post_image:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #b93e2b;
    bottom: 0;
}
body.archive.author article .clr .cz_post_image img, body.archive.category article .clr .cz_post_image img, body.blog article .clr .cz_post_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: all 0.5s;
}
body.archive.author article:hover .clr .cz_post_image img, 
body.archive.category article:hover .clr .cz_post_image img, 
body.blog article:hover .clr .cz_post_image img {
    filter: grayscale(0);
}
body.archive.author article .clr .cz_post_image i.cz_post_icon, 
body.archive.category article .clr .cz_post_image i.cz_post_icon, 
body.blog article .clr .cz_post_image i.cz_post_icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: #00000085 !important;
    opacity: 1 !important;
    width: 100%;
    height: 100%;
    min-width: 100% !IMPORTANT;
    margin: 0 !important;
    transform: none !important;
    transition: all 0.5s !important;
    font-size: 0 !important;
    color: transparent !important;
}
body.archive.author article:hover .clr .cz_post_image i.cz_post_icon, 
body.archive.category article:hover .clr .cz_post_image i.cz_post_icon, 
body.blog article:hover .clr .cz_post_image i.cz_post_icon {
    opacity:0 !important;
}
body.archive.author article .cz_post_con, 
body.archive.category article .cz_post_con, 
body.blog article .cz_post_con {
    position: relative;
    width: calc(100% - 100px);
    margin: -100px auto 0;
    background: #f3f3f3;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px -15px rgba(0,0,0,0.5);
}
body.archive.author article .cz_post_con:before, 
body.archive.category article .cz_post_con:before, 
body.blog article .cz_post_con:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    height: 100%;
    width: calc(100% - 80px);
    content: '';
    border: 4px solid #ba3e2b;
    border-width: 4px 0;
    margin: auto;
}
body.archive.author article .cz_post_con .cz_post_title, 
body.archive.category article .cz_post_con .cz_post_title, 
body.blog article .cz_post_con .cz_post_title {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 6px 0 0;
    box-sizing: border-box;
    border-right: 2px solid #383838;
    margin-top:10px;
}
body.archive.author article .cz_post_con .cz_post_title h3, 
body.archive.category article .cz_post_con .cz_post_title h3, 
body.blog article .cz_post_con .cz_post_title h3 {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 6px 0 0;
    box-sizing: border-box;
    background: #ffffff;
    margin: 0 !important;
    color: #c5321a;
    font-size: 18px;
}
body.archive.author article .cz_post_con span.cz_post_meta, 
body.archive.category article .cz_post_con span.cz_post_meta, 
body.blog article .cz_post_con span.cz_post_meta {
    position: absolute;
    left: 20px;
    top: 20px;
    margin: 0;
    height: 50px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.archive.author article .cz_post_con span.cz_post_meta a.cz_post_author_name, 
body.archive.category article .cz_post_con span.cz_post_meta a.cz_post_author_name, 
body.blog article .cz_post_con span.cz_post_meta a.cz_post_author_name {
    display: none;
}
body.archive.author article .cz_post_con span.cz_post_meta .cz_post_author_avatar, 
body.archive.category article .cz_post_con span.cz_post_meta .cz_post_author_avatar, 
body.blog article .cz_post_con span.cz_post_meta .cz_post_author_avatar {
    display: none;
}
body.archive.author article .cz_post_con span.cz_post_meta span.cz_post_date, 
body.archive.category article .cz_post_con span.cz_post_meta span.cz_post_date, 
body.blog article .cz_post_con span.cz_post_meta span.cz_post_date {
    background: transparent;
    color: #5c5c5c;
    font-size: 14px;
}
body.archive.author article .cz_post_con .cz_post_excerpt,
body.archive.category article .cz_post_con .cz_post_excerpt,
body.blog article .cz_post_con .cz_post_excerpt {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}
body.archive.author article .cz_post_con .cz_post_excerpt a.cz_readmore, 
body.archive.category article .cz_post_con .cz_post_excerpt a.cz_readmore, 
body.blog article .cz_post_con .cz_post_excerpt a.cz_readmore {
    position:relative;
    background: transparent !important;
    border-radius: 0 !important;
    color: #c5321a !important;
    font-size: 14px !important;
    padding: 0 10px 0 50px !important;
    height: 35px !important;
}
body.archive.author article .cz_post_con .cz_post_excerpt a.cz_readmore:hover, 
body.archive.category article .cz_post_con .cz_post_excerpt a.cz_readmore:hover, 
body.blog article .cz_post_con .cz_post_excerpt a.cz_readmore:hover {
    color: #333 !important;
}
body.archive.author article .cz_post_con .cz_post_excerpt a.cz_readmore i, 
body.archive.category article .cz_post_con .cz_post_excerpt a.cz_readmore i, 
body.blog article .cz_post_con .cz_post_excerpt a.cz_readmore i {
    position: absolute;
    left: 20px;
    font-size: 0;
    height: 1px;
    background: #a6a6a6;
    width: 20px;
    margin: auto;
    top: -4px;
    bottom: 0;
}
body.archive.author article .cz_post_con .cz_post_excerpt a.cz_readmore i:before, 
body.archive.category article .cz_post_con .cz_post_excerpt a.cz_readmore i:before, 
body.blog article .cz_post_con .cz_post_excerpt a.cz_readmore i:before {
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 3px);
    background: #a6a6a6;
    width: 10px;
}
body.archive.author article .cz_post_con .cz_post_excerpt a.cz_readmore i:after, 
body.archive.category article .cz_post_con .cz_post_excerpt a.cz_readmore i:after, 
body.blog article .cz_post_con .cz_post_excerpt a.cz_readmore i:after {
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 16px);
    background: #a6a6a6;
    width: 5px;
}
.itemService .contentBlogSlide .content {
    margin: 0 !important;
    padding: 0 !important;
}
.itemService .contentBlogSlide .down {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.itemService .contentBlogSlide a.linkmore {
    position: relative;
    height: 35px;
    padding: 0 10px 0 50px;
    color: #bb321c;
}
.itemService .contentBlogSlide a.linkmore:hover {
    color: #333;
}
.itemService .contentBlogSlide a.linkmore i {
    position: absolute;
    left: 20px;
    font-size: 0;
    height: 1px;
    background: #a6a6a6;
    width: 20px;
    margin: auto;
    top: 0px;
    bottom: 0;
}
.itemService .contentBlogSlide a.linkmore i:before{
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 3px);
    background: #a6a6a6;
    width: 10px;
}
.itemService .contentBlogSlide a.linkmore i:after {
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 16px);
    background: #a6a6a6;
    width: 5px;
}
nav.navigation.pagination .nav-links {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page-numbers {
    background: #ededed !important;
    color: #333 !important;
    height: 40px !important;
    width: 40px !important;
    padding: 0 !IMPORTANT;
    line-height: normal !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !IMPORTANT;
    border: 3px solid #ededed !important;
}
a.page-numbers:hover {
    background: #231f20 !IMPORTANT;
    color: #fff !important;
}
.page-numbers.current {
    background-color: #bb321c !IMPORTANT;
    color: #fff !important;
    background-clip: padding-box !important;
}

.contentListItems.oneCol {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.itemService {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center; 
    padding: 30px 0;
    overflow: hidden;
}
.itemService .pic {
    position: absolute;
    width: 55%;
    left: 0; 
    height: 100%;
    overflow: hidden;
    background-color:#fff;
}
.itemService .pic .piclink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.itemService .pic .piclink i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center / cover;
}
.itemService .pic .piclink img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    object-fit: cover;
}
.itemService .rowItems {
    position: relative;
    width: 100%;
    display: flex;
    pointer-events: none;
    flex-direction: row-reverse;
}
.itemService .rowItems .col:nth-child(1) {
    position: relative;
    width: 45%;
    z-index: 100;
    min-height: 240px;
}
.itemService .rowItems .col:nth-child(2) {
    position: relative;
    width: 55%;
    z-index: 100;
    pointer-events: auto;
}
.itemService .contentBlogSlide {
    position: relative;
    width: 100%;
    padding: 30px;
    background: #eee;
    min-height: 100%;
}
.itemService .contentBlogSlide .title {
    position: relative;
    padding: 0px 15px 0px 10px;
    border-right: 2px solid #000;
    display: flex;
    align-items: center;
    min-height: 50px;
    z-index: 1;
    color: #bb321c;
}
.itemService .contentBlogSlide .title:before {
    position: absolute;
    right: 5px;
    width: calc(100% - 5px);
    height: 100%;
    background: #fff;
    content: '';
    z-index: -1;
}
.itemService .col .contentBlogSlide:before {
    position: absolute;
    right: 0;
    width: 78%;
    background: transparent;
    height: calc(100% + 4px);
    content: '';
    top: -2px;
    border: 2px solid #be3019;
    border-width: 2px 0;
    box-sizing: border-box;
    pointer-events:none;
}
nav.navigation.pagination {
    position: relative;
    width: 100% !important;
    display: flex;
    justify-content: center;
}
.contentListItems.twoCol {
    position: relative;
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.itemProd {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.itemProd .pic {
    width: 100%;
    padding-top: 50%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.itemProd .pic .piclink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.itemProd .pic .piclink i.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center / cover;
}
.itemProd:hover .pic i.bg1, .itemService:hover .pic i.bg1 {
    transform: translate(-200px, -200px);
}
.itemService .pic .piclink i.bg:before ,
.itemProd .pic .piclink i.bg:before {
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "czicons";
    content: '\e88f';
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 38px;
    transition: all 0.2s;
    opacity: 0;
}
.itemService .pic .piclink i.bg:after ,
.itemProd .pic .piclink i.bg:after {
    background: #c5321a;
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    margin: auto;
    width: 80%;
    height: 150%;
    content: '';
    transition: all 0.2s;
    opacity: 0;
    border-radius: 100%;
    filter: blur(88px);
    mix-blend-mode: lighten;
}
.itemService:hover .pic .piclink i.bg:before ,
.itemService:hover .pic .piclink i.bg:after ,
.itemProd:hover .pic .piclink i.bg:before ,
.itemProd:hover .pic .piclink i.bg:after {
    opacity: 1;
}
.itemProd .pic .piclink img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity:0;
}
.itemProd .pic:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #c75c4b;
    content: '';
}

.itemProd .content {
    margin: 0 !important;
    padding: 0 !important;
    max-height: 120px;
    overflow: hidden;
    min-height: 120px;
}
.itemProd  .down {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.itemProd  a.linkmore {
    position: relative;
    height: 35px;
    padding: 0 10px 0 50px;
    color: #bb321c;
}
.itemProd  a.linkmore:hover {
    color: #333;
}
.itemProd  a.linkmore i {
    position: absolute;
    left: 20px;
    font-size: 0;
    height: 1px;
    background: #a6a6a6;
    width: 20px;
    margin: auto;
    top: 0px;
    bottom: 0;
}
.itemProd  a.linkmore i:before{
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 3px);
    background: #a6a6a6;
    width: 10px;
}
.itemProd  a.linkmore i:after {
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 16px);
    background: #a6a6a6;
    width: 5px;
}
.itemProd .contentBlogSlide {
    position: relative;
    width: calc(100% - 40px);
    margin: -100px auto 0;
    background: #f3f3f3;
    z-index: 10;
    padding: 20px 30px;
}
.itemProd .contentBlogSlide:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    height: calc(100% + 4px);
    box-sizing: border-box;
    margin: auto;
    border: 3px solid #aa3825;
    content: '';
    width: calc(100% - 40px);
    border-width: 3px 0;
    pointer-events: none;
}

.itemProd .contentBlogSlide .title {
    position: relative;
    padding: 0px 15px 0px 10px;
    border-right: 2px solid #000;
    display: flex;
    align-items: center;
    min-height: 50px;
    z-index: 1;
    color: #bb321c;
}
.itemProd .contentBlogSlide .title:before {
    position: absolute;
    right: 5px;
    width: calc(100% - 5px);
    height: 100%;
    background: #fff;
    content: '';
    z-index: -1;
}
.itemProd .col {
    margin: 0 !important;
    width: 100%;
}
.itemProd .pic i.bg1, 
.itemService .pic i.bg1 {
    position: absolute;
    left: 0;
    width: 70%;
    top: -100%;
    left: -42%;
    z-index: 10;
    background: no-repeat center / 100%;
    transition: all 0.2s;
}
.itemProd .pic i.bg1:before ,
.itemService .pic i.bg1:before {
    position: relative;
    width:100%;
    content:'';
    padding-top:100%;
    display:block;
}
.CustomListItems {
    padding: 0 0 40px;
}
.CustomListItems.units {
    padding: 40px 0 !important;
}
.row.elms_row.singleContent {
    padding: 40px 0;
}
img.realPic {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.singleContent .ContentCustomPost {
    position: relative;
    background: #fff;
    padding: 20px;
}
.formContactus .ginput_container.ginput_container_date, .formContactus .ginput_container.ginput_container_date input {
    min-width: 100% !important;
}
.BoxShare {
    position: relative;
    padding: 20px;
    background: #fff;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 40px 0 0;
    flex-wrap: wrap;
}
.BoxShare .share-btn {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all 0.2s;
}
.BoxShare .share-btn span.share-btn__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.BoxShare .share-btn svg {
    width: 20px;
    fill: #fff;
}
.share-btn.share-btn_facebook {
    background: #3b5998;
}
.share-btn.share-btn_twitter {
    background: #1da1f2;
}
.share-btn.share-btn_linkedin {
    background: #0077b5;
}
.share-btn.share-btn_skype {
    background: #00aff0;
}
.share-btn.share-btn_whatsapp {
    background: #25d366;
}
.share-btn.share-btn_email {
    background: #ea4335;
}

.share-btn:hover {
    filter: brightness(1.3);
}
/*--------------- Galley Popup --------------------------*/
.contentGallery {
    position: relative;
    display: flex;
    justify-content: FLEX-START;
    align-items: flex-start;
    flex-wrap: wrap;
}
.contentGallery .boxGall {
    position: relative;
    width: calc((100% / 4) - 20px);
    margin: 10px;
    background: no-repeat center / cover;
    transition: all 0.5s;
}
.contentGallery .boxGall:hover {
    transform: scale(1);
    z-index: 4;
}
.contentGallery .boxGall:before {
    position: relative;
    width: 100%;
    padding-top: 100%;
    display: block;
    content: '';
}
.contentGallery .boxGall .hoverGl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    transition-delay: 0.5s;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contentGallery .boxGall:hover .hoverGl {
    opacity: 1;
    transition-delay: 0s;
}

.contentGallery .boxGall .hoverGl:after {
    position: absolute;
    top: 0;
    right: -7px;
    height: 115px;
    width: 52px;
    content: '';
    background-color: #222;
    z-index: 10;
    background: url(../img/arrowOrangBox.png) no-repeat center / 52px 115px;
    bottom: 0;
    margin: auto;
}
.contentGallery .boxGall .hoverGl label, 
.contentGallery .boxGall .hoverGl a {
    position: relative;
    width: 100%;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #ffcc00;
    border-style: solid;
    border-width: 0px 2px;
    color: #fff;
    font-family: IranSharp;
    font-size: 16px;
    transition: all 0.5s;
    opacity: 1;
    cursor: pointer;
    transform-origin: center; 
    z-index: 8; 
    top: 0;
    overflow: hidden;
}
.contentGallery .boxGall:hover .hoverGl label span.title, 
.contentGallery .boxGall:hover .hoverGl a span.title {
    transform: translateY(0%);
}
.contentGallery .boxGall .hoverGl label span.title, 
.contentGallery .boxGall .hoverGl a span.title {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    bottom: 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    background: #ff5722 !important;
    border-radius: 10px 10px 0 0;
    transition: all 0.2s;
    transform: translateY(100%);
}
.boxGall:hover .hoverGl a.dl {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    height: 40px;
    width: 100px;
    border: none;
    background: #00a724;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s;
    transition-delay: 0s !important;
}
.boxGall:hover .hoverGl a.dl:hover {
    background: #4ee66f;
    color: #007219;
}
.boxGall:hover .hoverGl a.dl:active {
    background: #00a724;
    color: #4ee66f;
}
.contentGallery .boxGall .hoverGl label i:nth-child(1), .contentGallery .boxGall .hoverGl a i:nth-child(1) {
    height: 60px;
    position: absolute;
    width: 200px;
    left: 100%;
    border: 2px solid #e67715;
    border-right: 0;
    border-left: 0;
    top: -22px;
}
.contentGallery .boxGall .hoverGl label i:nth-child(2), .contentGallery .boxGall .hoverGl a i:nth-child(2) {
    height: 60px;
    position: absolute;
    width: 200px;
    right: 100%;
    border: 2px solid #e67715;
    border-right: 0;
    border-left: 0;
    top: -22px;
}
.contentGallery .boxGall .hoverGl label i:before, .contentGallery .boxGall .hoverGl a i:before , .contentGallery .boxGall .hoverGl label i:after, .contentGallery .boxGall .hoverGl a i:after {
    position: absolute;
    width: 2px;
    height: 15px;
    content: '';
    background: #e67715;
    display: block;
}
.contentGallery .boxGall .hoverGl label i:nth-child(1):before, .contentGallery .boxGall .hoverGl a i:nth-child(1):before {
    left: 0;
    top: 0;
}
.contentGallery .boxGall .hoverGl label i:nth-child(1):after, .contentGallery .boxGall .hoverGl a i:nth-child(1):after {
    left: 0;
    bottom: 0;
}
.contentGallery .boxGall .hoverGl label i:nth-child(2):before, .contentGallery .boxGall .hoverGl a i:nth-child(2):before {
    right: 0;
    top: 0;
}
.contentGallery .boxGall .hoverGl label i:nth-child(2):after, .contentGallery .boxGall .hoverGl a i:nth-child(2):after {
    right: 0;
    bottom: 0;
}
.RowFilterNewsList.fend {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.contentGallery .boxGall:hover .hoverGl label , .contentGallery .boxGall:hover .hoverGl a {
    transition-delay: 0.3s;
    transform: translateY(0px);
    opacity: 1;
}
.showLightBoxSlider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    display: none;
    opacity: 0;
    z-index: -1;
    transition: all 1s;
    transform-style: preserve-3d;

}

.showLightBoxSlider.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.9);
    opacity: 1;
    z-index: 10000000000000000;
}
i.prevBtn.fas.fa-chevron-left {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 40px;
    left: -50px;
    background: transparent;
    margin: auto;
    font-size: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: all 1s;
    cursor: pointer;
    color: #e67715;
    right: 0;
}
i.nextBtn.fas.fa-chevron-right {
    position: absolute;
    bottom: 0;
    width: 30px;
    right: -50px;
    left: 0;
    height: 40px;
    background: transparent;
    margin: auto;
    font-size: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: all 1s;
    cursor: pointer;
    color: #e67715;
}
i.fas.fa-window-close {
    font-size: 35px;
    color: e6e6e6;
    left: 30px;
    top: 30px;
    position: absolute;
    cursor: pointer;
    color: #ffc94a;
    border-radius: 50px;
    overflow: hidden;
    font-size: 41px;
    width: 35px;
    height: 35px;
    line-height: 38px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
i.fas.fa-window-close:hover {
    color:#e67715;
}
.showLightBoxSlider img.slideBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 60%;
    margin: auto;
    max-height: 80%;
    max-width: 80%;
    transform: translateZ(70px);
    opacity: 0;
    -webkit-animation: bounceOutUp 1s 1;
    animation: bounceOutUp 1s 1;
}
img.slideBox.activeCenter {
    /*transition: all 1s;*/
    /*transform: perspective(360px) rotateX(0deg) scaleY(1)*/
    opacity: 1;
    -webkit-animation: bounceInUp 1s 1;
    animation: bounceInUp 1s 1;
}
img.slideBox.activeRight {
    /*transition: all 1s;*/
    /*transform: perspective(360px) rotateX(-90deg) scaleY(0);*/
    opacity: 0;
    /*transform-origin: top;*/
    /*z-index: 10000;*/
    -webkit-animation: bounceOutRight 1s 1;
    animation: bounceOutRight 1s 1;
}
img.slideBox.activeLeft {
    /*transition: all 1s;*/
    /*transform: perspective(360px) rotateX(90deg) scaleY(0);*/
    opacity: 0;
    /*transform-origin: center;*/
    /*z-index: 10000;*/
    -webkit-animation: bounceOutLeft 1s 1;
    animation: bounceOutLeft 1s 1;
}
.menuTopResponsive {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 160px;
    margin: 0 auto;
}
.menuTopResponsive a.itemMenu:hover {
    filter: grayscale(0) brightness(1);
    padding-right: 70px;
}
.menuTopResponsive a.itemMenu {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding-right: 40px;
    padding-left: 10px;
    background: transparent no-repeat 88% 45% / 25px;
    filter: grayscale(2) brightness(3);
    height: 30px;
    text-align: right;
    padding-right: 70px;
}
.ShowResultGall {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.contentGallery.twoCol .boxGall {
    width: calc((100% / 3) - 20px);
}
header#site_header {
    pointer-events: none !important;
    Z-INDEX: 10000;
}
.cz_elm {
    pointer-events: auto !important;
}
.admin-bar .offcanvas_area, .admin-bar .hidden_top_bar {
    z-index: 100000;
}
.cz_overlay {
    z-index: 10001;
}
header#site_header a , 
header#site_header button ,
header#site_header input ,
header#site_header p ,
header#site_header span{
    pointer-events: auto !important;
}

/*SliderGallery End*/
/*--------------- Galley Popup --------------------------*/
.buttonHeader  li.elementor-icon-list-item a {
    position:relative;
    background: transparent !important;
    height: 50px !important;
    padding: 0 50px 0 30px !important;
    line-height: normal !important; 
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
    color:#fff !important;
}
.buttonHeader li.elementor-icon-list-item a span.elementor-icon-list-text {
    color: #fff;
}
.buttonHeader  li.elementor-icon-list-item a:hover {
    background: #ee3c24 !important;
    border: 2px solid rgba(255,255,255,0.2 ) !important;
}
.buttonHeader  li.elementor-icon-list-item a:before {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    top: -1px !important;
    border-radius: 6px 6px 0 0;
    border-bottom: 0 !important;
    transition: all 0.2s;
}
.buttonHeader  li.elementor-icon-list-item a:after {
    position: absolute;
    left: -1px;
    content: '';
    height: 15px;
    border: 1px solid #ee3c24;
    width: calc(100% + 2px);
    box-sizing: border-box;
    bottom: -1px !important;
    border-radius: 0 0 6px 6px;
    border-top: 0 !important;
    transition: all 0.2s;
}
.buttonHeader li.elementor-icon-list-item a span.elementor-icon-list-icon {
    position: absolute;
    right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto;
}
.buttonHeader li.elementor-icon-list-item a span.elementor-icon-list-icon svg {
    width: 35px;
    height: 25px;
}
.VideoSec .boxVideo {
    padding: 0;
    border: none !important;
}
.VideoSec .boxVideo .cz_video_popup a:before {
    padding-top: 50%;
}
.secService.whitebg i.bg {
    display: none;
}
.secService.whitebg .elementor-container i.bg {
    display: flex;
}
.secService.whitebg .elementor-container:before {
    background: #fff;
}
.secService.whitebg .NextPrevBtns .swiper-button-next, .secService.whitebg .NextPrevBtns .swiper-button-prev {
    background: #adadad47 !important;
    color: #333 !IMPORTANT;
}
.secService.whitebg .NextPrevBtns .swiper-button-next:hover, .secService.whitebg .NextPrevBtns .swiper-button-prev:hover {
    background: #fff !important;
    color: #333 !IMPORTANT;
}
.secService.whitebg .itemPostCutsom .elementor-widget-wrap .elementor-element:nth-child(2) .elementor-heading-title {
    COLOR: #c2311a !IMPORTANT;
}

.itemknowmore .elementor-container {
    display: flex;
}
.itemknowmore .elementor-widget-image {
    position: relative;
    display: flex;
    overflow: hidden;
}
.itemknowmore .elementor-widget-image:before {
    position: relative;
    width: 100%;
    content: '';
    padding-top: 100%;
    display: block;
}
.itemknowmore .elementor-widget-image .elementor-widget-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.itemknowmore .elementor-widget-image img {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.itemknowmore .cz_title_content {
    width: 100% !important;
    display: flex;
    align-items: center;
}
.itemknowmore .elementor-widget-button {
    position: relative;
}
.itemknowmore .elementor-widget-cz_title:before {
    position: absolute;
    right: 0;
    top: -10px;
    width: 100%;
    height: 2px;
    background: #e2e2e2;
    content: '';
}
.itemknowmore .elementor-widget-button:before {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: #e2e2e2;
    content: '';
}
.itemknowmore .textknowmore {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 160px;
    min-height: 160px;
}

.itemknowmore .btnknowmore {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.itemknowmore .btnknowmore .elementor-button {
    position: relative;
    height: 35px;
    padding: 0 10px 0 50px;
    color: #bb321c !important;
    background: transparent !important;
    display: flex;
    align-items: center;
}
.itemknowmore .btnknowmore .elementor-button:hover {
    color: #333 !important;
}
.itemknowmore .btnknowmore .elementor-button:hover {
    color: #333;
}
.itemknowmore .btnknowmore .elementor-button i {
    position: absolute;
    left: 20px;
    font-size: 0;
    height: 1px;
    background: #a6a6a6;
    width: 20px;
    margin: auto;
    top: 0px;
    bottom: 0;
}
.itemknowmore .btnknowmore .elementor-button i:before{
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 3px);
    background: #a6a6a6;
    width: 10px;
}
.itemknowmore .btnknowmore .elementor-button i:after {
    position: absolute !important;
    height: 1px !important;
    content: '' !important;
    top: 0;
    right: calc(100% + 16px);
    background: #a6a6a6;
    width: 5px;
}
.itemknowmore .elementor-widget-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all 0.2s;
    background: rgba(0,0,0,0.3);
}
.itemknowmore .elementor-widget-image:hover:after {
    opacity:0;
}
.itemknowmore .elementor-widget-image i.bg1 {
    position: absolute;
    bottom: -50%;
    right: -40%;
    width: 80%;
    background: no-repeat center / 100%;
    z-index: 10;
    transition: all .5s;
}
.itemknowmore .elementor-widget-image:hover i.bg1 { 
    position: absolute;
    bottom: -100%;
    right: -100%;
}
.itemknowmore .elementor-widget-image i.bg1:before {
    position: relative;
    width: 100%;
    content: '';
    display: block;
    padding-top: 100%;
}
.elementor-widget-image-carousel .elementor-image-carousel figure.swiper-slide-inner {
    position: relative !important;
    width: calc(100% - 40px) !important;
    margin: 20px !important;
}
.showMoreBtn {
    padding-bottom: 40px;
}
.showMoreBtn:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: white;
    content: '';
}
.showMoreBtn .elementor-widget-container {
    position: relative;
    /*overflow: hidden;*/
    /*max-height: 290px;*/
    transition: all 0.5s;
}
.showMoreBtn.open .elementor-widget-container {
    max-height: 2000px;
}
.showMoreBtn .rowBTnmore {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.showMoreBtn .rowBTnmore .morebtnContent {
    position: relative;
    padding: 0 40px 0 10px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #c5321a;
    font-size: 18px;
    cursor:pointer;
}
.showMoreBtn .rowBTnmore .morebtnContent:before {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../img/arr1.png) no-repeat center / 100%;
    content: '';
    animation: arr 1s infinite;
}
.showMoreBtn .rowBTnmore .morebtnContent:after {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../img/arr2.png) no-repeat center / 100%;
    content: '';
    animation: arr1 1s infinite;
}
.showMoreBtn.open .rowBTnmore .morebtnContent:before ,
.showMoreBtn.open .rowBTnmore .morebtnContent:after {
    transform:scaleY(-1);
}
@keyframes arr {
    0% , 80% {
        opacity:1;
    }
    50%  {
        opacity:0;
    }
}
@keyframes arr1 {
    0% , 100% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
}



.xtra-comments .commentlist li article {
    background-color: #fff !important;
    border: none !important;
}
.usefulBox .elementor-widget-wrap {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 20px;
}
.itemUsefile, .itemUsefile .elementor-image-box-wrapper {
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    min-width: 100% !important;
    display: flex;
    flex-direction: column;
}
.itemUsefile .elementor-image-box-wrapper:before {
    position: relative;
    width: 100%;
    padding-top: 80%;
    content: '';
    background: #efefef;
}
.itemUsefile figure.elementor-image-box-img, .itemUsefile figure.elementor-image-box-img a, .itemUsefile figure.elementor-image-box-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.itemUsefile, .itemUsefile .elementor-widget-container {
    position: relative;
    width: 100%;
}
.itemUsefile .elementor-image-box-content {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    z-index: 10;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity:0;
    transition:all 0.5s;
    pointer-events:none;
}
.itemUsefile .elementor-image-box-content a{
    pointer-events:auto;
}
.itemUsefile:hover .elementor-image-box-content {
    opacity:1;
}
.itemEmployee {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
    background: #fff;
    padding: 0px !important;
}
.itemEmployee .cz_team_content {
    position: relative;
    padding: 20px;
    margin: 0 !important;
    overflow: hidden;
    max-height: 230px;
    min-height: 230px;
}
.itemEmployee .cz_team.mb30 {
    padding: 0 !important;
    margin: 0 !important;
}
.itemEmployee .cz_team_content p {
    font-size: 14px;
}
.itemEmployee .cz_team_img {
    position: relative;
    width: 100%;
}
.itemEmployee .cz_team_img:before {
    position: relative;
    width: 100%;
    padding-top: 100%;
    display: block;
    content: '';
}
.itemEmployee .cz_team_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itemEmployee .cz_team_social a {
    font-size: 12px !important;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.itemEmployee .cz_team_social a svg {
    width: 20px;
}
.itemEmployee .cz_team_social_in {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
}

.itemEmployee .cz_team_social {
    margin: -20px 0 0 !important;
    z-index: 10;
}

    .cz_overlay {
        z-index: 10001 !important;
    }
    .sidebar_offcanvas_area , .active_offcanvas .offcanvas-close{
        z-index: 10000000000000000000000000 !important;
    }
    #menu_header_4 {
        Z-INDEX: 1000000000 !IMPORTANT;
    }
    .cz_overlay {
        z-index: 100000 !IMPORTANT;
    }
       
    .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next:hover svg, .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {
        fill: #fff !important;
    }
.portfolio-template-default .clr.mt40.relative,
.portfolio-template-default .cz_social.xtra-share ,
.portfolio-template-default .xtra-comments, .portfolio-template-default .content.cz_related_posts, .portfolio-template-default .cz_author_box, .portfolio-template-default .related.products, .portfolio-template-default .upsells.products, .portfolio-template-default .up-sells.products {
    display: none !important;
}


.zeus .tp-bullet {
    width: 25px !important;
    height:24px !important;
    background: url(/wp-content/themes/xtra-child/assets/img/dot-1.png) no-repeat center / 100% !important;
    filter: none  !important; /* ie6-9 */
    border:none !important;
    border-radius:0  !important;
    cursor: pointer !important;
    box-sizing:content-box !important;
}

.zeus .tp-bullet.selected, .zeus .tp-bullet.rs-touchhover {background: url(/wp-content/themes/xtra-child/assets/img/dot-2.png) no-repeat center / 100% !important;}

.zeus .tp-bullet.selected:after, .zeus .tp-bullet:after {
    display: none  !important;
}
ul.social-networks-list li {
    width: auto !important;
}

ul.social-networks-list li a {
    gap: 5px;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
}
@media only screen and (max-width:1900px) {
    .secService i.bg:before {
        background-position: 0% -130%;
    }
}

@media only screen and (max-width:1700px) {
    .secService i.bg:before {
        background-position:0% -100%;
    }
}

@media only screen and (max-width:1600px) {
    .secService i.bg:before {
        background-position: 0% -70% ;
    }
}

@media only screen and (max-width:1400px) {
    .cz_middle_footer li a {
        font-size: 14px;
        margin: 0;
    }
    footer#site_footer .codevz-widget-about-content {
        margin: 0 !important;
        font-size: 14px !important;
    }
    .textwidget, p, .cz_middle_footer li a, .cz_middle_footer .codevz-widget-about-content, .cz_elm, .cz_post_excerpt {
        font-size: 14px !important;
    }
    .secService i.bg:before {
        background-position: 0% -45% ;
    }
    .secDepartemants .elementor-swiper-button-prev {
        right: 80px !important;
    }
    .secDepartemants .elementor-swiper-button-next {
        right: 0px !important;
    }
    .secDepartemants .swiper-pagination-progressbar {
        width: calc((100% - 150px) + var(--wispace)) !important;
        right: 160px;
    }
    .NextPrevBtns {
        width: calc(100% + 0px);
        left: 0px;
    } 
}
@media only screen and (max-width:1200px) {
    #menu_header_2 > .cz > a {
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    font-size: 12px !important;
}

.cz_title_pos_inline span {
    font-size: 14px !important;
    text-align: justify !important;
}
.cz_banner h4 {
    font-size: 20px !important;
}
.cz_title_pos_inline  {
    font-size: 20px !important;
}
.itemService .contentBlogSlide .content {
    font-size: 14px;
}
.itemService .contentBlogSlide .title {
    font-size: 16px;
}

.textwidget ,
p ,
.cz_middle_footer li a, 
.cz_middle_footer .codevz-widget-about-content,
.cz_elm ,
.cz_post_excerpt {
    font-size: 14px !important;
}
.itemProd .content {
    font-size: 14px;
    text-align: justify;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories, body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories, body.blog .page_content .row.clr aside.sidebar_primary .widget_categories {
    flex-wrap: wrap;
    white-space: nowrap;
}
body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul, body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul, body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul {
    flex-wrap: wrap;
}
}
@media only screen and (max-width:980px) {
    .contentGallery .boxGall {
        width: calc((100% / 3) - 20px);
    }
    .TitleSecFaq .cz_title .cz_title_content h4 {
        font-size: 18px;
    }
    .usefulBox .elementor-widget-wrap {
        grid-template-columns: repeat(3,1fr)!important;
    }
    .textContentMap .title {
        font-size: 22px; 
    }
    .cardUserInfo .elementor-column {
        width: calc(100% / 3) !important;
    }
    
    .cardUserInfo .elementor-container {
        flex-wrap: wrap !important;
        justify-content:center;
    }
    .contentListItems.twoCol {
        grid-template-columns: 1fr;
    }
    .section.faq .codevz-widget-custom-menu-2-old a {
        height: 40px !important;
        padding: 0 20px !important;
        font-size: 14px !important;
    }
    .itemService .contentBlogSlide a.linkmore {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul, body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul, body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul {
        position: relative;
        width: auto;
        display: flex;
        gap: 0px;
        margin-right: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    body.archive.author .page_content .row.clr aside.sidebar_primary .widget_categories ul a, body.archive.category .page_content .row.clr aside.sidebar_primary .widget_categories ul a, body.blog .page_content .row.clr aside.sidebar_primary .widget_categories ul a {
        border: none !important;
        padding: 0 10px;
    }
    .col.s3.sidebar_footer-4 {
        width: 100% !important;
        margin: 0 !important;
    }
    .col.s3.sidebar_footer-1, .col.s3.sidebar_footer-2, .col.s3.sidebar_footer-3 {
        width: calc(33.333% - 30px);
    }
    .secSpecializedProducts .elementor-column {
        width: 100% !important;
        padding: 0 10px !important;
    }
    .topHome .elementor-column {
        width: 100% !important;
        padding: 10px !important;
    }
    .topHome .elementor-column:nth-child(1) .elementor-widget-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }
    .boxVideo {
        max-width: 480px;
        margin: 0px auto 10px;
        z-index: 1000000 !IMPORTANT;
    }
    #menu_header_4 li.menu-item.menu-item-type-custom:nth-child(1) a {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center !important;
        margin: 0 !important;
        font-size: 0 !important;
        padding: 10px 0!important;
    }
    #menu_header_4 li.menu-item.menu-item-type-custom a img {
        width: 160px;
    }
.office_map {
    display: flex;
    flex-direction: column;
}
.office_map .boxShowMap {
    position: relative;
    display: flex;
    flex-direction: column;
}
.office_map .containerMap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
}
.office_map .containerMap .col { 
    padding: 50px 40px 0 !important;
}
.office_all_map .office_map:nth-child(even) .containerMap .col:nth-child(1) .textContentMap {
    padding-right: 0;
}
.office_map .boxShowMap .col:nth-child(2) {
    min-height: 300px;
    height: 300px;
    padding: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
}
.office_map .containerMap .col:last-child { 
    height: 0 !important;
    min-height: 0;
    display: none;
}
.office_map .containerMap .col .textContentMap:before {
    width: 100%;
}
.office_map .containerMap .col .textContentMap:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 2px;
    height: 100% ;
    content: '';
    background: #c5321a;
}
.office_map .containerMap .col .textContentMap {
    border: none !important;
}
.office_map .containerMap .col .textContentMap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: transparent;
    border: 2px solid #bd3019;
    border-bottom: 0 !important;
}
.office_map .containerMap .col .textContentMap {
    border: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center !important;
}
}

@media only screen and (max-width:890px) {
    
}

@media only screen and (max-width:768px) {
    
    .contentGallery .boxGall {
        width: calc((100% / 2) - 20px);
    }
    .contentGallery.twoCol .boxGall {
        width: calc((100% / 2) - 20px);
    }
    .formContactus .elementor-widget-wrap {
        padding: 20px !important;
    }
    .TitleSecFaq .cz_title .cz_title_content h4 {
        font-size: 16px;
    }
    .usefulBox .elementor-widget-wrap {
        grid-template-columns: repeat(2,1fr)!important;
    }
    .cardUserInfo .elementor-column {
        width: calc(100% / 2) !important;
    }
    .faqCustomBox span.cz_acc_child div {
        font-size: 14px;
    }
    .boxTextFaq , .faqList , .formSendFaq  {
        padding: 20px !important;
    }
    .itemknowmore .elementor-column .elementor-widget-wrap {
        padding: 20px !important;
    }
    .itemknowmore:nth-child(odd) .elementor-container {
        flex-wrap: wrap-reverse !important;
    }
    .elementor-widget-image-carousel .elementor img {
        margin: auto;
    }
    .itemService .pic {
        position: relative;
        width: 100%;
        padding: 50% 0 0;
    }
    .itemService {
        flex-direction: column;
    }
    .itemService .rowItems .col:nth-child(1) {
        min-height: 0;
    }
    .itemService .rowItems {
        flex-direction: column;
        align-items: center;
    }
    .itemService .rowItems {
        width: calc(100% - 20px);
        margin: -80px auto 0;
    }
    body.archive.author article .cz_post_con .cz_post_title h3, body.archive.category article .cz_post_con .cz_post_title h3, body.blog article .cz_post_con .cz_post_title h3 {
        font-size: 14px;
    }
    .textwidget, p, .cz_middle_footer li a, .cz_middle_footer .codevz-widget-about-content, .cz_elm, .cz_post_excerpt {
        font-size: 12px !important;
    }
    body.archive.author article .clr .cz_post_image:before, body.archive.category article .clr .cz_post_image:before, body.blog article .clr .cz_post_image:before {
        padding-top: 50%;
    }
    body.archive.author article .cz_post_con, body.archive.category article .cz_post_con, body.blog article .cz_post_con {
        width: calc(100% - 40px);
    }
    .boxesSpecialProd article .elementor-post__text:before {
        height: 13vw;
    }
    .topHome .elementor-column {
        padding: 10px 10px;
    }
    .topHome .elementor-column .elementor-widget-wrap {
        padding: 0 !IMPORTANT;
    }
    .topHome .elementor-column .elementor-widget-wrap .boxVideo {
        position: relative;
        max-width: 480px;
        margin: 0 auto;
    }
    .header_4.smart_sticky {
        background: #fff !important;
    }
    .header_4.smart_sticky .cz_elm {
        margin: 15px 0 0 !important;
    }
}
@media only screen and (max-width:680px) {
    .single.single-portfolio .elementor-container.elementor-column-gap-default {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .single.single-portfolio .elementor-container.elementor-column-gap-default .elementor-column {
        width: 100%;
    }
.office_map .containerMap .col {
    padding: 20px 20px 0 !important;
}
.office_map .containerMap .col .textContentMap:before {
    height: calc(100% + 30px);
}
.section.faq {
    padding: 10px;
}
    .itemService .contentBlogSlide .content {
    font-size: 12px;
}
.itemService .contentBlogSlide .title {
    font-size: 14px;
}
    .contentAboutHome .elementor-widget-wrap {
        display: flex !important;
        flex-direction: column;
    }
    .contentAboutHome .elementor-widget-wrap {
        grid-template-columns: repeat(1,1fr) !important;
    }
    .itemboxIcon {
        grid-column: unset !important;
        grid-row: unset !important;
        width: 100%;
    }
    .titleAboutHome .elementor-icon-box-title ,
    .TitleSection .elementor-heading-title {
        font-size: 22px !important;
    }
    .titleAboutHome .elementor-icon-box-description {
        font-size: 14px !important;
    }
    .elementor-element .elementor-widget-container {
        font-size: 14px;
    }
    .footer_1 form {
        width: 260px;
        margin: 0px auto;
    }
} 
@media only screen and (max-width:580px) {
    .contentGallery .boxGall {
        width:100%;
    }
    .contentGallery.twoCol .boxGall {
        width:100%;
    }
    body.archive.author article .clr .cz_post_image:before, body.archive.category article .clr .cz_post_image:before, body.blog article .clr .cz_post_image:before {
        padding-top: 60%;
    }
    .cardUserInfo .elementor-column {
        width: 100% !important;
    }
}
@media only screen and (max-width:480px) {
    
    .usefulBox .elementor-widget-wrap {
        grid-template-columns: 1fr !important;
    }
    .textContentMap .itemAddress {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: auto;
    }
    ul.social-networks-list {
        position: relative !important;
    }
    .itemProd .content {
        font-size: 12px;
        text-align: justify;
    }
    .cz_video_popup div {
        width: fit-content;
        width: 100% !important;
    }
    .cz_video_popup div {
        width: 100%;
    }
    .boxVideo .cz_video_popup a .cz_vp_inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .boxVideo .cz_vp_inner {
        /* background: transparent !important; */
        z-index: 10;
        position: absolute !important;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        transform: translate(0%, 0%);
        background: transparent !important;
    }
    .secDepartemants .elementor-element .elementor-icon-box-title , .customArrowCarousel .elementor-icon-box-title , .secCertificate .elementor-icon-box-title{
        font-size: 20px !important;
    }
    .footer_widget h4:before {
        transform: none !important;
    }
}