.elementor-10 .elementor-element.elementor-element-060c732{--display:flex;--min-height:96vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 12px 9px #E4E4E4;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:25px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-10 .elementor-element.elementor-element-060c732:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-060c732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://letoclearance.com/wp-content/uploads/2025/09/red-containers-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-9326a1f{width:var( --container-widget-width, 766px );max-width:766px;margin:9vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;--container-widget-width:766px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-9326a1f.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-cb65a5b{--display:flex;--min-height:87vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-469692b{--display:flex;}.elementor-10 .elementor-element.elementor-element-4ffd18d{--display:flex;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-8f5cdeb.elementor-element{--align-self:stretch;}.elementor-10 .elementor-element.elementor-element-c3e15f9{--display:flex;--z-index:2;}.elementor-10 .elementor-element.elementor-element-b96d988.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-b96d988 .widget-title-container{text-align:center;}.elementor-10 .elementor-element.elementor-element-b96d988 .widget-title{color:#343E46;}.elementor-10 .elementor-element.elementor-element-b96d988 .map-dot{background-color:#6B0504;width:19px;height:19px;}.elementor-10 .elementor-element.elementor-element-b96d988 .map-dot::after{border-color:#6B0504;}.elementor-10 .elementor-element.elementor-element-b96d988 .interactive-map-layout-wrapper{max-width:100%;}.elementor-10 .elementor-element.elementor-element-e341aa8{--display:flex;--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-10 .elementor-element.elementor-element-384875f{--display:flex;}.elementor-10 .elementor-element.elementor-element-2541888{--display:flex;--margin-top:-11px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--z-index:67;}.elementor-10 .elementor-element.elementor-element-e9c5f06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:78px 78px;--row-gap:78px;--column-gap:78px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-350a0c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-fd7ad44{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-998cc4f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:78px 78px;--row-gap:78px;--column-gap:78px;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6fd2895{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-b9d287d{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-060c732:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-060c732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;}.elementor-10 .elementor-element.elementor-element-060c732{--margin-top:-36px;--margin-bottom:11px;--margin-left:11px;--margin-right:11px;}.elementor-10 .elementor-element.elementor-element-9326a1f{margin:21vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-060c732{--width:97%;}.elementor-10 .elementor-element.elementor-element-e341aa8{--content-width:100%;}.elementor-10 .elementor-element.elementor-element-350a0c4{--width:50%;}.elementor-10 .elementor-element.elementor-element-fd7ad44{--width:50%;}.elementor-10 .elementor-element.elementor-element-6fd2895{--width:50%;}.elementor-10 .elementor-element.elementor-element-b9d287d{--width:50%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-060c732{--min-height:94vh;}.elementor-10 .elementor-element.elementor-element-060c732:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-060c732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-cb65a5b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-cb65a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://letoclearance.com/wp-content/uploads/2025/09/photo_2025-09-12_02-44-20.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-cb65a5b{--width:96vw;--min-height:97vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-26px;--margin-bottom:0px;--margin-left:0px;--margin-right:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cb65a5b.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-2541888{--margin-top:-43px;--margin-bottom:27px;--margin-left:0px;--margin-right:0px;--z-index:56;}.elementor-10 .elementor-element.elementor-element-e9c5f06{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-350a0c4{--margin-top:-554px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:6;}.elementor-10 .elementor-element.elementor-element-998cc4f{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6fd2895{--margin-top:-543px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:234;}.elementor-10 .elementor-element.elementor-element-3baca79{z-index:34534;}.elementor-10 .elementor-element.elementor-element-b9d287d{--z-index:0;}}/* Start custom CSS for html, class: .elementor-element-8f5cdeb *//* 1. Import the Vazirmatn font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');

/* Main container for the title and its underline */
.title-container {
    font-family: 'Vazirmatn', sans-serif;
    position: relative;
    display: inline-block; /* This allows it to be centered by a parent's text-align */
    overflow: hidden;
}

/* Styling for the title "گمرک های ما" */
.animated-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding-bottom: 12px;

    /* Initial animation state */
    opacity: 0;
    transform: translateY(20px);

    /* The transition that makes the animation smooth */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Styling for the underline reveal animation */
.underline {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    width: 100%;
    background-color: #C9A86E;

    /* Initial "clipped" state for the reveal effect */
    clip-path: inset(0 100% 0 0);

    /* The transition for the "opening" clip-path effect */
    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}

/* This class triggers the final state of the animations */
.title-container.in-view .animated-title {
    opacity: 1;
    transform: translateY(0);
}

.title-container.in-view .underline {
    /* The final "unclipped" state, revealing the entire line */
    clip-path: inset(0 0 0 0);
}


/*
 * ↓↓↓ STYLES FOR MOBILE PHONES ↓↓↓
 * These rules apply only when the screen width is 768px or less.
 */
@media (max-width: 768px) {
    .animated-title {
        /* Makes the font smaller on mobile devices */
        font-size: 1.8rem;
        padding-bottom: 8px; /* Adjust padding for smaller size */
    }

    .underline {
        height: 2px; /* Make the underline slightly thinner on mobile */
    }
}/* End custom CSS */