body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li {
    font-family: 'Sen', sans-serif;
    font-weight: 400;
    color: var(--black);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
    border: medium none;
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 "Sen", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    color: var(--black);
}

em {
    font-style: normal;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--black);
    text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

a:hover {
    text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/*火狐去掉按钮、连接的虚线*/

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}

input,
button,
select,
textarea {
    outline: none;
    -webkit-appearance: none;
}

textarea {
    resize: none;
}



a {
    text-decoration: none;
    color: var(--white);
}

a {
    blr: expression(this.onFocus=this.blur());
}

a:focus {
    outline: none;
}

a.hidefocus {
    outline: none
}

.button {
    border-radius: 0;
}

img {
    border: 0px;
    outline-width: 0px;
    vertical-align: top;
}

button,
select,
textarea,
input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:focus {
    outline: 0;
}

/* Form selected style modification */

input,
button,
img {
    border: none;
    background: none;
    border-radius: 0;
}

input,
button {
    outline: none;
    -webkit-appearance: none;
}

input,
textarea {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

:root {
    --green: #07923A;
    --dark-green: #18403E;
    --yellow: #D0C32E;
    --grey: #AC9877;
    --black: #161A15;
    --light-grey: #eee;
    --medium-grey: #484A4A;
    --off-white: #F5F5EE;
    --cream: #F0EBE3;
    --transparent-black: rgba(0, 0, 0, 0.5);
    --dark-grey: #666;
    --whitest: #EEF9FB;
    --white-cream: #F2F5F3;
    --white: #FFFFFF;
}




@font-face {
    font-family: "Sen";
    src: url('/wp-content/themes/RichPack/newassets/font/Sen-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Sen';
    src: url('/wp-content/themes/RichPack/newassets/font/Sen-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'Sen';
    src: url('/wp-content/themes/RichPack/newassets/font/Sen-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Sen';
    src: url('/wp-content/themes/RichPack/newassets/font/Sen-Bold.ttf');
    font-weight: 700;
}


@font-face {
    font-family: 'Sen';
    src: url('/wp-content/themes/RichPack/newassets/font/Sen-ExtraBold.ttf');
    font-weight: 800;
}

@font-face {
    font-family: 'LatoIt';
    src: url('/wp-content/themes/RichPack/newassets/font/Lato-Italic.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/RichPack/newassets/font/Lato-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'LatoIt';
    /* src: url('/wp-content/themes/RichPack/newassets/font/Lato-Bold.ttf');
    src: url('/wp-content/themes/RichPack/newassets/font/Lato-Regular.ttf'); */
    src: url('/wp-content/themes/RichPack/newassets/font/Lato-Italic.ttf');

    font-weight: 700;
}
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/RichPack/newassets/font/Lato-Bold.ttf'); 
    font-weight: 700;
}


html {
    font-size: calc(100vw / 1920 * 100)
}

@media(max-width:900px) {
    html {
        font-size: calc(900px / 1920 * 100)
    }
}

body {
    font-size: calc(16 * 100vw / 1920)
}

@media(max-width:1584px) {
    body {
        font-size: 13.2px
    }
}

.s12 {
    font-size: calc(12 * 100vw / 1920)
}

@media(max-width:1920px) {
    .s12 {
        font-size: 12.0px
    }
}

.s13 {
    font-size: calc(13 * 100vw / 1920)
}

@media(max-width:1816px) {
    .s13 {
        font-size: 12.3px
    }
}

.s14 {
    font-size: calc(14 * 100vw / 1920)
}

@media(max-width:1728px) {
    .s14 {
        font-size: 12.6px
    }
}

.s15 {
    font-size: calc(15 * 100vw / 1920)
}

@media(max-width:1651px) {
    .s15 {
        font-size: 12.9px
    }
}

.s16 {
    font-size: calc(16 * 100vw / 1920)
}

@media(max-width:1584px) {
    .s16 {
        font-size: 13.2px
    }
}

.s17 {
    font-size: calc(17 * 100vw / 1920)
}

@media(max-width:1524px) {
    .s17 {
        font-size: 13.5px
    }
}

.s18 {
    font-size: calc(18 * 100vw / 1920)
}

@media(max-width:1472px) {
    .s18 {
        font-size: 13.8px
    }
}

.s19 {
    font-size: calc(19 * 100vw / 1920)
}

@media(max-width:1424px) {
    .s19 {
        font-size: 14.1px
    }
}

.s20 {
    font-size: calc(20 * 100vw / 1920)
}

@media(max-width:1382px) {
    .s20 {
        font-size: 14.4px
    }
}

.s21 {
    font-size: calc(21 * 100vw / 1920)
}

@media(max-width:1344px) {
    .s21 {
        font-size: 14.7px
    }
}

.s22 {
    font-size: calc(22 * 100vw / 1920)
}

@media(max-width:1309px) {
    .s22 {
        font-size: 15.0px
    }
}

.s23 {
    font-size: calc(23 * 100vw / 1920)
}

@media(max-width:1277px) {
    .s23 {
        font-size: 15.3px
    }
}

.s24 {
    font-size: calc(24 * 100vw / 1920)
}

@media(max-width:1248px) {
    .s24 {
        font-size: 15.6px
    }
}

.s25 {
    font-size: calc(25 * 100vw / 1920)
}

@media(max-width:1221px) {
    .s25 {
        font-size: 15.9px
    }
}

.s26 {
    font-size: calc(26 * 100vw / 1920)
}

@media(max-width:1196px) {
    .s26 {
        font-size: 16.2px
    }
}

.s27 {
    font-size: calc(27 * 100vw / 1920)
}

@media(max-width:1173px) {
    .s27 {
        font-size: 16.5px
    }
}

.s28 {
    font-size: calc(28 * 100vw / 1920)
}

@media(max-width:1152px) {
    .s28 {
        font-size: 16.8px
    }
}

.s29 {
    font-size: calc(29 * 100vw / 1920)
}

@media(max-width:1132px) {
    .s29 {
        font-size: 17.1px
    }
}

.s30 {
    font-size: calc(30 * 100vw / 1920)
}

@media(max-width:1113px) {
    .s30 {
        font-size: 17.4px
    }
}

.s31 {
    font-size: calc(31 * 100vw / 1920)
}

@media(max-width:1096px) {
    .s31 {
        font-size: 17.7px
    }
}

.s32 {
    font-size: calc(32 * 100vw / 1920)
}

@media(max-width:1080px) {
    .s32 {
        font-size: 18.0px
    }
}

.s33 {
    font-size: calc(33 * 100vw / 1920)
}

@media(max-width:1064px) {
    .s33 {
        font-size: 18.3px
    }
}

.s34 {
    font-size: calc(34 * 100vw / 1920)
}

@media(max-width:1050px) {
    .s34 {
        font-size: 18.6px
    }
}

.s35 {
    font-size: calc(35 * 100vw / 1920)
}

@media(max-width:1036px) {
    .s35 {
        font-size: 18.9px
    }
}

.s36 {
    font-size: calc(36 * 100vw / 1920)
}

@media(max-width:1024px) {
    .s36 {
        font-size: 19.2px
    }
}

.s37 {
    font-size: calc(37 * 100vw / 1920)
}

@media(max-width:1011px) {
    .s37 {
        font-size: 19.5px
    }
}

.s38 {
    font-size: calc(38 * 100vw / 1920)
}

@media(max-width:1000px) {
    .s38 {
        font-size: 19.8px
    }
}

.s39 {
    font-size: calc(39 * 100vw / 1920)
}

@media(max-width:989px) {
    .s39 {
        font-size: 20.1px
    }
}

.s40 {
    font-size: calc(40 * 100vw / 1920)
}

@media(max-width:979px) {
    .s40 {
        font-size: 20.4px
    }
}

.s41 {
    font-size: calc(41 * 100vw / 1920)
}

@media(max-width:969px) {
    .s41 {
        font-size: 20.7px
    }
}

.s42 {
    font-size: calc(42 * 100vw / 1920)
}

@media(max-width:960px) {
    .s42 {
        font-size: 21.0px
    }
}

.s43 {
    font-size: calc(43 * 100vw / 1920)
}

@media(max-width:951px) {
    .s43 {
        font-size: 21.3px
    }
}

.s44 {
    font-size: calc(44 * 100vw / 1920)
}

@media(max-width:942px) {
    .s44 {
        font-size: 21.6px
    }
}

.s45 {
    font-size: calc(45 * 100vw / 1920)
}

@media(max-width:934px) {
    .s45 {
        font-size: 21.9px
    }
}

.s46 {
    font-size: calc(46 * 100vw / 1920)
}

@media(max-width:926px) {
    .s46 {
        font-size: 22.2px
    }
}

.s47 {
    font-size: calc(47 * 100vw / 1920)
}

@media(max-width:919px) {
    .s47 {
        font-size: 22.5px
    }
}

.s48 {
    font-size: calc(48 * 100vw / 1920)
}

@media(max-width:911px) {
    .s48 {
        font-size: 22.8px
    }
}

.s49 {
    font-size: calc(49 * 100vw / 1920)
}

@media(max-width:905px) {
    .s49 {
        font-size: 23.1px
    }
}

.s50 {
    font-size: calc(50 * 100vw / 1920)
}

@media(max-width:898px) {
    .s50 {
        font-size: 23.4px
    }
}

.s51 {
    font-size: calc(51 * 100vw / 1920)
}

@media(max-width:892px) {
    .s51 {
        font-size: 23.7px
    }
}

.s52 {
    font-size: calc(52 * 100vw / 1920)
}

@media(max-width:886px) {
    .s52 {
        font-size: 24.0px
    }
}

.s53 {
    font-size: calc(53 * 100vw / 1920)
}

@media(max-width:880px) {
    .s53 {
        font-size: 24.3px
    }
}

.s54 {
    font-size: calc(54 * 100vw / 1920)
}

@media(max-width:874px) {
    .s54 {
        font-size: 24.6px
    }
}

.s55 {
    font-size: calc(55 * 100vw / 1920)
}

@media(max-width:869px) {
    .s55 {
        font-size: 24.9px
    }
}

.s56 {
    font-size: calc(56 * 100vw / 1920)
}

@media(max-width:864px) {
    .s56 {
        font-size: 25.2px
    }
}

.s57 {
    font-size: calc(57 * 100vw / 1920)
}

@media(max-width:858px) {
    .s57 {
        font-size: 25.5px
    }
}

.s58 {
    font-size: calc(58 * 100vw / 1920)
}

@media(max-width:854px) {
    .s58 {
        font-size: 25.8px
    }
}

.s59 {
    font-size: calc(59 * 100vw / 1920)
}

@media(max-width:849px) {
    .s59 {
        font-size: 26.1px
    }
}

.s60 {
    font-size: calc(60 * 1rem / 100)
}

@media(max-width:844px) {
    .s60 {
        font-size: 26.4px
    }
}

.s61 {
    font-size: calc(61 * 1rem / 100)
}

@media(max-width:840px) {
    .s61 {
        font-size: 26.7px
    }
}

.s62 {
    font-size: calc(62 * 1rem / 100)
}

@media(max-width:836px) {
    .s62 {
        font-size: 27.0px
    }
}

.s63 {
    font-size: calc(63 * 1rem / 100)
}

@media(max-width:832px) {
    .s63 {
        font-size: 27.3px
    }
}

.s64 {
    font-size: calc(64 * 1rem / 100)
}

@media(max-width:828px) {
    .s64 {
        font-size: 27.6px
    }
}

.s65 {
    font-size: calc(65 * 1rem / 100)
}

@media(max-width:824px) {
    .s65 {
        font-size: 27.9px
    }
}

.s66 {
    font-size: calc(66 * 1rem / 100)
}

@media(max-width:820px) {
    .s66 {
        font-size: 28.2px
    }
}

.s67 {
    font-size: calc(67 * 1rem / 100)
}

@media(max-width:816px) {
    .s67 {
        font-size: 28.5px
    }
}

.s68 {
    font-size: calc(68 * 1rem / 100)
}

@media(max-width:813px) {
    .s68 {
        font-size: 28.8px
    }
}

.s69 {
    font-size: calc(69 * 1rem / 100)
}

@media(max-width:809px) {
    .s69 {
        font-size: 29.1px
    }
}

.s70 {
    font-size: calc(70 * 1rem / 100)
}

@media(max-width:806px) {
    .s70 {
        font-size: 29.4px
    }
}

.s70 {
    font-size: calc(70 * 1rem / 100)
}

@media(max-width:803px) {
    .s70 {
        font-size: 29.7px
    }
}

.s71 {
    font-size: calc(71 * 1rem / 100)
}

@media(max-width:800px) {
    .s71 {
        font-size: 30px
    }
}

.s72 {
    font-size: calc(72 * 1rem / 100)
}

@media(max-width:796px) {
    .s72 {
        font-size: 30.3px
    }
}

.s73 {
    font-size: calc(73 * 1rem / 100)
}

@media(max-width:793px) {
    .s73 {
        font-size: 30.6px
    }
}

.s74 {
    font-size: calc(74 * 1rem / 100)
}

@media(max-width:791px) {
    .s74 {
        font-size: 30.9px
    }
}

.s75 {
    font-size: calc(75 * 1rem / 100)
}

@media(max-width:788px) {
    .s75 {
        font-size: 31.2px
    }
}

.s76 {
    font-size: calc(76 * 1rem / 100)
}

@media(max-width:79px) {
    .s76 {
        font-size: 31.5px
    }
}

.s77 {
    font-size: calc(77 * 1rem / 100)
}

@media(max-width:785px) {
    .s77 {
        font-size: 31.8px
    }
}

.s78 {
    font-size: calc(78 * 1rem / 100)
}

@media(max-width:782px) {
    .s78 {
        font-size: 32.1px
    }
}

.s79 {
    font-size: calc(79 * 1rem / 100)
}

@media(max-width:780px) {
    .s79 {
        font-size: 32.4px
    }
}

.s80 {
    font-size: calc(80 * 1rem / 100)
}

@media(max-width:777px) {
    .s80 {
        font-size: 32.7px
    }
}

.conner {
    width: 100%;
    max-width: 14rem;
    margin: 0 auto;
    position: relative;
}
.small-conner {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
    position: relative;
}
.max-conner{
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    position: relative;
}

.max-conner-fuild{
    width: 100%;
    max-width: 18.6rem;
    margin: 0 auto;
    position: relative;
}

.add-conner{
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
    position: relative;
}
p {
    color: var(--medium-grey);
    font-family: 'Sen',sans-serif;
    line-height: 1.325;
    font-weight: 400;
    text-align: left;

}

a {
    color: var(--white);
    font-family: 'Sen',sans-serif;
    line-height: 1.325;
    font-weight: 600;
    text-align: center;

}
.h2-title{
    font-family: 'Sen',sans-serif;
    font-weight: 700;
    line-height: 0.5rem;
    text-align: center;
    color: var(--black);
    margin-bottom: 0.24rem;
  }
  .p-intro{
    font-family: 'Sen',sans-serif;
  
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    color: var(--medium-grey);
    margin-bottom: 0.5rem;
  }



  @media (min-width: 1024px) {
    .title-header{
        max-width: 8.8rem;
        margin: 0 auto;
        text-align: center;
    }  
  }
  @media (max-width: 768px) {
    .title-header{
        max-width: 100%;
    }  
  }