@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');




:root{
    --heading-font:"Inter", sans-serif;
    --body-font:"Inter", sans-serif;
    --common-transition: all 0.3s ease 0s;
    --primary: #75BA42;  
    --secondary:#010B40;
    --accent: #5C5C5C;
    --black: #000000;  
    --gray: #444444;
    --white: #FFFFFF; 
    scroll-behavior: unset;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */ 
body, html{overflow-x: hidden; scroll-behavior: unset;}
body { margin: 0; padding: 0; font-family: var(--body-font); font-size:clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); line-height: 1.4;  color: #5C5C5C; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; line-height: 1.2;  font-family: var(--body-font); color: #333333; font-weight: 700; scroll-behavior: unset;}
h1{ font-size: 60px;}
h2{ font-size: 50px;}
h3{ font-size: 30px; color: #333333;}
h4{ font-size:clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem); /* 24px-18px */  }
h5{ font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); /* 18px-15px */ } 
h6{ font-size: clamp(0.875rem, 0.79rem + 0.177vw, 1rem); /* 16px */ }
p{ margin: 0 0 20px; padding: 0; line-height: 1.3;color: #65687D; }
.fw-600 { font-weight: 600;}
ul{padding: 0; margin: 0; list-style: none;}
li{color: #65687D;}
img { max-width: 100%; }
figure { margin: 0;}
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover {  outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }
 
textarea, select, .form-control, input { border-radius: 0;   }
/* input[type="submit"] { font-family: var(--poppins); font-weight: 400; font-size: 16px; transition: all 0.3s ease 0s; outline: none; } */
textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
/* .btn-check:focus+.btn, .btn:focus { box-shadow: inherit;} */
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color: #BBBBBB; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #BBBBBB; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #BBBBBB; }
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/*..............common styles..............*/
.common-padding{ padding-top: 75px; padding-bottom: 75px; }
.common-small-padding{ padding-top: 80px; padding-bottom: 80px; } 

.sm-margin{margin-top: 60px;}
.lg-margin{margin-top: 100px;}




/* ============ header Start ============ */

/* --- Button Styles --- */
.btn { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: inline-flex ; align-items: center; vertical-align: top; padding: 20px 38px !important; font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); line-height: 1; border-radius: 100px; background-color: var(--primary); justify-content: center; font-weight: 700; border: none; font-family: var(--body-font); font-size: 18px !important; color: #fff;min-width: 150px; }
.btn span { margin-left: 10px; margin-top: -4px; width: 1.5rem; max-width: 24px; }
.btn:hover, .btn:active{background-color: var(--secondary) !important;}

.btn.btn-white {color: var(--primary) !important; background-color: #ffffff !important; }
.btn.btn-white span {margin-top: 0;} 

.btn {position: relative; overflow: hidden; z-index: 1; }
.btn:before  { content: ""; position: absolute; bottom: 0; left: 0; width: 0%!important; height: 100%; background-color: var(--secondary); transition: all 0.3s; border-radius: 5px 30px; z-index: -1; }
.btn span {transition: all 0.3s ease; transform: translateX(0px); }
.btn span img {filter: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.btn:hover span img {filter: brightness(0) invert(1);}

.btn:hover {color: #fff !important; }
.btn:hover:before {width: 100%!important; }
.btn:hover span {transform: translateX(8px); }
.btn.btn-white:hover span img {filter: brightness(0) invert(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.btn input[type="submit"] { border: none; background-color: transparent; padding: 0; font-weight: 700; color: var(--secondary) !important; }
.line-btn{border: 1px solid var(--secondary); background-color: transparent;color: var(--secondary);}
.btn:hover input[type="submit"]{color: #fff !important;}
.black-btn { background: var(--secondary); color: var(--primary) !important; }

.sec-overlow{overflow: hidden;}
.zIndex1{z-index: 1;position: relative;}
.zIndex2{z-index: 2;position: relative;}
/* --- Button Styles --- */


body.open { height: 100vh; overflow: hidden; }
body.fixed-gap { margin-top: 87px; }
  
/*top menu*/
/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header { z-index: 999; left: 0; right: 0; top: 0; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;     padding: 8px 0px;background-color: #fff; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.header-left { display: flex; align-items: center; }
.header-left ul { list-style: none; margin-bottom: 0px; padding-left: 25px; margin-left: 40px; position: relative; }
.header-left ul li:not(:last-child) { margin-bottom: 5px; }
.header-left ul li a { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--dark-gray); font-family: var(--heading-font); }
.header-left ul::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 42px; width: 1px; background-color: var(--dark-gray); }
.header-left ul li a svg { margin-right: 5px; }
.header-left ul li a:hover { color: var(--light-green); }
.main-header .hdr-rt {display: flex; align-items: center; width: 100%;position: relative; }
.main-header .user-sec {display: flex;align-items: center; }


.manu-part {display: flex; align-items: center; }
/* .main-menu { margin-right: 50px;  } */
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li:not(:last-child) { margin-right: 60px;}
.main-menu ul li a { display: block; color: #0E5380; position: relative; font-family: var(--primary-font); font-weight: 500; font-size: 18px; }
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: var(--text-bg);}
.main-menu ul li a:hover { color: var(--primary); }
.main-menu ul li.menu-item-has-children>a:hover:after { border-color: var(--primary-color) !important; transform: rotate(-135deg); }
.main-menu li:hover>ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu { position: absolute;  display: block;  margin-top: 20px; padding: 30px 30px;  box-shadow: 0px 0px 40px 0px rgba(100, 60, 220, 0.1); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; backdrop-filter: blur(20px); border-radius: 12px; background: transparent; overflow: hidden; columns: 2; gap: 20px; width: 100%; right: 0; left: auto; }
.main-menu ul.sub-menu::before{content: ''; position: absolute; inset: 0; padding: 2px; border-radius: 12px;
  background: linear-gradient(139.38deg, rgba(255, 255, 255, 0.15) 18.14%, #FFFFFF 50.41%, rgba(255, 255, 255, 0.15) 82.69%); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; box-sizing: border-box; z-index: -1;
 background-size: 100% 100%; background-position: 100% 0; transition: background-position 0.8s ease-in-out;}
.main-menu ul.sub-menu::after { backdrop-filter: blur(80px); content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: rgba(255, 255, 255, 0.2); z-index: -1; border-radius: 12px; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }


.main-menu ul li.menu-item-has-children>a:after { content: ""; position: absolute; top: 50%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #fff; border-width: 0px 2px 2px 0px; transform: translateY(-50%) rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: -15px; margin: 0 auto; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); }
.main-menu ul li.menu-item-has-children.current-menu-item>a:after { border-color: var(--primary-color); }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; filter: brightness(0%); }
.main-menu li ul.sub-menu li a { color: var(--primary-color); }
.main-menu ul li.menu-item-has-children .sub-menu li a:hover {    color: var(--secondary-color) !important; }
.main-menu ul li.menu-item-has-children .sub-menu li a { padding: 5px 10px; font-size: 18px; font-weight: 500; }
.main-menu ul li.menu-item-has-children li.menu-item-has-children .sub-menu {z-index: 1; right: -120%; top: 0;}
.main-menu ul li.menu-item-has-children .sub-menu .current-menu-item>a:after { right: 10px; border-color: var(--text-bg) !important;}
.main-menu ul li.menu-item-has-children .sub-menu .current-menu-item>a:hover:after { right: 10px; border-color: var(--primary-color) !important;}


header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
header.main-header.no-banner-header .container.header-row { border-bottom: 1px solid #ccc; }
header.main-header.no-banner-header.fixed .container.header-row { border-bottom: 0; }
.main-header .logo { max-width: 160px; flex: 0 0 auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: -80px;        background-color: #fff;
        border-radius: 50%;
        padding-top: 6px; }
.main-header .logo a { display: block; }
.main-header .logo a img { width: 100%; height: 100%; object-fit: contain; }
/* .main-header.fixed .logo {max-width: 140px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} */


.nav_btn { color: var(--white-bg); font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: var(--white-bg); }
.main-header.fixed { background-color: #fff;  padding: 15px 0px; left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; }

body.header-is-fixed { padding-top: 106px; }

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}
header .current-menu-item a { color: #FED81D !important; }

/*==========mobile menu=========*/

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: auto; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: var(--primary-color); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #11517d; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul { margin: 0; padding: 0; list-style: none; max-width: 300px; margin: 0 auto; }
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: var(--primary-color); padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: 5px; top: 47%;  box-sizing: border-box;  height: 8px; width: 8px; border-style: solid; border-color: #292939; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


.main-header .hdr-rt .main-menu { padding-right: 130px; }


/* --------------------- banner ---------------------- */
section.banner { height: 843px;position: relative; }
.banner .banner-content h2 {
    color: #fff;
    font-size: 40px;
}
section.banner .container { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
section.banner .banner-content { /*padding-bottom: 100px;*/ position: relative;z-index: 2;text-align: center; }
.banner .banner-content h1 {color: #fff; max-width: 1060px; line-height: normal;margin: 0 auto 10px;}
section.banner { background-size: cover; background-position: bottom 22% center; }
section.banner p { margin-bottom: 0px; color: #fff; font-size: 24px; }
.header-button .btn:not(:last-child) { margin-right: 15px; }
.banner::after{content: ""; position: absolute; bottom: 0;left: 0;right: 0;width: 100%;height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 12.38%, rgba(0, 0, 0, 0) 100%); z-index: 1;}


/* --------------------- why-it-matters ---------------------- */

.why-it-matters-bg::after { content: ""; position: absolute; right: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgb(244, 252, 255) 0%, rgba(244, 252, 255, 0.7) 30%, rgba(244, 252, 255, 0) 60%); z-index: 2; display: block; top: 0; bottom: 0; }
section.why-it-matters.position-relative { background-size: contain; background-repeat: no-repeat; background-position: right; }
.why-it-matters{background-color: #F4FCFF;}
.why-it-matters-content h2 { color: #333333; margin-bottom: 20px; }
.why-it-matters-content h6 { color: #333333; font-size: 26px; margin-bottom: 30px;line-height: 1.4; }
.why-it-matters-content { position: relative; z-index: 2; max-width: 900px; margin-left: auto; padding: 80px 60px  60px 15px; }
.why-it-matters-content p { color: #65687D; font-size: 24px; }
.why-it-matters-content .know-more a { color: #75BA43; font-size: 24px; font-weight: bold; margin-top: 40px; display: block; }
.why-it-matters-content ul{margin-bottom: 0px;list-style-type: none !important;}
.why-it-matters-content ul  li, .for-icon li{ position: relative; padding-left: 30px; margin-bottom: 20px; color: #65687D; font-size: 22px; }
.why-it-matters-content ul  li::after, .for-icon li::after {content: "";position: absolute;left: 0;width: 22px;height: 22px;background: url(../images/check.svg) no-repeat center center; background-size: contain; top: 4px;  left: 0;}
.why-it-matters-bg, .why-it-matters-bg img{height: 100%;}
.why-it-matters-bg img{width: 100%;object-fit: cover;}

section.why-it-matters.position-relative.what-we-do .why-it-matters-content { margin-right: auto; margin-left: inherit; }
section.why-it-matters.position-relative.what-we-do .why-it-matters-bg::after{left: inherit;right: 0; background-image: linear-gradient( to left, #0F5380, rgba(15, 83, 128, 0.7), transparent );}
section.why-it-matters.position-relative.what-we-do{background-color: #0E5380;}

section.why-it-matters.position-relative.what-we-do h2, section.why-it-matters.position-relative.what-we-do p, section.why-it-matters.position-relative.what-we-do h6, section.why-it-matters.position-relative.what-we-do ul li{color: #fff;}
section.why-it-matters.position-relative.what-we-do .why-it-matters-bg img {
    object-position: left;
}
.card-dsec h2{text-align: center;color: #333333;margin-bottom: 40px;}
.card-img { width: 150px; height: 150px; overflow: hidden; margin: 0 auto; border: 0px solid; border-image-source: linear-gradient(182.17deg, #75BA42 21.63%, #75BA42 98.18%); position: relative; display: inline-block; border-radius: 50%; padding: 3px; /* border thickness */ background: linear-gradient(182.17deg, #F4FCFF 21.63%, #75BA42 98.18%);position: relative;z-index: 2;margin-bottom: 25px; }
.card-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.card-box { text-align: center;   position: relative;padding: 35px;height: 100%;}
.card-box::after{ content: ""; position: absolute; bottom: 0; width: 100%; height: 70%; background-color: #F4FCFF; border-radius: 30px; padding: 35px; left: 0; right: 0; }
.card-content { position: relative; z-index: 2; }
.card-content p{margin-bottom: 0px;}

.images-card { max-width: 1326px; margin: 0 auto; border: 14px solid #F6FAE9; border-radius: 17px; background-color: #F6FAE9; box-shadow: 0px 10px 30px 0px #0000001A; }
.images-card img { border-radius: 17px; }

.pricing-sec-row { background-color: #F6FAE9; border-radius: 20px; padding: 80px 80px; max-width: 1319px;margin: 0 auto;}
.price-number h4 { margin-bottom: 0px; color: #65B8FF; font-size: 100px; line-height: normal; }
.price-number { align-items: baseline; color: #65B8FF; }
.price-number span { font-size: 30px; position: relative; top: -5px; }
.pricing-sec-left h6 { margin-bottom: 0px; font-size: 30px; }
.pricing-sec-left{position: relative;padding-right: 15px;margin-right: 15px;}
.pricing-sec-left::after{content: ""; position: absolute; right: 0;background-color: rgb(0 11 66 / 20%);width: 1px;height: 100%;top: 50%;transform: translateY(-50%);}
.legacy-sec h2, .help-section h2{margin-bottom: 60px;text-align: center;}
.legacy-sec .card-box::after{background-color: #fff;}
.card-dsec .row { max-width: 1350px; margin: 0 auto; }
.for-arrow-card .card-arrow { width: 52px; height: 52px; position: absolute; top: 120px; right: -40px; z-index: 2; }
.for-arrow-card .row .col-lg-4:last-child .card-arrow{display: none;}
.help-card { background-color: #F4FCFF; border-radius: 20px; padding: 20px 20px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.help-card .help-left { display: flex; align-items: center; }
.help-card .help-left .help-icon { width: 100px; height: 100px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 15px; margin-right: 30px; }
.help-card .help-left h4 { margin-bottom: 0px; font-size: 30px; }
.help-card .help-arrow { width: 50px; height: 50px; color: #75BA42; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.help-card:hover .help-arrow{background-color: #75BA42;color: #fff;}



/* ====================== contact us ====================== */
.contact-form { background-color: #F4FCFF; border-radius: 15px; padding: 80px 30px; }
.contact-form .form-control{border: 1px solid #E4E4E4; padding: 20px 20px; height: 60px; border-radius: 65px;}
.contact-form textarea.form-control{height: 120px !important; border-radius: 20px;}
.contact-form span.wpcf7-spinner { position: absolute; }
/* ====================== contact us ====================== */

/* ====================== our team ====================== */
.team-card { background-color: #F4FCFF; border-radius: 20px; padding: 40px 25px; height: calc(100% - 20px); margin-bottom: 20px;     text-align: center;}
.team-card h3{color: #0F5380;}
.team-card p strong { color: #5abd53; }
.team-card p:last-child { margin-bottom: 0px; }
/* ====================== our team ====================== */

/* ====================== faq ====================== */
.n-faq .accordion-item { margin-bottom: 15px; border: 0 !important; background: #3BB0FF1A; border-radius: 10px !important;} 
.n-faq .accordion-item button { background-color: #3BB0FF1A; border-radius: 10px !important; border: 0 !important; padding: 20px; color: #0E5380; font-weight: 700; font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem)} 
.n-faq .accordion-item button:focus { box-shadow: none; } 
.n-faq .faq-content { border-top: 1px solid #5C5C6533; padding-top: 20px;}
.n-faq .faq-content p{ color: #5C5C65;}
.n-faq .accordion-body { padding: 0px 20px 20px !important; }
.n-faq .accordion-item  .accordion-button:not(.collapsed){border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; box-shadow: none; background-color: transparent;}
/* ====================== faq ====================== */

/* ====================== footer ====================== */
.main_footer{background-color: #0F5380;}
.footer-top{padding: 50px 0px;}
/* .footer-top { display: flex ; align-items: center; justify-content: space-between; } */
.footer-right ul.footer-menu li:not(:last-child){margin-right: 30px;}
.footer-right ul.footer-menu li a{color: #fff;font-size: 18px;font-weight: 400;text-transform: capitalize;}
.footer-right ul.footer-menu, .footer-right ul.social-icon{display: flex;justify-content: end;}
.footer-right ul.social-icon li a{color: #fff;}
.footer-right ul.social-icon li:not(:last-child){margin-right: 20px;}
.footer-right ul.footer-menu{margin-bottom: 20px;}
.footer-right ul.social-icon li:hover a, .footer-right ul.footer-menu li:hover a{color: #75BA42;}
.footer-top .footer-left ul { display: flex; }
.footer-left li:not(:last-child){margin-right: 20px;}
.footer-middle { text-align: center; max-width: 190px; margin: 0 auto; }
.footer-middle a { display: block; }
.footer-middle a img { width: 100%; height: 100%; }
.footer-left .btn.line-btn { background-color: #fff; border: 1px solid #fff; }

.copyright { padding: 20px 0px; border-top: 1px solid rgb(255 255 255 / 20%); display: flex; justify-content: space-between; }
.copyright p { margin-bottom: 0px; color: #fff; font-size: 14px; }
.copyright ul { display: flex; margin-bottom: 0px; flex-wrap: wrap;}
.copyright ul li:not(:last-child) { margin-right: 20px; }
.copyright ul li a { font-size: 14px; color: #fff; text-transform: capitalize; }
.why-it-matters.what-we-do .why-it-matters-content { padding: 60px 15px 60px 0px;height: 100%;display: flex;align-items: center;justify-content: center; }
.help-section .row .col-lg-4{margin-bottom: 15px;}

.not-found_page { height: calc(100vh - 442px); padding: 0; display: flex ; align-items: center; }


/* --------------------- FAQs, Privacy Policy etc ---------------------- */
.inner-hero-banner{ background:  #0F5380; padding: 70px 0; }
.inner-hero-banner h1{ color: #fff; }
section.faq-sec{ padding: 80px 0; }

section.why-it-matters.position-relative.info-section .why-it-matters-content { max-width: 1500px;margin: 0 auto; }
section.why-it-matters.position-relative.info-section .why-it-matters-content p { color: #fff; text-align: center;}

section.why-it-matters.position-relative.info-section .why-it-matters-content p a{color: #5abd53;}
 section.why-it-matters.position-relative.info-section .why-it-matters-content{padding: 0px 50px;}
section.why-it-matters.position-relative.info-section .why-it-matters-content p:last-child{margin-bottom: 0px;}
.what-we-do .why-it-matters-bg {position: absolute; top: 0; bottom: 0; left: 0; width: 40%;}
.what-we-do .why-it-matters-bg img{object-fit: cover;}
.info-section .why-it-matters-content li{color:#fff !important;}

.guides-page img { width: 100%;}
section.inner-hero-banner.guides_page{position: relative;}
section.inner-hero-banner.guides_page::after{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 12.38%, rgba(0, 0, 0, 0) 100%);
}
section.inner-hero-banner.guides_page .container{position: relative;z-index: 1;}



.guides_content 
 .guides_heading {
    text-align: center;
    margin-bottom: 0px;
}


.guides_content .guides_heading p {
    max-width: 942px;
    margin: 0 auto;
}

.guides_row .guide_img {
    box-shadow: 0px 10px 30px 0px #00000026;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: 420px;
}

.guides_row .guide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guides_row .row {
    align-items: center;
}
.guides_row .guides_row_col:nth-child(odd){
  background-color: #F4FCFF;
}
.guides_row .guides_row_col:nth-child(even){
  background-color: #fff;
}
.guides_row .guides_row_col:nth-child(even) .row{flex-direction: row-reverse;}
.guides_row .guides_row_col:nth-child(odd) .guide_item{padding-left: 100px;}
.guides_row .guides_row_col:nth-child(even) .guide_item{padding-right: 100px;}


/* .why-it-matters.what-we-do .row{align-items: center;} */







/*25-09-2025-------New Css-*/
.main-accordian-box-wrapper .accordion-item{ margin-bottom: 20px; border-radius: 15px; overflow: hidden; border: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.main-accordian-box-wrapper .accordion-item:last-child{margin-bottom: 0;}
.main-accordian-box-wrapper .accordion-item:nth-child(odd), 
.main-accordian-box-wrapper .accordion-item:nth-child(odd) .accordion-button { background: rgba(244, 252, 255, 1); }
.main-accordian-box-wrapper .accordion-item:nth-child(even),
.main-accordian-box-wrapper .accordion-item:nth-child(even) .accordion-button { background: rgba(246, 250, 233, 1); }
.main-accordian-box-wrapper .accordion-item .accordion-button { border: transparent; padding: 25px; font-size: clamp(1.25rem, 1.108rem + 0.379vw, 1.563rem);/*24px - 20px*/; font-weight: 700; color: rgba(51, 51, 51, 1); box-shadow: unset; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body { padding: 0 25px 35px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-arrow { box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15); background: rgba(59, 176, 255, 1); width: 40px; height: 40px; z-index: 1; border-radius: 100px; display: flex; justify-content: center; align-items: center; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-arrow::before { content: ''; width: 12px; height: 12px; border: 2px solid; display: block; border-width: 1px 1px 0px 0px; transform: rotate(45deg); }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-next { right: 0; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-next::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-prev { left: 0; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-prev::before { transform: rotate(220deg); -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body  .text-custom-box-items { padding: 0 25px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .main-content-box .slider-img-box { border: 10px solid #fff; border-radius: 10px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); overflow: hidden; position: relative; padding-bottom: 50%; margin-bottom: 30px;}
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .main-content-box .slider-img-box img { position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: left center; border-radius: 8px; background-color: #fff;}
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper { display: flex; align-items: center; margin-bottom: 10px;padding-left:20px;}
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper span { width: 35px; height: 35px; background: #0d4e78; border-radius: 100%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-size: clamp(1.125rem, 1.068rem + 0.152vw, 1.25rem); font-weight: 700; color: #fff; position: relative; margin-right: 20px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper span::after { content: ''; position: absolute; width: 44px; height: 44px; border: 1px solid #0d4e78; border-style: dashed; border-radius: 50%; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper h4 { margin-bottom: 0; font-weight: 500;}
.slider-text-box { visibility: hidden; opacity: 0; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; -ms-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; }
.slider-text-box.slick-initialized { visibility: visible; opacity: 1; }

.seo-content { background-color: var(--primary); text-align: center; }
.seo-btn { display: block; padding: 5px; }
.seo-text { padding: 0 10px 10px; color: #fff; }


.wpcf7 form.invalid .wpcf7-response-output{border-color:red;text-align:center;}
.content-based-page ul{list-style: disc;
    padding-left: 24px;
    margin-bottom: 10px;}
.content-based-page ul li{margin-bottom:12px;}
.wpcf7-not-valid{border:1px solid red !important;}
.wpcf7-not-valid-tip{display:none;}



@media only screen and (min-width:1799px) {  

    .container { max-width: 1600px; } 

}

@media only screen and (max-width:1800px) {  
   

}

@media only screen and (max-width:1700px) { 
h1{ font-size: 50px;}
h2{ font-size: 35px;}
h3{ font-size: 26px;}
.main-header .logo { max-width: 140px;}
/* .main-header.fixed .logo { max-width: 130px;} */
.btn{padding: 16px 26px !important;font-size: 16px !important;}
section.banner p{font-size: 20px;}

 .why-it-matters-content h6{font-size: 24px;} 
 .why-it-matters-content p{font-size: 18px;}
 .why-it-matters-content ul li, .for-icon li{font-size: 20px;padding-left: 26px;}
.why-it-matters-content ul li::after, .for-icon li::after { width: 19px; height: 19px; top: 5px; }

.help-card .help-left h4, .pricing-sec-left h6{font-size: 26px;}
.help-card .help-left .help-icon { width: 80px; height: 80px; padding: 23px; margin-right: 20px; }
.help-card .help-arrow { width: 40px; height: 40px;}
.footer-middle { max-width: 140px; }

.price-number h4 { font-size: 70px; }
.footer-right ul.footer-menu li:not(:last-child) { margin-right: 20px; }
.footer-right ul.footer-menu li a{font-size: 16px;}
.not-found_page { height: calc(100vh - 364px);}

body.header-is-fixed { padding-top: 75px; }
.main-header .hdr-rt .main-menu {
    padding-right: 40px;
}
.main-menu ul li:not(:last-child) {
    margin-right: 36px;
}
  .why-it-matters-content{padding-left: 30px;}
  .why-it-matters.what-we-do .why-it-matters-content{padding-right: 30px;}
}

.info-section .why-it-matters-content li p {
    text-align: left !important;
}
.info-section .why-it-matters-content li{margin-left:0px !important}
.info-section .why-it-matters-content p a {
    color: #fff !important;
    text-decoration: underline;
}
@media only screen and (max-width:1512px) {  
  .common-padding { padding-top: 60px; padding-bottom: 60px; }
  .main-menu ul li:not(:last-child) { margin-right: 36px; }
  .main-header .hdr-rt .main-menu { padding-right: 50px; }
  .main-menu ul li a{font-size: 17px;} 
  .price-number h4 { font-size: 60px; }
  .help-card .help-left h4, .pricing-sec-left h6 { font-size: 22px; }
  .why-it-matters-content ul li, .for-icon li{margin-bottom: 14px;}
  .pricing-sec-row { padding: 50px 50px; }
  .card-img { width: 130px; height: 130px; margin-bottom: 15px};
  .footer-right ul.footer-menu li:not(:last-child) { margin-right: 10px; }

}

@media only screen and (max-width:1440px) {  
  
   
}


@media only screen and (max-width:1399px) {
  .footer-right ul.footer-menu li:not(:last-child) { margin-right: 12px; }  
  .footer-right ul.footer-menu li a { font-size: 15px; }
.card-dsec h2, .legacy-sec h2, .help-section h2, .why-it-matters-content h2{margin-bottom: 20px;}
.guides_row .guide_img { height: 360px; }
.guides_row .guides_row_col:nth-child(odd) .guide_item { padding-left: 50px; }
.guides_row .guides_row_col:nth-child(even) .guide_item { padding-right: 50px; }
}
@media only screen and (max-width:1199px) { 
   /*  ===========mobile nav==========  */

.hamburger-nav{ display: inline-block; margin-left: 20px; }
.mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
.mobile-menu-container{display: block;}    
.hamburger-nav span{background: #5abd53;}
.header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
.mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
.mobile-menu ul li { padding: 0; }
.mobile-menu ul li a { font-size: 16px; color: #fff; text-align: center; font-weight: 500; text-transform: capitalize; border-bottom: 1px dashed var(--primary-color); padding: 9px 0; }
.mobile-menu-container ul.sub-menu.sub-menu-open li a { padding-left: 20px;  font-size: 16px; color: #fff;  }
.mobile-menu-container ul.sub-menu.sub-menu-open .menu-item-has-children .dropdown-icon-menu::before { border-color: var(--white-bg); }
.mobile-menu ul li a:hover{color: #5abd53;}
.mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
.mobile_menu_btn{margin-top: 30px;}
.mobile_menu_btn a.btn.plbig{padding-left: 50px;}
.contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
.mobile_menu_btn a.plbig{margin-right: 15px;}
.common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
.main-menu { display: none; }
header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex ; justify-content: center; align-items: center; }
header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: var(--primary-color); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px; }
.mobile-menu-container ul.sub-menu li:last-child { margin-bottom: 0; }
.mobile-menu ul li.menu-item-has-children > a:after {display: none;}
.main-header .hdr-rt { justify-content: end; }
.mobile-menu ul.for-mobile-details svg { margin-right: 12px; }

.main-header .logo { max-width: 110px; }
/* .main-header.fixed .logo { max-width: 100px; } */
section.banner { height: 720px; }
.why-it-matters-content h6 { font-size: 18px; }
.why-it-matters-content .know-more a { font-size: 18px; margin-top: 20px; }
.footer-middle { max-width: 117px; }
.footer-right ul.footer-menu li a { font-size: 14px; }
.footer-right ul.footer-menu li:not(:last-child) { margin-right: 7px; }
.why-it-matters-content ul li, .for-icon li{font-size: 16px;}
.why-it-matters-content { padding: 50px 50px 50px 15px; }
  .why-it-matters.what-we-do .why-it-matters-content{padding-right: 15px;}
.why-it-matters.what-we-do .why-it-matters-content { padding: 50px 15px 50px 50px; }
.header-button a.btn.line-btn { background-color: #fff; }
.not-found_page { height: calc(100vh - 334px); }

body.header-is-fixed { padding-top: 66px; }

.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body  .text-custom-box-items { padding: 0 14px; }
.main-accordian-box-wrapper .accordion-item .accordion-button { padding: 25px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body { padding: 0 25px 25px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .main-content-box .slider-img-box { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-arrow { width: 30px; height: 30px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-arrow::before { width: 8px; height: 8px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper span::after { width: 42px; height: 43px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .main-content-box .slider-img-box { border: 5px solid #fff; }
}


@media only screen and (max-width:991px) { 
h1{ font-size: 42px;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
    .why-it-matters-content{max-width: 100%;}
    .why-it-matters.what-we-do .why-it-matters-content, .why-it-matters-content { padding: 30px 15px 30px 15px; }
    .what-we-do .row { flex-direction: column-reverse; }
    .for-arrow-card .card-arrow{display: none;}
    .card-dsec .row{justify-content: center;}
    .pricing-sec-left{padding-right: 0px;margin-right: 0px;padding-bottom: 30px;}
    .pricing-sec-left::after{display: none;}
    .pricing-sec-right ul.for-icon { margin-bottom: 30px;}
    .main-header .logo{margin-bottom: -60px;}
    .btn { padding: 14px 20px !important; font-size: 15px !important; }
    .legacy-sec .row{justify-content: center;}
    .footer-top .footer-left ul{justify-content: center;}
    .help-section .row { justify-content: center; }
    .main_footer .row .col-lg-4:nth-child(2){order: 1;}
    .main_footer .row .col-lg-4:nth-child(1){order: 2;}
    .main_footer .row .col-lg-4:nth-child(3){order: 3;}

    .footer-right { display: flex; flex-direction: column-reverse; margin-top: 20px; }
    .footer-right ul.social-icon { justify-content: center; margin-bottom: 12px; }
    .footer-right ul.footer-menu { justify-content: center; }
    .main_footer .footer-middle { margin-bottom: 20px; }
    .footer-right ul.footer-menu{margin-bottom: 0px;}
    .footer-top { padding: 30px 0px; }
    .copyright { padding: 15px 0px;}
   .copyright ul li:not(:last-child) { margin-right: 8px; }
   .help-card .help-left .help-icon { width: 65px; height: 65px; padding: 15px; margin-right: 12px; }
   .help-card .help-left h4, .pricing-sec-left h6 { font-size: 18px; }
   .help-card{padding: 15px 15px;}
   .not-found_page { height: calc(100vh - 425px);}
     .why-it-matters-content{padding-left: 15px;}
     .what-we-do .why-it-matters-bg{position: relative !important;width: 100%;}
     .guides_row .guides_row_col:nth-child(odd) .guide_item { padding-left: 0px; }
       .guides_row .guides_row_col .guide_item{padding-top: 20px;}
.guides_row .guides_row_col:nth-child(even) .guide_item { padding-right: 0px; }
}

@media only screen and (max-width:767px) { 
h1{ font-size: 35px;}
h2{ font-size: 28px;}
h3{ font-size: 22px;}
	.container { max-width: 95%; }
  .banner .banner-content h1 { margin-bottom: 20px; }
  section.banner { height: 570px; }
  section.banner .banner-content { padding-bottom: 30px; }
  section.banner p { font-size: 16px; }
  .card-box{padding: 20px 15px;}
  .card-img { width: 115px; height: 115px; margin-bottom: 15px; }
  .pricing-sec-row { padding: 30px 30px; }
  .copyright{display: block;}
  .copyright p{text-align: center;margin-bottom: 5px;}
  .copyright ul{justify-content: center;}
  .why-it-matters-content p { font-size: 16px; }
  .price-number h4 { font-size: 40px; }
  .not-found_page { height: calc(100vh - 445px);}
  .contact-form{padding: 40px 20px;}
	.banner .banner-content h2 {
    color: #fff;
    font-size: 20px;
}
}

@media only screen and (max-width:600px) { 
.btn{min-width: 120px;}
.main-header .logo { max-width: 99px; }
.main-header .logo { margin-bottom: -51px; }
.why-it-matters-content ul li::after, .for-icon li::after{top: 1px;}
.not-found_page p{font-size: 16px;}
.not-found_page { height: calc(100vh - 427px); }
    section.banner p { font-size: 15px; }
}

@media only screen and (max-width:480px) { 
.header-button .btn:not(:last-child) { margin-right: 5px; }
.btn { min-width: 108px; padding: 11px 20px !important; font-size: 14px !important; }
.common-padding { padding-top: 35px; padding-bottom: 35px; }
h1{ font-size: 30px;}
h2{ font-size: 24px;}
h3{ font-size:20px;}
.hamburger-nav{margin-left: 10px;}
.main-header .logo { max-width: 83px; }
.why-it-matters-content h6 { font-size: 16px; }
.card-dsec h2, .legacy-sec h2, .help-section h2, .why-it-matters-content h2, .why-it-matters-content h6{margin-bottom: 15px;}
.why-it-matters-content ul li::after, .for-icon li::after { width: 16px; height: 16px; top: 3px; }
.why-it-matters-content ul li, .for-icon li { padding-left: 24px; }
.why-it-matters-content .know-more a { font-size: 16px; margin-top: 16px; }


.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper { flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .text-custom-box-items .text-main-wrapper span { margin-right: 0; margin-bottom: 12px; }
.main-accordian-box-wrapper .accordion-item .accordion-button { padding: 15px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body { padding: 0 15px 15px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-prev { left: -9px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-next { right: -9px; }
.main-accordian-box-wrapper .accordion-item .accordion-collapse .accordion-body .slick-arrow { width: 23px; height: 23px; }
.main-accordian-box-wrapper .accordion-item { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

}
@media only screen and (max-width:420px) { 
  .btn { min-width: 100px; }
  .main-header .logo { margin-bottom: 0; }
  .main-header.fixed, .main-header{padding: 0px;}
  .help-card { padding: 10px 11px; }
  .help-card .help-left .help-icon { width: 60px; height: 60px; padding: 12px; margin-right: 10px; }
  .pricing-sec-row { padding: 20px 15px; }

  body.header-is-fixed { padding-top: 84px; }
  }
  @media only screen and (max-width:390px) {
    .main-header .logo { max-width: 71px; }
    .btn{min-width: 95px; padding: 8px 14px !important;} 
  }

  table{
    width: 100%;
    border: 1px solid #000000!important;
  }
  tbody, td, tfoot, th, thead, tr{
    border-width : 1px;
    text-align: center;
  }
  tr:first-child {
    font-weight: bold; /* Makes the text bold */
    background-color: #0F5380;
    color: #FFF;
  }