.service-page-section{overflow:visible!important;.content-cover{display:flex;gap:72px}.left-content{max-width:345px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:36px;position:-webkit-sticky;position:sticky;top:10%;.contact-detail-box{background-image:linear-gradient(to bottom,var(--bg-0),var(--primary)),url(/images/services/service-detail/sidebar.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden;border-radius:30px;padding:60px 50px;background-color:var(--primary-700);display:flex;gap:24px;flex-direction:column;align-items:center;justify-content:flex-end;*{color:var(--white)}.icon{width:66px;background-color:var(--white);border-radius:50%;margin-top:80px}.title{font-weight:var(--fw-semibold);font-size:var(--fs-28)}.mobile,.title{line-height:var(--lh-32);text-align:center;vertical-align:middle}.mobile{font-size:var(--fs-30);white-space:nowrap;margin-top:-4px;margin-bottom:20px}.description,.mobile{font-weight:var(--fw-600)}.description{margin-top:4px;font-size:var(--fs-18);line-height:var(--lh-28);text-align:center;vertical-align:middle;max-width:224px}}}.sidebar-cover{background-color:var(--white);border-radius:30px;padding:30px;width:100%;.title{font-weight:var(--fw-600);font-size:var(--fs-24);line-height:var(--lh-30);text-transform:capitalize;margin-bottom:30px}.list-cover{gap:4px;.link-cover{display:flex;justify-content:space-between;padding:16px 28px;transition:all .5s ease-in-out;position:relative;&:before{content:"";position:absolute;top:50%;left:0;border-radius:50px;transform:translateY(-50%);height:0;width:0;background-color:var(--primary);transition:all .5s ease-in-out}&:hover{border-color:transparent;&:before{height:100%;width:100%}span{color:var(--white)}i{opacity:1}}span{line-height:var(--lh-18);font-size:var(--fs-14);color:var(--text-primary)}i,span{position:relative;z-index:2;transition:all .5s ease-in-out}i{opacity:0;display:flex;align-items:center;justify-content:center;width:20px;aspect-ratio:1}}.active{border-color:transparent;background-color:var(--primary);&:before{height:100%;width:100%}span{color:var(--white)}i{opacity:1!important}}}}.contant{display:flex;flex-direction:column;gap:80px}}@media (max-width:991px){.service-page-section{.content-cover{gap:24px}.left-content{margin:0 auto;max-width:300px;.contact-detail-box{padding:0 40px;.icon{margin-bottom:16px;width:56px;svg{width:32px;height:32px}}}}.sidebar-cover{padding:16px;.title{font-size:var(--fs-24);line-height:var(--lh-32);margin-bottom:18px}.list-cover{gap:16px;.link-cover{padding:8px 18px}}}}}@media (max-width:767px){.service-page-section{.content-cover{flex-direction:column}.left-content{margin:0;width:100%;max-width:100%;gap:12px;align-items:center;justify-content:center;flex-direction:row;.contact-detail-box{padding:0 60px;height:320px;.icon{margin-bottom:16px;width:56px;svg{width:32px;height:32px}}}}.sidebar-cover{max-width:400px;.title{margin-bottom:24px}.list-cover{gap:16px;.link-cover{padding:10px 20px}}}.contant{height:100%;max-height:100%}}}@media (max-width:575px){.service-page-section{.content-cover{gap:36px}.left-content{margin:0 auto;flex-direction:column;gap:24px;.sidebar-cover{padding:18px;.title{font-size:var(--fs-24);line-height:var(--lh-32);margin-bottom:24px}.list-cover{gap:16px;.link-cover{padding:8px 18px;transition:all .5s ease-in-out;position:relative;border:1px solid var(--gray-200);span{line-height:var(--lh-28);font-size:var(--fs-14)}}}}.contact-detail-box{padding:0 40px;height:300px;.icon{margin-bottom:16px;width:48px;svg{width:28px;height:28px}}.title{font-size:var(--fs-24);line-height:var(--lh-28)}.mobile{font-size:var(--fs-16);line-height:var(--lh-26);margin-top:12px}.email{font-size:var(--fs-14);line-height:var(--lh-24)}}}}}.detailed-service-card{display:flex;flex-direction:column;gap:24px;position:relative;&:after{content:"";position:absolute;bottom:-40px;height:1px;width:100%;background-color:var(--gray-200)}&:last-child{&:after{display:none}}.image-cover{display:flex;align-items:center;gap:40px;width:100%;margin-bottom:16px;.img{aspect-ratio:49/27;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:30px;width:100%;&:hover{img{transform:scale(1.1)}}img{display:block;object-fit:cover;width:100%;transition:all .3s ease-in-out}}.active{border-color:var(--secondary);outline:1px solid var(--secondary)}}.title{font-weight:var(--fw-600);font-size:var(--fs-36);line-height:var(--lh-44);vertical-align:middle;text-transform:capitalize}.description{font-size:var(--fs-16);line-height:var(--lh-28)}.faq-title{font-weight:var(--fw-600);font-size:var(--fs-24);line-height:var(--lh-30);text-transform:capitalize}.process-steps-section{flex:0 0 auto;width:100%;.process-heading{display:none}.process-section-wrap{height:425px;width:425px;margin:58px auto;border:2px dashed rgb(108,113,138,.2);border-radius:50%;.process-company-logo{left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;width:50%;margin:0 auto;.process-comapny-title{color:var(--primary);font-size:var(--fs-64)}span{color:var(--secondary);font-size:var(--fs-28)}}.process-steps-wrapper{.step-item{align-items:flex-start;gap:10px;max-width:325px;position:absolute;transition:all .4s ease-in-out;display:flex;align-items:center;.step-number{font-size:var(--fs-22);color:var(--primary);min-height:52px;min-width:52px;background-color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center}.steps-texts{display:flex;flex-wrap:wrap;text-align:center}.steps-texts h4{font-size:20px}}.step-item:first-child{flex-direction:row-reverse;top:0;left:-170px}.step-item:nth-child(2){flex-direction:row-reverse;left:-185px;top:115px}.step-item:nth-child(3){flex-direction:row-reverse;top:58%;left:-33%}.step-item:nth-child(4){flex-direction:row-reverse;top:auto;bottom:0;left:27px}.step-item:nth-child(5){top:auto;bottom:0;right:-190px}.step-item:nth-child(6){top:58%;right:-18%}.step-item:nth-child(7){right:-170px;top:115px}.step-item:last-child{top:0;right:-312px;max-width:448px}}}}.desc-cover{display:flex;flex-direction:column}.advantages{margin-top:-6px;margin-bottom:4px;list-style:none;display:flex;flex-wrap:wrap;gap:16px;padding:0;.item{position:relative;font-size:var(--fs-16);line-height:var(--lh-28);padding-left:24px;width:100%;max-width:400px;&:before{content:"";width:4px;border-radius:50%;aspect-ratio:1;display:block;position:absolute;background-color:var(--text-secondary);top:14px;transform:translateY(-50%);left:10px}}}.accordion{.accordion-item{background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--semi-transparent);.accordion-header{.accordion-button{font-weight:var(--fw-500);font-size:var(--fs-20);line-height:var(--lh-24);color:var(--text-primary);vertical-align:middle;text-transform:capitalize;background-color:transparent;padding:26px 14px 26px 0;outline:none;&:focus{box-shadow:none!important}.index{color:var(--primary);font-weight:var(--fw-500);font-size:var(--fs-20);line-height:var(--lh-24);margin-right:20px}.icon{margin-left:auto;transform:rotate(90deg);width:20px}&:after{display:none}}.collapsed{.icon{transform:rotate(0deg)}}}.accordion-collapse{margin-top:-26px;z-index:100;.accordion-body{color:var(--text-secondary);font-size:var(--fs-16);line-height:var(--lh-28);margin-left:43px;padding:24px 0}}}}.desc-cover .description:first-child{padding:0;list-style:none}.countries{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;.country{position:relative;font-size:var(--fs-16);line-height:var(--lh-28);padding-left:24px;width:100%;max-width:400px;&:before{content:"";width:4px;border-radius:50%;aspect-ratio:1;display:block;position:absolute;background-color:var(--text-secondary);top:14px;transform:translateY(-50%);left:10px}}}.port_desc{color:var(--text-secondary)}.ports{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;.port{position:relative;font-size:var(--fs-16);line-height:var(--lh-28);padding-left:24px;width:100%;max-width:400px;&:before{content:"";width:4px;border-radius:50%;aspect-ratio:1;display:block;position:absolute;background-color:var(--text-secondary);top:14px;transform:translateY(-50%);left:10px}}}}.epcg-process-section{margin-top:2rem}.epcg-process-list{padding-left:1.2rem;counter-reset:step-counter}.epcg-process-list li::marker{font-weight:700}.epcg-process-list li h6{margin-bottom:.5rem;color:var(--text-primary)}.epcg-process-list li p{margin:0;color:var(--text-secondary)}@media (max-width:1199px){.detailed-service-card{display:flex;flex-direction:column;gap:24px;position:relative;&:last-child{&:after{display:none}}.image-cover{display:flex;align-items:center;gap:20px;width:100%;margin-bottom:16px;.img{aspect-ratio:49/27;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:30px;width:100%;&:hover{img{transform:scale(1.1)}}img{display:block;object-fit:cover;width:100%;transition:all .3s ease-in-out}}.active{border-color:var(--secondary);outline:1px solid var(--secondary)}}.title{font-weight:var(--fw-600);font-size:var(--fs-36);line-height:var(--lh-44);vertical-align:middle;text-transform:capitalize}.description{font-size:var(--fs-16);line-height:var(--lh-28)}.faq-title{font-weight:var(--fw-600);font-size:var(--fs-24);line-height:var(--lh-30);text-transform:capitalize}.process-steps-section{.process-section-wrap{height:346px;width:346px;.process-company-logo{.process-comapny-title{font-size:var(--fs-60)}span{font-size:var(--fs-24)}}.process-steps-wrapper{.step-item{gap:6px;max-width:220px;.step-number{min-height:48px;min-width:48px}.steps-texts h4{font-size:16px}}.step-item:first-child{left:-109px}.step-item:nth-child(2){top:90px;left:-150px}.step-item:nth-child(3){top:59%;left:-32%}.step-item:nth-child(4){left:14px}.step-item:nth-child(5){top:auto;bottom:0;right:-111px}.step-item:nth-child(6){top:59%;right:-17%}.step-item:nth-child(7){right:-138px;top:90px}.step-item:last-child{top:0;right:-254;max-width:364px}}}}.desc-cover{display:flex;flex-direction:column}.advantages{max-width:600px;margin-top:-6px;margin-bottom:4px;list-style:none;display:flex;flex-wrap:wrap;gap:16px;padding:0;.item{position:relative;font-size:var(--fs-16);line-height:var(--lh-28);padding-left:24px;width:100%;max-width:260px;&:before{content:"";width:4px;border-radius:50%;aspect-ratio:1;display:block;position:absolute;background-color:var(--text-secondary);top:14px;transform:translateY(-50%);left:10px}}}}}@media (max-width:991px){.detailed-service-card{gap:20px;.image-cover{flex-direction:column;gap:20px}.title{font-size:var(--fs-28);line-height:var(--lh-38)}.faq-title{font-size:var(--fs-20);line-height:var(--lh-28)}.advantages{max-width:100%;gap:16px;.item{padding-left:22px;max-width:100%}}.accordion{.accordion-item{.accordion-header{.accordion-button{font-size:var(--fs-18);line-height:var(--lh-22);padding:8px 14px 8px 0;.index{font-size:var(--fs-20);line-height:var(--lh-24);margin-right:18px}.icon{width:16px;svg{width:16px;height:16px}}&:after{display:none}}}.accordion-collapse{margin-top:0;z-index:100;.accordion-body{font-size:var(--fs-14);line-height:var(--lh-24);margin-left:39px;padding:18px 0}}}}.process-steps-section{.process-heading{display:block}.process-section-wrap{height:100%;width:100%;margin:20px 0;border:none;border-radius:0;.process-company-logo{display:none}.process-steps-wrapper{display:flex;flex-direction:column;gap:20px;position:relative;&:before{content:"";position:absolute;left:20px;top:0;bottom:0;border:1px dotted rgb(108,113,138,.2);z-index:0}.step-item{display:flex;align-items:center;gap:10px;max-width:100%;position:relative;z-index:1;.step-number{min-width:44px;min-height:44px}.steps-texts{text-align:left}.steps-texts h4{font-size:16px;margin:0}}.step-item:first-child,.step-item:last-child,.step-item:nth-child(2),.step-item:nth-child(3),.step-item:nth-child(4),.step-item:nth-child(5),.step-item:nth-child(6),.step-item:nth-child(7){top:auto;left:auto;right:auto;bottom:auto;flex-direction:row}}}}.countries{grid-template-columns:repeat(2,1fr);.country{font-size:var(--fs-14)}}.ports{grid-template-columns:repeat(2,1fr);.port{font-size:var(--fs-14)}}}}@media (max-width:767px){.detailed-service-card{.ports{grid-template-columns:repeat(3,1fr);.port{font-size:var(--fs-14)}}}}@media (max-width:575px){.detailed-service-card{display:flex;flex-direction:column;gap:18px;position:relative;.image-cover{flex-direction:column;gap:18px;width:100%;margin-bottom:0}.title{font-size:var(--fs-24);line-height:var(--lh-36)}.description{font-size:var(--fs-14);line-height:var(--lh-24)}.faq-title{font-size:var(--fs-20);line-height:var(--lh-28)}.advantages{max-width:600px;margin-top:-8px;margin-bottom:4px;gap:12px;padding:0;.item{font-size:var(--fs-14);line-height:var(--lh-24);padding-left:22px}}.accordion{.accordion-item{.accordion-header{.accordion-button{font-size:var(--fs-18);line-height:var(--lh-22);padding-right:14px;.index{font-size:var(--fs-18);line-height:var(--lh-22);margin-right:18px}.icon{width:16px;svg{width:16px;height:16px}}&:after{display:none}}}.accordion-collapse{margin-top:-22px;z-index:100;.accordion-body{font-size:var(--fs-14);line-height:var(--lh-24);margin-left:39px;padding:18px 0}}}}.ports{grid-template-columns:repeat(2,1fr)}}}