body{ font-family: 'Lato', sans-serif; color: #0f0f0f; font-size: 14px;display: block; letter-spacing: 0.40px;}
.container{ max-width: 1618px; width: auto;}
a, a:hover, a:focus{ transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; color: inherit; text-decoration: none;}
h1, h2, h3, h4, h5, h6{ font-family: 'Lato', sans-serif; font-weight: 700; margin: 0;}
h2{ font-size: 2.25em;}
p{ margin: 0;}
/*img{ max-width: 100%;}*/
ul, li{ margin: 0;padding: 0;list-style: none;}
.table-wrap{ display: table; table-layout: fixed; width: 100%;}
.table-wrap aside{ display: table-cell; vertical-align: middle; float: none;}
input::placeholder { overflow: visible;}
::placeholder{ opacity: 1;}


.eft-section .eft-body{grid-template-columns: 4fr 6fr;display: grid;overflow: hidden;margin-top: 10px}
.eft-section .left-sec {position: relative;padding: 100px 140px 100px 80px;}
.eft-section .left-shape {z-index: -1;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-image: url(../jpg/eft-left-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.eft-section .left-sec h1{font-size: 27px; color: #0150a0;font-weight: 900;font-family: 'Lato', sans-serif;}
.eft-section .left-sec p{padding-top: 27px;font-size: 18px;color: #282828;line-height: 24px;font-family: 'Lato', sans-serif;}
.eft-section .left-sec .orange-btn{transition: 0.3s all ease;margin-top: 34px;background-color: #f64801;color: white;padding: 15px 32px;text-align: center;text-decoration: none; display: inline-block;border: 0;border-radius: 25px;font-size: 20px;font-weight: 700;box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);}
.eft-section .left-sec .orange-btn:hover{background: #bf3902}
.eft-section .right-sec{position: relative; display: grid;grid-gap: 8px;grid-template-columns: repeat(4, minmax(0, 1fr));margin-left: -78px;}
.eft-section .right-sec .right-shape{z-index: -1;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-image: url(../trophy-awards-bg.html);background-repeat: no-repeat;background-size: cover;background-position: center;}
.eft-section .right-sec .item-one .right-shape{background-image: url(../png/corporate-awards-bg.png);}
.eft-section .right-sec .item-two .right-shape{background-image: url(../png/employee-recognition-bg.png);}
.eft-section .right-sec .item-three .right-shape{background-image: url(../png/trophy-awards-bg.png);}
.eft-section .right-sec .item-four .right-shape{background-image: url(../png/custom-awards-bg.png);}
.eft-section .right-sec .category-item{position: relative;transform: skewX(-20deg);text-align: center;overflow: hidden;transition: 0.3s all ease;}
.eft-section .right-sec .category-item:hover .title:before{background: #00366c;}
.eft-section .right-sec .category-item:last-child{width: 155%;}
.eft-section .right-sec .category-item:last-child .title{left: -40px;}
.eft-section .right-sec .category-item:first-child .picture{left: -40px}
.eft-section .right-sec .picture{transform: skewX(20deg);position: absolute;bottom: 80px;left: -40px;}
.eft-section .right-sec .picture img { max-width: 300px;}
.eft-section .right-sec .title{transform: skewX(20deg);padding: 0 15px;position: absolute;bottom: 0;width: 100%;}
.eft-section .right-sec .title a{color: white;font-size: 16px;align-items: center;display: flex;line-height: 22px;min-height: 80px;text-align: center;justify-content: center;}
.eft-section .right-sec .title:before {transition: 0.3s all ease;content: " ";background: #0150a0;height: 100%;width: 130%;position: absolute;display: block;left: -20px;z-index: -1;}


@media (max-width: 1500px) {
    .eft-section .left-sec{padding: 80px 100px 80px 50px;}
.eft-section .right-sec .picture, .eft-section .right-sec .category-item:first-child .picture{left: -60px;}
}
@media (max-width: 1151px) {
.eft-section .eft-body{ grid-template-columns: auto;}
.eft-section .left-sec{padding: 50px;text-align: center;}
.eft-section .right-sec{margin: 10px 0 0 0;}
.eft-section .right-sec .picture{position: relative;bottom: 80px;left: -30px;}
.eft-section .right-sec .picture, .eft-section .right-sec .category-item:first-child .picture{left: -40px}
.eft-section .right-sec .picture img { max-width: 250px;}
.eft-section .right-sec .category-item:last-child { width: 100%;}
.eft-section .right-sec .category-item:last-child .title{left: auto;}
}
@media (max-width: 991px) {
.eft-section .right-sec .category-item{padding-top: 20px;}
.eft-section .right-sec .category-item:first-child .title{left: 20px}
.eft-section .right-sec .title a{font-size: 14px;min-height: 60px;}
.eft-section .right-sec .picture{bottom: 60px;}
}
@media (max-width: 767px) {
.eft-section .right-sec{grid-template-columns: repeat(2, minmax(0, 1fr));padding: 30px 15px;margin: 0;grid-gap: 15px;}
.eft-section .left-sec {padding: 50px 20px;}
.eft-section .left-sec .orange-btn{margin-top: 30px;padding: 12px 30px;font-size: 16px;}
.eft-section .right-sec .category-item{transform: skewX(0deg);}
.eft-section .right-sec .picture, .eft-section .right-sec .category-item:first-child .picture, .eft-section .right-sec .category-item:first-child .title, .eft-section .right-sec .title{left: 0;transform: skewX(0deg);}
.eft-section .right-sec .picture img{max-width: 100%;}
}
@media (max-width: 375px) {
.eft-section .right-sec{grid-template-columns: repeat(1, minmax(0, 1fr));}
}