@import url('https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps&family=Roboto:wght@300;400;500;700;900&display=swap');
*{box-sizing: border-box;padding:0;margin:0;}
body{font-family: 'Roboto', sans-serif;}
.oleo-font{font-family:'Oleo Script Swash Caps';}
.inner_ion{ border-image-source: linear-gradient(136.4deg, #917800 50%, #91780000 77.87%);border-image-slice: 1;}
.border-image{border-image-source: linear-gradient(136.4deg, #FFD700 50%, #904A00 77.87%);border-image-slice: 1;}
.container_border{border-image-source: linear-gradient(104.59deg, rgba(255, 255, 255, 0.5) 0%, rgba(64, 64, 64, 0.5) 100%);border-image-slice: 1;}
.common_border_box{border-image-source: linear-gradient(180deg,#f5f5f536 0%, rgb(221 185 0 / 4%) 62.49%, rgb(221 185 0 / 1%) 62.5%);border-image-slice: 1;}
.zoom-in-zoom-out {animation: zoom-in-zoom-out 2s ease-out infinite;}
@keyframes zoom-in-zoom-out {
    0% {transform: scale(1, 1);}
    50% {transform: scale(1.5, 1.5);}
    100% {transform: scale(1, 1);}
}
.heading_shape { stroke-dasharray: 1000;stroke-dashoffset: 1200; animation-iteration-count:infinite;animation-name:banner_shape;animation-duration: 7s;animation-timing-function:ease}
@keyframes banner_shape {
    100% {stroke-dashoffset: 0;}  
}