@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
*:not(i){ font-family: "Poppins", sans-serif !important;}
*{margin:0;padding:0;box-sizing:border-box}
body{background: #0a0101;}
section{background:#000000bb url('https://swachhgrains.com/images/background-image.jpg') no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;height:100vh;background-blend-mode:color}
.container{width:1320px;max-width:100%;padding:0}
.container .row{display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding: 0 20px;}
.container .row .col-7{max-width:65%;width:65%;flex:0 0 65%}
.container .row .col-5{width:100%;max-width:100%;flex:1}
.container .row .right-side{background:#fff;padding:30px 20px;position: relative;z-index: 1;overflow: hidden;}
body{color:#fff}
.container .row .right-side::after,.container .row .right-side::before{content:"";position:absolute;right:-50px;top:-50px;background:#5a41094f;width:100px;height:100px;border-radius:100%;z-index:-1}
.container .row .right-side::after{top:initial;bottom:-50px;left:-50px;right:initial}
.container .row .right-side .main-heading{text-align:center;color:#000;font-size:32px;margin:0}
.container .row .right-side .input-container{margin-top:20px}
.container .row .right-side .input-container .input-grup{position:relative;display:flex;width:100%;height:40px}
.container .row .right-side .input-container.big-height .input-grup{height:70px}
.container .row .right-side .input-container .input-grup i.fas{background:#5a4109;width:45px;border-radius:0;color:#fff;display:flex;align-items:center;justify-content:center}
.container .row .right-side .input-container .input-grup input,
.container .row .right-side .input-container .input-grup textarea{font-size: 16px;width:100%;border-radius:0;height:100%;border:1px solid #ccc;outline:0;padding:10px 10px;resize: none;}
.container .row .right-side .input-container label{display:block;color:#000;margin:0 0 5px}
.container .row .right-side .input-grup{width:fit-content;margin:0 auto;text-align:center}
.container .row .right-side .input-grup button{margin:20px 0;background:#5a4109;border:1px solid #5a4109;outline:0;padding:0 30px;font-size:16px;color:#fff;height:40px;line-height:40px;transition:.5s all ease}
.container .row .right-side .input-grup button:hover{background:#fff;color:#5a4109}
.container .row .right-side .small-text{color:#000;text-align:end}
.required{color:red}
.container .row .left-side .for-sale{font-size:30px;background:#fff;color:#5a4109;line-height:100%;padding:5px 15px 5px 15px;margin:0;width:fit-content}
.container .row .left-side .domain-text{font-size:60px;line-height:100%;margin:20px 0 5px;}
.container .row .left-side .domain-text a{color:#fff;text-decoration:none;display: block;}
.container .row .left-side .available-text{ font-size: 20px;line-height: 100%;margin: 0 0 35px;font-style: italic;letter-spacing: 0.5px;}
.container .row .left-side .value{font-size:28px}
.container .row .left-side .value span{background:green;padding:4px 12px;line-height:100%;font-size:20px;margin-left:10px;display:inline-block;animation:pulse 2s infinite ease-in-out alternate}
.container .row .left-side .desc{margin:15px 0;font-size:18px;line-height:24px;max-width:50%}
.container .row .left-side ul{display:flex;list-style-type:none;padding:0;gap:0 15px}
.container .row .left-side ul li{font-size:16px;line-height:100%;margin:0 0 20px}
.container .row .left-side ul li span{font-weight:500;display:inline-block;width:30px;height:30px;background:#5a4109;font-size:15px;line-height:30px;text-align:center;border-radius:50%}
.container .row .left-side ul li:not(:first-child){border-left:1px solid #ccc;padding-left:15px}
div#counter{display:flex;gap:0 15px;flex-wrap: wrap;}
div#counter>.item{text-align:center;padding:15px 15px;background:#ffffff2b;min-width:120px;max-width:100%;margin-top: 20px;}
div#counter>.item .count{font-size:25px;line-height:100%;margin:0 0 5px}
div#counter>.item h3{margin-bottom:0;font-size:20px;font-weight:600;color:#af811c}
.alert-success{background-color:#4caf50;color:#fff;padding:10px;border-radius:5px;margin-top:10px}
@keyframes pulse{
from{transform:scale(.8)}
to{transform:scale(1.1)}
}
@media screen and (max-width:991px){
.container .row .left-side .domain-text{font-size:30px;}
.container .row .left-side .for-sale{font-size:20px}
.container .row{flex-direction:column;padding:0 15px}
.container .row .left-side .desc{max-width:100%}
.container .row .col-7{max-width:100%;width:100%;flex:0 0 100%}
div#counter>.item{flex: 1;}
section {padding: 80px 0;align-items: initial;}
body{height: 100vh;}
.container .row .left-side .value{font-size:18px}
.container .row .right-side .main-heading{font-size: 30px;}
}