@property --gap{syntax:"<length>";inherits:true;initial-value:0}@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}.dg-image{--border:15px;--gap:10px;--color:#00547A;width:200px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;margin:0;cursor:pointer;padding:calc(var(--border) + var(--gap));--angle:90deg;background:radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 85.35% 85.35%,conic-gradient(from calc(180deg - var(--angle) / 2),#0000 var(--angle),var(--color) 0),radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 14.65% 85.35%;background-size:var(--border) var(--border),auto;background-repeat:no-repeat;-webkit-mask:radial-gradient(farthest-side,#000 calc(99% - (var(--border) + var(--gap))),#0000 calc(100% - (var(--border) + var(--gap))) calc(99% - var(--border)),#000 calc(100% - var(--border)));mask:radial-gradient(farthest-side,#000 calc(99% - (var(--border) + var(--gap))),#0000 calc(100% - (var(--border) + var(--gap))) calc(99% - var(--border)),#000 calc(100% - var(--border)));transition:--angle .4s,--gap .4s}img:hover{--angle:0deg;--gap:5px}.quote-wrapper{width:300px;height:300px;position:relative;margin:10vh auto 0}.text{width:100%;height:100%;background:radial-gradient(ellipse at center,#0080ac 0,#0080ac 70%,rgba(0,128,172,0) 70.3%);position:relative;margin:0;color:#fff}.text p{height:100%;font-size:21px;line-height:1.25;padding:0;text-align:center;font-style:italic;text-shadow:.5px .5px 1px rgba(0,0,0,.3)}.text:before{float:left;shape-outside:polygon(0 0,98% 0,50% 6%,23.4% 17.3%,6% 32.6%,0 50%,6% 65.6%,23.4% 82.7%,50% 94%,98% 100%,0 100%)}.text:before,.text p:before{content:"";width:50%;height:100%;shape-margin:7%}.text p:before{float:right;shape-outside:polygon(2% 0,100% 0,100% 100%,2% 100%,50% 94%,76.6% 82.7%,94% 65.6%,100% 50%,94% 32.6%,76.6% 17.3%,50% 6%)}.quote-wrapper blockquote footer{width:100%;position:absolute;bottom:25px;font-size:17px;text-align:center;font-style:italic;text-shadow:.5px .5px 1px rgba(0,0,0,.3)}.quote-wrapper:before{content:"\201C";font-size:270px;height:82px;line-height:.78;line-height:1;position:absolute;top:-48px;left:0;z-index:1;font-family:sans-serif;color:#ccc;opacity:.9}@media (min-width:850px){.quote-wrapper{width:370px;height:370px}.quote-wrapper:before{font-size:300px}.text p{font-size:26px}.quote-wrapper blockquote footer{bottom:32px}}.note{margin:5vw;padding:.5em;border-left:.5em solid #52e052;background:#e9fbe9}.note a{text-decoration:none;color:#161b1e}.note a:hover{text-decoration:underline}.copra-news-a-box{display:inline-block;width:240px;text-align:center}.copra-news-img-container{height:230px;width:200px;overflow:hidden;border-radius:0 0 20px 20px;display:inline-block}.copra-news-img-container img{transform:skew(0deg,-13deg);height:250px;margin:-35px 0 0 -70px}.copra-news-inner-skew{display:inline-block;border-radius:20px;overflow:hidden;padding:0;transform:skew(0deg,13deg);font-size:0;margin:30px 0 0;background:#c8c2c2;height:250px;width:200px}.copra-news-text-container{box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:120px 20px 20px;border-radius:20px;background:#fff;margin:-120px 0 0;line-height:19px;font-size:14px}.copra-news-text-container h3{margin:20px 0 10px;color:#04bcff;font-size:18px}
.copra-features-card{width: 190px;height: 140px; transition:all .5s;box-shadow:15px 15px 30px rgba(25,25,25,.11),-15px -15px 30px rgba(60,60,60,.082);text-align:center;overflow:hidden}
.copra-features-card:hover{height:260px;background:linear-gradient(1turn,#edededc5 60%,#212121 70%)}
.copra-features-card .copra-features-header{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee;margin-bottom:16px}
.copra-features-card .copra-features-header 
.copra-features-img-box{width:50px}
.copra-features-card 
.copra-features-header 
.copra-features-title{font-size:1em;letter-spacing:.1em;font-weight:900;text-transform:uppercase;padding:4px 10 14px;transition:all .5s}
.copra-features-card:hover .copra-features-header{clip-path:polygon(0 0,100% 0,100% 100%,0 96%)}
.copra-features-card:hover .copra-features-card .copra-features-header .copra-features-title{padding:0}
.copra-features-card .copra-features-content{display:block;text-align:left;color:#212121;margin:0 18px}
.copra-features-card .copra-features-content p{transition:all .5s;font-size:.8em;margin-bottom:8px}
.copra-features-card .copra-features-content a{color:#1d8122;cursor:pointer;transition:all .5s;font-size:.7rem;font-weight:700;text-transform:uppercase}
.copra-features-card .copra-features-content .copra-features-btn-link:hover{border-bottom:1px solid #1d8122}.btn-read-more{width:fit-content;border-bottom:2px solid #cc8900}
.buyers-form{position:relative;padding:50px;border-radius:10px}.buyers-form h3{font-size:2em;padding:10px;color:#000;margin-bottom:30px;font-weight:700;padding-left:10px}
.buyers-form .buyers-form-input{position:relative;width:300px;height:50px}.buyers-form .buyers-form-input input{position:absolute;top:0;left:0;width:100%;border:1px solid #000;outline:none;background:none;padding:10px;border-radius:10px;font-size:1.2em}.buyers-form .buyers-form-input:last-child{margin-bottom:0}.buyers-form .buyers-form-input span{position:absolute;top:14px;left:20px;font-size:1em;transition:.6s;font-family:sans-serif}.buyers-form .buyers-form-input input:focus~span,.buyers-form .buyers-form-input input:valid~span{transform:translateX(-13px) translateY(-35px);font-size:1em}.buyers-form .buyers-form-input [type=button]{width:50%;background:#1e90ff;color:#fff;border:#fff}.buyers-form .buyers-form-input:hover [type=button]{background:linear-gradient(45deg,#adff2f,#1e90ff)}.form-control::placeholder{color:#7a7a7a;opacity:1}.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder{color:#7a7a7a}.form-control{border-radius:.3em}