.tab{font-family:Montserrat,sans-serif;margin:0;padding:0}.tab .nav-tabs{border:none;justify-content:space-evenly;margin:0;position:relative}.tab .nav-tabs li a{border-radius:0;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:block;font-size:17px;font-weight:600;letter-spacing:.5px;margin:0 6px 1px 0;overflow:hidden;padding:1.2rem 5rem;position:relative;text-align:center;text-transform:capitalize;transition:all .3s ease 0s;z-index:1}.tab .nav-tabs li a,.tab .nav-tabs li a:hover,.tab .nav-tabs li.active a,.tab .nav-tabs li.active a:hover{background-color:#fff;border:none;color:#8bbe09}.tab .nav-tabs li a:after,.tab .nav-tabs li a:before{background:#006e5e;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease 0s;width:100%;z-index:-1}.tab .nav-tabs li a:after{background:#8dbf08}.tab .nav-tabs li a:hover:before,.tab .nav-tabs li.active a:before{clip-path:polygon(0 0,100% 0,5% 10%,0 100%);opacity:1}.tab .nav-tabs li a:hover:after,.tab .nav-tabs li.active a:after{clip-path:polygon(95% 90%,100% 0,100% 100%,0 100%);opacity:1}.tab .tab-content{padding:20px 25px}.fade:not(.show){opacity:1}.box{border-radius:7px;box-shadow:0 14px 18px -12px rgba(50,50,80,.5),0 14px 15px -13px rgba(0,0,0,.8);font-family:Raleway,sans-serif;margin:1rem 0;overflow:hidden;position:relative}.box:after,.box:before{background:rgba(0,0,0,.5);content:"";height:50%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:all .5s cubic-bezier(.66,.08,.19,.97);width:100%}.box:after{bottom:0;top:auto;transition-delay:.15s}.box:hover:after,.box:hover:before{transform:scaleX(1)}.box img{height:auto;width:100%}.box .box-content{align-items:center;bottom:0;color:#fff;display:flex;justify-content:center;padding:15px;position:absolute;top:0;width:100%;z-index:1}.box .icon li{opacity:0;transform:rotateX(90deg);transition:all .5s ease-in-out .4s}.box .icon li:nth-child(2){transition-delay:.5s}.box:hover .icon li{opacity:1;transform:rotateX(0deg)}.box .icon li a{background:#f2ffcc;border-radius:4px;color:#8bbe09;display:block;font-family:Montserrat;font-size:14px;font-weight:600;letter-spacing:1px;padding:9px 8px;text-align:center;transition:all .3s ease-in-out}.box .icon li a:hover{background:#006e5e;border-radius:10px 10px;color:#fff}@media only screen and (min-width:1200px) and (max-width:1600px){.tab .nav-tabs li a{font-size:20px;margin:0;padding:1.2rem .8rem}}@media only screen and (min-width:1024px) and (max-width:1119px){.tab .nav-tabs li a{font-size:16px;margin:0;padding:1.2rem .8rem}}@media only screen and (min-width:901px) and (max-width:1023px){.tab .nav-tabs li a{font-size:13px;margin:0;padding:1.2rem .6rem}}@media only screen and (min-width:768px) and (max-width:900px){.tab .nav-tabs li a{font-size:13px;margin:0;padding:1.2rem .5rem}}@media only screen and (min-width:576px) and (max-width:767px){.tab .nav-tabs li a{font-size:12px;margin:0 0 17px;padding:1.2rem .5rem}}@media only screen and (min-width:420px) and (max-width:575px){.tab .nav-tabs li a{font-size:12px;margin:0 0 17px;padding:1.2rem .5rem}.MobcolWidth5{max-width:50%}}@media only screen and (min-width:100px) and (max-width:419px){.tab .nav-tabs li a{font-size:12px;margin:0 0 17px;padding:1.2rem .5rem}}