.pt-100{
    padding-top: 105px;
}
.banner-center-img img{
    transform: scale(1.2);
}
body {
background: var(--White, #F5F5F5);
}

a {
text-decoration: none;
}

header {
position: absolute;
z-index: 1;
width: 100%;
}

.navbar .navbar-nav li {
padding: 0px 10px 0px 10px;
}

.navbar li {
border-right: 1px solid #1C3B6B;
}

.no-border {
border: 0 !important;
}

#menu-top-menu li a {
color: var(--Navy, #1C3B6B);
font-family: Poppins;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hermes-banner {
background: url(https://insights.geeksforgrowth.com/assets/seo-page/images/banner-top.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
height: 780px;
position: relative;
padding-top: 150px;
}
.hermes-banner-bottom{
height: 400px;
background: #70C197;
margin-top: -70px;
}
footer {
background: #1C3B6B;
color: #ffffff;
position: relative;
}

.footer-logo {
width: 90%;
}

.gfg-typography {
color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.gfg-typography {
color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.gfg-green {
color: #6FC48E;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.gfg-footer1 li a {
color: #6FC48E;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.gfg-footer2 li a {
color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.gfg-footer1 li,
.gfg-footer2 li {
margin-left: 2rem !important;
}

.mt-100 {
margin-top: 150px;
}

.progress {
height: 45px;
border-radius: 10px;
border: 1px solid var(--Blue-chill, #2273BC);
background: #EBEBEB;
margin-bottom: 10px;
}

.progress-bar {
flex-direction: row !important;
justify-content: space-between !important;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}

.progress-website {
color: var(--White, #F5F5F5);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.progress-score-heading {
color: var(--White, #F5F5F5);
text-align: right;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.progress-score {
color: var(--White, #F5F5F5);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.tc-border {
border-radius: 30px;
background: var(--White, #F5F5F5);
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.10);
padding: 80px 40px 40px 40px;
}

.top-company {
margin-top: -190px;
}

.top-company-wrapper {
height: 100%;
}

.heading-2 h2 {
color: var(--Navy, #1C3B6B);
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.tp-para p {
color: var(--Navy, #1C3B6B);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.heading-1 h1 {
color: var(--Navy, #1C3B6B);
text-align: center;
font-family: Poppins;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.banner-para p {
color: var(--Navy, #1C3B6B);
font-family: Rubik;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.owl-theme .owl-nav [class*=owl-]:hover{
background:none;
}

.banner-para {
height: 100%;
align-items: center;
display: flex;
justify-content: flex-end;

}

.banner-btn {
height: 100%;
align-items: center;
display: flex;
justify-content: flex-end;
}

.banner-btn a {
border-radius: 64.5px;
border: 2px solid var(--Navy, #1C3B6B);
background: var(--Navy, #1C3B6B);
padding: 15px 50px 15px 50px;
color: var(--White, #F5F5F5);
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.boost {
background: #EBEBEB;
margin-top: 100px;
padding: 100px 0px 80px 0px;
}

.boost-wrapper {

height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;

}

.h-cards {

display: flex;
flex-direction: column;
justify-content: flex-end;
border-radius: 40px;
padding: 20px;
height: 500px;
}
.on-page{
background: url(https://insights.geeksforgrowth.com/assets/seo-page/images/on-page.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.tech-page{
background: url(https://insights.geeksforgrowth.com/assets/seo-page/images/tech.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.off-page{
background: url(https://insights.geeksforgrowth.com/assets/seo-page/images/off-page.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.h-cards h2 {

color: var(--White, #F5F5F5);
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

.h-cards p {

color: var(--White, #F5F5F5);
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

.testo-block {
border-radius: 40px;
border: 1px solid var(--Navy, #1C3B6B);
background: url(https://insights.geeksforgrowth.com/assets/seo-page/images/testimonial.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 40px 50px 40px 50px;
}

.head {
padding-bottom: 100px;
}

.testimonial {
margin-top: 60px;
}

.testimonial .head h2 {
color: var(--Lavendar, #E1BEE7);
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.testimonial .head p {
color: var(--Porcelain, #F2F2F2);
text-align: justify;
font-family: Rubik;
font-size: 28px;
font-style: italic;
font-weight: 800;
line-height: normal;
}

.testimonial .foot {
border-top: 2px solid #70C197;
}

.foot {
display: flex;
justify-content: space-between;
}

.foot {
padding-top: 50px;
}

.foot p {
color: var(--Porcelain, #F2F2F2);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


img {
width: 100%;
}


.tcinner {
position: sticky;
transition: ease .5s;
top: 5px;
}

.partner {
background: #EBEBEB;
margin-top: 100px;
padding: 50px 0px 100px 0px;
}

.partner h2 {
color: var(--Navy, #1C3B6B);
font-family: Rubik;
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

.spacer {
background: #1C3B6B;
height: 1px;
width: 100%;
margin: 50px 0px 50px 0px;
}

.partner p {
color: var(--Navy, #1C3B6B);
font-family: Poppins;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.partner-para {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}

.partner-btn {
padding-top: 50px;
}

.partner-btn a {
border-radius: 64.5px;
border: 2px solid var(--White, #F5F5F5);
background: var(--Navy, #1C3B6B);
padding: 15px 50px 15px 50px;
color: var(--White, #F5F5F5);
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
display: block;
}
/* contact */
.gfg-contact .container .contact-form-wrapper {
    border-radius: 40px;
    border: 2px solid var(--Midnight-Blue, #1C3B6B);
    background: var(--White, #FFF);
    padding: 44px 61px 44px 61px;
}
.contact-form-wrapper input[type=text] {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.40);
    border-radius: 0;
    padding-left: 0;
}
.contact-form-wrapper input[type=email] {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.40);
    border-radius: 0;
    padding-left: 0;
}
.contact-form-wrapper textarea {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.40);
    border-radius: 0;
    padding-left: 0;
}
.contact-form-wrapper label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.36px;
}
.contact-radio-wrapper input[type="radio"], .contact-radio-wrapper input[type="checkbox"] {
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.wpcf7-form-control-wrap {
    position: relative;
}
.contact-form-wrapper .wpcf7-radio, .contact-form-wrapper .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 31px;
}

input[type="radio"], input[type="checkbox"] {
    appearance: none;
    width: 22px;
    height: 22px;
    content: none;
    outline: none;
    margin: 0;
    border-radius: 100%;
    cursor: pointer;
}
input[type="radio"]:before, input[type="checkbox"]:before {
    position: absolute;
    color: #ffffff;
    background: #fff;
    content: "\00A0\2713\00A0";
    border: 1px solid #d3d3d3;
    font-weight: bolder;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    margin: 0;
    line-height: 20px;
}
input[type="radio"]:checked:before, input[type="checkbox"]:checked:before {
    position: absolute;
    color: #ffffff !important;
    background: #6FC48E !important;
    content: "\00A0\2713\00A0";
    border: 1px solid #6FC48E;
    font-weight: bolder;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    margin: 0;
    line-height: 22px;
}
.customize-primary-button {
    background: #1c3b6b !important;
    color: #ffffff !important;
}
.contact-form-btn {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: var(--Midnight-Blue, #1C3B6B);
    border: 0;
}
.contact-form-wrapper h2 {
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 125.643%;
    letter-spacing: -0.24px;
}
.contact-form-wrapper input[type=text]:focus {
    outline: 0;
    box-shadow: none;
}
.contact-form-wrapper input[type=email]:focus {
    outline: 0;
    box-shadow: none;
}
.contact-form-wrapper textarea:focus {
    outline: 0;
    box-shadow: none;
}
.gfg-contact{
    margin-top: 100px;
}
/* contact */
@media only screen and (min-width:1500px){
 .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: -90px;
}

.owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: -90px;
}

}

@media only screen and (max-width: 1700px) {

.gfg-typography,
.gfg-typography span {
    font-size: 20px;
}

.gfg-footer1 li a,
.gfg-footer2 li a {
    font-size: 20px;
}
}

@media only screen and (max-width: 1399px) {

.gfg-typography,
.gfg-typography span {
    font-size: 16px;
}

.gfg-footer1 li a,
.gfg-footer2 li a {
    font-size: 16px;
}

.navbar ul li a {
    font-size: 16px !important;
}
}
@media only screen and (max-width: 1199px) {
     /* contact */
     .contact-form-wrapper h2 {
        color: #000;
        font-size: 36px !important;
    }
    /* contact */
.gfg-typography {
    font-size: 12px;
}

section.top-company {
    margin-left: 15px;
    margin-right: 15px;
}
.gfg-green {
    font-size: 12px !important;
}

.h-cards.on-page {
    margin-bottom: 25px;
}


.boost{
    padding-top:100px;
}

.boost-wrapper {
text-align: center;
}

.banner-para p {
    color: var(--Navy, #1C3B6B);
    font-family: Rubik;
    font-size: 29px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner-para {
height: 100%;
align-items: center;
display: block;
justify-content: flex-end;
text-align: center;
}

.banner-center-img img {
transform: inherit;
max-width: 500px;
text-align: center;
margin: 0 auto;
}

.top-company {
margin-top: -111px;
}

.banner-btn {
margin: 7px 0px;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
}

.banner-center-img {
text-align: center;
}

.pt-100 {
padding-top: 34px;
}
}
@media only screen and (max-width: 767px) {
 /* contact */
 .gfg-contact .container .contact-form-wrapper {
    border-radius: 40px;
    border: 2px solid var(--Midnight-Blue, #1C3B6B);
    background: var(--White, #FFF);
    padding: 44px 20px 44px 20px;
}
.contact-form-wrapper h2 {
    color: #000;
    font-size: 36px !important;
    color: #000;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 114.5%;
    letter-spacing: 1.6px;
    text-transform: capitalize;
    max-width: 14ch;
    margin-bottom: 46px;
}
.contact-form-wrapper .wpcf7-radio, .contact-form-wrapper .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-row-gap: 31px;
}
   /* contact */   
ul#menu-footer-menu2 li {
margin-bottom: 20px;
margin-left: 0px !important;
}
ul#menu-footer-menu2 {
flex-flow: column;
padding-left: 0px;
}
ul#menu-footer-menu1 {
flex-flow: column;
margin-top: 20px;
}
ul#menu-footer-menu1 li {
margin-left: 0px !important;
margin-bottom: 20px;
}
.gfg-footer1 li a, .gfg-footer2 li a {
font-size: 12px;
}
.footer-logo {
width: 200px;
}
.heading-1 h1 {
    font-size: 26px;
}

.banner-para {
    padding-top: 50px;
    text-align: center;
}



.banner-btn {
    justify-content: center;
}

.banner-btn a {
    font-size: 14px;
}

.heading-2 h2 {
    font-size: 24px;
}

.tp-para {
    padding: 20px 0px 20px 0px;
}

.tp-para p {
    font-size: 14px;
}

.progress {
    height: 35px;
}

.progress-website {
    font-size: 12px;
}

.progress-score-heading {
    font-size: 12px;
}

.progress-score {
    font-size: 12px;
}

.boost {
    padding: 80px 0px 80px 0px;
    text-align: center;
}

.h-cards {
    margin-top: 20px;
}

.testo-block {
    padding: 40px 20px 40px 20px;
}

.testimonial .head h2 {
    font-size: 18px;
}
.testimonial .head p {

font-size: 22px;
}
.foot p {

font-size: 12px;

}
.partner h2 {

font-size: 24px;

}
.partner p {

font-size: 18px;

}
.partner-btn a {
font-size: 14px;
}
.owl-nav .owl-prev {
position: unset;
}
.owl-nav .owl-next {
position: unset;
}
.banner-center-img img {
transform: unset;
}
.pt-100 {
padding-top: 50px;
}
}