@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&family=Lexend+Deca:wght@200;300;400&family=Noto+Sans:wght@400;900&family=Noto+Serif&display=swap');
*{margin:0;padding:0;box-sizing: border-box;}
body{font-family: 'Lexend Deca', sans-serif !important;}
p {font-size: 18px !important;line-height: 30px;font-weight: 300 !important;color: #000;}

.breadcumbs a {color: unset !important;text-decoration: none;}

.navbar .nav-link {font-size: 16px !important;font-weight: 300 !important;}
.navbar .dropdown .dropdown-menu .dropdown-item {font-size: 16px !important;font-weight: 300 !important;padding-top: 15px;}
.navbar .nav-link .fa-angle-down{font-size: 13px !important;}
.navbar .home-btn{ box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border-radius: unset;font-weight: 300 !important;}
.navbar .btn{ box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #000; color: #000 !important;border-radius: unset;font-weight: 300 !important;}
.navbar .dropdown-menu {border-radius: unset;}
.navbar .dropdown a img {padding-right: 15px;width:40px;}
.navbar .solutions-right p {font-size: 16px !important;}
.navbar .company .dropdown-menu img { width:35px;margin-left: -20px;padding-right: 15px;}
.navbar .company .dropdown-menu .dropdown-item {padding: 10px 40px;font-size: 16px;}
.navbar .company .dropdown-menu .dropdown-item:hover {color: #fff;background: linear-gradient(45deg,#f1c777 0,#f5b94a 50%,#FFA604 100%)!important;}

a .home-call-icon {width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #fff;border-radius:20px;margin-right: 4px;transition:0.4s; color: #fff !important;}
.navbar-stick:not(.navbar-dark) a .home-call-icon {
    border: 1px solid #000 !important;color: #000 !important;
}

.offcanvas.offcanvas-start {width: 25rem;}
.navbar.navbar-light.fixed .btn:not(.btn-expand) {color: #FFA604 !important;border: 1px solid #FFA604;box-shadow: unset;background-color: unset;}

.wrapper {background: linear-gradient(45deg,#f1c777 0,#f5b94a 50%,#FFA604 100%)!important;}

.tryforfree{padding-top: 50px;padding-bottom: 50px;background: linear-gradient(45deg,#f1c777 0,#f5b94a 50%,#FFA604 100%)!important;}
.tryforfree h2{font-size: 36px !important;font-weight: 400;color:#000;letter-spacing: .16px;}
.tryforfree p {font-size: 18px; color: #000;}
.tryforfree .btn{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); padding: 10px 30px;border: 1px solid #000;background-color: transparent;transition:0.3s;color: #000;font-size: 16px;font-weight: 500;border-radius: unset;cursor: pointer;}
.tryforfree .btn:hover{box-shadow:unset;color:#FFA604;background-color: #f8f6f1;}

.form .form-check-label { color: #959ca9;}
.form .form-check-input {width: 0.8rem;height: 0.8rem;}

.footer{background:#fff;padding:50px 0px 0px 0px;font-weight: 400;}
.footer h6{color:black;margin-bottom:20px;font-size:18px;font-weight:550;}
.footer ul{padding:0;margin:0;list-style-type:none;margin-bottom:30px;}
.footer ul li{line-height:1.9;}
.footer ul li a{color:black;font-weight: 300 !important;font-size:15px !important;text-decoration:none;padding-bottom: 20px !important;}
.footer address{color: black;font-weight: 300 !important; font-size:15px !important;line-height:2;}
.footer .social ul{float:left;}
.footer .social ul li{display:inline-block;}
.footer .social ul li a i{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid rgb(88, 94, 99);border-radius:20px;margin-right: 4px;transition:0.4s;}
.footer .social ul li a i:hover{background-color: #FFA604;border-color: #FFA604;color: #fff;}
.footer p a{color:black;text-decoration:none;}
.footer-bottom p{color: black;margin:20px 0px;font-size:15px !important;font-weight: 300 !important;}
.footer-bottom p a{color:black;}

.bg-soft-primary {background-color: #DBF7FA !important;}
.card-content .card {box-shadow: unset !important;background-color: unset !important;text-align: justify;}
.card-content .card h4 {text-align: center;color: #FFA604;font-weight: 400;font-size: 22px;}

/* Blog Insight & News */
.insights-news {background-color: #dbf7fa;}
.insights-news h2{font-size: 32px;font-weight: 400;letter-spacing: 0.16px;margin: 20px 0;}
.insights-news .card{box-shadow: 0 5px 10px #d4d3d3;border:none;border-radius: unset;}
.insights-news .card .card-img-top{max-width: 100%;height: 200px !important;border-radius: unset;}
.insights-news .card .card-body{padding:30px 15px;color:#2D3E50;}
.insights-news .card .card-footer{background-color:#fff;border:none;}
.insights-news .card .card-footer .btn-light{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); background-color:#fff;border:1px solid #FFA604;padding:10px 50px;color:#FFA604;font-weight:500;transition:0.4s;margin-bottom:10px;border-radius: unset;}
.insights-news .card .card-footer .btn-light:hover{background-color:#FFA604;color:#fff;box-shadow: unset;}

.inner-strip{padding: 30px 0;background-color:#f8f6f1;}
.inner-hubspot{background-color: #f8f6f1;}
.inner-hubspot p{color:#000 !important;}
.inner-hubspot h3 {font-size: 22px;font-weight: 400;}
.inner-hubspot .card{background: linear-gradient(45deg,#f1c777 0,#f5b94a 50%,#FFA604 100%)!important;border-radius: unset;box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.3);border:unset;}
.inner-hubspot .card h4 {font-weight: 500;}

.inner-how-do ul li {margin-bottom: 15px !important;line-height: 30px;font-size: 18px !important;font-weight: 300;color: #000;}
.real-estate ul li {margin-bottom: 15px !important;line-height: 30px;font-size: 18px !important;font-weight: 300;color: #000;} 
.case-study {background-color: #f6f6f6;}
.case-study .card {border-radius: unset;border: unset;box-shadow: unset;}
.case-study a {text-decoration: unset;color: unset;}

.ebooks .card {border-radius: unset;border: unset;box-shadow: unset;}
.ebooks .card img { box-shadow: 0 10px 20px -8px rgba(0,0,0,.7);}
.ebooks .btn2{ box-shadow: 0 10px 20px -8px rgba(0,0,0,.7);display: inline-block; transition: .3s;font-size: 16px;padding:10px 40px !important;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.ebooks .btn2:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.ebooks .modal {--bs-modal-border-radius: unset !important;--bs-modal-border-color: unset !important;}
.ebooks .modal .modal-body {background-color: #bcedf7;}
.ebooks .modal .modal-body h3 {color: #2F9CD3;}


.company-contact ul{list-style: none;padding-left:unset;}
.company-contact ul li a{text-decoration: none;color: #000;font-weight: 300;}
.company-contact address {line-height:28px;color: #000;font-weight: 300;}

.video-wrapper .video-content h1 {font-size: 90px;font-weight: 500;margin-bottom: 40px;padding-top: 60px; color: #fff;}
.video-wrapper .video-content p{font-size: 20px !important;font-weight: 400;color: #fff;}
.video-wrapper .video-content h5{font-size: 30px;font-weight: 400;letter-spacing: 0.32px;margin-bottom: 60px;color: #fff;}
    
.video-wrapper .video-content .message { display: none; }
.video-wrapper .video-content .message:first-child { display: block; }

.video-wrapper .video-content .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* About */
.img-with-content ul li {margin-bottom: 8px;font-weight: 300;font-size: 17px;line-height: 28px;color: #000;}


.growth-driven{position: relative;}
.growth-driven .growth{z-index: 5;}
.growth-driven h2{font-size: 32px;font-weight: 400;margin: 20px 0;letter-spacing: .16px;}
.growth-driven p{color:#161616;font-size: 18px;padding-bottom: 20px;line-height: 28px;margin-bottom: unset;}
.growth-driven .btn{ box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.growth-driven .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.growth-driven .content{margin-right: 50px;}
.growth-driven .slant{width:100%;height:70%;background-color:#f8f6f1;position: absolute;top:0;right:0;transform: skewY(-8deg);transform-origin:top right;z-index:-1;} 
.growth-driven .slant1{width:100%;height:60%;background-color:#f8f6f1;position: absolute;top:0;left:0;z-index:-1;} 

.website-strategy h2{font-size: 32px;font-weight: 400;margin: 20px 0;letter-spacing: .16px;}
.website-strategy p{color:#161616;font-size: 18px;padding-bottom: 20px;letter-spacing: .16px;line-height: 28px;margin-bottom: unset;}
.website-strategy .btn{ box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.website-strategy .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.website-strategy .content{margin-right: 50px;padding-left:40px;}

.digital-marketing {position: relative;}
.digital-marketing h2{font-size: 32px;font-weight: 400;margin: 20px 0;letter-spacing: .16px;}
.digital-marketing p{color:#161616;font-size: 18px;padding-bottom: 20px;letter-spacing: .16px;line-height: 28px;margin-bottom: unset;}
.digital-marketing .btn{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.digital-marketing .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.digital-marketing .content{margin-right: 50px;}
.digital-marketing  .col-lg-4{padding-right: unset;}
.digital-marketing .slant{width:100%;height:80%;background-color:#f8f6f1;position: absolute;top:-18%;right:0;transform: skewY(-8deg);transform-origin:top right;z-index: -1;} 

.search-engine h2{font-size: 32px;font-weight: 400;margin: 20px 0;letter-spacing: .16px;}
.search-engine p{color:#161616;font-size: 18px;padding-bottom: 20px;letter-spacing: .16px;line-height: 28px;margin-bottom: unset;}
.search-engine .btn{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.search-engine .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.search-engine .content{margin-right: 50px;padding-left:40px;}

.marketing-automation{position: relative;margin-bottom: 50px;padding-top:20px;}
.marketing-automation h2{font-size: 32px;font-weight: 400;margin: 20px 0;letter-spacing: .16px;}
.marketing-automation p{color:#161616;font-size: 18px;padding-bottom: 20px;letter-spacing: .16px;line-height: 28px;margin-bottom: unset;}
.marketing-automation .btn{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 16px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 500;}
.marketing-automation .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}
.marketing-automation .content{margin-right: 50px;}
.marketing-automation .slant{width:100%;height:80%;background-color:#f8f6f1;position: absolute;top:-18%;right:0;transform: skewY(-8deg);transform-origin:top right;z-index: -1;} 


/* Blog Insight & News */
.insights-news {background-color: #dbf7fa;}
.insights-news h2{font-size: 32px;font-weight: 400;letter-spacing: 0.16px;margin: 20px 0;}
.insights-news .card{box-shadow: 0 5px 10px #d4d3d3;border:none;border-radius: unset;}
.insights-news .card .card-img-top{max-width: 100%;height: 200px !important;border-radius: unset;}
.insights-news .card .card-body{padding:30px 15px;color:#2D3E50;}
.insights-news .card .card-footer{background-color:#fff;border:none;}
.insights-news .card .card-footer .btn-light{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); background-color:#fff;border:1px solid #FFA604;padding:10px 50px;color:#FFA604;font-weight:500;transition:0.4s;margin-bottom:10px;border-radius: unset;}
.insights-news .card .card-footer .btn-light:hover{background-color:#FFA604;color:#fff;box-shadow: unset;}


.path .btn{box-shadow: 0 10px 20px -8px rgba(0,0,0,.7); transition: .3s;font-size: 15px;padding:10px 20px;border: 1px solid #FFA604; color: #FFA604;border-radius: unset;font-weight: 300;}
.path .btn:hover{background-color:#FFA604;color: #fff;border: 1px solid #FFA604;box-shadow: unset;}

.contact-accordation h2 {font-size: 32px;}
.contact-accordation .accordion .accordion-item button {background:none; color: #054052;font-weight:500;font-size: 20px;}
.contact-accordation .accordion .accordion-item {margin-bottom: 20px;padding: 5px; background-color: white !important;z-index:999;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
.contact-accordation .accordion .accordion-item p {font-size: 18px;}
.contact-accordation .accordion .accordion-button:focus {box-shadow: unset !important; }

@media (max-width:1200px) 
{
    .video-wrapper .video-content h1 {font-size: 80px !important;font-weight: 500;margin-bottom: 40px !important;}

}
@media (max-width:991px) 
{
    .navbar .dropdown .dropdown-menu .dropdown-item {font-size: 16px !important;font-weight: 400;padding-top: 10px;color: #000;}
    .navbar .solutions-right p {color: #fff!important;}
    .navbar-expand-lg .navbar-collapse .nav-link, .navbar-expand-lg .navbar-collapse .nav-link, .navbar-expand-lg .navbar-collapse .nav-link.active, .navbar-expand-lg .navbar-collapse .nav-link:focus, .navbar-expand-lg .navbar-collapse .nav-link:hover, .navbar-expand-lg .navbar-collapse .show>.nav-link {
        color: #000 !important;
    }
    .video-wrapper .video-content h1 {font-size: 60px !important;font-weight: 500;margin-bottom: 40px !important;}
    .growth-driven .content, .website-strategy .content, .digital-marketing .content, .search-engine .content, .marketing-automation .content{margin-right: unset;padding-left:unset;margin-top: 25px;}
    .search-engine .col-lg-7 img{margin-left: unset !important;margin-top: 25px;}
    .digital-marketing .col-lg-7 img{margin-left: unset !important;margin-top: 25px;}
    .website-strategy .col-lg-7 img{margin-left: unset !important;margin-top: 25px;}
    .growth-driven .col-lg-7 img{margin-left: unset !important;margin-top: 25px;}
    .marketing-automation .col-lg-7 img {margin-left: unset;margin-top: 25px;}

}

@media (max-width:768px) 
{
    .video-wrapper .video-content h1 {font-size: 40px !important;font-weight: 500;margin-bottom: 40px !important;padding-top: unset !important;}
    .video-wrapper .video-content h5 {font-size: 26px;margin-bottom: 30px !important;}
    .video-wrapper .video-content p {font-size: 20px !important;}
    .growth-driven h2, .website-strategy h2, .digital-marketing h2, .search-engine h2, .marketing-automation h2, .tryforfree h2 {font-size: 34px !important;font-weight:500;}
}

@media (max-width:445px) 
{
    .video-wrapper .video-content h1 {font-size: 30px !important;margin-bottom: 30px !important;}
    .video-wrapper .video-content h5 {font-size: 22px !important;}
    .video-wrapper .video-content p {font-size: 18px !important;}
    .growth-driven h2, .website-strategy h2, .digital-marketing h2, .search-engine h2, .marketing-automation h2, .tryforfree h2{font-size: 30px !important;}

    .navbar .navbar-brand .logo-dark, .navbar .navbar-brand .logo-dark1, .navbar .navbar-brand .logo-light {width: 180px !important;}

}


@media (max-width:340px) 
{
    .navbar .dropdown .dropdown-menu .dropdown-item {font-size: 14px !important;font-weight: 400;padding-top: 10px;}
    .video-wrapper .video-content h1 {font-size: 22px !important;margin-bottom: 30px !important;}
    .video-wrapper .video-content h5 {font-size: 18px !important;}
    .video-wrapper .video-content p {font-size: 16px !important;}


}