/*!
Theme Name: Reviews Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reviews-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Reviews Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* 1. Clean Base
------------------------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px;   font-family: "Figtree", sans-serif;  font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: inherit;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#000; font-size:16px; font-weight:400; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }

ul, 
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li, 
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 18px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button {   font-family: "Figtree", sans-serif; }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #919194; padding:14px 20px; color:#000; font-size:16px;font-weight: 400; width: 100%; border-radius: 4px; -webkit-border-radius: 4px; background-color: #F7F7F7; font-family: "Figtree", sans-serif; font-weight: 400; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #2765CF;box-shadow: 0px 3px 20px #2765CF80; -webkit-box-shadow: 0px 3px 20px #2765CF80; background-color: #fff;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; padding: 0 15px; height: 60px; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 400; line-height: 1.52857143; text-align: center; border: none; box-shadow: 0px 0px 20px #2765CF40; -webkit-box-shadow: 0px 0px 20px #2765CF40; border-radius: 6px; -webkit-border-radius: 6px; color: #fff; background-color: #2765CF; width: 100%; transition: background-color 0.3s ease 0s, color 0.3s ease 0s;    text-transform: uppercase !important; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #092E6E; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
::-moz-placeholder { opacity: 1 !important; color: #AAAAAA; }
:-ms-input-placeholder { opacity: 1 !important; color: #AAAAAA; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 12px 69px;font-size: 18px;   font-family: "Figtree", sans-serif; font-weight: 400; line-height: 1.52857143; text-align: center; border: 3px solid #2765CF; border-radius: 0px; color: #fff; background-color: #2765CF; border-radius: 6px;}
.btn:hover,
.btn:focus { color: #fff; background-color: #092E6E; border-color: #092E6E;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1166px;}

/*---- header ----*/
.main-header { width:100%; height:auto; padding: 0; position: fixed; top:0px; z-index: 999; background-color: #fff;}
.main-header .logo{ position: relative; display: inline-block; vertical-align: top; }
#header.fixed{ /*position: fixed; left: 0; top: 0;*/  /*-webkit-animation:slide-down 0.7s;animation:slide-down 0.7s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);*/  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}

@media(min-width:1271px) {
	div#wrapper {    padding-top: 143px !important;}
}

@media (min-width:1200px) and (max-width:1270px) { 	
	div#wrapper {    padding-top: 143px !important;}
}
@media (min-width:1024px) and (max-width:1199px) {	
div#wrapper {    padding-top: 127px !important;}
}

@media(max-width:1023px) {	
div#wrapper {    padding-top: 14px !important;}
}


/*@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
@keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 0.9;-webkit-transform: translateY(0);transform: translateY(0);} }
*/

.phone-call{ display: none; }
.main-header .col-md-8{ text-align: right; padding: 0;}
.main-header .head_top{ background-color:#F6F6F6; display: inline-block; vertical-align: top; position: relative; padding: 7px 20px 7px 20px;}
.main-header .head_top:before{ content: ''; position: absolute; left: -20px; top: 0; width: 40px; height: 100%; display: block; background: #F6F6F6; transform: skew(30deg); -webkit-transform: skew(30deg); z-index: -1; }
.main-header .head_top .menu-top-nav-container{ display: inline-block; vertical-align: middle; }
.main-header .head_top .menu{ margin: 0; padding: 0; }
.main-header .head_top .menu li{ margin: 0; padding: 0 10px; list-style:none; display: inline-block; vertical-align: top; }
.main-header .head_top .menu li a{color: #333333; font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400;}
.main-header .head_top .menu li a:hover{ text-decoration: none; color: #FF7400;}
.main-header .head_phone{ font-size: 28px; color: #FF7400; line-height: 1.3; text-align: right; display: inline-block; vertical-align: middle; padding-left: 40px; text-align: left; background: url(assets/svg/ioc_phone1.svg) left center no-repeat; margin-left:30px; font-family: 'CircularStdBold'; font-weight: 400;}
.main-header .head_phone span{ display: block; font-size: 22px; color: #000000; font-family: 'CircularStdBlack'; font-weight: 400;}
.main-header .head_phone:hover{ text-decoration: none; color: #2765CF;}
.main-header:after{ content: ''; position: absolute; right: 0; top: 0; width: 50%; height: 50px; display: block; background: #F6F6F6; z-index: -1;}


/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent; box-shadow: none; -webkit-box-shadow: none; position: fixed; top: 12px; right: 20px; z-index: 1000;}
.hamburger:not(.close){/* position: fixed;top: 20px;right: 20px;z-index: 1000; */}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 21px;height: 3px;background-color: #919194;display: block;margin: 4px auto; border-radius:2px; -webkit-border-radius:2px;}
.hamburger:hover{cursor: pointer;}
/* .hamburger.close{padding: 10px;} */
.hamburger.close .wrap{ position: relative;width: 21px;height: 25px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: -100%;left: 0;width:100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 999; padding-top: 50px;}
#mobilenav.is-open #menu{top: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 2.25rem;height: 2.25rem;position: absolute;top: 5px;right: 5px;cursor: pointer;}
#mobilenav .caret:before{left: 0.5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg);} 
#mobilenav .caret:after{right: 0.5rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* #mobilenav .caret:not(.trigger-caret){pointer-events: none;} */
#mobilenav .caret:before,
#mobilenav .caret:after{ content: ''; top: 1rem; position: absolute; width: 0.75rem; height: 0.1rem; background-color: #2765CF; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
/* #mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;} */
#mobilenav .is-open > .caret:before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#mobilenav .is-open > .caret:after{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #333333;/* background: #068bcc; */border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-family: 'CircularStdBold'; font-weight: 400;}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { text-decoration: none;color: #2765CF;background: #fff; font-family: "Figtree", sans-serif; font-weight: 400;}
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: #F7F7F7;z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}
#menu .menu-top-nav-container:nth-child(1) ul li a{}

/* nav */
.navigation { width:100%; height:auto; padding:20px 0;}
.navigation ul{ padding: 0; margin: 0; list-style: none; }
.navigation ul li{ padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: middle; text-align: left;}
.navigation ul li a { display: block; font-size: 18px; color: #333333; padding: 0 8px; font-family: "Figtree", sans-serif; font-weight: 400;}
.navigation ul li a:hover{ text-decoration: none; color: #2765CF;}
.navigation .menu-main-menu-container{ display: inline-block;vertical-align: middle; }
.navigation ul li.getfree_btn{ margin-left: 10px; }
.navigation ul li.getfree_btn > a{background: #2765CF; box-shadow: 0px 0px 10px #2765CF80; -webkit-box-shadow: 0px 0px 10px #2765CF80; border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 18px; font-family: 'CircularStdBold'; font-weight: 400; padding:15px 48px;}
.navigation ul li.getfree_btn > a:hover{background-color: #092E6E;}

.navigation ul li:hover .sub-menu{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; pointer-events: auto; top: 100%;}
.navigation ul li{ position: relative; }
.navigation ul li.current_page_item > a, .navigation ul li.current-page-ancestor > a{ color: #2765CF; }
.navigation ul li > a:after{content: '';position: absolute; width: 100%;height: 40px;left: 0;bottom: -40px;}
.navigation ul li .sub-menu{ position: absolute; left: 0; top: 90%; min-width: 250px; background: #fff; z-index: 99; padding:20px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; visibility: hidden; pointer-events: none; box-shadow: 0px 0px 10px #00000029; -webkit-box-shadow: 0px 0px 10px #00000029; margin: 25px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 6px; -webkit-border-radius: 6px;}
.navigation ul li .sub-menu:before{ content: ''; position: absolute; left: 60px; top: -19px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #ffffff transparent; z-index: 1; }
.navigation ul li .sub-menu:after{ content: ''; position: absolute; left: 60px; top: -20px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #00000029 transparent; }
.navigation ul li .sub-menu li{ padding: 0; margin: 0; display: block;}
.navigation ul li .sub-menu li:first-child{ border-top:none; }
.navigation ul li .sub-menu li a{ padding: 8px 17px; border-radius: 0; -webkit-border-radius: 0; color: #333333; background: none; text-transform: none;  }
.navigation ul li .sub-menu li.current-menu-item, .navigation ul li .sub-menu li:hover{ color: #2765CF;}
.navigation ul li .sub-menu li.current-menu-item a, .navigation ul li .sub-menu li:hover a{ color: #2765CF; }



/*---- footer ----*/
.main-footer { width:100%; height:auto; background:#F7F7F7; line-height: normal;}
.main-footer .footer_upper{ padding: 40px 0 15px; }
.main-footer .footer_upper .container{ position: relative; }
.main-footer .footer_upper h2{ font-size: 18px; color: #092E6E; font-family: 'CircularStdBold'; font-weight: 400; margin: 0 0 5px; padding: 0;}
.main-footer .footer_upper ul{ margin: 0 0 15px; padding: 0; }
.main-footer .footer_upper ul li{ margin: 0 10px 5px 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
.main-footer .footer_upper ul li a{color: #919194; font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400; display: block;}
.main-footer .footer_upper ul li a:hover{ text-decoration: none; color: #000; }
.main-footer .footer_lower{ padding: 30px 0;}
.main-footer .footer_lower ul{ margin: 0; padding: 0; }
.main-footer .footer_lower ul li{ margin: 0 10px 5px 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
.main-footer .footer_lower ul li a{color: #919194; font-size: 18px; font-family: "Figtree", sans-serif; font-weight: 400; display: block;}
.main-footer .footer_lower ul li a:hover{ text-decoration: none; color: #000; }
.main-footer .footer_lower p{color: #919194; font-size: 18px;font-family: 'CircularStdBook'; font-weight: 400; display: inline-block; vertical-align: top; text-align: left; line-height: 1.3;}
.main-footer .footer_lower .col-md-6 + .col-md-6{ text-align: right; padding: 0; }
.main-footer .footer_mid{ padding: 5px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.main-footer .footer_mid .social-icons a{ display: inline-block; vertical-align: top; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; }
.main-footer .footer_mid .social-icons a.facebook{ background-image:url(assets/svg/ioc_facebook.svg); }
.main-footer .footer_mid .social-icons a.facebook:hover{ background-image:url(assets/svg/ioc_facebook_hover.svg); }
.main-footer .footer_mid .col-md-6 + .col-md-6{ text-align: right; }
.main-footer .footer_mid .footer_phone{ font-size: 28px; color: #FF7400; line-height: 1.2; text-align: right; display: inline-block; vertical-align: middle; padding-left: 45px; text-align: left; background: url(assets/svg/ioc_phone.svg) left center no-repeat; margin-left: 10px; font-family: 'CircularStdBlack'; font-weight: 400;}
.main-footer .footer_mid .footer_phone span{ display: block; font-size: 18px; color: #000000; font-family: 'CircularStdBold'; font-weight: 400;}
.main-footer .footer_mid .footer_phone:hover{ text-decoration: none; color: #2765CF;}

div#page {    width: 100%;}
header#header {    background: #f9f9f9;    width: 100%;    padding: 26px 0;    box-shadow: 1px 1px 29px rgba(0,0,0,0.1);}
header#header .logo {    max-width: 449px;    margin: auto;}

body { margin:0px; padding:0px;}
section.hero-banner {    background: #fff;    padding: 50px 0;    text-align: center;}


section.hero-banner h1 {
    margin: 0 0 12px;
}


/*****************/
section.arise-advantage.new-sec-2024.padd50.bg-color1 {
    background: #fffcf4;
    padding: 60px 0;
}
.arise-advantage  span.icon_blk {    display: block;    width: 80px;    margin: 0 0 11px;}
.arise-advantage  h3 {    color: #333333;    font-size: 18px;    font-weight: normal;    margin: 0 0 10px;}
.arise-advantage h2 {    margin: 0;    padding: 0 0 8px;}
.arise-advantage .padd p {    font-size: 14px;    font-weight: normal;    line-height: 20px;       }
.arise-advantage .happy-img {    padding-right: 15px;    position: sticky;    top: 160px;}
.arise-advantage .col-lg-8 .row {   row-gap: 30px;     margin-top: 30px; }

:root {  --animation-speed: 1s;}
.arise-advantage .heart {  animation: heartbeat var(--animation-speed) infinite;  user-select: none;}
.arise-advantage .heart img {  width: 100%;}

/* Animation */
@keyframes heartbeat {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}


@media(max-width:767px) {
.arise-advantage .happy-img {    padding-right: 0;    position: static;    top: 160px;    width: 100%;    text-align: center;    margin: 0 0 30px;}
.arise-advantage h2 { font-size:24px; }
.arise-advantage p {    text-align: center;    font-size: 14px;}
.arise-advantage h3 {    text-align: center;}
.arise-advantage span.icon_blk {    display: table;    margin: 0 auto 7px;}
.arise-advantage .col-md-6.col-lg-4 {    width: 50%;}
.arise-advantage .col-lg-8 .row {    row-gap: 20px;    margin-top: 30px;}
}




.btn-l a {
    display: inline-block;
    background: #0c8ccb;
    padding: 10px 25px;
    color: #fff;
    border-radius: 6px; text-decoration:none !important;
}
.btn-l {
    margin: 30px 0 50px;
    padding-bottom: 50px;
    border-bottom: #e3e3e3 solid 1px;
}

p.pi-center {
    max-width: 630px;
    margin: 0 auto 28px;
}

.btn-l.btn-l-new {
    margin: 60px 0 50px;
    padding-bottom: 0;
    border-bottom: none;
}

footer#footer {
    text-align: center;
    width: 100%;
    background: #555;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
}

@media(max-width:767px) {
.footer-sticky-mobile {        display: flex;        column-gap: 11px;    }
.ring-call {    width: 50%;}
.mobile_btn {    width: 50%;}
.footer-sticky-mobile .rts-btn {display: block;        text-align: center;}

footer#footer {    text-align: center;    width: 100%;    background: #555;    padding: 15px 60px;    color: #fff;    font-size: 14px;}
header#header {    background: #f9f9f9;    width: 100%;    padding: 10px 50px 20px;    box-shadow: 1px 1px 29px rgba(0,0,0,0.1);}
	.btn-l.btn-l-new {    margin-bottom: 0;}	
section.hero-banner {
    background: #fff;
    padding: 26px 15px;
    text-align: center;
}	
	
}


.inner-page-sec {    padding: 70px 0;}
section.inner_page {    background: #0c8ccb;    padding: 70px 0; text-align:center;}
section.inner_page h1 { margin:0px; padding:0px; color:#fff;}

.btn-l a.get_btn
	 {
    background: #044565; margin-left:10px;
}
	

div#obligationModal {
    display: none;
}



span.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7-form  br {
    display: none;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin: 0 0 20px;
}

span.wpcf7-spinner {
    position: absolute;
    left: 0;
}

div#obligationModal {
    padding: 28px;
    border-radius: 12px;
}


.page-id-26  main#primary {
    min-height: 690px;
}

.page-id-26 main#primary h3 {
    line-height: 37px;
}


.pac-container {
    z-index: 10000000 !important;
}



.quote-form {
    max-width: 400px;
    margin: auto;
    position: relative;
}



	.Vdo-Story .story_slider  .row {    align-items: center;}
	.Vdo-Story .story_slider .padd_in {    background: #fff;    padding: 50px;    text-align: center;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);    margin: 21px 21px; position: relative;}
	.Vdo-Story h2 {    margin: 0;}
	.Vdo-Story article {    margin: 0 0 50px;}
	.Vdo-Story span.name_blk {    display: block;    margin: 0 0 16px;}
	.Vdo-Story a.story_btn {    width: 198px;    border: #000 solid 1px;    height: 64px;    border-radius: 5px;    display: flex;    align-items: center;
    justify-content: center;    color: #002652;    margin: 30px auto 0;    font-size: 16px; text-decoration: none !important; text-transform: uppercase;}
   .Vdo-Story .story_slider .padd_in p {  }
	.Vdo-Story .story_slider .padd_in p {      font-weight: normal;    font-size: 14px;    line-height: 22px;    font-style: italic;}
	.Vdo-Story{    padding: 50px 0px 0px; background:#FBFBFB; }
	.Vdo-Story h3 {    color: #002652;    font-weight: normal;   }
	.Vdo-Story {    padding: 50px 0px 0px !important;    background: #FBFBFB;}
	.Vdo-Story h3 {    color: #002652;    font-weight: normal;   }
	.Vdo-Story i.fa.fa-play-circle {    margin-right: 14px;    font-size: 40px;}

	.Vdo-Story .story_slider .padd_in::before {    width: 35px;    height: 32px;    background:url(assets/svg/l-quote.svg) no-repeat;    left: 0;    top: 0;    content: '';    position: absolute;}
	.Vdo-Story .story_slider .padd_in::after { width: 35px;    height: 32px;    background: url(assets/svg/r-quote.svg) no-repeat;    right: 0;    bottom: 0;    content: '';    position: absolute;}
	
	.Vdo-Story .slick-dots{ margin: 0; padding: 0; text-align: center;}
.Vdo-Story .slick-dots li{ margin: 0 5px; padding: 0; display: inline-block; vertical-align: top;}
.Vdo-Story .slick-dots li button{ display: block; font-size: 0; text-indent: -999em;  width: 21px; height: 20px; background-color: #AAAAAA ; border-radius: 50%; -webkit-border-radius: 50%; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.Vdo-Story .slick-dots li.slick-active button{background-color: #2765CF;}
.Vdo-Story .slick-dots li button:focus{ outline: none; }
.Vdo-Story .slick-dots {
    padding: 0;
    text-align: center;
    width: 50%;
    left: 50%;
    position: relative;
    bottom: 19px;
} 

@media(max-width:767px) {
	
.Vdo-Story .story_slider .padd_in {    margin: 0px 21px 21px;}
.Vdo-Story .slick-slide img {    display: block;    max-width: 300px;    width: 94%;    left: 8%;    position: relative;}
.Vdo-Story .slick-dots {    padding: 20px 0 0;    text-align: center;    width: 100%;    left: 0;    position: relative;    bottom: 19px;}
}


@media(min-width:1024px) {	
.Vdo-Story .slick-dots {
    padding: 0;
    text-align: center;
    width: 50%;
    left: 50%;
    position: absolute;
    bottom: 19px;
}
.Vdo-Story .story_slider  .row {
    align-items: flex-start;
}	
	
}


.popup-design h2 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 0px;
}


.popup-design article {
    margin: 0 0 30px;
}


div#obligationModal {
    padding: 0px 28px;
    border-radius: 12px;
}
div#obligationModal span.img_blk {
    display: block;
    width: 280px;
}


div#obligationModal .p-frm {
    background: #f3f3f3;
    padding: 31px;
    margin-right: -28px;
    height: 100%;
}

button.fancybox-button {
    background: none !important;
}

@media(max-width:767px) {	
div#obligationModal span.img_blk {
  
    display: none;
}
	
	div#obligationModal .p-frm {  margin-left:-28px;}
	
	.btn-l a.get_btn {
    background: #044565;
    margin-left: 0;
    margin-top: 20px;
}
}



.main-navigation {
  background: #fff;
  padding: 10px 20px;
}

.main-navigation .nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}

.main-navigation .nav-menu li a {
  text-decoration: none;
  color: #0b2b35;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.main-navigation .nav-menu li a:hover {
  background: #0073aa;
  color: #fff;
}

.main-navigation .nav-menu .current-menu-item a {
  background: #004f6a;
  color: #fff;
}



nav.main-navigation {
    background: #004d72;
    padding: 13px 0 8px;
}

.main-navigation .nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.main-navigation .nav-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.main-navigation {
    background: #004d72;
    padding: 10px 0 10px;
}

.main-navigation .nav-menu li a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
    display: block;
}

.main-navigation .nav-menu .current-menu-item a {
    background: #fec95e;
    color: #004d72;
}



.about-hero {    color: #fff;  text-align: center;  padding: 120px 20px;}
.about-hero h1 {  font-size: 3rem;  margin-bottom: 15px;  font-weight: 700;}
.about-hero p {  font-size: 1.2rem;  max-width: 700px;  margin: 0 auto;}
.about-section { max-width: 1100px;  margin: 0 auto;  padding: 80px 20px;  line-height: 1.7;  color: #444;}
.about-section h2 {  font-size: 2rem;  text-align: center;  margin-bottom: 40px;  font-weight: 600;  color: #222;}
.about-section p {  font-size: 17px;  margin-bottom: 20px; line-height:28px }
.about-highlights {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  gap: 30px;  margin-top: 50px;}
.highlight-card {  background: #fff;  border-radius: 12px;  padding: 30px;  box-shadow: 0 8px 20px rgba(0,0,0,0.07);  text-align: center;  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.highlight-card:hover {  transform: translateY(-8px);  box-shadow: 0 12px 28px rgba(0,0,0,0.12);}
.highlight-card h3 {  color: #0073aa;  margin-bottom: 15px;  font-size: 1.3rem;}
.highlight-card p {  font-size: 0.95rem;  color: #555;}
.team-section {  background: #f9fafc;  padding: 80px 20px;}
.team-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));  gap: 40px;  max-width: 1100px;  margin: 0 auto;}
.team-member {  background: #fff;  border-radius: 15px;  padding: 25px;  text-align: center;  box-shadow: 0 6px 18px rgba(0,0,0,0.08);  transition: transform 0.3s ease;}
.team-member:hover {  transform: translateY(-6px);}
.team-member img {  width: 140px;  height: 140px;  object-fit: cover;  border-radius: 50%;  margin-bottom: 15px;}
.team-member h4 {  font-size: 1.1rem;  margin-bottom: 8px;  color: #222;}
.team-member p {  font-size: 0.9rem;  color: #777;}

.about-section .wp-block-image img {
    width: 100%;
    border-radius: 12px;
}

.Vdo-Story {
    padding: 50px 0px 0px !important;
    background: #fffcf4;
}

.cta-section {  background: #0073aa;  color: #fff;  text-align: center;  padding: 70px 20px;}
.cta-section h2 {  font-size: 2rem;  margin-bottom: 20px;}
.cta-section a {  display: inline-block;  background: #fff;  color: #0073aa;  font-weight: 600;  padding: 12px 28px;  border-radius: 30px;  text-decoration: none;  transition: background 0.3s ease, color 0.3s ease;}
.cta-section a:hover {  background: #005f88;  color: #fff;}
	.about-grid {  display: grid;  grid-template-columns: 1.2fr 0.8fr;  gap: 50px;  align-items: center;  margin-bottom: 60px;}
.about-text p {  font-size: 1.05rem;  color: #444;  line-height: 1.8;  text-align: justify;}
.about-image img {  width: 100%;  border-radius: 15px;  box-shadow: 0 8px 20px rgba(0,0,0,0.15);}

/* Highlights */
.about-highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
.highlight-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.highlight-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}
.highlight-card h3 {
  color: #0073aa;
  margin-bottom: 12px;
}
.highlight-card p {
  font-size: 0.95rem;
  color: #555;
}
	
.about-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 60px;
}
.highlight-card {
  background: #fff;
  border-radius: 12px;
  padding: 35px 25px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  text-align: center; 
  transition: transform 0.3s ease, box-shadow 0.3s ease;     border: #0c8ccb solid 1px;
}
.highlight-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}
.highlight-card .icon img {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}
.highlight-card h3 {
  color: #0073aa;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.highlight-card p {
  font-size: 0.95rem;
  color: #555;
}
.about-hero {
    background: #0c8ccb;
    color: #fff;
    text-align: center;
    padding: 80px 20px;
}

.about-hero h1 {
    color: #fff;
}

.about-hero p {
    color: #fff;
}
/* Responsive */
@media (max-width: 991px) {
  .about-highlights {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .about-highlights {
    grid-template-columns: 1fr;
  }
.highlight-card h3 {
    color: #0c8ccb;
    margin-bottom: 10px;
    font-size: 1.2rem;
}	
	.highlight-card p {
    margin: 0;
}
.about-grid {
    display: block;
}	
	
.about-hero {
   
    padding: 40px 40px;
}	
.about-hero h1 {
    font-size: 2rem;
    margin-bottom: 15px;
    font-weight: 700;
}	

.about-section p {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 27px;
}
	
	
.g-rv {
    margin: 52px 0 0;
    border-top: #dfdfdf solid 1px;
    padding-top: 50px;
}	
	
	
	.product_review {
    padding: 40px 0 40px;
}