<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
Theme Name: Vantage Plus
*/

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
    url(fonts/Gilroy-Regular.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-Regular.woff?v=1) format('woff'),
    url(fonts/Gilroy-Regular.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-Regular.svg#Gilroy-Regular?v=1) format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-RegularItalic.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-RegularItalic.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-RegularItalic.woff?v=1) format('woff'),
    url(fonts/Gilroy-RegularItalic.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-RegularItalic.svg#Gilroy-RegularItalic?v=1) format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-Medium.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-Medium.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-Medium.woff?v=1) format('woff'),
    url(fonts/Gilroy-Medium.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-Medium.svg#Gilroy-Medium?v=1) format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-MediumItalic.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-MediumItalic.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-MediumItalic.woff?v=1) format('woff'),
    url(fonts/Gilroy-MediumItalic.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-MediumItalic.svg#Gilroy-MediumItalic?v=1) format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-SemiBold.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-SemiBold.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-SemiBold.woff?v=1) format('woff'),
    url(fonts/Gilroy-SemiBold.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold?v=1) format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-SemiBoldItalic.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-SemiBoldItalic.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-SemiBoldItalic.woff?v=1) format('woff'),
    url(fonts/Gilroy-SemiBoldItalic.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-SemiBoldItalic.svg#Gilroy-SemiBoldItalic?v=1) format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-Bold.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-Bold.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-Bold.woff?v=1) format('woff'),
    url(fonts/Gilroy-Bold.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-Bold.svg#Gilroy-Bold?v=1) format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: Gilroy;
    src: url(fonts/Gilroy-BoldItalic.eot?#iefix?v=1) format('embedded-opentype'),
    url(fonts/Gilroy-BoldItalic.woff2?v=1) format('woff2'),
    url(fonts/Gilroy-BoldItalic.woff?v=1) format('woff'),
    url(fonts/Gilroy-BoldItalic.ttf?v=1) format('truetype'),
    url(fonts/Gilroy-BoldItalic.svg#Gilroy-BoldItalic?v=1) format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}

:root{
    /* base colors */
    --v-black:#000000;
    --v-black-light: #002329;
    --v-orange:#E35728;
    --v-orange-dark:#B75D26;
    --v-orange-light:#FF8E5C;
    --v-white: #FFFFFF;
    --v-green-darker: #034854;
    --v-grey-dark:#404040;
    --v-grey: #818181;

    /* Public font size */
    --fs-64:64px;
    --fs-48:48px;
    --fs-44:44px;
    --fs-40:40px;
    --fs-32:32px;
    --fs-28:28px;
    --fs-20:20px;
    --fs-18:18px;
    --fs-16:16px;
    --fs-14:14px;
    --fs-13:13px;
    --fs-12:12px;

}


*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0;margin: 0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{font-family: Gilroy, Arial, Helvetica, sans-serif;font-size: var(--fs-16);font-weight: 400; margin: 0px;line-height: 1.5;color: var(--v-grey);text-align: left;background-color: #fff;}
/* html[lang='th-TH'] body{font-family: 'Noto Sans Thai', Gilroy, Arial, Helvetica, sans-serif;}
html[lang='vi-VN'] body{font-family: Arial, Gilroy, Helvetica, sans-serif;}
html[lang='zh-hans-MY'] body{font-family: Gilroy, 'Noto Sans SC', Arial, Helvetica, sans-serif;}
html[lang='zh-hant-TW'] body{font-family: Gilroy, 'Noto Sans TC', Arial, Helvetica, sans-serif;} */
html[lang="ar-AE"] {direction: rtl;}
/* html[lang='ar-AE'] h1, 
html[lang='ar-AE'] h2, 
html[lang='ar-AE'] h3, 
html[lang='ar-AE'] h4, 
html[lang='ar-AE'] h5, 
html[lang='ar-AE'] h6, 
html[lang='ar-AE'] a, 
html[lang='ar-AE'] p, 
html[lang='ar-AE'] li, 
html[lang='ar-AE'] th, 
html[lang='ar-AE'] td, 
html[lang='ar-AE'] label {
    direction: rtl;
} */

hr{box-sizing: content-box;height: 0;overflow: visible}
b,strong{font-weight:800;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none; -moz-appearance: none; appearance: none;outline: none;}
/* 字体大小未定义 */
h1{font-weight:600;font-size:var(--fs-48);line-height: 1.05;}
h2{font-weight:600;font-size:var(--fs-32);line-height: 1.2;}
h3{font-weight:600;font-size:var(--fs-28);line-height: 1.2;}
h4{font-weight:600;font-size:var(--fs-20);line-height: 1.2;}
h5{font-weight:500;font-size:var(--fs-18);line-height: 1.2;}
h6{font-weight:500;font-size:var(--fs-16);line-height: 1.2;}
a{color: inherit;}
a, a:hover {text-decoration: none;}
a.underline, a.underline:hover {text-decoration: underline;}
p{margin: 0 0 20px;font-weight: 400;}
img{max-width: 100%;height: auto;border-style: none;vertical-align: middle;}
li{list-style: none;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
svg{overflow: hidden;vertical-align: middle;}
table{border-collapse: collapse}
th{text-align: inherit;text-align: -webkit-match-parent;}

label{display: inline-block;}
button{border-radius: 0;}
button:focus:not(:focus-visible){outline: 0;}
button,input,optgroup,select,textarea{margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button,input{overflow: visible;}
button,select{text-transform: none;}
[role=button]{cursor: pointer;}
select{word-wrap: normal;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance: button;}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor: pointer;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding: 0;border-style: none;}
input[type=checkbox],input[type=radio]{box-sizing: border-box;padding: 0;}
textarea{overflow: auto;resize: vertical;}



.inner{max-width: 1560px; padding:0 180px; margin:0 auto;}
.flex{display: flex; justify-content: space-between; align-items: center;}
.flex.justify-center{justify-content: center; }
.flex.justify-end{justify-content: flex-end;}
.flex.justify-start{justify-content: flex-start; }
.flex.align-center{align-items: center;}
.flex.align-end{align-items: flex-end;}
.flex.align-start{align-items: flex-start;}

.col-1{flex:0 0 100%;}
.col-2{flex:0 0 50%;}
.col-3{flex:0 0 33.3%;}
.col-4{flex:0 0 25%;}
.col-5{flex:0 0 20%;}
.col-6{flex:0 0 16.7%;}
.col-7{flex:0 0 14.3%;}

.fw-800 {font-weight: 700;}
.fw-600 {font-weight: 600;}
.fw-500 {font-weight: 500;}
.fw-400 {font-weight: 400;}

/* protected Css Start */
.ppw-post-password-container{width: 100%;max-width: 500px;margin: 200px auto;padding: 20px;}
.ppw-ppf-desc{font-size: 22px;color: var(--v-black);margin-bottom: 30px;}
.ppw-ppf-field-container{display: flex;justify-content: space-between;align-items: center;}
.ppw-ppf-input-container label.ppw-pwd-label{width: 100%;color: var(--v-black);}
.ppw-ppf-input-container label.ppw-pwd-label input{width: 70%;margin-left: 10px;border: 1px solid var(--v-black);padding: 4px 10px;}
.ppw-pwd-submit-btn{width: 120px;height: 36px;background: var(--v-orange-dark);border: 0px;border-radius: 18px;color: var(--v-white);}



@media (min-width: 768px) {
    /* Chrome */
    ::-webkit-scrollbar { width: 6px;height: 8px;}
    ::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
    ::-webkit-scrollbar-thumb {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;border-radius: 10px;}
    ::-webkit-scrollbar-thumb:hover {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;}
    /* Firefox */
    *{
        scrollbar-color:rgba(144, 147, 153, 0.3) rgba(255,255,255,0) ;
        scrollbar-width: thin;
    }
}

@media (max-width:1600px) {
    :root{
        --fs-64:58px;
        --fs-48:44px;
        --fs-44:42px;
        --fs-40:38px;
        --fs-32:30px;
        --fs-28:26px;
    }
}
@media (max-width:1440px) {
    :root{
        --fs-64:54px;
        --fs-48:40px;
        --fs-44:38px;
        --fs-40:36px;
        --fs-32:28px;
        --fs-28:24px;
        
    }

	
}
@media (max-width:1400px) {
    .inner{padding: 0 80px;}
}

@media (max-width:1240px) {
    :root{
        --fs-64:48px;
        --fs-48:36px;
        --fs-44:34px;
        --fs-40:32px;
        --fs-32:26px;
        --fs-28:22px;
        --fs-20:18px;
        --fs-18:16px;
        --fs-16:14px;
    }
}

@media (max-width:1024px) {
    .inner{padding: 0 65px;}
}


@media (max-width:980px) {
    :root{
        --fs-64:42px;
        --fs-48:32px;
        --fs-44:30px;
        --fs-40:28px;
        --fs-32:24px;
        --fs-28:20px;
        --fs-20:18px;
    }
}

@media (max-width:768px) {
    .pc-br{display: none;}
    .inner{padding: 0 40px;}
    :root{
        --fs-64:28px;
        --fs-48:26px;
        --fs-44:24px;
        --fs-40:24px;
        --fs-32:22px;
        --fs-28:20px;
        --fs-20:16px;
        --fs-18:16px;
    }

}

@media (max-width:510px) {
    .inner{padding: 0 20px;}
    :root{
        --fs-64:20px;
        --fs-48:20px;
        /* 后续在定义start */
        --fs-44:20px;
        --fs-40:20px;
        --fs-32:18px;
        /* 后续在定义end */
        --fs-28:18px;
        --fs-20:14px;
        --fs-18:14px;
        --fs-14:14px;
        --fs-13:13px;
        --fs-12:12px;
    }
}


/* buttom Start*/
.orange-button {text-decoration: none; display:inline-block; background-color: #B75D26; border-radius: 100px; color: #fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase;padding: 16px 37px;; font-size:var(--fs-18);}
.orange-button::before {content: '';display: block;width: 120px;height: 150px;background-color: #954513;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.orange-button .btn-text{transition: .3s;}
.orange-button:hover::before {transform: translate(50%, 50%) scale(4);}
.orange-button span{color:#FCE055;}

.orange-button.p20{padding: 21px 40px; font-size:var(--fs-20);}
/* .orange-button.p18{padding: 16px 37px; font-size:var(--fs-18);} */
.orange-button.p16{padding:15px 32px; font-size:var(--fs-16);}
.orange-button.p14{padding:17px 36px; font-size:var(--fs-14);}

.green-button {text-decoration: none; display:inline-block; background-color: #002329; border-radius: 100px; color: #fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase;padding: 16px 37px;; font-size:var(--fs-18);}
.green-button::before {content: '';display: block;width: 120px;height: 150px;background-color: #05424d;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.green-button .btn-text{transition: .3s;}
.green-button:hover::before {transform: translate(50%, 50%) scale(4);}
/* .green-button span{color:#ABE6E0;} */

.green-button.p20{padding: 21px 40px; font-size:var(--fs-20);}
/* .green-button.p18{padding: 16px 37px; font-size:var(--fs-18);} */
.green-button.p16{padding:15px 32px; font-size:var(--fs-16);}
.green-button.p14{padding:17px 36px; font-size:var(--fs-14);}

.grey-button {text-decoration: none; display:inline-block; background-color: #646464; border-radius: 100px; color: #fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase;padding: 16px 37px;; font-size:var(--fs-18);}
.grey-button::before {content: '';display: block;width: 120px;height: 150px;background-color: #404040;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.grey-button .btn-text{transition: .3s;}
.grey-button:hover::before {transform: translate(50%, 50%) scale(4);}

.grey-button.p20{padding: 21px 40px; font-size:var(--fs-20);}
/* .grey-button.p18{padding: 16px 37px; font-size:var(--fs-18);} */
.grey-button.p16{padding:15px 32px; font-size:var(--fs-16);}
.grey-button.p14{padding:17px 36px; font-size:var(--fs-14);}



.orange-arrow-button {text-decoration: none; display:inline-block; background-color: #B75D26; padding: 21px 78px 19px 28px; border-radius: 100px; color: #fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase; font-size: var(--fs-20);}
.orange-arrow-button .btn-icon{ display:flex; width: 56px; height: 48px; border-radius:30px; background:#fff; position: absolute;right: 8px; top:50%; transform: translateY(-50%) translateZ(0px); transition:.3s; justify-content: center; align-items: center;}
.orange-arrow-button .btn-icon img{width: 60%; transition:.3s;}
.orange-arrow-button::before {content: '';display: block;width: 50%;height: 150px;background-color: #954513;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.orange-arrow-button .btn-text{transition: .3s;}
.orange-arrow-button .btn-text span{ color:#fce055;}
.orange-arrow-button:hover{ padding-right:82px;}
.orange-arrow-button:hover .btn-text{transform: translateX(4px);}
.orange-arrow-button:hover::before {transform: translate(50%, 50%) scale(4);}
/* .orange-arrow-button:hover .btn-icon{transform: translate(4px,-50%) translateZ(0px); right:12px;} */
.orange-arrow-button:hover .btn-icon img{transform: translateX(0px) rotate(45deg);}

.orange-arrow-button.p20{padding: 21px 72px 19px 28px; font-size:var(--fs-20);}
.orange-arrow-button.p20 .btn-icon{ width:56px; height:48px; border-radius:30px;}
.orange-arrow-button.p20:hover{ padding-right:76px;}

.orange-arrow-button.p18{padding:20px 62px 18px 28px; font-size:var(--fs-18);}
.orange-arrow-button.p18 .btn-icon{ width:46px; height:42px; border-radius:20px;}
.orange-arrow-button.p18:hover{ padding-right:66px;}

.orange-arrow-button.p16{padding:18px 56px 17px 24px; font-size:var(--fs-16);}
.orange-arrow-button.p16 .btn-icon{ width:40px; height:36px; border-radius:20px;}
.orange-arrow-button.p16:hover{ padding-right:60px;}

.orange-arrow-button.p14{padding:17px 52px 15px 20px; font-size:var(--fs-14);}
.orange-arrow-button.p14 .btn-icon{ width:36px; height:32px; border-radius:20px;}
.orange-arrow-button.p14:hover{ padding-right:56px;}


.green-arrow-button {text-decoration: none; display:inline-block; background-color: #034854; padding: 21px 78px 19px 28px; border-radius: 100px; color: var#fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase; font-size: var(--fs-20);}
.green-arrow-button .btn-icon{ display:flex; width: 56px; height: 48px; border-radius:30px; background:#fff; position: absolute;right: 8px; top:50%; transform: translateY(-50%) translateZ(0px); transition:.3s; justify-content: center; align-items: center;}
.green-arrow-button .btn-icon img{width: 60%; transition:.3s;}
.green-arrow-button::before {content: '';display: block;width: 50%;height: 150px;background-color: #013038;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.green-arrow-button .btn-text{transition: .3s;}
.green-arrow-button .btn-text span{ color:#abe6e0;}
.green-arrow-button:hover{ padding-right:82px;}
.green-arrow-button:hover .btn-text{transform: translateX(4px);}
.green-arrow-button:hover::before {transform: translate(50%, 50%) scale(4);}
.green-arrow-button:hover .btn-icon{transform: translate(4px,-50%) translateZ(0px); right:12px;}
.green-arrow-button:hover .btn-icon img{transform: translateX(0px) rotate(45deg);}

.green-arrow-button.p20{padding: 21px 72px 19px 28px; font-size:var(--fs-20);}
.green-arrow-button.p20 .btn-icon{ width:56px; height:48px; border-radius:30px;}
.green-arrow-button.p20:hover{ padding-right:76px;}

.green-arrow-button.p18{padding:20px 62px 18px 28px; font-size:var(--fs-18);}
.green-arrow-button.p18 .btn-icon{ width:46px; height:42px; border-radius:20px;}
.green-arrow-button.p18:hover{ padding-right:66px;}

.green-arrow-button.p16{padding:18px 56px 17px 24px; font-size:var(--fs-16);}
.green-arrow-button.p16 .btn-icon{ width:40px; height:36px; border-radius:20px;}
.green-arrow-button.p16:hover{ padding-right:60px;}

.green-arrow-button.p14{padding:17px 52px 15px 20px; font-size:var(--fs-14);}
.green-arrow-button.p14 .btn-icon{ width:36px; height:32px; border-radius:20px;}
.green-arrow-button.p14:hover{ padding-right:56px;}

.green-button-new {text-decoration: none; display:inline-block; background-color: #05424d; border-radius: 100px; color: #fff; font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase;padding: 16px 37px;; font-size:var(--fs-18);}
.green-button-new::before {content: '';display: block;width: 50%;height: 150px;background-color: #002329;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.green-button-new .btn-text{transition: .3s;}
.green-button-new:hover::before {transform: translate(50%, 50%) scale(4);}
.green-button-new span{color:#ABE6E0;}

.green-button-new.p20{padding: 21px 40px; font-size:var(--fs-20);}
.green-button-new.p16{padding:15px 32px; font-size:var(--fs-16);}
.green-button-new.p14{padding:17px 36px; font-size:var(--fs-14);}

.green-button-animate{border-radius: 50px;display: inline-block;position: relative;z-index: 0;overflow: hidden;}
.green-button-animate::before {content: '';position: absolute; z-index: -2;left: -50%;top: -229%; width: 219%; height: 568%;background-color: #000;background-repeat: no-repeat;background-position: 0 0;background-image: conic-gradient(transparent, #fff, transparent 43%);animation: rotates 3s linear infinite;}
.green-button-animate::after {content: '';position: absolute;z-index: -1;left: 2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border-radius: 100px;background: linear-gradient(180deg, #034754 0%, #011B1F 100%);backdrop-filter: blur(10px); }
.green-button-animate span{font-size: var(--fs-14); font-weight: 500; line-height: 150%; color: #fff; margin-bottom: 0;padding: 12px 20px; display: block;}
.green-button-animate:hover::before{ background-image: conic-gradient(transparent, #fff, transparent 100%);animation: rotates 2s linear 1;transform: rotate(180deg);background: linear-gradient(0deg, #fff 25%, rgba(255, 255, 255, 0) 77%);} 
.green-button-animate:hover::after{box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.4);background: linear-gradient(312deg, #034754 0%, #011B1F 80%);transition: all 0.3s;}

.orange-button-animate{border-radius: 50px;display: inline-block;position: relative;z-index: 0;overflow: hidden;}
.orange-button-animate::before {content: '';position: absolute; z-index: -2;left: -50%;top: -229%; width: 219%; height: 568%;background-color: #6F3009;background-repeat: no-repeat;background-position: 0 0;background-image: conic-gradient(transparent, #fff, transparent 43%);animation: rotates 3s linear infinite;}
.orange-button-animate::after {content: '';position: absolute;z-index: -1;left: 2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border-radius: 100px;background: linear-gradient(180deg, #B75D26 0%, #954513 100%);backdrop-filter: blur(10px); }
.orange-button-animate span{font-size: var(--fs-14); font-weight: 500; line-height: 150%; color: #fff; margin-bottom: 0;padding: 12px 20px; display: block;}
.orange-button-animate:hover::before{ background-image: conic-gradient(transparent, #fff, transparent 100%);animation: rotates 2s linear 1;transform: rotate(180deg);background: linear-gradient(0deg, #fff 25%, rgba(255, 255, 255, 0) 77%);} 
.orange-button-animate:hover::after{ box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.4); background: linear-gradient(303deg, #B75D26 0%, #954513 100%); transition: all 0.3s;}
 @-webkit-keyframes rotates {
    100% {
        transform: rotate(1turn);
    }
 }
 @keyframes rotates {
     100% {
         transform: rotate(1turn);
     }
 }
 
 @media (max-width: 768px) {
     .orange-button ,.grey-button,.green-button,.green-button-new{padding: 15px 20px;}
 }
 @media (max-width: 510px) {
     .orange-button.p14,.grey-button.p14,.green-button.p14,.green-button-new.p14{padding: 12px 20px; font-size:14px;line-height: 150%;}
     .orange-arrow-button{padding: 15px 54px 15px 24px;}
     .orange-arrow-button .btn-icon{ width: 40px; height: 36px;}
 }

 /* button End */</pre></body></html>