@font-face {font-family: "Helvetica Neue";
  src: url("../fonts/helvetica-neue.eot");
  src: url("../fonts/helvetica-neue.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/helvetica-neue.woff2") format("woff2"), 
  url("../fonts/helvetica-neue.woff") format("woff"),
  url("../fonts/helvetica-neue.ttf") format("truetype"),
  url("../fonts/helvetica-neue.svg#Helvetica Neue") format("svg");
}
@font-face {font-family: "Helvetica Neue Bold";
  src: url("../fonts/helvetica-neue-bold.eot");
  src: url("../fonts/helvetica-neue-bold.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/helvetica-neue-bold.woff2") format("woff2"), 
  url("../fonts/helvetica-neue-bold.woff") format("woff"),
  url("../fonts/helvetica-neue-bold.ttf") format("truetype"),
  url("../fonts/helvetica-neue-bold.svg#Helvetica Neue Bold") format("svg");
}

.d-flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.justify-content-between {justify-content: space-between;}
.flex-wrap{flex-wrap: wrap;}
.text-italic{font-style: italic;}

body{ font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;}
.container{max-width: 1364px;margin:0 auto;}
.header-top{min-height: 40px;background: #3aaf50;text-align: center;color:#fff;font-size: 18px;letter-spacing: 1px;}
.header-top b,
.header-top strong{font-weight: normal;font-family: "Helvetica Neue Bold";}
.header-top strong,
.header-top span{color: #fddf01;}
.header-top-contain {line-height: 40px;text-align: left;padding: 0 17px;}
.header-bottom {background: #74c1e1;}
.header-address {padding-left: 10px;}
.header-address span{color:#222277;display: block;text-align: right;padding: 0px;font-size: 20px;line-height: normal;}
.header-menu{padding: 20px 0;}
.header-menu .primary-navigation .primary-menu-container > ul > .menu-item > a{color: #ffffff;text-decoration: none !important;padding: 0px 20px;font-size: 20px;border-right: 2px solid #fff;transition: all 0.5s;}
.header-menu .primary-navigation .primary-menu-container > ul > .menu-item > a:hover{color: #201e81;}
.header-menu .primary-navigation .primary-menu-container > ul > .menu-item{padding: 10px 0;}
.header-menu .primary-navigation .primary-menu-container > ul > .menu-item > a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {outline: 0px solid transparent;text-decoration:none !important;text-decoration-skip-ink: none;background: transparent;}
.header-social-media a img{width: 30px;height: auto;margin-left: 10px; }
.primary-navigation > .primary-menu-container{margin:0;}



.footer{background-size: cover;min-height: 818px;text-align: center;}
.footer-menu{margin:30px 0 15px 0;}
.footer-menu ul{list-style: none;margin: 0;padding: 0}
.footer-menu ul li{list-style: none;margin: 0;padding: 0 20px;display: inline-block;text-decoration: none;font-size: 20px;font-family: "Helvetica Neue Bold";border-right: 2px solid #3aaf50;line-height: 1;}
.footer-menu ul li:last-child{border-right: 0;}
.footer-menu ul li a{color:#3aaf50;text-decoration: none}
.footer-menu ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {outline: 0px solid transparent;text-decoration:none;text-decoration-skip-ink: none;background: transparent;}
.footer-menu ul li a:hover{color: #222277;}
.footer-address p{color: #222277;font-size: 20px;}
.footer-address p a{padding-left: 15px;color: #222277;text-decoration: none;}
.footer-address p a:hover{color: #3aaf50;}
.footer-social-media {margin-top: 15px;}
.footer-social-media a img{width: 30px;margin: 0 5px;}

.so-affordable-title{margin-bottom: 0 !important;}
.so-affordable{background-color: #3AAF50;max-width: 385px;height: 280px;padding: 20px;border-radius: 20px;text-align: center;}
.so-affordable h4{color: #FFE000;font-size: 26px;line-height: 25px;letter-spacing: 1px;font-family: "Helvetica Neue";font-weight: 500;}
.so-affordable .sub-heading-so{color:#FFE000;font-size: 17px;font-weight: 300;    font-family: "Helvetica Neue";    line-height: 1.5; }
.so-affordable hr{max-width: 300px;border-bottom: 2px solid #ffe000;margin: 15px auto 10px auto !important;}
.so-affordable h6{color: #FFE000;font-size: 17px;text-align: left;padding: 0 56px;font-weight: 300;font-family: "Helvetica Neue";}
.so-affordable .price{font-size: 88px;color: #fff;line-height: 0.8;font-family: "Helvetica Neue";}
.so-affordable .price span, .so-affordable .price .letter-big {
  font-size: 140px;
  vertical-align: middle;
  letter-spacing: -15px;
  display: inline-block;
}
.so-affordable .per_pound{position: absolute;left: 55%;color: #fff;bottom: 46px;font-family: "Helvetica Neue";font-weight: 300;letter-spacing: 1px;}
.so-affordable h5{color: #fff;font-size: 26px;font-family: "Helvetica Neue";    line-height: 1.3;font-weight: normal;max-width: 250px;margin: 28px auto 0 auto;}
.so-mail{text-align: center;margin-top: 25px;}
.so-mail img{width: 30px;}
.so-affordable-offer{background-color: #FFE000;padding: 20px;border-radius: 20px;}
.so-affordable-offer h4{color: #222277;font-size: 24px;line-height: 1.3;font-weight: bold;font-family: "Helvetica Neue";}
.so-affordable-offer h5{color: #222277;font-size: 24px;line-height: 1.3;font-weight: normal;letter-spacing: 0;font-family: "Helvetica Neue";}
#background-wrap {z-index: -1;}
.so-affiordabale-box-part{max-width: 1246px;margin:0 auto 20px;}
.so-affordable-offer{max-width: 1246px;margin:0 auto;}
.so-affordable-box .elementor-widget-wrap{justify-content: center;}

/*start bubbles animatation css */
@-webkit-keyframes animateBubble {
  0% {margin-top: 1000px;}
  100% {margin-top: -100%;}
}
@-moz-keyframes animateBubble {
  0% {margin-top: 1000px;}
  100% {margin-top: -100%;}
}
@keyframes animateBubble {
  0% {margin-top: 1000px;}
  100% {margin-top: -100%;}
}
@-webkit-keyframes sideWays { 
  0% { margin-left:0px;}
  100% { margin-left:50px;}
}
@-moz-keyframes sideWays { 
  0% { margin-left:0px;}
  100% { margin-left:50px;}
}
@keyframes sideWays { 
  0% { margin-left:0px;}
  100% { margin-left:50px;}
}
.x1 {-webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;left: -5%;top: 5%;-webkit-transform: scale(0.6);-moz-transform: scale(0.6);transform: scale(0.6);}
.x2 {-webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;left: 5%;top: 80%;-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);}
.x3 {-webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;left: 10%;top: 40%;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);transform: scale(0.7);}
.x4 {-webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;left: 20%;top: 0;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);}
.x5 {-webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
left: 30%;top: 50%;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);}
.x6 {-webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
left: 50%;top: 0;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);transform: scale(0.8);}
.x7 {-webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;left: 65%;top: 70%;
-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);}
.x8 {-webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
left: 80%;top: 10%;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);}
.x9 {-webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;left: 90%;top: 50%;-webkit-transform: scale(0.6);-moz-transform: scale(0.6);transform: scale(0.6);}

.x10 {-webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;left: 80%;top: 80%;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transform: scale(0.3);}
.bubble {height: 200px;width: 200px;position: fixed;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);}
.bubble:after {
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
-webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
content: "";height: 180px;left: 10px;position: absolute;width: 180px;}
/*End bubbles animatation css */

.slick-dots {left: 0;}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .so-affordable h4 {font-size: 20px;}
  .so-affordable .sub-heading-so {font-size: 14px;}
  .so-affordable .price {font-size: 65px;}
  .so-affordable .price span {font-size: 100px;}
  .so-affordable h6 {padding: 0 15px;}
  .so-affordable{height: 225px;}
  .so-affordable .per_pound {bottom: 30px;}
  .so-affordable h5 {font-size: 20px;margin-top: 15px;}
  .so-mail {margin-top: 15px;}
  .so-affordable-title img{    width: 60% !important;}
  .so-affordable-sub-content h3{font-size: 24px;}
  .so-affordable-offer h4 {font-size: 20px;}
  .so-affordable-offer h5 {font-size: 15px;}
  .so-affordable-offer {padding: 10px;}  
}
@media only screen and (max-width: 767px) {
  .bubble {height: 90px;width: 90px;}
  .bubble:after{
    height: 70px;width: 70px;
  }
  .header-top-contain{text-align: center;line-height: 1.5;font-size: 14px;    padding: 5px 15px}
  .so-affordable-title img{max-width: 320px !important;}
  .so-affordable-sub-content h3{font-size: 20px;}
  .so-affordable-sub-content .elementor-widget-container{margin: 0px 0px 0px 0px !important;}
  .so-affordable h4 {font-size: 20px;}
  .so-affordable .sub-heading-so {font-size: 13px;}
  .so-affordable .price {font-size: 60px;}
  .so-affordable .price span {font-size: 90px;}
  .so-affordable {height: 200px;padding: 10px;}
  .so-affordable .per_pound {left: 54%;bottom: 23px;}
  .so-affordable h6 {max-width: 260px;margin: 0 auto;}
  .so-affordable h5 {font-size: 18px;margin: 15px auto 0 auto;}
  .so-mail {margin-top: 10px;}
  .so-affordable-offer {padding: 20px;margin: 0 auto 0 !important;}
  .so-affordable-offer h4 {font-size: 16px;}
  .so-affordable-offer h5 {font-size: 16px;}
  .so-affiordabale-box-part {margin: 0 auto 0;}

}
@media only screen and (min-width: 576px)  and (max-width: 767px) {
  .so-affiordabale-box-part .elementor-column{width: 33.33%}
}