.elementor-795 .elementor-element.elementor-element-de05c8b{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-795 .elementor-element.elementor-element-bd2754e.elementor-element{--align-self:center;}.elementor-795 .elementor-element.elementor-element-bd2754e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-795 .elementor-element.elementor-element-bd2754e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-795 .elementor-element.elementor-element-bd2754e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-795 .elementor-element.elementor-element-bd2754e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-795 .elementor-element.elementor-element-bd2754e .elementor-icon-list-item > a{font-family:"Gilroy-Medium", Sans-serif;font-size:14px;font-weight:500;}.elementor-795 .elementor-element.elementor-element-bd2754e .elementor-icon-list-text{transition:color 0.3s;}.elementor-795 .elementor-element.elementor-element-0008e64{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-795 .elementor-element.elementor-element-d8621fd{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-795 .elementor-element.elementor-element-340ccbc{width:100%;max-width:100%;text-align:center;}.elementor-795 .elementor-element.elementor-element-340ccbc.elementor-element{--align-self:center;}.elementor-795 .elementor-element.elementor-element-340ccbc .elementor-heading-title{font-family:"Gilory-Bold", Sans-serif;font-size:38px;font-weight:bold;line-height:2.3rem;color:var( --e-global-color-text );}.elementor-795 .elementor-element.elementor-element-154d113{width:auto;max-width:auto;margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-795 .elementor-element.elementor-element-154d113.elementor-element{--align-self:center;}.elementor-795 .elementor-element.elementor-element-154d113 .elementor-heading-title{font-family:"Gilroy-Medium", Sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;line-height:2.3rem;color:#A82022;}.elementor-795 .elementor-element.elementor-element-78177b5{--display:flex;--min-height:700px;--justify-content:center;}.elementor-795 .elementor-element.elementor-element-78177b5:not(.elementor-motion-effects-element-type-background), .elementor-795 .elementor-element.elementor-element-78177b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attarlogistics.com/wp-content/uploads/2026/10/founder-Late-S-Kartar.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-795 .elementor-element.elementor-element-0667d7c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-d0b1bd0{--display:flex;}.elementor-795 .elementor-element.elementor-element-c761ea0 .elementor-heading-title{font-family:"Gilroy-Medium", Sans-serif;font-size:38px;font-weight:700;line-height:3rem;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-795 .elementor-element.elementor-element-9226016{font-family:"Gilroy", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-795 .elementor-element.elementor-element-2ac7869 .elementor-heading-title{font-family:"Gilroy-Medium", Sans-serif;font-size:38px;font-weight:700;line-height:3rem;color:#FFFFFF;}.elementor-795 .elementor-element.elementor-element-bf1003d{font-family:"Gilroy", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-795 .elementor-element.elementor-element-d3d7b2c{--display:flex;}.elementor-795 .elementor-element.elementor-element-4397d91{--display:flex;--justify-content:center;--overflow:hidden;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-795 .elementor-element.elementor-element-46c4673{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-c71b658{--display:flex;--justify-content:center;}.elementor-795 .elementor-element.elementor-element-f858858{--display:flex;--justify-content:center;}.elementor-795 .elementor-element.elementor-element-56be326{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-justify-content:flex-end;--n-tabs-title-align-items:flex-end;--n-tabs-title-text-align:end;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:24px;--n-tabs-title-color:#B97677;}.elementor-795 .elementor-element.elementor-element-56be326 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-795 .elementor-element.elementor-element-56be326.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-795 .elementor-element.elementor-element-56be326.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-795 .elementor-element.elementor-element-56be326.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-795 .elementor-element.elementor-element-56be326.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Gilory-Bold", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-795 .elementor-element.elementor-element-9975175{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-795 .elementor-element.elementor-element-0008e64{--content-width:1600px;}}@media(max-width:1366px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-795 .elementor-element.elementor-element-d8621fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-340ccbc{width:100%;max-width:100%;}.elementor-795 .elementor-element.elementor-element-340ccbc .elementor-heading-title{font-size:24px;line-height:2rem;}.elementor-795 .elementor-element.elementor-element-154d113{width:100%;max-width:100%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-795 .elementor-element.elementor-element-154d113 .elementor-heading-title{font-size:20px;line-height:2rem;}.elementor-795 .elementor-element.elementor-element-c761ea0{text-align:start;}.elementor-795 .elementor-element.elementor-element-c761ea0 .elementor-heading-title{font-size:20px;line-height:1.9rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-795 .elementor-element.elementor-element-9226016{text-align:start;font-size:15px;}.elementor-795 .elementor-element.elementor-element-2ac7869{text-align:start;}.elementor-795 .elementor-element.elementor-element-2ac7869 .elementor-heading-title{font-size:20px;line-height:1.9rem;}.elementor-795 .elementor-element.elementor-element-bf1003d{text-align:start;font-size:15px;}.elementor-795 .elementor-element.elementor-element-4397d91{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-4397d91 *//* =========================================================
   MAIN TABS LAYOUT — DESKTOP
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs {
    display: grid !important;
    grid-template-columns: 28% 72% !important;
    gap: 0 !important;
    width: 100% !important;
}


/* =========================================================
   LEFT SIDE — RED PANEL
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading {
    background: var(
        --ALPL-RED-GRADIENT,
        linear-gradient(138deg, #A82022 2.09%, #480001 97.91%)
    ) !important;

    min-height: 600px;

    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;
    align-items: flex-end !important;

    padding: 40px !important;
    gap: 0 !important;
}


/* =========================================================
   LEFT HEADING
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading::before {
    content: "THE PEOPLE\A BEHIND ATTAR";

    white-space: pre;

    width: 100%;

    color: #FFFFFF;

    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;

    text-align: right;

    margin: 0 0 70px 0;

    box-sizing: border-box;
}


/* =========================================================
   TAB TITLE
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title {
    position: relative !important;

    width: fit-content !important;
    max-width: 100% !important;

    align-self: flex-end !important;

    margin-left: auto !important;
    margin-right: 0 !important;

    justify-content: flex-end !important;
    text-align: right !important;

    border: 0 !important;

    padding: 0 0 12px 0 !important;
    margin-bottom: 28px !important;

    background: transparent !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease;
}


/* =========================================================
   TAB TEXT
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title .e-n-tab-title-text {
    display: block !important;

    width: 100% !important;

    text-align: right !important;

    white-space: nowrap;

    color: rgba(255, 255, 255, 0.45);

    font-size: 22px;
    line-height: 1.25;
    font-weight: 500;

    transition: color 0.3s ease;
}


/* ACTIVE TAB */
.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: #FFFFFF !important;
}


/* =========================================================
   UNDERLINE — ALL TABS
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: rgba(255, 255, 255, 0.35);

    transition: background 0.3s ease;
}


/* ACTIVE UNDERLINE */
.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title[aria-selected="true"]::after {
    background: #FFFFFF;
}


/* =========================================================
   RIGHT SIDE — TAB CONTENT
   ========================================================= */

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-content {
    min-width: 0 !important;

    overflow: hidden !important;

    padding: 0 !important;
    margin: 0 !important;
}

.elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-content {
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   TABLET — 768px to 1024px
   ========================================================= */

@media (max-width: 1024px) {

    /* Change to single column */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
    }


    /* RED PANEL */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading {
        width: 100% !important;

        min-height: auto !important;

        padding: 45px 40px 30px !important;

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: wrap !important;

        justify-content: flex-end !important;

        align-items: flex-end !important;

        gap: 0 30px !important;
    }


    /* HEADING */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading::before {
        width: 100% !important;

        font-size: 32px;

        line-height: 1.2;

        text-align: right;

        margin: 0 0 35px 0;
    }


    /* TAB */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title {
        margin: 0 0 15px 0 !important;

        padding: 0 0 10px 0 !important;

        width: fit-content !important;

        align-self: auto !important;
    }


    /* TAB TEXT */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title .e-n-tab-title-text {
        font-size: 19px;

        text-align: right !important;
    }


    /* CONTENT */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-content {
        width: 100% !important;

        overflow: hidden !important;
    }
}


/* =========================================================
   MOBILE — BELOW 767px
   ========================================================= */

@media (max-width: 767px) {

    /* MAIN */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;
    }


    /* RED PANEL */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading {
        width: 100% !important;

        min-height: auto !important;

        padding: 35px 20px 20px !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-end !important;

        justify-content: center !important;

        gap: 0 !important;
    }


    /* HEADING */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading::before {
        width: 100% !important;

        font-size: 27px !important;

        line-height: 1.2 !important;

        text-align: right !important;

        margin: 0 0 35px 0 !important;
    }


    /* TAB */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title {
        width: fit-content !important;

        max-width: 100% !important;

        align-self: flex-end !important;

        margin: 0 0 20px 0 !important;

        padding: 0 0 9px 0 !important;
    }


    /* TAB TEXT */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title .e-n-tab-title-text {
        font-size: 17px !important;

        line-height: 1.25 !important;

        text-align: right !important;

        white-space: normal !important;
    }


    /* UNDERLINE */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title::after {
        height: 1px;
    }


    /* CONTENT */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-content {
        width: 100% !important;

        overflow: hidden !important;
    }


    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-content {
        width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }
}


/* =========================================================
   SMALL MOBILE — BELOW 480px
   ========================================================= */

@media (max-width: 480px) {

    /* RED PANEL */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading {
        padding: 30px 18px 15px !important;
    }


    /* HEADING */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tabs-heading::before {
        font-size: 24px !important;

        margin-bottom: 28px !important;
    }


    /* TAB */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title {
        margin-bottom: 17px !important;

        padding-bottom: 8px !important;
    }


    /* TEXT */
    .elementor-795 .elementor-element.elementor-element-4397d91 .e-n-tab-title .e-n-tab-title-text {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy-Medium';
	font-display: auto;
	src: url('https://attarlogistics.com/wp-content/uploads/2026/09/Gilroy-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilory-Bold';
	font-display: auto;
	src: url('https://attarlogistics.com/wp-content/uploads/2026/09/Gilroy-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-display: auto;
	src: url('https://attarlogistics.com/wp-content/uploads/2026/09/Gilroy-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */