.google-plan-block { padding: 140px 0 80px;}
.ws_palns--container { width: 100%; padding: 65px; padding-top: 100px; position: relative; border-radius: 10px;}
.ws_palns--container.ws-starter { background-color: #eaf2fd;}
.ws_palns--container.ws-business { background-color: #cceaff;}
.ws_palns--heading { width: 60%; display: flex; align-items: center; background-color: #fff; position: absolute; top: -75px; left: 50%; transform: translate(-50%); border-radius: 80px; padding: 30px; box-shadow: 0 30px 60px rgba(39, 127, 225, 0.15); justify-content: left;}
.g-logo { width: 72px;}
.ws_palns--heading h3 { font-family: "robotoblack"; font-size: 34px; font-weight: 900; margin-left: 25px;}
.ws_palns--heading h3 span { font-family: "robotoregular"; display: block; font-size: 24px; font-weight: 500; color: #75838e; }
.faq__block { padding-bottom: 100px; background: #f0f5f9;}
.ws_palns--container .ws_storage { margin-bottom: 50px;}
.ws_palns--container .ws_storage p { font-size: 19px; margin-bottom: 15px;}
.ws_palns--container .ws_storage h1 { font-family: "robotolight"; color: #0e5a90; font-size: 67px;}

.ws--addon_softwares { background-color: #fff; padding: 35px 30px; text-align: center; font-size: 19px; border-radius: 10px;}
.ws--addon_softwares p { margin-bottom: 20px; font-size: 16px;    color: #6d84a4;}
.ws--addon_softwares .ws--sdofwares_icons { margin: 0; padding: 0; display: flex; justify-content: space-between;}
.ws--sdofwares_icons span { width: 62px; height: 62px; text-align: center; display: flex; align-items: center; background-color: #ecf3fd; justify-content: center; border-radius: 3px; }
.ws--addon_softwares span img { height: 32px; }

.ws_fecility { display: flex; align-items: center; justify-content: space-between; margin-top: 45px; }
.ws_fecility > div { text-align: center; width: 33.33%; border-right: solid 1px #a1b7d8; padding: 0 10px; }
.ws_fecility > div:last-child { border: none; }
.ws_fecility > div > img { width: 32px; height: 32px; object-fit: contain; }
.ws_fecility > div > span { font-family: "robotomedium"; font-size: 16px; display: block; color: #556378; margin-top: 25px; }
.ws__contactus { margin-top: 45px; }
.ws-starter .ws_fecility > div > img { filter: saturate(0.7) brightness(0.9) opacity(0.5); }
.blue__btn--large { min-width: 240px; display: inline-block; padding: 20px 0; font-size: 18px; background-color: #1583d2; border-radius: 40px; color: #fff; font-family: 'robotomedium'; text-align: center; border: none; box-shadow: 0 4px 13px rgba(39, 127, 225, 0.4);}
.blue__btn--large:hover { background: #289aea; color: #FFF; box-shadow: 0 0 10px rgba(39, 127, 225, 0.4); cursor: pointer; transition: 0.3s ease-in-out; } 

.sub-banner { position: relative; }
.img-responsive.ws-google { width:420px; position:absolute; top:40px;}

.gparnter--label { display: flex; justify-content: center; position: relative; margin-top: 45px; }
.gparnter--label::after { content: ""; width: 36%; height: 1px; position: absolute; top:50%; right: 0; background-color: #7eb9e3; }
.gparnter--label::before { content: ""; width: 36%; height: 1px; position: absolute; top:50%; left: 0; background-color: #7eb9e3; }
.gparnter--label img { width: 230px; }
.sub-banner-text.more-space { padding-top: 70px; }

/*Modal Style start*/

body.modal-open .header.fix-it .header-bottom { left: -8px; }
.modal.gservice__contact--modal { padding-right: 0 !important; }
.modal.gservice__contact--modal .modal-body { padding: 45px 40px; }
.gservice__contact--modal .modal-content { box-shadow: none; border-radius: 15px; }
.modal.gservice__contact--modal .modal-dialog { max-width: 440px; }

.g_service--contact h1 { font-family: "robotoblack"; color: #33383c; margin-bottom: 30px; }
.g_service--contact label { color: #828b93; font-size: 14px; }
.g_service--contact .blue__btn--large { width: 100%; margin-top: 20px; }

.g_service--contact .form_field { margin-bottom: 15px; } 
.g_service--contact .form_field input[type="text"],
.g_service--contact .form_field input[type="email"],
.g_service--contact .form_field input[type="tel"] { background-color: #dbe8f6; border: solid 1px #dbe8f6; height: 56px; width: 100%; padding: 0 15px; color: #5f7289; }
.g_service--contact .form_field input[type="text"]:focus,
.g_service--contact .form_field input[type="email"]:focus,
.g_service--contact .form_field input[type="tel"]:focus { box-shadow: none; border: solid 1px #1583d2; transition: 0.2s ease-in-out;  }
.g_service--contact .close__icon { margin-top: 15px; }


@media screen and ( max-width: 1200px ) {
    .ws_palns--container { padding: 100px 30px 30px 30px; }
    .ws_palns--heading { width: auto; }
}
@media screen and ( max-width: 992px ) {
    .ws_palns--container.ws-starter { margin-bottom: 150px; }
    .ws_palns--heading { justify-content: center; }
    .g-logo { margin-right: 20px; }
    .gparnter--label::before, .gparnter--label::after { z-index: -1; }
}

@media screen and (max-width: 768px){
    .google-plan-block { padding: 75px 0 50px; }
    .gparnter--label img { width: 170px; }
    .g-logo { width: 46px; }
    .ws_palns--heading { width: auto; padding: 25px; top: -45px; }
    .ws_palns--heading h3 { font-size: 25px; }
    .ws_palns--heading h3 span { font-size: 23px; }
    .ws_palns--container.ws-starter { margin-bottom: 100px; }
    .img-responsive.ws-google { display: none; }
    .modal.gservice__contact--modal .modal-dialog { max-width: 100%; }
}
@media screen and (max-width: 575.98px){
    .ws_fecility > div { border: none; }
    .ws_fecility > div > span { font-size: 13px; }
    .ws--addon_softwares span img { height: 24px; }
    .ws_palns--container { padding: 100px 10px 40px 10px; }
    .ws--addon_softwares { padding: 15px 10px; }
    .ws--sdofwares_icons span { background: none; }
    .ws_fecility, .ws__contactus { margin-top: 25px; }
    .modal.gservice__contact--modal .modal-body { padding: 25px; }
    .g_service--contact h1 { font-size: 26px; }
    .g_service--contact .close__icon { margin-top: 8px; }
}
@media screen and (max-width: 420px){
    .ws_fecility { flex-direction: column; gap:25px; }
    .ws_fecility > div > span { margin-top: 10px; }
}
/*** New Plans Section in home 16-08-2022 MSO ***/

.ourplans-home { padding: 0; }
.ourplans-home .tile_heading { display: flex; margin: 0 0 20px 0; }
.ourplans-home .tile_heading .tile_icon { display: block; margin: 0 15px 0 0; padding: 15px 0 0 0; height: 62px; width: 62px; border-radius: 50%; text-align: center; }
.ourplans-home .tile_heading .tile_icon img { width: 26px; object-fit: contain; object-position: center; height: 32px;}
.ourplans-home .tile_heading .icon-bg { 
    box-shadow: 0px 23px 54px 0px rgba(106,128,219,0.44);
    -webkit-box-shadow: 0px 23px 54px 0px rgba(106,128,219,0.44);
    -moz-box-shadow: 0px 23px 54px 0px rgba(106,128,219,0.44);
    background: rgb(3,85,151); background: -moz-linear-gradient(180deg, rgba(3,85,151,1) 0%, rgba(144,206,254,1) 100%); background: -webkit-linear-gradient(180deg, rgba(3,85,151,1) 0%, rgba(144,206,254,1) 100%); background: linear-gradient(180deg, rgba(3,85,151,1) 0%, rgba(144,206,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#035597",endColorstr="#90cefe",GradientType=1);}
.ourplans-home .tile_heading h3 {font-size: 28px; color: #00294a; font-weight: 900; margin: 0 0 5px 0;}
.ourplans-home .tile_heading h6 {font-size: 19px; color: #3b5770; font-weight: 300;}
.ourplans-home .tile_boby { min-height: 430px; border-radius: 20px 20px 0 0; color: #66748f; padding: 40px 30px; border: solid 2px #d5e3ff; border-bottom: none; background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,234,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,234,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,234,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dfeaff",GradientType=1);  }
.ourplans-home .tile_boby p { font-size: 15px; line-height: 26px; margin: 0; }
.ourplans-home .tile_boby ul { margin-top: 30px; padding: 0; }
.ourplans-home .tile_boby ul li { background: url(../img/homeplan-feature-listing.svg) no-repeat top left; padding: 0 0 0 30px; margin: 0 0 15px 0; font-size: 16px; }
.ourplans-home .tile_boby ul li:last-child { margin: 0; }
.ourplans-home .tile_boby ul li strong {color: #313d56;}
.ourplans-home .tile_footer { background-color: #195179; color: #fff;  border-radius: 0 0 20px 20px; display: flex; flex-direction: column; padding: 25px 0 35px 0; align-items: center;}
.ourplans-home .tile_footer .plan_action { margin-top: 15px; }
.ourplans-home .orange-btn { position: relative; background-color: #fda11a; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 18px 60px 18px 36px; border-radius: 30px;}
.ourplans-home .orange-btn::after { content: "\f144"; font-family: "fontawesome"; position: absolute; right: 25px; top:50%; transform: translateY(-50%);  }
.ourplans-home h1 { font-size: 50px; color: #fff; margin-right: 10px; }
.ourplans-home .plan_figure {display: flex; align-items: center; color: #9ed6ff; align-items: flex-end;}
.ourplans-home .plan_figure label { display: block; margin: 0; font-size: 24px; line-height: 26px; }
.ourplans-home.domain-reg h2 { color: #fff; font-size: 38px; font-family: 'robotobold'; }
.ourplans-home.domain-reg h5 { color: #fff; font-size: 30px; }
.ourplans-home.domain-reg .tile_boby { height: 100%; border: solid 2px #195179; position: relative; border-radius: 15px; padding-bottom: 200px; background: rgb(233,239,250);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(134,180,219,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(134,180,219,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(134,180,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9effa",endColorstr="#fff",GradientType=1);
}
.bg_icon { position: absolute; width: 100%; bottom: 0; left: 0; }
.bg_icon img { width: 100%; border-radius: 0 0 15px 15px; max-height: 215px; object-fit: cover; object-position: top;}
.ourplans-home.domain-reg .tile_heading { justify-content: space-between; }
.ourplans-home.domain-reg h1 { color: #152940; }
.ourplans-home.domain-reg .plan_figure { color: #4c6fa5; margin-top: 25px; }
.icon-orange {
    margin: 0;
    background: rgb(247,201,108);
    background: -moz-linear-gradient(0deg, rgba(247,201,108,1) 0%, rgba(251,169,128,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(247,201,108,1) 0%, rgba(251,169,128,1) 100%);
    background: linear-gradient(0deg, rgba(247,201,108,1) 0%, rgba(251,169,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7c96c",endColorstr="#fba980",GradientType=1);
    box-shadow: 0px 23px 54px 0px rgba(19,43,82,0.42);
    -webkit-box-shadow: 0px 23px 54px 0px rgba(19,43,82,0.42);
    -moz-box-shadow: 0px 23px 54px 0px rgba(19,43,82,0.42);
}
.ourplans-home .tile_heading .tile_icon.icon-orange { margin: 0; }

@media screen and ( max-width: 992px ) {
    .ourplans-home { margin-top: 50px; }
}


.light-gradient_01 {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(239,245,251,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(239,245,251,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(239,245,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eff5fb",GradientType=1);
}
.about-intro {padding: 60px 0; }
.about-intro img {width: 100%; max-width: 460px }
.about-intro .intro-text {padding-top: 40px; padding-left: 90px;}
.about-intro h2, .our-features-listing h2 {font-family: 'robotothin'; font-size: 60px; font-weight: 200; margin: 0 0 25px 0; color: #003878;}
.about-intro p {margin: 0 0 10px 0; color: #5D7180; }
.about-intro p.topline_1 {font-weight: 400; font-size: 18px; line-height: 24px;}

.our-history{background-color: #EFF5FB; padding: 60px 0;}
.our-history .row.last .left { padding: 0 !important;}
.our-history h1{ font-family: 'robotobold'; font-size: 60px; text-align: center; color: #003878; margin-bottom: 70px; }
.our-history figure {font-family: 'robotolight'; font-size: 120px; line-height: 95px; color: #0F7BCF; display: block; margin: 0; }
.our-history h5 { font-family: 'robotothin'; color: #003878; font-size: 50px; margin-top: 15px;}
.our-history p {    line-height: 28px;    color: #335B79;    margin: 0 0 15px 0;    font-size: 16px;}
.about-intro h2 {    margin: 0 0 40px 0;}
.our-history .desc-text {position: relative;}
.our-history .left {padding-bottom: 160px; position: relative;}
.our-history .right {padding-bottom: 50px; padding-top: 80px;}

.path-line-large, .path-line-small {display: block; position: absolute; z-index: 10; background-size: contain; right: -20px; }
.path-line-large {width: 353px; height: 156px; bottom:-45px; left: 36%; background: url(../img/curved_shape_large.svg) no-repeat;}
.path-line-large::after, .path-line-small::after {content: ""; height: 32px; width: 32px; background-color: #4D7FA6; position: absolute; }
.path-line-large::after { top: -10px; left: -12px; border-radius: 50%;}
.path-line-large .flow-icon-1, .path-line-large .flow-icon-2 {position: absolute; z-index: 1; }
.path-line-large .flow-icon-1 img, .path-line-large .flow-icon-2 img {object-fit: contain; object-position: center; width: 100%; height: 100%;}
.path-line-large .flow-icon-1 {top: -15px; left: -30px;}
.path-line-large .flow-icon-2 {bottom: -30px; right: -15px;}
.row.last .path-line-large {display: none;}
.row.last .right {padding-bottom: 0;}
.path-line-small {height: 176px; width: 213px; bottom: -50px; left: -260px; background: url(../img/curved_shape_small.svg) no-repeat;  }
.path-line-small::after { top: -10px; right: -11px; border-radius: 50%;}
.path-line-small .flow-icon-1 {position: absolute; z-index: 1; bottom: -30px; left: -30px;}

.right-gap {width: 100%; padding-right: 18%;}
.flow_year {margin-top: 0; position: relative;}
.pt-0 {padding-top: 0 !important;}

.our-features-listing {padding: 70px 0;}
.our-features-listing .row > div {margin-top: 15px; margin-bottom: 15px;}
.our-features-listing h2 {text-align: center; margin:0 0 50px 0; display: block; line-height: 60px;}
.our-features-listing img {width: 67px; height: 50px; object-fit: contain; object-position: center; margin-bottom: 20px;}
.our-features-listing h6{ font-family: 'robotobold'; font-size: 18px;  color: #003878; margin-bottom: 10px;}
.our-features-listing p { line-height: 24px; }

@media screen and ( max-width: 1199.98px ) {
    .our-history .right, .our-history .left {padding: 0;}
    .our-history .row {margin-bottom: 70px;}

    .our-history figure {font-size: 80px;}
    .our-history h5 {font-size: 42px;}
    .row.last .path-line-large {display: block;}
    .path-line-large, .path-line-small {height: 70px; width: 70px; background: none; left: inherit; right: inherit; bottom: inherit}
    .path-line-large, .path-line-small { top: 50%; transform: translateY(-50px); right: 0; }


    .path-line-large::after {display: none;}
    .path-line-large .flow-icon-1 {display: none;}
    .path-line-large .flow-icon-2, .path-line-small .flow-icon-1 {right: inherit; bottom: inherit; left: inherit;}
    .path-line-small::after {display: none;}
    .our-history .left{padding-right: 70px;}
    .our-history .left::after {
        content: ""; width: 2px; height: 100%; right: 35px; top: 0; background-color: #0F7BCF; position: absolute;
        background: rgb(239,245,251);
        background: -moz-linear-gradient(0deg, rgba(239,245,251,1) 0%, rgba(162,196,223,1) 50%, rgba(239,245,251,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(239,245,251,1) 0%, rgba(162,196,223,1) 50%, rgba(239,245,251,1) 100%);
        background: linear-gradient(0deg, rgba(239,245,251,1) 0%, rgba(162,196,223,1) 50%, rgba(239,245,251,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff5fb",endColorstr="#eff5fb",GradientType=1);
    }
}
@media screen and ( max-width: 991.98px ) {
    .about-intro {text-align: center; padding: 100px 0 60px 0;}
    .about-intro .intro-text {padding-left: 0;}
    .our-history .left::after {display: none;}
    .path-line-large, .path-line-small {top:65px; right: inherit; left: -50px;}
    .our-history .row {margin: 0 0 15px 0 0; padding-left: 90px;}
    .our-history .left {margin-bottom: 30px;}
    .our-features-listing {text-align: center;}
}

@media screen and ( max-width: 767.98px) {
    .our-history .row {padding-left: 0;}
    .path-line-large, .path-line-small {display: none;}
    .our-history h1 {font-size: 52px;}
    .about-intro h2, .our-features-listing h2 {font-size: 46px;}
    .our-history figure {font-size: 72px;}
    .our-history h5 {font-size: 38px; margin: 0;}
}
.top-box-one:hover {

    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    box-shadow: 0px 21px 24px 0px rgb(157 189 243 / 30%);
    -webkit-box-shadow: 0px 21px 24px 0px rgb(157 189 243 / 30%);
    -moz-box-shadow: 0px 21px 24px 0px rgba(157,189,243,0.3);
    border-radius: 0 0 15px 15px;

}


.top-box-one img { width: 122px; height: 115px; object-fit: contain; object-position: bottom; }