1 line
10 KiB
CSS
1 line
10 KiB
CSS
body{font-family:"DM Sans",sans-serif}@media(min-width: 1200px){.container{max-width:1400px}}.img-100{max-width:100%}.btn,.baner div[class^=col-]:first-child a{font-size:16px;font-weight:700;letter-spacing:0px;color:#000;background:#ffbf0d;padding:10px 32px;border-radius:0}.btn:focus,.baner div[class^=col-]:first-child a:focus{box-shadow:none}.btn2{padding:7px 12px;border:1px solid #ccc;border-radius:4px;font-size:15px;color:#000;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center}.btn2 img{width:15px;height:15px;margin-right:2px}.btn2:hover{text-decoration:none}.btn3{padding:7px 12px;border:1px solid #ccc;border-radius:4px;font-size:15px;color:#fff;background:#000;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center}.btn3:hover{text-decoration:none}.title,.form-bottom.gray-bg h2,.benefits .row:first-child h2,.yellow-box .row:first-child h2,.baner h1{font-size:36px;font-weight:700;letter-spacing:0px;color:#000}@media(min-width: 992px)and (max-width: 1199px){.title,.form-bottom.gray-bg h2,.benefits .row:first-child h2,.yellow-box .row:first-child h2,.baner h1{font-size:34px}}@media(min-width: 576px)and (max-width: 991px){.title,.form-bottom.gray-bg h2,.benefits .row:first-child h2,.yellow-box .row:first-child h2,.baner h1{font-size:32px}}@media(max-width: 575px){.title,.form-bottom.gray-bg h2,.benefits .row:first-child h2,.yellow-box .row:first-child h2,.baner h1{font-size:26px}}.text,.form-footer h3,.yellow-box .row:last-child div[class^=col-] div p,.yellow-box .row:last-child div[class^=col-] div h3,.box p,.form-bottom p,.benefits p{font-size:22px;font-weight:400;line-height:40px;letter-spacing:0px;color:#000}@media(max-width: 575px){.text,.form-footer h3,.yellow-box .row:last-child div[class^=col-] div p,.yellow-box .row:last-child div[class^=col-] div h3,.box p,.form-bottom p,.benefits p{font-size:20px;line-height:34px}}.padding70,.benefits .row:first-child,.yellow-box{padding-top:70px;padding-bottom:70px}.top{padding:25px 0}.top a{font-size:15px;color:#000;text-transform:uppercase;font-weight:600}.top a:hover{text-decoration:none}@media(min-width: 768px)and (max-width: 991px){.top div[class^=col-]:first-child{text-align:center;margin-bottom:20px}}.top div[class^=col-]:last-child{display:flex;justify-content:flex-end;align-items:center}@media(min-width: 768px)and (max-width: 991px){.top div[class^=col-]:last-child{justify-content:center}}.top ul{display:flex;list-style-type:none;padding-inline-start:0;margin-bottom:0}@media(max-width: 767px){.top ul{display:none}}.top ul li a{padding:0 10px}.top .btn2{margin-right:5px}@media(max-width: 1199px){.top .btn2{display:none}}.top .btn3{color:#fff}@media(max-width: 1199px){.top .btn3{display:none}}.top .mobile-btn-container{border:1px solid #ccc;padding:2px 10px;border-radius:4px;touch-action:none}@media(min-width: 768px){.top .mobile-btn-container{display:none}}.top .mobile-btn-container .mobile-button{touch-action:none}@media(min-width: 768px){.mobile-menu-container{display:none}}@media(max-width: 767px){.mobile-menu-container{display:block;overflow:hidden;height:0px;transition:all .3s ease}.mobile-menu-container.open{height:174px}}@media(max-width: 407px){.mobile-menu-container.open{height:222px}}.mobile-menu-container .menu-box{display:block;list-style-type:none;padding-inline-start:0;margin-bottom:10px}.mobile-menu-container .menu-box li a{padding:0 10px;font-size:15px;color:#000;text-transform:uppercase;font-weight:600}.mobile-menu-container .menu-box li a:hover{text-decoration:none}.mobile-menu-container .buttons-box{padding-bottom:20px}@media(min-width: 576px){.mobile-menu-container .buttons-box{display:flex}}.mobile-menu-container .btn2{margin-right:5px;display:inline-block}@media(max-width: 767px){.mobile-menu-container .btn2{margin-top:10px}}.mobile-menu-container .btn3{color:#fff;display:inline-block}@media(max-width: 767px){.mobile-menu-container .btn3{margin-top:10px}}.baner{background:#ededef;position:relative;overflow:hidden}@media(max-width: 767px){.baner{padding-top:50px}}.baner h1{margin-bottom:40px}@media(min-width: 768px)and (max-width: 991px){.baner h1{font-size:30px;margin-bottom:20px}}@media(max-width: 575px){.baner h1{margin-bottom:30px}}.baner div[class^=col-]:first-child{z-index:7;display:flex;align-items:flex-start;flex-wrap:wrap;flex-direction:column;justify-content:center}.baner div[class^=col-]:last-child{z-index:7}@media(max-width: 767px){.baner div[class^=col-]:last-child{text-align:right}}.baner img{margin-top:50px}@media(min-width: 576px)and (max-width: 767px){.baner img{width:60%;margin-top:-60px}}@media(max-width: 575px){.baner img{width:80%}}.baner .banner-star{position:absolute;left:28px;bottom:-273px}@media(min-width: 992px)and (max-width: 1199px){.baner .banner-star{left:-117px;bottom:-294px}}@media(min-width: 576px)and (max-width: 991px){.baner .banner-star{left:-40px;bottom:-220px}}@media(max-width: 575px){.baner .banner-star{display:none}}.baner .banner-star img{width:600px;height:600px;z-index:2}@media(min-width: 576px)and (max-width: 991px){.baner .banner-star img{width:400px;height:400px}}.box,.form-bottom,.benefits{padding-top:101px;padding-bottom:75px}.box p,.form-bottom p,.benefits p{width:80%;margin-left:auto;margin-right:auto;position:relative;margin-bottom:55px}.box p:before,.form-bottom p:before,.benefits p:before{position:absolute;content:"";top:-30px;width:200px;height:2px;background:#ffbf0d}.box .img-box,.form-bottom .img-box,.benefits .img-box{padding:50px 30px;box-shadow:rgba(255,230,159,.2) 0px 2px 23px 8px;border:1px solid #e4e4e4;border-radius:29px;display:flex;justify-content:center;align-items:center}@media(max-width: 575px){.box .img-box,.form-bottom .img-box,.benefits .img-box{display:block}}.box .img-box div,.form-bottom .img-box div,.benefits .img-box div{width:20%;display:flex;justify-content:center;align-items:center}@media(max-width: 575px){.box .img-box div,.form-bottom .img-box div,.benefits .img-box div{width:100%}}.box .img-box div:not(:last-child),.form-bottom .img-box div:not(:last-child),.benefits .img-box div:not(:last-child){border-right:1px solid #e9e9e9}@media(max-width: 575px){.box .img-box div:not(:last-child),.form-bottom .img-box div:not(:last-child),.benefits .img-box div:not(:last-child){border-right:none;border-bottom:1px solid #e9e9e9;margin-bottom:30px;padding-bottom:30px}}@media(min-width: 1200px){.box .img-box div img,.form-bottom .img-box div img,.benefits .img-box div img{width:75%}}@media(min-width: 768px)and (max-width: 1199px){.box .img-box div img,.form-bottom .img-box div img,.benefits .img-box div img{width:80%}}@media(min-width: 576px)and (max-width: 767px){.box .img-box div img,.form-bottom .img-box div img,.benefits .img-box div img{width:80%}}@media(max-width: 575px){.box .img-box div img,.form-bottom .img-box div img,.benefits .img-box div img{max-width:150px}}@media(min-width: 992px){.box .img-box div:nth-child(3) img,.form-bottom .img-box div:nth-child(3) img,.benefits .img-box div:nth-child(3) img{margin-top:-21px}}@media(min-width: 768px)and (max-width: 991px){.box .img-box div:nth-child(3) img,.form-bottom .img-box div:nth-child(3) img,.benefits .img-box div:nth-child(3) img{margin-top:-15px}}@media(min-width: 576px)and (max-width: 767px){.box .img-box div:nth-child(3) img,.form-bottom .img-box div:nth-child(3) img,.benefits .img-box div:nth-child(3) img{margin-top:-7px}}.yellow-box{background:#ffbf0d}.yellow-box .row:first-child{text-align:center}.yellow-box .row:first-child h2{margin-bottom:40px}.yellow-box .row:last-child div[class^=col-] div{background:#fff;padding:40px 30px;border-radius:12px}@media(min-width: 1200px){.yellow-box .row:last-child div[class^=col-] div{min-height:404px}}@media(min-width: 992px)and (max-width: 1199px){.yellow-box .row:last-child div[class^=col-] div{min-height:436px}}@media(max-width: 991px){.yellow-box .row:last-child div[class^=col-] div{margin-bottom:40px}}.yellow-box .row:last-child div[class^=col-] div p{line-height:32px}.yellow-box .row:last-child div[class^=col-] div img{height:70px;margin-bottom:30px}@media(max-width: 991px){.yellow-box .row:last-child div[class^=col-]:last-child div{margin-bottom:0px}}.benefits .row:first-child{text-align:center;padding-top:30px}.benefits .row:first-child h2{padding-top:0;position:relative}.benefits .row:first-child h2::before{content:"";display:block;height:3px;width:185px;background:#ffbf0d;position:absolute;top:-31px;left:50%;transform:translateX(-50%)}@media(max-width: 991px){.benefits .row:last-child div[class^=col-]:first-child{text-align:center}}@media(max-width: 991px){.benefits .row:last-child div[class^=col-]:first-child img{margin-bottom:50px}}.benefits2{background:#f9f9f9;padding-top:100px;padding-bottom:100px;text-align:center}.benefits2 .content{max-width:800px}.benefits2 .content .dot{margin-left:auto;margin-right:auto}.benefits3{padding-top:100px;padding-bottom:100px}@media(max-width: 991px){.benefits3 div[class^=col-]:last-child{text-align:center}}@media(max-width: 991px){.benefits3 div[class^=col-]:last-child img{margin-top:50px}}.flex-align-center{display:flex;align-items:center}.flex-justify-center{display:flex;justify-content:center}.dot{background:#ffbf0d;color:#fff;height:67px;width:67px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:36px;font-weight:600;margin-bottom:30px}.dot-text{font-size:22px;line-height:40px;font-weight:400}.benefits.gray-bg{background:#f9f9f9}.benefits.gray-bg .content{max-width:755px;text-align:center}.benefits.gray-bg .content .dot{margin:0 auto 30px}.form-bottom.gray-bg{background:#f9f9f9}.form-bottom.gray-bg .star{margin-bottom:25px}.form-bottom.gray-bg h2{position:relative;padding-bottom:35px;margin-bottom:25px}.form-bottom.gray-bg h2::after{content:"";height:3px;background:#ffbf0d;width:185px;left:0;position:absolute;bottom:0}.form-footer{background:#fff;padding:50px 30px;border:1px solid #ffbf0d}@media(max-width: 991px){.form-footer{margin-top:50px}}.footer{background:#000;padding-top:25px;padding-bottom:25px}.footer p{font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#fff;margin-bottom:0}/*# sourceMappingURL=style.css.map */ |