/* Project detail Start *****/
Project Name: Glorywebs
Project URL: https://www.glorywebs.com/
Version: 1.0
Description: Bootstrap5, HTML5, CSS3 and Fully Responsive Website.
Author: Glorywebs Team
/***** Project detail End *****/

*, ::after, ::before {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}
img {max-width: 100%; height: auto; width: auto;}
body {margin: 0; padding: 0; color: #1D1D1D; font-size: 21px; font-weight: 400; line-height: 1.5; font-family: "Poppins", sans-serif;}
a, a:hover {text-decoration: unset; outline: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.section-link {text-decoration: unset; outline: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer;}
p {margin-bottom: 20px;}
.down-angle-icon {background-image: url(../img/down-angle.png); width: 12px; height: 18px; display: inline-block; vertical-align: middle;}
.hidden {display: none;}
.menuopen {position: fixed; width: 100%; }
.iti {display: block !important;}
.iti__flag {background-image: url(../img/flags.png) !important;}
.iti--separate-dial-code .iti__selected-dial-code {display: none !important;}
.iti__selected-flag {padding: 0 5px !important;}
.iti__country-list {max-width: 230px;}
.iti__dial-code, 
.iti__country-name, .iti__flag-box {font-size: 14px;}
body.show {overflow: hidden;}
.services-mob-menu {display: none;}
.help-block {border-color: #f00 !important;}
span.help-block {display: none !important;}
.dropdown-inner-menu, .dropdown-menu-one {display: none;}
.dropdown-inner-menu.show, .dropdown-menu-one.show {display: block;}

/***** Header Start *****/
body {padding-top: 0 !important}
.header-space {padding-top: 67px;}
.site-header {background-color: #fff; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; transition: all ease-in-out 0.3s;border-bottom: 1px solid #f0f0f0; padding: 0 15px;}
.site-header .navbar {padding: 0;}
/*.site-header:after {content: ""; background-image: url(../img/sharp-down-shadow.png); width: 100%; height: 19px; display: inline-block; position: absolute; bottom: -19px; z-index: -1;}*/
.site-header.nav-up {top: -105px;}
.site-header .navbar-nav {padding-right:28px;}
.site-header .navbar-brand {padding: 0;}
.site-header .navbar .nav-item {margin: 0 12px; position:unset;}
.site-header nav .navbar-nav a.nav-link {font-size: 18px; font-weight: 400; line-height: 1.75rem; color: #1D1D1D; padding: 0; cursor: pointer; text-transform: uppercase;}
.site-header nav .navbar-nav a.nav-link svg {margin-left: 5px;}
.site-header nav .navbar-nav a.nav-link:hover {color: #EF5022;}
.site-header nav .navbar-nav a.nav-link:hover svg path {stroke: #EF5022;}
.site-header .navbar .nav-item.mr-plan-btn-wrp {margin-left: 90px;}
.site-header .mr-plan-btn-wrp.me-auto {margin-right: unset !important; }
.site-header .mr-plan-btn {font-size: 18px; font-weight: 500; line-height: 1.16; color: #fff; border: 1px solid #047ACF; background-color: #047ACF; padding: 10px 20px; display: inline-block; cursor: pointer; text-transform: uppercase;    -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.site-header .mr-plan-btn:hover {color: #047ACF; background-color: #ffffff;}
.site-header .mr-plan-btn svg {margin-left: 4px;}
.site-header .mr-plan-btn:hover svg path, .site-header .mr-plan-btn:focus svg path {stroke: #047ACF;}
.site-header .navbar-collapse {position: relative;}
/*.site-header .navbar-collapse .navbar-nav {max-height: 46px;}*/
.site-header .navbar-collapse .nav-item .nav-link {position: relative; padding: 20px 0;}
.site-header .navbar-collapse .dropdown-menu, .site-header .navbar-collapse .dropdown-menu-one {padding: 35px 30px; top: 100%; box-shadow: 0px 3px 6px 0px rgb(167 167 167 / 30%);  position: absolute;}
.site-header .navbar-collapse .dropdown-menu.show, .site-header .navbar-collapse .dropdown-menu-one.show {display: block !important;}
.site-header .navbar-collapse .dropdown-menu.full-width, .site-header .navbar-collapse .dropdown-menu-one.full-width {width: 1160px; right:0; border: none; border-top: 3px solid #ef5022; border-radius: 0;}
.site-header .navbar-collapse .dropdown-menu.small {width: 216px; left: -60px;}

.site-header .dropdown-menu ul, .site-header .dropdown-menu-one ul {list-style: none; padding-left: 0;}
.site-header .dropdown-menu a.services-title h4, .site-header .dropdown-menu-one a.services-title h4 {font-size: 18px; font-weight: 400;line-height: 1.2; color: #1D1D1D; margin-bottom: 20px; text-transform: uppercase;}
.site-header .dropdown-menu a.services-title h4:hover, .site-header .dropdown-menu-one a.services-title h4:hover { color: #EF5022;}
.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {font-size: 18px; font-weight: 400; line-height: 1; color: #696969; position: relative; border-radius: 6px; white-space: nowrap; display: flex; align-items: center; margin-bottom:25px;}
.site-header .dropdown-menu li:last-child a, .site-header .dropdown-menu-one li:last-child a {margin-bottom:0 !important;}
.site-header .dropdown-menu-one .dropdown-inner-menu a.last {margin-bottom: 40px !important;}
.site-header .dropdown-menu a:hover, .site-header .dropdown-menu a.active, .site-header .dropdown-menu-one a:hover, .site-header .dropdown-menu-one a.active {color: #EF5022;}
.site-header .dropdown-menu a.services-title, .site-header .dropdown-menu-one a.services-title {margin: 0; padding: 0; background: transparent;}
.site-header .dropdown-menu a svg, .site-header .dropdown-menu-one a svg {margin-right: 16px; min-width: 8px;}
.site-header .dropdown-menu .dropdown-title, .site-header .dropdown-menu-one .dropdown-title {color: #1D1D1D; text-transform: uppercase; margin-left: 0;}
.site-header .dropdown-menu .dropdown-title svg, .site-header .dropdown-menu-one .dropdown-title svg {margin-right: 12px;}
.site-header .dropdown-menu .second-serv, .site-header .dropdown-menu-one .second-serv {margin-top: 15px;}
.site-header .dropdown-menu.inner-submenu, .site-header .dropdown-menu-one.inner-submenu {padding:0 !important;}
.site-header .dropdown-menu .inner-menu-main, .site-header .dropdown-menu-one .inner-menu-main {background-color:#f5f5f5; padding:35px 30px;}
.site-header .dropdown-menu .inner-menu-main a, .site-header .dropdown-menu-one .inner-menu-main a {margin-left: 12px;}
.site-header .dropdown-menu .inner-menu-item, .site-header .dropdown-menu-one .inner-menu-item {padding:35px 30px; width: 100%;}
.site-header .dropdown-menu .inner-menu-item row {width: 100%;}
.site-header .dropdown-menu .inner-menu-item .inner-menu-col, .site-header .dropdown-menu-one .inner-menu-item .inner-menu-col {padding-right: 36px;}
.site-header .dropdown-menu .inner-menu-item .hire-col, .site-header .dropdown-menu-one .inner-menu-item .hire-col  {padding-right: 28px;}
.site-header .dropdown-menu .inner-menu-item .hire-col.one, .site-header .dropdown-menu-one .inner-menu-item .hire-col.one {width: 33%;}
.site-header .dropdown-menu .inner-menu-item .hire-col.two, .site-header .dropdown-menu-one .inner-menu-item .hire-col.two {width: 37%;}
.site-header .dropdown-menu .inner-menu-item .hire-col.three, .site-header .dropdown-menu-one .inner-menu-item .hire-col.three {width: 30%;}
.site-header .dropdown-menu .inner-menu-title, .site-header .dropdown-menu-one .inner-menu-title {font-size:18px; line-height: 1; color:#1D1D1D; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e1e1e1;}
.site-header .dropdown-menu .inner-menu-title.diff {margin-top: 20px;}
.site-header .dropdown-menu .inner-menu-title.digital, .site-header .dropdown-menu-one .inner-menu-title.digital {margin-top: 16px;}
.site-header .dropdown-menu .digital-link a, .site-header .dropdown-menu-one .digital-link a {padding-right: 37px; white-space: nowrap; margin-bottom: 0;}

/***** Header End *****/

/***** Footer Start *****/
footer {background-color: #373D42; padding: 2.5rem 0;}
footer h2 {font-size: 20px; font-weight: 500; line-height: 1.375; color: #fff; margin-bottom: 1.25rem;}
footer .address-wrap {margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.10); margin-left: 0; margin-right: 0;}
footer .address-item-title img{margin-right: 10px;}
footer .address-item-title {font-size: 1.25rem; font-weight: 500; line-height: 1.375; margin-bottom: 16px; color: #fff;}
footer .address-item-detail {font-size: 1.125rem; line-height: 1.375;color: rgb(255 255 255 / 0.5);}
footer .contact-wrap {padding: 1.25rem;}
footer .contact-info-title {font-size: 1.25rem;font-weight: 500;line-height: 1.375;color: #ffffff; margin-bottom: 1rem;}
footer .contact-info-item {margin-bottom: 10px;}
footer .contact-wrap {border: 1px solid rgba(255, 255, 255, 0.10);}

footer .contact-info-item svg {margin-right: 10px;}
footer .contact-info-item a {font-size: 1.125rem; line-height: 1.25; color: #ffffff;}
footer .contact-info-item a:hover, footer .contact-info-item a:focus {color: #EF5022;}
footer .btn-primary {background-color: #EF5022;font-size: 20px; text-transform: uppercase; font-weight: 500; border: 1px solid #EF5022; box-shadow: none !important; outline: none; padding: 13px 15px; display: inline-block; margin-top: 10px;}
footer .btn-primary svg {margin-right: 4px}
footer .btn-primary:hover, 
footer .btn-primary:focus {background-color: transparent; border-color: #ffffff;}

footer .footer-menu {padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
footer .footer-menu a {font-size: 1.125rem; line-height: 1.5; white-space: nowrap; color: #ffffff;}
footer .footer-menu a:hover, footer .footer-menu a:focus {color: #EF5022;}
footer .review-wrap {border-bottom: 1px solid rgba(255, 255, 255, 0.10); padding-top: 30px; padding-bottom: 30px;}
footer .social-item {margin: 0 15px; display: inline-block;}
footer .social-item:hover path, footer .social-item:focus path {fill: #EF5022}
footer .copyright-wrap {padding-top: 30px;}
footer .copyright-text {font-size: 0.875rem; line-height: 1.25rem; color: rgb(255 255 255 / 0.5);}
footer .dmca-badge {margin-right: 12px;}
footer .copyright-menu-item {font-size: 0.875rem; line-height: 1.25rem;color: rgb(255 255 255 / 0.5);}
footer .copyright-menu-item:hover, 
footer .copyright-menu-item:focus {color: #EF5022;}
footer .copyright-menu-item:first-child {padding-right: 0.75rem; margin-right: 0.75rem; border-right: 1px solid rgb(255 255 255 / 0.1);}
footer .review-item.border-both {padding-left: 2.75rem; padding-right: 2.75rem; margin-left: 2.75rem; margin-right: 2.75rem; border-right: 1px solid rgba(255, 255, 255, 0.10); border-left: 1px solid rgba(255, 255, 255, 0.10);}

/***** Footer End *****/

/***** Copyright Start *****/
.copyright-sec {padding: 20px 0;}
.copyright-sec .copyright-text {font-size: 15px; font-weight: 400; line-height: 1.2; color: #585858;}
.copyright-sec .copyright-menu li {list-style: none; border-color: #C3C3C3; padding: 0 15px; line-height: 0;}
.copyright-sec .copyright-menu a {font-size: 15px; font-weight: 400; line-height: 1.2; color: #585858;}
.copyright-sec .copyright-menu a:hover {color: #EF5022;}
/***** Copyright End *****/

.single .banner-sec {padding: 100px 0;}
.single .banner-sec .vc_col-sm-6:first-child {width: 100%}
.single .banner-sec .vc_col-sm-6:last-child {display: none;}
.single .banner-sec h1 {font-size: 42px; line-height: 1.3; font-weight: 500; color: #ffffff; margin-bottom: 0 !important; text-align: center !important;}
.single .banner-sec p {font-size: 16px; margin-bottom: 16px !important; text-align: center;}

.single .blog-content-row {max-width: 810px;}

.blog-singlepage-sec .last-child-ul ul li strong:before {background-image:url(../img/check-mark.svg);}

/*AI Box*/
    .inner-submenu {height: 535px;}
    .inner-menu-main a {margin-bottom: 30px !important;}
	.inner-menu-main a svg {min-width: 24px !important; margin-right: 16px !important;}
    .ai-box-big {margin-top: 40px; background: url(../img/build-ai-web-solutions.webp) no-repeat #010101; background-size: cover; background-position: center; display: flex; justify-content: space-between; align-items: center; padding: 18px; }
	.ai-box-big .title {display: flex; align-items: center; color: #FFFFFF; font-size: 18px; font-weight: 500; line-height: 1.167; margin-bottom: 8px; }
	.ai-box-big .title svg {display: inline-block; max-width: 100%; margin-right: 8px; }
	.ai-box-big p {font-size: 14px; line-height: 1.5; color: #FFFFFF; font-weight: 300; margin-bottom: 0; }
	.button {background-color: #EF5022; font-size: 18px !important; text-transform: uppercase; font-weight: 600 !important; line-height: 1.16 !important; border: 1px solid #EF5022; box-shadow: none !important; outline: none; padding: 12px 15px; display: flex !important; align-items: center !important; color: #FFFFFF !important; border-radius: 0 !important; justify-content: center !important; margin: 0 !important;}
	.button svg {margin-left: 10px; display: inline-block; margin-right: 0 !important;}
	.button:hover {background-color: transparent; border-color: #FFFFFF; }

	.ai-box-two {margin-left: auto; max-width: 280px; background: url(../img/get-ai-solutions.webp) no-repeat #010101; background-size: cover; background-position: center; padding: 25px;}
	.ai-box-two .title {margin-bottom: 12px; line-height: 1.167; font-weight: 500; font-size: 24px; color: #FFFFFF; }
	.ai-box-two P {font-size: 18px; font-weight: 300; line-height: 1.5; margin-bottom: 130px; color: #FFFFFF;}

@media only screen and (max-width: 1199px) {
    .ai-box-big, .ai-box-two {display: none !important;}
}

/***** Media Start *****/
@media only screen and (min-width: 768px) {
	footer {padding: 56px 0;}
	footer .address-wrap {padding: 2.25rem 1.25rem;}
	footer .address-wrap .address-item {padding: 0 33px;}
	footer .border-both {border-left: 1px solid rgb(255 255 255 / 0.1);border-right: 1px solid rgb(255 255 255 / 0.1);}
}
@media only screen and (min-width: 1200px) {
	.site-header .navbar-expand-xl .navbar-nav .nav-link {padding-right: 0; padding-left: 0; display: flex; align-items: center;}
	.agency-wrap {width: 19%;}
	.digital-marketing-wrap {width: 28%;}
	.web-development-wrap {width: 28%;}

	footer .col-lg-9 {width: 72%;}
	footer .col-lg-3 {width: 28%;}
	footer .address-wrap {margin-bottom: 0;}
	footer .contact-wrap {padding: 2.25rem 2rem;}
	footer .contact-wrap  {border-left: 0;}
	
}

@media only screen and (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1194px;}
}
@media only screen and (max-width: 1279px) {
	.site-header .navbar-collapse .nav-item .nav-link {padding: 26px 0;}
	.site-header nav .navbar-nav a.nav-link {font-size: 15px; line-height: 1; }
}
@media only screen and (max-width: 1199px) {
	.container {max-width: 100%; padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 1199px) {
	.site-header .container {max-width: 100%;}
	.site-header .hamburger-menu {position: relative; width: 26px; height: 24px; transition: .5s ease-in-out; cursor: pointer; margin-left: 20px;}
	.site-header .hamburger-menu span {display: block; position: absolute; height: 3px; width: 100%; background: #363637; border-radius: 10px; opacity: 1; left: 0; transition: .25s ease-in-out;}
	.site-header .hamburger-menu span:nth-child(1) {top: 2px;}
	.site-header .hamburger-menu span:nth-child(2), 
	.site-header .hamburger-menu span:nth-child(3) {top: 10px;}
	.site-header .hamburger-menu span:nth-child(4) {top: 18px;}
	.site-header .hamburger-menu.open span:nth-child(1) {top: 18px; width: 0; left: 50%;}
	.site-header .hamburger-menu.open span:nth-child(2) {transform: rotate(45deg);}
	.site-header .hamburger-menu.open span:nth-child(3) {transform: rotate(-45deg);}
	.site-header .hamburger-menu.open span:nth-child(4) {top: 18px; width: 0; left: 50%;}
	.site-header .navbar-collapse {position: fixed; top: 0; right: -375px; bottom: 0; width: 100%; height: 100vh !important; max-width: 375px; z-index: 1025; background-color: #fff; display: block; transition: all 0.35s; padding-top: 60px; padding-bottom: 25px; overflow: auto;}
	.site-header .navbar-collapse.show {right: 0;}
	.site-header .navbar-collapse .hamburger-menu {position: absolute; right: 12px; top: 32px;}
	.site-header .navbar-collapse.show .hamburger-menu {position: fixed; z-index: 9999;}
	.site-header .navbar-collapse .navbar-nav {padding: 0 16px;}
	.site-header nav .navbar-nav .nav-link {display: none;}
	.site-header .navbar {padding: 12px 0;}
	.site-header .navbar .nav-item, .site-header .navbar-collapse .dropdown {padding: 0; margin: 0;}
	.dropdown-toggle, .mobile-btn {color: #1c1c1c; font-size: 18px; line-height: 1.75rem; font-weight: 500; text-transform: uppercase; padding: 12px 16px; background: #f5f5f5; justify-content: space-between; display: flex; margin-bottom: 3px; border: 0; width: 100%; transition: .3s;}
	.mobile-btn, .mobile-btn:hover {color: #1c1c1c;}
	.dropdown-toggle.show, .mobile-btn.show {margin-bottom: 0; background: #ef5022; color: #FFFFFF;}
	.dropdown-toggle.show svg path, .mobile-btn.show svg path {stroke: #FFFFFF;}
	.dropdown-toggle::after {content: none; background: transparent; }
	.site-header .navbar-collapse .dropdown-menu, .site-header .navbar-collapse .dropdown-menu-one {padding: 20px; margin: 0; box-shadow: none; border: unset !important; position: relative; background: #F5F5F5; margin-bottom: 3px;}
	.site-header .navbar-collapse .dropdown-menu.show, .site-header .navbar-collapse .dropdown-menu-one.show {transition: .5s; opacity: 1; visibility: visible; top: 100%; overflow: hidden;}
	.site-header .navbar-collapse .dropdown-menu.small, .site-header .navbar-collapse .dropdown-menu.full-width, .site-header .navbar-collapse .dropdown-menu-one.full-width {width: 100%; top: 0; right: 0; left: 0;}
	.site-header .dropdown-menu .inner-menu-main, .site-header .dropdown-menu-one .inner-menu-main {padding: 20px;}
	.site-header .dropdown-menu .inner-menu-item .inner-menu-col, .site-header .dropdown-menu .inner-menu-item .hire-col {padding-right: 12px;}
	.site-header .dropdown-menu .inner-menu-item .hire-col.one, .site-header .dropdown-menu .inner-menu-item .hire-col.two, .site-header .dropdown-menu .inner-menu-item .hire-col.three {width: 100%;}
	.site-header .dropdown-menu .inner-menu-title, .site-header .dropdown-menu-one .inner-menu-title {margin-top: 28px;}
    .site-header .dropdown-menu .inner-menu-title.mobile-title, .site-header .dropdown-menu-one .inner-menu-title.mobile-title {margin-top: 0px;}
    .site-header .dropdown-menu .dropdown-title, .site-header .dropdown-menu-one .dropdown-title {display: none;}
	.site-header .dropdown-menu a.services-title h4, .site-header .dropdown-menu-one a.services-title h4 {font-size: 18px; margin-bottom: 8px;}
	.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {font-size: 18px; margin: 0 0 20px; font-weight: 500;  }
	.navbar-overlay {display: block; opacity: 0; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.6); transition: opacity .35s .1s; pointer-events: none;}
	.navbar-overlay.show {pointer-events: all; opacity: 1; z-index: 50; transition: opacity .35s .1s;}
	.desk-btn {display: none !important;}
	.services-desk-menu {display: none !important;}
	.services-mob-menu {display: block;}
	.dropdown-menu-one a {margin-bottom: 28px !important;}
	.dropdown-menu-one .dropdown-inner-menu .inner-menu-title {margin-top: 20px;}
	.dropdown-menu-one .dropdown-inner-menu a {margin-left: 12px; font-weight: 400; margin-bottom: 20px !important;}
	.site-header .dropdown-menu .inner-menu-item row {width: unset;}
}
@media only screen and (max-width: 991px) {
	footer .address-wrap.h-100, 
	footer .contact-wrap.h-100 {height: unset !important;}

	.getaquotepopup .contact-form-wrap {max-width: unset;}

	.banner-sec h1 {font-size: 50px; margin-bottom: 24px;}
	.banner-sec p {font-size: 20px; line-height: 1.6;}	
} 
@media only screen and (max-width: 767px) {
	footer .address-wrap {border: none;}
	footer .address-wrap {margin-bottom: 0;}
	footer .address-wrap .address-item {border: 1px solid rgb(255 255 255 / 0.1); margin-bottom: 20px; padding: 20px;}
	footer .footer-menu {display: block !important;}
	footer .footer-menu a {margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 0.25rem;}
}

@media only screen and (max-width: 575px) {
	.header-space {padding-top: 70px;}
	.site-header .mr-plan-btn {display: none;}
	.site-header .navbar {padding: 22px 0;}

	footer .review-item {width: 45%; display: inline-block;}
	footer .review-item.border-both {padding: 0; margin: 0; border: 0;}

}
@media only screen and (max-width: 480px) {
	.header-space {padding-top: 72px;}
/*	.site-header .navbar-brand {margin-right: 5px; max-width: 150px;}*/
	.site-header .mr-plan-btn-wrp {margin-right: 10px !important;}
	.site-header .mr-plan-btn {font-size: 15px; padding: 7px 10px;}
	.copyright-sec .copyright-menu li { padding: 0 10px; }
	.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {display: flex;}
	.site-header .navbar-collapse .navbar-nav {padding: 0 25px;}


	footer .review-item {width: 100%; display: block; text-align: center; margin-bottom: 20px !important;}
	footer .review-item:last-child {margin-bottom: 0 !important;}
	footer .dmca-badge {display: block; margin-right: 0; margin-bottom: 12px;}
	footer .copyright-text {margin-top: 0; margin-bottom: 10px !important;}
	footer .footer-menu a {margin-left: 0; margin-right: 0; width: 45%; text-align: left; display: inline-block;}
}