img{display:block;margin:auto}section.hero .slogan,section.hero .subtitle,section.hero .detail,section.hero h1{color:var(--blue)}section.hero .subtitle{font-weight:600;font-size:24px;margin-bottom:25px}section.hero .page-title{font-weight:600;margin-bottom:0;color:var(--blue)!important}section.hero .page-title span{color:var(--green)}.accordion-links .accordion-body a{border-bottom:none!important}section.why-choose{margin-top:50px}section.why-choose .img-col img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}section.why-choose .text-col .detail{margin:30px 0}section.why-choose .text-col .detail b{font-weight:600}section.why-choose .text-col .list-title{margin-bottom:50px;font-weight:600}section.why-choose .text-col ul li{display:flex}section.why-choose .text-col ul li:before{font-family:var(--fontawesome);font-weight:900;content:"";margin-right:15px;font-size:16;color:var(--green)}section.why-choose .text-col ul li+li{margin-top:30px}section.why-choose .text-col .btn-green{border-radius:11px;padding:20px 80px}section.how-to-work .box:before{position:absolute;top:-43px;left:-192px;width:332px;overflow:hidden;content:url(../../assets/images/backorders/icon/divader.svg);z-index:9}section.how-to-work .box-1:before{content:""}section.how-to-work .box{position:relative}section.how-to-work .box *{transition:all .3s ease-in-out}section.how-to-work .box .icon{height:180px;width:100%;background-color:var(--bg-light);display:grid;place-items:center;border-radius:17px;position:relative}section.how-to-work .box .icon:after{position:absolute;z-index:10;content:"";top:-12px;left:50%;transform:translate(-50%);background-color:var(--green);width:18px;height:18px;border-radius:100%;border:6px solid var(--white);box-sizing:content-box}section.how-to-work .box .content .title{font-weight:600;font-size:24px;color:var(--blue);margin:20px 0 15px}section.how-to-work .box:hover,section.how-to-work .box:focus,section.how-to-work .box:active{cursor:pointer;transition:all .3s ease-in-out}section.how-to-work .box:hover .icon,section.how-to-work .box:focus .icon,section.how-to-work .box:active .icon{background-color:var(--blue);box-shadow:10px 10px 0 0 var(--green)}section.how-to-work .box:hover .icon:after,section.how-to-work .box:focus .icon:after,section.how-to-work .box:active .icon:after{border:6px solid var(--blue);background-color:var(--green)}section.how-to-work .box:hover .icon img,section.how-to-work .box:focus .icon img,section.how-to-work .box:active .icon img{transform:scale(1.1)}section.how-to-work .box:hover .content .title,section.how-to-work .box:focus .content .title,section.how-to-work .box:active .content .title{color:var(--green);margin-left:10px}section.how-to-work .box:hover .content p,section.how-to-work .box:focus .content p,section.how-to-work .box:active .content p{color:var(--black)}section.information{position:relative}section.information .container{position:relative;z-index:10}section.information:after{position:absolute;content:"";background-color:var(--bg-light);top:0;left:0;height:100%;width:48%;z-index:1}section.information .head-title{position:relative}section.information .head-title:after{position:absolute;content:"";width:57px;height:10px;background-color:var(--green);top:-20px;left:0;border-radius:10px}section.information .detail{width:80%}section.available-for{position:relative}section.available-for:before{position:absolute;content:"";z-index:0;width:100%;height:50%;top:0;left:0;background-color:var(--green)}section.available-for .box{position:relative;z-index:10;background-color:var(--white);border-radius:17px;overflow:hidden;box-shadow:var(--box-shadow-y)}section.available-for .box:hover,section.available-for .box:active,section.available-for .box:focus{box-shadow:var(--box-shadow-y-hover)}section.available-for .box .title{font-weight:600;font-size:24px;padding:32px 20px;color:var(--blue);text-align:center;border-bottom:3px solid var(--bg-light)}section.available-for .box .accordion .accordion-item{border-top:1px solid var(--bg-light)}section.available-for .box .accordion .accordion-button{border-radius:0;padding-top:37px;padding-bottom:37px;font-size:18px;color:var(--color-light-top)}section.available-for .box .accordion .accordion-button:after{content:"+";font-family:var(--fontawesome);font-weight:900;font-size:16px;border:none;color:var(--text);background-image:none}section.available-for .box .accordion .accordion-header{margin-top:0;padding-top:0;padding-bottom:0}section.available-for .box .accordion .accordion-header.active .accordion-button{background-color:var(--tld-acordion-bg);border-bottom:1px solid var(--bg-light);color:var(--blue)}section.available-for .box .accordion .accordion-header.active .accordion-button:after{color:var(--green)}section.available-for .box .accordion .accordion-header.active+.accordion-collapse{background-color:var(--tld-acordion-bg)}section.available-for .box .accordion .accordion-body{padding-top:50px;padding-bottom:30px}section.available-for .box .accordion .accordion-body ul li{list-style:none}section.available-for .box .accordion .accordion-body ul li a{padding:15px;transition:all .2s ease-in-out;display:block;text-align:center}section.available-for .box .accordion .accordion-body ul li a:hover,section.available-for .box .accordion .accordion-body ul li a:active,section.available-for .box .accordion .accordion-body ul li a:focus{transition:all .2s ease-in-out;color:var(--green);background-color:var(--blue);border-radius:5px;position:relative;font-weight:600;transform:translate(-4px,-4px);box-shadow:5px 5px 0 0 var(--green)}section.why-backorder .box .title{margin-top:30px;margin-bottom:5px;font-size:20px;font-weight:500;color:var(--blue);min-height:60px;display:flex;align-items:center}section.why-backorder .box .detail{min-height:63px}html[dir=rtl] section.why-choose .text-col ul li:before{margin-right:0;margin-left:15px}html[dir=rtl] section.how-to-work .box:before{display:none}html[dir=rtl] section.information:after{width:52%}html[dir=rtl] section.information .head-title:after{left:auto;right:0}@media only screen and (min-width:768px){.text-md-start{text-align:start!important}}@media only screen and (max-width:1400px)and (min-width:1200px){section.how-to-work .box:before{top:-34px;left:-170px;width:291px;transform:rotate(5deg)}}@media only screen and (max-width:1200px){section.how-to-work .box:before{content:""}}@media only screen and (max-width:992px){section.hero{position:relative;overflow:hidden}section.hero .text-col{position:relative;z-index:10}section.hero .img-col img{display:none}section.why-choose .text-col{padding-top:30px}section.why-choose .text-col .detail{margin:20px 0}section.why-choose .text-col .list-title{margin-bottom:30px}section.why-choose .text-col ul li:before{margin-right:10px}section.why-choose .text-col ul li+li{margin-top:20px}section.information .detail{width:100%}section.information .col-12:last-child{margin-top:100px}section.information:after{display:none}section.information.mt-100{margin-top:0!important}section.why-backorder .head-title.mb-100{margin-bottom:50px!important}section.why-backorder .box .title{margin-top:20px;margin-bottom:5px}}@media only screen and (max-width:576px){.head-title br{display:none}section.hero .img-col img{opacity:.1}section.hero .textarea{text-align:center}section.hero h1.page-title{margin-bottom:10px}section.hero .subtitle{text-align:center;font-size:16px}section.why-choose .img-col img{max-width:80%;aspect-ratio:1/1}section.available-for .box .title{padding:20px}section.available-for .box .accordion .accordion-button{padding-top:25px;padding-bottom:25px}section.available-for .box .accordion .accordion-body{padding-top:20px;padding-bottom:20px}section.available-for .box .accordion .accordion-body ul li a{padding:10px}}