@charset "utf-8";
/* CSS Document */
/* CSS Document © 2024 Digimax.co.uk */

/*@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');*/

::-moz-selection{ background:#7b7d7f; color:#ffffff; text-shadow:none;}
::selection { background:#7b7d7f; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Montserrat", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root { overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;}
p, p span { font-family: "Montserrat", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
.referrals-wrapp ::-webkit-input-placeholder {
  color:#525252;
}
.referrals-wrapp ::-moz-placeholder { 
  color:#525252;
}
.referrals-wrapp :-ms-input-placeholder {
  color:#525252;
}
.referrals-wrapp :-moz-placeholder {
  color:#525252;
}

.referrals-wrapp, .benefits-wrapp { width:100%; float:left;}
.margin { width:100%; max-width:1155px; margin:auto;}

/*referrals-wrapp*/
.referrals-wrapp { text-align:center; background:none; padding:126px 0 134px; position:relative;}
.referrals-wrapp p {width: 100%; float:left; font-size:15px; font-weight:400; color:#525252; letter-spacing:normal; line-height:1.87; margin:0 0 16px;}
.referrals-wrapp p a { color:#525252;}
.referrals-wrapp p span { display:block;}
.referrals-wrapp p strong { font-weight:700;}
.referrals-wrapp h2 { font-size:30px; font-weight:600; color:#000000; letter-spacing:0.9px; line-height:1.33; text-transform:uppercase; margin:0 0 22px;}
.referrals-wrapp h2 a { color:#000000;}
.referrals-wrapp h2 span { display:block;}
.referrals-wrapp h3 { font-size:30px; font-weight:600; color:#000000; letter-spacing:2px; line-height:1.33; text-transform:uppercase; margin:0 0 46px;}
.referrals-wrapp h3 a { color:#000000;}
.referrals-wrapp h3 span { display:block;}
.referrals-wrapp .referrals-col1 { width:71.7%; float:none; display:block; margin:0 auto 36px;}
.referrals-wrapp .referrals-col1 img { width:100%; display:block;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%; float:none;}
.referrals-wrapp .referrals-col2 { width:100%; float:left; margin:0 0 40px; position:relative;}
.referrals-wrapp .referrals-col2 img { width:100%; display:block;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%; float:left;}
.referrals-wrapp .referrals-col3 { width:95%; float:none; display:table; margin:0 auto 80px;}
.referrals-wrapp .referrals-col3 img { width:100%; display:block;}
.referrals-wrapp .referrals-col3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; float:left; margin:1.3% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3:first-child { margin-top:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:left; font-size:14px; font-weight:400; color:#525252; text-transform:inherit; background:none; border-color:rgba(0, 0, 0, 0.5); border-radius:10px; resize:none;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:49.2%; height:57px; float:left; margin:0 0 0; padding:0 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:nth-child(2n) { float:right;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:57px; float:left; margin:0 0 0; padding:18px 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:57px; float:left; margin:0 0 0; padding:0 6.6% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:131px; float:left; margin:0 0 0; padding:18px 3.4% 0;}
.referrals-wrapp .referrals-col4 { width:87.7%; float:none; display:table; margin:0 auto 76px;}
.referrals-wrapp .referrals-col4 img { width:100%; display:block;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; float:left; margin:0 0 33px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.submit-col1 {width: 100%; float: left;}
.referrals-wrapp .referrals-btn1 { float:right; background:none; border-color:rgba(255,255,255,0.0); margin:0 0 0;}
.referrals-wrapp .referrals-btn1 button { color:#ffffff; background:#740256; border-color:#740256; padding:17px 45px 17px 46px;}
.referrals-wrapp .referrals-btn1:hover button { color:#740256; background:none; border-color:rgba(54,75,84,0.5);}
.referrals-wrapp .referrals-btn2 { float:none; color:#ffffff; background:#740256; border-color:#740256; margin:0 0 0 0; cursor:pointer; padding:17px 42px 17px 43px;}
.referrals-wrapp .referrals-btn2:hover { color:#740256; background:none; border-color:#740256;}

.referrals-wrapp .cog-cognito.cog-form{width:100%;display:flex!important;flex-wrap:wrap!important}
.referrals-wrapp .cog-cognito.cog-form{width:100%;max-width:100%!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container{width:100%!important;max-width:100%!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row label.cog-label{font-size:15px;font-weight:600;color:rgb(0 0 0 / .88);letter-spacing:.66px;line-height:1.33;text-transform:uppercase;margin:0 0 0}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-input__inner{font-size:16px!important;font-weight:400!important;height:50px;border-radius:10px!important;color:rgb(0 0 0 / .88)!important;font-family:'Jost',sans-serif!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-input__inner::placeholder{color:rgb(0 0 0 / .88)!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-textarea__inner{font-size:16px!important;font-weight:400!important;height:50px;border-radius:10px!important;color:rgb(0 0 0 / .88)!important;font-family:'Jost',sans-serif!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-textarea__inner::placeholder{color:rgb(0 0 0 / .88)!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-checkbox__label{color:#000!important;font-size:14px!important;font-weight:400!important;font-family:'Jost',sans-serif!important;cursor:pointer}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-checkbox__inner{border-radius:2px !important;background:none!important;border:1px solid #ccc!important;outline: none;box-shadow: none}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-checkbox__inner:after{content:"\2022";background:#ccc;border-radius:50%;width:11px;height:11px;top:3px!important;left:3px!important;position:absolute;margin:0!important;transform:none!important;border:none!important;opacity:0;font-size:0;width:6px!important;height:6px!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .is-checked .el-checkbox__inner:after{opacity:1}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-upload{border:1px solid #373737}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-upload .el-upload-dragger>div{background:none}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-upload button.el-button.cog-button{color:#fff;background:#591c76;border:1px solid #591c76;font-size:13px;font-weight:500;letter-spacing:normal;text-transform:inherit;border-radius:10px;font-family:'Jost',sans-serif;padding:9px 13px 9px;transition:all 0.25s ease-in;outline:none;box-shadow:none}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-upload button.el-button.cog-button:hover{color:#591c76;background:none}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-radio__inner{border-radius:2px !important;background:none!important;border:1px solid #ccc!important;transform: none !important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .el-radio__inner:after{box-shadow:none!important;content:"\2022";background:#ccc;border-radius:2px;width:11px;height:11px;top:3px!important;left:3px!important;position:absolute;margin:0!important;transform:none!important;border:none!important;opacity:0;font-size:0;width:6px!important;height:6px!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .is-checked .el-radio__inner:after{opacity:1}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-page__navigation{margin:0!important;padding:0!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container button.el-button.cog-button--submit{color:rgb(255 255 255 / .88)!important;background:#591c76!important;border:1px solid #591c76!important;margin:12px 7px 0 0!important;padding:12px 35px 12px 35px!important;border-radius:10px!important;font-family:'Jost',sans-serif!important;line-height:normal!important;box-shadow:none!important;font-size:13px!important;text-transform:uppercase;font-weight:600!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container button.el-button.cog-button--submit:hover{color:#591c76!important;background:none!important;border:1px solid #591c76!important}

.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-field:before,
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-field:after{display:none!important}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row .cog-error-message.cog-error-message--container-footer{background:none!important;color:#d10000!important;font-family:'Jost',sans-serif;font-weight:500}
.referrals-wrapp .cog-cognito.cog-form .cog-form__container .cog-row legend.cog-label {color: #591c76;}
/*benefits-wrapp*/
.benefits-wrapp { text-align:center; background:#740256 url(../images/benefits-bg1.jpg) no-repeat center / cover; padding:128px 0 108px;}
.benefits-wrapp p { float:none; font-size:15px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:1.87; margin:0 0 16px;}
.benefits-wrapp p a { color:#ffffff;}
.benefits-wrapp p span { display:block;}
.benefits-wrapp p strong { font-weight:700;}
.benefits-wrapp h2 { font-size:30px; font-weight:600; color:#ffffff; letter-spacing:0.9px; line-height:1.33; text-transform:uppercase; margin:0 0 22px;}
.benefits-wrapp h2 a { color:#ffffff;}
.benefits-wrapp h2 span { display:block;}
.benefits-wrapp .margin { max-width:1004px;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { text-align:center; font-size:13px; font-weight:600; letter-spacing:normal; text-transform:uppercase; border:1px solid; border-radius:10px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative;}


.sidbar-wrapp h2, .sidbar-wrapp h3, .sidbar-wrapp h4 {font-family:"Playfair Display",serif !important;}
.treatin-wrapp h2, .treatin-wrapp h3 {font-family:"Playfair Display",serif !important;}
.galler-wrapp h3 {font-family:"Playfair Display",serif !important;}
.gallerin-wrapp h3 {font-family:"Playfair Display",serif !important;}
.canver-wrapp h2, .canver-wrapp h3 span, .canver-wrapp h3, .facier-wrapp h2, .facier-wrapp h2 span, .mission-wrapp h2, .faq-wrapp-about h2, .gester-wrapp h2, .honoer-wrapp h2, .judger-wrapp h2, .teamer-wrapp h2, .teamin-wrapp h3, .jobs-wrapp h4, .banner-wrapp h3 span, .braces-wrapp h2 strong, .reasons-wrapp h2 span, .cost-wrapp h3 span, .cost-wrapp h4 {font-family:"Playfair Display",serif !important;}

h1,h2,h3 {font-family:"Playfair Display",serif !important;}

h1 span,h2 span,h3 span {font-family:"Playfair Display",serif !important;}





/*Smartphone css*/
@media screen and (max-width: 480px) {
.margin { width:90%;}

.referrals-wrapp { text-align:center; padding:54px 0 60px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.referrals-wrapp h2 span { display:inline;}
.referrals-wrapp h3 { font-size:26px; letter-spacing:1px; margin:0 0 24px;}
.referrals-wrapp h3 span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { font-size:10px; letter-spacing:1px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.margin { width:90%;}

.referrals-wrapp { text-align:center; padding:54px 0 60px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.referrals-wrapp h2 span { display:inline;}
.referrals-wrapp h3 { font-size:26px; letter-spacing:1px; margin:0 0 24px;}
.referrals-wrapp h3 span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { font-size:10px; letter-spacing:1px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.margin { width:90%;}

.referrals-wrapp { text-align:center; padding:54px 0 60px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.referrals-wrapp h2 span { display:inline;}
.referrals-wrapp h3 { font-size:26px; letter-spacing:1px; margin:0 0 24px;}
.referrals-wrapp h3 span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:48%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 16px;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { font-size:10px; letter-spacing:1px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.margin { width:94%;}

.referrals-wrapp { padding:102px 0 150px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 20px;}
.referrals-wrapp h2 span { display:inline;}
.referrals-wrapp h3 { font-size:26px; letter-spacing:1px; margin:0 0 34px;}
.referrals-wrapp h3 span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 28px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:13px; letter-spacing:0.4px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:49px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:49px; padding-top:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:49px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { height:117px; padding-top:14px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 52px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 21px;}
.referrals-wrapp .referrals-btn1 button { padding:16px 36px 15px 34px;}

.benefits-wrapp { padding:104px 0 84px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:26px; letter-spacing:1px; margin:0 0 20px;}
.benefits-wrapp h2 span { display:inline;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { font-size:10px; letter-spacing:1px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.margin { width:94%;}

.referrals-wrapp { padding:114px 0 162px;}
.referrals-wrapp p { font-size:15px; margin:0 0 13px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:33px; letter-spacing:1.5px; margin:0 0 23px;}
.referrals-wrapp h2 span { display:inline;}
.referrals-wrapp h3 { font-size:33px; letter-spacing:1.5px; margin:0 0 40px;}
.referrals-wrapp h3 span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 32px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:14px; letter-spacing:0.6px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:53px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:53px; padding-top:16px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:53px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { height:124px; padding-top:16px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 64px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 27px;}
.referrals-wrapp .referrals-btn1 button { padding:16px 43px 15px 41px;}

.benefits-wrapp { padding:116px 0 96px;}
.benefits-wrapp p { font-size:15px; margin:0 0 13px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:33px; letter-spacing:1.5px; margin:0 0 23px;}
.benefits-wrapp h2 span { display:inline;}

/*btn-css*/
.referrals-fil1, .referrals-btn1, .referrals-btn1 button, .referrals-btn2 { font-size:11px; letter-spacing:1.1px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.margin { width:94%;}

.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:15px;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}


}

@media screen and (min-width:1341px) and (max-width:1900px) {

}