html,
body {
margin: 0;
padding: 0;
scroll-behavior: smooth;
font-size: 16px;
}
.icons{
margin-top: 40px;
display: flex;
gap: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a {
margin: 0;
padding: 0;
}
/* Ensure no overflow and proper stacking on mobile */
@media only screen and (max-width: 768px) {
.h_banner {
padding: 20px 0;
}
.ban_left {
text-align: center;
padding: 15px;
}
.ban_left h1,
.ban_left h3,
.ban_left p {
font-size: 16px;
}
.ban_btn ul {
flex-direction: column;
align-items: center;
padding: 10px 0;
}
.ban_btn ul li {
margin-bottom: 10px;
}
.banner-inner-published-form {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
width: 100%;
box-sizing: border-box;
margin-top: 30px;
}
.form-group,
.form-group-select {
width: 100%;
}
.form-check-flex {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.form-check {
width: 48%;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
}
h2 {
font-size: 40px;
color: #000;
font-weight: 700;
line-height: 45px;
}
ul,
li,
a,
p {
font-family: 'Poppins', sans-serif;
}
a {
text-decoration: none !important;
}
img {
max-width: 100%;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
.sec {
padding: 40px 0;
width: 100%;
position: relative;
z-index: 999;
overflow: hidden;
}
a:hover,
a:focus {
color: #ffffff;
text-decoration: underline;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.no_space {
padding-right: 0px;
padding-left: 0px;
}
.border {
position: relative;
}
.border:before {
background-color: #b11b0e;
content: "";
height: 2px;
left: 2px;
position: absolute;
top: -12px;
width: 70px;
}
.error_page {
color: #fff;
text-align: center;
}
.error_page h1 {
margin: 0 0 20px;
}
.main_btn {
display: inline-block;
padding: 10px 30px;
font-size: 16px;
color: #fff;
background: #000;
position: relative;
z-index: 2;
font-weight: 600;
border-radius: 25px;
}
/* .main_btn:before {
position: absolute;
right: 0;
top: 0;
content: "";
left: 0;
bottom: 0;
transition: 0.5s;
} */
/* .main_btn:after {
left: 0;
bottom: 0;
transition: 0.5s;
position: absolute;
right: 0;
top: 0;
content: "";
} */
.main_btn:hover:before {
background: rgba(255, 255, 255, 0.7);
left: 60%;
right: 60%;
}
.main_btn:hover:after {
background: rgba(255, 255, 255, 0.7);
top: 60%;
bottom: 60%;
}
.main_btn1 {
display: inline-block;
padding: 10px 30px;
margin-left: 5px;
font-size: 16px;
color: #000;
background: #ffffff;
position: relative;
z-index: 2;
font-weight: 500;
border-radius: 25px;
}
/* .main_btn1:before {
position: absolute;
right: 0;
top: 0;
content: "";
left: 0;
bottom: 0;
transition: 0.5s;
} */
/* .main_btn1:after {
left: 0;
bottom: 0;
transition: 0.5s;
position: absolute;
right: 0;
top: 0;
content: "";
} */
.main_btn1:hover:before {
background: rgb(10 40 64);
left: 60%;
right: 60%;
}
.main_btn1:hover:after {
background: rgb(10 40 64);
top: 60%;
bottom: 60%;
}
.main_btn1:hover {
color: #000;
}
.wow {
visibility: hidden;
}
.fot_bot p {
font-size: 14px;
}
.s4_bot a {
color: #000;
}
/*floating button*/
.float {
font-weight: 600;
vertical-align: middle;
padding: 8px 16px 10px;
position: fixed;
bottom: 10px;
left: 10px;
background-color: #023838;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 16px;
z-index: 100;
text-decoration: none;
}
.float:hover {
color: #FFFFFF;
}
.float i {
margin-right: 10px;
font-size: 22px;
position: relative;
top: 2px;
color: #25D366;
}
.floating_wrap,
.floating_wrap .btns_wrap {
position: fixed;
right: 0
}
.floating_wrap .btns_wrap .call_wrap,
.floating_wrap .btns_wrap .chat_wrap {
position: absolute;
right: -225px;
width: 275px;
overflow: hidden;
box-shadow: 0 0 40px #00000026 !important;
border-radius: 50px 0 0 50px;
background: #fff
}
.floating_wrap {
top: 171px;
z-index: 1000;
}
.floating_wrap .btns_wrap a:hover {
text-decoration: none !important;
right: 0
}
.floating_wrap .btns_wrap .call_wrap {
top: 180px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.floating_wrap .btns_wrap .call_wrap span {
color: #000;
font-size: 18px;
vertical-align: middle;
background: #fff;
padding: 15px 20px 15px 15px
}
.floating_wrap .btns_wrap .chat_wrap {
display: block;
top: 0;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.floating_wrap .btns_wrap .call_wrap span.icoo,
.floating_wrap .btns_wrap .chat_wrap span.icoo {
color: #fdfdfd;
background: #189718;
font-size: 20px;
line-height: 1;
padding: 14px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
border-radius: 50px 0 0 50px
}
.floating_wrap .btns_wrap .chat_wrap span {
color: #000;
font-size: 17px;
vertical-align: middle;
background: #fff;
padding: 15px 30px 15px 15px
}
a.chat_wrap2 {
color: #000;
background: #fff;
font-size: 20px;
line-height: 1;
padding: 14px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
border-radius: 50px 0 0 50px;
}
.floating_wrap .btns_wrap .whatsapp_wrap {
top: 69px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.floating_wrap .btns_wrap .whatsapp_wrap span {
color: #000;
font-size: 18px;
vertical-align: middle;
background: #fff;
padding: 15px 20px 15px 15px
}
.floating_wrap .btns_wrap .chat_wrap {
display: block;
top: 125px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.floating_wrap .btns_wrap .whatsapp_wrap span.icoo,
.floating_wrap .btns_wrap .chat_wrap span.icoo {
color: #fdfdfd;
background: #189718;
font-size: 20px;
line-height: 1;
padding: 14px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
border-radius: 50px 0 0 50px
}
.floating_wrap .btns_wrap .whatsapp_wrap,
.floating_wrap .btns_wrap .chat_wrap {
position: absolute;
right: -225px;
width: 275px;
overflow: hidden;
box-shadow: 0 0 40px #00000026 !important;
border-radius: 50px 0 0 50px;
background: #fff
}
/************************** popup ************************************/
.modal-dialog {
width: auto;
margin: 30px auto;
}
#myModal .modal-content {
background: #F6F6F6;
border-radius: 0px;
border: none;
position: relative;
z-index: 1;
}
/*#myModal .modal-content::before {*/
/* content: '';*/
/* position: absolute;*/
/* bottom: -20%;*/
/* left: -20%;*/
/* background: #000;*/
/* width: 250px;*/
/* height: 250px;*/
/* border-radius: 100%;*/
/* z-index: -1;*/
/* margin: 0 auto 0 0;*/
/* opacity: 0.5;*/
/*}*/
/*#myModal .modal-content::after {*/
/* content: '';*/
/* position: absolute;*/
/* top: -20%;*/
/* right: -20%;*/
/* background: #000;*/
/* width: 250px;*/
/* height: 250px;*/
/* border-radius: 100%;*/
/* z-index: -1;*/
/* margin: 0 0 0 auto;*/
/* opacity: 0.5;*/
/*}*/
#myModal .modal-content .btn-close {
position: absolute;
right: -45px;
top: 8px;
background: #000;
width: 45px;
height: 45px;
line-height: 16px;
border: #001d35;
border-radius: 0px 5px 5px 0px;
outline: none;
box-shadow: none;
cursor: pointer;
z-index: 4;
opacity: 1;
}
#myModal .modal-content .btn-close i {
color: #fff;
font-weight: 600;
}
#myModal .modal-dialog {
max-width: 700px !important;
margin: 60px auto 0;
}
#myModal .modal-header {
padding: 0px;
border-bottom: none;
}
#myModal .modal-body {
padding: 0;
}
#myModal .modal-body .modal-body-img1 {
width: 100%;
height: 100%;
padding: 20px 20px;
}
#myModal .modal-body .modal-body-img1 img {
/*width: 100%;*/
max-width: 450px;
animation: bounce2 2s ease infinite;
position: relative;
right: 100px;
}
#myModal .modal-body .modal-body-form {
background: #001d35;
text-align: center;
padding: 20px 20px;
}
.modal-body-form h3 {
font-size: 30px;
line-height: 36px;
color: #fff;
margin: 0 0 10px 0 !important;
animation: zoom-in-zoom-out 2s ease-out infinite;
}
.modal-body-form h3 span {
display: block;
color: #fff;
}
.modal-body-form .popup-form-list .form-group {
margin: 0 0 10px 0;
}
.modal-body-form .popup-form-list .form-group.form-group-last {
margin: 0;
}
.modal-body-form .popup-form-list .form-group input {
background: #FBFBFB;
color: #000;
font-size: 16px;
width: 100%;
border: 2px solid #E9E7E7;
border-radius: 0;
padding: 10px 10px;
}
.modal-body-form .popup-form-list .form-group input::placeholder {
color: #b2b2b2;
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group.mdl-phone-inp .iti {
width: 100%;
}
.modal-body-form .popup-form-list .form-group textarea {
background: #FBFBFB;
color: #000;
font-size: 16px;
width: 100%;
height: 120px;
resize: none;
border: 2px solid #E9E7E7;
border-radius: 0;
padding: 10px 10px;
}
.modal-body-form .popup-form-list .form-group textarea::placeholder {
color: #b2b2b2;
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group button.submit-btn {
background: #ff9a00;
color: #fff;
font-size: 18px;
width: 100%;
border: 2px solid #ff9a00;
border-radius: 0px;
padding: 10px 10px;
margin: 0;
text-transform: capitalize;
outline: none;
transition: all .3s ease-in-out;
}
.modal-body-form .popup-form-list .form-group button.submit-btn:hover {
background: #001d35;
}
.modal.show {
padding-right: 0px !important;
}
/* PopUp Modal Css End Here */
@media only screen and (min-width:768px) and (max-width:991px) {
/* PopUp Modal Responsive Css Start Here */
#myModal .modal-content::before {
left: 0%;
}
#myModal .modal-content::after {
right: 0%;
}
#myModal .modal-content .btn-close {
right: -4px;
top: -33px;
border-radius: 5px 5px 0px 0px;
}
/* PopUp Modal Responsive Css End Here */
}
@media only screen and (min-width:521px) and (max-width:767px) {
/* PopUp Modal Responsive Css Start Here */
#myModal .modal-dialog {
max-width: 500px !important;
margin: 100px auto 0;
}
#myModal .modal-content::before {
left: 0%;
}
#myModal .modal-content::after {
right: 0%;
}
#myModal .modal-content .btn-close {
right: -4px;
top: -33px;
border-radius: 5px 5px 0px 0px;
}
#myModal .modal-body .modal-body-img1,
#myModal .modal-body .modal-body-img2 {
display: none;
}
.modal-body-form h3 {
font-size: 24px;
line-height: 30px;
}
.modal-body-form .popup-form-list .form-group input {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group input::placeholder {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group textarea {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group textarea::placeholder {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group button.submit-btn {
font-size: 16px;
}
/* PopUp Modal Responsive Css End Here */
}
@media only screen and (min-width:300px) and (max-width:520px) {
/* PopUp Modal Responsive Css Start Here */
#myModal .modal-dialog {
max-width: 100% !important;
margin: 100px 20px 0;
}
#myModal .modal-content::before {
left: 0%;
}
#myModal .modal-content::after {
right: 0%;
}
#myModal .modal-content .btn-close {
right: -4px;
top: -33px;
border-radius: 5px 5px 0px 0px;
}
#myModal .modal-body .modal-body-img1,
#myModal .modal-body .modal-body-img2 {
display: none;
}
.modal-body-form h3 {
font-size: 24px;
line-height: 30px;
}
.modal-body-form .popup-form-list .form-group input {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group input::placeholder {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group textarea {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group textarea::placeholder {
font-size: 16px;
}
.modal-body-form .popup-form-list .form-group button.submit-btn {
font-size: 16px;
}
/* PopUp Modal Responsive Css End Here */
}
@keyframes bounce2 {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
@keyframes moveSlideshow {
100% {
transform: translateX(-500px);
}
}
span#discount-text {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
/************************** popup ************************************/
/************************** header ************************************/
.header {
width: 100%;
position: absolute;
z-index: 99;
}
.head_top {
width: 100%;
padding: 5px 0;
background-color: #000;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.head_top ul li {
display: inline-block;
margin: 0 0 0 4px;
gap: 13px;
}
.head_top ul li a {
color: #ffffff;
font-size: 15px;
font-weight: 600;
padding: 0px 15px;
/* border-bottom: 3px solid #000; */
/* border-radius: 20px; */
text-transform: uppercase;
}
.head_box {
text-align: center;
}
.logo {
width: 100%;
/* margin: 16px 0; */
}
.logo img {
margin: 0px 0;
width: 100px;
}
.head_mid {
margin-top: 20px 0;
text-align: center;
}
.head_mid .navbar-nav>li {
display: inline-block;
float: none;
}
.main_navigation {
width: 100%;
padding: 9px 0;
}
.navbar-inverse {
background-color: transparent;
border: none;
}
.navbar-collapse.collapse {
padding: 0;
}
.navbar-inverse .navbar-nav>li>a {
color: #000;
padding: 0px 0 0 18px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.dropdown-menu {
padding: 8px 0;
margin: 0;
background-color: #fff;
top: 20px;
}
.dropdown-menu>li>a {
color: #000;
text-align: left;
font-size: 15px;
text-transform: capitalize;
}
ul.dropdown-menu li {
width: 100%;
border-bottom: 1px dashed #ababab;
}
.caret {
color:#ebab47;
margin-left: 9px;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #000;
transition: 0.7s;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #ff5421;
background-color: transparent;
}
.nav.navbar-nav {
display: block;
margin: 0 auto;
}
.navbar-nav {
float: none;
}
.navbar.navbar-inverse {
margin-bottom: 0;
}
.navbar {
min-height: auto;
}
.head_bot {
width: 100%;
padding: 5px 0;
background: #fff;
}
.head_left {
width: 100%;
margin: 10px 0;
text-align: center;
}
.head_left ul li {
display: inline-block;
margin: 0 20px 0 0;
font-size: 20px;
}
.head_left ul li span {
margin: 0 15px 0 0;
}
.head_left ul li a {
color: #ffffff;
font-weight: 700;
}
.head_right {
width: 100%;
text-align: right;
margin: 7px 0;
}
.head_topright {
text-align: right;
color: #fff;
font-size: 13px;
padding: 5px 0;
}
.head_topleft {
text-align: left;
padding: 5px 0;
}
.head_box1 a {
color: #000;
font-size: 14px;
}
.head_box1 span {
font-size: 20px;
float: left;
margin: 10px 10px 0 0;
}
.head_box1 span i {
color: #2f55d4;
}
.head_topright a {
color: #fff;
}
.head_topright a span {
margin: 0 5px 0 0;
}
.head_midbtn ul li {
display: inline-block;
}
a.call-btn1 {
background: #000;
color: #fff;
border: 2px solid #000;
font-size: 16px;
padding: 10px 10px;
display: inline-block;
font-weight: 500;
border-radius: 25px;
}
a.call-btn {
background: #4dc247;
color: #ffffff;
border: 2px solid #3fad39;
padding: 10px 40px;
margin-left: 5px;
border-radius: 25px;
font-weight: 600;
font-size: 16px;
display: inline-block;
}
.head_midbtn {
padding: 10px 0;
}
.header.head2 .call-btn1 {
background: #000;
}
.header.head2 .call-btn {
border-color: #000;
}
.head2 .head_top {
background: #000;
}
.head2 .head_box ul li a {
border-color: #000;
}
.header.head2 .caret {
color: #000;
}
.bg-image{
background-image: linear-gradient(240deg, #000000ce, #000000c2), url(img/bg-inner-page.jpg) !important;
}
.g-writing{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/gw-bg.jpg) !important;
}
.editing-image{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/editing.avif) !important;
}
.design-bg{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/cover-design.png) !important;
}
.publishing-bg{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/Publishing-bg.jpg) !important;
}
.marketing-bg{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/marketing-bg.jpg) !important;
}
.book-dis{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/book-dis.jpg) !important;
}
.printing-bg{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/Printing.png) !important;
}
.audioook-bg{
background-image: linear-gradient(240deg, #000000ce, #000000d8), url(img/audioook-bg.jpg) !important;
}
/************************** header2 ************************************/
/************************** Banner ************************************/
.h_banner {
background-size: cover;
padding: 200px 0 30px;
position: relative;
z-index: 22;
overflow: hidden;
height: 900px;
/* background-color: #ff9a00; */
background-image: url(img/main-banner-1.png);
}
.ban_left h1 {
font-size: 50px;
font-weight: 700;
color: #fff;
}
.ban_left h3 {
margin-bottom: 10px;
color: #fff;
}
.ban_left p {
margin: 40px 0;
color: #fff;
font-size: 15px;
}
.ban_btn ul li {
display: inline-block;
}
.ban_left {
margin-top: 20px;
}
.marquee {
font-size: 20px;
color: #fff;
height: 2.0vw;
overflow: hidden;
background-color: #000;
position: relative;
padding: 5px 0px 30px;
z-index: 999;
}
.marquee div {
display: block;
width: 200%;
position: absolute;
overflow: hidden;
animation: marquee 25s linear infinite;
}
.marquee span {
float: left;
/* width: 100%; */
font-size: 16px;
font-weight: bold;
overflow: hidden;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
.marquee span img {
height: 29px;
margin: 0 20px;
}
/************************** Section 1 ************************************/
.s1_right h2 {
color: #000;
font-size: 40px;
font-weight: 700;
line-height: 45px;
}
.s1_right p {
margin: 20px 0;
color: #000;
font-size: 16px;
}
.s1_right ul li {
display: block;
margin: 0 0 10px;
}
.s1_right ul li img {
margin: 0 10px 0 0;
}
.s1_btn ul li {
display: inline-block;
}
.s1_btn .main_btn1 {
background: #000;
color: #fff;
border: 2px solid #000;
}
.s1_btn .main_btn {
color: #000;
background: #ffffff;
border: 2px solid #000;
}
.s1_btn {
margin-top: 20px;
}
/************************** Section 2 ************************************/
.h_sec2.sec {
background: #00000038 url(img/s2_banner.png) no-repeat;
text-align: center;
padding: 40px 0 40px;
background-size: cover;
background-position: center;
background-blend-mode: color;
}
.s2_top h2 {
color: #fff;
margin: 0px 0 30px;
font-weight: 400;
font-size: 50px;
line-height: 60px;
}
.s2_top {
text-align: center;
}
s2_box img {
filter: invert(1);
}
.s2_box {
background: #fff;
margin: 0 10px;
padding: 10px 0;
border-radius: 40px;
transition: .3s linear;
}
.s2_box:hover {
background: #000;
}
.s2_box:hover img {
filter: invert(1);
}
.s2_top p {
color: #fff;
margin: 0 0 30px;
}
/************************** Section 3 ************************************/
.h_sec3 .container {
background: #ff9a00;
padding: 10px 30px;
margin-top: -114px;
box-shadow: 0 0px 25px 10px #000;
position: relative;
z-index: 999;
}
.h_sec3 .form-group input {
background: #ffffff;
color: #000;
border: 1px solid #ffffff;
font-size: 16px;
height: 50px;
padding: 10px 10px;
border-radius: 0px;
width: 100%;
}
.h_sec3 .form-group input::placeholder {
color: #acacac;
font-size: 16px;
}
.h_sec3 .form-group button.submit-btn {
background: #000;
color: #fff;
border: 2px solid #000;
font-size: 18px;
width: 100%;
height: 50px;
padding: 10px 10px;
margin: 0 0px 0 0;
transition: all .3s ease-in-out;
}
.h_sec3 .form-group button.submit-btn:hover {
background: #ffff;
color: #000;
transform: scale(0.9);
}
.frm-cntnt {
position: relative;
}
.frm-cntnt h4 {
font-size: 24px;
color: #204713;
font-weight: 700;
position: absolute;
top: 22px;
left: 39px;
}
.frm-cntnt .heading-para {
font-size: 24px;
color: #ffffff;
font-weight: 700;
position: absolute;
top: 22px;
left: 39px;
}
.frm-cntnt .heading-para:before {
content: "";
background: url(img/rounded-arrows.webp) no-repeat;
width: 85px;
height: 58px;
background-size: 100%;
position: absolute;
top: -7px;
left: 32px;
filter: brightness(0.5);
}
.frm-cntnt h4:before {
content: "";
background: url(img/rounded-arrows.webp) no-repeat;
width: 85px;
height: 58px;
background-size: 100%;
position: absolute;
top: -7px;
left: 32px;
}
.frm-cntnt ul {
padding-left: 162px;
padding-top: 31px;
}
.frm-cntnt ul li {
display: inline-block;
margin-left: 15px;
}
.frm-cntnt ul li:nth-child(1) {
border-right: 1px solid #204713;
padding-right: 15px;
margin-left: 0px;
}
.frm-cntnt ul li a {
display: block;
font-size: 35px;
font-weight: 500;
color: #fff;
}
.frm-cntnt h6 {
display: inline-block;
font-size: 14px;
font-weight: 700;
vertical-align: top;
padding-left: 10px;
}
.frm-cntnt .heading-six {
display: inline-block;
font-size: 14px;
font-weight: 700;
vertical-align: top;
padding-left: 10px;
color: #ffffff;
margin: 0 0 10px;
}
.s3_top {
text-align: center;
margin: 0 0 30px;
}
@keyframes moveSlideshow {
100% {
transform: translateX(-500px);
}
}
span#discount-text {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
.stick-developers-area .main_btn1 {
border: 1px solid;
}
/************************** Section 4 ************************************/
.s4_box {
background: #ffffff;
text-align: center;
}
.s4_box h3 {
color: #000;
margin: 20px 0;
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
}
.s4_box img {
height: 100px;
}
.s4_top {
text-align: center;
margin: 0 0 30px;
}
.s4_box {
box-shadow: 6px 6px 6px 6px #faf2f2;
/* border: 2px solid #000; */
margin: 0 0 30px;
border-radius: 30px;
padding: 20px 0 10px;
transition: .3s linear;
height: 300px;
}
.s4_box.s4 {
background: #ffffff;
}
.s4_box.s4 h3 {
color: #000;
}
.s4_box:hover {
box-shadow: 0 0px 24px 5px #000;
transform: scale(1.1);
}
.s4_box p {
font-size: 13px;
text-align: left;
padding: 0 10px;
}
/************************** Section 5 ************************************/
.h_sec5 {
/* background: url(img/s5_banner-1.png)no-repeat; */
background: linear-gradient(43deg, #f7b434 50%, #d79026 99%);
background-size: cover;
}
.s5_box ul li {
display: inline-block;
}
.s5_box .main_btn1 {
background: #ffffff00;
border: 2px solid #000;
color: #000;
font-size: 15px;
}
.s5_box .call-btn1 {
background: #000;
}
.s5_box p {
margin: 21px 0;
color: #fff;
font-size: 18px;
}
.s5_box h2 {
color: #fff;
}
/************************** Section 6 ************************************/
.s6_top {
text-align: center;
}
.s6_top p {
margin: 20px 0;
}
.s6_box {
text-align: center;
/* border:1px solid #000; */
border-radius: 27px;
/* padding:20px; */
margin: 0 0 30px;
transition: linear .3s;
height: 231px;
}
.s6_box h4 {
font-size: 22px;
margin-top: 20px;
font-weight: 700;
}
.s6_box:hover {
background: #000;
transform: scale(1.1);
transition: linear .3s;
}
.s6_box:hover img {
filter: sepia(1);
}
.s6_box:hover h4 {
color: #fff;
}
/************************** Section 7 ************************************/
.h_sec7.sec {
background: #ffffff;
}
.s7_box {
text-align: center;
color: #000;
}
.s7_box h2 {
color: #000;
margin: 0 0 20px;
font-size: 55px;
}
.s7_box h5 {
font-size: 16px;
font-weight: 800;
}
/*************sec 8****************/
.s8_top {
text-align: center;
margin: 0 0 30px;
}
.s8_top h2 {
margin: 0 0 20px;
}
.s8_box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.s8_box img {
margin: 0 10px 0 0;
height: 80px;
}
.s8_box h3 {
font-size: 14px;
text-transform: capitalize;
font-weight: 700;
margin-top: 14px;
text-align: center;
}
.s8_box {
/* background:#fff; */
/* box-shadow:0 0 30px rgb(0 0 0 / 15%); */
padding: 10px 10px;
border-radius: 50px;
width: 100%;
/* border:2px solid #000; */
}
/*************sec 9****************/
/*************sec 10****************/
.h_sec10.sec {
/* background: url(img/s10_banner.png) no-repeat; */
background: linear-gradient(43deg, #f7b434 10%, #d79026 99%);
background-size: cover;
}
.s10_top {
text-align: center;
margin: 0 0 30px;
}
.s10_btn {
text-align: center;
margin-top: 20px;
}
.s10_btn ul li {
display: inline-block;
}
.s10_top p {
margin-top: 30px;
color: #fff;
}
.s10_right p {
margin: 20px 0 10px;
}
.s10_box {
margin: 0 0 20px 20px;
transition: all 0.5s;
}
.s10_box img {
width: 100%;
border-radius: 15px;
}
.s10_box:hover {
transform: scale(1.08);
}
.s10_btn {
text-align: center;
}
.s10_top h2 {
color: #fff;
margin: 0 0 10px;
}
/*************sec 11****************/
.h_sec11.sec {
background: #fff;
}
.s11_right h2 {
margin: 20px 0;
}
.s11_right p {
margin: 35px 0 40px;
}
.s11_box ul li {
display: inline-block;
}
.s11_box ul li span {
color: #cf6b30;
}
.s11_right h3 {
font-size: 30px;
font-weight: 600;
}
.s11_box {
text-align: center;
}
/*************sec 12****************/
.s12_box {
text-align: center;
color: #fff;
}
.s12_box p {
margin: 30px 0;
}
.s12_box h2 {
color: #fff;
}
.s12_box .call-btn1 {
background: #000;
}
form.serv-published-form.form-submit h3 {
text-align: center;
color: red;
font-size: 15px;
font-weight: 600;
}
/*************sec 13****************/
.s13_left {
/*background: url(img/s13_banner.png) no-repeat;*/
background-size: cover;
background-position: center;
background: linear-gradient(43deg, #f7b434 0%, #d79026 99%);
}
.s13_left h2 {
font-size: 30px;
color: #fff;
margin: 0 0 30px;
}
.s13_left {
padding: 61px 21px;
border-radius: 10px;
text-align: center;
}
.s13_left img {
margin: 0 0 30px;
height: 61px;
}
.s13_left .brand-logo{
height: 100px;
}
.contact-inner-head .heading-three {
color: #fff;
margin: 0 0 10px;
font-size: 40px;
font-weight: 600;
}
.contact-inner-head p {
color: #fff;
margin: 0 0 30px;
}
.contact-main-form .form-group {
margin: 0 0 20px;
}
.contact-main-form .form-group.form-group-last {
margin: 0;
}
.contact-main-form .form-group input {
background: transparent;
color: #fff;
font-size: 18px;
width: 100%;
border: none;
border-bottom: 2px solid #fff;
border-radius: 0px;
padding: 20px 5px;
}
.contact-main-form .form-group input::placeholder {
font-size: 18px;
color: #b1b1b1;
}
.contact-main-inner .contact-main-form .iti--separate-dial-code .iti__selected-dial-code {
color: white;
}
.contact-main-form .form-group textarea {
background: transparent;
color: #fff;
font-size: 18px;
width: 100%;
height: 100px;
border: none;
border-bottom: 2px solid #fff;
border-radius: 0px;
padding: 10px 5px;
resize: none;
}
.contact-main-form .form-group textarea::placeholder {
font-size: 18px;
color: #b1b1b1;
}
.contact-main-form .form-group button.submit-btn {
background: #000;
color: #fff;
border: 2px solid #000;
font-size: 18px;
width: 175px;
height: 45px;
border-radius: 0px;
padding: 8px 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
}
.contact-main-form .form-group button.submit-btn:hover {
background: #fff;
color: #000;
transform: scale(0.9);
}
section.contact-main-wrap.contact-about-wrap {
background: #001d35;
}
.banner-inner-published-form {
background: #fff;
width: 100%;
border-radius: 0;
box-shadow: 0 0px 15px -5px #000;
padding: 20px 20px;
margin: 0 auto;
border: 4px solid #000;
border-radius: 10px;
}
.banner-inner-published-form h4 {
color: #e69424;
font-weight: 600;
font-size: 24px;
line-height: 32px;
margin: 0 0 10px;
}
.banner-inner-published-form h5 {
color: #000;
font-size: 20px;
line-height: 20px;
margin: 20px 0;
}
.banner-inner-published-form .form-group {
margin: 0 0 10px;
}
.banner-inner-published-form .form-group.form-group-last {
margin: 0;
}
.banner-inner-published-form .form-group .form-select {
background-color: #FBFBFB;
color: #000;
font-size: 14px;
width: 100%;
font-weight: 600;
border-radius: 0;
border: 2px solid #E9E7E7;
outline: none;
box-shadow: none;
padding: 5px 10px 5px 8px;
cursor: pointer;
}
.banner-inner-published-form .form-group-select {
margin: 10px 0;
}
.banner-inner-published-form .form-group-select .heading-six {
color: #000;
margin: 0 0 10px;
}
.banner-inner-published-form .form-group-select .form-check-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check {
margin: 0 5px 7px;
width: 45%;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 767px) {
.banner-inner-published-form .form-group-select .form-check-flex .form-check {
width: 100%;
margin: 0 0 10px;
}
/* Improve touch targets for mobile */
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input {
width: 18px;
height: 18px;
margin: 0 10px 0 0;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label {
padding: 5px 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
/* Better form validation display on mobile */
.banner-inner-published-form .form-group input:focus,
.banner-inner-published-form .form-group .form-select:focus {
border-color: #000;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input {
background-color: #FBFBFB;
border: 2px solid #000;
width: 13px;
height: 13px;
border-radius: 3px;
outline: none;
box-shadow: none;
margin: 0 10px 0 0;
cursor: pointer;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input:checked[type=checkbox] {
background-color: #000;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label {
color: #000;
font-size: 14px;
cursor: pointer;
margin-bottom: 0;
}
.banner-inner-published-form .form-group input {
background: #FBFBFB;
color: #000;
font-size: 16px;
width: 100%;
height: 35px;
border: 2px solid #b2b2b2;
border-radius: 0px;
padding: 10px 8px;
}
.banner-inner-published-form .form-group input::placeholder {
color: #b2b2b2;
font-size: 16px;
}
.banner-inner-published-form .form-group button.submit-btn {
background: #000;
color: #fff;
border: 2px solid #000;
font-size: 18px;
width: 100%;
height: 45px;
border-radius: 0px;
padding: 8px 10px;
margin: 10px 0 0 0;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
}
.banner-inner-published-form .form-group button.submit-btn:hover {
background: #000;
color: #fff;
border: 2px solid #000;
transform: scale(0.9);
}
/*========parsley=============*/
/*************sec 13****************/
.h_sec14 {
background: url(img/s14_banner.webp) no-repeat;
background-size: cover;
position: relative;
position: relative;
z-index: 999;
padding: 20px 0;
background-color: #fff;
}
.s14_box {
text-align: center;
}
.s14_box h2 {
color: #000;
font-size: 40px;
font-weight: 700;
line-height: 45px;
}
.s14_box p {
margin: 20px 0;
}
.s14_box ul li {
display: inline-block;
}
.h_sec14:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(img/s14_1.webp) no-repeat;
background-position: right;
background-size: contain;
}
.h_sec14:after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 70px;
background: url(img/s14_2.webp) no-repeat;
background-position: right;
z-index: -1;
background-size: contain;
}
.new-section-developers {
width: 100%;
background: #fff;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
overflow: hidden;
}
/*.new-section-developers .common-inn {
position: relative;
z-index: 1;
}*/
.new-section-developers .stick-developers-area {
margin-top: 30px;
position: fixed;
top: 50px;
z-index: 1;
width: 30%;
}
.new-section-developers .developers-title {
font-size: 40px;
font-weight: 700;
line-height: 54px;
letter-spacing: -.04em;
color: #00112b;
margin: 20px 0;
}
.new-section-developers .developers-title a {
color: #cb1d60;
text-decoration: underline;
}
.new-section-developers p {
color: #333;
font-size: 20px;
line-height: 28px;
margin: 0 0 20px 0;
}
.new-section-developers p a {
color: #333;
font-weight: 700;
text-decoration: underline;
}
.new-section-developers .developers-title .form-text {
font-size: 42px;
font-weight: 700;
display: block;
color: #000;
margin-top: 0.25rem;
}
.new-section-developers .developers-title span {
display: block;
background: linear-gradient(194deg, rgba(2, 223, 191, 1) 0%, rgba(15, 189, 164, 1) 60%, rgba(9, 158, 137, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: inline;
position: relative;
}
.new-section-developers .developers-title span:after {
position: absolute;
left: 0;
bottom: -18px;
margin: auto;
width: 102px;
height: 5px;
background: linear-gradient(194deg, rgba(2, 223, 191, 1) 0%, rgba(15, 189, 164, 1) 60%, rgba(9, 158, 137, 1) 100%);
content: "";
border-radius: 12px;
}
.new-section-developers .stick-developers-area .newsec-cta-btns {
margin: 40px 0 0 0;
}
.new-section-developers .stick-developers-area .newsec-cta-btns .popup-btn {
background-color: #fff;
color: #333;
font-weight: 600;
transition: all .3s ease-in-out;
border: 2px solid #cb1d60;
margin: 0 10px 10px 0;
padding: 10px 20px;
font-size: 18px;
cursor: pointer;
width: 175px;
border-radius: 3px;
}
.new-section-developers .stick-developers-area .newsec-cta-btns .popup-btn:hover {
background-color: #cb1d60;
color: #fff;
}
.new-section-developers .stick-developers-area .newsec-cta-btns .chat-btn {
background-color: #cb1d60;
color: #fff;
font-weight: 600;
transition: all .3s ease-in-out;
border: 2px solid #cb1d60;
margin: 0 10px 10px 0;
padding: 10px 20px;
width: 150px;
font-size: 18px;
cursor: pointer;
width: 175px;
border-radius: 3px;
}
.new-section-developers .stick-developers-area .newsec-cta-btns .chat-btn:hover {
background-color: #fff;
color: #333;
}
.new-section-developers .developers-right-bg {
width: 100%;
background: #000;
border-radius: 30px;
padding: 29px 29px 25px;
position: relative;
margin-top: 30px;
}
.new-section-developers .developers-right-bg:after {
content: "";
position: absolute;
border-left: 1px solid #fff;
left: 52px;
top: 30px;
height: 100%;
z-index: 1;
}
.new-section-developers .developers-right-bg .media {
display: flex;
align-items: flex-start;
}
.new-section-developers .developers-right-bg .number-one {
background: #00112b;
border: 2px solid #fff;
border-radius: 100%;
font-style: normal;
font-weight: 400;
font-size: 24px;
color: #fff;
margin-right: 25px;
width: 48px;
height: 48px;
line-height: 42px;
text-align: center;
z-index: 2;
}
.new-section-developers .developers-right-bg .media-icon-main {
margin-top: 9px;
}
.media-body {
-ms-flex: 1;
flex: 1;
}
.new-section-developers .developers-right-bg h5 {
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #fff;
}
.new-section-developers .developers-right-bg p {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 28px;
color: #fff;
margin-top: 20px;
}
.new-section-developers .developers-right-bg p a {
font-weight: 500;
color: #fff;
text-decoration: underline;
}
button.popup-btn {
background: #000;
color: #fff;
border: 2px solid #000;
padding: 10px 5px;
margin: 0 20px 0 0;
width: 200px;
}
a.read-more-btn {
background: #000;
color: #fff;
border: 2px solid #000;
width: 200px;
text-align: center;
padding: 10px 30px;
}
.stick-developers-area .website_btn {
justify-content: left;
}
.orange {
background: #000;
}
.blue {
background: #ff9a00 !important;
}
.h_sec3 {
position: relative;
z-index: 999;
}
.h_sec4.sec {
position: relative;
z-index: 999;
background: #fff;
/* margin-top: 20px; */
}
.h_sec6.sec {
position: relative;
z-index: 999;
background: #fff;
padding: 40px 0 0;
background-image: url(img/test.jpg);
}
.h_sec6.sec.home {
background: #fff;
}
.h_sec8.sec {
background: #fff;
position: relative;
z-index: 999;
padding: 40px 0 40px;
}
.h_sec12.sec {
/* background: url(img/s12_banner.png) no-repeat; */
background: linear-gradient(43deg, #f7b434 50%, #d79026 99%);
position: relative;
z-index: 999;
background-size: cover;
padding: 20px 0;
}
.h_sec13.sec {
background: #fff;
position: relative;
z-index: 999;
}
.h_sec1.sec {
background: #fff;
}
.h_sec15 {
background: #fff;
background: #00000073 url(img/s15_banner-1.png) no-repeat;
background-size: cover;
color: #fff;
background-blend-mode: color;
}
.s15_top {
text-align: center;
margin: 0 0 40px;
}
.s15_top h2 {
color: #fff;
}
.s15_box img {
background: #fff;
padding: 10px;
border-radius: 50%;
height: 60px;
}
.s15_box {
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.s15_box h3 {
font-weight: 600;
font-size: 30px;
}
/*inner section*/
/*inner section*/
/*Terms And Privacy Content Section Css Start Here*/
section.terms-privacy-wrap {
padding: 30px 0;
}
.terms-privacy-content .heading-two {
color: #000;
margin: 0 0 20px;
}
.terms-privacy-content p {
color: #000;
padding: 0;
}
.terms-privacy-content p strong {
color: #000;
}
.terms-privacy-content span {
color: #000;
font-size: 18px;
line-height: 24px;
margin: 10px 0 10px 0;
display: block;
}
.terms-privacy-content .heading-four {
color: #000;
margin: 0 0 15px;
}
.terms-privacy-content ul {
margin: 0 0 20px;
padding: 0 0 0 20px;
}
.terms-privacy-content li {
color: #000;
margin: 0 0 5px;
list-style: disc;
}
.terms-privacy-content li::marker {
color: #001d35;
}
.terms-privacy-content a {
color: #001d35;
transition: all .3s ease-in-out;
}
.terms-privacy-content a:hover {
color: #000;
}
/*Contact Banner Section Css Start Here*/
section.contact-banner-sec {
background-image: url(img/contact-banner-bg.webp);
}
.contact-banner-sec .banner-main-content .heading-one {
color: #fff;
font-size: 40px;
}
.contact-banner-sec .banner-main-content p {
color: #fff;
font-size: 18px;
margin: 20px 0;
}
.contact-banner-sec .banner-main-content .website-main-buttons button.popup-btn {
background: #fff;
color: #000;
border: 2px solid #fff;
}
.contact-banner-sec .banner-main-content .website-main-buttons button.popup-btn:hover {
background: #000;
color: #fff;
}
.contact-banner-sec .banner-main-content .website-main-buttons a.read-more-btn:hover {
background: #000;
border-color: #000;
}
/*Contact Banner Section Css End Here*/
/*Contact Page Form Section Css Start Here*/
/*section.contact-main-wrap.contact-page-form {*/
/* background: url(img/test.jpg);*/
/*}*/
/*.contact-page-form{*/
/* padding-top: 100px;*/
/*}*/
section.banner-main-sec.contact-banner-sec {
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 100%;
padding: 150px 0 50px;
position: relative;
z-index: 1;
}
.contact-main-wrap.contact-page-form .contact-main-image {
margin: 0 0 20px;
}
.contact-main-wrap.contact-page-form .contact-main-inner {
margin: 0 0 20px;
}
.contact-page-form .contact-page-info {
margin: 40px 0 0;
}
.contact-page-info .contact-info-box {
background: #000;
min-height: 120px;
max-height: 120px;
border-radius: 12px;
text-align: center;
padding: 15px 15px;
margin: 0 0 20px;
}
.contact-info-box h5 {
color: #fff;
font-size: 18px;
line-height: 22px;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
.contact-info-box h5 i {
font-size: 18px;
margin: 0 5px 0 0;
}
.contact-info-box a {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 20px;
word-break: break-word;
display: block;
transition: all .3s ease-in-out;
}
.contact-info-box a:hover {
color: #fff;
}
.contact-info-box p {
color: #fff;
font-size: 16px;
line-height: 20px;
margin: 0;
font-weight: 600;
}
.banner-main-content {
margin-top: 130px;
}
/*Contact Page Form Section Css End Here*/
/************************** Inner Pages ************************************/
.h_sec55{
padding:100px 0;
}
.h_main_banner {
background: url(img/about-us.jpg) no-repeat;
background-size: cover;
padding: 150px 0;
position: relative;
top: 85px;
text-align: center;
overflow: hidden;
}
.main_banner_box h2 {
color: #fff;
font-size: 70px;
text-transform: uppercase;
}
.h_sec12.sec.about {
/* background: url(img/s5_banner.png) no-repeat; */
background: linear-gradient(43deg, #f7b434 50%, #d79026 99%);
overflow: hidden;
}
.h_sec12.sec.about h2 {
color: #fff;
}
.h_sec12.sec.about p {
color: #fff;
font-size: 20px;
font-weight: 500;
}
.h_sec12.sec.about .call-btn1 {
background: #000;
}
.h_sec12.sec.about a {
margin: 0 0 0 40px;
}
.h_sec21 {
background: url(img/publishing.jpg) no-repeat;
background-size: cover;
padding: 150px 0 40px;
position: relative;
z-index: 91;
background-color: #0c283e !important;
}
.s21_left h1 {
color: #fff;
font-size: 50px;
line-height: 60px;
font-weight: 600;
}
.s21_left p {
color: #fff;
margin: 20px 0;
}
.h_sec21 .main_btn {
background: #000;
}
.s21_left ul li {
display: inline-block;
}
.s21_btn ul li {
display: inline-block;
}
.s21_left p {
font-size: 18px;
text-transform: capitalize;
}
.s21_bot h3 {
color: #fff;
font-size: 20px;
margin: 22px 0;
}
.s21_bot {
margin-top: 50px;
}
.banner-brands-items {
display: flex;
align-items: center;
}
.banner-brands-items img {
width: 160px;
height: 50px;
object-fit: scale-down;
}
.h_sec22 {
background: #f3f6f6;
position: relative;
z-index: 999;
}
.s22_top {
margin: 0 0 30px;
text-align: center;
}
.s22_top h2 {
color: #000;
font-size: 45px;
margin: 0 0 20px;
}
.s22_top p {
font-size: 16px;
line-height: 22px;
}
.s22_left {
margin-top: 120px;
}
.s22_left ul li {
margin: 0 0 40px;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 0px 15px -5px #1c88e8;
}
.s22_left ul li span {
color: #fff;
margin: 0px 0px 0 0px;
}
.s22_left ul li span img {
height: 40px;
}
.s22_left ul li h4 {
margin: 7px 0px 0 0;
font-size: 14px;
font-weight: bold !important;
display: inline-table;
text-transform: capitalize;
}
.s22_mid img {
height: 400px;
border-radius: 30px;
}
.s22_mid {
text-align: center;
}
.s22_btn {
text-align: center;
margin-top: 50px;
}
.s22_btn ul li {
display: inline-block;
}
.s22_btn .main_btn1 {
background: #000;
color: #fff;
}
.h_sec23 {
background: #f3f6f6;
border-bottom: 2px solid #fff;
position: relative;
z-index: 999;
}
.accordion_head {
color: #F95C19;
font-weight: 600;
font-size: 18px;
line-height: 36px;
position: relative;
background: #ffffff00;
/* -webkit-box-shadow: 0px 0px 7px 0.3px rgb(0 0 0 / 16%); */
color: #ffffff;
background: #000;
box-shadow: 0px 0px 7px 0.3px rgb(0 0 0 / 16%);
margin: 10px 0px 0px;
padding: 10px 20px;
display: block;
width: 100%;
cursor: pointer;
border: 1px solid #000;
border-radius: 10px;
}
.accordion_head:after {
content: "";
background-image: linear-gradient(to right, #00eda4, #6a7df1);
opacity: 0;
}
.accorion_head:hover:after {
opacity: 1;
}
.accordion_body {
background: #ffffff;
margin: 0 0 14px 0;
}
.accordion_body p {
padding: 20px 20px;
background: #ffffff;
color: #242424;
font-size: 16px;
line-height: 24px;
border-top: 1px solid;
}
.plusminus {
float: right;
color: #ffffff;
font-size: 30px;
padding: 2px 12px;
border-radius: 5px;
margin: -3px 15px 0 0;
font-weight: 600;
}
.head_bot.inner a {
color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
color: #000;
font-size: 15px;
}
.s23_left h2 {
color: #000;
font-size: 30px;
}
.s23_top {
text-align: center;
margin: 0 0 40px;
}
.s23_top img {
height: 60px;
}
.h_sec21.ghost {
background: url(img/writing.jpg)no-repeat;
background-size: cover;
}
.h_sec21.audio {
background: url(img/audio_banner.jpg)no-repeat;
background-size: cover;
}
.h_sec21.printing {
background: url(img/printing_banner.jpg)no-repeat;
background-size: cover;
}
.h_sec21.design {
background: url(img/design_banner.jpg)no-repeat;
background-size: cover;
}
.h_sec21.editing {
background: url(img/editing.webp)no-repeat;
}
.h_sec21.distribution {
background: url(img/distribution.jpg)no-repeat;
}
.h_sec21.marketing {
background: url(img/marketing.jpg)no-repeat;
}
.s55_top {
text-align: center;
margin: 0 0 30px;
}
.s55_box ul li {
/* display: inline-block; */
margin: 0 0 30px;
}
.s55_box ul {
column-count: 3;
}
/************************** Footer ************************************/
.footer-bottom {
padding: 10px 0;
border-top: 1px solid #000;
background: #000;
text-align: center;
z-index: 99
}
.footer-copyright p {
font-size: 13px;
font-weight: 700;
margin-top: 7px;
color: #fff;
}
.footer-copyright ul li {
display: inline-block;
margin: 7px 0 0 20px;
}
.footer-copyright ul li a {
font-size: 16px;
color: #fff;
}
.fot_bot b {
color:#f7b434;
}
footer {
width: 100%;
overflow: hidden;
/* background: #ff9a00; */
background-color: #000;
background-size: cover;
background-position: bottom;
position: relative;
z-index: 99;
}
.foot_top {
width: 100%;
overflow: hidden;
padding: 70px 0 40px;
color: #fff;
}
.foot_bot {
color: #fff;
width: 100%;
padding: 10px 0;
border: 1px solid #ffffff;
background: #212942;
}
.foot_bot p {
text-align: center;
color: #fff;
}
.foot_box {
width: 100%;
color: var(--white);
margin: 0 0 30px;
}
.foot_box h3 {
margin: 0 0 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
position: relative;
color: #ffffff;
}
.foot_box h3:before {
content: "";
bottom: -2px;
right: 50%;
left: 0;
position: absolute;
z-index: 1;
height: 2px;
width: 20%;
background: #ffffff;
}
.foot_box p {
color: #fff;
}
.foot_box ul {
padding: 0 0 0 18px;
}
.foot_box ul li {
line-height: 30px;
position: relative;
}
.foot_box ul li:before {
content: "";
width: 8px;
height: 8px;
border-radius: 50px;
position: absolute;
left: -20px;
top: 10px;
transition: ease .2s;
background: #f7b434;
}
.foot_box ul li a {
color: #fff;
transition: linear .2s;
font-size: 14px;
}
.foot_box ul li a:hover {
font-size: 14px;
color: #f7b434;
}
.foot_box ul li:hover:before {
transform: rotate(180deg);
}
.foot_box ul li span {
margin: 0 10px 0 0;
}
.footerimg {
margin-top: 20px;
}
/* About Us image Start */
.about-us-img {
position: relative;
max-width: 900px;
height: auto;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.about-us-img img.bg-img {
max-width: 100%;
height: auto;
display: block;
z-index: 1;
position: relative;
}
img.about-book {
position: absolute;
max-width: 750px;
top: 0;
left: -43%;
z-index: 2;
}
/* About Us image End */
/* Partner Section Start */
.platformsSection {
background-color: #fff;
padding: 4rem 0;
}
.platformsSection .sec-title::before {
background-color: #292e0a;
}
title::before {
left: 42%;
}
.platformsSection img {
margin: auto;
display: flex;
margin-top: 2rem;
}
/* Partner Section End */
/* Service Section Start */
.servicesSection {
/* background-color: #ff9a00; */
/* background: linear-gradient(43deg, #f7b434 70%, #d79026 99%); */
background-color: rgb(223, 223, 223);
padding: 5rem 0px;
}
.servicesSection h2 {
padding-bottom: 10px;
/* color: #fff; */
}
.servicesSection h5,
.servicesSection p {
/* color: #fff; */
padding-bottom: 20px;
}
.serviceCard {
/* background-color: #000; */
background: linear-gradient(43deg, #f7b434 10%, #d79026 99%);
padding: 2rem;
margin: 5px;
border-radius: 25px;
height: 230px;
position: relative;
transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.serviceCard:hover {
background-color: #000;
transform: translateX(5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.serviceCard span {
font-size: 6rem;
color: rgba(255, 255, 255, 0.08);
position: absolute;
font-weight: bold;
top: -5%;
right: 5%;
pointer-events: none;
will-change: auto;
transform: translateZ(0);
}
/* .serviceCard div {
margin-bottom: 1.5rem;
} */
.serviceCard p {
color: #fff;
font-size: 14px;
}
.serviceCard h5 {
font-size: 18px;
color: #fff;
margin: 15px 0 0 0;
}
/* Service Section End */
/* Process Section Start */
.innerServices {
background-color: #efefef;
padding: 5rem 0;
}
.process-tab {
padding: 3rem 0;
}
.ghostdetails {
background: #ffffff;
padding: 40px;
border-radius: 0px 10px 10px 0px;
}
.custom-tab-list-ghost ul li {
padding-bottom: 1rem;
}
.custom-tab-list-ghost ul li a {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1rem 1.25rem;
background-color: transparent;
border-radius: 10px;
transition: all 0.3s ease;
text-decoration: none !important;
color: inherit;
}
.custom-tab-list-ghost ul li a:hover {
background-color: #f7f7f7;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
transform: translateY(-2px);
}
.custom-tab-list-ghost ul li a.active {
background-color: #e0dcdc4f;
border-left: 4px solid #292e0a;
}
.custom-tab-list-ghost ul li a .tabsicon {
flex-shrink: 0;
width: 50px;
height: 50px;
}
.custom-tab-list-ghost ul li a .tabsicon img {
width: 100%;
height: auto;
object-fit: contain;
}
.tabsContent {
flex: 1;
}
.tabsContent span.tabTitle {
font-weight: bold;
color: #292e0a;
font-size: 1.3rem;
display: block;
margin-bottom: 0.3rem;
}
.tabsContent p {
color: #292e0a;
font-size: 0.95rem;
line-height: 1.4;
margin: 0;
}
.tab-content>.active {
display: block;
}
.tab-content>.tab-pane {
display: none !important;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}
.tab-content>.tab-pane.active {
display: block !important;
opacity: 1;
height: auto;
visibility: visible;
}
.tab-content h4 {
padding: 10px 0;
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
color: #000;
line-height: 1.2;
}
.tab-content p {
color: #292e0a;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
}
/* Process Section End */
/* Our Published Work Start */
section.amazon-testimonails {
padding: 84px 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.amazon-test h3 {
font-size: 40px;
font-weight: 600;
line-height: 46px;
color: #000 !important;
}
.amazon-test span {
color: #000;
text-transform: capitalize;
}
.amazon-test p {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
color: #000;
}
.test-btn {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 24px;
}
.test-btn a {
color: white;
padding: 16px 17px;
border-radius: 15px;
font-size: 14px;
font-weight: 400;
}
.number-btn-test {
width: 100%;
margin-top: 15px;
}
.test-phone {
display: flex;
}
.test-head_phone {
padding-left: 10px;
}
.test-head_phone h2 {
font-size: 14px;
text-align: left;
font-weight: 400;
color: #000 !important;
}
.test-head_phone h4 {
font-size: 16px;
font-weight: 600;
color: #000 !important;
margin-top: -10px;
}
.test-icon_phone {
color: #000;
padding: 7px 17px;
font-size: 28px;
border: 1px solid #000;
border-radius: 500px;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.amazon-box {
background: #ffffff94;
padding: 30px 22px;
box-shadow: 3px 3px 29px #00000063;
border-radius: 24px;
height: 400px;
margin: 27px;
}
.amazon-author {
display: flex;
align-items: center;
align-content: center;
}
.author-img {
width: 100px;
}
.author-img img {
width: 50%;
}
.author-name h3 {
font-size: 20px;
font-weight: 500;
color: #052a3c;
}
.author-name p {
font-size: 14px;
font-weight: 400;
color: #000;
}
.amazon-des {
display: flex;
justify-content: center;
align-items: center;
margin-top: 18px;
}
.author-desc p {
font-size: 14px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
}
.author-book {
margin-right: -52px;
margin-top: -30px;
}
.author-book img {
width: 813px;
}
.amazon-publ-book {
display: flex;
}
.publish-book h3 {
font-size: 18px;
font-weight: 500;
color: #052a3c;
}
.amazon-img img {
width: 88%;
padding: 0px 8px;
}
.owl-theme .owl-controls {
display: none !important;
}
/* Our Published Work End */
/* Authors Reviews Start */
.authors-reviews {
background-color: rgb(240 240 240);
}
.mt-10 {
margin-top: 10px;
}
.reviews-trustpilot-wrap {
background: #DCF5FC;
padding: 50px 0;
background-image: url(images/og.html);
background-size: cover;
position: relative;
z-index: 999;
}
.reviews-trustpilot-wrap .reviews-trustpilot-head {
margin: 0 0 30px;
text-align: center;
}
.reviews-trustpilot-head .heading-two {
color: #0A2840;
margin: 0 0 10px;
font-size: 45px;
}
.reviews-trustpilot-head p {
color: #0A2840;
}
.reviews-trustpilot-items .slick-arrow {
display: none !important;
}
.reviews-tabscontent-box {
background: #ffffff;
box-shadow: 0 5px 20px -15px #0A2840;
padding: 10px 15px;
margin: 10px 10px;
transition: all .3s ease-in-out;
height: 200px;
overflow-y: auto;
}
.reviews-tabscontent-box::-webkit-scrollbar {
width: 7px;
}
.reviews-tabscontent-box::-webkit-scrollbar-thumb {
background-color: #0A2840;
border-radius: 10px;
}
.reviews-tabscontent-box:hover {
background: linear-gradient(180deg, rgba(230, 250, 255, 1) 0%, rgba(220, 227, 229, 1) 100%);
transform: scale(0.9);
}
.reviews-tabscontent-box .reviews-tabscontent-head {
display: flex;
align-items: center;
margin: 0 0 13px;
}
.reviews-tabscontent-head .reviews-tabscontent-thumb {
margin: 0 20px 0 0;
}
.reviews-tabscontent-head .reviews-tabscontent-thumb img {
width: 75px;
height: 75px;
border-radius: 25px;
box-shadow: 0 2px 20px -10px #000000;
}
.reviews-tabscontent-text .heading-six {
color: #0A2840;
font-size: 16px;
font-weight: 600;
margin-top: 12px;
}
.reviews-tabscontent-text .reviews-trustpilot-add {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.reviews-tabscontent-text .reviews-tabscontent-ratings {
/* background: #DCF5FC; */
padding: 7px 7px;
display: inline-flex;
align-items: center;
border-radius: 10px;
}
.reviews-tabscontent-ratings .ratings-stars-img {
display: flex;
align-items: center;
line-height: 0;
margin: 0 10px 0 0;
}
.reviews-tabscontent-ratings .ratings-stars-img img {
margin: 0 2px 0 0;
width: 120px;
}
.reviews-tabscontent-ratings span {
color: #0A2840;
font-size: 14px;
}
.reviews-trustpilot-add .reviews-trustpilot-icon {
margin: 0 0 0 70px;
display: block;
}
.reviews-trustpilot-add .reviews-trustpilot-icon p {
font-size: 12px;
}
.reviews-trustpilot-icon img {
width: 90px;
}
.reviews-tabscontent-para p {
color: #0A2840;
padding: 0 10px 0 0;
overflow-y: auto;
font-size: 12px;
}
.reviews-tabscontent-para p::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
border-radius: 10px;
}
.reviews-tabscontent-para p::-webkit-scrollbar {
width: 3px;
background: #eee3ff;
border-radius: 10px;
}
.reviews-tabscontent-para p::-webkit-scrollbar-thumb {
background-color: #0A2840;
border-radius: 10px;
}
/* new */
.review-box {
width: 280px !important;
padding: 13px 25px !important;
background-color: #aaaaaa;
margin: 30px 10px;
transition: .7s;
transform: scale(0.97);
height: auto;
}
.review-box-heading {
margin: 8px 0;
}
.review-box h6 {
font-weight: 700;
font-size: 17px;
margin: 10px 0;
}
/* Authors Reviews End */
/* Thank You Start */
.thnk_box {
background: #fff;
padding: 60px 200px 30px;
text-align: center;
margin: 200px 0;
-webkit-box-shadow: 0 0 68px 1px rgb(0 0 0 / 8%);
-moz-box-shadow: 0 0 68px 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 68px 1px rgb(0 0 0 / 8%);
}
.thnk_box h4 {
font-size: 25px;
margin: 0 0 20px;
font-weight: 700;
color: #000;
}
.thnk_box p {
margin: 30px 0;
line-height: 24px;
font-size: 17px;
}
.thnk_box p a {
color: #ff9a00;
}
.thnk_box p a:hover {
color: #000;
}
/* Thank You End */
/*responsive*/
@media screen and (max-width:1366px) {}
@media screen and (max-width:980px) {
h2 {
font-size: 30px;
font-weight: 500;
}
p {
font-size: 14px;
}
.sec_head h2 {
font-size: 30px;
}
.head_mid {
margin: 0 0;
text-align: center;
}
.logo {
margin: 5px 0;
}
.sec {
padding: 40px 0;
overflow: hidden;
}
.navbar-inverse .navbar-nav>li>a {
padding: 10px 5px;
}
.dropdown-menu {
top: 46px;
}
.head_menu ul li a {
padding: 7px 20px;
}
.sidebar_form_bg {
display: none;
}
.head_midbtn {
display: none;
}
.ban_left h1 {
font-size: 30px;
}
.ban_left p {
font-size: 18px;
}
.ban_img {
width: 80%;
}
.ban_form h3 {
font-size: 20px;
}
.form-btn {
font-size: 16px;
}
.left-hlf li p {
display: block;
margin-top: 10px;
}
.dir-help {
margin-right: 24px;
}
.accordion_head {
font-size: 16px;
}
.main_btn {
padding: 12px 30px;
}
.ban_list ul li {
font-size: 14px;
}
.foot_box {
margin: 0 0 20px;
}
button.cont_but {
width: 100%;
}
#CaptchaDiv0 {
width: 16%;
padding: 9px 7px;
}
.capbox-inner0 {
width: 78%;
margin: 0 0 0 10px;
}
#CaptchaInput0 {
margin: 0 0 0 7px;
width: 55px;
}
.terms_s_left {
padding: 0;
}
.rev_s1_left {
margin: 0 0 20px;
}
}
@media screen and (max-width:767px) {
.banner-inner-published-form {
margin: 20px 0;
padding: 15px;
border: 2px solid #000;
}
.banner-inner-published-form h4 {
font-size: 20px;
line-height: 24px;
text-align: center;
}
.banner-inner-published-form .form-group input,
.banner-inner-published-form .form-group .form-select {
height: 40px;
font-size: 14px;
padding: 8px;
}
.banner-inner-published-form .form-group-select h5 {
font-size: 16px;
margin: 15px 0 10px;
}
.banner-inner-published-form .form-group button.submit-btn {
height: 50px;
font-size: 16px;
margin: 15px 0 0 0;
}
.h_banner {
height: auto;
min-height: 100vh;
padding: 120px 0 40px;
}
@media (max-width: 767px) {
.s10_btn ul li,
a.call-btn1 {
width: 100%;
margin-bottom: 10px;
}
.thnk_box{
margin: 100px 0;
padding: 10px;
}
.ban_btn ul {
display: flex;
flex-direction: column;
}
.ban_btn ul li:first-child {
order: 2;
margin-top: 10px;
}
.ban_btn ul li:last-child {
order: 1;
}
.main_btn1{
width: 100%;
text-align: center;
margin-left:0px;
margin-bottom: 10px;
}
.ban_btn ul li {
width: 100%;
margin: 0 0 10px;
}
.ban_btn ul li a {
width: 100%;
display: block;
text-align: center;
padding: 12px 20px;
}
img.about-book {
display: none;
}
.h_main_banner{
padding: 120px 0 !important;
top: 0px;
}
.custom-tab-list-ghost ul li a {
flex-direction: column;
align-items: flex-start;
padding: 1rem;
}
.tabsContent span.tabTitle {
font-size: 1.1rem;
}
.custom-tab-list-ghost ul li a .tabsicon {
margin-bottom: 0.5rem;
}
}
.platformsSection img {
max-width: 90%;
}
.s15_box h3 {
font-weight: 600;
font-size: 18px;
margin: 20px 0 0;
}
.banner-brands-items img {
width: 160px;
height: 35px;
object-fit: scale-down;
margin: 0 0 20px;
}
.ban_right {
display: none;
}
.head_top ul li a {
padding: 0;
}
.banner-main-content {
margin-top: 0;
}
section.banner-main-sec.contact-banner-sec {
padding: 50px 0 50px;
}
.banner-main-img {
margin-top: 30px;
}
.ban_right.wow.animate__.animate__slideInRight.animated {
display: none;
}
.main_banner_box h2 {
color: #fff;
font-size: 40px;
}
.h_main_banner {
padding: 120px 0 200px;
}
.h_sec12.sec.about a {
margin: 0 0 0 0;
}
.h_sec21 {
padding: 40px 0 40px;
}
.s21_left h1 {
color: #fff;
font-size: 35px;
line-height: 50px;
}
.s22_left {
margin-top: 20px;
}
.s22_btn {
text-align: center;
margin-top: 0px;
}
.h_banner {
padding: 40px 0 40px;
/* background: #000; */
background-position: center;
height: auto;
min-height: 100vh;
}
.h_banner .container {
padding: 0 15px;
}
.h_banner .row {
flex-direction: column-reverse;
}
.h_banner .col-lg-6,
.h_banner .col-lg-5 {
width: 100%;
margin: 0 0 20px;
}
.ban_left {
text-align: center;
margin: 20px 0;
}
.ban_left h1 {
font-size: 28px;
line-height: 34px;
margin: 0 0 15px;
}
.ban_left h3 {
font-size: 18px;
margin: 0 0 10px;
}
.ban_left p {
font-size: 14px;
margin: 15px 0;
line-height: 1.5;
}
.frm-cntnt ul li a {
font-size: 16px;
}
.s4_box h3 {
font-size: 20px;
}
.new-section-developers .developers-right-bg p {
font-size: 14px;
}
.new-section-developers .developers-right-bg h5 {
font-size: 16px;
}
.s5_box ul li {
display: inline-block;
margin: 0 0 10px;
}
.s8_box {
height: 170px;
}
.plusminus {
float: right;
color: #ffffff;
font-size: 20px;
padding: 0;
border-radius: 5px;
margin: 0;
font-weight: 600;
}
.accordion_head {
font-size: 12px;
}
.s23_left {
margin: 0 0 30px;
}
.h_sec14:before {
display: none;
}
.h_sec14:after {
display: none;
}
.s7_box h2 {
font-size: 30px;
}
.s7_box {
margin: 0 0 20px;
}
.s7_box h5 {
font-size: 20px;
}
.new-section-developers .developers-title {
font-size: 20px;
line-height: normal;
}
.new-section-developers p {
color: #333;
font-size: 16px;
line-height: 28px;
}
.s11_right p {
margin: 0 0 20px;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label {
color: #000;
font-size: 12px;
}
/* Additional mobile fixes for banner form */
.banner-inner-published-form .form-group-select .form-check-flex {
flex-direction: column;
align-items: stretch;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check {
width: 100%;
margin: 0 0 8px;
padding: 5px 0;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input {
margin: 0 8px 0 0;
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label {
font-size: 13px;
line-height: 1.3;
}
form.serv-published-form.form-submit h3 {
font-size: 20px;
}
.ban_left {
margin-top: 0;
}
.h_sec14 {
background-position: bottom;
}
.frm-cntnt ul {
padding-left: 0;
padding-top: 80px;
}
.new-section-developers .stick-developers-area {
margin-top: 0;
position: relative;
top: 0;
z-index: 1;
width: 100%;
}
.new-section-developers .developers-title .form-text {
font-size: 34px;
}
.new-section-developers {
width: 100%;
background: #fff;
padding-top: 0;
}
button.popup-btn {
width: auto;
}
.s5_box {
text-align: center;
}
.s5_right {
display: none;
}
.s6_box {
height: 165px;
}
.s15_box {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 0 30px;
}
.foot_box img {
height: 90px;
}
.main_btn {
padding: 10px 10px;
}
h2.main-title.mb-4 {
margin: 0 0 10px;
}
section#process {
display: none;
}
h2 {
font-size: 26px;
font-weight: 600;
}
.sec {
padding: 30px 0;
overflow: hidden;
}
.sec h2 {
font-size: 20px;
line-height: normal;
font-weight: 700;
}
a.main_btn {
width: 100%;
text-align: center;
}
button.navbar-toggle {
margin: -44px 0 0;
background-color: #000;
}
.header {
position: relative;
background: #000;
}
.head_mid {
margin: 0;
}
.logo {
text-align: left;
}
.modal-content {
width: 314px;
}
.navbar-inverse .navbar-toggle {
border-color: #ffffff;
}
.head_mid .navbar-nav>li {
display: block;
float: none;
text-align: center;
}
.navbar-inverse .navbar-nav>li>a {
padding: 4px 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
text-align: center;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
margin-top: 10px 0 0;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
}
.head_b_btn {
width: 100%;
text-align: right;
position: relative;
display: none;
}
.navbar-inverse .navbar-nav>li>a {
color: #000;
font-size: 15px;
font-weight: 600;
}
.terms_section {
padding: 30px 0;
}
.inner_page_banner {
padding: 30px 0 30px;
}
.terms_section_form {
width: 100%;
margin: 0;
}
.terms_section_form h2 {
font-size: 30px;
}
.modal-dialog {
max-width: 340px;
margin: 30px auto 0;
}
.pop_heading h5 {
font-size: 10px;
margin: 0;
border-left: none;
padding: 22px 0 0 13px;
}
.pop_heading h4 {
font-size: 12px;
}
.pop_heading {
padding: 0;
}
.modal-body p {
display: none;
}
#CaptchaDiv0 {
width: 100%;
}
.capbox-inner0 {
width: 100%;
margin: 0 0 0 0px;
}
#CaptchaInput0 {
width: 57px;
margin: 1px 0px 1px 0;
}
button.cont_but {
width: 100%;
}
.foot_box ul li {
line-height: 30px;
position: relative;
font-size: 14px;
}
}
/*Terms Satrt*/
/*Terms And Privacy Banner Css Start Here*/
section.terms-conditions-banner {
background: linear-gradient(43deg, #f7b434 50%, #d79026 99%);
padding: 180px 0 50px;
position: relative;
z-index: 1;
overflow: hidden;
}
.terms-conditions-banner .terms-banner-content {
text-align: center;
}
.terms-banner-content h1 {
color: #fff;
font-size: 65px;
font-weight: 700;
line-height: 100px;
text-transform: uppercase;
}
/*Terms And Privacy Banner Css End Here*/
/*Terms And Privacy Content Section Css Start Here*/
section.terms-privacy-wrap {
padding: 30px 0;
}
.terms-privacy-content .heading-two {
color: #0A2840;
margin: 0 0 20px;
}
.terms-privacy-content p {
color: #0A2840;
padding: 0;
}
.terms-privacy-content p strong {
color: #000;
}
.terms-privacy-content span {
color: #0A2840;
font-size: 18px;
line-height: 24px;
margin: 10px 0 10px 0;
display: block;
}
.terms-privacy-content .heading-four {
color: #0A2840;
margin: 0 0 15px;
}
.terms-privacy-content ul {
margin: 0 0 20px;
padding: 0 0 0 20px;
}
.terms-privacy-content li {
color: #0A2840;
margin: 0 0 5px;
list-style: disc;
}
.terms-privacy-content li::marker {
color: #001d35;
}
.terms-privacy-content a {
color: #001d35;
transition: all .3s ease-in-out;
}
.terms-privacy-content a:hover {
color: #000;
}
/*Terms And Privacy Content Section Css End Here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*Terms And Privacy Banner Responsive Css Start Here*/
section.terms-conditions-banner {
padding: 120px 0 30px;
}
.terms-banner-content h1 {
font-size: 52px;
line-height: 58px;
}
/*Terms And Privacy Banner Responsive Css End Here*/
/*Terms And Privacy Content Section Responsive Css Start Here*/
.terms-privacy-content span {
font-size: 16px;
line-height: 22px;
}
/*Terms And Privacy Content Section Responsive Css End Here*/
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
/*Terms And Privacy Banner Responsive Css Start Here*/
section.terms-conditions-banner {
padding: 120px 0 30px;
}
.terms-banner-content h1 {
font-size: 42px;
line-height: 48px;
}
/*Terms And Privacy Banner Responsive Css End Here*/
/*Terms And Privacy Content Section Responsive Css Start Here*/
.terms-privacy-content span {
font-size: 16px;
line-height: 22px;
}
/*Terms And Privacy Content Section Responsive Css End Here*/
}
@media only screen and (min-width: 300px) and (max-width: 575px) {
/*Terms And Privacy Banner Responsive Css Start Here*/
section.terms-conditions-banner {
padding: 40px 0 30px;
}
.terms-banner-content h1 {
font-size: 42px;
line-height: 48px;
}
/*Terms And Privacy Banner Responsive Css End Here*/
/*Terms And Privacy Content Section Responsive Css Start Here*/
.terms-privacy-content span {
font-size: 16px;
line-height: 22px;
}
/*Terms And Privacy Content Section Responsive Css End Here*/
}
/*Terms End*/
:root{
--brand: #d79026; /* primary red from your theme */
--brand-dark:#d79026;
--ink: #222;
--muted:#555;
--line:#eaeaea;
--bg:#fff;
/* fluid type */
--fs-h1: clamp(1.8rem, 1.1rem + 2.5vw, 3rem);
--fs-h2: clamp(1.2rem, 0.9rem + 1vw, 1.6rem);
--fs-body: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
--radius: 12px;
--shadow: 0 8px 24px rgba(0,0,0,.08);
}
.blog-section{padding: clamp(2rem, 1.2rem + 3vw, 4rem) 0}
.blog-grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: clamp(1rem, 2vw, 2rem);
}
.blog-card{
grid-column: span 4; /* 3 per row on large screens */
border:1px solid var(--line);
border-radius:var(--radius);
overflow:hidden;
background:#fff;
box-shadow:var(--shadow);
transition:transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.blog-card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-content{padding:1rem 1rem 1.25rem}
.blog-content h2{font-size:var(--fs-h2);margin:.25rem 0 .5rem;font-weight:700;line-height:1.3;}
.blog-content h2 a{color: #000000; font-weight: 600; font-size: 21px;}
.blog-content p{color:var(--muted);margin:0 0 .9rem}
.read-more{color:var(--brand);text-decoration:none;font-weight:700}
.read-more:hover{text-decoration:underline; color: #f7b434;}
.internal_img{
height: 400px;
}
.internal_img {
height: 450px;
width: 100%;
object-fit: cover;
}
/* ====== Pagination ====== */
.pager{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.pager .page{
padding:.55rem .9rem;border:1px solid var(--line);border-radius:8px;
text-decoration:none;color:#333;background:#fff;
}
.pager .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.pager .page[aria-disabled="true"]{opacity:.4;pointer-events:none}
/* ====== Footer ====== */
.footer{background:#111;color:#eee;text-align:center;padding:2rem 0;margin-top:3rem}
.footer p{margin:0}
/* ====== Responsive Breakpoints ====== */
/* Large tablets / small laptops */
@media (max-width: 1100px){
.blog-card{grid-column: span 6;} /* 2 per row */
}
/* Tablets */
@media (max-width: 900px){
.nav-toggle{display:flex;margin-left:auto}
.nav{position:fixed;inset:64px 0 auto 0;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12);
transform:translateY(-120%);transition:transform .25s ease; }
.nav.open{transform:translateY(0)}
.nav-menu{flex-direction:column;align-items:stretch;padding:1rem}
.nav-menu li a{padding:.85rem 1rem;border-radius:8px}
.nav-menu li a:hover{background:#f7f7f7}
.nav-cta{margin: .5rem 0 0}
body.no-scroll{overflow:hidden}
}
/* Phones */
@media (max-width: 640px){
.logo img{height:32px}
.hero{padding: 3rem 0}
.blog-card{grid-column: 1 / -1;} /* 1 per row */
.blog-content{padding:.9rem}
}
/* Very small phones */
@media (max-width: 380px){
.btn-primary{padding:.55rem .85rem}
.banner-inner-published-form {
padding: 10px;
margin: 10px 0;
}
.banner-inner-published-form h4 {
font-size: 18px;
line-height: 22px;
}
.banner-inner-published-form .form-group input,
.banner-inner-published-form .form-group .form-select {
height: 45px;
font-size: 16px; /* Prevents zoom on iOS */
}
.banner-inner-published-form .form-group button.submit-btn {
height: 50px;
font-size: 16px;
padding: 12px 15px;
}
.ban_left h1 {
font-size: 24px;
line-height: 30px;
}
.ban_left h3 {
font-size: 16px;
}
.ban_left p {
font-size: 13px;
}
}
/* Motion safety */
@media (prefers-reduced-motion: reduce){
*{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}
.blog-section h5{
font-size: 20px;
margin: 20px 0px;
font-weight: 600;
}
.blog-section h1{
margin-bottom: 20px;
font-weight: 600;
}
/* Desktop only content - hide on mobile */
.desktop-only {
display: block;
}
@media screen and (max-width: 767px) {
.desktop-only {
display: none !important;
}
}