﻿/* ------------------------------------------------------------------------------
 Project Name :ASAP 
 Description : Main Style Sheet 
 Author :Abul Azad.s
 Created On :18/10/2022
 --------------------------------------------------------------------------------*/
:root {
    --ASAP-font-xxl: 24px; /* Extra large heading */
    --ASAP-font-xl: 20px; /* Main heading */
    --ASAP-font-lg: 18px; /* Section heading */
    --ASAP-font-md: 17px; /* Body text */
    --ASAP-font-sm: 14px; /* Small text */
    --ASAP-font-xs: 12px; /* Notes, fine print */
    --ASAP-font-xxs: 10px; /* Labels, disclaimers */
    --invoice-ThemeBlue: #0350a0;
    --invoice-ThemeRed: #f87171;
    --invoice-ThemeGreen: #22c55e;
    --invoice-ThemeYellow: #facc15;
    --invoice-ThemeOrange: #ea4111;
}
html,
body {
	margin: 0;
	padding: 0;
}
body {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
/*    font-family: "Poppins", sans-serif;*/
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {border: 0;margin: 0;outline: 0;padding: 0;}
ol,ul {list-style: none;}
p { font-size: 18px;line-height: 28px;font-weight: 400;color: #000;margin-bottom: 10px;}
img {display: block;outline: none;}
img,input,textarea,button {border: 0;outline: 0;resize: none;}
a,a:hover,a:focus {text-decoration: none;-moz-transition: all .200s ease-in-out;-webkit-transition: all .200s ease-in-out;transition: all .200s ease-in-out;}
* html .clearfix {height: 1%;}
li.clearfix {display: list-item;}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body,p,a,li,span,div {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
button:focus{outline:none;}
/* ::-webkit-input-placeholder {
     color:#fff;
}
 ::-moz-placeholder {
     color:#fff;
}
 :-ms-input-placeholder {
     color:#fff;
}
 :-moz-placeholder {
     color:#fff;
}
 */
.text-green{color: var(--invoice-ThemeGreen) !important;}
.text-blue{color: var(--invoice-ThemeBlue) !important;}
.text-red{color: var(--invoice-ThemeRed) !important;}
.text-yellow{color: var(--invoice-ThemeYellow) !important;}
.text-orange{color: var(--invoice-ThemeOrange) !important;}
.text-grey-aa{color: #aaa !important;}
.text-black-67{color: #676a6c !important;}
.text-size-xxl { font-size: var(--ASAP-font-xxl) !important; } /* 24px */
.text-size-xl  { font-size: var(--ASAP-font-xl) !important; }  /* 20px */
.text-size-lg  { font-size: var(--ASAP-font-lg) !important; }  /* 18px */
.text-size-md  { font-size: var(--ASAP-font-md) !important; }  /* 17px */
.text-size-sm  { font-size: var(--ASAP-font-sm) !important; }  /* 14px */
.text-size-xs  { font-size: var(--ASAP-font-xs) !important; }  /* 12px */
.text-size-xxs { font-size: var(--ASAP-font-xxs) !important; } /* 10px */
.lh-0 { line-height: 0; }
.t-0 { top: 0 !important; }

.bwt-new{background-color: var(--invoice-ThemeGreen) !important; color: #fff; font-weight: 600; }
.bwt-edit{background-color: var(--invoice-ThemeBlue) !important; color: #fff; font-weight: 600; }
.bwt-primary{background-color: var(--invoice-ThemeOrange) !important; color: #fff !important; font-weight: 600; }
.bwt-secondary{background-color: #ddd !important; color: #48484a !important; font-weight: 600; }
.bwt-animate{margin-left: 10px;padding-left: 6px;padding-right: 10px;font-weight: 600;position: relative; /* needed for the pseudo-element */overflow: hidden; /* clip the ripple */-webkit-tap-highlight-color: transparent;}
.bwt-animate{transition: transform 180ms ease, box-shadow 180ms ease;box-shadow: 0 2px 6px rgba(0,0,0,0.12);}
.bwt-animate:hover{transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,0.18);}
.bwt-animate:active{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.14);}
.bwt-animate::after{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;background: rgba(255,255,255,0.38);border-radius: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;pointer-events: none;z-index: 1;}
.bwt-animate:active::after{animation: ripple .6s ease-out;}


h1, h2, h3, h4, h5, h6 {color: #131333;/*font-family: "Poppins", sans-serif;*/ font-family: "Nunito", sans-serif;}
::selection {background:#ea4111;color: #fff;}
::-moz-selection {background:#ea4111;color: #fff;}
.margin-top-35 {margin-top: 35px;}
.pad{padding: 90px 0px !important;}
/** Theme Css **/
#page{overflow:hidden;}
header {position: fixed;width: 100%;z-index: 999;top: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0px 0px 0px;background-color: rgb(255 255 255 / 89%);}
.header-fixed {background-color: #fff;-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding: 0px 0px 0px; position: fixed;}
.header-fixed nav#menu ul > li a {  }
.logo {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;padding-left: 5px;margin-left: 15px;}
.logo a {display: inline-block;padding: 5px 0px 5px 15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:-5px;}
.logo img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;float: left;width: 50%;margin-top: 10px;}
.menu{float:right;margin-top:15px;margin-right:30px;position: relative;}
.header-fixed .menu{transition: 1s all;}
.menu li {float: left;margin-left:5px;}
.menu > li> a {color: #000000;font-size: 17px;padding: 5px 5px 5px 5px;margin-left: 0px;display: block;font-family: 'Poppins', sans-serif;cursor: pointer;position:relative;}
.menu > li> a:before {content: '';width: 1px;height: 14px;background-color: #131111;position: absolute;right: -1px;top: 11px;opacity: 0.5;}
.menu > li> a:hover,.menu > li> a.active,.userIcon.current{color:#ea4111;}
.menu.Res-menu {width: 300px;position: absolute;right: 0px;background-color: #f24605e6;top: 36px;}
.menu-call {color: rgb(255, 255, 255);font-size: 16px;font-weight: 500;background-color: rgb(234, 65, 17);padding: 2px 8px;border-radius: 25px;border-width: 1px;border-style: solid;outline: none !important;border: 0px;}
.menu li:hover ul{display: block;}
.menu li ul li {padding: 10px;display:inline-block;width: 60%;padding: 0px;float: right;margin-left: 0px;}
.menu li ul li a {color: #333 !important;font-size: 15px;margin-bottom: 10px;border-bottom: 1px #eee solid;border-radius: 3px;padding: 7px 10px;cursor: pointer; }
.menu li ul li a:hover{color: #ea4111 !important;}
.menu > li ul a:before{display:none;} 
.menu li ul li:after {content: '';position: absolute;left: 0px;width: 40%;top: 0px;height: 100%;border: 5px solid #fff;}
.menu li li:nth-child(1):after {background: url(../images/toplink-4.png) !important;background-size: cover !important;}
.menu li li:nth-child(2):hover:after {background: url(../images/toplink-2.png) no-repeat left #f3f3f3;background-size: cover !important;}
.menu li li:nth-child(3):hover:after {background: url(../images/toplink-3.png) no-repeat left !important;background-size: cover !important;}
.menu li li:nth-child(4):hover:after {background: url(../images/toplink-1.png) no-repeat left #f3f3f3;background-size: cover !important;}
.menu li.supportMnu li:nth-child(1):after {background: url(../images/get-6.jpg) no-repeat left #f3f3f3 !important;background-size: cover !important;}
.menu li.supportMnu li:nth-child(2):hover:after {background: url(../images/get-7.jpg) no-repeat left #f3f3f3 !important;background-size: cover !important;}
.menu li.supportMnu li:nth-child(3):hover:after {background: url(../images/get-8.jpg) no-repeat left #f3f3f3 !important;background-size: cover !important;}
.menu li.supportMnu li:nth-child(4):hover:after {background: url(../images/get-5.jpg) no-repeat left #f3f3f3 !important;background-size: cover !important;}
.menu li.servicesMnu ul li {float: left;}
.menu li.servicesMnu ul li:after {left:auto;right:0px;}
.menu li ul li a{color: #000 !important;font-size:17px !important;display: inline-block;width: 100%;margin: 1px 0px 0px;border-bottom: 1px solid #ddd !important;border-radius:0px;white-space: nowrap;padding: 7px 10px;border-radius: 1px;}
.menu li ul li:last-child a{border-bottom: 0px !important;}
li.newMnu a span{font-size: 12px;position: relative;top: -9px;background-color: #0e9f17;border-radius: 25px;padding: 0px 5px 1px;color: #fff;margin-left: -2px;}
.menu li ul {position: absolute;left: 10px;text-align: left;background: #ffffff;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);border: 0px solid #ea4111;padding: 5px;width:90%;border-radius: 4px;display: none;-moz-transition: all .300s ease-in-out;-webkit-transition: all .300s ease-in-out;transition: all .300s ease-in-out;margin-top: -2px;min-height: 200px;background-color: #fff;}
.menu li ul:before {right: 41%;content: "";border: 10px solid transparent;border-bottom-color: #d7d5d4;font-size: 0;line-height: 0;display: inline-block;top: -17px;margin-left: 25px;position: absolute;background-color: transparent;}
.menu li.servicesMnu ul:before {right: 76%;}
.menu li ul li a:hover{background-color: #eee;color: #1c1c1c !important;}
.menu-call {color: rgb(255, 255, 255);font-size: 16px;font-weight: 500;background-color: rgb(234, 65, 17);padding: 2px 8px;border-radius: 25px;border-width: 1px;border-style: solid;outline: none !important;border: 0px;}
.userIcon{color: #000;font-size: 23px;position: relative;top: 3px;}
.userIcon:hover{color:#ea4111;}
.menuRt{float:right;margin-top: 19px !important;margin-right: 5px;}
#burgernav {width: 28px;height: 18px;position: absolute;top: 15px;right: 18px;margin-top: 0px;background-color: transparent;outline: none;box-shadow: inherit;    border: 0px;}
#burgernav:before,#burgernav:after {content: '';display: block;background: #333;height: 2px;width: 18px;}
#burgernav span {background: #333;display: block;height: 2px;margin: 6px 0;width: 22px;}
#burgernav:hover:before,#burgernav:hover:after {width: 25px;}
#burgernav:hover span{width:18px;}
.res-mnu .dropdown-menu{background-color: #ffffff;width: 500px;left: auto !important;right: -6px;transform: translate3d(0px, 20px, 0px) !important;margin-top: 25px;padding: 16px;}
.res-mnu .dropdown-menu a{color: #232222;padding: 8px 15px;width: 100%;display: inline-block;border: 1px solid #e7e7e7;font-size: 19px;margin-bottom: 10px;}
.res-mnu .dropdown-menu li:last-child a{border-radius: 25px;border: 2px solid #ccc;padding: 8px 7px; white-space: nowrap;font-size: 18px;color: #ea4111;}
.res-mnu .dropdown-menu a:hover{background-color: rgb(234 65 17 / 31%) !important;color: #ea4111 !important;}
.phone-head{float: right;max-width: 240px;display: flex;}
.phoneNo{float: left;display: inline;font-size: 17px;color: #1b1b1b !important;padding-top: 20px;white-space:nowrap;position:relative;padding-right: 10px;}
.phoneNo img{color: #ea4111;width: 33px;float: left;transform: rotate(26deg);margin-top: 0px;}
.phoneNo span{margin-left: -9px;}
.phone-head .loginBtn{padding: 3px 6px 3px;border-radius: 4px;white-space: nowrap;margin-top: 10px;}
.phone-head .loginBtn i{position:relative;top: 6px;color: #ea4111;font-size: 25px;}
.phone-head .login .toggle{font-size: 17px;display: inline-block;color: #ea4111;nowrap;margin: 0px 10px;border: 1px solid #ea4111;border-radius: 25px;width: 32px;height: 32px;text-align: center;padding: 0px 3px;}
.phone-head .login .toggle img{width: 23px;}
.phone-head .login .toggle i {position: relative;top: 3px;left: -2px;}
.phone-head .login .toggle:hover {background-color: #ea4516; color:#fff; *}
.phone-head .login .dropdown-menu {width: 695px;padding: 8px 11px;left: auto !important;right: 0px;top: 35px !important;transform: inherit !important;}
.phone-head .login:hover .dropdown-menu {display: inline-block;}
.phone-head .dropdown-menu a{color: #000 !important;font-size:17px !important;display: inline-block;width: 100%;margin: 0px 0px 0px;padding: 12px 10px;border-bottom: 1px solid #ddd;border-radius:0px;float: right;clear: both;border-radius: 5px;height:100%;}
.phone-head .dropdown-menu a i{position: relative;font-size: 27px;top: 7px;}
.phone-head .dropdown-menu a:hover {background-color: #eee;color: #1c1c1c !important;}
.phone-head .dropdown-menu a:last-child{border-bottom:0px;}
.phone-head .dropdown-menu .getstarted-lst:last-child a {background-color: rgb(234 65 17 / 31%);color: #ea4111 !important;}
/*.phone-head .dropdown-menu a:hover h3,.phone-head .dropdown-menu .getstarted-lst:last-child a h3 {color: var(--invoice-ThemeOrange);}*/
.phone-head .getstarted-lst h3 {margin: 5px 0px 0px;font-size: 17px;}
.phone-head .getstarted-lst {margin-right: 10px;border: 1px solid #ddd;min-height: 185px;padding-bottom:0px;border-radius: 5px;}
.phone-head .getstartInner img {width: 80%;border: 2px solid #fff;}
#menuFull {position: relative;display: block;width: 25px;height: 20px;background: transparent;border-top: 2px solid;border-bottom: 2px solid;color: #000000;font-size: 0;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
#menuFull:hover:before{width:100%}
#menuFull:before, #menuFull:after {content: "";display: block;width: 65%;height: 2px;position: absolute;top: 50%;left: 56%;background: #0b0b0b;
-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
#menuFull.is-active {border-color: transparent;margin-right: 0px;margin-top: -11px;background-color: #0e57a4;padding: 0px;border-radius: 25px;width: 25px;height: 25px;}
#menuFull.is-active:before {-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
#menuFull.is-active:after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
#menuFull.is-active:before, #menuFull.is-active:after {width: 60%;left: 52%;}
#menuFull.is-active:before, #menuFull.is-active:after {background: #fff;}
#menuFull.is-active:hover { transform: rotate(90deg);}
.menu-btn {position: fixed;top: 20px;right: 10px;z-index: 99999;display: inline;}
.menu-btn a {display: inline-block;text-decoration: none; }
.btn-open:after {color: #333;content: "\f394";font-family: "Ionicons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-open:hover:after {color: #34B484;}
.btn-close:after {color: #fff;content: "\f2d7";font-family: "Ionicons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-close:hover:after {color: #34B484;}
#menuFull.is-active {border-color: transparent;margin-right:0px;}
/* OVERLAY */
.overlay {position: fixed;top: 0;z-index: 88888;display: none;overflow: auto;width: 100%;height: 100vh;background: #fff;right:0px;}
.overlay .tablenav {display: table;width: 100%;height: 100%;}
.overlay .menuServ {margin: 0;width: 75%;height: 100%;background:#0d1e66;display: table-cell;vertical-align: top;padding:7px 50px 0px;position: relative;z-index: 9;overflow: hidden;}
.overlay .menuServ:before{content: '';position: absolute;top: 0px;background: url(../images/s-needle.png) bottom;width: 100%;height: 100%;z-index: -9;opacity: 0.05;left: 0px;-webkit-animation: zoomin 10s ease-in infinite;animation: zoomin 50s ease-in infinite;background-size: cover;}
.overlay .menuList {margin: 0;width: 70%;height: 100%;background-color: #fff;display: table-cell;vertical-align: top;background-size: cover;padding-top:10px;}
.menuServ h4 a {color: #fff;margin-bottom:10px;display: block;font-size: 20px;}
.menuServ h4 a span{border-bottom:1px solid #fff;}
.overlay .menu-list { width: 25%;float: left;min-height: 256px;margin-bottom: 20px;position:relative;}
.overlay .menu-list:after {content: '';position: absolute;width: 1px;height: 200px;background-color: #ffffff8a;right: 23px;top: 0px;z-index: -9;}
.overlay .menu-list:nth-child(8) {width: 45%}
.overlay .menu-list:nth-child(8):after {display: none;}
.mnulist-btm{clear:both;display:flex;width:100%;}
.mnulist-btm h4{color:#fff;}
.mnulist-btm p{margin-bottom:0px;margin-left:10px;letter-spacing: 2.5px;}
.mnulist-btm a{color:#fff;}
.menuServ ul li {color: #a1a1a1;margin-bottom: 10px;font-size: 14px;}
.menuServ ul li a {color: #ffffff;font-size: 17px;}
.menuList ul{margin-top:8px;}
.menuList ul li {width: 100%;float: right;position: relative;}
.menuList ul li a {color: #000;font-size: 18px;margin-bottom: 1px;display: block;padding: 7px 10px;border-bottom: 1px solid #eee;}
.menuList ul li:last-child a{border-bottom:0px;}
.menuList ul li a:hover, .menuList ul li .page-scroll.active, .menuList .getstarted-lst:hover, .menuadr .adr p:hover,#toolpopup .popup-content a:hover {background-color: #eee;color: #1c1c1c !important;}
.menuList .inner-nav-div {display: none;clear: both;background-color: #ffffff;padding: 5px;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);}
.menuList .inner-nav-div li {width: 100%;padding-left: 10px;}
.menuList .inner-nav-div li a {color: #000 !important;font-size: 16px;border-bottom: 1px solid #d8d6d6;position: relative;padding-left: 15px;}
.menuList .inner-nav-div li a:before{content:'-';position: absolute;font-size: 35px;top: 15px;line-height: 3px;color: #ea4111;left: 0px;}
.menuList .inner-nav-div li:last-child a {border-bottom: 0px;}
.menulist ul li:has(.page-scroll.active) {color: #fff !important;}
.menuList li .submenu-toggle {position: absolute;right: 6px;top: 0px;cursor: pointer;font-size: 28px;color: #000;/* display: none; */}
.menuList li .submenu-toggle:before {content: '+';}
.menuList li .submenu-toggle.open:before {content: '-';font-size: 30px;top: -25px;}
.menuServ ul li a:hover{font-weight: 700;color: #fff;}
.menuadr{clear:both;padding: 0px 10px 0px;}
.menuadr .adr{margin-bottom: 10px;}
.menuadr .adr p{margin-bottom:0px;border: 1px solid #ea4111;padding: 6px;}
.menuadr .adr img{width: 35px;float: left;}
.menuadr .adr .fa-envelope{margin-left:7px;margin-right: 9px;-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.menuadr a {color: #ea4111 !important;}
.menuList .getstartInner {display: inherit;padding: 0px 8px;clear: both;}
.menuList .getstartInner h4 {color: #000000;font-size: 22px;margin: 2px 0px;padding: 3px 0px 4px 7px;border-radius: 5px 5px 0px 0px;}
.menuList .getstartMnu {box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);border-radius: 5px 5px 5px 5px; display: flex;margin-bottom: 10px;}
.menuList .getstarted-lst {border-right: 1px solid #ddd;margin-right: 0;min-height: 95px;padding: 5px;}
.menuList .getstarted-lst h3 {color: #eb4719;font-size: 16px;margin: 5px 0px 0px;}
.menuList .getstarted-lst:hover h3 {}
.menuList .getstartInner img {width: 65%;}
.banner-section {overflow: hidden;position: relative;}
video {width: 50%;position: absolute;object-fit: cover;transition: all 1.2s linear;z-index: -10;}
.banner-section .ban-txt {width: 390px;height: 390px;border-radius: 100%;position: absolute;top: 50%;color: #fff;text-align: center;transform: translate(-50%,-50%);left: 50%;padding: 60px 25px 0px;margin-top:0px;z-index: 9;}
.banner-section .ban-txt h1{color:#fff;}
.banner-section .ban-txt h2{font-size: 15px;color: #fff;margin-bottom: 15px;}
.banner-section .ban-txt p{color:#fff;margin: 10px 0px 25px;}
.banner-section .ban-txt a{background-color:#fff;padding: 13px 15px;border-radius:25px;color: #303030;font-weight: 500;}
.banner-section .ban-txt a:hover{color: #fff;background-color:#0350a0;}
.sub-ban{width:37% !important;padding:10px !important;border-radius:15px; /*background-color: rgb(234 65 17 / 77%) !important;*/padding: 15px !important;border-radius: 15px 20px 20px 20px;height: auto !important;}
.sub-ban h2 {font-size: 70px;line-height:80px !important;color: #1c1c1e;font-weight: 700;font-family: "Playfair Display", serif !important;margin-bottom:10px !important;}
.ls-l.sliderHvr:hover {filter: drop-shadow(0px 6px 6px #0350a0) !important;}
/*.sub-ban h2 span{display:block;font-size: 64px;}*/
.sub-ban p {color: #393838 !important;font-size: 20px;}
.sub-ban a:hover{color:#fff;}
.sub-ban a:before{display:none;}
.sub-ban .themeBtn{background-color:#ea4111;color:#fff;}
.sub-ban .themeBtn:hover{color:#fff !important;}
.sub-ban .themeBtn:hover span{transform: rotate(2deg);}
.sub-ban .themeBtn span{transform: rotate(336deg);font-size: 17px;position: relative;top: 3px;}
.slide-1 .subimage{    border-radius: 15px 60px 10px 35px;}
/*.sub-ban h2{ }*/
.ls-bg{-webkit-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important;
-webkit-transition: all 6000ms linear !important;-moz-transition: all 6000ms linear !important;-ms-transition: all 6000ms linear !important;-o-transition: all 6000ms linear !important;transition: all 6000ms linear !important;}
.ls-active .ls-bg{-webkit-transform:scale(1.02) !important;-ms-transform:scale(1.02) !important;transform:scale(1.02) !important;}
.themehead {position: relative;margin: 20px 20px;font-weight: 500;font-size: 31px;color: #f24605;padding-bottom: 10px;z-index: 9;text-align: center;overflow:hidden;}
.themehead:before {content: '';background-color: #f24605;position: absolute;bottom: 26px;border-radius: 25px;height: .85px;width: 100%;left: 0;z-index: -9;}
.themehead span {background-color: #fff;padding: 0px 25px;}
.themehead:hover{color:#0b206f;}
.themehead:hover:before{background-color: #0b206f;}
.themeBtn {font-weight: 400;background-color: #f24605;color: #fff !important;padding: 8px 10px 8px 10px;border-radius: 45px;min-width: 150px;display: inline-block;outline: none;position: relative;z-index: 9;text-align:left;}
.themeBtn:hover{color: #f24605 !important;}
.themeBtn:before {content: '';background-color: #fff;position: absolute; width: 35px;height: 35px;border-radius: 30px;left: 5px;top: 4px;z-index: -9;transition: all 0.4s linear;}
.themeBtn i {font-size: 23px;position: relative; top: 3px;left: 1px;float: left;color:#f24605;}
.themeBtn span {position: relative;top: 0px;float: left;margin-left: 10px;}
.themeBtn:hover:before{width:94%;}
.themeBtn span b{display:none;font-weight: inherit;}

.getstarted{clear: both;padding: 0px 35px 25px;position: relative;display: inline-block;width: 100%;}
.getstarted:after {content: '';background: url(../images/bg-pattern.png);width: 100%;height: 100%;z-index: -9;position: absolute;top: 0px;left: 0px;opacity: 0.8;}
.getstartInner img{border-radius:100%;width: 70%;margin: 0 auto;}
.getstartInner{display:flex;}
.getstarted-lst{margin-right:30px;text-align: center;}
.getstarted.desk .getstarted-lst a{display: inline-block;padding: 10px;border-radius: 20px;}
.getstarted.desk .getstarted-lst:hover a{box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: #fff;}
.getstarted-lst h3 {margin: 10px 0px 6px;font-size: 23px;}
.getstarted-lst h3.mbl{display:none;}
.getstarted-lst h3 span{color: #0350a0;}
.getstarted-lst:last-child{margin-right:0px;}
/*.getstarted:before {content: '';width: 100%;height: 100%;left: 0;z-index: -9;position: absolute;bottom: 0;opacity: 0.4;background: url(../images/matrix-2.png) no-repeat top;background-size: 100%;}*/
.get-btn.themebtn{text-align:center;display: none;}
.get-btn.themebtn:before {width: 94%;display:none;}
.get-btn.themebtn:hover{color:#fff !important;}
.get-btn.themebtn span{float:none;}
.get-btn.themebtn span {margin-left:0px;}

.properties{clear:both;background-image: linear-gradient(310deg, #0d1e66 15%, #0d1e66 100%);padding: 30px 40px 20px;position: relative;z-index: 9;overflow: hidden;}
.properties:before {content: '';position: absolute;width: 50%;height: 100%;bottom: 0px;left: 0;z-index: -9;background: url(../images/slider-1.png) no-repeat right top;
    background-size: 65%;opacity: 0.3;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.properties .left{width: 30%;float:left;background-size: 100%;position:relative;padding-top: 40px;}
.properties .left p{color:#fff;}
.properties .right{width: 65%;float:right;overflow: hidden;padding: 0px 15px 0px 55px;margin-top: -10px;}
.newLease{display:flex;gap: 20px;}
.properties .right li a{position: relative;border-radius: 12px;overflow: hidden;cursor: pointer;transform: skewX(-10deg);
    float: left;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;position: relative;padding: 5px;}
.properties .right li a img{border-radius: 12px;}
.properties .right li a:after{content:'';width:100%;height: 100%;border-radius: 12px;/* transform: skewX(-10deg); */background-color: #fff;position: absolute;left: 0px;top: 0px;z-index: -9;}
.properties .right li a:hover{transform: scale(1.02) skewX(-10deg);transform: skewX(-6deg);}
.properties .right .content {position: absolute;bottom: 10px;left: 20px;right: 25px;z-index: 3;transform: skewX(10deg);background-color: #ea4111;padding: 10px 10px;border-radius: 20px;color: #fff;display: flex;width: 86%;}
.properties .right a:hover .content{background-color:#0d1e66;}
.properties .right a:hover:after{background-color:#0350a0;}
.properties .right .content h3{font-size:19px;color: #fff;margin-left: 5px;}
.properties  .themehead{margin-left: 0px;text-align: left;margin-bottom: 0px;color: #ffffff;}
.properties  .themehead span{background-color: #102363;padding-=left: 0px;padding-=left: 0px;padding-=left: 0p;padding-=left: 0;padding-left: 10px;}
.properties .themeBtn:hover{color: #ea4111;}
.properties  .themehead:before{background-color:#fff;}
@-webkit-keyframes bubble-ban {
0% {box-shadow: 0 0 0 0 #e6002338, 0 0 0 0.1em #ea4111a6, 0 0 0 0.3em rgb(11 32 111 / 21%), 0 0 0 1em rgba(206, 206, 206, 0.15);}
100% { box-shadow: 0 0 0 0.1em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15), 0 0 0 0.8em rgba(206, 206, 206, 0.15), 0 0 0 1em rgba(206, 206, 206, 0.15);}
}
@keyframes bubble-ban {
0% {box-shadow: 0 0 0 0 #e6002338, 0 0 0 0.1em #ea4111a6, 0 0 0 0.3em rgb(11 32 111 / 21%), 0 0 0 1em rgba(206, 206, 206, 0.15);}
100% { box-shadow: 0 0 0 0.1em rgba(206, 206, 206, 0.15), 0 0 0 0.3em rgba(206, 206, 206, 0.15), 0 0 0 0.8em rgba(206, 206, 206, 0.15), 0 0 0 1em rgba(206, 206, 206, 0.15);}
}
@keyframes pulse{
    0% {transform: scale(1);opacity: 0;}
    50% { transform: scale(1.01);opacity: 1;}
    100% {transform: scale(1);opacity: 1;}}
.hme-services{background-color: rgb(246, 246, 246);clear:both;padding: 35px 35px 25px;text-align:center;display: inline-block;width: 100%;position: relative;z-index: 9;}
.hme-services:after {content: '';position: absolute;top: 0;width: 73.6%;height: 100%;right: -14%;border-radius: 0px 10px 0px 0px;z-index: -9;background-color: rgb(245 109 82);transform: skewX(42deg);display:none;}
.hme-services .service-lst{float:left;margin-right: 30px;margin-bottom:20px;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);min-height: 400px;overflow: hidden;background-color: #fff;border: 1px solid #bababa;z-index: 9;position: relative;}
.expline {clear: both;display: inline-block;width: 100%;margin-top: 15px;text-align: left;}
.our-expert{clear:both;background-image: linear-gradient(184deg, #ffffff 15%, #f0f7fd 100%);position:relative;}
.our-expert .lft h3{position:relative;padding-left: 16px;font-size: 23px;font-weight: 500;}
.our-expert .lft h3:before{content: '■';position: absolute;left: 0px;top: -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);color: #ea4111;font-size: 20px;}
.our-expert .lft h3 span{font-size: 22px;color: #ffffff;position: relative;background-color: #ea4111;border-radius: 30px;padding: 8px;margin-right: 7px;top: 3px;}
.our-expert .lft ul li{margin-bottom: 21px;border-bottom: 1px dotted #b7b6b6;}
.our-expert .lft ul li:last-child{border-bottom:0px;margin-bottom:0px;}
.our-expert .lft ul li:hover h3{color: #f24605;}
.our-expert .lft p{    color: rgb(0 0 0);}
.our-expert .lft{width: 55%;float:left;padding: 15px 5px 25px 35px;}
.our-expert .rht{width: 45%;float:right;overflow: hidden;}
.our-expert .rht .rht-inn{-webkit-animation: zoomin 10s ease-in infinite;animation: zoomin 50s ease-in infinite;background: url(../images/our-expert.jpg);height: 630px;background-size: cover;}
.our-expert .lft .themehead {text-align: left;margin: 10px 4px 0px 0px;}
.our-expert .themehead span {padding: 0px 30px 0px 0px;}
.our-expertPge {background-image:none;}
.our-expertPge .prodwrap .seprodcard {width: calc(100% - 0px);margin-right: 0px;}
.our-expertPge .prodwrap .seprodcard .dtls span {font-size: 42px;width: 60px;height: 60px;padding: 10px 11px 8px 8px;}
.our-expertPge .prodwrap .seprodcard p {margin-top: -25px;padding-left: 70px;}
.our-expertPge .prodwrap .seprodcard:nth-child(even){top:0px;}
.expert-one{background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);padding: 10px 30px 20px;}
.expert-one ul{margin-bottom: 35px;}
.expert-one li{width: 50%;float: left;border-bottom: 1px dotted #0350a0;padding: 5px;min-height: 165px;}
.expert-one li h3{font-size: 23px;margin: 10px 0px 10px;font-weight: 600;}
.expert-one li:nth-child(2),.expert-one li:nth-child(4){border-left: 1px solid #0350a0;padding-left: 10px;}
.expert-one li h3 span{font-size: 22px;color: #ffffff;position: relative;background-color: #ea4111;border-radius: 30px;padding: 8px;margin-right: 7px;top: 3px;}
.expert-one li:last-child{padding-right:0px;}
.callCon{padding: 15px 10px;border-radius: 14px;margin: 10px auto;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: #fff;clear: both;width: 37%;}
.callCon p{float:left;padding-right: 25px;width: 60%;margin-bottom: 0px;display: flex;}
.callCon p span.material-symbols-outlined{font-size: 30px;position: relative;text-align: center; border-radius: 50px;background-color: #ea4111;color: #fff;padding: 13px;margin-right: 10px;}
.callCon .themebtn{float:right;text-align: center;margin-top: 10px;animation: bubble-ban 1s linear infinite;}
.our-expertPge .rht .rht-inn{background: url(../images/our-expert-1.jpg) no-repeat center;}
.hme-cntact{padding: 25px 0px 65px;position:relative;z-index:9;background-color: #0350a0eb;clear: both;overflow: hidden;}
.hme-cntact:before {display: block;background: url(../images/footer_bg.png) no-repeat bottom;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -9;opacity: 0.12;background-size:100%;}
.hme-cntact:after,.hme-cntact .hme-adr:after {display: block;background: url(../images/cloud-1.png) no-repeat bottom;content: '';position: absolute;width: 105px;height: 60px;bottom: 135px;right: 0;z-index: -9;opacity: 0.2;background-size:100%;-webkit-animation: clouds-in-out 35s 4s infinite linear;}
.hme-cntact .hme-adr:after{background: url(../images/cloud-2.png) no-repeat bottom;-webkit-animation: clouds-in-outone 45s 4s infinite linear;bottom: 13px;opacity: 0.2;}
@-webkit-keyframes clouds-in-out {0% {right: 0%;}100% {right: 100%;}}
@-webkit-keyframes clouds-in-outone {0% {right: 3%;}100% {right: 80%;}}
.hme-cntact .sub-txt {text-align: center;margin-top: -23px;margin-bottom: 25px;}
.submit {margin: 5px auto;display: block;height: 40px;color: #fff;font-size: 18px;outline: none;background-color: #f24605;border-radius: 25px;min-width: 185px;}
.submit:hover{background-color: rgb(11 32 111 / 80%);}
.hme-cntact .hme-adr{margin: 0 auto 0px;padding: 10px 3%;z-index:9;position: relative;display: inline-block;width: 100%;}
.hme-cntact .hme-adr .footerList{float:left;width: 20%;position:relative;z-index: 9;}
.hme-cntact .hme-adr .footerList:after {content: ''; position: absolute;width: 1px;height: 250px;background-color: #ffffff8a;right: 23px;top: 0px;z-index: -9;}
.hme-cntact .hme-adr .footerList:nth-child(4):after{display:none;}
.hme-cntact .hme-adr .footerList:nth-child(2){width: 30%;}
.hme-cntact .hme-adr .footerList:nth-child(4){width: 30%;}
.hme-cntact .hme-adr h3{color: #ffffff;font-size:21px;margin:10px 0px;}
.hme-cntact .hme-adr .todaysDay,.hme-cntact .hme-adr i{color: #F44336;}
.hme-cntact li a:hover{ font-weight:700; }
.hme-cntact .hme-adr .time{padding-left: 0;}
.hme-cntact ul li a{margin-bottom: 7px;display: inline-block;position:relative;padding-left:15px}
.hme-cntact ul li a:before, .btm-mnu .dropdown-menu li a:before, .blog-link a:before {left: 0;content: "";border: 7px solid transparent;border-left-color: #ffffff;font-size: 0;line-height: 0;display: inline-block;top: 7px;margin-left: 0;position: absolute;background-color: transparent;}
.hme-cntact ul li a,.adr a{color: #ffffff;}
.hme-cntact ul li a .material-symbols-outlined{position: relative; line-height: 0; top: 6px;}
.hme-cntact .hme-adr .footerList:nth-child(4) .adr i{float:left;margin-right:6px;position: relative;top: 2px; padding: 5px;text-align: center;font-size: 18px;color: #FFF;}
.hme-cntact .hme-adr .footerList:nth-child(4) .adr p{padding-left: 5px;color: #fff;}
.hme-adr .adr p{position:relative;display: flex;}{position:relative;display: flex;}
.hme-adr p .copyBtn {font-size: 20px;visibility: hidden;opacity: 0;margin-left: 10px;color: #F44336;}
.hme-adr p:hover .copyBtn{visibility: visible;opacity: 1;}
.hme-adr .adr:hover i.copyBtn{-webkit-animation-name: inherit !important;}
.hme-adr .adr.first a{color: #ffffff;}
.hme-adr .adr:hover a{text-decoration:underline;}
.hme-adr .adr.first a:before{display:none;}
.inner-nav-div.hme-adr p{margin-bottom:0px;padding-left: 0px !important;}
.inner-nav-div.hme-adr li:hover a{text-decoration:none;}
.inner-nav-div.hme-adr li a i{margin-right:5px;}
.inner-nav-div.hme-adr .copyText{display:flex;width: 90%;float: left;}
.inner-nav-div.hme-adr  p .copyBtn{float:left;position: relative;right: 15px;top: 11px;font-size: 16px;}
@-webkit-keyframes spaceboots { 0% { transform: rotate(0); }  15% { transform: rotate(8deg); }  30% { transform: rotate(-8deg); }  45% { transform: rotate(8deg); }  60% { transform: rotate(-8deg); }  75% { transform: rotate(4deg); }  85% { transform: rotate(-4deg); }  92% { transform: rotate(4deg); }  100% { transform: rotate(0); }}
.hme-cntact .hme-adr .adr:hover i {
-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.hme-cntact .hme-adr button {padding: 0px;outline: none !important;margin-left: 10px;border: 0px !important;box-shadow: inherit !important;}
.copyrights{/*background-color: rgb(246, 246, 246);*/text-align: center;padding: 12px 0px;}
.copyrights p{margin-bottom:0px;}
#toTop {width: 35px;height: 35px;padding: 10px 3px;color: #e40024;position: fixed;bottom: 55px;right: 10px;display: none;border-radius: 35px;cursor: pointer;z-index:12;border: 1px solid #e50023;background-color: #fff;}
 #toTop i {animation: nudge 2s linear infinite alternate;top: 3px;transform: translateY(0);position: absolute;left: 10px;font-size: 19px;line-height: inherit;}
#toTop:before{content:'';width: 88%;height: 87%;border-radius:50%;border: 1px solid #ea4111;position: absolute;top: 2px;left: 2px;transition: transform .9s;}
#toTop:hover:before{transform: scale(1.5);} 
/*Animate left to right*/
.lfmtmain{transition: 1s all;transform: translate(-200px,0px);opacity: 0;}
.rtmtmain{transition: 1s all; transform: translate(200px,0);opacity: 0;}
.lfmtmain.active,.rtmtmain.active {transform: translate(0px,0px);opacity: 1;}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.5);}100% {transform: scale(1);}}
@keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.5);}100% {transform: scale(1);}} /*End of Zoom in Keyframes */
/*pop-over Contact*/
.pop-over {position: fixed;right: 5.5px;z-index: 98;bottom:0px;width: auto;cursor: pointer;margin-bottom: 5px;}
.pop-over .popover-btn {padding: 5px 6px;background-color: #ea4111;color: #fff;font-size: 17px;outline: none;border-radius: 40px;position: relative;z-index: 9;overflow:hidden;height: 40px;width: 40px;}
.pop-over .popover-btn span,.pop-over.popover-open svg{display:none;}
/*.pop-over.popover-open span{display:block;font-size: 22px;}*/
.popover-body {display: none;position: absolute;bottom: 45px;background-color: #eee;width:540px;right: 0px;-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);color: #fff;border-radius: 5px;padding: 10px 5px 15px;}
.popover-open .popover-body {display: block !important;z-index: 9;}
.popover-body h6 {font-size: 20px;margin: -9px -5px 0px -4px;color: #ffffff;background: linear-gradient(17deg,#f24605,#f24605e3);padding: 4px 5px 4px 5px;font-weight: 600;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 25px;}
.popover-body h6 span{font-size: 16px !important;font-weight: 400;display: block;}
.popover-body h6 .popover-btn {position: absolute;right: 5px;top: 10px;background-color: #fff;color: #f15215;height: 30px;width: 30px;padding: 3px 6px;}
.popover-body h6 .popover-btn span{font-size:25px;}
.popover-body .newUser {border-top:0;padding-top: 0px;padding: 0px 10px 0px;}
.popover-body .hme-cntact{padding: 0;background-color: transparent;}
.popover-body .hme-cntact:before{display:none;}
.popover-body .hme-cntact form{padding: 0px;background-color: #eeeeee;border-top: 0px;}
.popover-body .hme-cntact .form-group{margin: 10px 0px 10px;max-width: 100% !important;padding: 0px 10px;flex: 0 0 100%;}
.popover-body .hme-cntact .form-group:first-child{margin-top:0px;}
.popover-body .hme-cntact .form-group label{display:none;}
.popover-body .hme-cntact .form-group h4{font-size:21px;}
.popover-body .hme-cntact .form-group input.form-control{height:45px;color: #000;font-size: 18px;background-color: #fff !important;border-radius: 35px;}
.popover-body .hme-cntact textarea {height: 85px;border-radius: 25px;}
.pop-over.popover-open .popover-btn span {display: block;font-size: 22px;}
.popover-body .newUser .checkbox ul{display: inline-block;width: 100%;}
.popover-body .newUser .checkbox li {padding: 5px 10px 5px 5px;width:100%;display: inline-block;}
.popover-body .newUser .checkbox p {margin-top: -5px;}
.popover-body .newUser .checkbox label {font-weight: 600;margin-bottom:-5px;}
.popover-body .newUser .checkbox.top ul{margin: 15px auto 5px -8px;}
.popover-body .newUser .checkbox.top ul li {padding: 5px 7px 5px 5px;background-color: #fff;border-radius: 25px;}
.popover-body .newUser .checkbox.top #externalLinks {padding: 2px 7px 1px 5px;position: relative;top: -3px;}
.popover-body .newUser .checkbox.top #externalLinks a {padding-left: 0px;}
.popover-body .newUser .checkbox.top #externalLinks a:before{display:none;}
/* Pricing Area Start */
.pricing {padding: 40px 0px 40px;position: relative;background-color:#fff;position:relative;z-index:9;overflow: hidden;}
.pricing:before {content: '';position: absolute;width: 100%;height: 100%;top: -70px;right: 0;z-index: -9; background: url(../images/matrix-1.png) no-repeat right top;background-size: 38%;}
.pricing:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;right: 0;z-index: -9;background: url(../images/bg-pattern.png) repeat right top;opacity: 0.3;animation: bubble-anim-abt 12s ease-out infinite;}
.pricing .themehead{margin-bottom: 0px;}
.pricing .subText{text-align:center;margin-bottom:30px;}
.pricing-wrapper{width: 85%;margin:0 auto;}
.pricing-wrapper:after {content: '';background: url(../images/tech-list.png) no-repeat bottom;width: 50%;height: 100%;display: block !important;left: -20%;z-index: -9;position: absolute;bottom: 0;opacity: 0.23;background-size: 40%;}
@keyframes bubble-anim-abt {
 0% {transform:scale(1); }
20% {transform:scaleX(1.05); }
48% { transform:scaleX(0.9); }
68% {transform:scaleX(1.02); }
80% {transform:scaleX(0.98); }
97%, 100% {transform: scale(1); } 
}
.pricing .section-heading {margin-bottom: 55px; }.pricing .section-heading .title {margin-bottom: 20px; }
.pricing .price-box {padding: 0px 10px 70px;position: relative;background: #ffffff;border: 1px solid rgb(0 0 0 / 21%);-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;min-height: 535px;border-radius:0px;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);}
.price-box .price-title{margin: 0px -10px 10px;font-weight: 600;padding: 0px 0px;border-radius: 0px 0px 0px 0px;}
.price-box .price-title h3 {font-size: 25px;line-height: 28px;color:#fff;border-bottom: 1px solid #fff;padding: 15px 15px;margin-bottom: 0px;background-color: #2196F3;}
.price-box.gold .price-title h3{background-color: #ffad01;}
.price-box.premium .price-title h3{background-color: #2ca01c;}
.pricing-wrapper .mostreco {position: absolute;z-index: 4;right: -9px;top: -15px;color: #fff;font-size: 0.845em;padding: 6px 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;background-color: #ea4111;}
.price-box:hover .mostreco {transform: scale(1.04);}
.pricing-wrapper .mostreco::after {content: "";position: absolute;bottom: -9px;border-top: 10px solid #ea4111;border-left: 1px solid transparent;border-right: 10px solid transparent;}
.pricing-wrapper .mostreco::after  { right: 0; }
.price-box .price-title p {margin-bottom: 0px;line-height: 24px;font-size: 17px;background-color: #F3F3F3;}
.price-box .price-title .heading-sub-title{font-weight:500;font-size:17px;margin-bottom: 5px;background-color: #F3F3F3;padding: 10px 15px;}
.price-box .price-title p:nth-child(1){font-weight:600;margin-bottom:6px;font-size: 17px;}
.price-box .price-title p span{display:block;}
.price-box .service-feature{margin-top:10px}
.price-box .service-feature p{margin-bottom:5px;text-align:left;font-weight:600;font-size:17px;}
.price-box .service-feature ul {margin-left: 0px;padding-left: 0px;list-style: none;text-align: left;}
.price-box .service-feature ul li{position: relative;padding-left: 24px;margin-bottom: 10px;font-size: 17px;line-height: 28px;padding-right: 10px;min-height: 30px;}
.price-box .service-feature ul li:last-child{margin-bottom:0px;}
.price-box .service-feature ul li p {margin-bottom: 0px;font-size: 17px;line-height: 28px; padding-right: 20px;}
.price-box .service-feature ul li i{color: #f24605;font-size: 20px;position: absolute;left: 0px;top: 5px;}
.price-box .buy-btn-wrapper button {color: #ffffff;width: 85%;margin: 5px auto;font-weight: 500;transition: all 0.26s ease-in;}
/*.price-box .buy-btn-wrapper button span{color: #f24605;width: 25px;height: 25px;background-color: #fff;border-radius: 25px;font-size: 19px;line-height: 25px;position: relative;top: 0px;transition: all 0.24s ease-in;float:right}*/
.price-box:hover .buy-btn-wrapper span {transform: translateX(-5px);transition: all 0.3s ease;
-webkit-animation-name: arrow-anim;
-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes arrow-anim{0% { -webkit-transform: translate(0px, 0px)  }10% { -webkit-transform: translate(2px, 0px)  }10% { -webkit-transform: translate(3px, 0px)  }}
.price-box .buy-btn-wrapper{position:absolute;bottom:10px;width: 100%;left: 0px;text-align: center;}
.ReadMore,.xtra-cntnt{color: #f24605;cursor:pointer;clear: both;display: block;margin-top: 10px;margin-left: 20px;font-size: 17px;}
.HideText,.HideTextone,.HideTexttwo,.HideTextthree{display:none;}
.price-box.premium .ReadMoreOne{margin-top: 11px;}
.price-box .buy-btn-wrapper button:focus {outline: none;}
.pricing .price-box:hover{transform: scale(1.04);box-shadow: rgba(50, 50, 90, 0.015) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgb(10 37 64 / 12%) 0px 3px 6px 0px inset;}
.pricing .price-box:before,.pricingOne .price-box:after{content:"";width:2px;height:0;position: absolute;transition: all 0.2s linear;background: #0350a0;z-index: -9;opacity: 0.02;}
.pricing .price-box:hover::before,.pricingOne .price-box:hover::after{width: 100%;  height: 100%;}
.pricing .price-box:after{right:0;bottom: 0;transition-duration: 0.6s;}
.pricing .price-box:before{left: 0;top: 0;transition-duration: 0.6s;}
.abt-roadmap{margin: 0px 5px 25px;padding: 0px 20px 0px;display: inline-block;width: 100%;position: relative;display:none;}
.abt-roadmap .abt-tabs{width: 85%;border: 0px;margin: 0 auto;}
.abt-tabs li a{box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);margin-bottom: 9px;border-radius: 25px !important;color:#000;margin-right: 10px;position:relative;}
.abt-roadmap .tab-content{width: 100%;margin:15px auto 0px;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);border-radius: 5px;background-color: #f5f5f5;}
.abt-roadmap .tab-content h5{margin-bottom:15px;}
.abt-roadmap .tab-content:after {right: -32%;left: auto;}
.abt-roadmap  .abt-tabs li a{width: 120px !important;height: 120px;margin: 0px 10px;font-size: 18px;border-radius: 50% !important;display: block;text-align: center;position: relative;cursor: pointer;background-color: #2196f3;padding: 45px 0px;color: #fff;}
.abt-roadmap  .abt-tabs li a.active:after {position: absolute;top: 95%;left: 50%;width: 0;height: 0;border: solid transparent;content: '';pointer-events: none;margin-left: -18px;border-width: 18px;border-top-color: #2196f3;}
.abt-roadmap .abt-tabs li a.active {-webkit-animation: bubble 1s linear infinite;animation: bubble 1s linear infinite;}
.abt-roadmap  .abt-tabs li:nth-child(1) a,.abt-roadmap  .abt-tabs li:nth-child(1) a.active{background-color: #2196f3 !important;color:#fff;}
.abt-roadmap  .abt-tabs li:nth-child(2) a,.abt-roadmap  .abt-tabs li:nth-child(2) a.active{background-color: #ffad01 !important;color:#fff;}
.abt-roadmap  .abt-tabs li:nth-child(3) a,.abt-roadmap  .abt-tabs li:nth-child(3) a.active{background-color: #2ca01c !important;color:#fff;}
.abt-roadmap .abt-tabs  li:nth-child(2) a.active:after{border-top-color: #ffad01;}
.abt-roadmap .abt-tabs  li:nth-child(3) a.active:after{border-top-color: #2ca01c;}

.innerHead {font-size: 30px;color: #0350a0;margin-bottom: 10px;font-weight: 700;}

/*About Us page css start*/
.hmeabt{padding: 25px 5px 25px 40px !important;position:relative;z-index: 9;margin: 0px 0px 0px;overflow: hidden;background-color: #fbfbfb;background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);}
.hmeabt:after{content:'';position:absolute;top: 0;width: 45%;height: 100%;left: -100px;border-radius: 0px 10px 0px 0px;z-index: -9;background-color: rgb(245 109 82);transform: skewX(20deg);}
.hmeabt:before {content: '';position: absolute;width: 50%;height: 100%;top: 0px;right: -20%;z-index: -9;background: url(../images/matrix-1.png) no-repeat left top;background-size: 60%;t;opacity: 0.9;}
.hmeabt .heading1{padding-top: 10px;padding-right: 10px;}
.hmeabt .themehead {margin:0px 0px 5px;text-align: left;}
.hmeabt .themehead span{padding: 0px;background-color: #fbfbfb;background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);}
.hmeabt .themehead:before {left: 110px;width: 90%;}
.hmeabt img{border-radius: 15px 60px 10px 35px;width: 100%;margin: 8px auto 0px;}
.hmeabt p{font-size: 19px;text-align: justify;letter-spacing: -0.5px;line-height: 30px;}
.hmeabt .themebtn{margin-top: 0px;text-align: center;margin-bottom:0px;float: right;margin-right: 56px;position: relative;top: -31px;}
.hmeabt  h4{display:none;}
.aboutpage .hmeabt {background-color: #fbfbfb;background-image:none;z-index: 9;position: relative;padding: 25px 5px 20px 50px !important;margin-bottom: 70px;}
.aboutpage .hmeabt .heading1 {padding-top:15px;}
.link-more {font-size: 17px;color: #0350a0;padding-bottom: 5px;border-bottom: 1px solid #0350a0;min-width: 120px;font-weight: 600;display: inline-block;position: relative;margin-top: 20px;top:10px;}
.link-more i{font-size: 19px;position: absolute;right: 0px;top: 5px;}
.link-more:hover {color: #ea4111;border-bottom: 1px solid #ea4111;}
.toast {position: fixed;transform: translateX(-50%);background: #4CAF50;color: #fff;padding: 3px 5px;border-radius: 6px;white-space: nowrap;font-size: 15px;
opacity: 0;visibility: hidden;transition: opacity 0.3s ease, bottom 0.3s ease;bottom: -40px !important;right: -20px;z-index: 9999;transition: opacity 0.5s ease, bottom 0.5s ease;width:auto;}
.toast.show {opacity: 1;visibility: visible;bottom: 4px !important;}
.dtlsban {margin-top: 70px;position: relative;display: inline-block;z-index: 9;overflow: hidden;}
.dtlsban .dtlstext {padding: 20px 15px 20px 15px;position:absolute;z-index: 99;width: 30% !important;left: 20px;top: 30px;border-radius: 15px 0px 15px 0px;background: #ffffff;}
.dtlsban:before{/* content:''; */width: 24%;height: 75%;border-radius: 40px 0px 40px 0px;/* background: #ffffff; */z-index: 9;position: absolute;left: 1%;top: 35px;/* transform: rotate(121deg); */}
.dtlsban .dtlstext h6 {font-size: 14px;color: #000000;letter-spacing: 0.7px;line-height: 13px;text-transform: uppercase;}
.dtlsban .dtlstext h2 {margin: 0 0 10px;font-size: 35px;line-height: 40px;font-weight: 500;color: #ea4111;}
.dtlsban .dtlstext p {font-size: 17px;font-weight: 400;color: #000000;margin-bottom: 5px;}
.dtlsimg {z-index: 1;position: relative;}
.dtlsimg img {width: 100%;border-radius: 0px;position: relative;z-index: 55;margin: 0 auto;}
.dtlsban ul{border-bottom: 0px;}
.dtlsban ul li a{font-size: 16px;padding: 1px 11px;color: #e8471a;font-style: italic;position: relative;}
.dtlsban ul li:first-child a{padding-left:0px;}
.dtlsban ul li a:after{content: '';position: absolute;right: 0px;top: 6px;transform: rotate(15deg);width: 1.5px;height: 13px;background-color: #e8471a;}
.dtlsban ul li:last-child a:after{display:none;}




.topAdr-list{width: 35%;z-index: 9;float: left;background-color: #ea4111;padding: 15px 10px;position: relative;overflow: hidden;}
.topAdr-list li{width: 100%;padding: 15px 0px;z-index: 9;margin-bottom: 15px;border-bottom: 1px solid #eeeeee4a;}
.topAdr-list li:last-child{border-bottom:0px;margin-bottom: 0px;padding-bottom: 0px;}
.topAdr-list li .image{color: #ffffff;line-height: 40px;text-align: center;float: left;width: 45px;height: 45px;}
.topAdr-list li .image span{font-size: 35px;position: relative;top: 2px;}
.topAdr-list li .right{float:left;padding-left: 5px;width: calc(100% - 45px);}
.topAdr-list li h3{color: #ffffff;font-size: 25px;text-align:center;margin-bottom: 5px;font-weight: 600;float: left;margin-top: 2px;}
.topAdr-list li p{margin-bottom: 0px;position:relative;color: #ffffff;clear: both;text-align: left;font-size: 22px;}
.adr .hoverIcon{visibility: hidden;opacity: 0;}
.adr .adrone:hover .hoverIcon{ visibility: visible;opacity: 1;}
.adr .hoverIcon a{color: #ffffff !important;padding: 5px 5px 5px 5px;border-radius: 30px;width: 30px;height: 30px;display: inline-block;line-height: 30px;cursor: pointer;}
.adr .copyText a{color: #ffffff;}
.adr .copyText:hover a{text-decoration:underline;color: #ffffff;}
.topAdr-list .shadowico{position:absolute;bottom: -21px;font-size: 100px;right: -6px;opacity: 0.01;}
.topAdr-list .mapIcon{clear:both;display:block;color:#000;font-size:15px;text-align: left;margin-top: 15px;}
.topAdr-list .mapIcon i{font-size: 16px;position:relative;top: 3px;margin-left: 4px;}
.topAdr-list .copyText{line-height: 22px;}
.topAdr-list li p:hover .mapIcon{color: #ea4111;}
.topAdr-list:before {content: '';position: absolute;width: 115px;height: 80px;right: 0px;z-index: -9;background: url(../images/contact-Shape.png) no-repeat bottom left;background-size: 100%;bottom: 0px;opacity: 0.8;}
.topAdr-list:after {content: '';position: absolute;width: 100%;height: 100%;right: 0px;z-index: -9;background: url(../images/toplink-1.png) no-repeat top;background-size: 100%;top: 0px;opacity: 0.05;-webkit-animation: zoomin 10s 
ease-in infinite;animation: zoomin 50s 
ease-in infinite;}
.topAdr-list li:last-child p span{display:block;}
.topAdr-list li:last-child p span b{font-weight:500;color: #ffffff;}

.con-middle{padding: 30px 2% 35px;position: relative;display: inline-block;width: 100%;margin-bottom: 0px;}
.form-wrapper{background-color: #fff;border: 1px solid #eee;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);display: flex;}
.con-middle:before,.con-middle:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;background: url(../images/contactBg.jpg) no-repeat center;z-index: -99;top: 0;background-size: 100%;}
.con-middle:after {background-color:#fff;z-index:-9;background-image: none;opacity: 0.89;}
.con-middle .newUser{width: 65%;padding: 10px 25px 10px;position: relative;z-index: 9;float: right;}
.con-middle .themehead{margin-left: 0px;margin-bottom: 0px;font-weight: 500;margin-top: 0px;padding-bottom: 0px;text-align: left;}
.con-middle .subtext{text-align:left;margin-bottom: 0px;color:#48484A;margin-bottom: 15px;}
.con-middle .themehead:before{display:none;}
.con-middle .themehead span{background-color:#f0f7fd;padding-left: 0px;}
.con-middle .newUser .form-control{background-color: #fff;border: 1px solid #d5d5d6;border-radius: 3px;height: 40px;width: 100%;font-size:20px;}
.con-middle .newUser textarea{height: 100px !important;}
.con-middle .newUser label{font-size: 18px;margin-bottom:5px;font-weight: 600;}
.con-middle .newUser label .asterisk {font-size: 15px;position: relative;top: -5px;left: 0px;display:none;}
.con-middle .time{width:40%;float:right;padding-left: 55px;}
.con-middle .time .todaysDay {color: #F44336;}
.con-middle .time p {margin-bottom: 7px;}
.con-middle h4{width:100%;font-size: 20px;margin-left: 1px;margin-bottom: 8px;font-weight: 600;}
.con-middle .time p span {font-weight: 500;}
.checkbox.top li {width: auto !important;padding: 5px 10px;}
.checkbox.top li label{width:auto;font-weight: 600;margin-bottom: 0px;top: -5px;position: relative;}
.checkbox.top #externalLinks a {color: #202020;width: auto;font-weight: 600;margin-bottom: 0px;top: -3px;position: relative;}
.newUser .services .top {margin-left: -3px;margin-bottom: 10px;}
.checkbox label{position: inherit;margin-left:6px;color: #202020;clear: both;width: 100%;}
.newUser .checkbox ul{display:flex;}
.newUser .checkbox.top ul{margin: 5px auto 5px;}
.newUser .checkbox.top li:nth-child(1){padding-left:0px;margin-left: -4px;}
.newUser .checkbox li{padding: 5px 10px 5px 5px;}
.newUser .checkbox input{float:left;width: 18px;height: 18px;}
.newUser .checkbox p{float:left;margin-bottom: 0px;padding-left: 10px;margin-top: -3px;font-size: 19px;}
.newUser .checkbox p span{font-weight:500;}

.conBtm{padding: 30px 17%;position:relative;z-index: 9;background-color: #ccc;background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);display:inline-block;width:100%;}
.conBtm .adr{float:left;width: 35%;}
.conBtm .adr h3{color: #e24315;font-size: 26px;margin-bottom: 35px;}
.conBtm .adr p{display:flex;margin-bottom: 20px;font-size: 21px;}
.conBtm .adr p a{color:#000}
.conBtm .adr i{background-color: #ea4111;color: #fff;width: 35px;height: 35px;border-radius: 35px;padding: 1px 6px 5px 9px;line-height: 35px;font-size: 25px;margin-right: 10px;float: left;}
.conBtm img{float:right;}
.conBtm:before,.conBtm:after {content: '';position: absolute;width: 40%;height: 100%;left: -136px;background: url(../images/RoundShape.png) no-repeat top left;z-index: -9;top: 0;background-size: 75%;}
.conBtm:after {width: 30%;left:auto;right:0px;background: url(../images/matrix-1.png) no-repeat right;background-size: 90%;}
.adrLocked{padding: 10px 45px 8px;background-color: #f3f3f3;border-bottom: 2px solid #dadada;box-shadow: 0 0px 0px 2px rgb(0 0 0 / 0%), 0 6px 55px 0 rgba(0, 0, 0, .01), 0 1px 36px 0 rgb(0 0 0 / 5%);top: -100%;transition: all 0.9s linear;z-index: 91;width:100%;visibility: hidden;position: fixed;}
.adrLocked.fixed{top: 110px;visibility: visible;}
.adrLocked ul{width:100%}
.adrLocked li{float: left;width: 33%;}
.adrLocked li h3{font-size:18px;margin-right: 5px;margin-top: 3px;}
.adrLocked li p{margin-bottom:0px;}
.adrLocked li p a{color:#000;}
.adrLocked li p a:hover{text-decoration:underline;}
.adrLocked li:last-child p {display:none;}
.adrLocked li:last-child .todaysDay{display:block;color: #0a870e;} 
.adrLocked li .conIco{float:left;font-size:20px;margin-top: 4px;color: #ea4213;}
.adrLocked li:nth-child(2)  .copyText{float:none;}
.adrLocked li .copyText{padding-left: 6px;text-align: left;float: left;}


.ContactTwo .form-wrapper { width: 80%;margin: 15px auto;}
.ContactTwo .con-middle:before,.ContactTwo .con-middle:after{display:none}
.ContactTwo .con-middle h2{text-align:center;color:#ea4111;font-size:28px;font-weight:600;}
.ContactTwo .newUser .checkbox.top li {background: rgb(238, 238, 242);padding: 10px 14px 3px 13px !important;margin-right: 10px;border-radius: 25px;}
.ContactTwo .form-wrapper {width: 90%;margin: 15px auto;}
.ContactTwo .newUser .checkbox.top ul {float: left;margin-bottom: 25px;}
.ContactTwo .form-wrapper #hours{margin-top: 6px;position: absolute;bottom: 25px;left: 16px;background-color: #fff;padding: 10px 20px;border-radius: 5px;width: 85%;z-index: 99;transition: all .7s;}
.ContactTwo .form-wrapper #hours .top{display:flex;}
.ContactTwo .form-wrapper #hours .top .img span{background-color:#ea4111;color:#fff;padding: 8px 7px;border-radius: 50px;font-size: 35px;width: 50px;height: 50px;margin-right: 15px;}
.ContactTwo .form-wrapper #hours p a {color: #000;}
.ContactTwo .form-wrapper #hours p a:hover {text-decoration: underline;}
.ContactTwo .form-wrapper #hours p {margin-bottom: 0px;font-weight:600;}
.ContactTwo .form-wrapper #hours .todaysDay {display: block;color: #0a870e;font-weight: 500;}
.ContactTwo .form-wrapper #hours h3{font-size:20px;color:#ea4111;}
.ContactTwo .form-wrapper #hours .time{padding-left: 60px;width: 100%;float: left;display: none;margin-top: -25px;}
.ContactTwo .form-wrapper #hours:hover .time{display:block;transition: all .7s;}
/*.ContactTwo .form-wrapper #hours:hover .top p{display:none;}*/
.ContactTwo .con-middle .newUser {width: 65% !important;float: left;    padding: 25px 5px 10px !important;}
.ContactTwo .con-middle .left{width:50%;position: relative;z-index: 9;}
.ContactTwo .con-middle .left:after,.ContactTwo .con-middle .left:before { content: '';width: 95%;height: 106%;z-index: -9;background-color: #ea4111;position: absolute;top: -22px;left: -32px;border-radius: 10px;transform: rotate(2deg);}
.ContactTwo .con-middle .left:before{z-index:9;transform: rotate(0deg);top: 0;left: 0;height: 100%;background-color: #0d1e6652;width: 96%;}
.ContactTwo .con-middle .left img{width: 96%;}
.ContactTwo .con-middle .newUser textarea {height: 130px !important;}
.ContactTwo .newUser .checkbox p {font-size: 17px;padding-left: 4px;}
.ContactTwo .con-middle .newUser .form-control {background-color: #f0f2f3;border-radius: 35px;height: 45px;}
.ContactTwo .con-middle {padding: 0px 2% 35px;}
.ContactTwo .Suptop .right .abtsec-vid{position:absolute;top: 50%;z-index: 9;border: 1px solid #e60023;color: #e60023 !important;font-size: 40px;border-radius: 100%;width: 60px;height: 60px;padding: 9px 19px;transform: translate(-50%,-50%);right: 38%;background-color:#fff;-webkit-animation: bubble 1s 
linear infinite;animation: bubble 1s linear infinite;}
.ContactTwo .Suptop .right .abtsec-vid:hover{background-color:#e60023;color:#fff !important;}
.ContactTwo .Articlepage .Suptop {z-index: 12;}
.ContactTwo .newUser .checkbox p {font-size: 16px;}
.ContactTwo .Suptop .left .callCon {width: 47%;margin: 0;padding: 7px 25px;border-radius: 17px;}
.ContactTwo .Suptop .left .callCon a{color: #ea4111;font-size: 30px;display: block;clear: both;margin-top: 5px;}
.ContactTwo .supportlock.fixed.callCon{position: inherit !important;width: 47% !important;}
/*Contact css start*/
.contact-box {padding: 0px 40px 10px;clear: both;}
.contact-box .box-in {display: flex;box-shadow: inherit;min-height: 220px;padding:0px 0px 0px;width: 49%;margin-bottom: 10px;background-color: #eef2f6;margin-right: 20px;overflow: hidden;box-sizing: border-box;float: left;}
.contact-box .box-in:last-child {margin-right: 0px}
.contact-box .box-in .animation__background:after {top: -175px;left: -180px;}
.contact-box .adr {width: 60%;}
.contact-box .box-in h3 {font-size: 17px;margin-bottom: 7px;color: #676a6c;/* font-weight: 700; */padding-left: 0px;font-family: "Poppins", sans-serif;}
.contact-box .box-in p {display: flex;padding-left: 0px;font-size: 19px;font-weight: 500;}
.contact-box .box-in a,.contact-box .box-in a:hover {color: #000;text-decoration:inherit !important;font-family: "Poppins", sans-serif;font-weight: 400;}
.contact-box .box-in i {color: #298bc9;padding: 1px 6px 5px 9px;font-size: 18px;margin-right: 5px;float: left;}
.adr .dropdown-menu {width: 300px;padding: 4px;}
.adr .dropdown-menu .display {display:flex;}
.hme-adr .adr .dropdown-menu .display a, .hme-adr .adr .dropdown-menu .display .copybtn {color: #000 !important;}
.contact-box .image {transition: transform .9s;overflow: hidden;}
.contact-box .adrone .image {width: 25px;text-align: center;}
.contact-box .image:hover img {transform: scale(1.01);transition: transform .9s;}
.contact-box h2{color: #ea4111;font-size: 23px;font-weight: 600;padding: 15px 10px 0px;}
.contact-box h2.themehead{padding: 0px 20px;font-size: 34px;margin: -10px 0px 30px;}
.contact-box h2.themehead:before {bottom: 18px;}
.contact-box .adrone{display:flex;padding: 10px 10px 0px;}
.contact-box .adrone  .image span {color: #676a6c;}
.contact-box .right {padding-left: 8px !important;}
/*.contact-box .adr:hover .hoverIcon {visibility: visible;opacity: 1;}*/
.contact-box .adr .viewmap{color: #1c84c6;padding-left: 43px;margin-top: -6px;display: inline-block;font-weight: 500;}

/*Contact*/
.contact-Three .con-middle:before{background: url(https://hrhub360.com/images/contact-map-bg.png) no-repeat center;;}
.contact-Three .cntct-con {
    background-color: #fff;
    padding: 15px 20px 15px;
    -webkit-box-shadow: -2px 0px 99px -10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -2px 0px 99px -10px rgba(0, 0, 0, 0.25);
    box-shadow: -2px 0px 99px -10px rgba(0, 0, 0, 0.25);
    width: 99%;
    margin: 0px auto 50px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.contact-Three .cntct-con h5 {
    font-size: 25px;
}

.contact-Three .cntct-con h5 span {
    color: #e24727 !important;
}

.contact-Three .contact-map {
    clear: both;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.contact-Three .cntct-con .box {
    float: left;
    width: 50%;
    position: relative;
}

.contact-Three .cntct-con .box h3 {
    font-size: 19px;
    margin-bottom: 10px;
    color: #ea4111;
    font-weight: 700;
}

.contact-Three .cntct-con .box.one:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #a4a4a4;
    top: 8px;
    right: 35px;
}
.contact-Three .office{min-height:200px;}
.contact-Three .office li {
    color: #000;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.contact-Three .office li p {
    line-height: 30px;
    margin-top: -5px;
}

.contact-Three .office li img {
    width: 25px;
    margin-bottom: 15px;
}

.contact-Three .office li .collapse.show i {
    font-size: 19px;
    position: relative;
    color: #414040;
    top: 5px;
}

.contact-Three .cntact-sec .left {
    width: 50%;
    float: left;
}

.contact-Three .cntact-form {
    width: 50%;
    float: right;
}

.contact-Three .cntact-form img {
    position: absolute;
    left: -5px;
    top: 5px;
}

.contact-Three .cntact-form .submit {
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    float: none;
    display: block;
    height: 40px;
}

.contact-Three .cntact-form:before {
    content: " ";
    display: block;
    position: absolute;
    top: -75px;
    right: -80px;
    width: 57%;
    height: 120%;
    background-color: #f7f7f7;
    z-index: -9;
    transform: skew(0deg, 15deg);
}

.contact-Three .cntact-drop a {
    color: #000;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.contact-Three .cntact-drop a span {
    position: relative;
    top: -5px;
    width: 130px;
    display: inline-block;
}
.contact-Three .cntact-drop a i {position: relative;top: 3px;}
.contact-Three .con-middle .newUser {width: 100%;padding: 10px 5px 10px;}
.contact-Three .image{float:left;}
.contact-Three .image span{font-size:25px;color: #ea4111;}
.contact-Three .right{float:left;padding-left:10px;}
.contact-Three .right a,.contact-Three .right a:hover{color: #000 !important;}
.contact-Three .cntct-con .box img{width:85%}
.contact-Three  #hours.three{clear:both;margin-top: 25px;display: inline-block;width: 100%;}
.contact-Three  #hours.three h3{
    font-size: 19px;
    margin-bottom: 12px;
    color: #e55041;
    text-align: center;
    }
.contact-Three  #hours.three .time {
    width: 100%;
    float: right;
    padding-left:0px;
    column-count: 2;
}
.contact-Three  #hours.three .time p{}
.contact-Three  #hours.three .time p.todaysday{display:block;color: #0a870e;}


.compareFuatures {
    padding: 15px 5%;
    position: relative;
}
.compareFuatures:before,.compareFuatures:after {content: '';position: absolute;width: 65%; height: 65%;left: -33%;background: url(../images/RoundShape.png) no-repeat top;z-index: -9;top: 1%;background-size: 60%;}
.compareFuatures:after{top:auto;bottom: -60px;right: -30%;left: auto;}
.compareFuatures table{border:0px;}
.compareFuatures table th{border: 0px;}
.compareFuatures table td{padding:8px;border:1px solid #ccc;font-size:16px;}
.compareFuatures table td{text-align:center;}
.compareFuatures table td:first-child{text-align:left;}
.compareFuatures .table-striped tbody tr:nth-of-type(odd){background-color: #F0F8FF;}
.compareFuatures .table-striped tbody tr:nth-of-type(even){background-color:#fff;}
.compareFuatures table th h3{color:#fff;font-size:20px;width: 150px;}
.compareFuatures table th h3 span{font-size:15px;}
.compareFuatures table th p{font-size: 13px;color: #fff;line-height: 15px;min-height: 30px;}
.compareFuatures table th p span{display:block;}
.compareFuatures table th:nth-child(2) {background-color: #2196f3;border-radius:10px 0px 0px 0px;}
.compareFuatures table th:nth-child(3) {background-color: #ffad01;}
.compareFuatures table th:nth-child(4) {background-color: #2ca01c;border-radius:0px 10px 0px 0px;}
.compareFuatures table th button{border-radius: 25px;font-size: 14px;padding: 4px 15px 2px;background-color: #fff;}
.compareFuatures table th button:hover{background-color:#ea4111;color:#fff;}
.compareFuatures td .material-symbols-outlined{font-size:18px;color:#4caf50;position: relative;top: 4px;}
.compareFuatures td .closeIcn{color:#666363;}
#compareFeatures {margin-top: 25px;text-align:center;}
#compareFeatures:before {display:none;}
#compareFeatures:hover{color:#fff !important;}



.shape-3 {
    position: absolute;
    right: 0px;
    z-index: -9;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}
@keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(73px, -1px) rotate(36deg);transform: translate(73px, -1px) rotate(36deg);}
  40% {-webkit-transform: translate(141px, 72px) rotate(72deg);transform: translate(141px, 72px) rotate(72deg);}
  60% {-webkit-transform: translate(83px, 122px) rotate(108deg);transform: translate(83px, 122px) rotate(108deg);}
  80% {-webkit-transform: translate(-40px, 72px) rotate(144deg);transform: translate(-40px, 72px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
}

@-webkit-keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(73px, -1px) rotate(36deg);}
  40% {-webkit-transform: translate(141px, 72px) rotate(72deg);}
  60% {-webkit-transform: translate(83px, 122px) rotate(108deg);}
  80% {-webkit-transform: translate(-40px, 72px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
}


.blog-date {width: 100px;float: left;padding: 55px 15px 35px;text-align: center;line-height: 1;background-color: #eee;}
.blog-date .material-symbols-outlined {font-size: 38px;margin-bottom: 10px;margin-right: 0;display: inline-block}
.blog-date-day {font-size: 20px;padding-bottom: 5px;border-bottom-width: 1px;border-bottom-style: solid;margin-bottom: 12px;line-height:50px;}
.blog-date-day span{font-size: 50px;}
.blog-date-month {font-size: 22px;text-transform: uppercase;margin-bottom: 10px}
.blog-date-year {font-size: 18px;letter-spacing: 4px}
.banner-top{padding: 0px 0px;background-image: linear-gradient(64deg, #bed9ef 15%, #e4e6e7 100%);margin-top: 65px;position: relative;z-index: 9;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.banner-top .breadcrumb:before {content: '';position: absolute;width: 100%;height: 100%;background: url(../images/bgDot.jpg) left;left: 0px;top: 0px;background-size: 34%;z-index: -9;opacity: 0.2;}
/*.banner-top .left{float:left;width:50%;}*/
.banner-top .themehead span {background-color: #f9f9f9;padding: 5px 60px;}
.breadcrumb {width: 100% !important;margin: 0px auto 0;z-index: 9;position: relative;padding: 5px 0px 1px 30px;border-radius: 0px;background-color: transparent;}
.bdcrumb-fixed {position: fixed;z-index: 91;top: 65px;margin-top: 0px;width: 100%;}
.breadcrumb ul li{float:left;}
.breadcrumb ul li a{color: #000000;padding: 5px 10px;display: inline-block;}
.breadcrumb ul li a .material-symbols-outlined{position: relative;}
.breadcrumb ul li a:after{content:'/';position:relative;left: 8px;top: 2px;}
.breadcrumb ul li:first-child a:after{top:-4px}
.breadcrumb ul li:last-child a{font-weight:800;color: #e55041;}
.breadcrumb ul li:last-child a:after{display:none;}
.breadcrumbs{border-bottom: 0px;margin-top: -10px;display: none;}
.breadcrumbs li a{font-size: 16px;padding: 1px 11px;color: #e8471a;position: relative;}
.breadcrumbs li:first-child a{padding-left:0px;}
.breadcrumbs li a:after{content: '';position: absolute;right: 0px;top: 6px;transform: rotate(15deg);width: 1.5px;height: 13px;background-color: #e8471a;}
.breadcrumbs li:last-child a:after{display:none;}
.topPeNxt .breadcrumb{display:inline-block;}
.topPeNxt .breadcrumb .prvnxt-art{clear: inherit;width: 12%;float: right;margin-right: 60px;margin-top: 3px;}
.topPeNxt .breadcrumb .prvnxt-art a{padding: 0px 0px 0px;background-color: transparent;color: #ea4111;}
.topPeNxt .breadcrumb .prvnxt-art a.prev {margin-right:10px;}




.Articlesubpage .banner-top{overflow:hidden;}
.Articlesubpage .banner-top:before {content: '';position: absolute;width: 105%;height: 100%;bottom: 70px;right:0px;z-index: -9;background: url(../images/matrix-2.png) no-repeat  bottom;background-size: 125%;opacity: 0.2;}
.artiList .title{background-color:#fff;float: left;}
.Articlepage .callCon.supportlock.fixed{/*position: inherit;padding: 15px 10px !important;width: calc(100% - 50px) !important;*/left: 275px;}
.Articlepage .Suptop {z-index:91;    padding-bottom: 20px;}
.Articlepage .Suptop:after{height: 315px;}
.Articlepage .Suptop .right {width: 30%;    position: relative;}
.articleblg{position:relative;z-index:9;padding: 15px 0px;/* background-image: linear-gradient(8deg, #ffffff 15%, #f4faff 100%); */background-color: #F5F1ED;}
.articleblg:before {content: '';position: absolute;width: 100%;height: 100%;top: 0px;right: 0px;z-index: -9;background: url(../images/article-pattern.jpg) repeat bottom;background-size: 15%;opacity: 0.4;}
.articleblg .left{float:left;width:95%;padding: 15px 15px 0px 35px;}
.articleblg .artiList .title .pull-left {position:relative;}
.articleblg .artiList .title img {float: left;}
.artiList .date {position: absolute;right: 0px;margin-bottom: 0px;background-color: #237810;padding:0px 10px;color: #fff;font-weight: 600;font-size: 16px;border-radius: 0px 0px 0px 10px;}
.articleblg .artiList{margin-top:0px;margin-bottom: 15px;background-color: #fff;padding: 10px;border-color: #edf5fb;width: 100%;text-align: left;display: flex;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);.articleblg .artiList {width: 100%;margin-right:0px;min-height:auto;}
.articleblg .artiList .title .pull-left {position:relative;}
.articleblg .artiList .titleimg {width:100%;}
.articleblg .artiList .title .cntnt {width: calc(100% - 425px);padding-left: 25px;}
.artiList .date {position: absolute;right: 0px;margin-bottom: 0px;background-color: #237810;padding: 5px;color: #fff;font-weight: 600;font-size: 16px;border-radius: 0px 0px 0px 10px;};}
.articleblg .artiList h3{font-size: 20px;line-height: 26px;margin-bottom: 10px;color: #ea4111;}
.articleblg .artiList .title p{clear:both;}
.articleblg .artiList .title .cntnt{float: left;margin: 4px 0px;width: calc(100% - 390px);padding-left: 25px;}
.articleblg .artiList .title .cntnt .date{color: #595959;font-size: 15px;}
.articleblg .blog-date{width: 100px;float: left;padding: 55px 15px 40px;text-align: center;line-height: 1;background-color: #eee;}
.articleblg .blog-date .blog-date-day{line-height: 20px;margin-bottom: 7px;}
.articleblg .blog-date .blog-date-day span{font-size:20px;}
.articleblg .artiList .date .material-symbols-outlined {position: relative;top: 3px;font-size: 20px;}
.Articlepage .readmr,.readmr {color: #ea4111;float: left;font-size: 16px; font-weight: 500;}
.Articlepage .readmr i,.readmr i {font-size: 20px;top: 4px;}
.Articlepage .readmr span,.readmr span {position:relative;top: 4px;font-size: 18px;}
.articleblg .right{width:25%;float:right;padding: 15px 15px 0px 0px;margin-top: -63px;}
.articleblg .no-results{background-color: #fff;padding: 15px;text-align: center;display: none;}
.articleblg .no-results p{font-size: 21px;}
.articleblg .no-results img{width: 10%;margin: 0 auto;}
.blog-right {background-color: #ffffff;padding: 5px;z-index: 9;position: relative;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);}
.search {margin: 15px 15px 0px 35px;position:relative;width: 91.7%;}
.search input {width: 100%;height: 50px;border: 1px solid #e5e0e0;padding: 0px 30px 0px 45px;border-radius: 25px;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);}
.btn-blog {position: absolute;top: 0px;right: 0px;padding: 6px 15px;background-color: #ea4111;border: 0px;height: 40px;border-radius: 0px;color: #fff;}
.search .searchicon{position: absolute;left: 15px;top: 13px;color: #ea4111;}
.search .clear-btn {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);cursor: pointer;font-size: 18px;color: #ea4111;display: none;}
.search .clear-btn:hover { color: #0350a0; }
.search-dropdown {position: absolute;top: 100%;left: 0;width: 100%;background: #fff;border: 1px solid #ddd;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);z-index: 999;max-height: 250px;overflow-y: auto;border-radius: 6px;}
.search-dropdown .dropdown-item {padding: 10px 15px;border-bottom: 1px solid #f3f3f3;transition: background 0.2s ease;}
.search-dropdown .dropdown-item:hover {background: #f7f7f7;}
.search-dropdown .dropdown-item a {text-decoration: none;color: #333;display: flex;justify-content: space-between;align-items: center;}
.search-dropdown .dropdown-item strong {font-size: 15px;}
.search-dropdown .dropdown-date {font-size: 12px;color: #888;}
.search-highlight {background: #fffd7a;padding: 0 2px;border-radius: 3px;} 
/* Highlight style for exact-word matches */
.search-highlight {background-color: #ffeb3b;padding: 0 .1rem;border-radius: 2px;}
/* Clear button (hidden until there's input) */
.clear-btn {display: none;position: absolute;right: .5rem;top: 50%;transform: translateY(-50%);cursor: pointer;color: #666;}
.clear-btn i {font-size: 18px;}
/* Results list appearance */
.search {position: relative;}
.search .clear-btn {right: 14px;top: 52%;}
.blog-link{margin-bottom:0px;}
.blog-link h4 { margin: 0px 0px 6px; font-size: 17px; font-weight: 700; border-bottom: 2px solid #ea4111; padding: 10px 10px; color: #ea4111; text-transform: capitalize;}
.blog-link a {color: #434141;padding: 8px 10px 8px 20px;display: inline-block;width: 100%;font-size: 16px;background-color: #eeeeee2e;margin-bottom: 0px;border-bottom: 1px solid #e6e4e4;display: flex;align-items: center;position: relative;}
.blog-link a:before{border-left-color: #ea4111;top: 14px;left: 7px;}
.blog-link a .material-symbols-outlined {color: #ea4111;display: none;}
.blog-link a:hover,.blog-link a.active,.sideMnu .gridList.toplink li a.active{color: #ffffff;background-color: #ea4111;}
.blog-link a:hover:before,.blog-link a.active:before,.sideMnu .gridList.toplink li a.active:before{border-left-color: #fff;}
.blog-link a:hover .material-symbols-outlined { color: #ffffff; }
.blog-link a:last-child{border-bottom:0px;}
.blog-link h4 .material-symbols-outlined { position: relative; top: 5px; line-height: 0; }
.Articlesubpage{overflow:hidden;}
.Articlesubpage .banner-top {padding: 15px 0px 30px 40px;background-color: transparent;background-image: none;margin-top: 0px;position: inherit !important;}
.Articlesubpage .banner-top h6.articount{background-color: #0d1e66;display: inline-block;padding: 7px 15px;color: #fff;border-radius: 25px;left: 40px;}
.Articlesubpage .banner-top img {float:right;width:40%;margin-top: -20px;}
.Investmentarti.banner-top img {width:auto;}
.Articlesubpage .artiList{width: 50%;float: left;}
.Articlesubpage .artiList .title {background-color: #fff;float: left;background-color: transparent;}
.Articlesubpage .artiList .title h3{color: #ea4111 !important;font-size: 25px;margin-bottom: 10px;}
.Articlesubpage .banner-top p {float: none;width: 100%;display:block;}
.themelist{clear:both;}
.themelist li{position:relative;padding-left:20px;margin-bottom:15px;font-size: 18px;}
.themelist li:before {content: '■';position: absolute;left: 0px;top: 0px;-webkit-transform: rotate(45deg);transform: rotate(45deg);color: #ea4111;}
.Articlesubpage .articleblg{background-image: none;padding: 30px 0px;}
.Articlesubpage .articleblg:before{display:none;}
.Articlesubpage .articleblg .left {clear:both;}
.Articlesubpage .themelist{width: 50%;margin-top: 5px;display: inline-block;padding-left: 5px;} 
.Articlesubpage .article-top:before {bottom: 70px;opacity: 0.2;}
.cta-section {width: 100%;padding:35px 40px;text-align: left;background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);color: #000;clear: both;}
.cta-section h3 {color: #ea4111 !important;font-size: 30px;}
.cta-div a {display: inline-block;text-align: center;width: 230px;margin: 15px 12px;padding: 8px 0px;background-color: #f55d49;border: 1px solid #f55d49;
margin-bottom: 0px;font-weight: 600;color: #fff !important;border-radius: 4px !important;transition: all .5s;}
/*prvnxt-art*/
.prvnxt-art{text-align: center;margin: 0px 0px;clear: both;width: 100%;}
.prvnxt-art a {display: inline-block;padding: 2px 15px 4px;font-size: 18px; background-color: #ea4111;color:#fff;}
.prvnxt-art a span{position:relative;top:6px;}
.prvnxt-art a:hover{    background-color: #0350a0;}
.prvnxt-art a.prev{margin-right:25px;}



/*Shape-5 rotate curve opposite*/
.shape-5 {-webkit-animation: curve-rotate 20s infinite linear;animation: curve-rotate 20s infinite linear;}
@keyframes curve-rotate{
  0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(-1px, 73px) rotate(36deg);transform: translate(1px, 73px) rotate(36deg);}
  40% {-webkit-transform: translate(72px, 141px) rotate(72deg);transform: translate(72px, 141px) rotate(72deg);}
  60% {-webkit-transform: translate(122px, 83px) rotate(108deg);transform: translate(122px, 83px) rotate(108deg);}
  80% {-webkit-transform: translate(72px, -40px) rotate(144deg);transform: translate(72px, -40px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
}
@-webkit-keyframes animationFramesOne {
  0% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(-1px, 73px) rotate(36deg);}
  40% {-webkit-transform: translate(72px, 141px) rotate(72deg);}
  60% {-webkit-transform: translate(122px, 83px) rotate(108deg);}
  80% {-webkit-transform: translate(72px, -40px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
}

.toplink {border-bottom: 0px;width: 90%;margin: 20px auto 20px;display: flex;/* z-index: 9; */}
.toplink li{padding-top: 0px;text-align: center;color: #fff;position: relative;font-size: 20px;border-radius: 5px;flex: 0 0 25%;}
.toplink li .innerHead{position: absolute;padding: 10px;color: #ffffff;font-size: 30px;}
/*.toplink li:last-child{margin-right:0px;}*/
.toplink li a{padding:0px;border: 0px !important;margin-right: 20px;}
.toplink li img{border-radius:15px;width: 100%;}
.toplink li h2{position:absolute;bottom: 30px;color:#fff;font-size: 19px;background-color:#ea4111;width: 90%;padding: 11px 5px 5px 5px;border-radius: 50px;left: 8px;min-height: 50px;text-align:center;}
.toplink li h2:before{display:none;}
.toplink li h2:hover{color:#fff !important;}
.toplink li:nth-child(3) h2{padding-top: 8px;}
.serBread .topmenu{display:none;}
.bdcrumb-fixed .serBread .topmenu{display:inline-block;}
.breadcrumb .topmenu{width: auto;margin: 2px 0px 0px 5px;}
.breadcrumb .topmenu li a{color: #000 !important;font-weight: 500 !important;font-size: 16px !important;background-color: #fff;padding: 5px 10px;border-radius: 0px;border-left: 1px solid #7c7c7c;}
.breadcrumb .topmenu li a.active,.breadcrumb.topmenu .dropdown.show .dropdown-menu a:hover{color:#fff !important;background-color:#ea4111;}
.breadcrumb .topmenu li:first-child a{border-left:0px;}
.breadcrumb .topmenu .dropdown{display: none !important;}
.breadcrumb .topmenu .dropdown.show .dropdown-menu a {border-right: 0px !important;display: inline-block;width: 100%;color: #000 !important;padding: 8px 6px;border-bottom: 1px solid #ccc;border-left: 0px;}
.breadcrumb .topmenu .dropdown.show .dropdown-menu li{float:none;width:100%;}
.breadcrumb .topmenu .dropdown.show .dropdown-menu li:last-child a{border-bottom:0px}
.breadcrumb .topmenu .dropdown.show .dropdown-menu a.active{color:#fff !important;}
.breadcrumb .topmenu .dropdown-menu{left: auto !important;right: 0px;width: 315px;margin-top: 5px;padding: 5px;}
.breadcrumb .topmenu li a:after {display:none;}
.breadcrumb .topmenu #dropdownmnu{padding: 5.5px 10px;}

.servicespage .hme-services{padding:10px 10px;display:none;}
.servicespage .hme-services .service-lst{width: 45%;text-align: left;height: 340px;}
.servicespage .hme-services .service-lst h3 {margin: 10px 0px 0px;}
.servicespage .hme-services .service-lst p {font-size: 17px;line-height: 25px;margin-bottom:0px;}
.service-category {margin-bottom:10px;z-index: 1;position: relative;}
.service-items {display: grid;grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));gap: 2rem;padding: 20px 40px;}
.service-item {background: white;padding: 25px 20px;border-radius: 10px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);transition: transform 0.3s;margin-top: 0px;border: 1px solid #ccc;}
.service-item .material-symbols-outlined{font-size: 25px;color: #ffffff;margin-top: -45px;position: relative;left: -9px;border: 1px solid #ccc;background-color: #ea4111;border-radius: 10px;padding: 8px;}
.service-item h4 {color: #2a5298;margin-bottom: 0.5rem;margin-top: 0px;font-size: 22px;}
.servicespage .Articlepage .Suptop {z-index: 1;}
.servicespage #topmnu{z-index:12;position:relative;margin-top: -20px;margin-bottom: 40px;}
.servicespage #topmnu .toplink li a {border: 1px solid #ccc !important;}
.servicespage #topmnu .toplink a:hover h2{background-color:#eee;}
.servicespage #topmnu .toplink a h2{color: #000000 !important;clear: both;padding: 10px 8px;background-color: #fff;width: 100%;position: relative;overflow: hidden;border-radius: 0px;bottom: 0px;left: 0px;text-align: left;min-height: inherit;font-size: 18px;font-weight: 500;}
/*.servicespage #topmnu .toplink h2:after {content: '';background-color: #0350a0;width: 100%;height:100%;position: absolute;left:-100%;z-index: -9;transition: all 0.6s linear;top: 0px;border-radius: 0px;}
.servicespage #topmnu .toplink a:hover h2:after{left:0%;}*/
.servicespage .toplink li img {border-radius: 2px;}
.service-items.one{grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));gap: 1rem;}
.service-items.one .material-symbols-outlined {margin-top: 0;left: 0;float: left;font-size: 35px;padding: 10px;margin-right: 10px;border-radius: 45px;}
.service-items.one h4 {float:left;}
.service-items.one p{clear: both;padding-left: 70px;margin-top: -25px;display: inline-block;}
.service-items.one .service-item {padding: 15px 20px;}
/*Payroll Grid*/
.payroll-grid{width: 100% !important;padding: 15px 25px 15px;position: relative;margin: 0px auto !important;display: inline-block;color: #fff;}
.payroll-grid .themehead span {background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);}
.payroll-grid:before {content: " ";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -9;background-color: rgb(244, 245, 248);background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);}
.payroll-grid .themegrid-list {border-right: 1px dashed #000;border-bottom: 1px dashed #000;width: 33%;float: left;text-align: left;min-height: 150px;padding: 15px 10px 20px;}
.payroll-grid .payroll-grid .onboardgrid-list span i {color: #e55041;}
.payroll-grid .themegrid-list h5 {color: #ea4111;margin-bottom: 10px;font-size: 22px;font-weight: 500;}

.aboutpage .hmeabt img {width: 100%;}
.abtpagetop .left {width: 100%;}
.abt-grid {margin: 22px 0px 0px;text-align: center;position: relative;padding:0px 25px 45px 15px;z-index: 9;/* background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%); */}
.abt-grid .abt-grid-list {padding: 16px 10px;width: 32%;border-radius: 5px;position:relative;z-index:9;margin: 0 auto;float: left;-webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: #fff;margin-right: 15px;min-height: 250px;transition: all 0.2s 
linear;background-color: #e1f1fe;}
.abt-grid .abt-grid-list:nth-child(2){background-color:#fef0e9;}
.abt-grid .abt-grid-list:nth-child(3){background-color:#f9f1f3;}
.abt-grid .material-symbols-outlined{font-size: 30px;position: relative;margin-top: -40px;text-align: center;border-radius: 50px;background-color: #ea4111;color: #fff;padding: 13px;}
.abt-grid h3{margin: 10px 0px 25px;font-size: 25px;text-align: left;}
.abt-grid h3 img{float:left;width: 11%;margin-top: -17px;}
.abt-grid p{text-align:justify;}
.abt-grid .abt-grid-list:hover {transform: translateY(-10px);box-shadow: 0 2px 3px rgb(245 109 82);}
/*Counts*/
#counter {position: relative;padding: 7px 4px 0px;clear: both;z-index: 9;margin-top:0px;overflow: hidden;}
#counter h4 {font-size: 19px;margin: 0px 0px 5px;font-weight: 700;color: #e60023;}
#counter .count-text p {font-size: 18px !important;text-align: center;margin-bottom: 0px;clear:both;color: #e60023;}
#counter .count-text {position: relative;float: left;width: 32%;color: #e60023;border: 1px solid #bdc1c9 !important;text-align: center;padding: 5px 5px;background-color: #ffffff;margin-right: 10px;z-index:9;margin-bottom: 0px;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);}
#counter .count-text:last-child{ margin-right:0px;}
.count-text:before,.count-text:after{content:"";width:2px;height:0;position: absolute;transition: all 0.2s linear;background: #ea4111;z-index: -9;}
.count-text:hover::before,.count-text:hover::after{width: 100%;height: 100%;}
.count-text:after{right:0;bottom: 0;transition-duration: 0.6s;}
.count-text:before{left: 0;top: 0;transition-duration: 0.6s;}
.count-text .left{float:left;width: 75px;position: relative;top: 10px;margin-right: 25px;left: 15px;display: none;}
.count-text:last-child #counts{border-right: none;}
.counter-value {font-size: 35px;position: relative;font-weight: 600;}
.counter-value:after{content:'+';position: relative;font-weight: 600;color: #e60023;font-size: 23px;top: -1px;padding-left: 3px;}
.count-text.percent .counter-value:after{content:'%';}
.count-text:hover p,.count-text:hover .counter-value,.count-text:hover .counter-value:after{color: #fff !important;}
#counter.countOne{padding: 25px 100px 0px;height: 385px;z-index: 9;/* display: flex; */align-items: center;background-color: #073d74;overflow: inherit;}
#counter.countOne h4{color:#fff;position: relative;margin: 0px 0px 25px;font-weight: 500;font-size: 30px;padding-bottom: 0px;z-index: 9;text-align: center;}
#counter.countOne:after{content:'';width:100%;height:100%;top: 0px;background-color: #0753a1;position: absolute;left: 0px;opacity: 0.3;z-index: -99;background: url(../images/contact-bg.png) no-repeat fixed bottom;}
#counter .countOneInn:after {content: '';width: 100%;height: 120px;bottom: 0px;position: absolute;left: 0px;z-index: -9;background: url(../images/power-bg-bottom.png) no-repeat left bottom;}
#counter.countOne .count-text{width: 24%;margin-bottom: 15px;background-color: transparent;border: 0px !important;min-height: 140px;padding: 10px 6px;box-shadow: inherit;text-align: center;}
#counter.countOne .count-text #counts{/* display: flex; */width: 100%;align-items: center;text-align: center;}
#counter.countOne .counter-value {background-color: transparent;margin-right: 10px;padding: 25px 10px;font-size: 40px;width: 115px;height: 115px;border-radius: 90px;color: #fff;border: 2px solid #fff;margin: 0 auto 15px;}
#counter.countOne .counter-value:hover {transform: translateY(-2px);background-color: #0350a0; }
#counter.countOne .count-text p {font-size: 21px !important;text-align: center;color:#fff;}
#counter.countOne .count-text:hover .counter-value,#counter.countOne .count-text:hover .counter-value:after{color: #ffffff !important;}
#counter.countOne .count-text:before,#counter.countOne .count-text:after{display:none;}
#counter.countOne .count-text:hover p{color: #fff !important;}
#counter.countOne .count-text .counter-value:after{color:#fff;}
#counter.countOne svg{position: absolute;top: -68px;width: 100%;left: 0px;z-index: -8;fill: rgb(21 73 125); -webkit-transform: rotateY(180deg);transform: rotateY(180deg);margin-top: -16px;}
#counter.countOne .count-text:nth-child(3) .counter-value:after {content: 'hrs';font-size: 14px;}

.pto-grid{position:relative;padding: 20px 30px 0px;margin-top: 0;margin-bottom: 0px;}
.pto-grid .left{width: 35%;float: left;padding-top: 35px;}
.pto-grid-list{position: relative;margin-bottom: 40px;min-height: 115px;}
.pto-grid .pto-grid-list span {position: absolute;left: 0px;display: inline-block;color: #0350a0;float: left;border: 2px solid #ea4111;border-radius: 45px;width: 75px;height: 75px;}
.pto-grid span i{font-size: 45px;top: 15px;left: 11px;font-weight: 100;position: relative;}
.pto-grid .grid-cntnt{float: left;padding-left: 80px;}
.pto-grid .grid-cntnt h5	{font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #db3d10;}
.pto-grid .left span{left:auto;}
.pto-grid .center{width: 28%;float:left;}
.pto-grid .right{width:35%;float:left;padding-top: 30px;}
.pto-grid-list:hover span {background-color:#ea4111;color:#fff;}
.servicespage .pto-grid{background-color:#f0f7fd;}
.servicespage .pto-grid-list{margin-bottom:15px;}
.servicespage .pto-grid .themehead span {background-color: #f0f7fd;}

.faq{padding: 10px 12% 30px;/*background-image: linear-gradient(184deg, #ffffff 30%, #f0f7fd 100%);*/}
.faq .sub-txt{text-align: center;margin-top: -23px;margin-bottom: 25px;}
.faq ul{margin-bottom:20px;}
.faq ul li{border-bottom:1px solid #dadada}
.faq .themehead span {/* background-color: rgb(246, 246, 246); */}
.faq .accordion {color: #000;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 20px;transition: 0.4s;background-color: transparent;}
.faq .panel {padding: 0 18px;display: none;overflow: hidden;}
.faq .panel.show{display:block !important;}
.faq .accordion:hover,.accordion.active{color:#f24605;}
.faq .accordion .fa{text-align:right;float:right;color: #f24605;font-size: 18px;position: relative;top: 7px;}
.faq .accordion .fa-chevron-up{display:none;}
.faq .accordion.active .fa-chevron-up{display:block;}
.faq .accordion.active .fa-chevron-down{display:none;}
.faq .expline,.faq .themehead{text-align:center;}
/* FAQ category tabs */
.faq-tabs {display: inline-flex;gap: 1rem;margin-left: .5rem;vertical-align: middle;width: 100%;}
.faq ul {background-color: #fff;padding: 10px;}
.faq-tabs .tab {background: #fff;border: 1px solid rgba(0, 0, 0, 0.08);padding: 0.55rem 1.5rem;border-radius: 5px;
margin-bottom: 15px;cursor: pointer;font-size: 16px;color: #333;font-weight: 600;transition: .5s;}
.faq-tabs .tab:hover {background: #0350a0;color: #fff;border-color: #0350a0;}
.faq-tabs .tab.active {background: #0350a0;color: #fff;border-color: #0350a0;}

.ToolsList .logo a {padding-bottom:0px;}
.toolstop{overflow: hidden;padding:35px 40px;display: inline-block;width: 100%;position: relative;z-index: 9;background-color: #f0f7fd;}
.toolstop .left{float:left;width:50%;}
.toolstop .left .btn-create{color:#fff;}
.toolstop .left .btn-create span{position:relative;top:5px;}
.toolstop .right{float:left;width:50%;position: relative;z-index: 9;}
.toolstop .right img{margin:0 auto;width: 70%;}
.toolstop:after {content: '';width: 30%;position:absolute;right: 0px;z-index: -9;background-color: #0d1e66;height: 100%;top: 0px;border-radius: 260px 0px 0px 260px;}
.rentCalcpge{margin-top: 2px;padding: 10px 45px;margin-bottom: 20px;position:relative;overflow:hidden;}
.rentCalcpge:after{content:'';position:absolute;left:0px;height:100%;width:100%;background:url(../images/article-pattern.jpg);z-index: -9;top: 0px;opacity: 0.3;}
.calculator {background:#fff;padding: 10px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);width: 100%;float: right;margin-right: 10px;border: 1px solid #eee;}
.calculator label {display:block;margin-top:10px;color:#555;}
.calculator input,.calculator  select {width:100%;padding:8px;margin-top:5px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;}
.calculator button, .toolstyle button {margin-top:5px;padding: 0px 7px 5px 0px;background-color:#f24605;color:white;font-size: 16px;border:none;border-radius:6px;cursor:pointer;}
.calculator button span, .toolstyle button span{position: relative;top: 5px;left: 4px;z-index:2;} 
.calculator button:hover, .toolstyle button:hover{background-color:#f24605;}
button.btn-create{margin-left: 10px;padding-left: 6px;padding-right: 10px;font-weight: 600;position: relative; /* needed for the pseudo-element */overflow: hidden; /* clip the ripple */-webkit-tap-highlight-color: transparent;}
/* hover lift + shadow */
button.btn-create{transition: transform 180ms ease, box-shadow 180ms ease;box-shadow: 0 2px 6px rgba(0,0,0,0.12);}
button.btn-create:hover{transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,0.18);}
button.btn-create:active{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.14);}
/* Ripple pseudo-element */
button.btn-create::after{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;background: rgba(255,255,255,0.38); border-radius: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;pointer-events: none;z-index: 1;}
button.btn-create:active::after{animation: ripple .6s ease-out;}
@keyframes ripple{0%{ transform: translate(-50%, -50%) scale(0); opacity: 0.6; }100%{ transform: translate(-50%, -50%) scale(10); opacity: 0; }}
.btn-create[data-type="pdf"], .btn-create[data-type="pdf"]:hover { background-color: #E61B23; padding: 7px 20px !important; }
.btn-create[data-type="excel"], .btn-create[data-type="excel"]:hover { background-color: #217346; padding: 7px 20px !important; }
.btn-create[data-type="print"], .btn-create[data-type="print"]:hover { background-color: #2196f3; padding: 7px 20px !important; }
.calculator .box-shadow, .toolstyle .box-shadow{box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 15px;margin: 15px 0px 0px;border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.calculator .section, .toolstyle .section{border-top: 0;padding: 10px;background-color: #f3f3f3;margin: -15px -15px 0px;}
.toolstyle .box-shadow .dataPlane{padding: 8px 15px;}
.toolstyle .box-shadow .dataPlane .row{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.calculator .section h3, .toolstyle .section h3{font-size:18px;font-weight:700; color: #0350a0; float: left;}
.calculator .section .material-symbols-outlined, .toolstyle .section .material-symbols-outlined{ line-height: 0; position: relative; top: 5px; }
.calculator .section .toggle-btn, .toolstyle .section .toggle-btn{ cursor: pointer; rotate: 90deg; float: right; font-size: 22px; transition: all 0.3s ease-in-out; height: 22px; }
.calculator .section .toggle-btn .material-symbols-outlined, .toolstyle .section .toggle-btn .material-symbols-outlined{ font-size: 33px; }
.calculator .section .toggle-btn .material-symbols-outlined.rotate, .toolstyle .section .toggle-btn .material-symbols-outlined.rotate{ rotate: 180deg;transition: all 0.3s ease-in-out; }
.calculator .result{margin-top: 10px;padding: 0px;background-color: #fFF;border-radius:0px;color:#2d662d;font-weight:bold;overflow-x:auto;}
.calculator canvas{margin-top:15px;}
.calculator .row{display:flex;justify-content:space-between;align-items:flex-start;margin-top: 0px;gap:5px;margin-left: 0px;margin-right: 0px;border-bottom: 1px solid #ddd;padding: 12px 12px;}
.calculator .row:last-child{border-bottom:0px;}
.calculator .row input,.row select{width:30%;}
.calculator .row button{background: #eee; color: #48484a; padding: 0px 5px 0px;margin-top: 5px;width: 35px;height: 35px;}
.calculator .row button span{font-size:30px;top: 3px;left: -2px;}
.calculator .row button:hover{background:#ddd;}
.calculator .dynamic-btns{display:flex;justify-content:space-between;margin-top:10px; gap:5px; border-top: 1px solid #ddd; padding-top: 10px;}
.calculator table {width:100%;border-collapse: collapse;margin-top: 0px;}
.calculator .result td { padding: 12px 5px; border-bottom: 1px solid #ddd; }
.calculator th,.calculator  td {padding: 12px 5px; text-align:right;color: #000;}
.calculator th:first-child,.calculator td:first-child{text-align: left;}
.calculator th {background-color:#4CAF50;color:white;background-color: #2196F3;}
.calculator .headBoard {font-weight:bold;background-color: #eee;color: #fff;}
.calculator .headBoard td{color:#000;}
.calculator .income {font-weight:bold;background-color: #d7ffe3;color: #fff;}
.calculator .income td{color:#4CAF50;}
.calculator .expenses {font-weight:bold;background-color: #ffe9e3;color: #fff;}
.calculator .expenses td{color: #ea4111;}
.calculator .total {font-weight:bold;background-color: #f44336;}
.calculator .total th, .calculator .total td {color:#fff;}
.calculator .export-section{margin-top:20px;text-align:center;background-color: transparent;}
.calculator .export-section button{padding:7px 10px;}
.rentCalcpge .blog-right{ float:right; width:20%; border: 1px solid #eee; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.opacity-0{opacity: 0;}

.testimonial-section {padding: 10px 40px;background-image: linear-gradient(184deg, #ffffff -27%, #e0f1ff 100%);position:relative;z-index: 9;overflow: hidden;}
.testimonial-section .themehead span {background-color: #f4faff;padding: 0px 25px;}
.testimonial-section:after {content: '';position: absolute;width: 65%;height: 100%;right: -33%;background: url(../images/RoundShape.png) no-repeat top;z-index: -9;top: 0%;background-size: 60%;}
.testislider.owl-carousel .owl-stage-outer{padding-bottom:25px;}
.testislider .item {box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);padding: 10px 10px 25px;margin: 0px;background-color: #fff;border: 1px solid #eee;overflow: hidden;}
.testislider .item .left {min-height: 240px;}
.testislider p{font-size: 17px;line-height: 30px;text-align: justify;letter-spacing: -0.2px;}
.testislider p:last-child{border-top: 1px solid #eee !important;padding: 5px;position:absolute;bottom: 2px;width: 99%;margin-bottom: 0px;background-color: #eee;bord;border-radius: 3px;: 2px;left: 2px;padding-left: 100px;text-align: left;line-height: 20px;}
.testislider .fa-quote-right{position:absolute;right: 10px;bottom: 45px;font-size: 40px;opacity: 0.06;}
.testislider img{width: 80px !important;z-index: 99;position: absolute;bottom: 5px;left: 15px;background-color: #eeeeee;border-radius: 8%;text-align: center;}
.owl-nav button{outline:none;position:absolute;top: 30%;color: #ea4111;font-size: 40px;line-height: 25px;padding: 5px;visibility:hidden;}
.testislider:hover .owl-nav button{visibility:visible;}
.owl-nav button span{position:relative;top: -5px;}
.owl-nav button.owl-next{right: 0%;}
.owl-nav button.owl-prev{left: 0%;}
/* Client Testimonials page */
.testimonial-PageOc17{ background-color: #fff; border-radius: 8px; }
.testiCards{ padding: 20px; border-radius: 15px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom: 25px;}
.testiCards p{ font-size: 16px; text-align: justify; line-height: 25px; }
.testiCards .fa-quote-right{ position: absolute; top: 16px; right: 30px; opacity: .1; font-size: 100px; color: #1c84c6; }
.testiCards .img-fluid{ height: 50px; width: 50px; border-radius: 50%; border: 2px solid #ddd; }
.testiCards .nameBoard{ padding-left: 10px; }
.testiCards .nameBoard .namePanel{ padding-left: 10px; }
.testiCards .nameBoard .namePanel p:nth-child(1) { font-weight: bold; margin: 0; color: #0350a0; }
.testiCards .nameBoard .namePanel p:nth-child(2) { margin: 0; }
ul.stars{float:right;width: 100%;margin-bottom:10px;}
ul.stars li{display: inline-block;line-height: 15px;text-align: center;border-radius: 4px;font-size: 18px;color: #ed582d;margin-right: 0px;}
ul.stars li:first-child{margin-right:25px;font-weight: 700;}
 /* Side floating button */
.hmerent a {position: fixed;top: 50%;right: -8%;transform: translateY(-50%);background: #ea4111;color: #fff;padding: 8px 5px;border-radius: 5px;cursor: pointer;font-size: 16px;font-weight: 500;transition: background 0.3s;display: flex;transition: all 0.2s linear;z-index: 99;}
.hmerent a span{margin-right: 4px;}
.hmerent a:hover{right:0px; background: #ea4111;}
.hmerent:hover{right:0px; background: #0d4682;}

/* Floating panel */
.rent-panel {display: none;}
/* Modern slider style */
input[type="range"] {width: 100%;height: 8px;border-radius: 10px;background: linear-gradient(90deg, #ea4111 0%, #ff7a00 100%);outline: none;transition: opacity 0.2s;-webkit-appearance: none;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #fff;border: 3px solid #ea4111;cursor: pointer;box-shadow: 0 0 8px rgba(234, 65, 17, 0.4);transition: transform 0.2s ease;}
input[type="range"]::-webkit-slider-thumb:hover {transform: scale(1.15);}
#rangeValue {text-align: center;font-weight: 600;margin-top: 8px;color: #ea4111;font-size: 1.1rem;}
.number-box {display: flex;align-items: center;justify-content: space-between;background: #fff;border: 2px solid #e0e0e0;border-radius: 50px;padding: 6px 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.05);transition: all 0.3s ease;}
.number-box:hover {border-color: #ea4111;box-shadow: 0 6px 12px rgba(234,65,17,0.2);}
.number-box input {border: none;text-align: center;width: 60px;font-size: 18px;font-weight: 600;outline: none;background: transparent;appearance: textfield;}
/* Remove arrows inside input type=number */
.number-box input::-webkit-outer-spin-button,
.number-box input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.number-box button {border: none;width: 34px;height: 34px;border-radius: 50%;background: #f3f3f3;color: #333;font-size: 20px;cursor: pointer;transition: 0.3s ease;}
.number-box button:hover {background: #ea4111;color: white;transform: scale(1.1);}
/*Home Services css*/
.hme-services{margin-bottom: 0px;overflow: hidden;position:relative;background-image: linear-gradient( 310deg,#ffffff 15%, #f0f7fd 100%);padding: 0px 20px 30px 0px;}
.hme-services .left{width: 35%;float: left;position: relative;padding: 107px 75px 142px 60px;text-align: center;z-index: 9;left: 0px;overflow: hidden;}
.hme-services .left .lft-in{position: relative;width: 60%;z-index: 9;left: 11px;overflow: hidden;top: 39px;}
.hme-services .left .themehead{/* text-align:left; */margin: 0px;padding-bottom: 10px;}
.hme-services .left .themehead:before{display:none;}
.hme-services .left .themehead span{background-color:transparent;padding: 0px;}
.hme-services .left:after {content: '';position: absolute;width: 615px;height: 615px;top: -85px;left: -122px;background-size: 65% !important;-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;z-index: -9;background: url(../images/anim-circle.png) no-repeat center;}
.services .right{width: 65%;float:right;position:relative;padding:10px 59px 0px 0px;z-index:9;}
.services .right:before {content: " ";display: block;position: absolute;top: -30px;right: -176px;width: 130%;height: 125%;background-color: #e7e7e7;z-index: -9;
/* transform: skew(33deg, 15deg);*/
-webkit-transform: skewX( 21deg);-moz-transform: skewX(21deg);-ms-transform: skewX(21deg);transform: skewX( 21deg);}
.services .right:after {content: '';position: absolute;width:100%;height:100%;top: 41px;left: 0;background: url(../images/services-right.png) no-repeat center;background-size: 100%;
-webkit-animation-name: ripple-bounce;animation-name:  ripple-bounce;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;display:none;}
@keyframes ripple-bounce {
0% {transform: scale(0.8);}
50% {transform: scale(1.2);}
100% { transform: scale(0.8);}}
.hme-services .right .slider-for .lft{float:left;width: 50%;text-align: left;}
.hme-services.right .slider-for .rht img{width: 85%;margin: 0 auto;}
.hme-services .right .slider-for .rht{float:left;width: 50%;padding-left: 0;margin-top: 0px;}
.hme-services .right .slider-nav span {width: 150px;height: 150px;border-radius: 50%;display: block;text-align: center;position: relative;
-webkit-transition: all .4s ease;transition: all .4s ease;cursor: pointer;margin: 0 auto;background: #0350a0;}
.hme-services .right .slider-nav span h3 {color: #fff;font-size: 17px;position: relative;z-index: 99;padding-top: 50px;}
.hme-services .right .slider-for .slick-slide {background-color: #ffffff;padding: 16px 15px 10px;border-radius: 5px;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);margin-bottom: 0px;}
.hme-services .slider-nav .slick-current span{background: #f14616 !important;-webkit-animation: bubble 1s linear infinite;animation: bubble 1s linear infinite;}
/*.hme-services .slider-nav span{content: '';width: 130px;height: 130px;background: #0350a0;border-radius: 50%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-60%, -50%);transform: translate(-50%, -50%);-webkit-transition: all .4s ease;transition: all .4s ease;z-index: 10;}*/
.hme-services .slider-nav .slick-slide:nth-child(2) span{background-color:#f68a1f;}
.hme-services .slider-nav .slick-slide:nth-child(3) span{background-color:#2196f3;}
.hme-services .slider-nav .slick-slide:nth-child(5) span{background-color:#ffad01;}
/*.hme-services .slider-nav .slick-slide:nth-child(3) h3{padding-top:65px;}*/
.hme-services .slider-nav .slick-current span:after {position: absolute;bottom: -38px;left: 44%;width: 0;height: 0;border: solid transparent;content: '';pointer-events: none;margin-left: -18px;border-width: 25px;border-top-color: #f14616;}
/*.hme-services .slider-nav button.slick-prev{left: -40px;background: url(../images/icons/left.png) no-repeat left top;}
.hme-services .slider-nav button.slick-next{right: -40px;background: url(../images/icons/right.png) no-repeat left top;}*/
.hme-services .slider-nav .slick-list{padding: 15px 0px;}
.hme-services .themebtn{}
@-webkit-keyframes bubble {
0% {box-shadow: 0 0 0 0 rgba(229, 80, 65, 0.9), 0 0 0 4px rgba(229, 80, 65, 0.86), 0 0 0 9px rgba(206, 206, 206, 0.82), 0 0 0 10px rgba(206, 206, 206, 0.15);}
100% { box-shadow: 0 0 0 0.2px rgba(206, 206, 206, 0.15), 0 0 0 0.5px rgba(206, 206, 206, 0.15), 0 0 0 0.8px rgba(206, 206, 206, 0.15), 0 0 0 1px rgba(206, 206, 206, 0.15);}
}
@keyframes bubble {
0% {box-shadow: 0 0 0 0 rgba(229, 80, 65, 0.9), 0 0 0 4px rgba(229, 80, 65, 0.86), 0 0 0 9px rgba(206, 206, 206, 0.82), 0 0 0 10px rgba(206, 206, 206, 0.15);}
100% { box-shadow: 0 0 0 0.2px rgba(206, 206, 206, 0.15), 0 0 0 0.5px rgba(206, 206, 206, 0.15), 0 0 0 0.8px rgba(206, 206, 206, 0.15), 0 0 0 1px rgba(206, 206, 206, 0.15);}
}
.hme-services .slider-nav .slick-dots{position: absolute;bottom: -255px;left: 45%;z-index: 99;}
.hme-services .slider-nav .slick-dots li{float:left}
.hme-services .slider-nav .slick-dots button{background-color: #ccc;width: 20px;height: 20px;margin-right: 5px;outline:none;line-height: 0;display: block;padding: 5px;cursor: pointer;color: transparent;border: 0;position: relative;border-radius: 20px;}
.hme-services .slider-nav .slick-dots .slick-active button{background-color: #ea4111;color:#fff;}
.hme-services .lft h3{font-size:25px;margin-bottom: 10px;}
.hme-services .mblview{display:none;}

/*Shape-2 rotate*/
.shape-2 {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotateme {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
/*Social icon*/
.social-icon {transform: translate(-0%,-50%);position: fixed;top: 57%;right: 0px;z-index:99;padding: 10px 7px 9px;border-radius: 5px 0px 0px 5px;}
.social-icon a.linkedin{display:block;margin-bottom: 15px;}
.social-icon a.linkedin {width: 38px;height: 38px;display: block;background: #ffffff;position: relative;padding: 9px 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 25px;color: #0350a0;border: 2px solid #ea4111;margin: 0 auto;}
.social-icon a.linkedin:hover {background-color: #007bb6;border: 1px solid #007bb6;color:#fff;}
.social-icon a.linkedin:hover i{/* color:#fff; */}
.social-icon a.linkedin span,#ToolOpenBtn span{color: #f6f6f6;font-size:13px;display: none;}
#toolpopup {position: fixed;top:110px;right: -5px;width: 595px;height:100%;background: #fff;transform: translateX(105%);transition: transform 0.4s ease;padding: 0px;box-shadow: -3px 0 8px rgb(0 0 0 / 6%);border-radius: 5px;z-index: 99;}
.home #toolpopup {top:65px;}
#toolpopup.active:before {content: '';position: absolute;width:1980px;height: 100vh;background-color: #8e8e8e;right: 99%;opacity: 0.6;z-index: -9;top: 1px;}
#toolpopup.active {transform: translateX(0);}
.sideMnu .popup.active:before {content: '';position: absolute;width:1980px;height: 100%;background-color: #8e8e8e;left: -100%;opacity: 0.6;}
#toolpopup .inside-content{height:100vh;background-color: #fff;padding: 10px;}
#toolpopup .popup-content {padding: 0px;position: relative;background-color: #fff;}
#toolpopup .popup-content h3 {margin: 0px 0px 6px;font-size: 17px;font-weight: 700;border-bottom: 2px solid #ea4111;padding: 10px 10px;color: #ea4111;text-transform: capitalize;}
#toolpopup .popup-content h3 span{position: relative;top: 7px;line-height: 0;margin-right: 5px;}
#ToolCloseBtn {position: absolute;top: 9px;right: 13px;background: none;border: none;font-size: 22px;cursor: pointer;opacity: 0.9;color: #ea4111;z-index: 9;}
#toolpopup .insideScroll {overflow-y: inherit;padding: 10px;display: flex;}
#toolpopup .popup-content a{text-align: center;border: 1px solid #ccc;margin-right: 10px;padding: 10px;border-radius: 10px;}
#toolpopup .popup-content a img{margin:0 auto;width: 70%;}
#ToolOpenBtn{width: 38px;height: 38px;display: block;background: #fff;margin-bottom: 5px;position: relative;padding: 7px 6px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 25px;color: #e03e10;border: 1px solid #e64011;-webkit-animation: bubble 2s linear infinite;animation: bubble 2s linear infinite;margin: 8px auto 0px;}
#ToolOpenBtn:hover{color:#fff;background-color: #e74011;}
#toolpopup .gridList{width:100%;}
#toolpopup .gridList li{flex: 0 0 50%;}
#toolpopup .gridList.toplink li h3 {font-size:20px;border-bottom:0px;margin-bottom:0px;color:#fff;}
#toolpopup .gridList.toplink li a {text-align: left;padding: 0;}
#toolpopup .gridList.toplink li a:hover{text-decoration:none;}
/* Open Button */
.sideMnu .open-btn {position: fixed;right: 12px;padding: 0px 5px;font-size: 16px;background: #ea4111;color: #fff;border: none;cursor: pointer;transform: translateY(-50%);transition: background 0.3s;z-index:91;border-radius: 25px;width: 35px;height: 35px;transform: translate(-0%, -50%);top:90px;}
.sideMnu .open-btn:hover {background: #ea4111;}
/* Popup Panel */
.sideMnu .popup {position: fixed;top: 67px;right: -50%;  /* Hidden by default */width: 50%;height: 100%;background: #f4f4f4;box-shadow: -3px 0 8px rgba(0,0,0,0.2);transition: right 0.4s ease;z-index:99;}
.sideMnu .popup.active {right: 0;}
.sideMnu .popup-content {padding: 3px;position: relative;background-color: #fff;display: inline-block;width: 100%;height: 100%;}
/*.insideScroll{overflow-y: scroll;max-height: 100vh;}*/
.sideMnu  .blog-right:nth-child(1){width:100%;}
.sideMnu  .blog-right{float:left;width:100%;margin-bottom: 15px;}
.sideMnu .gridList.toplink {width: 100% !important;margin-top: 0px;}
.sideMnu .gridList.toplink li {flex: 0 0 50%;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);}
.sideMnu .gridList.toplink li h3 a{color:#fff;font-size:20px;padding:0px;}
.sideMnu .gridList.toplink li h3 a:before{display:none;}
.sideMnu .gridList.toplink li a {margin-right: 0px;border:0 !important;border-radius: 0px;box-shadow:inherit;min-height:inherit;border-bottom: 1px solid #e6e4e4;padding: 8px 10px 8px 20px;background-color: transparent;}
.sideMnu .gridList.toplink li a:hover {background-color: #ea4111;}
/*.sideMnu  .blog-right:nth-child(1) a{float:left;width:50%}*/
.sideMnu  .blog-right:nth-child(1) .artimenulst{column-count:2;}
.sideMnu .gridList.toplink li:nth-child(1){border-right: 15px solid #f4f4f4;}
/* Close Button */
.sideMnu .close-btn {position: absolute;top: 10px;right: 10px;background: #eb491b;color: #fff;border: none;font-size: 18px;padding: 3px 9px;cursor: pointer;border-radius: 25px;z-index: 99;}
.sideMnu .close-btn:hover {background: #e60000;}
/*.Articlepage .sideMnu,.rentCalcpge .sideMnu{display:none;}*/
.Articlesubpage .sideMnu{display:block;}

/*mobile menu btm*/
.btm-mnu {position: fixed;left: 151px;z-index:9;bottom: 1px;width: 48%;cursor: pointer;box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);background-color: #fff;border-radius: 100px;padding: 0px 15px;z-index:99;display:none;}
.btm-mnu ul {display:table;padding: 9px 10px 4px;width: calc(100% - 40px);}
.btm-mnu> ul> li{display:table-cell;/* float: left; *//* margin-right: 15px; */vertical-align: middle;}
.btm-mnu ul> li:nth-child(1)> a.dropdown-toggle,.btm-mnu >ul> li:nth-child(2)> a,.btm-mnu >ul> li:nth-child(3)> a{margin-top: -5px;background-color: #ea4111;width: 40px;height: 40px;position: relative;top: 0px;font-size: 23px;display: block;border-radius: 50%;color: #fff;}
.btm-mnu ul> li:nth-child(2)> a.dropdown-toggle{background-color:#2196f3;}
.btm-mnu ul> li:nth-child(3)> a.dropdown-toggle{background-color:#f68a1f;}
.btm-mnu ul> li> a i{position:relative;top: 6px;left: 7px;}
.btm-mnu ul> li> a.dropdown-toggle:hover {color: #fff;transform: scale(1.04);}
.btm-mnu .dropup .dropdown-toggle::after{display:none;}
.btm-mnu .dropdown-menu{padding: 0px;width: 317px;top: -4px !important;left: -15px !important;border-bottom: 2px solid #ea4111;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);height: 460px;}
.btm-mnu .dropdown-menu h6 {font-size: 21px;color: #ffffff;background: linear-gradient(17deg, #f24605, #f24605e3);padding: 6px 10px 8px 10px;font-weight: 600;border-top-left-radius: 0px;border-top-right-radius: 0px;line-height: 25px;}
.btm-mnu .dropdown-menu h6 span {float: right;}
.btm-mnu .dropdown-menu ul{display:block;width: 100%;padding: 0;}
.btm-mnu .dropdown-menu li a{color:#000 !important;background-color: transparent !important;height:auto;font-size: 19px;padding: 5px 5px 5px 20px;border-radius: 2px;border-bottom: 1px solid #ffa68d;position: relative;display: block;width: 100%;}
.btm-mnu .dropdown-menu li a:before{border-left-color: #ea4111;top: 12px;left: 6px;}
.btm-mnu .dropdown-menu li a:hover{background-color:#ea4111 !important;color:#fff !important;}
.btm-mnu .dropdown-menu:before {border-top-color: #ea4111 !important;border-bottom: none !important;top: auto;bottom: -11px;left: 0px !important;content: "";border: 10px solid transparent;font-size: 0;display: inline-block;margin-left: 25px;position: absolute;background-color: transparent;}
.btm-mnu .Toolsbtm .dropdown-menu{left: -110px !important;}
.btm-mnu .Toolsbtm .dropdown-menu:before{left: 93px !important;}
.btm-mnu .Servicessbtm .dropdown-menu{left: -65px !important;width: 365px;}
.btm-mnu .Servicessbtm .dropdown-menu:before{left: 184px !important;}

/* monthly Free expenses */
.estimate-panel{background-color: var(--invoice-ThemeGreen);border-radius: 15px; padding: 20px;color: #fff;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);margin-top: 20px;}
.estimate-panel h2{font-size: 22px;color: #fff;margin-bottom: 10px; border-bottom: 2px solid #fff; padding-bottom: 10px; font-weight: bold;}
.estimate-panel p{font-size: 16px;color: #fff;margin-bottom: 5px;font-weight: 600;font-size: 20px;}


/* articles */
.article7 .banner-top img{ width: 45%; margin-top: -30px; border-radius: 0 0 0 150px; }
.article7 .artiList .title h3{font-size: 30px; line-height: 45px;}
.article7 .banner-top p{font-size: 20px; line-height: 30px;}
.article7 .p-border{border: 2px solid var(--invoice-ThemeOrange); width: 10%; margin: auto;}
.contentPanel{ background-color: #eff9ff; padding: 20px 40px; }
.contentItems{ display: flex;}
.contentItems .left{ width: 40%; padding: 30px 0; margin-right: 30px; }
.contentItems .left .imgbox{ padding: 10px; border-radius: 500px; border: 2px dashed #1d4746; }
.contentItems .left .imgbox img{ width: 100%; border-radius: 500px; }
.contentItems .right{ }
.article7 .timeline { position: relative; padding-left: 0px; border-left: 3px dashed #0d6efd; margin-top: 30px; }
.article7 .timeline-step { position: relative; margin-bottom: 60px; padding-left: 30px; opacity: 0; transform: translateY(40px); animation: fadeInUp 1s forwards; }
.article7 .timeline-step:nth-child(1) { animation-delay: 0.2s; }
.article7 .timeline-step:nth-child(2) { animation-delay: 0.4s; }
.article7 .timeline-step:nth-child(3) { animation-delay: 0.6s; }
.article7 .timeline-step:nth-child(4) { animation-delay: 0.8s; }
.article7 .timeline-step:nth-child(5) { animation-delay: 1s; }
.article7 .timeline-step:nth-child(6) { animation-delay: 1.2s; }
.article7 .timeline-step:nth-child(7) { animation-delay: 1.4s; }
.article7 .dot { position: absolute; left: -10px; top: 5px; width: 18px; height: 18px; border-radius: 50%; background: #0d6efd; border: 3px solid #fff; box-shadow: 0 0 0 rgba(13, 110, 253, 0.4); animation: pulse 2s infinite; }
.article7 .timeline-step h2 { color: #1d4746; font-weight: 600; font-size: 1.3rem; display: flex; align-items: center; gap: 8px; }
.article7 ul { margin-top: 10px; }
.article7 li { margin-bottom: 6px; }
.article7 .tip { background: #e7f1ff; border-left: 4px solid #0d6efd; padding: 12px 16px; border-radius: 8px; font-size: 0.95rem; margin-top: 10px; }
.article7 .cta-section { background: none; background-color: #fff; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(13,110,253, 0.6); } 70% { box-shadow: 0 0 0 12px rgba(13,110,253, 0); } 100% { box-shadow: 0 0 0 0 rgba(13,110,253, 0); } }

.landlordArti .banner-top {padding: 15px 0px 0px 40px;}
.landlordArti .payroll-grid .themegrid-list {width: 49%;min-height: 250px;}
.landlordArti .payroll-grid .themegrid-list p{min-height: 55px;}
.landlordArti .payroll-grid .themegrid-list p:last-child{background: #e4eaf3;border-left: 4px solid #0d6efd;padding: 12px 16px;border-radius: 8px;font-size: 0.95rem;margin-top: 0px;margin-bottom: 0px;min-height: auto;}
.insideFaq .faq ul {float: left;width: 60%;margin-top: 45px;}
.insideFaq .faq img{float: right;width: 30%;margin-top: -50px;}
.landlordArti .cta-section .left,.landlordArti .cta-section .right{float:left;width:50%;}
.landlordArti .cta-section .prvnxt-art{margin-top:20px;border-top:1px solid #ddd;padding-top:10px;}

.article6 .banner-top {background: url(../images/article/article6MainBg.jpg);height: 500px; background-size: cover;}
.article6 .banner-top .bannerPanelA1{ width: 50%; }
.article6 .banner-top .bannerPanelA1 h1{ color: #fff; font-weight: bold; padding: 15px 0 35px; font-family: "Dosis", sans-serif; line-height: 55px;  font-size: 50px; }
.article6 .banner-top .bannerPanelA1 p{ color: #fff; font-weight: 500; line-height: 30px; width: 75%;}
.article6 .stepperContainer{ padding: 40px 40px 0px; }
.article6 .stepperContainer .stepperBox{ font-size: 14px; padding: 0px 15px 15px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 15px; margin-bottom: 35px; height: 385px; transition: .4s;}
.article6 .stepperContainer .stepperBox:hover{ background-color: #ff4004; }
.article6 .stepperContainer .stepperBox .labelItem h3{ font-size: 20px; font-weight: bold; color: #003c6f; }
.article6 .stepperContainer .stepperBox:hover .labelItem h3{ color: #fff; }
.article6 .stepperContainer .stepperBox .labelItem p{ color: #676a6c; font-size: 14px; margin: 13px 0 5px; }
.article6 .stepperContainer .stepperBox:hover .labelItem p{ color: #fff; }
.article6 .stepperContainer .stepperBox .labelItem ul{ font-size: 15px; list-style: disc; padding-left: 18px; }
.article6 .stepperContainer .stepperBox .iconItem { background-color: #eee; height: 100px; width: 135px; text-align: center; margin-bottom: 20px; border-radius: 0 0 5px 5px; }
.article6 .stepperContainer .stepperBox .iconItem .material-symbols-outlined{ line-height: 100px; font-size: 60px; color: #ff4004; }
.article6 .stepperContainer .stepperBox .topItem { justify-content: space-between;  }
.article6 .stepperContainer .stepperBox .topItem .stepItem{font-size: 20px;font-weight: bold;padding: 5px 12px;color: #AAA;color: #b6cfe3;text-align: center;}
.article6 .stepperContainer .stepperBox:hover .topItem .stepItem{color: #fff;}
.article6 .stepperContainer .stepperBox .topItem .stepItem .stepCounter{font-size: 45px;line-height: 35px;}
.article6 .FAQtable thead td{ border-bottom: 3px solid #e55041; }
.article6 .FAQtable td{ border: 1px solid #e55041; }

.article8 .banner-top{background-color: #ceeeed;}
.article8 .dataPlane{ width: 50%;  float: left; padding: 10px 10px;}
.article8 .dataPlane h1{ font-family: "Dosis", sans-serif; line-height: 60px;  font-size: 55px; margin-bottom: 40px; color: #0d1e66; }
.article8 .dataPlane p{ font-weight: 500; line-height: 30px; color: #0d1e66; }
.article8 .banner-top img{width: 46%;}


.prodwrap {display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;}
.prodwrap img.blue {position: absolute;bottom: -60px;left: 0;z-index: 0;width: 40%;}
.prodwrap img.orange {position: absolute;top: -25px;right: 0px;z-index: 0;width: 30%;}
.prodwrap .seprodcard {width: calc(50% - 30px);margin-right: 25px;margin-bottom: 15px;padding: 10px;background-color: #fff;border-radius: 16px;border: 1px solid #e7e7e7;position: relative;z-index: 5;}
.prodwrap .seprodcard:nth-child(even) {top: 29px;}
.prodwrap .seprodcard .dtls span{font-size: 46px;border-radius: 75px;width: 75px;height: 75px;color: #fff;padding: 13px 11px 8px 15px;float: left;margin-right: 10px;background-color: #0350a0;}
.prodwrap .seprodcard h2 {font-size: 20px;color: #ea4111;margin: 10px 0px 0px;float: left;width: calc(100% - 85px);}
.prodwrap .seprodcard p {line-height: 1.5;letter-spacing: -0.11px;color: #000000;clear: both;margin-bottom: 0px;display: inline-block;margin-top: 7px;}
.prodwrap .seprodcard:hover {background: rgb(236 233 243);}
.prodwrap .seprodcard:hover .dtls span{background-color: #ea4111;}

.rentalListarti.article8 .banner-top {background-color: transparent;} 
.rentalListarti .dataPlane{padding-top:0px;}
.rentalListarti .dataPlane h1{margin-bottom: 10px;}
.rentalListarti .dataPlane ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.rentalListarti .dataPlane li{border: 1px solid #ccc;margin-right: 5px;padding: 8px 10px;margin-bottom: 10px;color: #fff;border-radius: 6px;font-size: 19px;background-color: #ff4004;}
.serlist {padding: 25px 8%;position:relative;}
.ser-img {float:right;width: 40%;padding-right: 25px;position:relative;}
.serlist:nth-child(odd) .ser-img {float: left;}
.ser-img img{/* margin:0 auto; */float: left;width: 80%;margin-top: -50px;}
.serlist .contant{float:right;width: 60%;transform: translate(0px,0px) !important;opacity: 1 !important;}
.serlist .contant{float:right;width: 60%;position: relative;z-index: 1;background-image: linear-gradient(133deg,#e5f2fc 15%, #e1f2ff 100%);padding: 15px;border-radius: 5px;}
.serlist .contant h4 {color: #e60023 !important;margin-bottom: 10px;}
.serlist .contant h6 {display: inline-block;color: #b6cfe3;position: absolute;top: -41px;font-size: 145px;z-index: -1;opacity: 0.5;font-weight: 600;left: -125px;}
.serlist .contant ul li{margin-bottom: 10px;}
.serlist .contant ul li img{width: 72%;margin: 0 auto;}
.serlist:nth-child(even) .ser-img {float: right;padding-left: 25px;padding-right: 0;}
.serlist:nth-child(even) .ser-img img{float:right;}
.serlist:nth-child(even) .contant h6{left: auto;right: -100px;}
.serlist .contant img{display: none;margin:0 auto;width:50%;}


/*Comparison Feature Mobile Popup */
.CompareMbl {position: fixed;top:11px;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);display: none;justify-content: flex-end;align-items: center;z-index: 999;}
.CompareMbl .content {background: #fff;width: 95%;height: 84%;max-width: 95%;padding: 15px;position: relative;transform: translateX(100%);transition: transform 0.4s ease;overflow: hidden;}
.CompareMbl .close {position: absolute;top: 6px;right: 15px;font-size: 16px;cursor: pointer;background-color: #ea4111;opacity: 0.9;color: #fff;border-radius: 25px;padding: 5px 8px;font-weight: 400;}
.CompareMbl.show {display: flex !important;}
.CompareMbl.show .content {transform: translateX(0);}
#comparePopup {margin-bottom: 20px;}
#comparePopup:before {display:none;}


.Tools.articleblg{    background-color: transparent;}
.tolls .left{}
.tolls .left .prodwrap{}
.Tools .right{margin-top:0px;}
.Tools .seprodcard{overflow:hidden;padding: 0px;}
.Tools .seprodcard img{border-radius:5px}
.Tools .prodwrap h3{position: absolute;bottom: 0px;background-color: rgb(234 65 17 / 83%);color: #ffffff;font-size: 21px;width: 100%; border-radius: 0px 0px 5px 5px;padding: 5px 10px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;z-index: 9; }
.Tools .prodwrap .seprodcard:nth-child(even) { top: 0;}
.Tools .prodwrap img.orange,.Tools .prodwrap img.blue{width: 20%;}
.Tools .prodwrap .themebtn{float:right;background-color: #0350a0;}
.Tools .prodwrap .themebtn b{font-weight:inherit;position: relative; top: 0px;float: left; margin-left: 10px;}
.Tools .prodwrap h3 strong{font-weight:inherit;margin-top: 7px;display: inline-block;}


.supportlock.fixed.callCon,.supportlock.fixed.gridList {position:fixed;top: 70px;z-index: 99;}
.supportTop .breadcrumb ul {float: left;}
.supportlock.fixed.callCon {width: calc(50% - 241px) !important;padding: 3px 6px !important;float: left;margin: 0px !important;left: 170px;border-radius: 4px;}
.supportlock.fixed.callCon span.material-symbols-outlined {font-size: 21px;padding: 6px;margin-right: 5px;top: 0px;}
.supportlock.fixed.gridList{float: left;width: calc(50% - 125px);margin: 4px 0px 0px 10px;left: 45%;margin-top: 0px !important;}
.supportlock.fixed.gridList li a {margin-right: 10px;box-shadow: inherit;min-height: inherit;}
.supportlock.fixed.gridList li h3 {font-size: 20px;border-radius: 0px 0px 0px 0px;padding: 5px 9px;}
.supportlock.fixed.gridList li p{display:none;}
.supportlock.fixed.callCon .support-search-dropdown {top: 41px;left: 0;width: 490px !important;}
.supportlock.gridList li a {position:relative;border-radius: 10px !important;}
.supportlock.gridList li a.active {border-bottom: 3px solid #237810 !important;}
.supportlock.gridList li a.active:after {border-top: 18px solid;border-left: 25px solid transparent;border-right: 25px solid transparent;content: " ";height: 0;margin-left: 0;pointer-events: none;position: absolute;width: 0;margin-right: 0px;bottom: -18px;left: 40%;}
.supportlock.gridList li:nth-child(1) a.active:after{border-top-color: #f14616;}
.supportlock.gridList li:nth-child(2) a.active:after{border-top-color: #f68a1f;}
.supportlock.gridList li:nth-child(3) a.active:after{border-top-color: #2196f3;}
.supportlock.fixed li a.active:after{display:none;}
.Suptop {background-size: 100%;position: relative;display: inline-block;width: 100%;padding-bottom: 90px;}
.Suptop:after{content:'';width:100%;height: 530px;background: url(../images/supportShape.png) no-repeat;top:0px;position: absolute;z-index: -9;background-size: 100%;}
.Suptop .left{float:left;width:60%;padding:50px 100px 0px;}
.Suptop h2{font-family: "Dosis", sans-serif;line-height: 60px;font-size: 55px;margin-bottom: 10px;color: #fff;}
.Suptop .left p.subtext{color:#fff;width: 75%;margin-bottom: 45px;}
.Suptop .right{width:35%;float:left;}
.Suptop img{float:right;width: 100%;margin-top: 20px;border-radius:15px 15px 15px 15px;}
.Suptop .callCon{width: 100%;margin: 0;padding: 7px 25px;}
.Suptop .callCon p{float:left;padding-right: 0px;width: 100%;margin-bottom: 0px;display: flex;}
.Suptop .left p.subtext{color:#fff;width: 100%;margin-bottom: 20px;}
.highlightLink{margin-top: 20px;}
.highlightLink a{color:#fff;padding: 10px 20px;border-radius: 25px;transition: all 0.6s linear;}
.highlightLink a:hover{background-color: #eee !important;color: #1c1c1c;}
.highlightLink a:nth-child(1){background-color:#f68a1f;}
.highlightLink a:nth-child(2){background-color: #2196f3;}
.highlightLink a i{top:5px;position:relative;}
.search-wrapper {position: relative;display: flex;align-items: center;}
.search-wrapper input {padding-right: 40px;font-size: 25px;}
.search-wrapper #supportMainSearchClear,.clear-btn {position: absolute;right: -5px;background: none;border: none;cursor: pointer;padding: 4px;display: flex;align-items: center;opacity:1;}
.search-wrapper #supportMainSearchClear:hover,.clear-btn:hover {opacity: 1;}
.support-search-dropdown {position: absolute;top: 70px;left: 60px;background: #fff;border: 1px solid #ddd;box-shadow: 0 6px 18px rgba(0,0,0,0.08);z-index: 99;max-width: 540px;width: 100%;display: none;border-radius: 6px;}
.support-search-dropdown .cats {display: flex;border-bottom: 1px solid #eee}
.support-search-dropdown .cats button {flex: 1;padding: 8px 10px;border: 0;background: transparent;cursor: pointer}
.support-search-dropdown .cats button.active {background: #eee;font-weight: 600;border-bottom: 2px solid #ea4111;}
.support-search-dropdown .results {max-height: 280px;overflow: auto;padding: 8px}
.support-search-dropdown .result-item {padding: 3px 5px;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;cursor: pointer}
.support-search-dropdown .result-item:hover {background: #f5f5f5}
.support-search-dropdown .result-type {font-size: 12px;color: #777}
.result-section-header{color: #ea4111;}
#SubArticles{clear:both;}
.supportPage .articleblg .left {width: 100%;}
.supportPage .articleblg .left .themehead,.articleblg.Tools .themehead{margin:0px 0px 15px;}
.supportPage .articleblg .left .themehead span,.articleblg.Tools .themehead span{background-color:transparent;border-bottom:5px solid #f24605;padding:0px}
.supportPage .articleblg .left .themehead:before,.articleblg.Tools .themehead:before{display:none;}
.supportPage .articleblg .artiList {width: 90%; margin: 0 auto 15px;}
.supportPage .articleblg {background-color: transparent; overflow: hidden;}
/*.supportPage .articleblg:before {top:70px;}*/
.ToolsPage {position: relative;z-index: 9;overflow: hidden;padding: 20px 0px;}
.ToolsPage .ser-img img {width: 100%;margin-top: 0;}
.ToolsPage .serlist .contant h6 {top: -29px;font-size: 80px;left: -66px;}
/*.ToolsPage .serlist .contant {background-color: #ffeae3;background-image: none;}*/
.serlist:nth-child(odd) .contant h6 {left: -75% !important;}
.ToolsPage .ser-img {position:relative;z-index: 9;}
.ToolsPage .ser-img:before,.ToolsPage .ser-img:after {content: '';position: absolute;width: 35%; height: 100%;left: 2%;background: url(../images/orange_dots.png) no-repeat top;z-index: -9;top: -4%;background-size: 100%;}
.ToolsPage .ser-img:after  { top: auto;bottom: -30px; right: 0; left: auto;background: url(../images/blue_dots.png) no-repeat bottom;background-size: 87%;}
.supportPage .insideFaq {background-image: linear-gradient(310deg, #f0f7fd 15%, #f0f7fd 100%);clear: both;padding-top: 20px;}
.supportPage .insideFaq .left {padding: 10px 5%;}
.supportPage .insideFaq .faq ul {margin-top: 10px;background-color: transparent;width:100%;}
.supportPage .faq ul li {box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 6%);margin-bottom: 5px !important;}
.supportPage .faq .text-center {clear: both;}
.supportPage .themehead {margin: 0px 0px 0px;}
.supportPage .themehead span {background-color: transparent;border-bottom: 5px solid #f24605;padding: 0px}
.supportPage .themehead:before {display: none;}

.supportPage .gridList{width: 65%;border-bottom: 0px;margin: -35px auto 20px;display: flex;}
.gridList li {flex: 0 0 33%;text-align: left;}
.gridList li a {margin-right: 15px;border: 1px solid #cecdcd !important;border-radius: 15px;padding: 0px;display: block;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);min-height: 180px;}
.gridList li a:hover {background-color: #eee;}
.gridList li a i {font-size: 31px;color: #ffffff;margin-right: 10px;}
.gridList li h3 {margin: 0px 0px;font-size: 22px;color: #ffffff;background-color: #f14616;border-radius: 10px 10px 0px 0px;padding: 7px 9px;display:flex;}
.gridList  li:nth-child(2) h3{background-color:#f68a1f;}
.gridList  li:nth-child(3) h3{background-color: #2196f3;}
.gridList  li p{padding: 10px 10px;margin-bottom: 0px;}
.supportPage .search {width: 82%;margin: -15px auto 15px;}
.search input {box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 6%);}

.hmesupport{padding: 45px 40px;position: relative;z-index: 9;display: inline-block;width: 100%;overflow: hidden;}
.hmesupport:after{content:'';background: url(../images/slidernew-3-bg.jpg) top;width: 100%;height: 100%;top: 0px;z-index: -9;position: absolute;left: 0px;-webkit-animation: zoomin 80s ease-in infinite;animation: zoomin 80s ease-in infinite;g);background-size: 100%;}
.hmesupport .left{padding: 0px 0px 0px 0px;z-index: 9;width:35%;float:left;position: relative;}
.hmesupport .left:after{content:'';width: 100%;height: 100%;z-index:-9;background-color: #ea4111;position: absolute;top: -25px;left: -19px;border-radius: 10px;transform: rotate(-3deg);}
.hmesupport .left img{float: right;border-radius: 10px;}
.hmesupport .right{float: right;width: 65%;padding-left: 60px;}
.hmesupport .right h2{text-align: left;margin: 0px 20px 0px 0px;}
.hmesupport .right .themehead span {padding: 0px 25px 0px 0px;}
.hmesupport .right .subtext{width: 80%;clear: both;}
.hmesupport .right .toplink {width: 100%;}
.hmesupport .gridList.toplink .readmr{padding-left:15px;}
.hmesupport .gridList.toplink .readmr i{color: #ea4111;font-size: 20px;position: relative;top: 3px;margin-left: 5px;}

/* Menu Search Styles */

.menu-search {width: 100%;margin-bottom: 30px;position: relative;}
.search-container {position: relative;width: 100%;max-width: 500px;}
.search-container input {width: 100%;padding: 12px 45px 12px 15px;font-size: 16px;border: 2px solid #fff;border-radius: 25px;background: rgba(255, 255, 255, 0.9);color: #333;outline: none;transition: all 0.3s ease;}
.search-container input:focus {background: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.search-container input::placeholder {color: #999;}
.search-container .search-icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #ea4111;font-size: 24px;pointer-events: none;}
.search-container .clear-icon {position: absolute;right: 45px;top: 50%;transform: translateY(-50%);color: #999;font-size: 20px;cursor: pointer;transition: color 0.2s ease;z-index: 10;}
.search-container .clear-icon:hover {color: #ea4111;}
.search-results {position: absolute;top: 100%;left: 0;width: 100%;max-width: 500px;background: #fff;border-radius: 10px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);margin-top: 10px;max-height: 400px;overflow-y: auto;z-index: 1000;}

.search-results-header {padding: 12px 15px;font-size: 14px;font-weight: 600;color: #666;border-bottom: 1px solid #eee;background: #f8f8f8;border-radius: 10px 10px 0 0;}

.search-result-item {display: flex;flex-direction: column;padding: 12px 15px;border-bottom: 1px solid #eee;cursor: pointer;transition: background 0.2s ease;text-decoration: none;}

.search-result-item:last-child {border-bottom: none;border-radius: 0 0 10px 10px;}

.search-result-item:hover {background: #eee}

.result-category {font-size: 12px;color: #ea4111;font-weight: 600;margin-bottom: 4px;text-transform: uppercase;}

.result-title {font-size: 15px;color: #333;font-weight: 500;margin-bottom: 3px;display: block;}

.result-desc {font-size: 13px;color: #666;line-height: 1.4;display: block;margin-top: 3px;}

.no-results {padding: 20px 15px;text-align: center;color: #999;font-size: 15px;}

.search-results::-webkit-scrollbar {width: 6px;}

.search-results::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}

.search-results::-webkit-scrollbar-thumb {background: #ea4111;border-radius: 10px;}

.search-results::-webkit-scrollbar-thumb:hover {background: #c43610;}

 


