@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:400,500,700"); * {
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.57143;
font-weight: 400;
color: #2d2e2e;
background:#ffffff;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
margin-top: 0;
}
a {
color: #2d2e2e;
transition: all 0.3s ease 0s;
}
a:hover {
color: #242c42;
text-decoration: none;
}
a, a:hover, a:active, a:focus {
outline: none;
text-decoration: none;
}
.btn, .btn * {
transition: all 0.3s ease 0s;
}
i {
transition: all 0.4s ease-in-out 0s;
}
.transition3s {
transition: all 0.3s ease-in-out 0s;
}
ul, li {
list-style: outside none none;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
button:hover, button:focus {
border: none;
outline: none;
}
#scrollUp {
display: none;
border-radius: 8px; background:#ffbe1d;
-webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.4);
box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.4);
position: fixed;
left: 80px;
bottom: 50px;
width: 50px;
height: 52px;
z-index: 20;
color: #ffffff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
overflow: hidden;
cursor: pointer;
text-align: center;
line-height: 50px;
font-size: 25px;
}
section {
padding: 90px 0;
} .sec-title {
margin-bottom: 40px;
}
.sec-title h2 {
font-size: 32px;
color: #202a30;
font-weight: 600;
margin: 0;
margin-bottom: 15px;
}
.sec-title h2 span {
color: #787878;
opacity: 0.4;
}
.sec-title p {
font-size: 16px;
color: #747474;
margin: 0;
margin-bottom: 20px;
}
.sec-title span.decor {
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #a2a1a1;
background: #fff;
display: inline-block;
position: relative;
z-index: 1;
}
.sec-title span.decor::before {
left: 14px;
}
.sec-title span.decor::before, .sec-title span.decor::after {
content: '';
position: absolute;
top: 5px;
width: 50px;
height: 2px;
background: #cecece;
z-index: -1;
}
.sec-title span.decor::after {
right: 14px;
}
.sec-title span.inner {
width: 6px;
height: 6px;
background: #cecece;
border-radius: 50%;
display: block;
margin: auto;
margin-top: 3px;
} .btn {
-moz-user-select: none; background:#787878;
border: none;
border-radius: 8px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0;
padding: 18px 45px;
text-align: center;
text-transform: unset;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
position: relative; z-index: 999;
}
.btn:hover {
color: #fff;
}
.btn:hover::before {
opacity: 0;
}
.breadcrumb > .active {
color: #888;
}
.btn-after {
width: 100%;
height: 45px;
border: 1px solid #707070;
border-radius: 8px;
margin-top: -28px;
margin-left: 15px;
position: absolute;
transition: all 0.3s ease 0s;
}
.btn.ss-btn {
background: transparent linear-gradient(90deg, #C81912 0%, rgb(13 131 253)  100%) 0% 0% no-repeat padding-box;
box-shadow: 3px 4px 15px #EB3449A6;
color: #fff;
} #dvLoading {
background: url(//primesolutionsqa.com/wp-content/themes/primesolutions/images/loader.gif) no-repeat center center #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999;
} .top-bar {
display: inline-flex;
width: 100%;
background:#0d83fd; padding:0px;
z-index: 10;
position: relative;
}
.top-bar .top-right-nav p {
color: #ffffff;
margin: 6px 0;
font-size: 14px;
}
.top-bar .top-right-nav.text-right {
float: right;
}
.top-bar .top-right-nav ul {
margin: 0;
}
.top-bar ul li {
float: left;
margin-right: 10px;
padding: 0px ;
}
.top-bar .top-right-nav li:first-child {
position: relative;
}
.top-bar .top-right-nav ul li {
margin-right: 5px;
}
.top-bar ul.left-bar li a {
color: rgb(255 255 255);
font-size: 14px; display: block;
margin-right: 15px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding: 7px 0;
}
.top-bar ul.left-bar li a i {
margin-right: 5px;
color: rgb(255 255 255);
}
.top-bar .top-right-nav li a {
color: #fff;
display: block;
line-height: 34px;
border-radius: 50%;
width: 30px;
text-align: center;
}
.top-bar .top-right-nav li:last-child {
margin-right: 0;
}
.top-bar ul li a:hover {
color: #000;
} header {
position: relative;
z-index: 99;
transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
}
header.sticky {
position: -webkit-sticky;
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 1;
visibility: visible;
z-index: 99999;
background:rgb(13 131 253); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header::before { position: absolute;
height: 100%;
left: 50%;
top: 0;
background-color: #fff;
border-bottom-left-radius: 110px;
border-bottom-right-radius: 110px;
width: 100%;
max-width: 1498px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
header.v2:before {
display: none;
}
.header-logo {
padding: 20px 0;
}
header.v2 .header-logo {
padding: 50px 0;
padding-top: 50px;
}
ul.main-menu li a {
font-size: 14px;
text-transform: capitalize;
font-weight:500;
line-height: 32px;
display: block;
position: relative;
padding: 32.7px 0;
text-transform: uppercase;
}
ul.main-menu>li {
display: inline-block;
margin: 0 15px;
position: relative;
}
ul.main-menu>li:last-child {
margin-right: 0;
}
ul.main-menu>li:first-child {
margin-left: 0;
}
ul.main-menu li a:hover {
color: rgb(0, 0, 0);
}
ul.main-menu li.sub-menu-wrap a {
padding-right: 15px !important;
}
ul.main-menu li.sub-menu-wrap>a:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
right: 0;
top: 50%;
margin-top: -4px;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform-origin: 66% 66%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
}
ul.main-menu li.sub-menu-wrap a:hover:before {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
}
ul.main-menu li a.property-btn {
background: rgb(255 196 0);
color: #ffffff;
width: 168px;
height: 45px;
padding: 0;
line-height: 45px;
text-align: center;
text-transform: uppercase; border-radius: 10px;
font-weight: 800;
}
ul.main-menu.v2 li a.property-btn {
background-color: #003769;
}
ul.main-menu li a.property-btn:hover {
color: #003769;
border-color: #003769;
background-color: #fff;
}
ul.main-menu.v2 li.sub-menu-wrap a {
padding-right: 0 !important;
}
ul.main-menu.v2 li.sub-menu-wrap a::before {
display: none;
}
ul.main-menu.v2>li>a:not(.property-btn) {
padding: 55px 0;
padding-bottom: 20px;
} ul.main-menu li ul.sub-menu {
position: absolute;
min-width: 250px;
left: -60px;
top: 100%;
background-color: #fff;
border: 1px solid #ccc;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top;
transform-origin: top;
transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
}
ul.main-menu.v2 li ul.sub-menu {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
border-top: none;
left: -20px;
min-width: 220px;
}
ul.main-menu.v2 li ul.sub-menu::before {
content: '';
position: absolute;
width: 14px;
height: 14px;
background-color: #fff;
top: -7px;
left: 30px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
ul.main-menu li ul.sub-menu li {
margin: 0;
}
ul.main-menu li ul.sub-menu li a {
padding: 10px 15px;
padding-right: 0;
border-bottom: 1px solid #eee;
color:rgb(41 41 41);
}
ul.main-menu li ul.sub-menu li:last-child a {
border-bottom: none;
}
ul.main-menu li ul.sub-menu li a:before {
display: none;
}
ul.main-menu li:hover ul.sub-menu {
opacity: 1;
visibility: visible;
transform: rotateX(0);
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
} .slider-bg {
min-height: 810px;
background-position: center;
background-size: cover;
position: relative;
z-index: 1;
}
.slider-bg::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #003769;
opacity: 0.9;
}
.slider-area {
position: relative;
margin-top: -20px;
padding: 0;
}
.slider-bg2 {
min-height: 900px;
background-position: center;
background-size: cover;
position: relative;
margin-top: -118px;
z-index: 1;
}
.slider-content > span::before {
content: "";
background: #fff;
height: 3px;
float: left;
width: 60px;
margin-top: 10px;
margin-right: 15px;
}
.slider-bg2 .slider-content h2 {
color: #383838;
}
.slider-bg2 .slider-content p {
color: #676f67;
font-size: 16px;
margin-bottom: 0;
}
.slider-bg2 .slider-content > span {
font-size: 22px;
font-weight: 500;
color: #c81912;
display: block;
margin-bottom: 20px;
margin-top: 30px;
}
.slider-bg .video-i {
background: #fff;
padding: 14px;
border-radius: 100%;
width: 51px;
display: inline-block;
text-align: center;
color: #c81912;
;
margin-left: 50px;
}
.slider-bg .video-i:hover {
background: #c81912;
;
color: #fff;
}
.slider-bg2 .video-i {
background: #383838;
padding: 14px;
border-radius: 100%;
width: 51px;
display: inline-block;
text-align: center;
color: #fff;
margin-left: 20px;
}
.slider-bg2 .video-i:hover {
background: #c81912;
padding: 14px;
border-radius: 100%;
width: 51px;
display: inline-block;
text-align: center;
color: #fff;
margin-left: 20px;
}
#particles-js {
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.slider-content {
padding: 50px 0 0;
}
.slider-content > span {
font-size: 16px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: 4.5px;
display: block;
margin-bottom: 20px;
}
.slider-content h2 {
font-size: 43px;
color: #fff;
letter-spacing: 1.8px;
line-height: 1.1;
margin-bottom: 40px;
}
.slider-content h2 span {
color: rgb(13 131 253) ;
}
.slider-content p span {
display: inline-block;
height: 2px;
width: 40px;
background: #c81912;
margin-right: 20px;
position: relative;
top: -4px;
}
.slider-content p {
color: #fff;
font-size: 18px;
}
.slider-btn .btn::before {
content: none;
}
.slider-btn .btn:hover {
box-shadow: none;
}
.p-relative {
position: relative;
}
.down-arrow {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
color: #fff;
z-index: 1;
height: 60px;
width: 30px;
margin: auto;
text-align: center;
line-height: 60px;
border: 2px solid #fff;
border-radius: 50px;
font-size: 18px;
}
.down-arrow:hover {
color: #fff;
}
.slider-active .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 70px;
height: 60px;
width: 60px;
color: #c81912;
font-size: 18px;
line-height: 65px;
border: none;
background: #fff;
border-radius: 50%;
text-align: center;
z-index: 9;
cursor: pointer;
padding: 0;
box-shadow: 4px 2px 0 0 transparent;
transition: .5s;
}
.slider-active .slick-next {
right: 70px;
left: auto;
}
.slider-active .slick-arrow:hover {
box-shadow: 4px 2px 0 0 #c81912;
}
.slider-btn {
display: inline-block;
position: relative;
margin: 15px 0 0;
}
.slider-active .slick-dots {
position: absolute;
top: 70%;
right: 22%;
}
.slider-active .slick-dots li button {
text-indent: -99999px;
border: none;
padding: 0;
height: 1px;
margin-left: 10px;
background: #c81912;
border-radius: 50px;
z-index: 1;
cursor: pointer;
transition: .3s;
width: 0;
}
.slider-active .slick-dots li.slick-active button {
width: 50px;
background: #c81912;
}
.slider-active .slick-dots li.slick-active button::before {
background: url(//primesolutionsqa.com/wp-content/themes/primesolutions/images/active-dote.png);
opacity: 1;
}
.slider-active .slick-dots li button::before {
content: "";
width: 19px;
height: 19px;
background: url(//primesolutionsqa.com/wp-content/themes/primesolutions/images/dote.png);
float: left;
position: relative;
margin-top: -9px;
left: -19px;
border-radius: 50%;
opacity: .7;
background-repeat: no-repeat;
background-position: center;
}
.slider-btn:hover .btn-after {
margin-top: -50px;
margin-left: 0px;
}  .features-sec .single-feature-sec {
position: relative;
-webkit-box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, 0.1);
box-shadow:0px 8px 16px 0px rgba(73, 167, 211, 0.1);
padding: 50px 20px; border-radius: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
margin: 40px 0 0;
border: 1px dotted rgba(73, 167, 211, 0.2);
}
.features-sec .single-feature-sec h2 {
font-size: 32px;
color: rgb(41 41 41);
font-weight:800;
margin-bottom: 5px;
}
.features-sec .single-feature-sec .service-icon { height: 60px; color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s; margin: 0 auto;
margin-bottom: 20px;
}
.features-sec .single-feature-sec .service-icon i {
font-size: 32px;
line-height: 58px;
}
.features-sec .single-feature-sec .service-content p {
margin-bottom: 0;
font-size: 16px;
color: #4f4f4f;
margin-top: 0px;
}
.features-sec .single-feature-sec:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
} .about-content {  margin-top: -5px;
margin-bottom: -3px;
}
.about-content .top-title {
color: rgb(13 131 253) ;
font-size: 16px;
margin-bottom: 5px;
display: block;
}
.about-content h2 {
font-size: 36px;
margin-bottom: 20px;
color: rgb(41 41 41);
font-weight: 800;
}
.about-content h2 span {
color: rgb(13 131 253) ;
text-transform: uppercase;
}
.about-content ul {
margin-top: 20px;
}
.about-content ul li {
position: relative;
font-weight: 500;
font-size: 16px;
padding-left: 35px;
margin-bottom: 20px;
color: var(--heading-color);
}
.about-content ul li:last-child {
margin: 0;
}
.about-content ul li i {
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
background-color: rgb(13 131 253);
border-radius: 50%;
font-size: 12px;
}
.about-content .default-btn {
margin-top: 47px;
display: inline-block;
}
.about-sec .about-content {
max-width: unset;
margin-left: 0;
}
.about-imgwrap .about-img2 {
text-align: right;
}
.about-imgwrap .about-img3 {
position: absolute;
top: 100px;
left: 70px;
}
.about-imgwrap .about-img4 {
position: absolute;
left: 150px;
bottom: 0;
z-index: -1;
}
.about-imgwrap .about-shape1 {
position: absolute;
top: 30px;
left: 0;
z-index: -1;
}
.about-imgwrap .about-shape2 {
position: absolute;
bottom: 0;
right: 0px;
z-index: -2;
}
.about-imgwrap img {
max-width: 100%;
height: auto;
} .home-service {
background: url(//primesolutionsqa.com/wp-content/themes/primesolutions/images/banner-4.jpg) center center no-repeat;
background-size: cover;
position: relative;
z-index: 2;
background-attachment: fixed;
}
.home-service:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:linear-gradient(45deg, #0d83fd, #1668ff);
opacity: 0.95;
z-index: -1;
background-attachment: fixed;
}
.home-service .part-txt h3 {
color: rgb(13 131 253) ;
margin: 0 0 8px;
}
.home-service .part-txt h2 {
font-size: 34px;
line-height: 100%;
font-weight: 600;
text-transform: capitalize;
color: #fff;
margin-bottom: 20px;
}
.about-h1-tag {
font-size: 22px;
}
.home-service .part-txt p {
font-size: 18px;
line-height: 30px;
text-transform: capitalize;
color: #edf4ff;
margin-bottom: 20px;
}
.home-service .part-img {
margin-top: -100px;
}
.home-service .part-img img {
width: 100%;
}
.home-service .btn {
margin: 10px 0 0;
} .services-sec.inner-content-wrapper {
padding:50px 0 90px
} .single-service {
margin-top: 40px;
padding: 20px;
background: #fff;
box-shadow: 0px 10px 80px rgba(0,0,0,0.05);
transition: all 0.3s ease 0s;
}
.single-service:hover {
box-shadow: 0px 10px 80px rgba(0,0,0,0.1);
}
.single-service .icon {
float: left;
text-align: center;
width: 24%;
}
.single-content-box {
display: inline-block;
width: 76%;
}
.single-content-box > h2 {
font-size: 18px;
margin-bottom: 10px;
}
.single-content-box > p {
line-height: 1.5;
margin: 0;
color: #888;
} .services-categories {
position: relative;
margin-bottom: 50px;
background-color: rgba(0,0,0,0.03);
}
.services-categories li {
position: relative;
border: 1px solid #e7e7e7;
border-bottom: 0;
z-index: 9;
}
.services-categories li:last-child {
border-bottom: 1px solid #e7e7e7;
}
.services-categories li:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 4px;
background-color: #dc3545;
content: "";
opacity: 0;
visibility: hidden;
}
.services-categories li.active:before, .services-categories li:hover:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-categories li a {
font-size: 16px;
font-weight: 500;
color: #222222;
line-height: 30px;
padding: 10px 25px;
display: block;
padding-left: 38px;
overflow: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-categories li.active a, .services-categories li:hover a {
color: #ffffff;
}
.services-categories li a:before {
position: absolute;
left: 20px;
top: 10px;
font-size: 12px;
line-height: 30px;
color: #222222;
font-weight: 900;
content: "\f0da";
font-family: "Font Awesome 5 Free";
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-categories li.active a:before, .services-categories li:hover a:before {
color: #ffffff;
}
.services-categories li a:after {
position: absolute;
left: -1px;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: #c81912;
z-index: -1;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.services-categories li.active a:after, .services-categories li:hover a:after {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
} .brochures-box {
position: relative;
margin-bottom: 50px;
}
.brochures-box .inner {
position: relative;
background-color: #2a2e48;
padding: 35px 30px 25px;
}
.brochures-box h4 {
display: block;
font-size: 21px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom: 15px;
}
.brochures-box .text {
font-size: 15px;
line-height: 23px;
color: #ffffff;
margin-bottom: 20px;
}
.brochures-box .theme-btn {
font-size: 14px;
line-height: 20px;
padding: 15px 20px;
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
display: inline-block;
border-radius: 4px;
}
.brochures-box .theme-btn i {
margin-right: 3px;
}
.btn-style-one {
position: relative;
font-size: 16px;
line-height: 20px;
color: #ffffff;
background-color: rgb(13 131 253) ;
padding: 15px 35px;
font-weight: 700;
overflow: hidden;
} .service-detail {
position: relative;
padding-left: 20px;
}
.service-detail .images-box {
position: relative;
margin: 0 -5px;
}
.service-detail .images-box .column {
padding: 0 5px;
}
.service-detail .images-box .image {
position: relative;
margin-bottom: 10px;
}
.service-detail .images-box .image img {
display: block;
width: 100%;
height: auto;
}
.service-detail .content-box {
position: relative;
padding: 20px 0 0;
}
.service-detail .content-box h2 {
position: relative;
display: block;
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
}
.service-detail .content-box h3 {
position: relative;
display: block;
font-size: 32px;
color: #343a40;
font-weight: 500;
margin-bottom: 20px;
}
.service-detail .content-box p {
position: relative;
display: block;
margin-bottom: 26px;
}
.service-detail .two-column {
position: relative;
}
.service-detail .two-column .title {
margin-bottom: 40px;
}
.service-detail .two-column p {
margin-bottom: 25px;
}
.service-detail .two-column .image-column {
position: relative;
margin-bottom: 26px;
}
.service-detail .two-column .image-column .image {
margin-bottom: 0;
}
.service-detail .two-column .text-column {
position: relative;
}
.service-detail .prod-tabs {
position: relative;
}
.service-detail .prod-tabs .tab-btns {
position: relative;
z-index: 1;
border-bottom: 1px solid #dddddd;
}
.service-detail .prod-tabs .tab-btns .tab-btn {
position: relative;
top: 1px;
display: block;
float: left;
margin-right: 5px;
font-size: 16px;
color: #252525;
background: #ffffff;
text-transform: capitalize;
font-weight: 400;
line-height: 23px;
cursor: pointer;
border: 1px solid #e5e5e5;
border-bottom: 0;
padding: 10px 25px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-detail .prod-tabs .tab-btns .tab-btn:before {
position: absolute;
content: '';
top: 0;
left: 50%;
width: 0%;
height: 3px;
background-color: #dc3545;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-detail .prod-tabs .tab-btns .tab-btn:hover:before, .service-detail .prod-tabs .tab-btns .tab-btn.active-btn:before {
width: 100%;
left: 0;
}
.service-detail .prod-tabs .tab-btns .tab-btn:hover:after, .service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after {
position: absolute;
content: '';
left: 0px;
bottom: -3px;
width: 100%;
height: 5px;
background-color: #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.service-detail .prod-tabs .tab-btns .tab-btn:hover, .service-detail .prod-tabs .tab-btns .tab-btn.active-btn {
color: #c81912;
background: #ffffff;
}
.service-detail .prod-tabs .tabs-content {
position: relative;
padding: 25px 30px 45px;
border: 1px solid #dddddd;
}
.service-detail .prod-tabs .tabs-content .tab {
position: relative;
display: none;
border-top: 0px;
}
.service-detail .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.service-detail .prod-tabs .tabs-content .tab .content {
position: relative;
}
.service-detail .prod-tabs .tabs-content .tab .content p {
position: relative;
margin-bottom: 0px;
}
.list-style-one {
position: relative;
display: block;
margin-bottom: 30px;
}
.list-style-one li {
position: relative;
font-weight: 400;
padding-left: 25px;
margin-bottom: 10px;
}
.list-style-one li::before {
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #cb212a;
content: "\f101";
font-weight: 900;
font-family: "Font Awesome 5 Free";
} .pricing-sec {
background: #f6f6f6;
} .pricing-sec .single-box {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background: #fff;
margin: 40px 0 0;
}
.pricing-sec .single-box .top {
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pricing-sec .single-box .top p {
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
background: #003769;
color: #fff;
padding: 10px 0;
margin-bottom: 0;
}
.pricing-sec .single-box .top .icon {
width: 80px;
height: 80px;
line-height: 80px;
background: #edf4ff;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 10px;
text-align: center;
font-size: 30px;
}
.pricing-sec .single-box .top .icon img {
width: 100%;
}
.pricing-sec .single-box .top h3 {
font-size: 30px;
line-height: 100%;
font-weight: 700;
text-transform: capitalize;
color: rgb(41 41 41);
padding-top: 14px;
padding-bottom: 35px;
margin-bottom: 0;
}
.pricing-sec .single-box .middle {
text-align: center;
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pricing-sec .single-box .middle ul {
padding: 0;
margin: 0;
}
.pricing-sec .single-box .middle ul li {
list-style: none;
padding: 10px 0;
font-size: 18px;
text-transform: capitalize;
}
.pricing-sec .single-box .bottom {
text-align: center;
padding: 30px 0 40px;
}
.pricing-sec .single-box:hover {
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
border-color: transparent;
} .team-sec {
padding: 90px 0 70px;
}
.inner-content-wrapper.team-sec {
padding: 50px 0 70px;
} .single-team-sec {
margin-top: 40px;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
text-align: center;
}
.single-team-sec .teacher-img img {
width: 100%;
}
.single-team-sec .teachers-content {
max-width: 90%;
position: relative;
left: 12px;
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
top: -30px;
background: #fff;
padding: 15px 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.single-team-sec .teachers-content h2 {
color: #131313;
font-size: 18px;
font-family: "Poppins", sans-serif;
margin-bottom: 0;
font-weight: 600;
line-height: 1.4;
}
.single-team-sec .teachers-content p {
color: #616161;
font-size: 13px;
margin-bottom: 0;
font-weight: 500;
}
.single-team-sec .teacher-social {
position: absolute;
width: 100%;
bottom: -10%;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.single-team-sec .teacher-social::before {
position: absolute;
content: "";
background: #fff;
width: 90%;
height: 22px;
left: 12px;
bottom: 12px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.single-team-sec .teacher-social ul {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.single-team-sec .teacher-social ul li {
display: inline-block;
}
.single-team-sec .teacher-social ul li a {
width: 35px;
height: 35px;
background: #fff;
-webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 3px rgba(0, 0, 0, 0.05);
border-radius: 50%;
line-height: 35px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
color: rgb(13 131 253) ;
transition: 0.3s;
display: inline-block;
}
.single-team-sec .teacher-social ul li a i {
font-size: 16px;
}
.single-team-sec .teacher-social ul li a:hover {
background: rgb(13 131 253) ;
color: #fff;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.single-team-sec:hover .teacher-social {
opacity: 1;
bottom: 5px;
}
.single-team-sec:hover .teacher-social::before {
-webkit-box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.05);
} .fun-fact {
padding: 90px 0;
background: url(http://via.placeholder.com/2000x1333/000/fff) center center no-repeat;
background-size: cover;
position: relative;
z-index: 2;
}
.fun-fact:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(41 41 41);
opacity: 0.95;
z-index: -1;
}
.fun-fact .single-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.fun-fact .single-box .icon {
margin-right: 15px;
width: 45px;
color: rgb(13 131 253) ;
font-size: 50px;
}
.fun-fact .single-box .icon img {
width: 100%;
}
.fun-fact .single-box .txt h2 {
font-size: 50px;
line-height: 100%;
font-weight: 500;
color: #edf4ff;
margin-top: -9px;
margin-bottom: 10px;
}
.fun-fact .single-box .txt p {
font-size: 17px;
line-height: 100%;
font-weight: 500;
text-transform: uppercase;
color: #edf4ff;
margin-bottom: -3px;
letter-spacing: 1;
} .inner-content-wrapper.testimonials-sec {
padding: 50px 0 90px;
}
.review-box {
padding: 40px;
background-color: #f7f7f7;
margin: 40px 0 0;
}
.members-rating ul li {
display: inline-block;
color: #ffc600;
margin-bottom: 10px;
}
.author-desination-2 h4 {
font-size: 18px;
margin-bottom: 7px;
}
.author-desination-2 h6 {
color: rgb(13 131 253) ;
text-transform: capitalize;
letter-spacing: 0;
margin: 0;
}
.testimonials-sec .author-ava {
margin-right: 15px;
}
.testimonials-sec .author-ava img {
border-radius: 50%;
} .blog-sec {
background-color: #f7f7f7;
}
.inner-content-wrapper.blog-sec {
padding: 50px 0 90px;
background: #fff;
} .single-blog-sec .inner-box {
position: relative;
display: block;
background: #fff;
transition: all 500ms ease;
box-shadow: 0px 10px 80px rgba(0,0,0,0.05);
margin: 40px 0 0;
}
.single-blog-sec .inner-box:hover {
background: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.single-blog-sec .inner-box .image-box {
position: relative;
display: block;
overflow: hidden;
background: #000;
}
.single-blog-sec .inner-box .image-box::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.single-blog-sec .inner-box:hover .image-box::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.single-blog-sec .inner-box .image-box img {
width: 100%;
-webkit-transition-delay: .2s;
transition-delay: .2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
}
.single-blog-sec .inner-box:hover .image-box img {
transform: scale(1.05);
opacity: 0.2;
}
.single-blog-sec .inner-box .lower-content {
position: relative;
padding: 39px 30px 36px 35px;
}
.single-blog-sec .inner-box .lower-content .post-date {
position: absolute;
right: 30px;
top: -58px;
width: 78px;
height: 78px;
border-radius: 2px;
text-align: center;
padding: 12px 10px;
z-index: 2;
background: rgb(13 131 253) ;
}
.single-blog-sec .inner-box .lower-content .post-date h2 {
position: relative;
display: block;
font-size: 36px;
line-height: 36px;
font-weight: 600;
color: #fff;
margin: 0px;
}
.single-blog-sec .inner-box .lower-content .post-date span {
position: relative;
display: block;
font-size: 13px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
margin: 0px;
}
.single-blog-sec .inner-box .lower-content h3 {
margin-bottom: 12px;
font-size: 25px;
font-weight: 600;
}
.single-blog-sec .inner-box .lower-content .post-info {
position: relative;
display: block;
padding-bottom: 14px;
margin-bottom: 28px;
}
.single-blog-sec .inner-box .lower-content .post-info:before {
position: absolute;
content: '';
width: 40px;
height: 3px;
left: 0px;
bottom: 0px;
background: rgb(13 131 253) ;
}
.single-blog-sec .inner-box .lower-content .post-info li {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 300;
color: #555;
margin-right: 20px;
}
.single-blog-sec .inner-box .lower-content .post-info li:before {
position: absolute;
content: '';
background: #8a8b8c;
width: 1px;
height: 17px;
top: 6px;
right: -13px;
}
.single-blog-sec .inner-box .lower-content .post-info li:last-child:before {
display: none;
}
.single-blog-sec .inner-box .lower-content .post-info li:last-child {
margin-right: 0px;
}
.single-blog-sec .inner-box .lower-content .post-info li a {
display: inline-block;
color: #555;
}
.single-blog-sec .inner-box .lower-content .post-info li a:hover {
}
.single-blog-sec .inner-box .lower-content .link a {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #555555;
}
.single-blog-sec .inner-box .lower-content .link a i {
position: relative;
font-size: 16px;
margin-left: 10px;
color: #2d5883;
} .news-block-one .inner-box {
position: relative;
display: block;
transition: all 500ms ease;
}
.news-block-one .inner-box .image-box {
position: relative;
display: block;
overflow: hidden;
background: #000;
}
.news-block-one .inner-box .image-box img {
width: 100%;
-webkit-transition-delay: .2s;
transition-delay: .2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: all;
transition-property: all;
}
.blog-details-content .news-block-one .inner-box .lower-content {
padding: 48px 0px 0px 0px;
position: relative;
}
.news-block-one .inner-box .lower-content .post-date {
right: inherit;
left: 50px;
top: -40px;
width: 165px;
height: 50px;
padding: 15px 10px;
border-radius: 2px;
background: #c81912;
position: absolute;
color: #fff;
text-align: center;
}
.news-block-one .inner-box .lower-content h2 {
position: relative;
display: block;
font-size: 30px;
line-height: 38px;
font-weight: 600;
margin-bottom: 12px;
}
.news-block-one .inner-box .lower-content .post-info::before {
position: absolute;
content: '';
width: 40px;
height: 3px;
left: 0px;
bottom: 0px;
background: #c81912;
}
.news-block-one .inner-box .lower-content .post-info {
position: relative;
display: block;
padding-bottom: 14px;
margin-bottom: 28px;
}
.news-block-one .inner-box .lower-content .post-info li {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 300;
color: #555;
margin-right: 20px;
}
.inner-box .lower-content p {
margin-bottom: 22px;
}
.two-column .image-box img {
width: 100%;
}
.blog-details-content .news-block-one .inner-box .lower-content .text blockquote {
position: relative;
display: block;
background: #eff2f5;
padding: 38px 70px 43px 65px;
margin: 40px 0px 37px 0px;
border-left: 3px solid #c81912;
}
.blog-details-content .news-block-one .inner-box .lower-content .text blockquote i {
position: absolute;
right: 45px;
bottom: 30px;
font-size: 50px;
line-height: 50px;
background: #c81912;
}
.blog-details-content .news-block-one .inner-box .lower-content .text blockquote h5 {
position: relative;
font-size: 18px;
font-weight: 600;
margin: 0px;
color: #222222;
}
.blog-details-content .two-column .text h3 {
margin-bottom: 15px;
position: relative;
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 600;
transition: all 500ms ease;
}
.blog-details-content .two-column .text p {
margin-bottom: 32px;
}
.blog-details-content .two-column .text ul li::before {
position: absolute;
content: "\f30b";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 600;
left: 0px;
top: 0px;
}
.blog-details-content .two-column .text ul li {
position: relative;
display: block;
font-size: 15px;
color: #222;
margin-bottom: 6px;
padding-left: 25px;
}
.blog-details-content .two-column .lower-box {
position: relative;
display: block;
margin-top: 35px;
margin-bottom: 30px;
}
.blog-details-content .post-share-option {
position: relative;
display: block;
background: #eff2f5;
padding: 20.5px 35px;
margin-bottom: 62px;
}
.blog-details-content .pull-left {
float: left;
}
.blog-details-content .pull-right {
float: right;
}
.blog-details-content .post-share-option .social-links li {
margin-right: 25px;
}
.blog-details-content .post-share-option ul li {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #222;
}
.blog-details-content .post-share-option .social-links li a {
position: relative;
color: #2d5883;
font-size: 14px;
}
.blog-details-content .comments-area {
position: relative;
display: block;
margin-bottom: 62px;
}
.blog-details-content .comments-area .group-title {
margin-bottom: 50px;
}
.group-title::before {
position: absolute;
content: '';
width: 40px;
height: 3px;
left: 0px;
bottom: 0px;
background: #c81912;
}
.group-title h2 {
position: relative;
display: block;
font-size: 32px;
line-height: 45px;
color: #222;
font-weight: 600;
margin: 0px;
}
.group-title {
position: relative;
display: block;
padding-bottom: 17px;
margin-bottom: 27px;
}
.blog-details-content .comments-form-area .group-title {
margin-bottom: 47px;
}
.blog-details-content .comments-form-area .comment-form .form-group input[type="text"], .blog-details-content .comments-form-area .comment-form .form-group input[type="email"], .blog-details-content .comments-form-area .comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 56px;
border: 1px solid #e4e4e4;
font-size: 15px;
font-weight: 300;
color: #222;
padding: 10px 20px;
transition: all 500ms ease;
}
.blog-details-content .comments-form-area .comment-form .form-group textarea {
height: 200px;
resize: none;
}
.blog-details-content .comments-area .comment-box .comment {
position: relative;
display: block;
padding-left: 100px;
margin-bottom: 25px;
}
.blog-details-content .comments-area .comment-box .comment .thumb-box {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
overflow: hidden;
}
.blog-details-content .comments-area .comment-box .comment .thumb-box img {
width: 100%;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner {
position: relative;
display: block;
border: 1px solid #e4e4e4;
padding: 29px 30px 26px 50px;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner .comment-info {
margin-bottom: 9px;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner .comment-info h5 {
position: relative;
display: block;
font-size: 18px;
line-height: 26px;
font-weight: 600;
margin-bottom: 0px;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner .comment-info .comment-time {
position: relative;
display: block;
font-size: 13px;
line-height: 22px;
font-style: italic;
color: #222;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner p {
margin-bottom: 15px;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner a {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: #C81912;
}
.blog-details-content .comments-area .comment-box .comment .comment-inner a i {
font-size: 14px;
margin-left: 8px;
color: #2d5883;
}
.blog-details-content .comments-form-area .comment-form .form-group i {
margin-right: 10px;
}
.sidebar-page-container .sidebar .sidebar-search {
position: relative;
margin-bottom: 35px;
}
.sidebar-page-container .sidebar .sidebar-search .form-group {
position: relative;
margin: 0px;
}
.sidebar-page-container .sidebar .sidebar-search .form-group input[type="search"] {
position: relative;
display: block;
width: 100%;
height: 60px;
background: #0c2136;
font-size: 15px;
color: #fff;
font-weight: 300;
padding: 10px 90px 10px 20px;
transition: all 500ms ease;
}
.sidebar-page-container .sidebar .sidebar-search .form-group button {
position: absolute;
top: 16px;
right: 27px;
font-size: 17px;
font-weight: 600;
color: #fff;
background: transparent;
cursor: pointer;
transition: all 500ms ease;
border:none;
}
.sidebar-page-container .blog-sidebar .sidebar-categories-2 {
background: transparent;
border: 1px solid #e0e6ed;
margin-bottom: 35px;
}
.sidebar-page-container .sidebar .sidebar-categories-2 .widget-title {
padding-bottom: 20px;
}
.sidebar-page-container .sidebar .widget-title::before {
position: absolute;
content: '';
width: 40px;
height: 3px;
left: 0px;
bottom: 0px;
background: #ec4e4f;
}
.sidebar-page-container .sidebar .widget-title {
position: relative;
display: block;
padding-bottom: 15px;
margin-bottom: 36px;
}
.sidebar-page-container .sidebar .widget-title .dotted-box .dotted {
position: absolute;
left: 43px;
width: 3px;
height: 3px;
bottom: 0px;
background: #ec4e4f;
}
.sidebar-page-container .sidebar .widget-title .dotted-box .dotted:nth-child(2) {
left: 49px;
}
.sidebar-page-container .sidebar .widget-title .dotted-box .dotted:last-child {
left: 55px;
}
.sidebar-page-container .sidebar .sidebar-categories-2 .categories-list li {
position: relative;
display: block;
margin-bottom: 8px;
}
.sidebar-page-container .sidebar .sidebar-categories-2 .categories-list li a::before {
position: absolute;
content: '';
background: #d2dbe4;
width: 1px;
height: 100%;
left: 28px;
top: 0px;
}
.sidebar-page-container .sidebar .sidebar-categories-2 .categories-list li a {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
color: #222;
padding: 2px 0px;
padding-left: 52px;
}
.sidebar-page-container .sidebar .sidebar-categories-2 .categories-list li a::after {
position: absolute;
content: "\f30b";
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-weight: 600;
color: #c8d1db;
left: 0px;
top: 0px;
transition: all 500ms ease;
}
.sidebar-page-container .sidebar .sidebar-categories-2 {
padding: 25px;
}
.sidebar-page-container .blog-sidebar .sidebar-post {
padding: 25px;
border: 1px solid #e0e6ed;
margin-bottom: 35px;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post {
position: relative;
display: block;
padding-left: 100px;
margin-bottom: 30px;
min-height: 76px;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post .post-thumb {
position: absolute;
left: 0px;
top: 1px;
width: 80px;
height: 80px;
overflow: hidden;
background: #0c2136;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post .post-thumb img {
width: 100%;
transition: all 500ms ease;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post h5 {
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 8px;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post h5 a {
display: inline-block;
color: #222;
}
.sidebar-page-container .blog-sidebar .sidebar-post .post-inner .post .post-date {
position: relative;
display: block;
font-size: 13px;
line-height: 20px;
color: #2d5883;
}
.sidebar-page-container .blog-sidebar .sidebar-support {
position: relative;
display: block;
background: #2d5883;
margin-bottom: 35px;
}
.sidebar-page-container .blog-sidebar .sidebar-support .image-box img {
width: 100%;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box {
position: relative;
padding: 20px 35px 8px 35px;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li {
position: relative;
display: block;
padding-left: 50px;
padding-bottom: 30px;
margin-bottom: 25px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li {
position: relative;
display: block;
padding-left: 50px;
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li i {
position: absolute;
left: 0px;
top: 9px;
font-size: 30px;
line-height: 35px;
color: #fff;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li h3 {
position: relative;
display: block;
font-size: 18px;
line-height: 32px;
color: #fff;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li h3 a {
display: inline-block;
color: #fff;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li p {
font-weight: 400;
color: rgba(255,255,255,0.5);
margin-bottom: 0px;
}
.sidebar-page-container .blog-sidebar .sidebar-support .content-box li:last-child {
margin-bottom: 0px;
border-bottom: none;
}
.sidebar-page-container .blog-sidebar .sidebar-assessment {
background: transparent;
border: 1px solid #e0e6ed;
}
.sidebar-page-container .sidebar .sidebar-assessment {
padding: 25px;
}
.sidebar-page-container .sidebar .widget-title h3 {
color: #2d5883;
margin: 0px;
font-size: 24px;
line-height: 32px;
}
.sidebar-page-container .sidebar .sidebar-assessment .assessment-form .form-group input[type="text"], .sidebar-page-container .sidebar .sidebar-assessment .assessment-form .form-group input[type="email"], .sidebar-page-container .sidebar .sidebar-assessment .assessment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 56px;
background: #fff;
border: 1px solid #fff;
border-radius: 2px;
font-size: 15px;
font-weight: 300;
color: #222;
padding: 10px 20px;
border-color: #e0e6ed;
}
.sidebar-page-container .sidebar .sidebar-assessment .assessment-form .form-group textarea {
height: 132px;
resize: none;
margin-bottom: 25px;
}
.sidebar-page-container .sidebar .sidebar-assessment .assessment-form .form-group .theme-btn-two i {
margin-right: 10px;
} .clinets-wrapper {
width: 100%;
padding: 70px 0;
position: relative;
}
.clinets-wrapper .owl-carousel .owl-item img {
width: auto;
}
.clinets-wrapper .owl-dots {
display: none;
} .breadcrumb-area::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background:linear-gradient(140deg,#000000,#4a4a4a);
opacity: 0.9;
}
.breadcrumb-area {
background-position: center;
background-size: cover;
position: relative;
background-image: url(//primesolutionsqa.com/wp-content/themes/primesolutions/images/breadcrumb.jpg);
margin-top: -108px;
padding: 160px 0 90px;
}
.breadcrumb {
display: inline-block;
-ms-flex-wrap: wrap;
flex-wrap: unset;
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: unset;
border-radius: 0;
}
.breadcrumb li {
display: inline-block;
font-size: 18px;
}
.breadcrumb li a {
font-size: 16px;
color: #ddd;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 15px;
padding-left: 10px;
color: #ddd;
content: ">";
}
.breadcrumb-title h2 {
font-size: 60px;
margin-bottom: 25px;
line-height: 1;
color: #fff;
}
.breadcrumb-title p {
margin-bottom: 0;
padding: 0 40px;
color: #fff;
font-size: 16px;
}
.breadcrumb > .active {
color: rgb(13 131 253) ;
font-weight: 500;
}  .single-gallery {
margin-bottom: 30px;
-webkit-transition:  all ease .5s;
transition: all ease .5s;
position: relative;
}
.single-gallery img {
width: 100%;
}
.single-gallery a {
transition: all ease .5s;
display: inline-block;
}
.single-gallery a i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 50px;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition:  all ease .5s;
transition: all ease .5s;
}
.single-gallery:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.single-gallery:hover a i {
-webkit-transform: scaleX(1);
transform: scaleX(1);
color: rgb(13 131 253) ;
} .faq-sec .faq-accordion .accordion {
padding: 0;
margin: 0;
}
.faq-sec .faq-accordion .accordion .accordion-item {
display: block;
margin-bottom: 12px;
}
.faq-sec .faq-accordion .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-title {
padding: 15px 20px;
color: #003769;
position: relative;
background: transparent;
border-radius: 2px;
font-size: 18px;
font-weight: 600;
display: block;
border: 1px solid #003769;
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-title i {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #C81912;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 15px;
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-title.active {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
background-color: #fff;
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-title.active i::before {
content: "\f068";
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-content {
display: none;
background-color: #fff;
margin-bottom: 0;
padding: 20px 15px;
font-size: 15px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
z-index: 1;
position: relative;
}
.faq-sec .faq-accordion .accordion .accordion-item .accordion-content.show {
display: block;
} .error-sec .inner-section h1 {
color: #001064;
font-size: 250px;
font-weight: 800;
letter-spacing: 14px;
line-height: 200px;
}
.error-sec .inner-section h1 span {
color: #ff4800;
}
.error-sec .inner-section p {
color: #001064;
letter-spacing: .2px;
font-weight: 600;
line-height: 30px;
} .contact-sec h2 {
color: #23282A;
font-size: 30px;
text-transform: capitalize;
font-weight: 600;
margin: 0;
margin-bottom: 35px;
}
.contact-sec .contact-form textarea, .contact-sec .contact-form input {
width: 100%;
height: 50px;
border: 1px solid #D5D5D5;
outline: none;
padding-left: 20px;
line-height: 45px;
margin-bottom: 20px;
}
.contact-sec .contact-form textarea {
height: 220px;
}
.contact-sec .contact-info {
padding: 0;
}
.contact-sec .contact-info li {
list-style: none;
margin-bottom: 23px;
}
.contact-sec .contact-info li {
list-style: none;
}
.contact-sec .contact-info li .icon-box, .contact-sec .contact-info li .content-box {
display: table-cell;
vertical-align: top;
}
.contact-sec .contact-info li .icon-box .inner {
width: 70px;
height: 70px;
background: rgb(13 131 253) ;
border-radius: 50%;
text-align: center;
line-height: 70px;
color: #fff;
font-size: 30px;
margin-right: 25px;
}
.contact-sec .contact-info li .content-box h4 {
margin: 0;
font-size: 14px;
text-transform: uppercase;
color: #000000;
font-weight: bold;
margin-bottom: 10px;
}
.contact-sec .contact-info li .content-box p {
color: #555252;
line-height: 26px;
}
.google-map {
width: 100%;
pointer-events: none;
margin: 60px 0 0;
}
.google-map iframe {
width: 100%;
border: none;
height: 400px;
margin: 0 0 -6px;
} .footer-sec {
background-color: transparent; background-position: center top;
background-size: cover;
position: relative;
padding: 90px 0 50px;
}
.footer-sec:before {
background:linear-gradient(306deg,#5b5b5b,#292929);
opacity: 0.95;
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.footer-sec .footer .footer-upper {
padding: 75px 0 65px;
}
.footer-sec .footer-widget h3.title {
margin-bottom: 35px;
position: relative;
}
.footer-widget h3.title {
font-size: 20px;
text-transform: capitalize;
font-weight: bold;
color: #FEF9F9;
margin: 0;
margin-bottom: 24px;
}
.footer-sec .footer-widget h3.title:after {
background: rgb(13 131 253) ;
bottom: -15px;
content: "";
display: block;
height: 2px;
left: 0;
margin-top: 0;
position: absolute;
width: 40px;
}
.footer-sec .footer-widget.quick-links ul li {
border-bottom: 1px dashed #454545;
margin-bottom: 8px;
}
.footer-sec .footer-widget.quick-links ul li a {
color: #c9c9c9;
display: block;
font-size: 14px;
line-height: 22px;
padding-bottom: 7px;
padding-left: 15px;
position: relative;
}
.footer-sec .footer-widget.quick-links ul li a:before {
color: #ffffff;
content: '\f105';
font-family: "FontAwesome";
font-size: 12px;
left: 0;
line-height: 16px;
position: absolute;
top: 2px;
}
.footer-sec .footer-widget.quick-links ul li a:hover {
color: rgb(13 131 253) ;
}
.footer-sec .footer-widget.latest-post ul {
margin-top: 0;
}
.footer-sec .footer-widget.news-post ul li {
border-bottom: 1px dashed #454545;
margin-bottom: 12px;
padding-bottom: 12px;
}
.footer-sec .footer-widget.news-post ul li span.border {
float: left;
max-width: 70px;
border:none !important;
}
.footer-sec .footer-widget.news-post ul li span.border img {
width: 100%;
}
.footer-sec .footer-widget.news-post ul li span.border:before {
display: none;
}
.footer-sec .footer-widget.news-post ul li .content {
top: -5px;
}
.footer-sec .footer-widget.news-post ul li a {
font-size: 13px;
line-height: 22px;
}
.footer-sec .footer-widget.news-post ul li:hover a {
color: #fff;
}
.footer-sec .footer-widget.news-post ul li .content span {
color: #fff;
font-size: 12px;
font-style: italic;
font-weight: 500;
line-height: 1;
margin-top: 9px;
}
.footer-sec .footer-widget.contact-widget input, .footer-sec .footer-widget.contact-widget textarea {
background: rgba(255, 255, 255, 0.2);
border: 1px solidrgba(255, 255, 255, 0.2);
color: #fff;
margin: 0 0 8px;
}
.footer-sec .footer-widget.contact-widget input {
height: 45px;
width: 100%;
}
.footer-sec .footer-widget.contact-widget textarea {
height: 100px;
padding-top: 10px;
}
.footer-sec .footer-widget.contact-widget button {
height: 45px;
line-height: 45px;
}
.footer-sec .footer-bottom {
background: #262626;
border-top: none;
padding: 15px 0;
}
.footer-sec .footer-bottom p {
color: #ccc;
font-size: 12px;
}
.footer-widget.about-widget img {
margin-bottom: 0;
}
.footer-widget.about-widget p {
color: #C9C9C9;
font-size: 13px;
line-height: 27px;
margin: 0;
}
.footer-widget .contact {
margin-top: 21px;
}
.footer-widget .contact li {
font-size: 13px;
color: #C9C9C9;
margin-bottom: 18px;
}
.footer-widget .contact li i {
font-size: 16px;
color: #FFFFFF;
width: 18px;
text-align: center;
padding-right: 18px;
}
.footer-widget .contact li i, .footer-widget .contact li span {
display: table-cell;
vertical-align: middle;
}
.footer-widget .social {
margin-top: 30px;
}
.footer-widget .social li {
display: inline-block;
}
.footer-widget .social li a {
display: inline-block;
width: 30px;
height: 30px;
color: #fff;
border: 1px solid #fff;
line-height: 30px;
text-align: center;
font-size: 14px;
border-radius: 50%;
margin-right: 3px;
transition: all .3s ease;
}
.footer-widget .social li a:hover {
background: rgb(13 131 253) ;
border-color: rgb(13 131 253) ;
color: #fff;
}
.footer-widget.latest-post ul li a {
display: block;
color: #C9C9C9;
font-size: 13px;
line-height: 25px;
transition: all .3s ease;
}
.footer-widget.latest-post ul li .content {
padding-left: 18px;
display: table-cell;
vertical-align: top;
position: relative;
top: -8px;
}
.footer-widget.contact-widget input, .footer-widget.contact-widget textarea {
width: 100%;
height: 50px;
background: #2C353C;
color: #C9C9C9;
font-size: 13px;
margin-bottom: 10px;
border: none;
outline: none;
padding: 0 20px;
}
.footer-widget.contact-widget button {
width: 100%;
height: 50px;
background: rgb(13 131 253) ;
color: #fff;
text-transform: uppercase;
font-size: 13px;
border: none;
outline: none;
padding: 0;
line-height: 50px;
font-weight: bold;
transition: all .3s ease;
}
.copyright {
background: rgb(13 131 253);
color: #fff;
padding: 15px 0px;
float: left;
width: 100%;
}
.copyright p {
margin: 0;
}
.copyright span.color {
color: #fff;
} .tally-clu-btn { background: rgb(13 131 253);
color: #fff;
padding: 18px 38px;
border-radius: 3px;
font-size: 18px;
}
.clou-para {
line-height: 34px;
font-size: 17px;
margin-bottom: 46px;
}
.clud-img {
width: 100%;
} .tally-cl-h2 {
font-size: 38px;
color: rgb(41 41 41);
font-weight: 800;
}
.tally-cl-h1 {
font-size: 34px;
color: #ed483a;
margin: 30px 0px 20px;
font-weight: 600;
}
.model-width span.wpcf7-not-valid-tip {
position: absolute;
margin-top: -55px;
right: 4px;
}
.model-width input.wpcf7-form-control.has-spinner.wpcf7-submit {
background: rgb(13 131 253) !important;
}
.quote-title {
text-align: center;
width: 100%;
font-weight: bold;
color: #fff;
}
.quote-head {
background: rgb(41 41 41);
}
.gt-btn {
background: #28a745;
box-shadow: 3px 4px 15px #EB3449A6;
color: #fff;
}
.model-width {
max-width: 460px;
margin: auto;
}
#getQuote {
z-index: 100000;
}
.row.banner-top {
margin-top: 20px;
}
img.hm-img-zh {
width: 100%;
}
.but_tally_demo {
background: rgb(13 131 253) ;
color: #ffffff;
padding: 17px;
font-weight: bold;
margin: 15px 0;
}
.tally_btn {
width: 100%;
text-align: center;
margin: 20px 0;
}
.auth {
font-size: 14px;
color: rgb(13 131 253);
}
.zoho_login_head li a {
width: 100px !important;
height:auto;
border-radius: 0px !important;
}
ul.zoho_login_head li {
padding: 0px 6px 2px 8px;
margin: 0px 4px; }
li.zoho_books_color {
background: rgb(69 135 255);
}
li.zoho_inventery_color {
background: #8d8d8d;
} @media (min-width: 992px) and (max-width: 1199.98px) { header::before {
left: 0;
top: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
max-width: 100%;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.header-logo {
padding: 35px 0 0;
}
}
@media (min-width:768px) and (max-width: 991.98px) { header::before {
left: 0;
top: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
max-width: 100%;
transform: translateX(0);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
} .about-imgwrap {
margin: 40px 0 0;
}
.about-imgwrap .about-img4 {
display: none;	
}
.about-imgwrap .about-shape1, .about-imgwrap .about-shape2 {
display: none;
} .sidebar.blog-sidebar {
margin:40px 0 0;
}
}
@media (max-width: 992px) { .mean-container a.meanmenu-reveal {
top: 1px;
right: 5px !important;
}
ul.main-menu li.sub-menu-wrap a {
padding-right: 0 !important;
}
ul.main-menu li.sub-menu-wrap a::before {
display: none;
}
ul.main-menu>li {
display: block;
margin: 0 0;
}
ul.main-menu li ul.sub-menu {
position: static;
min-width: 100%;
left: 0;
top: 100%;
background-color: #fff;
border-top: none;
opacity: 1;
visibility: visible;
transform: rotateX(0);
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
}
ul.sub-menu li {
border-bottom: none !important;
background-color: #e5edff !important;
padding-left: 10px !important;
width: auto !important;
float: none !important;
}
ul.sub-menu li a:hover {
color: #003769;
}
ul.main-menu li a.property-btn {
background-color: transparent;
color: rgb(13 131 253) ;
width: auto;
height: auto;
padding: 10px 15px;
line-height: 32px;
text-align: left;
text-transform: capitalize;
border: none;
}
ul.main-menu.v2 li ul.sub-menu::before {
display: none;
} .fun-fact {
padding: 90px 0 40px;
}
.fun-fact .single-box {
margin-bottom: 30px;
}
.fun-fact .single-box .txt h2 {
font-size: 35px;
margin-bottom: 5px;
} .contact-form .btn {
margin-bottom: 50px;
} .footer-widget.news-post {
margin-top: 30px;
}
.footer-widget.contact-widget {
margin-top: 30px;
}
}
@media (max-width: 767.98px) { header .container {
max-width: 100%;
}
header::before {
left: 0;
top: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
max-width: 100%;
transform: translateX(0);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
}
.mean-nav .main-menu {
height: 340px;
overflow-y: scroll;
} .slider-content h2 {
font-size: 40px;
margin-bottom: 15px;
} .breadcrumb-title h2 {
font-size: 40px;
margin-bottom: 15px;
} .about-content h2 {
font-size: 30px;
line-height: 40px;
}
.about-imgwrap {
margin: 40px 0 0;
}
.about-imgwrap .about-img3 {
display: none;
}
.about-imgwrap .about-img4 {
display: none;	
}
.about-imgwrap .about-shape1, .about-imgwrap .about-shape2 {
display: none;
} .home-service .part-txt h3 {
font-size: 24px;
}
.home-service .part-txt h2 {
font-size: 28px;
} .error-sec .inner-section h1 {
font-size: 135px;
line-height: 180px;
} .sidebar.blog-sidebar {
margin:30px 0 0;
}
.sidebar-page-container .sidebar .sidebar-assessment {
padding: 25px;
} .contact-form .btn {
margin-bottom: 50px;
} .footer-widget.about-widget {
margin-bottom: 40px;
}
.footer-widget.news-post {
margin-top: 30px;
}
.footer-widget.news-post {
margin-top: 30px;
}
.footer-widget.contact-widget {
margin-top: 30px;
}
}
@media (max-width: 567.98px) { .fun-fact .single-box {
justify-content: flex-start;
padding: 0 50px;
margin-bottom: 30px;
}
.fun-fact .single-box .icon {
margin-right: 25px;
}
} .header-logo {
padding: 8px 0;
position: relative;
z-index: 10;
display: inline-block;
}
.header-logo img {
width: 244px;
}
h3.wp-block-heading {
display: inline-block;
width: 100%;
margin-top: 15px;
}
.service-detail ul {
padding-left: 30px;
width: 100%;
}
.service-detail ul li {
list-style: circle;
}
.tally .wp-block-columns.is-layout-flex.wp-container-4 {
display: flex;
}
.service-icon img {
width: 150px;
}
.our-services-section.features-sec .single-feature-sec .service-icon {
width: 60px;
height: 60px; background:rgb(13 131 253);
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 20px;
}
.our-services-section.features-sec .single-feature-sec .service-icon i {
font-size: 32px;
line-height: 58px;
}
.tally-image img {
width: 100%;
height: auto;
}
.wpcf7-submit { color: #fff;
font-weight: 800;
background: rgb(13 131 253);
}
.wpcf7-form label {
width: 100%;
}
.screen-reader-response {
display: none;
}
span.wpcf7-not-valid-tip {
color: red;
}
.wpcf7-response-output {
font-size: 16px;
font-weight: 500;
}
.footer-widget .contact li a {
color: #C9C9C9;
}
.modal-body input,.modal-body textarea {
border: 1px solid #ccc;
margin-bottom: 20px;
padding: 10px;
width: 100%;
border-radius: 4px;
}
.modal-body textarea {
height: 99px;
}
.about-us-sec {
border: 1px solid #eee;
padding: 25px 20px;
}
.about-us-sec i {
font-size: 52px;
margin-bottom: 10px;
color: #0d83fd;
}
.why-choose-us-title {
font-size: 34px;
line-height: 100%;
font-weight: 600;
text-transform: capitalize;
}
@media screen and (max-width:767px) {
.top-bar {
display: none;
}
.header-logo img {
width: 220px;
position: relative;
left: -50px;
}
}
.clud-img {
animation: up-down 2s ease-in-out infinite alternate-reverse both;
} @keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@keyframes right-left {
0% {
transform: translateX(10px);
}
100% {
transform: translateX(-10px);
}
} img.serv-img {
width: 100%;
box-shadow: 2px 10px 18px lightblue;
}
.serv-h2 {
color: rgb(41 41 41);
font-weight: 800;
margin-top: 24px;
margin-right: 12px;
font-size: 42px;	}
.inner-serv-right-1 {
padding-inline-start: 50px;
}
.serv-p {
font-size: 18px; }
.iserv-h3 {
color: rgb(13 131 253);  }
.serv-img{
animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.home-sec {
background: url(https://primesolutionsqa.com/wp-content/uploads/2025/07/tally-zoho-bg-5.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} position: absolute;
top: 0px;
opacity: 0.95; 
z-index: -1;
background:linear-gradient(334deg, rgb(231 242 255) 0%, rgb(255 255 255) 50%, rgb(236 239 255) 100%);
}*/
.down-arow {
width: 100%; position: absolute;
text-align: center;  }
.down-arow .fa-angle-down {
font-size: 34px;
border-radius: 50%;
border: 1px solid #282828;
color: #282828;
padding: 6px 14px;
animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.home-h1 {
font-size: 50px;
font-weight: 800;
color:rgb(78 78 78); }
.home-h2 {
font-size: 50px;
font-weight: 800;
color:rgb(78 78 78); }
.home-par {
color: #656565;
font-size: 18px;
margin-top: 17px;
max-width: 555px;
}
.running-title {
color:#8d8d8d;
margin: 28px 0px;
font-size: 20px;
} .cloud-sec {
padding: 80px 30px;
background-image: url(https://primesolutionsqa.com/wp-content/uploads/2023/12/tally-prime-support-service-qatar.png);
background-position: center center;
}
.banner-circle-img{
text-align: center;
width: 100%;
animation: right-left 2s ease-in-out infinite alternate-reverse both; 
-webkit-border-radius: 99em;
-moz-border-radius: 99em;
margin: 14px;
border: 1px solid rgb(13 131 253);
border-radius: 15px;
background: transparent;
}
.home-sec {
position: relative;
top: -108px;
z-index: 1;
padding: 80px 0px 80px 0px;
}
.home-row {
padding: 72px 0px 30px 0px;
}
.service-sec {
padding: 100px 0px 0px 0px;
}
.sticky .header-logo img {
width: 100px ;
transition:  2s;
}
a.default-btn.btn {
background: rgb(13 131 253);
}
.home-about-sec {
background-color: #f1f1f1;
background-image: url(https://primesolutionsqa.com/wp-content/uploads/2023/12/prime-support-qatar.png); 
background-size: contain;
background-repeat: no-repeat;
background-position: right;
}
ul.home-fot-ul li {
color: rgb(41 41 41);
}  
html {
scroll-behavior:smooth;
}
.biz-img {
box-shadow: none !important;
width: 350px !important;
}
.inner-serv-left-3 {
text-align: center;
}
.inner-serv-right-3{
margin-top: 70px;
}
.inner-serv-left-1  {
margin-bottom: 66px;
}
.contact-widget input::placeholder {
color: #cfcfcf;
}
.contact-widget textarea::placeholder {
color: #cfcfcf;
}
.serv-img.website-img {
box-shadow: none;
}
.service-sec-web, .service-sec-tally {
background: linear-gradient(334deg, rgb(231 242 255) 0%, rgb(255 255 255) 50%, rgb(236 239 255) 100%);
}
.inner-sec-row{
padding: 70px 0px;
} a.knmore {
padding: 7px 11px;
background: none;
color: rgb(13 131 253);
border-radius: 30px;
font-size: 15px;
border: 1px solid rgb(13 131 253);
}
a.knmore:hover {
border: 1px solid rgb(13 131 253);
color: #ffffff;
background: rgb(13 131 253);
}
.home-header {
top: -10px;
border-bottom:1px solid #f3f9ff;
background:#ffffff; 
}
.free-demo-bu {
text-align: center;
} .free-demo-sec {
padding: 46px 0px 46px 0px;
background:rgb(88 88 88);  }
.free-demo-h2 {
font-size: 25px;
font-weight: 600;
color: #ffffff;
margin:0px;
}
.free-demo-but {
text-align: center;
}
.free-demo-a {
background: #1668ff;
padding: 8px 14px;
border-radius: 6px;
color: #ffffff;
font-size: 17px;
text-transform: uppercase;
font-weight: 800;
border: 1px solid #1668ff;
margin-right: 12px;
}
.free-demo-a-live {
background: #ffbe1d;
padding: 8px 14px;
border-radius: 6px;
color: #060606;
font-size: 17px;
text-transform: uppercase;
font-weight: 800;
}
.sticky .main-menu li a {
color: #ffffff;
}
.main-menu li a {
display: inline-block;
color: #000;
text-decoration: none;
}
.property-btn::after {
height: 0px !important;
}
.mb-img-div.col-sm-6.col-md-6 {
text-align: center;
width: 50%;
}
.mb-img-div img {
width:100%;
}
.mb-sec-row {
display: none;
}
a.free-btn:hover:after {
width: 100%;
transition: width 0.5s;
}
.free-btn::after {
content: "";
position: absolute;
width: 0%;
height: 100%;
background: #fff;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
transition: width 0.5s;
z-index: -1;
}
.free-btn{
background: transparent;
padding: 18px 46px;
position: relative;
z-index: 1;
color: #ffffff;
border: 1px solid #fff;
}
.free-btn:hover{
color: #000;
}
.def-btn {
background: #ffbe1d;
padding: 18px 46px ;
position: relative;
z-index: 1;
color: #000;
}
.def-btn:hover:after {
width: 100%;
transition: width 0.5s;
}
.def-btn::after {
content: "";
position: absolute;
width: 0%;
height: 100%;
background: rgb(13 131 253);
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
transition: width 0.5s;
z-index: -1;
} @media only screen and (max-width: 450px){
.cn-fr-h2 {
font-size: 34px !important;
}
.features-sec .single-feature-sec h2 {
font-size: 23px;
}
.biz-img {
max-width: 100%; 
}
.inner-banner-btn{
text-align:center;
}
.disc-butn, .disc-butn-req {
font-size: 16px !important;
padding: 16px 16px !important;
}
.disc-butn {
position:relative;
right:10px ;
}
.modal {
top: 100px
}
}
@media only screen and (min-width: 1200px){
.free-demo-container{
max-width: 1300px;
}
}
@media only screen and (max-width: 768px) {
.cloud-sec {
padding: 80px 0px;
}
.home-row {
padding: 40px 0px 30px 0px;
}
.def-btn {
padding: 18px 26px ;
}
.free-btn{
padding: 18px 28px ;
}
.cloud-sec {
background-repeat: no-repeat;
background-position: top;
}
header.sticky {
height: 86px;
top: -4px;
}
.sticky .header-logo img {
width: 200px;
}
.mb-sec-row {
display: flex;
margin-top: 80px 
}
.inner-serv-left-4 , .inner-serv-right-2{
margin-top: 58px;
}
.inner-serv-right-1 {
padding-inline-start: 20px;
}
.banner-circle-img {
display: none;
}
.home-h1 {
font-size: 28px;
}
.serv-h1 {
font-size: 30px;
}
.tally-cl-h2 {
font-size: 26px;
}
.home-service .part-txt h2 {
text-align: left;
}
.running-title {
font-size: 14px;
}
.home-about-sec{
background-image: none;
}
.add-back-color-even {
padding: 0px 0px;
}
.add-back-color-odd {
padding: 80px 0px;
}
.free-demo-bu {
text-align: center;
margin-top: 28px;
}
.free-demo-h2 {
text-align: center;
font-size: 22px;
}
}
@media only screen and (min-width: 1024px) {
.sticky ul.main-menu li a {
transition:  2s;
padding: 0px 0;
}
}
@media only screen and  (min-width: 992px) {
.main-menu li a:hover::after {
width: 100%;
}
.container.free-demo-container {
max-width: 100%;
}
.main-menu li a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: rgb(13 131 253);
transition: width .3s;
position: absolute; left: 0px;
bottom: 0px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.home-h1 {
font-size: 36px;
}
.serv-h1 {
font-size: 32px;
}
.tally-cl-h2 {
font-size: 32px;
}
.free-demo-h2 {
font-size: 20px;
}
.top-bar ul.left-bar li a {
font-size: 10px;
}
} .round-an-img-zoho {
position: absolute;
left: 14%;
width: 75%;
top: -75px;
margin: 0px auto;
animation: round360 18s linear infinite;
}
.round-an-img-tally {
position: absolute;
left: 14%;
width: 75%;
top: -75px;
opacity:0.4;
margin: 0px auto;
animation: round360 18s linear infinite;
}
@-webkit-keyframes round360 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@-moz-keyframes round360 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes round360 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.serv-img {
position: relative;
top: 239px;
opacity: 0.05;
transition:0.8s;
}
.img-ani-add{
top: 0px;
opacity: 1;
transition:0.8s;
} #overlayer {
width: 100%;
height: 100%;
position: fixed;
z-index: 100000;
background: #ffffff;
text-align: center;
}
.loader {
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
z-index:101;
border:2px solid  rgb(13 131 253);
top: 50%;
animation: loader 2s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background:rgb(13 131 253);
animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
.contact-form-sec { background-attachment:fixed;
position: relative;
}
.contact-form-sec::before {
content: "";
background:linear-gradient(45deg,#1668ff,#1668ff);
position: absolute;
bottom: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.95;
}
.contact-sec-row {
position: relative;
text-align: center;
}
.contact-sec-row input {
height: 44px;
padding: 0px 8px; width: 100%;
}
.cn-fr-h2 {
font-size: 42px;
color:#ffffff;
font-weight: 600;
}
.cn-fr-p {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 0px 0px 20px 0px;
max-width: 730px;
margin: 0 auto;
}
.contact-sec-row .wpcf7-submit {
border: 0px;
background: #292929;
}
.contact-sec-row .wpcf7-response-output {
color: #fff;
}
.disc-butn {
background: transparent;
color: rgb(13 131 253);
padding: 18px 34px;
font-size: 18px;
border: 1px solid rgb(13 131 253);
top: 25px;
position: relative;
font-weight: 600;
}
.disc-butn-req {
background: rgb(13 131 253);
color: #ffffff;
padding: 18px 34px;
font-size: 18px;
border: 1px solid rgb(13 131 253);
top: 25px;
position: relative;
font-weight: 600;
position:relative;
right:-10px;
} section.recent-post-sec {
padding: 130px 0px;
} .post-h3 {
font-weight: 700;
font-size: 20px;
color: #292929;
}
.post-h3 a {
color: #fff;
font-size: 26px;
}
.post-p {
font-size: 16px;
color: #6b6c6c;
padding: 10px 0px;
}
.post-col-inner:before {
content: "";
width: 80px;
height: 80px;
background: #0d83fd;
position: absolute;
top: 30px;
left: 10px;
border-radius: 50%;
opacity: 0.1;
}
a.kn-m-r {
color: #0d83fd;
font-size: 16px;
font-weight: 700;
} .row.post-row {
margin-top: 50px;
}
.sticky .sub-menu {
top: 42px !important;
} @media only screen and (max-width: 768px) {
.abt-sec-img {
margin-top: 66px;
}
.cus-pg-h2 {
font-size: 24px;
color: #fff;}
}
.why-choose-sec {
background: linear-gradient(10deg, rgb(242 242 242) 0%, rgb(245 245 245) 50%, rgb(255 255 255) 100%);
}
.about-h2-tag {
color: #1668ff;
font-weight: 600;
}
.abt-sec-img {
width: 100%;
}
.cust-page-head {
background: #939393;
position: relative;
top: -10px;
}
.cus-pg-h2 {
text-align: center;
font-size: 28px;
font-weight: 800;
color: #fff;
}
.about-btn {
padding: 10px 20px;
font-size: 20px;
border: 1px solid #1668ff;
color: #1668ff;
border-radius: 7px;
top: 15px;
position: relative;
} @media only screen and (max-width: 992px) {
a.meanmenu-reveal span {
background: #2270ff !important;
}
img.home-banner {
margin-top: 70px;
}
}
.bottom-ban-arrow {
text-align: center;
}
img.home-banner {
width: 100%;
}
.home-h1 span {
color: #0d83fd;
}
.home-h2 span {
color: #0d83fd;
}
.inner-banner-btn a {
border-radius: 6px;
}
span#typed {
background: #959595;
color: #fff;
padding: 0px 10px;
} .post-col-inner {
box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, 0.1);
padding: 50px 35px;
margin: 20px 0px;
}
section.features-icon-sec {
background: #f8fafc;
}
.inner-col-icon {
text-align: center;
padding: 26px 0px;
cursor: pointer;
}
.inner-col-icon svg {
max-width: 200px;
background: #e3ebfa;
padding: 18px 70px;
height: 60px;
fill: #0d83fd;
border-radius: 10px;
}
.inner-col-icon svg:hover {
fill: #4e4e4e;
}
.inner-col-icon h4 {
font-size: 16px;
position: relative;
top: 16px;
font-weight: 700;
color: #4e4e4e;
} .single-feature-sec-new {
position: relative;
-webkit-box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, 0.1);
box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, 0.1);
padding: 50px 20px;
border-radius: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
margin: 40px 0 0;
border: 1px dotted rgba(73, 167, 211, 0.2);
}
.service-content-new p {
font-size: 15px;
}
.service-icon-new i {
font-size: 22px;
background: #0d83fd;
padding: 14px;
color: #ffffff;
border-radius: 10px;
}
.service-content-new h2 {
font-size: 20px;
font-weight: 700;
padding: 15px 0px 0px 0px;
} .inner-hm-about-sec-1 h2 {
font-size: 32px;
font-weight: 700;
}
.inner-hm-about-sec-1 ul li {
font-size: 12px;
padding: 8px 4px;
}
.inner-hm-about-sec-1 li:before {
font-family: FontAwesome;
content: "\f058";
color: #0d83fd;
position: relative;
right: 5px;
}
.inner-hm-about-sec-1 img {
width: 100%;
border-radius: 50px;
} .faq-container {
max-width: 800px;
margin: auto;
background: rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 30px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.faq-title {
font-size: 2.5em;
margin-bottom: 20px;
text-align: center;
}
.search-bar {
display: flex;
align-items: center;
background: #fff;
border-radius: 30px;
padding: 10px 20px;
margin-bottom: 30px;
}
.search-bar input {
border: none;
outline: none;
flex: 1;
font-size: 1em;
color: #333;
}
.search-bar i {
color: #888;
margin-right: 10px;
}
.faq-item {
background: #fff;
color: #333;
border-radius: 10px;
margin-bottom: 15px;
cursor: pointer;
transition: transform 0.2s ease;
}
.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
font-weight: bold;
}
.faq-icon {
margin-right: 10px;
font-size: 15px;
}
.faq-answer {
padding: 0 20px 15px 20px;
display: none;
font-size: 0.95em;
line-height: 1.5;
}
.faq-item:hover {
transform: scale(1.02);
}
.faq-arrow {
display: inline-block;
font-size: 1.2em;
color: #4a90e2;
transition: transform 0.3s ease;
}
.faq-item.active .faq-arrow {
transform: rotate(90deg);
} .main-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: white;  
}
.image-section img {
max-width: 100%;
border-radius: 10px;
}
.text-section {
padding: 20px;
}
.abt-h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
color: #2d2e2e;
}
.features {
list-style: none;
padding-left: 0;
}
.features li {
margin-bottom: 15px;
display: flex;
align-items: center;
padding: 12px 12px;
background: #ecececfd;
}
.icon-circle {
background-color: #007bff;
color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
font-size: 8px;
flex-shrink: 0;
}
.btn-primary {
background-color: #007bff;
border: none;
}
.btn-secondary {
background-color: #6c757d;
border: none;
}
.hm-about-sec a {
color: #fff;
}
.hm-about-sec .btn-group .btn{
margin-right: 15px;
padding: 15px 20px;
font-weight: bold;
}  
.client-logo-sec {
overflow-x: hidden;
} 
.image-section {
background-image: url(https://img.freepik.com/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377138.jpg);
height: 600px;
background-size: cover;
background-position: right;
}
@media only screen and (max-width: 500px) {
.inner-hm-about-sec-1 h2 {
padding: 26px 0px 10px 0px;
font-size: 24px !important;
}
} .faq-container {
max-width: 800px;
margin: auto;
background: rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 30px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.faq-title {
font-size: 28px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
}
.search-bar {
display: flex;
align-items: center;
background: #fff;
border-radius: 30px;
padding: 10px 20px;
margin-bottom: 30px;
}
.search-bar input {
border: none;
outline: none;
flex: 1;
font-size: 1em;
color: #333;
}
.search-bar i {
color: #888;
margin-right: 10px;
}
.faq-item {
background: #fff;
color: #333;
border-radius: 10px;
margin-bottom: 15px;
cursor: pointer;
transition: transform 0.2s ease;
}
.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
font-weight: bold;
}
.faq-icon {
margin-right: 10px;
font-size: 15px;
}
.faq-answer {
padding: 0 20px 15px 20px;
display: none;
font-size: 0.95em;
line-height: 1.5;
}
.faq-item:hover {
transform: scale(1.02);
}
.faq-arrow {
display: inline-block;
font-size: 1.2em;
color: #4a90e2;
transition: transform 0.3s ease;
}
.faq-item.active .faq-arrow {
transform: rotate(90deg);
}
.faq-sec {
background: linear-gradient(356deg, #ededed, #eff7ff);
}
h1.wp-block-heading {
font-size: 28px;
width: 100%;
}
h2.wp-block-heading {
font-size: 24px;
width: 100%;
}
h3.wp-block-heading {
font-size: 22px;
width: 100%;
}
h4.wp-block-heading {
font-size: 20px;
width: 100%;
}
h5.wp-block-heading {
font-size: 18px;
width: 100%;
}
h6.wp-block-heading {
font-size: 14px;
width: 100%;
}
ul.slick-dots {
display: none !important;
}
.inner-banner-text {
max-width: 680px;
}
@media only screen and (max-width: 580px) {
.col-xs-6 {
width: 50%;
}
.col-md-3.main-inner-col {
margin-top: 60px;
}
} #news-slider{
margin-top: 80px;
}
.post-slide{
background:#0d83fd;
margin: 20px 15px 20px;
border-radius: 15px;
padding-top: 1px;
box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img{
position: relative;
overflow: hidden;
border-radius: 10px;
margin: -12px 15px 8px 15px;
margin-left: -10px;
}
.post-slide .post-img img{
width: 100%;
height: auto;
transform: scale(1,1);
transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
transform: scale(1.1,1.1);
}
.post-slide .over-layer{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
opacity:0;
background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
opacity:1;
text-decoration:none;
}
.post-slide .over-layer i{
position: relative;
top:45%;
text-align:center;
display: block;
color:#fff;
font-size:25px;
}
.post-slide .post-content{
background:#fff;
padding: 30px 20px 30px;
border-radius: 15px;
}
.post-slide .post-title a{
font-size:15px;
font-weight:bold;
color:#333;
display: inline-block;
text-transform:uppercase;
transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
text-decoration: none;
color:#3498db;
}
.post-slide .post-description{
line-height:24px;
color:#808080;
margin-bottom:25px;
}
.post-slide .post-date{
color:#a9a9a9;
font-size: 14px;
}
.post-slide .post-date i{
font-size:20px;
margin-right:8px;
color: #CFDACE;
}
.post-slide .read-more{
padding: 7px 20px;
float: right;
font-size: 12px;
background: #2196F3;
color: #ffffff;
box-shadow: 0px 10px 20px -10px #1376c5;
border-radius: 25px;
text-transform: uppercase;
}
.post-slide .read-more:hover{
background: #3498db;
text-decoration:none;
color:#fff;
}
.owl-controls .owl-buttons{
text-align:center;
margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
background: #fff;
position: absolute;
top:-13%;
left:15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
background: #fff;
position: absolute;
top:-13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
content:"\f104";
font-family: FontAwesome;
color: #333;
font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
content:"\f105";
}
@media only screen and (max-width:1280px) {
.post-slide .post-content{
padding: 0px 15px 25px 15px;
}
}
@media only screen and (max-width:600px) {
.owl-item {
width: 100% ! IMPORTANT;
}
.owl-stage{
width:auto !important;
}
} h2.wp-block-heading {
width: 100%;
}
.h1-sgl {
color: #efefef;
font-size: 38px;
margin-top: 25px;
}