html {scroll-behavior: smooth;scroll-padding-top: 70px;}
body{font-family: "Inter", sans-serif;color: #4B4B4B;}
p, ul li{line-height: 30px;font-size: 15px;}
h2{font-size: 30px;font-weight: bold;}
.header{background-color:rgb(255 87 51 / 12%);padding-top: 0px;position: relative;}
.header::before{content: '';position: absolute;top:90px;left: 24%;height: 100px;width: 100px;background-color: none;border:20px solid rgba(255, 87, 51, 8%);z-index: 9;border-radius: 50%;}
.header::after{content: '';position: absolute;top:-30px;right: 0px;height: 150px;width: 150px;background-color: none;border:20px solid rgba(255, 87, 51, 8%);z-index: 9;border-radius: 50%;}
.header{background-image: url(../img/Vector1.webp), url(../img/build.webp);background-repeat: no-repeat, no-repeat;background-size: 100% 50%, 80% 80%;background-position: bottom, bottom;}
header h1{color: #EA4335;font-weight: bold;font-size: 32px;line-height: 45px;margin-top: 30px;}
header h2{color:#2F2F2F;font-size: 20px;font-weight: bold;margin-top: 12px;line-height: 32px;}
header .btn{width: fit-content;text-align: center; margin: auto; background: #EA4335;margin-top: 20px;margin-bottom: 30px;border:1px solid #EA4335;}
.menu-icon{
  font-size:30px;cursor:pointer;color:#2F2F2F;position:relative;z-index:9999;
}
header .btn:hover, header .btn:focus{background-color: #EA4335;border-color:#EA4335;}
.btn-r{color: #EA4335;font-size: 14px!important;display: block;margin-top: 10px;}
.btn-r:hover{color: #EA4335;font-size: 14px!important;}
.btn-r i{color: #EA4335;font-size: 14px!important;}
.navbar-brand span{color:#EA4335;font-weight: bold;}
header img.db{width: 450px;margin: auto;margin-bottom: -30px;display: block;}
header .fixed-top{z-index: 1020;}
header .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.7);padding-left: 15px;padding-right: 15px;}
header .navbar-light{padding: 5px 0px;}
header .navbar-light .navbar-nav .nav-item:last-child .nav-link{background-color: #EA4335;color: #fff;border-radius: 8px;}
.fixed-top{transition: all 0.5s;background: #fff;}
.navbk{top:0px;transition: all 0.5s;}
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;}
.navbar-nav .dropdown-menu{width: 225px;}
.dropdown-item{white-space: normal;padding: 4px 10px;font-size: 13px;line-height: 24px;border-bottom: 1px dotted #dedede;}
.dropdown-submenu{line-height: 20px;}
.dropdown-submenu a::after{top:1.0em;}
.dropdown-item.active, .dropdown-item:active{background-color: #ea4335;}
.navbar-nav .dropdown-menu{border:1px solid rgb(179 179 179 / 15%);padding:0px 0px;}
.dropdown-submenu a::after{color: #EA4335;}
.inverted{background-color: #fff;}


.wy-section{padding: 90px 0px;position: relative;}
.wy-section h2 span{color: #EA4335;}
.wy-section h2{margin-bottom: 30px;}
.diamond-box-container {
  display: grid;
  grid-gap: 55px;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 171px);
  max-width: 1111px;
  margin: 60px auto;
  grid-row-gap: 125px;
}
.diamond i{font-size: 36px;color:#ff8529;margin-bottom: 10px;}
.diamond strong{color: #4B4B4B;}
.diamond {
  background:#ffebe6;
  padding: 10px 0;
  position: relative;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #4B4B4B;
}
.diamond p{margin-bottom: 0px;}
.diamond:before, .diamond:after {
  content: " ";
  width: 0;
  top: 0;
  height: 0;
  border-color: #fff;
  position: absolute;
}
.diamond:before {
  left: -49px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  width: 50px;
  height: 100%;
  background: #ffebe6;
}
.diamond:after {
  right: -49px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  width: 50px;
  height: 100%;
  background: #ffebe6;
}
.diamond:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.diamond:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.diamond:nth-child(3) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.diamond:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}
.diamond img {
  width: 60px;
}

.sub-info {
  font-size: 18px;
  font-weight: bold;
}
.how-work i {
  font-size: 54px;
  color: #EA4335;
}
.how-work {
  padding: 60px 0px;
  position: relative;
}
.how-work h2 {
  margin-bottom: 15px;
}
.how-work span {
  color: #EA4335;
}
.cases h2{margin-bottom: 40px;}
.intro{padding: 90px 0px;position: relative;}
.intro h2 span{color: #EA4335;}
.intro h2{margin-bottom: 30px;}
.intro p span{color: #EA4335;}
.intro:after{content:'';position: absolute;width: 102px;height: 102px;top:0px;right: 9px;z-index: 9;background: url(../img/dot.png);}
.intro::before{content: '';position: absolute;bottom:30px;right: 18%;height: 100px;width: 100px;background-color: none;border:20px solid rgba(255, 87, 51, 8%);z-index: 9;border-radius: 50%;}

.why-choose{padding: 60px 0px;background-color: #F8F8F9;background: url(../img/dd.png);background-repeat: repeat;}
.why-choose h2{margin-bottom: 30px;}
.why-choose span{color: #EA4335;}
.why-choose h4{font-size: 20px;}
.why-choose .why-list{margin-top: 20px;}
.why-choose .why-list ul{margin: 0px;padding: 0px;padding-left: 20px;}
.why-choose .why-list ul li{list-style-type: none;position: relative;margin-bottom: 15px;}
.why-choose .why-list ul li:before{content: '\f058 ';position: absolute;width: 100px;height: 100px;left: -20px;top: 0;z-index: 9;color:#EA4335;font-family: FontAwesome;}
.why-choose .w-list-2{position: relative;margin-left: 15px;}
.why-choose .w-list-1{position: relative;}
.why-choose .w-list-1:before{content: '';position: absolute;height: 10px;width: 10px;right: -24px;border-radius:50%;top: 0;z-index: 9;background-color: #EA4335;}
.why-choose .w-list-1:after{content: '';position: absolute;height: 100%;width: 1px;right: -20px;top: 0;z-index: 9;background-color: #EA4335;}

.why-box{padding: 15px;background:#ffebe6;border-radius: 6px;margin-top: 30px;text-align: center;}
.why-box h2 {margin-bottom: 30px;}
.why-box h2 span {color: #EA4335;}
.why-box h4{font-size:18px;margin-top: 20px;margin-bottom: 10px;font-weight: bold;}
.why-box img{width: 80px;margin-top: 15px;}

.features{padding: 60px 0px;position: relative;}
.features h2{margin-bottom: 30px;}
.features span{color: #EA4335;}
.features .f-box{box-shadow:0px 3px 10px #ccc; text-align: center;padding: 15px;background-color: #FCFCFC;border-radius: 14px;margin-bottom: 20px;}
.features .f-box img{display: inline-block!important;width: 50px!important;margin: 0 auto;}
.features .f-box h4{font-size:18px;margin-top: 20px;margin-bottom: 15px;}
.features .f-box p a{color: #EA4335;}
.features:after{content:'';position: absolute;width: 102px;height: 102px;top:0px;left: 9px;z-index: 9;background: url(../img/dot.png);}
.modal-title {color:#EA4335;}
.modal-box ul{margin: 0;padding: 0;margin-left: 15px;}
.modal-box ul li{list-style-type: none;position: relative;margin-bottom: 7px;padding-left: 15px;}
.modal-box ul li:before{content: '\f058';position: absolute;width: auto;height:auto;left: -10px;top: 0;z-index: 9999;color:#EA4335;font-family: FontAwesome;}
.modal-dialog {min-height: calc(100vh - 60px);display: flex;flex-direction: column;justify-content: center;overflow: auto;}
.abcard-box{margin-bottom: 30px;box-shadow: 2px 0px 13px #ccc;border-radius: 6px;padding-bottom: 8px;background: #2f2f2f;}
.abcard-box h4{font-size: 16px;margin: 10px 0px;font-weight: bold;text-align: center;margin-top: 20px;color:#fff;}
.ab-box {
  position: relative;
  border-radius: 4px;
}
.ab-box .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  background:#fff;
  padding: 40px 10px;
  text-align: center;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ab-box .image i{font-size: 41px;color: #EA4335;padding: 20px;background: none;border-radius: 50%;height: 100px;width: 100px;line-height: 54px;border:2px solid #EA4335;}
.ab-box .image img{width: 90px;margin: 0 auto; display: block;}
.ab-box .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f2f2f;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.ab-box:hover .overlay {
  height: 100%;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ab-box .text {
  color: white;
  font-size: 16px;
  position: absolute;
  top:34%;
  left: 16%;
  -webkit-transform: translate(-10%, -32%);
  -ms-transform: translate(-10%, -32%);
  transform: translate(-10%, -32%);
  text-align: center;
  border-radius: 4px;
}
.case-study{padding: 60px 0px;position: relative;}
.case-study h2{margin-bottom: 40px;}
.case-box{border:1px solid #ccc;padding: 10px;border-radius: 6px;box-shadow: 0px 3px 10px #ccc;height: 100%;}
.case-box h4{font-size: 16px;font-weight: 600;margin-top: 15px;color:#4B4B4B;}
.case-study h2 span{color:#EA4335;}


@media(max-width: 768px) {.modal-dialog {min-height: calc(100vh - 20px);}}

.detail{padding: 60px 0px;position: relative;}
.detail h2{margin-bottom: 15px;}
.detail span{color: #EA4335;}
.detail::before{content: '';position: absolute;top:30px;right: 20px;height: 100px;width: 100px;background-color: none;border:20px solid rgba(255, 87, 51, 8%);z-index: 9;border-radius: 50%;}
.detail .accordion-title:before {float: right !important;font-family: FontAwesome;content:"\f068";padding-right: 5px;color:#fff;}
.detail .accordion-title.collapsed:before {float: right !important;content:"\f067";color:#EA4335;}
.detail .card{background: none;margin-bottom: 10px;border: none;}
.detail .card .card-header{border:1px solid #EA4335;padding: 0px;}
.detail .card .card-header a{padding: 10px 12px;display: block;background-color: #EA4335;color: #fff;display: block;font-size: 14px;font-weight: 600;}
/* .detail .card .card-body{height: 280px;overflow-y: scroll;} */
.detail .card .card-body{padding: 15px; padding-bottom: 0px;}
.detail .card .card-body p{line-height: 24px;}
.detail .card .card-body ul{margin: 0px;padding: 0px;padding-left: 20px;}
.detail .card .card-body ul li{list-style-type: none;position: relative;margin-bottom: 15px;}
.detail .card .card-body ul li:before{content: '\f058 ';position: absolute;width: 100px;height: 100px;left: -20px;top: 0;z-index: 9;color:#EA4335;font-family: FontAwesome;}
.detail .card .card-header a.collapsed{display: block;background-color: #ffebe6;color: #2F2F2F;}
#style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);background-color: #EA4335;}

.cases{padding: 60px 0px;}
.cases span{color: #EA4335;}
.cases .nav-pills .nav-item{margin: 0px 4px;}
.cases .nav-pills .nav-item .nav-link{font-size: 14px;}
.cases .nav-pills .nav-link.active{background: #EA4335;color: #fff;position: relative;}
.cases .nav-pills .nav-link.active:after{content: '';position: absolute;height: 20px;width: 20px;background: #EA4335;left: 40%;bottom: -6px;z-index: 0;transform: rotate(45deg);}
.cases .nav-pills .nav-link{background: #FAFAFA;color: #4B4B4B;}
/* .cases .tab-box{box-shadow:0px 3px 10px #ccc;padding: 20px;background-color: #FCFCFC;border-radius: 14px;margin-bottom: 20px;} */
.cases .tab-box ul{margin: 0px;padding: 0px;padding-left: 20px;}
.cases .tab-box ul li{list-style-type: none;position: relative;margin-bottom: 15px;}
.cases .tab-box ul li:before{content: '\f058 ';position: absolute;width: 100px;height: 100px;left: -20px;top: 0;z-index: 9;color:#EA4335;font-family: FontAwesome;}
.cases .tab-content{padding: 20px; border-radius: 14px;margin-bottom: 20px;}
.cases .tab-box h3{font-size:22px;font-weight: bold;}
.cases .tab-box h4{font-size: 16px;font-weight: bold;}
.cases .tab-box .btn-primary{background: #EA4335;border-color: #EA4335;}
.cases .tab-box h4 i{color: #EA4335;}

.featured-box-item {
  margin-bottom: 15px;
  padding:15px 15px;
}
.bg-w{
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #ccc;
}
.featured-box-item .featured-icon {
  float: left;
}
.featured-box-item .featured-icon i {
  width: 60px;
  height: 60px;
  color: #EA4335;
  border: 2px solid #f1f1f1;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  border-radius: 10px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.featured-box-item .featured-content {
  padding-left: 74px;
}
.featured-box-item .featured-content h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.featured-box-item p {
  font-weight: 400;
  font-size: 14px;
  color: #4B4B4B!important;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.featured-box-item a{color:#EA4335;font-size: 14px;}
.featured-box-item:hover .featured-icon i {
  background: #EA4335;
  color: #fff;
}
.featureses{padding: 60px 0px;background: #EA4335;background: linear-gradient(180deg, #EA4335 45%, #ffffff 45%);}
.featureses h2{color: #fff;}

.testimonial{padding: 60px 0px;background: #EA4335;background: linear-gradient(180deg, #EA4335 54%, #ffffff 50%);}
.testimonial h2{color: #fff;}
.testimonial span{color: #EA4335;}
.testimonial p{color: #fff;}
.testimonial .test-box {box-shadow: 0px 3px 10px #ccc;padding: 15px;background-color: #FCFCFC;border-radius: 14px;margin-bottom: 20px;}
.testimonial .test-box h4{font-size: 20px;margin-bottom: 2px;margin-top: 0px;}
.testimonial .test-box h4 small{color: #EA4335;}
.testimonial .test-box p{color:#4B4B4B;}
.testimonial .test-box p i{color: #ffc400;margin-right: 5px;}

.howwork{padding: 60px 0px;}
.howwork h2 span{color: #EA4335;}
.howwork .h-box{padding: 15px;box-shadow:0px 3px 10px #ccc; border-radius: 10px;position: relative;margin-top: 50px;}
.howwork .h-box-none{position: relative;}
.howwork .h-box-none:after{display: none;}
.howwork .h-box:after{content: '';position: absolute;width: 30px;height: 3px;background-color: #EA4335;top: 50px;right: -30px;z-index: 9;}
.howwork .h-box h4{font-size: 20px;text-align: center;margin-bottom: 15px;margin-top: 35px;}
.howwork .h-box .h-circle{position: absolute;height: 70px;width: 70px;border-radius: 50%;background-color: #EA4335;border:6px solid #EA4335;left: 35%;top: -37px;z-index: 9;text-align: center;color: #fff;line-height: 60px;font-size: 20px;}

.plan{padding: 60px 0px;background-color:rgb(255 87 51 / 12%);}
.plan h2 span{color: #EA4335;}
.plan .p-box{background-color: #EA4335;padding: 20px;border-radius: 14px;color:#fff;margin-top: 20px;position: relative;padding-bottom: 80px;}
.plan .p-box .p-head{text-align: center;}
.plan .p-box .p-head h4{font-size: 30px;font-weight: 200;margin-top: 20px;}
.plan .p-box .p-head h2{font-weight: bold;font-size: 40px;margin-top: 20px;margin-bottom: 40px;}
.plan .p-box ul{margin: 0;padding: 0;margin-left: 34px;}
.plan .p-box ul li{list-style-type: none;position: relative;margin-bottom: 7px;padding-left: 15px;}
.plan .p-box ul li:before{content: '\f058';position: absolute;width: auto;height:auto;left: -10px;top: 0;z-index: 9;color:#fff;font-family: FontAwesome;}
.plan .p-box .p-footer{text-align: center;position:absolute;bottom: 35px;text-align: center;width: 100%;left: 0px;}
.plan .p-box .p-footer .btn{padding: 6px 40px;font-size: 14px;border-radius: 10px;}

.about{padding: 60px 0px;}
.about h2 span{color: #EA4335;}
.about h2{margin-bottom: 30px;}
.about p span{color: #EA4335;}
.about .ab-box{margin-top: 20px;}
.about .ab-box{background-color: #F7F8FB;padding: 20px;border-radius: 15px;padding-bottom: 0px;}
.about .ab-box h4{font-size: 20px;font-weight: 600;margin-bottom: 15px;}


.call-sec{padding: 60px 0px;padding-top: 30px;}
.call-sec .call{background-color: #EA4335;padding: 30px;border-radius: 14px;color: #fff;position: relative;}
.call-sec .call p{font-size: 18px;font-weight: 300;}
.call-sec .call p a{color:#fff;}
.call-sec .call:before{content: '';position: absolute;top:20px;right: 20px;height: 100px;width: 100px;background-color: none;border:20px solid rgb(255 255 255 / 30%);z-index: 9;border-radius: 50%;}

.contact{padding-bottom: 60px;}
.contact .form {width: 100%;background-color: #fff;border-radius: 10px;box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);z-index: 1000;overflow: hidden;display: grid;grid-template-columns: repeat(2, 1fr);}
.contact-form {background-color: #EA4335;position: relative;}
.circle {border-radius: 50%;background:linear-gradient(135deg, transparent 20%, #ff8d84);position: absolute;}
.circle.one {width: 130px;height: 130px;top: 130px;right: -40px;}
.circle.two { width: 80px; height: 80px; top: 10px; right: 30px;}
.contact-form:before { content: ""; position: absolute; width: 26px; height: 26px; background-color: #EA4335; transform: rotate(45deg); top: 50px; left: -13px;}
.contact form {padding: 2.3rem 2.2rem;z-index: 10;overflow: hidden; position: relative;}
.contact form p{color:#fff;}
.title {color: #fff; font-weight: 500; font-size: 1.5rem; line-height: 1; margin-bottom: 0.7rem;}
.input-container {position: relative; margin: 1rem 0;}
.input {width: 100%;outline: none;border: 1px solid #fafafa;background: none;padding: 0.6rem 1.2rem;color: #fff;font-weight: 500;font-size: 0.95rem;letter-spacing: 0.5px; border-radius: 5px; transition: 0.3s;}
textarea.input {padding: 0.8rem 1.2rem;min-height: 150px;border-radius: 5px;resize: none;overflow-y: auto;}
.input-container label { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); padding: 0 0.4rem; color: #fafafa; font-size: 0.9rem; font-weight: 400; pointer-events: none; z-index: 1000; transition: 0.5s;}
.input-container.textarea label {top: 1rem;transform: translateY(0);}
.contact-form .btn {padding: 0.6rem 1.3rem;background-color: #fff;border: 2px solid #fafafa; font-size: 0.95rem; color: #EA4335; line-height: 1; border-radius: 5px; outline: none; cursor: pointer; transition: 0.3s; margin: 0; width: 100%;}
.contact-form .btn:hover { background-color: transparent; color: #fff;}
.input-container span { position: absolute; top: 0; left: 25px; transform: translateY(-50%); font-size: 0.8rem; padding: 0 0.4rem; color: transparent; pointer-events: none; z-index: 500;}
.input-container span:before, .input-container span:after { content: ""; position: absolute; width: 10%; opacity: 0; transition: 0.3s; height: 5px; background-color: #EA4335; top: 50%; transform: translateY(-50%);}
.input-container span:before {left: 50%;}
.input-container span:after { right: 50%;}
.input-container.focus label { top: 0; transform: translateY(-50%); left: 25px; font-size: 0.8rem;}
.input-container.focus span:before, .input-container.focus span:after {width: 50%;opacity: 1;}
.contact-info { padding: 2.3rem 2.2rem; position: relative;}
.contact-info .title { color: #EA4335;}
.text { color: #4B4B4B; margin: 0.5rem 0 2rem 0;}
.information { display: flex; color: #4B4B4B; margin: 0.7rem 0; align-items: center; font-size: 0.95rem;}
.information i {color: #EA4335;}
.information a{color:#4B4B4B;}.icon {width: 28px;margin-right: 0.7rem;}
.social-media { padding: 2rem 0 0 0;}
.social-media p {color: #333;}
.social-icons {display: flex; margin-top: 0.5rem;}
.social-icons a { width: 35px; height: 35px; border-radius: 5px; background: linear-gradient(45deg, #EA4335, #EA4335); color: #fff; text-align: center; line-height: 35px; margin-right: 0.5rem;transition: 0.3s;}
.social-icons a:hover { transform: scale(1.05);}
.contact-info:before { content: ""; position: absolute; width: 110px; height: 100px; border: 22px solid #EA4335; border-radius: 50%; bottom: -77px; right: 50px; opacity: 0.3; }
.square { position: absolute; height: 400px; top: 50%; left: 50%; transform: translate(181%, 11%); opacity: 0.2;}

footer{background-color: #4B4B4B;color: #fff;padding-top: 60px;border-top:3px solid #EA4335;font-weight: 300;padding-bottom: 20px;}
footer .f-list h4{font-size: 20px;margin-bottom: 20px;}
footer .f-list ul{margin: 0;padding: 0;margin-left: 15px;}
footer .f-list ul li{list-style-type: none;position: relative;margin-bottom: 7px;}
footer .f-list ul li a{color:#fff;font-size: 15px;font-weight: 300;}
footer .f-list ul li:before{content: '\f105';position: absolute;width: auto;height:auto;left: -10px;top: 0;z-index: 9;color:#EA4335;font-family: FontAwesome;}
footer .f-list p{line-height: 24px;}
footer .f-list p a{color:#fff;}
footer .social ul{margin: 0;padding: 0;}
footer .social ul li{display: inline-block;width: 40px;height: 40px;background-color: #EA4335;border-radius: 50%;margin-right: 12px;text-align: center;line-height: 40px;}
footer .social ul li a{color: #fff;}
footer .f-list .form-control{background: #5a5a5a;padding: 24px 15px;border-right: none;}
footer .f-list .input-group .btn{background: #5a5a5a;padding: 12px 15px;color: #EA4335;border:1px solid #ced4da;border-left: none;border-radius: 0px;}
footer p a {color:#fff;}
footer hr{border:1px solid rgb(255 255 255 / 10%);margin-top:30px;margin-bottom:20px;}

.row.equal-cols {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.row.equal-cols:before,.row.equal-cols:after {display: block;}
.row.equal-cols > [class*='col-'] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.row.equal-cols > [class*='col-'] > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; }
.owl-carousel .owl-stage{display: flex;}
.item {display: flex;flex: 1 0 auto;height: 100%;}
.f-box {position: relative; overflow: hidden;/* margin-bottom: 80px; *//*This is optional*/display: flex;flex-direction: column; align-items: stretch;}

.top-head{margin-top: 0px;padding: 100px 0px;background:url(../img/top-head.webp);background-size: cover;color: #fff;}
.top-head .btn {
    width: fit-content;
    text-align: center;
    margin: auto;
    background: #EA4335;
    margin-top: 20px;
    border: 1px solid #EA4335;
}
.cust-head{margin-top: 0px;padding: 100px 0px;background:url(../img/cust-top.webp);background-size: cover;color: #fff;}
.cust-head .btn {
    width: fit-content;
    text-align: center;
    margin: auto;
    background: #EA4335;
    margin-top: 20px;
    border: 1px solid #EA4335;
}
.cont-head{margin-top: 0px;padding: 100px 0px;background:url(../img/contact.webp);background-size: cover;color: #fff;}
.cont-head .btn {
    width: fit-content;
    text-align: center;
    margin: auto;
    background: #EA4335;
    margin-top: 20px;
    border: 1px solid #EA4335;
}
.cust-box{background: #fff;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.06);border-radius: 6px;padding: 10px;margin-top: 15px;}
.cust-box img{border-radius: 6px;}
.cust-box h4 a{font-size: 22px;color:#333;margin-top: 20px;display: block;}
.cust-box .list-group{border-top:1px solid #efefef;border-bottom:1px solid #efefef;border-radius: 0px;}
.cust-box .list-group-item{padding: 6px 0px;border:none;}
.cust-box a.click-btn {color: #EA4335;display: block;padding: 10px 0px;}
.bread{background: rgb(255 87 51 / 12%);}
.bread .breadcrumb{background: none;padding-left: 0px;} 
.breadcrumb li a{color:#6c757d;}
.breadcrumb .breadcrumb-item.active{color:#EA4335;}
.f-head{padding: 50px 0px;padding-bottom: 0px;}
.f-head h2 span {
    color: #EA4335;
}
.zig{padding: 50px 0px;}
.zig h5{color:#EA4335;font-size: 16px;}
.zig h3{font-size: 20px;font-weight: 500;}
.zig img{border-radius: 8px;}

.zag{padding: 50px 0px;background: #fff1ef;}
.zag h5{color:#EA4335;font-size: 18px;font-weight: bold;}
.zag h3{font-size: 20px;font-weight: 500;}
.zig{padding: 50px 0px;}
.zig h5{color:#EA4335;font-size: 18px;font-weight: bold;}
.zig h3{font-size: 20px;font-weight: 500;}
.zag img{border-radius: 8px;}
.f-faq .card .card-body{height: auto!important;overflow-y: visible!important;}
.call-action{background: #ea4335;color: #ffff;padding: 30px 0px;}
.call-action .btn-primary {color: #fff;background-color: #ffffff;border-color: #ffffff;color: #ea4335;padding: 10px 36px;font-weight: 600;}
.call-action .btn-primary:hover{color: #fff;background-color: #ffffff;border-color: #ffffff;color: #ea4335;}
.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
}
.whatsapp-button:hover{
    color:#fff;
    text-decoration: none;
}
.call-button{
    position: fixed;
    bottom: 75px;
    right: 15px;
    z-index: 99;
    background-color: #EA4335;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
}
.call-button:hover{
    color:#fff;
    text-decoration: none;
}
  
  
  .sidebar-contact{
    position:fixed;
    top:50%;
    right:-350px;
    transform:translateY(-50%);
    width:350px;
    height:auto;
    padding:20px;
    background:#fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    box-sizing:border-box;
    transition:0.5s;
    z-index: 9;
  }
  .sidebar-contact.active{
    right:0;
  }

  .sidebar-contact h5{
    margin:0 0 20px;
    padding:0;
  }
  
  .toggle{
    position:absolute;
    height:40px;
    width:100px;
    text-align:center;
    cursor:pointer;
    background:#2f2f2f;
    top:30px;
    left:-70px;
    line-height:40px;
    transform: rotate(270deg);
    border-radius: 4px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius: 0px;
    opacity: 0;
    transition: all 0.3s;
  }
  .toggle:before{
    content:'Enquiry';
    font-size:16px;
    color:#fff;
  }
  .toggle.active:before{
    content:'Close';
  }
.en-btn{background: #EA4335;color:#fff;border:none;border-radius: 4px;padding: 6px 16px;}
.form-control:focus{border-color: #ced4da;box-shadow: none;}
.sidebar-contact .form-control{font-size: 14px;}
.client{padding: 80px 0px;background-color: rgb(255 87 51 / 12%);}
.client h2 span {color: #EA4335;}
#client .owl-item img{border:1px solid #ccc;padding: 10px;}
.review{padding: 50px 0px;}
.review h2 span {color: #EA4335;}
#review {
	padding: 30px 0;
  text-align: center;
}
#review .item {
	display: block;
	width: 100%;
	height: auto;
}
#review .item img{height: 100px;width:100px;border-radius: 50%;margin: 0 auto;margin-bottom: 20px;}
#review .owl-prev {
    width: 15px;
    height: auto;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
    font-size: 30px;
}

#review .owl-next {
    width: 15px;
    height: auto;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    border:0px solid black;
    font-size: 30px;
}
#review .owl-prev i, #review .owl-next i {transform : scale(1,6); color: #ccc;}
#review .owl-nav [class*='owl-']:hover{background: transparent;color: #333;}
button:focus{outline: none;}
.sidebar-contact{opacity: 0;}
.revealed{opacity: 1;}
.cust-detail{padding: 60px 0px;}
.cust-detail h2{margin-bottom: 20px;}
.cust-detail h2 span{color: #EA4335;}
.cust-detail img{border-radius: 6px;}
.ss-box i{color: #EA4335;font-size: 40px;margin-bottom: 20px;}
.ss-box{text-align: center;border: 1px solid #ccc;padding: 15px 0px;border-radius: 4px;}
.ss-box h2{font-weight: bold;}
.solution{padding: 80px 0px;}
.solution h2 span {color: #EA4335;}
.faced{padding: 80px 0px;background-color: rgb(255 87 51 / 12%);}
.faced h2 span {color: #EA4335;}
.faced .list-group-item{background: transparent;}
.fg-list{
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}
.fg-list li {
    list-style-type: none;
    position: relative;
    margin-bottom: 15px;
}
.fg-list li:before {
    content: '\f058 ';
    position: absolute;
    width: 100px;
    height: 100px;
    left: -20px;
    top: 0;
    z-index: 9;
    color: #EA4335;
    font-family: FontAwesome;
}
.navbk{background-color: #fff;}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 30px;
}
.sidenav .nav-link[data-toggle].collapsed:after {
content: " ▾";
}
.sidenav .nav-link[data-toggle]:not(.collapsed):after {
content: " ▴";
}

.sidenav .nav-link{color:#fff;}
.sidenav ul.nav .nav-item{border-top:1px dotted #4f4f4f;}
.sidenav ul.flex-column ul.flex-column {background: #2d2d2d;}
.sidenav ul.flex-column ul.flex-column .nav-link{font-size: 12px;}
.sidenav ul.flex-column ul.flex-column ul.flex-column {background: #535353;padding-left: 20px!important;}
.sidenav .text-truncate{white-space:inherit;}
.sidenav .closebtn{font-size: 30px;color:#fff;position: absolute;right: 10px;top: 20px;z-index: 9999;color: #EA4335;}
.sidenav .closebtn:hover{text-decoration: none;}
.sidenav .m-logo a{color: #fff; margin-left: 14px; margin-bottom: 20px;font-size: 21px;display: block;}
.sidenav .m-logo a:hover{text-decoration: none;}
.sidenav .m-logo a span{color: #EA4335;}
.ds-block{display: block;}
.dn-block{display: none;}

.freePopup h4 {
  font-size: 24px;
  font-weight: 700;
  color: #EA4335;
}
.freePopup .modal-body .close {
  float: right;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  position: absolute;
  top: 3px;
  right: 8px;
}
.freePopup  .modal-body .form-control {
    padding: 24px 15px;
    line-height: 0px;
}
#myModal .modal-body .btn-primary{
  background-color:#EA4335;
  border-color:#EA4335;
}
.freePopup  .modal-body {
  padding: 25px;
  text-align: center;
  padding-top: 34px;
}

.blog{padding: 60px 0px;position: relative;}
.blog h2{margin-bottom: 0px;}
.blog h2 span {color: #EA4335;}
.blog-box{background: #fff;box-shadow:2px 2px 5px #ccc;border-radius: 4px;}
.blog-box img{width: 100%;height: 200px;}
.blog-box ul{margin: 0;padding: 0;}
.blog-box ul li{display: inline-block;padding: 15px 0px;font-size: 13px;}
.blog-box ul li i{color:#EA4335;margin-right: 5px;}
.blog-box ul li:first-child{margin-right: 30px;}
.blog-box .blog-content{padding: 0px 15px;}
.blog-box .blog-content h4 a{font-size: 16px;font-weight: 600;line-height: 24px;color:#000;margin-bottom: 15px;display: block;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.blog-box .blog-content h4 a:hover{text-decoration: none;}
.blog-box .blog-content p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;}
.blog-box .blog-click{padding: 15px 0px;margin:0 15px; border-top:1px solid #f2f2f2;}
.blog-box .blog-click a{font-size: 13px;color:#4B4B4B;}
.blog-box .blog-click a i{color:#EA4335;transition: all 0.5s;}
.blog-box .blog-click a:hover{color:#4B4B4B;text-decoration: none;}
.blog-box .blog-click a:hover i{margin-left: 10px;transition: all 0.5s;}
.owl-stage-outer {
  margin: -14px;
  padding: 12px;
}

.faqs{padding: 60px 0px;position: relative;}
.faqs h2{margin-bottom: 30px;}
.faqs h2 span {color: #EA4335;}
.faqs p{text-align: justify;}
#faqs-list [aria-expanded="true"]:after{  
  content: "\f068"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #EA4335;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-list [aria-expanded="false"]:before{
  content: "\f067";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #EA4335;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-lists [aria-expanded="true"]:after{  
  content: "\f068"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #EA4335;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-lists [aria-expanded="false"]:before{
  content: "\f067";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #EA4335;
  position: absolute;
  right: 15px;
  top: 15px;
}

  #main .faq .card .collapsing {
    line-height: 24px;
    color: #4B4B4B;
    font-size: 15px;
    background: #ffebe6;
  }
  
  #main .faq .card .collapse {
    border: 0;
    color: #4B4B4B;
    font-size: 15px;
    background: #ffebe6;
  }
  
  #main .faq .card .collapse.show {
    line-height: 24px;
    color: #4B4B4B;
    font-size: 15px;
    background: #ffebe6
  }
  #main .faq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
    background-color: #ffebe6;
}
  #main .faq .card .card-header .btn-header-link {
    color: #000;
    display: block;
    text-align: left;
    background: #ffebe6;
    padding: 15px 15px;
    border-radius: 4px;
    padding-right: 35px;
    font-size: 16px;
}
#main .faq .card {
  margin-bottom: 5px;
  border: 0;
}

.key-features{padding: 60px 0px;}
.key-features h2{margin-bottom: 0px;}
.key-features h2 span{color:#EA4335;}
.key-features .f-box{box-shadow:0px 3px 10px #ccc; text-align: center;padding: 15px;background-color: #FCFCFC;border-radius: 14px;margin-bottom: 20px;}
.key-features .f-box img{display: inline-block!important;width: 50px!important;margin: 0 auto;}
.key-features .f-box h4{font-size:18px;margin-top: 20px;margin-bottom: 15px;}
.key-features .f-box p a{color: #EA4335;}

.row.equal-cols {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.row.equal-cols:before,.row.equal-cols:after {display: block;}
.row.equal-cols > [class*='col-'] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.row.equal-cols > [class*='col-'] > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.zig h2, .zag h2{margin-bottom: 20px;}
.zag p{margin-bottom: 0px;}
.zag h5{margin-top: 20px;}
.box-es{padding: 50px 0px;}
.cl-box{border: 1px solid #ccc;margin-top: 15px;padding: 15px;background: #fff; box-shadow: 2px 2px 5px #ccc; border-radius: 4px;}
.cl-box h4{font-weight: bold;font-size: 18px;}
.cl-box p{margin-bottom: 0px;}
.cl-box i{font-size: 36px;margin-bottom: 10px;color:#EA4335;}
.lt-box{margin-top: 15px;padding: 15px;background: #fff; box-shadow: 2px 2px 5px #ccc; border-radius: 4px;}
.lt-box h4{font-weight: bold;font-size: 18px;}
.lt-box p{margin-bottom: 0px;}
.lt-box i{font-size: 36px;margin-bottom: 10px;color:#EA4335;}
.list-ft{margin: 0;padding: 0;margin:8px 0px}
.list-ft li{text-decoration: none;list-style-type: none;position: relative;margin-left: 20px;}
.list-ft li:before{content: '\f00c';position: absolute;font-size:16px;border-radius: 50%;z-index: 1;color: #EA4335;left:-20px;top:0px;font-family: fontAwesome;}
.text-white li:before{color:#fff!important;}
.tb-box{border: 1px solid #ccc;margin-top: 15px;padding: 12px;background: #fff; box-shadow: 2px 2px 5px #ccc; border-radius: 4px;background:#fff;}
.tb-box h4{font-weight: bold;font-size: 18px;}
.tb-box p{margin-bottom: 0px;color:#4B4B4B;}
.tb-box i{font-size: 36px;margin-bottom: 10px;color:#EA4335;}
.mv-section {
  padding: 60px 0px;
}
.mv-box {
  box-shadow: 2px 2px 10px #ccc;
  padding: 15px;
  border-radius: 6px;
  height: 100%;
}
.mv-box h4{font-weight: bold;font-size: 16px;margin-bottom: 10px;}
.th-box {
  padding: 60px 0px;
}
.th-box h2 span{color:#ea4335;}
.ab-sd {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px 15px;
  margin-bottom: 20px;
}
a:hover{text-decoration: none;}
.ab-sd i{
  font-size: 50px;
  margin-bottom: 20px;
  color: #ea4335;
}
.ab-sd h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
}
.ab-sd p {
  margin-bottom: 0px;
  text-align: justify;
}

.story-area {
    padding: 50px 0px;
}
.story-area .img-area {
	max-height: 255px;
	overflow: hidden;
	border-radius: 5px;
}
.story-area .nav-tabs {
    border: 0;
}
.story-area .nav-link {
    border-radius: 0;
    border: 2px solid #EA4335 !important;
    font-weight: 600;
    font-size: 15px;
    border: 0;
    padding: 12px 10px;
    transition: 0.3s;
    color: #333;   
    margin-bottom: 5px; 
    border-radius: 4px;
}
.blog-content .listing {
  margin: 0;
  padding: 0;
}
.blog-content .listing li:first-child {
  margin-right: 30px;
}
.blog-content .listing li {
  display: inline-block;
  padding: 15px 0px;
  font-size: 13px;
}
.blog-content .listing li i {
  color: #011f36;
  margin-right: 5px;
}
.rl-box li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.rl-box li:before {
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  background: #011f36;
  border-radius: 50%;
  top: 8px;
  left: 0px;
}
.rl-box li a {
  color: #4B4B4B;
  font-size: 14px;
}
.story-area .nav-link:hover {
    color: #EA4335;
}
.story-area .nav-link.active {
	color: #fff;
	background: #EA4335;
}
.story-area .nav-link:hover {
    border-right: 4px solid #EA4335;
}
.story-area .tab-pane.active {
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out;
}
.story-area .content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #EA4335;
}
.story-area .content p {
    color: #333;
}
.content a {
  padding: 8px 25px;
    display: inline-block;
    background: #EA4335;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
}
.modal-body h4 {
  font-size: 24px;
  font-weight: 700;
  color: #4B4B4B;
  text-align: center;
}
.modal-body p{
  text-align: center;
  line-height: 24px;
}
.modal-body .btn-primary {
  background: #EA4335;
  border-color: #EA4335;
}
.modal-body input.form-control{
  padding: 22px 12px;
}
@media (max-width: 800px){
    .story-area{
        overflow: visible;
        padding: 35px 0;
    }
}
@media(max-width:768px)
  {
    .sidebar-contact h5{margin-top: 30px;}
    .sidebar-contact{
      width:100%;
      height:100%;
      right:-100%;
    }
    .sidebar-contact .toggle{
      top:50%;
      transition:0.5s;
    }
    .sidebar-contact.active .toggle
    {
      top:0;
      left:0;
      transform:translateY(0);
    }
    .scroll{
      width:100%;
      height:100%;
      overflow-y:auto;
    }
    .content{
      padding:50px 50px;
    }
}

@media (max-width:600px){
  .cust-head{padding:40px 0px;}
  .mv-box{height: auto;margin-bottom: 20px;}
  .cont-head {padding: 40px 0px;}
  .contact .form{display: block;}
  .social-media{padding: 0rem 0 0 0;}
  header h1 {
    font-size: 24px;
    line-height: 34px;
    margin-top: 20px;
  }
  .top-head{padding:40px 0px;}
  .top-head h1{font-size: 24px;}
  .zag h5{font-size: 16px;}
  .zig h5{font-size: 16px;}
  header h2 {
    font-size: 16px;
    margin-top: 10px;
    line-height: 27px;
  }
  .header {
    background-size: 101% 38%, 71% 67%;
    padding-bottom: 24px;
  }
  h2 {
    font-size: 24px;
  }
  .call-action a{text-align: center;margin: 0 auto; display: table;}
  .detail {padding: 40px 0px;}
  .detail h2 {margin-bottom: 10px;}
  .detail #accordion{margin-top: 20px;}
  .call-action p{margin-bottom: 0px;}
  .features {padding: 40px 0px;}
  .features h2 {margin-bottom: 10px;}
  .how-work h2 {margin-bottom: 10px;}
  .case-study {padding: 40px 0px;}
  .case-study h2 {margin-bottom: 10px;}
  .case-box{height: auto;margin-top: 20px;}
  .how-work {padding: 40px 0px;}
  .call-sec h3{font-size: 22px;}
  .cases {padding: 40px 0px;}
  .faqs {padding: 40px 0px;}
  .diamond-box-container{margin:0 auto;}
  .wy-section{padding: 40px 0px;}
  header .btn{margin-top: 10px;}
  .ds-block{display: none;}
  .dn-block{display: block;}
  header img.db{width: 100%;display: none;}
  footer{padding-top: 40px;}
  footer .f-list h4{margin-top: 15px;}
  header .navbar-light{padding: 15px;}
  .why-choose .w-list-1:before, .why-choose .w-list-1:after{display: none;}
  .why-choose .w-list-2{margin-left: 0px;}
  .howwork .h-box:after{display: none;}
  .cases .nav{display: block;}
  .cases .nav-pills .nav-link.active:after{display: none;}
  .cases .nav-pills .nav-item{margin-bottom: 12px;}
  .navbar-collapse {background-color: #fff;}
  .howwork .h-box .h-circle{left: 41%;}
  .cases .tab-content{height: auto;}
  .form{display: block;}
  .zig h5{margin-top: 15px;}
  .ss-box{margin-top: 15px;}
  .timeline--mobile{margin-bottom: 80px;}
  .cust-detail h2{margin-top: 15px;}
  .diamond-box-container {grid-row-gap: 15px;}
  .diamond-box-container {display: flex;flex-direction: column;}
  .diamond {padding: 10px 20px;}
  .diamond:before, .diamond:after{display: none;}
  .content {
    padding: 15px 15px;
  }
}
@media screen and (max-height: 450px) {
  .diamond-box-container {
    display: flex;
    flex-direction: column;
  }
  .diamond::before {
    display: none;
  }
  .diamond:after {
    display: none;
      grid: row gap 15px;
  }
  
}