/*Landing Page*/



body {font-family: 'Poppins', sans-serif;}



.main-menu ul.navbar-nav li a {

    color: #000409 !important;

    font-size: 17px;

    font-weight: 600;

    padding: 0 14px !important;

}

nav.navbar.main-menu {

    position: absolute;

    top: 0;

    z-index: 9;

    width: 100%;

}



span.navbar-toggler-icon {

    background: url(../images/menu.png);

    background-size: 25px;

    background-repeat: no-repeat;

}

.navbar-toggler:focus {

    box-shadow: none;

}

.banner {

    background: url(../images/banner.png) no-repeat;

    padding-top: 90px;

    padding-bottom: 59px;

    min-height: 90vh;

    margin-bottom: 50px;

}



.seo-page-banner.banner.only-heading h1 {

    margin-top: 0px;

    font-size: 3rem !important;

    font-weight: 700;

}

.seo-page-banner.inner-banner::after {

    background: url(../images/banner-texture.svg) no-repeat center center / 100% auto;

    width: 300px;

    right: 390px;

    left: initial;

    opacity: .2;

}

.seo-page-banner.banner h1 p{

    font-size: 1.7rem !important;

	color: #051a41;

	padding-top:10px;

}

.seo-page-banner.banner.inner-banner p {

      font-size: 1.6rem;

}

.seo-page-banner .banner-form.p-4 .h2 {

    font-size: 1.5rem !important;

	color: #fff;

	padding-bottom:10px;

    position: relative;

}

.seo-page-banner .banner-form.p-4 .h2:after {

    content: '';

    position: absolute;

    height: 4px;

    width: 100px;

    background: #FF5800;

    left: 0;

    top: 30px;

    right: 0;

    margin: 0 auto;

}



.seo-page-banner .banner-form .border-bottom{

	border: 0px solid #46A9FE!important;

    background:#2677FF;

    color: #fff;

	font-size:13px !important;

    border-radius: 50px !important;

    padding: 15px 20px !important;

}

.seo-page-banner .banner-form .btn-secondary1{

	font-size: 18px;

}

.seo-page-banner .banner-form .btn-secondary1:hover{

	background-color:#fff;

	color:#FF5800;

}

.seo-page-banner.inner-banner::after {

	  background: url(../images/banner-texture.svg) no-repeat center center / 100% auto;

   

    width: 300px;

    right: 390px;    

    left: initial;

    opacity: .2;

}



.buttons-s a {

    border-color: transparent;

    color: #0d6efd;

    border-radius: 40px;

    padding: 0.75rem 2.5rem;

    border: 1px solid #0d6efd;

}



.buttons-s a:hover {

    border-color: transparent;

    color: white;

}

.buttons-s a.btn-op-s {

	color: white;

    background-color: #ff5800;

    box-shadow: 0px 6px 20px #2A84FC important;

    border: 0;

    padding: 0.75rem 2.5rem;

    box-shadow: 0 .5rem 1rem rgba(0,95,255,.5)!important;

    border-radius: 40px;

    text-decoration: none

}



.banner-form{

	position:relative;

}

/*.seo-page-banner .banner-form::after {

  background: url(../images/form-element-2.svg) no-repeat center center / 100% auto;

    width: 110px;

    height: 110px;

    content: '';

    position: absolute;

    bottom: 64px;

    left: -64px;

    z-index: -9;

}

.seo-page-banner .banner-form::before {

   	    width: 110px;

    height: 110px;

    content: '';

    background: url(../images/form-element-1.svg) no-repeat center center / 100% auto;

    position: absolute;

    right: -63px;

	z-index: -9;

}*/

.banner-form form#l-form {

    position: relative;

    z-index: 99;

}

.seo-page-banner ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: white !important;

  opacity: 1; /* Firefox */

}

.seo-page-banner :-ms-input-placeholder { /* Internet Explorer 10-11 */

 color: white !important;

}

.seo-page-banner ::-ms-input-placeholder { /* Microsoft Edge */

  color: white !important;

}

button#button {

    color: white;

    background-color: #ff5800;

    box-shadow: 0px 6px 20px #2A84FC important;

    border: 0;

    padding: 0.75rem 1.3rem;

    box-shadow: 0 .5rem 1rem rgba(255,88,0,.4)!important;

    border-radius: 40px;

}

.form-baner {

    background: #0d6efd;

}

.seo-page-banner .banner-form .border-bottom {

    border: 0px solid #46A9FE!important;

    background: #2677FF;

    color: #fff;

    font-size: 13px !important;

    border-radius: 50px !important;

    padding: 15px 20px !important;

}



.owl-nav {

    display: flex;

    justify-content: space-between;

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: 0 !important;

    transform: translateY(-50%);

}

.slider-logo .item {

    display: flex;

    justify-content: center;

}

.slider-logo .item img {

    max-width: 150px;

}

.slider-logo button {

    width: 29px;

    height: 29px;

    border-radius: 64px !important;

    border: 1px solid #bfbfbf !important;

    color: #bfbfbf !important;

    font-size: 18px !important;

}



.items-seo-content .content-seo h4 {

    font-size: 18px;

    font-weight: 600;

    padding-top: 20px;

    margin-bottom: 10px;

}

.items-seo-content .content-seo p {

    font-size: 14px;

    margin-bottom: 0;

}

.items-s-cont {

    padding: 20px;

    border: 1px solid #bdbdbd;

    border-radius: 8px;

    min-height: 275px;

    margin-bottom: 25px;

}

section.seo-services-section {

    background: #f9f9f9;

}



h3.head-mengos {position: relative;margin-bottom: 60px !important;}



h3.head-mengos:after {

    content: '';

    position: absolute;

    height: 4px;

    width: 100px;

    background: #FF5800;

    left: 0;

    top: 48px;

    right: 0;

    margin: 0 auto;

}



/*Basic*/

.Success-Stories .pricing {

display: flex;

flex-wrap: wrap;

justify-content: center;

}



.Success-Stories .plan {

    background-color: #f9f9f9;

    padding: 2.5rem;

    border-radius: 5px;

    text-align: center;

    transition: 0.3s;

    cursor: pointer;

    min-height: 588px;

}

.Success-Stories h2 {

  font-size: 22px;

  margin-bottom: 12px;

}



.Success-Stories .price {

    margin-bottom: 1rem;

    font-size: 20px;

    font-weight: 700;

}



.Success-Stories ul.features {

    list-style-type: none;

    text-align: left;

    padding: 0;

}

.Success-Stories button {

  border: none;

  width: 100%;

  padding: 12px 35px;

  margin-top: 1rem;

  background-color: #6ab04c;

  color: #fff;

  border-radius: 5px;

  cursor: pointer;

  font-size: 16px;

}



.Success-Stories .popular {

    border: 2px solid #6ab04c;

    position: relative;

    transform: scale(1);}



.Success-Stories span {

    position: absolute;

    top: -20px;

    left: 50%;

    transform: translateX(-50%);

    background-color: #ff5800;

    color: #fff;

    padding: 4px 20px;

    font-size: 18px;

    border-radius: 5px;

}



.Success-Stories ul.features li {

    font-size: 14px;

    padding-bottom: 10px;

    padding-top: 11px;

    border-bottom: 1px dotted #d7d7d7;

}

.Success-Stories ul.features li svg {

    color: #6ab04c;

    font-size: 14px;

    padding-right: 8px;

}

.table_head {

    background-color: #000000 !important;

    color: white;

    font-size: 18px;

}

.laptop-background tr.custom_content td {

    font-size: 14px;

    padding: 13px 15px;

}



.laptop-background tr th {

    padding: 13px 15px;

}

h4.heading_style {

    font-size: 19px;

    font-weight: 600;

    text-align: center;

    color: #ff5800;

}

p.testimonial_para {

    margin-bottom: 0;

    font-size: 14px;

    line-height: 1.7;

}

span.jaosrc {

    margin: 9px 0;

    display: block;

    font-size: 15px;

    color: #605f5f;

}

button#button:hover, .buttons-s a.btn-op-s:hover {

    background-color: #ffffff;

    color: #0d6efd;

}

.footer {

    /*background: url(../images/banner.png) no-repeat;*/

    padding-top: 30px;

    padding-bottom: 80px;

    min-height: auto;

    margin-bottom: 0;

        background-size: cover;
        background-image: none ;

}



.footer-osks p {

    font-size: 15px !important;

    line-height: 1.8;

}

section#Sucess-stor {
    padding-bottom: 40px;
}


section.banner.footer.footer-osks .section-title h2 span {

    color: #ff5800;

}

section.banner.footer.footer-osks .section-title h2 {

    font-size: 44px;

    font-weight: 700;

}

.contact-info-wrap .content span.title {

    font-size: 17px;

    font-weight: 600;

    display: block;

}

.contact-info-item .content span a {

    text-decoration: none;

    color: #000;

}

.contact-info-item .content span.title {

    margin-bottom: 5px;

}

.contact-info-wrap {

    border: 1px solid #b9b3b3;

    padding: 40px;

}

.copyright-text p {

    padding: 12px 0;

    font-size: 12px;

}

.Stories-sec-slider .owl-nav {

    justify-content: end;

    position: unset;

}



.Stories-sec-slider button {

    width: 29px;

    height: 29px;

    border: 1px solid #000 !important;

    color: #000 !important;

    font-size: 18px !important;

}

.thanks-pos-d {

    color: white;

    background-color: #ff5800;

    box-shadow: 0px 6px 20px #2A84FC important;

    border: 0;

    padding: 0.75rem 1.5rem;

    box-shadow: 0 .5rem 1rem rgba(0,95,255,.5)!important;

    border-radius: 40px;

    text-decoration: none;

}
.modal-header {
    border: 0 none;
    padding: 0;
}
.logo-sp.text-center a.navbar-brand {
    margin: 0 0 10px !important;
    display: block;
}
.logo-sp.text-center h5#staticBackdropLabel {
    background: #f1f7ea;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}
.modal-content {
    padding: 0 20px;
}
.modal-body {
    padding: 20px 0;
}
.modal-body form#contactform input::placeholder {
    color: #000;
}
.modal-body form#contactform input, .modal-body form#contactform select {
    font-size: 13px;
    height: 45px;
    color: #000;
}
.modal-body button#button {
    width: 200px !important;
    font-size: 14px;
    font-weight: 600;
    padding: 0 22px;
    margin: 0 auto;
}
.modal-header button {
    position: relative;
    top: 18px;
}
section#package-sp {
    background: url(../images/banner.png) no-repeat;
    padding-bottom: 70px !important;
}
/*Basic*/





/*Media Query*/

@media (max-width:767px) {

.seo-page-banner.banner.only-heading h1, .seo-page-banner .banner-form.p-4 .h2 {

    font-size: 1rem !important;

    text-align: center;

}

.rotateOutDownRight {

    text-align: center;

    margin-top: 30px;

}

.buttons-s {

    justify-content: center !important;

}

.seo-page-banner.banner h1 p {

    font-size: 1.5rem !important;

}

.seo-page-banner.banner.inner-banner p {

    font-size: 1rem;

    margin-bottom: 0;

}

.banner {

    padding-top: 75px;;

}

.buttons-s a, .buttons-s a.btn-op-s {

    padding: 0.45rem 1.7rem;

    font-size: 12px;

}

.form-baner.banner-form {

    margin-top: 55px;

}

.seo-page-banner .banner-form.p-4 .h2 {

    padding-bottom: 30px;

}



.slider-logo .item img {

    max-width: 110px;

}

h3.head-mengos {

    font-size: 16px;

}

.laptop-background tr th {

    font-size: 14px;

}

.mobile-poa-s {

    padding-left: 10px !important;

    padding-top: 50px;

}

.contact-info-wrap {

    margin-top: 30px;

}

section.banner.footer.footer-osks .section-title h2 {

    font-size: 30px;

}

div#navbarNavDropdown {

    background: #fff;

}

div#navbarNavDropdown ul.navbar-nav li {

    padding: 10px 0;

    border-bottom: 1px solid #e4e4e4;

}

button#button {

    padding: 0.3rem 1rem;

}

}

/*Media Query*/

