@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/*===== owl min====*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
body {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}
.navbar .brand-grid{
    margin-left: auto;
}
img { max-width:100%;}
.section_hero {
    padding:5rem 0;
    background: url(https://www.edgeoftheweb.co.uk/images/jpg/hero/digital-marketing.jpg?hash=55bb583af9fc70cbff2b7499b59b3e66) center center ;
    background-repeat: no-repeat;
    background-size: cover;
}
.section_hero-grid-left h3 {
    font-family: "Nunito", sans-serif;
    display: inline-flex;
    color: #111;
    text-align: center;
    background-color: #ffe357;
    border-radius: 45px;
    padding: 7px 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}
.section_hero-grid-left h1 {
    font-family: "Nunito", sans-serif;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 46px;
    font-weight:800;
    line-height: 1.5;
}
.text-span {
    color:#0072bc;
}
.section_hero-paragraph {
    color: #fff;
    margin-bottom: 26px;
    font-weight: 500;
}
.brand-grid {
    display: flex;
    align-items: center;
    gap: 15px;
}

.hero-form-checkbox-flex {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    text-align: left;
}

.section-title h6 {
    font-size: 18px;
    padding: 3px 10px;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
    font-weight: 500;
    background:#0072bc;
    color: #ffffff;
    margin-bottom: 20px;
}
.title {
    font-family: "Nunito", sans-serif;
    font-weight:800;
    font-size: 46px;
    position: relative;
    color: #1c2045;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.title:before {
    position: absolute;
    width: 100px;
    margin: 0 auto;
    bottom: 0;
    height: 3px;
    animation: rotate 80s infinite linear;
    -webkit-animation: rotate 80s infinite linear;
    content: "";
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    border-radius: 5px;
    left: 50%;
    background: rgb(255,120,16);
    background: -moz-linear-gradient(left,  rgba(255,120,16,1) 0%, rgba(255,21,106,1) 25%, rgba(255,94,44,1) 50%, rgba(187,13,76,1) 75%, rgba(69,204,137,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,120,16,1)), color-stop(25%,rgba(255,21,106,1)), color-stop(50%,rgba(255,94,44,1)), color-stop(75%,rgba(187,13,76,1)), color-stop(100%,rgba(255,120,16,1)));
    background: -webkit-linear-gradient(left,  rgba(255,120,16,1) 0%,rgba(255,21,106,1) 25%,rgba(255,94,44,1) 50%,rgba(187,13,76,1) 75%,rgba(69,204,137,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,120,16,1) 0%,rgba(255,21,106,1) 25%,rgba(255,94,44,1) 50%,rgba(187,13,76,1) 75%,rgba(69,204,137,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,120,16,1) 0%,rgba(255,21,106,1) 25%,rgba(255,94,44,1) 50%,rgba(187,13,76,1) 75%,rgba(69,204,137,1) 100%);
    background: linear-gradient(to right,  rgba(255,120,16,1) 0%,rgba(255,21,106,1) 25%,rgba(255,94,44,1) 50%,rgba(187,13,76,1) 75%,rgba(69,204,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7810', endColorstr='#ff7810',GradientType=1 );
}


.cases-description {
    padding: 20px 0 0 0;
    text-align: center;
}
.cases-description h5 {
    font-family: "Nunito", sans-serif;
    margin: 0 0 15px;
    text-transform: capitalize;
    font-weight: 800;
    font-size: 25px;
}
.cases-description span {
    font-weight: 500;
    display: block;
    padding-bottom: 15px;
}
.cases-description a { 
    text-decoration: none; 
    font-weight:500; 
    color:#1c2045; 
}


#logo-img{
    max-width: 250px;
}
.navbar-nav a {
    color: #111121;
    text-decoration:none;
    font-weight: 500;
    padding: 15px 10px !important;
    border-radius: 0;
    text-transform: capitalize;
    overflow: hidden;
    position: relative;
}
.section_hero-grid-right {
    border: 1px solid #979797;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    align-items: stretch;

}
.new-select-field{
    display: none;
}
.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}
.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}
.form-text-field {
    color: #404040;
    background-color: rgba(255, 255, 255, 0);
    border: .5px solid #979797;
    border-radius: 4px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Poppins, sans-serif;
}
.hero-form-field-flex {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    display: flex;
}
.w-input, .w-select {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 10px;
    padding:12px;
    font-size: 14px;
    display: block;
}
.textarea-2 {
    border: .5px solid #979797;
    border-radius: 4px;
    min-height: 72px;
    padding-top: 12px;
    padding-bottom: 12px;
    max-height: 120px;
}
.hero-form-submit-button {
    background-color:#ff5e2c;
    color: #fff;
    width: 100%;
    margin: 16px auto;
    padding:15px 35px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    border: none;
    max-width: 250px;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    text-align: center !important;
}
.section_services .col-lg-4 {
    padding-bottom: 15px;
    padding-top: 15px;
}
.imagebox-wrapper {
    background: #fff;
    height: 100%;
    padding: 30px;
}
.section_hero-grid-right .wpcf7 { padding:1rem 1.5rem 1rem; }
.text-block-113 { font-weight: 600; }
.imagebox-wrapper .cases-images {
    display: inline-flex;
    max-width: 130px;
    width: 130px;
}
.sec_about .image-block {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.sec_about .image-block:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    background-color: #000;
}
.sec_about .image-block:hover:before { opacity: .5; }
.sec_about .image-block:hover img {
    -webkit-transform: scale(1.05) rotate(2deg);
    -ms-transform: scale(1.05) rotate(2deg);
    -o-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}
.sec_about .image-block:hover img {
    transition: all .3s linear;
}
span.wpcf7-spinner { display:none; }
.wpcf7 form .wpcf7-response-output { margin: 0; }
.wpcf7-not-valid-tip { font-size: 14px; }
.section_services {
    background-color: #f9f8ff;
    padding: 5rem 0 !important;
}
.section_services .cases-description { background:transparent ;}
.cases-description p {
    color: #696687;
    font-size: 16px;
    line-height: 1.7em;
}
.button_custom {
    background: #ff5e2c;
    color: #fff;
    padding: 15px 35px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.button_custom:hover,
.hero-form-submit-button:hover { background:#122136; color:#fff; }
.btn-icon svg { fill: #fff; }
.sec_about .title:before,
.bsb-faq-2 .title:before,
.why-choose-us .title:before { left:50px;}

#about-us {
    padding: 5rem 0 !important;
}
.sec-background { background:#f9f8ff; padding: 5rem 0 !important; }
.bsb-blockquote-icon:before {
    background-image: var(--bsb-blockquote-icon);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 64px;
    left: -1rem;
    opacity: var(--bsb-blockquote-icon-opacity);
    position: absolute;
    top: -1rem;
    width: 64px;
    z-index: -1;
}

.bsb-ratings {
    font-size: 22px;
    --bsb-star-off: #ddd
}

.bsb-ratings[data-bsb-star="1"]:before {
    content: "★"
}

.bsb-ratings[data-bsb-star="2"]:before {
    content: "★★"
}

.bsb-ratings[data-bsb-star="3"]:before {
    content: "★★★"
}

.bsb-ratings[data-bsb-star="4"]:before {
    content: "★★★★"
}

.bsb-ratings[data-bsb-star="5"]:before {
    content: "★★★★★"
}

.bsb-ratings[data-bsb-star-off="1"]:after {
    color: var(--bsb-star-off);
    content: "★"
}

.bsb-ratings[data-bsb-star-off="2"]:after {
    color: var(--bsb-star-off);
    content: "★★"
}

.bsb-ratings[data-bsb-star-off="3"]:after {
    color: var(--bsb-star-off);
    content: "★★★"
}

.bsb-ratings[data-bsb-star-off="4"]:after {
    color: var(--bsb-star-off);
    content: "★★★★"
}

.bsb-ratings[data-bsb-star-off="5"]:after {
    color: var(--bsb-star-off);
    content: "★★★★★"
}
.why-choose-us { background: #f9f8ff; padding:5rem 0 !important }
#case-study {
    padding: 5rem 0 !important;
}
.custom-li li {
    float: left;
    margin-bottom: 15px;
    width: calc(100% / 2);
    padding-left: 20px;
    position: relative;
}
.list-icon-2 li:before {
    content: "";
    background: #5457e8;
    position: absolute;
    top: 14px;
    left: 0;
    width: 10px;
    height: 2px;
    border-radius: 4px;
}
.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.blog-footer {
    background: #030a21;
    color: #fff;
    padding: 15px 0;
}
.blog-footer p { margin: 0; }
.blog-footer ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    gap: 15px;
    justify-content: flex-end;
    align-items: center;
}
.blog-footer svg {
    max-width: 40px;
}
.cases-box{
    max-width: 380px;
    margin-bottom: 40px;
    background-color: #f8f8f9;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 10px;
}
#case-study .cases-images img{
    border-radius: 10px 10px 0px 0px;
    height: 300px !important;
    width: 100% !important;
    object-fit: cover;
}
.talk-expert{
    display: none;
}
.talk-expert a {
    font-weight: bold;
    background: #ff5e2c;
    color: white;
    text-decoration: none;
    border-radius: 50%;
    position: fixed;
    bottom: 100px;
    right: 20px;
    transition: transform .2s;
    display: flex;
    height: 55px;
    width: 55px;
    justify-content: center;
    align-items: center;
}
.talk-expert a:hover{
    transform: scale(1.05);
}
.section-faq .title:before{
    left: 50%;
}
.brand-grid .phone-no a {
    padding: 14px 30px;
}
.get_in_touch{
    display: flex;
    justify-content: center;
    margin-top: 10px;

}

.owl-carousel{
    display: block;
    position: relative;
}
.item-testi{
    width: 100%;
    padding-top:50px;
}
.owl-carousel .owl-nav button {
    background-color: #e93d17 !important;
    width: 45px;
    height: 45px;
    color: #fff !important;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-nav {
    margin: 0px;
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-carousel .owl-prev {
    float: left;
    margin-left: -25px !important;
}
.owl-carousel .owl-next {
    float: right;
    margin-right: -23px !important;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width:500px;
}

/* The Close Button */
.close {
    color: #f3ecec;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
    background-color: black;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 50%;
}
.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.item-testi figure { position:absolute; top:-40px; left:30px; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
     -webkit-transform: translate3d(0,0,0); 
}
.item-testi .card { border:none; }
.item-testi .card-body { padding:3.5rem 1.5rem 1.5rem 1.5rem; }
.bsb-blockquote-icon p {
    font-size: 16px;
    line-height: 1.8;
    min-height: 180px;
}
.item-testi .h5 {
    font-size: 18px;
}
.card-body .mt-5 {
    border-top: 1px solid #8b8b8b;
    padding-top: 1.5rem;
}
span.wpcf7-list-item-label {
    font-size: 14px;
    line-height: 0;
}
.owl-carousel .owl-nav button span { font-size:18px; }
.owl-carousel .owl-nav button span {
    font-size: 36px;
    margin-top: -2px;
}
.hero-form-checkbox-flex .wpcf7-list-item { margin: 0; }

.business_sec { gap:15px; margin-top:3rem; }
.e-con-inner {
    background: #0072bc;
    border-radius: 25px;
    color: #fff;
    padding: 4rem;
}
.e-con-inner .title:before {
    display: none;
}
.e-con-inner .title { margin:0; color:#fff }
.business-section{
     padding: 5rem 0 !important;
    background: url("https://img.freepik.com/free-vector/digital-marketing-concept-with-doodle-illustration-man-with-megaphone-website-money-vector-background-with-symbols-online-market-strategy-businessman_107791-11044.jpg") center center;
}
.brands {
    list-style: none;
    padding: 0 15px;
}
.brands li:hover{
    cursor: pointer;
}
.tooltipli {
  position: relative;
}
.tooltipli::before {
    display: block;
    background: #ff6e42;
    content: "";
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tooltiptext {
    display: block;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #ffffff;
    padding: 10px 20px;
    transform: translate(-50%, -50%);
    margin: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    border: 2px solid white;
    border-radius: 10px;
}

.tooltipli:hover::before {
    opacity: 1;
    visibility: visible;
}



.tooltipli:hover .tooltiptext {
  opacity: 1;
}

.tooltipli img{
    max-width: 100px;
}

.blog-footer ul.footer_link {
    justify-content: left;
}
.footer_link a {
    text-decoration: none;
    color: #fff;
}
.footer_link a:hover { color:#0d6efd }
.fixed-header {
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
}
.navbar-menu .brand-grid img{
  filter: grayscale(100%);
}

@media (min-width: 576px) {  }

@media (min-width: 768px) { 
.section_hero-grid-right h3 {
    text-align: center;
    background:#0072bc;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px;
    border-radius: 4px 3px 0 0;
}
.section_what {
    width: 100%;
    height: auto;
    padding:5rem 0  0 !important ;
    background-image: url(../images/bg01.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: center bottom;
}
.section_what ul {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    float: none;
    width: 100%;
    max-width: 1100px;
    position: relative;
    min-height: 380px;
    margin-bottom: 0;
      font-size: 18px;
    padding-left: 20px;
}

.section_what ul li {
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    margin-bottom: 15px;
}
.section_what ul li:nth-child(1) {
    left: 3%;
    bottom: 23px;
}
.section_what ul li:nth-child(1) p{
    margin-left: 50px;
}
.section_what ul li:nth-child(2) p{
    margin-left: 40px;
}
.section_what ul li:nth-child(4) p{
    margin-left: -40px;
}
.section_what ul li:nth-child(2) {
    top: 12%;
    bottom: auto;
    left: 16%;
}
.section_what ul li:nth-child(3) {
    top: -45px;
    left: 44%;
    bottom: auto;
}
.section_what ul li:nth-child(4) {
    right: 10%;
    float: right;
    left: auto;
    bottom: 58%;
    padding-left: 16%;
}
.section_what ul li:nth-child(5) {
    right: 2%;
    left: auto;
    float: right;
    padding-left: 100px;
    bottom: 30px;
}
.section_what ul li span {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 50px;
    font-weight: 700;
    margin-top: 30px;
}
.section_what ul li:nth-child(1) span {
    color: #fff;
    right: 15px;
}
.section_what ul li:nth-child(2) span {
    top: auto;
    color: #fff;
    bottom: -48px;
    right: 35px;
}
.section_what ul li:nth-child(3) span {
    bottom: -94px;
    top: auto;
    left: 60px;
    color: #fff;
}
.section_what ul li:nth-child(4) span {
    left: 17px;
    top: auto;
    bottom: -37px;
    color: #fff;
}
.section_what ul li:nth-child(5) span {
    left: -17px;
    color: #fff;
    top:34px;
}
.section_what ul li p {
    display: block;
    margin-bottom: 0px;
    font-size: 15px;
}
.section_what ul li p img {
    margin-bottom: 10px;
}

.section_what ul li p strong {
    color: #25373f;
    font-weight: 600;
    font-size: 16px;
    display: block;
}
.section_what ul li:nth-child(2) p { max-width: 194px;}
.section_what .section-title { margin-bottom:7rem; }
.brands li img {
    max-height: 100px;
}
.brands li {
    float: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 30px;
    text-align: center;
}
.brands li:nth-child(5),.brands li:nth-child(6),.brands li:nth-child(7),.brands li:nth-child(8) {
    border-bottom: 0px;
}
.brands li:nth-child(4),.brands li:nth-child(8) {
    border-right: 0px;
}
.brands li img{
    height: auto !important;
}

.fixed { 
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    background: #fff;
 }
 .fixed .collapse:not(.show) { display:none !important; }


}

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  }

@media (min-width: 1400px) {  }



@media (max-width: 575.98px) { 
    .w-input, .w-select { font-size:12px; }
 }

@media (max-width: 767.98px) {
    body { font-size:16px; }
    .talk-expert a { bottom:15px; font-size:16px; padding:15px 20px; }
    .talk-expert svg { width:20px; }
    #logo-img { max-width:165px; }
    header .brand-grid img { max-width: 100px; display:none; }
    .brand-grid img { max-width: 100px; }
    .brand-grid .phone-no a { padding: 10px 15px; font-size: 12px; }
    .brand-grid { gap: 10px; }
    .section_hero { background:transparent; }
    .section_hero,
    .section_services,
    .section_what,
    .why-choose-us,
    #case-study,
    .sec-background,
    #about-us,
    .business-section { padding:3rem 0 !important }
.section_hero-grid-right {
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 4px solid #ff541e;
    border-radius: 8px;
    max-width: 400px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0px 0px 23px rgb(0 0 0 / 31%);
}
.section_hero-grid-right .wpcf7 {  padding: 0; }
.section_hero-grid-left h1 { font-size:32px; }
.section_hero-grid-left h1, .section_hero-paragraph { color:#212529; }
.title { font-size:30px; }
.section-title h6 { font-size:16px }
.section_what ul {
    list-style-type: none;
    padding: 0;
}
.section_what ul li {
    position: relative;
    margin-bottom: 20px;
    min-height: 70px;
    display: flex;
    align-items: center;
    background-color: #fdede8;
    border-radius: 10px;
    border: 1px solid;
}
.section_what ul li p {
    padding-left: 80px;
    display: block;
    margin-bottom: 0px;
    font-size: 15px;
}

.section_what ul li p img {
    position: absolute;
    top: 7px;
    left: 0;
    margin-left: 10px;
    width: 50px;
}
.section_what ul li p strong {
    color: #25373f;
    font-weight: 600;
    font-size: 16px;
    display: block;
}
.section_what ul li p strong br {
    display: none;
}
.section_what span { display:none; }
.brands li {
    width: 49.3%;
    padding:20px;
    border: 1px solid #ddd !important;
    display: flex;
    align-items: center;
}
.brands li img { max-height: 100px; height:auto !important }
.e-con-inner { padding:2rem; }
.blog-footer ul, .blog-footer ul.footer_link { justify-content: center; }
.navbar .brand-grid {
    margin-left: auto;
    margin-right: 0;
}
.navbar { padding:15px 0; }
.cases-description h5 { font-size:22px; }
.imagebox-wrapper { padding: 15px; }
.owl-dots { display:none; }
.section_hero-grid-left h3 { font-size:16px; }
/*.tooltiptext { display:none; }*/
.owl-carousel .owl-prev { margin-left:0 !important; }
.owl-carousel .owl-next { margin-right:0 !important; }
.modal-content { margin-top:30px; background:transparent; border:none; padding:15px; }
.modal-content span.close {
    position: absolute;
    right: 9px;
    top: 28px;
}

}

@media (max-width: 991.98px) {  }

@media (max-width: 1199.98px) {  }

@media (max-width: 1399.98px) {  }


@media (min-width: 768px) and (max-width: 991.98px) { 
body { font-size: 16px; }
.navbar .brand-grid img { max-width: 100px; }
.brand-grid .phone-no a { padding: 10px 20px; font-size: 16px; }
.title { font-size:32px; }

 }

@media (min-width: 991.99px) and (max-width: 1199.98px) { 

.section_what ul li:nth-child(1) { left: 0%; }
.section_what ul li:nth-child(2) { left: 10%; }
.section_what ul li:nth-child(3) { left: 42%; }
.section_what ul li:nth-child(4) { right: 6%; }
.section_what ul li:nth-child(5) { right: 1%; }

 }