/* pre define css  */


body {
 font-family: 'Helvetica';
	color: #424242;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

/* fonts  */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* fonts end  */


img {
	max-width: 100%;
	height: auto;
	transition: 0.4s;
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}

a {

	transition-duration: .18s;

	transition-timing-function: ease-out;
}

li {
	list-style-type: none;
}

a,
button,
i {
	text-decoration: none;
	color: inherit;
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

.display-none {
	display: none;
}

.display-block {
	display: block;
}

.filter img {
	filter: grayscale(100%);
}

.img__full {
	width: 100%;
}

.white-on-hover:hover {
	color: #fff !important;
}

.orange-on-hover:hover {
	color: #f1833e !important;

}.header a {
    font-family: "Wix Madefor Display", sans-serif !important;
    font-weight: 500;
}

.yellow {
	color: #ffc600;
}

/* fonts size  */

.fs-13 {
	font-size: 13px;
}

.fs-12 {
	font-size: 12px;
}

.fs-10 {
	font-size: 10px;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px;
}

.fs-26 {
	font-size: 26px;
}

.fw-500 {
	font-weight: 500;
}

.fw-100 {
	font-weight: 100;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.mw-70 {
	max-width: 70%;
}

.mw-80 {
	max-width: 80%;
}

.mw-90 {
	max-width: 90%;
}

.section-space {
	padding: 60px 0px;
}

.btn-primary {
	color: #fff;
	background-color: #24313d;
	border-color: #24313d;
	border-radius: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
}

.btn-primary:hover {
	background-color: #f1833e;
	border-color: #f1833e;
}

.btn-secondary {
	color: #fff;
	background-color: #f1833e;
	border-color: #f1833e;
	border-radius: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
}

.btn-secondary:hover {
	background-color: #24313d;
	border-color: #24313d;
}

/* colors  */

.white {
	color: #fff;
}

.grey_bg{
    background-color: #f8f9fa;
}
.orange {
	color: #f1833e;
}

.blue_bg {
	background-color: #24313d;
}

.light-white {
	color: #c6c6c6;
}

/* fonts size end */

/*==========================================================================
  * Form CSS
  ==========================================================================*/
 
 

 

 
 
 

 

/*==========================================================================
  * Hedging CSS
  ==========================================================================*/
.left-sidebar-details h1,
.left-sidebar-details h2,
.left-sidebar-details h3,
.left-sidebar-details h4,
.left-sidebar-details h5,
.left-sidebar-details h6 {
    margin-bottom: 8px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222222;
	 font-family: "Wix Madefor Display", sans-serif !important;
  font-optical-sizing: auto;
	    font-weight: 600;
 
  font-style: normal;
}

h1 {
	font-size: 35px;
	 
	padding: 0;
	margin: 0;

 

}

h2 {
	font-size: 35px !important;
	 
	padding: 0;
	margin: 0;

	 
}

h3 {
	font-size: 30px;
	 
	padding: 0;
	margin: 0;

	 
}

h4 {
	font-size: 25px;
	 
	padding: 0;
	margin: 0;

	 
}

h5 {
	font-size: 22px;
	 
	padding: 0;
	margin: 0;

	 
}

h6 {
	font-size: 20px;
	 
	padding: 0;
	margin: 0;
	 
}

p:last-child {
	margin-bottom: 0px;
}


/* pre define css end */
/* termcondition  */
.term-condition ul li {
    list-style: disc !important;
}
/* Pagination css  */
.pagination-custom {
    display: flex;
    gap: 6px;
}h2.global_title.privacy_ {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}h5.team_name {
    font-size: 20px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
}
.pagination-custom a, .pagination-custom span {
display: inline-block;
padding: 10px 15px;
/* margin: 0 5px; */
text-decoration: none;
color: #283956;
border: 1px solid #ddd;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
.pagination-custom a:hover, .pagination a:focus {
background-color: #283956;
color: white;
border-color: #283956;
}
.pagination-custom .current {
background-color: #283956;
color: white;
border-color: #283956;
}
.pagination-custom .next {
font-weight: bold;
}
.pagination-custom .prev {
    font-weight: bold;
}

/* footer css  */
.contact_info {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	transition: 0.3s;
	min-height: 165px;
	position: relative;
	padding-top: 45px;
	text-align: center;
}

.contact_info:hover {
	-webkit-box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
}

.contact_icons {
	color: #f1833e;
	background-color: #FFFFFF;
	border-radius: 50px 50px 50px 50px;
	box-shadow: 0px 3px 10px 0px rgba(0, 69.00000000000021, 255, 0.2);
	width: 60px;
	height: 60px;
	transition: 0.3s;
	display: inline-block;
	text-align: center;
	font-size: 40px;
	line-height: 60px;
	top: -30px;
	left: 50%;
	transform: translate(-50%, 0px);
	position: absolute;
}

.bottom_footer p {
	color: #c6c6c6;
	font-size: 14px;
}

.footer_logo img {
	max-width: 220px;
    filter: brightness(0) invert(1);
}

.footer_title:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	content: "";
	background-color: hsla(0, 0%, 100%, .1);
}

.footer_title:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 25px;
	background-color: #f1833e;
	content: "";
}

h3.footer_title {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2em;
	padding-bottom: 18px;
	margin-bottom: 25px;
}

ul.footer_link li {
	width: 50%;
	float: left;
}

ul.footer_link li:hover {
	color: #f1833e;
}

section.copyright {
	background-color: #24313d;
	padding: 5px 0px;
}

section.dipanshutech_footer {
	background-color: #19222a;
	padding-top: 80px;
	padding-bottom: 50px;
}

/* footer css end */


/* banner css  */
.winner-headding h6 {
	font-size: 18px;
}

section.winning_award {
	border-radius: 10px;
	padding: 50px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;
	margin-top: -95px;
	z-index: 9;
	position: relative;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.4s;
	width: 90%;
}

section.winning_award:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.winner-icon {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	background-color: #f5f5f8;
}

.banner_review:hover {
	-webkit-box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 105px 1px rgba(255, 255, 255, 0.9);
}

.banner_review {
	max-width: 300px;
	background-color: #24313d;
	padding: 15px;
	border-radius: 15px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.banner_image {
	max-width: 80%;
	margin: auto;
}

.blue {
	color: #24313d;
}
      .team_box {
    background-color: #fff;
    border-radius: 7px;
    margin-top: 30px;
    transition: all 0.4s;
    overflow: hidden;
    
}
.team_content {
    padding: 20px;
}
.team_box:hover{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.team_box:hover img{
  
   transform: scale(1.1);
   overflow: hidden;
}

.team_image{
   overflow: hidden;
}
section.main_banner {
	background-color: #F0F4FF;
	padding: 50px 0px;
	padding-bottom: 150px;
}
.related_short {
    min-height: 52px;
}.related_image img {
    max-height: 200px;
}.related_image {
    text-align: center;
}.mb-4.related_trim {
    min-height: 52px;
}.related_post_title {
    min-height: 65px !important;
}
.banner_title {
	color: #000;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	font-weight:bold;
}

.banner_subtitle {
	color: #f1833e;
	     font-weight: bold;
	font-size:30px;
}

/* banner css end */
h3.global_title {
    font-size: 25px;
    font-weight: bold;
}

/* main css  */
  td.price-item-title {
         min-width: 300px;
         }
         .price-table {
         width: 100%;
         color: #000;
         }
         .accordion-button:focus {
         z-index: 3;
         border-color: #86b7fe;
         outline: 0;
         border: unset;
         box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
         }
         .price_section .accordion-button:not(.collapsed)::after {
         filter: brightness(0) invert(1);
         }
         .price_section .accordion-body {
         padding: 0px;
         }
         .price_section .accordion-button {
         font-size: 20px;
         font-weight: bold;
         }
         .price_section .accordion-button:not(.collapsed) {
         color: #ffffff;
         background-color: #24313d;
         box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
         }
         .price-table thead {
         background: #24313d;
         color: #fff;
         }
         .price-table tr {
         -webkit-transition: 0.35s;
         transition: 0.35s;
         } 
         .price-table .is-recommended {
         background: #ffcd30;
         color: black;
         }
         .price-table tr {
         -webkit-transition: 0.35s;
         transition: 0.35s;
         }.price-table tr td, .price-table tr th {
         padding: 15px;
         vertical-align: middle;
         border: 1px solid #a6a6a6;
         }
         .price-table .is-recommended {
         background: #24313d;
         color: white;
         }
         .price-table tbody tr:nth-child(even) {
         background: #efefef;
         }
         .price-table tbody tr:hover {
         background: #f0f4ff;
         color: black;
         }
.sub-title {
	position: relative;
	font-size: 16px;
}

.sub-title:before {
	background-color: #f1833e;
	content: "";
	height: 2px;
	left: 100%;
	margin-left: 10px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 40px;
}

section.services {
	background-color: #f8f9fa;
	padding: 60px 0px;
}

.service_icons {
	background-color: #e7ebf7;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	margin-bottom: 15px;
	transition: all 0.4s;
	overflow:hidden;
}

.left-sidebar-details ul {
    padding-left: 20px;
    padding-top: 10px;
}.left-sidebar-details ul li {
    list-style: outside;
	padding-bottom: 10px;
}
.service_box {
	background-color: #fff;
	border-radius: 7px;
	padding: 30px;
	margin-top: 30px;
	transition: all 0.4s;
}

.service_box:hover {
	background-color: #24313d;
}

.service_box p {
	font-size: 15px;
}

.service_box:hover h6 {
	color: #fff;
}

.service_box:hover p {
	color: #fff;
}

.service_box:hover .btn-primary {

	box-shadow: rgb(255 255 255) 0px 0px 8px;
}

.service_box:hover .service_icons {

	box-shadow: rgb(255 255 255) 0px 0px 8px;
}

.client_logo {
	text-align: center;
}

.brands img {
	border-radius: 15px;

}

.brands {

	margin: 5px;
}

.recent_projects {
    transition: all 0.8s;
    position: relative;
    margin-top: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
	background-color: #f0f4ff;
	   
}
.term-267 .portfolio_listing_image {
   height: auto !important;
    overflow-y: auto;
}
.portfolio_listing_image.related-portfolio-cls {
    height: auto;
    overflow-y: auto;
}
.portfolio_listing_image {
height: 250px;
overflow-y: scroll;
}	
portfolio_listing_cls{
	 height: auto;
}
.portfolio_listing_image.portfolio-template {
    height: 410px;
/*     overflow-y: scroll; */
}
/* width */
::-webkit-scrollbar {
  width:4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:  #19222a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.project_title {
	font-size: 16px;
	margin-bottom: 8px;
}
.blog_grid img {
    height: 170px;
    object-fit: cover;
}
.project_content {
	transition: all 0.4s;
	position: absolute;
	bottom: 15px;
	background-color: #fff;
	width: 100%;
	left: 50%;
	border-radius: 10px;
	padding: 10px;
	max-width: 90%;
	margin: auto;
	text-align: center;
	transform: translate(-50%, 0px);
	box-shadow: rgb(255 255 255 / 76%) 0px 7px 29px 0px;
	visibility: hidden;
}

.recent_projects img {
    width: 100%;
    border-radius: 10px;
    height: auto;
 
}

.recent_projects:hover .project_content {
	background-color: #24313d;
}

.recent_projects:hover .project_title {
	color: #fff;
}
.slick-dots li button:before {
     
    font-size: 30px !important;
}
.recent_projects:hover .btn-primary {
	box-shadow: rgb(255 255 255) 0px 0px 8px;
}

section.testimonials {
	background-color: #f8f9fa;
	padding: 60px 0px;
}

.testimonials_box {
	background-color: #fff;
	border-radius: 15px;
	padding: 15px;
	transition: all 0.4s;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	min-height:385px;
}

.testimonials_box:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.testimonials_box p {
	font-size: 15px;
}

.testimonials_slider .slick-slide {
	margin: 5px;
}
.logo_grid {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
	margin-bottom: 25px;
}
.logo_grid img{
	border-radius: 10px;
	width: 100%;
}
.logo_grid:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.wrap_client_box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    background-color: #fff;
	padding: 15px;
}
section.hire_me {
    background-color: #F0F4FF;
    padding: 50px 0px;
}.form-select {
    border-left: 0px;
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    padding: 10px 15px;
}
.form-select:focus {
color: #212529;
    background-color: #fff;
    outline: 0;
    border: unset;
    border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

h4.hire_title {
    letter-spacing: 1.5px;
    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    font-weight: bold !important;
    font-size: 35px;
}
.hire_form_wrap {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
    border-radius: 20px;
    background-color: white;
}ul.hire_listing {
    padding: 0px;
    margin: 0px;
}ul.hire_listing li {
    position: relative;
    padding-left: 35px;
    background-color: white;
    margin-bottom: 10px;
    width: fit-content;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}ul.hire_listing li:before {
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    left: 0px;
    background-color: #f1833e;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 30px;
    line-height: 25px;
    color: #fff;
}

.single-services .row {
    overflow-x: hidden;
}
section.dipanshutech_footer .row {
    overflow: unset;
}
/* main css end */


/* single services css start  */
section.mini_banner {
    background-color: #F0F4FF;
    padding: 50px 0px;
}
li.services_listing {
    padding: 6px 15px;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    border-radius: 5px;
	transition: .3s;
}
.services_listing i {
    font-weight: 600;
    color: #f1833e;
}.sidebar_wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    border-radius: 10px;
	margin-bottom: 15px;
}
.sidebar_wrap:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
li.services_listing:hover {
    background-color: #24313d;
}

li.services_listing:hover a {
  color: #fff;
}
.whatsapp_icon {
    position: fixed;
    bottom: 15px;
    left: 10px;
    max-width: 50px;
	z-index: 11111111;
}
.skype_icon img {
    max-width: 35px;
}
.popup_whatsapp .fa-whatsapp {
    color: #4ac859;
}.popup_whatsapp .fa-skype {
    color: #00b0f0;
}.popup_whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    gap: 12px;
}

.blinking {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}


.popup_whatsapp i {
    font-size: 35px;
}
.skype_icon {
    background-color: #f8f9fa;
    width: 50px;
    position: fixed;
    bottom: 73px;
    left: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 11111111;
}
.vision-icon {
    max-width: 140px;
}.vision {
    background-color: #fff;
    border-radius: 7px;
    padding: 30px;
    margin-top: 30px;
    transition: all 0.4s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}.vision:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
section.about-award {
    max-width: 1120px;
    margin: auto;
    background-color: #fff;
    padding: 60px 50px;
    box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;
    border-radius: 15px;
    margin-top: -97px;
	margin-bottom: 100px;
}

.vision-section{
	padding-bottom: 150px !important;
}
.about_us_image {
    max-width: 95%;
	border-radius:10px;
}

.about-award:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.post_title {
    font-size: 18px;
    margin-bottom: 10px;
	min-height:44px;
}
.blog_single h1,
.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single h5,
.blog_single h6 {
 
    font-size: 20px;
    margin-bottom: 5px;
}
.page_title {
    font-size: 22px;
}
.global_title_sidebar {
    font-size: 20px;
}
         .nav-tabs .nav-link.active {
    color: #f1833e;
    border-bottom: 2px solid #f1833e;
}
 
.nav-tabs .nav-link {
    text-transform: capitalize;
    color: #a9b3c1;
    font-weight: 600;
    border: 0px;
    padding: 5px 20px;
}
.tech_image {
    margin-bottom: 20px;
}
.blog_grid {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
   border-radius: 10px;
	margin-bottom: 25px;
}

.blog_grid:hover{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.blog-images {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.blog_grid:hover .btn.btn-primary {
    background-color: #f1833e;
    border-color: #f1833e;
}
.single-service-title {
    margin-bottom: 10px;
}
.services_listing a {
    font-size: 14px;
}
.services_title {
    margin-bottom: 8px;
    font-size: 18px;
}
 

 
.recent_projects:hover .project_content {
    visibility: visible;
}
 

 
/* single services css start end */
/*blog comment css*/
p.notepopup {
    font-size: 10px;
}
.single-post .left-sidebar-details ul.children li {
    list-style: none;
}
.commentlist .thread-even {
    background-color: #f9f9f9;  
     padding: 10px 0px;
    border-radius: 5px; 
}
.thread-even .comment-body {
    padding-left: 10px;
}
.thread-odd .comment-body {
    padding-left: 10px;
}
.commentlist .thread-odd {
    background-color: #ffffff; 
    padding: 10px 0px;
    border-radius: 5px;
}
/* .single-post .left-sidebar-details ul {
    background-color: #5c636e1a !important;
} */
/* .archive .blog-images.service-list {
    height: auto;
} */
p.min-height-cls {
    min-height: 52px;
}
/* contact css  */
textarea.form-control {
    height: 100px;
}
p.back_in {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}
.form-control {
    border-left: 0px;
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    padding: 10px 15px;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    outline: 0;
    border: unset;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.icon_design {
    color: #f1833e;
    background-color: #FFFFFF;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 3px 10px 0px rgba(0, 69.00000000000021, 255, 0.2);
    width: 50px;
    height: 50px;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
    font-size: 30px !important;
    line-height: 50px !important;

}
.icon_design:hover{
	color: #fff;
    background-color: #24313d;
}

 .comment-form-title input,
.comment-form-author input,
p.comment-form-email input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px !important;
    border: 1px solid #ced4da !important;
    border-radius: 5px !important;
}

p.comment-form-comment textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px !important;
    border: 1px solid #ced4da !important;
    border-radius: 5px !important;
}
.comment-reply-title {
    font-size: 22px;
}
/* contact css end */



/* price plan css  */
.pricing-plan__one-single-pricing-wrapper {
    border-radius: 5px;
    transition: 0.4s;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}.pricing-plan__one-single-pricing-plan {
    background: #ffffff;
    padding: 35px 35px 38px 35px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}.pricing-plan__one-single-pricing-plan::before {
    content: "";
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #f4f7fb;
    position: absolute;
    top: -23pc;
    left: -10pc;
    z-index: 0;
    transition: 0.5s;
}.pricing-plan__one-single-pricing-plan-title {
    margin-bottom: 70px;
    z-index: 1;
    position: relative;
}
.pricing-plan__one-single-pricing-plan-price {
    margin-bottom: 15px;
    font-size: 30px;
}
.pricing-plan__one-single-pricing-plan-benefits {
    margin-bottom: 45px;
}.pricing-plan__one-single-pricing-plan-benefits span {
    display: block;
    font-size: 16px;
    margin-bottom: 13px;
    color: #737373;
}.pricing-plan__one-single-pricing-plan-benefits span i {
    color: #f1833e;
    margin-right: 10px;
    transition: 0.3s;
}.pricing-plan__one-single-pricing-plan.active::before {
    background: #f1833e;
}
.pricing-plan__one-single-pricing-plan.active .pricing-plan__one-single-pricing-plan-title {
    color: #ffffff;
}.post_tags a {
    color: #24313d;
    background-color: #f8f9fa;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
	display:inline-block;
	margin-bottom:5px;
}
/* price plan css end */


/* popup css  */
.offer_popup .modal-dialog {
    max-width: 700px;
}
.offer_popup .modal-content {
    background-color: #F0F4FF;
    border-radius: 15px;
    max-width: 95%;
    margin: auto;
}

.offer_popup .btn-close {
    position: absolute;
    background-color: #ffffff;
    opacity: 1;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    top: -12.5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    right: -12.5px;
	z-index: 999;
}
h2.offer_heading {
    text-align: center;
    font-size: 28px!important;
    margin-bottom: 15px;
    color: #000000;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(0 0 0 / 50%);
}.offer_image {
    max-width: 150px;
    display: block;
    margin: auto;
    position: absolute;
    top: -55px;
    left: -55px;
}.popup_content {
    padding: 50px 20px;
}



h4.last-chance {
    font-size: 16px;
    max-width: 95%;
    margin: auto;
    margin-bottom: 10px;
}
.header.sticky {
    position: sticky;
    top: 0px;
}
/* .gallery_grid img:hover {
    transform: scale(1.5);
} */
.gallery_grid img {
    height: auto;
    width: 100%;
    object-fit: cover;
    z-index: 2;
    position: relative;
    transition: .5s;
	border-radius:10px;
}
.gallery_grid {
    position: relative;
	cursor:pointer;
	overflow:hidden;
}
textarea#comment {
    width: 100%;
    height: 120px;
    border-color: #ced4da;
    border-radius: 5px;
}
p.comment-form-author input {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 6px;
    border-radius: 5px;
}
.portfolio_image img {
    height: 350px;
    object-fit: cover;
    object-position: top;
}
p.comment-form-email input {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 6px;
    border-radius: 5px;
}
p.comment-form-url input {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 6px;
    border-radius: 5px;
}
 p.form-submit input {
    color: #fff;
    background-color: #24313d;
    border-radius: 30px;
    font-size: 16px;
    border: 1px solid #24313d;
    padding: 5px 30px;
}
 p.form-submit input:hover {
    color: #fff;
    background-color: #f1833e;
	  border: 1px solid #f1833e;
	 }

   /* The Modal (background) */
        .modal_ {
            display: none; 
            position: fixed; 
            z-index: 999; 
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.8); 
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        /* Modal Content (Image) */
        .gallery-modal-content {
            margin: auto;
            display: block;
            width: 90%;
            max-width: 700px;
            transform: scale(0.8);
            transition: transform 0.5s ease;
			    margin-top: 50px;
    border-radius: 15px;
     box-shadow: rgb(255 255 255) 0px 7px 29px 0px;
        }
.row.portfolio_gallery .col-md-6 {
    padding-bottom: 25px;
}
        /* The Close_gallery Button */
        .close_gallery {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 30px;
             
        }

        .close_gallery:hover,
        .close_gallery:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        /* Animation classes */
        .modal-show {
            display: block;
            opacity: 1;
        }

        .gallery-modal-content-show {
            transform: scale(1);
        }
span.counting_time {
    color: #f1833e;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(0 0 0 / 50%);
}
/* popup css end */


  .cycle_icon {
         clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
         background-color: aliceblue;
         height: 150px;
         margin-bottom: 15px;
         margin-left: -20px;
         position: relative;
         }.cycle_icons {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-30%, -50%);
		 max-height: 50px; 
         }
         .cycle_grid {
         width: 14.28%;
         text-align: center;
         }
         .cycle_row {
         display: flex;
         flex-wrap: wrap;
         }
         .cycle_icon1{
         background-color: #FF5B4F;
         }
         .cycle_icon2{
         background-color: #0A4066;
         }
         .cycle_icon3{
         background-color: #FFB434;
         }
         .cycle_icon4{
         background-color: #1F92CB;
         }
         .cycle_icon5{
         background-color: #08C3A4;
         }
         .cycle_icon6{
         background-color: #FF5B4F;
         }
         .cycle_icon7{
         background-color: #FFB434;
         }
         .cycle_icon.cycle_icon1 {
         margin-left: 0px;
         }
         p.cycle_title {
         max-width: 95%;
         margin: auto;
         margin-left: -30px;
         font-size: 15px;
         line-height: normal;
         color: #000;
         }


 .accordion-button:focus{
         border: unset !important;
         box-shadow: unset !important;
         }
         section.service_banner {
         background-color: #F0F4FF;
         padding: 60px 0px;
         }
         .service_slider img {
         border-radius: 20px;
         }
         .global_icons li {
         position: relative;
         padding-left: 25px;
         padding-bottom: 4px;
         }
         .global_icons li:before {
         position: absolute;
         content: "\f00c";
         font-family: 'FontAwesome';
         color: #f1833e;
         left: 0px;
         }
         .portfolio_image:before {
         content: '';
         left: 0;
         z-index: 1;
         bottom: 0;
         width: 100%;
         height: 100%;
         transition: all 0.4s;
         position: absolute;
         opacity: 1;
         background: linear-gradient(180deg, rgba(4, 13, 67, 0) 52.38%, #040d43 91.91%);
         }
         .portfolio_image:after {
         content: '';
         left: 0;
         z-index: 1;
         bottom: 0;
         width: 100%;
         height: 100%;
         transition: all 0.4s;
         position: absolute;
         opacity: 0;
         background: linear-gradient(180deg, rgba(43, 77, 255, 0) 0, #2b4dff 100%);}
         .portfolio_image:hover::after {
         opacity: 1;
         }
         .portfolio_image {
         position: relative;
         overflow: hidden;
         border-radius: 18px;
         }
         .service_box:hover li{
         color: #Fff;
         }
         .about_service {
         border-radius: 15px;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         }
         .optech-portfolio-data {
         bottom: 0;
         text-align: center;
         z-index: 2;
         padding: 28px 15px;
         width: 100%;
         position: absolute;
         transition: all 0.4s;
         }.portfolio_grid {
         position: relative;
         }
         .optech-portfolio-data p{
         color: #fff;
         }
         .optech-portfolio-data h4{
         color: #fff;
         font-size: 20px;
         }
         .optech-portfolio-data a{
         color: #fff;
         }
         .port_button {
         width: 50px;
         height: 50px;
         background-color: #ffffff;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         border-radius: 5px;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         z-index: 1;
         }
         .portfolio_grid:hover img {
         transform: scale(1.1);
         }
         .accordion-item {
         background-color: #fff;
         border: 0px !important;
         box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
         margin-bottom: 15px;
         border-radius: 10px !important;
         }
         .accordion-button:not(.collapsed) {
         color: #000000;
         background-color: #f8f9fa;
         box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
         border-top-right-radius: 10px;
         border-top-left-radius: 10px;
         font-weight: bold;
         }
         .accordion-button {
         border-radius: 10px !important;
         }
         
         
        .slider-images {
      position: relative;
      width: 100%;
      height: 300px;
    }
    .slider-images img {
      position: absolute;
      top: 0;
      left: 0;
      border-radius:15px;
      width: 100%;
      height: 100%;
     object-fit: cover;  
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
    .slider-images img.active {
      opacity: 1;
    }  
         
/*  single portfolio */
.pdf_cls h4 {
    padding-bottom: 0.5rem ! IMPORTANT;
}
section.service_details.section-space.space-cls-2 {
    padding-top: 25px ! IMPORTANT;
    padding-bottom: 50px ! IMPORTANT;
	background-color:#F0F4FF;
}

.section-space.space-cls-1 {
    padding-top: 50px !important;
    padding-bottom: 25px !important;
}

/* mobile css  */
@media(max-width:991px){
.cycle_grid {
    width: 25%;
    text-align: center;
    margin-bottom:25px;
}
	.row.team_row .col-md-3 {
    width:33.333%;
}
}
@media(max-width:767px){
	.slider-images {
    
    height: 250px;
}
	.slider-images img{
		object-fit:contain !important;
	}
.service_banner .row {
            flex-direction: column-reverse;
}
.cycle_icon {
    margin-left: auto;
    margin-right: auto;
}
.cycle_grid {
    width: 33.33%;
 
}

	.mb-25 {
    padding-bottom: 30px;
}
	.row.team_row .col-md-3 {
    width:50%;
}
}

@media(max-width:575px) {

.cycle_grid {
    width:50%;
 
}
	.money-back {
		max-width: 280px;
		margin: auto;
	}
	.offer_popup .btn-close {
		position: absolute;
		background-color: #ffffff;
		opacity: 1;
		width: 25px;
		height: 25px;
		border-radius: 100px;
		top: 5px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		right: 5px;
	}
	.offer_image {
		 
		top: -30px;
		left: -30px;
	}
	section.dipanshutech_top_bar .social_links {
		text-align: center !important;
	}

	.call_info {
		justify-content: center;
		padding-bottom: 5px !important;
	}
}
@media (max-width: 600px) {
.pagination a, .pagination span {
padding: 8px 12px;
font-size: 14px;
}

}

@media(max-width: 400px) {
	.row.team_row .col-md-3 {
    width: 100%;
	}}


/* customized css  */

.single-services .blog_grid img.img-fluid.blog-images {
    width: auto !important;
	max-width: 100%;
    height: auto;
	padding: 10px;
}
.service_box p {
    margin-bottom: 0px;
}
.service_box p {
    min-height: 130px;
}
img.img-fluid.blog-images.img-blog {
    object-fit: unset;
}
.blog_grid img.img-fluid.blog-images {
    width: 100%;
}
h2.global_title.related {
    font-size: 30px;
}
.two-review-plateform img {
    width: 230px;
}
.two-review-plateform .second {
    text-align: end;
}
.brands img {
    border: 1px solid;
}
.post-type-archive-portfolio .recent_projects img {
    width: 100%;
    border-radius: 10px;
   
    object-fit: cover;
}


.img-col-cls img {
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 5px;
    transition-duration: 0.3s;
}
ul.global-icons li::marker {
    content: "✓ ";
    font-weight: bold;
    padding-left: 10px;
    color: #f1833e;
}
img.img-fluid.bordered-image {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 5px;
}

.service_box:hover h3 {
    color: #fff;
}
.custom-spce-textnomy {
    margin-bottom: 2rem !important;
	 margin-top: 1rem !important;
}
@media screen and (min-width: 62rem) {
 .header .dropdowns-toggle  {
       pointer-events: unset;
    }
}
@media screen and (min-width: 62rem) {
    .quick_links .menu-item {
        padding-inline: 0rem;
    }
}
@media   (min-width: 768px) {
	.service_box{
min-height: 342px ! IMPORTANT;
   }	
}	
@media(max-width: 768px) {
	.two-review-plateform .col-md-6 {
    text-align: center;
    padding-top: 30px;
}
h2.global_title.related {
    font-size: 22px;
}
	h2.offer_heading {
    text-align: center;
		font-size: 20px;}
}


/* Header menu */
@media (min-width: 992px) and (max-width: 1199px) {
    a.dipanshutech_anchor {
        font-size: 12px!important;
    }
	span.dipanshutech-menu-link.dropdowns-toggle {
        padding-left: 1px;
    }
	    span.dipanshutech-menu-link.dropdowns-toggle i {
        font-size:  12px !important;
     }
}
@media (min-width: 1200px) {
    #header .menu li.menu-item.dropdowns span a {
        font-size: 14px !important;
    }
}

@media (min-width: 600px) {
.pt-3.portfolio-cls {
    display: none !important;
} }

@media (max-width: 992px) and (min-width: 768px) {
  .custom-coll-spaces {
    padding-top: 2rem;
  }
}

/* customized css end */
h6.footer_title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2em;
    padding-bottom: 18px;
    margin-bottom: 25px;
}

.page-id-8 .testimonials_box {
	min-height: unset;
}
/* topbar css  */
.topbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.custom-search form {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

.custom-search input {
    border: none;
    outline: none;
    padding: 4px 10px;
    font-size: 12px;
    width: 140px;
}

.custom-search button {
    border: none;
    background: #f1833e;
    color: #fff;
    padding: 4px 10px;
    cursor: pointer;
}

.social_links {
    display: flex;
    align-items: center;
    gap: 6px;
}

.social_links li {
    list-style: none;
}

.social_links a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 50%;
    color: #333;
    font-size: 13px;
}

/* Mobile */
@media (max-width: 576px) {
    .topbar-right {
        justify-content: center;
        margin-top: 8px;
    }

    .custom-search input {
        width: 100px;
    }
}

@media (max-width: 600px) {
    .topbar-right {
        justify-content: center;
    }
}

/* Tablet Fix */
@media (min-width: 600px) and (max-width: 992px) {

    .topbar-right {
        flex-wrap: nowrap;   /* line break rokega */
        justify-content: flex-end;
    }

    .custom-search input {
        width: 110px;   /* thoda chhota */
    }

    .social_links {
        display: flex;
        gap: 4px;
    }

    .social_links a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
    }
}
/* Hide social icons on mobile */
@media (max-width:768px) {
    .social_links {
        display: none !important;
    }
}