* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
body {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}
/* If the promotion bar is removed, the header moves to the top */
body:not(:has(.promotion-bar)) header.sticky-top {
    top: 0px; /* Automatically shifts to the top */
	margin-bottom: 0px;
}
:root {
	--light: #fff;
	--dark-light:#eeedeb;
	--lightest: #e0e5f0;
	--light-gray: #f3f4f5;
	--dark: #000;
	--darker-gray:#aeaeae;
	--dark-gray-transparent:#212529;
	--light-dark: rgb(0 0 0 / 63%);
	--dark-transparent: rgb(0 0 0 / 25%);
	--black-light-transparent:#5e737d14;
	--light-dark-transparent: #1d1d1ddb;
	--red: #ff4c65;
	--light-red: #ff4c658c;
	--primary: #3ecadd;
	--light-primary: #2cbed2e6;
	--mid-primary:#c9e0f7;
	--lighter-primary:#f3f8fb;
	--lightest-primary: #62b1d424;
	--text-color: #626161;
	--gray: #4c4b4b;
	--dark-gray:#474747;
	--darkest-gray:#313b45;
	--grey:#332e30;
	--light-gray-transparent:#5c5964e3;
	--yellow: #f1ce0b;
	--light-yellow: #e5c202;
	--lighter-yellow: #fff275b3;
	--lighter-yellow:#f7efa6;
	--pink: #f4c6c8;
	--light-pink:#ffdece;
	--blue: #1877f2;
	--dark-blue: #0a66c2;
	--darkest2-blue:#03081c;
	--green: #7fba00;
	--dark-green: #445028;
	--light-green: rgb(158 209 102 / 30%);
	--darkest-green: #132729;
	--lighter-green:rgb(158 209 102 / 30%);
	--olive-green: #0b4c5f;
	--olive-green-dark: #083947;
	--darkest-blue: #0c1e50;
	--darker-blue:#0a173e;
	--mid-black:#10191f;
	--cream-light:#dadce0;
	--cream-color:#e8ecfe;
	--red-gradient: linear-gradient(to right, #fc636b 0, #ff6d92 60%, #fd9a00 100%);
	--primary-gradient: linear-gradient(to top right, #3be8b0 0, #02ceff 100%);
	--underline:#e9ecef;
	--shadow: rgb(0 0 0 / 35%) 0px 0px 4px 0px;
	--violet:#3f249d;
	--border-color:#ccc;
    --box-shadow: 0 0 4px 0 rgb(0 0 0 / 15%);
	--blog-shadow: 6px 6px 12px rgb(0 0 0 / 30%);
	--box-shadow-support: 0 0 0 5px rgb(255 255 255 / 15%);
	--spread-box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	--transparent:transparent;
	--light-white:#f3f3f3;
	--light-grey-blue:#1c222d;
	--violet:#0d001c;
}
:focus {
	box-shadow: none !important;
}
a {
	text-decoration: none;
}
body.modal-open{
	overflow: auto !important;
    padding-right: 0 !important;
} 
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* .container{
  max-width: 1306px;
} */
.text-light{
	color: var(--light)!important;
}
.bg-light{
	background-color: var(--light)!important;
}
.bg-lightest{
	background-color: var(--light-white)!important;
}
.text-dark{
	color: var(--dark)!important;
}
.bg-dark{
	background-color: var(--dark)!important;
}
.bg-primary{
	background-color: var(--primary)!important;
}
.olive-green-dark{
	background-color: var(--olive-green-dark) !important;
}
.bg-darkest-blue{
	background-color: var(--darkest-blue) !important;
}
.support-overall-security{
	background-color: #22272f !important;
}
.overall-security-margin{
	margin: -1px 0px;
}
.btn-w600{
	font-weight:600 !important;
}
.btn-primary:focus{
	border-color: transparent;
}
.btns {
	border: 2px solid var(--red);
	background-color: var(--red);
	border-radius: 2px;
	color: var(--light) !important;
	display: inline-block;
	padding: 6px 20px;
}
.btn-red {
	border: 2px solid var(--red);
	background-color: var(--red);
	border-radius: 2px;
	color: var(--light) !important;
	display: inline-block;
	padding: 6px 20px;
}
.btn-gray {
	border: 2px solid var(--gray);
	background-color: var(--gray);
	border-radius: 2px;
	color: var(--light) !important;
	display: inline-block;
	padding: 6px 20px;
}
.btn-primary{
	background-color: var(--primary);
	border: 2px solid var(--primary);
	padding: 15px 30px;
	font-size: 16px;
	color: var(--light);
	font-weight: 500;
	transition: all .5s ease;
}
.btn-primary:focus{
	background-color: var(--primary);
}
.btn-primary:hover{
	background-color:var(--transparent);
	border: 2px solid var(--primary);
	color: var(--primary);
}
.btns:hover {
	border-color:var(--primary);
	background-color: var(--primary);
	color: var(--light);
}

.btn-yellow {
	background:#ffc107;
	border: 1px solid #ffc107;
	border-radius: 2px;
	color: var(--dark);
}
.gray-light {
	border: 2px solid var(--border-color);
	background-color: var(--border-color);
	border-radius: 2px;
	color: var(--gray);
	display: inline-block;
	padding: 6px 20px;
}
.gray-light:hover {
	border-color: var(--red);
	background-color: var(--red);
	color: var(--light);
}
.btn-blue{
	background-color: #1473e6;
    border-radius: 10px;
    border: 1px solid #1473e6;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;
    padding: 15px 30px;
    font-size: 14px;
}
.btn-blue:hover {
    background-color: #1161bc;
    border-color: #1161bc;
    transform: translateY(0.2rem);
	color: var(--light);
}
.btn-outline-blue{
	background-color: transparent;
    border-radius: 10px;
    border: 2px solid #1473e6;
    color: #1473e6;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;
    padding: 15px 30px;
    font-size: 14px;
	font-weight: 500;
}
.btn-outline-blue:hover {
    background-color: #1161bc;
    border-color: #1161bc;
    transform: translateY(0.2rem);
	color: var(--light);
}
.btn-green{
	border-radius: 100px;
    background-color: #356001;
    border: 2px solid transparent;
	display: inline-block;
    padding: 10px 20px;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
}
.btn-green:hover{
	background-color: #22360a;
	color: #fff;
	border-color: #356001;
}
.btn-yellow2{
	border-radius: 100px;
    background-color: #f6c315;
    border: 2px solid transparent;
	display: inline-block;
    padding: 10px 20px;
    position: relative;
    color: var(--dark);
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
}
.btn-yellow2:hover{
	background-color: #e5b40a;
	border-color: #f6c315;
}
.btn-green:hover{
	background-color: #22360a;
	color: #fff;
	border-color: #356001;
}

.btn-black{
	border-radius: 100px;
    background-color: #000;
    border: 2px solid transparent;
	display: inline-block;
    padding: 10px 20px;
    position: relative;
    color: var(--light);
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
}
.btn-black:hover{
	background-color: #121212;
	border-color: #000;
	color: var(--light);
}
.btn-black img{
	width: 16px;
}
.btn-yellows{
	background: #fb8006;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
    border-radius: 10px;
	font-weight: 600;
}
.btn-yellow:hover{
	color: var(--light);
}
.btn-outline-white{
	display: inline-block;
    padding: 10px 20px;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
	border-radius: 100px;
    border: 2px solid #fff;
}
.btn-outline-white:hover{
	background-color: #fff;
    color: #356001;
    border-color: #fff;
}
.btn-white{
	background-color: #fff;
    color: #1473e6;
    border-color: #fff;
	transition: all .5s ease;
}
.btn-white:hover{
	border-color: #031a4a;
	background-color: #031a4a;
	color: var(--light);
}


/* botttom to top button */
.go-top {
	right: 20px;
	bottom: 86px;
	color:var(--light);
	text-decoration: none;
	height: 50px;
	width: 50px;
	background-color:var(--red);
	display: flex;
	align-items: center;
	font-size: 23px;
	justify-content: center;
	padding: 5px;
	transition: all 1s ease;
	border-radius: 50%;
	position: fixed;
	z-index: 100;
}
.go-top:hover {
	color: var(--light);
	background-color: var(--red);
}
/* botttom to top button */
h2.heading2 {
	color: var(--dark);
	font-size: 32px;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	line-height: inherit;
}

.section-heading {
	margin: 0 auto;
	text-align: center;
}

.heading2:after {
	content: "";
	background: var(--primary);
	width: 76px;
	height: 3px;
	position: absolute;
	bottom: -10px;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.min-height-heading-auto{
	height: auto !important;
}
.height-heading-auto{
	min-height: auto !important;
}
.min-height-small{
	min-height: 65px !important;
}
/* partner fixed bottom images */
.partners {
	position: fixed;
	bottom: 8px;
	left: 10px;
	z-index: 2;
}

.partners a {
	display: block;
	margin-bottom: 5px;
}

/* partner fixed bottom images */
.promotion-bar {
    background-image: url(../images/snow-bg2.png);
	background-size: cover;
	background-position: center;
	z-index: 1020;
}
.promotion-bar .inner-div1{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0px;
}
.promotion-bar .inner-div1 p{
	color: var(--light);
	margin-bottom: 0px;
	margin-right: 5px;
	font-weight: 400;
}
.promotion-bar .inner-div1 p strong{
	font-weight: 600;
}
.promotion-bar .inner-div1 p a.btn-primary{
	display: none;
}
.promotion-bar .inner-div1 .btn-primary{
	padding: 2px 10px;
	font-weight: 500;
	border: 1px solid var(--light);
	border-radius: 2px;
	color: var(--red);
	background-color: var(--light);
	font-size: 16px;
	margin-left: 5px;
}
.promotion-bar .inner-div1 .btn-primary:hover{
	background-color: var(--transparent);
	color: var(--light);
}
/* .promotion-bar .inner-div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0px;
}
.promotion-bar .inner-div .div1 ul{
	display: flex;
	align-items: center;
}
.promotion-bar .inner-div .div1 ul li{
  margin-right: 20px;
}
.promotion-bar .inner-div .div1 ul li a{
	display: flex;
	align-items: center;
}
.promotion-bar .inner-div .div1 ul li a i{
	background-color: var(--light);
	color: #479ec1;
	height: 26px;
	width: 26px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.promotion-bar .inner-div .div1 ul li a span{
	margin-left: 10px;
	color: var(--light);
	font-size: 14px;
}
.promotion-bar .inner-div .div2 ul{
	display: flex;
	align-items: center;
}
.promotion-bar .inner-div .div2 ul li{
  margin-right: 30px;
}
.promotion-bar .inner-div .div2 ul li a{
   font-size: 18px;
   color: var(--light);

}
.promotion-bar .inner-div .div3 .button-contact a{
	padding: 4px 15px;
	background-color: var(--light);
	border-color: var(--light);
	color: var(--dark);
} */















header .navbar {
	width: 100%;
	box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
	position: initial;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	padding: 6px;
}
header.sticky-top {
	position: sticky;
    top: 40px;
	margin-bottom: 40px;
}
header .nav-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
}

header .nav-container .checkbox {
	display: none;
}

header .navbar .nav-menu .menu-items {
	display: flex;
	align-items: center;
	width: 100%;
}

header .navbar .nav-menu .menu-items li.get-form-top {
	display: grid;
}

header .navbar .nav-menu .menu-items li a {
	font-size: 15px;
	color: var(--dark);
	font-weight: 500;
}

header .navbar .nav-menu .menu-items li {
list-style: none;
/* margin: 0px 10px; * */
/* margin-left: 17px;  old margin*/
margin-left: 30px;
display: flex;
align-items: center;
height: 77px;
cursor: pointer;
} 













header .navbar .nav-menu .menu-items li .hover-dropdown{
	display: none;
	opacity: 0;
} 
header .navbar .nav-menu .menu-items li:hover .hover-dropdown {
    display: block;
    opacity: 1;
    top: 123px;
    transition: 5s ease;
}
header .navbar .nav-menu .menu-items li:hover .hover-dropdown2{
	display: none !important;
}













header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen {
	transform: translate(0, 0);
}

/*  */
header .navbar .nav-menu .menu-items li a.call-tops {
	display: flex;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	margin-top: -8px;
}

header .navbar .nav-menu .menu-items li a.call-tops span:first-child {
	color: #207ca1;
}

header .navbar .nav-menu .menu-items li a.call-tops span:last-child {
	color:var(--red);
}

header .navbar .nav-menu .menu-items li a.active {
	color: var(--primary);
}
header .navbar .nav-menu .menu-items li#header-popup-call .toggle_contact{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
header .navbar .nav-menu .menu-items li#header-popup-call .toggle_contact.show{
	display: block;
	opacity: 1;
}

header .navbar .nav-menu .search-container {
	position: relative;
	display: inline-block;
	margin: 4px 2px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;
}

header .navbar .nav-menu .mglass i {
	color: var(--red);
}

header .navbar .nav-menu .searchbutton img {
	display: none;
}

/* header .navbar .nav-menu .searchbutton {
	position: absolute;
	font-size: 22px;
	margin: 0;
	top: 4px;
	align-items: center;
	display: flex;
	padding: 0;
	justify-content: flex-end;
	width: 40px;
	height: 40px;
	border-left: 3px solid var(--red);
	cursor: pointer;
/* } 
 /* old css */
 header .navbar .nav-menu .searchbutton {
    position: absolute;
    font-size: 22px;
    margin: 0;
    top: 4px;
    align-items: center;
    display: flex;
    padding: 0;
    justify-content: flex-end;
    left: 10px;
    width: 40px;
    height: 40px;
    border-left: 3px solid var(--red);
    cursor: pointer;
}

header .navbar .nav-menu .search:focus+header .navbar .nav-menu .searchbutton {
	transition-duration: 0.4s;
	background-color: white;
	color: black;
}

header .navbar .nav-menu .search {
	position: absolute;
	left: 49px;
	background-color: white;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
}

header .navbar .nav-menu .search:focus {
	width: 363px;
	padding: 0 16px 0 0;
}

header .navbar .nav-menu .expandright {
	background: white;
	left: auto;
	right: 61px;
	border-radius: 4px;
	top: 0px;
	height: 50px;

}

header .navbar .nav-menu .expandright:focus {
	padding: 0 0 0 16px;
	border: 2px solid var(--red);
}

header .nav-container {
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 0px;
}

header .nav-menu .logo {
	width: 130px;
}
header .nav-menu .logo a img{
	width: 110px;
}
header .navbar .nav-menu {
	display: flex;
	align-items: center;
}

/* banner section */

.banner .carousel-inner {
	height: 88vh;
}

.banner .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 15%;
	margin-bottom: 1rem;
	margin-left: 15%;
	list-style: none;
	align-items: center;
}

.banner .carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0px 4px;
	text-indent: -999px;
	cursor: pointer;
	background:var(--primary);
	background-clip: padding-box;
	opacity: 1;
	transition: opacity .6s ease;
	border-radius: 50%;
}

.banner .carousel-indicators .active {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0px 4px;
	text-indent: -999px;
	cursor: pointer;
	background: var(--red);
	/* border-color:  var(--light); */
	border: 2px solid var(--light);
	background-clip: padding-box;
	transition: opacity .6s ease;
	border-radius: 50%;
	opacity: 1;
}

.banner .carousel-inner .carousel-item .carousel-caption {
	position: absolute;
	left: 2%;
	top: 35%;
	transform: translateY(-25%);
	text-align: left;
}

.banner .carousel-inner .carousel-item .carousel-caption h1 {
	font-size: 42px;
	color: var(--dark);
	font-weight: 700;
	position: relative;
	line-height: 55px;
	text-transform: capitalize;
	margin-bottom: 30px;
}


.banner .carousel-inner .carousel-item .carousel-caption h1 span {
	color:var(--primary);
}

.banner .carousel-inner .carousel-item .carousel-caption p {
	font-size: 18px;
	color: var(--dark);
	line-height: 26px;
	width: 50%;
	margin-bottom: 30px;
}

.banner .carousel-inner .carousel-item .carousel-caption a.btns {
	font-weight: 500;
	text-transform: uppercase;
}

/* banner section */
/* fullndropdown css */
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body {
	padding: 0px;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .fullscreen-popup-close-hover{
	position: relative;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .fullscreen-popup-close-hover .close-btn {
    position: absolute;
    right: 0px;
    top: 10px;
    color: var(--light);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--light);
    border-radius: 50px;
    padding: 10px;
	cursor: pointer;
}


header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 {
	padding: 1px 30px 30px;
	background: var(--primary);
	/* min-height: 100%; */
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 a.btn-closed {
	position: absolute;
	right: 15px;
	top: 15px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 a.btn-closed i {
	height: 30px;
	width: 30px;
	border: 2px solid var(--light);
	color: var(--light);
	border-radius: 50%;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 h2.heading-bottom {
	font-size: 32px;
	color: var(--light);
	text-align: center;
	border-top: solid 2px rgba(255, 255, 255, 0.3);
	padding-top: 20px;
	font-weight: 300;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 h2.heading-bottom strong {
	font-weight:500;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-container {
	border-bottom: solid 2px rgba(255, 255, 255, 0.3);
	padding-bottom: 30px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .innerText-top {
	position: relative;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner_links {
	/* border-right: solid 2px rgba(255, 255, 255, 0.3); */
	margin-bottom: 20px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner_links .siderbar h4 {
	font-size: 30px;
	color: var(--light);
	font-weight: 300;
	margin: 10px 0 20px 0;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner_links .siderbar a.btn-yellow {
	font-weight: 500;
	font-size: 16px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner_links .siderbar .callat {
	margin: 36px 0 20px 0;
	line-height: 36px;
	color: var(--light);
	font-size: 20px;
	font-weight: 300;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner_links .siderbar .callat span {
	color: var(--light);
	font-size: 26px;
	display: block;
	font-weight: 500;
}

/* .modal-backdrop.show {
  opacity: 1;
  z-index: -1;
} */
/* .modal-backdrop.show {
	opacity: 0;
	z-index: 0;
} */
.modal-backdrop.show {
    /* opacity: 0;
    z-index: 1; */
	display: none;
} 

header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body {
	padding: 0px 1rem;
}

/* toggle contact */
/* header .navbar .nav-menu .menu-items li .toggle_contact  .call-icon-header {
    transform: translate(260px, 95px);
} */
/* old css */
header .navbar .nav-menu .menu-items li .toggle_contact .call-icon-header {
    transform: translate(233px, 95px);
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content{
	border-radius: 0;
	border: 1px solid rgba(0,0,0,.15);
	width: 400px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
/* header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content::before {
    position: absolute;
    z-index: -1;
    content: '';
    right: 16px;
    top: -11px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ddd transparent;
    transition-duration: 0.3s;
    transition-property: transform;
} */
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-header{
	padding: 10px 15px;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-header h5{
   font-size: 16px;
   color: var(--dak);
   font-weight: 600;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner span {
	margin: 8px 0px;
	display: block;
	font-size: 16px;
	color:var(--text-color)
}

header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner .rows-first {
	margin-bottom: 6px;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner p.drop-inquery{
	font-size: 13px;
}

header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner .rows-first img {
    height: 20px;
    margin-right: 10px;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner .rows-first a {
	font-size: 14px;
	color: var(--blue);
	font-weight: 600;
}

header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner .rows-first span {
	display: initial;
}

header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .inner p a {
	color: var(--blue);
	font-size: 13px;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .boder-top-hr{
	border-top: 1px solid #e1e1e2;
}
header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .left-images {
	height: 100%;
	display: flex;
	align-items: flex-start;
}

/* header .navbar .nav-menu .menu-items li .toggle_contact .modal-dialog .modal-content .modal-body .contact_number .left-images img {
	width: 100%;
} */

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box {
	display: flex;
	flex-wrap: wrap;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a {
	width: 25%;
	/* padding: 10px 5px; */
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box {
	display: flex;
	align-items: flex-start;
	padding: 15px 10px;
	border-color: var(--transparent);
	transition: all .5s ease;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box:hover {
	background: var(--light-primary);
	border-color: var(--light);
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box img {
	width: 30px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box .right-text1 {
	text-align: left;
	margin-left: 15px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box .right-text1 h4 {
	color: var(--light);
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
	letter-spacing: 0px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items .inner-box a .box .right-text1 p {
	color: var(--light);
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 300;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items {
	height: auto;
	overflow-y: auto;
	margin-bottom: 20px;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .border-right-column{
	border-right: 4px solid var(--light);
	margin-right: 2px;
	border-radius: 3px;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--light);
	border-radius: 20px;
	cursor: pointer;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .inner-page-items::-webkit-scrollbar-thumb {
	background-color:var(--blue);
	border-radius: 5px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link.active {
	color: var(--light);
	background-color: transparent;
	/* border-color: var(--primary) var(--primary) var(--primary); */
	width: 156px;
	border-right: 1px solid var(--light) !important;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link {
	width: 156px;
	border: 1px solid var(--primary);
	border-top: 0px;
	padding: 10px 0px 0px 0px;
	/* margin: 0px 1px; */
	transition: all .5s ease;
	border-right: 1px solid var(--light);
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link:first-child {
	border-right: 1px solid var(--light);
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link:last-child{
	border-right: 0px;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav{
	border-bottom: 1px solid var(--light);
	padding-bottom: 5px;
}
header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs {
	border-bottom: 0px
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link:hover {
	color: var(--light);
	background-color: var(--blue);
	border-color: var(--primary) var(--primary) var(--primary);
	width: 156px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link:focus {
	border-color: var(--transparent);
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link .tab-box img {
	width: 50px;
	margin-bottom: 10px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link .tab-box img {
	width: 40px;
	margin-bottom: 10px;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link .tab-box span {
	margin-bottom: 10px;
	font-weight: 600;
	color: var(--light);
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs nav .nav-tabs .nav-link .tab-box span {
	display: block;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 400;
}

header .navbar .nav-menu .menu-items li .full-menu .modal-fullscreen .modal-content .modal-body .fullwidth-dropdown1 .development-tabs .tab-content {
	margin-top: 20px;
}


/* Get A FREE REQUEST */
header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form a.btn-closed {
	position: absolute;
	right: 30px;
	top: 30px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form a.btn-closed i {
	height: 30px;
	width: 30px;
	border: 2px solid var(--red);
	color: var(--red);
	border-radius: 50%;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body {
	padding: 50px 30px 0px;
	background:var(--light-gray);
	min-height: 100%;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form h2.h2form {
	color: var(--mid-black);
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form p.pform {
	color: var(--mid-black);
	font-weight: 300;
	text-align: center;
	margin-bottom: 10px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form {
	border: 1px solid var(--border-color);
	padding: 30px;
	border-top: 5px solid var(--red);
	background-color: var(--light);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group {
	margin-bottom: 20px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group label {
	color:var(--mid-black);
	font-weight: 600;
	font-size: 16px
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group label sup {
	color: var(--red);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group input {
	padding: 10px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group :is(input, textarea, select):focus {
	border-color: var(--red);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group :is(input, select, textarea)::placeholder {
	font-size: 15px;
	color: rgb(108 117 125);
	font-weight: 400;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group select {
	padding: 10px;
	cursor: pointer;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .form-group small {
	font-size: 14px;
	color: var(--text-color);
	margin-top: 8px;
	display: block;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form h4.service-interest {
	font-size: 20px;
	color: var(--mid-black);
	font-weight: 600;
	margin: 30px 0px 10px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li {
	max-width: 50%;
	flex: 0 0 50%;
	margin: 5px 0px;
	height: auto;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li .form-check-input {
	background-color: var(--transparent);
	border-color: var(--gray);
	border-radius: 0px;
	height: 17px;
	width: 17px;
	cursor: pointer;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li .form-check-input:checked {
	border-color: var(--red);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li .form-check-input:checked[type=checkbox] {
	background-image: none;
	position: relative;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li .form-check-input:checked[type=checkbox]::after {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	color: var(--red);
	top: -2px;
	left: 2px;
	font-size: 13px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .interested-listing ul li .form-check-label {
	color: var(--text-color);
	font-size: 14px;
	cursor: pointer;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .request-info P {
	text-align: center;
	margin-top: 20px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .get-request-form form .request-info P a {
	color: var(--red);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form {
	padding: 50px 0px 50px;
	margin-top: 50px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details {
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/yr-comma.png);
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .owl-nav {
	display: none;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 20px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details img.quote-small {
	width: 30px;
	margin: 0px auto;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details img.client-img {
	width: 80px;
	border-radius: 50%;
	margin: 20px auto 0px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details p {
	color: var(--mid-black);
	font-size: 18px;
	font-weight: 300;
	margin-top: 20px;
}

header .navbar .nav-menu .menu-items li .get-request .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details .client-profile {
	color: var(--mid-black);
	font-size: 16px;
	font-weight: 400;
	margin-top: 20px;
}

/* web solutions tabs */
.web-solutions {
	padding: 40px 0px 0px;
}

.web-solutions .section-heading h2.heading2 {
	color: var(--dark);
	font-size: 32px;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}

.web-solutions .section-heading h2.heading2:after {
	content: "";
	background: var(--primary);
	width: 76px;
	height: 3px;
	position: absolute;
	bottom: -10px;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.web-solutions nav .nav-tabs {
	width: 100%;
	border-bottom: 4px solid var(--lightest);
}

.web-solutions nav .nav-tabs button.nav-link {
	width: 25%;
	color: var(--dark);
	font-weight: 500;
	padding: 25px 15px;
	text-align: center;
	font-size: 18px;
	border: 0px;
	outline: none;
}

.web-solutions nav .nav-tabs button.nav-link.active {
	border-bottom: 4px solid var(--red) !important;
	border-color: var(--light);
	border: 0px;
	position: relative;
	top: 2px;
}

.web-solutions .tab-content {
	padding: 50px 30px 30px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
	margin-bottom: 20px;
}

.web-solutions .tab-content .tab-pane .left-content img {
	width: 100%;
}

.web-solutions .tab-content .tab-pane .right-content h3 {
	color: #242424;
	font-weight: 500;
	font-size: 22px;
	position: relative;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.web-solutions .tab-content .tab-pane .right-content p {
	font-size: 16px;
	color: var(--text-color);
	line-height: 26px;
}

.web-solutions .tab-content .tab-pane .right-content ul {
	display: flex;
	flex-wrap: wrap;

}

.web-solutions .tab-content .tab-pane .right-content ul li {
	width: 50%;
	margin: 5px 0px;
}

.web-solutions .tab-content .tab-pane .right-content ul li a {
	color: var(--red);
	font-size: 18px;
	text-decoration: underline;
	font-weight: 500;
}

.web-solutions .tab-content .tab-pane .right-content h4 {
    color: var(--text-color);
    font-size: 20px;
    text-align: center;
    margin: 25px 0px;
    line-height: 28px;
}

.web-solutions .tab-content .tab-pane .right-content .btn-website {
	text-align: center;
	margin-top: 20px;
}

/* web solutions tabs */


/* logo brans section */
.logo-brand {
	padding: 50px 0px 50px;
}

.logo-brand #logoBrand {
	padding: 0px
}
.logo-brand.bg-logo2{
	background-color: #f3f3f3;
}
.logo-brand .logo-brand .item figure {
	width: 170px;
	margin: 0px auto;
	height: 100px;
	display: inline-block;
	vertical-align: bottom;
}

.logo-brand .logo-brand .item figure img {
	max-width: 100%;
	text-align: center;
	margin: 0px auto;
	height: 100%;
	object-fit: contain;
}

/* logo brans section */

/* our work section */
.our-work {
	background: var(--light-dark);
	padding: 40px 0 0px 0;
}

.our-work .inner-text h2 {
	color: var(--light);
}

.our-work .inner-text h2::after {
	background: var(--light);

}

.our-work .inner-text p {
	font-size: 18px;
	color: var(--light);
	position: relative;
	margin: 40px auto 0 auto;
	line-height: 30px;
	max-width: 920px;
	text-align: center;
}

.our-work .inner-text .dream-project {
    display: table;
    width: 100%;
    padding: 100px 0 50px;
    text-align: center;
}
.our-work .inner-text .dream-project h3 {
	display: inline-block;
	text-align: left;
	color: var(--light);
	font-size: 26px;
	padding: 0 20px;
}
/* get request-form2 */
header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 a.btn-closed {
	position: absolute;
	right: 30px;
	top: 30px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 a.btn-closed i {
	height: 30px;
	width: 30px;
	border: 2px solid var(--red);
	color: var(--red);
	border-radius: 50%;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body {
	padding: 50px 30px 0px;
	background:var(--light-gray);
	min-height: 100%;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 h2.h2form {
	color: var(--mid-black);
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 p.pform {
	color: var(--mid-black);
	font-weight: 300;
	text-align: center;
	margin-bottom: 10px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 {
	border: 1px solid var(--border-color);
	padding: 30px;
	border-top: 5px solid var(--red);
	background-color: var(--light);
	text-align: left;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group {
	margin-bottom: 20px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group label {
	color:var(--mid-black);
	font-weight: 600;
	font-size: 16px
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group label sup {
	color: var(--red);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group input {
	padding: 10px;
}

.our-work .inner-text .dream-project  .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group :is(input, textarea, select):focus {
	border-color: var(--red);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group :is(input, select, textarea)::placeholder {
	font-size: 15px;
	color: rgb(108 117 125);
	font-weight: 400;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group select {
	padding: 10px;
	cursor: pointer;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .form-group small {
	font-size: 14px;
	color: var(--text-color);
	margin-top: 8px;
	display: block;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form h4.service-interest {
	font-size: 20px;
	color: var(--mid-black);
	font-weight: 600;
	margin: 30px 0px 10px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li {
	max-width: 50%;
	flex: 0 0 50%;
	margin: 5px 0px;
	height: auto;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li .form-check-input {
	background-color: var(--transparent);
	border-color: var(--gray);
	border-radius: 0px;
	height: 17px;
	width: 17px;
	cursor: pointer;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li .form-check-input:checked {
	border-color: var(--red);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li .form-check-input:checked[type=checkbox] {
	background-image: none;
	position: relative;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li .form-check-input:checked[type=checkbox]::after {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	color: var(--red);
	top: -2px;
	left: 2px;
	font-size: 13px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .interested-listing ul li .form-check-label {
	color: var(--text-color);
	font-size: 14px;
	cursor: pointer;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .request-info P {
	text-align: center;
	margin-top: 20px;
	color: var(--dark);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .get-request-form2 form .request-info P a {
	color: var(--red);
	font-weight: 600;
}



header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form {
	padding: 50px 0px 50px;
	margin-top: 50px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details {
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/yr-comma.png);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .owl-nav {
	display: none;
}

header .nav-menu .logo  .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 20px;
	color: var(--dark);
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details img.quote-small {
	width: 30px;
	margin: 0px auto;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details img.client-img {
	width: 80px;
	border-radius: 50%;
	margin: 20px auto 0px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details p {
	color: var(--mid-black);
	font-size: 20px;
	font-weight: 300;
	margin-top: 20px;
}

header .nav-menu .logo .get-request2 .modal-fullscreen .modal-content .modal-body .testimonal-request-form .inner-div .item .details .client-profile {
	color: var(--mid-black);
	font-size: 18px;
	font-weight: 300;
	margin-top: 20px;
}


/* get request-form2 */
/* our work section */

/* <!-- Innovative Digital Products --> */
.innovative-product {
	padding: 60px 0px 60px;
	background-image: url(../images/bg-product.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.innovative-product .section-heading p {
	font-size: 18px;
	position: relative;
	margin: 30px auto 0 auto;
	line-height: 30px;
	max-width: 920px;
}

.innovative-product .product-box {
	padding: 35px;
	background: var(--light);
	width: 100%;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
	margin-top: 30px;
}

.innovative-product .product-box .left-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.innovative-product .product-box .right-content h3 {
	color: var(--dark);
	font-size: 26px;
	font-weight: 500;
	line-height: inherit;
}

.innovative-product .product-box .right-content ul {
	margin: 30px 0px;
}

.innovative-product .product-box .right-content ul li {
	position: relative;
	color: var(--gray);
	margin: 15px 0;
	padding-left: 30px;
	font-size: 16x;
	font-weight: 500;
}

.innovative-product .product-box .right-content ul li:before {
	content: "";
	color: var(--light-dark);
	position: absolute;
	left: 0;
	top: 4px;
	margin-left: 3px;
	margin-top: 4px;
	width: 14px;
	height: 8px;
	border-bottom: solid 3px var(--primary);
	border-left: solid 3px var(--primary);
	transform: rotate(-45deg);
}

.innovative-product .product-box .right-content .awards {
	margin: 40px 0 70px 0;
	;
}

.innovative-product .product-box .right-content .awards img {
	margin-right: 10px;
	max-width: 100%;
}

.innovative-product .product-box .right-content .btn-groups a {
	margin-right: 5px;
}

.innovative-product .others-product {
	margin: 40px auto 0;
}

.innovative-product .others-product ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.innovative-product .others-product li {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	background: var(--light);
	vertical-align: top;
}

.innovative-product .others-product .flex-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	overflow: hidden;
}

.innovative-product .others-product .flex-box .icon {
	position: relative;
}

.innovative-product .others-product .flex-box .about {
	margin-left: 10px;
	padding: 10px;
}

.innovative-product .others-product .flex-box .about h3 {
	color: var(--text-color);
	font-size: 19px;
	font-weight: 500;
}

.innovative-product .others-product .flex-box .about p {
	color: var(--dark-gray);
	font-size: 15px;
	margin-bottom: 5px;
	min-height: 70px;
}

.innovative-product .others-product .flex-box .about a {
	color: var(--red);
	font-size: 15px;
}

/* why choose toggle technology */

.why-choose {
	background-image: url(../images/bg-work.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	padding: 50px 0 0 0;
	background-size: cover;
}

.why-choose:after {
	background: rgba(254, 220, 30, 0.70);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.why-choose .section-heading {
	z-index: 1;
}

.why-choose .section-heading p {
	font-size: 18px;
	position: relative;
	margin: 30px auto 40px auto;
	line-height: 30px;
	max-width: 920px;
	color: #424141;
}

.why-choose .toggle-award {
	margin: 0 auto;
	text-align: center;
	z-index: 1;
}

.why-choose .toggle-award ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.why-choose .toggle-award ul li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 50px 40px 80px 40px;
	position: relative;
	width: 33.33%;
}

.why-choose .toggle-award ul li img {
	width: 100%;
}


/* listing page */

.listing-section ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	table-layout: fixed;
}
.listing-section ul.first-row{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0px;
	margin-bottom: 1px;
}

.listing-section ul.first-row li{
	width: 100%;
}
.listing-section ul li {
	background: var(--yellow);
	display: table-cell;
	vertical-align: middle;
	padding: 30px 0;
	text-align: center;
	width: 25%;
}

.listing-section ul li:nth-child(2n) {
	background: var(--light-yellow);
}

.listing-section ul li img {
	width: 100px;
	position: relative;
	margin: 0px auto 45px;
}

.listing-section ul li i {
	position: relative;
}

.listing-section ul li i:after {
    content: "";
    background: var(--light);
    width: 52px;
    height: 3px;
    position: absolute;
    display: block;
    top: 54px;
    margin: 0 auto;
    left: -75px;
}

.listing-section ul li p {
	max-width: 245px;
	color: #453a00;
	line-height: 26px;
	font-size: 16px;
	margin: 0 auto;
}

.friendly-conversation {
	padding: 40px 0px;
	background: #202020;
}

.listing-section .friendly-conversation .inner-text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.listing-section .friendly-conversation .inner-text h3 {
	display: inline-block;
	text-align: left;
	color: var(--light);
	font-size: 26px;
	line-height: 30px;
	padding: 0 20px;
	font-weight: normal;
}

/* client-review */
.client-review {
	padding: 40px 0px;
}

.client-review .owl-nav {
	display: block !important;
}

.client-review .owl-nav button.owl-next span {
	position: absolute;
	bottom: 50%;
	font-size: 60px;
	right: 0;
}

.client-review .owl-nav button.owl-prev span {
	position: absolute;
	bottom: 50%;
	font-size: 60px;
	left: 0;
}

.client-review .item .client-pic {
	overflow: hidden;
	text-align: center;
	margin: 15px auto;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 3px #0c446c;
}

.client-review .item .client-pic img {
	width: 100%;
	margin: 0;
}

.client-review .item .client-logo {
	max-width: 110px;
	margin: 0 auto;
}

.client-review .item .client-text {
	color: #333;
	position: relative;
	width: 992px;
	margin: 20px auto 0px;
}

.client-review .item .client-text p {
	line-height: 28px;
	font-size: 18px;
	padding: 0 20px;
	text-align: center;
}

.client-review .item .name {
	text-align: center;
}

.client-review .item .name h4 {
	font-size: 18px;
	color: var(--dark);
	font-weight: 500;
}

.client-review .item .name h5 {
	font-size: 15px;
	color: var(--text-color);
	font-weight: 400;
}

/* blog section */
.toggle-blog {
	background-image: url(../images/blog-background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	padding: 40px 0px;
	background-attachment: fixed;
	background-size: cover;
}

.toggle-blog:after {
	background: var(--light-primary);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.toggle-blog .section-heading h2 {
	color: var(--light);
	z-index: 1;
	font-size: 32px;
}

.toggle-blog .section-heading h2::after {
	background-color: var(--light);
	z-index: 1;
}

.toggle-blog .section-heading p {
	font-size: 18px;
	position: relative;
	margin: 40px auto 0 auto;
	color: var(--light);
	line-height: 30px;
	z-index: 1;
	max-width: 920px;
}

.toggle-blog .card-row {
	width: 950px;
	margin: 0px auto;
}

.toggle-blog .card-row .card {
	z-index: 1;
}

.toggle-blog .card-row .card .card-body {
	padding: 30px;
}

.toggle-blog .card-row .card .card-body span {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--gray);
}

.toggle-blog .card-row .card .card-body h5.card-title a {
	font-size: 20px;
	color: var(--gray);
	font-weight: 500;
	line-height: 30px;
	min-height: 130px;
}

.toggle-blog .card-row .card .card-body a {
	color: var(--primary);
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 1;
}

.toggle-blog .blog-btn {
	z-index: 1;
	position: relative;
}

/* blog section */

/* we are best company */
.best-company {
	background-image: url(../images/we-best.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
	background-position: center;
	padding: 0px 40px;
}

.best-company:after {
	background: rgba(255, 242, 117, 0.70);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.best-company .z-index-best-company{
	z-index: 1;
}
.best-company .left-content {
	background-color: rgb(255 255 255 / 85%);
	padding: 25px;
}

.best-company .left-content h4 {
	color: var(--gray);
	font-size: 18px;
	margin-bottom: 15;
	line-height: 30px;
}

.best-company .left-content h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 40px;
	line-height: 40px;
	letter-spacing: 0px;
	position: relative;
}

.best-company .left-content h2:after {
	content: "";
	background: var(--primary);
	width: 80px;
	height: 3px;
	position: absolute;
	bottom: -18px;
	display: block;
	margin: 0;
	left: 0;
}

.best-company .left-content p {
	font-size: 18px;
	line-height: 28px;
	color: var(--text-color);
}

.best-company .right-content {
	height: 100%;
}

.best-company .right-content .item-parent {
	display: flex;
	align-items: flex-end;
	height: 100%;
	margin-top: -50px;
}

.best-company .right-content .item-parent .item .box {
	background: var(--light-dark-transparent);
	padding: 20px;
	color: var(--light);
	margin: 0 4px;
	min-height: 288px;
}
.best-company .right-content .item-parent .item.current{
	background-color: var(--red);
}
.best-company .right-content .item-parent .item .box h3 {
	color: var(--light);
	font-size: 22px;
	padding-bottom: 15px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 0px;
	height: 60px;
}

.best-company .right-content .item-parent .item .box p {
	color: var(--light);
	font-size: 16px;
}

.best-company .right-content .item-parent .owl-dots {
	position: absolute;
	bottom: -40px;
	left: 4px;
	display: flex;
}

.best-company .right-content .item-parent .owl-dots button.owl-dot span {
	border-radius: 50%;
	background:var(--gray);
	width: 13px;
	height: 13px;
	margin: 0px 4px;
	display: inline-block;
	position: relative;
	border: none;
	padding: 3px;
}

.best-company .right-content .item-parent .owl-dots button.owl-dot.active span {
	background: var(--red);
}

.best-company .right-content .item-parent .owl-dots button.owl-dot.active {
	border: 1px solid var(--red);
	height: 22px;
	width: 22px;
	border-radius: 50%;
	margin: 0px 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* ----------------------------------------------block page css----------------------------------------------------- */
.blogpage-box .left-content {
	background-image: url(../images/blog/b-lg1.jpg);
	background-size: cover;
	min-height: 488px;
	border: 1px solid var(--underline);
	padding: 30px;
}

.blogpage-box .left-content:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px 0px;
}

.blogpage-box .inner-text {
	background-color: var(--light) !important;
	border-radius: 3px;
	box-shadow:  var(--box-shadow);
	display: inline-block;
	transition: all 150ms;
	width: 100%;
	overflow: hidden;
	padding: 30px;
}

.blogpage-box .inner-text:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px 0px;
}

.blogpage-box .left-content .people-likes {
	position: relative;
    bottom: -104px;
    display: flex;
    justify-content: flex-end;
}

.blogpage-box .left-content .people-likes a.btn-footer {
	color: var(--light);
	font-size: 15px;
	background-color:var(--primary);
	padding: 3px 10px;
	transition: all .5s ease;
}

.blogpage-box .left-content .people-likes a.btn-footer:hover {
	background-color: var(--primary);
}

.blogpage-box .left-content .people-likes ul {
	display: flex;
	align-items: center;
}

.blogpage-box .left-content .people-likes ul li {
	margin-left: 15px;
	font-size: 20px;
	position: relative;
	cursor: pointer;
	;
}


.blogpage-box .left-content .people-likes ul li:nth-child(1) {
	color:var(--blue);
	transition: all .3s ease;
}

.blogpage-box .left-content .people-likes ul li:nth-child(1):hover {
	color:var(--gray);
}

.blogpage-box .left-content .people-likes ul li:last-child {
	color: var(--primary);
	transition: all .3s ease;
}

.blogpage-box .left-content .people-likes ul li:last-child:hover {
	color: gray;
}

.blogpage-box .inner-text h4 {
	font-size: 20px;
	margin-bottom: 15px;
	color: var(--dark);
}
.blogpage-box .inner-text:hover h4{
	color: var(--primary);
}
.blogpage-box .inner-text p.date-span span {
	color: var(--text-color);
	margin-bottom: 8px;
}

.blogpage-box .inner-text p.comments {
	font-size: 16px;
	color:var(--text-color);
	max-height: 90px;
	height: 90px;
	overflow: hidden;
	margin: 0px;
}

.blogpage-box .right-content .subscribe-box {
	border: 1px solid  var(--underline);
	position: relative;
	padding: 20px 15px 40px;
	margin-bottom: 20px;
}

.blogpage-box .right-content .subscribe-box .border {
	background: var(--red-gradient);
	border-radius: 3px 3px 0 0;
	content: '';
	height: 8px;
	position: absolute;
	top: -2px;
	left: -1px;
	width: 101%;
}

.blogpage-box .right-content .subscribe-box h5 {
	color: var(--text-color);
	font-size: 20px;
}

.blogpage-box .right-content .subscribe-box p {
	color: var(--text-color);
	font-size: 14px;
	margin-top: 20px;
}

.blogpage-box .right-content .subscribe-box form input {
	color: var(--text-color);
	padding: 7px 10px;
	transition: all .2s linear;
	width: 100%;
	margin-bottom: 30px;
	outline: none !important;
	border: 1px solid var(--border-color);
	border-radius: 4px;
}

.blogpage-box .right-content .subscribe-box form input:focus {
	outline: none !important;
	border-color:#594fc7;
}

.blogpage-box .right-content .subscribe-box form button {
	width: 100%;
	border-radius: 4px;
	background-color: #594fc7;
	border-color: #594fc7;
}
.blogpage-box .right-content .subscribe-box form button:hover{
	background-color: #a177ff;
    border-color: #a177ff;
    box-shadow: 0 0 0 3px #d0bbff;
    color: #fff;
    text-decoration: none;
}
.blogpage-box .right-content .playbook-box {
	border: 1px solid  var(--underline);
	position: relative;
	padding: 20px 15px 45px;
	margin-bottom: 20px;
	text-align: center;
}

.blogpage-box .right-content .playbook-box .border {
	background: var(--primary-gradient);
	height: 8px;
	position: absolute;
	top: -2px;
	left: -1px;
	width: 101%;
}

.blogpage-box .right-content .playbook-box h5 {
	color: var(--text-color);
	font-size: 20px;
	margin-top: 10px;
	text-align: center;
	display: block;
}

.blogpage-box .right-content .playbook-box P {
	text-align: center;
	color: var(--text-color);
	font-size: 14px;
	margin-top: 20px;
}

.blogpage-box .right-content .playbook-box a {
	background-color: #594fc7;
    color: #fff;
    text-decoration: none;
	border:#594fc7 ;
	padding: 6px 20px;
}
.blogpage-box .right-content .playbook-box a:hover{
	background-color: #a177ff;
    border-color: #a177ff;
    box-shadow: 0 0 0 3px #d0bbff;
    color: #fff;
    text-decoration: none;
}
.blogpage-box .card-portfolio .col {
	margin-top: 40px;
}

.blogpage-box .card-portfolio .card {
	border: 1px solid  var(--underline);
	transition: all .5s ease;
	border: 1px solid  var(--underline);
}

.blogpage-box .card-portfolio .card:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 4px 0px;
}

.blogpage-box .card-portfolio .card:hover .card-body h2.card-title {
	color: var(--primary);
}

.blogpage-box .card-portfolio .card-body h2.card-title {
	max-height: 54px;
	height: 54px;
	overflow: hidden;
	font-size: 22px;
	margin-bottom: 10px;
}

.blogpage-box .card-portfolio .card-body p.card-text {
	font-size: 15px;
	color: #7c7a8c;
	max-height: 90px;
	height: 90px;
	overflow: hidden;
}

.blogpage-box .card-portfolio .card-footer {
	display: flex;
	border-top: 1px solid var(--underline);
	align-items: center;
	justify-content: space-between;
	background-color: var(--transparent);
}

.blogpage-box .card-portfolio .card-footer .inner-links {
	display: flex;
	align-items: center;
}

.blogpage-box .card-portfolio .card-footer a.btn-footer {
	color: var(--light);
	font-size: 15px;
	background-color: var(--primary);
	padding: 3px 10px;
	transition: all .5s ease;
}

.blogpage-box .card-portfolio .card-footer a.btn-footer:hover {
	background-color:var(--red);
}

.blogpage-box .card-portfolio .card-footer .inner-links .links a {
	margin-right: 5px;
	color: var(--gray);
	transition: all 0.5s ease;
}

.blogpage-box .card-portfolio .card-footer .inner-links .links a:first-child:hover {
	color: var(--blue);
}

.blogpage-box .card-portfolio .card-footer .inner-links .links a:last-child:hover {
	color:var(--primary);
}

.blogpage-box .card-portfolio .card-footer .inner-links a.after:first-child {
	margin-right: 20px;
	color: var(--gray);
	position: relative;
}

.blogpage-box .card-portfolio .card-footer .inner-links a.after::after {
	position: absolute;
	content: "0";
	margin-left: 1px;
	color: var(--gray);
}

.pagination-blog .pagination .page-item:first-child .page-link i {
	color: var(--gray);
	font-size: 14px;
}

.pagination-blog .pagination .page-item:last-child .page-link i {
	color: var(--gray);
	font-size: 14px;
}

.pagination-blog .pagination .page-item .page-link {
	color: var(--gray);
	border-color: var(--underline);
	border-radius: 0px;
}

.pagination-blog .pagination .page-item.active .page-link {
	color: var(--light);
	background-color: var(--light-dark);
	border-color: var(--gray);
}

.block-inner-banner {
	background-color: #00a1e0;
	padding: 50px 0px;
}

.block-inner-banner .right-content img {
	width: 100%;
}

.block-inner-banner .left-content span {
	color: var(--light);
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.block-inner-banner .left-content h1 {
    font-size: 42px;
    color: var(--light);
    margin-top: 20px;
    position: relative;
    font-weight: 600;
    padding-right: 30px;
}
.block-inner-banner .left-content h1::after {
    position: absolute;
    content: "";
    left: 0;
    top: 164px;
    height: 3px;
    width: 80px;
    background-color: var(--light);
}

.block-inner-banner .left-content p {
    color: var(--light);
    font-size: 18px;
    letter-spacing: 0px;
    margin-top: 50px;
    padding-right: 50px;
}

.block-inner-banner .left-content p a {
	color: var(--light);
	font-size: 18px;
	letter-spacing: 0px;
	transition: all .5s ease;
}

.block-inner-banner .left-content p a:hover {
	color:#f1ce0b;
}

.block-inner-banner .left-content ul {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.block-inner-banner .left-content ul li {
	margin-right: 5px;
	height: 35px;
	width: 35px;
	background-color: var(--light);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
}

.block-inner-banner .left-content ul li:hover {
	background-color:#e3e3e3;
}

.block-inner-banner .left-content ul li a {
	text-decoration: none;
	color: #59575c;
	font-size: 20px;
}

.blog-details {
	margin-bottom: 50px;
}

.blog-details .left-content h2 {
	background-color: var(--light);
	color: var(--dark);
	margin-top: 0;
	margin-bottom: 20px;
}

.blog-details .left-content .view-comments {
	display: flex;
	align-items: center;
	margin: 20px 0px 20px;
}

.blog-details .left-content .view-comments a {
	color: var(--primary);
	margin-right: 60px;
	text-decoration: none;
	font-size: 16px;
}

.blog-details .left-content ul.link-social {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.blog-details .left-content ul.link-social li {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
}

.blog-details .left-content ul.link-social li a {
	color: var(--primary);
	font-size: 20px;
}

.blog-details .left-content ul.link-social li:hover {
	background-color: var(--primary);
}

.blog-details .left-content ul.link-social li:hover a {
	color: var(--light);
}

.blog-details .left-content {
	border: 1px solid  #e3e3e3;
	padding: 20px;
	margin-top: -36px;
	background-color: var(--light);
}

.blog-details .left-content p {
	color: var(--text-color);
	font-size: 16px;
	margin: 0 0 15px 0;
}

.blog-details .left-content p.blog-admin {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0px;
}

.blog-details .left-content p.blog-admin a {
	color: #ff4c65;
}

.blog-details .left-content .user-details {
	display: flex;
	align-items: center;
	border-top: 1px solid #e3e3e3;
	padding: 30px 0px;
}

.blog-details .left-content .user-details img {
	border-radius: 50%;
	margin-right: 30px;
}

.blog-details .left-content .user-details .name h5 {
	font-size: 20px;
	font-weight: 400;
	color: var(--text-color);
}

.blog-details .left-content .user-details .name h5 a {
	color: #ff4c65;
}

.blog-details .left-content .user-details .name p {
	color: 555555;
	font-size: 16px;
	letter-spacing: 0px;
}

.blog-details .left-content .similar-post ul {
	display: flex;
	flex-wrap: wrap;
}

.blog-details .left-content .similar-post li {
	width: 33.33%;
}

/* .blog-details .left-content .similar-post :is(li:first-child, li:nth-child(2)){
  border-right: 1px solid #eee;
  margin-left: -20px;
} */
.blog-details .left-content .similar-post li span {
	color: var(--text-color);
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	display: block;
}

.blog-details .left-content .similar-post li h4 a {
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 10px 0;
    color: var(--dark);
    line-height: 26px;
    min-height: 160px;
    overflow: hidden;
    display: block;
}

.blog-details .left-content .similar-post li a.readmore {
	font-weight: 400;
	font-size: 16px;
	text-decoration: underline;
	color:var(--primary);
}

.blog-details .right-content h2 a {
	font-size: 24px;
	margin: 20px 0px;
	display: block;
	color: var(--dark);
	text-align: center;
}

.blog-details .right-content h2 a:hover {
	text-decoration: underline;
}

.blog-details .right-content .inner-text {
	background-image: url(../images/blog/wd-bg1.png);
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 300px;
	margin: 0 auto;
	display: flex;
	padding: 6px;
	flex-direction: column;
	text-align: center;
	background-color: var(--dark-light);
}

.blog-details .right-content .inner-text h3 a {
	font-size: 28px;
	color: var(--light);
	font-weight: 500;
	text-align: center;
	padding-top: 15px;
	display: block;
	padding-bottom: 20px;
}

.blog-details .right-content .inner-text h3 a {
	font-size: 26px;
	color: var(--light);
	text-align: center;
	padding-top: 20px;
	display: block;
	padding-bottom: 10px;
}

.blog-details .right-content .inner-text h3 a:hover {
	text-decoration: underline;
}

.blog-details .right-content .inner-text ul {
	display: flex;
	margin: 0px auto;
	flex-wrap: wrap;
	width: 100%;
}

.blog-details .right-content .inner-text ul li {
	width: 45%;
	background-color: var(--light);
	box-shadow: var(--shadow);
	margin: 7px;
	text-decoration: none;
	height: 120px;
	border-radius: 3px;
	padding-top: 20px;
}

.blog-details .right-content .inner-text ul li:hover {
	box-shadow:var(--blog-shadow)
}

.blog-details .right-content .inner-text ul li a img {
    height: 50px;
    object-fit: scale-down;
}

.blog-details .right-content .inner-text ul li a p {
	font-size: 11px;
	color: var(--dark);
	line-height: 14px;
	height: 34px;
	margin-top: 5px;
	overflow: hidden;
	font-weight: 500;
}

.blog-details .right-content .inner-text .discuss-project {
	margin: 0px 7px;
}

.blog-details .right-content .inner-text .discuss-project a {
	width: 100%;
	text-align: center;
	color: var(--dark);
	background-color: #ffb503;
	border: 1px solid #ffb503;
	float: left;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	padding: 15px;
	height: auto;
	margin-bottom: 15px;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 8px;
}

/* .blog-details .right-content .inner-text .discuss-project .discuss-popup .modal-dialog .modal-content .modal-body form .form-group .form-control:focus{
  border-color:  var(--red);
}
.blog-details .right-content .inner-text .discuss-project .discuss-popup .modal-dialog .modal-content .modal-body form .form-group .form-control{
  margin-bottom: 10px;
  border-radius: 0px;
}
.blog-details .right-content .inner-text .discuss-project .discuss-popup .modal-dialog .modal-content .modal-body form  button.btns{
  width: 100%;
  display: block !important;
}
.blog-details .right-content .inner-text .discuss-project .discuss-popup .modal-dialog .modal-content .modal-body {
  box-shadow: 0px 0px 4px 1px #ccc;
  background-color: #eeedeb;
  border-radius: 0px;
}
.blog-details .right-content .inner-text .discuss-project .discuss-popup .modal-dialog .modal-content .modal-body form .form-group .form-label{
  text-align: left;
  display: block;
  font-weight: 600;
} */
.blog-details .right-content .inner-text .discuss-project a:hover {
	text-decoration: none;
}

.blog-details .right-content .recent-latest,
.blog-details .right-content .recent-latestTab {
	padding: 30px 30px 0px 30px;
}

.blog-details .right-content .recent-latest {
	display: table;
	width: 100%;
	margin-bottom: 0px !important;
}

.blog-details .right-content .recent-latest li {
	display: table-cell;
	width: 49.9%;
}

.blog-details .right-content .recent-latest li button.active {
	background: var(--red);
	color: var(--light);
	border: 1px solid var(--red);
	position: relative;
	transition: all .5s ease;
}

.blog-details .right-content .recent-latest li button.active::before {
	position: absolute;
	left: 50%;
	bottom: -10px;
	content: "";
	border-left: 10px solid  var(--transparent);
	border-right: 10px solid var(--transparent);
	border-top: 10px solid var(--red);
	margin: 0 0 0 -10px;
}

.blog-details .right-content .recent-latest li button {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	height: 50px;
	display: block;
	letter-spacing: 0px;
	padding: 0 20px;
	line-height: 50px;
	color: var(--text-color);
	background: var(--light);
	border: 1px solid  var(--border-color);
	width: 100%;
	letter-spacing:-.5px;
	border-radius: 0px;
}

.blog-details .right-content .recent-latest li button:hover {
	text-decoration: underline;
}

.blog-details .right-content .recent-latestTab .recent-post ul li {
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	display: block;
	background: var(--light);
	border: solid 1px #ebeaea;
}

.blog-details .right-content .recent-latestTab .recent-post ul li span {
	color: var(--text-color);
	font-size: 14px;
	margin: 0 0 10px 0;
	display: block;
}

.blog-details .right-content .recent-latestTab .recent-post ul li h4 a {
	font-size: 18px;
	padding: 0 0 10px 0;
	color: #337ab7;
	line-height: 24px;
	display: block;
}
.blog-details .right-content .recent-latestTab .recent-post ul li h4 a:hover{
	color:var(--primary);
	text-decoration: underline;
}
.blog-details .right-content .recent-latestTab .recent-post ul li a.readmore {
	font-weight: 400;
	font-size: 16px;
	text-decoration: underline;
	color: #337ab7;
}

.blog-details .right-content .images-query {
	padding: 0px 30px;
}

.blog-details .right-content .images-query img,
.blog-details .right-content .images-query a img {
	width: 100%;
	margin-bottom: 20px;
}

/* ----------------------------------------------block page css----------------------------------------------------- */


/* ----------------------------------------------Contact us page css----------------------------------------------------- */
.contact-us {
	padding: 50px 0px;
	background-color: var(--light-dark);
	background-image: url(../images/contact/bg-img.jpg);
	background-size: cover;
	background-position: center;
	background-blend-mode: color;
}

.contact-us h2 {
	text-align: center;
	font-weight: 600;
	color: var(--light);
}

.contact-us img {
	width: 100%;
}

.contact-us p {
	text-align: center;
	color: var(--light);
	font-size: 18px;
}

.contact-us .contact-form {
	margin-top: 30px;
}

.contact-us .contact-form .inner-text {
	background-color: var(--light);
	padding: 30px;
	border-radius: 10px 0px 0px 10px;

}

.contact-us .contact-form .inner-text form .form-group {
	margin-bottom: 20px;
}

.contact-us .contact-form .inner-text form .form-group .form-control {
	border: 1px solid var(--text-color);
	padding: 10px;
	font-size: 16px;
	letter-spacing: 0px;
	color:var(--text-color);
}
.contact-us .contact-form .inner-text form .form-group .teatarea-style{
	height:150px;
	width:100%
}
.contact-us .contact-form .inner-text form .form-group .form-control:focus {
	border-color: var(--primary);
}

.contact-us .contact-form .inner-text form .form-group small {
	color: var(--text-color);
}

.contact-us .contact-form .inner-text form .form-group label {
	color: var(--text-color);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.contact-us .contact-form .inner-text form .form-group label sup {
	color: var(--red);
}

.contact-us .contact-form .inner-text form .btnd {
	color: var(--primary);
	border-color: var(--primary);
	font-weight: 400;
	min-width: 129px;
	padding: 10px 0px;
	letter-spacing: 1px;
	display: block;
	margin-left: auto;
	transition: .5s ease;
}

.contact-us .contact-form .inner-text form .btnd:hover {
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--light);
}

.contact-us .contact-form .right-content {
	background: var(--primary);
	height: 504px;
	border-bottom-left-radius: 0;
	border-radius: 0px 10px 10px 0px;
	border-bottom-right-radius: 10px;
	padding: 30px;
}

.contact-us .contact-form .right-content .box1 span.first-icon i {
	display: grid;
	text-align: center;
	font-size: 40px;
	color: var(--light);
	margin: 10px;
}

.contact-us .contact-form .right-content .box1 span.second-icon {
	display: none;
}

.contact-us .contact-form .right-content .box1 p {
	font-size: 18px;
	color: var(--light);
	margin-bottom: 5px;
}

.contact-us .contact-form .right-content .box1 {
	transform: all .5s ease;
	margin-bottom: 20px;
}

.contact-us .contact-form .right-content .box1 a {
	font-weight: 600;
	color: var(--darker-blue);
	font-size: 17px;
	letter-spacing: .6px;
	line-height: 24px;
	display: block;
	margin-bottom: 5px;
	text-align: center;
}

.contact-us .contact-form .right-content .box1:hover span.second-icon {
	display: grid;
	text-align: center;
	font-size: 40px;
	color: var(--darker-blue);
	margin: 10px;
}

.contact-us .contact-form .right-content .box1:hover span.first-icon {
	display: none;
}

.contact-us .contact-form .right-content .box1 a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------Contact us page css----------------------------------------------------- */


/* support page csss */

.support {
	padding: 100px 0px;
	text-align: center;
	background-image: url(../images/support/SUPPORT-MAINTENANCE.jpg);
	position: relative;
	background-size: cover;
	background-position: center;
}

.support::before {
	position: absolute;
	content: '';
	left: 0;
	background:var(--dark-transparent);
	width: 100%;
	top: 0;
	height: 100%;
}

.support .inner-text h1 {
	font-weight: 600;
	letter-spacing: 0px;
	font-size: 42px;
	margin: 0;
	color: var(--light);
	line-height: normal;
	position: relative;
	padding: 0 15px 10px;
}
.support .inner-text h1 span{
	color: var(--primary);
}
.support .inner-text h1:before {
	content: '';
	position: absolute;
	background: var(--primary);

}

.support .inner-text p {
	color: var(--light);
	z-index: 1;
	position: relative;
	text-align: center;
	font-size: 18px;
	margin: 0px;
}

.application-maintance {
	padding: 40px 0px;
}
.application-maintance .left-content .innnerheading-title h2{
	text-align: left;
	line-height: 42px;
}
.application-maintance .left-content .innnerheading-title h2::after{
	right: auto;
}
.application-maintance .left-content .innnerheading-title p {
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 16px;
	display: block;
	color: var(--text-color);
	line-height: 28px;
	text-align: justify;
	margin-bottom: 28px;
}
.application-maintance .left-content .innnerheading-title ul li{
   position: relative;
   margin: 10px;
   color: var(--text-color);
   margin-left: 30px;
   position: relative;
}
.application-maintance .left-content .innnerheading-title ul li::after{
	position: absolute;
    left: 0px;
    content: "";
    top: 2px;
	left: -20px;
    background-repeat: no-repeat;
    width: 8px;
    height: 15px;
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
    border-color:var(--text-color);
    transform: rotate(45deg);
}
.application-maintance .right-content img {
	width: 100%;
	border-radius: 20px;
	transition: all 0.4s ease 0s;
}
.application-maintance:hover img {
    transform: translateY(-15px);
	transition: all 0.4s ease 0s;
}
.application-maintance .service-type {
	padding: 40px 0px 20px;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}

.application-maintance .inner-item {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0 13px;
	text-align: center;
	font-size: 14px;
}

.application-maintance .inner-item .development_box figure {
	margin-bottom: 20px;
}
.application-maintance .inner-item .development_box figure img{
	width: 50px;
}
.application-maintance .inner-item .development_box strong {
	color: var(--dark);
	font-size: 22px;
	display: inline-block;
	text-transform: capitalize;
	text-decoration: none;
	outline: 0;
	font-weight: 500;
}

.application-maintance .inner-item .development_box p {
	margin-top: 10px;
	padding: 0;
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.appdevelopment-manitance .service-list li .inner-box img {
    margin-bottom: 5px;
}

.appdevelopment-manitance {
    padding: 50px 0px;
    text-align: center;
    position: relative;
    background-blend-mode: color-burn;
}

.appdevelopment-manitance h2{
	color: var(--dark);
}

.appdevelopment-manitance p {
	color: var(--text-color);
	margin: 0px;
	font-weight: 400;
	line-height: 28px;
	font-size: 16px;
}


.appdevelopment-manitance .service-list {
	margin: 0 -7px 0;
	padding: 30px 0 0px;
	font-size: 0;
	text-align: left;

}

.appdevelopment-manitance .service-list li {
	list-style: none;
	width: 30%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	padding: 0 7px;
	margin-bottom: 14px;
	border: 1px solid  var(--dark);
	border-radius: 5px;
	margin:18px;
	box-shadow: 9px 9px 0 0 rgb(0 0 0);
}

.appdevelopment-manitance .service-list li .inner-box {
	box-shadow: 1px 1px 73px 3px var(--shadow);
	padding: 20px 20px 20px;
	transition: all .5s ease;
	border: 1px solid #3ecadd1f;
	background-color: #f0f8ff29;
}


.appdevelopment-manitance .service-list li .inner-box img{
	margin-bottom: 20px;
}
.appdevelopment-manitance .service-list li .inner-box h2 {
	padding: 0;
	margin-bottom: 15px;
	position: absolute;
	font-weight: 700;
	font-size: 22px;
	color: var(--dark);
	display: contents;
}

.appdevelopment-manitance .service-list li .inner-box h2 b {
    font-weight: 600;
    display: inline;
    color: var(--dark);
}


.appdevelopment-manitance .service-list li .inner-box h2 img {
	position: absolute;
	top: -11px;
	left: 0;
	opacity: .8;
}

.appdevelopment-manitance .service-list li .inner-box ul.point {
	margin-top: 20px;
}

.appdevelopment-manitance .service-list li .inner-box ul.point li {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	margin-left: 20px;
	border: 0px;
	color: var(--dark);
	font-weight: 500;
	box-shadow: none;
}

.appdevelopment-manitance .service-list li .inner-box ul.point li::before {
	position: absolute;
    left: 0px;
    content: "";
    top: 2px;
	left: -12px;
    background-repeat: no-repeat;
    width: 8px;
    height: 15px;
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
    border-color:var(--dark);
    transform: rotate(45deg);
}


.application-customers {
	padding: 40px 0px;
}
.application-customers .left-content img{
	width: 100%;
}
.application-customers .inner-text h2{
	text-align: left;
	line-height: 42px;
}
.application-customers .inner-text h2::after{
	right: auto;
}

.application-customers .inner-text p {
	margin: 0;
	padding: 0;
	color: var(--text-color);
	font-size: 16px;
	line-height: 26px;
	display: block;
	margin-bottom: 20px;
}

.application-customers .inner-text ul {
	margin: 0;
	padding: 0;
}

.application-customers .inner-text ul li {
	list-style: none;
	display: block;
	padding-left: 18px;
	margin-bottom: 15px;
	color: var(--text-color);
	font-size: 16px;
	position: relative;
}

.application-customers .inner-text ul li:after {
	position: absolute;
	left: 0;
	top: 8px;
	content: '';
	background-repeat: no-repeat;
	background-image: url(../images/support/separate-arrow.png);
	width: 6px;
	height: 10px;
}

.phases {
	padding: 60px 0px;
	background-color: #ececec;
	position: relative;
}
.phases .inner-text .item .box-text {
	position: relative;
	padding-top: 2px;
}

.phases .inner-text .item .box-text::before {
	right: 0;
	top: 0;
}
.phases .inner-text .item{
	height: 480px;
}
.phases .inner-text .item .box-text .effectbox {
	position: relative;
	height: 464px;
	padding: 20px 25px 20px;
	transition: all .9s ease 0s;
	font-size: 14px;
	border: 1px solid var(--dark);
	box-shadow: 9px 9px 0 0 rgb(0 0 0);
	border-radius: 5px;
	transition: all 0.4s ease 0s;
}


.phases .inner-text .item .box-text .effectbox:hover {
    box-shadow: 12px 12px 0 0 rgb(226 178 1);
	transition: all 0.4s ease 0s;
}
.phases .inner-text .owl-carousel .owl-nav .owl-prev{
	position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    top: 50%;
    border: 0;
    outline: none;
    overflow: hidden;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    z-index: 1;
	left: -60px;
    background-image: url(../images/support/arrow-left.svg);
}
.phases .inner-text .owl-carousel .owl-nav .owl-next{
	position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    top: 50%;
    border: 0;
    outline: none;
    overflow: hidden;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    z-index: 1;
	right: -60px;
    background-image: url(../images/support/arrow-right.svg);
}
.phases .inner-text .owl-carousel .owl-nav .owl-prev.disabled, .phases .inner-text .owl-carousel .owl-nav .owl-next.disabled{
	display: none;
}
.phases .inner-text .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.phases .inner-text .owl-carousel .owl-nav .owl-next span{
	display: none;
}



.phases .inner-text .item .box-text .effectbox::before {
	left: 0;
	top: 0;
}

.phases .inner-text .item .box-text .effectbox h2 {
	margin-bottom: 16px;
}

.phases .inner-text .item .box-text .effectbox:hover h2 {
	color: var(--dark);
	margin-bottom: 20px;
}

.phases .inner-text .item .box-text .effectbox .deliver {
	padding-bottom: 30px;
}

.phases .inner-text .item .box-text .effectbox .deliver span {
	display: block;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	position: relative;
}

.phases .inner-text .item .box-text .effectbox .deliver span:after {
	position: absolute;
	content:"";
    left: 0px;
    content: "";
    top: 2px;
    left: 7px;
    background-repeat: no-repeat;
    width: 8px;
    height: 15px;
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
    border-color: var(--text-color);
    transform: rotate(45deg);

}



.phases .inner-text .item .box-text .effectbox h2 {
	margin: 0;
	padding: 0;
	color: var(--dark);
	text-transform: capitalize;
	font-size: 28px;
	line-height: 50px;
	margin-bottom: 20px;
	font-weight: 600;
}

.phases .inner-text .owl-dots {
	text-align: center;
	margin-top: 20px;
}
.phases .inner-text .heading2{
	line-height: 42px;
}
.phases .inner-text .owl-dots .owl-dot.active {
	height: 20px;
	width: 20px;
	background: var(--red);
	border-radius: 50%;
}

.phases .inner-text .owl-dots .owl-dot {
	height: 18px;
	width: 18px;
	background: var(--border-color);
	border-radius: 50%;
	margin: 0px 4px;
}
.our-expertise {
    background-blend-mode: hue;
    padding: 50px 0px 50px;
    background-color: var(--dark);
}
.our-expertise h2{
	color: var(--light);
	text-align: left;
}
.our-expertise h2::after{
	right: auto;
}
.our-expertise p {
	color: var(--light);
	font-size: 16px;
	display: block;
	line-height: 30px;
	text-align: left;
}

.our-expertise p a {
	color: #f6c315;
	text-decoration: underline;
}

.application-maintance-support {
	padding: 50px 0px 40px;
}
.application-maintance-support h2{
	margin: 0px auto;
	line-height: 42px;
}

.application-maintance-support ul.consult {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.application-maintance-support ul.consult li {
	width: 20%;
	margin-bottom: 13px;
	text-align: center;
	list-style: none;
	font-size: 14px;
	margin: 0 8px;
	margin-bottom: 18px;
	display: inline-block;
	vertical-align: top;
	margin: -1px 0px 0px -1px;
	position: relative;
	border: 1px solid #dfe5ef;
}
.application-maintance-support ul.consult li:hover:after {
    opacity: 1;
	position: absolute;
    visibility: visible;
    width: 100%;
	content: "";
}
.application-maintance-support ul.consult li:after {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f6c315;
    content: "";
    z-index: -1;
    height: 100%;
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease 0s;
}


.application-maintance-support ul.consult li .innertechnologies {
	display: block;
	padding: 35px 10px 25px;
	min-height: 186px;
	transition: .5s ease;
}

.application-maintance-support ul.consult li .innertechnologies:hover {
	box-shadow: 0px 0px 25px 0px #e3e3e3;
	box-shadow: var(--spread-box-shadow);
}

.application-maintance-support ul.consult li .innertechnologies figure img {
	display: block;
	margin: 0px auto;
	width: 60px;
}

.application-maintance-support ul.consult li .innertechnologies strong {
	font-weight: 500;
	display: block;
	text-transform: capitalize;
	font-size: 16px;
	transition: all .5s ease 0s;
	color: #3e3e3e;
}


/*  */
.support-navbar .nav-block .menu__box li a {
	font-size: 16px;
	color: var(--light);
	font-weight: 300;
	letter-spacing: 0px;
}

.support10 {
	background-color: var(--primary) !important;
	padding: 0 !important;
	margin: 0 !important;
}

.support-navbar {
	background-color: var(--darkest-blue);
}

.support-navbar .nav-block .menu__box {
	display: flex;
	left: 0;
	justify-content: end;
	width: 100%;
	height: 100%;
}

.support-navbar .left-text h2 {
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	line-height: 55px;
}
.support-navbar .left-text h2 br{
	display: none;
}
.support-navbar .left-text p {
	color: var(--light);
	margin-top: 20px;
	font-size: 18px;
	line-height: 32px;
}

.support-navbar .left-text a {
	color: var(--light);
	font-size: 18px;
	margin-top: 20px;
	display: flex;
	letter-spacing: 1px;
	align-items: center;
}

.support-navbar .left-text a i {
	border: 2px solid var(--light);
	border-radius: 50%;
	height: 25px;
	font-size: 11px;
	margin-right: 10px;
	width: 25px;
	display: flex;
	padding-left: 3px;
	align-items: center;
	justify-content: center;
}
.support1 .right-text {
	padding: 30px;
	background-color:var(--darker-blue);
}
.support-navbar .right-text h3 {
	color: var(--light);
	margin-bottom: 15px;
	text-align: left;
	font-size: 22px;
}

.support-navbar .right-text form .input-group input {
	background-color: var(--dark-transparent);
	border: 1px solid var(--light);
	border-radius: 0px;
	padding: 8px 10px;
	color: var(--light);
	accent-color: var(--light);
}

.support-navbar .right-text form .input-group input:focus {
	border-color: var(--primary);
}

.support-navbar .right-text form .input-group input::placeholder {
	color: var(--light);
	font-weight: 400;
	font-size: 14px;
}

.support-navbar .right-text form .input-group .input-group-text {
	background-color:var(--dark-transparent);
	border: 1px solid var(--light);
	border-radius: 0px;
	color: var(--light);
	display: flex;
	font-size: 14px;
}

.support-navbar .right-text form .input-group .input-group-text:focus {
	border-color:var(--primary);
}

.support-navbar .right-text form .form-check label {
    font-size: 14px;
    color: var(--light);
    cursor: pointer;
    text-align: left;
    display: block;
}
.support-navbar .right-text form .form-check label a {
	color: var(--primary);
}

.support-navbar .right-text form .form-check label a:hover {
	text-decoration: underline;
}

.support-navbar .right-text form .form-check input.form-check-input {
	background-color: var(--transparent);
	border-color: var(--light);
	border-radius: 0px;
	cursor: pointer;
}

.support-navbar .right-text form .d-grid button {
    font-size: 14px;
    width: 100%;
    text-transform: capitalize;
    padding: 8px;
    font-weight: 500;
    margin-top: 10px;
	margin-bottom: 10px;
}
.support-navbar .right-text form .d-grid button:hover{
	background-color: var(--red);
	border-color: var(--red);
}
.support-navbar .right-text form span {
	text-align: center;
	color: var(--light);
	display: block;
}

.support-navbar .right-text form .socialicon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

.support-navbar .right-text form .socialicon a {
	margin: 0px 3px;
}

.support-navbar .right-text form .socialicon a:first-child i {
	background-color: var(--red);
}

.support-navbar .right-text form .socialicon a:nth-child(2) i {
	background-color: var(--blue);
}

.support-navbar .right-text form .socialicon a:nth-child(3) i {
	background-color: var(--dark-blue);
}

.support-navbar .right-text form .socialicon a:last-child i {
	background-color: var(--green);
}

.support-navbar .right-text form .socialicon a i {
    width: 32px;
    height: 32px;
    color: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 4px;
}

.support-navbar .nav-block .menu__box li {
	position: relative;
	padding: 10px 0px;
	margin-left: 20px;
}

.support-navbar .nav-block .menu__box li:hover .dropdown-menu {
	margin-top: 9px;
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	padding: 0;
}

.support-navbar .nav-block .menu__box li .dropdown-menu {
	position: absolute;
	top: 35px;
	left: 0;
	background: var(--light);
	display: block;
	visibility: hidden;
	opacity: 0;
	margin: 0 auto;
	border-radius: 2px;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
	transform: translateY(20px);
	transition: all .3s ease;

}

.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links h5 {
	color: var(--primary);
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links {
	width: 220px;
	padding: 10px 10px 5px 20px;
}

.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a {
	font-weight: 500;
	font-size: 15px;
	color: var(--light-dark);
	display: block;
	margin: 10px 0px;
	transition: all .5s ease;
	letter-spacing: 0;
	letter-spacing: 0px;
	transition: all .5s ease;
}

.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a:hover {
	color: var(--primary);
	margin-left: 5px;

}

.support-navbar .nav-block .menu__box li a {
	font-size: 15px;
	color: var(--light);
	font-weight: 400;
	letter-spacing: 1px;
}

.support-navbar #menu__toggle {
	display: none;
}

.support-navbar .nav-block {
	display: flex;
	padding: 10px 0px;
	align-items: center;
}

.support-navbar .menu__btn {
	display: none;
}

.support-navbar .support-fluid {
	max-width: 1318px;
}

.support-navbar .nav-block .menu__box li .accordion .accordion-item .accordion-button {
	display: none;
}

/*---------------- support page csss------------ */


/*  */
.support2 {
	max-width: 100%;
	width: 100%;
	background: var(--blue) url(../images/bannerbg-blue-pattern.svg) repeat;
	position: relative;
	padding: 0px 0px 100px 0px;
}

.support2 h1 {
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	text-align: center;
	letter-spacing: 0px;
	line-height: 65px;
	margin-top: 50px;
}

.support2 ul.list-icon {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 30px;
}

.support2 ul.list-icon li {
	display: flex;
	align-items: flex-start;
	width: 25%;
}

.support2 ul.list-icon li img {
    width: 24px;
    margin-right: 5px;
}

.support2 ul.list-icon li .right-text h6 {
	color: #bfdfff;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0px;
}

.support2 ul.list-icon li .right-text p {
	color: #bfdfff;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0px;
}

/*  */
.support3 {
	padding: 0px 0px 50px;
	background-image: linear-gradient(145deg, var(--blue) 0%, var(--blue) 24%, var(--blue) 100%);
	color: var(--light);
	text-align: center;
	position: relative;
}

.support3 .left-text h2 {
	font-size: 42px;
	text-align: left;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: initial;
}

.support3 .left-text h2 span {
	-webkit-text-stroke: 1px var(--light);
	color:var(--dark-blue);
	display: block;
}

.support3 .left-text p {
	font-size: 18px;
	color: #e4e4e4;
	text-align: left;
	max-width: 100%;
}

.support3 .right-text form .input-group input {
	padding: 8px 10px;
	accent-color: var(--light);
	background: var(--blue);
	color: var(--light);
	border: 2px solid var(--blue);
}
.support3 .right-text{
	padding: 20px;
	background-color: var(--dark-blue);
}
.support3 .right-text form .input-group .input-group-text {
	background-color: var(--blue);
	border: 2px solid var(--blue);
	color: var(--light);
	display: flex;
	font-size: 14px;
}

.support3 .right-text form .d-grid button {
	font-size: 14px;
	width: 100%;
	margin: 15px 0px;
}

/*  */
.support4 {
	padding: 0px 0px 50px;
	background-color: var(--darkest-blue);
	color: var(--light);
	text-align: center;
	position: relative;
}

.support4 .support-fluid {
	background-color: var(--darkest-blue);
	min-width: 100%;
	padding: 0px 40px;
}

.support4 .left-text h2 {
	text-align: left;
	font-size: 42px;
}

.support4 .left-text p {
	text-align: left;
}

.support4 .left-text a {
	color: var(--light);
	text-transform: uppercase;
	font-size: 15px;
}

.support4 .left-text a i {
	border: 2px solid var(--primary);
	background-color: var(--primary);
	border-radius: 50%;
	height: 30px;
	font-size: 12px;
	margin-right: 10px;
	width: 30px;
	display: flex;
	padding-left: 3px;
	align-items: center;
	justify-content: center;
}
.support4 .right-text{
	background-color: var(--darker-blue);
	padding: 30px;
}

.support4 .right-text h3 {
    color: var(--light);
    margin-bottom: 15px;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
}

.support4 .right-text form .input-group input {
	background-color: var(--light);
	border: 1px solid var(--light);
	border-radius: 0px;
	padding: 10px;
	color: var(--dark);
	font-size: 14px;
	accent-color: var(--light);
}

.support4 .right-text form .input-group .input-group-text {
	background-color: var(--light);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 0px;
	color: #4d4d4d;
	display: flex;
	font-size: 14px;
}

.support4 .right-text form .input-group input::placeholder {
	color: #4d4d4d;
	font-weight: 400;
}

.support4.right-text form .d-grid button {
	font-size: 15px;
	height: 45px;
}

.support4 .right-text form .socialicon a i {
	border-radius: 0px;
}

/*  */
.support5 {
	background-color: var(--olive-green);
	padding: 0px 0px 50px 0px;
}

.support5 .left-text {
	margin-top: 50px;
}
.support5 .right-text{
	padding: 30px;
	background-color: var(--olive-green-dark);
}
.support5 .right-text h3 {
    font-size: 22px;
    text-align: left;
}
.support5 .right-text .nav-pills .nav-item .nav-link.active {
	background-color: var(--transparent);
	color: var(--light);
}

.support5 .right-text .nav-pills .nav-item .nav-link {
	color: var(--light);
	padding: 0px 20px 0px 0px;
	cursor: pointer;
}

.support5 .right-text .nav-pills .nav-item .nav-link .form-check .form-check-input {
	background-color: var(--light-dark);
	border-color: var(--olive-green-dark);
	cursor: pointer;
}
.support5 .right-text .nav-pills .nav-item .nav-link .form-check .form-check-label{
	cursor: pointer;
} 

/*  */

.support6 {
	background-color: var(--violet);
	padding: 0px 0px 50px 0px;
}

.support6 .left-text h2 {
    font-size: 42px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 600;
}

.support6 .left-text p {
	max-width: 100%;
	font-size: 18px;
}

.support6 .left-text .button-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.support6 .left-text .button-group .btn-suppor5-btn {
    color: var(--light);
    border-color: var(--light);
    text-transform: none;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 0px;
    margin-right: 30px;
}
.support6 .left-text .button-group .btn-suppor5-btn:hover{
	background-color: var(--red);
	border-color: var(--red);
}
.support6 .left-text .button-group a i {
	border: 2px solid var(--light);
	border-radius: 10px;
	height: 30px;
	font-size: 12px;
	margin-right: 10px;
	width: 30px;
	display: flex;
	padding-left: 3px;
	align-items: center;
	border: 2px solid var(--light);
	justify-content: center;
}

.support6 .left-text .button-group a span {
	text-decoration: underline;
	text-underline-offset: 5px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0px;
	text-decoration-thickness: 1px;
}

.support6 .right-text h3 {
	font-size: 22px;
	color: var(--light);
	text-align: left;
}

.support6 .right-text {
	background: rgb(0 0 0 / 10%);
	padding: 30px;
	border-radius: 10px;
}

.support6 .right-text form .input-group input {
    border: 1px solid #d9d3ed;
    background-color: var(--light)0;
    color: var(--light);
    font-size: 14px;
    padding: 10px 15px;
    margin: 0;
}

.support6 .right-text form .input-group input::placeholder {
	color: #c6b6d4;
}

.support6 .right-text form .input-group .input-group-text {
	border: 1px solid #d9d3ed;
	background-color: var(--light)0;
	color: var(--light);
	font-size: 14px;
	padding: 15px;
	margin: 0;
}


/*  */


.support7 .nav-block .menu__box li a {
	color: #373737;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0px;
}

.support7 .left-text h2 {
	font-size: 42px;
	color:var(--dark);
	font-weight: 600;
	letter-spacing: 0px;
}

.support7 .left-text p {
	color: var(--text-color) !important;
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.support7 .left-text img {
	margin-top: 20px;
	background: #ffdedc;
	padding: 60px 40px 0;
	border-radius: 9px;
}

.support7 .right-text {
	padding: 40px;
	box-shadow: 0 0 30px rgb(0 0 0 / 8%);
	border-radius: 10px;
	margin: 0 auto;
}

.support7 .right-text h3 {
	color:var(--dark);
	margin-bottom: 15px;
	text-align: left;
	font-size: 22px;
	font-weight: 600;
}

.support7 .right-text .input-group label {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	color: var(--dark);
}

.support7 .right-text .input-group .form-control {
	border: 1px solid var(--border-color);
	width: 100%;
	color: var(--dark);
	height: 40px;
	line-height: 35px;
	font-size: 16px;
	padding: 0 15px;
	background-color: var(--transparent);
}

.support7 .right-text .input-group .form-control:focus {
	border-color: var(--border-color);
}

.support7 .right-text .reload {
	display: flex;
	align-items: center;
}

.support7 .right-text .reload img {
	width: 140px;
	margin-right: 20px;
	padding-left: 20px;
	border: 1px solid #e4e4e4;
}

.support7 .right-text .reload i {
	color: #010101;
	font-size: 30px;
}

.support7 .right-text p {
	font-size: 16px;
	margin-top: 10px;
	color: var(--dark);
}
.support7 .right-text p a{
	color: var(--red);
}
/*  */
.support8 {
	background-color: var(--red);
	padding: 0px 0px 100px 0px;
	background-image: url(../images/support/mph-banner-thread-2x.webp);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	right: 0;
	top: 0;
	background-size: 609px 720px;
}

.support8:before {
	background: url(../images/support/mphome-testimonials-sprite.png);
	background-size: 1396px auto;
	background-position: -414px -164px;
	content: "";
	position: absolute;
	height: 125px;
	width: 130px;
	right: 64px;
	top: 87px;
}

.support8:after {
	background: url(../images/support/mphome-testimonials-sprite.png);
	background-size: 1396px auto;
	background-position: -414px -164px;
	content: "";
	position: absolute;
	height: 125px;
	width: 130px;
	left: 732px;
	bottom: 49px;
}

.support8 .left-text {
	margin-top: 70px;
}

.support8 .left-text h2 {
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 55px;
}


.support8 .left-text p {
	max-width: 600px;
	color: var(--light);
	letter-spacing: 0px;
	font-size: 18px;
	margin-top: 20px;
}

.support8 .right-text {
	padding: 30px;
	border-radius: 12px;
	background-color: var(--pink);
	z-index: 1;
	position: relative;
}

.support8 .right-text h3 {
	color: var(--dark);
	font-size: 20px;
	text-align: left;
	font-weight: 600;
}

.support8 .right-text form .input-group input {
	background: var(--light);
	color: var(--dark);
	border: 2px solid var(--light-red);
	border-radius: 10px;
	font-size: 14px;
}

.support8 .right-text form .input-group input::placeholder {
	color: #757575;
}

.support8 .right-text form .input-group input:focus {
	border-color: #ed959a;
}

.support8 .right-text form .input-group .input-group-text {
	background: var(--light);
	color: #757575;
	border: 2px solid #ed959a;
	border-right: 0px;
	border-radius: 10px;
}

.support8 .right-text form .form-check label {
	font-size: 14px;
	color: var(--dark);
	cursor: pointer;
}

.support8 .right-text form .form-check input.form-check-input {
	background-color: var(--dark);
	border-color: var(--dark);
	border-radius: 0px;
}
.support8 .right-text form .form-check{
	margin-top: 10px;
}
.support8 .right-text form .form-check label a {
	font-weight: initial;
	color: var(--dark);
	text-decoration: underline;
}

.support8 .right-text form span {
	text-align: center;
	color: var(--dark);
	display: block;
}

.support8 .right-text form .d-grid button {
	background: var(--dark);
	border-radius: 12px;
	color: var(--light);
	border-color: var(--dark);
}

/*---------------- subfooter page csss------------ */

.subfooter p.copyright {
    text-align: center;
    padding: 15px;
    font-size: 13px;
    background:#0e3f67;
    color: var(--light);
    margin-bottom: 0px;
}
/* .............................................................. */

/*-------------- google doc---------- */
.google-doc {
	margin: 0px 12px;
	background-color: #e8eaed;
}



.google-doc .google-doc-inner{ 
	position: relative;
}
.google-doc .google-doc-inner .left-content{
    height: 94vh;
	background-color: var(--light);
	border-right: 1px solid #ccc;
	padding: 20px 10px;
}
.google-doc .google-doc-inner .left-content.sticky-top{
	top: 124px;
	z-index: 0;
}
.google-doc .google-doc-inner .left-content h6{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.google-doc .google-doc-inner .left-content ul li{
	padding: 10px;
	transition: background-color .5s ease;
	border-radius: 5px;
}
.google-doc .google-doc-inner .left-content ul li a{
	color: var(--dark);
	font-weight: 600;
	font-size: 14px;
}
.google-doc .google-doc-inner .left-content ul li:hover{
	background-color: #f1f3f4;
}




.google-doc .left h6 {
	background: var(--light-gray);
	margin-left: 17px;
}

.google-doc .left {
	height: 100vh;
	max-width: 300px;
	left: 0;
	position: fixed;
	padding: 20px 50px 20px 0px;
	background-color: var(--light-gray);
}

.google-doc .left .nav {
	background: white;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
	height: 100%;
}

.google-doc .left .nav .nav-link.active {
	color: var(--primary);
	background-color: #e8f0fe;
	text-align: left;
	border-radius: 0;
	font-weight: 500;
}

.google-doc .left .nav .nav-link {
	color: var(--dark);
	text-align: left;
	border-radius: 0;
	font-weight: 500;
}

.google-doc .middle .tab-content .tab-pane .first-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.google-doc .middle .tab-content .tab-pane .pasd-top {
	margin-top: 30px;
}

.google-doc .middle .tab-content .tab-pane .first-row nav .breadcrumb {
	margin-bottom: 0px;
}

.google-doc .middle .tab-content .tab-pane .first-row nav .breadcrumb li a {
	color: var(--text-color);
	font-size: 14px;
}

.google-doc .middle .tab-content .tab-pane .first-row nav .breadcrumb li a:hover {
	text-decoration: underline;
	color: var(--primary);
}

.google-doc .middle .tab-content .tab-pane .first-row nav .breadcrumb-item.active {
	color: #6c757d;
}

.google-doc .middle .tab-content .tab-pane .first-row ul.star {
	display: flex;
	align-items: center;
}
.google-doc .middle .tab-content .tab-pane .first-row ul.star span{
	font-size: 14px;
	font-weight: 500;
	margin: 0px 10px;
}
.google-doc .middle .tab-content .tab-pane .first-row ul.star a{
	color: var(--text-color);
	margin: 0px 5px;
	font-size: 22px;
}
.google-doc .middle .tab-content .tab-pane .first-row ul.star li i {
	color: var(--primary);
	margin: 0px 1px;
	font-size: 20px;
}

.google-doc .middle {
	background-color: var(--light);
	padding: 30px;
	margin: 20px;
	border: 1px solid #ccc;
}

.google-doc .middle .tab-content .tab-pane .second-row h2 {
	color: var(--dark);
	font-weight: 500;
}
.google-doc .middle .tab-content .tab-pane .second-row h2 .btn{
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-flex;
	align-items: flex-start;
}
.google-doc .middle .tab-content .tab-pane .second-row .heading-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.google-doc .middle .tab-content .tab-pane .second-row .heading-row a.btn{
	border: 1px solid #ccc;
	color: var(--blue);
	font-weight: 600;
	font-size: 14px;
	padding: 6px 20px;
}
.google-doc .middle .tab-content .tab-pane .second-row h2 .btn i{
	font-size: 20px;
	color: var(--text-color);
}
.google-doc .middle .tab-content .tab-pane .second-row h2 .btn i:last-child{
	font-size: 16px;
	margin-top: -2px;
}
.google-doc .middle .tab-content .tab-pane .second-row .box{
	margin: 30px 0px;
}
.google-doc .middle .tab-content .tab-pane .second-row .box .blue-box{
	background-color: #e8f0fe;
	padding:20px;
}
.google-doc .middle .tab-content .tab-pane .second-row .helpful-article{
  text-align: center;
}
.google-doc .middle .tab-content .tab-pane .second-row .helpful-article{
	text-align: center;
  }
  .google-doc .middle .tab-content .tab-pane .second-row .helpful-article span{
	font-weight: 600;
	font-size: 14px;
	color: var(--dark);
  }
  .google-doc .middle .tab-content .tab-pane .second-row .helpful-article .like{
	margin:10px 0px
  }
  .google-doc .middle .tab-content .tab-pane .second-row .helpful-article .like a{
	color: var(--text-color);
	font-size: 20px;
  }
  .google-doc .middle .tab-content .tab-pane .second-row .helpful-article a.btn{
	border: 1px solid #ccc;
    color: var(--blue);
    font-weight: 600;
    font-size: 14px;
    padding: 6px 20px;
  }


.google-doc .middle .tab-content .tab-pane .second-row .box .blue-box p{
	color: #303f9f;
	position: relative;
	margin: 0px 0px 0px 30px;
}
.google-doc .middle .tab-content .tab-pane .second-row .box .blue-box p::after {
    position: absolute;
    content: "\f005";
    left: -30px;
    font-family: fontawesome;
    top: -0px;
    font-size: 20px;
}
.google-doc .middle .tab-content .tab-pane .second-row .box .blue-box p a{
	color: #303f9f;
	text-decoration: underline;
}
.google-doc .middle .tab-content .tab-pane .second-row h5 {
	color: var(--dark);
	font-size: 22px;
	margin-bottom: 10px;
}

.google-doc .middle .tab-content .tab-pane .second-row h3 {
	color: var(--dark);
	font-size: 25px;
}

.google-doc .middle .tab-content .tab-pane .second-row p {
	color: var(--text-color);
	font-size: 15px;
	margin: 15px 0px;
	line-height: 26px;
}
.google-doc .middle .tab-content .tab-pane .second-row img{
	max-width: 100%;
	margin: 15px 0px 25px;
}

.google-doc .middle .tab-content .tab-pane .second-row h6{
	font-size: 18px;
	margin: 15px 0px;
}
.google-doc .middle .tab-content .tab-pane .second-row p a {
	color:#303f9f;
}
.google-doc .middle .tab-content .tab-pane .second-row p a.bg-light{
	background-color: #f1f3f4 !important;
}
.google-doc .middle .tab-content .tab-pane .second-row p span {
	padding: 2px 4px;
	color: var(--red);
	background-color: #f9f2f4;
	border-radius: 4px;
}

.google-doc .middle .tab-content .tab-pane .second-row pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: var(--light-gray);
	border: 1px solid  var(--border-color);
	border-radius: 4px;
}

.google-doc .middle .tab-content .tab-pane .second-row p a:hover {
	text-decoration: underline;
}

.google-doc .middle .tab-content .tab-pane .second-row p.top-text {
	color: var(--text-color);
	font-size: 18px;
}

.google-doc .middle .tab-content .tab-pane .second-row ul.structure {
	margin-left: 20px;
	margin-bottom: 10px;
}

.google-doc .middle .tab-content .tab-pane .second-row ul.structure li {
	list-style: disc;
	font-size: 15px;
	color: var(--text-color);
}

.google-doc .middle .tab-content .tab-pane .second-row ul.structure li span {
	padding: 2px 4px;
	color:#37474f;
	font-weight: 600;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.google-doc .right-text {
	height: 100vh;
	position: fixed;
	padding: 20px;
	background-color: var(--light-gray);
}

.google-doc .right-text h6 {
	color: var(--dark);
}

.google-doc .right-text ul li {
	padding: 5px 0px;
}

.google-doc .right-text ul li a {
	color: var(--dark);
	transition: all .3s ease;
}

.google-doc .right-text ul li a:hover {
	color: var(--primary);
}

/*-------------- google doc---------- */


/*-------------- resources/kb---------- */
.resources-search {
	padding: 40px 0px;
	background: var(--primary);
}

.resources-search h1 {
	text-align: center;
	color: var(--light);
	font-weight: 400;
	font-size: 26px;
	margin-bottom: 20px;
}

.resources-search .input-group {
	box-shadow:var(--box-shadow-support);
	border-radius: 99px;
}

.resources-search .input-group .input-group-text {
	border-radius: 99px;
	padding: 18px 10px 18px 30px;
	border: 0;
	background-color: var(--light);
	outline: none;
	color: #595959;
	font-size: 20px;
}

.resources-search .input-group input.form-control {
	border-radius: 99px;
	padding: 18px 10px 18px 0px;
	border: 0;
	outline: none;
}

.resources-search .input-group input.form-control::placeholder {
	color: rgb(179 179 179);
	letter-spacing: 0px;
	font-size: 16px;
}

/*  */

.resources-kb {
	padding: 40px 0px;
}

.resources-kb .left-text h2 {
	font-size: 22px;
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-weight: 500;
	color: var(--dark);
	border-bottom: 1px solid var(--underline);
}

.resources-kb .left-text .flex-box {
	display: flex;
	flex-wrap: wrap;
}

.resources-kb .left-text .flex-box .inner-div {
	width: 48%;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid var(--underline);
	padding: 25px 10px;
	margin-right: 10px;
}

.resources-kb .left-text .flex-box .inner-div img {
	height: 35px;
	margin: 0 20px 0 0;
	width: 35px;
	object-fit: contain;
}

.resources-kb .left-text .flex-box .inner-div .text h4 {
	font-size: 18px;
	line-height: 1.25;
	color: var(--dark);
	margin: 0;
}

.resources-kb .left-text .flex-box .inner-div .text p {
	font-size: 15px;
	line-height: 20px;
	color: var(--text-color);
	margin: 8px 0 0;
}

.resources-kb .right-text :is(.inner-div1, .inner-div2) {
	border-radius: 5px;
	background: var(--light-gray);
	padding: 30px;
	margin: 0 0 20px;
	font-size: 14px;
}

.resources-kb .right-text :is(.inner-div1, .inner-div2) h5 {
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: 500;
	color: var(--light-dark);
}

.resources-kb .right-text .inner-div1 ul li {
	margin: 0 0 10px;
	line-height: 1.3;
	position: relative;
}

.resources-kb .right-text .inner-div1 ul li a {
	padding: 0 25px 0 0;
	color: var(--text-color);
}

.resources-kb .right-text .inner-div1 ul li a:hover {
	color: var(--primary);
}

.resources-kb .right-text .inner-div2 p {
	padding: 0 25px 0 0;
	color: var(--text-color);
}

.resources-kb .right-text .inner-div2 a.contact-support {
	color: var(--light);
	font-size: 13px;
	text-transform: uppercase;
	padding: 12px 18px;
	border-radius: 99px;
	background: var(--primary);
}

/*  */
.page-header {
	padding: 20px 0px;
	background-color: #f4f5f5;
}

.page-header .flex-div {
	display: flex;
	align-items: center;
	width: 100%;
}

.page-header .flex-div nav {
	width: 60%;
}

.page-header .flex-div .input-group {
	width: 40%;
}

.page-header .flex-div nav ol.breadcrumb .breadcrumb-item a {
	color: var(--light-dark);
	letter-spacing: 0px;
	font-size: 15px;
	position: relative;
	padding-right: 20px;
}

.page-header .flex-div nav ol.breadcrumb .breadcrumb-item a::after {
	position: absolute;
	content: "";
	background-image: url(../images/resources-kb/chevron-right-custom.svg);
	height: 12px;
	width: 12px;
	top: 3px;
	background-size: contain;
	right: 0px;
}

.page-header .flex-div nav .breadcrumb-item+.breadcrumb-item::before {
	display: none;
}

.page-header .flex-div nav ol.breadcrumb .breadcrumb-item a:hover {
	color: var(--primary);
}

.page-header .flex-div nav ol.breadcrumb .breadcrumb-item.active {
	color: var(--text-color);
	letter-spacing: 0px;
	font-size: 15px;
	margin-top: 1px;
}

.page-header .flex-div .input-group {
	border-radius: 50px;
	border: 1px solid var(--underline);
	padding: 7px;
	background: var(--light);
	width: 35%;
}

.page-header .flex-div .input-group .input-group-text {
	background-color: var(--light);
	border: 0px;
	color: var(--text-color);
	font-size: 20px;
}

.page-header .flex-div .input-group input.form-control {
	border: 0px;
	padding-left: 0px;
}

.page-header .flex-div .input-group input.form-control::placeholder {
	color: rgb(179 179 181);
	letter-spacing: 0px;

	font-weight: 400;
}

/*  */

.myAccountInner {
	padding: 40px 0px;
}

.myAccountInner .left-text .box1 {
	display: flex;
	align-items: flex-start;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--underline);
}

.myAccountInner .left-text .box1 img {
	height: 35px;
	width: 35px;
	object-fit: contain;
	margin-right: 20px;
}

.myAccountInner .left-text .box1 .text h3 {
	width: 100%;
	margin: 0;
	font-size: 26px;
	font-weight: 500;
	color: var(--dark);
}

.myAccountInner .left-text .box1 .text p {
	font-size: 16px;
	line-height: 20px;
	color: var(--text-color);
	margin: 8px 0 0;
}

.myAccountInner .left-text ul li {
	margin: 0 0 22px;
	padding: 0 0 22px;
	border-bottom: 1px solid var(--light-gray)
}

.myAccountInner .left-text ul li a {
	display: block;
	text-decoration: none;
}

.myAccountInner .left-text ul li a:hover h6 {
	color: var(--primary);
}

.myAccountInner .left-text ul li a h6 {
	margin: 0;
	font-size: 18px;
	text-transform: none;
	color: var(--dark);
	font-weight: 500;
}

.myAccountInner .left-text ul li a p {
	margin: 8px 0 0;
	font-size: 16px;
	color: var(--text-color);
}

.myAccountInner .right-text {
	border-radius: 5px;
	background:var(--light-gray);
	padding: 30px;
	margin: 0 0 20px;
	font-size: 14px;
}

.myAccountInner .right-text h6 {
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: 500;
}

.myAccountInner .right-text p {
	margin: 0 0 12px;
	color: var(--text-color);
}

.myAccountInner .right-text a.ticket-submit {
	color: var(--light);
	font-size: 13px;
	text-transform: uppercase;
	padding: 9px 18px;
	border-radius: 99px;
	background-color: var(--primary);
	font-weight: 400;
}

.myAccountInner .left-text nav .pagination li.page-item {
	margin-right: 10px;
	margin-bottom: 0;
	padding: 0px;
}

.myAccountInner .left-text nav .pagination li.page-item a.page-link {
	background: var(--light-gray);
	color: var(--text-color);
	display: inline-block;
	padding: 7px 18px;
	font-size: 16px;
	border-radius: 3px;
	border: 0px;
	transition: all .1s ease-in-out;
}

.myAccountInner .left-text nav .pagination li.page-item a.page-link i {
	font-size: 11px;
	margin: 0px 2px;
}

.myAccountInner .left-text nav .pagination li.page-item a.page-link:hover {
	background: #e7e9e9;
	color: var(--primary);

}

.myAccountInner .submit-ticket h1 {
	font-size: 32px;
	margin: 0 0 20px;
	font-weight: 500;
	color: var(--dark);
}

.myAccountInner .submit-ticket p {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
}
.myAccountInner .submit-ticket p strong{
	font-weight: 600;
}
.myAccountInner .submit-ticket p a {
	color: var(--primary);
}

/* create an account */
.create-an-account {
	padding: 40px 0px;
	position: relative;
}

/* .create-an-account .create-account-inner {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
} */

.create-an-account .left-text {
	border-radius: 5px;
	background: #f4f5f5;
	padding: 30px;
	margin: 0 0 20px;
	top: 150px;
	z-index: 1;
	font-size: 14px;
}

.create-an-account .left-text h6 {
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: var(--dark);
	margin: 0 0 15px;
}

.create-an-account .left-text ul li {
	margin-bottom: 5px;
}

.create-an-account .left-text ul li a {
	border-radius: 3px;
	display: block;
	color: inherit;
	padding: 10px;
	text-decoration: none;
	color: var(--text-color);
	font-weight: 500;
}
.create-an-account .left-text ul li a:hover {
	background: var(--dark-light);
}
.create-an-account .left-text ul li.active a{
	background-color: rgb(0 180 179 / 80%);
	color:var(--light);
}




/* .create-an-account .right-text{
  position: absolute;
  top: 216px;
} */
.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) {
	margin-bottom: 30px;
}

.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) h2 {
	font-size: 32px;
	margin: 0 0 20px;
	font-weight: 600;
	color: var(--dark);
}

.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) p {
    font-size: 16px;
    color: var(--text-color);
    line-height: 28px;
}
.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) p strong{
	font-weight: 600;
}

.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) h4 {
	color: var(--dark);
	font-size: 22px;
	padding-top: 22px;
	font-weight: 600;
}

.create-an-account .right-text :is(.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5, .inner-div6) h5 {
	color: var(--dark);
	font-size: 19px;
	padding-top: 22px;
	font-weight: 500;
}

.create-an-account .right-text .inner-div1 p strong a {
	color: #31c1c0;
}

.create-an-account .right-text .inner-div2 ul {
	padding-bottom: 30px;
}

.create-an-account .right-text .inner-div2 ul li {
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 10px;
	list-style-type: circle;
	list-style-position: inside;
}

.create-an-account .right-text .inner-div2 .useful-shortcode {
	background-color: var(--light-green);
	color: var(--dark-green);
	padding: 20px 25px;
	border-radius: 5px;
	display: flex;
	align-items: flex-start;
}

.create-an-account .right-text .inner-div2 .useful-shortcode i {
	margin-right: 10px;
	color:rgb(158 209 102);
}

.create-an-account .right-text .inner-div2 .useful-shortcode .inner-text p {
	margin-bottom: 0px;
	color: var(--dark-green);
	margin-top: 10px;
	font-size: 15px;
}

.create-an-account .right-text .inner-div3 blockquote {
	padding: 0 0 0 44px;
	padding: 0 0 0 22px;
	margin: 44px 0;
	border-left: 5px solid var(--light-gray);
}

.create-an-account .right-text .inner-div3 blockquote p {
	color: var(--dark);
	font-size: 16px;
}

.create-an-account .right-text .inner-div1 p a {
	color:rgb(49 193 192);
	font-weight: 500;
}
.create-an-account .right-text .inner-div5 span strong{
	font-weight: 500;
}
.create-an-account .right-text .inner-div4 img {
	width: 100%;
	margin-top: 10px;
}

.create-an-account .right-text .inner-div4 .aside-image {
	display: flex;
	margin-top: 15px;
}

.create-an-account .right-text .inner-div4 .aside-image img {
	margin: 0px 20px 0px 0px;
}

.create-an-account .right-text .inner-div5 span {
	display: block;
	margin-bottom: 15px;
	color: var(--text-color);
	font-size: 16px;
}

.create-an-account .right-text .inner-div5 :is(ol, ul) li {
	font-size: 16px;
	color: var(--text-color);
}

.create-an-account .right-text .inner-div5 .nav li.nav-item .nav-link {
	color: var(--dark);
	background:#f0f2f5;
	font-size: 16px;
	padding: 14px 15px;
	margin: 0;
	font-weight: 600;
	border-right: 1px solid var(--transparent);
}

.create-an-account .right-text .inner-div5 .nav {
    border: 1px solid #f0f2f5;
    width:100%
}

.create-an-account .right-text .inner-div5 .nav li.nav-item .nav-link.active {
	background-color:var(--transparent);
	font-size: 16px;
	color: var(--dark);
	padding: 14px 15px;
	margin: 0;
	font-weight: 600;
	border-right: 1px solid rgba(0, 0, 0, .06);
}

.create-an-account .right-text .inner-div5 .tab-content .tab-pane {
	font-size: 16px;
	color: var(--text-color);
}

.create-an-account .right-text .inner-div5 .accordion .accordion-item .accordion-header .accordion-button {
	background: var(--light-gray);
	padding: 15px 15px 15px 45px;
	font-size: 16px;
	font-weight: 600;
	color: var(--dark);
	position: relative;
	border-radius: 5px;
}

.create-an-account .right-text .inner-div5 .accordion .accordion-item .accordion-header .accordion-button::after {
	content: "\f055";
	background-image: none;
	font-size: 19px;
	font-weight: bolder;
	display: flex;
	align-items: center;
	color: #afb0b3;
	position: absolute;
	left: 19px;
	font-family: 'Font Awesome 6 Free';
}

.create-an-account .right-text .inner-div5 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: none;
	content: "\f056";
	font-family: 'Font Awesome 6 Free';
	background-image: none;
	font-size: 19px;
	font-weight: bolder;
	display: flex;
	align-items: center;
}

.create-an-account .right-text .inner-div5 .accordion .accordion-item .accordion-header {
	margin-bottom: 0px;
}

.create-an-account .right-text .inner-div5 .notification {
	margin-top: 15px;
}

.create-an-account .right-text .inner-div5 .notification .messages:first-child {
	display: flex;
	background-color: #f7efa6;
	color: #6a6641;
	padding: 20px 25px;
	margin: 0 0 22px;
	border-radius: 5px;
}

.create-an-account .right-text .inner-div5 .notification .messages i {
	margin-right: 10px;
}

.create-an-account .right-text .inner-div5 .notification .messages .inner-text h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #445028;
}

.create-an-account .right-text .inner-div5 .notification .messages .inner-text p {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.create-an-account .right-text .inner-div5 .notification .messages:nth-child(2) {
	display: flex;
	background-color:#ffe7e5;
	color: #e05d4d;
	padding: 20px 25px;
	margin: 0 0 22px;
	border-radius: 5px;
}
.create-an-account .right-text .inner-div5 .notification .messages:nth-child(2) .inner-text h6{
	color: #e05d4d;
}
.create-an-account .right-text .inner-div5 .notification .messages:nth-child(3) {
	display: flex;
	background-color:#f3f8fb;
	color:#3ea9f5;
	padding: 20px 25px;
	margin: 0 0 22px;
	border-radius: 5px;
}
.create-an-account .right-text .inner-div5 .notification .messages:nth-child(3) .inner-text h6{
	color: #3ea9f5;
}
.create-an-account .right-text .inner-div5 .notification .messages:last-child {
	display: flex;
	background-color:rgb(158 209 102 / 30%);
	color:var(--green);
	padding: 20px 25px;
	margin: 0 0 22px;
	border-radius: 5px;
}

.create-an-account .right-text .inner-div6 small {
	font-size: 14px;
	color: var(--text-color);
	margin: 0 0 22px;
	display: block;
}

.create-an-account .right-text .inner-div6 .tagged span {
	font-size: 14px;
	color: var(--text-color);
	margin: 0 0 20px;
}

.create-an-account .right-text .inner-div6 .tagged {
	margin-bottom: 20px;
}

.create-an-account .right-text .inner-div6 .tagged a {
	font-size: 13px;
	transition: all .1s ease-in-out;
	display: inline-block;
	padding: 3px 10px;
	margin-right: 5px;
	background: #f4f5f5;
	color: var(--text-color);
	text-decoration: none;
	border-radius: 50px;
}

.create-an-account .right-text .inner-div6 .tagged a:hover {
	color: var(--primary);
	background-color: #e7e9e9;
}

.create-an-account .right-text .inner-div6 .feedback {
	background: #f4f5f5;
	padding: 22px 30px 25px;
	margin: 0 0 22px;
}

.create-an-account .right-text .inner-div6 .feedback h5 {
	font-size: 18px;
	font-weight: 400;
	color: #4d4d4d;
	margin: 0 0 10px;
	text-align: center;
}

.create-an-account .right-text .inner-div6 .feedback .inner-div {
	text-align: center;
}

.create-an-account .right-text .inner-div6 .feedback .inner-div a:first-child {
	background-color:#55d17c;
	border-radius: 3px;
	margin: 0 5px;
	display: inline-block;
	padding: 3px 28px;
	color: var(--light);
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
}

.create-an-account .right-text .inner-div6 .feedback .inner-div a:last-child {
	background-color: #e57673;
	border-radius: 3px;
	margin: 0 5px;
	display: inline-block;
	padding: 3px 28px;
	color: var(--light);
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
}

.create-an-account .right-text .inner-div6 ul li {
	list-style-type: circle;
	list-style-position: inside;
}
.create-an-account .right-text .inner-div6 ul li {
    margin: 10px 0px;
}
.create-an-account .right-text .inner-div6 ul li a {
	color: rgb(0 180 179 / 80%);
	font-size: 16px;
	font-weight: 500;
}

/*-------------- resources/kb---------- */

/*-------data-conversion-services----- */
.data-conversion-services {
	padding: 40px 48px 20px;
}

.data-conversion-services .left-text h2 {
	color: var(--dark);
	font-size: 42px;
	font-weight: normal;
	font-weight: 600;
	margin-bottom: 10px;
}
.data-conversion-services .left-text h2 br{
	display: none;
}
.data-conversion-services .left-text h2 span {
	display: block;
	color: #ffe460;
}

.data-conversion-services .left-text p {
	color: var(--dark);
	font-size: 18px;
}

.data-conversion-services .right-text img {
	width: 100%;
}

/*  */
.data-conversion-type {
	padding: 20px 0px;
}

.data-conversion-type .inner-text {
	background-color:#00aeef;
	padding: 40px 30px;
	display: flex;
	flex-wrap: wrap;
}

.data-conversion-type .inner-text .column {
	width: 33.33%;
	padding: 0px 20px;
}

.data-conversion-type .inner-text .column img {
	width: 50px;
	margin-bottom: 15px;
}

.data-conversion-type .inner-text .column h3 {
	color: var(--light);
	font-size: 22px;
	font-weight: normal;
	height: 52px;
}

.data-conversion-type .inner-text .column p {
	color: var(--light);
	font-size: 16px;
}

.data-conversion-type .inner-text button.btn-pricing {
	font-size: 16px;
	background-color: var(--light);
	padding: 10px 30px 10px 30px;
	border: 1px solid var(--light);
	transition: all .5s ease;
	color: var(--primary);
	letter-spacing: 0px;
	font-weight: 500;
	border-radius: 0px;
}

.data-conversion-type .inner-text button.btn-pricing:hover {
	background-color: var(--transparent);
	color: var(--light);
	border: 1px solid var(--light);
}

/*  */
.data-conversion-type2 {
	padding: 20px 0px;
}

.data-conversion-type2 .inner-text {
	padding: 0px 30px;
	display: flex;
	flex-wrap: wrap;
}

.data-conversion-type2 .inner-text .column {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	padding: 0px 20px;
	margin-bottom: 20px;
}

.data-conversion-type2 .inner-text .column img {
	width: 50px;
	margin-bottom: 15px;
}

.data-conversion-type2 .inner-text .column h3 {
	color: var(--dark);
	font-size: 22px;
	font-weight: normal;
}

.data-conversion-type2 .inner-text .column p {
	color: var(--dark);
	font-size: 16px;
	flex: 1;
}

/*  */
.data-conversion-high-quality {
	padding: 20px 0px;
}

.data-conversion-high-quality .inner-text1 {
	background-color: var(--light-dark);
	padding: 30px;
}

.data-conversion-high-quality .inner-text1 p {
	text-align: center;
	color: var(--light);
	font-size: 24px;
	margin-bottom: 0px;
}

.data-conversion-high-quality .inner-text2 {
	background-image: url(../images/data-conversion-services/bg-blue.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 30px 20px 30px 20px;
}

.data-conversion-high-quality .inner-text2 .circle-parent {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	justify-content: center;
}

.data-conversion-high-quality .inner-text2 .circle-parent .circle {
	width: 25%;
	background: rgba(240, 75, 162, 0.8);
	border-radius: 100%;
	margin: 0px -10px 0px 0px;
	width: 320px;
	height: 310px;
	z-index: 1;
	text-align: center;
}

.data-conversion-high-quality .inner-text2 .circle-parent .circle:nth-child(2) {
	background: rgb(0 174 239 / 80%);
	z-index: 2;
}

.data-conversion-high-quality .inner-text2 .circle-parent .circle:nth-child(3) {
	background: rgb(44 177 84 / 80%);
	z-index: 3;
}

.data-conversion-high-quality .inner-text2 .circle-parent .circle:last-child {
	background: rgb(250 188 5 / 80%);
	z-index: 4;
}

.data-conversion-high-quality .inner-text2 .circle-parent .circle h3 {
	color: var(--light);
	font-size: 28px;
	padding: 44% 0% 44% 0%;
	font-weight: 500;
}

.data-conversion-high-quality .inner-text2 p {
	font-size: 16px;
	color: var(--light);
	letter-spacing: 0px;
	font-weight: 300;
	padding: 0px 24px;
	text-align: center;
}

.data-conversion-high-quality .inner-text2 .advantages {
	margin-top: 15px;
}

.data-conversion-high-quality .inner-text2 .advantages img {
	width: 100%;
}

.data-conversion-high-quality .inner-text2 .advantages h3 {
	color: var(--light);
	font-size: 21px;
	text-align: center;
	font-weight: 400;
	padding: 0px 24px;
}

.html-conversion {
	padding: 40px 0px 0px;
}

.html-conversion .inner-circle {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	position: relative;
	padding: 0px 48px;
}

.html-conversion .inner-circle .circle {
	width: 33.33%;
	border: 2px solid var(--underline);
	padding: 110px 20px;
	border-radius: 50%;
	height: 390px;
	text-align: center;
	display: flex;
	flex-direction: column;
}


.html-conversion .inner-circle .circle:nth-child(3) {
	margin-bottom: 100px;
}

.html-conversion .inner-circle .circle:last-child {
	background-color: #666fb2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.html-conversion .inner-circle .circle:last-child p {
	color: var(--light);
}

.html-conversion .inner-circle .circle:last-child h4 {
	color: var(--light);
}

.html-conversion .inner-circle .circle2 {
	border: 0px;
    padding: 50px 20px;
    border-radius: 0px;
    text-align: center;
    position: relative;
    top: -106px;
}

.html-conversion .inner-circle .circle3 {
	border: 0px;
	padding: 50px 20px;
	border-radius: 0px;
	text-align: center;
	height: 0px;
}

.html-conversion .inner-circle .circle3 p {
	font-size: 18px;
	font-weight: 500;
}

.html-conversion .inner-circle .circle img {
	width: 50px;
	margin: 0px auto;
	padding-bottom: 15px;
	object-fit: contain;
}

.html-conversion .inner-circle .circle h4 {
	color: var(--dark);
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: normal;
}

.html-conversion .inner-circle .circle p {
	color: var(--text-color);
	font-size: 16px;
}

.html-conversion .inner-text {
	margin-top: 40px;
	padding: 0px 40px;
}

.html-conversion .inner-text h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.html-conversion .inner-text p {
	color: var(--dark);
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}

.html-conversion .left-text {
	background-color:#666fb2;
	padding: 30px 38px;
}

.html-conversion .left-text h5 {
	font-size: 20px;
	color: var(--light);
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.html-conversion .left-text ul li {
	color: var(--light);
	padding-left: 25px;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 300;
	position: relative;
}

.html-conversion .left-text ul li::before {
	content: "\f14a";
	position: absolute;
	left: 0;
	top: 0px;
	font-family: 'Font Awesome 6 Free';
}

.html-conversion .right-text {
	background-color: #75b040;
	padding: 30px;
	height: 100%;
}

.html-conversion .right-text h5 {
	font-size: 20px;
	color: var(--light);
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.html-conversion .right-text ul li {
	color: var(--light);
	padding-left: 25px;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 300;
	position: relative;
}

.html-conversion .right-text ul li::before {
	content: "\f14a";
	position: absolute;
	left: 0;
	top: 0px;
	font-family: 'Font Awesome 6 Free';
}

/*  */
.error-free-conversion .inner-text1 {
	background-color: var(--light-gray);
	padding: 30px 38px;
}

.error-free-conversion .inner-text1 h2 {
	color: var(--dark);
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.error-free-conversion .inner-text1 p {
	color: var(--dark);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.error-free-conversion .inner-text2 {
	padding: 30px 38px 10px;
	background-image: url(../images/data-conversion-services/wd-bg2.jpg);
	background-attachment: fixed;
	display: flex;
	flex-wrap: wrap;
}

.error-free-conversion .inner-text2 .box {
	transition: all .5s ease;
	background-color: var(--light);
	width: 23%;
	text-align: center;
	padding: 20px;
	margin: 0px 12px 20px;
	display: flex;
	flex-direction: column;
}

.error-free-conversion .inner-text2 .box:hover {
	border-radius: 25px;
	background-color: #f1f1f1;
}

.error-free-conversion .inner-text2 .box img {
	width: 100px;
	width: 100px;
	background-color:#dde9f0;
	height: 100px;
	border-radius: 50%;
	object-fit: none;
	margin: 0px auto 15px;
}

.error-free-conversion .inner-text2 .box h6 {
	font-size: 20px;
	color: var(--dark);
}

.error-free-conversion .inner-text2 .box p {
	color: var(--text-color);
	font-size: 16px;
	flex: 1;
}

.error-free-conversion .inner-text2 p.boxp {
	font-size: 16px;
	color: var(--light);
	letter-spacing: 0px;
   text-align: center;
	margin-top: 20px;
	padding: 0px 12px;
}

.error-free-conversion .bottom-div {
	padding: 30px 0px;
	background-color:#1e8cbe;
}

.error-free-conversion .bottom-div p {
	color: var(--light);
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0px;
}

/*  */
.data-support-conversion {
	padding: 40px 48px;
}

.data-support-conversion .inner-text1 h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.data-support-conversion .inner-text1 p {
	color: var(--dark);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.data-support-conversion .inner-text2 {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.data-support-conversion .inner-text2 .box {
	width: 23%;
	text-align: center;
	box-shadow: 0px 0px 1px 0px var(--dark);
	padding: 20px;
	transition: all .3s ease;
	margin: 0px 12px 20px;
}

.data-support-conversion .inner-text2 .box img {
	border-radius: 10px;
	height: 90px;
	margin: 0px auto 0px;
	width: 100px;
	display: flex;
	object-fit: contain;
	justify-content: center;
	padding: 15px;
	align-items: center;
}

.data-support-conversion .inner-text2 .box:hover {
	background-color: var(--primary);
}

.data-support-conversion .inner-text2 .box:hover :is(h5, p) {
	color: var(--light);
}

.data-support-conversion .inner-text3 {
    margin-top: 0;
}

.data-support-conversion .inner-text3 img {
	width: 100%;
}

.data-support-conversion .inner-text3 p {
	color: var(--dark);
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}

.data-support-conversion p.inner-text4 {
	color: var(--dark);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	padding: 0px 12px;
}

.data-support-conversion .inner-text4 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.data-support-conversion .inner-text4 .box {
	width: 23%;
	margin: 0px 12px 20px;
	background: #d61c2d;
	padding: 30px 20px;
	text-align: center;
}

.data-support-conversion .inner-text4 .box:nth-child(2) {
	background: #00aeef;
}

.data-support-conversion .inner-text4 .box:nth-child(3) {
	background: #fabc05;
}

.data-support-conversion .inner-text4 .box:last-child {
	background:#2cb154;
}

.data-support-conversion .inner-text4 .box h3 {
	color: var(--light);
	font-size: 20px;
	font-weight: 300;

}

.data-support-conversion .inner-text4 .box .price span {
	display: block;
	font-size:42px;
	font-weight: 500;
	color: var(--light);
	padding: 0px;
}

.data-support-conversion .inner-text4 .box span {
	display: block;
	color: var(--light);
	font-size: 16px;
	letter-spacing: 0px;
	padding: 10px 0px;
}

.data-support-conversion .inner-text4 .box a.hire-now {
	border: 1px solid var(--light);
	padding: 8px 35px 8px 35px;
	font-size: 16px;
	font-weight: 400;
	color: var(--light);
	letter-spacing: 0px;
	margin-top: 20px;
}

.data-support-conversion .inner-text4 .box a.hire-now:hover {
	background-color: var(--light);
	color: var(--red);
}

.data-support-conversion .inner-text4 .box:nth-child(2) a.hire-now:hover {
	color: var(--primary);
}

.data-support-conversion .inner-text4 .box:nth-child(3) a.hire-now:hover {
	color: var(--gray);
}

.data-support-conversion .inner-text4 .box:last-child a.hire-now:hover {
	color: var(--darker-blue);
}

.data-support-conversion .inner-text5 {
	margin-top: 20x;
	display: flex;
	background-color: #00bcd4;
	padding: 20px;
	margin: 0px 12px;
}

.data-support-conversion .inner-text5 img {
	width: 60px;
	margin-right: 20px;
	object-fit: contain;
}

.data-support-conversion .inner-text5 .text h5 {
	color: var(--light);
	font-weight: 300;
	margin-bottom: 10px;
}

.data-support-conversion .inner-text5 .text h2 {
	color: var(--light);
	font-size: 22px;
	font-weight: 400;
}

/*  */
.toggle-data-conversion {
	padding: 0px 48px;
}

.toggle-data-conversion .inner-text1 h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.toggle-data-conversion .inner-text1 p {
	color: var(--dark);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.toggle-data-conversion .left-text {
	background-color: var(--light-gray);
	padding-top: 20px;
}

.toggle-data-conversion .left-text h3 {
	color: var(--dark);
	font-size: 24px;
	font-weight: 500;
	padding: 0px 20px;
	margin-bottom: 15px;
}

.toggle-data-conversion .left-text ul li {
	color: var(--dark);
	font-size: 16px;
	margin-bottom: 15px;
	padding: 0px 20px;
	position: relative;
}



.toggle-data-conversion .right-text ul {
	margin-left: 20px;
}

.toggle-data-conversion .right-text ul li {
	position: relative;
	color: var(--dark);
	font-size: 16px;
	margin-bottom: 15px;
}

.toggle-data-conversion .right-text ul li::before {
	position: absolute;
	content: "\f058";
	font-family: 'Font Awesome 6 Free';
	color: #3098d0;
	left: -24px;
	font-size: 18px;

}

.toggle-data-conversion .left-text .p-bottom {
	margin: 15px 0px 0px 0px;
	padding: 20px 25px 20px 25px;
	background-color:#3098d0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:#3098d0;
	font-size: 16px;
	color: var(--light);
	border-radius: 0px 0px 10px 10px;
}

.toggle-data-conversion .software {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.toggle-data-conversion .software .box {
	width: 25%;
	padding: 30px;
	background-color: #0097a7;
	text-align: center;
}

.toggle-data-conversion .software .box:nth-child(2) {
	background-color: #00acc1;
}

.toggle-data-conversion .software .box:nth-child(3) {
	background-color: #00bcd4;
}

.toggle-data-conversion .software .box:last-child {
	background-color: #26c6da;
}

.toggle-data-conversion .software .box img {
	width: 75px;
}

.toggle-data-conversion .software .box p {
	color: var(--light);
	font-size: 16px;
	margin-top: 30px;
	position: relative;
}

.toggle-data-conversion .software .box p::before {
	width: 60px;
	height: 2px;
	margin: 0 auto;
	position: absolute;
	content: "";
	background-color: var(--light);
	left: 99px;
	margin: 0px auto;
	top: -15px;
}

.toggle-data-conversion .testimonials {
	padding: 40px 0px;
	text-align: center;
}

.toggle-data-conversion .testimonials h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.toggle-data-conversion .testimonials img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: 3px var(--primary) solid;
	border-radius: 100px;
	margin: 0px auto;
}

.toggle-data-conversion .testimonials p {
	color: var(--text-color);
	font-size: 16px;
	margin: 20px auto 0px;
	max-width: 900px;
}

.toggle-data-conversion .blog {
	padding: 40px 0px;
	background: var(--light-gray);
}

.toggle-data-conversion .blog h2 {
	color: var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
	line-height: 45px;
}

.toggle-data-conversion .blog p {
	color: var(--text-color);
	font-size: 16px;
	margin: 20px auto 0px;
	max-width: 900px;
	text-align: center;
}

/*-------data-conversion-services----- */

/*------------ hire developer-------- */
.hire-dedicater-developer {
	padding: 60px 0px;
}

.hire-dedicater-developer .left-text h1 {
	font-size: 42px;
	font-weight: 600;
	color: var(--dark);
	line-height: 55px;
}
.hire-dedicater-developer .left-text h1 br{
	display: none;
}
.hire-testimonials .slider .owl-carousel .owl-nav{
	display: none;
}
.hire-dedicater-developer .left-text h1 span.hastag {
	color: var(--primary);
}

.hire-dedicater-developer .left-text h1 span {
	color: var(--primary);
}

.hire-dedicater-developer .left-text P {
	color: var(--dark);
	font-size: 18px;
	margin-top: 20px;
}

.hire-dedicater-developer .left-text P span {
	color: var(--primary);
	text-decoration: underline;
	font-weight: 600;
}

.hire-dedicater-developer .left-text a {
	padding: 8px 30px;
	font-size: 16px;
}

.hire-dedicater-developer .right-text img {
	width: 100%;
}

.hire-dedicater-developer .bank-bunk h3 {
	font-size: 32px;
	color: var(--dark);
	letter-spacing: 0px;
}

.hire-dedicater-developer .bank-bunk h3 span {
	color: var(--primary);
}

.hire-dedicater-developer .bank-bunk h5 {
    font-size: 22px;
    color: var(--text-color);
    margin: 15px 0px;
    font-weight: 400;
	font-style: italic;
}

.hire-dedicater-developer .hire-img {
	width: 464px;
	margin-top: -20px;
	margin-left: auto;
}

.hire-dedicater-developer .hire-img img {
	width: 100%;
}

.hire-dedicater-developer .bank-bunk p {
	font-size: 16px;
	color: var(--dark);
	margin-bottom: 20px;
	letter-spacing: 0px;
}

.hire-flexibly-demand {
	padding: 60px 0px;
	text-align: center;
}

.hire-flexibly-demand h2 {
    font-size: 32px;
    color: var(--dark);
    font-weight: 500;
    letter-spacing: 0px;
}

.hire-flexibly-demand h2 span {
	color: var(--primary);
}

.hire-flexibly-demand img {
	width: 200px;
	margin: 30px 0px;
}

.hire-flexibly-demand p {
	color: var(--dark);
	font-size: 20px;
}

.hire-flexibly-demand p span {
	color: var(--primary);
}

/*  */
.on-demand {
	padding: 60px 0px;
}

.on-demand .left-text h3 {
	font-size: 32px;
	color: var(--dark);
	letter-spacing: 0px;
}

.on-demand .left-text h3 span {
	color: var(--primary);
}

.on-demand .left-text h5 {
	font-size: 22px;
	color: var(--text-color);
	margin: 15px 0px;
	font-weight: 400;
}

.on-demand .left-text p {
	font-size: 16px;
	color: var(--dark);
	margin-bottom: 30px;
	letter-spacing: 0px;
}

.on-demand .right-text img {
	width: 100%;
	margin-top: -100px;
}

.hire-testimonials {
	padding: 60px 0px;
	text-align: center;
}

.hire-testimonials h2 {
	font-size: 32px;
	color: var(--dark);
	font-weight: 500;
	letter-spacing: 0px;
}

.hire-testimonials h2 span {
	color: var(--primary);
}

.hire-testimonials p {
    color: var(--dark);
    font-size: 20px;
    line-height: 36px;
    margin: 0 0px 0px;
}

.hire-testimonials .slider {
	margin-top: 30px;
}

.hire-testimonials .slider .item figure {
	width: 170px;
    margin: 0px auto;
    height: 100px;
    display: inline-block;
    vertical-align: bottom;
}

.hire-testimonials .slider .item figure img {
	max-width: 100%;
    text-align: center;
    margin: 0px auto;
    height: 100%;
    object-fit: contain;
}

.hire-testimonials .slider .owl-carousel .owl-nav button.owl-prev span {
	position: absolute;
	font-family: 'FontAwesome';
	left: 0;
	bottom: 50%;
	font-size: 30px;
	content: "\f053";
	color: var(--primary);
}

.hire-testimonials .slider .owl-carousel .owl-nav button.owl-next span {
	position: absolute;
	font-family: 'FontAwesome';
	right: 0;
	bottom: 50%;
	font-size: 30px;
	content: "\f053";
	color: var(--primary);
}

/*  */
.what-next {
	padding: 60px 0px;
	text-align: center;
}

.what-next h1 {
	font-size: 32px;
	font-weight: 500;
	color: var(--dark);
	line-height: 65px;
}

.what-next h1 span {
	color: var(--primary);
}

.what-next a.software-developer {
    color: #000000;
    font-size: 22px;
}

.what-next p {
    font-size: 20px;
    color: var(--dark);
    margin-top: 20px;
}

.what-next p a {
	color: var(--primary);
	text-decoration: none;
}

.what-next ul.social {
	display: flex;
	margin-top: 20px;
	justify-content: center;
}

.what-next ul.social li {
	margin: 0px 5px;
}

.what-next ul.social li a {
	display: block;
}

.what-next ul.social li a i {
	font-size: 20px;
	background: var(--primary);
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--light);
	border: 2px solid var(--primary);
	transition: all .4s linear;
}

.what-next ul.social li a i:hover {
	background: var(--transparent);
	color: var(--primary);
	border: 2px solid var(--primary);
}

/* secont page */
.profile-looking {
	position: relative;
}

.profile-looking .left-content {
	background-color: var(--light-gray);
	padding: 50px 30px;
	text-align: left;
	height: 100%;
	position: absolute;
	left: 0px;
	width: inherit;
}

.profile-looking .left-content h6 {
	font-size: 18px;
	color: var(--dark);
	letter-spacing: 0px;
}

.profile-looking .left-content p {
	font-size: 14px;
	color: var(--text-color);
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.profile-looking .left-content .select-page .select-page1 {
	margin-bottom: 80px;
	display: flex;
	align-items: center;
	position: relative;
}

.profile-looking .left-content .select-page {
	position: relative;
}

.profile-looking .left-content .select-page p {
	position: absolute;
	top: 28px;
	font-size: 12px;
	left: 27px;
}

.profile-looking .left-content .select-page .select-page1::after {
	content: "";
	height: 74px;
	width: 3px;
	position: absolute;
	background-color: #d4d4d4;
	left: 7px;
	top: 26px;
}

.profile-looking .left-content .select-page .select-page1 span:first-child {
	height: 16px;
	width: 16px;
	border: 2px solid var(--primary);
	display: block;
	border-radius: 50%;
	margin-right: 10px;

}

.profile-looking .left-content .select-page .select-page1 span:last-child {
	font-size: 16px;
	color: var(--dark);
}

.profile-looking .left-content .select-page .select-page2 span:first-child {
	height: 16px;
	width: 16px;
	background-color:var(--cream-light);
	display: block;
	border-radius: 50%;
	margin-right: 10px;
}

.profile-looking .left-content .select-page .select-page2 {
	display: flex;
	align-items: center;
}

.profile-looking .left-content .select-page .select-page2 span:last-child {
	font-size: 16px;
	color: var(--dark);
}

.profile-looking .right-content {
	padding: 40px 20px;
}

.profile-looking .right-content h6 {
	font-size: 18px;
	color: var(--dark);
	letter-spacing: 0px;
}

.profile-looking .right-content p {
	font-size: 14px;
	color: var(--text-color);
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.profile-looking .right-content .skill-box {
	display: flex;
	flex-wrap: wrap;
}

.profile-looking .right-content .skill-box .box {
	width: 31%;
	border: 1px solid var(--border-color);
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	margin: 0px 8px 15px;
	flex-direction: column;
	display: flex;
}

.profile-looking .right-content .skill-box .box:active {
	box-shadow: 0px 0px 0px 1px var(--primary) !important;
}

.profile-looking .right-content .skill-box .box img {
	width: 50px;
	margin: 0px auto 15px;
}

.profile-looking .right-content .skill-box .box p {
	flex: 1;
	margin-bottom: 0px;
}

.profile-looking .right-content .skill-box a.btns {
	padding: 5px 40px;
	letter-spacing: 0px;
	margin: 10px auto 0px;
}

.profile-looking2 .left-content .select-page .select-page1 span:first-child {
	background: var(--primary);
}

.profile-looking2 .left-content .select-page .select-page1::after {
	background-color: var(--primary);
}

.profile-looking2 .left-content .select-page .select-page2 span:first-child {
	background-color: var(--transparent);
	border: 2px solid var(--primary);
}

.profile-looking .right-content .skill-technology {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.profile-looking .right-content .skill-technology .box {
	width: 18%;
	border: 1px solid var(--border-color);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	border-radius: 5px;
	margin: 0px 7px 15px;
	padding: 15px 10px;
	flex-direction: column;
}

.profile-looking .right-content .skill-technology .box:active {
	box-shadow: 0px 0px 0px 1px var(--primary) !important;
}

.profile-looking .right-content .skill-technology .box img {
	width: 60px;
	margin: 0px auto 15px;
	flex: 1;
}

.profile-looking .right-content .skill-technology .box p {
	margin-bottom: 0px;
}

.profile-looking .right-content .previous-btn-group {
	text-align: center;
	margin-top: 30px;
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content .modal-body .inner-div h2 {
	font-size: 22px;
	letter-spacing: 0px;
	font-weight: 500;
	color: var(--dark);
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content .modal-body .inner-div h2 span {
	color: var(--primary);
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content .modal-body .inner-div p {
	color: var(--text-color);
	font-size: 20px;
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content .modal-body .inner-div img {
	width: 50%;
	margin: 0px auto;
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content {
	border: 0px;
}

.profile-looking .right-content .previous-btn-group .modals-searching .modal-dialog .modal-content .modal-body {
	border-radius: 14px !important;
	border: 1px solid var(--border-color);
	box-shadow: 0px 0px 9px 0px #68676747;
}

.profile-looking .right-content .previous-btn-group .btn-prev {
	color: var(--primary);
	background-color: var(--transparent);
	border: 2px solid var(--primary) !important;
	letter-spacing: 0px;
	border-radius: 0px;
	padding: 6px 20px;
	margin-right: 15px;
	transition: all .5s ease;
}

.profile-looking .right-content .previous-btn-group .btn-prev:hover {
	background-color: var(--primary);
	color: var(--light);
}

.profile-looking .right-content .previous-btn-group .btns:hover {
	background-color: var(--red);
	border-color: var(--red);
}

.hire-searching {
	padding: 40px 0px;
}

.hire-searching .right-content {
	display: flex;
	flex-wrap: wrap;
}

.hire-searching .right-content .tutorials {
	height: 575px;
	min-height: 575px;
	padding: 15px 13px 20px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-left: 11px;
	margin-right: 11px;
	width: 31%;
	transition: all .5s ease;
}

.hire-searching .right-content .tutorials:hover {
	border-color: var(--primary);
}

.hire-searching .right-content .tutorials img {
	width: 100%;
	border-radius: 5px;
}

.hire-searching .right-content .tutorials h3 {
	font-size: 18px;
	color: var(--dark);
	margin: 11px 0px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

.hire-searching .right-content .tutorials small {
	color: var(--text-color);
	letter-spacing: 0px;
	margin: 5px 0px;
	display: block;
}

.hire-searching .right-content .tutorials .timing {
	display: flex;
	align-items: center;
}

.hire-searching .right-content .tutorials .timing {
	display: flex;
	align-items: center;
}

.hire-searching .right-content .tutorials .timing .flexs {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.hire-searching .right-content .tutorials .timing .flexs:last-child {
	margin-left: -41px;
}

.hire-searching .right-content .tutorials .timing .flexs i {
	color: var(--primary);
	font-size: 13px;
}

.hire-searching .right-content .tutorials .timing .flexs span {
	font-size: 12px;
	color: var(--dark);
	display: block;
	margin-left: 5px;
}

.hire-searching .right-content .tutorials .timing .flexs span:last-child {
	width: 70px;
}

.hire-searching .right-content .tutorials h4 {
	font-size: 18px;
	color: var(--primary);
	margin-top: 10px;
	margin-bottom: 0px;
}

.hire-searching .right-content .tutorials hr {
	margin: 10px 0px;
	color: #a8afb2;
}

.hire-searching .right-content .tutorials .skills {
	display: flex;
	align-items: center;
}

.hire-searching .right-content .tutorials .skills .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c9e3ef;
	background: var(--primary)24;
	padding: 4px;
	border-radius: 5px;
	margin-right: 10px;
}

.hire-searching .right-content .tutorials .skills .buttons i {
	color: var(--primary);
}

.hire-searching .right-content .tutorials .skills .buttons span {
	color: var(--dark);
	font-size: 12px;
	display: block;
	margin-left: 5px;
}

.hire-searching .right-content .tutorials .skills button.tooltip-btn {
	background: var(--primary);
	border-radius: 5px;
	font-size: 12px;
	color: var(--light);
	padding: 4px;
	border: 1px solid var(--primary);
}

.hire-searching .right-content .tutorials p {
	margin-top: 5px;
	font-size: 13px;
	line-height: 21px;
	color: var(--text-color);
}

.hire-searching .right-content .tutorials p a {
	margin-top: 5px;
	font-size: 14px;
	color: var(--text-color);
	text-decoration: underline;
	margin-right: 10px;
}

.hire-searching .right-content .tutorials .button-group a {
	margin-right: 2px;
}

.hire-searching .right-content .tutorials .button-group a span {
	margin-left: 5px;
}

.hire-searching .right-content .tutorials .button-group a:first-child {
	background-color: var(--primary);
	color: var(--light);
	padding: 6px 15px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid var(--primary);
}

.hire-searching .right-content .tutorials .button-group a:nth-child(2) {
	color: var(--primary);
	padding: 6px 15px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid var(--primary);
}

.hire-searching .right-content .tutorials .button-group a:last-child {
	color: var(--primary);
	font-size: 14px;
	justify-content: center;
	height: 33px;
	display: inline-flex;
	width: 33px;
	align-items: center;
	border-radius: 50%;
	border: 1px solid var(--primary);
}

.hire-searching .left-content.sticky-top {
	top: 100px;
	background: var(--dark);
	padding: 20px;
	z-index: 1;
	border-radius: 5px;
}

.hire-searching .left-content h3 span {
	font-size: 20px;
	color: var(--light);
	font-weight: 400;
}

.hire-searching .left-content h3 img {
	width: 25px;
}

.hire-searching .left-content form .accordion .form-group {
	margin-bottom: 10px;
}

.hire-searching .left-content form .accordion .form-group label.hrd {
	color: var(--light);
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 400;
}

.hire-searching .left-content form .accordion .form-group .accordion-item {
	background-color: var(--transparent) !important;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-header .accordion-button {
	padding: 10px;
	background-color: var(--dark);
	border: 1px solid var(--light);
	color: var(--light);
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-header .accordion-button::after {
	content: "\f078";
	background-image: none;
	background-repeat: no-repeat;
	transition: transform .2s ease-in-out;
	font-family: 'FontAwesome';
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body {
	background: #5e737d14;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .form-check-input {
	background-color:var(--transparent);
	border-color: var(--text-color);
	border-radius: 0px;
	height: 17px;
	width: 17px;
	background: var(--transparent);
	cursor: pointer;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .form-check {
	margin-bottom: 10px;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .form-check .form-check-input:checked[type=checkbox] {
	border-radius: 0px;
	border-color: var(--primary);
	color: var(--blue);
	background-image: none;
	position: relative;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .form-check .form-check-input:checked[type=checkbox]::after {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	color: var(--primary);
	top: -2px;
	left: 2px;
	font-size: 13px;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .form-check .form-check-label {
	margin: 0px;
	color:var(--light);
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
}

.hire-searching .left-content form .accordion .form-group .accordion-item .accordion-collapse .accordion-body .input-groupd input.form-control {
	background-color: var(--transparent) !important;
	border-color: var(--light);
	color: var(--light);
}

/*  */
.hire-developer-profile {
	padding-right: 80px;
}

.hire-developer-profile .left-content {
    background-color: #312d3d00;
    background-image: url(../images/hire-developer/profile-background.jpg);
    background-blend-mode: color;
    height: 100vh;
    padding-top: 50px;
    z-index: 0;
    background-position: top left;
}

.hire-developer-profile .left-content img {
	width: 300px;
	margin: 0px auto;
	display: block;
	border: 5px solid hsl(0deg 0% 100% / 56%);
	border-radius: 13px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%);
}

.hire-developer-profile .right-content {
	padding-top: 20px;
	padding-left: 20px;
}

.hire-developer-profile .right-content .inner-text {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.hire-developer-profile .right-content .inner-text .left {
	width: 60%;
}

.hire-developer-profile .right-content .inner-text .left h3 {
	font-size: 18px;
	color: var(--dark);
	margin: 11px 0px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

.hire-developer-profile .right-content .inner-text .left small {
	color: var(--text-color);
	letter-spacing: 0px;
	margin: 5px 0px;
	display: block;
}

.hire-developer-profile .right-content .inner-text .left .timing {
	margin: 10px 0px;
}

.hire-developer-profile .right-content .inner-text .left .timing .flexs {
	margin-bottom: 10px;
}

.hire-developer-profile .right-content .inner-text .left .timing .flexs {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.hire-developer-profile .right-content .inner-text .left .timing .flexs i {
	color: var(--primary);
	font-size: 18px;
	margin-right: 20px;
	width: 11px;
}

.hire-developer-profile .right-content .inner-text .left .timing .flexs span {
	font-size: 14px;
	color: var(--dark);
	display: block;
	margin-left: 5px;
}

.hire-developer-profile .right-content .inner-text .left .box2 {
	margin-top: 20px;
}

.hire-developer-profile .right-content .inner-text .left .box2 h4 {
	font-size: 18px;
	font-weight: 500;
	color: var(--primary);
	margin-top: 10px;
	margin-bottom: 0px;
}

.hire-developer-profile .right-content .inner-text .left .box2 .step {
	margin-top: 15px;
}

.hire-developer-profile .right-content .inner-text .left .box2 .step small {
	color: var(--text-color);
	letter-spacing: 0px;
	margin: 5px 0px;
	display: block;
}

.hire-developer-profile .right-content .inner-text .left .box2 .step span {
	color: var(--dark);
	letter-spacing: 0px;
	margin: 5px 0px;
	display: block;
	font-size: 14px;
}

.hire-developer-profile .right-content .inner-text .right {
	width: 40%;
}

.hire-developer-profile .right-content .inner-text .right h3 {
	font-size: 18px;
	font-weight: 500;
	color: var(--primary);
	margin-top: 10px;
	margin-bottom: 0px;
}

.hire-developer-profile .right-content .inner-text .right .flex-box {
	display: flex;
	align-items: center;
	margin: 10px 0px 30px;
}

.hire-developer-profile .right-content .inner-text .right .flex-box select {
	margin-right: 10px;
	border-color: var(--primary);
	cursor: pointer;
}

.hire-developer-profile .right-content .inner-text .right .flex-box span {
	margin-right: 10px;
	display: block;
}

.hire-developer-profile .right-content .inner-text .right ul li a {
	background-color: var(--primary);
	color: var(--light);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	font-size: 16px;
	padding: 9px 10px;
	letter-spacing: 0px;
	margin-bottom: 10px;
}

.hire-developer-profile .right-content .inner-text .right ul li:nth-child(2) a {
	background-color: var(--transparent);
	border: 1px solid var(--primary);
	color: var(--primary);
}

.hire-developer-profile .right-content .inner-text .right ul li:last-child a {
	background-color:var(--transparent);
	color: var(--primary);
	text-align: left;
	justify-content: flex-start;
}

.hire-developer-profile .right-content .inner-text .right ul li:last-child a span {
	margin-left: 10px;
	color: #5e5e5e;
	font-weight: 500;
}

.hire-developer-profile .right-content .skills {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.hire-developer-profile .right-content .skills .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c9e3ef;
	background: var(--primary)24;
	padding: 5px;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.hire-developer-profile .right-content .skills .buttons i {
	color: var(--primary);
	margin-right: 5PX;
}

.hire-developer-profile .right-content .skills .buttons span {
	color: var(--dark);
	font-size: 13px;
	display: block;
	margin-left: 2px;
}

.hire-developer-profile .right-content .skills button.tooltip-btn {
	background: var(--primary);
	border-radius: 5px;
	font-size: 13px;
	color: var(--light);
	padding: 5px;
	border: 1px solid var(--primary);
	margin-bottom: 5px;
}

.hire-developer-profile .right-content hr {
	margin: 20px 0px;
	color: #a8afb2;
}

.hire-developer-profile .right-content .work-experience h2 {
	font-size: 32px;
	font-weight: 500;
	color: var(--primary);
	margin-top: 10px;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

.hire-developer-profile .right-content .work-experience .work-details {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 20px 0px;
}

.hire-developer-profile .right-content .work-experience .work-details .one {
	width: 40%;
}

.hire-developer-profile .right-content .work-experience .work-details .one small {
	color: var(--text-color);
	letter-spacing: 0px;
	margin: 5px 0px;
	font-size: 16px;
}

.hire-developer-profile .right-content .work-experience .work-details .one h6 {
	color: var(--dark);
	letter-spacing: 0px;
	margin: 5px 0px;
	font-size: 16px;
}

.hire-developer-profile .right-content .work-experience .work-details .one span {
	color: var(--dark);
	letter-spacing: 0px;
	margin: 5px 0px;
	display: block;
	font-size: 15px;
}

.hire-developer-profile .right-content .work-experience .work-details .two {
	width: 60%;
}

.hire-developer-profile .right-content .work-experience .work-details .two .skills2 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.hire-developer-profile .right-content .work-experience .work-details .two .skills2 .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c9e3ef;
	background: var(--primary)24;
	padding: 5px;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.hire-developer-profile .right-content .work-experience .work-details .two .skills2 .buttons span {
	color: var(--dark);
	font-size: 13px;
	display: block;
	margin-left: 2px;
}

.hire-developer-profile .right-content .work-experience .work-details .two .skills2 button.tooltip-btn {
	background: var(--primary);
	border-radius: 5px;
	font-size: 13px;
	color: var(--light);
	padding: 5px;
	border: 1px solid var(--primary);
	margin-bottom: 5px;
}

.hire-developer-profile .right-content .work-experience p {
	color: var(--text-color);
	letter-spacing: 0px;
	margin: 5px 0px;
	font-size: 15px;
	line-height: 28px;
}

.hire-developer-profile .right-content .work-experience span.exp {
	color: var(--dark);
	letter-spacing: 0px;
	margin: 5px 0px;
	font-size: 20px;
	font-weight: 600;
}

.hire-developer-profile .right-content .developer-img {
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
	margin-bottom: 30px;
}

.hire-developer-profile .right-content .developer-img .box2 {
	width: 50%;
	margin: 0px 20px;
}

.hire-developer-profile .right-content .developer-img .box2 p {
	color: var(--dark);
	text-align: center;
	font-weight: 500;
	margin: 30px 15px 0;
	font-size: 16px;
	margin-bottom: 20px;
	min-height: 90px;
}

.hire-developer-profile .right-content .developer-img .box2 p.small-text {
	color: var(--dark);
	text-align: center;
	font-weight: 500;
	margin: 30px 15px 0;
	font-size: 14px;
	margin-bottom: 20px;
}

.hire-developer-profile .right-content .developer-img .box2 p.small-text span {
	color: var(--primary);
}

.hire-developer-profile .right-content .developer-img .box2 img {
	max-width: 100%;
	margin: 0px auto;
	display: block;
}

.toggle-client-says{
	padding: 60px 0px;
}
.toggle-client-says .inner-text h2.heading2 span{
	color: var(--primary);
}
.toggle-client-says .inner-text ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 105px;
}
.toggle-client-says .inner-text ul li iframe{
    border: 5px solid #34b3e4;
	border-radius: 30px;
}

.toggle-client-says .inner-text ul li a.linkdin{
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	margin-top: 20px;
	transition: all .5s ease;
	padding: 10px;
}
.toggle-client-says .inner-text ul li a.linkdin:hover{
	background-color:#0077b5 ;
}
.toggle-client-says .inner-text ul li a.linkdin:hover span{
	color: var(--light);
}
.toggle-client-says .inner-text ul li a.linkdin:hover i{
	color: var(--light);
}
.toggle-client-says .inner-text ul li a.linkdin span{
	font-size: 10px;
	color: #0077b5;
}
.toggle-client-says .inner-text ul li a.linkdin i{
	font-size: 32px;
	color: #0077b5;
}












/* how we are hire */
.how-we-hire .tab-unorder-list-hire {
    padding: 50px 0px;
    top: 87px;
	z-index: 1;
}
.how-we-hire .tab-unorder-list-hire ul{
	display: flex;
    padding: 10px 50px;
    top: 16px;
    background-color: #fff;
    border-radius: 120px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
	align-items: center;
	justify-content: space-between;
}

.how-we-hire .tab-unorder-list-hire ul.sticky-top li a{
	font-weight: 600;
	color:var(--text-color);
}
.how-we-hire .tab-unorder-list-hire ul.sticky-top li a:hover, .how-we-hire .tab-unorder-list-hire ul.sticky-top li a.active{
	color: var(--dark);
}
.how-we-hire .first-section {
	padding: 30px 0px;
}

.how-we-hire .four-section {
	padding: 60px 0px;
}

.how-we-hire .second-section .left-content h3 {
    font-size: 42px;
    font-weight: 500;
    line-height: inherit;
    color: var(--dark);
}

.how-we-hire .second-section .left-content ul {
	line-height: 40px;
	list-style-type: none;
	padding-left: 48px;
	position: relative;
}

.how-we-hire .second-section .left-content ul:before {
	background-color: var(--cream-light);
	bottom: 1em;
	content: "";
	left: 5px;
	position: absolute;
	top: 1em;
	width: 3px;
}

.how-we-hire .second-section .left-content ul li {
	position: relative;
}

.how-we-hire .second-section .left-content ul li:before {
	border-radius: 50%;
	content: "";
	height: 15px;
	left: -49px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	background-color: var(--cream-light);
}

.how-we-hire .second-section .left-content ul li:hover:before {
	background-color: var(--primary);
}

.how-we-hire .second-section .left-content ul li a {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 24px;
	font-weight: 500;
	color: var(--primary);
}

.how-we-hire .second-section .left-content ul li a:hover {
	color: var(--primary);
}

.how-we-hire .second-section .right-content p.firstp {
    font-size: 26px;
    letter-spacing: normal;
    color: var(--dark);
}

.how-we-hire .second-section .right-content p.firstp a {
	color: var(--dark);
}

.how-we-hire .second-section .right-content p {
	color: var(--dark);
	font-size: 16px;
}

.how-we-hire .third-section .inner-text {
	display: flex;
	align-items: center;
}

.how-we-hire .third-section .inner-text p {
	font-size: 30px;
	color: var(--dark);
}

.how-we-hire .four-section .left-text h3 {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 30px;
	color: var(--dark);
}

.how-we-hire .four-section .left-text p {
	font-size: 26px;
	color: var(--text-color);
}

.how-we-hire .four-section .right-text img {
	width: 100%;
	margin-bottom: 20px;
}

.how-we-hire .four-section .right-text p {
	color: var(--dark);
	font-size: 16px;
}
.how-we-hire .four-section .right-text p strong{
	color: var(--dark);
}
.how-we-hire .four-section .right-text p a {
	color: #1a73e8;
	text-decoration: underline;
}

.how-we-hire .four-section .right-text ul {
	margin: 20px 0px 20px 20px;
}

.how-we-hire .four-section .right-text ul li {
	list-style-type: disc;
	margin-bottom: 10px;
	color: var(--dark);
}

/*  */
.frenquetly-questions-hiring {
	padding: 50px 0px;
}

.how-we-hire .four-section .right-text .accordion .accordion-item{
	border-bottom: 1px solid var(--underline);
}
.how-we-hire .four-section .right-text .accordion .accordion-item:first-child {
	border-top: 1px solid var(--underline);
}
.how-we-hire .four-section .right-text .accordion .accordion-item:last-child {
	border-bottom: 1px solid var(--underline);
}

.how-we-hire .four-section .right-text .accordion .accordion-item .accordion-header .accordion-button {
	font-size: 18px;
	color: var(--dark);
	padding: 20px 15px;
	font-weight: 500;
}


/* how we are hire */
/* --------hire developer-------- */
/* -------careers----------- */
.careers-video {
	text-align: center;
	width: 100%;
	height: 88vh;
	position: relative;
	background-image: url(../images/careers/careers-bg-img.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.careers-video:before {
	background-color: rgba(0, 0, 0, .3);
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 88vh;
}

.careers-video .inner-text {
	position: absolute;
	text-align: left;
	top: 50%;
	left: 9%;
	transform: translateY(-50%);
}

.careers-video .inner-text h1 {
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
}



.careers-video .inner-text p {
	font-size: 18px;
	color: var(--light);
	line-height: 30px;
	margin: 20px auto 0px;

}

.careers-video #background-video {
	width: 100%;
	height: 88vh;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

/*  */
.why-toggles {
	padding: 60px 0px 200px;
}

.why-toggles .toggle-heading-top h4 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	color: #b11d11;
	letter-spacing: 3px;
	font-weight: 600;
}

.why-toggles .left-text img {
	max-width: 100%;
	margin-top: 30px;
}

.why-toggles .right-text h2 {
	color: var(--dark);
	font-size: 32px;
	margin-bottom: 20px;
	font-weight:600;
}

.why-toggles .right-text p {
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}

.why-toggles .right-text ul li {
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 20px;
}
.why-toggles .right-text ul li strong{
	font-weight: 500;
	color: var(--text-color);
}
/*  */
.toggle-partner .inner-text1 {
	padding: 70px 0px 100px;
	margin: 50px 0px 200px;
	background-image: url(../images/careers/bg-testimonial.png);
}

.toggle-partner.trusted {
	background-image: none;
	padding: 0px 0px 150px;
}

.toggle-partner .toggle-heading-top h4 {
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    color: #b11d11;
    letter-spacing: 3px;
    font-weight: 600;
}

.toggle-partner .toggle-heading-top h2 {
	color: var(--dark);
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 600;
	text-align: center;
}


.toggle-partner .slider .box {
	display: flex;
	padding: 20px;
}

.toggle-partner .slider .box img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-right: 20px;
}

.toggle-partner .slider .box .inner-div h5 {
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

.toggle-partner .slider .box .inner-div p {
	font-size: 14px;
	color: var(--text-color);
	min-height: 126px;
}

.toggle-partner .slider .box .inner-div span {
	display: block;
	color: var(--gray);
	font-weight: 500;
	letter-spacing: 0px;
}

.toggle-partner .slider .owl-dots {
    display: flex;
    justify-content: center;
    bottom: -70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.toggle-partner .slider .owl-dots button.owl-dot.active span {
	background-color: #b11d11;
	height: 4px;
	width: 4px;
	margin: 4px;
	display: block;
}

.toggle-partner .slider .owl-dots button.owl-dot.active {
	height: 16px;
	width: 16px;
	padding: 10px;
	border: 2px solid #b11d11;
	background-color: var(--transparent);
}

.toggle-partner .slider .owl-dots button.owl-dot {
	height: 16px;
	width: 16px;
	background-color: #b11d11;
	margin: 0px 4px;
}

.toggle-partner .brands {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 70px;
}

.toggle-partner .brands .logo {
	width: 16.66%;
	margin: 10px 0px;
}

.toggle-partner .brands .logo figure {
	height: 60px;
	width: 130px;
	opacity: .4;
	margin: 0px auto;
	transition: all .3s ease-in-out;
}

.toggle-partner .brands .logo figure:hover {
	opacity: 1;
}

.toggle-partner .brands .logo figure img {
	width: 100%;
}

/*  */
.become_partner {
	padding: 80px 0px 60px;
	text-align: center;
	background: #b11d11;
}

.become_partner .toggle-heading-top h4 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
	font-size: 18px;
	color: var(--light);
}

.become_partner .toggle-heading-top h2 {
	color: var(--light);
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 500;
	text-align: center;
}

.become_partner .toggle-heading-top small {
	margin: 10px;
	letter-spacing: 0px;
	color: var(--light);
	font-size: 16px;
	font-weight: 300;
}

.become_partner .toggle-heading-top address {
	font-size: 18px;
	margin: 15px 0px;
	color: var(--light);
	line-height: 32px;
	font-weight: 300;
}

.become_partner .toggle-heading-top ul.social {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #cc3333;
	padding: 10px 0px 40px;
}

.become_partner .toggle-heading-top ul.social li a i {
	margin: 0px 8px;
	font-size: 18px;
	color: var(--light);
	transition: all .3s ease-in-out;
}

.become_partner .toggle-heading-top ul.social li a i:hover {
	color: var(--red);
}

.become_partner .toggle-heading-top p {
	padding-top: 40px;
	color: var(--light);
}

.become_partner .toggle-heading-top p a {
	color: var(--light);
	font-weight: 600;
}


/*  */
.toggle-trusted-by {
	padding: 40px 0px;
	text-align: center;
	background-color: var(--gray);
}

.toggle-trusted-by h2 {
	color: var(--light);
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: 500;
	text-align: center;
}

.toggle-trusted-by p {
	font-size: 18px;
	color: var(--light);
	text-align: center;
	margin-bottom: 0px;
}

.toggle-trusted-by .brands img {
	width: 100%;
}

/*  */
.become-circle {
	padding: 60px 0px 200px;
	text-align: center;
}

.become-circle .toggle-heading-top h4 {
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    color: #b11d11;
    letter-spacing: 3px;
    font-weight: 600;
}

.become-circle .toggle-heading-top h2 {
	color: var(--dark);
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 600;
	text-align: center;
}

.become-circle .inner-circle {
	width: 50%;
	margin: 0px auto;
}

.become-circle .inner-circle .nav-pills {
	position: relative;
}

.become-circle .inner-circle .tab-content .tab-pane {
	margin-top: 50px;
}

.become-circle .inner-circle .nav-pills button.nav-link {
	color: var(--dark);
}

.become-circle .inner-circle .nav-pills button.nav-link.active {
	color: var(--dark);
	background-color:var(--transparent);
}

.become-circle .inner-circle .nav-pills button.nav-link:first-child {
	left: 214px;
	top: 15px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(2) {
	right: -42px;
	top: 130px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(3) {
	right: -100px;
	top: 328px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(4) {
	left: -87px;
	top: 328px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:last-child {
	left: -68px;
	top: 130px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:first-child {
	left: 214px;
	top: 15px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(2) {
	right: -50px;
	top: 130px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(3) {
	right: -110px;
	top: 328px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:nth-child(4) {
	left: -94px;
	top: 328px;
	position: absolute;
}

.become-circle .inner-circle .nav-pills button.nav-link:last-child {
	left: -84px;
	top: 130px;
	position: absolute;
}

.become-circle .inner-circle .tab-content {
	height: 400px;
	width: 400px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 2px solid var(--dark);
	border-radius: 50%;
	padding: 20px;
	margin-top: 50px;
}

.become-circle .inner-circle .tab-content .tab-pane .application h3 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 15px;
	color: var(--dark);
}

.become-circle .inner-circle .tab-content .tab-pane .application span {
	font-size: 16px;
	color: var(--dark);
	display: block;
	width: 100%;
}

.become-circle .inner-circle .tab-content .tab-pane .application p {
	font-size: 16px;
	color: #5f6464;
	margin-top: 20px;
}

.become-circle .slide-applications .item .application {
	padding: 20px;
	display: none;
}

.become-circle .slide-applications .item .application h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--dark);
}

.become-circle .slide-applications .item .application span {
	font-size: 16px;
	color: var(--dark);
	display: block;
	width: 100%;
}

.become-circle .slide-applications .item .application p {
	font-size: 16px;
	color: #5f6464;
	margin-top: 20px;
}

/* -------careers----------- */

/* --------our work process-------- */
.our-work-process .first-section {
	min-height: 88vh;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	background-image: url(../images/our-work-process/process_banner.webp);
	background-size: cover;
}

.our-work-process .first-section .inner-text {
	position: absolute;
	top: 50%;
	width: 47%;
	transform: translateY(-50%);
}

.our-work-process .first-section .inner-text h1 {
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	position: relative;
	margin-bottom: 20px;
	line-height: 55px;
}


.our-work-process .first-section .inner-text p {
	font-size: 18px;
	color: var(--light);
	line-height: 28px;
	font-weight: 300;
}

.our-work-process .second-section {
	padding: 60px 0px;
}


.our-work-process .second-section .graph p {
    color: var(--text-color);
    font-size: 18px;
    column-count: 2;
    column-gap: 80px;
    line-height: 32px;
}
.our-work-process .third-section {
	padding: 40px 0px 80px;
	background-color: var(--light-gray);
}

.our-work-process :is(.third-section, .four-section, .five-section) .graph {
	column-count: 2;
	column-gap: 80px;
}

.our-work-process .third-section .graph h3 {
	color: #242424;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
}

.our-work-process :is(.third-section, .four-section, .five-section) .graph p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
}
.react-js-development .our-work-process-discuss{
	background-color: var(--dark) !important;
}
.react-js-development .our-work-process-discuss .inner-text{
	align-items: center;
}
.react-js-development .our-work-process-discuss .inner-text a i {
    color: #31c56c !important;
    border: 3px solid #31c56c !important;
}
.react-js-development .our-work-process-discuss .inner-text a i:hover{
	color: var(--light) !important;
	border-color: var(--light) !important;
}
.our-work-process :is(.third-section, .four-section, .five-section, .six-section) h2 {
	color: var(--dark);
	font-size: 32px;
	position: relative;
	margin-bottom: 60px;
	text-align: center;
}

.our-work-process :is(.third-section, .four-section, .five-section, .six-section) h2:after {
	content: "";
	background: var(--primary);
	width: 76px;
	height: 3px;
	position: absolute;
	bottom: -10px;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.our-work-process .four-section {
	padding: 60px 0px;
	margin-top: -100px;
	position: relative;
}

.our-work-process .four-section img {
	width: 100%;
	margin-bottom: 40px;
}

.our-work-process .four-section img.img2 {
	margin-top: 40px;
	margin-bottom: 0px;
}

.our-work-process .five-section img {
	width: 100%;
	margin-top: 40px;
}

.our-work-process .five-section {
	padding: 60px 0px 60px;
	position: relative;
}
.our-work-process .five-section::after {
    position: absolute;
     background-color:#f3f4f5;
    content: "";
    height: 540px;
    width: 100%;
    z-index: -1;
    top: 0;
}
/*  */
.our-work-process .six-section {
	padding: 0px 0px 60px;
}

.our-work-process .six-section p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
}

.our-work-process .six-section .left-text p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
}

.our-work-process .six-section .right-text {
	text-align: right;
}

.our-work-process .six-section .right-text img {
	width: 80%;
}

.our-work-process .six-section .right-text p {
	text-align: left;
	line-height: 32px;
}

.our-work-process .six-section .right-text img {
	width: 80%;
}

.our-work-process .six-section .left-text img {
	width: 80%;
}

.our-work-process .six-section .img-group {
	background-color: var(--light-gray);
	display: flex;
	align-items: center;
	margin-top: 40px;
	justify-content: space-between;
}

.our-work-process .six-section .img-group img {
	width: 50%;
}

.our-work-process .six-section .img-group img:last-child {
	width: 30%;
}

.our-work-process .friendly-conversation .inner-text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.our-work-process .friendly-conversation .inner-text h3 {
	display: inline-block;
	text-align: left;
	color: var(--light);
	font-size: 28px;
	line-height: 30px;
	padding: 0 20px;
	line-height: inherit;
}

.our-work-process .friendly-conversation .inner-text .gray-light {
	border: 2px solid var(--primary);
	background-color: var(--primary);
	border-radius: 2px;
	color: var(--light);
	display: inline-block;
	padding: 6px 20px;
}

.our-work-process .friendly-conversation .inner-text .gray-light:hover {
	border: 2px solid var(--primary);
	background-color: var(--transparent);
	color: var(--primary);
}

.our-work-process .seven-section {
	padding: 60px 0px;
	background-color: #f3f4f5;
}

.our-work-process .seven-section .left-text h2 {
	color: var(--dark);
	font-size: 32px;
	position: relative;
	margin-bottom: 40px;
	text-align: left;
	line-height: 42px;
}

.our-work-process .seven-section .left-text h2:after {
	content: "";
	background: var(--primary);
	width: 76px;
	height: 3px;
	position: absolute;
	bottom: -20px;
	display: block;
	margin: 0 auto;
	left: 0;
}

.our-work-process .seven-section .left-text p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
}

.our-work-process .seven-section .right-text img {
	width: 100%;
}

.our-work-process .eight-section {
	padding: 60px 0px;
}

.our-work-process .eight-section p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}

.our-work-process .eight-section img {
	width: 100%;
	margin: 50px 0px !important;
}

.our-work-process .eight-section h2 {
	color: var(--dark);
	text-align: center;
}



.our-work-process .eight-section .image-group {
	display: flex;
	margin-bottom: 30px;
	padding: 50px 0px;
}

.our-work-process .eight-section .image-group img {
	width: 50%;
	padding: 0px 15px;
}

/* --------our work process-------- */
/* --------toggle partnership------- */
.shape-tringle::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 45vw solid var(--primary);
	border-left: 70vw solid  var(--transparent);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 0;
}

.partnership {
	background: var(--light-gray);
	position: relative;
	background-attachment: fixed;
	padding: 40px 0px;
	z-index:0;
}

.partnership .left-text {
	padding-bottom: 100px;
}

.partnership .left-text.sticky-top {
    z-index: 1;
    top: 225px;
}

.partnership .left-text .accordion .accordion-item {
	background-color: var(--transparent);
	border-bottom: 0px;
}

.partnership .left-text .accordion .accordion-item .accordion-header .accordion-button {
	background-color: var(--transparent);
	font-size: 20px;
	font-weight: 500;
	word-spacing: 1px;
	letter-spacing: 0px;
	color: var(--dark);
	padding: 15px 0px;
}

.partnership .left-text .accordion .accordion-item .accordion-header .accordion-button::after {
	content: "\2b";
	background-image: none;
	background-repeat: no-repeat;
	font-size: 36px;
	font-weight: 400;
	top: 7px;
	position: absolute;
	right: 18px;
	color: var(--dark);
}

.partnership .left-text .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(0deg);
	content: "\f068";
	font-family: "FontAwesome";
	color: var(--dark);
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 17px;
}
.partnership .left-text .accordion .accordion-item .accordion-collapse .accordion-body .inner-text{
	padding-right: 20px;
}
.partnership .left-text .accordion .accordion-item .accordion-collapse .accordion-body .inner-text p {
	color: var(--text-color);
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: left;
	margin-top: 0px;
	line-height: 28px;
}
.partnership .left-text .accordion .accordion-item .accordion-collapse .accordion-body{
	padding: 10px 0px;
}
.partnership .left-text .accordion .accordion-item .accordion-collapse .accordion-body .inner-text ul {
	margin-left: 20px;
}

.partnership .left-text .accordion .accordion-item .accordion-collapse .accordion-body .inner-text ul li {
	color: var(--text-color);
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	list-style-type: disc;
	margin-bottom: 10px;
}
.partnership .z-index-partnership{
	z-index: 1;
}
.partnership .right-text {
	box-shadow: var(--shadow);
	padding: 30px;
	background-color: var(--light);
}

.partnership .right-text form .heading-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.partnership .right-text form .heading-top span {
	display: block;
}

.partnership .right-text form .heading-top h3 {
	color: var(--dark);
	font-size:26px;
}

.partnership .right-text form .heading-top2 h3 {
	color: var(--dark);
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 26px;
}

.partnership .right-text form .heading-top span {
	color: var(--text-color);
}

.partnership .right-text form .form-group {
	margin-bottom: 20px;
}

.partnership .right-text form .form-group label {
	color: var(--dark);
	font-weight: 600;
	font-size: 16px;
}

.partnership .right-text form .form-group label sup {
	color: var(--red);
}

.partnership .right-text form .form-group input {
	padding: 10px;
}

.partnership .right-text form .form-group input:focus {
	border-color: var(--primary);
}

.partnership .right-text form .form-group .radio {
	display: flex;
	align-items: flex-start;
}

.partnership .right-text form .form-group .radio2 {
	display: block;
}

.partnership .right-text form .form-group .radio .form-check {
	margin-right: 20px;
	display: flex;
	align-items: flex-start;
}

.partnership .right-text form .form-group .radio2 .form-check {
	margin-bottom: 20px;
}

.partnership .right-text form .form-group .radio .form-check label {
	margin-left: 10px;
	font-weight: 400;
	letter-spacing: 0px;
	margin-top: 5px;
	cursor: pointer;
	color: var(--text-color);
}

.partnership .right-text form .form-group .radio .form-check input {
	border-color: var(--primary);
	cursor: pointer;
}

.partnership .right-text form .form-group input::placeholder {
	font-size: 14px;
	letter-spacing: 0px;
}

.partnership .right-text form .form-group .radio .form-check input.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.partnership .right-text form .next-btn .btn-gray {
	letter-spacing: 0px;
}

.partnership .right-text form .form-group ul li .form-check {
	margin: 10px 0px;
}

.partnership .right-text form .form-group ul li .form-check-label {
	color:  var(--text-color);
	font-size: 14px;
	cursor: pointer;
}

.partnership .right-text form .form-group ul li .form-check-input {
	background-color: var(--transparent);
	border-color: var(--text-color);
	border-radius: 0px;
	height: 17px;
	width: 17px;
	cursor: pointer;
}

.partnership .right-text form .form-group ul li .form-check-input:checked[type=checkbox] {
	background-image: none;
	position: relative;
}

.partnership .right-text form .form-group ul li .form-check-input:checked[type=checkbox]::after {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	color: var(--primary);
	top: 0px;
	left: 5px;
	font-size: 13px;
}

.partnership .right-text form .form-group ul li .form-check-input:checked {
	border-color: var(--primary);
}

.partnership .right-text form .form-group ul li .form-check-label {
	color: var(--text-color);
	font-size: 15px;
	cursor: pointer;
	font-weight: 400;
	margin-left: 10px;
	margin-top: 5px;
}

.partnership .right-text form {
	margin-bottom: 20px;
}

.partnership .right-text form .next-previous {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* --------toggle partnership------- */

/* -----toggle home page2 submenu--- */
.subhomepage {
	margin: 0 auto;
}

.subhomepage .second-section {
	width: 100%;
	height: 500px;
	background-position: top right;
	background-repeat: no-repeat;
	border: solid 0 var(--red);
	clear: both;
	background-color: #01051e;
	background-image: url(../images/hire-developer/home-page-banner.webp);
	background-size: contain;
	position: relative;
}

.subhomepage .second-section .left-text {
	position: absolute;
	top: 40%;
	width: 42%;
	transform: translateY(-40%);
}

.carousel .carousel-inner .carousel-item h1 {
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -1px;
    color: var(--light);
    margin-bottom: 20px;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item ul {
	padding-left: 30px;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item ul li {
	color: var(--light);
	position: relative;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 18px;
}
.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item ul li b{
	font-weight: 500;
}
.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item ul li::before {
	content: "\f00c";
	position: absolute;
	left: -30px;
	top: 0;
	color: var(--light);
	font-family: fontawesome;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item h3 {
	color: var(--light);
	font-size: 20px;
	margin-top: 20px;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item h3 a {
	color: var(--primary);
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item ul li a {
	color: var(--primary);
}

.subhomepage .second-section .left-text .carousel .carousel-indicators {
	position: absolute;
	bottom: -45px;
	margin: 0px;
	justify-content: flex-start;
	width: 100%;
	display: block;
}

.subhomepage .second-section .left-text .carousel .carousel-indicators button.active {
	text-indent: 1px;
	width: auto;
	display: inline-flex;
	margin: 0 0 0 1px;
	border-radius: 0px;
	padding: 4px 12px;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	color: var(--light);
	backface-visibility: hidden;
	background: var(--primary);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	font-size: 14px;
	font-weight: 500;
}

.subhomepage .second-section .left-text .carousel .carousel-indicators button {
	text-indent: 1px;
	width: auto;
	display: inline-flex;
	margin: 0 0 0 1px;
	border-radius: 0px;
	padding: 4px 12px;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	color: var(--dark);
	backface-visibility: hidden;
	background: var(--light-gray);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	font-size: 14px;
	opacity: 1;
	font-weight: 500;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate span:first-child {
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	font-size: 42px;
	color: var(--light);
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate span:last-child {
	margin-left: 20px;
	border-left: 2px solid #888888;
	padding-left: 16px;
	vertical-align: top;
	font-size: 24px;
	letter-spacing: 0px;
	color: var(--light);
	text-transform: uppercase;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate span:last-child #app span {
	font-size: 24px;
	font-weight: 400;
	text-align: left;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate span:last-child #app {
	text-align: center;
	font-size: 20px;
	line-height: 24px;
}

.subhomepage .second-section .left-text .carousel .carousel-inner .carousel-item .success-rate span:last-child #app span.Typewriter__cursor {
	display: none;
}


.subhomepage .four-section {
	padding: 60px 0px 60px;
}

.subhomepage .four-section .inner-text h2 {
    font-size: 32px;
    color: var(--dark);
    text-align: center;
    font-weight: 500;
    line-height: 42px;
	text-transform: capitalize;
}

.subhomepage .four-section .inner-text h4 {
    font-size: 26px;
    margin-bottom: 30px;
    color: var(--dark);
    text-align: center;
    font-weight: 500;
}

.subhomepage .four-section .inner-text p {
	font-size: 16px;
	color: var(--text-color);
	text-align:left;
	margin-bottom: 40px;
	line-height: 28px;
}
.subhomepage .five-section{
	padding: 50px 0px;
	background-color: #f7f7f7;
}
.subhomepage .five-section .inner-text h2 {
    font-size: 32px;
    color: var(--dark);
    text-align: center;
    font-weight: 500;
}

.subhomepage .five-section .inner-text ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.subhomepage .five-section .inner-text ul li{
	background: var(--light);
	box-shadow: 0px 1px 2px 1px #d3d3d3;
	border-radius: 4px;
	padding: 15px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
.subhomepage .five-section .inner-text ul li .box {
	display: flex;
	align-items: flex-start;
}

.subhomepage .five-section .inner-text ul li:hover {
	background-color: #0075cc;
	box-shadow: none;
}

.subhomepage .five-section .inner-text ul li:hover .box :is(i, p) {
	color: var(--light);
}

.subhomepage .five-section .inner-text ul li .box i {
	font-size: 30px;
	color: #0075cc;
	margin-right: 20px;
}

.subhomepage .five-section .inner-text ul li .box p {
    font-weight: 500;
    color: var(--dark);
    font-size: 15px;
    margin-bottom: 0px;
}

.subhomepage .six-section {
	padding: 40px 0px;
}

.subhomepage .six-section .inner-text {
	display: flex;
}

.subhomepage .six-section .inner-text .inner-div {
	width: 25%;
	text-align: center;
	transform: perspective(1px) translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	position: relative;
}

.subhomepage .six-section .inner-text .inner-div i {
	font-size: 40px;
	color:#6bd9ea;
	margin-bottom: 20px;
	display: block;
}
.subhomepage .six-section .inner-text .inner-div .counter{
	margin-bottom: 20px;
}
.subhomepage .six-section .inner-text .inner-div .counter span {
	font-size: 42px;
	font-weight: 600;
	color: #565454;
}

.subhomepage .six-section .inner-text .inner-div p {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color);
    text-transform: uppercase;
    margin-bottom: 0px;
}

.subhomepage .six-section .inner-text .inner-div:hover {
	transform: translateY(-5px);
	transition: all .5s ease;
}

.subhomepage .six-section .inner-text .inner-div:hover .rkd {
	border: 4px solid var(--underline);
	margin: 0px 20px;
	border-radius: 50%;
	/* box-shadow: 0px 0px 6px 0px var(--underline); */
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}

.subhomepage .seven-section {
	padding: 50px 0px;
	background: #2c2c2c;
}

.subhomepage .seven-section .inner-text .first-div {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #545151;
	;
}

.subhomepage .seven-section .inner-text .first-div h2 {
	width: 50%;
	font-size: 32px;
	margin-bottom: 40px;
	color: var(--light);
	font-weight: 500;
	letter-spacing: 0px;
	text-align: left;
}
.subhomepage .seven-section .inner-text .first-div h2::after{
	right: auto;
}
.subhomepage .seven-section .inner-text .first-div p {
    width: 50%;
    font-size: 18px;
    color: var(--light);
    letter-spacing: 0px;
    padding: 0px 0px 20px 25px;
    border-left: 1px solid #545151;
    margin-bottom: 20px;
}

.subhomepage .seven-section .inner-text .second-div {
	margin-top: 40px;
}

.subhomepage .seven-section .inner-text .second-div img {
	margin-right: 10px;
	transition: all .3s ease;
}

.subhomepage .seven-section .inner-text .second-div img:hover {
	transform: rotate(4deg);
	filter: grayscale(100%);
}

.subhomepage .seven-section .inner-text .second-div a i {
	color: var(--light);
	transition: all 1s ease;
	font-size: 26px;
	position: relative;
	right: 0;
}

.subhomepage .seven-section .inner-text .second-div a i:hover {
	color: var(--primary);
	right: -10px;
}


.subhomepage .nine-section {
	padding: 60px 0px 60px;
}

.subhomepage .nine-section h2 {
    color: var(--dark);
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 40px;
}
.subhomepage .nine-section .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    color: var(--dark);
    background: var(--transparent);
    border: 1px solid var(--underline);
}

.subhomepage .nine-section .accordion .accordion-item {
	text-decoration: none;
	display: block;
	margin-top: 15px;
	border: 0px;
}

.subhomepage .nine-section .accordion .accordion-item .accordion-collapse .accordion-body {
	border: 1px solid  var(--underline);
	margin-top: -1px;
}
.subhomepage .nine-section .accordion .accordion-item .accordion-collapse .accordion-body .body-graph {
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
}
.subhomepage .toggle-btn {
	float: right;
	font-size: 28px;
	display: none;
}

.subhomepage .toggle-btn a i {
	color: var(--dark);
}
.subhomepage .ten-section{
	padding: 50px 0px;
    background: linear-gradient(to bottom, rgba(14, 39, 63, 0.9) 0%, rgba(14, 39, 63, 0.9) 100%), url(../images/hire-developer/how-we-work.webp);
    background-size: cover;
}

.subhomepage .ten-section .inner-text .first-div {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #38546e;
}

.subhomepage .ten-section .inner-text .first-div h2 {
	width: 50%;
	font-size: 32px;
	margin-bottom: 40px;
	color: var(--light);
	font-weight: 500;
	letter-spacing: 0px;
	text-align: left;
}
.subhomepage .ten-section .inner-text .first-div h2::after{
	right: auto;
}
.subhomepage .ten-section .inner-text .first-div p {
    width: 50%;
    font-size: 18px;
    color: var(--light);
    letter-spacing: 0px;
    padding: 0px 0px 20px 25px;
    border-left: 1px solid #38546e;
    margin-bottom: 20px;
}
.subhomepage .ten-section .inner-text .second-div ul{
	display: flex;
	justify-content: space-between;
}

.subhomepage .ten-section .inner-text .second-div ul li{
	margin: 0px 20px;
	transition: all .5s ease;
}
.subhomepage .ten-section .inner-text .second-div ul li:hover{
	margin: 0px 20px;
	transition-duration: 0.5s;
    transition-property: transform;
	transform: translateY(-8px);
}
.subhomepage .ten-section .inner-text .second-div ul li:hover h3{
	color:#40a7ff
}
.subhomepage .ten-section .inner-text .second-div ul li:hover span{
	color: #40a7ff;
    transform: rotate(4deg);
}
.subhomepage .ten-section .inner-text .second-div ul li span{
    color: #9b9b9b;
    display: block;
	font-size: 80px;
	font-weight: 800;
}
.subhomepage .ten-section .inner-text .second-div ul li h3{
	font-size: 20px;
	color: var(--light);
	font-size: 16px;
}
.subhomepage .ten-section .inner-text .second-div ul li p{
	font-size: 15px;
	color: var(--light);
	line-height: 26px;
	margin-bottom: 0px;
}
.subhomepage .ten-section .inner-text .second-div ul li .lines{
	width: 100%;
	margin: 20px 0px;
	display: flex;
}
.subhomepage .ten-section .inner-text .second-div ul li .lines .line1{
	height: 1px;
    display: inline-block;
	width: 27%;
    background-color: #3fa4fa;
    margin-right: 5px;
}
.subhomepage .ten-section .inner-text .second-div ul li .lines .line2{
	width: 70%;
    background-color: #576a7b;
	height: 1px;
    display: inline-block;
}
.subhomepage .ten-section .inner-text .third-div {
	text-align: center;
	margin-top: 40px;
}
.subhomepage .ten-section .inner-text .third-div a.btn-yellow{
	margin-bottom: 40px;
	background-color: var(--light);
	border-color: var(--light);
}
.subhomepage .ten-section .inner-text .third-div a.btn-yellow:hover{
	background-color: #e2e6ea;
	border-color: #dae0e5;
	color: var(--dark);
}
.subhomepage .eleven-section{
	padding: 50px 0px;
	background-color: #f4f4f4;
}
.subhomepage .eleven-section .inner-text .left-content .quote {
    margin: 0px auto 10px;
    display: table;
    text-align: center;
}
.subhomepage .eleven-section .inner-text .left-content .quote i{
	font-size: 24px;
	height: 50px;
	width: 50px;
	border: 2px solid #f6bd21;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	transition: all .5s ease;
	align-items: center;
}
.subhomepage .eleven-section .inner-text .left-content .quote i:hover{
		background-color: #f6bd21;
		color: var(--light);
}
.subhomepage .eleven-section .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
	text-align: center;
}

.subhomepage .eleven-section .inner-text .left-content h6{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.subhomepage .eleven-section .inner-text .left-content h6 span{
	font-weight: 400;
}
.subhomepage .eleven-section .inner-text .left-content{
	text-align: center;
}
.subhomepage .eleven-section .inner-text .right-content{
	text-align: center;
}
/* -----toggle home page2 submenu--- */
/* -----Data entery conversion-- */
.data-conversion2 .first-section {
	padding: 20px 0px;
}

.data-conversion2 .first-section h2.d2 {
	color: var(--dark);
	text-align: left;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.data-conversion2 .first-section .left-content .office-services {
	padding: 20px;
	background-image: url(../images/hire-developer/property-management-back-office-services.webp);
	background-size: cover;
	height: 300px;
	background-position: right;
	margin-bottom: 20px;
}

.data-conversion2 .first-section .left-content .office-services h3 {
	color: var(--dark);
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	width: 60%;
	margin: 10px 0px;
	line-height: inherit;
}

.data-conversion2 .first-section .left-content .office-services p {
	font-size: 16px;
	color: var(--text-color);
	width: 50%;
	line-height: 28px;
}

.data-conversion2 .first-section .right-text .inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
}

.data-conversion2 .first-section .right-text .inner .div {
	display: grid;
	text-align: center;
}

.data-conversion2 .first-section .right-text .inner .div i {
	font-size: 42px;
	text-align: center;
	color: #1e4461;
	margin: 14px auto;
}

.data-conversion2 .first-section .right-text .inner .div:first-child:hover i {
	color: #03a9f4;
}

.data-conversion2 .first-section .right-text .inner .div:nth-child(2):hover i {
	color: #fa4444;
}

.data-conversion2 .first-section .right-text .inner .div:last-child:hover i {
	color:#ff8a00;
}

.data-conversion2 .first-section .right-text .inner .div span {
	color: var(--text-color);
	font-size: 14px;
	font-weight: 500;
}

.data-conversion2 .first-section .right-text form {
	background: var(--light);
	box-shadow: 1px 1px 11px 0px #b7b7b7;
	margin: 20px 0px;
	padding: 20px;
}

.data-conversion2 .first-section .right-text form h3 {
	font-size: 22px;
	color: #565656;
	margin-bottom: 4px;
}

.data-conversion2 .first-section .right-text form p {
	font-size: 14px;
	color: var(--text-color);
}

.data-conversion2 .first-section .right-text form .input-group .form-control {
	margin-bottom: 15px;
	padding-left: 10px;
	background: #f2f2f2;
	font-size: 14px;
}

.data-conversion2 .first-section .right-text form .type-submit {
	display: flex;
}

.data-conversion2 .first-section .right-text form .type-submit .form-control {
	border-radius: 3px;
	padding-left: 10px;
	background: #f2f2f2;
	font-size: 14px;
}

.data-conversion2 .first-section .right-text form .type-submit img {
	width: 100px;
	object-fit: contain;
	margin: 0px 10px;
}

.data-conversion2 .first-section .right-text form .type-submit i {
	font-size: 1.4rem;
	margin-left: 7px;
	color: #a3a3a3;
	position: relative;
	top: 5px;
}

.data-conversion2 .first-section .right-text form button.btn-block {
	width: 100%;
	margin-top: 10px;
}

.data-conversion2 .first-section .right-text form p {
	color: var(--gray);
	margin: 10px 0px 0px;
}

.data-conversion2 .first-section .right-text form p a {
	color:var(--primary);
}

.data-conversion2 .first-section .right-text form a.mail {
	color: var(--dark);
	font-weight: 500;
	text-decoration: underline;
	font-size: 16px;
}

.data-conversion2 .first-section .right-text img {
	width: 100%;
	margin-top: 20px;
}

.data-conversion2 .first-section .left-content p.rp {
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}

.data-conversion2 .first-section .outsource-property .right1 {
	width: 100%;
	border: 6px solid #33a0d9;
	border-radius: 10px;
	position: relative;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
}
.data-conversion2 .first-section .outsource-property .right1 a{
	color: var(--primary);
}
.data-conversion2 .first-section .outsource-property .right1 p {
	color: var(--text-color);
}
.data-conversion2 .first-section .outsource-property .right1 p a{
	color: var(--primary);
}
.data-conversion2 .first-section .outsource-property .right1 p a {
	color: var(--primary);
}

.data-conversion2 .first-section .outsource-property .right1::after {
	content: url(../images/hire-developer/cus-test-quotes-close.png);
	position: absolute;
	right: -15px;
	bottom: -7px;
	padding: 5px;
	background: var(--light);
}

.data-conversion2 .first-section .outsource-property .right1::before {
	content: url(../images/hire-developer/cus-test-quotes-open.png);
	position: absolute;
	left: -15px;
	top: -7px;
	padding: 5px;
	background: var(--light);
}

.data-conversion2 .first-section .outsource-property .right1 h6 {
	letter-spacing: 0px;
	margin-bottom: 20px;
	font-size: 18px;
	position: relative;
	color: var(--dark);
	font-weight: 600;
}

.data-conversion2 .first-section .outsource-property .right1 h6:after {

	content: "";
	display: block;
	width: 70px;
	text-align: center;
	left: 30%;
	background-color: #3e3e3e;
	top: 20px;
	position: absolute;
	height: 2px;
	margin: 5px auto;
}

.data-conversion2 .first-section .left-content h4 {
    color: var(--dark);
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 30px;
	line-height: inherit;
}

.data-conversion2 .first-section .left-content .image-content-panel h5 {
	color: var(--dark);
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.data-conversion2 .first-section .left-content .image-content-panel {
	margin: 15px 0px;
}
.data-conversion2 .first-section .left-content  p{
	font-size: 16px;
	line-height: 28px;
}
.data-conversion2 .first-section .left-content .image-content-panel .inner-div {
	display: flex;
	align-items: flex-start;
}

.data-conversion2 .first-section .left-content .image-content-panel .inner-div img {
	width: 100%;
	object-fit: contain;
	margin-right: 20px;
}

.data-conversion2 .first-section .left-content .image-content-panel .inner-div p {
    font-size: 15px;
    color: var(--text-color);
    line-height: 26px;
}

.data-conversion2 .first-section .left-content ul {
	padding-left: 15px;
	margin: 20px 0px;
}

.data-conversion2 .first-section .left-content ul li a {
	font-weight: 500;
	color: var(--dark);
	font-size: 18px;
	margin-bottom: 5px;
	display: block;
	font-weight: 600;
}

.data-conversion2 .first-section .left-content ul li a:hover {
	color: var(--primary);
}


.data-conversion2 .first-section .left-content ul li p {
	color: var(--text-color);
	line-height: 28px;
}

.data-conversion2 .first-section .left-content ul li::marker {
	color: var(--primary);
	font-size: 10px;
}

.data-conversion2 .first-section .left-content .back-office {
	background-image: url(../images/hire-developer/philippines-data-entry.png);
	width: 100%;
	height: 240px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	padding: 20px;
	box-shadow: 0px 0px 30px 10px #dcdcda inset;
	background-position: right;
	background-repeat: no-repeat;
}

.data-conversion2 .first-section .left-content .back-office a {
	background-color: #33a0d9;
	padding: 8px 25px;
	font-size: 15px;
	color: var(--light);
	background-size: contain;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.data-conversion2 .first-section .left-content .back-office h5 {
	color:var(--dark);
	font-size: 20px;
	font-weight: 600;
}

.data-conversion2 .first-section .left-content .back-office p {
	margin-top: 10px;
	font-size: 16px;
	color: var(--text-color);
}

.data-conversion2 .first-section .left-content .additional-services {
	display: flex;
	flex-wrap: wrap;
}

.data-conversion2 .first-section .left-content .additional-services .inner-box {
	margin: 9px;
	background: var(--light-gray);
	width: 31%;
	border: 1px solid var(--lightest);
	border-radius: 8px;
	text-align: center;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

.data-conversion2 .first-section .left-content .additional-services .inner-box {
	margin: 12px;
	background: var(--light-gray);
	width: 30%;
	border: 1px solid var(--lightest);
	border-radius: 8px;
	text-align: center;
	padding: 16px;
}

.data-conversion2 .first-section .left-content .additional-services .inner-box h5 {
	font-weight: 600;
	color: var(--dark);
	font-size: 18px;
	margin-bottom: 10px;
	height: 40px;
}

.data-conversion2 .first-section .left-content .additional-services .inner-box h5:hover {
	color: var(--primary);
}

.data-conversion2 .first-section .left-content .additional-services .inner-box p {
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}

.data-conversion2 .first-section .left-content .customer-stories {
	display: flex;
	box-shadow: 0px 1px 8px 0px #bdbdbd;
	align-items: center;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.data-conversion2 .first-section .left-content .customer-stories .text::before {
	border-right: 1px solid #eceaea;
	content: "";
	vertical-align: top;
	height: 120px;
	padding-left: 13px;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: -35px;
}

.data-conversion2 .first-section .left-content .customer-stories img {
	border-radius: 50%;
	border: 7px solid #ededed;
	display: inline-block;
	width: 120px !important;
	height: 120px;
}

.data-conversion2 .first-section .left-content .customer-stories .text {
	margin-left: 40px;
	position: relative;
}

.data-conversion2 .first-section .left-content .customer-stories .text h6 {
	font-size: 20px;
	color: var(--dark);
	font-weight: 600;
}

.data-conversion2 .first-section .left-content .customer-stories .text p {
	font-size: 16px;
	color: var(--text-color);
}

.data-conversion2 .first-section .left-content .customer-stories .text a {
	display: block;
	text-align: right;
	color: var(--light);
	text-decoration: none;
	background-color: #33a0d9;
	padding: 5px 10px;
	letter-spacing: 0;
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	font-size: 14px;
	margin-left: auto;
	width: 120px;
	transition: all .5s ease-in-out;
}

.data-conversion2 .first-section .left-content .customer-stories .text a:hover {
	box-shadow: inset 0 0 0 1px #33a0d9, 0 0 1px rgb(0 0 0 / 0%);
	color: #33a0d9;
	background-color: var(--transparent);
}

.data-conversion2 .first-section .left-content .outsource-property .left1 p {
	font-size: 16px;
	color: var(--text-color);
}

.data-conversion2 .first-section .left-content .outsource-property .contact-btn {
	margin-top: 20px;
}

.data-conversion2 .first-section .left-content .outsource-property .contact-btn a {
	color: var(--light);
	text-align: center;
	border-radius: 3px;
	padding: 10px 20px;
	background: #195693;
	border: 2px solid #195693;
	transition: all .5s ease;
}

.data-conversion2 .first-section .left-content .outsource-property .contact-btn a:hover {
	color: #195693;
	background-color: var(--transparent);

}

.data-conversion2 .first-section hr {
	color: #b6a8a8;
	margin-top: 30px;
}
.data-conversion2 .second-section{
	margin-bottom: 50px;
}
.data-conversion2 .second-section .affordable-rates {
	background: #0a2033;
	display: flex;
	transition: all .5s ease;
	box-shadow: 1px 1px 1px 0px var(--text-color)666;
}

.data-conversion2 .second-section .affordable-rates .one {
	background: #2b7abf;
	width: 20%;
	text-align: center;
	position: relative;
	padding: 20px 0px;
}

.data-conversion2 .second-section .affordable-rates .one::after {
	right: -30px;
	content: "";
	position: absolute;
	background:#2b7abf;
	height: 100%;
	width: 35px;
	top: 0;
	border-radius: 0px 50px 50px 0px;
}

.data-conversion2 .second-section .affordable-rates:hover .one::after {
	width: 30px;
}

.data-conversion2 .second-section .affordable-rates .one span {
	color: #cee8ff;
	position: relative;
	font-size: 20px;
}

.data-conversion2 .second-section .affordable-rates .one span b {
	color: var(--light);
	display: inline-block;
	font-size: 32px;
	font-weight: 500;
}

.data-conversion2 .second-section .affordable-rates .one span i {
	font-size: 20px;
	color: var(--light);
	text-align: center;
}

.data-conversion2 .second-section .affordable-rates .two {
	display: flex;
	align-items: center;
	width: 80%;
	padding: 0px 30px;
	justify-content: space-between;
	margin-left: 20px;
}

.data-conversion2 .second-section .affordable-rates .two p {
	color: var(--light);
	margin-bottom: 0px;
	font-size: 24px;
}

.data-conversion2 .second-section .affordable-rates .two span a {
	background: var(--light);
	padding: 10px;
	border-radius: 5px;
	font-weight: 500;
	color: var(--dark);
}


.data-conversion2 .third-section {
	padding: 0px 0px 30px;
}

.data-conversion2 .third-section .left-text h2 {
	color: var(--dark);
	font-size: 32px;
	text-align: left;
}
.data-conversion2 .third-section .left-text h2::after{
	right: auto;
}
.data-conversion2 .third-section .left-text p {
	font-size: 16px;
	color: var(--text-color);
}

.data-conversion2 .third-section .left-text form .input-group {
	margin-bottom: 20px;
}

.data-conversion2 .third-section .left-text form .input-group .form-control {
    border-radius: 3px;
    padding: 8px 4px 8px 10px;
    box-shadow: none;
    background: var(--light);
}

.data-conversion2 .third-section .left-text form .type-submit {
	display: flex;
}

.data-conversion2 .third-section .left-text form .type-submit .form-control {
	border-radius: 3px;
	padding: 8px 4px 8px 10px;
	box-shadow: none;
	background: var(--light);
	width: auto;
}

.data-conversion2 .third-section .left-text form .type-submit img {
	width: 118px;
	object-fit: contain;
	margin: 0px 10px;
}

.data-conversion2 .third-section .left-text form .type-submit i {
	font-size: 1.4rem;
	margin-left: 7px;
	color: #a3a3a3;
	position: relative;
	top: 11px;
}

.data-conversion2 .third-section .left-text form .type-submits {
	display: flex;
	align-items: center;
	margin: 15px 0px;
}

.data-conversion2 .third-section .left-text form .type-submits button.details {
	width: auto;
	padding: 10px 23px;
	display: inline-block;
	background: var(--gray);
	color: var(--light);
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
	text-transform: uppercase;
	border: 0px;
}

.data-conversion2 .third-section .left-text form .type-submits p {
	margin-bottom: 0px;
}

.data-conversion2 .third-section .left-text form .type-submits p a {
	color: #2d6ba9;
}

.data-conversion2 .third-section .left-text form p {
	font-size: 16px;
}

.data-conversion2 .third-section .left-text form p a.mailto {
	color: var(--dark);
	font-weight: 500;
	font-size: 16px;
}

.data-conversion2 .third-section .right-text .first-row {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.data-conversion2 .third-section .right-text .first-row i {
    font-size: 22px;
    color: #33a0d9;
    margin-right: 15px;
    margin-top: 0;
}

.data-conversion2 .third-section .right-text .first-row a {
    color: var(--dark);
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}

.data-conversion2 .third-section .right-text .first-row p {
	color: var(--text-color);
}

.data-conversion2 .third-section .right-text .first-row p strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--dark);
}

.data-conversion2 .four-section {
	background: #10328b;
	padding: 30px 0px;
}

.data-conversion2 .four-section .inner-text h2 {
	color: var(--light);
	letter-spacing: 0px;
	font-size: 32px;
	margin-bottom: 20px;
	text-align: left;
}
.data-conversion2 .four-section .inner-text h2::after{
	right: auto;
	background-color: var(--primary);
}
.data-conversion2 .four-section .inner-text .second-div {
	margin-top: 30px;
}

.data-conversion2 .four-section .inner-text .second-div img {
	margin-right: 10px;
	transition: all .3s ease;
}

.data-conversion2 .four-section .inner-text .second-div img:hover {
	transform: rotate(4deg);
	filter: grayscale(100%);
}

.data-conversion2 .four-section .inner-text .second-div a i {
	color: var(--light);
	transition: all 1s ease;
	font-size: 26px;
	position: relative;
	right: 0;
}

.data-conversion2 .four-section .inner-text .second-div a i:hover {
	right: -10px;
}

.data-conversion2 .five-section {
	padding: 30px;
}

.data-conversion2 .five-section h2 {
	font-size: 32px;
	text-align: center;
	color: var(--dark);
	text-transform: uppercase;
}

.data-conversion2 .five-section .inner-text {
	display: flex;
	flex-wrap: wrap;
}

.data-conversion2 .five-section .inner-text .box {
	width: 25%;
	text-align: center;
	padding: 20px;
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 1px 1px 1px #efefef;
	position: relative;
	transition-property: color;
	transition-duration: 0.3s;
}

.data-conversion2 .five-section .inner-text .box:hover {
	color: var(--light);
}

.data-conversion2 .five-section .inner-text .box:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #009add;
	transform: scale(0);
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.data-conversion2 .five-section .inner-text .box:hover:before {
	transform: scale(.9);
}

.data-conversion2 .five-section .inner-text .box:hover :is(i, p) {
	color: var(--light);
}

.data-conversion2 .five-section .inner-text .box i {
	color: #009add;
	font-size: 36px;
	display: block;
	margin-bottom: 15px;
}

.data-conversion2 .five-section .inner-text .box p {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--dark);
	margin: 0px;
}

.data-conversion2 .seven-section {
	background-image: url(../images/hire-developer/data-entry-services-philippines-bg.jpg);
	padding: 70px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.data-conversion2 .seven-section .inner-div h2 {
	color:var(--dark);
	font-size: 32px;
	font-weight: 500;
	text-align: left;
	line-height: initial;
}
.data-conversion2 .seven-section .inner-div h2::after{
	right: auto;
}

.data-conversion2 .seven-section .inner-div p {
	color: var(--gray);
	font-size: 18px;
	line-height: initial;
	margin: 15px 0px;
}
.data-conversion2 .seven-section .inner-div a.btns{
	background-color: #1273eb;
	border-color: #1273eb;
}
.data-conversion2 .six-section {
	padding: 40px 0px;
}

.data-conversion2 .six-section h2 {
	font-size: 32px;
	text-align: center;
	color: var(--dark);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.data-conversion2 .six-section .inner-text {
	display: flex;
	flex-wrap: wrap;
}

.data-conversion2 .six-section .inner-text .div {
	display: inline-block;
	width: 15.2%;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	overflow: hidden;
	transition-duration: 0.3s;
	transition-property: color, background-color;
	height: 305px;
	margin-right: 12px;
	box-shadow: 0px 8px 7px 4px var(--underline);
}

.data-conversion2 .six-section .inner-text .div:hover {
	background-color:var(--light-gray);
	color: var(--dark);
}

.data-conversion2 .six-section .inner-text .div img {
	width: 180px;
	height: 180px;
}

.data-conversion2 .six-section .inner-text .div p {
	padding: 15px;
	display: block;
	background: var(--light);
	position: relative;
	top: -70px;
	height: 100%;
	text-align: left;
	transform: perspective(1px) translateZ(0);
	overflow: hidden;
	transition-duration: 0.3s;
	transition-property: color, background-color;
	color: var(--dark);
}

.data-conversion2 .six-section .inner-text .div:hover img {
	filter: grayscale(1);
}

.data-conversion2 .six-section .inner-text .div:hover p {
	color: var(--dark);
	background-color: var(--underline);
}

.data-conversion2 .six-section .more-info {
	text-align: center;
	margin-top: 40px;
}
.data-conversion2 .six-section .more-info a.btns{
	background-color: #1273eb;
	border-color: #1273eb;
}
/* -------Data entery conversion------ */

/* -----.hire-dedicater-programmer------ */
.hire-dedicater-programmer .first-section {
	min-height: 88vh;
	padding-top: 60px;
	padding-bottom: 50px;
	background-position: center;
	background-size: cover;
	background-image: url(../images/hire-developer/hire-programmers-banner.webp);
}
.hire-dedicater-programmer .first-section .inner-text h1 {
    font-size: 42px;
    color: var(--light);
    width: 60%;
    font-weight: 600;
    line-height: 55px;
}


.hire-dedicater-programmer .first-section .inner-text ul {
	margin: 20px 0px 20px 25px;
}

.hire-dedicater-programmer .first-section .inner-text ul li {
	position: relative;
	margin: 10px 0px;
	color: var(--light);
	font-size: 18px;
	letter-spacing: 0px;

}

.hire-dedicater-programmer .first-section .inner-text ul li::after {
	content: "";
	position: absolute;
	left: -24px;
	top: 10px;
	background: var(--light);
	width: 13px;
	height: 2px;
	transform: scale(.9);
}

.hire-dedicater-programmer .first-section .inner-text .get-in-touch {
	margin-top: 20px;
	display: inline-block;
}
.hire-dedicater-programmer .first-section .inner-text .get-in-touch a{
	font-weight: 500;
	padding: 10px 40px;
	border-radius: 0;
}

.hire-dedicater-programmer .second-section {
	padding: 30px 0px;
	border-bottom: solid 1px #dee2e6;;
}

.hire-dedicater-programmer .second-section .inner-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hire-dedicater-programmer .second-section .inner-text .banner-heading {
	font-size: 18px;
	position: relative;
	margin-bottom: 0px;
	color: var(--dark);
	letter-spacing: 0px;
	line-height: inherit;
	width: 30%;
}

.hire-dedicater-programmer .second-section .inner-text .banner-heading::after {
	content: "";
	width: 30px;
	height: 4px;
	position: absolute;
	bottom: -10px;
	left: 1px;
	background-color: var(--primary);
}

.hire-dedicater-programmer .second-section .inner-text ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
}

.hire-dedicater-programmer .second-section .inner-text ul li {
	margin: 0px 10px;
}

.hire-dedicater-programmer .second-section .inner-text ul li figure img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}

.hire-dedicater-programmer .third-section {
	padding: 60px 0px;
}

.hire-dedicater-programmer .third-section .first h2 {
	font-size: 32px;
	color: var(--dark);
	font-weight: 500;
	line-height: 42px;
	text-align: left;
	width: 50%;
}
.hire-dedicater-programmer .third-section .first h2::after{
	right: auto;
}
.hire-dedicater-programmer .third-section .first p {
	font-size: 18px;
	column-count: 2;
	column-gap: 80px;
	color: var(--text-color);
	line-height: 32px;
}

.hire-dedicater-programmer .third-section .second {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.hire-dedicater-programmer .third-section .second .box {
	width: 25%;
	text-align: center;
	margin-top: 40px;
}

.hire-dedicater-programmer .third-section .second .box i {
	font-size: 46px;
	color: var(--dark);
	margin-bottom: 10px;
}

.hire-dedicater-programmer .third-section .second .box h5 {
	font-size: 18px;
	margin-top: 10px;
	color: var(--dark);
}

.hire-dedicater-programmer .four-section {
	padding: 60px 0px;
	background-color: var(--darkest-green);
	color: var(--light);
	text-align: center;
}

.hire-dedicater-programmer .four-section .inner-text h3 {
	letter-spacing: 0px;
	font-size: 32px;
	line-height: 42px;
}

.hire-dedicater-programmer .four-section .inner-text a {
	font-weight: 400;
	border: 2px solid;
	padding: 10px 40px;
	font-size: 18px;
	color: var(--light);
	letter-spacing: 0px;
	border-color: var(--light);
	transition: all .3s ease;
	margin-top: 15px;
	display: inline-block;
}

.hire-dedicater-programmer .four-section .inner-text a:hover {
	color: var(--primary);
	border-color: var(--primary);
}

.hire-dedicater-programmer .five-section {
	padding: 60px 0px;
	background-color: #f0f0f0;
	text-align: center;
}

.hire-dedicater-programmer .five-section .inner-text h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
}
.hire-dedicater-programmer .five-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .five-section .inner-text p {
	font-size: 18px;
	color: var(--text-color);
}

.hire-dedicater-programmer .five-section .inner-text ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.hire-dedicater-programmer .five-section .inner-text ul li span:first-child {
	display: block;
	color: var(--dark);
	font-size: 42px;
	font-weight: 600;
	letter-spacing: 0px;
}

.hire-dedicater-programmer .five-section .inner-text ul li span:last-child {
	font-size: 18px;
	color: var(--text-color);
	letter-spacing: 0px;
}

.hire-dedicater-programmer .six-section {
	padding: 60px 0px
}

.hire-dedicater-programmer .six-section .inner-text .banner-heading {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
}

.hire-dedicater-programmer .six-section .inner-text p {
	font-size: 20px;
	color: var(--text-color);
	text-align: center;
}

.hire-dedicater-programmer .six-section .inner-text ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	margin-top: 30px;
}

.hire-dedicater-programmer .six-section .inner-text ul li {
	background-color: var(--light-gray);
	padding: 30px;
}

.hire-dedicater-programmer .six-section .inner-text ul li img {
	max-height: 40px;
}

.hire-dedicater-programmer .six-section .inner-text ul li h6 {
	font-size: 20px;
	letter-spacing: 0px;
	margin-top: 20px;
	line-height: 30px;
	min-height: 65px;
	font-weight: 600;

}
.hire-dedicater-programmer .six-section .inner-text h2{
	font-size: 32px;
}
.hire-dedicater-programmer .six-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .six-section .inner-text p.innerp {
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 20px;
	line-height: 30px;
}
.hire-dedicater-programmer .six-section .inner-text p {
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	margin-bottom: 0px;
	line-height: 28px;
}

.hire-dedicater-programmer .seven-section {
	padding: 70px 0px;
}

.hire-dedicater-programmer .seven-section .inner-text h2{
	color: var(--dark);
	text-align: left;
	margin-bottom: 30px;
}
.hire-dedicater-programmer .seven-section .inner-text h2::after{
	right:auto;
}
.hire-dedicater-programmer .seven-section .inner-text ul {
	padding: 30px 40px;
	display: grid;
	grid-gap: 50px;
	grid-template-columns: repeat(7, 1fr);
}
.hire-dedicater-programmer .seven-section .inner-text ul li img{
	width: 100%;
}
.hire-dedicater-programmer .eight-section {
	padding:60px 0px 60px;
}

.hire-dedicater-programmer .eight-section .inner-text h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
}
.hire-dedicater-programmer .eight-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .eight-section .inner-text p {
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	line-height: 30px;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table {
	display: flex;
	border: 1px solid var(--border-color);
	margin-top: 30px;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col {
	padding: 30px;
	background-color: var(--light);
	flex: 1;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col:nth-child(2) {
	background-color: var(--light-gray);
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__head {
	min-height: 180px;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__head h2 {
	font-size: 24px;
	color: var(--dark);
	font-weight: 600;
	text-align: left;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__head p {
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	min-height: 170px;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body .list {
	margin: 15px 0 30px;
	color: var(--text-color);
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body .list li:first-child {
	margin-top: 0;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body .list li {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400;
    min-height: 26px;
    margin: 10px 0px 0px;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body .list li::before {
	background-color: var(--primary);
	width: 6px;
	height: 6px;
	transform: none;
	content: "";
	top: 8px;
	left: 0;
	position: absolute;
}

.hire-dedicater-programmer .eight-section .inner-text .pricing-table .pricing-table__col .package .package__body .btn {
	width: 100%;
	padding: 10px;
	text-transform: capitalize;
	border-radius: 0px;
}



.hire-dedicater-programmer .nine-section {
	padding: 60px 0px;
}

.hire-dedicater-programmer .nine-section .inner-text h2{
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
}

.hire-dedicater-programmer .nine-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .nine-section .inner-text ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 80px;
}

.hire-dedicater-programmer .nine-section .inner-text ul li {
	background-color: var(--light-gray);
	padding: 25px;
}

.hire-dedicater-programmer .nine-section .inner-text ul li h4 {
	font-size: 22px;
	color: var(--dark);
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 20px;
}

.hire-dedicater-programmer .nine-section .inner-text ul li p {
	font-size: 16px;
	color: var(--text-color);
	letter-spacing: 0px;
	line-height: 28px;
}

.hire-dedicater-programmer .ten-section {
	padding: 60px 0px;
}

.hire-dedicater-programmer .ten-section .inner-text h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
}
.hire-dedicater-programmer .ten-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .ten-section .inner-text p {
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	letter-spacing: 0px;
	line-height: 30px;
}

.hire-dedicater-programmer .ten-section .inner-text .section_body .step {
	display: flex;
	padding: 1.75rem 0;
}

.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_head {
	border-right: 3px solid #e2e0e0;
	margin-right: 40px;
	padding-right: 30px;
	display: flex;
	align-items: center;
	flex: 0 0 350px;
	max-width: 350px;
	position: relative;
}
.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_head::after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 17px;
    height: 17px;
    border-bottom: 3px solid #e2e0e0;
    border-right: 3px solid #e2e0e0;
    transform: rotate(45deg);
}
.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_head .step_icon {
	max-width: 100px;
	flex: 0 0 70px;
}

.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_head .step_icon i {
	font-size: 40px;
	display: block;
	color: var(--dark);
}

.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_head h4 {
	margin: 0;
	font-weight: 500;
	color: var(--dark);
	font-size: 20px;
}



.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_body {
	padding: 20px 0;
	flex: 1;
}

.hire-dedicater-programmer .ten-section .inner-text .section_body .step .step_body .p-large {
	font-size: 16px;
	text-align: left;
	margin-bottom: 0px;
}

.hire-dedicater-programmer .tweleve-section {
	padding: 60px 0px;
	background-color: var(--light-gray);
}

.hire-dedicater-programmer .tweleve-section .left-content h2{
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: 42px;
	text-align: left;
}
.hire-dedicater-programmer .tweleve-section .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}

.hire-dedicater-programmer .tweleve-section .left-content p {
	font-size: 18px;
	color: var(--text-color);
	line-height: 28px;
}
.hire-dedicater-programmer .tweleve-section .left-content p strong{
	font-weight: 500;
}
.hire-dedicater-programmer .tweleve-section .left-content a.btn {
	text-align: center;
	padding:8px 30px;
	border-width: 2px;
	border-radius: 1px;
	min-width: 230px;
	font-weight: 600;
	border: 2px solid;
	background-color: var(--primary);
	color: var(--light);
	border-color: var(--primary);
	letter-spacing: 0px;
	font-size: 16px;
}

.hire-dedicater-programmer .tweleve-section .left-content a.btn:hover {
	background-color:var(--transparent);
	color: var(--primary);
}

.hire-dedicater-programmer .tweleve-section .right-content .accordion .accordion-item {
	background-color:var(--transparent);
	border-color: #dddedf;
}

.hire-dedicater-programmer .tweleve-section .right-content .accordion .accordion-item .accordion-header .accordion-button {
	background-color: var(--transparent) !important;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0px;
	color: var(--dark);
}

.hire-dedicater-programmer .tweleve-section .right-content .accordion .accordion-item .accordion-collapse .accordion-body {
	font-size: 16px;
	font-weight: 300;
	color: var(--text-color);
	padding: 15px 0px;
	line-height: 28px;
}

.hire-dedicater-programmer .tweleve-section .right-content .accordion .accordion-item .accordion-header .accordion-button::after {
	content: "\f107";
	background-image: none;
	font-family: 'FontAwesome';
	font-size: 20px;
}

.hire-dedicater-programmer .thirteen-section {
	padding: 60px 0px;
}

.hire-dedicater-programmer .thirteen-section .inner-text h2{
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: left;
	margin-bottom: 50px;
}
.hire-dedicater-programmer .thirteen-section .inner-text h2::after{
	right: auto;
}
.hire-dedicater-programmer .thirteen-section .inner-text ul {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li {
	margin-bottom: 20px;
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li img {
	width: 100%;
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li h6 {
	margin-top: 20px;
	letter-spacing: 0px;
	color: var(--dark);
	font-size: 20px;
	position: relative;
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li h6:before {
	content: "";
	width: 1.75rem;
	height: 3px;
	position: absolute;
	bottom: -10px;
	left: 1px;
	background-color: var(--primary);
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li p {
	font-size: 18px;
	color: var(--text-color);
	margin-top: 20px;
}

.hire-dedicater-programmer .thirteen-section .inner-text ul li p a {
	color: var(--text-color);
	text-decoration: underline;

}

.hire-dedicater-programmer .thirteen-section .inner-text ul li a {
	font-size: 18px;
	font-weight: 400;
	color: var(--dark);
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-thickness: 2px;
}

.hire-dedicater-programmer .thirteen-section .inner-text .more-details {
	text-align: right;
	margin-top: 30px;
}

.hire-dedicater-programmer .thirteen-section .inner-text .more-details a {
	font-size: 16px;
	letter-spacing: 0px;
	color: var(--primary);
}

.hire-dedicater-programmer .fourteen-section {
	padding: 60px 0px;
}

.hire-dedicater-programmer .fourteen-section .inner-text .left-content h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: 42px;
	text-align: left;
}
.hire-dedicater-programmer .fourteen-section .inner-text .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.hire-dedicater-programmer .fourteen-section .inner-text .right-content p {
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}

.hire-dedicater-programmer .fifteen-section {
	padding: 60px 0px;
	background-color: var(--light-gray);
}

.hire-dedicater-programmer .fifteen-section .inner-text h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	text-align: center;
}
.hire-dedicater-programmer .fifteen-section .inner-text h2::after{
	background-color: var(--primary);
}
.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item {
	background-color:var(--transparent);
	border-color:var(--border-color);
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-header .accordion-button {
	background-color: var(--transparent) !important;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0px;
	color: var(--dark);
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body .accor p {
	font-size: 16px;
	color: var(--text-color);
	padding: 15px 0px 0px;
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-header .accordion-button::after {
	content: "\f107";
	background-image: none;
	font-family: 'FontAwesome';
	font-size: 20px;
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body {
	padding: 0px;
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body .accor ul {
	margin: 20px 0px 20px 25px;
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body .accor ul li {
	position: relative;
	margin: 10px 0px;
	color: var(--text-color);
	font-size: 16px;
	letter-spacing: 0px;
}

.hire-dedicater-programmer .fifteen-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body .accor ul li::after {
	content: "";
	position: absolute;
	left: -24px;
	top: 10px;
	background: var(--text-color);
	width: 13px;
	height: 2px;
	transform: scale(.9);
}

.hire-dedicater-programmer .eleveen-section {
	padding: 60px 0px;
	position: relative;
}

.hire-dedicater-programmer .eleveen-section .left-content h2 {
	font-size: 32px;
	color: var(--dark);
	width: 100%;
	font-weight: 500;
	line-height: inherit;
	margin-bottom: 20px;
	text-align: left;
}
.hire-dedicater-programmer .eleveen-section .left-content h2::after{
	background-color: var(--primary);
	right:auto;
}

.hire-dedicater-programmer .eleveen-section .left-content p {
	font-size: 18px;
	color: var(--text-color);
}

.hire-dedicater-programmer .eleveen-section .right-content .item img {
	width: 40px
}

.hire-dedicater-programmer .eleveen-section .right-content .item p {
	font-size: 16px;
	letter-spacing: 0px;
	color: var(--dark);
	margin: 20px 0px;
	font-weight: 500;
	line-height: 28px;
}

.hire-dedicater-programmer .eleveen-section .right-content .item .testimonial-title {
	font-size: 18px;
	color: var(--text-color);
}

.hire-dedicater-programmer .eleveen-section .more-details {
	text-align: right;
}

.hire-dedicater-programmer .eleveen-section .more-details a {
	text-align: right;
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 600;
	color: var(--primary);
}

.hire-dedicater-programmer .eleveen-section .right-content .owl-carousel .owl-nav {
	display: block;
}

/* .hire-dedicater-programmer .eleveen-section .right-content .owl-carousel .owl-nav button{
 position: relative;
} */

.hire-dedicater-programmer .eleveen-section .right-content .owl-carousel .owl-nav button.owl-prev span::after {
	content: "";
	position: absolute;
	left: -384px;
	top: 165px;
    width: 50px;
    height: 50px;
    transform: rotate(-180deg);
    background-image: url(../images/hire-developer/right-arrow.png);
	filter: invert(100%);
	background-size:contain
}

.hire-dedicater-programmer .eleveen-section .right-content .owl-carousel .owl-nav button.owl-next span::after {
	content: "";
	position: absolute;
	left: -300px;
	top: 165px;
    width: 50px;
    height: 50px;
    background-image: url(../images/hire-developer/right-arrow.png);
	filter: invert(100%);
	background-size:contain
}
.hire-dedicater-programmer .eleveen-section .right-content .owl-carousel .owl-nav button span {
	color: var(--light);
}

/* -------------current jobs---------- */
.current-job-visit-page{
	padding: 40px 0px;
	text-align: center;
}
.current-job-visit-page a.visit-page{
	text-align: center;
	display: inline-block;
	color: #e96064;
}
.current-job-visit-page a.visit-page:hover{
	text-decoration: underline;
}
.current-jobs{
	padding: 100px 0px 50px;
}
.current-jobs .inner-text1{
    text-align: center;
	width: 59%;
	margin: 0px auto;
}
.current-jobs .inner-text1 h1 {
    font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 20px;
	letter-spacing: -.5px;
}

.current-jobs .inner-text1 p{
	font-size: 18px;
	color: var(--text-color);
	font-weight: 400;
	margin-bottom: 20px;
}
.current-jobs .inner-text1 a{
	font-size: 16px;
	font-weight: 400;
	background-color: #e96064;
	border-color: #e96064;
}
.current-jobs .inner-text2{
	margin-top: 150px;
}


.current-jobs .inner-text2 h2{
	font-size: 26px;
	text-align: center;
	color: #646d8c;
	font-weight: 600;
}
.current-jobs .inner-text2 p{
	text-align: center;
	color:#e96064;
	font-size: 18px;
	font-weight: 500;
}
.current-jobs .inner-text2 .fulltime-jobs h3 {
    font-size: 20px;
    font-weight: 500;
    color: #e96064;
}
.current-jobs .inner-text2 .fulltime-jobs h3 span{
	color: #646d8c;
	font-size: 14px;
	margin-left:5px;
}
.current-jobs .inner-text2 .fulltime-jobs .job-type{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.current-jobs .inner-text2 .fulltime-jobs .job-type .box{
	border: 1px solid #e5e6e8;
    border-radius: 10px;
    padding: 16px;
    background: var(--light);
}
.current-jobs .inner-text2 .fulltime-jobs .job-type .box:hover{
	background-color: var(--light-gray);
}
.current-jobs .inner-text2 .fulltime-jobs .job-type .box a  h5{
	font-size: 18px;
	font-weight: 500;
	color: #ed6c64;
	margin-bottom: 20px;
	line-height: inherit;
}
.current-jobs .inner-text2 .fulltime-jobs .job-type .box a p {
    color: var(--text-color);
    font-size: 16px;
    text-align: left;
    min-height: 120px;
    font-weight: 400;
    line-height: inherit;
    overflow: hidden;
}
.current-jobs .inner-text2 .fulltime-jobs .job-type .box a span{
	display: block;
	text-align: right;
	font-weight: 600;
	color: #50566d;
	font-size: 14px;
}
.current-jobs .inner-text2 p.bottom{
	background-color: var(--lighter-primary);
	font-size: 16px;
	color: var(--text-color);
	padding: 10px 10px 10px 20px;
	border-left: 2px solid rgb(41 106 207 / 20%);
	margin-top: 30px;
	font-weight: 400;
	text-align: left;
}
.current-jobs .inner-text2 p.bottom a{
	color: #e96064;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}
/* -------------current jobs---------- */

/* -------------yes i am interested---------- */
.all-job-application-section{
	padding: 40px 0px;
	text-align: center;
	border-bottom: 1px solid #e5e9f3;
}
.all-job-application-section ul li{
	margin: 0px 10px;
}
.all-job-application-section ul li a{
	color: #e96064;
	display: block;
	text-decoration: underline;
}
.all-job-application-section ul{
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.yesiam-interested {
    padding: 60px 0px;
	border-bottom: 1px solid #e1e6ee;
}
.yesiam-interested.bg-light{
	background-color: #f6f9fd !important;
}
.yesiam-interested .inner-text1{
	text-align: center;
}
.yesiam-interested .inner-text1 h6{
	font-size: 18px;
	font-weight: 400;
	color: var(--dark);
}
.yesiam-interested .inner-text1 h6 span{
	color: #707070;
	font-weight: 100;
}
.yesiam-interested .inner-text1 h1 {
    font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    margin: 10px 0px 20px;
}
.yesiam-interested .inner-text1 ul{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.yesiam-interested .inner-text1 ul.social-links2 li{
	margin: 0px 5px;
}
.yesiam-interested .inner-text1 ul.social-links2 li  a i{
	font-size: 16px;
	color: var(--dark);
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--dark);
	border-radius: 50%;
	transition: all .2s ease;
}
.yesiam-interested .inner-text1 ul.social-links2 li  a i:hover{
	color: var(--red);
	border-color: var(--red);
	margin-top: -10px;
}
.yesiam-interested .inner-text1 ul li a img{
	width: 45px;
}
.yesiam-interested .inner-text2{
	margin-top: 40px;
}
.yesiam-interested .inner-text2 .active-page ol.breadcrumb{
	border-bottom: 1px solid var(--underline);
}
.yesiam-interested .inner-text2 .active-page ol.breadcrumb .breadcrumb-item a {
    color: #0a73c0;
    letter-spacing: 0px;
    font-size: 16px;
    position: relative;
	font-weight: 500;
    padding-right: 20px;
}
.yesiam-interested .job-aplication .active-page ol.breadcrumb .breadcrumb-item a{
	color: #e96064;
}
.yesiam-interested .job-aplication .active-page ol.breadcrumb .breadcrumb-item a::after{
   filter: grayscale();
}
.yesiam-interested .inner-text2 .active-page ol.breadcrumb .breadcrumb-item a::after {
    position: absolute;
    content: "";
    background-image: url(../images/resources-kb/blue-arrow-right.png);
    height: 12px;
    width: 12px;
    top: 5px;
    background-size: contain;
    right: 0px;
	background-repeat: no-repeat;
}
.yesiam-interested .inner-text2 .active-page ol.breadcrumb .breadcrumb-item::before{
	display: none;
}
.yesiam-interested .inner-text2 .inner-div{
	margin-top: 30px;
}
.yesiam-interested .inner-text2 .inner-div h4 {
    font-size: 22px;
    font-weight: 500;
    color: #e96064;
    line-height: inherit;
	margin-bottom: 10px;
}
.yesiam-interested .inner-text2 .inner-div p {
    color: var(--text-color);
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    line-height: inherit;
}
.yesiam-interested .inner-text2 .inner-div .file-select{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--underline);
	padding-bottom: 30px;

}
.yesiam-interested .inner-text2 .inner-div .file-select .right{
	display: block;
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;
}
.yesiam-interested .inner-text2 .inner-div .file-select .right span{
	display: block;
	color: var(--dark);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 10px;
}
.yesiam-interested .inner-text2 .inner-div .file-select .right a.btns{
   background-color: #e96064;
   border-color: #e96064;
}

.yesiam-interested .inner-text2 .inner-div .file-select .left{
	position: relative;
	margin-top: 30px;
}
.yesiam-interested .inner-text2 .inner-div .file-select .left .fileupload{
	border: 2px dashed #dee4f0;
	background-color:#f5f6fa;
	padding: 20px;
	text-align: center;
	cursor: pointer;
}
.yesiam-interested .inner-text2 .inner-div .file-select .left .fileupload a{
	color: #e96064;
}
.yesiam-interested .inner-text2 .inner-div .file-select .left .fileupload a:hover{
	text-decoration: underline;
}
.yesiam-interested .inner-text2 .inner-div .file-select .left .fileupload span p{
	margin-bottom: 0px;
	text-align: center;
}
.yesiam-interested .inner-text2 .inner-div .file-select .left input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	right: 0;
  }
  .yesiam-interested .inner-text2 .inner-div2{
	margin-top: 30px;
  }
  .yesiam-interested .inner-text2 .inner-div2 h4{
	font-size: 20px;
    font-weight: 500;
    color: #e96064;
    line-height: inherit;
    margin-bottom: 10px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group{
	display: block;
	margin-top: 20px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group label{
	margin-bottom: 5px;
	color: var(--text-color);
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group label span{
	color: #e96064;
	font-size: 20px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group .sel-input{
	display: flex;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group .sel-input select{
	width: 30%;
	margin-right: 10px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group .sel-input input{
	width: 70%;
	border: 2px solid #dee4f0;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group .form-control{
	padding: 8px 10px;
    box-shadow: none;
	width: 100%;
	border: 2px solid #dee4f0;
	font-style:16px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .input-group .form-control option{
	margin: 10px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume{
	margin-top: 30px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume label{
	margin-bottom: 5px;
    color: var(--text-color);
	margin-bottom: 10px;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume label span{
	color: var(--red);
	font-size: 20px;
}
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume .input-browser{
	position: relative;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume .input-browser .fileupload{
	border: 2px dashed var(--border-color);
    background-color:#f5f6fa;
    padding: 10px;
    text-align: center;
    cursor: pointer;
	width: 50%;
	height: auto;
	cursor: pointer;
  }
  .yesiam-interested .inner-text2 .inner-div2 form .your-resume .input-browser input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    right: 0;
	width: 50%;
	height:100%;
	background-color: var(--light-gray);
}
.yesiam-interested .inner-text2 .inner-div2 form .application-btn{
	margin-top: 30px;
	text-align: center;
}
.yesiam-interested .inner-text2 .inner-div2 form .application-btn .btns{
	background-color: #e96064 !important;
	border-color: #e96064;
}
.yesiam-interested .inner-text2 .inner-div2 form .application-btn .btn-cancel:hover{
	background-color: var(--border-color);
}
.yesiam-interested .inner-text2 .inner-div2 form .application-btn .btn-cancel {
	margin-right: 8px;
    background: transparent linear-gradient(var(--light),var(--light)) 0 0 no-repeat padding-box;
	font-weight: 500;
	border: 1px solid #dee4f0;
	color: var(--dark);
}
.yesiam-interested-view-job{
	padding: 60px 0px;
	text-align: center;
	background-color: #f6f9fd;
}
.yesiam-interested-view-job a.view-job{
	background-color: transparent;
    color: #0a73c0 !important;
    border: 1px solid #0a73c0;
    margin-right: 14px !important;
	width: 200px;
	padding: 10px 0px;
	text-transform: uppercase;
	font-weight: 600;
}


.yesiam-interested-view-job a.view-job img {
    width: 9px;
    margin-top: -3px;
	transition: transform .5s ease;
}
.yesiam-interested-view-job a.view-job:hover img{
	transform: translateX(5px) scale(1);
}





/* -------------yes i am interested---------- */
/* -----------job desicription-------------- */
.yesiam-interested .inner-text1 .refar-friend {
	margin: 20px 10px 50px;
}
.yesiam-interested .inner-text1 .refar-friend a{
	margin: 0px 7px;
}
.yesiam-interested .inner-text1 .refar-friend a.btns {
    font-weight: 500;
    background-color: #f60014;
    text-transform: uppercase;
    border-color: #f60014;
    width: 200px;
	padding: 9px 0px;
}
.yesiam-interested .inner-text1 .refar-friend a.btns img {
    width: 9px;
    margin-top: -3px;
	transition: transform .5s ease;
}
.yesiam-interested .inner-text1 .refar-friend a.btns:hover img{
	transform: translateX(5px) scale(1);
}

/*  */

.yesiam-interested .inner-text1 .refar-friend a.refer-btn{
	background-color: transparent;
    color: #0a73c0 !important;
    border: 1px solid #0a73c0;
    margin-right: 14px !important;
	width: 200px;
	padding: 10px 0px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 2px;
}


.yesiam-interested .inner-text1 .refar-friend a.refer-btn img {
    width: 9px;
    margin-top: -3px;
	transition: transform .5s ease;
}
.yesiam-interested .inner-text1 .refar-friend a.refer-btn:hover img{
	transform: translateX(5px) scale(1);
}






.yesiam-interested .inner-text2 .left-content h4{
	font-size: 26px;
    font-weight: 500;
    color: var(--dark);
    line-height: inherit;
    margin-bottom: 20px;
}
.yesiam-interested .inner-text2 .right-content h4{
	font-size: 26px;
    font-weight: 500;
    color: var(--dark);
    line-height: inherit;
    margin-bottom: 30px;
}
.yesiam-interested .inner-text2 .right-content span{
	display: block;
	color: var(--text-color);
	font-size: 16px;
	margin: 10px 0px;
}
.yesiam-interested .inner-text2 .right-content span strong{
	font-weight: 500;
	font-size: 20px;
	color: var(--dark);
}
.yesiam-interested .inner-text2 .left-content ul{
	margin: 20px 0px 20px 20px;
}
.yesiam-interested .inner-text2 .left-content ul li{
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
	list-style-type: disc;
}
.yesiam-interested .inner-text2 .left-content ul li::marker{
	color: #0a73c0	;
}
.yesiam-interested .inner-text2 .left-content a.btns {
    margin-top: 20px;
    font-weight: 500;
    background-color: #f60014;
    text-transform: uppercase;
    border-color: #f60014;
    width: 200px;
	padding: 10px 0px;
}
.yesiam-interested .inner-text2 .left-content a.btns img {
    width: 9px;
    margin-top: -3px;
	transition: transform .5s ease;
}
.yesiam-interested .inner-text2 .left-content a.btns:hover img{
	transform: translateX(5px) scale(1);
}
.yesiam-interested .inner-text2 .left-content p{
	font-size: 16px;
	color: var(--text-color);
}

/* -----------job desicription-------------- */
/* -----------Landing page design-------------- */
.landing-design .first-section{
	padding: 40px 0px;
	background-color: var(--underline);
}
.landing-design .first-section .banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-design .first-section .banner .left h1{
	font-size: 42px;
	color: var(--dark);
	font-weight: 600;
	position: relative;
}
.landing-design .first-section .banner .left h1 span{
	color: var(--primary);
}
.landing-design .first-section .banner .right img{
	width: 100%;
}
.landing-design .first-section .banner .left p{
	font-size: 18px;
    color: var(--text-color);
}
.landing-design .second-section{
	padding: 40px 0px 0px;
	text-align: center;
}
.landing-design .second-section .inner-text1 h2{
    text-align: left;
}
.landing-design .second-section .inner-text1 h3{
    text-align: left;
	font-size: 26px;
	margin: 10px 0px 20px;
}
.landing-design .second-section .inner-text1 h2:after {
    right: auto;
}
.landing-design .second-section .inner-text1 p{
	font-size: 18px;
	text-align: left;
}
.landing-design .second-section .inner-text1 ul{
	display: flex;
	align-items: flex-start;
	justify-content:space-between;
	border: 1px solid var(--border-color);
	border-bottom: 0px;
}
.landing-design .second-section .inner-text1 ul li:first-child{
	border-left: 0px;
}
.landing-design .second-section .inner-text1 ul li{
	border-left: 1px solid var(--border-color);
	padding: 20px;
	width: 33.33%;
	height: 280px;
}
.landing-design .second-section .inner-text1 ul li img{
	width: 130px;
	margin-bottom: 20px;
}
.landing-design .second-section .inner-text1 ul li p{
	font-size: 16px;
    line-height: 26px;
	color: var(--text-color);
	margin-bottom: 0px;
	text-align: center;
}
.landing-design .second-section .inner-text1 .consult{
	padding: 20px;
	border-top: 0px;
}
.landing-design .second-section .inner-text1 .consult p {
    font-size: 26px;
    color: var(--dark);
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
}
.landing-design .second-section .inner-text1 .consult a.btn{
	font-size: 16px;
	color: var(--light);
	transition: all .3s ease;
	border-radius: 0px;
}
.landing-design .second-section .inner-text1 .consult a.btn:hover{
	background-color: var(--red);
	border-color: var(--red);
}
.landing-design .third-section{
	padding: 0px 0px 40px;
}
.landing-design .third-section .inner-text h2{
	color: var(--dark);
    font-size: 32px;
	text-align: left;

}
.landing-design .third-section .inner-text h2:after {
    right: auto;
}
.landing-design .third-section .inner-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--text-color);
}
.landing-design .third-section .inner-text .using-type{
	display: flex;
	align-items: center;
}
.landing-design .third-section .inner-text .using-type ul{
	margin-left: 30px;
	width: 50%;
}
.landing-design .third-section .inner-text .using-type ul li{
	position: relative;
	font-size: 16px;
    line-height: 26px;
    color:var(--text-color);
	margin-bottom: 15px ;
}
.landing-design .third-section .inner-text .using-type ul li::before {
    position: absolute;
    left: -31px;
    font-size: 20px;
    top: 0;
    content: "\f058";
    font-family: fontawesome;
	color:#3b4244 ;
}
.landing-design .third-section .inner-text .using-type img{
	width: 50%;	
}
.landing-design .four-section{
	padding: 40px 0px;
	background-color:#1a2325;
	position: relative;
}

.landing-design .four-section .left-content h2{
	color: var(--light);
    font-size: 32px;
	text-align: left;
}
.landing-design .four-section .left-content h2::after{
	right: auto;
}
.landing-design .four-section .left-content p{
	color: var(--light);
    font-size: 16px;
	font-weight: 300;
}
.landing-design .four-section .left-content ul{
	margin-left: 30px;
}
.landing-design .four-section .left-content ul li{
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
	font-weight: 300;
}
.landing-design .four-section .left-content ul li::before {
    position: absolute;
    left: -31px;
    font-size: 20px;
    top: 0;
    content: "\f058";
    font-family: fontawesome;
	color: #3b4244;
}
.landing-design .four-section .right-content img{
	width: 100%;
}

.landing-design .five-section{
	padding: 30px 0px;
	border-top: 0px;
	background-color: #eeeeee;
	border: 1px solid var(--border-color);
	border-left: 0px;
	border-right: 0px;
}
.landing-design .five-section .inner-text .consult {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
}
.landing-design .five-section .inner-text  .consult p{
	font-size: 26px;
	color: var(--dark);
	font-weight: 400;
	width: 75%;
	padding-right: 30px;
}
.landing-design .five-section .inner-text  .consult p strong{
	font-weight: 600;
}
.landing-design .five-section .inner-text .consult a.btns {
    font-size: 18px;
    width: 25%;
    font-weight: 500;
    padding: 25px 20px;
	background-color: #7fc241;
	border-color:#7fc241 ;
}
.landing-design .five-section .inner-text .consult a.btns.red {
	background-color: #f24332;
	border-color:#f24332 ;
}
.landing-design .five-section .inner-text .consult a.btns:hover{
	background-color: #1a2325;
	border-color: #1a2325;
}

.landing-design .third-section{
	padding: 40px 0px ;
}
.landing-design .six-section {
    padding: 40px 0px 0px;
}
.landing-design .six-section .inner-text h2{
    text-align: left;
}
.landing-design .six-section .inner-text img{
	width: 100%;
	margin-top: 10px;
}
.landing-design .six-section .inner-text h2:after {
    right: auto;
}
.landing-design .six-section .inner-text p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
}
.landing-design .six-section .inner-text p a{
	color: var(--red);
}
.landing-design .seven-section{
	padding: 40px 0px;
}
.landing-design .seven-section h2{
	color: var(--dark);
    text-align: left;
}
.landing-design .seven-section h2::after{
    right: auto;
}
.landing-design .seven-section .left-content{
	margin-top: 20px;
}
.landing-design .seven-section .left-content h3{
	color:var(--dark);
    font-size: 26px;
    margin-bottom: 20px;
	line-height: 36px;
}
.landing-design .seven-section .left-content p {
    font-size: 16px;
    height: 150px;
    color: var(--text-color);
}

.landing-design .eight-section {
    padding: 30px 0px;
    background-color: #1a2325;
}
.landing-design .eight-section ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.landing-design .eight-section ul li p{
	display: block;
	text-align: right;
}
.landing-design .eight-section ul li p span{
	display: block;
	color:var(--darker-gray);
}
.landing-design .eight-section ul li p strong{
	font-size: 32px;
	color:var(--darker-gray);
}
.landing-design .eight-section ul li p strong a{
	color: var(--darker-gray);
}

/* -----------Landing page design-------------- */
/* ---------Php Development Services------------ */
.php-development-services .first-section{
	height: 100vh;
	width: 100%;
	position: relative;
	background-image:url(../images/design/agile-development-bg.jpg);
	background-size: cover;
	background-position: center;
}
.php-development-services .first-section::before{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	background-color: var(--dark);
	opacity: .5;
}
.php-development-services .first-section .left-content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
}
.php-development-services .first-section .left-content h1 {
    font-size: 42px;
    color: var(--light);
    font-weight: 600;
    margin-bottom: 20px;
	line-height: inherit;
}

.php-development-services .first-section .left-content p{
	font-size: 18px;
	color: var(--light);
}

.php-development-services .third-section .left-content h2{
	color: var(--light);
    font-size: 32px;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
	font-weight: 400;
}
.php-development-services .third-section .left-content h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
}
.php-development-services .third-section .left-content p{
	font-size: 20px;
	margin-bottom: 0px;
	color: var(--light);
}
.php-development-services .third-section .right-content .item {
	text-align: center;
	background-color: var(--light);
	height: 260px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.php-development-services .third-section .right-content .item .figure img{
	width: 200px !important;
}
.php-development-services .third-section {
    padding: 50px 0px;
    background-blend-mode: color;
    background-color: #00000091;
    background-image: url(../images/design/php-slider-banner.jpg);
    background-position: center;
    background-size: cover;
}
.php-development-services .four-section{
	padding: 40px 0px;
	text-align: center;
}
.php-development-services .four-section .inner-text h2{
	color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.php-development-services .four-section .inner-text h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.php-development-services .four-section .inner-text p{
	color: var(--text-color);
	margin: auto;
	font-size: 18px;
}
.php-development-services .four-section .inner-text img{
	margin-top: 20px;
}
.php-development-services .five-section {
    padding: 40px 0px;
	background-color: var(--lighter-primary);
}
.php-development-services .five-section .inner-text h2{
	color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.php-development-services .five-section .inner-text h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.php-development-services .five-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
.php-development-services .five-section .inner-text .view-budget{
	text-align: center;
}
.php-development-services .six-section{
	padding: 40px 0px;
	text-align: center;
}
.php-development-services .six-section .inner-text1 h2{
	color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.php-development-services .six-section .inner-text1 h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.php-development-services .six-section .inner-text1 p{
	font-size: 18px;
	color: var(--text-color);
}
.php-development-services .six-section .inner-text2{
	position: relative;
	margin-top: 60px;
}
.php-development-services .six-section .inner-text2 p.heading {
    position: absolute;
    left: 0;
    right: 0;
    background: #e5d933;
    font-size: 20px;
    top: -26px;
    padding: 10px;
    margin: auto;
    color: var(--darrk);
    width: 80%;
}
.php-development-services .six-section .inner-text2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 50px 40px 30px;
    gap: 30px;
    background-color: #4d7b98;
}
.php-development-services .six-section .inner-text2 ul li{
	text-align: left;
	position: relative;
	padding: 0px 20px;
	color: var(--light);
	margin: 10px 0px;
}

.php-development-services .six-section .inner-text2 ul li::before{
	content: "\f00c";
	position: absolute;
	font-family: fontawesome;
	left: -5px;
}
.php-development-services .six-section .inner-text2 .bottom-div {
    background-color: #0d2e42;
    padding: 25px;
    align-items: flex-start;
    display: flex;
}
.php-development-services .six-section .inner-text2 .bottom-div p{
	color:var(--light);
	font-size: 18px;
	text-align: left;
	width:68%;
	padding-right: 30px;
	margin-bottom: 0px;
}
.php-development-services .six-section .inner-text2 .bottom-div p a{
	color:#f6ea3f;
	width: 32%;

}
.php-development-services .six-section .inner-text2 .bottom-div a.btn-primary {
    padding: 10px 10px;
    margin-top: 0;
    display: inline-block;
	font-weight: 400;
    width: fit-content;
	background-color: #f24130;
	color: var(--light);
	border-color: #f24130;
}
.php-development-services .seven-section{
	padding: 40px 0px;
	background-image: url(../images/design/testimonials-slider.jpg);
	background-size: cover;
	background-position: center;
}
.php-development-services .seven-section .inner-text h2{
	color: var(--light);
    font-size: 32px;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.php-development-services .seven-section .inner-text h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.php-development-services .seven-section .inner-text p{
	font-size: 24px;
	color: var(--light);
	text-align: center;
	margin-bottom: 20px;
}
.php-development-services .seven-section .inner-text .slider .item .flexs{
	display: flex;
}
.php-development-services .seven-section .inner-text .slider .item .flexs img{
	background-color: var(--light);
	height: 200px;
	width: 200px;
	object-fit: none;
	margin-right: 30px;
}
.php-development-services .seven-section .inner-text .slider .item .flexs .right p{
	text-align: left;
	color: var(--light);
	font-size: 18px;
}
.php-development-services .seven-section .inner-text .slider .item .flexs .right span{
	color: var(--light);
}
.php-development-services .eight-section{
	padding: 50px 0px;
	text-align: center;
}
.php-development-services .eight-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 30px;
}
.php-development-services .eight-section .inner-text p a{
	color: var(--dark);
}
.php-development-services .eight-section .inner-text p a strong{
	font-weight: 500;
}
.php-development-services .eight-section .inner-text h3 {
    font-size: 26px;
    color: var(--light-dark);
    margin-bottom: 20px;
    line-height: inherit;
	font-weight: 500;
}
.php-development-services .eight-section .inner-text a.btn{
	background-color: #7fc241;
	border-color: #7fc241;
	transition: border-radius 1s ease;
	border-radius: 0px;
}
.php-development-services .eight-section .inner-text a.btn:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}
.php-development-services .seven-section .inner-text .slider .owl-dots {
    position: absolute;
    bottom: -8px;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    width: 100%;
}

.php-development-services .seven-section .inner-text .slider .owl-dots button.owl-dot span {
	border-radius: 50%;
	background:var(--red);
	width: 13px;
	height: 13px;
	margin: 0px 4px;
	display: inline-block;
	position: relative;
	border: none;
	padding: 3px;
}

.php-development-services .seven-section .inner-text .slider .owl-dots button.owl-dot.active span {
	background: var(--red);
}

.php-development-services .seven-section .inner-text .slider .owl-dots button.owl-dot.active {
	border: 1px solid var(--red);
	height: 22px;
	width: 22px;
	border-radius: 50%;
	margin: 0px 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.php-development-services .second-section{
	padding: 50px 0px;
}
.php-development-services .second-section .inner-text .left-content h2{
	text-align: left;
}
.php-development-services .second-section .inner-text .left-content h2::after{
  right: auto;
}
.php-development-services .second-section .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.php-development-services .second-section .inner-text .left-content ul{
	background: #f0f4f6;
    padding: 25px;
    border: 3px solid #d4dee2;
	position: relative;
}
.php-development-services .second-section .inner-text .left-content ul li{
	font-size: 16px;
	color: var(--text-color);
	margin: 5px 0px;
	position: relative;
	padding-left: 30px;
}
.php-development-services .second-section .inner-text .left-content ul li::after{
	content: "";
	position: absolute;
	background-image: url(../images/design/green-tick-php.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 6px;
	height: 20px;
	width: 20px;

}
.php-development-services .second-section .inner-text .left-content .box2{
	border: 3px solid #d4dee2;
	border-top: 0px;
	padding: 25px;
}
.php-development-services .second-section .inner-text .left-content .box2 h5{
	font-size: 24px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.php-development-services .second-section .inner-text .left-content .box2 p{
	font-size: 16px;
	color: var(--text-color);
}
.php-development-services .second-section .inner-text .left-content .box2 a.btn{
	background-color: #f24130;
	border-color: #f24130;
	transition: border-radius 1s ease;
	color: var(--light);
	border-radius: 0px;
}
.php-development-services .second-section .inner-text .left-content .box2 a.btn:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}
.php-development-services .second-section .inner-text .right-content img{
	width: 100%;
}
.php-development-services .worked-startups{
	padding: 50px 0px;
	background-image: url(../images/design/works_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
.php-development-services .worked-startups .inner-text h2{
	line-height: inherit;
	color: var(--light);
}
.php-development-services .worked-startups .inner-text h5{
	font-size: 22px;
	color: var(--light);
	text-align: center;
}
.php-development-services .worked-startups .inner-text ul{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1px;
}
.php-development-services .worked-startups .inner-text ul li {
    background-color: var(--light);
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.php-development-services .worked-startups .inner-text ul li .figure img {
    display: block;
    margin: 0 auto;
}
.php-development-services .develop-php{
	padding: 50px 0px;
}
.php-development-services .develop-php .inner-text .left-content img{
	width: 100%;
}
.php-development-services .develop-php .inner-text .right-content h2{
	text-align: left;
}
.php-development-services .develop-php .inner-text .right-content h2::after{
	right: auto;
}
.php-development-services .develop-php .inner-text .right-content p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 40px;
	line-height: 28px;
}
.php-development-services .develop-php .inner-text .right-content ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 45px;
}
.php-development-services .develop-php .inner-text .right-content ul li{
	font-size: 16px;
	color: var(--text-color);
	position: relative;
	padding-left: 30px;
}
.php-development-services .develop-php .inner-text .right-content ul li::after{
	content: "";
	position: absolute;
	background-image: url(../images/design/green-tick-php.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 6px;
	height: 20px;
	width: 20px;
}
.php-development-services .php-programming-package{
	padding: 50px 0px 0px;
	background-image: url(../images/design/programming-packages-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.php-development-services .php-programming-package .inner-text .left-content{
	padding-bottom: 60px;
}
.php-development-services .php-programming-package .inner-text .left-content h2{
	text-align: left;
}
.php-development-services .php-programming-package .inner-text .left-content h2::after{
	right: auto;
}
.php-development-services .php-programming-package .inner-text .left-content p{
	color: var(--text-color);
	margin-bottom: 30px;
	line-height: 28px;
	font-size: 16px;
}
.php-development-services .php-programming-package .inner-text .left-content ul{
	display: flex;
}
.php-development-services .php-programming-package .inner-text .left-content ul li{
	margin-right: 20px;
}
.php-development-services .php-programming-package .inner-text .left-content ul li a.btns{
	background-color: #f24130;
	border-color: #f24130;
	transition: border-radius 1s ease;
}
.php-development-services .php-programming-package .inner-text .left-content ul li a.btn-gray{
	background-color: #384548;
	transition: border-radius 1s ease;
}
.php-development-services .php-programming-package .inner-text .left-content ul li a.btn:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}
.php-development-services .php-programming-package .inner-text .right-content img{
	max-width: 100%;
}






/* ---------Php Development Services------------ */
/* ---------Mobile App Development ------------ */
.mobile-app-development .first-section{
	padding: 100px 0px;
	background-image: url(../images/design/mobile-header-graphic.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.mobile-app-development .first-section .inner-text h1{
    font-size: 42px;
   font-weight: 600;
   color: var(--light);
   text-align: left;
   margin-bottom: 20px;
}
.mobile-app-development .first-section .inner-text{
	text-align: center;
}
.mobile-app-development .first-section .inner-text h1 span {
    background-color: rgb(26 35 37 / 85%);
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.mobile-app-development .first-section .inner-text p{
	text-align: center;
	color: var(--light);
	font-size: 18px;
	margin-bottom: 20px;
}
.mobile-app-development .second-section{
	padding: 40px 0px;
	background-image: url(../images/design/divider-horizontal.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.mobile-app-development .second-section .left-content h2{
	color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 40px;
    text-align: left;
	line-height: 42px;
}
.mobile-app-development .second-section .left-content h2::after {
    content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: auto;
}
.mobile-app-development .second-section .left-content p{
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;
}
.mobile-app-development .second-section .right-content img {
    margin: 0px auto;
    display: block;
}
.mobile-app-development .third-section{
	padding: 40px 0px;
	background-image: url(../images/design/divider-horizontal.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
}
.mobile-app-development .third-section .inner-text .researchWrap h2{
	color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
	line-height: 42px;
}


.mobile-app-development .third-section .inner-text .researchWrap {
    width: 100%;
    background: url(../images/design/mobileinHand.png) no-repeat center 130px;
    height: 670px;
    padding: 20px 0;
    position: relative;
}
.mobile-app-development .third-section .inner-text .researchWrap .purple_round {
    background: url(../images/design/roundCircle_1.png) no-repeat;
    width: 307px;
    height: 259px;
    position: absolute;
    left: 30px;
    top: 120px;
}
.mobile-app-development .third-section .inner-text .researchWrap .purple_round h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 185px;
    margin: 55px 0 0 32px;
}
.mobile-app-development .third-section .inner-text .researchWrap .orange_round {
    background: url(../images/design/roundCircle_2.png) no-repeat;
    width: 251px;
    height: 208px;
    position: absolute;
    left: 165px;
    top: 360px;
}
.mobile-app-development .third-section .inner-text .researchWrap .orange_round h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 155px;
    margin: 45px 0 0 32px;
}
.mobile-app-development .third-section .inner-text .researchWrap .orange_round {
    background: url(../images/design/roundCircle_2.png) no-repeat;
    width: 251px;
    height: 208px;
    position: absolute;
    left: 165px;
    top: 360px;
}
.mobile-app-development .third-section .inner-text .researchWrap .orange_round h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 155px;
    margin: 33px 0 0 32px;
}
.mobile-app-development .third-section .inner-text .researchWrap .green_round {
    background: url(../images/design/roundCircle_3.png) no-repeat;
    width: 317px;
    height: 264px;
    position: absolute;
    right: 30px;
    top: 120px;
}
.mobile-app-development .third-section .inner-text .researchWrap .green_round h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 195px;
    margin: 53px 0 0 95px;
}
.mobile-app-development .third-section .inner-text .researchWrap .blue_round {
    background: url(../images/design/roundCircle_4.png) no-repeat;
    width: 254px;
    height: 204px;
    position: absolute;
    right: 165px;
    top: 360px;
}
.mobile-app-development .third-section .inner-text .researchWrap .blue_round h6 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 155px;
    margin: 59px 0 0 65px;
}
.mobile-app-development .third-section .inner-text p{
	margin-top: 30px;
	text-align: left;
	color: var(--text-color);
}

.mobile-app-development .third-section .inner-text h2::after{
	content: "";
    background: var(--primary);
    width: 76px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.mobile-app-development .third-section .inner-text ul{
	margin: 30px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-app-development .third-section .inner-text ul li {
    font-size: 16px;
    height: 200px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 0px 5px;
    border-radius: 0px;
}
.mobile-app-development .third-section .inner-text ul li:first-child{
	color: var(--text-color);
	background-color: var(--lighter-primary);
}
.mobile-app-development .third-section .inner-text ul li:nth-child(2){
	color: var(--text-color);
	background-color: var(--lighter-primary);
}
.mobile-app-development .third-section .inner-text ul li:nth-child(3){
	color: var(--text-color);
	background-color: var(--lighter-primary);
}
.mobile-app-development .third-section .inner-text ul li:last-child{
	color: var(--text-color);
	background-color: var(--lighter-primary);
}
.mobile-app-development .third-section .inner-text p{
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
}
.mobile-app-development .four-section{
	padding: 40px 0px;
	background-image: url(../images/design/divider-horizontal.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.mobile-app-development .four-section .inner-text h2{
    color: var(--dark);
    font-size: 32px;
    position: relative;
    margin-bottom: 40px;
    text-align: left;
	line-height: 42px;
} 
.mobile-app-development .four-section .inner-text h2 span{
	font-weight: 600;
	color:#16accd;
}
.mobile-app-development .four-section .inner-text h2::after{
	right: auto;
}
.mobile-app-development .four-section .inner-text .left-content ul{
	margin-left: 30px;
}
.mobile-app-development .four-section .inner-text .left-content ul li{
	list-style-type: disc;
	margin-bottom: 10px;
	color: var(--text-color);
	font-size: 16px;
}
.mobile-app-development .four-section .inner-text .right-content {
	width: 100%;
}

.mobile-app-development .four-section .inner-text .right-content .ideasWrap {
    background: url(../images/design/mobileapps_side.jpg) no-repeat;
    width: 450px;
    height: 395px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.mobile-app-development .four-section .inner-text .right-content .roundblock_one {
    width: 135px;
    font-size: 14px;
    position: absolute;
    left: 45px;
    top: 95px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}
.mobile-app-development .four-section .inner-text .right-content .roundblock_two {
    width: 110px;
    font-size: 14px;
    position: absolute;
    right: 46px;
    top: 120px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}

.mobile-app-development .four-section .inner-text .right-content .roundblock_three {
    width: 100px;
    font-size: 14px;
    position: absolute;
    left: 60px;
    bottom: 45px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}
.mobile-app-development .four-section .inner-text .right-content .roundblock_four {
    width: 100px;
    height: 136px;
    font-size: 14px;
    position: absolute;
    right: 22px;
    bottom: 0px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}


.mobile-app-development .four-section .inner-text .right-content .quoteWrap_left {
    background: url(../images/design/girlGraphic.jpg) no-repeat;
    width: 534px;
    position: relative;
    top: -5px;
    padding: 70px 0 0 210px;
    display: inline-block;
}
.mobile-app-development .four-section .inner-text .right-content .quoteWrap_left .orgWrap {
    width: 220px;
    float: left;
    margin: 0 0 0 30px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
}
.mobile-app-development .four-section .inner-text .right-content .quoteWrap_left h2 {
    text-align: center;
    line-height: 1.3;
    padding: 48px 0 5px 0;
    clear: both;
    font-size: 20px;
}
.mobile-app-development .four-section .inner-text .right-content .aligncenter {
    margin: 0 auto;
    text-align: center;
}
.mobile-app-development .four-section .inner-text .right-content .buttonBlue {
    background: #23abc9;
    border-radius: 3px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    font-size: 30px;
    color: #FFFFFF!important;
    padding: 0 40px;
    text-decoration: none;
    font-weight: bold;
}
.mobile-app-development .four-section .inner-text .right-content .buttonBlue:hover {
    background: #184177;
}

.mobile-app-development .five-section{
	padding: 40px 0px;
	background-image: url(../images/design/divider-horizontal.png);
	background-repeat: no-repeat;
	background-position: bottom center;
} 
.mobile-app-development .five-section .left-content h2 span{
	font-weight: 600;
	color:#16accd;
}

.mobile-app-development .five-section .left-content .inner-div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-app-development .five-section .left-content .inner-div ul{
	width: 50%;
	margin-left: 20px;
}
.mobile-app-development .five-section .left-content .inner-div ul li{
	list-style-type: disc;
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 10px;
}
.mobile-app-development .five-section .left-content .inner-div img{
	margin-left: auto;
}
.mobile-app-development .five-section .left-content h2{
	text-align: left;
}
.mobile-app-development .five-section .left-content h2::after{
	right: auto;
}
.mobile-app-development .five-section .left-content h2 span{
	color: #23abc9;
	font-weight: 600;
}





.mobile-app-development .five-section .right-content .inner-div h3{
	color: var(--light-dark);
	font-size: 26px;
	color: var(--dak);
}
.mobile-app-development .five-section .right-content ul{
	margin: 20px 0px 10px 20px;
}
.mobile-app-development .five-section .right-content .inner-div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-app-development .five-section .right-content ul li{
	list-style-type: disc;
	color: var(--text-color);
	margin-bottom: 10px;
	font-size: 16px;
}
.mobile-app-development .five-section .right-content{
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	padding: 30px;
	height: 100%;
}
.mobile-app-development .six-section{
	padding: 40px 0px;
	background-image: url(../images/design/divider-horizontal.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.mobile-app-development .six-section .left-content ul li {
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 16px;
    list-style-type: auto;
}
.mobile-app-development .six-section .right-content{
	border: 1px solid #dbdbdb;
}
.mobile-app-development .six-section .right-content .heading{
	background-color: #23abc9;
	border-radius: 5px;
	margin: 10px;
}
.mobile-app-development .six-section .right-content .heading p {
    color: var(--light);
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
}
.mobile-app-development .six-section .right-content h6 {
    color: var(--dark);
    font-size: 24px;
    padding: 0px 20px;
}
.mobile-app-development .six-section .left-content h6{
	color: var(--text-color);
	font-size: 20px;
	margin-top: 30px;
	font-weight: 500;
}
.mobile-app-development .six-section .right-content ul {
    margin-left: 40px;
}
.mobile-app-development .six-section .right-content ul li{
	margin-bottom: 10px;
	color: var(--text-color);
	font-size: 16px;
	list-style-type: disc;
}
.mobile-app-development .six-section .left-content .slider .item .align{
	margin-top: 10px;
	display: flex;
	align-items: flex-start;
}
.mobile-app-development .six-section .left-content .slider .item .align img{
	width: 110px;
	margin-bottom: 10px;
	margin-right: 20px;
}
.mobile-app-development .six-section .left-content .slider .item .align p{
	margin: 0px 0px 0px 20px;
	font-size: 14px;
	color:var(--text-color);
}
.mobile-app-development .six-section .left-content .slider .item .align p span{
	color: #23abc9;
	font-weight: 500;
}
/* .mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav .owl-prev span{
	position: relative;
} */
.mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav{
	display: flex;
}
.mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav .owl-prev::after {
    position: absolute;
    content: "\f053";
    font-family: fontawesome;
    left: 0;
    background:#fec78d;
    width: 30px;
    display: flex;
    align-items: center;
    height: 30px;
    bottom: -50px;
    justify-content: center;
	color:var(--light);
}
.mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav .owl-next::after {
    position: absolute;
    content: "\f054";
    font-family: fontawesome;
    left:40px;
    background: #fec78d;
    width: 30px;
    display: flex;
    align-items: center;
    height: 30px;
    bottom: -50px;
    justify-content: center;
	color:var(--light);
}
.mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav .owl-next span{
	display: none;
}
.mobile-app-development .six-section .left-content .slider .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.mobile-app-development .seven-section{
	padding: 30px 0px 10px;
}

.mobile-app-development .seven-section .talk{
	display: flex;
	justify-content: space-between;
}
.mobile-app-development .seven-section .talk p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
}
.mobile-app-development .seven-section .talk .right{
	background-color: #fc8f1b;
	border-radius: 5px;
	padding:20px;
}
.mobile-app-development .seven-section .talk .right p{
	color: var(--light);
	font-size: 16px;
	width: 100%;
}
.mobile-app-development .seven-section .talk .right a.btn-gray{
	background-color: var(--light);
	color: var(--dark)!important;
	border-color: var(--light);
	font-weight: 500;
}
.mobile-app-development .seven-section .mobile-app{
	display: flex;
	margin-top: 30px;
}
.mobile-app-development .seven-section .mobile-app .box{
	width: 33.33%;
	display: flex;
	border: 1px solid var(--border-color);
	padding:15px;
	margin: 10px;
}
.mobile-app-development .seven-section .mobile-app .box img{
	width: 100px;
}
.mobile-app-development .seven-section .mobile-app .box .text{
	margin-left: 20px;
}
.mobile-app-development .seven-section .mobile-app .box .text h5{
	font-size: 20px;
	color: var(--dark);
	min-height: 88px;
}
.mobile-app-development .seven-section .mobile-app .box .text a.btn-gray {
    width: 100%;
    padding: 5px;
	border:1px solid #dbdbdb;
	background-color: transparent;
	color:#23abc9 !important;
}
.mobile-app-development .seven-section .mobile-app .box .text a.btn-gray:hover{
	background-color: #23abc9;
	color: var(--light) !important;
}
.mobile-app-development .seven-section .mobile-app .box .text a.btn-gray img {
    width: 13px;
    object-fit: none;
}
.mobile-app-development .seven-section .mobile-app .box .text a.btn-gray i{
	font-size: 11px;
}
.mobile-app-development .six-section .left-content .slider .item .align p{
	font-size: 16px;
	margin: 0px;
}
.mobile-app-development .six-section .left-content{
	margin-bottom: 80px;
}

/* ---------Mobile App Development ------------ */

/* -----------custom-app-development----------- */
.custom-app-development .first-section .inner-text img{
	width: 100%;
	object-fit: cover;
}
.custom-app-development .second-section{
	padding: 40px 0px 0px;
	text-align: center;
	background-color: #f5f3f3;
}
.custom-app-development .second-section .inner-text h2{
	font-size: 32px;
	margin-bottom: 30px !important;
}
.custom-app-development .second-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-app-development .second-section .inner-text h4 {
    color: var(--dark);
    font-size: 22px;
    margin-bottom: 20px;
}
.custom-app-development .second-section .inner-text h4 span{
	color: var(--red);
}
.custom-app-development .second-section .inner-text p {
    color: var(--text-color);
    font-size: 18px;
    margin-bottom: 10px;
}

.custom-app-development .second-section .inner-text p.second{
	color: #c10d26;
}
.custom-app-development .first-section {
    padding: 200px 0px;
    background-image: url(../images/design/custom-development.jpg);
    background-size: cover;
    background-position: center center;
	position: relative;
	z-index: 0;
}
.custom-app-development .first-section:before{
	position: absolute;
	content:"";
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--light-dark);
	z-index:1;
}
.custom-app-development .first-section .inner-text .left-content{
	position: relative;
	z-index: 1;
}
.custom-app-development .first-section .inner-text .left-content h1{
  font-size: 42px;
  color: #fff;
  font-weight: 600;
  line-height: inherit;
 
}

.custom-app-development .first-section .inner-text .left-content p{
	font-size: 18px;
	color: var(--light);
	z-index: 1;
	margin-top: 20px;
	font-weight: 300;
}
.custom-app-development .first-section .inner-text .left-contect{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}

.custom-app-development .third-section {
    padding: 60px 0px 0px;
}
.custom-app-development .third-section .inner-text h2{
	margin-bottom: 30px;
	font-size: 32px;
}
.custom-app-development .third-section .inner-text h2::after{
   background-color: var(--primary);
}
.custom-app-development .third-section .inner-text h5{
	text-align: center;
	color: var(--dark);
	font-size:22px;
}
.custom-app-development .third-section .daily-deals{
	display: block;
    background: #f4f4f4;
    border: 1px solid #eae8e8;
    margin: 20px 0  0;
	padding: 20px 20px 0px;
	border-bottom: 0px;
}
.custom-app-development .third-section .daily-deals h4 {
    font-size: 24px;
    color:#c10d26;
}
.custom-app-development .third-section .daily-deals p {
    text-align: left;
    font-size: 17px;
    color: var(--text-color);
    margin: 30px 0px;
}
.custom-app-development .third-section .daily-deals h6{
	font-size: 20px;
	color: var(--dark);
	margin-top: 10px;
}
.custom-app-development .third-section .daily-deals ul{
	display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
	margin-top: 30px;
}
.custom-app-development .third-section .daily-deals ul li {
    text-align: center;
    background-color: var(--lighter-primary);
    padding: 25px;
}
.custom-app-development .third-section .daily-deals ul li span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: var(--text-color);
    font-weight: 500;
    font-style: italic;
    line-height: initial;
}
.custom-app-development .third-section .professional {
    align-items: center;
    display: flex;
    justify-content: space-between;
    background: #eae8e8;
    padding: 22px;
	border: 1px solid #eae8e8
}
.custom-app-development .third-section .center-block{
	display: block;
	text-align: center;
}
.custom-app-development .third-section .center-block h3{
	width: 100% !important;
	text-align: center;
	margin-bottom: 20px !important;
}
.custom-app-development .third-section .center-block .button{
	text-align: center !important;
	width: 100% !important;
}
.custom-app-development .third-section  .professional h3{
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 15px;
}
.custom-app-development .third-section  .professional h3 span{
	color: #c10d26;
    font-weight: 600;
}
.custom-app-development .third-section  .professional .button a.btns{
	background-color: #f24130;
	border-color: #f24130;
	transition: border-radius 1s ease;
	color: var(--light);
	border-radius: 0px;
}
.custom-app-development .third-section  .professional .button a.btns:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}
.custom-app-development .four-section{
	padding-top: 60px;
}

.custom-app-development .four-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-app-development .four-section .inner-text h5.red{
	color:#c10d26 ;
	margin-top: 50px;
	text-align: center;
	font-weight: 600;
	line-height: inherit;
}
.custom-app-development .four-section .inner-text p{
    text-align: center;
	color: var(--gray);
	font-size:16px;
}
.custom-app-development .four-section .inner-text p span{
	font-weight: 500;
	color: #c10d26;
}
.custom-app-development .four-section .inner-text p.second{
	color: #c10d26;
}
.custom-app-development .four-section .inner-text .right-content img{
	width: 100%;
}
.custom-app-development .four-section .inner-text .left-content h3{
	font-size: 26px;
    color: #c10d26;
    line-height:inherit;
    text-align: left;
	margin-bottom: 20px;
}
.custom-app-development .four-section .inner-text .left-content{
	padding: 20px;
	background: #fefae1;
    border: 1px solid #f3edc7;
}
.custom-app-development .four-section .inner-text .left-content p{
	color: var(--text-color);
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}
.custom-app-development .five-section{
	padding: 40px 0px 40px;
	background-color: #f5f3f3;
}

.custom-app-development .six-section {
    padding: 30px 0px;
    background-image: url(../images/design/custom-slider.jpg);
    background-size: cover;
    background-color: #0000005c;
    background-blend-mode: color;
    background-position: center center;
    background-repeat: no-repeat;
}
.custom-app-development .six-section .left-content h3{
   color: var(--light);
}
.custom-app-development .six-section .left-content P{
	color: var(--light);
	font-size: 17px;
}
.custom-app-development .six-section .right-content img{
	width: 100%;
}
.custom-app-development .six-section .owl-carousel .owl-nav{
	display: block;
}
.custom-app-development .six-section .owl-carousel .owl-nav {
    display: flex;
}
.custom-app-development .six-section .owl-carousel .owl-nav .owl-prev::after {
    position: absolute;
    content: "\f053";
    font-family: fontawesome;
    left: -116px;
    background: var(--red);
    width: 36px;
    display: flex;
    align-items: center;
    height: 36px;
    bottom: 50%;
    justify-content: center;
    border-radius: 0px 4px 4px 0px;
    color: var(--light);
    font-size: 16px;
}
.custom-app-development .six-section .owl-carousel .owl-nav .owl-next::after {
    position: absolute;
    content: "\f054";
    font-family: fontawesome;
    right: -116px;
    background: var(--red);
    width: 36px;
    display: flex;
    align-items: center;
    height: 36px;
    bottom: 50%;
    justify-content: center;
    border-radius: 4px 0px 0px 4px;
    color: var(--light);
	font-size: 16px;
}
.custom-app-development .six-section .owl-carousel .owl-nav .owl-next span{
	display: none;
}
.custom-app-development .six-section .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.custom-app-development .seven-section{
	padding: 40px 0px;
}
.custom-app-development .seven-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-app-development .seven-section .inner-text ul li .box{
  display: flex;
  flex-wrap: wrap;
}
.custom-app-development .seven-section .inner-text ul li .box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
  }
  .custom-app-development .seven-section .inner-text ul li .box .left{
	width: 15%;
  }
  .custom-app-development .seven-section .inner-text ul li .box .left span {
    display: flex;
    background-color: #eae8e8;
    height: 150px;
    width: 150px;
    font-size: 82px;
    align-items: center;
    color: #383838;
    font-weight: 500;
    justify-content: center;
    position: relative;
    font-style: italic;
}
.custom-app-development .seven-section .inner-text ul li .box .left span:after {
    content: "";
    position: absolute;
    background: url(../images/design/grey-arrow.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 22px;
    right: -11px;
    top: 8px;
    filter: contrast(0.5);
    opacity: .4;
}
.custom-app-development .seven-section .inner-text ul li .box .right {
    background-color: #eae8e8;
    height: 150px;
    width:85%;
	padding: 20px;
}
.custom-app-development .seven-section .inner-text ul li .box .right h5{
	font-size: 22px;
	color: var(--dark);
}
.custom-app-development .seven-section .inner-text ul li .box .right p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.custom-app-development .seven-section .inner-text p{
	color:var(--text-color);
	font-size: 17px;
}
.custom-app-development .seven-section .inner-text h2.heading2{
	line-height: 42px;
}
.custom-app-development .seven-section .inner-text p a{
	color: #23abc9;
}

.custom-app-development .seven-section .inner-text .professional {
    padding: 30px 20px 0px;
    text-align: center;
}
.custom-app-development .seven-section .inner-text .professional h3 {
    font-size: 24px;
    color: var(--dark);
    margin-bottom: 15px;
	line-height: 36px;
	text-align: left;
}
.custom-app-development .six-section .owl-carousel .owl-dots{
	display: none;
}
.custom-app-development .pro-discusson .inner-text{
	text-align: center;
	width: auto;
    border: 1px solid #e1e2e2;
    border-radius: 5px;
    background: #fff;
    padding: 20px 20px 28px ;
    display: block;
    margin: 20px 0 0 0;
}
.custom-app-development .pro-discusson .inner-text p{
	font-size: 30px;
	font-weight: 500;
	color:var(--dark)
}

.custom-app-development .pro-discusson .inner-text a.btn{
	background-color: #f24130;
	border-color: #f24130;
	transition: border-radius 1s ease;
	color: var(--light);
	border-radius: 0px;
}
.custom-app-development .pro-discusson .inner-text a.btn:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}
.custom-app-development .second-section .inner-text  .exp-inovation {
    display: table;
    margin: 30px auto 30px;
    background: url(../images/design/quality-service.png) no-repeat 0 0;
    height: 265px;
}
.custom-app-development .second-section .inner-text  .exp-inovation .block1 {
    width: 184px;
    height: 224px;
    float: left;
    position: relative;
    background: url(../images/design/exp.png) no-repeat 0 0;
    margin: 37px 0 0 0;
    cursor: pointer;
    text-indent: -9999px;
}
.custom-app-development .second-section .inner-text  .exp-inovation .block2 {
    width: 241px;
    height: 133px;
    float: left;
    position: relative;
    background: url(../images/design/inovation.png) no-repeat 0 0;
    margin: 0 0 0 0;
    left: -48px;
    cursor: pointer;
    text-indent: -9999px;
}
.custom-app-development .second-section .inner-text  .exp-inovation .block3 {
    width: 189px;
    height: 226px;
    float: left;
    position: relative;
    background: url(../images/design/quality.png) no-repeat 0 0;
    margin: 0 0 0 0;
    left: -96px;
    top: 35px;
    cursor: pointer;
    text-indent: -9999px;
}
.custom-app-development .second-section .inner-text .exp-inovation .block1:hover, .custom-app-development .second-section .inner-text .exp-inovation .block2:hover, .custom-app-development .second-section .inner-text .exp-inovation .block3:hover {
    background-position: 0 bottom;
}
.custom-app-development .expertise-talk-with .inner-text{
	display: flex;
    background: #eae8e8;
    border: 1px solid #e1e2e2;
    border-radius: 3px;
    padding: 20px 20px;
	align-items: center;
}
.custom-app-development .expertise-talk-with .inner-text .text{
	width: 75%;
	padding-right: 40px;
}
.custom-app-development .expertise-talk-with .inner-text a.btns{
	width: 25%;
	background-color: #f24130;
    border-color: #f24130;
    transition: border-radius 1s ease;
    border-radius: 0px;
}
.custom-app-development .expertise-talk-with .inner-text a.btns:hover{
	border-radius: 50px;
    transition: border-radius 1s ease;
}
.custom-app-development .expertise-talk-with .inner-text .text h3{
	line-height: inherit;
	color: var(--dark);
	font-size: 25px;
	margin-bottom: 0px;
}
.custom-app-development .expertise-talk-with .inner-text .text h3 span{
	color:#c10d26;
	font-weight: 500;
}
.custom-app-development .expertise-talk-with .inner-text .text h4{
	line-height: inherit;
	color: var(--dark);
	font-size: 24px;
	margin-bottom: 0px;
}

.custom-app-development .five-section .inner-text2 .c-why-toggle {
    width: 100%;
    margin: 0 auto 9px;
    height: 109px;
    background: url(../images/design/hex-block.png) no-repeat 44px 0;
    position: relative;
}
.custom-app-development .five-section .inner-text2 .c-why-toggle .imgLeft {
    position: absolute;
    left: 0;
    bottom: 10px;
    background: url(../images/design/hexagon.png) no-repeat;
    width: 150px;
    height: 129px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.custom-app-development .five-section .inner-text2 .c-why-toggle p {
    width: 770px;
    margin: 0 auto 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    color: #545454;
    padding: 15px 0;
}
.custom-app-development .five-section .inner-text2 .c-why-toggle p span {
    font-weight: 500;
    font-size: 24px;
    color: #171717;
    margin: -5px 0 10px 0;
    display: inline-block;
}

.custom-app-development .five-section .inner-text2 .c-why-toggle.w-bg {
    background: url(../images/design/hex-block-1.png) no-repeat 102px 0;
    height: 111px;
}
.custom-app-development .five-section .inner-text2 .c-why-toggle .imgRight {
    position: absolute;
    right: 0;
    bottom: 10px;
    background: url(../images/design/hexagon.png) no-repeat;
    width: 150px;
    height: 129px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.custom-app-development .five-section  .professional {
    align-items: center;
    display: flex;
    justify-content: space-between;
    background: #eae8e8;
    padding: 22px;
	border: 1px solid #d0cfcf;
	margin-top: 50px;
}
.custom-app-development .five-section  .center-block{
	display: block;
	text-align: center;
}

.custom-app-development .five-section  .professional h3{
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 15px;
}
.custom-app-development .five-section   .professional h3 span{
	color: #c10d26;
    font-weight: 600;
}
.custom-app-development .five-section  .professional .button a.btns{
	background-color: #f24130;
	border-color: #f24130;
	transition: border-radius 1s ease;
	color: var(--light);
	border-radius: 0px;
}
.custom-app-development .five-section .professional .button a.btns:hover{
	border-radius: 50px;
	transition: border-radius 1s ease;
}

/* -----------custom-app-development----------- */
/* --------software development services------ */
.software-development-services .first-section{
	height: 100vh;
	background-image: url(../images/design/agile-development-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.software-development-services .first-section .inner-text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 90%;
}
.software-development-services .first-section .inner-text h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    position: relative;
	line-height: 55px;
}

.software-development-services .first-section .inner-text p {
    font-size: 18px;
    color: var(--dark);
    line-height: 30px;
    margin: 10px 20px 20px 0px;
}
.software-development-services .second-section{
	padding: 70px 0px;
} 

.software-development-services .second-section .inner-text P {
    font-size: 18px;
    color: var(--text-color);
    line-height: 28px;
    text-align: left;
    page-break-inside: avoid;
    margin: 0px;
    column-count: 2;
    gap: 144px;
    padding: 3px;
}
.software-development-services .second-section .inner-text P strong{
	font-weight: 500;
	color: var(--dark);
}
.software-development-services .third-section{
	padding: 70px 0px;
	background-color: #f3f4f5;
}
.software-development-services .third-section .left-content h2{
	text-align: left;
	font-size: 32px;
	line-height: 42px;
}
.software-development-services .third-section .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.software-development-services .third-section .left-content p{
	color: var(--text-color);
	line-height: 28px;
	font-size: 18px;
}
.software-development-services .third-section .left-content a.btn-primary{
	background-color: transparent;
	color: var(--primary);
	padding: 10px 30px;
}
.software-development-services .third-section .left-content a.btn-primary:hover{
	background-color: var(--primary);
	color: var(--light);
}
.software-development-services .third-section .left-content p strong{
	font-weight: 600;
	color: var(--dark);
}
.software-development-services .third-section .right-content{
	text-align: right;
}
.software-development-services .third-section .right-content img {
    height: 260px;
    display: inline-block;
}
.software-development-services .four-section{
	padding: 70px 0px;
} 
.software-development-services .four-section .inner-text h2{
	font-size: 32px;
}
.software-development-services .four-section .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-services .four-section .inner-text p {
    text-align: center;
    font-size: 18px;
    color: var(--text-color);
    width: 70%;
    margin: 0px auto 20px;
}
.software-development-services .four-section .inner-text ul.nav-pills{
	justify-content: center;
}
.software-development-services .four-section .inner-text ul.nav-pills li.nav-item button.nav-link.active{
  background-color: var(--transparent);
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-color: #4362dc;
  text-decoration-thickness: 3px;
  padding: 10px 25px;
  color: #4362dc;
}

.software-development-services .four-section .inner-text ul.nav-pills li.nav-item button.nav-link{
	color: var(--dark);
	font-size: 18px;
	font-weight: 500;
	padding: 10px 25px;
  }
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    background-color: #f8f8f8;
    padding: 40px;
}
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box{
	width: 33.33%;
  }
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box h5{
	color: #a442ce;
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 20px;
  }
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box img{
	width: 70%;
	margin: 0px auto;
	display: block;
  }
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box ul{
	margin-left: 20px;
  }
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box ul li{
	list-style-type: square;
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--text-color);
}
  .software-development-services .four-section .inner-text .tab-content .tab-pane .quotient .box ul li::marker{
	color: var(--primary);
}
  .software-development-services .five-section{
	padding: 0px 0px 70px;
}
.software-development-services .five-section .inner-text h2{
	font-size: 32px;
	line-height: 42px;
}
  .software-development-services .five-section .inner-text h2::after{
    background-color: var(--primary);
}
.software-development-services .five-section .inner-text p {
    color: var(--text-color);
    text-align: center;
    font-size: 18px;
    margin: 0px auto 30px;
    width: 70%;
}
.software-development-services .five-section .inner-text img{
	width: 100%;
}
.software-development-services .five-section .inner-text  ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0px 50px;
}
.software-development-services .five-section .inner-text ul li{
	width: 46%;
	color: var(--text-color);
	font-size: 16px;
	list-style-type: square;
	margin: 0px 20px 30px;
	line-height: 28px;
}
.software-development-services .five-section .inner-text ul li::marker{
	color:#4362dc;
}
.software-development-services .six-section{
	padding: 70px 0px;
}
.software-development-services .six-section .left-content h2{
	text-align: left;
	font-size: 32px;
	line-height: 42px;
}
.software-development-services .six-section strong{
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 18px;
}
.software-development-services .six-section .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.software-development-services .six-section .left-content p{
	color: var(--text-color);
	font-size: 18px;
}
.software-development-services .six-section .right-content img{
	width: 100%;
}
.software-development-services .seven-section{
	padding: 0px 0px 70px;
}
.software-development-services .seven-section .left-content {
	position: relative;
}
.software-development-services .seven-section .left-content .writer{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.software-development-services .seven-section .left-content .writer span{
	font-size: 20px;
}
.software-development-services .seven-section .left-content img {
    width: 80%;
    display: block;
    margin: 0px auto;
}
.software-development-services .seven-section .right-content p{
	font-size: 22px;
	font-weight: 500;
	color: var(--dark);
	position: relative;
} 
.software-development-services .seven-section .right-content p::before{
	position: absolute;
    content: "\f10d";
    font-size: 32px;
    font-family: 'FontAwesome';
    top: -12px;
    left: -34px;
	color: var(--primary);
}
.software-development-services .seven-section .right-content p::after {
    position: absolute;
    content: "\f10e";
    font-size: 32px;
    font-family: 'FontAwesome';
    bottom: -11px;
    left: 83px;
    color: var(--primary);
}
.software-development-services .seven-section h2{
	font-size: 32px;
}
.software-development-services .seven-section h2::after{
	background-color: var(--primary);
}
.software-development-clients .seven-section .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-services .software-services-blog{
	padding: 70px 0px;
}
.software-development-services .software-services-blog .inner-text h2{
	text-align: left;
}
.software-development-services .software-services-blog .inner-text h2::after{
	right: auto;
}
.software-development-services .software-services-blog .inner-text ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	margin-top: 60px;
}
.software-development-services .software-services-blog .inner-text ul h5{
	text-align: left;
    color: var(--dark);
    font-size: 22px;
    position: relative;
    margin-bottom: 30px;
	font-weight: 400;
}
.software-development-services .software-services-blog .inner-text ul h5::after{
	content: "";
    width: 30px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.software-development-services .software-services-blog .inner-text ul h4{
	font-size: 22px;
	color: var(--dark);
	line-height: inherit;
	margin-bottom: 20px;
	height: 90px;
}
.software-development-services .software-services-blog .inner-text p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
}
.software-development-services .software-services-blog .inner-text a.learnmore{
	font-size: 16px;
	color:var(--text-color);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	background-image: linear-gradient(var(--primary),var(--primary));
}
.software-development-services .software-services-blog .inner-text a.learnmore:hover{
	color: var(--primary);
    text-decoration: none;
    background-size: 100% 1px;
}
.software-development-services .software-services-blog .inner-text .visit-block{
	text-align: right;
	margin-top: 50px;
}
.software-development-services .software-services-blog .inner-text .visit-block  a.link-arrow{
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	line-height: 1;
	color:var(--red);
	cursor: pointer;
}
.software-development-services .software-services-blog .inner-text .visit-block a.link-arrow:before {
    display: inline-block;
    order: 10;
    margin-left: -6px;
    margin-right: 15px;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid var(--red);
    border-bottom: 2px solid var(--red);
    transform: rotate(-45deg);
    transition: width ease .3s,margin ease .3s;
}
.software-development-services .software-services-blog .inner-text .visit-block a.link-arrow:after {
    display: inline-block;
    content: "";
    width: 1rem;
    margin-left: 10px;
    height: 2px;
    background-color: currentColor;
    transition: width ease .3s,margin ease .3s;
}






/* --------software development services------ */
/* -----enterprise-application-development----- */
.enterprise-application-development .first-section{
	background-color: #4f99a3;
	height: 82vh;
	padding: 60px 0px 0px;
}
.enterprise-application-development .first-section .inner-text .left-content h1{
	font-size: 42px;
    color: var(--light);
    font-weight: 600;
    position: relative;
	margin-bottom: 30px;
	line-height: 55px;
}
.enterprise-application-development .first-section .inner-text .left-content a.btn-primary{
	background-color: transparent;
    color: var(--light);
    border-color: var(--light);
}
.enterprise-application-development .first-section .inner-text .left-content a.btn-primary:hover{
	background-color: var(--light);
    color: var(--dark);
}
.enterprise-application-development .first-section .inner-text .left-content p{
	color:var(--light);
	font-size: 18px;
	margin-bottom: 30px;
}
.enterprise-application-development .first-section .inner-text .right-content img{
	width: 100%;
}
.enterprise-application-development .second-section{
	padding: 60px 0px;
}
.enterprise-application-development .second-section .inner-text .left-content h2{
	text-align: left;
	font-size: 32px;
}
.enterprise-application-development .second-section .inner-text .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}

.enterprise-application-development .second-section .inner-text .left-content p{
	color: var(--text-color);
	font-size: 18px;
	line-height: 30px;
}
.enterprise-application-development .second-section .inner-text .right-content {
	background-color: var(--light-gray);
	padding: 40px;
}
.enterprise-application-development .second-section .inner-text .right-content ul{
	margin-left:20px;
}
.enterprise-application-development .second-section .inner-text .right-content ul li{
	position: relative;
	margin-bottom: 15px;
	color: var(--text-color);
}
.enterprise-application-development .second-section .inner-text .right-content ul li::after {
    position: absolute;
    content: "\f058";
    left: -26px;
    font-size: 18px;
    top: -2px;
    font-family: 'Font Awesome 6 Free';
    color: var(--primary);
}
.enterprise-application-development .third-section{
	padding: 60px 0px;
	background-color:#10191f;
}
.enterprise-application-development .third-section .inner-text h2{
	color: var(--light);
	font-size: 32px;
	font-weight: 400;
}
.enterprise-application-development .third-section .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-application-development .third-section .inner-text p{
	font-size: 18px;
	color: var(--light);
	text-align: center;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 30px;
}
.enterprise-application-development .third-section .inner-text p:last-child{
	margin-bottom: 0px;
}
.enterprise-application-development .four-section{
	padding: 60px 0px;
	background-color: #f3f4f5;
}
.enterprise-application-development .four-section .inner-text .nav-pills{
	justify-content: center;
}
.enterprise-application-development .four-section .inner-text .nav-pills .nav-item{
	margin: 0px 10px;
}
.enterprise-application-development .four-section .inner-text .nav-pills .nav-item .nav-link.active{
	background-color: #2cbed2;
	border-radius: 0px;
	padding: 25px 20px;
	color: var(--light);
}
.enterprise-application-development .four-section .inner-text .nav-pills .nav-item .nav-link{
	border:2px solid #2cbed2;
	border-radius: 0px;
	padding: 25px 20px;
	color: #2cbed2;
	font-weight: 500;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li{
	position: relative;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div{
	display: flex;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .left{
	width: 20%;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .left figure{
	height: 110px;
    width: 110px;
    background-color: #2cbed2;
    border-radius: 50%;
    margin: 0px auto;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .left figure img{
	width: 100%;
    padding: 20px;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .right{
	width: 80%;
	margin-left: 30px;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .right h6{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 20px;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li .inner-div .right p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li{
	margin-bottom: 100px;
	position: relative;
	z-index: 1;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li::after {
    position: absolute;
    background-image: url(../images/hire-developer/dot-pattern.png);
    content: "";
    height: 100%;
    width: 2px;
    z-index: -1;
    bottom: -101px;
    left: 72px;
    background-repeat: repeat-y;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li:last-child{
	margin-bottom: 0px;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer ul li:last-child::after{
	display: none;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer p.superior{
	margin-top: 30px;
	text-align: center;
}
.enterprise-application-development .four-section .inner-text .tab-content .tab-pane .enterprise-offer .lets-discuss{
	text-align: center;
	margin-top: 40px;
}

.enterprise-application-development .five-section{
	padding: 60px 0px;
} 
.enterprise-application-development .five-section .inner-text h2{
	width: 900px;
	margin: 0px auto 40px;
	font-size: 32px;
}
.enterprise-application-development .five-section .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-application-development .five-section .inner-text p{
	text-align: center;
	color: var(--text-color);
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 60px;
}
.enterprise-application-development .five-section .inner-text  .enterprise-block {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	position: relative;
}

.enterprise-application-development .five-section .inner-text  .enterprise-bg-1::after {
    content: "";
    left: 100%;
    background-image: url(../images/hire-developer/enterprise-arrow-bg-1.png);
    height: 138px;
    width: 270px;
    position: absolute;
    top: 90px;
}
.enterprise-application-development .five-section .inner-text .enterprise-bg-2::after {
    content: "";
    left: 0;
    background-image: url(../images/hire-developer/enterprise-arrow-bg-2.png);
    height: 159px;
    width: 246px;
    position: absolute;
    top: 100%;
}
.enterprise-application-development .five-section .inner-text .enterprise-bg-3::after {
    content: "";
    left: 35%;
    background-image: url(../images/hire-developer/enterprise-arrow-bg-3.png);
    height: 135px;
    width: 271px;
    position: absolute;
    top: 103%;
	z-index: -1;
}
.enterprise-application-development .five-section .inner-text  .block-header h4 {
    text-transform: uppercase;
    color: #d6e1e6;
    font-weight: 800;
}
.enterprise-application-development .five-section .inner-text  .enterprise-block h6{
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 20px;
}
.enterprise-application-development .five-section .inner-text  .enterprise-block p{
	color: var(--text-color);
	font-size: 15px;
	text-align: left;
	margin-bottom: 20px;
}
.enterprise-application-development .five-section .inner-text  .enterprise-block p strong{
	color: var(--dark);
}
.enterprise-application-development .six-section{
	padding: 60px 0px;
}
.enterprise-application-development .six-section .inner-text{
	display: flex;
	flex-wrap: wrap;
}
.enterprise-application-development .six-section .inner-text .box{
	width: 33.33%;
	text-align: center;
}
.enterprise-application-development .six-section .inner-text .box figure{
	height: 110px;
	width: 110px;
	background-color:#2cbed2;
	border-radius: 50%;
	margin: 0px auto;
}
.enterprise-application-development .six-section .inner-text .box figure img{
	width: 100%;
	padding: 20px;
}
.enterprise-application-development .six-section .inner-text .box h6{
	font-size: 22px;
	margin-top: 30px;
	position: relative;
	font-weight: 500;
}
.enterprise-application-development .six-section .inner-text .box h6::after{
	background-color: var(--primary);
	content: "";
	position: absolute;
	width:60px;
	height: 2px;
	bottom: -15px;
	transform: translateX(-50%);
	left: 50%;
}
.enterprise-application-development .six-section .inner-text .box ul{
	margin-top: 30px;
}
.enterprise-application-development .six-section .inner-text .box ul li{
	margin-bottom: 20px;
	font-size: 16px;
	color: var(--text-color);
}
.enterprise-application-development .seven-section{
	padding: 60px 0px;
	background-color: #f3f4f5;
}
.enterprise-application-development .seven-section .inner-text h2{
	font-size: 32px;
}
.enterprise-application-development .seven-section .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-application-development .seven-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
}
.enterprise-application-development .seven-section .inner-text .choose-why{
	display: flex;
	flex-wrap: wrap;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box {
    width: 46%;
    background-color: var(--light);
    padding: 30px;
    display: flex;
    margin: 22px;
    flex-wrap: wrap;
	box-shadow: var(--spread-box-shadow);
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .left{
	width: 28%;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .left figure{
	background-color: #2cbed2;
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .left figure img{
	width: 100%;
	padding: 16px;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .right-text{
	width: 72%;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .right-text h6{
	font-size: 22px;
	color: var(--gray);
	margin-bottom: 20px;
}
.enterprise-application-development .seven-section .inner-text .choose-why .box .right-text p{
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 28px;
}
.enterprise-application-development .eight-section{
	padding: 60px 0px;
}
.enterprise-application-development .eight-section .inner-text h2{
	font-size: 32px;
}
.enterprise-application-development .eight-section .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-application-development .eight-section .inner-text p{
	color: var(--text-color);
	text-align: center;
	font-size: 18px;
}
.enterprise-application-development .eight-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
}
.enterprise-application-development .eight-section .inner-text ul li {
    display: block;
    width: 23%;
    margin: 11px;
    background-position: center;
    background-size: cover;
	padding: 20px;
	position: relative;
	z-index: 0;
}
.enterprise-application-development .eight-section .inner-text ul li:first-child{
	background-image: url(../images/hire-developer/ws1.jpg);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(2){
	background-image: url(../images/hire-developer/ws2.jpg);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(3){
	background-image: url(../images/hire-developer/ws3.jpg);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(4){
	background-image: url(../images/hire-developer/ws4.jpg);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(5){
	background-image: url(../images/hire-developer/ws6.webp);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(6){
	background-image: url(../images/hire-developer/ws5.webp);
}
.enterprise-application-development .eight-section .inner-text ul li:nth-child(7){
	background-image: url(../images/hire-developer/logistic1.png);
}
.enterprise-application-development .eight-section .inner-text ul li:last-child{
	background-image: url(../images/hire-developer/ws8.webp);
}

.enterprise-application-development .eight-section .inner-text ul li::after{
	content:"";
    position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: var(--dark);
	z-index: -1;
	opacity: .5;
}

.enterprise-application-development .eight-section .inner-text ul li i{
    padding: 20px;
    width: 100px;
	height: 100px;
	color: var(--light);
	font-size: 36px;
	border-radius: 50%;
	border: 2px solid var(--light);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto 10px;
}
.enterprise-application-development .eight-section .inner-text ul li:hover i{
	border-color:#2cbed2;
	background-color: #2cbed2;
}
.enterprise-application-development .eight-section .inner-text ul li span{
	display: block;
	text-align: center;
	color: var(--light);
	font-size: 18px;
}
.enterprise-application-development .eight-section .inner-text .lets-discuss{
	text-align: center;
	margin-top: 30px;
}
/* -----enterprise-application-development----- */
/* --------laravel development company--------- */
.laravel-development-company .first-section{
	padding: 40px 0px;
	background-image: url(../images/hire-developer/laravel-header-background-img.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.laravel-development-company .first-section .left-content h1{
	font-size: 42px;
    color: var(--light);
    font-weight: 600;
}
.laravel-development-company .first-section .left-content ul {
    margin: 20px 0px 20px 25px;
}
.laravel-development-company .first-section .left-content ul li{
	position: relative;
    margin: 10px 0px;
    color: var(--light);
    font-size: 18px;
    letter-spacing: 0px;
}
.laravel-development-company .first-section .left-content ul li::after{
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--light);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.laravel-development-company .first-section .left-content p{
	font-size: 18px;
	color: var(--light);
}
.laravel-development-company .first-section .left-content .get-in-touch a{
	font-weight: 500;
}
.laravel-development-company .first-section .right-content img{
	width: 80%;
	float: right;
}
.laravel-development-company .second-section{
	padding: 20px 0px;
	background-color: var(--dark);
}
.laravel-development-company .second-section ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.laravel-development-company .second-section ul li{
	list-style: none;
}
.laravel-development-company .second-section ul li a{
	font-weight: 400;
	font-size: 18px;
	color: var(--light);
	transition: border .5s ease;
	border-bottom: 3px solid var(--transparent);
	padding-bottom: 5px;
	
}
.laravel-development-company .second-section ul li a:hover{
	border-bottom: 3px solid var(--primary);
}
.laravel-development-company .second-section ul li:last-child a{
	border: none;
}
.laravel-development-company .third-section{
	padding: 60px 0px 30px;
}
.laravel-development-company .third-section .inner-text h2{
	margin-bottom: 30px;
	font-size: 32px;
}
.laravel-development-company .third-section .inner-text h2::after{
	background-color: var(--primary);
}
.laravel-development-company .third-section .inner-text h5{
	color: var(--light-dark);
	font-size: 18px;
	text-align: center;
	margin-bottom: 40px;
}
.laravel-development-company .third-section .inner-text img{
	width: 100%;
}
.laravel-development-company .third-section .inner-text p {
    font-size: 18px;
    color: var(--text-color);
    text-align: left;
    column-count: 2;
    line-height: 32px;
}

.laravel-development-company .four-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.laravel-development-company .four-section .inner-text ul li{
	width: 33.33%;
}
.laravel-development-company .four-section .inner-text ul li.second-list{
	width: 25%;
}
.laravel-development-company .four-section .inner-text ul li .box{
	margin: 0px 15px 50px;
	text-align: center;
}
.laravel-development-company .four-section .inner-text ul li .box img{
	width: 100%;
}
.laravel-development-company .four-section .inner-text ul li .box h6{
	margin-top: 10px;
	font-size: 18px;
	color: var(--text-color);
	line-height: inherit;
}
.laravel-development-company .four-section .inner-text ul li .box h6 strong{
	font-weight: 500;
}
.laravel-development-company .five-section{
	padding: 60px 0px 40px;
	background-color: #232323;
}
.laravel-development-company .five-section .inner-text .left-content h2{
	color: var(--light);
	text-align: left;
	font-size: 32px;
	line-height: 46px;
}
.laravel-development-company .five-section .inner-text .left-content h2::after{
	right: auto;
	background-color: var(--primary);
}
.laravel-development-company .five-section .inner-text .right-content .item{
	padding-right: 20px;
}
.laravel-development-company .five-section .inner-text .right-content .item img{
	width: 100px;
	margin-bottom: 20px;
}
.laravel-development-company .five-section .inner-text .right-content .item h6{
	color: var(--light);
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 22px;
	height: 50px;
}
.laravel-development-company .five-section .inner-text .right-content .item p{
	color: var(--light);
	font-size: 16px;
}
.laravel-development-company .five-section .inner-text .right-content .owl-carousel .owl-nav .owl-prev{
	position: relative;
}
.laravel-development-company .five-section .inner-text .right-content .owl-carousel .owl-nav .owl-prev::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
	background-size: cover	;
    transform: rotate(-180deg);
    background-image: url(../images/hire-developer/right-arrow.png);
}
.laravel-development-company .five-section .inner-text .right-content .owl-carousel .owl-nav .owl-next::after {
    position: absolute;
    content: "";
    width: 50px;
    height:50px;
	left: 80px;
	background-size: cover;
    background-image: url(../images/hire-developer/right-arrow.png);
}
/* .laravel-development-company .five-section .inner-text .right-content .owl-carousel .owl-nav .owl-next span{
	display: none;
}
.laravel-development-company .five-section .inner-text .right-content .owl-carousel .owl-nav .owl-prev span{
	display: none;
} */
.laravel-development-company .five-section .inner-text .right-content .owl-carousel  .owl-nav {
    position: absolute;
    left: -379px;
    bottom: 62px;
}
.laravel-development-company .six-section{
	padding: 60px 0px;
}
.laravel-development-company .six-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .six-section .inner-text h2::after{
	background-color: var(--primary);
}
.laravel-development-company .six-section .inner-text h5{
	color: var(--light-dark);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.laravel-development-company .six-section .inner-text p {
    color: var(--text-color);
    font-size: 18px;
    text-align: center;
	margin-bottom: 20px;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills{
	display: flex;
	flex-wrap: wrap;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item{
	width: 33.33%;
	border-radius: 0px;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link.active{
	background-color: var(--primary);
	height: 100%;
	border-radius: 0px;
	border: 1px solid var(--primary);
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link{
	border: 1px solid var(--underline);
	height: 100%;
	cursor: pointer;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link .box{
	text-align: center;
	padding: 15px;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link .box img{
	width: 65px;
	margin-bottom: 10px;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link .box h6{
	color:var(--dark);
	font-size: 16px;
	line-height: inherit;
	margin-bottom: 0px;
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link.active .box img{
	filter: invert(100%);
}
.laravel-development-company .six-section .inner-text .left-content .nav-pills .nav-item .nav-link.active .box h6{
	color: var(--light);
	font-weight: 400;
}
.laravel-development-company .six-section .inner-text .right-content{
	background-color: var(--lighter-primary);
	padding: 20px;
	height: 100%;
}
.laravel-development-company .six-section .inner-text .right-content .tab-content .tab-pane .box2 h5{
	text-align: left;
	color: var(--light-dark);
	font-size: 22px;
	position: relative;
	margin-bottom: 30px;
}
.laravel-development-company .six-section .inner-text .right-content .tab-content .tab-pane .box2 p{
	margin-bottom: 0px;
	color: var(--text-color);
	text-align: left;
	font-size: 16px;

}
.laravel-development-company .six-section .inner-text .right-content .tab-content .tab-pane .box2 h5::after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 1px;
	right: auto;
    background-color: var(--primary);
}
.laravel-development-company .seven-section{
	padding: 40px 24px 0px;
}
.laravel-development-company .seven-section .left-content img{
	width: 100%;
}
.laravel-development-company .seven-section .right-content{
	margin-right: 10px;
}
.laravel-development-company .seven-section .right-content h3{
	font-weight: 500;
    font-size: 26px;
    line-height: inherit;
	color: var(--dark);
	margin-bottom: 20px;
}
.laravel-development-company .seven-section .right-content a.btn-primary{
	font-size: 16px;
	display: inline-block;
	background-color: transparent;
	color:var(--primary)
}
.laravel-development-company .seven-section .right-content a.btn-primary:hover{
	background-color: var(--primary);
	color: var(--light);
}
.laravel-development-company .eight-section{
	padding: 60px 0px;
}
.laravel-development-company .eight-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .eight-section .inner-text h2::after	{
	background-color: var(--primary);
}
.laravel-development-company .eight-section .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
}
.laravel-development-company .eight-section .inner-text img{
	width: 100%;
}
.laravel-development-company .eight-section .inner-text2 h2{
	font-size: 32px;
}
.laravel-development-company .eight-section .inner-text2 h2::after{
	background-color: var(--primary);
}
.laravel-development-company .eight-section .inner-text2 p{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: var(--text-color);
	margin-bottom: 50px;
}
.laravel-development-company .eight-section .inner-text2 .left-content{
	position: relative;
}
.eight-section .inner-text2 .left-content::after {
    position: absolute;
    content: "";
    background-image: url(../images/hire-developer/shapes-image2.png);
    height: 200px;
    width: 45px;
    right: -457px;
    bottom: -82px;
    background-size: cover;
}


.laravel-development-company .eight-section .inner-text2 .left-content h4{
	font-size: 22px;
	color: var(--dark);
	text-align: left;
	margin-bottom: 30px;
}
.laravel-development-company .eight-section .inner-text2 .left-content p{
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
}
.laravel-development-company .eight-section .inner-text2 .left-content  ul {
	margin-left: 20px;
}
.laravel-development-company .eight-section .inner-text2 .left-content  ul li{
	font-style: 16px;
	margin-bottom: 10px;
	color: var(--text-color);
	position: relative;
}
.laravel-development-company .eight-section .inner-text2 .left-content  ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--text-color);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.laravel-development-company .eight-section .inner-text2 .right-content img{
	width: 100%;
} 

.laravel-development-company .eight-section .inner-text3{
	margin-top: 50px;
}
.laravel-development-company .eight-section .inner-text3 h4{
	text-align: left;
    color: var(--dark);
    font-size: 22px;
    position: relative;
    margin-bottom: 50px;
}
.laravel-development-company .eight-section .inner-text3 h4::after{
	content: "";
    width: 30px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.laravel-development-company .eight-section .inner-text3 img{
	width: 100%;
	margin-bottom: 100px;
}
.laravel-development-company .eight-section .inner-text4{
	margin-top: 50px;
	position: relative;
}
.laravel-development-company .eight-section .inner-text4::after {
    position: absolute;
    content: "";
    background-image: url(../images/hire-developer/shapes-image1.png);
    height: 252px;
    width: 300px;
    left: 242px;
    top: -190px;
    background-size: contain;
    background-repeat: no-repeat;
}
.laravel-development-company .eight-section .inner-text4 h4{
	font-size: 22px;
    color: var(--dark);
    text-align: left;
	margin-bottom: 30px;
}
.laravel-development-company .eight-section .inner-text4 h4 p{
	color: var(--text-color);
	font-size: 14px;
	text-align: left;
	margin-bottom: 30px;
}
.laravel-development-company .eight-section .inner-text4 a {
    color: var(--primary);
    font-weight: 600;
    text-decoration: underline;
}
.laravel-development-company .four-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .four-section .inner-text h2::after{
	background-color: var(--primary);
} 
.laravel-development-company .four-section .inner-text p{
	color: var(--text-color);
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}
.laravel-development-company .nine-section{
	padding: 60px 0px;
	background-color: var(--lighter-primary);
}
.laravel-development-company .nine-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .nine-section .inner-text h2::after{
	background: var(--primary);
}
.laravel-development-company .nine-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
}
.laravel-development-company .nine-section .inner-text ul li{
	width: 48%;
	display: flex;
	background-color: var(--light);
}
.laravel-development-company .nine-section .inner-text ul li:first-child{
	margin-right: 30px;
}
.laravel-development-company .nine-section .inner-text ul li img{
	width: inherit;
}
.laravel-development-company .nine-section .inner-text ul li .right-text{
	width: 100%;
	padding: 20px;
}
.laravel-development-company .nine-section .inner-text ul li .right-text img{
	width: 70px;
	margin-bottom: 15px;
}
.laravel-development-company .nine-section .inner-text ul li .right-text h5{
	text-align: left;
    color: var(--dark);
    font-size: 20px;
    position: relative;
    margin-bottom: 30px;
}
.laravel-development-company .nine-section .inner-text ul li .right-text h5::after{
	content: "";
    width: 30px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.laravel-development-company .nine-section .inner-text ul li .right-text ol{
	padding: 0px;
}
.laravel-development-company .nine-section .inner-text ul li .right-text ol li {
    width: 100%;
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 10px;
    height: 55px;
}
.laravel-development-company .nine-section .inner-text ul li .right-text a {
    color: var(--primary);
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}
.laravel-development-company .ten-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .ten-section .inner-text h2::after{
	background-color: var(--primary);
}
.laravel-development-company .ten-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	line-height: 28px;
}
.laravel-development-company .ten-section .inner-text ul{
	display: block;
}
.laravel-development-company .ten-section .inner-text ul li{
	border: 1px solid #dee2e6;
	padding: 30px;
	margin-bottom: 100px;
	position: relative;
} 
.laravel-development-company .ten-section .inner-text ul li::after {
    position: absolute;
    background-image: url(../images/hire-developer/arrows-down.png);
    content: "";
    bottom: -22%;
    left: 50%;
    background-repeat: no-repeat;
    height: 71px;
    width: 12px;
    z-index: 100;
    background-size: contain;
}

.laravel-development-company .ten-section .inner-text ul li:nth-child(2)::after {
    bottom: -19%;
}
.laravel-development-company .ten-section .inner-text ul li:nth-child(3)::after {
    bottom: -23%;
}
.laravel-development-company .ten-section .inner-text ul li:last-child:after{
	display: none;
}
.laravel-development-company .ten-section .inner-text ul li:last-child{
	margin-bottom:0px;
}

.laravel-development-company .ten-section .inner-text ul li h5{
	text-align: left;
    color: var(--dark);
    font-size: 22px;
    position: relative;
    margin-bottom: 30px
}
.laravel-development-company .ten-section .inner-text ul li h5::after{
	content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.laravel-development-company .ten-section .inner-text ul li p{
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;
}
.laravel-development-company .ten-section .inner-text ul li ul{
	margin-left: 20px;
}
.laravel-development-company .ten-section .inner-text ul li ul li{
	border: 0px;
	padding: 0px;
	list-style-type:disc ;
	list-style-position: outside;
	margin: 0px;
}
.laravel-development-company .ten-section .inner-text ul li ul li::after{
	display: none;
}
.laravel-development-company .ten-section .inner-text ul li ul li:last-child{
	margin-bottom: 0px;
}
.laravel-development-company .ten-section .inner-text ul li ul li p{
	text-align: left;
	line-height: 28px;
	margin-bottom: 30px;
}
.laravel-development-company .ten-section .inner-text ul li ul li p strong{
	color: var(--dark);
	font-weight: 600;
	text-transform: capitalize;
}









.laravel-development-company .eleven-section{
	padding: 60px 0px 60px;
}
.laravel-development-company .eleven-section .inner-text h2{
	font-size: 32px;
}
.laravel-development-company .eleven-section .inner-text h2::after{
	background-color: var(--primary);
}
.laravel-development-company .eleven-section .inner-text ul {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}
.laravel-development-company .eleven-section .inner-text ul li img{
	width: 250px;
}
.laravel-development-company .eleven-section .inner-text ul li .align{
	display: flex;
	margin-top: 20px;
	justify-content: center;
}
.laravel-development-company .eleven-section .inner-text ul li .align strong{
	font-weight: 400;
	font-size: 20px;
	color: var(--gray);
}
.laravel-development-company .eleven-section .inner-text ul li .align span{
	display: inline-block;
	margin-left: 10px;
}
.laravel-development-company .eleven-section .inner-text ul li .align span img {
    width: 20px;
    margin: 0px 1px;
    filter: brightness(0.9);
}
/* --------laravel development company--------- */
/* -----------React js development------------ */
.react-js-development .first-section{
	width: 100%;
	height: 88vh;
	background-image: url(../images/hire-developer/react.js.webp);
	position: relative;
	background-position: center;
}
.react-js-development .first-section .left-content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40%;
}
.react-js-development .first-section .left-content h1{
	font-size: 42px;
    color: var(--light);
	font-weight: 600;
	line-height: 55px;
}

.react-js-development .first-section .left-content p{
	color: var(--light);
	font-size: 18px;
	font-weight: 300;
}
.react-js-development .second-section{
	padding: 60px 0px;
}
.react-js-development .second-section .left-content h2{
	text-align: left;
	font-size: 32px;
}
.react-js-development .second-section .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.react-js-development .second-section .right-content ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.react-js-development .second-section .right-content ul li img {
    width: 90px;
    margin-bottom: 20px;
}
.react-js-development .second-section .right-content ul li h5 {
    font-size: 22px;
    line-height: 30px;
    color: var(---dark);
	height: 60px;
}
.react-js-development .second-section .right-content ul li p{
	color: var(--text-color);
	font-size: 16px;
}

.react-js-development .third-section{
	padding: 50px 0px 70px;
	position: relative;
}
.react-js-development .third-section::after{
	content: "";
    position: absolute;
    height: 40%;
    background-color: #f3f3f3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index: -1;
}
.react-js-development .third-section .inner-text h2{
	font-size: 32px;
	margin-bottom: 50px;
}
.react-js-development .third-section .inner-text h2::after{
	background-color: var(--primary);
}
.react-js-development .third-section .inner-text3 .left-content{
	background-color: #232323;
	padding: 30px;
}


.react-js-development .third-section .inner-text3 .left-content {
    height: 100%;
}
.react-js-development .third-section .inner-text .left-content {
    background-color: #232323;
    padding: 23px;
}
.react-js-development .third-section .inner-text3 .left-content{
	height: 100%;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item {
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #b0aeae;
	cursor: pointer;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item:last-child{
	border-bottom: none;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link{
	padding: 0px;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link .box{
	display: flex;
	align-items: center;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link.active{
	background-color: transparent;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link.active .box h6 {
   color: var(--light);
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link.active .box i{
	color: var(--light);
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item:hover .nav-link .box h6{
	color: var(--light);
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link .box img{
	width: 60px;
	margin-right:15px ;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link .box h6{
	font-size: 18px;
	margin-left: 10px;
	color: var(--text-color);
	position: relative;
	transition: all .5s ease;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item .nav-link .box i {
    color: var(--text-color);
    transition: all .5s ease;
    margin: -7px 0px 0px 11px;
}
.react-js-development .third-section .inner-text .left-content .nav-pills .nav-item:hover .nav-link .box i{
	color: var(--light);
	margin-left: 20px;
}
.react-js-development .third-section .inner-text .right-content{
	background-color: var(--light);
	height: 100%;
	padding: 40px;
	border: 1px solid #dee2e6;
}
.react-js-development .third-section .inner-text .right-content .tab-content .tab-pane .box2 h5 {
    text-align: left;
    color: var(--dark);
    font-size: 22px;
    position: relative;
    margin-bottom: 30px;
}
.react-js-development .third-section .inner-text .right-content .tab-content .tab-pane .box2 h5::after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.react-js-development .third-section .inner-text .right-content .tab-content .tab-pane .box2 p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}
.react-js-development .third-section .inner-text .right-content .tab-content .tab-pane .box2 ul{
	list-style-type: disc;
	margin: 30px 0px 30px 20px;
}
.react-js-development .third-section .inner-text .right-content .tab-content .tab-pane .box2 ul li{
	margin: 10px 0px;
	font-size: 16px;
	color: var(--text-color);
	
}
.react-js-development .four-section{
	padding: 60px 0px;
	background-color:#232323;
}
.react-js-development .four-section .inner-text{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.react-js-development .four-section .inner-text h4{
	font-size: 26px;
	font-weight: 500;
	color: var(--light);
	width: 60%;
	line-height: inherit;
	margin-right: 50px;
	transition: all .5s ease;
}
.react-js-development .four-section .inner-text:hover a i{
	color:var(--light);
	border-color: var(--light);
} 
.react-js-development .four-section .inner-text a i {
    color: #0869ff;
    font-size: 30px;
    border: 3px solid #0869ff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all .5s ease;
}
.react-js-development .five-section{
	padding: 60px 0px;
} 
.react-js-development .five-section .inner-text .left-content img{
	width: 100%;
}
.react-js-development .five-section .inner-text .right-content h2{
	text-align: left;
	font-size: 32px;
	margin-bottom: 50px;
}
.react-js-development .five-section .inner-text .right-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.react-js-development .five-section .inner-text .right-content ul {
    margin: 20px 0px 20px 25px;
}
.react-js-development .five-section .inner-text .right-content ul li{
	position: relative;
    margin: 10px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
}

.react-js-development .five-section .inner-text .right-content ul li::after{
	content: "";
    position: absolute;
    left: -24px;
    top: 11px;
    background: var(--dark);
    width: 13px;
    height: 2px;
}
.react-js-development .six-section{
	padding: 60px 0px;
	background-color:#f3f4f5;
}
.react-js-development .six-section .inner-text .left-content{
	margin-right: 40px;
}
.react-js-development .six-section .inner-text .left-content h5{
	text-align: left;
    color: var(--dark);
    font-size: 22px;
    position: relative;
    margin-bottom: 50px;
}
.react-js-development .six-section .inner-text .left-content h5::after{
	content: "";
    width: 30px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.react-js-development .six-section .inner-text .left-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 40px;
}
.react-js-development .six-section .inner-text .left-content ul {
    margin: 0px 0px 0px 25px;
}
.react-js-development .six-section .inner-text .left-content ul li{
	position: relative;
    margin: 10px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
}
.react-js-development .six-section .inner-text h2{
	font-size: 32px;
	margin-bottom: 100px;
}
.react-js-development .six-section .inner-text h2::after{
	background-color: var(--primary);
}
.react-js-development .six-section .inner-text .left-content ul li::after{
	content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
}
.react-js-development .six-section .inner-text .right-content{
	padding: 50px;
}
.react-js-development .six-section .inner-text .right-content img{
	width: 100%;
}
.react-js-development .seven-section{
	padding: 80px 0px;
}
.react-js-development .seven-section  .left-content h2{
	text-align: left;
}
.react-js-development .seven-section  .left-content h2{
	font-size: 32px;
	margin-bottom: 50px;
}
.react-js-development .seven-section  .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.react-js-development .seven-section  .left-content p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
	margin-bottom: 0px;
}
.react-js-development .seven-section  .left-content .brand{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.react-js-development .seven-section  .left-content .brand .box{
	width: 20%;
	padding: 0px 10px;
}
.react-js-development .seven-section  .left-content .brand .box img{
	width: 90px;
}
.react-js-development .seven-section .right-content {
    background-color: #0869ff;
    height: 100%;
    display: flex;
    margin-left: 50px;
    padding: 15px;
}
.react-js-development .seven-section  .right-content ul{
	margin-left: 80px;
	margin-top: 45px;
}
.react-js-development .seven-section  .right-content ul li{
	position: relative;
    margin: 30px 0px;
    color: var(--light);
    font-size: 20px;
    letter-spacing: 0px;
}
.react-js-development .seven-section  .right-content ul li::after{
	content: "";
    position: absolute;
    left: -24px;
    top: 14px;
    background: var(--light);
    width: 13px;
    height: 2px;
}
/* -----------React js development------------ */
/* -----------node js development------------ */
.node-Js-development .first-section{
	padding: 150px 0px ;
	background-color: var(--grey);
	width: 100%;
    position: relative;
} 
.node-Js-development .service-banner-img {
    background-image: url(../images/hire-developer/service-banner-img2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.node-Js-development .first-section .left-content h1{
	font-size: 42px;
    color: var(--light);
    font-weight: 600;
	margin-bottom: 20px;
}

.node-Js-development .first-section .left-content p{
	color: var(--light);
	font-size: 18px;
	margin-bottom: 30px;
}
.node-Js-development .first-section .left-content a.btn-primary{
	padding: 10px 30px;
	font-weight: 400;
}
.node-Js-development .first-section .right-content img{
	height: 100%;
	display: block;
	margin-left: auto;
}
/* -----------node js development------------ */
/* ------.custom-ecommerce-development------- */
.custom-ecommerce-development .first-section {
    padding: 40px 0px;
    width: 100%;
    height: 88vh;
    background-image: url(../images/hire-developer/ecommerce_banner.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
}
.custom-ecommerce-development .solutins-banner-img{
	background-image: url(../images/hire-developer/solutins-banner-img.png);
}
.custom-ecommerce-development .first-section .left-content h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 600;
	margin-bottom: 30px;
}

.custom-ecommerce-development .first-section .left-content ul{
	margin: 20px 0px 20px 25px;
}
.custom-ecommerce-development .first-section .left-content p{
	color: var(--text-color);
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 30px;
}

.custom-ecommerce-development .first-section .left-content ul li {
    position: relative;
    margin: 10px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
}
.custom-ecommerce-development .first-section .left-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.custom-ecommerce-development .first-section .left-content a.btns{
	background-color: #2cbed2;
	border-color: #2cbed2;
	font-weight: 500;
	padding: 8px 15px;
}

.custom-ecommerce-development .first-section .left-content a.btns:hover{
	background-color: var(--light);
	color:#2cbed2 !important;
}
.custom-ecommerce-development .first-section .left-content{
	position: absolute;
	top: 50%;
	width: 50%;
	transform: translateY(-50%);
}
.custom-ecommerce-development .first-section .left-content2 {
    width: 46%;
}
.custom-ecommerce-development .second-section{
	padding: 60px 0px;
}
.custom-ecommerce-development .second-section .inner-text h2{
	text-align: left;
	width: 60%;
	font-weight: 500;
	line-height: inherit;
	font-size: 32px;
}
.custom-ecommerce-development .second-2 .inner-text h2{
	width: 100%;
	text-align: center;
}
.custom-ecommerce-development .second-2 .inner-text h2::after{
	right: 0px !important;
}
.custom-ecommerce-development .second-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.custom-ecommerce-development .second-section .inner-text p {
    font-size: 18px;
    color: var(--text-color);
    column-count: 2;
    column-gap: 120px;
	line-height: 30px;
}
.custom-ecommerce-development .second-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
	margin-top:50px;
}
.custom-ecommerce-development .second-section .inner-text ul li{
	width: 33.33%;
	padding: 0px 35px;
}
.custom-ecommerce-development .second-section .inner-text ul li span{
	display: block;
	font-size: 50px;
	color: var(--dark);
	position: relative;
	margin-bottom: 20px;
}
.custom-ecommerce-development .second-section .inner-text ul li span strong{
	font-weight: 700;
}
.custom-ecommerce-development .second-section .inner-text ul li span::before {
    content: "";
    background: #accbcc;
    width: 52px;
    height: 2px;
    position: absolute;
    top: 0;
    display: block;
    margin: 0 auto;
    left: 0;
}
.custom-ecommerce-development .second-section .inner-text ul li p{
	font-size:16px;
	display: initial;
	color: var(--dark);
	font-weight: 500;
}
.custom-ecommerce-development .third-section{
	padding: 60px 0px 0px;
}
.custom-ecommerce-development .third-section .inner-text h2{
	text-align: left;
	line-height: inherit;
	font-weight: 500;
	margin-bottom: 50px;
	font-size: 32px;
	width: 80%;
}
.custom-ecommerce-development .third-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.custom-ecommerce-development .third-section .inner-text ul li img{
   width: 100px;
   margin-bottom: 20px;
}
.custom-ecommerce-development .third-section .inner-text ul li h6{
	color: var(--dark);
	font-weight: 500;
	font-size: 16px;
}
.custom-ecommerce-development .third-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 70px;
}
.custom-ecommerce-development .third-section .inner-text ul li{
		text-align: center;
		flex: 0 0 20%;
		padding: 0 20px;
		padding-bottom: 40px;
}
.custom-ecommerce-development .four-section{
	padding: 60px 0px;
	background-color: #f3f4f5;
}
.custom-ecommerce-development .four-section .inner-text h2{
	text-align: left;
	font-weight: 500;
	font-size: 32px;
	line-height: inherit;
}
.custom-ecommerce-development .four-section .inner-text h2::after{
	background-color:var(--primary);
	right: auto;

}
.custom-ecommerce-development .four-section .inner-text .left-content img{
	width: 100%;
}
.custom-ecommerce-development .four-section .inner-text .right-content{
	padding-left: 60px;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100%;
}
.custom-ecommerce-development .four-section .inner-text .right-content h5 {
    text-align: left;
    color: var(--dark);
    font-size: 22px;
    margin-bottom: 20px;
	width: 100%;
}

.custom-ecommerce-development .four-section .inner-text .more-details{
	text-align: right;
	margin-top:20px ;

}
.custom-ecommerce-development .four-section .inner-text .more-details a{
	color: var(--primary);
	font-weight: 400;
	font-size: 18px;
	display: block;
	margin-left:10px;
	transition: all .5s ease;
	font-weight: 600;
}

.custom-ecommerce-development .four-section .inner-text .more-details a:hover{
	margin-left: 10px;
}
.custom-ecommerce-development .four-section .inner-text .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.custom-ecommerce-development .four-section .inner-text .owl-carousel .owl-nav button.owl-next span{
	display: none;
}
.custom-ecommerce-development .four-section .inner-text .owl-carousel .owl-nav button.owl-prev::after{
	font-family: FontAwesome;
	position: absolute;
    content: "\f053";
    left: -30px;
    width: 60px;
    background-color: var(--light);
    height: 60px;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	box-shadow: 0 0 10px rgb(88 80 80 / 40%);

}
.custom-ecommerce-development .four-section .inner-text .owl-carousel .owl-nav button.owl-next::after{
	font-family: FontAwesome;
	position: absolute;
    content: "\f054";
    right: -30px;
    width: 60px;
    background-color: var(--light);
    height: 60px;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	box-shadow: 0 0 10px rgb(88 80 80 / 40%);
}
.custom-ecommerce-development .five-section{
	padding: 60px 24px 60px 0px;
}
.custom-ecommerce-development .five-section .left-content img{
	width: 100%;
}.custom-ecommerce-development .five-section .left-content2{
	margin-right: -24px;
}
.custom-ecommerce-development .five-section .right-content{
	width: 70%;
}
.custom-ecommerce-development .five-section .right-content.right-content2 {
    margin-left: 116px;
	width: 100%;
}

.custom-ecommerce-development .five-section .right-content h3{
	font-weight: 500;
    font-size: 26px;
    line-height: inherit;
    color: var(--dark);
    margin-bottom: 20px;
	margin-bottom: 30px;
}
.custom-ecommerce-development .five-section .right-content a{
	background-color: var(--primary);
	color: var(--light);
}
.custom-ecommerce-development .five-section .right-content a:hover{
	background-color: transparent;
	color: var(--primary);
}
.custom-ecommerce-development .six-section{
	padding: 60px 0px;
}
.custom-ecommerce-development .six-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	line-height: inherit;
}
.custom-ecommerce-development .six-section .inner-text h2::after{
	background-color:var(--primary);
}
.custom-ecommerce-development .six-section .inner-text ul {
    display: flex;
    flex-wrap: wrap;
}
.custom-ecommerce-development .six-section .inner-text ul li {
    width: 48%;
    border: 1px solid #dee2e6;
    padding: 30px;
    margin-bottom: 30px;
}
.custom-ecommerce-development .six-section .inner-text ul li:nth-child(2n) {
    margin-left: 30px;
}
.custom-ecommerce-development .six-section .inner-text ul li h5 {
    text-align: left;
    color: var(--dark);
    font-size: 20px;
    position: relative;
    margin-bottom: 30px;
	height: 52px;
}
.custom-ecommerce-development .six-section .inner-text ul li h5::after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom:-10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.custom-ecommerce-development .six-section .inner-text ul li p {
    color: var(--text-color);
    font-size: 16px;
	line-height: 28px;
    margin-bottom: 0px;
}

.custom-ecommerce-development .seven-section{
	padding: 0px 0px 60px;
}
.custom-ecommerce-development .seven-section .inner-text ul{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.custom-ecommerce-development .seven-section .inner-text ul li{
	padding: 3rem 1.5rem 0;
	flex: 0 0 16%;
}

.custom-ecommerce-development .seven-section .inner-text ul li img{
	height: 29px
}
.custom-ecommerce-development .eight-section{
	padding: 60px 0px;
}
.custom-ecommerce-development .eight-section .inner-text h2{
   font-size: 32px;
   text-align: left;
   line-height: inherit;
   font-weight: 500;
   width: 70%;
}
.custom-ecommerce-development .eight-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.custom-ecommerce-development .eight-section .inner-text .left-content img{
	width: 100%;
}
.custom-ecommerce-development .eight-section .inner-text .right-content ul{
	display: flex;
	flex-wrap: wrap;
}
.custom-ecommerce-development .eight-section .inner-text .right-content ul li{
	width: 50%;
	padding-right: 30px;
	margin-bottom: 20px;
}
.custom-ecommerce-development .eight-section .inner-text .right-content ul li h5 {
    text-align: left;
    color: var(--dark);
    font-size: 20px;
    position: relative;
    margin-bottom: 10px;
    height: 46px;
}
.custom-ecommerce-development .eight-section .inner-text .right-content ul li p{
	line-height: 28px;
	font-size: 15px;
}

.custom-ecommerce-development .nine-section{
	padding: 60px 0px;
	margin: 0px 24px;	
} 
.custom-ecommerce-development .nine-section .right-content{
	margin-right: -24px;
}
.custom-ecommerce-development .nine-section .right-content img{
	width: 100%;
} 
.custom-ecommerce-development .nine-section .left-content{
	margin-left: 100px;
}
.custom-ecommerce-development .nine-section .left-content p{
	font-size: 18px;
	line-height: inherit;
	color: var(--text-color);
	position: relative;
	margin-bottom: 30px;
	line-height: 30px;
}
.custom-ecommerce-development .nine-section .left-content p::before{
	content: "";
    background: url(../images/hire-developer/quote-icon.svg) no-repeat center;
    width: 17px;
    height: 19px;
    position: absolute;
    left: -21px;
    top: -21px;
}
.custom-ecommerce-development .nine-section .left-content h5{
	color: var(--dark);
	font-size: 20px;
	line-height: inherit;
	font-weight: 600;
}
.custom-ecommerce-development .ten-section{
	padding: 60px 0px;
}
.custom-ecommerce-development .ten-section .inner-text h2{
	text-align: left;
	font-size: 32px;
	font-weight: 500;
	line-height: inherit;
	width: 70%;
}
.custom-ecommerce-development .ten-section .inner-text h2::after{
	right:auto;
	background-color: var(--primary);
}
.custom-ecommerce-development .ten-section .inner-text ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap:40px;
}
.custom-ecommerce-development .ten-section .inner-text ul li{
	padding: 30px;
	background-color: var(--light-gray);
	transition: all .5s ease;
}
.custom-ecommerce-development .ten-section .inner-text ul li img{
	margin-bottom: 15px;
}
.custom-ecommerce-development .ten-section .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
    margin-bottom: 0px;
}
.custom-ecommerce-development .ten-section .inner-text ul li:hover{
	box-shadow: var(--blog-shadow);
}
.custom-ecommerce-development .ten-section .inner-text ul li:hover p{
	color: var(--primary);
}
.custom-ecommerce-development .ten-section .inner-text .more-details{
	text-align: right;
	padding: 20px;
}
.custom-ecommerce-development .ten-section .inner-text  .more-details a {
    color: var(--primary);
    font-size: 16px;
    display: block;
    margin-left: 10px;
    transition: all .5s ease;
	font-weight: 600;
}
.custom-ecommerce-development .eleven-section{
   padding: 100px 0px;
}
.custom-ecommerce-development .eleven-section .inner-text h2{
	font-size: 32px;
}
.custom-ecommerce-development .eleven-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-ecommerce-development .eleven-section .inner-text p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 40px;
	color: var(--text-color);
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item{
	margin-bottom: 5px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-header{
	padding: 8px 0px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-header .accordion-button{
	font-size: 18px;
    font-weight: 500;
	box-shadow: none;
	background-color: var(--transparent);
	color: var(--dark);
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-header .accordion-button::after {
	content: "";
    position: absolute;
	right: 18px;
	top: 15px;
	font-size: 36px;
	background-image: url(../images/hire-developer/plus.png);
    transition: transform .5s ease-in-out;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image:url(../images/hire-developer/minus.png);
    transform: rotate(0deg);
	position: absolute;
	content: "";
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body{
	padding-top: 0px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	margin-bottom: 20px;
	line-height: 28px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul.dating-portal-faqs{
	margin-left: 0px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul{
	margin-left:28px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul li strong{
	font-weight: 500;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul li{
	position: relative;
    margin: 10px 0px;
    color: var(--dark);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul.dating-portal-faqs li::after{
	display: none;
}
.custom-ecommerce-development .eleven-section .inner-text .accordion-flush .accordion-item .accordion-collapse .accordion-body ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.custom-ecommerce-development .eleven-section .inner-text .more-details{
	margin-top: 30px;
	text-align: right;
}
.custom-ecommerce-development .eleven-section .inner-text .more-details a{
	color: var(--primary);
    font-size: 16px;
    display: block;
    margin-left: 10px;
    transition: all .5s ease;
	font-weight: 600;
}
/* ------.custom-ecommerce-development------- */
/* ----------mvp-software-development-------- */
.mvp-software-development .first-section{
	background-color: var(--light-gray);
}
.mvp-software-development .first-section .left-content {
    padding: 50px 0px 50px 111px;
}
.mvp-software-development .first-section .left-content h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 600;
	margin-bottom: 20px;
	line-height: 55px;
}

.mvp-software-development .first-section .left-content p{
	font-size: 18px;
	color: var(--text-color);
}
.mvp-software-development .first-section .right-content img{
	width: 100%;
}
.mvp-software-development .second-section{
	padding: 60px 0px 0px;
}
.mvp-software-development .second-section .inner-text{
	width: 50%;
}
.mvp-software-development .second-section .inner-text h2{
	font-weight: 500;
	font-size: 32px;
	line-height: inherit;
	text-align: left;
}
.mvp-software-development .second-section .inner-text h2 br{
	display: none;
}
.mvp-software-development .second-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.mvp-software-development .second-section .inner-text p{
	font-size:18px;
	color: var(--text-color);
}
.mvp-software-development .second-section .box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap:30px;
	margin-top: 30px;
}
.mvp-software-development .second-section .box-wrapper .box{
	text-align: center;
}
.mvp-software-development .second-section .box-wrapper .box img {
    width: 60%;
    margin: 0px auto 15px;
    display: block;
}
.mvp-software-development .second-section .box-wrapper .box h6{
	font-weight: 500;
	font-size: 18px;
	line-height: inherit;
	color: var(--dark);
}
.mvp-software-development .third-section{
	padding: 60px 0px 60px;
}
.mvp-software-development .third-section .inner-text h2{
	font-size: 32px;
	font-weight:500;
	line-height: inherit;
	width: 50%;
	text-align: left;
}
.mvp-software-development .third-section .inner-text h2::after{
	right: auto;
}
.mvp-software-development .third-section .inner-text h2 br{
	display: none;
}
.mvp-software-development .third-section .inner-text h2::after{
	background-color: var(--primary);
}
.mvp-software-development .third-section .inner-text p{
	font-size: 18px;
    color: var(--text-color);
	line-height: 32px;
	column-count: 2;
	column-gap: 80px;
}
.mvp-software-development .third-section .inner-text img{
	width: 50%;
	margin: 50px auto 0px;
	display: block;
}
.mvp-software-development .third-section .inner-text small{
	text-align: center;
	columns: var(--text-color);
	display: block;
	font-size: 18px;
}
.mvp-software-development .four-section{
	padding: 0px 0px 60px;
}
.mvp-software-development .four-section .inner-text h2{
	font-size: 32px;
	font-weight:500;
	line-height: inherit;
	text-align: left;
	width: 50%;
}
.mvp-software-development .four-section .inner-text h2 br{
	display: none;
}
.mvp-software-development .four-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.mvp-software-development .four-section .inner-text p{
	font-size: 18px;
    color: var(--text-color);
	column-count: 2;
	column-gap: 100px;
}
.mvp-software-development .four-section .inner-text img{
	margin: 0px auto;
	display: block;
	margin-bottom: 20px;
}
.mvp-software-development .four-section .inner-text small{
	display: block;
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
.mvp-software-development .five-section .right-content{
	margin: 0px 50px;
}
.mvp-software-development .five-section .right-content h3{
    color: var(--dark);
	font-weight: 500;
	line-height: inherit;
	margin-bottom: 30px;
	font-size: 32px;
}
.mvp-software-development .five-section .right-content a{
	background-color: var(--primary);
	color: var(--light);
}
.mvp-software-development .five-section .right-content a:hover{
	background-color: transparent;
	color: var(--primary);
}
.mvp-software-development .six-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	width: 50%;
	text-align: left;
}
.mvp-software-development .six-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.mvp-software-development .six-section .inner-text p{
	font-size: 18px;
    color: var(--text-color);
    column-count: 2;
	column-gap: 100px;
}
.mvp-software-development .six-section .inner-text p.width2{
	column-count: auto !important;
	width: 50%;
}
.mvp-software-development .six-section .inner-text a{
	color: var(--primary);
    font-size: 18px;
    display: block;
    transition: all .5s ease;
    margin-top: 60px;
	text-align: right;
	font-weight: 600;
}
.mvp-software-development .six-section .inner-text a i {
    margin-left: 10px;
    transition: all .2s ease;
}
.mvp-software-development .six-section .inner-text a:hover i{
	margin-left: 20px;
}
.mvp-software-development .six-section .inner-text .box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 60px 50px;
    margin-top: 30px;
	margin-top: 60px;
}
.mvp-software-development .six-section .inner-text .box-wrapper .box img{
	width: 100%;
	margin-bottom: 20px;
}
.mvp-software-development .six-section .inner-text .box-wrapper .box{
	margin: 0 auto;
	background-color:var(--light-gray);
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
	transition: 0.3s ease;
	height: 100%;
	display: block;
	color: #000;
}
.mvp-software-development .six-section .inner-text .box-wrapper .box:hover{
	box-shadow: var(--blog-shadow);
}
.mvp-software-development .six-section .inner-text .box-wrapper .box h6{
	font-size: 20px;
	color: var(--dark);
	font-weight: 500;
	padding: 0px 15px;
}
.mvp-software-development .six-section .inner-text .box-wrapper .box p{
	color: var(--text-color);
	font-size: 16px;
	column-count: 1;
	padding: 0px 15px;
	text-align: left;
}
.mvp-software-development .seven-section{
	padding: 110px 0px 110px;
}
.mvp-software-development .seven-section .inner-text .left-content img{
	width: 100%;
}
.mvp-software-development .seven-section .inner-text .right-content{
	padding: 0px 20px;
}
.mvp-software-development .seven-section .inner-text .right-content strong{
	display: block;
	font-size: 18px;
	font-weight: 400;
	color:var(--dark);
	margin-bottom: 30px;
}
.mvp-software-development .seven-section .inner-text .right-content h3{
	color: var(--dark);
	font-weight: 500;
	line-height: inherit;
	margin-bottom: 40px;
	font-size: 26px;
}
.mvp-software-development .seven-section .inner-text .right-content ul{
	margin-left: 30px;
}
.mvp-software-development .seven-section .inner-text .right-content ul li{
	position: relative;
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 10px;
}
.mvp-software-development .seven-section .inner-text .right-content ul li::after {
    content: "";
    position: absolute;
    left: -29px;
    top: 11px;
    height: 2px;
    width: 15px;
    background-color: var(--text-color);
}
.mvp-software-development .seven-section .inner-text .right-content a{
	color: var(--primary);
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	transition: all .5s ease;
	margin-top: 20px;
}
.mvp-software-development .seven-section .inner-text .right-content a i{
	margin-left: 10px;
	transition: all .2s ease;
}
.mvp-software-development .seven-section .inner-text .right-content a:hover i{
	margin-left: 20px;
}
.mvp-software-development .eight-section{
	padding: 0px 0px 40px;
}
.mvp-software-development .five-section .right-content2 {
    margin: 0px 105px;
}
.mvp-software-development .eight-section .inner-text h2{
	font-weight: 500;
	line-height: inherit;
	font-size: 32px;
	width: 50%;
	text-align: left;
}
.mvp-software-development .eight-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.mvp-software-development .eight-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
	column-count: 2;
	column-gap: 100px;
}
.mvp-software-development .eight-section .inner-text ul {
    margin: 70px 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 50px;
}
.mvp-software-development .eight-section .inner-text ul li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mvp-software-development .nine-section{
	padding: 60px 0px 40px;
}
.mvp-software-development .nine-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	color: var(--dark);
}
.mvp-software-development .nine-section .inner-text h2::after{
	background-color: var(--primary);
}
.mvp-software-development .nine-section .inner-text .accordion .accordion-item{
	border: 0px;
	box-shadow: var(--spread-box-shadow);
	margin-bottom: 10px;
}
.mvp-software-development .nine-section .inner-text .accordion .accordion-item .accordion-header button.accordion-button{
	padding: 25px;
	font-weight: 500;
	color: var(--dark);
	font-size: 18px;
}
 .mvp-software-development .nine-section .inner-text .accordion .accordion-item .accordion-header button.accordion-button::after {
    background-image: url(../images/hire-developer/plus.png);
	transition: all .5s ease;
	background-size: 18px;
}
.mvp-software-development .nine-section .inner-text .accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed)::after{
	background-image: url(../images/hire-developer/minus.png);
    transform: rotate(-0deg);
} 
.mvp-software-development .nine-section .inner-text .accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed){
	background-color: var(--transparent);
	font-size: 18px;
} 
.mvp-software-development .nine-section .inner-text .accordion .accordion-item .accordion-collapse .accordion-body p{
	color: var(--text-color);
	font-size: 16px;
}
/* ----------mvp-software-development-------- */
/* -----------cms-design-development--------- */
.cms-design-development .first-section{
	background-color: #ffdece;
	padding: 100px 0px;

}
.cms-design-development .first-section .inner-text .left-content h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 20px;
}

.cms-design-development .first-section .inner-text .left-content p{
	font-size: 18px;
	color: var(--dark);
	margin: 0px;
}
.cms-design-development .first-section .inner-text .right-content img{
	width: 100%;
}
.cms-design-development .second-section{
	padding: 50px 0px;
}
.cms-design-development .second-section .inner-text h2{
	text-align: center;
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.cms-design-development .second-section .inner-text h2 br{
	display: none;
}
.cms-design-development .second-section .inner-text h2::after{
	background-color: var(--primary);
}
.cms-design-development .second-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	margin: 0px auto;
	line-height: 30px;
	width: 70%;
}
.cms-design-development .second-section .inner-text ul{
	display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 30px;
	margin: 40px 0px 0px;
}
.cms-design-development .second-section .inner-text ul li{
	text-align: center;
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	padding: 30px 20px;
}
.cms-design-development .second-section .inner-text ul li figure{
	height: 120px;
	width: 120px;
	border-radius: 50%;
	background-color:#2cbed2;
	margin: 0px auto 20px;
}

.cms-design-development .second-section .inner-text ul li figure img{
	width: 100%;
	padding: 25px;
}
.cms-design-development .second-section .inner-text ul li h5{
	font-weight: 500;
	font-size: 20px;
	columns: var(--text-color);
	margin-bottom: 15px;
}
.cms-design-development .second-section .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	width: 100%;
}
.cms-design-development .third-section{
	padding: 50px 0px 160px;
	background-color: var(--mid-black);
	position: relative;
	margin-bottom: 273px;
} 
.cms-design-development .third-section .inner-text h2{
	text-align: center;
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
	color: var(--light);
}
.cms-design-development .third-section .inner-text h2::after{
    background-color: var(--primary);
}
.cms-design-development .third-section .inner-text p{
	color: var(--light);
	width: 80%;
	font-size: 18px;
	font-weight: 300;
	margin: auto;
	text-align: center;
}
.cms-design-development .third-section .inner-text2{
	margin-top: 40px;
}
.cms-design-development .third-section .inner-text2 .nav-pills{
	justify-content:center;
}
.cms-design-development .third-section .inner-text2 .nav-pills .nav-item{
	margin: 0px 5px;
}
.cms-design-development .third-section .inner-text2 .nav-pills .nav-item .nav-link.active{
	background-color:#2cbed2;
	height: 80px;
	width: auto;
	font-weight: 500;
	padding: 0px 20px;
	border-radius: 3px;
	border: 2px solid #2cbed2;
}
.cms-design-development .third-section .inner-text2 .nav-pills .nav-item .nav-link{
	height: 80px;
	width: auto;
	font-weight: 500;
	padding: 0px 20px;
	border-radius: 3px;
	border: 2px solid var(--light);
	color: var(--light);
}
.cms-design-development .third-section .inner-text2 .tab-content {
    position: absolute;
    bottom: -211px;
}
.cms-design-development .third-section .inner-text2 .tab-content .tab-pane .inner-box {
    padding: 80px 40px;
    background-color: var(--light);
    border-radius: 30px;
    display: flex;
    align-items: center;
	width: 90%;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}
.cms-design-development .third-section .inner-text2 .tab-content .tab-pane .inner-box .left img{
	width: 130px;
}
.cms-design-development .third-section .inner-text2 .tab-content .tab-pane .inner-box .right{
	margin-left: 40px;
}
.cms-design-development .third-section .inner-text2 .tab-content .tab-pane .inner-box .right h4{
	color:var(--dark);
	font-weight: 500;
	font-size: 26px;
	margin-bottom: 20px;
}
.cms-design-development .third-section .inner-text2 .tab-content .tab-pane .inner-box .right p{
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 30px;
}
.cms-design-development .four-section{
	padding: 50px 0px;
	background-color: #f3f4f5;
}
.cms-design-development .four-section .inner-text .left-content h2{
	text-align: left;
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}

.cms-design-development .four-section .inner-text .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.cms-design-development .four-section .inner-text .left-content p{
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0px;
}
.cms-design-development .four-section .inner-text .right-content .accordion{
	margin-left: 100px;
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item{
	background-color: var(--transparent);
	border: 0px;
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item .accordion-header button.accordion-button {
    background-color: var(--transparent);
    font-weight: 500;
    color: var(--dark);
    border-bottom: 1px solid #d0dbdf;
    padding: 25px 0px;
	font-size: 18px;
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item .accordion-header button.accordion-button::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 26px;
    height: 16px;
    background-size: contain;
    width: 17px;
    background-image: url(../images/hire-developer/plus1.png);
    transition: transform .5s ease-in-out;
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed)::after {
    background-image: url(../images/hire-developer/minus1.png);
    transform: rotate(0deg);
    position: absolute;
    content: "";
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item:last-child .accordion-header button.accordion-button{
	border: 0px;
}.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item .accordion-collapse .accordion-body{
	padding: 0px;
}
.cms-design-development .four-section .inner-text .right-content .accordion .accordion-item .accordion-collapse .accordion-body p{
	color: var(--text-color);
	font-size: 16px;
	font-weight: 300;
	padding-top: 10px;
	line-height: 28px;
}
.cms-design-development .five-section{
	padding: 50px 0px;
}
.cms-design-development .five-section .inner-text h2{
	text-align: center;
    font-weight: 500;
    font-size: 32px;
}
.cms-design-development .five-section .inner-text h2::after{
	background-color: var(--primary);
}
.cms-design-development .five-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	font-weight: 300;
	margin: 0px auto;
	width: 70%;
	text-align: center;
	line-height: 30px;
}
.cms-design-development .five-section .inner-text2 ul{
	margin-top: 50px;
}
.cms-design-development .five-section .inner-text2 ul li{
	display: flex;
	align-items: center;
	min-height: 300px;
	position: relative;

}
.cms-design-development .five-section .inner-text2 ul li .left figure{
	height: 130px;
	width: 130px;
	border-radius: 50%;
	background-color: #23c1cb;
}
.cms-design-development .five-section .inner-text2 ul li .left figure img{
	width: 100%;
	padding: 25px;
}
.cms-design-development .five-section .inner-text2 ul li::after {
    content: "";
    position: absolute;
    width: 16px;
    left: 56px;
    bottom: -37px;
    height: 93px;
    background-image: url(../images/hire-developer/arrows-down.png);
}
.cms-design-development .five-section .inner-text2 ul li:last-child::after{
	display: none;
}
.cms-design-development .five-section .inner-text2 ul li:last-child{
	margin: 0px;
}
.cms-design-development .five-section .inner-text2 ul li .right{
	margin-left: 30px;
}
.cms-design-development .five-section .inner-text2 ul li .right h5{
   font-size: 26px;
   color: var(--dark);
   font-weight: 500;
}
.cms-design-development .five-section .inner-text2 ul li .right p{
	font-size: 16px;
	color: var(--text-color);
	font-weight: 300;
	text-align: left;
	margin-top: 10px;
	line-height: 28px;
}
.cms-design-development .five-section .inner-text2  p{
	text-align: center;
	font-size: 18px;
	margin-top:40px;
}
.cms-design-development .five-section .inner-text2 .discuss {
    text-align: center;
	margin-top: 40px;
	display: block;
}
.cms-design-development .five-section .inner-text2 .discuss a{
	background-color: var(--primary);
	color: var(--light);
	padding: 10px 30px;
}
.cms-design-development .five-section .inner-text2 .discuss a:hover{
	background-color: transparent;
	color: var(--primary);
}
.cms-design-development .six-section {
    padding: 50px 0px;
    background-color:#f3f4f5;
    background-image: url(../images/hire-developer/co-waves.svg);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center bottom;
}
.cms-design-development .six-section .inner-text h2{
	text-align: center;
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.cms-design-development .six-section .inner-text h2::after{
	background-color: var(--primary);
}
.cms-design-development .six-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	font-weight: 500;
	text-align: center;
	width: 70%;
	margin: 0px auto;
	line-height: 30px;
}
.cms-design-development .six-section .inner-text ul {
    display: flex;
    flex-wrap: wrap;
	margin-top: 30px;
}
.cms-design-development .six-section .inner-text ul li {
    display: block;
    width: 23%;
    margin: 11px;
    background-position: center;
    background-size: cover;
    padding: 20px;
    position: relative;
    z-index: 0;
}
.cms-design-development .six-section .inner-text ul li:first-child {
    background-image: url(../images/hire-developer/ws1.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(2) {
    background-image: url(../images/hire-developer/ws2.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(3) {
    background-image: url(../images/hire-developer/ws4.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(4) {
    background-image: url(../images/hire-developer/ws4.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(5) {
    background-image: url(../images/hire-developer/ws5.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(6) {
    background-image: url(../images/hire-developer/ws6.webp);
}
.cms-design-development .six-section .inner-text ul li:nth-child(7) {
    background-image: url(../images/hire-developer/ws7.webp);
}
.cms-design-development .six-section .inner-text ul li:last-child {
    background-image: url(../images/hire-developer/ws8.webp);
}

/* ----------------------- */
.cms-design-development .industries-served .inner-text ul li i{
	padding: 20px;
    width: 100px;
    height: 100px;
    color: var(--light);
    font-size: 36px;
    border-radius: 50%;
    border: 2px solid var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 10px;
}
.cms-design-development .industries-served .inner-text ul li:hover i {
    border-color: #2cbed2;
    background-color: #2cbed2;
}


.cms-design-development .industries-served .inner-text ul li:first-child {
    background-image: url(../images/hire-developer/industries-served1.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(2) {
    background-image: url(../images/hire-developer/industries-served2.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(3) {
    background-image: url(../images/hire-developer/industries-served3.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(4) {
    background-image: url(../images/hire-developer/industries-served4.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(5) {
    background-image: url(../images/hire-developer/industries-served5.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(6) {
	background-image: url(../images/hire-developer/industries-served6.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(7) {
	background-image: url(../images/hire-developer/industries-served7.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(8) {
	background-image: url(../images/hire-developer/industries-served8.jpg);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(9) {
	background-image: url(../images/hire-developer/industries-served9.jpg);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(10) {
	background-image: url(../images/hire-developer/industries-served10.webp);
}
.cms-design-development .industries-served .inner-text ul li:nth-child(11) {
	background-image: url(../images/hire-developer/industries-served11.jpg);
}
.cms-design-development .industries-served .inner-text ul li:last-child {
	background-image: url(../images/hire-developer/industries-served12.webp);
}
/* ------------------------------ */

.cms-design-development .six-section .inner-text ul li:hover figure{
	background-color: var(--primary);
	border: 2px solid var(--primary);

}
.cms-design-development .six-section .inner-text ul li figure {
    width: 100px;
    height: 100px;
    margin: 0px auto 10px;
    z-index: 1;
    border: 2px solid var(--light);
    border-radius: 50px;
}
.cms-design-development .six-section .inner-text ul li figure img {
    padding: 20px;
    width: 100%;
}
.cms-design-development .six-section .inner-text ul li span {
    display: block;
    text-align: center;
    color: var(--light);
    font-size: 18px;
}
.cms-design-development .six-section .inner-text ul li::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: var(--dark);
    z-index: -1;
    opacity: .5;
}
.cms-design-development .six-section .inner-text .discuss{
	margin-top:20px;
	display: flex;
	justify-content: center;
}
.cms-design-development .six-section .inner-text .discuss a{
	background-color: var(--primary);
	color: var(--light);
	padding: 10px 25px;
}
.cms-design-development .six-section .inner-text .discuss a:hover{
	background: transparent;
	color: var(--primary);
}

.cms-design-development .seven-section .inner-text ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin: 40px 0px 0px;
}
.cms-design-development .sevens-section .inner-text ul li {
    text-align: center;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    padding: 30px 30px;
}
/* -----------cms-design-development--------- */
/* ---------software development package----- */
.software-development-package .banner{
	min-height: 88vh;
	background-image: url(../images/hire-developer/banner-agile.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.software-development-package .banner .left-text{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	width: 51%;
}
.software-development-package .banner .left-text h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 20px;
	line-height: 55px;
}

.software-development-package .banner .left-text p{
	color: var(--text-color);
	font-size: 18px;
	line-height: 32px;
}
.software-development-package .why-toggle{
	padding: 60px 0px;
}
.software-development-package .why-toggle .inner-text h2{
    text-align: left;
	width: 50%;
}
.software-development-package .why-toggle .inner-text h2::after{
	right: auto;

}
.software-development-package .why-toggle .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: left;
	line-height: 32px;
	column-count: 2;
	column-gap: 100px;
}
.software-development-package .why-toggle .inner-text img{
	margin-top: 40px;
	width: 100%;
}
.software-development-package .ecommerce-packages{
	padding: 60px 0px;
	background-image: url(../images/hire-developer/bg-pattern.svg);
	background-color: var(--light-gray);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.software-development-package .ecommerce-packages .inner-text h2{
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .ecommerce-packages .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .ecommerce-packages .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
}
.software-development-package .ecommerce-packages .inner-text p.strong{
	color: var(--dark);
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 40px;
}
.software-development-package .ecommerce-packages .left-content{
	border: 1px solid var(--border-color);
	background-color: var(--light);
}
.software-development-package .ecommerce-packages .left-content .inner:last-child{
	border-bottom: 0px;
}
.software-development-package .ecommerce-packages .left-content .inner .lean-custom{
	background-color:#4362dc;
	padding: 30px;
	text-align: center;
}
.software-development-package .ecommerce-packages .left-content .inner .lean-custom h5{
	font-weight: 600;
	color: var(--light);
	font-size: 20px;
}
.software-development-package .ecommerce-packages .left-content .inner .lean-custom p{
	font-weight: 300;
	color: var(--light);
	font-size: 16px;
	margin: 0px;
}
.software-development-package .ecommerce-packages .left-content .inner-2 .lean-custom p{
	height: auto;
}
.software-development-package .ecommerce-packages .left-content .inner  p{
	margin-top: 25px;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 0px 30px;
	height: 85px;
	color: #505050;
}
.software-development-package .ecommerce-packages .left-content .inner{
	border-bottom: 1px solid var(--border-color);
}
.software-development-package .ecommerce-packages .left-content .inner h6{
	font-size: 18px;
	font-weight: 600;
	color: var(--dark);
	margin-top: 25px;
	padding: 0px 30px;
}
.software-development-package .ecommerce-packages .left-content .inner ul{
	margin-top: 10px;
	margin-left: 20px;
	height: 220px;
	padding: 0px 30px;
}
.software-development-package .ecommerce-packages .left-content .inner ul li{
	list-style: square;
	font-size: 14px;
	margin-bottom: 10px;
}
.software-development-package .ecommerce-packages .left-content .inner ul li::marker{
	color: #4362dc;
	font-size: 20px;
}
.software-development-package .ecommerce-packages .left-content .inner .contact-now{
	display: flex;
}
.software-development-package .ecommerce-packages .left-content .inner .contact-now a{
	background-color: #4362dc;
	text-align: center;
	width: 100%;
	border-color:#4362dc;
	color: var(--light);
	margin: 0px 30px 30px 30px;
}
.software-development-package .ecommerce-packages .left-content .inner .contact-now a:hover{
	border-color: #4362dc;
	background-color: var(--transparent);
	color: #4362dc;
}
.software-development-package .hire-team{
	padding: 60px 0px 60px;
}
.software-development-package .hire-team .inner-text h2{
	font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .hire-team .inner-text h2::after{
   background-color: var(--primary);
}
.software-development-package .hire-team .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
}
.software-development-package .hire-team .inner-text .two-blog{
	background-color:#03081c;
	padding: 50px;
}
.software-development-package .hire-team .inner-text .parent-box{
	display: flex;
	flex-wrap: wrap;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box{
	width: 50%;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box:first-child{
	border-right: 1px solid #4c5b95;
	padding-right: 20px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box:last-child{
	padding-left: 40px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box{
	display: flex;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .left img{
	width: 70px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .right{
	margin-left: 30px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .right h3{
	color: var(--light);
	font-size: 26px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .right ul{
	margin-top: 30px;
	margin-left: 30px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .right ul li{
	color: var(--light);
	margin-bottom: 10px;
	font-weight: 300;
	position: relative;
	font-size: 15px;
}
.software-development-package .hire-team .inner-text .parent-box .inner-box .right ul li::after {
    content: "";
    position: absolute;
    left: -30px;
    top: 11px;
    height: 2px;
    width: 15px;
    background-color: var(--light);
}
.software-development-package .hire-team .inner-text .two-blog .get-started{	
	text-align: center;
	margin-top: 50px;
}
.software-development-package .hire-team .inner-text .two-blog .get-started a.btn-primary{
	background-color:#4362dc;
	border-color: #4362dc;
	color: var(--light);
	padding: 10px 40px;
}
.software-development-package .hire-team .inner-text .two-blog .get-started a.btn-primary:hover{
	background-color: var(--transparents);
	color:#4362dc;
	border-color: #4362dc;
}
.software-development-package .our-performance{
	padding: 60px 0px;
}
.software-development-package .our-performance .inner-text h2{
	font-weight: 500;
    font-size: 32px;
	line-height: 42px;
}

.software-development-package .our-performance .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .our-performance .inner-text .left img{
	width: 100%;
}
.software-development-package .our-performance .inner-text .right{
	margin-left: 40px;
}
.software-development-package .our-performance .inner-text .right h4 {
    font-size: 18px;
    color: var(--dark);
    position: relative;
    line-height: 36px;
}
.software-development-package .our-performance .inner-text .right h4::after {
    position: absolute;
    content: "";
    background-image: url(../images/hire-developer/quote.png);
    height: 34px;
    width: 44px;
    bottom: -14px;
    scale: .7;
    transform: rotate(180deg);
    left: 136px;
}
.software-development-package .our-performance .inner-text .right h4::before {
    position: absolute;
    content: "";
    background-image: url(../images/hire-developer/quote.png);
    height: 34px;
    width: 44px;
    top: -15px;
    scale: .7;
    left: -44px;
}
.software-development-package .our-performance .inner-text .right h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
	margin-top: 20px;
}
.software-development-package .our-performance .inner-text .right p{
	font-size: 18px;
}
.software-development-package .competitive-edge{
	padding: 60px 0px 60px;
}
.software-development-package .competitive-edge .inner-text h2{
	font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .competitive-edge .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .competitive-edge .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
}
.software-development-package .competitive-edge .inner-text ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 40px 0px;
    margin-top: 40px;
}
.software-development-package .competitive-edge .inner-text ul li{
	text-align: center;
}
.software-development-package .competitive-edge .inner-text ul li img{
	width: 150px;
	margin-bottom: 20px;
}
.software-development-package .competitive-edge .inner-text ul li h6{
	font-size: 18px;
	font-weight: 500;
	color: var(--dark);
}
.software-development-package .our-plan{
	padding: 60px 0px 60px;
}
.software-development-package .our-plan .inner-text h2{
	font-weight: 500;
    font-size: 32px;
}
.software-development-package .our-plan .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .our-plan .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
}
.software-development-package .our-plan .inner-text .left-content{
	background-color: #e8ecfe;
	padding: 60px;
	height: 100%;
}
.software-development-package .our-plan .inner-text .left-content h3{
	font-weight: 500;
	font-size: 26px;
	color: #4362dc;
	text-align: center;
	line-height: 36px;
}
.software-development-package .our-plan .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	margin: 20px 0px 40px;
}
.software-development-package .our-plan .inner-text .left-content img{
	width: 100%;
}
.software-development-package .our-recent-projects{
	padding: 60px 0px 60px;
}
.software-development-package .our-recent-projects .inner-text h2{
	font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .our-recent-projects .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .our-recent-projects .inner-text ul{
	display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit,minmax(310px,1fr));
}
.software-development-package .our-recent-projects .inner-text ul li img{
	width: 100%;
}
.software-development-package .our-recent-projects .inner-text ul li h5{
	position: relative;
	font-weight: 500;
	margin: 30px 0px;
}
.software-development-package .our-recent-projects .inner-text ul li h5::after {
    content: "";
    position: absolute;
    height: 3px;
    bottom: -13px;
    left: 0;
    width: 25px;
    background-color: #4362dc;
}
.software-development-package .our-recent-projects .inner-text ul li p{
	color: var(--text-color);
	font-size: 18px;
}
.software-development-package .our-recent-projects .inner-text ul li p a{
	text-decoration: underline;
	color: var(--text-color);
}
.software-development-package .our-recent-projects .inner-text ul li a{
	font-size: 500;
	color: var(--dark);
	font-size: 18px;
	color: var(--dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-position: 10px;
	text-underline-offset:5px ;
}
.software-development-package .global-stage{
	padding: 60px 0px;
	background-color: var(--light-gray);
	position: relative;
}
.software-development-package .global-stage .inner-text h2{
	font-weight: 500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .global-stage .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .global-stage .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 185px;
}

.software-development-package .global-stage .inner-text .left-content ul{
	font-size: 16px;
    display: grid;
    grid-gap: 50px;
    grid-template-columns: repeat(2,1fr);
}
.software-development-package .global-stage .inner-text .left-content ul li h4{
	color: var(--dark);
	font-weight: 600;
}
.software-development-package .global-stage .inner-text .left-content ul li p{
	text-align: left;
	margin-bottom: 0px;
}
.software-development-package .global-stage .inner-text .right-content {
    background-color: #dcdada;
    height: revert;
    position: absolute;
    width: 50%;
    right: 0;
	bottom: 0px;
    padding: 100px;
}
.software-development-package .global-stage .inner-text .right-content ul{
	font-size: 16px;
    display: grid;
    grid-gap: 30px 0px;
    grid-template-columns: repeat(2,1fr);
}
.software-development-package .global-stage .inner-text .right-content ul li img{
	height:40%;
}
.software-development-package .global-stage .inner-text .right-content ul li .item{
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.software-development-package .global-stage .inner-text .right-content ul li .item span{
	font-size: 18px;
	margin-right: 10px;
}
.software-development-package .global-stage .inner-text .right-content ul li .item p{
	margin: 0px;
}
.software-development-package .global-stage .inner-text .right-content ul li .item p img{
	width: 18px;
}
.software-development-package .frequently-question{
	padding: 60px 0px;
}
.software-development-package .frequently-question .inner-text h2{
	font-weight:500;
    line-height: inherit;
    font-size: 32px;
}
.software-development-package .frequently-question .inner-text h2::after{
	background-color: var(--primary);
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item{
	background-color: var(--light-gray);
	border: 0px;
	margin-bottom: 5px;
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item .accordion-header button.accordion-button {
    background-color: var(--transparent);
    font-weight: 500;
    color: var(--dark);
    padding: 20px;
	font-size: 18px;
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item .accordion-header button.accordion-button::after {
    content: "";
    position: absolute;
    right: 15px;
    width: 15px;
    background-size: contain;
    height: 27px;
    top: 21px;
    background-image: url(../images/hire-developer/plus1.png);
    transition: transform .5s ease-in-out;
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed)::after {
    background-image: url(../images/hire-developer/minus1.png);
    transform: rotate(0deg);
    position: absolute;
    content: "";
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item:last-child .accordion-header button.accordion-button{
	border: 0px;
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item .accordion-collapse .accordion-body p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.software-development-package .frequently-question .inner-text .accordion .accordion-item .accordion-collapse .accordion-body  ul li{
	list-style: disc;
	list-style-position: inside;
	color: var(--text-color);
}
.software-development-package .expertise{
	background-color: #4362dc;
	padding: 50px 0px;
}
.software-development-package .expertise .box{
	display: flex;
	align-items: center;
}
.software-development-package .expertise .box h4 {
    font-weight: 500;
    color: var(--light);
    line-height: inherit;
    width: 50%;
}
.software-development-package .expertise .box .expert{
	text-align: right;
	width: 50%;
}
.software-development-package .expertise .box .expert a{
	background-color: var(--light);
	color: #4362dc;
	border-color: var(--light);
	padding: 10px 30px;
	font-size: 18px;
}
.software-development-package .expertise .box .expert a:hover{
	background-color: var(--transparent);
	border-color: var(--light);
	color: var(--light);
}
/* ---------software development package----- */
/* ----------b2b-ecommerce-platform---------- */
.b2b-ecommerce-platform .banner{
	min-height: 88vh;
    background-image: url(../images/hire-developer/b2b-banner-images.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
	background-position: left center;
}
.b2b-ecommerce-platform .banner .left-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 51%;
}
.b2b-ecommerce-platform .banner .left-text h1 {
    font-size: 42px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 20px;
	line-height: 55px;
}

.b2b-ecommerce-platform .growth{
	padding: 80px 0px;
}
.b2b-ecommerce-platform .growth .inner-text h2{
	text-align: center;
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
    width: 100%;	
	margin-bottom: 70px;
	width: 50%;
	text-align: left;
}

.b2b-ecommerce-platform .growth .inner-text h2::after{
	right: auto;
}
.b2b-ecommerce-platform .growth .inner-text ul{
	margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b2b-ecommerce-platform .growth .inner-text ul li {
    width: 33.33%;
    text-align: center;
    margin-bottom: 30px;
}
.b2b-ecommerce-platform .growth .inner-text ul li span {
    font-weight: 600;
    font-size: 26px;
    display: block;
	margin-bottom: 20px;
	font-style: italic;
}
.b2b-ecommerce-platform .growth .inner-text ul li p{
	font-size: 16px;
    font-weight: 500;
	color: var(---dark);
	padding: 0px 55px;
	text-align: center;
}
/* .b2b-ecommerce-platform .marketplace{
	padding: 0px 0px 50px;
} */
.b2b-ecommerce-platform .marketplace .inner-text h2{
	text-align: left;
	width: 50%;
}
.b2b-ecommerce-platform .marketplace .inner-text h2::after{
	right: auto;
}
.b2b-ecommerce-platform .marketplace .inner-text img {
    width: 80%;
    margin: 90px auto 70px;
    display: block;

}
.b2b-ecommerce-platform .marketplace .inner-text h2 br{
	display: none;
}
.b2b-ecommerce-platform .marketplace .inner-text h2::after{
	background-color: var(--primary);
}

.b2b-ecommerce-platform .Initial-hesitation{
	padding-top: 100px;
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text h2{
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
    width: 100%;
	margin-bottom: 70px;
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text h2 br{
	display: none;
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text h2::after{
	background-color: var(--primary);
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text .inner-content h5{
	font-size: 22px;
	color: var(--dark);
	font-weight: 500;
	margin-bottom: 30px;
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text .inner-content p{
	font-size: 16px;
	color: var(--text-color);
}
.b2b-ecommerce-platform .Initial-hesitation .inner-text .inner-content img{
	width: 100%;
}
.b2b-ecommerce-platform .prioritiesspectrum{
	padding: 0px 0px 100px;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text h2{
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
	margin-bottom: 70px;
	width: 50%;
	text-align: left;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text h2::after{
   right: auto;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text h2 br{
	display: none;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text h2::after{
	background-color: var(--primary);
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text .left-content ul{
	margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text .left-content ul li{
	flex: 0 0 30%;
    margin: 0 0 40px;
	padding-right: 80px;
	font-size: 16px;
	color: var(--text-color);
	position: relative;
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text .left-content ul li::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 10px;
    height: 1px;
    width: 10px;
    background-color: var(--text-color);
}
.b2b-ecommerce-platform .prioritiesspectrum .inner-text .right-content img{
	width: 100%;
}
.b2b-ecommerce-platform .connect-toggle{
	padding: 90px 0px;
	position: relative;
	margin: 130px 0px 50px;
}
.b2b-ecommerce-platform .connect-toggle .left-content img {
    position: absolute;
    top: 0;
    left: 0px;
	bottom: 0;
}
.b2b-ecommerce-platform .connect-toggle .right-content h3{
	color: var(--dark);
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 20px;
	font-size: 26px;
}
.b2b-ecommerce-platform .connect-toggle .right-content a{
	display: inline-flex;
	background-color: var(--primary);
	color: var(--light);
	padding: 10px 40px;
	font-weight: 400;
}
.b2b-ecommerce-platform .management{
	padding: 50px 0px;
}
.b2b-ecommerce-platform .management .inner-text h2{
    font-weight: 500;
    line-height: inherit;
    font-size: 32px;
	margin-bottom: 70px;
	width: 50%;
	text-align: left;
}
.b2b-ecommerce-platform .management .inner-text h2 br{
	display: none;
}
.b2b-ecommerce-platform .management .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.b2b-ecommerce-platform .management .inner-text .rowm{
	margin: 50px 0px 0px;
}
.b2b-ecommerce-platform .management .inner-text .left-content img{
	width: 85%;
}
.b2b-ecommerce-platform .management .inner-text .right-content h5{
	font-size: 24px;
    color: var(--dark);
    font-weight: 500;
	margin-bottom: 10px;
}
.b2b-ecommerce-platform .management .inner-text .right-content p{
	font-size: 16px;
	color: var(--text-color);
	font-weight: 400;
	line-height: 26px;
}
/* ----------b2b-ecommerce-platform---------- */
/* ---------website-design-package------------ */
.website-design-package .banner{
	height: 88vh;
	background-color: var(--mid-primary);
}
.website-design-package .banner .left-content h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 500;
}
.website-design-package .banner .left-content h1 span{
	color: var(--primary);
}
.website-design-package .banner .right-content img{
	width: 100%;
}
.website-design-package .banner .left-content p{
	font-size: 18px;
	color: var(--dark);
}
.website-design-package .banner .left-content ul {
    margin: 20px 0px 20px 25px;
}
.website-design-package .banner .left-content ul li{
	position: relative;
    margin: 10px 0px;
    color: var(--dark);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0px;
}
.website-design-package .banner .left-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
/* ---------website-design-package------------ */
/* --------------Email suite----------------- */
.email-suite{
	padding: 0px;
	background-color: var(--transparent);
}
 .data-conversion-support{
	background-color: var(--primary);
}
.data-entry-conversion-support{
	background-color: var(--primary);
}
.support-navbar.email-suite.email-group-support{
	background-color: var(--lighter-primary);
}
.email-group-email-suite-section{
	background-color: #f4f8ff;
}
.email-suite .nav-block .menu__box li a{
	color: var(--dark); 
	font-size: 16px;
	letter-spacing: 0px;
	display: flex;
	align-items: center;
}
.email-suite .nav-block{
	padding: 0px;
}
.email-suite .nav-block .menu__box li .dropdown-menu .inner-links a{
	color: var(--dark);
	font-weight: 500;
}

/* .email-suite .nav-block .menu__box li .dropdown-menu .inner-links a.popups:hover .inner-dropdown ul{
	display: block !important;
}
.email-suite .nav-block .menu__box li .dropdown-menu .inner-links a.popups .inner-dropdown ul{
	display: none !important;
} */
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a:hover{
	color: var(--primary);
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links{
	padding: 0px 15px 15px;
}
.support-navbar .nav-block .menu__box li:hover .dropdown-menu{
	box-shadow: var(--box-shadow);
}
.email-suite-section .first-section .inner-text .bread-cum nav ol li.breadcrumb-item a {
    color: #ff4c65;
}
.email-suite-section .first-section .inner-text .bread-cum nav ol li.breadcrumb-item.active{
	text-transform: capitalize;
}
.email-suite-section .second-section{
	padding: 50px 0px;
}
.email-suite-section .second-section .inner-text h2{
	text-align: left;
    font-weight: 600;
    line-height: inherit;
    font-size: 46px;
}
.email-suite-section .second-section .inner-text h2::after{
	background-color: var(--primary);
	right: auto;
}
.email-suite-section .second-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	font-weight: 300;
}
.email-suite-section .second-section .inner-text img{
	width: 100%;
}
.email-suite-section .second-section .inner-text i{
	font-size: 30px;
	color: var(--blue);
	box-shadow: 0 0 2.5em 0 rgb(0 0 0 / 30%);
}

/* --------------Email suite----------------- */
/* -------------Custom Domain---------------- */
.custom-domain-section .first-section{
	background-image: url(../images/toggle-mails/domain-banner.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.custom-domain-section .first-section .inner-text{
	padding: 50px 0px;
	text-align: center;
}
.custom-domain-section .first-section .inner-text h1{
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 30px;
	color: var(--dark);
	line-height: 55px;
}

.custom-domain-section .first-section .inner-text span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-color);
    padding: 14px 25px;
    border: 1px solid var(--border-color);
    border-radius: 0px;
    width: 50%;
    margin: 0px auto 30px;
    text-align: left;
	border-radius: 30px;
}
.custom-domain-section .first-section .inner-text a{
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 40px;
	background-color: #f0483e;
	border-color: #f0483e;
	padding: 10px 30px;
}
.custom-domain-section .first-section .inner-text p {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    width: 80%;
    margin: 50px auto 0px;
	padding-top: 250px;
}
.custom-domain-section .first-section .inner-text p strong{
	font-weight: 600;
}
.custom-domain-section .second-section{
	padding: 80px 0px;
	background-color:#dfedfa;
}
.custom-domain-section .second-section .inner-text h2{
	font-weight: 500;
	line-height: initial;
	font-size: 32px;
}
.custom-domain-section .second-section .inner-text h2 br{
	display: none;
}
.custom-domain-section .second-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-domain-section .second-section .inner-text p{
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 0px auto;
}
.custom-domain-section .second-section .inner-text ul{
	display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
    margin: 30px auto 0;
}
.custom-domain-section .second-section .inner-text ul li{
	background-color: var(--light);
	padding: 30px 40px;
	border-radius: 20px;
}
.custom-domain-section .second-section .inner-text ul li .first-box{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.custom-domain-section .second-section .inner-text ul li .first-box img{
	width: 50px;
	margin-right: 20px;
}
.custom-domain-section .second-section .inner-text ul li .first-box h4{
	font-size: 22px;
	font-weight: 600;
	color: var(--dark);
}
.custom-domain-section .second-section .inner-text ul li p{
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}
.custom-domain-section .third-section{
	padding: 70px 0px;
}
.custom-domain-section .third-section .inner-text  h2{
	font-weight: 500;
    line-height: initial;
	text-align: left;
	font-size: 32px;
	margin-bottom: 0px;
}
.custom-domain-section .third-section .inner-text  h2::after{
	background-color: var(--primary);
	right: auto;
}
.custom-domain-section .third-section .inner-text .left-content{
	background-color: var(--lightest-primary);
	margin-top: 30px;
}

.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item .accordion-header button.accordion-button{
	background-color: transparent;
	font-size: 18px;
	font-weight: 500;
	color: var(--dark);
	margin-left: 30px;
} 
.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item{
	border: 0px;
	background-color: #fffde7;
	padding: 5px 20px;
}
.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item .accordion-header button.accordion-button::after {
    content: "\f078";
    background-image: none;
    font-family: fontawesome;
    left: -25px;
    position: absolute;
    top: 17px;
    background-color:#bbdefb;
    padding: 14px;
    display: flex;
    align-items: center;
    font-size: 15px;
    justify-content: center;
    border-radius: 50%;
	transform: rotate(-90deg);
}
.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item .accordion-header button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-0deg);
}

.custom-domain-section .third-section .inner-text .right-content img{
	width: 80%;
}

.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item .accordion-collapse .accordion-body p{
	font-size: 16px;
}
.custom-domain-section .third-section .inner-text .left-content .accordion .accordion-item .accordion-collapse .accordion-body p a{
	color: var(--primary);
}
.custom-domain-section .four-section{
	padding: 50px 0px;
}
.custom-domain-section .four-section .inner-text .left-content h2{
	font-weight: 500;
    line-height: initial;
    text-align: left;
	font-size: 32px;
}
.custom-domain-section .four-section .inner-text .left-content h2::after{
	background-color: var(--primary);
	right: auto;
}
.custom-domain-section .four-section .inner-text .left-content h4{
	color: #1976d2;
	font-weight: 600;
	font-size: 22px;
	margin-bottom:20px;
}
.custom-domain-section .four-section .inner-text .left-content p{
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
}
.custom-domain-section .four-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 150px;
	position: relative;
} 
.custom-domain-section .four-section .inner-text ul::after {
    content: "";
    position: absolute;
    background-image: url(../images/toggle-mails/dashed-shape.png);
    height: 400px;
    width: 993px;
    z-index: -1;
    left: 36px;
    top: -99px;
    background-repeat: no-repeat;
    background-size: contain;
}
.custom-domain-section .four-section .inner-text ul li{
	width: 20%;
	text-align: center;
}
.custom-domain-section .four-section .inner-text ul li img{
	width: 50px;
	margin-bottom: 10px;
}
.custom-domain-section .four-section .inner-text ul li h6{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 600;
	color: var(--dark);
}
.custom-domain-section .four-section .inner-text ul li:nth-child(2){
	margin-top: -150px;
}
.custom-domain-section .four-section .inner-text ul li:nth-child(3){
	margin-top: -30px;
}
.custom-domain-section .four-section .inner-text ul li:nth-child(4){
	margin-top: 96px;
}
.custom-domain-section .four-section .inner-text ul li:last-child{
	margin-top: -50px;
}
.custom-domain-section .four-section .inner-text .right-content .flex-align {
    display: flex;
}
.custom-domain-section .four-section .inner-text .right-content .flex-align p:first-child{
	font-size: 16px;
	color: #1976d2;
	font-weight: 600;
	width: 15%;
}
.custom-domain-section .four-section .inner-text .right-content .flex-align  p{
	font-size: 16px;
	font-weight: 400;
	width: 85%;
	line-height: 28px;
}
.custom-domain-section .four-section .inner-text .right-content .flex-align  p strong{
	font-weight: 600;
}
.custom-domain-section .five-section{
	padding: 70px 0px;
}
.custom-domain-section .five-section .inner-text h2{
    font-weight: 500;
    line-height: initial;
    text-align: center;
	margin-bottom: 50px;
	font-size: 32px;
}
.custom-domain-section .five-section .inner-text h2::after{
	background-color: var(--primary);
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-item .item .slider{
	width: 80%;
	margin: 0px auto;
	text-align: left;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-item .item .slider h4{
	color:#1194f6;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 20px;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-item .item .slider p{
	font-size: 16px;
    font-weight: 400;
	line-height: 28px;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-item .item .slider p a{
	color: #1194f6;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-dots{
	text-align: center;
	margin-top: 30px;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-dots .owl-dot.active span{
	height: 15px;
	width: 15px;
	background-color:#1194f6;
	border-radius: 50%;
	display: block;
}
.custom-domain-section .five-section .inner-text  .owl-carousel .owl-dots .owl-dot span{
	height: 12px;
	width: 12px;
	background-color: var(--border-color);
	border-radius: 50%;
	display: block;
	margin: 0px 3px;
}

.custom-domain-section .five-section.second .inner-text h2{
	margin-bottom: 40px;
}
.custom-domain-section .five-section.second .inner-text{
	text-align: center;
}
.custom-domain-section .five-section.second .inner-text a{
	text-align: center;
	border-color: #f0483e;
	background-color: #f0483e;
}
.custom-domain-section .six-section{
	padding: 50px 0px;
	background-color: var(--light-gray);
}
.custom-domain-section .six-section .inner-text{
	text-align: center;
}
.custom-domain-section .six-section .inner-text img {
    margin-bottom: 30px;
    width: 25%;
}
.custom-domain-section .six-section .inner-text ul{
	width: 70%;
	margin: 0px auto;
	display: flex;
}
.custom-domain-section .six-section .inner-text ul li{
	width: 50%;
	margin: 0px 10px;
}
.custom-domain-section .six-section .inner-text ul li img{
	width: 100%;
	margin: 0px;
}
/* -------------Custom Domain---------------- */
/* ------------physical security------------ */
.physical-secuirty-secttion .banner-section{
	padding: 40px 0px;
	text-align: center;
}
.physical-secuirty-secttion .banner-section2{
	background: #fafafa;
}
.physical-secuirty-secttion .banner-section .inner-text h1{
	font-weight: 600;
	color: var(--dark);
	font-size: 42px;
	margin-bottom: 20px;
}
.physical-secuirty-secttion .banner-section .inner-text p {
    margin: 0px auto 20px;
    color: var(--text-color);
    line-height: 28px;
    font-size: 18px;
    width: 60%;
}
.physical-secuirty-secttion .banner-section .inner-text a.btns{
	background-color: #f0483e;
    border-color: #f0483e;
    font-weight: 500;
    text-transform: uppercase;
}
.physical-secuirty-secttion .banner-section .inner-text a{
	text-transform: uppercase;
}
.physical-secuirty-secttion .banner-section .inner-text img{
	width: 40%;
	margin: 60px auto 0px;
	display: block;
}
.physical-secuirty-secttion .banner-section .inner-text2{
	margin-top: 40px;
}
.physical-secuirty-secttion .banner-section .inner-text2 ul{
	display: block;
}
.physical-secuirty-secttion .banner-section .inner-text2 ul li {
    text-align: left;
    display: flex;
    padding: 70px 0px;
    border-bottom: 1px solid #d2d2d2;
}
.physical-secuirty-secttion .banner-section .inner-text2 ul li:last-child{
	border-bottom: none;
}
.physical-secuirty-secttion .banner-section .inner-text2 ul li h3{
	width: 33.33%;
	padding-right:70px;
	font-size: 26px;
	color: var(--dark);
	margin-bottom: 10px;
	font-weight: 500;
	line-height: inherit;
}
.physical-secuirty-secttion .banner-section .inner-text2 ul li p{
	width: 66.66%;
	font-size: 16px;
	color: var(--text-color);
	padding-right: 30px;
	line-height: 28px;
	margin: 0px;
}
.physical-secuirty-secttion .banner-section .inner-text3 ul li{
	text-align: left;
	width: 50% ;
	margin-bottom: 20px;
}

.physical-secuirty-secttion .banner-section .inner-text2 ul li p a{
	color: var(--primary);
}
.physical-secuirty-secttion .second-section{
	padding: 60px 0px;
	background-color:#212121;
}
.physical-secuirty-secttion .product-second-sample{
	background-color: #1a1a25;
	padding: 60px 0px;
}
.physical-secuirty-secttion .physical-security-second{
	background-color: var(--light);
}
.physical-secuirty-secttion .second-section .inner-text{
	text-align: center;
}
.physical-secuirty-secttion .second-section .inner-text h3{
	font-size: 32px;
	color: var(--light);
	margin-bottom: 20px;  
}
.physical-secuirty-secttion .second-section .inner-text a.btns{
	background-color: #f0483e;
    border-color: #f0483e;
	font-weight: 500;
	text-transform: uppercase;
}


/* ------------physical security------------ */
/* ------------email privacy------------ */
.eamil-privacy-section .first-section{
	padding: 100px 0px;
}
.eamil-privacy-section .first-section .left-content h1 {
    font-size: 50px;
    font-weight: 700;
    color: var(--dark);
    line-height: 65px;
}
.eamil-privacy-section .first-section .left-content h1 span{
	color:#f0483e	;
}
.eamil-privacy-section .first-section .right-content p{
	font-size: 18px;
	color: var(--dark);
}
.eamil-privacy-section .first-section .right-content p {
    font-size: 20px;
    color: var(--dark);
    line-height: 34px;
    font-weight: 600;
    margin: 0px;
}
.eamil-privacy-section .first-section .right-content p span{
	color: #f0483e;
}
.eamil-privacy-section .second-section{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.eamil-privacy-section .second-section ul{
	display: flex;
	flex-wrap: wrap;
}
.eamil-privacy-section .second-section ul li {
    width: 42%;
    background-color: var(--light);
	padding: 65px 48px 50px;
    text-align: center;
    margin: 44px;
}
.eamil-privacy-section .second-section ul li:last-child{
	display: flex;
	width: 100%;
	align-items: center;
}
.eamil-privacy-section .second-section ul li:last-child img{
	margin-right: 60px;
}
.eamil-privacy-section .second-section ul li:last-child .right{
	text-align: left;
}
.eamil-privacy-section .second-section ul li img {
    width: 170px;
    margin-bottom: 30px;
}
.eamil-privacy-section .second-section ul li h3 {
    font-size: 32px;
    color: #f0483e;
    font-weight: 600;
    margin-bottom: 20px;
}
.eamil-privacy-section .second-section ul li p {
    font-size: 20px;
    color: var(--dark);
    font-weight: 500;
	line-height: 32px;
}
/* ------------email privacy------------ */
/* -----threat-protection-section------ */
.threat-protection-section{
	background-image: linear-gradient(213deg,#2c1111 -3%,#000,rgba(28,28,28,0.7) 27%);
	background-color: var(--dark);
}
.threat-protection-section .second-section{
	padding: 40px 0px 90px;
}
.threat-protection-section .second-section .inner-text{
	text-align: center;
}
.threat-protection-section .second-section .inner-text h1 {
    font-size: 42px;
    font-weight: 500;
    color: var(--light);
    margin-bottom: 20px;
}
.threat-protection-section .second-section .inner-text p {
    font-size: 16px;
    color: var(--light);
    text-align: center;
    width: 60%;
    margin: 0px auto 20px;
}
.threat-protection-section .second-section .inner-text a.btns{
	text-transform: uppercase;
	background-color: #f0483e;
	border-color: #f0483e;
}
.threat-protection-section .second-section .inner-text a.btns:hover{
	border-color:#f0483e ;
}
.threat-protection-section .third-section .inner-text{
	background-color: #1c1c1c;
    border-radius: 50px;
	padding: 80px 0px 0px;
}
.threat-protection-section .third-section:nth-child(2n) .inner-text{
	background-color: transparent;
}
.threat-protection-section .third-section .inner-text .first-row{
	display: flex;
	align-items: flex-start;
}
.threat-protection-section .third-section .inner-text .first-row img {
    width: 140px;
    margin-right: 30px;
    object-fit: contain;
}
.threat-protection-section .third-section .inner-text .first-row  .right h3{
	color: var(--light);
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}
.threat-protection-section .third-section .inner-text .first-row  .right p{
	color: var(--light);
	font-weight: 300;
	line-height: 26px;
}
.threat-protection-section .third-section .inner-text .second-row{
	margin-top: 40px;
}
.threat-protection-section .third-section .inner-text .second-row ul{
	display: flex;
	flex-wrap: wrap;
}
.threat-protection-section .third-section .inner-text .second-row ul li{
	width: 46%;
	margin-bottom: 50px;
}
.threat-protection-section .third-section .inner-text .second-row ul li:nth-child(2n){
	margin-left: 74px;
}
.threat-protection-section .third-section .inner-text .second-row ul li h4{
	color: var(--light);
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 10px;
	line-height: inherit;
}
.threat-protection-section .third-section .inner-text .second-row ul li h4 span br{
	display: block;
}
.threat-protection-section .third-section .inner-text .second-row ul li h4 br{
	display: none;
}
.threat-protection-section .third-section .inner-text .second-row ul li p{
	color: var(--light);
	margin-bottom: 0px;
	line-height: 26px;
	font-weight: 300;

}
/* ------threat-protection-section------- */
/* -----------overall security----------- */
.overall-security-section .banner-section{
	padding: 40px 0px;
	background-color: #22272f;
}
.overall-security-section .banner-section .right-content img{
	width: 100%;
}
.overall-security-section .banner-section .left-content h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 20px;
}

.overall-security-section .banner-section .left-content  p{
	font-size: 18px;
	font-weight: 300;
	color: var(--light);
	margin-bottom: 30px;
}
.overall-security-section .banner-section .left-content .contact-btn{
	display: inline-block;
}
.overall-security-section .banner-section .left-content .contact-btn a.btns{
	background-color: #f0483e;
    border-color: #f0483e;
    font-weight: 500;
    text-transform: uppercase;
}
.overall-security-section .banner-section .left-content a.contact{
	border: 2px solid var(--light);
    background-color: var(--light);
    border-radius: 2px;
    color: var(--dark) !important;
    display: inline-block;
    padding: 6px 20px;
	font-weight: 600;
	margin-left: 10px;
}

.overall-security-section .second-section{
	padding:60px 0px;
	text-align: center;
}
.overall-security-section .second-section .inner-text h3 {
    font-size: 26px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 30px;
}
.overall-security-section .second-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	margin: 0px auto;
	justify-content: center;
}
.overall-security-section .second-section .inner-text ul li{
	margin: 0px 8px;
}
.overall-security-section .second-section .inner-text ul li img{
	width: 100%;
	object-fit: contain;
    height:60px;
}
.overall-security-section .third-section{
	padding: 70px 0px;
	text-align: center;
}
.overall-security-section .third-section .inner-text{
	margin: 0px auto;
}
.overall-security-section .third-section .inner-text h2.heading2{
   font-weight: 500;
   color: var(--dark);
   font-size: 32px;
}
.overall-security-section .third-section .inner-text h2.heading2::after{
  background-color: var(--primary);

}
.overall-security-section .third-section .inner-text p {
    color: var(--dark);
    font-size: 18px;
    line-height: 30px;
    width: 60%;
    margin: 0px auto;
}
.overall-security-section .third-section .inner-text a{
	color: #1975d2;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.overall-security-section .third-section .inner-text a i{
	display: inline-block;
	margin-left: 10px;
	background-color: #1975d2;
	color: var(--light);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	font-size: 12px;
	align-items: center;
}
.overall-security-section .third-section .inner-text img{
	width: 40%;
	margin: 40px auto 20px;
}
.overall-security-section .third-section .inner-text ul {
    width: 73%;
    margin: 30px auto 0px;
}
.overall-security-section .third-section .inner-text ul li {
    display: inline-block;
    padding: 0 25px;
    position: relative;
    line-height: 1;
    padding: 10px 30px;
	font-weight:500;
	color: var(--dark);
}
.overall-security-section .third-section .inner-text ul li:not(:last-child):after {
    content: "";
    background: var(--dark);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50px;
}
.overall-security-section .frequently-asked-question{
	padding: 40px 0px 20px;
}
.overall-security-section .frequently-asked-question .inner-text h2{
	font-weight: 500;
	color: var(--dark);
	font-size: 32px;
	line-height: 42px;
}
.overall-security-section .frequently-asked-question .inner-text h2::after{
	background-color: var(--primary);
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item:last-child{
	border: 0px;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item{
	border-bottom: 1px solid var(--border-color);
	padding: 10px 0px;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-header .accordion-button{
	font-weight: 500;
	font-size: 22px;
	color: var(--dark);
	padding: 20px;
	background-color: var(--transparent);
	letter-spacing: -.5px;
	box-shadow: none;
	border-bottom: 0px;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
	color: #1975d2;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-collapse .accordion-body{
	padding: 0px;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-collapse .accordion-body p{
	font-size: 16px;
	line-height: inherit;
	color: var(--dark);
	padding: 0px 20px;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url(../images/secrity-privacy/plus-icon.png);
    width: 12px;
    height: 12px;
    background-size: contain;
}
.overall-security-section .frequently-asked-question .inner-text .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url(../images/secrity-privacy/minus-icon.png);
    transform: rotate(0deg);
}
.overall-security-section .secure-email-service-section{
	padding: 70px 0px;
}
.overall-security-section .secure-email-service-section .inner-text h2{
	color: var(--dark);
	font-weight: 500;
	font-size: 32px;
}
.overall-security-section .secure-email-service-section .inner-text h2::after{
	background-color: var(--primary);
}
.overall-security-section .secure-email-service-section .inner-text p{
	font-weight: 500;
	color: var(--dark);
	font-size: 18px;
	text-align: center;
}
.overall-security-section .secure-email-service-section .inner-text .details-button{
	text-align: center;
	margin-top: 30px;
}
.overall-security-section .secure-email-service-section .inner-text .details-button a{
	margin: 0px 5px;
}
.overall-security-section .secure-email-service-section .inner-text .details-button a.btns{
	background-color: #f0483e;
    border-color: #f0483e;
    font-weight: 500;
    text-transform: uppercase;
}
.overall-security-section .secure-email-service-section .inner-text .details-button a.btn-gray{
	border:1px solid var(--dark);
	color: var(--dark) !important;
	font-weight: 600;
	background-color: transparent;
}









/* ----------------second header css---------- */
/* -----------overall security----------- */
.second-dropdown-support2{
	display: none;
	position: relative;
	top: -11px;
    left: 221px;
    background: var(--light);
    visibility: hidden;
    opacity: 0;
    margin: 0 auto;
    border-radius: 2px;
    transform: translateY(20px);
    transition: all .3s ease;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0,0,0,.15);
    /* transition: transform .3s ease-in-out,opacity .3s ease-in-out; */
}

.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups:hover ~ .second-dropdown-support2{
	margin-top: 10px;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups:hover ~ .second-dropdown-support2 ul{
	padding-top: 0px;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups:hover ~ .second-dropdown-support2 ul li{
	padding: 0px;
}
.second-dropdown-support3{
	display: none;
	position: relative;
	top: -11px;
    left: 221px;
    background: var(--light);
    visibility: hidden;
    opacity: 0;
    margin: 0 auto;
    border-radius: 2px;
    transform: translateY(20px);
    transition: all .3s ease;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0,0,0,.15);
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups2:hover ~ .second-dropdown-support3{
	margin-top: 10px;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups2:hover ~ .second-dropdown-support3 ul{
	padding-top: 2px;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups2:hover ~ .second-dropdown-support3 ul li{
	padding: 0px;
}

.second-dropdown-support4{
	display: none;
	position: relative;
	top: -11px;
    left: 221px;
    background: var(--light);
    visibility: hidden;
    opacity: 0;
    margin: 0 auto;
    border-radius: 2px;
    transform: translateY(20px);
    transition: all .3s ease;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0,0,0,.15);
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups3:hover ~ .second-dropdown-support4{
	margin-top: 10px;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups3:hover ~ .second-dropdown-support4 ul{
	padding-top: 2px;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a.popups3:hover ~ .second-dropdown-support4 ul li{
	padding: 0px;
}
.support-navbar .nav-block .menu__box li .dropdown-menu .inner-links a img {
    width: 11px;
    float: right;
    margin-top: 6px;
}
/* ----------------second header css---------- */
/* --------------Admin Control-------------- */
/* .admin-control{
	margin: 0px 12px;
} */
.admin-control .banner{
	padding: 50px 0px 0px;
	text-align: center;
}
.admin-control .banner .inner-text p{
	margin: 0px auto 10px;
	font-weight: 400;
	color: var(--text-color);
	line-height: 28px;
	font-size: 18px;
}
.admin-control .banner .inner-text h2{
	color: var(--dark);
	font-size: 32px;
	margin-top: 10px;
}
.admin-control .banner .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .banner .inner-text img{
	width: 100%;
	margin-top: -105px;
}
.admin-control .domain-details{
	padding: 70px 0px 70px;
	background-color: var(--lighter-primary);
}
.admin-control .domain-details .inner-text .left-content .text{
	margin-bottom: 60px;
}
.admin-control .domain-details .inner-text p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
	color: var(--text-color);
}
.admin-control .domain-details .inner-text h2{
	font-size: 32px;
}
.admin-control .domain-details .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .domain-details .inner-text .left-content .text h3{
	font-size: 26px;
	font-weight: 500;
	color: var(--dark);
	text-align: center;
	margin-bottom: 30px;
}
.admin-control .domain-details .inner-text .left-content .text p{
	color:var(--text-color);
	font-size: 18px;
	text-align: center;
	line-height: 28px;
}
.admin-control .domain-details .inner-text .left-content .text p a{
	color: var(--primary);
}
.admin-control .domain-details .inner-text .right-content img{
	width: 100%;
}
.admin-control .domain-details .inner-text2 h3{
	font-size: 26px;
	font-weight: 500;
	color: var(--dark);
	text-align: center;
}

.admin-control .domain-details .inner-text2 p{
	color:var(--text-color);
	font-size: 18px;
	text-align: center;
}
.admin-control .domain-details .inner-text2 p a{
	color: var(--primary);
}
.admin-control .user-management .inner-text h2{
	font-size: 32px;
}
.admin-control .user-management{
	padding: 70px 0px;
}
.admin-control .user-background{
	background-color: var(--lighter-primary);
}
.admin-control .user-management .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .user-management .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 50px;
}
.admin-control .user-management .inner-text .left-content img{
	width: 50%;
	margin:0px auto;
	display: block;
}
.admin-control .user-management .inner-text :is(.right-content, .left-content) .text h3{
	font-size: 26px;
    font-weight: 500;
    color: var(--dark);
	margin-bottom: 30px;
	text-align: center;
}
.admin-control .user-management .inner-text :is(.right-content, .left-content) .text p{
	color: var(--text-color);
    font-size: 18px;
	text-align: center;
	line-height: 28px;
}
.admin-control .user-management .inner-text :is(.right-content, .left-content) .text p a{
	color: var(--primary);
}
.admin-control .user-management .inner-text2 p{
	color: var(--text-color);
    font-size: 18px;
	text-align: center;
}
.admin-control .user-management .inner-text2 p a{
	color: var(--primary);
}
.admin-control .group-management{
	padding: 70px 0px;
	background-color: var(--lighter-primary);
}
.admin-control .group-management .inner-text h2{
	font-size: 32px;
}
.admin-control .group-management .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .group-management .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
}
.admin-control .group-management .inner-text img{
	width: 40%;
	margin: 0px auto;
	display: block;
}

.admin-control .group-management .inner-text :is(.left-content, .right-content) .text h3{
	font-size: 26px;
    font-weight: 500;
    color: var(--dark);
	margin-bottom: 30px;
	text-align: center;
}
.admin-control .group-management .inner-text :is(.left-content, .right-content) .text p{
	color: var(--text-color);
    font-size: 18px;
	text-align: center;
	line-height: 28px;
	margin-bottom: 50px;
}
.admin-control .group-management .inner-text :is(.left-content, .right-content) .text p a{
	color: var(--primary);
}
.admin-control .spam-policy{
	padding: 70px 0px;
}
.admin-control .spam-policy .inner-text h2{
	font-size: 32px;
}
.admin-control .spam-policy .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .spam-policy .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 50px;
}
.admin-control .spam-policy .inner-text .right-content img{
	width: 70%;
	display: block;
	margin: 0px auto;
}
.admin-control .spam-policy .inner-text :is(.left-content, .right-content) .text h3{
	font-size: 26px;
    font-weight: 500;
    color: var(--dark);
	margin-bottom: 30px;
	text-align: center;
}
.admin-control .spam-policy .inner-text :is(.left-content, .right-content) .text p{
	color: var(--text-color);
    font-size: 18px;
	text-align: center;
	line-height: 28px;
	margin-bottom: 50px;
}
.admin-control .spam-policy .inner-text p.text-bottom{
	font-size: 18px;
	color: var(--text-color);
}
.admin-control .spam-policy .inner-text p.text-bottom a{
	color: var(--primary);
}
.admin-control .Migration{
	padding: 70px 0px;
}
.admin-control .Migration .inner-text h2{
	font-size: 32px;
}
.admin-control .Migration .inner-text h2::after{
	background-color: var(--primary);
}
.admin-control .Migration .inner-text img{
	width: 40%;
	display: block;
	margin: 0px auto;
}
.admin-control .Migration .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
}
.admin-control .Migration .inner-text p a{
	color: #03a9f5;
}
.admin-control .mail-admin-app{
	padding: 60px 0px;
	text-align: center;
	background-color:#303457;
}
.admin-control .mail-admin-app .inner-text h3{
	color: var(--light);
	font-size: 30px;
	margin-bottom: 20px;
}
.admin-control .mail-admin-app .inner-text .app-icon img{
   width: 150px;
   margin: 0px 4px;
}
/* --------------Admin Control-------------- */
/* -------------Email retention------------- */
.email-retention .banner{
	padding: 40px 0px 0px;
}
.email-retention .banner .left-content h1{
	font-size: 42px;
    color: var(--dark);
	font-weight: 600;
	margin-bottom: 30px;
}

.email-retention .banner .left-content p{
	font-size: 18px;
    color: var(--text-color);
    line-height: 30px;
	margin-bottom: 30px;
}
.email-retention .banner .left-content a.btns{
	background-color: #f0483e;
	border-color: #f0483e;
}
.email-retention .banner .right-content img {
    width: 100%;
    position: relative;
    top: 91px;
}
.email-retention .banner img{
	width: 100%;
	margin-top: 40px;
}
.email-retention .why-ediscovery{
	padding: 100px 0px;
	background: url(../images/admin-panel/why-ediscovery-bg.jpg) repeat 0 0/200px auto;
    margin: 0 auto;
}
.email-retention .why-ediscovery .inner-text h2{
	font-size: 32px;
}
.email-retention .why-ediscovery .inner-text h2::after{
	background-color: var(--primary);
}
.email-retention .why-ediscovery .inner-text p{
	font-size: 18px;
	color: var(--dark);
	line-height: 30px;
	width: 80%;
	margin: 0px auto;
	text-align: center;
}

.email-retention .why-ediscovery .inner-text ul{
	margin: 200px auto 70px;
    text-align: center;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.email-retention .why-ediscovery .inner-text ul li figure{
	height: 100px;
	width: 100px;
	border-radius: 50px;
	display: block;
	position: relative;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(odd) figure::after{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    margin: 0 auto;
    top: 58px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #000;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(even) figure::after{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    margin: 0 auto;
    top: 17px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #000;
}

.email-retention .why-ediscovery .inner-text ul li:last-child figure::after{
	display: none;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(odd) figure{
	background-color: #a8d1fc;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(even) figure{
	background-color:#ffeb70;
}
.email-retention .why-ediscovery .inner-text ul li figure img{
   width: 50px;
   margin-top: 23px;
}
.email-retention .why-ediscovery .inner-text ul li span{
	display: block;
	margin-top: 20px;
	font-size: 13px;
	color: var(--dark);
	width: 125px
}
.email-retention .why-ediscovery .inner-text ul li span strong{
	font-weight: 600;
	text-decoration: underline;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(odd){
	margin: -36px 0px 0px -13px;
}
.email-retention .why-ediscovery .inner-text ul li:nth-child(odd) span {
    margin: 80px 0px 0px -20px;
}

.email-retention .why-ediscovery .inner-text ul li:nth-child(even) span {
    margin: -170px 0px 0px -13px;
}
.email-retention .third-section{
	padding: 80px 0px;
}
.email-retention .third-section .inner-text .nav-pills .nav-item{
	width: 16.66%;
}
.email-retention .third-section .inner-text .nav-pills .nav-item .nav-link{
	text-align: center;
	cursor: pointer;
}
.email-retention .third-section .inner-text .nav-pills .nav-item .nav-link img{
	width: 40px;
	margin-bottom: 16px;
}
.email-retention .third-section .inner-text .nav-pills .nav-item .nav-link h6{
	color: var(--dark);
	margin-bottom: 0px;
}
.email-retention .third-section .inner-text .nav-pills .nav-item .nav-link.active{
	background-color: var(--transparent);
	cursor: pointer;
}
.email-retention .third-section .inner-text .nav-pills .nav-item .nav-link.active h6{
	color: #0146c6;
	padding-bottom: 10px;
	border-bottom: 3px solid #0146c6;
	border-radius: 3px;
	font-weight: 600;
}
.email-retention .third-section .inner-text .tab-content .tab-pane {
	margin-top: 80px;
}
.email-retention .third-section .inner-text .tab-content .tab-pane .left-content h5{
	font-size: 26px;
	font-weight: 500;
	color: var(--dark);
	margin-bottom: 20px;
}
.email-retention .third-section .inner-text .tab-content .tab-pane .left-content p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.email-retention .third-section .inner-text .tab-content .tab-pane .right-content img{
	width: 100%;
}
/* -------------Email retention------------- */
/* --------------Email Group --------------- */
.email-group-section .banner{
	padding: 60px 0px 60px;
	background-color: #f4f8ff;
}
.email-group-section .banner .inner-text {
	text-align: center;
}
.email-group-section .banner .inner-text h1{
	font-size: 42px;
    color: var(--dark);
    font-weight: 700;
    margin-bottom: 30px;
	line-height: 55px;
}

.email-group-section .banner .inner-text a.btn{
	margin-top: 20px;
	text-transform: uppercase;
}
.email-group-section .banner .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
	width: 70%;
	margin: 0px auto 30px;
}
.email-group-section .banner .inner-text a.btns{
	background-color: #f0483e;
	font-weight: 600;
	border-color: #f0483e;
}
.email-group-section .banner .inner-text img{
	width: 100%;
	margin-top: 30px;
}
.email-group-section .second-section{
	padding: 60px 0px 50px;
}
.email-group-section .second-section .inner-text{
	margin: 70px 0px 0px;
}

.email-group-section .second-section .inner-text .left-content h2{
	text-align: left;
	font-weight: 500;
	color: var(--dark);
	font-size: 32px;
	line-height: initial;
}
.email-group-section .second-section .inner-text .left-content h2 br{
	display: none;
}
.email-group-section .second-section .inner-text .left-content h2::after{
	right: auto;
	background-color: var(--primary);
}
.email-group-section .second-section .inner-text .left-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}
.email-group-section .second-section .inner-text .right-content img{
	width: 100%;
	border: 1px solid #eee;
	box-shadow: 0 2px 20px -5px rgb(0 0 0 / 8%)
}
.email-group-section .third-section  .inner-text .left-content{
	padding: 50px;
	box-shadow: 0 2px 20px -5px rgb(0 0 0 / 8%)
}
.email-group-section .third-section  .inner-text .left-content img{
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
	padding: 50px;
    background-color: #f2f5f7;
    border-radius: 10px;
	box-shadow: 0 2px 20px -5px rgb(0 0 0 / 8%)
}
.email-group-section .third-section  .inner-text .left-content h3{
	font-size: 26px;
	color: var(--dark);
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 20px;
}
.email-group-section .third-section  .inner-text .left-content p{
	color: var(--text-color);
	margin-bottom: 20px;
	line-height: 28px;
}
.email-group-section .four-section{
	padding: 50px 0px 0px;
}
.email-group-section .four-section .inner-text{
	background-color: #fcf1c2;
	padding: 50px;
}
.email-group-section .four-section .inner-text .left-content{
	padding: 50px;
	border-radius: 5px;
	background-color: #f7eab0;
}

.email-group-section .four-section .inner-text .left-content img{
	width: 100%;
}
.email-group-section .four-section .inner-text .right-content h2{
	text-align: left;
	font-weight: 500;
	font-size: 32px;
}
.email-group-section .four-section .inner-text .right-content h2::after{
   background-color: var(--primary);
   right: auto;
}
.email-group-section .four-section .inner-text .right-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}
/* --------------Email Group --------------- */
/* ----------Enterprise Features ----------- */
.enterprise-features .banner{
	padding: 60px 0px;
	background-color:#22272f;
}
.enterprise-features .banner .left-content h1{
	font-size: 42px;
    color: var(--light);
    font-weight: 600;
    margin-bottom: 20px;
	line-height: initial;
}

.enterprise-features .banner .left-content p{
	font-size: 17px;
	color: var(--light);
	font-weight: 300;

}
.enterprise-features .banner .left-content .flex-button{
	margin: 50px 0px;
}
.enterprise-features .banner .left-content .flex-button a{
	padding: 8px 30px;
	text-transform: uppercase;
	font-size: 15px;
	border-radius: 0px;
	margin-right: 10px;
	font-weight: 500;
}
.enterprise-features .banner .left-content .flex-button a.btns{
	background-color: #f0483e;
	border-color: #f0483e;
}
.enterprise-features .banner .left-content .flex-button a.btn-gray{
	background-color:var(--light) !important ;
	border-color: var(--light)!important ;
	color: var(--dark) !important;
	font-weight: 600;
}
.enterprise-features .banner .left-content .brands{
	margin-top: 30px;
}
.enterprise-features .banner .left-content .brands h6 {
    font-size: 18px;
    color: #7e8692;
    text-decoration: underline;
    text-underline-offset: 10px;
	margin-bottom: 10px;
	font-weight: 600;
}
.enterprise-features .banner .left-content .brands ul{
	margin-top: 30px;
	display: flex;
}
.enterprise-features .banner .left-content .brands ul li img{
	height: 60px;
}
.enterprise-features .banner .left-content .brands ul li:is(:first-child, :nth-child(2), :nth-child(3)) img{
	filter: invert(1);
}
.enterprise-features .banner .left-content .brands ul li{
	margin-right: 10px;
}
.enterprise-features .banner .right-content img{
	width: 100%;
}
.enterprise-features .why-use-email{
	padding: 100px 0px;
}
.enterprise-features .why-use-email .inner-text h2{
    font-weight: 500;
    color: var(--dark);
	font-size: 32px;
	line-height: initial;
	margin-bottom: 100px;
}
.enterprise-features .why-use-email .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item {
	width:44%;
	cursor: pointer;
	margin: 15px;
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item .nav-link{
	background:var(--lighter-primary);
    width: 100%;
    padding: 10px 30px;
	transition: all 0.5s ease-in-out;
	height: 190px;
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item .nav-link.active{
	background:#1777d2;
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item .nav-link.active .box span{
	color: var(--light);
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item .nav-link.active .box p{
	color: var(--light);
}
.enterprise-features .why-use-email .inner-text  .left-content .nav-pills .nav-item .nav-link .box span{
	font-size: 70px;
	font-weight: 500;
	color: var(--dark);
}
.enterprise-features .why-use-email .inner-text .left-content .nav-pills .nav-item .nav-link .box p {
    font-weight: 600;
    font-size: 20px;
    color: var(--dark);
    line-height: 28px;
}
.enterprise-features .why-use-email .inner-text  .right-content .tab-content .tab-pane .inner-text-details img{
	width: 40px;
	margin-bottom: 20px;
}
.enterprise-features .why-use-email .inner-text  .right-content .tab-content .tab-pane .inner-text-details h5{
	font-weight: 500;
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 10px;
}
.enterprise-features .why-use-email .inner-text  .right-content .tab-content .tab-pane .inner-text-details p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.enterprise-features .gmail-features{
	padding: 50px 0px 50px;
	background-color: var(--lightest-primary);
}
.enterprise-features .gmail-features .inner-text .left-content.sticky-top{
	top: 140px;
	z-index: 1;
}

.enterprise-features .gmail-features .inner-text .left-content h2{
	text-align: left;
	color: var(--dark);
	font-weight: 500;
	font-size: 32px;
	line-height: 42px;
}
.enterprise-features .gmail-features .inner-text .left-content h2::after{
	right: auto;
}
.enterprise-features .gmail-features {
    padding: 100px 0px 100px;
    background-color: #eff7ff;
}
.enterprise-features .gmail-features .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 30px;
}
.enterprise-features .gmail-features .inner-text .left-content ul li{
	margin-bottom: 15px;
}
.enterprise-features .gmail-features .inner-text .left-content ul li a{
	font-size: 20px;
	font-weight: 500;
	color: var(--dark);
}
.enterprise-features .gmail-features .inner-text .left-content ul li a.active{
	color: #1777d2;
	font-weight: 500;
}
.enterprise-features .gmail-features .inner-text .right-content .box-features-gmail{
	background-color: var(--light);
	padding: 50px;
	margin-bottom: 20px;
}
.enterprise-features .gmail-features .inner-text .right-content{
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}
.enterprise-features .gmail-features .inner-text .right-content .box-features-gmail img{
	width: 90px;
	margin-bottom: 30px;
}
.enterprise-features .gmail-features .inner-text .right-content .box-features-gmail h5{
	font-weight: 600;
    font-size: 20px;
    color: var(--dark);
    margin-bottom: 10px;
}
.enterprise-features .gmail-features .inner-text .right-content .box-features-gmail p {
	font-size: 16px;
    color: var(--text-color);
	line-height: 28px;
}
.enterprise-features .enterprise-solution{
	padding: 100px 0px;
}
.enterprise-features .enterprise-solution .inner-text h2{
	font-weight: 500;
	color: var(--dark);
	font-size: 32px;
	line-height: 42px;
}
.enterprise-features .enterprise-solution .inner-text h2::after{
	background-color: var(--primary);
}
.enterprise-features .enterprise-solution .inner-text .flex-button{
	margin-top: 30px;
	text-align: center;
	text-transform: uppercase;
}
.enterprise-features .enterprise-solution .inner-text .flex-button a{
	padding: 8px 30px;
	margin: 0px 5px;
	border-radius: 0px;
}

.enterprise-features .enterprise-solution .inner-text .flex-button a.btns{
	background-color: #f0483e;
    border-color: #f0483e;
}





.enterprise-features .enterprise-solution .inner-text .flex-button a.btn-gray{
    background-color: var(--light) !important;
    border:1px solid  var(--dark)!important;
    color: var(--dark) !important;
    font-weight: 600;
}
/* ----------Enterprise Features ----------- */
/* --------user-experience-design----------- */

.user-experience-design .second-section{
	padding: 50px 0px;
}
.user-experience-design .second-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	line-height: 42px;
}
.user-experience-design .second-section .inner-text h2::after{
	background-color: var(--primary);
}
.user-experience-design .second-section .inner-text p {
    font-size: 18px;
    color: var(--text-color);
    text-align: left;
    margin-bottom: 20px;
}
.user-experience-design .third-section{
	padding: 40px 0px;
	background-color: var(--mid-black);
}
.user-experience-design .third-section .inner-text h2{
	color: var(--light);
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
}
.user-experience-design .third-section .inner-text h2::after{
	background-color: var(--primary);
}

.user-experience-design .third-section .inner-text p{
	font-size: 18px;
	color: var(--light);
	text-align: center;
	margin: 0px;
}
.user-experience-design .four-section{
	position: relative;
	background-color: var(--light-gray);
	z-index: 1;
} 
.user-experience-design .four-section::before{
	position: absolute;
    content: "";
    background-image: url(../images/hire-developer/ui-ux-gigjag-bg.png);
    background-color:var(--mid-black);
    height: 115px;
    width: 100%;
    left: 0;
    top: 0;
	z-index: -1;
    background-position: center;
}
.user-experience-design .four-section .inner-text{
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	border-radius: 15px;
	background-color: var(--light);
	width: 900px;
	margin: 0px auto;
	padding:40px;
}
.user-experience-design .four-section .inner-text .left-content .nav .nav-link{
	border: 2px solid var(--dark);
	min-height: 72px;
	margin-bottom: 15px;
	color: var(--dark);
	font-weight: 500;
	font-size: 18px;
	padding: 0px 40px;
}
.user-experience-design .four-section .inner-text .left-content .nav .nav-link.active{
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--light);
}
.user-experience-design .four-section .inner-text .right-content .box h3{
   font-size: 26px;
   font-weight: 500;
   margin-bottom: 15px;
   color: var(--dark);
}
.user-experience-design .four-section .inner-text .right-content .box p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.user-experience-design .four-section .inner-text .right-content .box ul{
	margin: 20px 0px 20px;
	list-style: disc;
	list-style-position: inside;
}
.user-experience-design .four-section .inner-text .right-content .box ul li{
	margin: 10px 0px;
	color: var(--text-color);
}
.user-experience-design .four-section .inner-text .right-content .box a{
	color: var(--primary);
	font-weight: 500;
	font-size: 16px;
}
.user-experience-design .five-section{
	padding: 40px 0px 0px;
	background-color: var(--light-gray);
}
.user-experience-design .five-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	line-height: 42px;
}
.user-experience-design .five-section .inner-text h2 br{
	display: none;
}
.user-experience-design .five-section .inner-text h2::after{
	background-color: var(--primary);
}
.user-experience-design .five-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 130px;
}
.user-experience-design .five-section .inner-text .flex-rows {
	display: flex;
	flex-wrap: wrap;
}
.user-experience-design .five-section .inner-text .flex-rows  .inner-box{
	text-align: center;
	width: 33.33%;
}
.user-experience-design .five-section .inner-text .flex-rows  .inner-box figure img{
	width: 70px;
}
.user-experience-design .five-section .inner-text .flex-rows  .inner-box figure {
    height: 100px;
    background-color: #1dc4cc;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	margin: 0px auto 20px;
}
.user-experience-design .five-section .inner-text .flex-rows  .inner-box h5{
	color: var(--dark);
	margin-bottom: 30px;
	line-height: 26px;
	position: relative;
}
.user-experience-design .five-section .inner-text .flex-rows .inner-box h5::after {
    position: absolute;
    content: "";
    background-color: var(--primary);
    height: 2px;
    width: 70px;
    left: 151px;
    top: 56px;
}
.user-experience-design .five-section .inner-text .flex-rows  .inner-box ul li{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 15px;
}
.user-experience-design .five-section .inner-text .flex-rows .inner-box:nth-child(2){
	margin-top: -100px;
	position: relative;
}
.user-experience-design .five-section .inner-text .flex-rows .inner-box:nth-child(2)::before {
    position: absolute;
    content: "";
    background: url(../images/hire-developer/arrows-right.png) no-repeat center right;
    width: 93px;
    height: 16px;
    top: 110px;
    left: -62px;
    bottom: auto;
    transform: rotate(-200deg);
}
.user-experience-design .five-section .inner-text .flex-rows .inner-box:nth-child(2)::after {
    position: absolute;
    content: "";
	background: url(../images/hire-developer/arrows-right.png) no-repeat center right;
    width: 93px;
    height: 16px;
    top: 110px;
    right: -72px;
    transform: rotate(18deg);
}
.user-experience-design .six-section{
	padding: 40px 0px;
	background-color: var(--light-gray);
}
.user-experience-design .six-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
	color: var(--dark);
	line-height: 42px;
}
.user-experience-design .six-section .inner-text h2 br{
	display: none;
}
.user-experience-design .six-section .inner-text h2::after{
	background-color: var(--primary);
}

.user-experience-design .six-section .inner-text .left-content h3{
	font-size: 26px;
	color: var(--dark);
	font-weight: 500;
	margin-bottom: 15px;
}
.user-experience-design .six-section .inner-text .left-content p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
}
.user-experience-design .six-section .inner-text .left-content ul{
	margin-left: 30px;
}
.user-experience-design .six-section .inner-text .left-content ul li{
	font-size: 16px;
	color: var(--text-color);
	position: relative;
	margin-bottom: 10px;
}
.user-experience-design .six-section .inner-text .left-content ul li::after{
	background-image: url(../images/hire-developer/checked-symbol.svg);
	content: "";
    position: absolute;
    left: -30px;
    top: 2px;
    background-size: 10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
	background-color: var(--primary);
	background-repeat: no-repeat;
	background-position: center;
}
.user-experience-design .six-section .inner-text .right-content img{
	width: 100%;
}
.user-experience-design .six-section .inner-text .bottom-text{
	text-align: center;
}
.user-experience-design .six-section .inner-text .bottom-text p{
	font-size: 20px;
	color: var(--dark);
	font-weight: 500;
}
.user-experience-design .six-section .inner-text .bottom-text a.btn-primary{
	margin-top: 15px;
}
.user-experience-design .seven-section{
	padding: 40px 0px;
}
.user-experience-design .seven-section .inner-text h2{
	font-size: 32px;
	font-weight: 500;
}
.user-experience-design .seven-section .inner-text h2::after{
	background-color: var(--primary);
}
.user-experience-design .seven-section .inner-text ul{
	display: flex;
	flex-wrap: wrap;
}
.user-experience-design .seven-section .inner-text ul li{
	width: 25%;
}
.user-experience-design .seven-section .inner-text ul li .box{
	background: var(--light);
	border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
    margin: 15px;
}
.user-experience-design .seven-section .inner-text ul li .box:hover img{
	filter: grayscale(0%);
}
.user-experience-design .seven-section .inner-text ul li .box img{
	object-fit: cover;
	filter: grayscale(100%);
}
.user-experience-design .seven-section .inner-text  .view-portfolio-btn{
	text-align: center;
	margin-top: 30px;
}
.user-experience-design .eight-section{
	padding: 40px 0px;
	background-color: var(--light-gray);
}
.user-experience-design .eight-section .inner-text {
	text-align: center;
}
.user-experience-design .eight-section .inner-text h2{
	font-size: 32px;
	color: var(--dark);
	font-weight: 500;
	line-height: 42px;
}
.user-experience-design .eight-section .inner-text h2 br{
	display: none;
}
.user-experience-design .eight-section .inner-text h2::after{
	background-color: var(--primary);
}
.user-experience-design .eight-section .inner-text h5{
	font-size: 22px; 
	color: var(--dark);
	margin-bottom: 15px;
}
.user-experience-design .eight-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
}
.user-experience-design .eight-section .inner-text  .inner-box{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 30px;
}
.user-experience-design .eight-section .inner-text .inner-box .list{
	background-color: var(--light);
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}

.user-experience-design .eight-section .inner-text  .inner-box .list .box{
	padding: 40px;
}
.user-experience-design .eight-section .inner-text .inner-box .list .box h6{
	font-size: 20px;
	color: var(--text-color);
	font-weight: 300;
}
.user-experience-design .eight-section .inner-text .inner-box .list .box .dollor sub{
	font-size: 20px;
	color: var(--dark);
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box .dollor strong{
	font-size: 42px;
	font-weight: 500;
	color: var(--dark);
}
.user-experience-design .eight-section .inner-text .inner-box .list .box .price-text{
	font-size: 16px;
	margin-top: -10px;
}
.user-experience-design .eight-section .inner-text .inner-box .list .box h5{
	font-weight: 500;
	color: var(--dark);
	margin-top: 20px;
	font-size: 16px;
	position: relative;
	line-height: inherit;
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box h5::after{
	position: absolute;
	content:"";
	height: 2px;
	width: 70px;
	background-color: var(--primary);
	left: 40%;
	top: 55px;
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box ul{
	margin: 30px 0px 0px 30px;
	min-height: 160px;
}
.user-experience-design .eight-section .inner-text .inner-box .list .box ul li {
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--text-color);
    text-align: left;
    position: relative;
    min-height: 40px;
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box ul li::before{
    background-image: url(../images/hire-developer/checked-symbol.svg);
    content: "";
    position: absolute;
    left: -30px;
    top: 2px;
    background-size: 10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: var(--primary);
    background-repeat: no-repeat;
    background-position: center;
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box small{
	font-size: 15px;
	color: var(--dark);
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
.user-experience-design .eight-section .inner-text  .inner-box .list .box a{
	display: block;
	margin-bottom: 15px;
	display: inline-block;
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2){
	background-color: var(--mid-black);
	color: var(--light);
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box h6{
	color: var(--light);
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box :is(sub, strong){
	color: var(--light);
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box  h5{
	color: var(--light);
	font-weight: 300;
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box  h5::after{
	background-color: var(--primary);
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box ul li{
	color: var(--light);
	font-weight: 200;
}
.user-experience-design .eight-section .inner-text  .inner-box .list:nth-child(2) .box small{
	color: var(--light);
	font-weight: 100;
}
.user-experience-design .nine-section{
	padding: 40px 0px;
}
.user-experience-design .nine-section .inner-text h2{
   font-size: 32px;
   font-weight: 500;
}
.user-experience-design .nine-section .inner-text h2::after{
	background-color: var(--primary);
}
.user-experience-design .nine-section .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin: 0px auto;
}
.user-experience-design .nine-section .inner-text p a{
	color: var(--primary);
}
.user-experience-design .nine-section .inner-text ul li{
	margin-bottom: 115px;
	position: relative;
}
.user-experience-design .nine-section .inner-text ul li::after {
    content: "";
    background: url(../images/hire-developer/arrows-down.png) no-repeat center;
    width: 16px;
    height: 93px;
    position: absolute;
    bottom: -98px;
    left: 49px;
}
.user-experience-design .nine-section .inner-text ul li:last-child::after{
	display: none;
}
.user-experience-design .nine-section .inner-text ul li:last-child{
	margin-bottom: 0px;
}
.user-experience-design .nine-section .inner-text ul li .flexs{
	display: flex;
}
.user-experience-design .nine-section .inner-text ul li .flexs .left{
	margin-right: 30px;
}
.user-experience-design .nine-section .inner-text ul li .flexs .left figure{
	height: 110px;
	width: 110px;
	border-radius: 50%;
	background-color: #23c1cc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.user-experience-design .nine-section .inner-text ul li .flexs .left figure img {
    width: 70px;
    object-fit: scale-down;
    height: 70px;
}
.user-experience-design .nine-section .inner-text ul li .flexs .right{
	text-align: left;
} 
.user-experience-design .nine-section .inner-text ul{
	margin-top: 40px;
}
.user-experience-design .nine-section .inner-text ul li .flexs .right h5{
	color: var(--dark);
	font-size: 26px;
	margin-bottom: 15px;
}
.user-experience-design .nine-section .inner-text ul li .flexs .right p{
	color: var(--text-color);
	font-size: 16px;
	text-align: left;
	line-height: 28px;
}
.user-experience-design .ten-section{
	padding: 60px 0px;
	background-image: url(../images/hire-developer/servies-banner-img.png);
	background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
	background-color: var(--mid-black);
	height: 95vh;
}


.user-experience-design .ten-section .left-content h2{
	text-align: left;
	font-size: 32px;
	color: var(--light);
	font-weight: 500;
}
.user-experience-design .ten-section .left-content h2::after{
	right: auto;
	background-color:var(--primary);
}
.user-experience-design .ten-section .left-content p{
	font-size: 18px;
	color: var(--light);
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 40px;
}
.user-experience-design .ten-section .left-content h3{
	font-size: 22px;
	color: var(--light);
	font-weight: 300;
	margin-bottom: 20px;
	line-height: inherit;
}
.user-experience-design .ten-section .left-content a{
	font-size: 16px;
}
.user-experience-design .ten-section .right-content .accordion .accordion-item{
	background-color: var(--transparent);
	padding: 20px 0px;
	border-bottom: 1px solid var(--olive-green-dark);
}
.user-experience-design .ten-section .right-content .accordion .accordion-item:last-child{
	border-bottom: 0px;
}
.user-experience-design .ten-section .right-content .accordion .accordion-item .accordion-header button.accordion-button{
	background-color: var(--transparent);
	color: var(--light);
	padding: 0px;
	line-height: 26px;
	font-size: 18px;
}
.user-experience-design .ten-section .right-content .accordion .accordion-item .accordion-header button.accordion-button::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    right: 0;
	background-image: none;
	top: 0;
}
.user-experience-design .ten-section .right-content .accordion .accordion-item .accordion-collapse .accordion-body p{
	color: var(--light) ;
	font-weight: 300;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 28px;
}
.user-experience-design .ten-section .right-content .accordion .accordion-item .accordion-collapse .accordion-body{
    padding: 20px 0px 0px;
}
/* --------user-experience-design----------- */

/* ------------------footer --------------- */
footer {
    background: #164d7a;
    padding: 40px 0px;
	position: relative;
	/* position: absolute;
	width: 100%; */
}
footer .first-section .inner-text{
	display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 30px;
}

footer .first-section .inner-text .inner-div h6{
	color: var(--light);
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 26px;
}
footer .first-section .inner-text .inner-div ul li a{
	font-size: 16px;
	color: var(--light);
	font-size: 13px;
	font-weight: 300;
	transition: all .5s ease;
}
footer .first-section .inner-text .inner-div ul li a:hover{
	color: var(--primary);
}
footer .first-section .inner-text .inner-div ul li{
	margin-bottom: 15px;
	line-height: 22px;
}
footer .first-section .inner-text .inner-div ul li:last-child{
	margin-bottom: 0px;
}
footer .second-section{
	padding-top: 40px;
}
footer .second-section .inner-text .inner-div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .second-section .inner-text .inner-div .left-content{
	display: flex;
	align-items: center;
	width: 26%;
	justify-content: space-between;
}
footer .second-section .inner-text .inner-div .left-content img{
	width: 100px;
}
footer .second-section .inner-text .inner-div .left-content .footer-currency{
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-left: 20px;
} 
footer .second-section .inner-text .inner-div .left-content .footer-currency .language-footer .dropdown-toggle{
	margin-left: 20px;
	color: var(--light);
	font-size: 15px;
}
footer .second-section .inner-text .inner-div .left-content .footer-currency .language-footer .dropdown-toggle::after{
    display: none !important;
}  
footer .second-section .inner-text .inner-div .left-content .footer-currency .language-footer .dropdown-menu{
	border-radius: 0px;
	background-color: var(--mid-black);
	border: 1px solid var(--primary);
	z-index: 1;
	padding: 0px;
}
footer .second-section .inner-text .inner-div .left-content .footer-currency .language-footer .dropdown-menu li a{
	color: var(--light);
	font-size: 14px;
}
footer .second-section .inner-text .inner-div .left-content .footer-currency .language-footer .dropdown-menu li a:hover{
	background-color: var(--primary);
	color: var(--light);
}
footer .second-section .inner-text .inner-div .left-content select option{
	width: 300px;
}
footer .second-section .inner-text .inner-div .left-content .footer-popup button.dropdown-toggle:hover{
	color: var(--primary);
}
footer .second-section .inner-text .inner-div  .right-content ul{
	display: flex;
	align-items: center;
	margin-top: 20px;
}

footer .second-section .inner-text .inner-div  .right-content ul li{
	margin-left: 10px;
}
footer .second-section .inner-text .inner-div  .right-content ul li a{
	color: var(--light);
	font-size: 16px;
	transition: all .5s ease;
}
footer .second-section .inner-text .inner-div  .right-content ul li a:hover{
	color: var(--primary);
}

/* ------------------footer --------------- */

footer .third-section .inner-text .left-content p{
	color: var(--light);
	font-size: 12px;
	font-weight: 100;
	line-height: 24px;
	text-align: center;
}
footer .third-section .inner-text .left-content p:last-child{
	margin-bottom: 0px;
}
footer .third-section .inner-text .right-content{
	width: 30%;
	text-align: right;
	margin-left: 100px;
}
footer hr{
	height: 1px !important;
	color: var(--light);
	opacity: .4;
	margin: 20px 0px;
}
footer .four-section{
	padding-top: 30px;
	text-align: center;
}
/* footer .four-section .subfooter-links a {
    border-right: 1px solid var(--border-color);
    display: inline-block;
    color: var(--light);
    text-decoration: none;
    font-size: 12px;
    padding: 0px 8px;
    font-weight: 100;
} */ 
/* old css */
footer .four-section .subfooter-links a {
    border-right: 1px solid var(--border-color);
    display: inline-block;
    color: var(--light);
    text-decoration: none;
    font-size: 12px;
    padding: 0px 9px;
    font-weight: 100;
}
/* new css */
footer .four-section .subfooter-links a:hover{
	color: var(--primary);
}
footer .four-section .subfooter-links a:last-child{
	border-right: none;
}
/* ------------------footer --------------- */

/* ----------website design Package-------- */
.website-design .banner-section{
	background-color: #c9e0f7;
	padding: 74px 0px;
}
.website-design .banner-section .left-content h1{
	font-size: 42px;
	color: var(--dark);
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 20px;
}

.website-design .banner-section .left-content p{
	font-size: 18px;
	color: var(--dark);
	line-height: 30px;
	margin-bottom: 20px;
}
.website-design .banner-section .left-content a.btn-primary:hover{
   background-color: tr;
}
.website-design .banner-section .left-content ul {
    margin: 30px 0px 30px 25px;
}
.website-design .banner-section .left-content ul li {
    position: relative;
    margin: 10px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
}
.website-design .banner-section .left-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.website-design .banner-section .right-content img{
	width: 100%;
}
.website-design .second-section{
	padding: 60px 0px;
}
.website-design .second-section .inner-text .left-content h2{
	text-align: left;
	line-height: 42px;
}
.website-design .second-section .inner-text .left-content h2::after{
	right:auto;
}
.website-design .second-section .inner-text .left-content p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}
.website-design .second-section .inner-text .right-content{
	padding: 50px 50px 0px;
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	position: relative;
}
.website-design .second-section .inner-text .right-content .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.website-design .second-section .inner-text .right-content .owl-carousel .owl-nav .owl-next span{
	display: none;
}

.website-design .second-section .inner-text .right-content .owl-carousel .owl-nav .owl-prev::after {
    content: "\f177";
    position: absolute;
    bottom: 50%;
    font-family: fontawesome;
    left: -30px;
    width: 50px;
    display: flex;
    font-size: 20px;
    height: 50px;
    border: 2px solid var(--primary);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	color: var(--primary);
	background-color: var(--light);
}
.website-design .second-section .inner-text .right-content .owl-carousel .owl-nav .owl-next::after {
    content: "\f178";
    position: absolute;
    bottom: 50%;
    font-family: fontawesome;
    right: -30px;
    width: 50px;
    display: flex;
    font-size: 20px;
    height: 50px;
    border: 2px solid var(--primary);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	color: var(--primary);
	background-color: var(--light);
}
.website-design .third-section{
	padding: 60px 0px;
	background-color: #f3f4f5;
}
.website-design .third-section .inner-text .inner-div1{
	text-align: center;
}
.website-design .third-section .inner-text .inner-div1 img{
	display: block;
	text-align: center;
	margin: 20px auto;
}
.website-design .third-section .inner-text .inner-div1 p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	margin: 50px 0px 0px;
	line-height: 30px;
}
.website-design .third-section .inner-text .inner-div1 p:last-child{
	color: var(--dark);
	font-weight: 500;
	line-height: initial;
	margin-bottom: 60px;
}
.website-design .third-section .inner-text .inner-div1 p span{
	font-size: 16px;
}
.website-design .third-section .inner-text .inner-div2{
	margin-top: 40px;
}
.website-design .third-section .inner-text .inner-div2 .left-content{
	background-color: var(--mid-black);
	color: var(--light);
	padding: 50px;
	height: 100%;
}
.website-design .third-section .inner-text .inner-div2 .right-content{
	height: 100%;
}
.website-design .third-section .inner-text .inner-div2 .right-content img{
	width: 100%;
	height: 100%;
}
.website-design .third-section .inner-text .inner-div2 .left-content h3{
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}
.website-design .third-section .inner-text .inner-div2 .left-content p{
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
}
.website-design .four-section{
	padding: 70px 0px;
}
.website-design .four-section .inner-text p {
    color: var(--text-color);
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin: 0px auto 50px;
    width: 80%;
}
.website-design .four-section .inner-text .price-list .business{
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	text-align: center;
	padding: 40px;
}
.website-design .four-section .inner-text .price-list .business2{

	padding: 60px 40px;
}
.website-design .four-section .inner-text .price-list .business h4{
	color: var(--dark);
	font-size: 22px;
}
.website-design .four-section .inner-text .price-list .business h6{
	font-size: 16px;
	color: var(--text-color);
	font-weight: 300;
}
.website-design .four-section .inner-text .price-list .business2 h4{
	color: var(--light);
}
.website-design .four-section .inner-text .price-list .business2 h6{
	color: var(--light);
}
.website-design .four-section .inner-text .price-list .business span{
	display: block;
}
.website-design .four-section .inner-text .price-list .business span{
	font-size: 42px;
	font-weight: 700;
	color: var(--mid-black);
	margin: 25px 0px;
}
.website-design .four-section .inner-text .price-list .business span sub{
	font-weight: 300;
	font-size: 20px;
}
.website-design .four-section .inner-text .price-list .business a.btn-primary{
	background-color: var(--primary);
	color: var(--light);
	padding: 9px 30px;
}
.website-design .four-section .inner-text .price-list .business a.btn-primary:hover{
	background-color: transparent;
	border: 2px solid var(--primary);
	color: var(--primary);
}

.website-design .four-section .inner-text .price-list .business2 span{
	color: var(--light);
}

.website-design .four-section .inner-text .price-list .business2 a.btn-primary{
	background-color: var(--light);
	color: var(--primary);
	padding: 9px 30px;
}
.website-design .four-section .inner-text .price-list .business2 a.btn-primary:hover{
	background-color: transparent;
	border: 2px solid var(--light);
	color: var(--light);
}
.website-design .five-section {
    height: 600px;
    width: 100%;
    background-image: url(../images/hire-developer/bg-comparison-package.jpg);
    position: relative;
    top: -220px;
    z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
}
.website-design .five-section .inner-text{
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.website-design .five-section .inner-text h2{
	color: var(--light);
}
.website-design .six-section{
	position: relative;
	margin-top: -400px;
}
.website-design .six-section .inner-text .box-shadow{
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	padding: 50px;
}
.website-design .six-section .inner-text .box-shadow .table-wrap{
	position: relative;
}
.website-design .six-section .inner-text .box-shadow .table-wrap table tbody tr :is(td, th){
	padding: 15px;
}
.website-design .six-section .inner-text .box-shadow .table-wrap .table-bordered{
	border: 1px solid #e2edf2;
}
.website-design .six-section .inner-text .box-shadow .table-wrap table tbody tr th:nth-child(n+2){
	text-align: center;
	color: var(--text-color);
	font-size: 16px;
}
.website-design .six-section .inner-text .box-shadow .table-wrap table tbody tr td:nth-child(n+2){
	text-align: center;
	color: var(--text-color);
	font-size: 16px;
}
.website-design .six-section .inner-text .box-shadow .table-wrap table tbody tr td.bg-light-table{
	background-color: #f6f6f6;
}

.website-design .six-section .inner-text2{
	margin-top: 40px;
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    padding: 40px;
}
.website-design .six-section .inner-text2 .left-content h4{
	font-size: 22px;
	color: var(--dark);
	font-weight: 400;
}
.website-design .six-section .inner-text2 .left-content p{
	color: var(--text-color);
}
.website-design .six-section .inner-text2 .left-content  span{
	display: block;
	font-size: 42px;
	font-weight: 700;
	color:var(--mid-black) ;
}
.website-design .six-section .inner-text2 .left-content span  sub{
	font-size: 20px;
	font-weight: 500;
}
.website-design .six-section .inner-text2 .left-content a.btn-primary{
	background-color: var(--primary);
	color: var(--light);
	padding: 7px 20px;
	margin-top: 30px;
}
.website-design .six-section .inner-text2 .left-content a.btn-primary:hover{
	background-color: transparent;
	color: var(--primary);
}
.website-design .six-section .inner-text2 .right-content h4{
	font-size: 22px;
	color: var(--dark);
	font-weight: 400;
}
.website-design .six-section .inner-text2 .right-content ul{
	margin-top: 20px;
	margin-left: 25px;
}
.website-design .six-section .inner-text2 .right-content ul li{
	margin-bottom: 10px;
	color: var(--text-color);
	position: relative;
}
.website-design .six-section .inner-text2 .right-content ul li::after{
	content: "";
    position: absolute;
    left: 0;
    top: 4px;
	left: -25px;
    background: var(--primary) url(../images/hire-developer/checked-symbol.svg) no-repeat center;
    background-size: 10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
.website-design .six-section .inner-text2 .right-content p{
	color: var(--text-color);
	margin-top:20px;
}
.website-design .six-section p.bottom-text{
	margin: 20px 0px 0px;
	text-align: center;
	font-size: 14px;
	color: var(--text-color);
}
.website-design .seven-section{
	padding: 40px 0px;
}
.website-design .seven-section .inner-text{
	background-color: var(--primary);
	padding: 40px;
	text-align: center;
}
.website-design .seven-section .inner-text h6{
	font-size: 20px;
	color: var(--light);
	font-weight: 600;
}
.website-design .seven-section .inner-text ul{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.website-design .seven-section .inner-text ul li{
	margin: 0px 5px;
	color: var(--light);
	cursor: pointer;
}
.website-design .seven-section .inner-text ul li span{
    padding: 5px 10px;
}
.website-design .seven-section .inner-text ul li span.active{
	background-color:#98002d;
}
.website-design .seven-section .inner-text2{
	background-color: var(--lighter-primary);
	padding: 30px;
}
.website-design .seven-section .inner-text2 h6{
    color: var(--dark);
	font-size: 20px;
	text-align: center;
}
.website-design .seven-section .inner-text2 ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px 40px;
}
.website-design .seven-section .inner-text2 ul li{
	border-bottom: 1px solid var(--border-color);
}
.website-design .seven-section .inner-text2 ul li .form-check{
	padding: 20px 0px;
	margin-left: 24px;
	position: relative;
}
.website-design .seven-section .inner-text2 ul li .form-check-input {
    background-color: var(--transparent);
    border-color: var(--text-color);
    border-radius: 3px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    position: absolute;
    right: 0px;
}
.website-design .seven-section .inner-text2 ul li .form-check-label {
    color: var(--text-color);
    font-size: 16px;
    cursor: pointer;
}
.seven-section .inner-text2 ul li .form-check-input:checked[type=checkbox]::after {
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    color: var(--primary);
    top: 1px;
    left: 5px;
    font-size: 14px;
}
.website-design .seven-section .inner-text2 ul li .form-check-input:checked {
    border-color: var(--primary);
	background-image: none;
}
.website-design .seven-section .inner-text2 .get-started{
	text-align: center;
	margin-top: 30px;
}
.website-design .seven-section .inner-text2 .get-started a{
	padding: 7px 20px;
	background-color: var(--primary);
	color: var(--light);
}
.website-design .seven-section .inner-text2 .get-started a:hover{
	background-color:transparent;
	color: var(--primary);
}
.website-design .eight-section{
	padding: 40px 0px;
	background-color: var(--lighter-primary);
}
.website-design .eight-section p{
   font-size: 18px;
   color: var(--text-color);
   text-align: center;
   margin-bottom: 0px
}
.website-design .eight-section .inner-text ul{
   margin-top: 40px;
}
.website-design .eight-section .inner-text ul li{
	display: flex;
	align-items: flex-start;
	margin-bottom: 100px;
	position: relative;
}
.website-design .eight-section .inner-text ul li:after {
    background: url(../images/hire-developer/dot-pattern.png) repeat-y center;
    height: 100%;
    width: 2px;
    z-index: 0;
    left: 60px;
    top: 101px;
    content: "";
    position: absolute;
}
.website-design .eight-section .inner-text ul li:last-child::after{
	background: none;
}
.website-design .eight-section .inner-text ul li:last-child{
	margin-bottom: 0px;
}
.website-design .eight-section .inner-text ul li .left{
	z-index: 1;
}
.website-design .eight-section .inner-text ul li .left .circle{
	height: 120px;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e2edf1;
	border-radius: 50%;
}
.website-design .eight-section .inner-text ul li .left .circle span{
	background-color: var(--primary);
	border-radius: 50%;
	color:var(--light);
	font-size: 32px;
	font-weight: 700;
	height: 80px;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.website-design .eight-section .inner-text ul li .right{
	margin-left: 50px;
	text-align: left;
}
.website-design .eight-section .inner-text ul li .right h4{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 15px;
}
.website-design .eight-section .inner-text ul li .right p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
}
.website-design .eight-section .inner-text .request-quote{
	margin-top: 20px;
	text-align: center;
}
.website-design .eight-section .inner-text h6{
	font-size: 18px;
	color: var(--dark);
	text-align: center;
	margin-top: 40px;
}
.website-design .eight-section .inner-text .request-quote a{
	padding: 7px 20px;
	background-color: var(--primary);
	color: var(--light);
}
.website-design .eight-section .inner-text .request-quote a:hover{
   background-color: transparent;
   color: var(--primary);
}
.website-design .nine-section{
	padding: 40px 0px;
}
.website-design .hire-dedicated{
	background-color: #f3f4f5;
}
.website-design .nine-section .inner-text{
	margin-top: 60px;
}
.website-design .nine-section .inner-text .left-content h3{
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 15px;
}
.website-design .nine-section .inner-text .left-content p{
	font-size: 16px;
	line-height: 26px;
	color: var(--text-color);
}
.website-design .nine-section .inner-text .left-content ul{
	margin-left: 25px;
	margin:30px 0px 0px 25px;
	display: inline-block;
}
.website-design .nine-section .inner-text .left-content ul li{
	width: 50%;
    float: left;
    padding-right: 15px;
	margin-bottom: 20px;
    color: var(--text-color);
    position: relative;

}
.website-design .nine-section .inner-text .left-content ul li:before {
	content: "";
    position: absolute;
    top: 4px;
    left: -25px;
    background: var(--primary) url(../images/hire-developer/checked-symbol.svg) no-repeat center;
    background-size: 10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
.website-design .nine-section .inner-text .left-content .button-group{
	margin-top: 30px;
}
.website-design .nine-section .inner-text .left-content .button-group a.btn-primary2{
	background-color: var(--primary);
    border: 2px solid var(--primary);
    padding: 7px 20px;
    font-size: 16px;
    color: var(--light);
    font-weight: 500;
    transition: all .5s ease;
}
.website-design .nine-section .inner-text .left-content .button-group a.btn-primary2:hover{
	background-color: transparent;
    border: 2px solid var(--primary);
	color: var(--primary);
}
.website-design .nine-section .inner-text .left-content .button-group a.btn-primary{
	padding: 7px 20px;
	margin-left: 10px;
}
.website-design .nine-section .inner-text .right-content img{
	width: 80%;
	margin-left: auto;
}
/* ----------website design Package-------- */

/*------ digital-marketing-service--------- */
.digital-marketing-service .banner-section{
	background-image: url(../images/Digital-marketing/digital-marketing-solutions-company-new.jpg);
	padding: 160px 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* background-color: var(--mid-black); */
}
/* .digital-marketing-service .banner-section::after{
	background: url(../images/Digital-marketing/circle_bg-white.svg) no-repeat right;
	content: "";
	position: absolute;
	right: calc(50% - 1087px);
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	opacity: .4;
} */
.digital-marketing-service .banner-section .inner-text .left-content h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 30px;
}


.digital-marketing-service .banner-section .inner-text .left-content a.btn-primary{
	background-color: transparent;
	color: var(--light);
	border-color: var(--light);
}
.digital-marketing-service .banner-section .inner-text .left-content a.btn-primary:hover{
	background-color: var(--light);
	color: var(--dark);
}
.digital-marketing-service .banner-section .inner-text .left-content p {
    color: var(--light);
    font-size: 18px;
	width: 70%;
	margin-bottom: 40px;
}

.digital-marketing-service .banner-section .inner-text .right-content img {
    background-color: #10191f;
    box-shadow: 0 0 54px 0 rgb(0 0 0 / 30%);
    padding: 3rem;
    border-radius: 43px;
    transform: rotate(-15deg);
    max-width: 381px;
}
.digital-marketing-service .second-section{
	padding: 60px 0px;
}
.digital-marketing-service .bg-second-section {
	background-color:#f8f8f8;
}
.digital-marketing-service .second-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}

.digital-marketing-service .second-section .inner-text2 .left-content h3{
	font-size: 26px;
	margin-bottom: 20px;
	color: var(--dark);
}
.digital-marketing-service .second-section .inner-text2 .left-content p{
    font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.digital-marketing-service .second-section .inner-text2 .left-content ul {
   list-style: auto;
   margin: 30px 0px 0px 20px;
}
.digital-marketing-service .second-section .inner-text2 .left-content ul li::marker{
	font-weight: 500;
	font-size: 20px;
}
















.digital-marketing-service .second-section .inner-text2 .right-content{
	padding: 0px 20px;
}
.digital-marketing-service .second-section .inner-text2 .left-content{
	padding: 0px 20px;
}
.digital-marketing-service .second-section .inner-text2 .left-content a.btn-primary{
	padding: 10px 30px;
}
.digital-marketing-service .second-section .inner-text2 .right-content img{
	width: 100%;
}
.digital-marketing-slider{
	background-color: #f8f8f8;
	padding: 60px 0px;
	position: relative;
}
/* .digital-marketing-slider::before {
    position: absolute;
    content: "";
    background-image: url(../images/Digital-marketing/yr-comma.png);
    display: inline-block;
    width: 300px;
    height: -webkit-fill-available;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
} */
.digital-marketing-service .third-section{
	padding: 60px 0px;
	text-align: center;
	background-color: #f8f8f8;
}
.digital-marketing-service .third-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 20px;
	line-height: 30px;
}
.digital-marketing-service .third-section .inner-text p strong{
	color: var(--dark);
}
.digital-marketing-service .third-section .inner-text h6{
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 50px;
}
.digital-marketing-service .third-section .inner-text a.btns{
	margin-top: 20px;
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial{
	text-align: center;
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial figure{
    width: 180px;
    height: 180px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial figure img{
	border-radius: 50%;
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	line-height: 30px;
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial h6{
	font-size: 18px;
	margin-top: 20px;
	line-height: inherit;
}
.digital-marketing-slider .inner-text .owl-carousel .item .slide-testimonial h6 span{
	font-size: 16px;
	font-weight: 300;
	color: var(--text-color);
}
.digital-marketing-slider .inner-text .owl-carousel .owl-nav {
    display: block !important;
}

.digital-marketing-slider .inner-text .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.digital-marketing-slider .inner-text .owl-carousel .owl-nav .owl-next span{
	display: none;
}

.digital-marketing-slider .inner-text .owl-carousel .owl-nav .owl-prev::after {
    content: "\f104";
    position: absolute;
    bottom: 50%;
    font-family: fontawesome;
    left: -60px;
    width: 50px;
    display: flex;
    font-size: 20px;
    height: 50px;
    border: 2px solid var(--dark);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	color: var(--dark);
}
.digital-marketing-slider .inner-text .owl-carousel .owl-nav .owl-next::after {
    content: "\f105";
    position: absolute;
    bottom: 50%;
    font-family: fontawesome;
    right: -60px;
    width: 50px;
    display: flex;
    font-size: 20px;
    height: 50px;
    border: 2px solid var(--dark);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	color: var(--dark);
}
/*------ digital-marketing-service--------- */
/*---best-reputation-management-services--- */

.best-reputation-management-services .banner-section {
    padding: 122px 0px;
    background-image: url(../images/Digital-marketing/orm-page-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.best-reputation-management-services .banner-section .left-content h1{
	font-weight: 600;
	color: var(---dark);
	font-size: 42px;
	margin-bottom: 30px;
	line-height: 55px;
}
.best-reputation-management-services .banner-section .left-content p{
	font-size: 18px;
	margin-bottom: 20px;
	color: var(--dark);
}

.best-reputation-management-services .banner-section .left-content ul {
    margin: 20px 0px 20px 25px;
}
.best-reputation-management-services .banner-section .left-content ul li {
    position: relative;
    margin: 10px 0px;
    color: var(--dark);
    font-size: 16px;
    letter-spacing: 0px;
}
.best-reputation-management-services .banner-section .left-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--dark);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.best-reputation-management-services .banner-section .left-content a.btns{
	background-color: var(--dark);
	border-color: var(--dark);
	padding: 8px 40px;
	font-weight: 500;
}
.best-reputation-management-services .banner-section .left-content a.btns:hover{
	background-color: transparent;
	color: var(--dark) !important;
	font-weight: 500;
}
.best-reputation-management-services .second-section{
	padding: 60px 0px;
	background-color: #f3f3f3;
}
.best-reputation-management-services .second-section p{
	text-align: center;
	font-size: 18px;
	margin-bottom: 0px;
	color: var(--text-color);
}
.best-reputation-management-services .second-section .inner-text{
	margin-top: 70px;
}
.best-reputation-management-services .second-section .inner-text .left-content img{
	width: 100%;
	box-shadow: 2px 2px 9px rgb(0 0 0 / 25%);
    border-radius: 15px;
}
.best-reputation-management-services .second-section .inner-text .right-content h3{
	font-size: 26px;
	margin-bottom: 20px;
}
.best-reputation-management-services .second-section .inner-text .right-content p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	margin-bottom: 20px;
	line-height: 28px;
}
.best-reputation-management-services .second-section .inner-text .right-content  ul {
    margin: 20px 0px 20px 25px;
}
.best-reputation-management-services .second-section .inner-text .right-content  ul li {
    position: relative;
    margin: 10px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
}
.best-reputation-management-services .second-section .inner-text .right-content  ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--text-color);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.best-reputation-management-services .second-section .inner-text h6{
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 0px;
	color: var(--dark);
	text-align: center;
}
.best-reputation-management-services .second-section .inner-text .lets-connect{
	margin-top: 20px;
	text-align: center;
}
.best-reputation-management-services .second-section .inner-text .lets-connect a.btns{
	background-color: #2cbed2;
	border-color: #2cbed2;
}
.best-reputation-management-services .third-section{
	padding: 60px 0px;
}
.best-reputation-management-services .third-section .inner-text ul{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	place-items: center;
	grid-gap: 40px;
	margin: 50px auto auto;
}
.best-reputation-management-services .third-section .inner-text ul li img {
    max-width: 140px;
}
.best-reputation-management-services .four-section{
	padding: 60px 0px;
	background-color: var(--lighter-primary);
}
.best-reputation-management-services .four-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
}
.best-reputation-management-services .four-section .inner-text ul img{
	background: #2cbed2;
    width: 100px;
    height: 120px;
	width: 120px;
	padding: 18x;
	object-fit: scale-down;
	border-radius: 50%;
	margin-bottom: 20px;
}

.best-reputation-management-services .four-section .inner-text h5{
	font-size: 20px;
}
.best-reputation-management-services .four-section .inner-text p{
	font-size: 18px;
	color: var(--text-color);
}
.best-reputation-management-services .four-section .inner-text ul{
	display: grid;
    text-align: center;
    gap: 0px 50px;
	margin-top: 40px;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
}
.best-reputation-management-services .four-section .inner-text ul li{
	position: relative;
}
.best-reputation-management-services .four-section .inner-text ul li::after {
    content: "";
    position: absolute;
    background-image: url(../images/Digital-marketing/arrows-right.png);
    left: 215px;
    top: 50px;
    background-size: contain;
    height: 18px;
    width: 105px;
}
.best-reputation-management-services .four-section .inner-text ul li:last-child::after{
	background-image: none;
}
.best-reputation-management-services .four-section .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.best-reputation-management-services .four-section .inner-text ul li h5{
	font-size: 20px;
	color: var(--text-color);
}
.best-reputation-management-services .five-section{
	padding: 60px 0px;
}
.best-reputation-management-services .five-section .inner-text ul{
	margin-top: 40px;
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2rem;
}
.best-reputation-management-services .five-section .inner-text ul li .card{
	position: relative;
    overflow: hidden;
}
.best-reputation-management-services .five-section .inner-text ul li .card h4{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	font-size: 20px;
	line-height: inherit;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body{
	display: block;
	padding: 0px;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-img{
	max-height: 300px;
    overflow: hidden;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-img img{
	display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-disc{
	position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 0;
    bottom: 0;
    opacity: 0;
    padding: 35px;
    transition: .3s ease;
    text-align: center;
    background-color: var(--light);
    z-index: 2;
    border: 1px solid var(--border-color);
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-disc:before {
    content: attr(title);
    position: relative;
    font-size: clamp(1rem,1.2vw,1.3rem);
    display: block;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-disc p{
	font-size: 15px;
	color: var(--text-color);
	margin-bottom: 10px;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-disc h5{
	font-size: 18px;
}
.best-reputation-management-services .five-section .inner-text ul li .card .card-body .card-disc a{
	color: var(--primary);
}
.best-reputation-management-services .five-section .inner-text ul li .card:hover  .card-disc {
    opacity: 1;
    height: 100%;
	padding: 0px 10px;
}

.best-reputation-management-services .six-section{
	padding: 60px 0px;
	background-color: var(--dark);
}
.best-reputation-management-services .six-section .inner-text h2{
	color: var(--light);
}
.best-reputation-management-services .six-section .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--light);
	font-weight: 200;
}
.best-reputation-management-services .six-section .inner-text .inner-box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px 110px;
	margin-top: 60px;
}
.best-reputation-management-services .six-section .inner-text .inner-box .box h4{
	color: var(--light);
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.best-reputation-management-services .six-section .inner-text .inner-box .box ul {
    margin: 20px 0px 20px 25px;
}
.best-reputation-management-services .six-section .inner-text .inner-box .box ul li {
    position: relative;
    margin: 20px 0px;
    color: var(--light);
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 200;
}
.best-reputation-management-services .six-section .inner-text .inner-box .box ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--light);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.best-reputation-management-services .six-section .inner-text h5{
	text-align: center;
	color:var(--light);
	margin-top: 50px;
	font-weight: 300;
}
.best-reputation-management-services .six-section .inner-text .lets-talk{
	text-align: center;
	margin-top: 20px;
}
.best-reputation-management-services .six-section .inner-text .lets-talk a.btns{
	background-color:#2cbed2;
	border-color: #2cbed2;
	padding: 8px 40px;
}
.best-reputation-management-services .six-section .inner-text .lets-talk a.btns:hover{
	background-color: var(--light);
	color: #2cbed2!important;
}
.custom-ecommerce-development .eleven-section.faqs-accordians{
	background-color: var(--lighter-primary);
}
/*---best-reputation-management-services--- */
/* .------business-model-Consultation------ */
.business-model-Consultation .banner {
    height: 82vh;
    background-image: url(../images/design/business-model.jpg);
    background-size: cover;
    position: relative;
	background-position: center;
}
.business-model-Consultation .banner .inner-text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.business-model-Consultation .banner .inner-text h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 20px;
}

.business-model-Consultation .banner .inner-text  p{
	color: var(--light);
	font-size: 18px;
	margin-bottom: 0px;
}
.business-model-Consultation .why-business{
	padding: 60px 0px;
}
.business-model-Consultation .why-business p{
	font-size: 18px;
	text-align: left;
	color: var(--text-color);
	line-height: 30px;
	margin-bottom: 20px;
}
.business-model-Consultation .why-business  .left-content{
	background-color: var(--dark);
	padding: 50px;
}
.business-model-Consultation .why-business .box-shadow-sm{
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}
.business-model-Consultation .why-business  .left-content h3{
	font-size: 26px;
	color: var(--light);
	margin-bottom: 20px;
}
.business-model-Consultation .why-business  .left-content p{
	font-size: 16px;
	color: var(--light);
	text-align: left;
	line-height: 30px;
	font-weight: 200;
	margin-bottom: 0px;
}

.business-model-Consultation .why-business  .left-content ul {
    margin: 20px 0px 20px 25px;
}

.business-model-Consultation .why-business  .left-content ul li {
	position: relative;
	margin: 10px 0px;
	color: var(--light);
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 200;
}
.business-model-Consultation .why-business  .left-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--light);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.business-model-Consultation .why-business  .right-content{
	height: 100%;
}
.business-model-Consultation .why-business  .right-content img{
   width: 100%;
   height: 100%;
}
.business-model-Consultation .how-can-Help {
    padding: 20px 0px 60px;
    background-image: url(../images/design/bmc-waves.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.business-model-Consultation .how-can-Help .left-content h2{
	text-align: left;
	line-height: 42px;
}
.business-model-Consultation .how-can-Help .left-content h2::after{
	right: auto;
}
.business-model-Consultation .how-can-Help .left-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 30px;
}
.business-model-Consultation .how-can-Help .left-content h6{
	font-size: 18px;
	font-weight: 500;
	line-height: inherit;
	color: var(--dark);
	margin-bottom: 30px;
}
.business-model-Consultation .how-can-Help .left-content a.btn-primary{
	margin-top: 20px;
	padding: 10px 35px;
	border-radius: 0px;
}

.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    box-shadow: none;
    background-color: var(--transparent);
    color: var(--dark);
	padding-left: 0px;
	padding: 20px 0px;
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-header {
    padding: 0px;
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-header .accordion-button::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 36px;
    background-image: url(../images/hire-developer/plus.png);
    transition: transform .5s ease-in-out;
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url(../images/hire-developer/minus.png);
    transform: rotate(0deg);
    position: absolute;
    content: "";
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body{
	padding: 0px;
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body p{
	font-size: 15px;
	color: var(--text-color);
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body ul{
	margin-left: 20px;
}
.business-model-Consultation .how-can-Help  .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body ul li{
	margin: 10px 0px;
    list-style-type: decimal;
    font-weight: 300;
    padding-left: 0;
	font-size: 15px;
}
.business-model-Consultation .analysis-process{
	padding: 60px 0px;
}
.business-model-Consultation .analysis-process p{
    font-size: 18px;
	color: var(--text-color);
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.business-model-Consultation .analysis-process img{
	width: 100%;
	margin-top: 40px;
}
.business-model-Consultation .modal-canvas{
	padding: 60px 0px 0px;
	position: relative;
	background-color: #f3f3f3;
	z-index: 1;
}
.business-model-Consultation .modal-canvas::after {
    content: "";
    position: absolute;
    background-color: var(--mid-black);
    height: 80%;
    width: 100%;
    top: 0;
    z-index: -1;
}
.business-model-Consultation .modal-canvas .inner-text h2{
	color: var(--light);
}
.business-model-Consultation .modal-canvas .inner-text .inner-div {
    background-color: var(--light);
    padding: 50px;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);;
}
.business-model-Consultation .modal-canvas .inner-text .inner-div .left-content p {
    color: var(--text-color);
    font-size: 18px;
    line-height: 30px;
}
.business-model-Consultation .modal-canvas .inner-text .inner-div .left-content p {
    color: var(--text-color);
    font-size: 18px;
    line-height: 30px;
}
.business-model-Consultation .modal-canvas .inner-text .inner-div .left-content a{
	color: var(--primary);
	text-decoration: underline;
	font-weight: 500;
}
.business-model-Consultation .modal-canvas .inner-text .inner-div .right-content img{
	width: 100%;
}
.business-model-Consultation .Different-business-modals{
	padding: 60px 0px;
	background-color: var(--light-white);
	position: relative;
}
.business-model-Consultation .Different-business-modals .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item{
	width: 18%;
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link.active{
	background-color: var(--transparent);
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link.active .box{
	border-bottom: 2px solid var(--primary);
	padding-bottom: 8px;
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link.active .box span{
	color: var(--primary);
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link .box{
	text-align: center;
}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link .box img{
	margin: 0px auto;
	margin-bottom: 15px;

}
.business-model-Consultation .Different-business-modals .inner-text .nav-pills .nav-item .nav-link .box span{
	display: block;
	color: var(--dark);
	font-weight: 500;
}

.business-model-Consultation .Different-business-modals .inner-text .tab-content .tab-pane .text p{
	font-size: 16px;
	text-align: center;
}
.business-model-Consultation .discover-business-model{
	padding: 40px 0px;
	background-color: var(--mid-black);
}
.business-model-Consultation .discover-business-model .inner-text{
	text-align: center;
}
.business-model-Consultation .discover-business-model .inner-text h2{
	color: var(--light);
}
.business-model-Consultation .discover-business-model .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--light);
	font-weight: 200;
}
.business-model-Consultation .discover-business-model .inner-text ul{
	margin-top: 30px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.business-model-Consultation .discover-business-model .inner-text ul li {
    display: block;
    padding: 20px 0px;
    margin: 10px;
    border-radius: 4px;
    background-color: #fff;
    min-width: 193px;
    text-align: center;
    color: var(--text-color);
}
.business-model-Consultation .discover-business-model .inner-text h6{
	text-align: center;
	color: var(--light);
	font-weight: 500;
	margin: 20px 0px;
}
/* ------business-model-Consultation------ */
/* --------go-to-market-strategy--------- */
.market-strategy .banner {
    background-image: url(../images/design/bg-mvp.webp);
    background-size: cover;
    height: 82vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.market-strategy .banner .left-content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.market-strategy .banner .left-content h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 20px;
}



.market-strategy .banner .left-content p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 20px;
}
.market-strategy .GTM-strategy{
	padding: 60px 0px;
}

.market-strategy .GTM-strategy .inner-text p{
	font-size:18px;
	text-align: center;
	color: var(--text-color);
}
.market-strategy .GTM-strategy .inner-text ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px 40px;
	text-align: center;
	margin-top: 30px;
}
.market-strategy .GTM-strategy .inner-text ul li img{
	box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    border: solid 1px #d1d5d6;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: scale-down;
}
.market-strategy .GTM-strategy .inner-text ul li h6{
	font-size: 18px;
	font-weight: 500;
	margin-top: 20px;
}
.market-strategy .how-can-help{
	padding: 60px 0px 300px;
	background-color: #10191f;
}
.market-strategy .how-can-help .inner-text h2{
	color: var(--light);
}
.market-strategy .how-can-help .inner-text p{
	font-size: 18px;
	color: var(--light);
	text-align: center;
	font-weight: 200;
	margin-bottom: 0px;
}
.market-strategy .market-process {
    padding: 60px 0px;
	background-color: #f3f3f3;
}
.market-strategy .market-process .inner-text h6{
	text-align: center;
	color: var(--dark);
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 30px;
}
.market-strategy .market-process .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
}
.market-strategy .market-process .inner-text a.btn-primary{
	margin: 0px auto 50px;
	display: block;
	width: 200px;
	padding: 10px 0px;
	font-weight: 400;
}
.market-strategy .market-process .inner-text .inner-div {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    margin: -312px 0px 362px;
}
.market-strategy .market-process .inner-text .inner-div2{
	margin-bottom: 60px;
}
.market-strategy .market-process .inner-text .inner-div .left-content img{
	width: 100%
}
.market-strategy .market-process .inner-text .inner-div .right-content{
	padding: 30px 40px;
}
.market-strategy .market-process .inner-text .inner-div .right-content h5{
	font-size: 20px;
	margin-bottom: 20px;
}

.market-strategy .market-process .inner-text .inner-div .right-content ul.list{
	margin: 20px 0px 20px 25px;
}
.market-strategy .market-process .inner-text .inner-div .right-content ul li {
    position: relative;
    margin: 20px 0px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0px;
	font-weight: 300;
}
.market-strategy .market-process .inner-text .inner-div .right-content ul li::after {
    content: "";
    position: absolute;
    left: -24px;
    top: 10px;
    background: var(--text-color);
    width: 13px;
    height: 2px;
    transform: scale(.9);
}
.market-strategy .market-process .inner-text ul.market-process-icon{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0px 40px;
	text-align: center;
	margin-top: 50px;
}
.market-strategy .market-process .inner-text ul.market-process-icon li .box img{
	height: 130px;
	width: 130px;
	background-color: #23c1cb;
	border-radius: 50%;
	object-fit: scale-down;
}
.market-strategy .market-process .inner-text ul.market-process-icon li .box h5 {
    font-size: 20px;
    margin-top: 20px;
    color: var(--dark);
    margin-bottom: 20px;
}
.market-strategy .market-process .inner-text ul.market-process-icon li .box p{
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;
}
.market-strategy .market-process .inner-text ul.market-process-icon li{
	position: relative;
}

.market-strategy .market-process .inner-text ul.market-process-icon li:last-child::after{
	display: none;
}
.market-strategy .market-process .inner-text ul.market-process-icon li::after {
    position: absolute;
    content: "";
    background: url(../images/design/arrows-right.png) no-repeat center right;
    width: 64px;
    height: 16px;
    top: 24%;
    right: -15%;
}
.market-strategy .Optimization-Redefining{
	padding: 40px 0px;
}
.market-strategy .Optimization-Redefining .inner-text p {
    text-align: center;
    color: var(--text-color);
    font-size: 18px;
    width: 80%;
    margin: 0px auto 30px;
    line-height: 30px;
}
.market-strategy .Optimization-Redefining .inner-text ul{
	margin-top: 40px;
}
.market-strategy .Optimization-Redefining .inner-text ul li{
	margin-bottom: 100px;
	display: flex;
	align-items: flex-start;
	position: relative;
}
.market-strategy .Optimization-Redefining .inner-text ul li:last-child{
	margin-bottom: 0px;
}
.market-strategy .Optimization-Redefining .inner-text ul li::after {
    content: "";
    position: absolute;
    background: url(../images/design/dot-pattern.png) repeat-y center;
    height: 100%;
    width: 2px;
    z-index: -1;
    top: 101px;
    left: 58px;
}
.market-strategy .Optimization-Redefining .inner-text ul li:last-child::after{
	display: none;
}
.market-strategy .Optimization-Redefining .inner-text ul li .left .box{
	height: 120px;
	width: 120px;
	border-radius: 500%;
	background-color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
}
.market-strategy .Optimization-Redefining .inner-text ul li .left .box span{
	font-size: 36px;
	color: var(--light);
	font-weight: 600;
}
.market-strategy .Optimization-Redefining .inner-text ul li .left .box sub{
	font-size: 24px;
	color: var(--light);
	font-weight: 500;
}
.market-strategy .Optimization-Redefining .inner-text ul li .right{
	text-align: left;
	margin-left: 30px;
} 
.market-strategy .Optimization-Redefining .inner-text ul li .right h5{
	color: var(--dark);
	font-size: 20px; 
	margin-bottom: 15px;
}
.market-strategy .Optimization-Redefining .inner-text ul li .right p{
	color: var(--text-color);
	font-size: 16px; 
	margin-bottom: 15px;
	text-align: left;
	width: 100%;
}
.market-strategy .why-us{
	padding: 60px 0px;
}
.market-strategy .why-us .inner-text .left-content img{
	width: 80%;
}.market-strategy .why-us .inner-text .right-content h2{
	text-align: left;
}
.market-strategy .why-us .inner-text .right-content h2::after{
	right: auto;
}
.market-strategy .why-us .inner-text .right-content p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.market-strategy .why-us .inner-text .right-content h6{
	font-size: 18px;
	color: var(--dark);	
	margin-bottom: 30px;
}
.market-strategy .why-us .inner-text .right-content a.btn-primary{
	padding: 10px 30px;
	font-weight: 400;
}
/* --------go-to-market-strategy--------- */
/*--- partner-program-engagement-models--- */
.partner-program-engagement-models .banner{
	background-image: url(../images/partner/bg-partnership-program.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.partner-program-engagement-models .banner .inner-text{
	display: flex;
	height: 83vh;
	align-items: center;
}
.partner-program-engagement-models .banner .inner-text h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--dark);
	line-height: 55px;
	margin-bottom: 20px;
}
.partner-program-engagement-models .banner .inner-text h1 span{
	color: var(--primary);
}

.partner-program-engagement-models .banner .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 20px;
}
.partner-program-engagement-models .White-label-Software{
	padding: 40px 0px;
}
.partner-program-engagement-models .White-label-Software .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
}
.partner-program-engagement-models .White-label-Software .inner-text  .inner-div{
	margin-top: 40px;
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	padding: 50px;
}
.partner-program-engagement-models .White-label-Software .inner-text  .inner-div .left-content h5{
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 20px;
}
.partner-program-engagement-models .White-label-Software .inner-text  .inner-div .left-content p{
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
	line-height: 26px;
}
.partner-program-engagement-models .White-label-Software .inner-text  .inner-div .left-content ul{
	margin-left: 30px
}
.partner-program-engagement-models .White-label-Software .inner-text  .inner-div .left-content ul li{
	margin: 10px 0px;
	font-weight: 600;
	color: var(--dark);
	position: relative;
}
.partner-program-engagement-models .White-label-Software .inner-text .inner-div .left-content ul li::after{
	content: "\f058";
	position: absolute;
	left: -30px;
	top: 0;
	color: var(--primary);
	font-family: fontawesome;
}
.partner-program-engagement-models .White-label-Software .inner-text .inner-div .left-content .white-label{
	margin-top: 20px;
}
.partner-program-engagement-models .White-label-Software .inner-text .inner-div .left-content .white-label a.btn-primary{
	padding: 8px 20px;
	font-weight: 400;
}

.partner-program-engagement-models .White-label-Software .inner-text .inner-div .right-content .figure img{
	width: 100%;
}
.partner-program-engagement-models .marketplace-software{
	padding: 40px 0px;
}
.partner-program-engagement-models .marketplace-software .inner-text .left-content h2{
	text-align: left;
}
.partner-program-engagement-models .marketplace-software .inner-text .left-content h2::after{
	right: auto;
}
.partner-program-engagement-models .marketplace-software .inner-text .left-content p{
	font-size: 18px;
	text-align: left;
	color: var(--text-color);
	line-height: 32px;
}
.partner-program-engagement-models .marketplace-software .inner-text .left-content .white-label{
	margin-top: 20px;
}
.partner-program-engagement-models .marketplace-software .inner-text .left-content .white-label a.btn-primary{
	padding: 8px 20px;
	font-weight: 400;
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li{
	display: flex;
	align-items: center;
	border: solid 1px var(--border-color);
    margin-bottom: 15px;
    padding: 15px;
	height:70px;
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li:hover{
	background-color: var(--primary);
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li:hover .right span{
	color: var(--light);
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li .left img{
	width: 100%;
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li .right{
	margin-left: 30px;
}
.partner-program-engagement-models .marketplace-software .inner-text .right-content  ul li .right span{
	color: var(--dark);
	font-weight: 600;
	font-size: 16px;
} 
.partner-program-engagement-models .our-success{
	padding: 40px 0px;
	background-image: url(../images/partner/bg-partner2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.partner-program-engagement-models .our-success .inner-text{
	text-align: center;
}
.partner-program-engagement-models .our-success .inner-text h2{
	color: var(--light);
}
.partner-program-engagement-models .our-success .inner-text p{
	color: var(--light);
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 30px;
}
.partner-program-engagement-models .logo-brands{
	margin-top: -44px;
	z-index: 1;
	position: relative;
}
.partner-program-engagement-models .logo-brands .inner-text{
	background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}
.partner-program-engagement-models .logo-brands .inner-text ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.partner-program-engagement-models .logo-brands .inner-text ul li figure{
	margin: 0px !important;
	padding: 15px;
}
.partner-program-engagement-models .logo-brands .inner-text ul li  figure img{
	width: 100%;
}
.partner-program-engagement-models .white-label-partnership{
	padding: 80px 0px 40px;
	background-color: var(--light-white);
	margin-top: -42px;
}
.partner-program-engagement-models .white-label-partnership .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
}
.partner-program-engagement-models .white-label-partnership .inner-text  h6{
	color: var(--dark);
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.partner-program-engagement-models .white-label-partnership .inner-text .white-label{
	text-align: center;
	margin-top: 20px;
}
.partner-program-engagement-models .white-label-partnership .inner-text .white-label a.btn-primary{
	padding: 10px 20px;
	font-weight: 400;
}
.partner-program-engagement-models .white-label-partnership .inner-text ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 30px 0px;
}
.partner-program-engagement-models .white-label-partnership .inner-text ul li{
	border: 1px solid var(--border-color);
	text-align: center;
	padding: 30px;
	background-color: var(--light);
}
.partner-program-engagement-models .white-label-partnership .inner-text ul li img{
	width: 80px;
	margin-bottom: 20px;
	object-fit: scale-down;
}
.partner-program-engagement-models .white-label-partnership .inner-text ul li h5{
	font-size: 20px;
    margin-bottom: 20px;
	color: var(--dark);
}
.partner-program-engagement-models .white-label-partnership .inner-text ul li p{
	font-size: 16px;
	margin-bottom: 0px;
}
/*--- partner-program-engagement-models--- */
/*---------- aboutus-page-sectio --------*/
.aboutus-page-section .banner{
	background-image: url(../images/about-us/about-new-banner.webp);
	background-size: cover;
	background-repeat: no-repeat;
	height: 95vh;
	position: relative;
}
.aboutus-page-section .banner .inner-text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
}
.aboutus-page-section .banner .inner-text h1{
	font-size: 70px;
	color: var(--dark);
	margin-bottom: 20px;
	font-weight: 700;
}
.aboutus-page-section .banner .inner-text h1 span{
	display: block;
	font-size: 42px;
	font-weight: 600;
}
.aboutus-page-section .banner .inner-text p{
	font-size: 18px;
	color: var(--dark);
	margin-bottom: 20px;
}
.aboutus-page-section .drive-transformation{
	padding: 60px 0px 0px;
}
.aboutus-page-section .drive-transformation .inner-text .left-content h2{
	text-align: left;
}
.aboutus-page-section .drive-transformation .inner-text .left-content h2::after{
	right: auto;
}
.aboutus-page-section .drive-transformation .inner-text .left-content p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}
.aboutus-page-section .drive-transformation .inner-text .right-content img{
	width: 100%;
}
.aboutus-page-section .our-roots{
	padding: 60px 0px  0px;
}
.aboutus-page-section .our-roots .inner-text h2{
	text-align: left;
}
.aboutus-page-section .our-roots .inner-text h2::after{
	right: auto;
}
.aboutus-page-section .our-roots .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	column-count: 2;
	column-gap: 100px;
	line-height: 30px;
	margin-bottom: 30px;
}
.aboutus-page-section .our-roots .inner-text iframe{
	margin-top: 20px;
	position: relative;
}
.aboutus-page-section .our-roots .inner-text img{
	width: 100%;
}
.aboutus-page-section  .Our-Cultur{
	padding: 60px 0px 0px;
}
.aboutus-page-section  .Our-Cultur .inner-text .left-content h2{
	text-align: left;
}
.aboutus-page-section  .Our-Cultur .inner-text .left-content h2::after{
	right: auto;
}
.aboutus-page-section  .Our-Cultur .inner-text .left-content p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}
.aboutus-page-section  .Our-Cultur .inner-text .right-content img{
	width: 100%;
}
.aboutus-page-section .Our-Values{
	padding: 60px 0px 0px;
}
.aboutus-page-section .Our-Values .inner-text .left-content img{
	width: 100%;
}
.aboutus-page-section .Our-Values .inner-text .right-content h2{
	text-align: left;
}
.aboutus-page-section .Our-Values .inner-text .right-content h2::after{
	right: auto;
}
.aboutus-page-section .Our-Values .inner-text .right-content p{
	font-size: 18px;
    color: var(--text-color);
    column-count: 2;
    column-gap: 50px;
    line-height:30px;
}
.aboutus-page-section .Our-Values .inner-text ul{
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.aboutus-page-section .Our-Values .inner-text ul li{
	text-align: center;
}
.aboutus-page-section .Our-Values .inner-text ul li img{
	width: 120px;
	margin-bottom: 20px;
}
.aboutus-page-section .Our-Values .inner-text ul li h5{
	color: var(--dark);
	font-size: 20px;
	margin-bottom: 0px;
}
.aboutus-page-section .Featured-in{
	padding: 60px 0px 0px;
}
.aboutus-page-section .Featured-in .inner-text h2{
	text-align: left;
}
.aboutus-page-section .Featured-in .inner-text h2::after{
	right: auto;
}
.aboutus-page-section .Featured-in .inner-text ul{
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap:10px;
}
.aboutus-page-section .Featured-in .inner-text ul li{
	text-align: center;
}
.aboutus-page-section .Featured-in .inner-text ul li img{
	width: 220px;
}
.aboutus-page-section .accelerating-outcomess{
	padding: 60px 0px 60px;
}
.aboutus-page-section .accelerating-outcomess .inner-text .left-content img{
	width: 100%;
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content h2{
	text-align: left;
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content a.btn-primary{
	color: var(--light);
	padding: 10px 30px;
	font-weight: 400;
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content a.btn-primary:hover{
	color: var(--primary);
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content h2::after{
   right: auto;
}
.aboutus-page-section .accelerating-outcomess .inner-text .right-content a{
	color: var(--primary);
	font-size: 18px;
	font-weight: 500;
}
.aboutus-page-section .Projects-inspire{
   padding: 60px 0px 0px;
}
.aboutus-page-section .Projects-inspire .inner-text .left-content h2{
	text-align: left;
}
.aboutus-page-section .Projects-inspire .inner-text .left-content h2::after{
	right: auto;
}
.aboutus-page-section .Projects-inspire .inner-text .left-content h4{
	font-size: 22px;
	color: var(--dark);
}
.aboutus-page-section .Projects-inspire .inner-text .left-content p{
	font-size: 18px;
	line-height: 28px;
	color: var(--text-color);
}
.aboutus-page-section .Projects-inspire .inner-text .left-content a{
	color: var(--primary);
	font-size: 18px;
	font-weight: 500;
}
.aboutus-page-section .Projects-inspire .inner-text .right-content img{
	width: 100%;
}
.aboutus-page-section .our-people{
	padding: 60px 0px 0px;
}
.aboutus-page-section .our-people .inner-text h2{
	text-align: left;
}
.aboutus-page-section .our-people .inner-text h2::after{
	right: auto;
}
.aboutus-page-section .our-people .inner-text .gallery{
    display: grid;
    grid-template-columns: repeat(32,1fr);
    grid-template-rows: repeat(5,1fr);
    width: 100%;
    grid-gap: 5px;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(1) {
    grid-column: span 7;
    grid-row: span 2;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(2) {
    grid-column: span 12;
    grid-row: span 2;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(3) {
    grid-column: span 4;
    grid-row: span 2;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(4) {
    grid-column: span 4;
    grid-row: span 5;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(5) {
    grid-column: span 5;
    grid-row: span 5;
}
.aboutus-page-section .our-people .inner-text .gallery .image:nth-child(6) {
    grid-column: span 7;
    grid-row: span 3;
}
.aboutus-page-section .our-people .inner-text .gallery  .image:nth-child(7) {
    grid-column: span 16;
    grid-row: span 3;
}
.aboutus-page-section .our-people .inner-text .gallery  .image .images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center left;
}
/*---------- aboutus-page-sectio --------*/
/*---------- are-we-a-rightfit---------- */
.are-we-a-rightfit .banner{
	background-image: url(../images/partner/awtrf.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 82vh;
	position: relative;
}
.are-we-a-rightfit .banner .inner-text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
}
.are-we-a-rightfit .banner .inner-text h1{
	color: var(--light);
	font-weight: 600;
	font-size: 42px;
	margin-bottom: 20px;
	line-height: 55px;
}
.are-we-a-rightfit .banner .inner-text p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 20px;
}
.are-we-a-rightfit .second-section{
	padding: 60px 0px;
}
.are-we-a-rightfit .second-section .inner-text p.lead{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 60px;
}
.are-we-a-rightfit .second-section .inner-text .inner-div{
	margin-bottom: 50px;
}
.are-we-a-rightfit .second-section .inner-text .inner-div:last-child{
	margin-bottom: 0px;
}
.are-we-a-rightfit .second-section .inner-text .inner-div h4{
	color: var(--dark);
	font-size: 22px;
	margin-bottom: 20px;
}
.are-we-a-rightfit .second-section .inner-text .inner-div p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
/*---------- are-we-a-rightfit---------- */
/* -----reviews-and-testimonials-------- */
.reviews-and-testimonials .banner{
	height: 82vh;
	background-color: var(--dark);
	background-image: url(../images/partner/testimonals_banner.png);
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
}
.reviews-and-testimonials .banner .inner-text{
	width: 50%;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}
.reviews-and-testimonials .banner .inner-text h1{
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	margin-bottom: 20px; 
	line-height: 55px; 
}
.reviews-and-testimonials .banner .inner-text p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 20px;
	font-weight: 300;
}
.reviews-and-testimonials .banner .inner-text ul{
	display: flex;
	align-items: center;
}
.reviews-and-testimonials .banner .inner-text ul li{
	margin-right:25px;
}
.reviews-and-testimonials .banner .inner-text ul li img{
	width: 100px;
}
.reviews-and-testimonials .second-section{
	padding: 60px 0px;
	background-color: var(--light-white);
}
.reviews-and-testimonials .second-section .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}
.reviews-and-testimonials .second-section .inner-text .select-box{
	text-align: right;
	margin-top: 60px;
}
.reviews-and-testimonials .second-section .inner-text .select-box .inner-div img{
	width: 20px;
}
.reviews-and-testimonials .second-section .inner-text .select-box .inner-div .select-dropdown:focus{
	outline: none;
}
.reviews-and-testimonials .second-section .inner-text .select-box .inner-div .select-dropdown{
   border: 0px;
   font-size: 18px;
   font-weight: 500;
   border-bottom: 1px solid var(--dark);
   padding-bottom: 10px;
   background-color: var(--transparent);
   cursor: pointer;
 }
 .reviews-and-testimonials .second-section .inner-text .select-box .inner-div .select-dropdown option{
	font-size: 16px;
	cursor: pointer;
	padding: 10px;
 }
 .reviews-and-testimonials .second-section .inner-text2{
	margin-top: 40px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul{
	display: flex;
	align-items: flex-start;
	padding: 40px;
	background-color: var(--light);
	border-radius: 4px;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li:first-child{
	width: 25%;
	padding-right: 40px;
	border-right: 1px solid #d2e0e6;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li:last-child{
	width: 75%;
	padding-left: 40px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .left img{
	width: 170px;
	margin-bottom: 15px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .left .box{
	margin-bottom: 15px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .left .box span{
	color: var(--dark);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .left .box p{
	font-size: 15px;
	color: var(--text-color);
	margin-bottom: 0px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .right img{
	width: 40px;
	margin-bottom: 10px;
 }
 .reviews-and-testimonials .second-section .inner-text2 ul li .right p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 26px;
 }
 .reviews-and-testimonials .second-section .inner-text3{
	text-align: center;
	margin-top: 40px;
 }
 .reviews-and-testimonials .second-section .inner-text3 a{
	padding: 8px 20px;
	font-weight: 500;
 }

/* -----reviews-and-testimonials-------- */
/*-------- virtual-private-servers------ */
.virtual-private-servers .banner {
    padding: 64px 0px;
    background-image: url(../images/hosting/masthead-bg-secondary-primary.svg);
    background-position: right;
    background-color: var(--blue);
    background-repeat: no-repeat;
    background-size: contain;
	position: relative;
}
.virtual-private-servers .banner .inner-text3{
	margin-top: -50px;
	margin-bottom: 70px;
}
.virtual-private-servers .banner .inner-text3 .top-one-month{
	display: block;
	background-image: linear-gradient(45deg, #f37f73 20%, transparent 20%, transparent 80%, rgba(253, 229, 227, 0.1607843137) 80%);
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	background-color: #f05556;
	color: var(--light);
	margin-bottom: 50px;
}

.virtual-private-servers .banner .inner-text3 .top-one-month a{
	color: var(--light);
}






/* .virtual-private-servers .banner .inner-text3 a{
	padding: 10px 0px;
	text-align: center;
	display: block;
	background-color: #f05556;
	color: var(--light);
	transition: all .5s ease;
	border-radius: 5px;
}
.virtual-private-servers .banner .inner-text3 a:hover{
	background-color: #031a4a;
} */
/* .virtual-private-servers .banner .inner-text3 a:hover small{
	color: var(--red);
}
.virtual-private-servers .banner .inner-text3 a:hover small span{
	color: var(--red);
} */
/* .virtual-private-servers .banner .inner-text3 a span{
	background-color: var(--light);
	border-radius: 0px;
	padding: 3px 5px;
	color: var(--red);
	border-radius: 2px;
}
.virtual-private-servers .banner .inner-text3 a small{
	font-size: 18px;
	cursor:pointer
}
.virtual-private-servers .banner .inner-text3 a small span{
	background-color: transparent;
	color:var(--light);
} */
.virtual-private-servers .banner .inner-text .left-content h6{
	color: var(--light);
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 300;
}
.virtual-private-servers .banner .inner-text .left-content h1{
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	margin-bottom: 30px;
}
.virtual-private-servers .banner .inner-text .left-content h6 strong{
	font-weight:600 ;
}

.virtual-private-servers .banner .inner-text .left-content p{
	color: var(--light);
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px;
	line-height: 30px;
}
.virtual-private-servers .banner .inner-text .left-content ul{
	display: flex;
	align-items: baseline;
	margin-bottom: 20px;
}
.virtual-private-servers .banner .inner-text .left-content ul li{
	margin-right:20px ;
}
.virtual-private-servers .banner .inner-text .left-content ul li:first-child span {
   font-size: 20px;
   color: var(--light);
   font-weight: 500;
}
.virtual-private-servers .banner .inner-text .left-content ul li:first-child span sup{
	font-size: 24px;
}
.virtual-private-servers .banner .inner-text .left-content ul li:first-child span .price{
	font-size: 42px;
	font-weight: 600;
}
.virtual-private-servers .banner .inner-text .left-content ul li:nth-child(2) img{
	width: 150px;
}
.virtual-private-servers .banner .inner-text .left-content ul li:last-child img{
	width:130px;
}
.virtual-private-servers .banner .inner-text .right-content img{
	width: 60%;
}
.virtual-private-servers .choose-server{
	padding: 100px 0px;
}
.virtual-private-servers .choose-server .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	margin-bottom: 40px;
}
.virtual-private-servers .choose-server .inner-text ul{
	display: flex;
	align-items: center;
	justify-content: center;
}

.virtual-private-servers .choose-server .inner-text ul li{
	margin: 0px 10px ;
}
.virtual-private-servers .choose-server .inner-text  h5{
	text-align: center;
	font-size: 20px;
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 20px;
}
.virtual-private-servers .choose-server .inner-text ul li span{
	display:inline-block;
	margin-left: 10px;
	color: var(--darkest-blue);
	
}
.virtual-private-servers .choose-server .inner-text2{
	margin-top: 40px;
}
.virtual-private-servers .choose-server .inner-text2  .nav-pills {
	justify-content: center;
	display: flex;
	margin-bottom: 30px !important;
}
.virtual-private-servers .choose-server .inner-text2  .nav-pills .nav-item{
	margin: 0px 15px;
}
.virtual-private-servers .choose-server .inner-text2  .nav-pills .nav-item .nav-link.active{
	border-radius: 50px;
	background-color: var(--darkest-blue);
	color: var(--light);
	border: 1px solid var(--darkest-blue);
}
.virtual-private-servers .choose-server .inner-text2  .nav-pills .nav-item .nav-link{
	color: var(--text-color);
	border-radius: 50px;
	border: 1px solid #ededed;

}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .left-content{
	width: 20%;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .left-content .btn-primary {
    background-color: transparent;
    padding: 7px 20px;
    color: #0c1e50;
    border-color: var(--blue);
    font-size: 14px;
    border-radius: 10px;
    border-width: 1px;
    font-weight: 400;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box2 .left-content .btn-primary {
    background-color: #e7f1fc;
    padding: 7px 20px;
    color: var(--blue);
    border-color: #e7f1fc;
    font-size: 14px;
    border-radius: 10px;
    border-width: 1px;
    font-weight: 400;
}
.virtual-private-servers .choose-server .inner-text2 .details{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 156px;
}
.virtual-private-servers .choose-server .inner-text2 .details li{
	margin: 0px 50px;
	color: var(--darkest-blue);
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content{
	width: 80%;
	position: relative;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content .notification {
    background-color: var(--darkest-blue);
    border-radius: 5px;
    color: var(--light);
    font-weight: 300;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    top: 13px;
    left: 35px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box2 .right-content .notification {
    background-color: #fde5e3;
    border-radius: 5px;
    color:#f05556;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    top: 13px;
    left: 35px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3 .right-content .notification {
    background-color: #f05556;
    border-radius: 5px;
    color: var(--light);
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    top: 13px;
    left: 35px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3:hover .right-content .notification {
    background-color: #fde5e3;
    border-radius: 5px;
    color: var(--darkest-blue);
	transition: all .5s ease;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--light);
	padding: 10px 20px;
	background-color: #f6f7f8;
	border-radius: 20px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li a.btn-blue{
	padding: 7px 30px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3 .right-content ul li a.btn-blue{
	background-color: #f05556 !important;
	border-color:#f05556 ;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3:hover .right-content ul li a.btn-blue{
	background-color: #fff !important;
	color:var(--blue) ;
	transition: all .5s ease;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box:hover .right-content ul{
	border: 1px solid var(--blue);
	border-radius: 20px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3:hover .right-content ul{
	border: 1px solid #f05556;
	background-color:#f05556;
	transition: all .5s ease;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li h6{
   font-size: 20px;
   font-weight: 500;
   color: var(--darkest-blue);
   margin-bottom: 0px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li span{
	font-size: 14px;
	color: var(--darkest-blue);
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li .monthly{
	display: block;
	text-align: center;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li .monthly span{
	font-size: 30px;
	color: var(--darkest-blue);
	font-weight: 600;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box2 .right-content ul li .monthly span{
	font-size: 30px;
	color: #f05556;
	font-weight: 600;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box3 .right-content ul li .monthly span{
	font-size: 30px;
	color: var(--darkest-blue);
	font-weight: 600;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li .monthly small{
	font-size: 13px;
	color: var(--darkest-blue);
	display: block;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box2 .right-content ul li .monthly small.monthly-package{
	font-size: 13px;
	color: var(--darkest-blue);
	display: contents;
}

.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li a.btn-primary{
	padding: 7px 35px;
	font-weight: 500;
	border-radius: 0px;
	background-color: var(--blue);
	border-color: var(--blue);
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane .inner-box .right-content ul li a.btn-primary:hover{
	background-color: var(--primary);
	color: var(--light);
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane  p{
	text-align: center;
	font-size: 14px;
	color: var(--text-color);
	margin-top: 30px;
}
.virtual-private-servers .choose-server .inner-text2 .tab-content .tab-pane p a{
	color: var(--blue);
	cursor: pointer;
}
.virtual-private-servers .vps {
    padding: 100px 0px 190px;
    background-image: url(../images/hosting/bg-curve-left.svg),url(../images/hosting/bg-curve-top.svg),url(../images/hosting/floaty-device-group-grey-primary-white.svg),url(../images/hosting/floaty-device-single-grey.svg),url(../images/hosting/scroll-section-text-device-banner.svg);
    background-size: 238rem,200rem 214.3rem,30.6rem 10.6rem,29.1rem 4.2rem,123.2rem 8.2rem;
    background-position: calc(max(50% - 750px,0% - 122.35rem) - 70rem) 50%,calc(min(50% + 750px,100% + 107.5rem) + 35rem) calc(0% - 107.15rem - 45rem),50% 40%,calc(50% + 60rem) 72%,calc(50% + 15rem) calc(100% + 2px);
    background-color: #031a4a;
    background-repeat: no-repeat;
}
/* .virtual-private-servers .vps {
    padding: 60px  0px 250px;
    background-image: url(../images/hosting/vps-bg.png);
    background-color: var(--darkest-blue);
    background-position: center;
    background-size: cover;
} */
.virtual-private-servers .vps .inner-text h2{
	color: var(--light);
}
.virtual-private-servers .vps .inner-text p{
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	color: var(--light);
}
.virtual-private-servers .vps .inner-text2{
	margin-top: 40px;
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item .inner-div{
	padding: 20px;
	border-radius: 10px;
	background-color: var(--light);
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item  .items2s{
	margin-top: 50px;
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item .inner-div img{
	width: 50px;
	margin-bottom: 15px;
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item .inner-div h5{
   font-size: 20px;
   color: var(--darkest-blue);
   margin-bottom: 10px;
   font-weight: 600;
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item .inner-div p{
	color: var(--darkest-blue);
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 0px;
}
.virtual-private-servers .vps .inner-text2 .owl-carousel .item .inner-div p a{
	color: var(--blue);
}




.virtual-private-servers .vps-hosting-built {
    background-repeat: no-repeat;
    padding: 60px 0px;
    background-color: #e7f1fc;
    background-image: url(../images/hosting/section-bg-curve-blue-pale.svg);
    background-position: right;
	margin: 60px 30px 0px;
	border-radius: 20px;
}

.virtual-private-servers .vps-hosting-built .inner-text p{
	color: var(--text-color);
	text-align:center;
	font-size: 18px;
	margin-bottom: 50px;
}

.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item {
    margin-bottom: 5px;
}
.virtual-private-servers .vps-hosting-built .inner-text .right-content img{
	width: 100%;
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-header {
    padding: 8px 0px;
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    box-shadow: none;
    background-color: var(--transparent);
    color: var(--darkest-blue);
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-header .accordion-button::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 36px;
    background-image: url(../images/hosting/plus.png);
    transition: transform .5s ease-in-out;
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url(../images/hosting/minus.png);
    transform: rotate(0deg);
    position: absolute;
    content: "";
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-collapse .accordion-body{
	padding-top: 0px;
}
.virtual-private-servers .vps-hosting-built .inner-text .left-content .accordion-flush .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    color: var(--text-color);
	text-align: left;
}
.virtual-private-servers .tier-iv{
	padding: 100px 0px;
}
.virtual-private-servers .tier-iv .inner-text .left-content img{
	width: 100%;
}
.virtual-private-servers .tier-iv .inner-text .right-content h2{
	text-align: left;
}
.virtual-private-servers .tier-iv .inner-text .right-content h2::after{
	right: auto;
}
.virtual-private-servers .tier-iv .inner-text .right-content p{
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0px;
}
.virtual-private-servers .our-vps-offer{
	padding: 60px 0px;
}
.virtual-private-servers .our-vps-offer .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size:18px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .nav-pills{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.virtual-private-servers .our-vps-offer .inner-text2 .nav-pills .nav-item{
	margin: 0px 10px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .nav-pills .nav-item .nav-link.active{
	background-color: var(--darkest-blue);
	color: var(--light);
	border:1px solid var(--darkest-blue);
}
.virtual-private-servers .our-vps-offer .inner-text2 .nav-pills .nav-item .nav-link{
	color: var(--darkest-blue);
	border:1px solid var(--darkest-blue);
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content{
	margin-top: 40px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane h3{
	text-align: center;
	font-size: 26px;
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 50px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .bg-tab-pane1{
	background-color: #e7f1fc;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .bg-tab-pane2{
	background-color:#f6eafe;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .bg-tab-pane3{
	background-color: #ffe4ce;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .bg-tab-pane4{
	background-color: #fdf4de;
}






.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane {
	padding: 40px;
	border-radius: 30px;
}

.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul{
	display: grid;
	grid-gap:  20px;
	grid-template-columns: repeat(3,1fr);
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul li{
	background-color: var(--light);
	padding: 20px;
	border-radius: 10px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul li img{
	margin-bottom: 15px;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul li h5{
   font-size: 20px;
   margin-bottom: 15px;
   color: var(--darkest-blue);
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul li p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}

.virtual-private-servers .launch-vps .inner-text {
    padding: 100px 0px;
    background-image: url(../images/hosting/section-bg-launch.svg);
    background-position: left;
    background-size: auto;
    background-color: var(--blue);
    background-repeat: no-repeat;
	border-radius: 30px;
}
.virtual-private-servers .launch-vps .inner-text .right-content h2{
	text-align: left;
	color: var(--light);
}
.virtual-private-servers .launch-vps .inner-text .right-content h2::after{
	right: auto;
}
.virtual-private-servers .launch-vps .inner-text .right-content p{
	color: var(--light);
	font-size: 16px;
	line-height: 28px;
}
.virtual-private-servers .launch-vps .inner-text .right-content ul{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.virtual-private-servers .launch-vps .inner-text .right-content ul li a.btn-outline-white {
    transition: all .5s ease;
    border-width: 1px;
    margin-left: 20px;
    padding: 6px 20px;
    border-radius: 5px;
}
.virtual-private-servers .launch-vps .inner-text .right-content ul li a.btn-outline-white:hover{
	background-color: var(--darkest-blue);
	color: var(--light);
	border-color: var(--darkest-blue);
}
.virtual-private-servers .real-support{
	padding: 60px 0px 0px;
    background-color:var(--light);
}
.virtual-private-servers .real-support2 .inner-text{
	background-color:#e7f1fc;
	border-radius: 30px;
}
.virtual-private-servers .real-support .inner-text .left-content h2{
	text-align: left;
}
.virtual-private-servers .real-support .inner-text .left-content h2::after{
	right: auto;
}
.virtual-private-servers .real-support .inner-text .left-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}
.virtual-private-servers .real-support .inner-text .right-content img{
   width: 100%;
}
.virtual-private-servers .learn-about-vps{
	padding: 100px 0px 50px;
}
.virtual-private-servers .learn-about-vps .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
}
.virtual-private-servers .learn-about-vps .inner-text ul{
	display: grid;
	grid-gap: 0px 40px;
	margin-top: 40px;
	grid-template-columns: repeat(3, 1fr);
}
.virtual-private-servers .learn-about-vps .inner-text ul li{
	transition: .5s ease;
}
.virtual-private-servers .learn-about-vps .inner-text ul li img{
	width: 100%;
	margin-bottom: 25px;
	transition: .5s ease;
	border-radius: 10px;
}
.virtual-private-servers .learn-about-vps .inner-text ul li:hover :is(h3, p){
	color: var(--blue);
}
.virtual-private-servers .learn-about-vps .inner-text ul li:first-child:hover img{
	padding-left: 5px;
	background-color: var(--darkest-blue);
	border-radius: 10px;
}
.virtual-private-servers .learn-about-vps .inner-text ul li:nth-child(2):hover img{
	padding-bottom: 5px;
	background-color: var(--darkest-blue);
	border-radius: 10px;
}
.virtual-private-servers .learn-about-vps .inner-text ul li:last-child:hover img{
	padding-right: 5px;
	background-color: var(--darkest-blue);
	border-radius: 10px;
}
.virtual-private-servers .learn-about-vps .inner-text ul li h3 {
    color: var(--darkest-blue);
    font-size: 22px;
    margin-bottom: 20px;
    transition: .5s ease;
    font-weight: 600;
    height: 44px;
}
.virtual-private-servers .learn-about-vps .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	transition: .5s ease;
	line-height: 28px;
}
.virtual-private-servers .operating-systems{
	padding: 0px 0px 60px;
}
.virtual-private-servers .operating-systems .inner-text{
	padding: 50px 100px;
	border-radius: 10px;
	border:2px solid var(--darkest-blue);
	position: relative;
	margin: 0px 30px;
}
.virtual-private-servers .operating-systems .inner-text:after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/floaty-device-single-secondary.svg);
    left: -5%;
    bottom: -9%;
    height: 60px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: right;
    z-index: 2;
}
.virtual-private-servers .operating-systems .inner-text .owl-carousel{
	margin-top: 60px;
}
.virtual-private-servers .operating-systems .inner-text .owl-carousel  .item .inner-div img{
	width: 180px;
	margin: 0px auto;
	display: block;
}
.virtual-private-servers .operating-systems .inner-text .owl-carousel .owl-nav button.owl-prev::before{
	content:"";
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
	background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
	height: 40px;
	width: 40px;
	background-size: cover;
	left: -55px;
}

.virtual-private-servers .operating-systems .inner-text .owl-carousel .owl-nav button.owl-next::before {
	content: "";
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
	background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
	height: 40px;
	width: 40px;
	background-size: cover;
	right: -55px;
    transform: translateY(-50%) rotate(180deg);
}

.virtual-private-servers .operating-systems .inner-text .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.virtual-private-servers .operating-systems .inner-text .owl-carousel .owl-nav button.owl-next span{
	display: none;
}
/*----- vps details slider------ */
.virtual-private-servers .vps-details-slider{
	padding: 100px 0px;
}
.virtual-private-servers .vps-details-slider .heading-section-top h2{
	text-align: left;
	margin-bottom: 30px;
}
.virtual-private-servers .vps-details-slider .heading-section-top h2::after{
	right: auto;
}
.virtual-private-servers .vps-details-slider .heading-section-top p{
	text-align: left;
    font-size: 18px;
    color: var(--text-color);
}
.virtual-private-servers .vps-details-slider .plan-features-price{
	margin-top: 50px;
	border: 1px solid var(--darkest-blue);
	padding: 40px 20px;
	border-radius: 20px;
}
.virtual-private-servers .vps-details-slider .plan-features-price .left-table thead tr th{
	height: 80px;
	display: flex;
	position: relative;
}
.virtual-private-servers .vps-details-slider .plan-features-price .left-table thead tr th::after {
    position: absolute;
    content: "";
    left: 0;
    top: 71px;
    height: 2px;
    width: 80%;
    background-color: #d3d3d3;
}
.virtual-private-servers .vps-details-slider .plan-features-price .left-table thead tr th h4{
	font-size: 20px;
	font-weight:600;
	color: #031a4a;
}
.virtual-private-servers .vps-details-slider .plan-features-price .left-table tbody tr td{
	position: relative;
	padding: 20px 0px;
	font-size: 15px;
	color: #031a4a;
	font-weight: 500;
}
.virtual-private-servers .vps-details-slider .plan-features-price .left-table tbody tr td::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 1px;
    background-color: var(--border-color);
    left: 0px;
    bottom: 0px;
}

.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .owl-nav button.owl-prev::after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
    height: 40px;
    width: 40px;
    background-size: cover;
    top: -111px;
    right: 54px;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .owl-nav button.owl-next::after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
	transform: rotate(-180deg);
    height: 40px;
    width: 40px;
    background-size: cover;
    top: -111px;
    right: 0px;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .owl-dots{
	display: none;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .owl-nav button.owl-next span{
	display: none;
}





.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item:hover tr td{
	background-color: var(--light-gray);
}
/* -------------------------- */
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table thead tr th{
	height: 80px;
	display: flex;
	position: relative;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item:hover{
	width: auto;
   transition: all .5s linear;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item:hover .right-table thead tr th::after{
	background-color: #1473e6;
	width: 85%;
	transition: all .5s linear;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table thead tr th::after {
    position: absolute;
    content: "";
    top: 71px;
    height: 2px;
    width: 80%;
    background-color: #d3d3d3;
	transition: all .5s linear;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table thead tr th h4{
	font-size: 20px;
	font-weight:600;
	color: #031a4a;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table thead tr th p span {
    font-size: 16px;
    font-weight: 600;
    color: #031a4a;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table thead tr th p{
	font-size: 14px;
	color: #031a4a;
	font-weight: 300;
}


/*  */
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table tbody tr td{
	position: relative;
	padding: 20px 10px;
	font-size: 14px;
	color: #031a4a;
	font-weight: 300;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table tbody tr td::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    left: 0px;
    bottom: 0px;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table tbody tr:last-child  td::after {
    display: none;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table tbody tr td img {
    width: 23px;
    height: 23px;
    object-fit: scale-down;
}
.virtual-private-servers .vps-details-slider .plan-features-price .owl-carousel .item .right-table tbody tr td a.btn-outline-blue{
	padding: 10px 40px;
	border-width: 1px;
	font-weight: 300;
}
/*  */

/*----- vps details slider------ */
.virtual-private-servers .vps-details{
	padding: 40px 0px;
}
.virtual-private-servers .vps-details .inner-text h2{
	text-align: left;
}
.virtual-private-servers .vps-details .inner-text h2::after{
	right: auto;
}
.virtual-private-servers .vps-details .inner-text p{
	text-align: left;
	font-size: 18px;
	color: var(--text-color);
}
.virtual-private-servers .vps-details .inner-text2{
	padding: 30px 20px;
	border: 1px solid var(--darkest-blue);
	border-radius: 20px;
}
.virtual-private-servers .vps-details .inner-text2 .left-content h4 {
    font-size: 22px;
    font-weight: 500;
    color: var(--darkest-blue);
   position: relative;
}
.virtual-private-servers .vps-details .inner-text2 .left-content h4::after {
	position: absolute;
    content: "";
    background-color: var(--border-color);
    width: 100px;
    height: 3px;
    left: 0;
    bottom: -50px;
}
.virtual-private-servers .vps-details .inner-text2 .left-content ul{
	margin-top: 70px;
}
.virtual-private-servers .vps-details .inner-text2 .left-content ul li{
	font-size: 18px;
	font-weight: 500;
	color: var(--red);
	padding: 20px 0px;
	position: relative;
}
.virtual-private-servers .vps-details .inner-text2 .left-content ul li::after {
    content: "";
    position: absolute;
    width: 122px;
    height: 1px;
    background-color: var(--border-color);
    left: 0px;
    top: 0px;
}
.virtual-private-servers .vps-details .inner-text2 .left-content ul li:first-child::after{
	display: none;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text .box h4{
	font-size: 22px;
    font-weight: 500;
    color: var(--darkest-blue);
	position: relative;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text .box h4::after {
    position: absolute;
    content: "";
    background-color: var(--border-color);
    width: 100px;
    height: 3px;
    left: 0;
    bottom: -50px;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text .box p{
	font-size: 15px;
	color:var(--darkest-blue)
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text .box p span{
	font-size: 22px;
	font-weight: 600;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text ul{
	margin-top: 30px;
}

.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text ul li{
	font-size: 18px;
	font-weight: 500;
	color: var(--darkest-blue);
	padding: 20px 10px;
	position: relative;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text ul li::after {
    content: "";
    position: absolute;
    width: 122px;
    height: 1px;
    background-color: var(--border-color);
    left: 0px;
    top: 0px;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .item .inner-text ul li:first-child::after{
	display: none;
}




.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .owl-nav button.owl-prev::before{
	content:"";
    position: absolute;
    top: -5%;
	background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
	height: 40px;
	width: 40px;
	background-size: cover;
	right: 55px;
}

.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .owl-nav button.owl-next::before {
	content: "";
    position: absolute;
    top:-5%;
	background-image: url(../images/hosting/circle-arrow-filled-dark.svg);
	height: 40px;
	width: 40px;
	background-size: cover;
	right: 0px;
    transform: rotate(180deg);
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .owl-nav button.owl-next span{
	display: none;
}
.virtual-private-servers .vps-details .inner-text2 .right-content .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.virtual-private-servers .our-vps-offer .inner-text2 .tab-content .tab-pane ul li h5 {
    font-size: 18px;
    margin-bottom: 10px;
	font-weight: 600;
}
/*--------- virtual-private-servers------ */
/* -------------vps-purchase------------- */
.vps-purchase{
	padding: 40px 0px 0px;
}
.vps-purchase .inner-text h3{
	text-align: center;
	color: var(--blue);
	font-size: 26px;
	margin-bottom: 30px;
}
.vps-purchase .inner-text h3 span{
	font-weight: 600;
}
.vps-purchase .inner-text h1{
	text-align: center;
	color: var(--darkest-blue);
	font-size: 42px;
	font-weight: 600;
}
.vps-purchase .inner-text .inner-div {
    border-radius: 5px;
    padding: 40px;
    box-shadow: -2px -1px 20px 0px rgb(0 0 0 / 13%);
    margin-top: 40px;
}
.vps-purchase .inner-text .inner-div h4{
	font-size: 24px;
	color: var(--darkest-blue);
	font-weight: 600;
}
.vps-purchase .inner-text .inner-div .checkouttimes{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	border-bottom: 1px dashed var(--text-color);
	padding-bottom: 10px;
}
.vps-purchase .inner-text .inner-div .checkouttimes .left h5{
	color: var(--blue);
	font-size: 20px;
	font-weight: 600;
}
.vps-purchase .inner-text .inner-div .checkouttimes .left p{
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;
}
.vps-purchase .inner-text .inner-div .checkouttimes .left p a{
	color: var(--blue);
	text-decoration: underline;
}
.vps-purchase .inner-text .inner-div .checkouttimes .right h5{
	color: var(--blue);
	font-size: 20px;
	font-weight: 600;
}
.vps-purchase .inner-text .inner-div .totals{
	padding: 10px 0px;
}
.vps-purchase .inner-text .inner-div .totals .checkouttotals{
	width: 300px;
	margin-left: auto;
}
.vps-purchase .inner-text .inner-div .totals .checkouttotals .box{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.vps-purchase .inner-text .inner-div .totals .checkouttotals .box:last-child{
	border-top: 1px dashed var(--text-color);
	padding-top: 10px;
}
.vps-purchase .inner-text .inner-div .totals .checkouttotals .box span{
	color: var(--text-color);
	font-size: 16px;
}
.vps-purchase .inner-text .inner-div .totals .checkouttotals .box span strong{
	font-weight: 600;
	color: var(--blue);
}
.vps-purchase .inner-text .inner-div .notices{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.vps-purchase .inner-text .inner-div .notices .left{
	width: 60%;
}
.vps-purchase .inner-text .inner-div .notices .left small{
	font-size: 14px;
}
.vps-purchase .inner-text .inner-div .notices .left small a{
	text-decoration: underline;
	color: var(--blue);
}
.vps-purchase .inner-text .inner-div .notices .left .vouchernotice{
	margin-top: 15px;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.vps-purchase .inner-text .inner-div .notices .left .vouchernotice strong{
	color: var(--darkest-blue);
}
.vps-purchase .inner-text .inner-div .notices .left .vouchernotice img{
	width: 20px;
	margin-right: 10px;
}
.vps-purchase .inner-text .inner-div .notices .right a{
	font-size: 16px;
	color: var(--blue);
	text-decoration: underline;
}
.vps-purchase .inner-text .inner-div form{
	margin-top: 30px;
}
.vps-purchase .inner-text .inner-div form .form-group {
    margin-bottom: 20px;
}
.vps-purchase .inner-text .inner-div form .form-group label {
    color: var(--darkest-blue);
    font-weight: 600;
    font-size: 16px;
}
.vps-purchase .inner-text .inner-div form .form-group label sup {
    color: var(--red);
}
.vps-purchase .inner-text .inner-div form .form-group input {
    padding: 10px;
}
.vps-purchase .inner-text .inner-div form .form-group small {
    font-size: 14px;
    color: var(--text-color);
    margin-top: 8px;
    display: block;
}
.vps-purchase .inner-text .inner-div .already a{
	color: var(--blue);
	text-decoration: underline;
	display: block;
}
.vps-purchase .inner-text .inner-div form  .nav-pills .nav-item .nav-link.active{
	background-color: transparent;
	color: var(--darkest-blue);
	cursor: pointer;
	font-weight: 600;
}
.vps-purchase .inner-text .inner-div form  .nav-pills .nav-item .nav-link{
	background-color: transparent;
	color: var(--darkest-blue);
	font-weight: 600;
	padding: 10px 20px 10px 0px;
	cursor: pointer;
}
.vps-purchase .inner-text .inner-div form  .nav-pills .nav-item .nav-link .form-check  .form-check-input:checked {
    background-color: var(--darkest-blue);
    border-color: var(--darkest-blue);
}
.vps-purchase .inner-text .inner-div form .find-address {
	margin-bottom: 10px;
	margin-top: -10px;
}
.vps-purchase .inner-text .inner-div form .find-address a{
	padding: 4px 15px;
	font-size: 14px;
}
.vps-purchase .inner-text .inner-div form  .address-manual{
	margin-bottom: 30px;
	text-decoration: underline;
	display: block;
}
.vps-purchase .inner-text .inner-div form .input-group .input-group-text .contrycode{
    background-color: transparent;
	border: 0px;
	cursor: pointer;
}
.vps-purchase .inner-text .inner-div form .input-group .input-group-text .contrycode:focus{
	outline: none;
}
.vps-purchase .inner-text .inner-div .exclusive-offers{
	text-align: center;
	width: 600px;
	margin: 0px auto;
}
.vps-purchase .inner-text .inner-div .exclusive-offers img{
	width: 70px;
	margin-bottom: 20px;
}
.vps-purchase .inner-text .inner-div .exclusive-offers .form-check{
	text-align: left;
	cursor: pointer;
	margin: 20px 0px;
}
.vps-purchase .inner-text .inner-div .exclusive-offers .form-check label{
	color: var(--darkest-blue);
	font-weight: 500;
}
.vps-purchase .inner-text .inner-div .exclusive-offers .form-check input{
	border-radius: 0px;
	border: 1px solid var(--blue);
}
.vps-purchase .inner-text .inner-div .exclusive-offers a strong{
	font-weight: 500;
	color: var(--red);
	cursor: pointer;
}
.vps-purchase .inner-text .inner-div .exclusive-offers a{
	margin-top: 20px;
	display: block;
}
.vps-purchase .inner-text .inner-div form .form-group .form-select{
	padding: 10px;
}
.vps-purchase .inner-text .inner-div form .input-group input.form-control{
	padding: 10px;
}
/* -------------vps-purchase------------- */
/* ------vps-purchase-totalpay---------- */
.vps-purchase-totalpay{
	padding: 40px 0px;
}
.vps-purchase-totalpay .inner-text .right-content.sticky-top{
	top: 150px;
	z-index: 1;
}
.vps-purchase-totalpay .inner-text .right-content h3{
	color: var(--darkest-blue);
	font-size: 26px;
	font-weight: 600;
}
.vps-purchase-totalpay .inner-text .right-content .inner-div .inner-box{
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
}
.vps-purchase-totalpay .inner-text .right-content .inner-div .inner-box h6{
	font-size: 17px;
	color: var(--text-color);
}
.vps-purchase-totalpay .inner-text .right-content .inner-div .inner-box h6.bold{
	font-size: 18px;
	color: var(--darker-blue);
	font-weight: 600;
}

.vps-purchase-totalpay .inner-text .right-content table{
	width: 100%;
	text-align: right;
}
.vps-purchase-totalpay .inner-text .right-content table tbody tr td{
	color: var(--text-color);
	padding-top: 20px;
}
.vps-purchase-totalpay .inner-text .right-content table tfoot tr th h5{
	font-size: 18px;
	color: var(--darkest-blue);
	padding-top: 20px;
	font-weight: 600;
}
.vps-purchase-totalpay .inner-text .right-content .d-grid a.btn-primary{
	background-color: var(--blue);
	border-color: var(--blue);
	padding: 8px 10px;
}
.vps-purchase-totalpay .inner-text .right-content .d-grid a.btn-primary:hover{
	color: var(--light);
}
.vps-purchase-totalpay .inner-text .left-content .inner-div {
    padding: 30px;
    box-shadow: -2px -1px 20px 0px rgb(0 0 0 / 12%);
    background: #fff;
    margin-bottom: 30px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .left{
	display: flex;
	align-items: center;
	width: 50%;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .left h3{
	color: var(--darkest-blue);
    font-size: 26px;
    font-weight: 600;
	margin:0px 10px 0px 0px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .left a{
	color: var(--blue);
	text-decoration: underline;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .right{
	width: 50%;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .right ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .inner-box1 .right ul li{
	color: var(--darkest-blue);
	font-weight: 500;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div h6{
	font-size: 20px;
    color: var(--darker-blue);
    font-weight: 600;
	margin-bottom: 15px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div p{
	font-size: 15px;
	color: var(--text-color);
}
.vps-purchase-totalpay .inner-text .left-content .inner-div ul .nav-item .nav-link{
	border: 1px solid var(--border-color);
	padding: 20px;
	border-radius: 20px 0px 20px 0px;
	margin-right: 11px;
	width: 274px;
	background-color: transparent;
	color: var(--text-color);
	cursor: pointer;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div ul .nav-item .nav-link.active{
	border: 1px solid var(--blue);
	color: var(--blue);
}
.vps-purchase-totalpay .inner-text .left-content .inner-div ul .nav-item .nav-link .form-check{
	display: flex;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div ul .nav-item .nav-link .form-check .form-check-label{
	margin-left: 10px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div select{
	padding: 10px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div select option{
	color: var(--darkest-blue);
	font-weight: 500;
	padding: 10px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .product-info {
    color: var(--darkest-blue);
    font-size: 16px;
    opacity: .8;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .product-info strong{
	font-size: 16px;
	opacity: 1;
	margin-right: 10px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .plus-minus-field {
    display: flex;
    flex-direction: row;
    color: #031a4a;
	width: 200px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box {
	display: flex;
	justify-content: space-between;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .plus-minus-field .minus {
    background: #fff;
    border: 1px solid var(--blue);
    color: var(--blue);
    padding: 10px 25px;
	font-size: 30px;
    font-weight: 600;
    transition: .3s all;
	border-radius: 10px 0px 0px 10px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .plus-minus-field .plus {
    background: #fff;
    border: 1px solid var(--blue);
    color: var(--blue);
    padding: 10px 25px;
	font-size: 30px;
    font-weight: 600;
    transition: .3s all;
	border-radius: 0px 10px 10px 0px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-div .box .inbox .input-group {
	border-color: rgba(2,24,74,.08);
    color: var(--blue);
	padding: 18px;
	font-size: 18px;
    font-weight: 600;
}
.vps-purchase-totalpay .inner-text .left-content .inner-button{
	text-align: center;
}
.vps-purchase-totalpay .inner-text .left-content .inner-button a.btn-primary{
	background-color: var(--blue);
	border-color: var(--blue);
	padding: 8px 30px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-button a.btn-primary:hover{
	color: var(--light);
}
.vps-purchase-totalpay .inner-text .left-content .inner-button .link{
	margin-top: 20px;
}
.vps-purchase-totalpay .inner-text .left-content .inner-button .link a{
	text-decoration: underline;
	font-size: 14px;
	margin: 0px 10px;
	font-weight: 500;
}
/* ------vps-purchase-totalpay---------- */
/* l------------search domain----------- */
.search-domain .rating{
	padding: 60px 0px;
}
.search-domain .rating ul{
	display: flex;
	justify-content: center;
	background-color: #f8f8f8;
	padding: 10px;
}
.search-domain .rating ul li{
	margin: 0px 20px;
}
.search-domain .rating ul li img{
	width: 120px;
}
.search-domain .rating ul li h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-top: 5px;
	font-weight: 600;
}
.search-domain .features-type{
	padding: 60px 0px;
} 
.search-domain .features-type .inner-text .nav-pills{
	justify-content: center;
}
.search-domain .features-type .inner-text .nav-pills .nav-item{
	margin: 0px 10px;
}
.search-domain .features-type .inner-text .nav-pills .nav-item .nav-link{
	border: 1px solid var(--darkest-blue);
	color: var(--darkest-blue);
	font-weight: 500;
}
.search-domain .features-type .inner-text .nav-pills .nav-item .nav-link:hover{
	color: var(--blue);
	border: 1px solid var(--blue);
}
.search-domain .features-type .inner-text .nav-pills .nav-item .nav-link.active{
	background-color: var(--darkest-blue);
	color: var(--light);
	border: 1px solid var(--darkest-blue);
}
.search-domain .features-type .inner-text .tab-content {
	margin-top: 40px;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div{
	background-color: var(--darkest-blue);
	background-image: url(../images/hosting/banner-bg-bottom-curve-primary.svg);
	padding: 40px 40px 0px;
	border-radius: 10px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.search-domain .features-type .inner-text .tab-content .tab-pane:nth-child(2n) .inner-div{
	background-color: #1473e6;
	background-image: url(../images/hosting/banner-bg-bottom-curve-secondary.svg);
}
.search-domain .features-type .inner-text .tab-content .tab-pane:nth-child(2) .inner-div{
	background-image: url(../images/hosting/banner-bg-bottom-curve-blue-pale.svg);
}
.search-domain .features-type .inner-text .tab-content .tab-pane:nth-child(2) .inner-div .left-content {
	padding-bottom: 120px;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content h3{
	font-size: 26px;
	color: var(--light);
	margin-bottom: 20px
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content p{
	color: var(--light);
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	margin-bottom: 0px;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul {
    margin-top: 20px;
} 
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li {
  margin: 5px 0px; 
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li a{
	color: var(--light);
	position: relative;
	display: flex;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li a span{
	display: flex;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li a img{
	margin-left: 10px;
	width: 17px;
	transition: all 300ms ease-in-out;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li a:hover span{
	text-decoration: underline;
	text-underline-offset: 5px;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .left-content ul li a:hover img{
	margin-left:15px;
}
.search-domain .features-type .inner-text .tab-content .tab-pane .inner-div .right-content img{
	width: 100%;
}
.search-domain .hosting-number{
	padding:80px 0px 100px;
}
.search-domain .hosting-number .inner-text .left-content h2{
	text-align: left;
}
.search-domain .hosting-number .inner-text .left-content h2::after{
  right: auto;
}
.search-domain .hosting-number .inner-text .left-content p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
}
.search-domain .hosting-number .inner-text .right-content{
	text-align: right;
}
.search-domain .hosting-number .inner-text .right-content img{
	width: 100%;
}
.search-domain .hosting-provider{
	padding: 70px 0px;
	background-color: var(--darkest-blue);
	background-image: url(../images/hosting/bg-curve-centre.svg);
	background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.search-domain .hosting-provider .inner-text h2{
	color: var(--light);
}
.search-domain .hosting-provider .inner-text p{
	font-size: 18px;
	color: var(--light);
	font-weight: 300;
	text-align:center;
	margin-bottom: 60px;
}
.search-domain .hosting-provider .inner-text ul{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3,1fr);
	margin-top: 30px;
}
.search-domain .hosting-provider .inner-text ul li{
	background-color: var(--light);
	border-radius: 10px;
	padding: 30px;
	transition: transform 1s ease 0s;
}
.search-domain .hosting-provider .inner-text ul li:hover {
	transform: perspective(200rem) rotateY(-10deg);
}
.search-domain .hosting-provider .inner-text ul li .inner-div h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-bottom: 15px;
}
.search-domain .hosting-provider .inner-text ul li .inner-div h3{
	font-size: 26px;
	color: var(--darker-blue);
	font-weight: 600;
	margin-bottom: 15px;
	height: 70px;
}
.search-domain .hosting-provider .inner-text ul li .inner-div img{
	width: 100px;
	margin-bottom: 20px;
}
.search-domain .hosting-provider .inner-text ul li .inner-div p{
	font-size: 16px;
	color: #031a4a;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0;
	line-height: 28px;
}
.search-domain .cloud-services{
	padding: 60px 0px;
	background-color:#2b2828;
}
.search-domain .cloud-services .inner-text .left-content h6{
	font-size: 18px;
    color: var(--light);
    margin-bottom: 15px;
	font-weight: 300;
}
.search-domain .cloud-services .inner-text .left-content h2{
	text-align: left;
	color: var(--light);
}
.search-domain .cloud-services .inner-text .left-content h2::after{
	right: auto;
}
.search-domain .cloud-services .inner-text .left-content p{
	color: var(--light);
	font-weight: 300;
}
.search-domain .cloud-services .inner-text .right-content img{
	width: 100%;
}
.search-domain .customers-says{
	padding: 60px 0px;
}
.search-domain .customers-says .inner-text p{
   font-size: 18px;
   text-align: center;
   color:var(--text-color);
}
.search-domain .customers-says .inner-text ul{
	margin-top: 60px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, 2fr);
}
.search-domain .customers-says .inner-text ul li{
	background-color: #e7f1fc;
	text-align: left;
	padding: 20px;
}
.search-domain .customers-says .inner-text ul li a img{
	width: 120px;
	margin-bottom: 20px;
}
.search-domain .customers-says .inner-text ul li a h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-bottom: 15px;
	font-weight: 600;
	height: 45px;
}
.search-domain .customers-says .inner-text ul li a p{
	text-align: left;
	font-size: 16px;
	color:#031a4a;
	line-height: 28px;
}
.search-domain .real-support {
    padding: 40px 0px 40px;
    background-image: url(../images/hosting/dome-secondary-bottom.svg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.search-domain .real-support .inner-text .left-content h2{
	text-align: left;
}
.search-domain .real-support .inner-text .left-content p{
	text-align: left;
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 30px;
}
.search-domain .real-support .inner-text .left-content h2::after{
	right: auto;
}

.search-domain .real-support .inner-text .right-content img{
	width: 100%;
	position: relative;
	z-index: -1;
}
.search-domain .banner{
	padding: 20px 0px 60px;
	background-color: var(--darkest-blue);
}
.search-domain .banner .inner-text  .inner-div .inner-box{
	display: flex;
	align-items: center;
}
.search-domain .banner .inner-text  .inner-div .inner-box .input-group{
	width: 83%;
}
.search-domain .banner .inner-text  .inner-div .inner-box a.arrow{
	color: var(--light);
    position: relative;
    display: flex;
	margin-left: 20px;
}
.search-domain .banner .inner-text  .inner-div .inner-box a.arrow span {
    display: flex;
}
.search-domain .banner .inner-text  .inner-div .inner-box a.arrow img {
    margin-left: 10px;
    width: 17px;
    transition: all 300ms ease-in-out;
}
.search-domain .banner .inner-text  .inner-div .inner-box a.arrow:hover span {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.search-domain .banner .inner-text  .inner-div .inner-box a.arrow:hover img {
    margin-left: 15px;
}
.search-domain .banner .inner-text  .inner-div .inner-box .input-group input{
	padding: 15px;
}
.search-domain .banner .inner-text  .inner-div .inner-box .input-group  .input-group-text{
	padding: 20px;
	background: var(--blue);
	border-color: var(--blue);
	cursor: pointer;
}
.search-domain .banner .inner-text  .inner-div .inner-box .input-group  .input-group-text img{
	width: 20px;
}
.search-domain .banner .inner-text img{
	width: 50%;
	margin: 0px auto;
	display: block;
}

.search-domain .banner .inner-text  .left-content h1{
	font-size: 42px;
	color: var(--light);
	font-weight: 600;
	margin-bottom: 20px;
}
.search-domain .banner .inner-text  .left-content p{
	color: var(--light);
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 20px;
	font-size: 18px;
}
.search-domain .banner .inner-text  .right-content{
	display: flex;
	align-items: center;
	background-color: var(--light);
	padding: 20px;
	border-radius: 10px;
} 
.search-domain .banner .inner-text  .right-content .left{
	width: 75%;
	margin-right: 30px;
}
.search-domain .banner .inner-text  .right-content .left h3{
   font-size: 26px;
   color: #031a4a;
   font-weight: 600;
}
.search-domain .banner .inner-text  .right-content .left p{
	color:#031a4a;
	font-size: 16px;
	margin-right: 20px;
}
.search-domain .banner .inner-text  .right-content .left a.btn-blue{
	width: 100%;
}
.search-domain .banner .inner-text  .right-content .left a.btn-primary{
	padding: 8px 20px;
	background: var(--blue);
	color: var(--light);
	border-color: var(--blue);
	font-size: 15px;
}
.search-domain .banner .inner-text  .right-content .left a.btn-primary:hover{
	background-color: var(--blue);
}
.search-domain .banner .inner-text  .right-content .right{
	width: 25%;
	text-align: right;
}
.search-domain .banner .inner-text  .right-content .right img{
	width: 100%;
}
.search-domain .slider-text{
	padding: 0px;
}
.search-domain .slider-text .inner-text .owl-carousel .item {
	/* border-top: 1px solid var(--border-color); */
	border-bottom: 1px solid var(--border-color);
	border-left: 1px solid var(--darkest-blue);
	border-right: 1px solid var(--darkest-blue);
	text-align: center;
	padding: 30px;
	transition: all .5s ease;
	position: relative;
}
.search-domain .slider-text .inner-text .owl-carousel .item::after{
	content: "";
	position: absolute;
	background-image: url(../images/hosting/icon-arrow-right-white-long.svg);
	width: 18px;
	height: 12px;
	top: 47px;
	right: 18px;
	background-size: cover;
	cursor: pointer;
}
.search-domain .slider-text .inner-text .owl-carousel .item:hover{
	background-color: var(--blue);
}
.search-domain .slider-text .inner-text .owl-carousel .item:hover .box span{
	color: var(--light);
}
.search-domain .slider-text .inner-text .owl-carousel .item .box span{
	color: var(--darkest-blue);
}
.search-domain .slider-text .inner-text .owl-carousel .item .box span strong{
	display: block;
}
/* l------------search domain----------- */
/* l------------domain names------------ */
.domain-names .banner{
	height: 82vh;
	background-repeat: no-repeat;
	position: relative;
	background-color:#fde5e3;
	background-image: url(../images/hosting/dn-transfer.svg),url(../images/hosting/masthead-bg-red.svg);
    background-size: auto 100%;
    background-position: 50vw 0,right;
}
.domain-names .banner .inner-text .left-content{
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 40%;
}
.domain-names .banner .inner-text .left-content  h6{
	color: var(--darkest-blue);
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px;
}
.domain-names .banner .inner-text .left-content  h6 strong{
	font-weight: 600;
}
.domain-names .banner .inner-text .left-content h1{
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 55px;
	color: var(--darkest-blue);
}
.domain-names .banner .inner-text .left-content p{
	font-size: 18px;
	color: #031a4a;
	margin-bottom:40px;
}
.domain-names .banner .inner-text .left-content ul{
	display: flex;
}
.domain-names .banner .inner-text .left-content ul li{
	margin-right: 20px;
}
.domain-names  .transfer-domain{
	padding: 0px 0px 60px;
}
.domain-names  .transfer-domain .inner-text p{
	font-size: 18px;
	text-align: center;
	color: #031a4a;
	margin-bottom: 0px;
}
.domain-names  .transfer-domain .inner-text ul{
	margin-top: 40px;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}
.domain-names  .transfer-domain .inner-text ul li .inner-div img{
	margin-bottom: 20px;
}
.domain-names  .transfer-domain .inner-text ul li .inner-div h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-bottom: 10px;
	font-weight: 600;
}
.domain-names  .transfer-domain .inner-text ul li .inner-div p{
	margin-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	color:#031a4a;
}
.domain-names .registered-domin{
	padding: 60px 0px;
}
.domain-names .registered-domin .inner-text{
	text-align: center;
	background-image: url(../images/hosting/banner-bg-double-curve-amber.svg);
	background-color: #f7c758;
	background-position: center;
	background-repeat: no-repeat;
	padding: 29px 20px;
	border-radius: 30px;
	background-size: contain;
}
.domain-names .registered-domin .inner-text p{
	font-size: 32px;
	color: var(--darkest-blue);
	font-weight: 500;
	line-height: initial;
	margin-bottom: 0px;
}
.domain-names .registered-domin .inner-text p strong{
	font-size: 42px;
	font-weight: 700;
	margin: 10px 0px;
	display: block;
}
.domain-names .domain-offers{
	padding: 60px 0px;
}
.domain-names .domain-offers .inner-text p{
	font-size: 18px;
	text-align: center;
	color: #031a4a;
	margin-bottom: 0px;
}
.domain-names .domain-offers .inner-text h5{
	font-size: 20px;
	color:#031a4a;
	text-align: center;
	margin-top: 20px;
}
.domain-names .domain-offers .inner-text ul{
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 40px;
}
.domain-names .domain-offers .inner-text ul li{
	border: 2px solid #f0f0f0;
	transition: all .5s ease;
	border-radius: 10px;
}
.domain-names .domain-offers .inner-text ul li:hover{
	border-color: #1473e6;
	transform: translateY(-0.5rem);
}
.domain-names .domain-offers .inner-text ul li .inner-div{
	padding: 40px 20px;
}
.domain-names .domain-offers .inner-text ul li .inner-div img {
    width: 120px;
    height: 60px;
    object-fit: fill;
    margin-bottom: 20px;
}
.domain-names .domain-offers .inner-text ul li .inner-div p{
	font-size: 14px;
	margin-bottom: 0px;
	text-align: left;
	color: #031a4a;
	height: 30px;
}
.domain-names .domain-offers .inner-text ul li .inner-div .package-price .price span{
	display: block;
	font-size: 42px;
	font-weight: 500;
	color: var(--darkest-blue);
	margin-top: 30px;
}
.domain-names .domain-offers .inner-text ul li .inner-div .package-price .text span{
	font-size: 14px;
	margin-bottom: 0px;
	text-align: left;
}
.domain-names .domain-offers .inner-text p.bottom-text{
	margin-top: 30px;
	font-size: 16px;
	color: #031a4a;
}
.domain-names .domain-name-transfer{
	padding: 60px 0px 60px;
}
.domain-names .domain-name-transfer .inner-text p{
	font-size: 18px;
	text-align: center;
	color: #031a4a;
}
.domain-names .domain-name-transfer .inner-text .left-content{
	margin-top: 50px;
	padding: 40px;
	background-image: url(../images/hosting/brand-device-bg-img-blue-pale-left.svg);
    background-position: 0% 120%;
    background-size: 50% auto;
    background-repeat: no-repeat;
	background-color: #e7f1fc;
	border-radius: 20px;
}
.domain-names .domain-name-transfer .inner-text .left-content2{
	border: thin solid #1473e6;
	border-radius: 20px;
	background-image: url(../images/hosting/brand-device-bg-img-blue-pale-right.svg);
    background-position: bottom right;
    background-size: 50% auto;
    background-repeat: no-repeat;
}
.domain-names .domain-name-transfer .inner-text .left-content h4{
	font-size: 24px;
	font-weight: 600;
	color: var(--darkest-blue);
	margin-bottom: 30px;
}
.domain-names .domain-name-transfer .inner-text .left-content li{
	margin-bottom: 50px;
	position: relative;
}
.domain-names .domain-name-transfer .inner-text .left-content li:last-child{
	margin-bottom: 0px;
}
.domain-names .domain-name-transfer .inner-text .left-content li:last-child::after{
	display: none;
}
.domain-names .domain-name-transfer .inner-text .left-content li::after {
    position: absolute;
    content: "";
    width: 1px;
    left: 21px;
    top: 38px;
    height: 182px;

	background-image: repeating-linear-gradient(to bottom, #031A4A, #031A4A 0.4rem, transparent 0.4rem, transparent 0.6rem);
}
.domain-names .domain-name-transfer .inner-text .left-content li .inner-div{
	display: flex;
}
.domain-names .domain-name-transfer .inner-text .left-content li .inner-div .left{
	width: 15%;
}
.domain-names .domain-name-transfer .inner-text .left-content li .inner-div .right{
	width: 85%;
	text-align: left;
}
.domain-names .domain-name-transfer .inner-text .left-content li .inner-div .right h6{
	font-size: 20px;
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 15px;
}
.domain-names .domain-name-transfer .inner-text .left-content li .inner-div .right p{
	text-align: left;
	font-size: 16px;
	color: #031a4a;
	margin-bottom: 0px;
	line-height: 28px;
}
.domain-names .domain-name-transfer .inner-text .left-content .buttons{
	margin-top: 30px;
}
.domain-names .domain-name-transfer .inner-text .left-content .buttons .accout a{
	margin-right: 10px;
}
.domain-names .domain-name-transfer .inner-text .left-content .buttons  h6{
	font-size: 20px;
	color: var(--darker-blue);
	font-weight: 600;
	margin-bottom: 15px;
}
.domain-names  .real-support .inner-text{
	padding: 80px 60px 0px;
	background-color: var(--darkest-blue);
	position: relative;
	background-color: #f7c758;
	border-radius: 50px;
	z-index: -1;
}
.domain-names  .real-support3 .inner-text{
	background-color: var(--darkest-blue);
	margin: 40px 0px;

}
.domain-names  .real-support3 .inner-text:before{
	background-image: url(../images/hosting/brand-device-blue.svg) !important;

}
.domain-names  .real-support3  .left-content p{
	color: var(--light) !important;
}
.domain-names  .real-support3  .left-content h2{
	color: var(--light) !important;
}
.domain-names  .real-support .inner-text::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/hosting/brand-device-amber.svg);
	background-repeat: no-repeat;
	z-index: -1;
	transform: scaleX(-1);
	opacity: 1;
}

.domain-names  .real-support  .left-content h2{
	text-align: left;
	color: #031a4a;
}
.domain-names  .real-support  .left-content h2::after{
   right: auto;
}
.domain-names  .real-support  .left-content p{
	color: #031a4a;
	font-weight: 400;
	line-height: 28px;
}
.domain-names  .real-support  .right-content img{
	width: 100%;
} 
.domain-names .our-word .inner-text{
	padding: 60px;
	background-color: #031a4a;
	margin-top: 30px;
	border-radius: 50px;
}
.domain-names .our-word .inner-text h2{
	color: var(--light);
}

.domain-names .our-word .inner-text ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	margin-top: 80px;
}
.domain-names .our-word .inner-text ul li:first-child{
	text-align: center;
}
.domain-names .our-word .inner-text ul li:first-child img{
	width: 220px !important;
	margin-bottom: 30px;
}
.domain-names .our-word .inner-text ul li .box h6{
	font-size: 18px;
	color: var(--light);
	font-weight: 300;
	margin-bottom: 40px;

}
.domain-names .our-word .inner-text ul li .box img{
  width: 180px;
  margin-bottom: 30px;
}
.domain-names .our-word .inner-text ul li .box h5{
	color: var(--light);
	font-size: 20px;
	line-height: inherit;
	margin-bottom: 40px;
}
.domain-names .our-word .inner-text ul li .box p{
	font-size: 16px;
	color: var(--light);
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 28px;
}
.domain-names .our-word .inner-text ul li .box span{
	font-size: 16px;
	color: var(--light);
	font-weight: 300;
}



/* l------------domain names------------ */ 
/* ----------reseller hosting----------- */
.reseller-hosting .banner{
	padding: 20px 0px 40px;
}
.reseller-hosting .banner .inner-text p{
	background-color:#f05556;
	font-size: 16px;
	color: var(--light);
	border-radius: 10px;
	padding: 10px 20px;
}
.reseller-hosting .banner .inner-text1{
	margin-top: 50px;
}
.reseller-hosting .banner .inner-text1 .left-content h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-bottom: 20px;
}
.reseller-hosting .banner .inner-text1 .left-content h1{
	font-size: 42px;
	color: var(--darkest-blue);
	margin-bottom: 20px;
	font-weight: 600;
}
.reseller-hosting .banner .inner-text1 .left-content p{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 30px;
}
.reseller-hosting .banner .inner-text1 .right-content img{
	width: 100%;
}
.reseller-hosting .reseller-offer{
	padding: 100px 0px;
	background-color: #f5f5f5;
}
.reseller-hosting .reseller-offer .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
}
.reseller-hosting .reseller-offer .inner-text ul{
	margin-top: 50px;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}
.reseller-hosting .reseller-offer .inner-text ul li img {
    margin-bottom: 30px;
    height: 40px;
}
.reseller-hosting .reseller-offer .inner-text ul li h5{
	font-size: 20px;
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 20px;
}

.reseller-hosting .reseller-offer .inner-text ul li p{
	text-align: left;
	margin-bottom: 0px;
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
}
.reseller-hosting .Hosting-package{
	padding: 60px 0px;
	background-color: var(--darkest-blue);
}
.reseller-hosting .Hosting-package .inner-text h2{
	color: var(--light);
}
.reseller-hosting .Hosting-package .inner-text p{
	color: var(--light);
	font-size: 18px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 0px;
}
.reseller-hosting .Hosting-package .inner-text span.offer{
	font-size: 18px;
	display: block;
	text-align: center;
	background-color: var(--red);
	padding: 10px 20px;
	border-radius: 10px;
}
.reseller-hosting .Hosting-package .inner-text span.offer {
    font-size: 18px;
    display: table;
	border: 1px solid #f37f73;
    background-color: rgba(255,255,255,.1333333333);
    padding: 5px 20px;
    margin: 30px auto 30px;
    text-align: center;
    border-radius: 10px;
	color: var(--light);
	width: 50%;
	opacity: .9;
}
.reseller-hosting .Hosting-package .inner-text p.bottom-text{
	color: var(--light);
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 0px;
}
.reseller-hosting .Hosting-package .inner-text p.bottom-text a{
	color: var(--light);
	text-decoration: underline;
	text-underline-offset: 5px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div{
	padding: 30px;
	border-radius: 20px;
	background-color: var(--light);
	margin-bottom: 30px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content h5{
	font-size: 20px;
	color: var(--darkest-blue);
	font-weight: 600;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content ul{
	display: grid;
	grid-gap: 10px 30px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
	padding-left: 25px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content ul li{
	position: relative;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content ul li::after{
    content: "";
	position: absolute;
    background-image: url(../images/hosting/dark-tick.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
	top: 6px;
	left: -25px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content ul li p{
	color: var(--text-color);
	font-size: 16px;
	text-align: left;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .left-content ul li p span{
	font-weight: 500;
	color: var(--darkest-blue);
}
.reseller-hosting .Hosting-package .inner-text .inner-div .right-content p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	margin-top: 10px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .right-content .price{
	display: flex;
	align-items: baseline;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .right-content .price span{
	font-size: 42px;
	font-weight: 600;
	color: var(--darkest-blue);
}
.reseller-hosting .Hosting-package .inner-text .inner-div .right-content .price p{
	font-size: 16px;
	color: var(--text-color);
	margin-left: 10px;
}
.reseller-hosting .Hosting-package .inner-text .inner-div .right-content a.btns{
	padding: 4px 15px;
	font-size: 14px;
	margin-top: 10px;
}
.reseller-hosting .Additional-features{
	padding: 60px 0px;
}
.reseller-hosting .Additional-features .inner-text ul{
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 60px;
}
.reseller-hosting .Additional-features .inner-text ul li{
	position: relative;
}
.reseller-hosting .Additional-features .inner-text ul li::after{
    content: "";
	position: absolute;
    background-image: url(../images/hosting/tick-circle-primary.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
	top: 6px;
	left: -25px;
}
.reseller-hosting .reseller-tools{
	padding: 60px 0px;
}
.reseller-hosting .reseller-tools .inner-text p{
	color: var(--text-color);
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
}
.reseller-hosting .reseller-tools .inner-text .inner-div{
	margin-top: 50px;
}
.reseller-hosting .reseller-tools .inner-text .inner-div .left-content img{
	width: 100%;
}

.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item {
    margin-bottom: 5px;
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-header {
    padding: 8px 0px;
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 500;
    box-shadow: none;
    background-color: var(--transparent);
    color: var(--dark);
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-header .accordion-button::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 36px;
    background-image: url(../images/hire-developer/plus.png);
    transition: transform .5s ease-in-out;
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url(../images/hire-developer/minus.png);
    transform: rotate(0deg);
    position: absolute;
    content: "";
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0px;
}
.reseller-hosting .reseller-tools .inner-text .inner-div .right-content .accordion-flush .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    color: var(--text-color);
	text-align: left;
}
.reseller-hosting .control-panels{
	padding: 60px 0px;
}
.reseller-hosting .control-panels .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
}
.reseller-hosting .control-panels .inner-text .inner-div{
	margin-top: 40px;
}
.reseller-hosting .control-panels .inner-text  .inner-div .left-content h5{
	font-size: 20px;
	font-weight: 600;
	counter-reset: var(--darkest-blue);
}
.reseller-hosting .control-panels .inner-text  .inner-div .left-content ul{
	margin-left: 35px;
}
.reseller-hosting .control-panels .inner-text  .inner-div .left-content ul li{
	position: relative;
	font-size: 16px;
	color: var(--text-color);
	margin: 20px 0px
}
.reseller-hosting .control-panels .inner-text  .inner-div .left-content ul li::after{
	content: "";
    position: absolute;
    background-image: url(../images/hosting/tick-primary-circle-blue-pale.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: -1px;
    left: -35px;
}
.reseller-hosting .control-panels .inner-text  .inner-div .right-content img{
	width: 100%;
}
.reseller-hosting .Reseller-products{
	padding:60px 0px;
	background-color: #e7f1fc;
}
.reseller-hosting .Reseller-products .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
	text-align: center;
}
.reseller-hosting .Reseller-products .inner-text ul{
	margin-top: 40px;
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	gap: 20px;
}
.reseller-hosting .Reseller-products .inner-text ul li{
	padding: 20px;
	background-color: var(--light);
	border-radius: 10px;
}
.reseller-hosting .Reseller-products .inner-text ul li h4{
	font-size: 20px;
	color: var(--darkest-blue);
	margin-bottom: 20px;
}
/* .reseller-hosting .Reseller-products .inner-text ul li h4 strong{
	font-weight: 500;
} */
.reseller-hosting .Reseller-products .inner-text ul li p.text{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	margin-bottom: 20px;
	height: 130px;
}
.reseller-hosting .Reseller-products .inner-text ul li p span{
	font-size: 30px;
	font-weight: 600;
	color: #f37778;
	margin-bottom: 0px;
}
.reseller-hosting .Reseller-products .inner-text ul li p{
	text-align: left;
	font-size: 16px;
}
.reseller-hosting .looking-for{
	padding: 40px 0px;
	background-image: url(../images/hosting/Capture.png);
	background-position: center;
	background-size: contain;
	background-color: #fde5e3;
	margin: 70px 0px;
}
.reseller-hosting .looking-for .inner-text{
	text-align: center;
}
.reseller-hosting .looking-for .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	width: 60%;
	margin: 0px auto 30px;
}
.reseller-hosting .real-support .inner-text{
	padding: 60px;
	border-radius: 50px;
	background-color: var(--darkest-blue);
}
.reseller-hosting .real-support .inner-text .left-content h2{
	text-align: left;
	color: var(--light);
}
.reseller-hosting .real-support .inner-text .left-content h2::after{
	right: auto;
}
.reseller-hosting .real-support .inner-text .left-content p{
	font-size: 16px;
	color: var(--light);
	margin-bottom: 0px;
	color: var(--light);
	line-height: 28px;
	font-weight: 300;
	margin-bottom: 20px;
}
.reseller-hosting .real-support .inner-text .left-content a.btns{
	padding: 5px 15px;
	font-size: 15px;
}

.reseller-hosting .real-support .inner-text .left-content{
	width: 100%;
}
.reseller-hosting .uk-data-center{
	padding: 80px 0px;
}
/* .reseller-hosting .uk-data-center .inner-text .left-content img{
	width: 100%;
} */
.reseller-hosting .uk-data-center .inner-text .right-content h2{
	text-align: left;
}
.reseller-hosting .uk-data-center .inner-text .right-content h2 span{
	color:#70d064;
}
.reseller-hosting .uk-data-center .inner-text .right-content h2::after{
	right: auto;
}
.reseller-hosting .uk-data-center .inner-text .right-content p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
}
.reseller-hosting .uk-data-center .inner-text .right-content a.btns{
	padding: 5px 15px;
	font-size: 15px;
}
/* ----------reseller hosting----------- */
/* ----------web hosting----------- */
.web-hosting .banner{
	padding: 20px 0px 40px;
	background-color: var(--lightest-primary);
}
.web-hosting .banner .inner-text1 ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.web-hosting .banner .inner-text1 ul li{
	margin: 0px 20px;
}
.web-hosting .banner .inner-text1 ul li img{
	width: 130px;
}
.web-hosting .banner .inner-text1 ul{
	background-color: var(--light);
	padding: 10px 0px;
	border-radius: 10px;
}
.web-hosting .banner .inner-text1 ul li h5{
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 0px;
}
.web-hosting .banner .inner-text2{
	margin-top: 40px;
}
.web-hosting .banner .inner-text2 .left-content h6{
	font-size: 18px;
	color: var(--darkest-blue);
	margin-bottom: 20px;
}
.web-hosting .banner .inner-text2 .left-content h1{
	font-size: 42px;
	color: var(--darkest-blue);
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 20px;
}
.web-hosting .banner .inner-text2 .left-content p{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.web-hosting .banner .inner-text2 .left-content p.second{
	color: var(--red);
}
.web-hosting .banner .inner-text2 .right-content img{
	width: 100%;
}
.web-hosting .web-hosting-plan{
	padding: 80px 0px;
	position: relative;
}
.web-hosting .web-hosting-plan::after{
	position: absolute;
	content: "";
	background-color: #031a4a;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 55%;
	z-index: -1;
}
.web-hosting .web-hosting-plan .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.web-hosting .web-hosting-plan .inner-text .recommand {
    background-color: #031a4a;
    color: #fff;
    margin-top: -53px;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 30px;
	position: absolute;
	left: 0px;
}
.web-hosting .web-hosting-plan .inner-text h6{
	font-size: 20px;
	text-align: center;
	margin-bottom: 0px;
	color:var(--dark);
	margin-top: 30px;
}
.web-hosting .web-hosting-plan .inner-text ul{
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.web-hosting .web-hosting-plan .inner-text ul li{
	position: relative;
	color: var(--text-color);
	font-size: 16px;
	margin: 0px 20px;
}
.web-hosting .web-hosting-plan .inner-text ul li::after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/tick-primary-circle-blue-pale.svg);
    background-size: cover;
    height: 20px;
    width: 20px;
    left: -26px;
    top: 2px;
}
.web-hosting .web-hosting-plan .inner-text p.bottom{
	margin-top: 30px;
	color: var(--light);
	font-size: 16px;
}
.web-hosting .web-hosting-plan .inner-text .features{
	text-align: center;
	margin-top: 20px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div{
	display:grid;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 50px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div2{
	display:grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 40px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box {
    background-color: var(--light);
    position: relative;
    outline: thin solid rgba(0,0,0,0);
    transition: all ease .5s;
    box-shadow: 0px 1px 9px rgb(0 0 0 / 12%);
    padding: 50px 20px;
	border: 1px solid var(--transparent);
	border-radius: 20px;
	position: relative;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .bg-background{
   background-color: #e7f1fc;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box-bg{
	background-color: #e7f1fc;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box:hover{
	box-shadow: none;
	border: 1px solid #1473e6;
	border-radius: 20px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box h4{
	font-size: 24px;
	color: var(--darkest-blue);
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box p{
	text-align: left;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
}

.web-hosting .web-hosting-plan .inner-text .inner-div .box .price{
	margin-top: 30px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price img{
	width: 100%;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price span{
	font-size: 14px;
	color: var(--text-color);
	text-align: left;
	display: block;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price span.dollor{
	font-size: 42px;
    color: var(--red);
	font-weight: 600;
	line-height: initial;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price p{
	margin-top: 20px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price a.btn-blue{
	width: 100%;
	margin-top: 30px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price a.btns{
	margin-top: 30px;
	width: 100%;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price ul{
	margin-top: 30px;
	display: block; 
	margin-left: 30px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price ul li{
	position: relative;
	margin: 15px 0px;
	font-size: 14px;
	color: #031a4a;
	min-height:42px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box .price ul li::after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/tick-secondary.svg);
    height: 11px;
    width: 14px;
    background-size: cover;
    top: 6px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box  ul{
	margin-top: 10px;
	display: block; 
	margin-left: 30px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box  ul li{
	position: relative;
	margin: 10px 0px;
	font-size: 14px;
}
.web-hosting .web-hosting-plan .inner-text .inner-div .box  ul li::after {
    position: absolute;
    content: "";
    background-image: url(../images/hosting/tick-secondary.svg);
    height: 11px;
    width: 14px;
    background-size: cover;
    top: 6px;
}
.web-hosting .hosting-services{
	padding: 60px 0px;
	border: medium solid #031a4a;
	margin: 0px 1px;
	border-radius: 50px;
	margin-top: -20px;
	position: relative;
}
.web-hosting .hosting-services::after {
    content: "";
    position: absolute;
    width: 33.8rem;
    height: 5.5rem;
    background-image: url(../images/hosting/floaty-device-single-secondary.svg);
    background-size: 100% 50%;
    bottom: -18px;
    left: 60%;
    transform: translateY(50%);
    pointer-events: none;
    background-repeat: no-repeat;
}
.web-hosting .hosting-services .inner-text ul {
    display: grid;
    grid-gap: 30px 42px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
}
.web-hosting .hosting-services .inner-text  .compare {
	text-align: center;
	margin-top: 60px;
}
.web-hosting .hosting-services .inner-text ul li{
	font-size: 16px;
	color: #031a4a;
	position: relative;
	margin-left: 30px;
}
.web-hosting .hosting-services .inner-text ul li::before {
    content: "";
    position: absolute;
    background-image: url(../images/hosting/tick-primary-circle-blue-pale.svg);
    height: 24px;
    width: 24px;
    background-size: cover;
    left: -30px;
    top: 0;
}
.web-hosting .hosting-services .inner-text a.btns{
	display: block;
	margin: 30px auto 0px;
	width: 274px;
}
.web-hosting .Hosting-plans{
	padding: 100px 0px 60px;
	
}
.web-hosting .Hosting-plans .inner-text ul{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-top: 40px;
}
.web-hosting .Hosting-plans .inner-text p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
	color: var(--text-color);
}
.web-hosting .Hosting-plans .inner-text ul li img{
   margin-bottom: 20px;
   width: 45px;
}
.web-hosting .Hosting-plans .inner-text ul li p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
}
.web-hosting .Hosting-plans .inner-text ul li h6{
	font-size: 20px;
	color: var(--darkest-blue);
	margin-bottom: 10px;
	font-weight: 600;
}
.web-hosting .choose-hosting{
	padding: 60px 0px;
}
.web-hosting .choose-hosting .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
}
.web-hosting .choose-hosting .inner-text ul{
	margin-top: 40px;
	display: grid;
	gap: 0px 50px;
	grid-template-columns: repeat(4, 1fr);
}
.web-hosting .choose-hosting .inner-text ul li img{
	margin-bottom: 20px;
}
.web-hosting .choose-hosting .inner-text ul li h6{
	font-size: 20px;
	font-weight: 600;
	color: var(--darkest-blue);
	margin-bottom: 10px;
	height: 46px;
}
.web-hosting .choose-hosting .inner-text ul li p{
	text-align: left;
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.web-hosting .choose-hosting .inner-text ul li p a{
	color: var(--blue);
}
.web-hosting .our-website-hosting{
	padding: 60px 0px;
}
.web-hosting .our-website-hosting .inner-text p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
	color: var(--darkest-blue);
}
.web-hosting .our-website-hosting .inner-text ul{
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:30px;
}
.web-hosting .our-website-hosting .inner-text ul li{
	border-radius: 20px;
	padding: 40px;
}
.web-hosting .our-website-hosting .inner-text ul li:first-child{
	background-color:#1473e6;
}
.web-hosting .our-website-hosting .inner-text ul li:first-child :is(p, h3){
	color: var(--light);
}
.web-hosting .our-website-hosting .inner-text ul li img{
	width: 100%;
	margin-bottom: 100px;
	height: 50%;
}
.web-hosting .our-website-hosting .inner-text ul li:nth-child(2){
	background-color:#fde5e3;
	background-image: url(../images/hosting/bg-curve-red-pale.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.web-hosting .our-website-hosting .inner-text ul li:nth-child(2) :is(p, h3){
	color: #031a4a;
}
.web-hosting .our-website-hosting .inner-text ul li:nth-child(3){
	background-color:#fdf4de;
	background-image: url(../images/hosting/bg-curve-amber-pale.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.web-hosting .our-website-hosting .inner-text ul li:nth-child(3) :is(p, h3){
	color: #031a4a;
}
.web-hosting .our-website-hosting .inner-text ul li:last-child{
	background-color:#031a4a;

}
.web-hosting .our-website-hosting .inner-text ul li:last-child :is(p, h3){
	color:var(--light);
}





.web-hosting .our-website-hosting .inner-text ul li h3{
	font-size: 26px;
	color: var(--darkest-blue);
	font-weight: 600;
	margin-bottom: 20px;
}
.web-hosting .our-website-hosting .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	text-align: left;
}
.web-hosting .our-website-hosting .inner-text ul li p a{
	color: var(--blue);
}
/* ----------web hosting----------- */
/* -------wordpress hosting-------- */
.virtual-private-servers .banner2 {
    background-image: url(../images/hosting/masthead-bg-curve-group-right-red-pale.svg);
    background-size: cover;
	background-color: var(--pink);
}
.virtual-private-servers .banner2 .inner-text .left-content{
	color: var(--darkest-blue);
}
.virtual-private-servers .banner2 .inner-text .left-content h6{
	color: var(--darkest-blue) !important;
}
.virtual-private-servers .banner2 .inner-text .left-content h1 span{
	color: var(--darkest-blue) ;
}
.virtual-private-servers .banner2 .inner-text .left-content p{
	color: var(--darkest-blue) ;
	font-weight: 400;
	margin-bottom: 30px;
}
.virtual-private-servers .banner2 .inner-text .left-content a.btn-blue{
	background-color: #031a4a;
	border-color: #031a4a;
}
.virtual-private-servers .banner2 .inner-text .right-content img{
	width: 100%;
}
.wordpress-hosting .wordpress-features{
	padding: 40px 0px;
}
.wordpress-hosting .wordpress-features .inner-text p{
	text-align: center;
	margin-bottom: 0px;
	font-size: 18px;
	color: var(--text-color);
}
.wordpress-hosting .wordpress-features .inner-text {
    margin-top: 40px;
}
.wordpress-hosting .wordpress-features .inner-text .nav-pills {
    justify-content: center;
    display: flex;
    margin-bottom: 30px !important;
	margin-top: 40px;
}
.wordpress-hosting .wordpress-features .inner-text .nav-pills .nav-item {
    margin: 0px 15px;
}
.wordpress-hosting .wordpress-features .inner-text .nav-pills .nav-item .nav-link.active {
    border-radius: 50px;
    background-color: var(--darkest-blue);
    color: var(--light);
	padding: 10px 25px;
	border: 1px solid var(--darkest-blue);
}
.wordpress-hosting .wordpress-features .inner-text .nav-pills .nav-item .nav-link {
    color: var(--darkest-blue);
    border-radius: 50px;
	padding: 10px 25px;
	border: 1px solid var(--darkest-blue);
}
.wordpress-hosting .wordpress-features .inner-text .tab-content .tab-pane .inner-box {
   display: grid;
   gap: 40px;grid-template-columns: repeat(2, 1fr);
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box  {
    border-radius: 20px;
    padding: 40px;
}

.wordpress-hosting .wordpress-features .inner-text .inner-box .box5{
	background-color: #1473e6;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box5 :is(h3, p){
	color: var(--light) !important;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box5 p a{
	color: var(--light);
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box6{
	background-color: #f6eafe;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box7{
	background-color:#031a4a;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box7 :is(h3, p){
	color: var(--light) !important;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box8{
	background-color:#ff9f51;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box9{
	background-color:#ff9f51;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box10{
	background-color: #1473e6;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box10 :is(h3, p){
	color: var(--light) !important;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box11{
	background-color: #f6eafe;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box12{
	background-color:#031a4a;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box12 :is(h3, p){
	color: var(--light) !important;
}















.wordpress-hosting .wordpress-features .inner-text .inner-box .box  img {
    width: 100%;
    margin-bottom: 30px;
	height: 400px;
	object-fit: contain;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box  h3 {
    font-size: 26px;
    color: var(--darkest-blue);
    font-weight: 600;
    margin-bottom: 20px;
}
.wordpress-hosting .wordpress-features .inner-text .inner-box .box p {
    font-size: 16px;
    color:#031a4a;
    margin-bottom: 0px;
    text-align: left;
}
.wordpress-hosting .loading-times{
	padding: 60px 0px;
}
.wordpress-hosting .loading-times .left-content h2{
	text-align: left;
}
.wordpress-hosting .loading-times .left-content h2::after{
	right: auto;
}
.wordpress-hosting .loading-times .left-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
.wordpress-hosting .loading-times .right-content img{
	width: 100%;
}
.web-hosting .wordpress-themes {
    padding: 70px 0px;
	margin-top: 100px;
    background-color: var(--blue);
    background-repeat: no-repeat;
    background-image: url(../images/hosting/section-bg-curve-group-primary-secondary.svg);
}
.web-hosting  .wordpress-themes .inner-text h2{
	color: var(--light);
}
.web-hosting  .wordpress-themes .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--light);
	margin-bottom: 0px;
}
.web-hosting  .wordpress-themes .inner-text ul{
	margin-top: 40px;
	display: grid;
	gap:20px;
	grid-template-columns:repeat(3, 1fr);
}
/* .web-hosting  .wordpress-themes .inner-text ul li:nth-child(2+(3n-3)){
	margin-top: 20px;
} */

.web-hosting  .wordpress-themes .inner-text ul li img{
	width: 100%;
}
.web-hosting .wordpress-plugin{
	padding: 60px 0px;
	position: relative;
}
.web-hosting .wordpress-plugin .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 0px;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel{
	margin-top: 40px;
}

.web-hosting .wordpress-plugin .inner-text .owl-carousel .item .box img{
	width: 100px;
	margin: 0px auto 10px;
	display: block;
	cursor: pointer;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel .item .box  span{
	display: block;
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
	font-weight:500px;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel .owl-nav .owl-prev:after{
	background-image: url(../images/hosting/square-arrow-grey.svg);
	position: absolute;
	content: "";
	top: 30%;
	transform: translateY(-30%);
	height: 46px;
	width: 46px;
	background-size: cover;
	background-color: var(--lightest-primary);
	border-radius: 5px;
	left: -50px;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel .owl-nav .owl-next:after{
	background-image: url(../images/hosting/square-arrow-grey.svg);
	position: absolute;
	content: "";
	top: 30%;
	transform: translateY(-30%) rotate(-180deg);
	height: 46px;
	width: 46px;
	background-size: cover;
	background-color: var(--lightest-primary);
	border-radius: 5px;
	right: -50px;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.web-hosting .wordpress-plugin .inner-text .owl-carousel .owl-nav .owl-next span{
	display: none;
}
/* -------wordpress hosting-------- */
/*------- fantasy-sports-application-development----- */
.fantasy-sports-application-development .advanced-grocery-app{
	padding: 50px 0px;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text .left-content img{
	width: 100%;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text .right-content p{
	font-size: 16px;
	line-height: 28px;
	color: var(--text-color);
	text-align: left;
} 
.fantasy-sports-application-development .advanced-grocery-app .inner-text .right-content ul{
	margin-left: 30px;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text .right-content ul li{
	font-size: 16px;
    color: var(--dark);
    margin: 15px 0px;
    position: relative;	
	font-weight: 500;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text .right-content ul li:after{
	content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;	
}

.fantasy-sports-application-development .grocery-delivery-app-developers{
	padding: 50px 0px;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content h2{
	text-align: left;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content h2::after{
	right: auto;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content p{
	font-size: 18px;
	color: var(--text-color);
	line-height: 30px;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content ul{
	margin: 30px 0px 0px;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content ul li{
	margin-bottom: 30px;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content ul li h5{
	font-size: 20px;
	margin-bottom: 5px;
	color: var(--dark);
	font-weight: 600;
	line-height: inherit;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .left-content ul li p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.fantasy-sports-application-development .grocery-delivery-app-developers .inner-text .right-content img{
	width: 100%;
}
.fantasy-sports-application-development .great-together-form{
	background: linear-gradient(131deg,#0e1476,#64aaff);
	padding: 50px 0px;
}
.fantasy-sports-application-development .great-together-form .section_heading h2{
	font-size: 40px;
	margin-bottom: 20px;
}

.fantasy-sports-application-development .great-together-form .section_heading p{
	font-size: 20px;
	margin-bottom: 0px;
}
.fantasy-sports-application-development .great-together-form .inner-text{
	margin-top: 30px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content{
	background-color: var(--light);
	border-radius: 5px;
	padding: 20px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .logo{
	margin-bottom: 30px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content ul{
	display: flex;
	align-items: baseline;
	margin: 20px 0px;
}
.fantasy-sports-application-development .advanced-grocery-app .inner-text  .inner-text2{
	padding: 30px;
	border-radius: 30px 30px 0px 0px;
	background-color: var(--light);
	margin-top: 30px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content ul li{
	margin-right:10px ;
}
/* .fantasy-sports-application-development .great-together-form .inner-text .left-content ul li  a img{
	width: 50px;
} */
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info{
	margin-top: 30px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box .left img{
	width: 40px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box .left{
	margin-right: 10px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box .right h6{
	font-size: 16px;
	font-weight: 600;
	margin: 0px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box .right a{
	color: var(--dark);
	font-size: 14px;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .contact-info .box .right a:hover{
	color: #f76c1e;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .verified {
	text-align: center;
}
.fantasy-sports-application-development .great-together-form .inner-text .left-content .verified h5{
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
}

.fantasy-sports-application-development .great-together-form .inner-text .right-content form .form-group{
	margin-bottom: 38px;
}
.fantasy-sports-application-development .great-together-form .inner-text .right-content form .form-group label{
	color: var(--light);
}

.fantasy-sports-application-development .great-together-form .inner-text .right-content form .form-group .form-control{
	padding: 10px;
}
.fantasy-sports-application-development .great-together-form .inner-text .right-content form .form-group .form-control:focus{
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}
.fantasy-sports-application-development .ewallet-development{
	padding: 50px 0px;
}
.fantasy-sports-application-development .ewallet-development .inner-text .left-content h2{
	text-align: left;
}
.fantasy-sports-application-development .ewallet-development .inner-text .right-content img{
	width: 100%;
}
.fantasy-sports-application-development .ewallet-development .inner-text .left-content h2::after{
	right: auto;
}
.fantasy-sports-application-development .ewallet-development .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 30px;
	line-height: 30px;
}

.fantasy-sports-application-development .ewallet-development .inner-text .left-content ul {
    margin-left: 30px;
}
.fantasy-sports-application-development .ewallet-development .inner-text .left-content ul li {
    font-size: 16px;
    color: var(--text-color);
    margin: 10px 0px;
    position: relative;
}
.fantasy-sports-application-development .ewallet-development .inner-text .left-content ul li::after {
    content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
}

.fantasy-sports-application-development .banner{
	padding: 84px 0px;
	background-color: var(--violet);
}
.fantasy-sports-application-development .grocery-delivery-app2{
	background-color: #00191e !important;
}
.fantasy-sports-application-development .banner .inner-text .left-content h1{
	color: var(--light);
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: inherit;
}
.fantasy-sports-application-development .banner .inner-text .left-content p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 25px;
	font-weight: 300;
	line-height: 30px;
}
.fantasy-sports-application-development .banner .inner-text .left-content .brand-logo{
	margin-top: 40px;
}
.fantasy-sports-application-development .banner .inner-text .left-content .brand-logo img{
	width: 230px;
	margin-right: 20px;
	object-fit: scale-down;
}
.fantasy-sports-application-development .banner .inner-text .right-content{
	text-align: right;
}
.fantasy-sports-application-development .banner .inner-text .right-content img{
	max-width:100%;
}
.fantasy-sports-application-development .software-development-services{
	padding: 90px 0px 50px;
	position: relative;
}
.fantasy-sports-application-development .software-development-services .inner-text1 {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    padding: 20px;
    position: absolute;
    top: -46px;
	background-color: var(--light);
	border-radius: 5px;
    z-index: 0;
}
.fantasy-sports-application-development .software-development-services .inner-text2 h2{
	text-align: left;
	font-size: 30px;
}
.fantasy-sports-application-development .software-development-services .inner-text2 h2::after{
	right: auto;
}
.fantasy-sports-application-development .software-development-services .inner-text2 p.lead{
	font-size: 16px;
	font-weight: 400;
}
.fantasy-sports-application-development .software-development-services .inner-text2 p{
	text-align: left;
	color: var(--text-color);
	line-height: 28px;
	margin-bottom: 20px;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:0px 20px;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul li .div{
	display: flex;
	align-items: center;
	border-right: 1px solid var(--border-color);
	padding-right: 20px;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul li:last-child .div{
	border-right: 0px;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul li .div .left img{
	margin-right: 20px;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul li .div .right h6{
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 5px;
	font-weight: 600;
}
.fantasy-sports-application-development .software-development-services .inner-text1 ul li .div .right p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .software-development-services .inner-text h2{
	text-align: left;
}
.fantasy-sports-application-development .software-development-services .inner-text h2::after{
	right: auto;
}
.fantasy-sports-application-development .software-development-services .inner-text .bg-light{
	padding: 50px;
	border-radius: 50px;
}
.fantasy-sports-application-development .software-development-services .inner-text p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.fantasy-sports-application-development .software-development-services .inner-text p strong{
	color: var(--dark);
}
.fantasy-sports-application-development .software-development-services .inner-text p a{
	color: #8a4300;
}
.fantasy-sports-application-development .software-development-services .inner-text h6{
	font-size: 20px;
	color: var(--dark);
}
.fantasy-sports-application-development .software-development-services .inner-text ul {
	margin: 20px 0px 20px 30px;
}
.fantasy-sports-application-development .software-development-services .inner-text ul li {
    font-size: 16px;
    color: var(--text-color);
    margin: 10px 0px;
    position: relative;
}
.fantasy-sports-application-development .software-development-services .inner-text ul li::after {
	content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
}



.fantasy-sports-application-development .software-development-services .inner-text p:last-child{
	margin-bottom: 0px;
}
.fantasy-sports-application-development .benefits-of-fantasy{
	padding: 50px 0px;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app{
	background-color: #fb8006;
	padding-bottom: 0px;

}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text h2{
	text-align: center !important;
	color: var(--light);
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text h2::after{
	right: 0 !important;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text p{
	text-align: center !important;
	color: var(--light) !important;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2{
	background-color: var(--light);
	width: 1242px;
	position: relative;
	border-radius: 0px 50px 0px 0px !important;
	padding: 50px 30px;
	left: -117px;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:25px
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul li{
	background-color: var(--transparent);
	padding: 0px;
}

.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul li p{
	color: var(--text-color) !important;
	text-align: left !important;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul li .inline{
	display: block;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul li .inline img{
	margin-bottom: 15px;
}
.fantasy-sports-application-development .benifit-of-food-delivery-app .inner-text .inner-text2 .left-content ul li .inline h5{
	min-height: 60px;
}









.fantasy-sports-application-development .benefits-of-fantasy .inner-text h2{
	text-align: left;
}

.fantasy-sports-application-development .benefits-of-fantasy .inner-text h2::after{
	right:auto;
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text p{
	font-size: 18px;
	text-align: var(--light);
	color: var(--text-color);
	margin-bottom: 30px;
	line-height: 30px;
}

.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul{
	display: grid;
	gap: 25px;
	grid-template-columns:repeat(2, 1fr);
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li{
	padding: 20px;
	background-color: #f3f3f3;
	border-radius: 5px;
}
.fantasy-sports-application-development .benefits-of-fantasy2 .inner-text .left-content ul li{
	background-color: var(--light-white);
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li .inline{
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}
.fantasy-sports-application-development .food-belivery-business-need .inner-text .left-content ul li .inline img{
	background-color: transparent !important;
	padding: 0px !important;
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li .inline img{
   background-color:#fb8006;
   padding: 10px;
   border-radius: 5px;
   height: 50px;
   width: 50px;
   display: flex;
   align-items: baseline;
   object-fit: scale-down;
   margin-right: 15px;
}
.fantasy-sports-application-development .benefits-of-fantasy2 .inner-text .left-content ul li .inline img{
	background-color:transparent;
	height: auto;
	width: auto;
	padding: 0px;
 }
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li .inline img.bg-none-fanasy{
	background-color:transparent;
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content2 ul li .inline img{
	background-color:transparent;
	padding: 10px;	
	margin-right: 10px;
 }
 .fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li .inline h5 {
    line-height: inherit;
    color: var(--dark);
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
	min-height: 82px;
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .left-content ul li p{
	color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 28px;
}
.fantasy-sports-application-development .benefits-of-fantasy2 .inner-text .left-content ul li p{
	width: 100%;
}
.fantasy-sports-application-development .benefits-of-fantasy .inner-text .right-content img{
	max-width: 100%;
}
.fantasy-sports-application-development .various-games{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development .various-games .inner-text p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .various-games .inner-text ul{
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.fantasy-sports-application-development .various-games2 .inner-text ul{
	grid-template-columns: repeat(3, 1fr) !important;

}
.fantasy-sports-application-development .various-games .inner-text ul li{
	border: 1px solid #ddd;
	padding:20px;
	background-color: var(--light);
	border-radius: 5px;
}
.fantasy-sports-application-development .various-games .inner-text ul li img{
	background-color:#fb8006;
    padding: 6px;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: baseline;
    object-fit: scale-down;
    margin-right: 15px;
	margin-bottom: 20px;
}
.fantasy-sports-application-development .various-games .inner-text ul li h6 {
    font-size: 18px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 15px;
    min-height: 44px;
}
.fantasy-sports-application-development .various-games .inner-text ul li h6.min-height-60-auto{
	min-height: 60px;
}
.fantasy-sports-application-development .various-games .inner-text ul li p{
	margin-bottom: 0;
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
	line-height: 28px;
}
.fantasy-sports-application-development .best-works{
	background-color: #0e001b;
}
.fantasy-sports-application-development .bg-light-sky-works{
	background: linear-gradient(100deg,#00868b,#05b8cc);
}
.fantasy-sports-application-development .bg-dark-red-works{
	background: linear-gradient(to bottom,#4a0a0a 100%,#911111 100%);
}
.fantasy-sports-application-development .bg-light-blue-works{
	background: linear-gradient(to bottom,#1167b1,#7a8edd);
}
.fantasy-sports-application-development .bg-light-blue1-works{
	background: linear-gradient(131deg,#0e1476,#64aaff);
}
.fantasy-sports-application-development .bg-blue-works{
	background: linear-gradient(131deg,#003777,#1167b1);
}
.fantasy-sports-application-development .bg-blue-gradient-works{
	background: linear-gradient(to left,#0e1476,#3473bf);
}
.fantasy-sports-application-development .bg-dark-green{
	background: linear-gradient(128deg,#002940,#00191e);
}
.fantasy-sports-application-development .bg-dark-red{
	background:linear-gradient(to left,#b40024,#c3324f);
}

.fantasy-sports-application-development .best-works .inner-text .left-content h2{
	text-align: left;
	color: var(--light);
}
.fantasy-sports-application-development .best-works .inner-text .left-content{
	margin: 30px 0px;
}
.fantasy-sports-application-development .best-works .inner-text .left-content p{
	font-size: 16px;
	color: var(--light);
	margin-bottom: 20px;
}
.fantasy-sports-application-development .best-works .inner-text .right-content img{
	margin-left: auto;
	display: block;
	max-width: 100%;
}
.fantasy-sports-application-development .best-works .inner-text .left-content h2::after{
	right: auto;
}
.fantasy-sports-application-development .app-features{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development .app-features .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	line-height: 30px;
}
/*  */
.fantasy-sports-application-development .app-features .inner-text1{
	margin: 40px 0px;
	position: relative;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-item{
	margin-top: 20px;
	z-index: 1;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-link {
    padding: 20px;
    border-radius: 80px 80px 50px 50px;
    background-color: var(--light-gray);
    margin: 0px auto 20px;
    height: 100px;
    width: 100px;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-link.active{
	background-color: #f76b1d;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-link.active ~ h6{
	color: var(--dark);
	font-weight: 600;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav  h6{
	color:#969eaa;
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: 600;
	text-align: center;
	height: 0px;
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-link.active img{
	filter: brightness(100);
}
.fantasy-sports-application-development .app-features .inner-text1 .nav .nav-link.active h6{
	color: var(--light);
}
/* .fantasy-sports-application-development .app-features .inner-text1::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 84%;
    left: 0;
    right: 0;
    top: 100px;
    z-index: 0;
    margin: auto;
    border: 1px dashed var(--border-color);
} */
.fantasy-sports-application-development .app-features .inner-text1{
	padding: 30px;
	background-color: var(--light);
	border-radius: 20px;
}
.fantasy-sports-application-development .app-features .inner-text1 .left-content{
	text-align: center;
	display: block;
}
.fantasy-sports-application-development .app-features .inner-text1 .left-content::after{
	position:absolute;
	content: "";
	height: 1px;
    width: 84%;
    left: 0;
    right: 0;
    border-top: 1px dashed var(--border-color);
    top: 104px;
    margin: auto;
}
.fantasy-sports-application-development .app-features .inner-text1 .left-content img{
	max-width: 100%;
	position: relative;
	z-index: 1;

}
.fantasy-sports-application-development .app-features .inner-text1 .left-content h6{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
	margin-top: 15px;
}
/* .fantasy-sports-application-development .app-features .left-content img{
	width: 100%;
} */
/* .fantasy-sports-application-development .app-features .right-content{
	margin-left: 100px;
} */
.fantasy-sports-application-development .app-features .right-content h3 {
    font-size: 24px;
    color: var(--dark);
    margin-bottom: 20px;
    font-weight: 600;
	line-height: inherit;
}
.fantasy-sports-application-development .app-features .right-content p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
	margin-bottom: 30px;
} 
.fantasy-sports-application-development .app-features .right-content ul{
	margin-left: 30px;
}
.fantasy-sports-application-development .app-features .right-content ul li{
	font-size: 16px;
	color: var(--dark);
	margin: 10px 0px 20px;
	position: relative;
	font-weight: 500;
}
.fantasy-sports-application-development .app-features .right-content ul li::after {
    content: "";
    position: absolute;
    background: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 5px;
    height: 22px;
    background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
}
/*  */
.fantasy-sports-application-development .game-module{
	padding: 60px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development .game-module .inner-text h2{
	margin-bottom: 60px;
}
.fantasy-sports-application-development .game-module .inner-text .left-content{
	background-color: var(--light);
	min-height: 300px;
	border-radius: 10px;
}
.fantasy-sports-application-development .game-module .inner-text .left-content .nav .nav-link{
	padding: 15px;
	font-size: 16px;
	text-align: left;
	color: var(--dark);
}
/* .fantasy-sports-application-development .game-module .inner-text .left-content .nav{
	border-radius: 30px 30px 0px 0px;
} */
.fantasy-sports-application-development .game-module .inner-text .left-content .nav .nav-link.active{
	color: var(--light);
	background-color: #356001;
}
.fantasy-sports-application-development .game-module .inner-text .right-content{
	background-color: var(--light);
	padding: 20px;
	height: 300px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}
.fantasy-sports-application-development .game-module .inner-text .right-content .tab-content .tab-pane .box{
	display: flex;
	align-items: center;
}
.fantasy-sports-application-development .game-module .inner-text .right-content .tab-content .tab-pane .box .left{
	margin-right: 50px;
	width: 100%;
}
.fantasy-sports-application-development .game-module .inner-text .right-content .tab-content .tab-pane .box .left p{
	font-size: 16px;
	margin-bottom: 0px;
	color: var(--text-color);
	line-height: 28px;
}
.fantasy-sports-application-development .game-module .inner-text .right-content .tab-content .tab-pane .box .right{
	width: 100%;
}
.fantasy-sports-application-development .game-module .inner-text .right-content .tab-content .tab-pane .box .right img{
	width: 100%;
}
.fantasy-sports-application-development .our-best-works{
	padding: 50px 0px;
	position: relative;
}
.fantasy-sports-application-development .bg-video-streaming{
	background-color: #dad9d7;
}
.fantasy-sports-application-development .our-best-works .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	margin-bottom: 40px;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .item .left-contect{
	width: 100%;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .item .right-content img{
	width: 100px;
	margin-bottom: 20px;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .item .right-content  h5{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 20px;
	font-weight: 600;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .item .right-content p{
	text-align: left;
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 20px;
	line-height: 28px;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .item .right-content a.btns{
	padding: 5px 15px;
	font-size: 15px;
	font-weight: 500;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	content: "";
	bottom: 50%;
	left: -70px;
	background-image: url(../images/sport/left-arrow.png);
	background-size: cover;
	height: 30px;
	width: 30px;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	content: "";
	bottom: 50%;
	right: -70px;
	background-image: url(../images/sport/right-arrow.png);
	background-size: cover;
	height: 30px;
	width: 30px;
}
.fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .owl-nav button.owl-next span, .fantasy-sports-application-development .our-best-works .inner-text .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.fantasy-sports-application-development .development-services{
	padding: 50px 0px;
}
.fantasy-sports-application-development .development-services .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .development-services .inner-text ul{
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.fantasy-sports-application-development .development-services .inner-text ul li{
	border-radius: 8px;
    background: #f8f8f9;
    padding: 20px;
    height: 100%;
}
.fantasy-sports-application-development .development-services .inner-text ul li img{
	margin-bottom: 20px;
	background: #fff;
    padding: 10px;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	object-fit: scale-down;
}

.fantasy-sports-application-development .development-services .inner-text ul li h6 {
    font-size: 20px;
    color: var(--dark);
    margin-bottom: 10px;
    font-weight: 600;
    line-height: inherit;
    min-height: 60px;
}
.fantasy-sports-application-development .development-services .inner-text ul li h6.taxi-heading-icon{
	min-height: auto;
}
.fantasy-sports-application-development .development-services .inner-text ul li p{
	color: var(--text-color);
	font-size: 16px;
	text-align: left;
	margin-bottom: 0px;
	line-height: 28px;
}
.fantasy-sports-application-development .development-services .inner-text ul li p a{
	color: #8a4300;
	font-weight: 600;
}
.fantasy-sports-application-development .advanced-technology{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development  .dating-portal-advanced-technology{
	background: linear-gradient(131deg,#0e1476,#64aaff);
}
.fantasy-sports-application-development .advanced-technology .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1{
	margin-top: 40px;
	border-radius: 10px;
	background-color: var(--light);
	padding: 30px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .left-content{
	border-right: 1px solid #dee2e6;
	padding-right: 40px;
	height: 100%;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .left-content .nav .nav-link{
	font-size: 16px;
	color: var(--dark);
	text-align: left;
	font-weight: 500;
	padding: 15px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .left-content .nav .nav-link.active{
	color: var(--light);
	font-weight: 500;
	background-color: #356001;
	padding: 15px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box {
    display: flex;
    gap: 30px;
	align-items: center;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left{
	width: 50%;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .services ul{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 30px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .services ul li{
	text-align: center;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .services ul li span {
    display: block;
    font-weight: 600;
    margin: 10px;
    font-size: 14px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left h5{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 15px;
	font-weight: 600;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left p strong{
	font-weight: 500;
	color: var(--dark);
	margin-top: 30px;
	display: block;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left  ul{
	margin-left: 30px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left  ul li{
	font-size: 16px;
	color: var(--dark);
	margin: 15px 0px;
	font-weight: 500;
	position: relative;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .left li::after {
    content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .right{
	width: 50%;
	padding-left: 20px;
}
.fantasy-sports-application-development .advanced-technology .inner-text1 .right-content .tab-content .tab-pane .box .right img{
	width: 100%;
}
.fantasy-sports-application-development .extended-functionalities{
	padding: 50px 0px;
	background-image: url(../images/sport/empower_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.fantasy-sports-application-development .extended-functionalities .inner-text h2{
	color: var(--light);
}
.fantasy-sports-application-development .extended-functionalities .inner-text p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 0px;
	text-align: center;
}
.fantasy-sports-application-development .extended-functionalities .inner-text ul{
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.fantasy-sports-application-development .extended-functionalities .inner-text ul li{
	background-color: var(--light);
	border-radius: 15px;
	padding: 30px;
}
.fantasy-sports-application-development .extended-functionalities .inner-text ul li img {
    margin-bottom: 20px;
    height: 60px;
    object-fit: none;
}
.fantasy-sports-application-development .extended-functionalities .inner-text ul li h6 {
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--dark);
    font-weight: 600;
    height: 50px;
}
.fantasy-sports-application-development .extended-functionalities .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	text-align: left;
	line-height: 28px;
}
.fantasy-sports-application-development .hire-app-developers{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development .hire-app-developers .inner-text .left-content h2{
	text-align: left;
}
.fantasy-sports-application-development .hire-app-developers .inner-text .left-content h2::after{
	right: auto;
}

.fantasy-sports-application-development .hire-app-developers .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	line-height: 28px;
}
.fantasy-sports-application-development .hire-app-developers .inner-text .right-content img{
	width: 100%;
}
.fantasy-sports-application-development .choose-fantasy{
	padding: 50px 0px;
}
.fantasy-sports-application-development .choose-fantasy .inner-text p{
	text-align: center;
	font-size:18px;
	color: var(--text-color);
}
.fantasy-sports-application-development .choose-fantasy .inner-text p a{
   color: #8a4300;
}
.fantasy-sports-application-development .choose-fantasy .inner-text ul{
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.fantasy-sports-application-development .choose-fantasy .inner-text ul li .inline{
	display: flex;
	align-items: center;
}
.fantasy-sports-application-development .choose-fantasy .inner-text ul li .inline img{
	margin-right: 10px;
	width: 60px;
	object-fit: scale-down;
}
.fantasy-sports-application-development .choose-fantasy .inner-text ul li .inline h6{
	font-size: 15px;
	font-weight: 600;
	color: var(--dark);
	margin-bottom: 0px;
	line-height: inherit;
}
.fantasy-sports-application-development .what-makes-us{
	padding: 50px 0px;
	background-color: #f3f3f3;
}
.fantasy-sports-application-development .what-makes-us .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
	text-align: center;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1{
	margin-top: 40px;
	background-color: var(--light);
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgb(57 73 99 / 15%);
}


.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .left-content .nav .nav-link img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid var(--light);
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .left-content .nav .nav-link.active{
	background-color: var(--transparent);
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .left-content .nav .nav-link.active img{
	border: 2px solid #f76b1d;
    box-shadow: 0 0 25px rgb(247 107 29 / 40%);
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box h5{
	color: #2f3f56;
	font-size: 22px;
	font-weight: 600;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box small{
	font-size: 14px;
	color: var(--text-color);
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .star{
	margin: 10px 0px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	margin-top: 10px;
	line-height: 28px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review{
	background-color: var(--light-gray);
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review h6{
	font-size: 18px;
	color: var(--dark);
	margin-bottom: 15px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review p{
	color: var(--text-color);
	font-size: 16px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review ul{
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0px 50px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review ul li h6{
	font-size: 18px;
	color: var(--dark);
	margin-bottom: 5px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review ul li p{
	font-size: 16px;
	color: var(--text-color);
	margin-top: 0px;
}
.fantasy-sports-application-development .what-makes-us .inner-text .inner-text1 .right-content .tab-content .tab-pane .box .review ul li p a{
	color: #8a4300;
}
.fantasy-sports-application-development .up-to-date{
	padding: 50px 0px;
}
.fantasy-sports-application-development .up-to-date .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	margin-top: 0px;
	text-align: center;
}
.fantasy-sports-application-development .up-to-date .inner-text ul{
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0px 20px;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	padding-bottom: 20px;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li img{
	width: 100%;
	border-radius: 5px;
	height: 45%;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li .date{
	position: relative;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li .date span {
    position: absolute;
    top: -21px;
    transform: translateX(-50%);
    left: 50%;
    background: var(--light);
    border-radius: 5px;
    padding: 10px 20px;
	margin-bottom: 0px;
	font-size: 16px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.fantasy-sports-application-development .up-to-date .inner-text ul li p {
    margin-top: 30px;
    color: var(--text-color);
    font-size: 16px;
    text-align: center;
    padding: 20px 20px 0px;
    line-height: 28px;
    min-height: 150px;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li a {
    padding: 0px 20px 30px;
    color: #8a4300;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.fantasy-sports-application-development .up-to-date .inner-text ul li a i{
	margin-left: 10px;
	font-size: 20px;
}
.logo-brand p.text{
	text-align: center;
	font-size: 18px;
	counter-reset: var(--text-color);
	margin-bottom: 30px;
}
.fantasy-sports-application-development  .field-service{
	padding: 50px 0px;
	background-image: url(../images/sport/cta_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
}
.fantasy-sports-application-development  .field-service .inner-text{
	text-align: center;
}
.fantasy-sports-application-development  .field-service .inner-text h2{
	color: var(--light);
}
.fantasy-sports-application-development  .field-service .inner-text p{
	color: var(--light);
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}
/*------- fantasy-sports-application-development----- */
/*------ grocery-delivery-app-development-company-----*/
.grocery-delivery-app-development-company .directly-sell-Customers{
	padding: 50px 0px;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .left-content h4{
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 0px;
	line-height:36px;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	line-height: 30px;
	margin-bottom: 30px;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .right-content p{
	color: var(--text-color);
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .right-content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .right-content ul li .box{
	display: flex;
	align-items: center;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .right-content ul li .box img{
	margin-right: 15px;
}
.grocery-delivery-app-development-company .directly-sell-Customers .inner-text .right-content ul li .box h6 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600;
}
.grocery-delivery-app-development-company .grocery-delivery{
	padding: 50px 0px;
	background-color: var(--light-gray);
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul{
	margin-top: 40px;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li{
	padding: 20px 10px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	border-radius: 5px;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.dating-app-borders{
	border-color: #f64a8a !important;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.ai-chatbot-app-borders{
	border-color: #2855a8 !important;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li:first-child{
	border: 2px solid #70aa26;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li:nth-child(2){
	border: 2px solid #f76b1d;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li:nth-child(3){
	border: 2px solid #19bdff;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li:last-child{
	border: 2px solid #ffd300;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.bitcoin:first-child{
	border: 2px solid #01caec;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.bitcoin:nth-child(2){
	border: 2px solid #d55b61;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.bitcoin:nth-child(3){
	border: 2px solid #dec89b;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li.bitcoin:last-child{
	border: 2px solid #070e44;
}
.grocery-delivery-app-development-company .grocery-delivery2 .inner-text ul li{
	border: 2px solid #4e68d2 !important;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li h6{
	font-size: 18px;
	color: var(--dark);
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li h6.min-height-bitcoin{
	min-height: 40px;
}
.grocery-delivery-app-development-company .grocery-delivery .inner-text ul li p{
	font-size: 16px;
	color: var(--text-color);
	text-align: center;
	line-height: 28px;
	margin-bottom: 0px;
}
/*------ grocery-delivery-app-development-company-----*/
/* ----------elearning-app-development----------- */
.elearning-app-development .custom-eLearning-solutions{
	padding: 50px 0px;
}
.elearning-app-development .custom-eLearning-solutions  p{
	text-align: center;
	font-size: 18px;
	color: var(--text-color);
	margin-bottom: 0px;
}
.elearning-app-development .custom-eLearning-solutions ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	margin-top: 30px;
}
.elearning-app-development .custom-eLearning-solutions ul li{
	border: 2px solid var(--dark);
	padding: 20px;
	border-radius: 5px;
}
.elearning-app-development .custom-eLearning-solutions ul li h6 {
    font-size: 20px;
    color: var(--dark);
    font-weight: 600;
    margin-bottom: 10px;
    min-height: 90px;
	line-height: inherit;
	text-align: center;
}
.elearning-app-development .custom-eLearning-solutions ul li p{
	font-size: 16px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 0px;
	line-height: 28px;
}
.elearning-app-development .business-idea{
	padding: 50px 0px;
}
.elearning-app-development .business-idea .inner-text h4{
	font-size: 17px;
	text-align: center;
	color: var(--dark);
	margin-bottom: 20px;
}
.elearning-app-development .business-idea .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 10px;
	line-height: 30px;
}
.elearning-app-development .business-idea .inner-text ul{
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 0px 20px;
}
.elearning-app-development .business-idea .inner-text ul li{
	position: relative;
	counter-increment: my-awesome-counter;
}
.elearning-app-development .business-idea .inner-text ul li .inner-div{
	display: block;
	text-align: center;
}
.elearning-app-development .business-idea .inner-text ul li .inner-div img{
	border-radius: 50%;
	width: 120px;
    height:120px;
	border: 10px solid var(--light);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.elearning-app-development .business-idea .inner-text ul li .inner-div::after {
    position: absolute;
    content: counter(my-awesome-counter);
    left: 13px;
    top: 30px;
    background-image: url(../images/sport/num_bg.png);
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1000;
	color: var(--light);
	font-weight: 600;
	margin-top: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.elearning-app-development .business-idea .inner-text ul li .inner-div span{
	font-size: 16px;
	font-weight: 600;
	color: var(--dark);
	display: block;
	margin-top: 20px;
}
.ewallet-app-development .cross-security{
	padding: 50px 0px;
	background: linear-gradient(253deg,#0e1476,#64aaff);
}
.ewallet-app-development .cross-security .inner-text h2{
	text-align: left;
	color: var(--light);
}
.ewallet-app-development .cross-security .inner-text h2::after{
	right: auto;
}
.ewallet-app-development .cross-security .inner-text p{
	color: var(--light);
	font-size: 18px;
	margin-bottom: 20px;
}
.ewallet-app-development .cross-security .inner-text .left-content{
	background-color: var(--light);
	padding: 40px;
	border-radius: 20px;
}
.ewallet-app-development .cross-security .inner-text .left-content p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	line-height: 28px;
}
.ewallet-app-development .cross-security .inner-text .left-content p:last-child{
	margin-bottom: 0px;
}
.ewallet-app-development .cross-security .inner-text .right-content img{
	width: 100%;
}
.ewallet-app-development .payments-problems{
	padding: 50px 0px;
}
.ewallet-app-development .payments-problems .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
	margin-bottom: 0px;
}
.ewallet-app-development .payments-problems .inner-text ul{
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.ewallet-app-development .payments-problems .inner-text ul li {
    padding: 0px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
}
.ewallet-app-development .payments-problems .inner-text ul li p {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 28px;
    padding: 0px 20px 20px;
}
.ewallet-app-development .payments-problems .inner-text ul li .problem {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0;
}
.ewallet-app-development .payments-problems .inner-text ul li .problem .left {
    min-width: 50px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3164c0;
    border-radius: 20px 0px 0px;
    color: var(--light);
    margin-right: 10px;
    font-weight: 500;
    font-size: 20px;
}
.ewallet-app-development .payments-problems .inner-text ul li .problem .right span {
    display: block;
    font-size: 16px;
    color: var(--dark);
    min-height: 42px;
    font-weight: 600;
}
.ewallet-app-development .interrupted-payments{
	padding: 50px 0px;
    background: linear-gradient(131deg,#0e1476,#64aaff);
}
.ewallet-app-development .interrupted-payments .inner-text h2{
	color: var(--light);	
}
.ewallet-app-development .interrupted-payments .inner-text p{
	font-size: 18px;
	color: var(--light);
	text-align: center;
}
.ewallet-app-development .interrupted-payments .inner-text ul {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    background-color: var(--light);
    border-radius: 30px 0px 0px;
    padding: 40px;
    position: relative;
    right: -116px;
    bottom: -23px;
}
.ewallet-app-development .interrupted-payments .inner-text ul li .flex-text{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.ewallet-app-development .interrupted-payments .inner-text ul li .flex-text .left{
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-color: #3164c0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.ewallet-app-development .interrupted-payments .inner-text ul li .flex-text .left img{
	width: 24px;
}
.ewallet-app-development .interrupted-payments .inner-text ul li .flex-text .right h6{
	font-size: 18px;
	color: var(--dark);
	margin-bottom: 0px;
	font-weight: 600;
}
.ewallet-app-development .interrupted-payments .inner-text ul li p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.dating-app-development {
    padding: 50px 0px;
    background: linear-gradient(to left,#b40024,#c3324f);
}
.dating-app-development .inner-text h2{
	color: var(--light);
	text-align: left;
}
.dating-app-development .inner-text h2::after{
	right: auto;
}
.dating-app-development .inner-text p{
	font-size: 18px;
	text-align: left;
	margin-bottom: 40px;
	color: var(--light);
}
.dating-app-development .inner-text .left-content h5{
	font-size: 26px;
	color: var(--light);
	font-weight: 600;
}
.dating-app-development .inner-text .left-content ul{
	margin-left: 30px;
}
.dating-app-development .inner-text .left-content ul li{
	color: var(--light);
	margin-top: 20px;
	position: relative;
}
.dating-app-development .inner-text .left-content img{
	width: 100%;
	margin-top: 40px;
}
.dating-app-development .inner-text .left-content ul li::after {
    content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}
.stock-market-app{
	padding: 50px 0px;
	background: linear-gradient(131deg,#0e1476,#64aaff);
}
.stock-market-app .inner-text h2{
	color: var(--light);
}
.stock-market-app .inner-text p{
    font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
	color: var(--light);
}
.stock-market-app .inner-text ul {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
    background-color: var(--light);
    padding: 50px 40px;
    border-radius: 50px 0px 0px 0px;
    position: relative;
    right: -116px;
}
.stock-market-app .inner-text ul li h5{
	font-size: 20px;
	color: var(--dark);
	margin-bottom: 10px;
	min-height: 60px;
	line-height: inherit;
	font-weight: 600;
}
.stock-market-app .inner-text ul li p{
	font-size: 16px;
	text-align: left;
	margin-bottom: 0px;
	color: var(--text-color);
	line-height: 28px;
}
.stock-market-app .inner-text ul li .flex-text img {
    background-color: #3164c0;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 50px;
    object-fit: none;
    height: 50px;
}
.fantasy-sports-application-development .erp-software{
	padding: 50px 0px;
}
.fantasy-sports-application-development .erp-software .inner-text .inner-text2{
	padding: 50px;
	background: var(--light);
	border-radius: 30px;
}
.fantasy-sports-application-development .erp-software .inner-text p{
	font-size: 18px;
	text-align: center;
	color: var(--text-color);
	margin-bottom: 40px;
}
.fantasy-sports-application-development .erp-software .inner-text .inner-text1{
	padding: 50px;
	border-radius: 50px;
	background-color: var(--light);
}
.fantasy-sports-application-development .erp-software .inner-text .inner-div{
	border-radius: 10px;
	background-color: var(--light);
	padding: 50px;
}
.fantasy-sports-application-development .erp-software .inner-text .left-content img{
	width: 100%;
	object-fit: scale-down;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	line-height: 28px;
	margin-bottom: 20px;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content p:last-child{
	margin-bottom: 0px;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content h6{
	font-size: 18px;
	font-weight: 600;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content ul {
    margin-left: 30px;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content ul li {
    font-size: 16px;
    color: var(--text-color);
    margin: 10px 0px;
    position: relative;
}
.fantasy-sports-application-development .erp-software .inner-text .right-content ul li::after {
    content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}
.fantasy-sports-application-development .unparallel-customer{
	padding: 40px 0px;
	background: linear-gradient(253deg,#0e1476,#64aaff);
}
.fantasy-sports-application-development .unparallel-customer .inner-text h2{
	text-align: left;
	color: var(--light);
}
.fantasy-sports-application-development .unparallel-customer .inner-text p{
	text-align: left;
	color: var(--light);
	font-size: 18px;
	margin-bottom: 30px;
}
.fantasy-sports-application-development .unparallel-customer .inner-text h2::after{
	right: auto;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content{
	padding: 40px;
	background-color: var(--light);
	border-radius: 10px;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content p{
	color: var(--text-color);
	text-align: left;
	line-height: 28px;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content ul li{
	padding: 20px 0px;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content ul li h3{
	font-size: 22px;
	color: var(--dark);
	font-weight: 600;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content ul li p{
	font-size: 16px;
	margin-bottom: 0px;
	text-align: left;
	line-height: inherit;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .left-content p:last-child{
	margin-bottom: 0px;
}
.fantasy-sports-application-development .unparallel-customer .inner-text .right-content img{
	max-width: 100%;
}

.food-delivery-appps-section .easy-management{
	padding: 50px 0px;
}
.food-delivery-appps-section .easy-management .inner-text .left-content img{
	max-width: 100%;
}
.food-delivery-appps-section .easy-management .inner-text .right-content h2{
	text-align: left;
}
.food-delivery-appps-section .easy-management .inner-text .right-content h2::after{
	right: auto;
}
.food-delivery-appps-section .easy-management .inner-text .right-content p{
	font-size: 18px;
	color: var(--text-color);
}
.food-delivery-appps-section .easy-management .inner-text .right-content ul li {
    display: flex;
    margin-top: 30px;
    padding: 20px;
    background: #f3f4f5;
}
.food-delivery-appps-section .easy-management .inner-text .right-content ul li .left img{
	background-color:#fb8006;
    padding: 10px;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: baseline;
    object-fit: scale-down;
    margin-right: 15px;
    margin-bottom: 20px;
}
.food-delivery-appps-section .easy-management .inner-text .right-content ul li .right{
	margin-left: 10px;
}
.food-delivery-appps-section .easy-management .inner-text .right-content ul li .right h5{
	color: var(--dark);
    font-size: 20px;
    margin-bottom: 10px;
	font-weight: 600;
}
.food-delivery-appps-section .easy-management .inner-text .right-content ul li .right p{
	font-size: 16px;
	text-align: left;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.food-delivery-appps-section .design-architecture{
	padding: 50px 0px;
	background-color: var(--light-gray);
}
.food-delivery-appps-section .design-architecture .inner-text .left-content h2{
	text-align: left;
}
.food-delivery-appps-section .design-architecture .inner-text .left-content h2::after{
	right: auto;
}
.food-delivery-appps-section .design-architecture .inner-text .left-content p{
	text-align: left;
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.food-delivery-appps-section .design-architecture .inner-text .left-content ul li h5{
	color: var(--dark);
    font-size: 22px;
	font-weight: 600;
    margin-bottom: 10px;
}
.food-delivery-appps-section .design-architecture .inner-text .left-content ul li{
	margin-top: 30px;
}
.food-delivery-appps-section .design-architecture .inner-text .left-content ul li p{
	text-align: left;
	font-size: 16px;
	color: var(--text-color);
}
.food-delivery-appps-section .design-architecture .inner-text .right-content img{
	width: 100%;
}
.food-delivery-appps-section .food-delivery-services{
	padding: 40px 0px;
	background-color:var(--light-gray);
}
.food-delivery-appps-section .food-delivery-services .inner-text p{
	font-size: 18px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 40px;
}
.food-delivery-appps-section .food-delivery-services .inner-text .left-content span{
	font-size: 82px;
	color: var(--cream-light);
	display:block;
	font-weight: 600;
}
.food-delivery-appps-section .food-delivery-services .inner-text .left-content h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark);
    min-height: 56px;
}
.food-delivery-appps-section .food-delivery-services .inner-text .left-content p{
	font-size: 16px;
	color: var(--text-color);
	text-align: left;
	margin-bottom: 0px;
	line-height: 28px;
}
.food-delivery-appps-section .food-delivery-services .inner-text .middle-content img{
	margin: 0px auto;
	display: block;
}
.food-delivery-appps-section .ai-chatbot-services-development{
	padding: 50px 0px;
	background: linear-gradient(to left,#0e1476,#3473bf);
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text1 h2{
	text-align: left;
	color: var(--light);
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text1 h2::after{
	right: auto;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text1 p{
	font-size: 18px;
	text-align: left;
	color: var(--light);
}

.food-delivery-appps-section .ai-chatbot-services-development .inner-text2{
	margin-top: 50px;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content h3{
	font-size: 26px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 20px;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content p{
	color: var(--light);
	line-height: 28px;
	min-height: 170px;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content .flexbox1{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content .flexbox1 .box1  h5{
	font-size: 18px;
	font-weight: 600;
	color: #fe9d3d;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content .flexbox1 .box1 ul{
	margin-left: 17px;
}
.food-delivery-appps-section .ai-chatbot-services-development .inner-text2 .left-content .flexbox1 .box1 ul li{
	font-size: 14px;
	font-weight: 300;
	list-style-type: disc;
	color: var(--light);
	margin: 10px 0px;
}
















.food-delivery-appps-section .demand-food-apps{
	padding: 50px 0px;
}
.food-delivery-appps-section .demand-food-apps .inner-text p{
	text-align: center;
	font-size: 18px;
	margin-bottom: 40px;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division h3{
	font-size: 26px;
	color: var(--dark);
	margin-bottom: 10px;
	font-weight: 600;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division p{
	text-align: left;
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division hr{
	margin: 20px 0px;
	color: #767e85;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division{
	background-color: var(--light);
	padding: 20px;
	margin-top: 30px;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division ul{
	display: flex;
}
.food-delivery-appps-section .demand-food-apps .inner-text .division ul li{
	margin-right: 40px;
}
.hire-dedicated-resources .hire-easy-steps{
	padding: 50px 0px;
}
.hire-dedicated-resources .hire-easy-steps .inner-text h2{
	text-align: left;
	margin-bottom: 50px;
}
.hire-dedicated-resources .hire-easy-steps .inner-text h2::after{
	right: auto;
}

.hire-dedicated-resources .hire-easy-steps .inner-text .left-content{
	background: linear-gradient(131deg,#0e1476,#64aaff);
	padding:40px;
	border-radius: 10px;
}
.hire-dedicated-resources .hire-easy-steps .inner-text .left-content a.btns{
	padding: 4px 10px;
}
.hire-dedicated-resources .hire-easy-steps .inner-text .left-content ul{
	margin: 20px 0px 20px 30px;
}
.hire-dedicated-resources .hire-easy-steps .inner-text .right-content img{
	max-width: 100%;
}
.hire-dedicated-resources .hire-easy-steps .inner-text .left-content ul li{
	font-size: 16px;
	color: var(--light);
	margin: 15px 0px;
	font-weight: 300;
	position: relative;
}
.hire-dedicated-resources .hire-easy-steps .inner-text .left-content ul li::after{
	content: "";
	position: absolute;
	background: url(../images/sport/check-blue.png);
	padding-left: 30px;
	margin-bottom: 10px;
	left: -30px;
	top: 0px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
}
.hire-dedicated-resources .hiring-models{
	padding: 50px 0px;
	background-color: var(--light-gray);
}
.hire-dedicated-resources .hiring-models .inner-text h2{
	text-align: left;
}

.hire-dedicated-resources .hiring-models .inner-text h2::after{
	right: auto;
}
.hire-dedicated-resources .hiring-models .inner-text table :is(thead, tbody) tr th{
	font-weight: 600;
	padding: 10px;
}
.hire-dedicated-resources .hiring-models .inner-text table :is(thead, tbody) tr td{
	padding: 10px;
}
.hire-dedicated-resources .hiring-models-bests{
	padding: 50px 0px;
	background: linear-gradient(253deg,#0e1476,#64aaff);
}
.hire-dedicated-resources .hiring-models-bests .inner-text h2{
	text-align: left;
	color: var(--light);
}
.hire-dedicated-resources .hiring-models-bests .inner-text h2::after{
	right: auto;
}
.hire-dedicated-resources .hiring-models-bests .inner-text p{
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	color: var(--light);
}
.hire-dedicated-resources .hiring-models-bests .inner-text .right-content{
	text-align: right;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .right-content img{
	max-width: 100%;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content{
	padding: 40px;
	background-color: var(--light);
	border-radius: 40px;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content ul {
    margin: 20px 0px 20px 30px;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content ul li {
    font-size: 16px;
    margin: 20px 0px;
    position: relative;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content ul li::after {
    content: "";
    position: absolute;
    background: url(../images/sport/check.png);
    margin-bottom: 10px;
    left: -30px;
    top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 8px;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content p{
	color: var(--text-color);
	text-align: left;
	font-size: 16px;
	line-height: 28px;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content h5{
	font-weight: 600;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content p:last-child{
  margin-bottom: 0px;
}
.hire-dedicated-resources .hiring-models-bests .inner-text .left-content a.btns{
    padding: 4px 10px;
}
.hire-dedicated-resources .Need-your-developer{
	padding: 40px 0px;
	background-color: var(--light-gray);
}
.hire-dedicated-resources .Need-your-developer .inner-text h2{
	text-align: left;
}
.hire-dedicated-resources .Need-your-developer .inner-text h2::after{
	right: auto;
}
.hire-dedicated-resources .Need-your-developer .inner-text .right-content img{
	width: 100%;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box {
	background-color: var(--light);
	border-radius: 5px;
	padding: 20px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box .first-row{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box .first-row .left img {
    background-color: #fb8006;
    padding: 5px;
    border-radius: 5px;
    height: 46px;
    width: 46px;
    display: flex;
    align-items: baseline;
    object-fit: scale-down;
    margin-right: 15px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box .first-row .right h5{
	font-size: 20px;
    color: var(--dark);
	margin-bottom: 0px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box  ul {
    margin-left: 30px;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box  ul li {
    font-size: 15px;
    color: var(--text-color);
    margin: 10px 0px 20px;
    position: relative;
}
.hire-dedicated-resources .Need-your-developer .inner-text .left-content .box  ul li::after {
    content: "";
    position: absolute;
    background: url(../images/sport/check_orange.png);
    margin-bottom: 10px;
    left: -30px;
    top: 5px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
}
/* ----------elearning-app-development----------- */
/* ----------toggle product sample-------------- */
.toggle-product-sample .banner{
	background-color: var(--light-grey-blue);
    padding: 40px 0px 100px 0px;
}
.toggle-product-sample .banner .left-text h2 {
    font-size: 42px;
    color: var(--light);
    font-weight: 600;
    line-height: 55px;
}
.toggle-product-sample .banner .left-text p {
    color: var(--light);
    margin-top: 20px;
    font-size: 18px;
    line-height: 32px;
}

.toggle-product-sample .banner .right-text h3 {
	color: var(--light);
	margin-bottom: 15px;
	text-align: left;
	font-size: 22px;
}

.toggle-product-sample .banner .right-text form .input-group input {
	border: 1px solid var(--light);
	border-radius: 0px;
	padding: 8px 10px;
	accent-color: var(--light);
	color: var(--text-color);
}

.toggle-product-sample .banner .right-text form .input-group input:focus {
	border-color: var(--primary);
}

.toggle-product-sample .banner .right-text form .input-group input::placeholder {
	color: var(--text-color);
	font-weight: 400;
	font-size: 14px;
}

.toggle-product-sample .banner .right-text form .input-group .input-group-text {
	border: 1px solid var(--light);
	border-radius: 0px;
	color: var(--text-color);
	display: flex;
	font-size: 14px;
}

.toggle-product-sample .banner .right-text form .input-group .input-group-text:focus {
	border-color:var(--primary);
}

.toggle-product-sample .banner .right-text form .form-check label {
    font-size: 14px;
    color: var(--light);
    cursor: pointer;
    text-align: left;
    display: block;
}

.toggle-product-sample .banner .right-text form .form-check label a {
	color: var(--primary);
}

.toggle-product-sample .banner .right-text form .form-check label a:hover {
	text-decoration: underline;
}

.toggle-product-sample .banner .right-text form .form-check input.form-check-input {
	background-color: var(--transparent);
	border-color: var(--light);
	border-radius: 0px;
	cursor: pointer;
}
.toggle-product-sample .banner .right-text form .d-grid button {
    font-size: 14px;
    width: 100%;
    text-transform: capitalize;
    padding: 8px;
    font-weight: 500;
    margin-top: 10px;
	margin-bottom: 10px;
}
.toggle-product-sample .banner .right-text form .d-grid button:hover{
	background-color: var(--red);
	border-color: var(--red);
}
.toggle-product-sample .banner .right-text form span {
	text-align: center;
	color: var(--light);
	display: block;
}

.toggle-product-sample .banner .right-text form .socialicon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

.toggle-product-sample .banner .right-text form .socialicon a {
	margin: 0px 3px;
}

.toggle-product-sample .banner .right-text form .socialicon a:first-child i {
	background-color: var(--red);
}

.toggle-product-sample .banner .right-text form .socialicon a:nth-child(2) i {
	background-color: var(--blue);
}

.toggle-product-sample .banner .right-text form .socialicon a:nth-child(3) i {
	background-color: var(--dark-blue);
}

.toggle-product-sample .banner .right-text form .socialicon a:last-child i {
	background-color: var(--green);
}

.toggle-product-sample .banner .right-text form .socialicon a i {
    width: 32px;
    height: 32px;
    color: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 4px;
}
.toggle-product-sample .form-home-banner{
	position: relative;
	top: -60px;
}
.toggle-product-sample .form-home-banner video{
	width: 100%;
}
.toggle-product-sample .form-create-section{
	padding: 40px 0px;
}
.toggle-product-sample .form-create-section .inner-text .left-content h5 {
    font-size: 18px;
    color: var(--light);
    display: inline-block;
    border-radius: 5px;
    background: var(--primary);
    padding: 3px 15px;
}
.toggle-product-sample .form-create-section .inner-text .left-content h5.green{
	background-color: #02c47f;
}
.toggle-product-sample .form-create-section .inner-text .left-content h5.yellow{
	background-color: #fcb12d;
}
.toggle-product-sample .form-create-section .inner-text .left-content h5.red{
	background-color: #f0483d;
}

.toggle-product-sample .form-create-section .inner-text .left-content h2{
	text-align: left;
}
.toggle-product-sample .form-create-section .inner-text .left-content h2::after{
	right: auto;
}
.toggle-product-sample .form-create-section .inner-text .left-content p{
	text-align: left;
	color: var(--text-color);
	line-height: 28px;
}
.toggle-product-sample .form-create-section .inner-text .left-content a{
	color: var(--primary);
	display: flex;
	align-items: center;
	font-weight: 500;
}
.toggle-product-sample .form-create-section .inner-text .right-content video{
	width: 100%;
}
.toggle-product-sample .mob-team-section{
	padding: 40px 0px;
}
.toggle-product-sample .mob-team-section .inner-text .left-content video{
	width: 100%;
}
.toggle-product-sample .mob-team-section .inner-text .right-content h2{
	text-align: left;
}
.toggle-product-sample .mob-team-section .inner-text .right-content h2::after{
	right: auto;
}
.toggle-product-sample .mob-team-section .inner-text .right-content p{
	color: var(--text-color);
	line-height: 28px;
}
.toggle-product-sample .mob-team-section .inner-text .right-content p a{
	color: var(--primary);
}
.toggle-product-sample .mob-team-section .inner-text .right-content ul{
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.toggle-product-sample .mob-team-section .inner-text .right-content ul a img{
	width: 150px;
	margin-right: 10px;
}
.toggle-product-sample .rating-section{
   padding: 40px 0px 0px;
}
.toggle-product-sample .rating-section .inner-text ul {
    display: grid;
    margin-top: 40px;
    grid-template-columns: repeat(4, 1fr);
	gap: 50px;
	padding: 0px 130px;
}
.toggle-product-sample .rating-section .inner-text ul li{
	text-align: center;
}
.toggle-product-sample .rating-section .inner-text ul li img{
    width: 160px;
    margin: 0 auto 15px;
	height: 70px;
	object-fit: scale-down;
}
.toggle-product-sample .rating-section .inner-text ul li .stars .stars-container{
	position: relative;
	display: inline-block;
	color: transparent;
	font-size: 21px;
	letter-spacing: 2px;
}
.toggle-product-sample .rating-section .inner-text ul li .stars .stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #d0d0d0;
}
.toggle-product-sample .rating-section .inner-text ul li .stars .stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #f9a826;
    overflow: hidden;
    transition: ease all 3s;
    width: 0;
	width: 90%;
}
.toggle-product-sample .rating-section .inner-text ul li .stars  .counter-star {
    display: block;
    text-align: center;
    font-weight: 300;
    color: #888;
}
.toggle-product-sample .rating-section .inner-text ul li .stars  .counter-star .current-value {
    font-size: 25px;
    color: #000;
}
.toggle-product-sample .rating-section .inner-text img{
	margin-top: 50px;
	width: 100%;
}
.toggle-product-sample .form-integration-section{
	padding: 40px 0px;
	background-color: #fcecd9;
	position: relative;
}
.toggle-product-sample .form-integration-section::before{
	content: "";
    background: url(../images/toggle-mails/background-data.png);
    display: inline-block;
    width: 110px;
    height: 210px;
    background-position: -35px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;
}

.toggle-product-sample .form-integration-section::after {
    content: "";
    background: url(../images/toggle-mails/background-data.png);
    display: inline-block;
    width: 165px;
    height: 236px;
    background-position: -143px -2px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .7;
}
.toggle-product-sample .form-integration-section .inner-text p{
	text-align: center;
	color: var(--text-color);
	font-size: 18px;
}
.toggle-product-sample .form-integration-section .inner-text{
	position: relative;
	z-index: 1;
}
.toggle-product-sample .form-integration-section .inner-text ul{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 30px;
}
.toggle-product-sample .form-integration-section .inner-text ul li{
	text-align: center;
	padding: 50px 30px;
	background-color: var(--light);
	border-radius:10px;
}
.toggle-product-sample .form-integration-section .inner-text ul li a img{
	width: 50px;
	height: 50px;
	object-fit: scale-down;
}
.toggle-product-sample .form-integration-section .inner-text ul li a span{
	display: block;
	margin-top: 10px;
	color: var(--dark);
	font-size: 16px;
	font-weight: 500;
}
.toggle-product-sample .auto-collaborate{
	padding: 40px 0px;
}
.toggle-product-sample .auto-collaborate .inner-text ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.toggle-product-sample .auto-collaborate .inner-text li{
	background-color: #fcf6dd;
	padding: 30px;
	border-radius: 5px;
	text-align: center;
}
.toggle-product-sample .auto-collaborate .inner-text li:last-child{
	background: #e1f6e9;
}
.toggle-product-sample .auto-collaborate .inner-text li:nth-child(2){
	background-color: #e1f5fc;
}
.toggle-product-sample .auto-collaborate .inner-text li img{
	height: 60px;
	object-fit: scale-down;
	margin-bottom: 20px;
}
.toggle-product-sample .auto-collaborate .inner-text li h4{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 10px;
}
.toggle-product-sample .auto-collaborate .inner-text li p {
    font-size: 16px;
    line-height: 28px;
    color: var(--text-color);
    min-height: 140px;
}
.toggle-product-sample .auto-collaborate .inner-text li  a{
	color: var(--dark);
}
.toggle-product-sample .content-wrap-slider .inner-text{
	background-color: var(--lightest-primary);
	padding: 40px 90px;
}
.toggle-product-sample .content-wrap-slider{
	padding: 40px 0px;
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .item h3{
	font-size: 26px;
	margin-bottom: 20px;
	color: var(--dark);
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .item P{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom:0px;
	line-height: 28px;
}

.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	content: "";
	bottom: 50%;
	left: -70px;
	background-image: url(../images/sport/left-arrow.png);
	background-size: cover;
	height: 30px;
	width: 30px;
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	content: "";
	bottom: 50%;
	right: -70px;
	background-image: url(../images/sport/right-arrow.png);
	background-size: cover;
	height: 30px;
	width: 30px;
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .owl-nav button.owl-next span, .toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .owl-nav button.owl-prev span{
	display: none;
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .item ul {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.toggle-product-sample .content-wrap-slider .inner-text .owl-carousel .item ul li a.btn-primary{
	padding: 5px 10px;
	font-size: 15px;
	background-color: transparent;
	color: var(--primary);
	border: 1px solid var(--primary);
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-dots {
    position: relative;
    bottom: -30px;
    display: block;
	text-align: center;
}
.toggle-product-sample .content-wrap-slider .inner-text .owl-dots button.owl-dot span {
	border-radius: 50%;
	background:var(--darker-gray);
	width: 13px;
	height: 13px;
	margin: 0px 3px;
	display: inline-block;
	position: relative;
	border: none;
	padding: 3px;
}

.toggle-product-sample .content-wrap-slider .inner-text .owl-dots button.owl-dot.active span {
	background: var(--darkest-blue);
	margin: 0px 3px;
}
.toggle-product-sample .form-story-section{
	padding: 60px 0px;
	background-color: #efeeef;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box h2{
	text-align: left;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box h2::after{
	right: auto;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box .name{
	margin-top: 20px;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box .name strong{
	font-size: 20px;
	color: var(--dark);
	display: block;
	font-weight: 500;
}
.toggle-product-sample .form-story-section .inner-text .left-content .tab-content .tab-pane .inner-box .name small{
	display: block;
	font-size: 16px;
	color: var(--text-color);
}
.toggle-product-sample .form-story-section .inner-text .right-content .nav-pills{
	display: flex;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
}
.toggle-product-sample .form-story-section .inner-text .right-content .nav-pills .nav-item .nav-link.active{
	background-color: transparent;
	color: transparent;
	border: 2px solid var(--dark-green);
	opacity: 1;
    filter: invert(0);
	padding: 0px;
	border-radius: 0px;
	transform: scale(1.1);
}
.toggle-product-sample .form-story-section .inner-text .right-content .nav-pills .nav-item .nav-link{
	filter: grayscale(1);
	opacity: .7;
	transition: all 1s;
	padding: 0px;
	border: 2px solid var(--transparent);
	border-radius: 0px;
}
.toggle-product-sample .form-story-section .inner-text .right-content .nav-pills .nav-item .nav-link img{
	height: 140px;
	object-fit: scale-down;
}
/* ----------toggle product sample-------------- */
/* --------------Features form--------------- */
.features-form .banner{
	padding: 50px 0px 0px;
	background-color: #121b2a;
}
.features-form .banner .inner-text .left-content h1{
	font-size: 42px;
	font-weight: 600;
	color: var(--light);
	margin-bottom: 20px;
}
.features-form .banner .inner-text .left-content p{
	font-size: 18px;
	color: var(--light);
	margin-bottom: 20px;
	line-height: 28px;
}
.features-form .banner .inner-text .left-content a.btns{
	font-weight: 500;
	border-radius: 0px;
	background-color: #f0483e;
	border-color: #f0483e;
	padding: 9px 40px;
}
.features-form .banner .inner-text .left-content a.btns:hover{
	border-color: #f0483e;
}
.features-form .banner .inner-text .right-content img {
    max-width: 120%;
    position: relative;
    bottom: -33px;
}
.features-form .features-tabs{
	padding: 100px 0px;
	background-color: #f5fafe;
	position: relative;
}
.features-form .features-tabs .inner-text .left-content{
	top: 170px;
	z-index: 1;
}
.features-form .features-tabs .inner-text .left-content .nav .nav-link{
	text-align: left;
	color: var(--dark);
	letter-spacing: -.3px;
	font-weight: 500;
	position: relative;
	padding-left: 40px;
	margin: 10px 0px;
}
.features-form .features-tabs .inner-text .left-content .nav .nav-link.active{
	color: var(--primary);
    box-shadow: 0 0 13px #e8e8e8;
    border-radius: 50px;
    background: var(--light);	
}
.features-form .features-tabs .inner-text .left-content .nav .nav-link.active::before{
	border-color: #00ceff;
    background: #00ceff;
}
.features-form .features-tabs .inner-text .left-content .nav .nav-link:before {
    border: 1px solid #000;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 15px;
    top: 15px;
    content: "";
    border-radius: 50%;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .title p{
	font-size: 16px;
	color: var(--text-color);
	text-align: center;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details{
	width: 33.33%;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner{
	border: 1px solid #e5e5e5;
    background: #fff;
    padding: 35px 25px;
    min-height: 330px;
    border-radius: 5px;
    position: relative;
    transition: all .5s;
	margin: 10px;
}
/* .features-form .features-tabs .inner-text .right-content .tab-content .tab-pane{
	position: relative;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane:after {
    content: "";
    background-image: url(../images/hire-developer/features-tab-background.png);
    position: absolute;
    background-size: contain;
    z-index: 0;
    height: 127px;
    background-repeat: no-repeat;
    width: 180px;
    right: -175px;
    transform: rotate(-90deg);
    top: 27%;
    opacity: .3;
} */
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner:hover{
	box-shadow: -1px 1px 13px 0 rgb(88 88 88 / 15%);
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner img{
    width: 45px;
    height: 45px;
	margin-bottom: 15px;
	object-fit: scale-down;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner h4 {
    font-size: 20px;
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 500;
    line-height: inherit;
    display: flex;
    height: 50px;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner p{
	margin-bottom: 0px;
	font-size: 15px;
	color: var(--text-color);
	line-height: 26px;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner .arrow a {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner .arrow a img{
	height: auto;
	width: auto;
	margin-bottom: 0px;
	display: none;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main .feature-details .features-inner:hover .arrow a img{
	display: block;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials{
	max-width: 66.66%;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content{
    background: #def4ff;
    padding: 35px 25px;
    min-height: 330px;
    border-radius: 5px;
    margin: 10px;
	display: flex;
	align-items: flex-start;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .auto-height{
   min-height: auto !important;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .bg-grey{
	background-color: #fffae0;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content .testimonial-img{
	margin-right: 30px;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content .testimonial-img img{
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content .testimonials-details h4{
	font-size: 22px;
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 500;
	line-height: inherit;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content .testimonials-details h4 span{
	display: block;
    font-size: 17px;
    margin-top: 10px;
}
.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane .box .feature-main  .feature-testimonials .testi-content .testimonials-details p{
	font-size: 16px;
	color: var(--dark);
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 0px;
}

.features-form .product-footer	{
	padding: 50px 0px;
	border-top: 1px solid #eaeaea;
}

.features-form .product-footer .inner-text a{
	width: 350px;
	margin: 0px auto;
	display: block;
}

.features-form .product-footer .inner-text a img{
	width: 100%;
}

.features-form .features-tabs .inner-text .right-content .tab-content .tab-pane{
	display: block;
	margin-bottom: 50px;
}
/* --------------Features form--------------- */
/* -----powering-next-generation-b2b--------- */
.powering-next-generation-b2b{
	padding: 60px 0px;
}
.powering-next-generation-b2b .inner-text p{
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	color: var(--text-color);
	margin: 0px;
}
.powering-next-generation-b2b .inner-text  ul{
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap:50px;
	justify-content: center;
}
.powering-next-generation-b2b .inner-text  ul li{
	width: 30%;
}
.powering-next-generation-b2b .inner-text  ul li  h5 {
    text-align: left;
    color: var(--dark);
    font-size: 20px;
    position: relative;
    margin-bottom: 30px;
}
.powering-next-generation-b2b .inner-text  ul li  h5::after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    right: auto;
    background-color: var(--primary);
}
.powering-next-generation-b2b .inner-text  ul li  p {
    color: var(--text-color);
    font-size: 16px;
    margin-bottom: 0px;
	text-align: left;
	line-height: 28px;
}
.food-delivery-appps-section .cost-estimation{
	padding: 50px 0px;
	background: linear-gradient(to bottom,#4a0a0a 100%,#911111 100%);
}
.food-delivery-appps-section .cost-estimation .inner-text h2{
	color: var(--light);
	text-align: left;
}
.food-delivery-appps-section .cost-estimation .inner-text h2::after{
	right: auto;
}
.food-delivery-appps-section .cost-estimation .inner-text ul{
	margin-top: 50px;
	display: grid;
	gap: 50px;
	grid-template-columns: repeat(2, 1fr);
}
.food-delivery-appps-section .cost-estimation .inner-text ul li h3{
	color: var(--light);
	font-size: 24px;
    margin-bottom: 15px;
}
.food-delivery-appps-section .cost-estimation .inner-text ul li p{
	font-size: 16px;
	color: var(--light);
	line-height: 28px;
}
.food-delivery-appps-section .Food-delivery-app-work{
	padding: 50px 0px;
	background: linear-gradient(253deg,#0e1476,#64aaff);
}
.food-delivery-appps-section .Food-delivery-app-work .inner-text h2{
	color: var(--light);
	text-align: left;
}
.food-delivery-appps-section .Food-delivery-app-work .inner-text h2::after{
	right: auto;
}
.food-delivery-appps-section .Food-delivery-app-work .inner-text p{
	font-size: 18px;
	line-height: 30px;
	color: var(--light);
}
.food-delivery-appps-section .Food-delivery-app-work .left-content {
	padding: 40px;
	border-radius: 30px;
	background-color: var(--light);
}
.food-delivery-appps-section .Food-delivery-app-work .left-content ul{
	margin-left: 30px;
}
.food-delivery-appps-section .Food-delivery-app-work .left-content ul li{
	color: var(--text-color);
	position: relative;
	margin-bottom: 20px;
}
.food-delivery-appps-section .Food-delivery-app-work .left-content ul li strong{
	color: var(--dark);
	font-weight: 600;
}
.food-delivery-appps-section .Food-delivery-app-work .left-content ul li::after {
    position: absolute;
    content: "";
    background-image: url(../images/sport/check.png);
    height: 36px;
    width: 36px;
    left: -32px;
    top: 8px;
    background-repeat: no-repeat;
}
.food-delivery-appps-section .Food-delivery-app-work .right-content img{
	width: 100%;
}

.fantasy-sports-application-development .connect-people-new-way{
	padding: 50px 0px 0px;
}
.fantasy-sports-application-development .connect-people-new-way .inner-text .inner-text2{
	margin-top: 50px;
	background-color: var(--light);
	padding: 50px;
	border-radius: 50px 50px 0px 0px;
}
.fantasy-sports-application-development .connect-people-new-way .inner-text .inner-text2 p{
	font-size: 16px;
	color: var(--text-color);
	line-height: 28px;
}
.fantasy-sports-application-development .connect-people-new-way .inner-text .inner-text2 p a{
	color: #8a4300;
}
.fantasy-sports-application-development .tab-panel-about-toggle{
	padding: 50px 0px 20px;
	background: linear-gradient(131deg,#0e1476,#64aaff);
}




.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:0px 20px;
	margin-bottom: 40px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul li .div{
	display: flex;
	align-items: center;
	border-right: 1px solid var(--light);
	padding-right: 20px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul li:last-child .div{
	border-right: 0px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul li .div .left img{
	margin-right: 20px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul li .div .right h6{
	font-size: 20px;
	color: var(--light);
	margin-bottom: 5px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text1 ul li .div .right p{
	font-size: 16px;
	color: var(--light);
	margin-bottom: 0px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 {
    padding: 50px;
    position: relative;
    border-radius: 50px 0px 0px 0px;
    background-color: var(--light);
    width: 1232px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 h2{
	text-align: left;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 h2::after{
	right: auto;
}

.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content  h5{
	font-size: 22px;
	color: var(--dark);
	margin-bottom: 15px;
	font-weight: 600;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box .left p{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 0px;
	line-height: 28px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box .left p strong{
	font-weight: 500;
	color: var(--dark);
	margin-top: 30px;
	display: block;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box .left  ul{
	margin-left: 30px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box .left  ul li{
	font-size: 16px;
	color: var(--dark);
	margin: 15px 0px;
	font-weight: 500;
	position: relative;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box .left li::after {
    content: "";
    position: absolute;
    background-image: url(../images/sport/check_orange.png);
    padding-left: 30px;
    margin-bottom: 10px;
    left: -30px;
    top: 4px;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills .nav-link{
	text-align: left;
	color: var(--dark);
	border: 1px solid var(--transparent);
	font-weight: 600;
	transition:all .5s ease;
	z-index: 1;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills .nav-link img{
   opacity: 0;
   transition: all .5s ease;
   margin-right: 15px;
}  
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills .nav-link.active{
	background-color: var(--light);
	border: 1px solid #d9d9d9;
    box-shadow: 0 0 16px 2px rgb(0 0 0 / 10%);
	z-index: 1;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills .nav-link.active img{
	opacity: 1;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills{
	position: relative;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .left-content .nav-pills::after{
	position: absolute;
	content: "";
	left: 50px;
	top: 32px;
	width: 2px;
	height: 83%;
	background-color: #c7cff1;
	z-index: 0;
}

.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box  ul.unorder-list-skill{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px 20px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box  ul.unorder-list-skill li img{
	width: 96px;
    height: 96px;
    border-radius: 100%;
    border: 2px solid #f76b1d;
    padding: 10px;
    margin: 0 auto;
	object-fit: none;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box  ul.unorder-list-skill li span{
	display: block;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
.fantasy-sports-application-development .tab-panel-about-toggle .inner-text2 .right-content .tab-content .tab-pane .box  ul.unorder-list-skill li{
	text-align: center;
}



.toggles-support-page .banner{
	background-image: url(../images/support/application-maintenance-banner-bg.jpg);
	background-size: cover;
	background-position: center;
	padding: 91px;
}
/* .toggles-support-page .banner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 84%;
    height: 100%;
    background: linear-gradient(-90deg,rgba(255,255,255,0) 0,#000 50%,#000);
    opacity: 0.85;
    content: "";
} */
.toggles-support-page .banner .inner-text .left-content{
	z-index: 2;
	position: relative;
}
.toggles-support-page .banner .inner-text .left-content h6{
	font-size: 18px;
	color: var(--light);
}
.toggles-support-page .banner .inner-text .left-content h1{
	font-size: 56px;
	font-weight: bold;
	line-height: initial;
}
.toggles-support-page .banner .inner-text .left-content p{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 500;
}



.Innovative-solutions{
	padding: 50px 0px;
}
.Innovative-solutions .inner-text p{
	font-size: 16px;
	text-align: center;
	color: var(--text-color);
	line-height: 28px;
}
.Innovative-solutions .inner-text .inner-div figure{
	overflow: hidden;
    margin-bottom: 15px;
    border-radius: 10px;

}
.Innovative-solutions .inner-text .inner-div figure img{
	width: 100%;
	transition: all .5s ease;
}
.Innovative-solutions .inner-text .inner-div figure img:hover{
	transform: scale(1.2);
}
.Innovative-solutions .inner-text .inner-div h4{
	font-size: 20px;
	font-weight: 600;
	color: var(--dark);
	height: 50px
}
.Innovative-solutions .inner-text .inner-div p{
	text-align: left;
	min-height: 270px;
}
.Innovative-solutions .inner-text .inner-div a.btn-black{
	font-size: 15px;
	padding: 6px 15px;
}
.our-success-story{
	padding: 50px 0px;
}
.our-success-story .inner-text h6{
	font-size: 16px;
	color: var(--dark);
	text-align: center;
}
.our-success-story .inner-text h2{
	margin-bottom: 20px;
}
.our-success-story .inner-text p{
	font-size: 16px;
	color: var(--text-color);
	text-align: center;
}













/* .box{
    color: #fff;
    background: linear-gradient(#0f9b0f, #0f9b0f, #054c05, #054c05);
    font-family: 'Amaranth', sans-serif;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
}
.box:hover img{ 
    opacity: 0.3; 
    filter: grayscale(100%);
}
.box-content{
    width: 100%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 150%;
    left: 50%;
    z-index: 1;
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.box:hover .box-content{ 
    top: 50%;
    opacity: 1; 
    transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.box .title{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 1px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.box .post{
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 12px;
    display: block;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    margin: 0 3px;
    display: inline-block;
}
.box .icon li a{
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    width: 33px;
    height: 33px;
    border: 1px solid #fff;
    display: block;
    transition: all 0.35s;
}
.box .icon li a:hover{
    color: #054c05;
    background: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}
@media only screen and (max-width:990px){
    .box{ margin: 0 0 30px; }
}
 */


/* -----powering-next-generation-b2b--------- */