html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}img{margin:0;padding:0;border:0;outline:0;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}a:focus{outline:0;text-decoration:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}a:hover{text-decoration:none}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
a{color: #3a5ffe}
a:hover{color: #893be8}
.container{max-width: 1200px;}
article.container{max-width: 940px;}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.45em;
color: #000;
background-color: #fff;
min-width: 320px; overflow-x: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
header{ background: #fff ; max-width: 100%; padding:0; z-index: 999; position: relative; -webkit-box-shadow: 0px 2px 25px rgb(229,235,255);
box-shadow: 0px 2px 25px rgb(229,235,255); position: relative ; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header .navbar ,
header nav{ max-width: 1200px !important}
.btn-grad{ position: relative; padding-left: 20px!important; padding-right: 20px!important; overflow: hidden; border:none; color: #fff;-webkit-transition: all 0.5s;
transition: all 0.5s; }
header .btn{font-size: .8rem;font-weight: 600; letter-spacing: 2px; padding-right: 40px !important;}
header .btn i {width: 20px; height: 20px; background-position: center ; background-repeat: no-repeat;display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; margin-right: 10px; background-image: url("data:image/svg+xml;charset=utf-8,"); }
.btn-grad:before{ content: ""; position: absolute;background-size: 150% 150%!important; width: 100%; height: 100%; ;left: 0; top: 0;z-index: -1;transition: all 0.4s ease; -webkit-animation: gradient 3s ease infinite;-moz-animation: gradient 3s ease infinite;animation: gradient 3s ease infinite;}
main{padding-top: 3rem}
.highlight{color: #863ce9}
.meta{font-weight: 500; margin-bottom: 1rem}
footer{background:#14284d!important;padding-top:5rem!important;padding-bottom:4rem!important;color:#fff;font-weight:300; text-align: center}
footer p {font-size: .8rem}
footer p:not(:last-of-type){margin-bottom: 1rem}
footer .list-inline {font-size:0.8rem !important; border-top: solid 1px #ffffff1c; border-bottom: solid 1px #ffffff1c;
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-bottom: 2rem}
footer .list-inline li{padding: 1rem 0;}
footer .list-inline li:not(:first-child,:nth-child(2)) {border-left: solid 1px #ffffff1c; padding-left: 10px; padding-right: 10px}
footer .list-inline li:nth-child(2){flex-grow: 1;}
footer .list-inline li:last-child{padding-right: 0}
footer .list-inline a{font-size: 0.8rem !important; color: #fff !important; font-weight: 300 !important}
footer .container{max-width: 1000px;}
article{ font-family: 'Roboto', sans-serif;}
.articleInfo {color: #999; font-size: 15.3px;}
.articleCategory{color: #1070b8;}
.articleTitle{font-size: 2.5rem; margin-bottom: 25px; font-weight: 700; font-family: 'Roboto', sans-serif;}
.articleTitle.lg{font-size: 3.2rem; }
.articleImg{margin-bottom: 1.2rem; margin-top: 1.1rem;}
.articleAuthor{border:solid 1px #edf1f6;border-left: none; border-right: none; margin-bottom: 1rem; padding: 5px; font-size:12px; font-weight: 300; text-align: left}
.articleInner p {font-size: 1.125rem; font-family: 'Roboto', sans-serif; line-height: 1.5}
.articleInner p:not(:last-of-type){margin-bottom: 1.5rem}
.articleInner .md{font-size: 1.5rem}
.articleMap{margin-bottom: 35px; margin-top: 25px; max-width: 750px; margin-left: auto; margin-right: auto;}
path:hover,
circle:hover { stroke-width: 5px;stroke-linejoin: round; fill: #1070b8 !important;cursor: pointer;}
.stateText {
fill: #FFFFFF;
pointer-events: none;
}
.stateImage {
fill: #F8991D;
}
.stateButton {
fill: #000;
}
.stateImage,
.stateButton {
cursor: pointer;
transition: 0.4s;
}
.stateImage:hover,
.stateButton:hover {
fill: #cc0000;
}
a.btn-lg,
button {background-color: #7ac143; border: none;-webkit-border-radius: 5px;-mox-border-radius: 5px;border-radius: 5px;color: #fff;font-weight: 700;padding:6px 30px 6px 10px ; cursor: pointer; background-image:url("data:image/svg+xml; utf8, "); background-repeat: no-repeat; background-position: right 10px center; background-size: auto 14px; line-height: 1;}
a.btn-lg,
button.btn-lg{font-size: 22px; margin-bottom: 30px; margin-top: 30px; padding: 13px 35px 13px 25px;background-size: auto 20px;}
a.btn-lg:hover,
button:hover{background-color: #137ec1;}
blockquote { background: #eee; border-left: 4px solid #5055f7;padding: 10px 20px; font-size: 1.5rem; margin-top: 20px; margin-bottom: 20px; line-height:1.7rem;}
form {margin-top: 2.6em; max-width: 800px;}
form h3 {font-size: 1.8rem; margin-bottom:1em; text-align: center; font-weight: 600}
form fieldset {position: relative;}
form fieldset:not(:first-of-type) { display: none;}
form .btn{font-style:normal;font-weight:700;font-size:2em;position:relative;transition:all .15s linear;width:100%;background-color: #5055f7; border: solid 1px #5055f7; color: #fff;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom: 20px; display: block;}
form .btn:hover,.btn:active {background-color: #5055f7; border-color: #5055f7}
form .btn span{height:80px; line-height:80px; display: block;}
form fieldset{border-radius: 10px;-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);padding: 50px 50px 40px; }
p.xl{font-size:1.6em; font-weight: 600; color: #54595f;}
.last{border-radius: 10px;-webkit-box-shadow: 0px 30px 30px 0px rgb(0 0 0 / 5%); box-shadow: 0px 30px 30px 0px rgb(0 0 0 / 5%); padding: 50px 50px 40px; border-top: solid 5px #61ce70; text-align: center; padding-left: 30px; padding-right: 30px;}
.last:not(#fail) h3{color: #61ce70}
#fail{border-top-color: red !important; max-width: 520px; margin-left: auto; margin-right: auto}
.pop{display: none;
padding: 20px;
-webkit-box-shadow: 0 0 6px 1000px rgb(0 0 0 / 71%);
box-shadow: 0 0 6px 1000px rgb(0 0 0 / 71%);
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
z-index: 99999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: 50%;
margin-top: 105px;
-ms-transform-origin: center;
transform-origin: center;
position: fixed;
left: 0;
top: 0;}
@media (max-width: 768px) {
.articleTitle {
font-size: 1.7rem;}
article p {font-size: 1em;}
.last{padding-left: 20px; padding-right: 20px;}
p.xl {font-size: 1.2em;}
form fieldset .btn {font-size: 1.5em;}
form fieldset .btn span { height: 60px;line-height: 60px;}
.last.pop{
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
margin-left: 20px;
}
footer.list-inline{ -webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;}
footer li:first-child
{-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; margin-bottom: 20px;}
footer .list-inline li:not(:first-child,:nth-child(2) ){flex-grow: 1;border-top: solid 1px #ffffff1c; border-right: solid 1px #ffffff1c;}
blockquote {font-size: 16px;}
}
.btn-grad:before,.grad{background:-webkit-linear-gradient(0deg,#3262ff 0,#893be8 100%),-webkit-linear-gradient(-180deg,#3262ff 0,#893be8 100%);background:-moz-linear-gradient(90deg,#3262ff 0,#893be8 100%),-moz-linear-gradient(270deg,#3262ff 0,#3cd142 100%);background:linear-gradient(90deg,#3262ff 0,#893be8 100%),linear-gradient(270deg,#3262ff 0,#893be8 100%);background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box}.btn-grad:hover,.btn-grad:focus,.btn-grad:active{color:#fff;-webkit-transform:translateY(-5px)!important;transform:translateY(-5px)!important;box-shadow:0 8px 20px -6px rgba(0,44,185,.8)}
@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@keyframes pulse{0%{transform:scale(0.95);}
50%{transform:scale(1);}
100%{transform:scale(0.95);}
}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);}
50%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(0.95);}
}
header .btn i{-webkit-animation-name:wobble;animation-name:wobble;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes wobble{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
/*BLOG*/
.blog main{padding-bottom: 10rem}
.blog .container{max-width: 1230px!important;}
.blog article.col{max-width:820px;}
.blog aside.col{max-width: 330px;}
.blog .post-title{margin-bottom: 60px;}
.blog .post-thumb{margin-bottom: 2rem;overflow: hidden; border-radius: 10px;}
.blog .blog-thumb:hover img,
.blog .post-thumb:hover img{webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);}
.blog .blog-thumb img,
.blog .post-thumb img{ height: 440px!important;object-fit: cover;width: 100%; margin: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.blog .entry-title{font-weight: 700;margin-bottom: 1rem;}
.blog .entry-desc{margin-bottom: 2rem; font-size: 22px;}
.blog .post-thumb ,
.blog .entry-img{-webkit-box-shadow: 0 8px 20px rgb(229 235 255 / 100%);
-moz-box-shadow: 0 8px 20px rgba(229, 235, 255, 1);
box-shadow: 0 8px 20px rgb(229 235 255 / 100%);border-radius: 20px!important;}
.iframe-title { color: #bbb; font-size:11px; text-align: center; display: block!important;}
.blog article ul li,
.blog article p { font-size: 1.14286rem; font-family: 'Roboto', sans-serif; line-height: 1.5!important; margin: 0 0 2rem 0}
.post h2 {margin: 4rem 0 2rem;font-weight: 700; position: relative; display: flex}
.post h2 span{margin-right:10px;background-color:#14284d;color:#fff;border-radius:5px;min-width: 40px;height: 40px; line-height: 40px; font-size: 28px; text-align: center; font-size: 20px; padding-left: 8px; padding-right: 8px;transform: translateY(5px); -webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;}
.post h3 {font-size:2rem; font-weight: 400!important}
.btn-cta{background-image: none !important;padding: 15px;white-space: normal!important; line-height: 1.2; display: block;font-weight: 700; text-transform: uppercase;letter-spacing: 2px}
.btn-cta span{background-image:url("data:image/svg+xml; utf8, "); background-repeat: no-repeat; background-position: right center; padding-right: 25px; background-size: auto 32px; }
hr {height: 1px; border: none; outline: none; margin-top: 4rem; margin-bottom: 4rem; background: #b1b7c5}
hr.v2{height: 2px;}
.blog article ul{margin-left: 1rem}
.blog article ul li{margin-bottom: 1rem; list-style: disc}
.widget{margin-bottom: 2rem}
.recent-post h3 {font-size: 1rem; font-weight: 300}
.widget.recent-post{ -webkit-box-shadow: 0px 2px 25px rgb(229 235 255);
box-shadow: 0px 2px 25px rgb(229 235 255);}
.widget-title{
line-height: 1;
overflow: hidden;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
display: block;
}
.recent-post a{padding: 10px;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; margin: 0!important}
.recent-post a:hover{ background-color: #e5ebff;}
.recent-post a:not(:last-of-type){border-bottom: solid 1px #e5ebff}
.widget-thumb{max-width: 75px;}
.widget-title:after{content:""; display: block; width: 100%; height: 5px; z-index: 99;}
.widget-title span{padding: 15px; display: block}
.blog .news-meta{font-weight: 500; margin-top: 0; margin-bottom: 1rem}
.article-inner{max-width: 800px;padding: 0 20px;}
img.rounded{border-radius: 20px!important;}
.social-share li a.facebook{background-color: #3b5a9a}
.social-share li a.twitter{background-color: #56adf2}
.social-share li a
.social-share li i:before{}
.social-share li a:hover{ transform: scale(1.1);box-shadow: 0px 10px 30px rgba(0,0,0,0.10);}
.social-share li a:hover span {transform: translateX(30px); opacity: 0;}
.social-share li a:hover i { transform: translateX(45px); padding-right: 0;}
.gap{content: ""; width: 100%; display: block; clear: both; margin: 0; min-height:3rem; }
@media (max-width: 768px) {
article.col,
aside.col{min-width: 100%;}
.blog .post-thumb img{height: auto !important}
.mob-block{display: block !important;}
.mob-block span{display: table; font-size: 18px!important; margin-bottom: 10px;}
.blog-thumb{height: 200px !important; position: relative !important;padding-bottom: initial !important}
.blog .blog-thumb img{height: auto !important;}
}
.blog.v2 main{padding-top: 0; position: relative; z-index: 9999}
.post-header{background: #14284d}
.blog.v2 .post-title{ padding: 2rem 0 5rem; max-width: 850px; margin-left: auto; margin-right: auto; margin-bottom: 0; color: #fff}
.blog.v2 .entry-title {color: #fff;}
.blog.v2 .entry-img{box-shadow: none; margin-top: -4rem}
.blog.v2 .article-inner{max-width: 850px; padding-left: 1rem; padding-right: 1rem}
.blog.v2 .entry-desc {background-color: #f3f4f8; color: #515260!important; padding: 20px; line-height: 1.3; border-radius: 10px; margin-top: 2rem}
.blog-thumb:before,
.blog.gr .btn-grad:before{background:-webkit-linear-gradient(0deg,#71b406 0,#6aa807 100%),-webkit-linear-gradient(-180deg,#71b406 0,#6aa807 100%);background:-moz-linear-gradient(90deg,#3262ff 0,#893be8 100%),-moz-linear-gradient(270deg,#71b406 0,#6aa807 100%);background:linear-gradient(90deg,#71b406 0,#6aa807 100%),linear-gradient(270deg,#71b406 0,#6aa807 100%);background-position:50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box}
.blog.gr .btn-grad:hover,.blog.gr .btn-grad:focus,.blog.gr .btn-grad:active{color:#fff;-webkit-transform:translateY(-5px)!important;transform:translateY(-5px)!important;box-shadow:0 8px 20px -6px rgba(21,125,25,.8)}
.ns{box-shadow: none;}
.headline{ position: relative; overflow: hidden; }
.headline:after{content: ""; display: block; height: 100%; width: 100%; position: absolute; bottom: 50px; left: 0; right: 0;background: #f1f4ff; z-index: -1}
.headline .container{max-width: 1400px;}
.headline .news-meta .highlight{border-radius: 3px; padding: 5px; color: #fff; margin-right: 10px; letter-spacing: 1px;}
.headline .entry-img{
border-top-left-radius: 0!important;
border-top-right-radius: 0!important;
border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important;
position: relative;
display: block;
overflow: hidden;
padding-bottom: 100%;
}
.headline .entry-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog.v3 .article-inner{max-width: initial !important}
p.drop:first-letter{
font-weight: bold;
font-size: 70px;
float: left;
line-height: 60px;
padding-right: 8px;
margin-top: -3px;
}
.blog.v3 .post h2 {display:block; }
.blog.v3 .post h2 span {background: none; color: inherit; padding:0; margin:0; font-size:inherit;}
.blog-thumb{-webkit-box-shadow: 0 5px 30px #6d7a894d;box-shadow: 0 5px 30px #6d7a894d;
position: relative;
display: block; margin-bottom: 2rem;
overflow: hidden;
padding-bottom: 100%; border-radius: 5px;}
@media (min-width: 769px) {
.right-img .col-md-4.col-12 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
.right-img .col-md-8.col-12 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;}
}
.blog-thumb img{ position: absolute;
top: 0;
height: inherit!important;
right: 0; margin: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;}
ul.check li{padding-bottom: 5px; padding-top: 5px; min-height: 34px; font-weight: bold; padding: 10px 0;
display: flex;
align-items: center;
}
ul.check li:not(:last-of-type) {border-bottom: solid 1px #eeeeee}
ul.check li::before{content: ""; width: 34px; height: 34px; background: #3cb371;background-image: url("data:image/svg+xml; utf8, "); background-size: 80%; background-position: center ; background-repeat: no-repeat; margin-right: 10px; border-radius: 3px; box-shadow: inset 0 -2px 0 #2f905b}
.box {
background: #fff;
-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
padding: 40px;
border-radius: 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.light-bg{ background-color: #e5ebff; padding:50px 20px;}
.btn-lg{display: inline-block}
.monthlyBill .btn {display: block; width: 100%;font-size: 18px; line-height: 60px; font-weight: 700;padding: 0 10px; height: 60px; min-height: 60px; cursor: pointer; white-space: normal;}
.monthlyBill .btn {background-color: #fff; color: #000; background-position: center right 20px; background-repeat: no-repeat; background-image:url("data:image/svg+xml; utf8, ");}
.monthlyBill .btn:active,.monthlyBill .btn:focus,.monthlyBill .btn:hover {background-color: #3262ff; color: #fff}
@media (max-width: 768px) {
.articleInner .md{font-size: 1.2rem}
.monthlyBill p.col-4 {-webkit-box-flex: 0;
-ms-flex: 0 0 50%!important;
flex: 0 0 50%!important;
max-width: 50%!important;}
.box{margin-bottom: 20px !important}
}
.last.gr{border-top-color: #53b01b;}
.last.gr h3+P{font-size: 1.3rem; margin-bottom: 1rem;}
@media (min-width: 768px) {
.last.gr .fieldInner{padding-left: 40px!important; padding-right: 40px!important;}
}
.time span {font-weight: 700; color: #dc3545}
.orange-btn .btn{background: linear-gradient(#ffa800, #ff7200) !important;border-color: #ff7200; max-width: 475px; margin-left: auto; margin-right:auto }
.orange-btn .btn span {height: 50px; line-height: 50px;}
.orange-btn .btn:hover{border-color: #ffa800;}
.orange-btn .btn{
animation: pulsing 1s infinite;
}
@media (max-width: 768px) {
.last.gr .fieldInner h3{font-weight: 700!important}
}
@keyframes pulsing {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
70% {
transform: scale(1.034);
box-shadow: 0 0 0 10px transparent;
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 transparent;
}
}
.g2pgs {background: url("https://quotewallet.com/img/exp4/main.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.g2pgs:before,
.g2pgs:after{content: ""; width: 100%; height: 100vh; display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: -1}
.g2pgs:before{opacity: 0.6;background: white; }
/*.g2pgs:after{height: 75vh; background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%); }*/
.g2pgs .heading{position: relative;padding-top: 5rem; padding-bottom: 5rem; font-family: 'Chivo', sans-serif;overflow: hidden; }
.g2pgs .heading h1 {font-size: 8rem;font-family: 'Roboto Condensed', sans-serif; color: #002cb9; margin-bottom: 10px;}
.g2pgs .heading h2 {font-family: 'Montserrat', sans-serif;font-size: 3rem; font-weight: 500; margin: 0}
.g2pgs .heading h1 span{position: relative;z-index: 99;transform-style: preserve-3d; }
.g2pgs .heading svg {
z-index: -1 !important;
transform: translateZ(-1px);
margin-top: -10px;
position: absolute;
top: 50%;
left: 50%;
width: calc(100% + 20px);
height: calc(100% + 20px);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
overflow: visible;
}
.g2pgs .widget {margin-bottom: 0}
.g2pgs .widget a {color: black; line-height: 1.2}
.g2pgs .widget h3{font-weight: 700!important; font-size: 1.5rem; color: #212529}
.g2pgs .widget h4 {font-size: 1.2rem;font-weight: 700; margin-bottom: .5rem}
.g2pgs-btn {
font-weight: 700;
color: #212529;
display: block;
background: #ffffff; height: 100%;
padding: 1rem;
border: 3px solid #ffffff;
border-radius: 8px; font-size: 1.2rem; line-height: 1;
cursor: pointer;
position: relative;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; margin-bottom: 20px;
-webkit-box-shadow: 0px 2px 25px rgb(0 0 0 / 10%); box-shadow: 0px 2px 25px rgb(0 0 0 / 10%);
}
.g2pgs-btn::before {
content: " "; display: block; background: #ededed;
width: 20px; height: 20px;
position: absolute;right: 0; top:0; margin-top: 15px; margin-right: 10px; border-radius: 10px;
border: 3px solid #fff;
-webkit-box-shadow: 0 0 0 3px #d5d5d5 ;
box-shadow: 0 0 0 3px #d5d5d5 ;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.g2pgs-btn:hover:before {
background-color: #012cb9;
border: 3px solid #fff;
-webkit-box-shadow: 0 0 0 3px #012cb9 ;
box-shadow: 0 0 0 3px #012cb9 ;
}
.g2pgs-btn:hover{ border-color: #012cb9; background: #fff; transform: translateY(-5px) scale(1.1,1.1)}
.g2pgs-btnimg{max-width: 150px; margin-bottom: 20px;}
.g2pgs .box{ background: #fff; font-family: 'Montserrat', sans-serif; -webkit-box-shadow: 0px 2px 25px rgb(0 0 0 / 10%); box-shadow: 0px 2px 25px rgb(0 0 0 / 10%); padding: 3rem 2rem ;background: #ffffff41; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.g2pgs .box h3{ font-family: 'Montserrat', sans-serif; font-weight: 700!important; font-size: 2.5rem; max-width: 820px;}
.g2pgs .heading svg path {-webkit-animation: headline-dash 8s infinite; animation: headline-dash 8s infinite; stroke-width: 9; fill: none; stroke-dasharray: 1200;}
@-webkit-keyframes headline-dash{0%{stroke-dasharray:0 1500}15%{stroke-dasharray:1500 1500}85%{opacity:1}90%{stroke-dasharray:1500 1500;opacity:0}100%{stroke-dasharray:0 1500;opacity:0}}
@keyframes headline-dash{0%{stroke-dasharray:0 1500}15%{stroke-dasharray:1500 1500}85%{opacity:1}90%{stroke-dasharray:1500 1500;opacity:0}100%{stroke-dasharray:0 1500;opacity:0}}
@media (max-width: 768px) {
.g2pgs:before {
opacity: 0.8;
background: white;
}
.g2pgs .heading h1 {
font-size: 4rem;line-height: 1;
}
.g2pgs .heading {padding: 1.5rem 1rem;}
.g2pgs .heading h2 {font-size: 1.5rem;}
.g2pgs .box{padding:2rem 0;}
.g2pgs .box h3 {font-size: 1.5rem}
.g2pgs .box .no-gutter > .col{min-width: 100%}
.g2pgs-btn{display: flex; flex-direction: row; -ms-flex-align: center!important;
align-items: center!important; text-align: left; height: auto; padding: 5px 15px}
.g2pgs-btn img {
max-width: 90px;}
.g2pgs-btn span:first-child{padding-right: 10px;}
.g2pgs .widget img {max-width: 90px;}
.g2pgs .g-24>div{margin-bottom: 20px!important;}
}
.cta-btn svg {
max-width: 23px;
fill: #FFF;
position: relative;
margin-top: 24px;
left: 2px;
}
.animate-shake {
animation: shakes 1.5s ease-in-out 1;
animation-iteration-count: infinite;
}
@keyframes shakes {
0%,
16%,
24%,
32%,
40%,
48%,
56%,
64%,
8% {
transform: rotate(-10deg);
}
12%,
20%,
28%,
36%,
4%,
44%,
52%,
60% {
transform: rotate(10deg);
}
100%,
65% {
transform: rotate(0);
}
}
@media (max-width: 768px) {
.cta-btn svg {
max-width: 15px !important;
}
}