ul { padding: 0; }
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; color: #858585; font-size: 14px; line-height: 24px; margin-bottom: 20px; }
ul li, ol li { font-size: 17px; line-height: 28px; font-family: 'Roboto', sans-serif; list-style-type: none; }
ul li i { vertical-align: middle; padding-right: 5px; }
p { font-size: 18px; line-height: 28px; font-weight: 400; color: #333; margin-bottom: 20px; font-family: 'Roboto', sans-serif; }
a, a:hover, a:focus, a:active, a:visited { text-decoration: none; outline: 0; }
a:hover { color: #017df7; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; line-height: 1.2; margin-top: 0; margin-bottom: 20px; color: #0a2b79; font-weight: 600; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
h2.section-title { margin-bottom: 10px; }
p.section-subtitle { font-size: 18px; }
p.section-subtitle.white { color: #ffffff; }
p.section-subtitle.black { color: #252525; }
iframe { max-width: 100%; border: none; }
.iframe-youtube { position: relative; margin-top: 30px; z-index: 100; }
.iframe-youtube iframe { padding: 10px 10px; box-shadow: 0 15px 36px rgba(0, 0, 0, 0.20); background-color: #fff; webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; border-radius: 8px 8px; z-index: 100; }
.popup-gallery .video-popup-image { z-index: 100; }
.popup-gallery:hover .video-popup-image { opacity: 1; }
.video-play-icon { position: absolute; z-index: 100; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 40px; color: #e51d27; background-color: rgba(255, 255, 255, 0.78); border-radius: 50% 50%; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.video-play-icon:hover { background-color: rgba(255, 255, 255, 0.99); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.video-play-icon i { color: #e51d27; font-size: 40px!important; }
.white-text { color: #fff; }
.red { color: #e51d27; }
.strong { font-weight: bold; }
.section-bg-1 { background: url(../images/bg1.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; position: relative; padding: 110px 0; }
.section-bg-2 { background: url(../images/bg2.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; position: relative; padding: 120px 0; }
.section-bg-3 { background: url(../images/bg1.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; position: relative; padding: 140px 0; }
.section-bg-overlay { width: 76%; background: #e51d27; opacity: 0.95; position: absolute; top: 20%; left: 12%; right: 12%; bottom: 30%; }
.section-white { background: #fff; padding: 90px 0 70px 0; }
.section-grey { background: #f1faff; padding: 90px 0 70px 0; }
.section-red { background: #e51d27; padding: 90px 0 70px 0; }
.section-white.no-padding, .section-grey.no-padding, .section-red.no-padding { padding: 0; }
.section-white.medium-paddings, .section-grey.medium-paddings, .section-red.medium-paddings { padding: 60px 0; }
.section-white.small-paddings, .section-grey.small-paddings, .section-red.small-paddings { padding: 30px 0; }
.section-white.xsmall-paddings, .section-grey.xsmall-paddings, .section-red.xsmall-paddings { padding: 10px 0; }
.section-white.small-padding-top, .section-grey.small-padding-top, .section-red.small-padding-top { padding: 30px 0 90px 0; }
.section-white.small-padding-bottom, .section-grey.small-padding-bottom, .section-red.small-padding-bottom { padding: 90px 0 70px 0; }
.section-white.no-padding-bottom, .section-grey.no-padding-bottom, .section-red.no-padding-bottom { padding: 90px 0 0 0; }
.small-col-inside { margin: 90px 0; max-width: 575px; padding-left: 55px; }
.width-100 { width: 100%; }
.box-shadow { border-radius: 8px; box-shadow: 10px 12px 40px rgba(0, 0, 0, 0.37); }
.image-shadow { border-radius: 8px 8px; box-shadow: 10px 12px 40px rgba(0, 0, 0, 0.2); }
.right-dots-img { position: relative; z-index: 100; }
.right-dots-img:after { background-image: radial-gradient(#ff0000 15%, transparent 25%); background-size: 15px 15px; content: ""; position: absolute; width: 204px; height: 230px; left: -29px; bottom: -34px; z-index: 99; }
.right-dots-img img { position: relative; z-index: 200; }
.left-dots-img { position: relative; z-index: 100; }
.left-dots-img:after { background-image: radial-gradient(#27b36a 15%, transparent 25%); background-size: 15px 15px; content: ""; position: absolute; width: 204px; height: 230px; right: -29px; bottom: -34px; z-index: 99; }
.left-dots-img img { position: relative; z-index: 200; }
/* margin and padding classes */

.margin-right-15 { margin-right: 15px; }
.margin-left-15 { margin-left: 15px; }
.margin-right-25 { margin-right: 25px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-top-120 { margin-top: 120px !important; }
.margin-top-110 { margin-top: 110px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-120 { margin-bottom: 120px !important; }
.margin-bottom-130 { margin-bottom: 120px !important; }
.margin-bottom-140 { margin-bottom: 140px !important; }
.padding-top-0 { padding-top: 0px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-70 { padding-top: 70px !important; }
.padding-top-80 { padding-top: 80px !important; }
.padding-top-100 { padding-top: 100px !important; }
.padding-top-120 { padding-top: 120px !important; }
.padding-top-150 { padding-top: 150px !important; }
.padding-bottom-70 { padding-bottom: 70px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-0 { padding-bottom: 0px !important; }
.margin-top-0 { margin-top: 0px !important; }
.padding-left-20 { padding-left: 20px; }

.navbar-brand { font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; color: #e51d27; }
.navbar-brand:hover { color: #e51d27; }
.navbar-fixed-top.opaque .navbar-brand { color: #e51d27; }
.navbar-fixed-top.opaque .navbar-brand:hover { color: #e51d27; }
.navbar { width: 100%; z-index: 9999; padding-top: 20px; padding-bottom: 20px; }
.navbar-toggler { border: 1px solid #e51d27; }
.navbar-toggler-icon { width: 1.3em; height: 1.3em; }
.navbar-toggler-icon i { color: #e51d27; vertical-align: middle; }
.navbar-fixed-top { position: absolute!important; background-color: #fff; border-bottom: 1px solid #efefef; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04)!important; transition: background-color 0.25s ease 0s; }
.navbar-fixed-top.opaque { position: fixed!important; top: 0; margin-top: 0; background-color: #fff!important; border-bottom: 1px solid #efefef; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04)!important; transition: all 0.25s ease-in-out 0s; }
.navbar-fixed-top.opaque .navbar-nav > li { display: inline-block; }
.navbar-fixed-top .navbar-nav > li > a { color: #0a2b79; font-size: 17px !important; line-height: 30px !important; padding: 10px 15px!important; font-family: 'Roboto Slab', serif; font-weight: 600; }
.navbar-fixed-top.opaque .navbar-nav > li > a { color: #0a2b79; }
.navbar-fixed-top .navbar-nav > li > a:hover { color: #e51d27!important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-fixed-top.opaque .navbar-nav .current a { color: #e51d27!important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-fixed-top .navbar-nav > li > a.discover-btn { border: 1px solid #e51d27; color: #fff!important; background: #e51d27; border-radius: 23px 23px; padding: 8px 25px !important; margin-left: 10px; margin-right: 15px; font-family: 'Roboto Slab', serif; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-fixed-top .navbar-nav > li > a.discover-btn:hover { color: #e51d27!important; background: transparent; border: 1px solid #e51d27; }
.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn { color: #fff!important; background: #e51d27; border: 1px solid #e51d27; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-fixed-top.opaque .navbar-nav > li > a.discover-btn:hover { border: 1px solid #e51d27; color: #e51d27!important; background: transparent; }

.footer { position: relative; overflow: hidden; display: block; padding: 40px 0 20px 0; background-color: #fafbfc; }
.footer p { margin-bottom: 5px; line-height: 24px;}
.footer p > a { font-size: 17px; color: #e51d27; text-decoration: underline; }
.footer p > a:hover { color: #e51d27; text-decoration: underline; }
span.template-name { font-weight: bold; }
a.footer-links { display: block; font-size: 17px; margin-bottom: 2px; color: #454545; }
a.footer-links:hover { color: #e51d27; text-decoration: underline; transition: all .5s ease-in-out; }
/* Footer Social Icons */
ul.footer_social { float: right; }
ul.footer_social li { display: inline-block; margin: 0; line-height: 100%!important; }
ul.footer_social li a i { display: inline-block; margin: 0 8px; padding: 0; font-size: 26px!important; line-height: 26px!important; color: #1e90ff; transition: all .5s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
ul.footer_social li a i.fa-twitter { color: #4099ff; }
ul.footer_social li a i.fa-pinterest { color: #C92228; }
ul.footer_social li a i.fa-facebook-square { color: #3b5998; }
ul.footer_social li a i.fa-instagram { color: #8a3ab9; }
ul.footer_social li a i.fa-skipe { color: #00aff0; }
ul.footer_social li a i.fa-dribble { color: #ea4c89; }
ul.footer_social li a i:hover { color: #e51d27!important; }

.home-section { position: relative; z-index: 999; padding-top: 275px; padding-bottom: 230px; background: url(../images/bg10.jpg) top center no-repeat; background-size: cover; }
.home-section-overlay { width: 100%; background: #252525; opacity: 0.29; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home-section h1 { margin-bottom: 20px; line-height: 1.2; color: #fff; text-shadow: 1px 1px #373737; }
.home-section p.hero-text { margin-bottom: 25px; font-size: 20px; line-height: 30px; font-weight: 400; color: #fff; text-shadow: 1px 1px #373737; }
.hero-content { position: relative; z-index: 999; }
.hero-img { position: relative; z-index: 100; }
.hero-img img { position: relative; z-index: 100; border-radius: 0 0 0 25px; }
.hero-img:after { background-image: radial-gradient(#ff0000 15%, transparent 25%); background-size: 15px 15px; content: ""; position: absolute; width: 100px; height: 150px; left: -20px; top: 0; z-index: 99; }
.arrow-down { position: absolute; left: 50%; margin-left: -25px; bottom: 0; margin-bottom: -200px; }
.arrow-down i { font-size: 50px; color: #fff; }
.arrow-down { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
.arrow-down { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-10px);
}
}
@keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-10px);
}
}

.team-item { padding: 10px 25px; }
.team-item h3 { margin: 20px 0 1px 0!important; color: #454545; font-size: 18px; text-transform: uppercase; }
.team-info { display: block; margin-bottom: 0; }
.team-info p { color: #acacac; font-style: italic; }
.team-info::after { background: #e51d27; display: inline-block; vertical-align: middle; content: ""; width: 50px; height: 3px; margin-top: -20px; }
.team-info.green::after { background: #e51d27; }
.team-info.red::after { background: #ff0000; }
.team-info.yellow::after { background: #fdcc28; }
.team-img { border-radius: 50%; max-width: 200px; padding: 5px 5px; border: 2px dashed #27b36a; }
.team-img.green { border: 2px dashed #27b36a; }
.team-img.red { border: 2px dashed #ff0000; }
.team-img.yellow { border: 2px dashed #fdcc28; }

.services-wrapper { position: relative; }
.main-services { position: relative; margin: 10px 5px; overflow: hidden; text-align: center; transition: all 1s; }
.main-services:hover { transform: scale(1.025); transition: all 1s; }
.main-services img { width: 100%; max-width: 200px; margin-bottom: 10px; border-radius: 50%; }
.main-services h3 { margin-bottom: 5px; }
.main-services h3 a { font-size: 22px; font-weight: 700; color: #e51d27; }
.main-services h4 { margin-bottom: 10px; font-size: 21px; font-weight: 700; }
.main-services p { padding: 0 10px; margin-bottom: 15px; }
.main-services i { margin-bottom: 15px; display: inline-block; font-size: 42px; line-height: 90px; width: 90px; height: 90px; text-align: center; color: #fff; border-radius: 50%; }
.main-services.red i { color: #ff0000; border: 2px dashed #ff0000; }
.main-services.blue i { color: #1e90ff; border: 2px dashed #1e90ff; }
.main-services.yellow i { color: #fdcc28; border: 2px dashed #fdcc28; }
.main-services.green i { color: #27b36a; border: 2px dashed #27b36a; }
blockquote { font-size: 16px; color: #4285f4; border-left: 2px solid #4285f4; }
.faq-box { margin: 30px 0 0 0; transition: all 1s; }
.faq-box h4 { font-size: 22px; margin-bottom: 10px; }
.faq-box h5 { margin-bottom: 7px; }
.faq-box p { color: #333; }
/* Features */
.feature-box { overflow: hidden; margin: 40px 0 0 0; }
.feature-box i { float: left; font-size: 50px; line-height: 50px; width: 55px; height: 55px; text-align: center; color: #50a0d2; }
.feature-box.light-blue i { color: #50a0d2; }
.feature-box.dark-blue i { color: #3473b8; }
.feature-box.light-green i { color: #a9d129; }
.feature-box.dark-green i { color: #87ac34; }
.feature-box.orange i { color: #fe9c24; }
.feature-box.light-red i { color: #fc6a3f; }
.feature-box.pink i { color: #ea4c89; }
.feature-box-text { float: left; width: 75%; margin-left: 30px; }
.feature-box h4 { font-size: 20px; margin-bottom: 10px; }
.feature-box p { color: #333; }

.register-form-wrapper { padding: 10px 0; }
input.register-input, select.register-input, textarea.register-textarea{ width: 100%!important; height: 60px!important; padding-left: 3%!important; padding-right: 5%!important; margin-bottom: 15px!important; color: #fff!important; border: 2px solid #fff; background-color: transparent; font-size: 16px!important; border-radius: 5px 5px 5px 5px!important; }
input.register-submit{ background: #fff; border: none; color: #e51d27; letter-spacing: 1px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; width: 100%; padding: 20px 0; text-transform: uppercase; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px 3px; border-radius: 3px 3px; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; }
input.register-submit:hover { background: #eaeaea; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; }
#register-form input.register-input:focus, #register-form select.register-input:focus, #register-form textarea.register-textarea:focus { border-color: #fff!important; color: #fff!important; outline: none; }
#register-form input.register-input:focus, #register-form select.register-input:focus, #register-form textarea.register-textarea:focus { border-color: #fff!important; color: #fff!important; outline: none; }
textarea.register-textarea{ height: 100px !important; padding-top: 12px; color: #fff;}
p.register_success_box { display: inline-block; color: #fff; border: 1px solid #fff; padding: 25px 25px; font-size: 19px; text-shadow: none; font-style: italic; border-radius: 8px 8px; margin: 15px 0; }
p.register-form-terms { margin: 10px 0 5px 0; font-size: 14px; color: #333; text-shadow: none; }
 input.white-input::-webkit-input-placeholder, select.white-input::-webkit-input-placeholder { /* WebKit browsers */
 color:#fff;
}
input.white-input:-moz-placeholder, select.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#fff;
}
input.white-input::-moz-placeholder, select.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#fff;
}
input.white-input:-ms-input-placeholder, select.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:#fff;
}
p.register-form-terms { margin-top: 15px; font-size: 14px !important; color: #eee; }
.register-link { text-decoration: underline; font-weight: bold; color: #fff; }
.register-link:hover { text-decoration: underline; color: #fff; }

.btn-white { font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 700; color: #e51d27; background-color: #ffffff; border: 1px solid #fff; box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37); border-radius: 23px 23px; margin: 10px 10px; padding: 16px 26px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.btn-white:hover { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #e51d27!important; background: #f9f9f9; }
.btn-white-border { color: #fff; background: transparent; font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 600; border: 1px solid #fff; border-radius: 23px 23px; margin: 10px 10px; padding: 16px 26px; display: inline-block; box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.btn-white-border:hover { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #e51d27!important; background: #f9f9f9; }
.btn-white i, .btn-white-border i { font-size: 22px; line-height: 22px; margin-right: 10px; vertical-align: text-top; }
.btn-blue { font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 600; color: #fff; background-color: #1e90ff; border: 1px solid #1e90ff; box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.27); letter-spacing: 1px; border-radius: 23px 23px; margin: 5px 10px 10px 0; padding: 18px 25px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.btn-blue:hover { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #fff!important; background: #1e90ff; }
.btn-red { font-family: 'Roboto Slab', serif; font-size: 15px; line-height: 22px; font-weight: 700; color: #fff; background-color: #e51d27; border: 1px solid #e51d27; box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.27); letter-spacing: 1px; border-radius: 23px 23px; margin: 5px 10px 10px 0; padding: 12px 28px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.btn-red:hover { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5); color: #fff!important; background: #e51d27; }
.btn-blue.small, .btn-blue-line.small, .btn-red.small, .btn-red-line.small, .btn-white.small, .btn-white-border.small { font-size: 16px; padding: 11px 30px;}
.btn-red-line { font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 600; color: #e51d27; background-color: #fff; border: 1px solid #e51d27; border-radius: 23px 23px; margin: 15px 10px 0 0; padding: 20px 30px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.btn-red-line:hover { color: #fff!important; background: #e51d27; }
a.btn-red:visited, a.btn-red:focus { color: #fff!important; }

.testim-info { width: 100%; max-width: 500px; }
.testim-inner h6 { margin-bottom: 5px; font-size: 15px; line-height: 28px; font-weight: 700; color: #0a2b79; text-transform: uppercase; font-family: 'Roboto', sans-serif; }
.testim-inner p { margin-bottom: 12px; font-size: 21px; line-height: 32px; font-style: italic; color: #0a2b79; }
.testim-inner i { margin-bottom: 12px; font-size: 26px; line-height: 40px; color: #27b36a; }
.testim-rating { margin-bottom: 30px; }
.testim-rating i { color: #fdcc28; }
.testim-platform.first { display: block; border-right: 1px solid #cecece; }
.testim-platform p { margin-bottom: 5px; font-weight: bold; color: #0a2b79; }

ul.benefits { margin-bottom: 20px; }
ul.benefits li { font-size: 17px; line-height: 26px; margin-bottom: 8px; }
ul.benefits.white li { color: #fff; }
ul.benefits li i { font-size: 18px; line-height: 18px; margin-right: 1px; color: #27b36a; }
ul.benefits.white li i { color: #fff; }
.no-padding-bottom { padding-bottom: 0; }

.nav-pills .nav-link { margin-bottom: 10px; }
.nav-pills .nav-link, .nav-pills .show > .nav-link { border: none!important; transition: all 1s; }
.nav-pills .nav-link:hover { color: #fff; background-color: #fff; border: none!important; border-radius: 8px !important; box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; -moz-box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; -webkit-box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; transition: all 1s; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #fff; border: 1px solid #f4f5f6!important; border-radius: 8px !important; box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; -moz-box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; -webkit-box-shadow: 0 12px 55px 0 rgba(0,0,0,.05) !important; transition: all 1s; }
.features-second { margin: 10px 0; }
.features-second h4 { margin-top: 10px; font-size: 21px; }
.features-second p { margin-bottom: 10px; }
.features-second img { float: left; margin: 10px 25px 10px 0; width: 55px; }

.card { border: none; background-color: transparent !important; }
.card-header { padding: 6px 0 9px 0; margin-bottom: 0; background-color: transparent; border-bottom: 2px solid #e51d27; }
.card-header h5 .btn-link { font-family: 'Open Sans', sans-serif; padding: 0; font-size: 17px; font-weight: 500; color: #0a2b79; background-color: transparent; }
.card-header h5 .btn-link:hover, .card-header h5 .btn-link:focus { text-decoration: none; }
.card-body { padding: 10px 0; border-top: none; font-family: 'Open Sans', sans-serif; font-size: 17px; color: #333; }
/* ----- g) Vertical Carousel Indicators ----- */
.carousel-indicators { position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; right: -20px; left: auto; width: auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.carousel-indicators li { display: block; margin-bottom: 5px; width: 15px; height: 15px; margin-right: 3px; margin-left: 3px; border-radius: 50%; text-indent: -999px; cursor: pointer; background-color: #d9eef9; }
.carousel-indicators li.active { margin-bottom: 3px; background: #e52a3d; }

/* CSS for the circular image with invisible boarder*/

/* Set the width and height to define the circular shape */
.circle-img img {
    width: 100px; /* Set the width and height to define the circular shape */
    height: 100px;
    border-radius: 50%; /* Makes the image circular */
    overflow: hidden; /* Ensures the image stays within the circular shape */
    background-color: transparent; /* Makes the circle invisible */
    object-fit: cover; /* Ensures the image is cropped to fit within the circle without stretching */
}

/* Default logo size for larger screens */
.navbar-brand img {
    width: 350px; /* Set the width as per your requirement */
    height: auto; /* Maintain aspect ratio */
}

@media (max-width: 991px) {
.navbar-fixed-top { background-color: #fff!important; }
.navbar-fixed-top.opaque { padding-top: 10px; padding-bottom: 10px; }
.navbar-fixed-top .navbar-nav > li { display: block; }
.navbar-fixed-top .navbar-nav > li.discover-link { margin-top: 10px; }
.navbar-fixed-top .navbar-nav > li > a.discover-btn { padding: 8px 12px!important; margin-left: 20px; font-size: 17px!important; }
.home-section { padding-top: 140px; padding-bottom: 70px; background-attachment: inherit; }
.home-section h1 { font-size: 38px; line-height: 44px; }
.home-section:after { display: none; }
.hero-img img { max-width: 200%; border-radius: 0 0 0 0; }
.hero-img:after { display: none; }
}

@media (max-width: 768px) {
.navbar-fixed-top { background-color: #fff; }
.home-section { padding-top: 170px; padding-bottom: 70px; background-attachment: inherit; }
.home-section-overlay { opacity: 0.37; }
.arrow-down { display: none; }
.footer { padding-top: 40px; text-align: center; }
.footer-top i { display: block; margin-top: 50px!important; }
ul.footer_social { margin-top: 15px; float: none; }
ul.footer_social li a i { margin: 0 8px!important; }
.partners-section { padding: 40px 0; }
.partners { text-align: center; }
.partners-title { font-size: 18px; line-height: 30px; float: none!important; margin-right: 30px; }
.carousel-indicators { display: none; }
.testim-inner { margin-top: 0; margin-bottom: 0; }
.top-margins-images { margin-top: 50px; }
.bottom-margins-images { margin-bottom: 50px; }
.section-bg-1, .section-bg-2, .section-bg-3 { background-attachment: inherit; }
.hero-img img { max-width: 100%; }
}

@media (max-width: 375px) {
.navbar-toggle { border: 1px solid #9f9f9f!important; }
.home-section { padding-top: 170px; padding-bottom: 70px; }
.home-section h1 { font-size: 28px; line-height: 38px; }
input.register-input-home, select.register-input-home { padding-left: 12%!important; }
input.name-input-home { background: url('../images/input-user.png') no-repeat 5px 15px; }
input.name-email-home { background: url('../images/input-envelope.png') no-repeat 5px 15px; }
select.register-input-home { background: url('../images/input-select.png') no-repeat 5px 15px; }
input.register-input, select.register-input { padding-left: 14%!important; padding-right: 5%!important; }
.card { box-shadow: none; }
.card-header h5 .btn-link { font-size: 16px; clear: left; }
.card-header h5 .btn-link p { margin-top: 7px; }
.card-header h5 .btn-link p span { display: block; font-size: 15px; }
.section-white { padding: 60px 0 70px 0!important; }
.section-white.small-padding-bottom, .section-grey.small-padding-bottom { padding: 60px 0 50px 0!important; }
.margin-left-20 { margin-left: 1px!important; }
.services-wrapper { margin-top: 30px; }
.small-col-inside { margin: 50px 0; padding-right: 25px; padding-left: 25px; }
.partners img.partners { margin: 10px 25px 10px 0; max-height: 40px; }
.feature-box { text-align: center; }
.feature-box i { display: inline-block; float: none; margin-bottom: 25px; }
.feature-box-text { width: 100%; margin-left: 0; }
.left-dots-img:after { display: none; }
.right-dots-img:after { display: none; }
}

/* Custom styles for better mobile experience */
@media (max-width: 767px) {
    .padding-bottom-10 {
        padding-bottom: 10px;
    }
    .section-title {
        font-size: 24px; /* Adjust font size for smaller screens */
    }
    .section-subtitle {
        font-size: 16px; /* Adjust font size for smaller screens */
    }
}
  
  /* Media query for smaller screens (e.g., mobile devices) */
  @media (max-width: 767px) {
    .navbar-brand img {
      width: 200px; /* Adjust the width for smaller screens */
    }
}