:root {
     --theme-color: #07ccec;
     --theme-color2: #2cb624;
     --theme-color4: #07ccec;
     --title-color: #27477d;
     --body-color: #888c92;
     --smoke-color: #f3f6f7;
     --white-color: #ffffff;
     --yellow-color: #fec624;
     --border-color: rgba(0, 0, 0, 0.10);
     --title-font: "Quicksand", sans-serif;
     --body-font: "Roboto", sans-serif;
     --subtitle-font: "Dancing Script", cursive;
     --icon-font: "Font Awesome 5 Pro";
}
 body, html {
     scroll-behavior: auto !important;
}
 body {
     font-family: var(--body-font);
     font-size: 16px;
     font-weight: 400;
     color: var(--body-color);
     line-height: 26px;
     overflow-x: unset !important;
     -webkit-font-smoothing: antialiased;
}
 .slick-slide:focus, a:active, a:focus, button:focus, input, input:active, input:focus, input:hover {
     outline: 0;
}
 input:focus {
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 img:not([draggable]) {
     max-width: 100%;
     height: auto;
}
 ul {
     list-style-type: disc;
}
 table {
     margin: 0 0 1.5em;
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
}
 td {
     border-top: 1px solid var(--border-color);
     padding: 9px;
}
 a {
     color: var(--theme-color);
     text-decoration: none;
     outline: 0;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 a:hover {
     color: var(--title-color);
}
 a:active, a:focus, a:hover, a:visited {
     text-decoration: none;
     outline: 0;
}
 button {
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 img {
     border: none;
     max-width: 100%;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a {
     font-size: inherit;
     font-family: inherit;
     font-weight: inherit;
     line-height: inherit;
}
 p {
     margin: 0 0 15px 0;
     color: var(--body-color);
     line-height: 1.7;
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: var(--title-font);
     color: var(--title-color);
     text-transform: none;
     font-weight: 700;
     line-height: 1.3;
     margin: 0 0 15px 0;
}
 .h1, h1 {
     font-size: 48px;
}
 .h2, h2 {
     font-size: 36px;
}
 .h3, h3 {
     font-size: 30px;
}
 .h4, h4 {
     font-size: 24px;
}
 .h5, h5 {
     font-size: 18px;
}
 .h6, h6 {
     font-size: 16px;
}
 .container-style7 {
     max-width: 1170px;
     margin: 0 auto;
     padding: 0 15px;
}
 .form-control, .form-select {
     border-radius: 5px;
     height: 60px;
     padding: 0 30px;
     padding-right: 60px;
     border: 1px solid #e3e3e3;
     color: var(--body-color);
     background-color: var(--white-color);
     font-weight: 400;
}
 .form-control:focus, .form-select:focus {
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: var(--white-color);
     border-color: #e3e3e3;
}
 .form-control::-moz-placeholder, .form-select::-moz-placeholder {
     color: var(--body-color);
     text-transform: capitalize;
}
 .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
     color: var(--body-color);
     text-transform: capitalize;
}
 .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
     color: var(--body-color);
     text-transform: capitalize;
}
 .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {
     color: var(--body-color);
     text-transform: capitalize;
}
 .form-control::placeholder, .form-select::placeholder {
     color: var(--body-color);
     text-transform: capitalize;
}
 .form-control.style2, .form-control.style3, .form-select.style2, .form-select.style3 {
     height: 60px;
     color: var(--title-color);
     font-size: 14px;
     border-radius: 9999px;
     border: 2px solid #e5e9ee;
     padding-left: 30px;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .form-control.style2~i, .form-control.style3~i, .form-select.style2~i, .form-select.style3~i {
     font-size: 16px;
     top: 22px;
     color: var(--title-color);
     right: calc(var(--bs-gutter-x) + 15px);
}
 .form-control.style2::-moz-placeholder, .form-control.style3::-moz-placeholder, .form-select.style2::-moz-placeholder, .form-select.style3::-moz-placeholder {
     color: var(--title-color);
}
 .form-control.style2::-webkit-input-placeholder, .form-control.style3::-webkit-input-placeholder, .form-select.style2::-webkit-input-placeholder, .form-select.style3::-webkit-input-placeholder {
     color: var(--title-color);
}
 .form-control.style2:-ms-input-placeholder, .form-control.style3:-ms-input-placeholder, .form-select.style2:-ms-input-placeholder, .form-select.style3:-ms-input-placeholder {
     color: var(--title-color);
}
 .form-control.style2::-ms-input-placeholder, .form-control.style3::-ms-input-placeholder, .form-select.style2::-ms-input-placeholder, .form-select.style3::-ms-input-placeholder {
     color: var(--title-color);
}
 .form-control.style2::placeholder, .form-control.style3::placeholder, .form-select.style2::placeholder, .form-select.style3::placeholder {
     color: var(--title-color);
}
 .form-control.style2:focus, .form-control.style3:focus, .form-select.style2:focus, .form-select.style3:focus {
     border-color: var(--theme-color);
     -webkit-box-shadow: 0 5px 40px 0 rgba(39, 71, 125, .1);
     box-shadow: 0 5px 40px 0 rgba(39, 71, 125, .1);
}
 .form-control.style3, .form-select.style3 {
     background-color: var(--white-color);
     border: 2px solid #dee4eb;
}
 .form-control.style3:focus, .form-select.style3:focus {
     border-color: var(--theme-color);
     background-color: var(--white-color);
}
 .form-select {
     cursor: pointer;
     background-position: right 1.3rem center;
}
 .form-control.shadow, .form-select.shadow {
     -webkit-box-shadow: 0 10px 38px 2px rgba(0, 0, 0, .05) !important;
     box-shadow: 0 10px 38px 2px rgba(0, 0, 0, .05) !important;
}
 input.form-control::-webkit-inner-spin-button, input.form-control::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input.form-control[type=number] {
     -moz-appearance: textfield;
}
 input[type=checkbox] {
     visibility: hidden;
     opacity: 0;
     display: none;
     vertical-align: middle;
     width: 0;
     height: 0;
}
 input[type=checkbox]:checked~label:before {
     content: "\f00c";
     color: var(--theme-color);
     border-color: var(--theme-color);
}
 input[type=checkbox]~label {
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     display: block;
}
 input[type=checkbox]~label:before {
     content: "";
     font-family: var(--icon-font);
     font-weight: 700;
     position: absolute;
     left: 0;
     top: 6px;
     background-color: var(--white-color);
     border: 1px solid var(--border-color);
     height: 18px;
     width: 18px;
     line-height: 18px;
     text-align: center;
     font-size: 12px;
}
 input[type=radio] {
     visibility: hidden;
     opacity: 0;
     display: none;
     vertical-align: middle;
     width: 0;
     height: 0;
}
 input[type=radio]~label {
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     line-height: 1;
     display: inline-block;
     font-weight: 600;
     margin-bottom: 0;
}
 input[type=radio]~label::before {
     content: "\f111";
     position: absolute;
     font-family: var(--icon-font);
     left: 0;
     top: 1px;
     width: 15px;
     height: 15px;
     padding-left: .5px;
     font-size: .29rem;
     line-height: 14.9px;
     text-align: center;
     border: 1px solid var(--theme-color);
     border-radius: 100%;
     font-weight: 700;
     background: var(--white-color);
     color: transparent;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
}
 input[type=radio]:checked~label::before {
     border-color: var(--theme-color);
     background-color: var(--theme-color);
     color: var(--white-color);
}
 label {
     margin-bottom: .6em;
     text-transform: capitalize;
     margin-top: -.3em;
     display: block;
}
 .form-group {
     margin-bottom: var(--bs-gutter-x);
     position: relative;
}
 .form-group>i {
     position: absolute;
     right: 30px;
     top: 20px;
     font-size: 18px;
     color: var(--theme-color);
}
 .slick-slide img {
     display: inline-block;
}
 .slick-arrow {
     --arrow-horizontal: -130px;
     position: absolute;
     left: var(--arrow-horizontal);
     top: 50%;
     width: 60px;
     height: 60px;
     line-height: 60px;
     border: none;
     background-color: var(--white-color);
     color: var(--theme-color);
     text-align: center;
     z-index: 4;
     border-radius: 50%;
     -webkit-box-shadow: 0 6px 37px 0 rgba(7, 204, 236, .2);
     box-shadow: 0 6px 37px 0 rgba(7, 204, 236, .2);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .slick-arrow:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
}
 .arrow-wrap .slick-arrow {
     opacity: 0;
     visibility: hidden;
}
 .arrow-wrap:hover .slick-arrow {
     opacity: 1;
     visibility: visible;
}
 .vs-menu-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, .6);
     z-index: 999999;
     width: 0;
     height: 100%;
     -webkit-transition: all ease .8s;
     transition: all ease .8s;
}
 .vs-menu-wrapper .mobile-logo {
     padding-bottom: 25px;
     padding-top: 40px;
     display: inline-block;
}
 .vs-menu-wrapper .vs-menu-toggle {
     border: none;
     font-size: 18px;
     position: absolute;
     right: 10px;
     top: 10px;
     padding: 0;
     line-height: 33px;
     width: 33px;
     height: 33px;
     z-index: 1;
     color: var(--white-color);
     background-color: var(--theme-color);
     border-radius: 50%;
}
 .vs-menu-wrapper .vs-menu-toggle:hover {
     background-color: var(--title-color);
     color: var(--white-color);
}
 .vs-menu-wrapper .vs-menu-area {
     width: 100%;
     max-width: 310px;
     background-color: #fff;
     border-right: 3px solid var(--theme-color);
     height: 100%;
     position: relative;
     left: -1000px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all ease 1s;
     transition: all ease 1s;
     z-index: 1;
}
 .vs-menu-wrapper .vs-menu-area:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     height: 100%;
     max-height: 122px;
     background-color: var(--theme-color);
     opacity: .1;
     z-index: -1;
}
 .vs-menu-wrapper.vs-body-visible {
     opacity: 1;
     visibility: visible;
     width: 100%;
     -webkit-transition: all ease .8s;
     transition: all ease .8s;
}
 .vs-menu-wrapper.vs-body-visible .vs-menu-area {
     left: 0;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all ease 1s;
     transition: all ease 1s;
}
 .vs-mobile-menu {
     overflow-y: scroll;
     max-height: 58vh;
     padding-bottom: 40px;
     margin-top: 33px;
     text-align: left;
}
 .vs-mobile-menu ul {
     margin: 0;
     padding: 0 0;
}
 .vs-mobile-menu ul li {
     border-bottom: 1px solid #fdedf1;
     list-style-type: none;
}
 .vs-mobile-menu ul li li:first-child {
     border-top: 1px solid #fdedf1;
}
 .vs-mobile-menu ul li a {
     display: block;
     position: relative;
     padding: 12px 0;
     line-height: 1;
     font-size: 16px;
     text-transform: capitalize;
     color: var(--title-color);
}
 .vs-mobile-menu ul li a:before {
     content: "\f105";
     font-family: var(--icon-font);
     position: relative;
     left: 0;
     top: 0;
     margin-right: 10px;
     display: inline-block;
}
 .vs-mobile-menu ul li.vs-active>a {
     color: var(--theme-color);
}
 .vs-mobile-menu ul li.vs-active>a:before {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .vs-mobile-menu ul li ul li {
     padding-left: 20px;
}
 .vs-mobile-menu ul li ul li:last-child {
     border-bottom: none;
}
 .vs-mobile-menu ul .vs-item-has-children>a:after {
     content: "\f067";
     font-family: var(--icon-font);
     position: absolute;
     right: 0;
     top: 50%;
     font-weight: 400;
     font-size: 12px;
     width: 25px;
     height: 25px;
     line-height: 25px;
     margin-top: -12.5px;
     display: inline-block;
     text-align: center;
     background-color: var(--smoke-color);
     color: var(--title-color);
     -webkit-box-shadow: 0 0 20px -8px rgba(7, 204, 236, .3);
     box-shadow: 0 0 20px -8px rgba(7, 204, 236, .3);
     border-radius: 50%;
}
 .vs-mobile-menu ul .vs-item-has-children.vs-active>a:after {
     content: "\f068";
}
 .vs-mobile-menu>ul {
     padding: 0 40px;
}
 .vs-mobile-menu>ul>li:last-child {
     border-bottom: none;
}
 .vs-menu-toggle {
     width: 50px;
     height: 50px;
     padding: 0;
     font-size: 24px;
     border: none;
     background-color: var(--theme-color);
     color: var(--white-color);
     display: inline-block;
     border-radius: 50%;
}
 .vs-btn {
     position: relative;
     display: inline-block;
     border: none;
     text-align: center;
     background-color: #1b305d;
     color: var(--white-color);
     font-size: 16px;
     line-height: 1;
     font-weight: 700;
     padding: 19.5px 48px;
     border-radius: 9999px;
     --icon-shape: 40px;
     --icon-size: 30px;
}
 .vs-btn i {
     display: inline-block;
}
 .vs-btn:hover {
     background-color: var(--title-color);
     color: var(--white-color);
}
 .vs-btn:hover i, .vs-btn:hover:before {
     -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
     animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
}
 .vs-btn.style2, .vs-btn.style3 {
     margin-left: calc(var(--icon-shape)/ 2);
}
 .vs-btn.style2:before, .vs-btn.style3:before {
     content: "";
     position: absolute;
     left: calc(var(--icon-shape)/ -2);
     top: 50%;
     width: var(--icon-shape);
     height: var(--icon-shape);
     margin-top: calc(var(--icon-shape)/ -2);
     background-color: var(--white-color);
     border-radius: 50%;
     -webkit-box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
     box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
     -webkit-transition: inherit;
     transition: inherit;
}
 .vs-btn.style2 i, .vs-btn.style3 i {
     position: absolute;
     left: calc(var(--icon-size)/ -2);
     top: 50%;
     width: var(--icon-size);
     height: var(--icon-size);
     line-height: var(--icon-size);
     margin-top: calc(var(--icon-size)/ -2);
     border-radius: 50%;
     background-color: #1b305d;
     font-size: 14px;
     -webkit-transition: inherit;
     transition: inherit;
}
 .vs-btn.style2:hover, .vs-btn.style3 {
     background-color: var(--title-color);
}
 .vs-btn.style2:hover:before, .vs-btn.style3:before {
     -webkit-box-shadow: inset 0 5px 5px 0 rgba(39, 71, 125, .3);
     box-shadow: inset 0 5px 5px 0 rgba(39, 71, 125, .3);
}
 .vs-btn.style2:hover i, .vs-btn.style3 i {
     background-color: var(--title-color);
}
 .vs-btn.style3:hover {
     background-color: var(--theme-color);
}
 .vs-btn.style3:hover:before {
     -webkit-box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
     box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
}
 .vs-btn.style3:hover i {
     background-color: var(--theme-color);
}
 .vs-btn.style4 {
     background-color: var(--white-color);
     -webkit-box-shadow: 0 15px 42.75px 2.25px rgba(39, 71, 125, .07);
     box-shadow: 0 15px 42.75px 2.25px rgba(39, 71, 125, .07);
     color: var(--body-color);
}
 .vs-btn.style4.active, .vs-btn.style4:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 @-webkit-keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 .icon-btn {
     z-index: 1;
     display: inline-block;
     position: relative;
     -webkit-transition: 0s;
     transition: 0s;
}
 .icon-btn i {
     display: inline-block;
     width: 45px;
     height: 45px;
     line-height: 45px;
     background-color: var(--white-color);
     color: var(--title-color);
     text-align: center;
     border-radius: 50%;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     z-index: 2;
     -webkit-box-shadow: 0 5px 10px 0 rgba(39, 71, 125, .1);
     box-shadow: 0 5px 10px 0 rgba(39, 71, 125, .1);
}
 .icon-btn:hover i {
     background-color: var(--theme-color);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: var(--white-color);
}
 .icon-btn.style2 i {
     background-color: var(--theme-color);
     color: var(--white-color);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .icon-btn.style2 i:hover {
     background-color: var(--title-color);
}
 .icon-btn.style2:before {
     content: "";
     position: absolute;
     left: -8px;
     top: -8px;
     bottom: -8px;
     right: -8px;
     z-index: -1;
     border-radius: 50%;
     background-color: var(--white-color);
}
 .icon-btn.style3 i {
     background-color: rgba(7, 204, 236, .2);
     color: var(--title-color);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .icon-btn.style3.active i, .icon-btn.style3:hover i {
     background-color: var(--title-color);
     color: var(--white-color);
}
 .icon-btn.style4 i {
     background-color: #1b305d;
     color: var(--white-color);
     -webkit-box-shadow: none;
     box-shadow: none;
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 24px;
}
 .icon-btn.style4 i:hover {
     background-color: var(--title-color);
     color: var(--white-color);
}
 .ripple-icon {
     display: inline-block;
     position: relative;
     z-index: 1;
}
 .ripple-icon::before, .ripple-icon:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: var(--theme-color);
     -webkit-animation: ripple-sm 4s infinite ease-in-out;
     animation: ripple-sm 4s infinite ease-in-out;
     z-index: -1;
     border-radius: 50%;
}
 .ripple-icon:after {
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
}
 .ripple-icon i {
     width: 70px;
     height: 70px;
     background-color: var(--white-color);
     color: var(--theme-color);
     border: 4px solid rgba(7, 204, 236, .3);
     display: inline-block;
     text-align: center;
     line-height: 65px;
     font-size: 2em;
     border-radius: 50%;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .ripple-icon:hover:not(.hover-default) i {
     background-color: transparent;
     color: var(--white-color);
     border-color: var(--white-color);
}
 .ripple-icon.hover-style2:hover i {
     background-color: var(--white-color);
     color: var(--theme-color);
     border-color: var(--theme-color);
}
 .ripple-icon.style2 i {
     background-color: var(--theme-color);
     color: var(--white-color);
     font-size: 22px;
}
 .ripple-icon.style2:hover i {
     background-color: var(--white-color);
     color: var(--theme-color);
}
 .scrollToTop {
     position: fixed;
     right: 60px;
     bottom: 500px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     z-index: 96;
}
 .scrollToTop.show {
     bottom: 60px;
     opacity: 1;
     visibility: visible;
}
 .scroll-bottom {
     display: inline-block;
}
 .scroll-bottom i {
     width: 60px;
     height: 70px;
     background-color: var(--white-color);
     color: var(--theme-color);
     line-height: 70px;
     text-align: center;
     right: 60px;
     bottom: 0;
     font-size: 1.2em;
     -webkit-box-shadow: 0 -5px 50px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 -5px 50px 0 rgba(0, 0, 0, .1);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .scroll-bottom:hover i {
     background-color: var(--theme-color);
     color: var(--white-color);
}
 .scroll-bottom.show {
     bottom: 0;
}
 .btn-style7 {
     font-size: 16px;
     color: var(--white-color);
     font-weight: 700;
     background: #27477d;
     display: inline-block;
     height: 51px;
     line-height: 51px;
     padding: 0 30px;
     border-radius: 50px;
}
 .section-title {
     margin-bottom: 75px;
}
 .section-title .h1 {
     margin-top: -.3em;
     font-size: 40px;
     text-transform: uppercase;
}
 .service-space {
     margin-top: -114px;
}
 .light h2 {
     color: var(--white-color);
}
 .title-area-three {
     margin-bottom: 50px;
}
 .title-area-three h2 {
     color: var(--title-color);
     font-size: 48px;
     font-weight: 700;
     line-height: normal;
     letter-spacing: -.96px;
     margin-bottom: 12px;
}
 .title-area-three p {
     color: #666;
     line-height: 30px;
}
 .title-area-three .text {
     margin-top: 29px;
}
 .title-area-three.light h2 {
     color: var(--white-color);
}
 .media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .phone-box .box-icon {
     position: relative;
     display: inline-block;
     text-align: center;
     width: 60px;
     height: 60px;
     line-height: 60px;
     background-color: var(--theme-color);
     color: var(--white-color);
     font-size: 22px;
     border-radius: 50%;
     z-index: 1;
     margin-right: 20px;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .phone-box .box-icon:after, .phone-box .box-icon:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: var(--theme-color);
     border-radius: inherit;
     z-index: -1;
     -webkit-animation: ripple infinite 3s ease-in-out;
     animation: ripple infinite 3s ease-in-out;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .phone-box .box-icon:after {
     -webkit-animation-delay: 1.8s;
     animation-delay: 1.8s;
}
 .phone-box .box-icon:hover, .phone-box .box-icon:hover:after, .phone-box .box-icon:hover:before {
     background-color: var(--title-color);
}
 .star-rating {
     overflow: hidden;
     position: relative;
     width: 100px;
     height: 1.2em;
     line-height: 1.2em;
     display: block;
     font-family: var(--icon-font);
     font-weight: 700;
     font-size: 14px;
}
 .star-rating:before {
     content: "\f005\f005\f005\f005\f005";
     color: var(--yellow-color);
     font-weight: 400;
     float: left;
     top: 0;
     left: 0;
     position: absolute;
     letter-spacing: 3px;
}
 .star-rating span {
     overflow: hidden;
     float: left;
     top: 0;
     left: 0;
     position: absolute;
     padding-top: 1.5em;
}
 .star-rating span:before {
     content: "\f005\f005\f005\f005\f005";
     top: 0;
     position: absolute;
     left: 0;
     color: var(--yellow-color);
     letter-spacing: 3px;
}
 .parallax__container {
     clip: rect(0, auto, auto, 0);
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -100;
}
 .parallax {
     position: fixed;
     top: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     width: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .font-subtitle {
     font-family: var(--subtitle-font);
}
 .fw-medium {
     font-weight: 500;
}
 .fw-bold {
     font-weight: 700;
}
 .fs-md {
     font-size: 18px;
}
 .fs-xs {
     font-size: 16px;
}
 .fs-20 {
     font-size: 20px;
}
 .bg-theme {
     background-color: #1b305d !important;
}
 .bg-white {
     background-color: var(--white-color) !important;
}
 .bg-title {
     background-color: var(--title-color) !important;
}
 [data-bg-src] {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .text-theme {
     color: #1b305d !important;
}
 .text-title {
     color: var(--title-color) !important;
}
 .text-white {
     color: var(--white-color) !important;
}
 .text-reset:hover {
     color: var(--theme-color) !important;
}
 .text-white-light {
     color: rgba(255, 255, 255, .8);
}
 @-webkit-keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @font-face{
     font-family: Flaticon;
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.eot);
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticond41d.eot?#iefix) format("embedded-opentype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff2) format("woff2"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff) format("woff"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.ttf) format("truetype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg");
     font-weight: 400;
     font-style: normal 
}
 [class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before {
     display: inline-block;
     font-family: Flaticon;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}
 .flaticon-discuss:before {
     content: "\f103";
}
 .flaticon-healthcare:before {
     content: "\f107";
}
 .flaticon-medical-equipment:before {
     content: "\f10a";
}
  .widget_nav_menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
  .widget_nav_menu li {
     display: block;
     position: relative;
}
  .widget_nav_menu li>span {
     color: var(--white-color);
     background-color: var(--theme-color);
     text-align: center;
     position: absolute;
     right: 10px;
     top: 10px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 12px;
     border-radius: 3px;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
  .widget_nav_menu a {
     display: block;
     background-color: var(--white-color);
     color: var(--title-color);
     padding: 17px 25px 17px 20px;
     margin-bottom: 10px;
     padding-right: 20px;
     line-height: 1;
     font-size: 15px;
     border-radius: 5px;
}
  .widget_nav_menu a:before {
     content: "\f054";
     font-family: var(--icon-font);
     font-weight: 700;
     font-size: 12px;
     color: var(--theme-color);
     margin-right: 5px;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     position: relative;
     top: -1px;
}
  .widget_nav_menu a:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
     -webkit-box-shadow: 0 15px 42.75px 2.25px rgba(7, 204, 236, .07);
     box-shadow: 0 15px 42.75px 2.25px rgba(7, 204, 236, .07);
}
  .widget_nav_menu a:hover:before {
     color: var(--white-color);
}
  .widget_nav_menu li:hover>span {
     background-color: var(--white-color);
     color: var(--title-color);
}
  .widget_nav_menu .children {
     margin-left: 10px;
}
 .widget_nav_menu .sub-menu {
     margin-left: 10px;
}
 .btn-style7.v5 {
     padding: 0 40px;
}
 .widget {
     padding: 40px;
     margin-bottom: 30px;
     background-color: var(--smoke-color);
     border-radius: 5px;
}
 .widget_title {
     font-size: 22px;
     line-height: 1em;
     margin-bottom: 20px;
     margin-top: -.07em;
}
 .footer-widget {
     margin-bottom: 50px;
}
 .footer-widget, .footer-widget .widget {
     padding: 0;
     border: none;
     padding-bottom: 0;
     background-color: transparent;
}
 .footer-widget .widget_title {
     position: relative;
     border-left: none;
     font-family: var(--title-font);
     padding-left: 0;
     font-size: 24px;
     margin-top: -.1em;
     margin-bottom: 32px;
     padding-bottom: 20px;
}
 .footer-widget .widget_title:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 4px;
     background-color: currentColor;
     border-radius: 3px;
}
  .footer-widget.widget_nav_menu {
     margin-bottom: 45px;
}
  .footer-widget.widget_nav_menu .widget_title {
     margin-bottom: 30px;
}
  .footer-widget.widget_nav_menu a {
     background-color: transparent;
     padding: 0;
     position: relative;
     margin-bottom: 14px;
     display: inline-block;
     font-size: 16px;
}
  .footer-widget.widget_nav_menu a:hover {
     background-color: transparent;
     color: var(--theme-color);
}
  .footer-widget.widget_nav_menu a:hover:before {
     color: var(--theme-color);
}
  .footer-widget.widget_nav_menu a:before {
     content: "\f30b";
     font-family: var(--icon-font);
     margin-right: 10px;
}
  .footer-widget.widget_nav_menu li>span {
     width: auto;
     height: auto;
     position: relative;
     background-color: transparent;
     color: var(--body-color);
     line-height: 1;
}
  .footer-widget.widget_nav_menu li:last-child a {
     margin-bottom: 0;
}
 .address-line {
     padding-left: 30px;
     position: relative;
}
 .address-line i {
     position: absolute;
     left: 0;
     top: 6px;
}
 .address-line a {
     text-decoration: underline;
}
 .footer-table table {
     margin-bottom: 1.2em;
}
 .footer-table td {
     padding: 10px 0;
     border: none;
     border-bottom: 1px dashed rgba(0, 0, 0, .1);
}
 .footer-table td+td {
     text-align: right;
}
 .footer-table tr:first-child td {
     padding-top: 0;
}
 .footer-social a {
     display: inline-block;
     width: 55px;
     height: 55px;
     text-align: center;
     line-height: 55px;
     background-color: rgba(39, 71, 125, .28);
     color: #7f9ccd;
     margin-right: 12px;
     border-radius: 50%;
}
 .footer-social a:last-child {
     margin-right: 0;
}
 .footer-social a:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
}
 .footer-layout1 .copyright {
     padding: 21.5px 0;
}
 .footer-layout1 .footer-top {
     border-bottom: 1px solid #1a3461;
}
 .footer-layout1 .widget-area {
     padding-top: 80px;
     padding-bottom: 25px;
}
 .footer-layout1 .footer-table td {
     border-bottom: 1px dashed rgba(223, 223, 224, .1);
}
  .footer-layout1 .footer-widget.widget_nav_menu a {
     color: var(--white-color);
}
  .footer-layout1 .footer-widget.widget_nav_menu a:hover {
     color: var(--theme-color);
}
  .footer-layout1 .footer-widget.widget_nav_menu a:hover:before {
     color: var(--theme-color);
}
 .footer-layout1 .address-line, .footer-layout1 .footer-table td, .footer-layout1 .widget_title, .footer-layout1 p {
     color: var(--white-color);
}
 .footer-text1 {
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 30px;
}
 .footer-social3 a {
     display: inline-block;
     width: 45px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     font-size: 15px;
     color: var(--title-color);
     border: 1px solid var(--border-color);
     border-radius: 50%;
     margin-right: 5px;
}
 .footer-social3 a:last-child {
     margin-right: 0;
}
 .footer-social3 a:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
     border-color: transparent;
}
 .header-wrapper {
     position: relative;
     z-index: 9999;
}
 .main-menu a {
     display: block;
     position: relative;
     font-family: var(--body-font);
     font-weight: 700;
     color: #1d305f;
     font-size: 18px;
}
 .main-menu a:hover {
     color: #bb2528;
}
 .main-menu>ul>li {
     margin: 0 15px;
}
 .main-menu ul {
     margin: 0;
     padding: 0;
}
 .main-menu ul li {
     list-style-type: none;
     display: inline-block;
     position: relative;
}
 .main-menu ul li.menu-item-has-children>a:after {
     content: "\f107";
     position: relative;
     font-family: var(--icon-font);
     margin-left: 2px;
     font-size: .8rem;
     left: 4px;
}
 .main-menu ul li:last-child {
     margin-right: 0;
}
 .main-menu ul li:first-child {
     margin-left: 0;
}
  .main-menu ul li:hover>ul.sub-menu {
     visibility: visible;
     opacity: 1;
     margin-top: 0;
     z-index: 9;
}
 .main-menu ul.sub-menu {
     position: absolute;
     text-align: left;
     top: 100%;
     left: -27px;
     background-color: var(--white-color);
     -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .09), 0 3px 0 0 rgba(231, 13, 60, .004);
     box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .09), 0 3px 0 0 rgba(231, 13, 60, .004);
     visibility: hidden;
     min-width: 190px;
     width: max-content;
     padding: 18px 20px;
     margin-top: 50px;
     opacity: 0;
     z-index: -1;
     border-bottom: 3px solid var(--theme-color);
     -webkit-transform-origin: top center;
     transform-origin: top center;
     -webkit-transition: margin-top .4s ease-in-out 0s, visibility .4s ease-in-out 0s, opacity .4s ease-in-out 0s, z-index 0s;
     transition: margin-top .4s ease-in-out 0s, visibility .4s ease-in-out 0s, opacity .4s ease-in-out 0s, z-index 0s;
}
 .main-menu ul.sub-menu:before {
     content: "";
     position: absolute;
     left: 34.5px;
     top: 30px;
     width: 1px;
     background-color: #ededed;
     height: calc(100% - 60px);
}
 .main-menu ul.sub-menu li {
     display: block;
     margin: 0 0;
     padding: 3px 9px;
}
 .main-menu ul.sub-menu li.menu-item-has-children>a:after {
     content: "\f105";
     float: right;
     top: 3px;
}
 .main-menu ul.sub-menu li a {
     position: relative;
     padding-left: 21px;
}
 .main-menu ul.sub-menu li a:before {
     content: "\f111";
     position: absolute;
     top: 2.5em;
     left: 0;
     font-family: var(--icon-font);
     width: 11px;
     height: 11px;
     text-align: center;
     border-radius: 50%;
     display: inline-block;
     font-size: .2em;
     line-height: 11.5px;
     color: var(--theme-color);
     font-weight: 700;
     background-color: var(--white-color);
     -webkit-box-shadow: inset 0 2px 4px 0 rgba(7, 204, 236, .4);
     box-shadow: inset 0 2px 4px 0 rgba(7, 204, 236, .4);
}
 .main-menu ul.sub-menu li a:hover {
     color: #bb2528;
}
 .main-menu ul.sub-menu li ul.sub-menu {
     left: 100%;
     right: auto;
     top: 0;
     margin: 0 0;
     margin-left: 20px;
}
 .main-menu ul.sub-menu li ul.sub-menu li ul {
     left: 100%;
     right: auto;
}
 .menu-style1>ul>li>a {
     padding: 46px 0;
}
 .header-top-info li {
     display: inline-block;
     font-size: 14px;
     color: var(--white-color);
     margin-right: 38px;
}
 .header-top-info li:last-child {
     margin-right: 0;
}
 .header-top-info li i {
     color: var(--theme-color);
     margin-right: 10px;
     font-size: 16px;
     vertical-align: middle;
}
 .head-top-links {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .head-top-links a {
     color: var(--white-color);
     font-size: 14px;
}
 .head-top-links a:hover {
     color: var(--theme-color);
}
 .head-top-links>li {
     display: inline-block;
     margin-right: 28px;
     position: relative;
     padding-right: 31px;
}
 .head-top-links>li:before {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     width: 1px;
     height: 16px;
     margin-top: -8px;
     background-color: #6f87af;
}
 .head-top-links>li:last-child {
     padding-right: 0;
     margin-right: 0;
}
 .head-top-links>li:last-child:before {
     display: none;
}
 .header-social {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 .header-social li {
     display: inline-block;
     margin-right: 13px;
}
 .header-social li:last-child {
     margin-right: 0;
}
 .header-social a {
     font-size: 16px;
}
  .header-call.phone-box {
     padding-left: 42px;
     margin-left: 40px;
     position: relative;
}
  .header-call.phone-box:before {
     content: "";
     position: absolute;
     width: 2px;
     height: 30px;
     background-color: var(--theme-color);
     left: 0;
     top: 50%;
     margin-top: -15px;
}
  .header-call.phone-box.style2 {
     padding-left: 30px;
     margin-left: 0;
}
 .header-top-info.v6 li {
     position: relative;
}
 .header-top-info.v6 li:first-child::before {
     content: "";
     position: absolute;
     top: 2px;
     right: -20px;
     width: 1px;
     height: 20px;
     background: #6f87af;
}
 .header-top-info.v6 li a {
     text-decoration: underline;
}
 .header-top-info.v6 li a:hover {
     color: unset;
}
 .head-top-links.v6>li {
     padding-right: 21px;
     margin-right: 17px;
}
 .head-top-links.v6>li:nth-child(2) {
     margin-right: 0;
     padding-right: 17px;
}
 .head-top-links.v6>li:nth-child(2)::before {
     display: none;
}
 .head-top-links.v6>li:last-child {
     margin-right: 0;
     padding-right: 0;
}
 .main-menu.seven>ul>li {
     margin: 0 18px;
}
 .btn-style7.v1 {
     height: 52px;
     line-height: 52px;
     text-transform: uppercase;
     background-color: var(--title-color);
     padding: 0 35px;
}
 .btn-style7.v1 i {
     margin-right: 11px;
}
 .footer1-logo {
     position: relative;
     z-index: 1;
     display: inline-block;
}
 .footer1-logo img {
     background-color: var(--white-color);
     padding: 30px;
}
 .footer1-logo:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: -30px;
     background-color: #0a1830;
     -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
     clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
     z-index: -1;
}
 .widget-area.v6 {
     margin-bottom: 60px;
}
 .menu-all-pages-container {
     display: flex;
}
 .about-widget-six {
     margin-left: 70px;
}
 .about-widget-six .vs-widget-about .content-box {
     position: relative;
     padding-left: 23px;
     margin-bottom: 10px;
}
 .about-widget-six .vs-widget-about .content-box:first-child {
     margin-top: 27px;
}
 .about-widget-six .vs-widget-about .content-box .icon {
     position: absolute;
     top: 0;
     left: 0;
}
 .about-widget-six .vs-widget-about .content-box .icon i {
     color: var(--theme-color);
}
 .about-widget-six .vs-widget-about .content-box .media-body .media-label {
     color: var(--white-color);
     line-height: 26px;
}
 .about-widget-six .vs-widget-about .content-box .media-body .media-label a {
     color: var(--white-color);
}
 .popup-search-box {
     position: fixed;
     top: 0;
     left: 50%;
     background-color: rgba(0, 0, 0, .95);
     height: 0;
     width: 0;
     overflow: hidden;
     z-index: 99999;
     opacity: 0;
     visibility: hidden;
     border-radius: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .popup-search-box button.searchClose {
     width: 60px;
     height: 60px;
     position: absolute;
     top: 40px;
     right: 40px;
     border-width: 1px;
     border-style: solid;
     border-color: var(--theme-color);
     background-color: transparent;
     font-size: 22px;
     border-radius: 50%;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .popup-search-box button.searchClose:hover {
     color: var(--body-color);
     background-color: #fff;
     border-color: transparent;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .popup-search-box form {
     position: absolute;
     top: 50%;
     left: 50%;
     display: inline-block;
     padding-bottom: 40px;
     cursor: auto;
     width: 100%;
     max-width: 700px;
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     -webkit-transition: -webkit-transform ease .4s;
     transition: transform ease .4s, -webkit-transform ease .4s;
}
 .popup-search-box form input {
     font-size: 18px;
     height: 70px;
     width: 100%;
     border: 2px solid var(--theme-color);
     background-color: transparent;
     padding-left: 30px;
     color: #fff;
     border-radius: 50px;
}
 .popup-search-box form input::-moz-placeholder {
     color: #fff;
}
 .popup-search-box form input::-webkit-input-placeholder {
     color: #fff;
}
 .popup-search-box form input:-ms-input-placeholder {
     color: #fff;
}
 .popup-search-box form input::-ms-input-placeholder {
     color: #fff;
}
 .popup-search-box form input::placeholder {
     color: #fff;
}
 .popup-search-box form button {
     position: absolute;
     top: 0;
     background-color: transparent;
     border: none;
     color: var(--white-color);
     font-size: 24px;
     right: 12px;
     cursor: pointer;
     width: 70px;
     height: 70px;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     -webkit-transform: scale(1.001);
     transform: scale(1.001);
}
 .popup-search-box form button:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .popup-search-box.show {
     opacity: 1;
     visibility: visible;
     width: 100.1%;
     height: 100%;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     border-radius: 0;
}
 .popup-search-box.show form {
     -webkit-transition-delay: .5s;
     transition-delay: .5s;
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
}
 .sidemenu-wrapper {
     position: fixed;
     z-index: 99999;
     right: 0;
     top: 0;
     height: 100%;
     width: 0;
     background-color: rgba(0, 0, 0, .75);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all ease .8s;
     transition: all ease .8s;
}
 .sidemenu-wrapper .closeButton {
     display: inline-block;
     border: 2px solid var(--border-color);
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 24px;
     padding: 0;
     position: absolute;
     top: 20px;
     right: 20px;
     background-color: var(--white-color);
     border-radius: 50%;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .sidemenu-wrapper .closeButton:hover {
     background-color: var(--theme-color);
     color: var(--white-color);
     border-color: transparent;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .sidemenu-wrapper .sidemenu-content {
     background-color: var(--white-color);
     width: 450px;
     margin-left: auto;
     padding: 30px 35px;
     height: 100%;
     overflow: scroll;
     position: relative;
     right: -500px;
     cursor: auto;
     -webkit-transition-delay: 1s;
     transition-delay: 1s;
     -webkit-transition: right ease 1s;
     transition: right ease 1s;
}
 .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
     box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
     background-color: #f5f5f5;
}
 .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
     width: 2px;
     background-color: #f5f5f5;
}
 .sidemenu-wrapper .widget {
     padding: 0;
     margin-bottom: 40px;
     border: none;
     background-color: transparent;
}
 .sidemenu-wrapper .widget .widget_title {
     position: relative;
     padding-bottom: 20px;
     font-size: 24px;
     margin-bottom: 30px;
}
 .sidemenu-wrapper .widget .widget_title:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 40px;
     height: 3px;
     background-color: #1d305f;
     border-radius: 3px;
}
 .sidemenu-wrapper .footer-logo {
     margin-bottom: 20px;
}
 .sidemenu-wrapper.show {
     opacity: 1;
     visibility: visible;
     width: 100%;
     -webkit-transition: all ease .8s;
     transition: all ease .8s;
}
 .sidemenu-wrapper.show .sidemenu-content {
     right: 0;
     opacity: 1;
     visibility: visible;
}
 .btn-style7.v6 {
     font-size: 14px;
     line-height: 40px;
     height: 40px;
     background-color: var(--title-color);
}
 .btn-style7.v6:hover {
     background-color: var(--theme-color);
}
 .btn-style7:hover {
     background-color: #000;
     color: #fff;
}
  .vs-list li {
     position: relative;
     padding-left: 35px;
     margin-bottom: 18px;
}
  .vs-list li:last-child {
     margin-bottom: 0;
}
  .vs-list li:before {
     content: "\f00c";
     font-family: var(--icon-font);
     font-weight: 400;
     width: 25px;
     height: 25px;
     line-height: 25px;
     position: absolute;
     top: 0;
     left: 0;
     background-color: var(--theme-color);
     color: var(--white-color);
     border-radius: 50%;
     text-align: center;
     font-size: 12px;
}
 .vs-list li:before {
     background-color: var(--white-color);
     color: var(--theme-color);
     -webkit-box-shadow: 0 5px 20px 0 rgba(28, 53, 95, .1);
     box-shadow: 0 5px 20px 0 rgba(28, 53, 95, .1);
}
 .list {
     list-style: none;
     padding-left: 0;
}
 .list li {
     position: relative;
     color: var(--title-color);
     line-height: 26px;
     font-size: 16px;
     margin-bottom: 5px;
     padding-left: 13px;
}
 .list li::before {
     content: "";
     position: absolute;
     top: 8px;
     left: 0;
     width: 8px;
     height: 8px;
     background-color: var(--title-color);
     border-radius: 50%;
}
 .about-section-seven {
     position: relative;
}
 .title-area-three.seven {
     margin-bottom: 40px;
}
 .title-area-three.seven h2 {
     margin-bottom: 29px;
     text-transform: uppercase;
     font-size: 40px;
}
 .btn-style7.v3 {
     padding: 0 40px;
}
 .about-img-seven {
     position: relative;
}
 .about-img-seven img {
     margin-left: -40px;
}
 .about-exp-box {
     position: absolute;
     bottom: 71px;
     right: 30px;
     width: 200px;
     border-radius: 12px;
     background: var(--title-color);
     text-align: center;
     padding: 14px 0 12px;
}
 .about-exp-box h2 {
     font-family: var(--body-font);
     color: var(--white-color);
     font-size: 64px;
     font-weight: 700;
     line-height: 64px;
     margin-bottom: 1px;
}
 .about-exp-box span {
     color: var(--white-color);
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 30px;
     display: inline-block;
}
 .top-animation {
     -webkit-animation: top-animation 10s infinite linear;
     animation: top-animation 10s infinite linear;
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .service-box {
     text-align: center;
     --shape-size: 92px;
     padding: 40px 40px 42px 40px;
     border-radius: 10px;
     border: 2px solid #e6f8fb;
     position: relative;
     margin-bottom: 25px;
     background-color: var(--white-color);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .service-box .sr-img {
     overflow: hidden;
     border-radius: 10px;
     position: relative;
}
 .service-box .sr-img:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     height: 0;
     background-image: linear-gradient(to top, var(--theme-color) 0, rgba(0, 0, 0, 0) 100%);
     opacity: .8;
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
     z-index: 1;
}
 .service-box .sr-img img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all ease .4s;
     transition: all ease .4s;
}
 .service-box .sr-content {
     padding: 0 10px;
}
 .service-box .icon-btn {
     position: absolute;
     left: 50%;
     bottom: 0;
     margin: 0 0 -24px -25px;
}
 .service-box:hover {
     border-color: var(--theme-color);
     -webkit-box-shadow: 0 12px 47px 0 rgba(39, 71, 125, .07);
     box-shadow: 0 12px 47px 0 rgba(39, 71, 125, .07);
}
 .service-box:hover .sr-img:before {
     height: 100%;
}
 .service-box:hover .sr-img img {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
 .btn-style7.v4 {
     padding: 0 28px;
     background-color: var(--title-color);
     text-transform: uppercase;
}
 .btn-style7.v4:hover {
     color: var(--white-color);
     background-color: var(--theme-color);
}
 .service-slider-7 {
     margin: 0;
     overflow: hidden;
}
 .form-wrap1 {
     -webkit-box-shadow: 0 5px 120px 0 rgba(39, 71, 125, .15);
     box-shadow: 0 5px 120px 0 rgba(39, 71, 125, .15);
}
 .form-wrap1 .form-box, .form-wrap1 .form-title-box {
     padding: 60px;
}
 .testimonial-box {
     padding: 55px 60px 33px 60px;
     -webkit-box-shadow: 0 10px 10px 0 rgba(13, 30, 58, .03);
     box-shadow: 0 10px 10px 0 rgba(13, 30, 58, .03);
     border-radius: 0 0 50px 50px;
}
 .testimonial-box .author-img, .testimonial-box .author-info {
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .testimonial-box .avater {
     width: 65px;
     height: 65px;
     background-color: var(--white-color);
     padding: 10px;
     -webkit-box-shadow: 0 5px 60px 0 rgba(39, 71, 125, .18);
     box-shadow: 0 5px 60px 0 rgba(39, 71, 125, .18);
     border-radius: 50%;
}
 .testimonial-box .avater img {
     border-radius: inherit;
     width: 100%;
}
 .testimonial-box .avater-line {
     width: calc(100% - 85px);
     height: 2px;
     margin-right: 20px;
     background-color: var(--title-color);
     opacity: .1;
}
 .testimonial-box .name {
     font-family: var(--body-font);
     margin-bottom: 0;
}
 .testimonial-box .content p {
     font-style: normal;
     font-weight: 500;
     color: var(--title-color);
}
 .testimonial-box .content p:last-child {
     margin-bottom: 0;
}
 .skill-wrap1 {
     padding: 60px 100px 25px 100px;
     border-radius: 0 0 100px 100px;
     -webkit-box-shadow: 0 5px 120px 0 rgba(39, 71, 125, .15);
     box-shadow: 0 5px 120px 0 rgba(39, 71, 125, .15);
}
 .skill-box {
     max-width: 310px;
}
 .skill-box .ripple-icon:after, .skill-box .ripple-icon:before {
     -webkit-animation: ripple-xs 4s infinite ease-in-out;
     animation: ripple-xs 4s infinite ease-in-out;
}
 .rating-select label {
     margin: 0;
     margin-right: 10px;
}
 .pt-20 {
     padding-top: 20px;
}
 .pt-30 {
     padding-top: 30px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-25 {
     margin-bottom: 25px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mt-n2 {
     margin-top: -.5rem;
}
 .space, .space-top {
     padding-top: 130px;
}
 .space, .space-bottom {
     padding-bottom: 130px;
}
  .space-md-bottom {
     padding-bottom: 100px;
}
 .contact-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 40px 20px;
}
 .contact-section-title {
     text-align: center;
     color: #27477d;
     font-size: 2rem;
     margin-bottom: 50px;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
     text-transform: uppercase;
}
 .contact-info-card {
     background: rgba(255, 255, 255, .95);
     padding: 40px 30px;
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(0, 0, 0, .1);
     text-align: center;
     transition: all .3s ease;
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, .2);
}
 .contact-info-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 25px 50px rgba(0, 0, 0, .2);
     background: rgba(255, 255, 255, 1);
}
 .contact-card-icon {
     width: 80px;
     height: 80px;
     margin: 0 auto 25px;
     background: linear-gradient(135deg, #667eea, #764ba2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 2rem;
     color: #fff;
     transition: all .3s ease;
}
 .contact-info-card:hover .contact-card-icon {
     transform: scale(1.1);
     background: linear-gradient(135deg, #764ba2, #667eea);
}
 .contact-card-title {
     font-size: 1.5rem;
     color: #333;
     margin-bottom: 15px;
     font-weight: 600;
}
 .contact-card-text {
     font-size: 1.1rem;
     color: #666;
     line-height: 1.6;
     word-break: break-all;
}
 .data-section-container {
     max-width: 1400px;
     margin: 0 auto;
     background: rgba(255, 255, 255, .95);
     backdrop-filter: blur(10px);
     border-radius: 20px;
     box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
     overflow: hidden;
     padding: 40px;
}
 .data-table-wrapper {
     overflow-x: auto;
     margin-top: 40px;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}
 .data-large-table {
     width: 100%;
     border-collapse: collapse;
     min-width: 800px;
     background: #fff;
}
 .data-large-table td {
     padding: 12px;
     border-bottom: 1px solid #eee;
     background: #fff;
     font-size: .9rem;
     white-space: nowrap;
}
 .data-large-table tr:nth-child(even) td {
     background: #f8f9fa;
}
 .data-large-table tr:hover td {
     background: #e8f2ff;
     transition: background .2s ease;
}
 .data-large-table td:first-child {
     padding-left: 20px;
}
 .data-large-table td:last-child {
     padding-right: 20px;
}
 .product-page-body {
     background-color: #f5f5f5;
     padding: 20px;
}
 .product-page-main-wrapper {
     max-width: 1200px;
     margin: 0 auto;
     padding-bottom: 61px;
     padding-top: 23px;
}
 .product-page-item {
     background: #fff;
     border-radius: 8px;
     padding: 20px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
     transition: transform .3s ease;
     text-align: center;
}
 .product-page-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}
 .product-page-name-link {
     color: #06c;
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 10px;
     cursor: pointer;
     text-decoration: none;
     display: block;
     padding: 10px;
     border-radius: 4px;
     transition: background-color .2s;
}
 .product-page-name-link:hover {
     background-color: #f0f7ff;
     text-decoration: underline;
}
 .product-page-laptop-card {
     border-top: 3px solid #48dbfb;
}
 .product-page-tablet-card {
     border-top: 3px solid #ff9f43;
}
 .whatsapp-float {
     position: fixed;
     bottom: 100px;
     right: 20px;
     background-color: #25d366;
     color: #fff;
     border-radius: 50px;
     padding: 12px 16px;
     font-size: 18px;
     font-family: Arial, sans-serif;
     display: flex;
     align-items: center;
     box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
     cursor: pointer;
     z-index: 9999;
     transition: all .3s ease;
     text-decoration: none;
}
 .whatsapp-float:hover {
     background-color: #1ebe5d;
}
 .whatsapp-float img {
     width: 28px;
     height: 28px;
     margin-right: 8px;
}
 .ls-bg, .ls-l, .ls-slide {
     direction: ltr !important;
     transform: none !important;
}
 a:active, a:focus, button:focus, input, input:active, input:focus, input:hover {
     outline: 0;
}
 @-webkit-keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 .z-index-common {
     position: relative;
     z-index: 3;
}
 @-webkit-keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @font-face{
     font-family: Flaticon;
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.eot);
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticond41d.eot?#iefix) format("embedded-opentype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff2) format("woff2"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff) format("woff"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.ttf) format("truetype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg");
     font-weight: 400;
     font-style: normal 
}
 .breadcumb-menu {
     max-width: 100%;
     width: max-content;
     margin: 0;
     padding: 48px 100px;
     list-style-type: none;
     background-color: var(--white-color);
     -webkit-box-shadow: 0 15px 42.75px 2.25px rgba(39, 71, 125, .07);
     box-shadow: 0 15px 42.75px 2.25px rgba(39, 71, 125, .07);
     border-radius: 9999px;
}
 .breadcumb-menu li {
     display: inline-block;
     margin-right: 3px;
     padding-right: 13px;
     list-style: none;
     position: relative;
}
 .breadcumb-menu li:last-child {
     padding-right: 0;
     margin-right: 0;
}
 .breadcumb-menu li:last-child:after {
     display: none;
}
 .breadcumb-menu li:after {
     content: "/";
     position: absolute;
     right: 0;
     color: var(--title-color);
}
 .breadcumb-menu a, .breadcumb-menu li, .breadcumb-menu span {
     white-space: normal;
     color: var(--title-color);
     word-break: break-word;
     font-weight: 400;
     font-size: 18px;
}
 .breadcumb-menu a i, .breadcumb-menu li i, .breadcumb-menu span i {
     margin-right: 10px;
     font-size: .8rem;
     position: relative;
     top: -1px;
}
 .breadcumb-menu a.active, .breadcumb-menu a:hover, .breadcumb-menu li.active, .breadcumb-menu li:hover, .breadcumb-menu span.active, .breadcumb-menu span:hover {
     color: var(--theme-color);
}
 .breadcumb-title {
     font-size: 60px;
     margin-top: -.3em;
}
 .breadcumb-menu-wrap {
     position: relative;
     width: max-content;
     margin-left: auto;
     margin-top: 95px;
     margin-bottom: -60px;
     --icon-size: 44px;
     --shape-size: 60px;
}
 .breadcumb-menu-wrap>i {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: calc(var(--icon-size)/ -2);
     margin-left: calc(var(--icon-size)/ -2);
     z-index: 1;
}
 .breadcumb-menu-wrap>i:before {
     width: var(--icon-size);
     height: var(--icon-size);
     line-height: var(--icon-size);
     background-color: var(--theme-color);
     font-size: 18px;
     border-radius: 50%;
     -webkit-transition: inherit;
     transition: inherit;
     color: var(--white-color);
     text-align: center;
     display: inline-block;
}
 .breadcumb-menu-wrap>i:after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     width: var(--shape-size);
     height: var(--shape-size);
     margin: calc(var(--shape-size)/ -2) 0 0 calc(var(--shape-size)/ -2);
     background-color: var(--white-color);
     border-radius: 50%;
     -webkit-transition: inherit;
     transition: inherit;
     z-index: -1;
     -webkit-box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
     box-shadow: inset 0 5px 5px 0 rgba(7, 204, 236, .3);
}
 .breadcumb-wrapper {
     padding-bottom: .05px;
     padding-top: 160px;
     margin-bottom: 60px;
     background-color: #a9a9a9;
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .primary-contact-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     margin-bottom: 60px;
}
 .product-page-heading {
     text-align: center;
     margin-bottom: 30px;
     color: #333;
}
 .product-page-grid-layout {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     gap: 20px;
}
 .product-page-smartphone-card {
     border-top: 3px solid #ff6b6b;
}
 .product-page-headphones-card {
     border-top: 3px solid #1dd1a1;
}
 .product-page-smartwatch-card {
     border-top: 3px solid #f368e0;
}
 .product-page-camera-card {
     border-top: 3px solid #5f27cd;
}
 @-webkit-keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @-webkit-keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @font-face{
     font-family: Flaticon;
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.eot);
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticond41d.eot?#iefix) format("embedded-opentype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff2) format("woff2"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff) format("woff"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.ttf) format("truetype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg");
     font-weight: 400;
     font-style: normal 
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .office-locations-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 30px;
}
 .office-location-card {
     background: #fff;
     padding: 35px;
     border-radius: 12px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
     transition: all .3s ease;
     border: 1px solid #e8e8e8;
     position: relative;
     overflow: hidden;
}
 .office-location-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     background: linear-gradient(135deg, #667eea, #764ba2);
}
 .office-location-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
}
 .office-location-header {
     display: flex;
     align-items: center;
     margin-bottom: 25px;
     padding-bottom: 20px;
     border-bottom: 1px solid #f0f0f0;
}
 .office-location-icon {
     width: 50px;
     height: 50px;
     background: linear-gradient(135deg, #667eea, #764ba2);
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.3rem;
     color: #fff;
     margin-right: 15px;
     flex-shrink: 0;
}
 .office-location-name {
     font-size: 1.4rem;
     color: #333;
     font-weight: 700;
     margin: 0;
}
 .office-contact-info {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 .office-contact-item {
     display: flex;
     align-items: center;
     font-size: 1rem;
     color: #555;
     padding: 8px 0;
}
 .office-contact-item i {
     color: #667eea;
     margin-right: 12px;
     width: 18px;
     font-size: 1rem;
}
 .branches-section-title {
     text-align: center;
     color: #27477d;
     text-transform: uppercase;
     font-size: 2rem;
     margin-bottom: 40px;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
     font-weight: 600;
}
 th {
     font-weight: 500;
}
 td, th {
     border-top: 1px solid var(--border-color);
     padding: 9px;
}
 @-webkit-keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @keyframes shake{
     10%, 90% {
         -webkit-transform: translate3d(-1px, 0, 0);
         transform: translate3d(-1px, 0, 0) 
    }
     20%, 80% {
         -webkit-transform: translate3d(2px, 0, 0);
         transform: translate3d(2px, 0, 0) 
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-4px, 0, 0);
         transform: translate3d(-4px, 0, 0) 
    }
     40%, 60% {
         -webkit-transform: translate3d(4px, 0, 0);
         transform: translate3d(4px, 0, 0) 
    }
}
 @-webkit-keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @keyframes ripple{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .4 
    }
     100% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @keyframes ripple-sm{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .2 
    }
     100% {
         -webkit-transform: scale(1.9);
         transform: scale(1.9);
         opacity: 0 
    }
}
 @-webkit-keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @keyframes ripple-xs{
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0 
    }
     30% {
         opacity: .1 
    }
     100% {
         -webkit-transform: scale(1.7);
         transform: scale(1.7);
         opacity: 0 
    }
}
 @font-face{
     font-family: Flaticon;
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.eot);
     src: url(https://activatedcarbongranular.com/assets/fonts/Flaticond41d.eot?#iefix) format("embedded-opentype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff2) format("woff2"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.woff) format("woff"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.ttf) format("truetype"), url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg");
     font-weight: 400;
     font-style: normal 
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @-webkit-keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes top-animation{
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px) 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .tech-solutions-container {
     max-width: 1200px;
     margin: 0 auto;
     background: rgba(255, 255, 255, .95);
     backdrop-filter: blur(10px);
     border-radius: 20px;
     box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
     overflow: hidden;
     padding: 40px;
     margin-bottom: 30px;
}
 .tech-solutions-display-flex {
     display: flex;
     align-items: center;
     gap: 40px;
     margin-bottom: 50px;
}
 .tech-solutions-text-area {
     flex: 2;
}
 .tech-solutions-primary-title {
     font-size: 2rem;
     font-weight: 700;
     color: #27477d;
     margin-bottom: 20px;
     line-height: 1.2;
     background: linear-gradient(45deg, #667eea, #764ba2);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
}
 .tech-solutions-paragraph {
     font-size: 1.1rem;
     color: #555;
     line-height: 1.7;
     margin-bottom: 20px;
}
 .tech-solutions-img-container {
     flex: 1;
     text-align: center;
}
 .tech-solutions-img-container img {
     width: 100%;
     max-width: 300px;
     height: auto;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
     transition: transform .3s ease;
}
 .tech-solutions-img-container img:hover {
     transform: scale(1.05);
}
 .tech-solutions-app-block {
     margin-bottom: 40px;
}
 .tech-solutions-block-heading {
     font-size: 2rem;
     color: #34495e;
     margin-bottom: 20px;
     position: relative;
     padding-bottom: 10px;
}
 .tech-solutions-block-heading::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 60px;
     height: 3px;
     background: linear-gradient(45deg, #667eea, #764ba2);
     border-radius: 2px;
}
 .tech-solutions-block-text {
     font-size: 1rem;
     color: #666;
     line-height: 1.6;
     margin-bottom: 30px;
}
 .tech-solutions-data-grid {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 40px;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}
 .tech-solutions-data-grid th {
     background: linear-gradient(45deg, #667eea, #764ba2);
     color: #fff;
     padding: 15px;
     text-align: left;
     font-weight: 600;
}
 .tech-solutions-data-grid td {
     padding: 12px 15px;
     border-bottom: 1px solid #eee;
     background: #fff;
}
 .tech-solutions-data-grid tr:nth-child(even) td {
     background: #f8f9fa;
}
 .tech-solutions-data-grid tr:hover td {
     background: #e8f2ff;
}
 .tech-solutions-benefits-wrapper {
     margin-top: 40px;
}
 .tech-solutions-benefits-header {
     font-size: 25px;
     color: #34495e;
     margin-bottom: 30px;
     text-align: center;
     position: relative;
}
 .tech-solutions-benefits-header::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 3px;
     background: linear-gradient(45deg, #667eea, #764ba2);
     border-radius: 2px;
}
 .tech-solutions-benefits-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     gap: 30px;
     margin-top: 30px;
}
 .tech-solutions-benefit-box {
     background: #fff;
     padding: 30px 25px;
     border-radius: 15px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
     transition: all .3s ease;
     border-left: 4px solid transparent;
     background-image: linear-gradient(white, #fff), linear-gradient(45deg, #667eea, #764ba2);
     background-origin: border-box;
     background-clip: content-box, border-box;
     position: relative;
}
 .tech-solutions-benefit-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}
 .tech-solutions-benefit-title {
     font-size: 1.25rem;
     font-weight: 600;
     color: #2c3e50;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 12px;
}
 .tech-solutions-benefit-dot {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: linear-gradient(45deg, #667eea, #764ba2);
     flex-shrink: 0;
}
 .tech-solutions-benefit-content {
     font-size: 1rem;
     color: #666;
     line-height: 1.7;
     padding-left: 36px;
}
 .data-section-heading {
     font-size: 2rem;
     color: #2c3e50;
     text-align: center;
     margin-bottom: 30px;
     position: relative;
     background: linear-gradient(45deg, #667eea, #764ba2);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
}
 .data-section-heading::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 100px;
     height: 4px;
     background: linear-gradient(45deg, #667eea, #764ba2);
     border-radius: 2px;
}
 .data-large-table th {
     background: linear-gradient(45deg, #667eea, #764ba2);
     color: #fff;
     padding: 15px 12px;
     text-align: left;
     font-weight: 600;
     font-size: .95rem;
     white-space: nowrap;
     position: sticky;
     top: 0;
     z-index: 10;
}
 .data-large-table td:first-child, .data-large-table th:first-child {
     padding-left: 20px;
}
 .data-large-table td:last-child, .data-large-table th:last-child {
     padding-right: 20px;
}
 @media (max-width:1199px) {
     .h1, h1 {
         font-size: 25px !important;
    }
     .h2, h2 {
         font-size: 32px;
    }
     .h3, h3 {
         font-size: 26px;
    }
     .h4, h4 {
         font-size: 22px;
    }
}
 @media (max-width:992px) {
     .h1, h1 {
         font-size: 38px;
    }
     .h2, h2 {
         font-size: 28px;
    }
     .h3, h3 {
         font-size: 24px;
    }
     .h4, h4 {
         font-size: 20px;
    }
}
 @media (max-width:767px) {
     .h1, h1 {
         font-size: 32px;
    }
     .h2, h2 {
         font-size: 24px;
    }
     .h3, h3 {
         font-size: 22px;
    }
}
 @media (max-width:576px) {
     .h1, h1 {
         font-size: 24px;
    }
     .h2, h2 {
         font-size: 22px;
    }
}
 @media only screen and (min-width:1300px) {
     .container {
         --bs-gutter-x: .75rem;
         max-width: calc(1220px + var(--bs-gutter-x) * 2);
    }
}
 @media (min-width:1600px) {
     .container-style1 {
         max-width: 1400px;
    }
}
 @media (max-width:1599.99px) {
     .d-none-xxxl {
         display: none !important;
    }
}
 @media (max-width:576px) {
     .form-control, .form-select {
         padding-right: 30px;
         padding-left: 15px;
    }
}
 @media (max-width:1500px) {
     .slick-arrow {
         --arrow-horizontal: -20px;
    }
}
 @media (max-width:1399px) {
     .slick-arrow {
         --arrow-horizontal: 40px;
    }
}
 @media (max-width:1199px) {
     .vs-menu-toggle {
         position: relative;
         right: 15px;
    }
}
 @media (max-width:400px) {
     .vs-menu-wrapper .vs-menu-area {
         width: 100%;
         max-width: 270px;
    }
     .vs-mobile-menu>ul {
         padding: 0 20px;
    }
}
 @media (max-width:992px) {
     .scrollToTop {
         right: 15px;
    }
}
 @media (max-width:767px) {
     .scrollToTop {
         right: 20px;
    }
     .scrollToTop.show {
         bottom: 20px;
    }
     .scroll-bottom {
         right: 15px;
    }
     .scroll-bottom i {
         width: 35px;
         height: 35px;
         line-height: 35px;
    }
     .scroll-bottom.show {
         bottom: 15px;
    }
}
 @media (max-width:992px) {
     .section-title {
         margin-bottom: 35px;
    }
}
 @media (max-width:1199px) {
     .fs-20 {
         font-size: 18px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face{
         font-family: Flaticon;
         src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg") 
    }
}
 @media (max-width:1199px) {
     .widget {
         padding: 30px;
    }
}
 @media (max-width:576px) {
     .widget {
         padding: 30px 20px;
    }
}
 @media (max-width:992px) {
     .footer-social a {
         width: 45px;
         height: 45px;
         line-height: 45px;
    }
     .footer-layout1 .widget-area {
         padding-top: 60px;
         padding-bottom: 5px;
    }
     .copyright p {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .main-menu a {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .menu-style1>ul>li>a {
         padding: 39px 0;
    }
}
 @media (max-width:992px) {
     .widget-area.v6 {
         margin-bottom: 0;
    }
     .widget-area.v6 .row .col-md-12 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0;
    }
     .widget-area.v6 .row .col-md-12 .footer-widget {
         text-align: center;
    }
     .widget-area.v6 .row .col-md-12 .footer-widget .widget_title:after, .widget-area.v6 .row .col-md-12 .footer-widget .widget_title:before {
         left: 50%;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
     .widget-area.v6 .row .col-md-12 .footer-widget .widget_title:before {
         margin-left: -40px;
    }
     .widget-area.v6 .row .col-md-12 .footer-widget .widget_title:after {
         margin-left: 7px;
    }
     .widget-area.v6 .row .col-md-6 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
    }
}
 @media (max-width:767px) {
     .widget-area.v6 {
         margin-bottom: 40px;
    }
}
 @media (max-width:576px) {
     .widget-area.v6 .menu-all-pages-container {
         display: block;
    }
}
 @media (max-width:1199px) {
     .about-widget-six {
         margin-left: 40px;
    }
}
 @media (max-width:767px) {
     .about-widget-six {
         margin-left: 0;
    }
}
 @media (max-width:767px) {
     .footer1-logo:before {
         display: none;
    }
}
 @media (max-width:1199px) {
     .popup-search-box form {
         max-width: 600px;
    }
}
 @media (max-width:1199px) {
     .ls-btn .vs-btn {
         padding: 14px 30px 14px 30px;
         font-size: 14px;
         margin-left: 0;
    }
     .ls-btn .vs-btn:before {
         display: none;
    }
     .ls-btn .vs-btn i {
         display: none;
    }
}
 @media (max-width:992px) {
     .ls-container .ls-hide-md {
         display: none !important;
    }
}
 @media (max-width:767px) {
     .ls-btn .vs-btn {
         padding: 12px 23px 12px 23px;
         font-size: 12px;
         margin-left: 0;
    }
}
 @media (max-width:767px) {
      .vs-list li {
         padding-left: 30px;
    }
      .vs-list li:before {
         width: 20px;
         height: 20px;
         line-height: 20px;
         top: 3px;
         font-size: 12px;
    }
}
 @media (max-width:416px) {
     .title-area-three.seven h2 {
         font-size: 32px;
    }
}
 @media (max-width:992px) {
     .about-img-seven {
         margin-bottom: 50px;
    }
}
 @media (max-width:416px) {
     .about-img-seven img {
         margin-left: 0;
    }
}
 @media (max-width:992px) {
     .about-img-seven img {
         width: 100%;
    }
}
 @media (max-width:1399px) {
     .service-box {
         --shape-size: 82px;
         padding: 30px 30px 32px 30px;
    }
}
 @media (max-width:1199px) {
     .service-box .sr-content {
         padding: 0;
    }
}
 @media (max-width:767px) {
     .service-box {
         --shape-size: 74px;
         padding: 20px 20px 30px 20px;
    }
}
 @media (max-width:767px) {
     br {
         display: none;
    }
}
 @media (max-width:767px) {
     .form-wrap1 .form-box, .form-wrap1 .form-title-box {
         padding: 20px;
    }
}
 @media (max-width:1199px) {
     .title-area-three.seven h2 {
         font-size: 37px;
    }
}
 @media (max-width:416px) {
     .title-area-three.seven h2 {
         font-size: 30px;
    }
}
 @media (max-width:992px) {
     .testimonial-box {
         padding: 25px 30px 30px 30px;
         border-radius: 0 0 10px 10px;
    }
}
 @media (max-width:576px) {
     .testimonial-box {
         padding: 15px 20px 20px 20px;
    }
}
 @media (max-width:1399px) {
     .skill-wrap1 {
         padding: 40px 60px 15px 60px;
         margin-top: -44px;
    }
}
 @media (max-width:1199px) {
     .d-xl-flex.skill-box .ripple-icon.mr-20 {
         margin-right: 0;
    }
     .skill-box {
         max-width: 250px;
    }
}
 @media (max-width:992px) {
     .skill-box {
         max-width: 100%;
    }
}
 @media (max-width:576px) {
     .skill-wrap1 {
         border-radius: 0;
         padding: 40px 20px 15px 20px;
    }
}
 @media (max-width:992px) {
     .space, .space-top {
         padding-top: 80px;
    }
     .space, .space-bottom {
         padding-bottom: 80px;
    }
      .space-md-bottom {
         padding-bottom: 50px;
    }
}
 @media (max-width:1199px) {
     .space-md-bottom-0 {
         padding-bottom: 0;
    }
     .service-space {
         margin-top: 0;
    }
}
 @media (max-width:768px) {
     .contact-section-title {
         font-size: 2rem;
         margin-bottom: 30px;
    }
     .contact-info-card {
         padding: 30px 20px;
    }
     .contact-card-icon {
         width: 70px;
         height: 70px;
         font-size: 1.8rem;
    }
}
 @media (max-width:480px) {
     .contact-container {
         padding: 20px 10px;
    }
     .contact-section-title {
         font-size: 1.8rem;
    }
     .contact-card-text {
         font-size: 1rem;
    }
}
 @media (max-width:768px) {
     .data-section-container {
         padding: 20px;
    }
     .data-large-table td {
         padding: 10px 8px;
         font-size: .85rem;
    }
     .data-large-table td:first-child {
         padding-left: 15px;
    }
     .data-large-table td:last-child {
         padding-right: 15px;
    }
}
 @media (max-width:480px) {
     .data-section-wrapper {
         padding: 10px;
    }
     .data-large-table td {
         padding: 8px 6px;
         font-size: .8rem;
    }
}
 @media (max-width:480px) {
     .product-page-item {
         padding: 15px;
    }
     .product-page-name-link {
         font-size: 16px;
    }
}
 @media (max-width:1199px) {
     .h1, h1 {
         font-size: 42px;
    }
     .h2, h2 {
         font-size: 32px;
    }
     .h3, h3 {
         font-size: 26px;
    }
     .h4, h4 {
         font-size: 22px;
    }
}
 @media (max-width:992px) {
     .h1, h1 {
         font-size: 38px;
    }
     .h2, h2 {
         font-size: 28px;
    }
     .h3, h3 {
         font-size: 24px;
    }
     .h4, h4 {
         font-size: 20px;
    }
}
 @media (max-width:767px) {
     .h1, h1 {
         font-size: 32px;
    }
     .h2, h2 {
         font-size: 24px;
    }
     .h3, h3 {
         font-size: 22px;
    }
}
 @media (max-width:576px) {
     .h1, h1 {
         font-size: 24px;
    }
     .h2, h2 {
         font-size: 22px;
    }
}
 @media only screen and (min-width:1300px) {
     .container {
         --bs-gutter-x: .75rem;
         max-width: calc(1220px + var(--bs-gutter-x) * 2);
    }
}
 @media (min-width:1600px) {
     .container-style1 {
         max-width: 1400px;
    }
}
 @media (max-width:1599.99px) {
     .d-none-xxxl {
         display: none !important;
    }
}
 @media (max-width:1500px) {
     .slick-arrow {
         --arrow-horizontal: -20px;
    }
}
 @media (max-width:1399px) {
     .slick-arrow {
         --arrow-horizontal: 40px;
    }
}
 @media (max-width:1199px) {
     .vs-menu-toggle {
         position: relative;
         right: 15px;
    }
}
 @media (max-width:400px) {
     .vs-menu-wrapper .vs-menu-area {
         width: 100%;
         max-width: 270px;
    }
     .vs-mobile-menu>ul {
         padding: 0 20px;
    }
}
 @media (max-width:992px) {
     .scrollToTop {
         right: 15px;
    }
}
 @media (max-width:767px) {
     .scrollToTop {
         right: 20px;
    }
     .scroll-bottom {
         right: 15px;
    }
     .scroll-bottom i {
         width: 35px;
         height: 35px;
         line-height: 35px;
    }
}
 @media (max-width:1199px) {
     .fs-20 {
         font-size: 18px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face{
         font-family: Flaticon;
         src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg") 
    }
}
 @media (max-width:1199px) {
     .widget {
         padding: 30px;
    }
}
 @media (max-width:576px) {
     .widget {
         padding: 30px 20px;
    }
}
 @media (max-width:992px) {
     .footer-social a {
         width: 45px;
         height: 45px;
         line-height: 45px;
    }
     .footer-layout1 .widget-area {
         padding-top: 60px;
         padding-bottom: 5px;
    }
     .copyright p {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .main-menu a {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .menu-style1>ul>li>a {
         padding: 39px 0;
    }
}
 @media (max-width:1199px) {
     .about-widget-six {
         margin-left: 40px;
    }
}
 @media (max-width:767px) {
     .about-widget-six {
         margin-left: 0;
    }
}
 @media (max-width:767px) {
     .footer1-logo:before {
         display: none;
    }
}
 @media (max-width:1199px) {
     .breadcumb-wrapper {
         padding-top: 100px;
         margin-bottom: 39px;
    }
     .breadcumb-title {
         font-size: 48px;
    }
     .breadcumb-menu {
         padding: 25px 60px;
    }
     .breadcumb-menu-wrap {
         margin-top: 60px;
         margin-bottom: -38.25px;
    }
}
 @media (max-width:992px) {
     .breadcumb-menu-wrap {
         margin-left: auto;
         margin-right: auto;
         left: 15px;
         margin-top: 80px;
    }
     .breadcumb-title {
         font-size: 36px;
    }
     .breadcumb-wrapper {
         padding-top: 88px;
         text-align: center;
    }
}
 @media (max-width:767px) {
     .breadcumb-title {
         font-size: 30px;
    }
     .breadcumb-menu {
         padding: 25px 30px;
         border-radius: 20px;
    }
     .breadcumb-menu a, .breadcumb-menu li, .breadcumb-menu span {
         font-size: 16px;
    }
     .breadcumb-menu-wrap {
         left: 7.5px;
    }
}
 @media (max-width:1199px) {
     .popup-search-box form {
         max-width: 600px;
    }
}
 @media (max-width:767px) {
      .vs-list li {
         padding-left: 30px;
    }
      .vs-list li:before {
         width: 20px;
         height: 20px;
         line-height: 20px;
         top: 3px;
         font-size: 12px;
    }
     .breadcumb-menu-wrap {
         --icon-size: 30px;
         --shape-size: 40px;
    }
     .breadcumb-menu-wrap>i:before {
         font-size: 14px;
    }
}
 @media (max-width:767px) {
     .form-wrap1 .form-box, .form-wrap1 .form-title-box {
         padding: 20px;
    }
}
 @media (max-width:768px) {
     .primary-contact-grid {
         grid-template-columns: 1fr;
         gap: 20px;
         margin-bottom: 40px;
    }
     .contact-info-card {
         padding: 30px 20px;
    }
     .contact-card-icon {
         width: 70px;
         height: 70px;
         font-size: 1.8rem;
    }
}
 @media (max-width:480px) {
     .contact-container {
         padding: 20px 10px;
    }
     .contact-card-text {
         font-size: 1rem;
    }
}
 @media (max-width:768px) {
     .data-large-table td {
         padding: 10px 8px;
         font-size: .85rem;
    }
     .data-large-table td:first-child {
         padding-left: 15px;
    }
     .data-large-table td:last-child {
         padding-right: 15px;
    }
}
 @media (max-width:480px) {
     .data-large-table td {
         padding: 8px 6px;
         font-size: .8rem;
    }
}
 @media (max-width:768px) {
     .product-page-grid-layout {
         grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}
 @media (max-width:480px) {
     .product-page-grid-layout {
         grid-template-columns: 1fr;
    }
     .product-page-item {
         padding: 15px;
    }
     .product-page-name-link {
         font-size: 16px;
    }
}
 @media (max-width:1199px) {
     .h1, h1 {
         font-size: 42px;
    }
     .h2, h2 {
         font-size: 32px;
    }
     .h3, h3 {
         font-size: 26px;
    }
     .h4, h4 {
         font-size: 22px;
    }
}
 @media (max-width:992px) {
     .h1, h1 {
         font-size: 38px;
    }
     .h2, h2 {
         font-size: 28px;
    }
     .h3, h3 {
         font-size: 24px;
    }
     .h4, h4 {
         font-size: 20px;
    }
}
 @media (max-width:767px) {
     .h1, h1 {
         font-size: 32px;
    }
     .h2, h2 {
         font-size: 24px;
    }
     .h3, h3 {
         font-size: 22px;
    }
}
 @media (max-width:576px) {
     .h1, h1 {
         font-size: 24px;
    }
     .h2, h2 {
         font-size: 22px;
    }
}
 @media only screen and (min-width:1300px) {
     .container {
         --bs-gutter-x: .75rem;
         max-width: calc(1220px + var(--bs-gutter-x) * 2);
    }
}
 @media (min-width:1600px) {
     .container-style1 {
         max-width: 1400px;
    }
}
 @media (max-width:1599.99px) {
     .d-none-xxxl {
         display: none !important;
    }
}
 @media (max-width:1500px) {
     .slick-arrow {
         --arrow-horizontal: -20px;
    }
}
 @media (max-width:1399px) {
     .slick-arrow {
         --arrow-horizontal: 40px;
    }
}
 @media (max-width:1199px) {
     .vs-menu-toggle {
         position: relative;
         right: 15px;
    }
}
 @media (max-width:400px) {
     .vs-menu-wrapper .vs-menu-area {
         width: 100%;
         max-width: 270px;
    }
     .vs-mobile-menu>ul {
         padding: 0 20px;
    }
}
 @media (max-width:992px) {
     .scrollToTop {
         right: 15px;
    }
}
 @media (max-width:767px) {
     .scrollToTop {
         right: 20px;
    }
     .scroll-bottom {
         right: 15px;
    }
     .scroll-bottom i {
         width: 35px;
         height: 35px;
         line-height: 35px;
    }
}
 @media (max-width:992px) {
     .section-title {
         margin-bottom: 35px;
    }
}
 @media (max-width:1199px) {
     .fs-20 {
         font-size: 18px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face{
         font-family: Flaticon;
         src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg") 
    }
}
 @media (max-width:1199px) {
     .widget {
         padding: 30px;
    }
}
 @media (max-width:576px) {
     .widget {
         padding: 30px 20px;
    }
}
 @media (max-width:992px) {
     .footer-social a {
         width: 45px;
         height: 45px;
         line-height: 45px;
    }
     .footer-layout1 .widget-area {
         padding-top: 60px;
         padding-bottom: 5px;
    }
     .copyright p {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .main-menu a {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .menu-style1>ul>li>a {
         padding: 39px 0;
    }
}
 @media (max-width:1199px) {
     .about-widget-six {
         margin-left: 40px;
    }
}
 @media (max-width:767px) {
     .about-widget-six {
         margin-left: 0;
    }
}
 @media (max-width:767px) {
     .footer1-logo:before {
         display: none;
    }
}
 @media (max-width:1199px) {
     .breadcumb-wrapper {
         padding-top: 100px;
         margin-bottom: 39px;
    }
     .breadcumb-title {
         font-size: 48px;
    }
     .breadcumb-menu {
         padding: 25px 60px;
    }
     .breadcumb-menu-wrap {
         margin-top: 60px;
         margin-bottom: -38.25px;
    }
}
 @media (max-width:992px) {
     .breadcumb-menu-wrap {
         margin-left: auto;
         margin-right: auto;
         left: 15px;
         margin-top: 80px;
    }
     .breadcumb-title {
         font-size: 36px;
    }
     .breadcumb-wrapper {
         padding-top: 88px;
         text-align: center;
    }
}
 @media (max-width:767px) {
     .breadcumb-title {
         font-size: 30px;
    }
     .breadcumb-menu {
         padding: 25px 30px;
         border-radius: 20px;
    }
     .breadcumb-menu a, .breadcumb-menu li, .breadcumb-menu span {
         font-size: 16px;
    }
     .breadcumb-menu-wrap {
         left: 7.5px;
    }
}
 @media (max-width:1199px) {
     .popup-search-box form {
         max-width: 600px;
    }
}
 @media (max-width:767px) {
      .vs-list li {
         padding-left: 30px;
    }
      .vs-list li:before {
         width: 20px;
         height: 20px;
         line-height: 20px;
         top: 3px;
         font-size: 12px;
    }
     .breadcumb-menu-wrap {
         --icon-size: 30px;
         --shape-size: 40px;
    }
     .breadcumb-menu-wrap>i:before {
         font-size: 14px;
    }
}
 @media (min-width:767px) {
     .service-circle__item {
         position: absolute;
         left: 0;
         top: 0;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         height: 100%;
         width: 100%;
         border-radius: 50%;
         padding: 20px 20px;
         text-align: center;
         -webkit-transition: all ease .4s;
         transition: all ease .4s;
         opacity: 0;
         visibility: hidden;
    }
     .service-circle__item.active {
         opacity: 1;
         visibility: visible;
    }
     .service-circle__menu {
         position: relative;
         width: 800px;
         height: 800px;
         margin: 0 auto;
    }
     .service-circle__menu ul {
         position: absolute;
         width: 800px;
         height: 800px;
         padding: 0;
         list-style: none;
         border-radius: 50%;
         overflow: hidden;
    }
     .service-circle__menu li {
         position: absolute;
         top: -84px;
         left: -84px;
         width: 484px;
         height: 484px;
         -webkit-transform-origin: 100% 100%;
         transform-origin: 100% 100%;
         overflow: hidden;
         -webkit-transform: rotate(var(--rotate-item, 0)) skew(30deg);
         transform: rotate(var(--rotate-item, 0)) skew(30deg);
    }
     .service-circle__menu li a {
         display: block;
         width: 484px;
         height: 484px;
         margin-top: 119px;
         margin-left: 119px;
         background-color: var(--white-color);
         -webkit-transform: skew(-30deg) rotate(-60deg);
         transform: skew(-30deg) rotate(-60deg);
         -webkit-transition: background-color .5s;
         transition: background-color .5s;
         text-align: center;
    }
     .service-circle__menu li a:hover, .service-circle__menu li.active a {
         background-color: var(--theme-color2);
    }
     .service-circle__menu li a:hover img, .service-circle__menu li.active a img {
         -webkit-filter: brightness(0) invert(1);
         filter: brightness(0) invert(1);
    }
     .service-circle__menu li img {
         position: absolute;
         left: var(--icon-left, 50%);
         top: var(--icon-top, 35%);
         -webkit-transform: translate(-50%, -50%) rotate(var(--rotate-icon, -300deg));
         transform: translate(-50%, -50%) rotate(var(--rotate-icon, -300deg));
         -webkit-transform-origin: 50% center;
         transform-origin: 50% center;
         display: block;
         -webkit-transition: all ease .4s;
         transition: all ease .4s;
    }
     .service-circle__menu li:nth-child(2) {
         --rotate-item: 60deg;
         --rotate-icon: 0;
    }
     .service-circle__menu li:nth-child(3) {
         --rotate-item: 120deg;
         --rotate-icon: -60deg;
         --icon-top: 34%;
         --icon-left: 46%;
    }
     .service-circle__menu li:nth-child(4) {
         --rotate-item: 180deg;
         --rotate-icon: -120deg;
         --icon-left: 46%;
    }
     .service-circle__menu li:nth-child(5) {
         --rotate-item: 240deg;
         --rotate-icon: -180deg;
         --icon-left: 48%;
    }
     .service-circle__menu li:nth-child(6) {
         --rotate-item: 300deg;
         --rotate-icon: -240deg;
    }
}
 @media (min-width:767px) and (max-width:992px) {
     .service-circle__menu {
         width: 700px;
         height: 700px;
    }
     .service-circle__menu ul {
         width: 700px;
         height: 700px;
    }
     .service-circle__menu li {
         top: -34px;
         left: -34px;
         width: 384px;
         height: 384px;
    }
     .service-circle__menu li a {
         width: 384px;
         height: 384px;
         margin-top: 88px;
         margin-left: 88px;
    }
     .service-circle__menu li img {
         -webkit-transform: translate(-50%, -70%) rotate(var(--rotate-icon, -300deg));
         transform: translate(-50%, -70%) rotate(var(--rotate-icon, -300deg));
    }
}
 @media (max-width:1399px) {
     .service-box {
         --shape-size: 82px;
         padding: 30px 30px 32px 30px;
    }
}
 @media (max-width:767px) {
     .service-box {
         --shape-size: 74px;
         padding: 20px 20px 30px 20px;
    }
     .service-circle__menu ul {
         margin: 0 0 30px 0;
         padding: 0;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         gap: 15px;
    }
     .service-circle__menu li {
         display: inline-block;
    }
     .service-circle__menu li.active a {
         background-color: var(--theme-color2);
    }
     .service-circle__menu li.active a img {
         -webkit-filter: brightness(0) invert(1);
         filter: brightness(0) invert(1);
    }
     .service-circle__menu a {
         display: block;
         background-color: var(--white-color);
         width: 80px;
         height: 80px;
         line-height: 80px;
         text-align: center;
         border-radius: 7px;
    }
     .service-circle__menu a img {
         max-width: 40px;
         -webkit-transition: all ease .4s;
         transition: all ease .4s;
    }
     .service-circle__item {
         display: none;
         background-color: var(--theme-color4);
         padding: 30px 20px 20px 20px;
         border-radius: 7px;
         text-align: center;
    }
     .service-circle__item:not(.active) {
         opacity: 0;
    }
     .service-circle__item.active {
         display: block;
         -webkit-transition: opacity .15s linear;
         transition: opacity .15s linear;
    }
}
 @media (max-width:767px) {
     br {
         display: none;
    }
}
 @media (max-width:767px) {
     .form-wrap1 .form-box, .form-wrap1 .form-title-box {
         padding: 20px;
    }
}
 @media (max-width:768px) {
     .contact-section-title {
         font-size: 2rem;
         margin-bottom: 30px;
    }
     .primary-contact-grid {
         grid-template-columns: 1fr;
         gap: 20px;
         margin-bottom: 40px;
    }
     .office-locations-grid {
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 20px;
    }
     .contact-info-card {
         padding: 30px 20px;
    }
     .office-location-card {
         padding: 25px 20px;
    }
     .contact-card-icon {
         width: 70px;
         height: 70px;
         font-size: 1.8rem;
    }
     .office-location-icon {
         width: 45px;
         height: 45px;
         font-size: 1.1rem;
    }
}
 @media (max-width:480px) {
     .contact-container {
         padding: 20px 10px;
    }
     .contact-section-title {
         font-size: 1.8rem;
    }
     .office-locations-grid {
         grid-template-columns: 1fr;
    }
     .contact-card-text {
         font-size: 1rem;
    }
     .branches-section-title {
         font-size: 1.6rem;
         margin-bottom: 30px;
    }
}
 @media (max-width:768px) {
     .data-section-container {
         padding: 20px;
    }
     .data-large-table td {
         padding: 10px 8px;
         font-size: .85rem;
    }
     .data-large-table td:first-child {
         padding-left: 15px;
    }
     .data-large-table td:last-child {
         padding-right: 15px;
    }
}
 @media (max-width:480px) {
     .data-section-wrapper {
         padding: 10px;
    }
     .data-large-table td {
         padding: 8px 6px;
         font-size: .8rem;
    }
}
 @media (max-width:1199px) {
     .h1, h1 {
         font-size: 42px;
    }
     .h2, h2 {
         font-size: 32px;
    }
     .h3, h3 {
         font-size: 26px;
    }
     .h4, h4 {
         font-size: 22px;
    }
}
 @media (max-width:992px) {
     .h1, h1 {
         font-size: 38px;
    }
     .h2, h2 {
         font-size: 28px;
    }
     .h3, h3 {
         font-size: 24px;
    }
     .h4, h4 {
         font-size: 20px;
    }
}
 @media (max-width:767px) {
     .h1, h1 {
         font-size: 32px;
    }
     .h2, h2 {
         font-size: 24px;
    }
     .h3, h3 {
         font-size: 22px;
    }
}
 @media (max-width:576px) {
     .h1, h1 {
         font-size: 24px;
    }
     .h2, h2 {
         font-size: 22px;
    }
}
 @media only screen and (min-width:1300px) {
     .container {
         --bs-gutter-x: .75rem;
         max-width: calc(1220px + var(--bs-gutter-x) * 2);
    }
}
 @media (min-width:1600px) {
     .container-style1 {
         max-width: 1400px;
    }
}
 @media (max-width:1599.99px) {
     .d-none-xxxl {
         display: none !important;
    }
}
 @media (max-width:1500px) {
     .slick-arrow {
         --arrow-horizontal: -20px;
    }
}
 @media (max-width:1399px) {
     .slick-arrow {
         --arrow-horizontal: 40px;
    }
}
 @media (max-width:1199px) {
     .vs-menu-toggle {
         position: relative;
         right: 15px;
    }
}
 @media (max-width:400px) {
     .vs-menu-wrapper .vs-menu-area {
         width: 100%;
         max-width: 270px;
    }
     .vs-mobile-menu>ul {
         padding: 0 20px;
    }
}
 @media (max-width:992px) {
     .scrollToTop {
         right: 15px;
    }
}
 @media (max-width:767px) {
     .scrollToTop {
         right: 20px;
    }
     .scroll-bottom {
         right: 15px;
    }
     .scroll-bottom i {
         width: 35px;
         height: 35px;
         line-height: 35px;
    }
}
 @media (max-width:992px) {
     .section-title {
         margin-bottom: 35px;
    }
}
 @media (max-width:1199px) {
     .fs-20 {
         font-size: 18px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face{
         font-family: Flaticon;
         src: url(https://activatedcarbongranular.com/assets/fonts/Flaticon.svg#Flaticon) format("svg") 
    }
}
 @media (max-width:1199px) {
     .widget {
         padding: 30px;
    }
}
 @media (max-width:576px) {
     .widget {
         padding: 30px 20px;
    }
}
 @media (max-width:992px) {
     .footer-social a {
         width: 45px;
         height: 45px;
         line-height: 45px;
    }
     .footer-layout1 .widget-area {
         padding-top: 60px;
         padding-bottom: 5px;
    }
     .copyright p {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .main-menu a {
         font-size: 14px;
    }
}
 @media (max-width:1199px) {
     .menu-style1>ul>li>a {
         padding: 39px 0;
    }
}
 @media (max-width:1199px) {
     .about-widget-six {
         margin-left: 40px;
    }
}
 @media (max-width:767px) {
     .about-widget-six {
         margin-left: 0;
    }
}
 @media (max-width:767px) {
     .footer1-logo:before {
         display: none;
    }
}
 @media (max-width:1199px) {
     .breadcumb-wrapper {
         padding-top: 100px;
         margin-bottom: 39px;
    }
     .breadcumb-title {
         font-size: 48px;
    }
     .breadcumb-menu {
         padding: 25px 60px;
    }
     .breadcumb-menu-wrap {
         margin-top: 60px;
         margin-bottom: -38.25px;
    }
}
 @media (max-width:992px) {
     .breadcumb-menu-wrap {
         margin-left: auto;
         margin-right: auto;
         left: 15px;
         margin-top: 80px;
    }
     .breadcumb-title {
         font-size: 36px;
    }
     .breadcumb-wrapper {
         padding-top: 88px;
         text-align: center;
    }
}
 @media (max-width:767px) {
     .breadcumb-title {
         font-size: 30px;
    }
     .breadcumb-menu {
         padding: 25px 30px;
         border-radius: 20px;
    }
     .breadcumb-menu a, .breadcumb-menu li, .breadcumb-menu span {
         font-size: 16px;
    }
     .breadcumb-menu-wrap {
         left: 7.5px;
    }
}
 @media (max-width:1199px) {
     .popup-search-box form {
         max-width: 600px;
    }
}
 @media (max-width:767px) {
      .vs-list li {
         padding-left: 30px;
    }
      .vs-list li:before {
         width: 20px;
         height: 20px;
         line-height: 20px;
         top: 3px;
         font-size: 12px;
    }
     .breadcumb-menu-wrap {
         --icon-size: 30px;
         --shape-size: 40px;
    }
     .breadcumb-menu-wrap>i:before {
         font-size: 14px;
    }
}
 @media (max-width:767px) {
     .form-wrap1 .form-box, .form-wrap1 .form-title-box {
         padding: 20px;
    }
}
 @media (max-width:768px) {
     .contact-section-title {
         font-size: 2rem;
         margin-bottom: 30px;
    }
     .primary-contact-grid {
         grid-template-columns: 1fr;
         gap: 20px;
         margin-bottom: 40px;
    }
     .contact-info-card {
         padding: 30px 20px;
    }
     .contact-card-icon {
         width: 70px;
         height: 70px;
         font-size: 1.8rem;
    }
}
 @media (max-width:480px) {
     .contact-container {
         padding: 20px 10px;
    }
     .contact-section-title {
         font-size: 1.8rem;
    }
     .contact-card-text {
         font-size: 1rem;
    }
}
 @media (max-width:768px) {
     .tech-solutions-container {
         padding: 20px;
    }
     .tech-solutions-display-flex {
         flex-direction: column;
         gap: 20px;
         text-align: center;
    }
     .tech-solutions-primary-title {
         font-size: 2rem;
    }
     .tech-solutions-img-container img {
         max-width: 250px;
    }
     .tech-solutions-benefits-header, .tech-solutions-block-heading {
         font-size: 18px;
    }
     .tech-solutions-benefits-grid {
         grid-template-columns: 1fr;
         gap: 20px;
    }
     .tech-solutions-data-grid {
         font-size: .9rem;
    }
     .tech-solutions-data-grid td, .tech-solutions-data-grid th {
         padding: 10px;
    }
}
 @media (max-width:480px) {
     .tech-solutions-wrapper {
         padding: 10px;
    }
     .tech-solutions-primary-title {
         font-size: 25px;
    }
     .tech-solutions-paragraph {
         font-size: 1rem;
    }
     .tech-solutions-data-grid td, .tech-solutions-data-grid th {
         padding: 8px;
    }
     .tech-solutions-benefits-grid {
         grid-template-columns: 1fr;
         gap: 15px;
    }
     .tech-solutions-benefit-box {
         padding: 25px 20px;
    }
}
 @media (max-width:768px) {
     .data-section-container {
         padding: 20px;
    }
     .data-section-heading {
         font-size: 2rem;
    }
     .data-large-table td, .data-large-table th {
         padding: 10px 8px;
         font-size: .85rem;
    }
     .data-large-table td:first-child, .data-large-table th:first-child {
         padding-left: 15px;
    }
     .data-large-table td:last-child, .data-large-table th:last-child {
         padding-right: 15px;
    }
}
 @media (max-width:480px) {
     .data-section-wrapper {
         padding: 10px;
    }
     .data-section-heading {
         font-size: 25px;
    }
     .data-large-table td, .data-large-table th {
         padding: 8px 6px;
         font-size: .8rem;
    }
}
 


/* ====== Wrapper ====== */
.ts-wrapper {
    padding: 60px 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #f8f9fa;
}

/* ====== Product Section ====== */
.ts-product-section {
    margin-bottom: 80px;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ts-product-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Text + Image Layout */
.ts-product-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

/* Text Area */
.ts-text-area {
    flex: 1 1 45%;
}

.ts-title {
  font-size: 2rem;
    font-weight: 700;
    color: #27477d;
    margin-bottom: 20px;
    line-height: 1.2;
    background: linear-gradient(45deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ts-description {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

/* Image Area */
.ts-image-area {
    flex: 1 1 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ts-image-area img {
    width: 100%;              
    max-width: 300px;          
    height: auto;             
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .ts-image-area img {
        max-width: 100%;       
    }
}

@media (max-width: 480px) {
    .ts-image-area img {
        max-width: 90%;       
    }
}


.ts-image-area img:hover {
    transform: scale(1.05);
}

/* ====== Advantages ====== */
.ts-advantages {
    margin-top: 35px;
}

.ts-advantages-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #34495e;
    border-left: 4px solid #007bff;
    padding-left: 12px;
}

.ts-advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

/* Single Advantage Box */
.ts-adv-box {
    background: #f1f5f9;
    padding: 20px 22px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    line-height: 1.6;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ts-adv-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Dot */
.ts-dot {
    width: 12px;
    height: 12px;
    background-color: #007bff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

/* Responsive Fix */
@media (max-width: 992px) {
    .ts-product-content {
        flex-direction: column;
    }

    .ts-text-area, .ts-image-area {
        flex: 1 1 100%;
    }
}

@media (max-width: 576px) {
    .ts-title {
        font-size: 24px;
    }

    .ts-advantages-title {
        font-size: 20px;
    }

    .ts-description {
        font-size: 15px;
    }
}


.location-links {
    max-height: 1px;
    overflow: hidden;
    opacity: 0.01;
    pointer-events: none;
    line-height: 0.1;
}
.location-links ul li,
.location-links ul li a {
    font-size: 0.1rem;
    line-height: 0.1;
}