body{font-family:Arial,sans-serif;padding-top:10px;padding-bottom:0;background-color:#f0f0f0;color:#2f2f2f;margin:0}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}.logo img{vertical-align:middle;height:22px;width:auto}.header-container{max-width:1170px;margin:auto;padding:20px 15px;box-shadow:0 .15rem .3rem rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;background:#2c3e50;border-bottom:2px solid hsl(72,87%,51%)}.header{position:fixed;top:0;left:0;width:100%;transform:translateY(0);transition:transform .3s ease;z-index:1000}.header .logo{font-weight:600;color:#fff;text-transform:capitalize;margin-right:auto}.header .menu-btn{display:none;margin-top:0!important}.header .menu-container{display:flex;align-items:center;margin-left:auto}.header .menu li{display:inline-block}.header .menu li+li{margin-left:40px}.header .menu a{font-size:16px;display:block;text-transform:uppercase;text-decoration:none;color:#fff;font-weight:500;position:relative;transition:color .5s}.header .menu a::after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:0;background-color:hsl(72,87%,51%);transform:scale(0);transition:.5s}.header .menu a:hover{color:hsl(72,87%,51%)}.header .menu a:hover::after{transform:none}.header .search-icon{margin-left:30px}@media(max-width:991px){.header-container{padding:15px 15px}.header .menu-btn{height:36px;width:44px;background-color:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.header .menu-btn .line{position:absolute;height:2px;width:23px;background-color:#fff;transition:transform .5s}.header .menu-btn .line-1{transform:translateY(-8px)}.header .menu-btn .line-3{transform:translateY(8px)}.header .menu-btn.active .line-2{transform:rotate(-45deg)}.header .menu-btn.active .line-1,.header .menu-btn.active .line-3{transform:translateY(0)rotate(-135deg)}.header .menu{position:fixed;left:100%;top:0;height:100%;background-color:#34495e;width:60%;padding:62px 0 30px;transition:transform .5s;height:100vh}.header .menu.open{transform:translateX(-100%)}.header .menu::before{content:"";position:absolute;left:0;top:0;width:100%;height:57px;box-sizing:border-box;border-bottom:1px solid #fff}.header .menu>ul{max-height:100%;overflow-y:auto}.header .menu li{display:block}.header .menu li+li{margin:0}.header .menu a{padding:12px 30px;color:#fff}.header .menu a::after{content:none}}.container{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;border-radius:5px;max-width:1170px;margin-top:65px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center}.container-content{max-width:1170px;margin:5px auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.container p{margin-top:20px;margin-bottom:20px;line-height:1.9}.container-content p{font-size:15px;line-height:1.9;font-weight:400;text-align:left;margin-top:20px;margin-bottom:20px}.container-content li{font-size:15px;line-height:1.9;font-weight:400;text-align:left;margin-top:5px;margin-bottom:5px;margin-left:17px}.container-content ul{margin-top:5px;margin-bottom:5px}.container-content h3{margin-top:15px;margin-bottom:15px}.container-content h2{text-align:left}h2{margin-bottom:20px}.tools-container{max-width:750px;margin:auto}#drop-area{border:2px dashed #6f6f6f;padding:30px;cursor:pointer;border-radius:10px;transition:background .3s;background:#efefef;margin-bottom:15px}#drop-area:hover{background:#f0f8ff}.canvas-container{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;margin:20px 0;position:relative;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.canvas-container canvas{max-width:100%;border-radius:10px;max-height:400px;min-height:300px}.controls{margin:10px 0}button{background:#2c3e50;border:none;padding:10px 15px;color:white;font-size:14px;border-radius:5px;cursor:pointer;transition:.3s;margin-top:15px}button:hover{background:#ff4757}.download-btn{padding:10px;background-color:#0669FF;color:white;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px;width:50%}.crop-download-btn{background:#0669FF!important}.crop-download-btn:hover{background:#ff4757!important}.resize-btn{display:block;width:50%;margin:auto;padding:10px;background-color:#2c3e50;color:white;border:none;border-radius:5px;cursor:pointer}select,input{margin:10px;padding:10px;border-radius:5px;border:1px solid #a3a3a3}input[type=number]{width:90px}label{margin:5px 0}#upload{width:100%;margin-bottom:15px;padding:10px;border-radius:5px;border:1px solid #ccc}.cropper-container{position:relative;width:100%;height:400px;margin-bottom:20px;text-align:center;background-color:#f8f8f8;border:1px dashed #ccc}.cropper-bg{display:block;width:100%;height:100%;object-fit:contain}#cropButton{display:block;width:50%;margin:auto;padding:10px;background-color:#2c3e50;color:white;border:none;border-radius:5px;cursor:pointer}#cropButton:hover{background-color:#ff4757}#cropped-result{max-width:100%;height:auto;border:10px solid #e6e6e6;margin-top:20px;border-radius:10px}.download-container{margin-top:20px}.go-resizer-button{padding:10px;background-color:#8e44ad;color:white;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.reset-button{padding:10px;background-color:#8e44ad;color:white;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.reset-button:hover{background-color:#0669FF}.go-resizer-button:hover{background-color:#ff4757}.option-select{margin:10px 0;width:100%}*{margin:0;padding:0;box-sizing:border-box}.footer-container{max-width:1170px;margin:auto;background:#2c3e50;padding-top:30px;padding-bottom:30px;padding-left:5px;padding-right:5px}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer-col{width:25%;padding:0 15px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:500;position:relative}.footer-col h4::before{content:"";position:absolute;left:0;bottom:-10px;background-color:hsl(72,87%,51%);height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{font-size:15px;text-transform:capitalize;text-decoration:none;font-weight:300;color:#cac9c9;display:block;transition:all .3s ease}.footer-col ul li a:hover{color:hsl(72,87%,51%)}.footer-col .social-links a{display:inline-block;height:35px;width:35px;margin:0 10px 10px 0;text-align:center;line-height:40px;border-radius:50%;color:#fff;transition:all .5s ease}.footer-col .social-links a:hover{color:#24262b;background-color:#000}.light-svg-icon{height:30px;width:30px;filter:invert(1)}@media(max-width:767px){.footer-col{width:50%;margin-bottom:30px}}@media(max-width:574px){.footer-col{width:100%}} .page-footer{background-color:#151f28;color:#fff;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:center;font-size:15px;max-width:1170px;margin:auto}@media (max-width:768px){.page-footer{flex-direction:column;align-items:center;padding:15px;font-size:15px}.page-footer .page-footer-left,.page-footer .page-footer-right{margin-bottom:15px}}@media (max-width:480px){.page-footer{flex-direction:column;align-items:center;padding:10px;font-size:13px}.page-footer .page-footer-left,.page-footer .page-footer-right{margin-bottom:13px}}