body{
			padding: 0px;
			margin: 0px;
		}
		.container-fluid{
		    padding-right: 0px;
		    padding-left: 0px;
		}
		.adwebs-header-banner{
			background: linear-gradient(90deg,#0760bb 0%, #499ff7 100%);
			color: #fff;
			padding: 5px;
			/*background: url(https://cdn.staticmb.com/srpstatic/images/srp-sprite-web.svg?v=20250508105640032) no-repeat;
			background-position: -38px -2406px;
    		text-align: left;*/
		}
		ul {
		  list-style: none;           
		  margin: 0;
		  padding: 0;
		  display: flex;                 
		}
		ul li  {
		    padding: 10px 15px;
		    color: #000000;
		    font-weight: 500;
		    transition:  0.3s;
		}
		.home{
			margin: 0px 200px 0px 0px;
		}
		a{
			text-decoration: none;
			color: black;
		}
		.dropdown {
	      float: left;
	      position: relative;
	    }
	    .dropdown-content {
	      display: none;
	      position: absolute;
	      background-color: #ffffff;
	      border-top: 1px solid #007bff;
	      border-radius: 15px;
	      min-width: 260px;
	      z-index: 1;
	    }
	    .dropdown-content a {
	      color: black;
	      padding: 10px 5px 10px 15px;
	      text-decoration: none;
	      display: block;
	      font-size: 15px;
	    }
	    .dropdown-content a:hover {
	      background-color: ;
	    }
	    .dropdown:hover .dropdown-content {
	      display: block;
	    }
	    .dropdown:hover > a {
	      	color: #007bff;
	    }
	    .navbar {
	      background-color: #333;
	      overflow: hidden;
	      padding: 10px;
	    }
	    .navbar a {
	      float: left;
	      color: #fff;
	      text-decoration: none;
	      padding: 14px 16px;
	      font-family: Arial, sans-serif;
	    }
		/*ul li a:hover,
		ul li a.active {
		  background-color: #555; 
		  border-radius: 4px;
		}*/
		ul li a:hover{
			text-decoration: none;
			color: #007bff;
		}
		.serveaseit-Login{
			background: linear-gradient(90deg,#0760bb 0%, #499ff7 100%);
			border: none;
			color: #fff;
			padding: 10px  20px;
			border-radius: 9px;
			font-weight: 500;
			font-size: 16px;
			transition: 0.3s ease;
		}
		.serveaseit-Login:hover{
			background: linear-gradient(90deg,#499ff7 40%, #0760bb 80%);
			color: black;
		}
		.banner-container{
			background: linear-gradient(145deg, #77ccf8 0%, #ffffff 100% 100%) !important;
			position: relative;
		}
		.banner-box-title{
			font-weight: 600;
		    text-transform: uppercase;
		    font-size: 16px;
		    letter-spacing: 1px;
		    color: #0760bb;
		    margin-bottom: 15px;
		}
		.banner-box-text{
			color: #262420 !important;
			font-weight: 600;
    		font-size: 60px;
    		line-height: 1em;
    		margin-bottom: 20px;
		}
		.banner-box-subtext{
			color: #515151 !important;
			font-weight: 500;
			font-size: 16px;
			margin-bottom: 20px;
		}
		.baner-content-section{
			margin-top: 65px;
		}
		.banner-img-container{
			margin: auto;
		}
		.banner-box-stiker{
			background: linear-gradient(90deg, #0760bb 0%, #499ff7 100%) !important;
		    display: inline-block;
		    width: 80px;
		    height: 80px;
		    border-radius: 50%;
		    animation: bvi_spin 1s infinite linear;
		    margin: 25px 0px 0px 25px;
		}
		@keyframes bvi_spin{
			0% {
		   		Transform: rotate(0deg);
			}
				100% {
				    transform: rotate(360deg);
			}
		}
		.header-text{
			font-weight: 600;
		}	
		.Digital-box-container{
			background-color: #FFFFFF;
		    border-radius: 15px 15px 15px 15px;
		    overflow: hidden;
		    box-shadow: 0px 5px 26px 0px rgb(82 59 46 / 18%);
		    z-index: 11 !important;
		    position: relative;
		}
		.Digital-box-title{
			font-weight: 600;
		    font-size: 35px;
		    color: #262420 !important;
		    line-height: 1.2em;
		}
		.Development-box-title{
			font-weight: 600;/*
   		 	color: #262420 !important;*/
			font-size: 18px;
			transition: 0.3s ease;
			margin-bottom: 5px;
		}
		.Development-box-text{
			font-size: 16px;
			color: #515151;
			transition: 0.3s ease;
		}
		.Development-icons > img{
			width: 30%; 
			border-radius: 50px;
		}
		.Digital-container {
			position: absolute;
			bottom: -150px;
			left: 370px;
		}
		.banner-box-img > img {
		    margin-top: -135px;
		    margin-bottom: 90px;
		}
		.About-container{
			padding-top: 240px;
			padding-bottom: 80px;
		}
		.about-box-based-img > img{
			width: 100%;
			height: auto;
			border-radius: 15px;
			position: relative;
		}
		.Digital-box-second-container{
			padding: 20px;
		}
		.Development-container{
			padding: 20px;
			height: 255px;
			transition: 0.3s ease !important;
		}
		.Development-container:hover{
			background: linear-gradient(90deg, #0760bb 0%, #499ff7 100%);
		}
		.Development-container:hover .Development-box-title{
			color: #fff;
		}
		.Development-container:hover .Development-box-text{
			color: #fff;
		}
		.about-box-title{
			font-weight: 600;
		    font-size: 35px;
		    line-height: 1.2em;
		    color: rgb(38, 36, 32) !important;
		}
		.About-box-Service{
			display: flex;
			margin-bottom: 10px;
		}
		.About-box-text{
			font-weight: 600;
   			color: #262420 !important;
   			font-size: 18px;
		}
		.About-box-subtext{
			font-size: 14px;
			color: #515151 !important;
			line-height: 1.7em;
   			font-weight: 500;
		}
		.About-box-section{
			margin-top: 15px;
			margin-bottom: 15px;
		}
		.About-box-icons > img{
			background: linear-gradient(90deg, #0760bb 0%, #499ff7 50% 50%, #0760bb);
		    background-size: 200%, 1px;
		    transition: all 200ms linear 0ms;
		    height: 50px;
		    width: 50px;
		    border-radius: 50%;
		    padding: 5px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    margin-top: 7px;
		    box-shadow: 0px 0px 0px 7px rgba(80, 48, 30, 0.05);
		    margin-right: 15px;
		}
		.Our-container{
			padding-bottom: 80px;
		}
		.Our-box-based-img{
			overflow: hidden;
			border-radius: 10px;
		}
		.Our-box-many{
			padding: 15px;
			margin-bottom: 26px;
		    box-shadow: 0px 5px 26px 0px rgba(82, 59, 46, 0.1);
		    border-radius: 10px;
		}
		.our-box-mybtn{
			margin: 10px 0px;
			font-weight: 500;
			font-size: 16px;
			color: #4197f0;
			border-radius: 8px;
			border: 1px solid #4197f0;
			width: 40%;
			padding: 6px;
			transition: 0.3s ease;
			text-align: center;
		}
		.Our-box-many:hover .our-box-mybtn{
			background: linear-gradient(90deg,#499ff7 40%, #0760bb 80%);
			color: #fff;
			text-decoration: none;
		}
		a{
			text-decoration: none;
		}
		a:hover{
			text-decoration: none;
		}
		.Our-box-img > img{
			height: auto;
			width: 100%;
			margin-bottom: 10px;
			transition: 0.3s ease;
			transform: scale(1.05);
			border-radius: 10px;
		}
		.Our-box-many:hover .Our-box-img > img{
			transform: scale(1.1);
		}
		.Our-box-title{
			font-weight: 600 !important;
		    font-size: 20px !important;
		    color: #262420 !important;
		    margin-bottom: 10px;
		}		
		.our-box-text{
			font-size: 16px;
		    color: #666;
		    background-color: #fff;
		    line-height: 1.5em;		    
		}
		.Our-box-container{
			margin-bottom: 50px;
		}
		.Our-box-three-section{
			margin-bottom: 30px;
		}
		.hero-box-serveaseit{
			margin: auto;
			text-align: center;
		}
		.Experience-container{
			padding-bottom: 200px;
		}
		.Experience-box{
			background: linear-gradient(145deg, #77ccf8 0%, #ffffff 100%);
			padding-top: 80px;
			padding-bottom: 120px;
			position: relative;
		}
		.Experience-box-number{
			background-color: #FFFFFF;
		    border-radius: 10px;
		    overflow: hidden;
			height: 205px;
		    padding: 20px 50px;
		    box-shadow: 0px 5px 26px 0px rgba(82, 59, 46, 0.1);
		}
		.Experience-box-title{
			font-weight: 600;
		    font-size: 40px;
		    color: #262420 !important;
		    line-height: 1.1em;
		    text-align: center;
		    margin-bottom: 10px;
		}
		.Experience-box-text{
			font-size: 17px;
		    color: #515151 !important;
		    line-height: 1.2em;
		    padding-bottom: 10px;
		    text-align: center;
		}
		.Experience-box-icons{
			margin: auto;
			justify-content: center;
		}
		.Experience-box-section{
			padding-top: 30px;
		}
		.team-box-icons{
			margin: auto;
			text-align: center;
			background: linear-gradient(90deg, #0760bb 0%, #499ff7 50% 50%, #0760bb);
			border-radius: 50%;
			width: 50px;
			height: 50px;
			justify-content: center;
			align-items: center;
			display: flex;
			box-shadow: 0px 0px 0px 7px rgba(80, 48, 30, 0.05);
			margin-bottom: 20px;
		}	
		.Experience-box-number-section{
			position: absolute;
			bottom: -90px;
		}
		.col-md-3{ 
			padding-right: 0px; 
		}
		.faqs-box-img{
			overflow: hidden;
			border-radius: 15px;
			transition: 0.3s ease;
		}
		.faqs-img-box > img{
			border-radius: 15px;
			transform: scale(1.05);
    		transition: all 0.4s ease-in-out;
		}
		.faqs-img-box{
			transition: 0.3s ease;
			border-radius: 15px;
		}
		.faqs-img-box > img:hover{
			transform: scale(1.1);
			border-radius: 15px;
		}
		.FAQs-container{
			padding-bottom: 80px;
		}
		.quection-box-ask {
		    cursor: pointer;
		    font-weight: bold;
		    padding: 15px;
		   	background: #ffffff;
		   	box-shadow: 0px 5px 18px 0px rgba(82, 59, 46, 0.1);
		    margin-top: 10px;
		    border-radius: 10px 10px 0px 0px;
		}
		.quection-box-ask:hover {
			color: black;
		}
		.quection-box-ask.active {
			color: #0760bb; /* jab click kare to red ho jaye */
		}
		.answer-box-based {
		    display: none;
		    padding: 15px;
		    background: #ffffff;
		    border-radius: 0px 0px 10px 10px;
		    border-left: 3px solid #0760bb;
		    border-right: 1px solid #ddd;
		    border-bottom: 1px solid #ddd;
		}
		.Blogs-container{
			padding-bottom: 80px;
		}
		.blogs-box-based{
			padding: 20px;
		    color: #515151 !important;
		    position: relative;
		    border-radius: 15px;	    
		    background-color: #fff;
		    box-shadow: 0px 5px 18px 0px rgba(82, 59, 46, 0.1);
		    height: auto;
		}			
		.Latest-box-title{
			color: #666;
			font-size: 14px;
			font-weight: 500;
			margin-bottom: 5px;
		}
		.Latest-box-subtext{
			font-weight: 600 !important;
    		color: #000000 !important;
    		font-size: 20px;
    		line-height: 1.2em;
    		margin-bottom: 8px;
		}
		.Latest-box-text{
			color: #515151 !important;
			font-size: 14px;
			margin-bottom: 10px;
		}
		.Latest-box > img{
			width: 100%;
			margin-bottom: 20px;
			transform: scale(1.05);
			border-radius: 10px;
    		transition: all 0.4s ease-in-out;
		}
		.blogs-box-based:hover .Latest-box > img{
			transform: scale(1.1);
		}
		.Latest-container{
			overflow: hidden;
		}
		.contact-form {
	      background-color: white;
	      padding: 20px;
	      max-width: 500px;
	      margin: auto;
	      border-radius: 10px;
	      box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	    }
	    .Contact-box-img-based > img{
			width: 100%;
		}
	    .contact-form h2 {
	      text-align: center;
	      margin-bottom: 20px;
	    }
	    .form-group {
	      margin-bottom: 15px;
	    }
	    .form-group label {
	      display: block;
	      margin-bottom: 5px;
	    }
	    .form-group input,
	    .form-group textarea {
	      width: 100%;
	      padding: 10px;
	      box-sizing: border-box;
	    }
	    .form-group button:hover {
	      background-color: #45a049;
	    }
	    .form-control,
		.form-select,
		textarea {
		  border-radius: 5px;
		  border: 1px solid #ccc;
		  padding: 10px;
		  width: 100%;
		  transition: 0.3s ease;
		  appearance: none; /* Removes default OS styling */
		  background: transparent;
		  background-position: right 10px center;
		  background-size: 12px;
		}
		.form-select:focus,
		.form-control:focus,
		textarea:focus {
		  border-color: #007bff;
		  outline: none;
		  box-shadow: none;
		}
		.custom-select-icon {
		  appearance: none;
		  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
		  background-repeat: no-repeat;
		  background-position: right 10px center;
		  color: #7c7c7c;
		}
		.Contact-container{
			padding-bottom: 80px;
		}
		.footer-box{
			background: linear-gradient(145deg, #77ccf8 0%, #ffffff 100%);
			position: relative;
			padding-top: 100px;
		}
		.Opening-box-title{
			font-size: 18px;
			font-weight: 600;
    		color: #262420 !important;
		}
		.Opening-box-subtext{
			font-size: 14px;
			color: #515151 !important;
		}
		.Opening-box-container{
			display: flex;
		}
		.et_pb_row_1_tb_footer {
		    border-top-width: 1px;
		    border-bottom-width: 1px;
		    border-top-color: rgba(0, 0, 0, 0.15);
		    border-bottom-color: rgba(0, 0, 0, 0.15);
		}
		.Opening-icons{
			margin-right: 10px;
			margin-left: 0px;	
			margin-top: 0px;	
		}
		.footer-box-logo-title{
			font-size: 16px;
			font-weight: 500;
			color: #000000b8;
			margin: 10px 0px 0px 0px;
		}
		.seo-logo-img > img{
			width: 100%;
		}
		.footer-top-title{
			font-weight: 600;
		    text-transform: uppercase;
		    font-size: 16px;
		    letter-spacing: 1px;
		    color: #0760bb;
		    margin-bottom: 20px;
		}
		.footer-top-text{
			font-size: 15px;
			color: #262420;
			margin-bottom: 10px;
		}	
		.footer-box-Services{
		    border-top: 1px  solid #0000001f;
		    padding: 38px 0;
		    border-bottom: 1px  solid #0000001f;
		}
		.footer-box-content{
			margin-bottom: 30px;
		}
		.footer-box-Reserved-title{
			font-size: 16px;
			color: #464646;
			font-weight: 500;
		}
		.footer-Reserved{
			padding: 20px 0px 20px 0px;
		}
		.get-box{
			margin-bottom: 20px !important;
		}
		.footer-box-icons{
			text-align: right;
			font-size: 20px;
			font-weight: 600;
		}
	  /* header  mobile responsive css */
			    .adwebs-header-banner {
				    background-color: #f8f9fa;
				    padding: 10px 0;
			    }

			    .header-text {
			      	display: flex;
			      	align-items: center;
			      	gap: 6px;
			      	font-size: 14px;
			      	color: #ffffff;
			    }

			    .header-text i {
			      	font-size: 16px;
			    }

			    @media (max-width: 768px) {
			      	.adwebs-header-banner .col-md-1,
			      	.adwebs-header-banner .col-md-2,
			      	.adwebs-header-banner .col-md-3 {
			        	width: 100%;
			        	text-align: center;
			        	margin-bottom: 10px;
			      	}

			      	.header-text {
			        	justify-content: center;
			      	}
			    }

			    /* Navigation Styling */
			    #navmenu ul {
			      	display: flex;
			      	list-style: none;
			      	padding-left: 0;
			      	margin: 0;
			      	gap: 15px;
			    }

			    #navmenu ul li a {
			      	text-decoration: none;
			      	color: #000;
			    }

			    .mobile-nav-toggle {
			      	display: none;
			      	font-size: 24px;
			      	cursor: pointer;
			    }

			    @media (max-width: 992px) {
			      	    #navmenu ul {
					        display: none;
					        flex-direction: column;
					        position: absolute;
					        top: 100%;
					        width: 33%;
					        border-top: 3px solid #0861bc;
					        border-radius: 15px;
					        right: 37px;
					        background-color: #fff;
					        padding: 15px;
					        z-index: 999;
					    }
				

			      	#navmenu ul.show {
			        	display: flex;
			      	}

			      	.mobile-nav-toggle {
				        display: inline-block;
				        color: #ffffff;
				        font-weight: bolder;
				        background: #0e67c2;
				        padding: 10px;
				        border-radius: 10px;
				    }
			    }
		/* header mobile responsive css ends*/

		@media only screen and (max-width: 412px){
			.Customers-container {
			    margin-top: -108px !important ;
			}
			#navmenu ul {
        		display: none;
		        flex-direction: column;
		        position: absolute;
		        top: 100%;
		        width: 50%;
		        border-top: 3px solid #0861bc;
		        border-radius: 15px;
		        right: 37px;
		        background-color: #fff;
		        padding: 15px;
		        z-index: 999;
		    }
			.home {
			    margin: 0px 20px 0px 0px;
			}
			.banner-box-based{
				text-align: center;
			}
			.banner-box-text {
			    font-size: 26px;
			}
			.Development-container {
			    height: auto;
			}
			.banner-stiker{
				display: none;
			}
			.banner-box-img{
				text-align: right;
			}
			.banner-box-img > img {
			    margin-top: -24px;
			}
			.serveaseit-Login {
				padding: 10px 9px !important;
				font-size: 12px !important;
			}
			.Digital-container {
		        bottom: -700px !important;
		        left: 7px !important;
		    }
			.banner-box-img > img {
				margin-left: 0px !important;
			}
			.Digital-box-title {
			    font-size: 26px;
			}
			.About-container {
			    padding-top: 830px;
			}
			.about-box-title {
			    font-size: 21px;
			}
			.About-box-text {
			    font-size: 16px;
			}
			.about-box-based-img > img {
			    margin-bottom: 50px;
			}
			.Our-box-many{
				margin-bottom: 20px;
			}
			
			.Experience-box-number {
				margin-bottom: 20px;
			}
			.Experience-box {
			    padding-bottom: 750px;
			}
			.Experience-box-number-section {
			    bottom: -160px ;
			    width: 90%;
			}
			.faqs-img-box > img {
				width: 100%;
				margin-top: 60px;
			}
			.Contact-box-img-based > img {
			    margin-bottom: 50px;
			}
			.seo-logo-img > img {
			    width: 80%;
			    margin-bottom: 50px;
			}
			.blogs-box-based {
				margin-bottom:20px;
			    height: auto;
			}
			.footer-box-logo-title {
			    margin: 10px 0px 20px 0px;
			}
			.Experience-container {
			    padding-bottom: 170px;
			}
			.FAQs-container {
			    padding-bottom: 40px;
			}
			.Our-box-container {
			    margin-bottom: 22px;
			}
			.footer-box{
				padding: 100px 50px 0px 50px;
			}
			.Opening-box-container {
				margin-bottom: 20px;
			}
		
		}

		@media only screen and (min-width:576px) and (max-width:768px){
			.Customers-container {
			    margin-top: -108px !important ;
			}
			#navmenu ul {
        		display: none;
		        flex-direction: column;
		        position: absolute;
		        top: 100%;
		        width: 50%;
		        border-top: 3px solid #0861bc;
		        border-radius: 15px;
		        right: 37px;
		        background-color: #fff;
		        padding: 15px;
		        z-index: 999;
		    }
			.home {
			    margin: 0px 100px 0px 0px;
			}
			.banner-box-based{
				text-align: center;
			}
			.banner-box-text {
			    font-size: 35px;
			}
			.Development-container {
			    height: auto;
			}
			.banner-stiker{
				display: none;
			}
			.banner-box-img{
				text-align: right;
			}
			.banner-box-img > img {
			    margin-top: -24px;
			}
			.Digital-container {
			    bottom: -417px;
			    left: 20px;
			}
			.Digital-box-title {
			    font-size: 36px;
			}
			.About-container {
			    padding-top: 470px;
			}
			.about-box-based-img > img {
			    margin-bottom: 50px;
			}
			.Our-box-many{
				margin-bottom: 20px;
			}
			
			.Experience-box-number {
				margin-bottom: 20px;
			}
			.Experience-box {
			    padding-bottom: 300px;
			}
			.Experience-box-number-section {
			    bottom: -138px;
			    width: 90%;
			}
			.faqs-img-box > img {
				width: 100%;
				margin-top: 60px;
			}
			.Contact-box-img-based > img {
			    margin-bottom: 50px;
			}
			.seo-logo-img > img {
			    width: 80%;
			    margin-bottom: 50px;
			}
			.blogs-box-based {
				margin-bottom:20px;
			    height: auto;
			}
			.footer-box-logo-title {
			    margin: 10px 0px 20px 0px;
			}
		
		}

		@media only screen and (min-width:768px) and (max-width:992px){
			.banner-box-based{
				text-align: center;
			}
			.banner-box-text {
			    font-size: 43px;
			}
			.banner-stiker{
				display: none;
			}
			.banner-box-img{
				text-align: right;
			}
			.banner-box-img > img {
			    margin-top: -24px;
			}
			.Digital-container {
			    bottom: -417px;
			    left: 20px;
			}
			.Digital-box-title {
			    font-size: 36px;
			}
			.About-container {
			    padding-top: 470px;
			}
			.about-box-based-img > img {
			    margin-bottom: 50px;
			}
			.Our-box-many{
				margin-bottom: 20px;
			}
			
			.Experience-box-number {
				margin-bottom: 20px;
			}
			.Experience-box {
			    padding-bottom: 300px;
			}
			.Experience-box-number-section {
			    bottom: -138px;
			    width: 90%;
			}
			.faqs-img-box > img {
				width: 100%;
				margin-top: 60px;
			}
			.Contact-box-img-based > img {
			    margin-bottom: 50px;
			}
			.seo-logo-img > img {
			    width: 50%;
			    margin-bottom: 50px;
			}
		}

		@media only screen and (min-width:992px) and (max-width:1200px){
			.hero-box-serveaseit {
			    margin: 0; 
			}
			.banner-box-text {
			    font-size: 50px;
			}
			.Digital-container {
			    left: 10px;
			}
			.baner-content-section {
			    margin-top: 41px;
			}
			.Development-container {
			    padding: 10px;
			}
			.about-box-title {
			    font-size: 26px;
			}
			.Digital-box-title {
			    font-size: 29px;
			}
			.our-box-mybtn {
			    width: 50%;
			}
			.Our-box-title {
			    font-size: 19px !important;
			}
			.Experience-box-number-section {
			    width: 90%;
			}
			.Contact-box-img-based > img{
				width: 100%;
			}
			.our-box-text {
			    font-size: 15px;
			}

		}

		@media only screen and (min-width:1200px) and (max-width:1400px){
		}

		@media only screen and (max-width:1800px){
			 .Digital-container {
				bottom: -150px;
				width: 100%;
				left: 0px;
			}
			.banner-box-img > img {
				margin-left: 120px;
			}
		}
	  
	  

		.Customers-container {
		    border-radius: 15px 15px 15px 15px;
		    overflow: hidden;
		    border-width: 7px;
		    border-color: #FFFFFF;
		    padding-top: 20px;
		    padding-right: 20px;
		    padding-bottom: 20px;
		    padding-left: 20px;
		    margin-top: -51px ;
		    margin-right: 27px ;
		    position: absolute;
		    background: linear-gradient(90deg, #0760bb 0%, #499ff7 100%);
		    color: #ffffff;
		    text-align: center;
		    right: 10px;
		}
		.Customers-number{
			font-size: 32px;
			font-weight: 700;
		}
		.Customers-text{
			font-size: 16px;
			font-weight: 500;
		}