@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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body{
font-family: "Montserrat", sans-serif;
font-size:17px;
color:#212529;
}

.h1, h1 {
    font-size: 2.5rem;
}

.h2, h2 {
        font-size: 2rem;
    }

.h3, h3 {
        font-size: 1.75rem;
    }

.h4, h4 {
    font-size: 1.50rem;
}

.h5, h5 {
    font-size: 1.25rem;
}


.h6, h6 {
    font-size: 1rem;
}



/* Primary Colors */
:root {
   --infonic-blue: #451095;
   --infonic-yellow: #faae39;
   --infonic-black: #000000;
   --infonic-white: #FFFFFF;
   --infonic-red: #FF0000;
   --infonic-orange:#fd3c18;

    
}

.text-blue{
	color:var(--infonic-blue);
}
.bg-blue{
	background-color:var(--infonic-blue);
}


.bg-yellow{
    background-color:var(--infonic-yellow);
}


#hero-banner {
    background-image: url(../images/blog-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	overflow:hidden;
	
}

.how-to-kick span {
    font-size: 22px;
    color: #fff;
    background-color: #451095;
    padding: 5px 10px;
    border-radius: 5px;
}


#hero-banner h1 {
    font-size: 54px;
    line-height: initial;
    font-weight: 700;
    color: #451095;
} 

#hero-banner h1 span{ 
color:#faae39;
text-decoration:underline;	
}


#hero-banner img {
    left: 50px;
    position: relative;
    top: 35px;
}


#hero-banner .cta-btn button{
	    color: #fff;
    border: none;
    background-color: #451095;
    padding: 5px 30px;
    border-radius: 40px;
}


.our-services {
	padding:80px 0px;
}

h2 {
    font-size: 34px;
    font-weight: 800;
    color: #451095;
    line-height: initial;
}



.sub-heading {
    color: #fff;
    background-color: var(--infonic-yellow);
    text-align: center;
    width: auto;
    margin: 0 auto;
    font-size: 24px;
    padding: 0px 30px;
}


.section-intro{
	color:var(--infonic-black);
	font-size:20px;
	line-height:inherit;
}

.our-services-box{
	background: #fff;
    min-height: 220px;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .185);
}

.our-services-box .content-part h3{
	color:var(--infonic-blue);
	font-weight: 700;
}

.our-services-box:hover{
    box-shadow: 0 28px 46px rgba(0, 0, 0, .1607843137);
}
.our-services-box .top-img{
	z-index:1;
}
.our-services-box .top-img img{
	border-radius: 20px 20px 0px 0px;
	z-index:1;
	height: 250px;
	width: 100%;
  border-bottom: 1px solid #e0e0e0;
}



.our-services .icon-part {
    width: 100px;
    height: 100px;
    background-image: url(../images/web-designing.svg);
    background-position: center;
    background-size: 60%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    position: relative;
    margin: -50px auto 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-color: #ffffff;
}



.service-template .our-services-box{
    padding-top:40px;
    margin-bottom: 100px;
    border-radius:0;
 

}






.service-template.our-services .icon-part{
    position: absolute;
    margin: 0 auto 0;
    z-index: 5;
     top: -50px;
    left: 35%;
}

.service-template .our-services-box .button-part {
    position: relative;
    bottom: -21px;
}

.service-template .our-services-box .content-part{
	min-height: 325px;
}


.our-services .icon2{
    background-image: url(../images/App-Development-1.webp);
}
.our-services .icon3{
    background-image: url(../images/pay-per-click.svg);
}
.our-services .icon4{
    background-image: url(../images/graphic-designing.svg);
}
.our-services .icon5{
    background-image: url(../images/amazon-marketing.svg);
}
.our-services .icon6{
    background-image: url(../images/email-marketing.svg);
}
 




.our-services .icon-part::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #451095;
    border-radius: 50%;
    z-index: -1;       
}


.infonic-services-button {
    font-family: inherit;
    font-size: 1rem;
    padding: 0.5rem 2rem;
    border: none;
    cursor: pointer;
    background-color: var(--infonic-orange);
    color: var(--infonic-white);
    border-radius: 30px;
}




.how-to-work-box{
	background: #fff;
    padding: 20px 20px;
    min-height: 150px;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .185);
    position:relative;
}


.how-to-work .icon-part {
	width: 100px;
    height: 100px;
    background-image: url(../images/review-you-project.svg);  
    background-position: center;
    background-size: 50%;           
    border-radius: 50%;                 
    overflow: hidden; 
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
	position: relative;
    margin: -70px auto 0;
	z-index: 5;
	background-repeat:no-repeat;
	background-color:#ffffff;
}


.how-to-work .icon-2 {
 background-image: url(../images/conduct-marketing-research.svg); 
}
.how-to-work .icon-3 {
 background-image: url(../images/optimazation.svg); 
}
.how-to-work .icon-4 {
 background-image: url(../images/performance-monitoring.svg); 
}
.how-to-work .icon-5 {
 background-image: url(../images/future-recomandation.svg); 
}
 


.how-to-work-box h3 {
    color: #fd3c18;
    text-align: center;
    font-size: 22px;
    margin-top: 18px;
    font-weight: 700;
}



 .line-connector {
            width: 68.28%;
            height: 2px;
            background-color: #fff;
            margin:0 auto;
        }
        .connector-wrapper {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 20px 0;
        }
        
        
            .step-box-top::after {
                content: '';
                position: absolute;
                left: 50%;
                top: 100%;
                transform: translateX(-50%);
                width: 2px;
                height: 48px;
                background-color: #ffffff;
                
            }
                    
           .step-box-bottom::before {
                content: '';
                position: absolute;
                left: 50%;
                bottom: 133%;
                transform: translateX(-50%);
                width: 2px;
                height: 42px;
                background-color: #ffffff;
            }
            
            
             .header-title {
            color: var(--infonic-blue);
            font-weight: bold;
        }
        .section-subtitle {
            color: #333;
            font-weight: 600;
        }

       .circle-step {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin: -50px auto 10px auto;
     
}

 

            /* Top half-circle gradient */
        .circle-step::before {
            content: "";
            position: absolute;
            width: 80px;
            height: 80px;
            background: linear-gradient(180deg, #e67e22, #f39c12);
            border-top-left-radius: 50%;
            border-top-right-radius: 50%;
            z-index: -1;
        }

        .circle-2::before{
            background: linear-gradient(180deg, #6189af, #a2b3c3);
        }
        .circle-3::before{
            background: linear-gradient(180deg, #921f65, #e652ac);
        }
        .circle-4::before{
            background: linear-gradient(180deg, #663a8a, #966cb8);
        }
        .circle-5::before{
                background: linear-gradient(180deg, #3496a9, #53cde5);
        }


        /* Colors for each step */
        .circle-1 { background-color: #f9c118; }
        .circle-2 { background-color: #a2b3c3; }
        .circle-3 { background-color: #e652ac; }
        .circle-4 { background-color: #966cb8; }
        .circle-5 { background-color: #53cde5; }
        
        

        /* Box Styling */
    .business-box {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    text-align: center;
    min-height: 175px;
}


 .business-box p
      {
        font-size: 22px;
        font-weight: 600;
    }

        .bs-1 p{color:#f9c118;}
        .bs-2 p{color:#a2b3c3;}
        .bs-3 p{color:#e652ac;}
        .bs-4 p{color:#966cb8;}
        .bs-5 p{color:#53cde5;}
                
            

.why-ch-img {
    
    
}


.features-list ul li{
    font-size: 19px;
    font-weight: 700;
}


  .list-group-item {
            border: none;  
            background-color:transparent;
            position: relative;
            padding-left: 40px; /* Space for the icon */
            

        }
.bg-light-grey{
    background-color:#f3f3f3;
}
        
.list-icon {
    width: 25px;
    height: 25px;
    background-image: url(../images/price_icon.svg);
    background-position: center;
    background-size: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 10px;
    background-repeat: no-repeat;
}

.list-icon.icon-2 {
  background-image: url(../images/Experience-and-Expertise.svg);
}
.list-icon.icon-3 {
  background-image: url(../images/array-of-services.svg);
}
.list-icon.icon-4 {
  background-image: url(../images/Extensive-portfolio.svg);
}
.list-icon.icon-5 {
  background-image: url(../images/Dedicated-and-skilled-team.svg);
}
.list-icon.icon-6 {
  background-image: url(../images/247-customer-support.svg);
}
.list-icon.icon-7 {
  background-image: url(../images/Tailored-Premium-Solutions.svg);
}
.list-icon.icon-8 {
  background-image: url(../images/Creative.svg);
}
.list-icon.icon-9 {
  background-image: url(../images/Accountability.svg);
}
.list-icon.icon-10 {
  background-image: url(../images/Transparency.svg);
}
.list-icon.icon-11 {
  background-image: url(../images/No-Hidden-Charges.svg);
}
.list-icon.icon-12 {
  background-image: url(../images/Quality-and-Consistency.svg);
}


.bottom-list-features{
    font-size:20px;
    font-weight:600;
}       
 
  /* Custom styles for the portfolio overlay */
        .portfolio-item {
            position: relative;
            overflow: hidden;
        }

        .portfolio-item img {
            width: 100%;
            min-height: 400px;
            display: block;
        }

        /* Transparent overlay at the bottom half of the image */
        .portfolio-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50%; /* Cover the bottom half of the image */
            background: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 10px;
        }

       .portfolio-overlay h5 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    padding: 5px 5px 30px 5px;
    border-bottom: 1px solid;
}

.blog-post .card{
    border:0!important;
    border-radius:0!important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}


.blog-post .card img{
  height:200px;
  border-radius: 0;
}

.blog-post .card .card-title{
   font-weight: 600;
  font-size: 1.5rem;
}

.blog-post .card .card-text{
    color:#a9a8a8;
    text-align:justify;
}

.blog-post .card .read-more{
  color:#451095;
  text-decoration:none;
  font-weight: 600;
}




 /* Remove all borders and background color from the button */
 .faqs .accordion-button {
      border: none; /* Remove all borders */
      outline: none; /* Remove focus outline */
      background-color: transparent; /* Remove background color */
    }

    /* Prevent focus outline on accordion button when it's focused */
    .faqs .accordion-button:focus {
      box-shadow: none; /* Remove box shadow/focus outline */
    }

    /* Remove background color on accordion item */
    .faqs .accordion-item {
      background-color: transparent; /* Remove background color */
      border: none; /* Remove all borders from the accordion items */
      border-bottom: 1px solid #ccc; /* Add a bottom border after the full item */
    }

    /* Remove background color when accordion item is active */
   .faqs .accordion-button:not(.collapsed) {
      background-color: transparent; /* Ensure no background color when expanded */
    }

    /* Style the heading */
    .faqs .accordion-button {
      font-weight: 600; /* Set font weight to 600 */
      font-size: 20px; /* Set font size to 20px */
    }

    /* Optional: Add some margin to the accordion for better spacing */
   .faqs .accordion-item:not(:last-child) {
      margin-bottom: 10px;
    }


#footer {
	padding: 20px;
	text-align: center;
	color: #333;
	background-color: var(--infonic-blue)!important;
}

 

#footer h5 {
    padding: 0;
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

#footer h6 {
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 6px;
	margin-top: 20px !important;
}


#footer p {
    text-align: justify;
    color: #fff;
    font-weight: 300;
}

.foad img{
    width:30px;
}

#footer ul {
	padding: 0px;
	text-align: left;
	list-style: none;
	color: #fff;
	line-height: 26px;
}

#footer ul li {
    padding-bottom: 7px;
}


#footer ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

 
.copys {
	font-size: 16px;
	color: #fff;
}

 





.blog-top{
    background-image: url(../images/blog-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding:100px 0px;
}



.contact-us-top{
    background-image: url(../images/blog-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding:120px 0px;
}

.contact-us-top h1{
    font-size:42px;
    font-weight:700;
    position: relative;
}

 .contact-us-top h1::after {
    content: "";
    display: block;
    width: 15%;
    height: 4px;
    background-color: var(--infonic-yellow);
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
      
  }


.blog-top h1 {
    font-size: 56px;
    font-weight: 700;
    position: relative;
}

 
  .blog-top h1::after {
    content: "";
    display: block;
    width: 30%;
    height: 4px;
    background-color: var(--infonic-yellow);
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
      
  }
  
  .subheading-blog {
      width:70%;
      margin:0 auto;
      font-size:32px;
      font-weight:600;
  }
  
.blog-archive-content{
    padding:100px 0px;
}


.blog-archive-content .blog-post .card{
    border-radius:10px!important;
}

.blog-archive-content .blog-post .card img{
    border-radius:10px 10px 0px 0px!important;
}

.complementry-title{
    color:var(--infonic-yellow);
    font-size:60px;
    font-weight:700;
    position:relative;
}

.complementry-title::after {
    content: "";
    display: block;
    width: 12%;
    height: 4px;
    background-color: #ada8a1;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
      
  }



.breadcrumb-item a {
    color:#ccc8c8;
    text-decoration:none;
}

.breadcrumb-item+.breadcrumb-item::before
{
   transform: rotate(-20deg);
    margin-top: -2px;
    color: #ccc8c8;
}



 
    /* Recent Posts Section */
    .recent-post {
      display: flex;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #ddd;
    }
    .recent-post:last-child {
      border-bottom: none;
    }
    .post-image {
      width: 70px;
      height: 70px;
      object-fit: cover;
      border-radius: 5px;
      margin-right: 15px;
    }
    .post-info {
      flex: 1;
    }
    .post-date {
      font-size: 14px;
      color: #666;
      display: flex;
      align-items: center;
    }
    .post-date i {
      font-size: 16px;
      color: orange;
      margin-right: 5px;
    }
    .post-title {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      margin-top: 5px;
      margin-bottom: 0;
      line-height: 1.2;
    }
    
  .border-bottom-yellow {
    height: 3px;
    width: 60px;
    background-color: yellow;
}
  

  
 
    /* Main Container */
    .container-info {
      position: relative;
      margin: 0px auto;
      
    }

    /* Central Circle */
    .central-circle {
      width: 180px;
      height: 180px;
      background-color: white;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-weight: bold;
      color: #333;
      font-size: 16px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
      position: relative;
      z-index: 1;
    }

    /* Outer Ring */
    .outer-ring {
      position: relative;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: conic-gradient(red 0 25%, orange 25% 50%, blue 50% 75%, purple 75% 100%);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 100px auto;
      
    }

    /* Icon Circle */
    .icon-circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 20px;
      position: absolute;
      z-index: 2;
      border: 3px solid white;
    }
    .icon-cost-effective { background-color: red; top: 70px; left: 9%; transform: translate(-50%, -50%); }
    .icon-targeted-reach { background-color: orange; top: 70px; right: 9%; transform: translate(50%, -50%); }
    .icon-measurable-results { background-color: purple; bottom: 70px; left: 9%; transform: translate(-50%, 50%); }
    .icon-higher-engagement { background-color: blue; bottom: 70px; right: 9%; transform: translate(50%, 50%); }

    /* Info Box Styling */
    .info-box {
      width: 340px;
      padding: 15px;
      background-color: white;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      border: 2px solid #ddd;
      position: absolute;
      z-index: 1;
      transform: rotate(0deg);
    }

    /* Specific Info Box Placement */
    .info-cost-effective {
      top: -70px;
      left: 0px;
      border-color: red;
      
    }
    .info-targeted-reach {
      top: -70px;
      right: 0px;
      border-color: orange;
     
    }
    .info-measurable-results {
      bottom: -70px;
      left: 0px;
      border-color: purple;
     
    }
    .info-higher-engagement {
      bottom: -70px;
      right: 0px;
      border-color: blue;
       
    }

    /* Heading & Text Styling */
    .info-box h5 {
      font-size: 16px;
      margin: 0;
    }
    .info-box p {
      font-size: 14px;
      color: #555;
      margin-top: 10px;
    }
    
    
    
      /* Pseudo-Element for Connectors */
    .info-box::before {
      content: "";
      position: absolute;
      width: 2px;
      height: 160px;
      background-color: #ddd;
      z-index: -1;
    }
    .info-cost-effective::before {
      top: 0%;
      right: -42px;
      transform: rotate(-30deg);
      background-color: red;
    }
    .info-targeted-reach::before {
      top: 0%;
      left: -42px;
      transform: rotate(30deg);
      background-color: orange;
    }
    .info-measurable-results::before {
      bottom: 0%;
      right: -42px;
      transform: rotate(30deg);
      background-color: purple;
    }
    .info-higher-engagement::before {
      bottom: 0%;
      left: -42px;
      transform: rotate(-30deg);
      background-color: blue;
    }
    
    
  
#post-image-wrapper img{
    height:300px;
}

.about-intro{
    height:500px;
}

  
    .contact-info {
      padding: 20px;
      font-size: 16px;
    }
    .contact-info i {
      font-size: 20px;
      color: #333;
      margin-right: 10px;
    }
    .contact-info p {
      margin: 10px 0;
      color: #333;
      font-size:22px;
      font-weight:400;
    }
    .map {
      width: 100%;
      height: 300px;
      border: 1px solid #ddd;
    }
  

  .contact-form {
      background-color: #451095;
      color: #ffffff;
      padding: 30px;
      
    }
    .contact-form h4 {
      color: #ffffff;
      font-weight: bold;
      margin-bottom: 15px;
    }
    
    .form-control:focus,
    .form-select:focus {
      box-shadow: none;
    }
    .btn-submit {
      background-color: #FFB52E;
      color: #ffffff;
      font-weight: bold;
      padding: 10px 20px;
      border-radius: 5px;
      border: none;
      transition: background-color 0.3s ease;
    }
    .btn-submit:hover {
      background-color: #e09d24;
    }
    
    
    .lets-connect-content>p {
    font-size: 6em;
    font-weight: 700;
    margin: -21px 0px;
}

.typed-cursor {
    opacity: 1;
}
.typed-cursor {
    display: none;
}
 
.trans_text {
    border-right: 2px solid #444 !important;
    font-size: 70px;
    color: #FFB52E;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
   .book-call {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    border: 3px solid #fff;
    padding: 5px 50px;
    border-radius: 40px;
    position: absolute;
    background-color: var(--infonic-yellow);
    left: 42%;
}
    
    
    .book-call:hover {
         background-color:var(--infonic-blue);
         border:3px solid #fff;
     }
    






.icons-img {
    width: 100px;
    height: 100px;
    background-image: url(../images/seo_icon.svg);
    background-position: center;
    background-size: 50%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    position: relative;
    margin: -75px auto 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-color: #ffffff;
}



.call-us-btn{
    background-color:#fff;
    padding:5px 40px;
    border-radius:40px;
}


.call-us-btn:hover{
 background-color:var(--infonic-yellow);   
}

.icons-img-2{
     background-image: url(../images/web-designing.svg);
}
.icons-img-3{
     background-image: url(../images/pay-per-click.svg);
}
.icons-img-4{
     background-image: url(../images/graphic-designing.svg);
}
.icons-img-5{
     background-image: url(../images/amazon-marketing.svg);
}
.icons-img-6{
     background-image: url(../images/email-marketing.svg);
}


.icons-img::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #451095;
    border-radius: 50%;
    z-index: -1;
}


.status-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: -56px auto 0;
    z-index: 5;
    border: 2px solid #451095;
    line-height: 68px;
    background: #fff;
}


.status-icon img{width:40px}
.icon-img-vision-mission {
    width:100px;
}




   /* Custom CSS */
    .section-title {
      text-align: center;
      color: #451095;
      font-weight: bold;
      margin-top: 30px;
    }
    .section-subtitle {
      text-align: center;
      color: #333;
      font-size: 18px;
      max-width: 800px;
      margin: 0 auto;
    }
    .divider {
      width: 50px;
      height: 3px;
      background-color: #f1a325;
      margin: 15px auto;
    }
    .team-icons .icon-box {
      background-color: #fff;
      padding: 20px 0px 0px;
      text-align: center;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s;
      border: 1px solid #d1cece; 
    }
    
   .team-icons .icon-box p{ 
    padding-top: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #451095;
   }
    
    .team-icons .icon-box:hover {
      transform: translateY(-5px);
    }
    .team-icons .icon-box img {
      width: 40px;
      margin-bottom: 10px;
    }
    .stats-section {
      text-align: center;
      padding: 20px 0;
    }
    .stats-section .stat-box {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    border: 1px solid #e6e6e6;
}
    .stat-title {
      font-weight: bold;
      font-size: 24px;
      color: #451095;
    }
    .vision-mission-section {
      padding: 20px 0;
      text-align: center;
    }
    .vision-mission-section .img-part img {
      width: 100%;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      height:600px;
    }
    .vision-mission-text {
      font-size: 18px;
      color: #333;
    }




     /* General Section Styling */
.result-seo-section {
    background-color: #f5f5f5;
    padding: 60px 0;
}

/* Title Styling */
.result-title {
 
    font-weight: 700;
    color: #035a78;
    line-height: 1.2;
}

/* Paragraph Description Styling */
.result-description {
    font-size: 17px;
    color: #555;
    margin-top: 15px;
    line-height: 1.6;
    font-weight:300;
}

/* Responsive Image Styling */
.result-image {
  max-width: 100%;
  height: auto;
  margin-top: 0;
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 31%;
}

/* Media Queries for Smaller Devices */
@media (max-width: 768px) {
    .result-title {
        font-size: 28px;
    }

    .result-description {
        font-size: 17px;
    }

    .result-image {
        margin-top: 20px;
        display: none;
    }
}



.offering-box {
    background: #fff;
    min-height: 282px;
    margin-top: 20px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .185);
}


.offering-box h4 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 18px;
    background-color:var(--infonic-orange);
    border-radius: 20px 20px 0px 0px;
}

.offering-box p {
    font-size: 17px;
    text-align: center;
    padding: 15px;
    font-weight: 400;
}



 .services-single.intro-section {
    background-image: url(../images/web-development-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

 

.services-single.intro-section img {
    max-width: 100%;
    height: auto;
    border-radius: 220px 220px 0px 0px;
    border: 4px solid #fff;
}
 


.seo-services-section p, .benefits-section-top p{
font-size: 17px;
    font-weight: 300;
}

.seo-services-section h2, .seo-services-section h2 span,  .seo-services-section h3 ,.seo-services-section h3 span, .benefits-section-top h2, .benefits-section-top h2 span, .benefits-section-top h3, .benefits-section-top h3 span{
  font-weight: 700 !important;  
} 

.benefits-section-top h2, .benefits-section-top h2 span{
	color:#fff;
}

.benefits-section-top {
    text-align:left;
    color:#fff;
}



 .service-why-box{
    background: #fff;
    padding: 20px 10px;
    min-height: 135px;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .185);
    position: relative;
    margin-bottom: 50px;
 }
 
.service-why-icon{
    width: 80px;
    height: 80px;
    background-image: url(../images/result-driven-strategies.svg);
    background-position: center;
    background-size: 50%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    position: relative;
    margin: -60px auto 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border: 2px solid var(--infonic-blue);
}



.service-why-box-2 .service-why-icon{
  background-image: url(../images/customized-and-robust-seo-services.svg);
}
.service-why-box-3 .service-why-icon{
  background-image: url(../images/specialized-seo-team.svg);
}
.service-why-box-4 .service-why-icon{
  background-image: url(../images/round-the-clock-customer-support.svg);
}
.service-why-box-5 .service-why-icon{
  background-image: url(../images/cost-effective-bundles.svg);
}
.service-why-box-6 .service-why-icon{
  background-image: url(../images/no-technical-jargons.svg);
}
.service-why-box-7 .service-why-icon{
  background-image: url(../images/open-communication.svg);
}
.service-why-box-8 .service-why-icon{
  background-image: url(../images/transparency-and-no-hidden-charges.svg);
}








.line-bottom{
    height: 6px;
    background-color: var(--infonic-orange);
    width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: -2px;
    left: 10%;
}


.blog-single h2, .blog-single h3, .blog-single h4, 
.blog-single h2 span, .blog-single h3 span, .blog-single h4 span{
    font-weight:500;
}




.pagination .page-numbers.current {
    z-index: 1;
    color: #fff;
    background-color: #451095;
	border: 1px solid #451095;
}

.pagination .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #303030;
    background-color: #fff;
    border: 1px solid #dee2e6;
	text-decoration: none;}

.address-loc{
width:60px!important
}