/* Ahmed's CSS */



/* End Ahmed's Css */




/* Ihsan's CSS */

.wp-image-16197 {
  width: 100%;
  max-width: 644px;
  height: auto;
}

img.skip-lazy {
  loading: eager;
}

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


* {
  scroll-behavior: auto !important;
}
body {
  font-size-adjust: 0.5;
}
#wp-skip-link {
    display: none !important;
}

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

.hiredevelopertags span {
    padding-left:10px;
    padding-right:10px;
    background-color:white;
    border-radius: 4px;
    font-size:12px;
}

.hiredeveloperadvantages p {
  position: relative;
  padding-left: 36px; /* space for icon */
  line-height: 1.5;
}

/* Circle */
.hiredeveloperadvantages p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  background-color: rgba(240, 84, 35, 0.2); /* #F05423 @ 20% */
  border-radius: 50%;
}

/* Tick */
.hiredeveloperadvantages p::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  width: 7px;
  height: 15px;
  border-right: 2px solid #F05423;
  border-bottom: 2px solid #F05423;
  transform: rotate(45deg);
}


.digiratina-ai-testimonial .testimonial-text {
  color: #232C68;
  font-family: 'Poppins', sans-serif;
  font-size: 14px; 
  font-weight: 500;
  text-align:center;
}

/* Pill CSS Code*/
.pill-wrapper .list-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pill-wrapper .num,
.pill-wrapper .pill {
  position: relative;
  z-index: 1;
}

/* Row */
.pill-wrapper .item {
   position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.5));
}

.pill-wrapper .item::before {
  content: "";
  position: absolute;
  left: 56px;              /* circle width */
  width: 16px;             /* same as gap */
  height: 10px; 
  background: var(--pill-bgcolor);
  z-index: 0;
}


/* Number circle */
.pill-wrapper .num {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--pill-bgcolor);
  color: var(--pill-txtcolor, #fff);
  display: grid;
  place-items: center;
  font-weight: 700;
  flex-shrink: 0;
  font-size: 16px;
}

/* Pill */
.pill-wrapper .pill {
  flex: 1;
  padding: 14px 30px;
  border-radius: 999px;
  background: var(--pill-bgcolor);
  color: var(--pill-txtcolor, #fff);
  font-weight: 600;
  line-height: 1.2;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 600px) {
  .pill-wrapper .num {
    width: 40px;
    height: 40px;
    font-size: 10.5px;
  }

  .pill-wrapper .pill {
    padding: 14px 24px;
    font-size: 10.5px;
  }
  
  .pill-wrapper .item::before {
      left: 40px !important;
  }
}
/*End Pill CSS Code*/

.rcb-body-container{
    height:150px !important;
}

.referral-steps-desktop-wrapper{
    margin-top: -20% !important;
}

.section-navigate{
    display:none;
}


.ea-card h3 a{
	font-size:16px !important
}

.ea-card p{
	font-size:16px !important
}

.ea-card .ea-body{
	font-size:16px !important
}

.productdesign-custom-columns {
    display: flex;
    flex-wrap: wrap; /* Allows columns to stack on smaller screens */
    gap: 16px; /* Adds spacing between columns */
}

.productdesign-custom-columns .wp-block-column:first-child {
    flex: 4; /* Wider column */
}

.productdesign-custom-columns .wp-block-column:last-child {
    flex: 1; /* Narrower column */
}

/* Adjust margin-top for the second column */
.productdesignSubImageTextMargin {
    margin-top: 80px !important; /* Default top margin */
}

@media (min-width: 768px) and (max-width: 1340px){
    .hero-custom-buttom-remove-width a{
	    width: auto !important;
	}
}


@media (max-width: 1340px) {
    .productdesign-custom-columns .wp-block-column:first-child,
    .productdesign-custom-columns .wp-block-column:last-child {
        flex: 1; /* Ensures both columns take full width on smaller screens */
    }
	
	.3-col-svg{
		max-width:100%;
		text-align:center;
	}
	
	.orangebuttonwithpadding a {
		padding: 10px !important;
	}
}

@media (min-width: 1499px) and (max-width:1670px) {
    .productdesignSubImageTextMargin {
        margin-top: 20px !important; /* Removes top margin on mobile */
    }		
}

@media (max-width: 1246px) {
    .productdesignSubImageTextMargin {
        margin-top: 0px !important; /* Removes top margin on mobile */
    }
}

.homebannerfix{
	min-height: 450px !important;
	}

@media only screen and (max-width: 768px) {
  .mobile-center-text {
    text-align: center;
  }
	
	.homebannerfix{
		    height: 450px;
    margin-top: -50px;
	}
	
	.mobile-displayblock
	{
	    display:block !important;
	}
	
	 .compliance-home-grid {
	     display:block !important;
	 }
	
	 .compliance-home-grid > * {
        width: 100% !important;
    }
    
    .compliance-home-grid .wp-block-image{
        width:100% !important;
        text-align:center !important;
    }
    
    .customized-software-development .single-service-top{
        margin-top:0px !important;
    }
    .hiredevelopertags{
        margin-top:0px;
    }
}


@media (min-width: 600px) and (max-width: 1768px) {
    /* Styles specific to tab screens */
    .thumbnail-custom-columns {
        flex-direction: column;
        inline-size: -webkit-fill-available;
			 text-align: center;
    }
}

@media (min-width: 1768px) {
    /* Styles specific to tab screens */
	.margintop40{
		margin-top:40px !important;
	}
}

.margintop10{
		margin-top:10px !important;
	}
	

.clients-logo-slider .wpcp-single-item img[alt="main-icons"]{
    	object-fit: fill;
    	border-radius:8px;
}

.90percentwidth{
	width:90%;
}

	.wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog
	{
		gap:25px;
	}


.post-grid-parent> .tpg-even.layout1 .rt-holder{
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
	font-family:poppins;
}

.post-grid-parent> .tpg-even.layout1 .rt-holder .rt-img-holder{
	max-height: 200px;
}

.text-align-center{
	text-align:center !important;
}

#youtube-wrapper {
  position: relative;
	max-width: 90% !important;
}

#youtube-wrapper iframe {
  display: block; /* Prevent extra space below iframe */
  width: 100%;
  height: 100%;
}

#sp-ea-13213.sp-easy-accordion>.sp-ea-single{
	border-radius:15px;
}
#sp-ea-13213.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body{
	border-radius:15px;
}

.blogcat-dropdown {
  padding: 8px 12px;
  font-size: 16px;
  max-width: 300px;
  width: 250px;
  border: 1px solid #ccc;
  appearance: none; /* Remove default arrow */
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
	margin-top: 15px;
	color: #727B99;
	font-family:Poppins;
	font-weight:500;
	line-height:120%;
}

.blog-category-column{
		text-align:right;
	}

@media (max-width: 781px) {
  .page-header {
    text-align: center;
  }
	.blog-category-column{
		text-align:center;
	}
	.blogs-query2-pagination{
		float:none !important;
	}
	.3-col-svg{
		text-align:center;
	}
	
	.mobile-text-align-center{
	text-align:center !important;
	}
}

.fullwidth{
	width:100%;
}

.blogs-heading-style{
	padding-bottom: 30px !important;
	padding-top: 10px !important;
}

.transparent-background{
	background:transparent !important;
}

.margin-top-0{
	margin-top:0px !important;
}

.margin-top-5{
	margin-top:5px;
}
.margin-top-10{
	margin-top:10px;
}

.margin-top-15{
	margin-top:15px;
}

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

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

.font-weight400{
	font-weight:400;
}

.displaynone{
	display:none !important;
}


.addunderline{
	text-decoration:underline !important;
}

.gradient-text {
  background: linear-gradient(90deg, #4557CE, #232C68, #4557CE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text;
  color: transparent;
}

.gap0{
	gap:0px !important;
}

.margintop10{
	margin-top:10px !important;
}

.orangebutton a {
	color: white !important;
	background-color: #F05423!important;
}

.orangebuttonwithpadding a {
	color: white !important;
	background-color: #F05423!important;
	padding: 10px;
	border-radius: 12px;
}

.orangetextbutton a {
	background-color: white !important;
	color: #F05423!important;
	padding-right: 22px!important;
    padding-left: 22px!important;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
	border-radius: 12px;
	font-size:16px;
}

.orangetextbutton a:hover {
	color: #fff!important;
}

.bluetextbutton a {
	background-color: white !important;
	color: #031349!important;
	padding-right: 22px!important;
    padding-left: 22px!important;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
	border-radius: 12px;
	font-size:16px;
}



.margin-block-start20{
	margin-block-start:20px !important;
}

.margin-block-start10{
	margin-block-start:10px !important;
}

.margin-block-start0{
	margin-block-start:0px !important;
}

.margin-bottom-20{
	margin-bottom:20px !important;
}

.margin-right-10{
	margin-right:10px !important;
}

/* Container style for consistency */
.wp-block-columns.alignfull {
  display: flex;
}

/* Common fade border style applied to left and center columns */
.fade-border-right-faded-top {
  position: relative;
}

/* Gradient border on the right side */
.fade-border-right-faded-top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to top, #1a1a1a, transparent);
  z-index: 1;
}

.fade-border-right-faded-bottom {
  position: relative;
}

/* Gradient border on the right side */
.fade-border-right-faded-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, #1a1a1a, transparent);
  z-index: 1;
}

/* Background image for the center column */
.with-bg-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* Background image and circular gradient layered below content */
.with-bg-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at center, rgba(26, 26, 26, 0) 0%, rgba(237, 242, 251, 1) 100%),
    url('https://www.digiratina.com/wp-content/uploads/2025/07/Vector.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 1;
}

/* Consistent padding for all column content */
.with-bg-image > * {
  position: relative;
  z-index: 1;
}
.key-features-border-bottom{
	border-bottom:1px solid;
}

@media (max-width: 767px) {
  .fade-border-right-faded-top::after,
  .fade-border-right-faded-bottom::after {
    display: none;
  }
	
	.key-features-border-bottom{
		border-bottom:0px;
	}
}


.animate-on-scroll {
  transition: all 0.4s ease-out;
  color: #232c68;
  font-size: 24px;
  font-weight: 700;
  transform: scale(1);
  transform-origin: left center; /* Keep left-aligned on zoom */
}

.animate-on-scroll.visible {
  color: #00AEEF !important;
  transform: scale(1.1);
}

.wp-block-columns.AIHowItWorksColumns
{
	align-items: stretch !important;
}

.wp-block-column video {
 max-height: 600px;
  width: 100%;
  object-fit: contain;
}



.digiratina-ai-faq .ea-card {
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-bottom: 12px;
}

/* Header style */
.digiratina-ai-faq .ea-card .ea-header {
  border-radius: 15px;
  overflow: hidden;
}

/* Anchor inside header */
.digiratina-ai-faq .ea-card .ea-header a {
  display: block;
  border-radius: 15px;
  padding: 12px 16px;
  background-color: #f5f9ff;
  color: #031349;
  transition: background-color 0.3s ease;
}

/* Expanded card */
.digiratina-ai-faq .ea-card.ea-expand .ea-header a {
  background-color: #031349 !important;
  color: #fff !important;
}

/* Icon color on expand */
.digiratina-ai-faq .ea-card.ea-expand .ea-expand-icon {
  color: #F05423 !important;
}

.digiratina-ai-faq .sp-easy-accordion>.sp-ea-single {
    background: #edf2fb !important;
}

.digiratina-ai-video-wrapper {
 	width: 100%;
  max-width: 100%;
  padding: 0 !important;
	margin-top:20px !important;
}

.digiratina-ai-video-wrapper .wp-block-embed,
.digiratina-ai-video-wrapper .wp-block-embed__wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.digiratina-ai-video-wrapper iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
  border: none;
}

.max-width-width100{
	max-width: 100% !important;
	width:100% !important;
}

.why-teams-trust-digiratina-svg-code-block{
	 width: 370px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Mobile styles: for screens below 768px */
@media (max-width: 767px) {
  .why-teams-trust-digiratina-svg-code-block {
    width: 100%;
  }
	
	.svg-left,
  .svg-right {
    float: none !important;
    display: block;
    margin: 0px !important; /* center on mobile */
    width: 100% !important;       /* responsive */
    max-width: 370px;
  }
	
	.digiratina-ai-faq{
		gap:0px !important;
	}
}

.svg-left {
  float: left;
  width: 370px;
  height: auto;
  margin-left: 0.5em; /* spacing between */
}

.svg-right {
  float: right;
  width: 370px;
  height: auto;
  margin-right: 0.5em;
}

/* Clear float container if necessary */
.svg-container::after {
  content: "";
  display: table;
  clear: both;
}

.lottie-column{
	display: flex;
    justify-content: center;
    align-items: center;
}

.digiratina-lottie {
  width: 47%;
  height: auto;
}

@media (max-width: 768px) {
  .digiratina-lottie {
    width: 100% !important;
  }
}

.postwrittenby p{
	font-weight:700;
	color: var(--wp--preset--color--primary) !important;
}

.certification-buttons {
    /* Set the container to use flexbox */
    display: flex;
    /* Center the items horizontally */
    justify-content: center;
}


.solution-tech-container img {
    height:20px !important;
    width: auto;
}


/*Client Testimonial Slider Styles*/

/* -------------------------------------------------------- */
/* 1. BASE STRUCTURE & Universal Sizing */
/* -------------------------------------------------------- */

/* Ensure all elements use border-box and allow content to dictate height */
.superblockslider,
.superblockslider__window,
.superblockslider__track,
.superblockslider__slide {
    height: auto;
    box-sizing: border-box;
}

/* Ensure images within slides are fully responsive */
.superblockslider__slide img {
    max-width: 100%;
    height: auto;
}

/* General Slider Styling */
.superblockslider {
    border-radius: 30px;
}

/* Slide Inner Content Sizing (Default, non-mobile) */
.superblockslider__slide_inner {
    height: auto;
    display: block;
    position:relative;
}

/* Navigation & Button Styling (Applies to all screens) */
.superblockslider__navigation {
    top: 43%; /* Position navigation vertically */
}

.superblockslider__button__navigation svg {
    width: 50px;
    height: 50px;
}

/* -------------------------------------------------------- */
/* 2. DESKTOP/TABLET Styles (Default & min-width: 769px) */
/* -------------------------------------------------------- */

/* Default minimum height for larger screens to prevent slide collapse */
.superblockslider__slide,
.superblockslider__window {
    /*min-height: 370px;*/
}

@media (min-width: 769px) {
    .superblockslider {
    }
    .superblockslider__navigation {
        width: 99%;
    }

    /* Vertical Gradient Separator for Testimonial Column (Desktop) */
    /* Target: The last column of the columns block with 66.66% flex-basis */
    .superblockslider__slide .wp-block-columns.is-layout-flex > .wp-block-column:last-child[style*="66.66%"] {
        /* Reset mobile styles */
        border-top: none;
        padding-top: 0;

        /* Apply vertical gradient on the left */
        background-image: linear-gradient(
            to bottom,
            transparent 0%,
            var(--wp--preset--color--vivid-red) 50%,
            transparent 100%
        );
        background-repeat: no-repeat;
        background-size: 1px 100%; /* 1px width, full height */
        background-position: left; /* Positions the line at the left edge */

        /* Restore desktop padding */
        padding-left: var(--wp--preset--spacing--x-small);
        border-left: none; /* Ensure no solid border remains */
    }
    
    .inner-blocks {
        padding-left:40px;
    }
    
    .what-our-client-say-wrapper{
        display:flex;
    }

    .paddingbottom0{
    	padding-bottom:0px !important;
    }
    
    
	.width-desktop-50-percent {
	    width: 50% !important;
	}
}


/* -------------------------------------------------------- */
/* 3. MOBILE Styles (max-width: 768px) */
/* -------------------------------------------------------- */
@media (max-width: 768px) {

    /* A. CRITICAL Height Fixes: Re-applying the 1000px min-height for visibility */
    .superblockslider__slide,
    .superblockslider__window {
        /*min-height: 800px !important; /* CRITICAL FIX from original working CSS */
        height: auto !important;
        display: block !important;
    }

    /* B. Layout Stacking and Resets (Gutenberg/WP Blocks) */
    .superblockslider__navigation {
        width: 100% !important;
        margin-left: -25px;
    }
    .wp-block-columns.is-layout-flex {
        flex-direction: column !important; /* Force columns to stack vertically */
    }
    .wp-block-column {
        flex-basis: 100% !important; /* Columns take full width when stacked */
        width: 100% !important;
    }

    /* C. Centering and Text Alignment */
    #testimonial-section :where(.wp-block-group) {
        padding-bottom: 0 !important;
    }
    #testimonial-section p,
    #testimonial-section h2,
    .wp-block-column.is-vertically-aligned-center, /* Centering text in the content column */
    .wp-block-column:has(.client-testinmonial-avatar) /* Centering the avatar column */
    {
        text-align: center !important;
    }
    /* .wp-block-group.is-nowrap.is-layout-flex {
        justify-content: center !important; Center avatar/text block horizontally
    } */
    .inner-blocks {
        margin-top: 40px !important; /* Re-added margin-top from user's working CSS */
    }
    .superblockslider__slide_inner {
        height: auto !important;
        display: block !important;
        position: relative;
    }

    /* D. Mobile Gradient Separator (Horizontal) */
    /* Target: The testimonial column when it's stacked */
    .superblockslider__slide .wp-block-columns.is-layout-flex > .wp-block-column:last-child[style*="66.66%"] {
        /* Reset desktop left border/padding */
        border-left: none !important;
        padding-left: 0 !important;

        /* Apply horizontal gradient on the top */
        background-image: linear-gradient(
            to right,
            transparent 0%,
            var(--wp--preset--color--vivid-red) 50%,
            transparent 100%
        ) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 1px !important; /* Full width, 1px height */
        background-position: top !important; /* Positions the line at the top edge */

        border-top: none !important; /* Ensure no solid border remains */
        padding-top: var(--wp--preset--spacing--x-small) !important;
    }
	
	.text-align-mobile-justify{
		text-align:justify !important;
	}
	
	#services{
	    margin-top:60px;
	}
	
	.home-video-wrapper{
	    padding-left:20px !important;
	    padding-right:20px !important;
	    padding-top:20px !important
	}
	
	.mobile-justify-content-center{
	    justify-content:center !important;
	}
}

@media (max-width: 782px) { /* Adjust breakpoint as needed for your theme's mobile view */
    .header-box {
        padding-right: 0px !important; /* Forces the right padding to zero */
        padding-left: 0px !important;  /* Forces the left padding to zero (for the logo) */
    }
    
    /* You may also need to specifically target the navigation block's padding if it has any */
    .wp-block-navigation {
        padding-right: 0px;
    }
}



/* Custom mobile image for the block */
@media (max-width: 767px) {
  .home-best-software-section{
          background-image: url('/wp-content/uploads/2024/01/www3.svg');
          background-repeat: no-repeat;
          background-position: center;
    }
    
    .home-best-software-section-heading{
     font-size:16px !important;   
    }
    
    .home-best-software-section-heading-grp{
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 10px;
    }
    
    .home-best-software-section-para{
        font-size:14px !important;   
    }
    
    .home-best-software-section-para-grp{
        padding-left: 10%;
        padding-right: 10%;
    }
     .section-our-values{
        margin-top:40px !important;
    }
    
    .testimonial-thumb-name-container{
      display:flow !important;
  }
  #testimonial-country{
      width:100%;
  }
  
 .testimonial-name-container p{
      width: 100%;
  }
  
  .solution-tech-container{
    display: flex;
    justify-content: center;
  }
}

/* Custom tablet image for the block (optional range) */
@media (min-width: 782px) and (max-width: 1024px) {
    .testimonial-thumb-name-container {
        display:flex !important;
        /* 2. Vertically align the text and image containers to the middle */
        align-items: center;
    }
}

@media (min-width: 767px) and (max-width: 782px)  {
.testimonial-thumb-name-container {
        display:flow !important;
        /* 2. Vertically align the text and image containers to the middle */
        align-items: center;
    }
    }


/* Custom tablet image for the block (optional range) */
@media (min-width: 768px) and (max-width: 1024px) {
    .home-best-software-section{
        background-image: url('/wp-content/uploads/2024/01/www2.svg');
          background-repeat: no-repeat;
          background-position: center;
    }
    
    .home-best-software-section-heading{
     font-size:24px !important;   
    }
    
    .home-best-software-section-para{
        font-size:14px !important;   
    }
    
    .home-best-software-section-heading-grp{
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 10px;
    }
    
    .home-best-software-section-para-grp{
        padding-left: 10%;
        padding-right: 10%;
    }
    
    .section-our-values{
        margin-top:40px !important;
    }
  
  .testimonial-name-container p{
      width: 100%;
  }
  
  .solution-tech-container{
      display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .home-best-software-section{
      padding-bottom:20px;
  }
  
}

@media (min-width: 768px) and (max-width: 1610px) {

    .text-contents-wrapper {
        /* * If the button is *over* the text, it means the content block 
         * is either too tall or the button is incorrectly positioned.
         * We can increase the bottom margin of the paragraph to push the button down.
         */
        
        

        /* Or, reduce the font size of the header/paragraph to save vertical space */
        .content-main-topic {
            font-size: 20px !important;
        }
        
        .card-content {
            font-size: 13px !important;
        }
		
    }
    
    #services{
        /*padding-bottom:140px !important;*/
    }
}

.post-layout1-3264 .title a{
    color: #232c68 !important;
}

.post-layout1-5364 .title a{
    color: #232c68 !important;
}


.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title a {
    color: #232c68 !important;
}

/* This is NOT valid standard CSS */
.category a.cat-inner:not(:last-child)::after {
    content: ",\00a0";
}

.category {
    padding: 5px 0;
}

/* This is specific CSS 
.post-layout1-5364 .category a.cat-inner:not(:last-child)::after {
    content: ",\00a0";
}

.post-layout1-5364 .category {
    padding: 5px 0;
}*/

/*Desktop Size*/
@media (min-width: 1024px) {
    #services {
        padding-bottom:75px;
    }
    .home-best-software-section{
        background-image: url('/wp-content/uploads/2024/01/www1.svg');
          background-repeat: no-repeat;
          background-position: center;
    }
    
    .home-best-software-section-para{
        font-size:16px !important;   
    }
    
    .home-best-software-section-heading-grp{
        padding-bottom: 10px;
    }
    .section-our-values{
        padding-top:40px !important;
    }
    .clients-logo-slider .wpcp-single-item img[alt="main-icons"]{
    	height:100px;
    }
    .clients-logo-slider .wpcp-single-item img[alt="wafra-icon"]{
    	height:50px;
    }
}

.text-align-left{
	text-align:left !important;
}


/*Grid Section - this design can be seen on the service pages and the Digiratina AI page*/

.feature-card {
    /* Main card container styling */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff; /* White background for the bottom part */
    overflow: hidden; /* Ensures border-radius applies to children */
    text-align: center;
    margin: 20px; /* Example margin */
    overflow: visible;
}

.feature-card .card-content {
    padding-bottom: 15px !important;
    /* Adjust padding for the bottom white section */
    border-radius: 0px 0px 8px 8px;
}

.feature-card .card-icon-container {
    /* Existing properties (adjust padding as needed) */
    padding-top: 45px !important;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    /* 👇 MODIFIED LINE: Adding a linear gradient */
    background: linear-gradient(
        to bottom, 
        #1a3363, /* A slightly lighter shade of blue for the top */
        #0b1a3d  /* The main dark blue color at the bottom */
    );
    padding-bottom: 10px !important;
}

.feature-card .card-icon {
    /* The orange circular background for the icon */
    position: absolute;
    top: -50px; /* Move the circle up to overlap the sections */
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* Diameter of the circle */
    /*height: 60px;
    border-radius: 50%;*/
    background-color: #f68936; /* Orange color */
    border: 3px solid #ffffff; /* White border around the circle */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Style for the icon itself (the white graphic) */
    color: #ffffff; /* White color for the icon graphic */
    font-size: 24px;
    /* Assuming you use an image or SVG for the icon, adjust these styles */
}


.feature-card .card-icon {
    /* ... other icon styles ... */
    width: 80px;
    background-color: transparent;
    border: transparent;
}

.feature-card .card-icon::before {
    /* The inner orange circle with the icon graphic inside */
    content:'';
    height: 100px;
    border-radius: 50%;
    background-color: #f68936; /* Use actual icon path */
    background-repeat: no-repeat;
    background-position: center;
    /* If you use an SVG in the HTML, you can style the SVG directly instead of ::before */
}


.feature-card .card-title {
    /* Styling for "Flexibility" */
        color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.feature-card .card-description {
    /* Styling for the description text */
    color: #282b67;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
    background-color:white;
    border-radius: 0px 0px 8px 8px;
    padding-left:10px;
    padding-right:10px;
}


/* Base row setup */
.feature-card-row {
   display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 20px !important;            /* modern spacing */
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    align-items: stretch;
}

/* Center row (optional) */
.feature-card-row-center {
    justify-content: center;
}

/* Default: full width (mobile) */
.feature-card-col {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}



/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 1024px) {
    .feature-card-col-2-tablet {
        flex: 0 0 45%;
        max-width: 45%;
    }
    
    .feature-card-row{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }
    
    .feature-card-col {
        flex: 1 1 calc(45% - 20px);
        max-width: calc(45% - 20px);
        width: 47% !important;
        margin: 0 !important;
    }
}

/* Desktop: 3 columns (default) */
@media (min-width: 1025px) {
    .feature-card-col-3-desktop {
        flex: 0 0 31%;
        max-width: 30.8%;
    }
    
    .feature-card-row{
        margin-top:50px;
        padding-top:15px;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 20px !important;            /* modern spacing */
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .feature-card-col-2-desktop {
        flex: 0 0 47%;
        max-width: 47%;
    }
    
}



/* Space between stacked cards */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 8px !important; }
.mt-2 { margin-top: 16px !important; }
.mt-3 { margin-top: 24px !important; }
.mt-4 { margin-top: 32px !important; }

/* --- RESPONSIVE GRID FIX --- */

/* MOBILE (default) – 1 per row */
.feature-card-col {
    flex: 1 1 100%;
    max-width: 100%;
}


/* DESKTOP – 3 per row automatically */
@media (min-width: 1025px) {
    .feature-card-row.wp-block-columns.is-layout-flex {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .feature-card-col {
        flex: 1 1 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
    
    .feature-card-row .wp-block-column {
        flex: 0 0 31.5% !important;
        max-width: 31.5% !important;
    }
    
    /* --- 2 Column Layout --- */
    .feature-card-row .wp-block-column.fc-2 {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }
    
    /* --- 3 Column Layout --- */
    .feature-card-row.fc-3 .wp-block-column {
        flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
    
    /* --- 4 Column Layout (optional) --- */
    .feature-card-row.fc-4 .wp-block-column {
        flex: 0 0 calc(25% - 20px);
        max-width: calc(25% - 20px);
    }

}


.feature-card-row.wp-block-columns.is-layout-flex {
    flex-wrap: wrap !important;
    display: flex !important;
}

/* Tablet (768px–1024px): force 2 columns */
@media (min-width: 768px) and (max-width: 1024px) {
    .feature-card-row.wp-block-columns.is-layout-flex {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .feature-card-row .wp-block-column {
        flex: 0 0 48% !important;
        max-width: 48% !important;
    }
}






/*End*/


.home-arrow-design .bg-right{
	position: absolute;
	top: 0;
	right: 0;
}
.home-arrow-design .bg-left{
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
}

.home-final-bg1-wrapper{
    display: flex;
}
.home-final-bg1{
    transform: rotateY(180deg);
}


/*Security and Compliance Page*/
.securitybadgelinktext a {
    position: relative;
    text-decoration: none;
    padding-right: 18px; /* space for arrow */
    transition: all 0.3s ease;
}

/* Hide arrow until hover */
.securitybadgelinktext a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show arrow on hover */
.securitybadgelinktext a:hover::after {
    content: ">";
    opacity: 1;
    transform: translateX(4px); /* optional animation */
}

.securitybadgelinktext a:hover {
    text-decoration: underline !important;
}


/*End Security and Compliance Page*/


.customized-software-development .single-service-top {
    display: grid !important;
    grid-template-columns: 1fr auto  !important; /* left text expands, right image stays fixed */
    column-gap: 40px  !important; /* adjust spacing */
    align-items: start  !important; /* prevent vertical stretching */
}


@media (max-width: 900px) {
    .customized-software-development .single-service-top {
        grid-template-columns: 1fr !important;
    }
}

.mobile-what-is-custom-software-development p{
    text-align:left !important;
}



/* End Ihsan's CSS */

.sub-image img{
	width: 100% !important;
}

.industry-list li{
	margin-top: 0.75rem;
}
.prod-mobile-img{
	display: none;
}
a:where(:not(.wp-element-button)) {
	text-decoration: none !important;
}
.vertical-align-svg img{
	vertical-align: middle !important;
}
.careers-bg-image {
	float: right;
}

.ymc-smart-filter-container .filter-layout1 .filter-entry .filter-item .filter-link, .ymc-extra-filter .filter-layout1 .filter-entry .filter-item .filter-link, .ymc-extra-search .filter-layout1 .filter-entry .filter-item .filter-link, .ymc-extra-sort .filter-layout1 .filter-entry .filter-item .filter-link {
    font-family: 'Poppins' !important;
}

.justify-text{
	justify-content: center;
}
.sticky-blog-header{
	width: 100% !important;
}
.sticky-blog-separator{
	display: none !important;
}
.talent-img img{
	height: 175px !important;
	margin-bottom: 1rem !important;
}
.talent-pool-img{
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
}
.eco-system-grid{
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 4.5rem !important;
}
.blog-eng-container{
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 0.75rem !important;
}
.blog-eng-box{
	padding: 1rem 2rem !important;
	background: white;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.list-bold-para{
	font-size: 16px !important;
	font-weight: bold !important;
	color: #232C68;
}
.list-regular-para{
	font-weight: 400 !important;
	color: #232C68;
}

/*Deleted as changed the structure
.logo-left-margin a img{
	margin-left: -5.4rem;
}
*/

.remove-underline-link a{
	text-decoration: none !important;
}

.sticky-post-container{
	position: relative;
	padding: 20px 32px 18px 32px !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.engagement-model-tabs .gutena-tab-title-icon svg{
	display: none !important;
}
.engagement-model-tabs .wp-block-gutena-tab{
	background: transparent !important;
}
.engagement-model-tabs .gutena-tab-title .gutena-tab-title-icon{
	margin-top: 1rem !important;
}
.engagement-model-tabs .gutena-tab-title .gutena-tab-title-text{
	margin-bottom: 1rem !important;
}
.engagement-model-tabs .gutena-tabs-tab .active:first-child .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/renew-team-2.svg");
}
.engagement-model-tabs .gutena-tabs-tab .inactive:first-child .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/renew-team-3.svg");
}
.engagement-model-tabs .gutena-tabs-tab .active:nth-child(2) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/time-active.svg");
}
.engagement-model-tabs .gutena-tabs-tab .inactive:nth-child(2) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/inactive-time-2.svg");
}
.engagement-model-tabs .gutena-tabs-tab .active:nth-child(3) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/price-active.svg");
}
.engagement-model-tabs .gutena-tabs-tab .inactive:nth-child(3) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/inactive-price-2.svg");
}
.engagement-model-tabs .gutena-tabs-tab .active:nth-child(4) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/collab-active.svg");
}
.engagement-model-tabs .gutena-tabs-tab .inactive:nth-child(4) .gutena-tab-title-icon:after{
	content: url("https://www.digiratina.com/wp-content/uploads/2024/03/inactive-collab-2.svg");
}
  /* Chrome, Edge, and Safari */
  ::-webkit-scrollbar {
    width: 8px;
  }

  ::-webkit-scrollbar-track {
    background: #ecf2fb;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #031349;
    border-radius: 50px;
    border: 4px solid #031349;
  }

/* ===== Scrollbar CSS ===== */
  /* Firefox */
/*   *{
    scrollbar-width: thin;
    scrollbar-color: #f05423 #031349;
  } */

.forminator-fix {
  transform: none !important;
  contain: unset !important;
}


.blog-image{
	background: #bcbdbd !important;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.footer-container{
	box-shadow: 48px 148px 7px 147px rgba(0, 0, 0, 0.25);
}
.orange-hori{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 1.5rem 0rem !important;
}
.read-write-container{
	justify-content: space-evenly !important;
	padding-left: 2.5rem !important;
}
.footer-bottom-wrapper{
	justify-content: space-between !important;
}
.footer-menu-wrapper{
	position: relative;
	width: 100%;
}
.footer-separator{
	position: absolute;
    height: 1px;
    width: 100%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(240, 84, 35, 1) 25%, rgba(240, 84, 35, 1) 75%, rgba(255, 255, 255, 0) 100%);
}
.heading1{
	font-size: 36px !important;
}
.heading2{
	font-size: 32px !important;
}
.heading3{
	font-size: 28px !important;
}
.heading4{
	font-size: 22px !important;
}
.heading5{
	font-size: 20px !important;
}
.paragraph1{
	font-size: 16px !important;
}
.paragraph2{
	font-size: 14px !important;
}
.paragraphSmall{
	font-size: 12px !important;
}
.reading-time-container p{
	height: 30px !important;
}
.forminator-input{
	background-color: transparent!important;
}
.selection span{
	background-color: transparent!important;
}
.forminator-field textarea{
	background-color: transparent!important;
}
.forminator-button{
	background-color: #031349 !important;
}
.forminator-error-message{
	background-color: transparent !important;
}
.jop-posted-date{
	position: absolute;
	right: 30px;
}
.youtube-video-wrapper{
	display: flex;
	justify-content: center;
}
.eng-text-container{
	flex-wrap: unset!important;
	height: 25rem;
}
.tech-slider .wpcp-carousel-wrapper .wpcp-carousel-section.wpcp-image-carousel .wpcp-single-item img{
	/*height: 45px!important;*/
}
.navigator-wrap{
	padding-top: 30px!important;
}
.clients-text-icons-container{
	display: flex;
	justify-content: space-around;
	flex-direction: column !important;
}
.client-img-icon img{
	width: 50px;
	height: 50px;
}
.client-icons-container{
	width: 100% !important;
}
.span-reading-time{
	font-size: 20px !important;
	color: #232C68 !important;
	font-weight: 700 !important;
}
.qa-carousel .wpcp-carousel-section .swiper-wrapper{
	justify-content: center !important;
}
#contact-us-page .touch-title, #careers .hero-content h2 {
    font-size: 46px!important;
}
#contact-us-page .section-one {
	padding-top: 30px!important;
}
@media screen and (min-width: 1501px){
	body{
		zoom: 1.28266;
	}
	.hero-content{
		margin-top: 15px!important;
	}
	.hero-content h2{
		font-size: 33px!important;
	}
}
.primary-btn-hover a:hover{
	background-color: #232C68!important;
}
.submit-btn-hover:hover{
	background-color: #232C68!important;
}
.secondary-btn-hover a:hover{
	background-color: #D04F26!important;
}
.white-btn-hover a:hover{
	background-color: #E8EDFF!important;
}

.primary-text-color{
	color: #232C68 !important;
}
.secondary-text-color{
	color: #F05423 !important;
}
.join-now-btn{
		z-index: 100;
}
.primary-bg-color{
	background-color: #232C68 !important;
}
.secondary-bg-color{
	background-color: #F05423 !important;
}
.line-height-25{
	line-height: 25px !important;
}
.orange-line-blog{
	width: 2px !important;
}
.orange-line{
	width: 1.02px !important;
}
header{
	top: 8px;
  position: sticky;
	z-index: 1000;
}
.hero-text-gradient code {
	font-weight: bold;
}
body{
	background-color: var(--wp--preset--color--custom-light-blue) !important;
}
.header-shadow{
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	position: relative;
}
.clients-wrapper{
	position: relative;
}
.message-content-wrapper{
	height: 100%!important;
	display: flex;
	flex-direction: column!important;
	justify-content: space-between
}
.constellation-bg{
	background-image: linear-gradient(
            90deg,
            rgba(35, 44, 104, 0.00) 0%, rgba(35, 44, 104, 0.80) 100%
          ),
          url("https://www.digiratina.com/wp-content/uploads/2024/01/Frame-36888.png") !important;
}


.home-constellation-bg{
	background-image: linear-gradient(
            90deg,
            rgba(35, 44, 104, 0.00) 0%, rgba(35, 44, 104, 0.80) 100%
          ),
          url("/wp-content/uploads/2025/11/home-banner.svg") !important;
}
.service-top-padding{
		padding-left: 32px !important;
		padding-right: 32px !important;
}
.foak-button .wp-block-button__link{
	line-height: 1.5 !important;
}
/* Service Page */
.service-banner-bg{
	position: relative !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
	border-radius: 12px !important;
}
.service-banner-message{
	position: absolute;
	right: -32px;
  top: 18%;
}
.tech-carousel-container .wpcp-single-item{
	border: none !important;
}
.tech-carousel-container .wpcp-slide-image{
	display: flex;
  width: 100px;
  height: 100px;
  background: white;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0px rgba(0, 104, 183, 0.10);
}
.service-story-card{
	position: relative;
/* 	width: 595px; */
	min-height: 225px !important;
	padding: 34px !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.story-card-text{
	width: 14rem !important;
}
/******************/
/* Footer Changes */
.footer-bg{
	background: linear-gradient(180deg, #232C68 0%, #0B094C 100%);
}
.footer-container{
	position: relative;
}

.footer-asset{
	position: absolute;
	right: 0;
	bottom: 0;
}

.hide-desktop{
	display: none !important;
}

.mobile-footer-container{
		display: none !important;
}
.wpcp-carousel-section.nav-vertical-center{
	margin: 0 !important;
}
/******************/
.custom-post-social .heateor_sss_sharing_ul{
	display: flex !important;
	gap: 24px;
}
.custom-post-social .heateor_sss_sharing_ul a{
	margin: 0 !important;
}
.custom-post-social .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg svg{
	padding-top: 5px !important;
}
.custom-post-social .heateor_sss_sharing_ul .heateor_sss_button_linkedin svg{
	margin-top: -3px !important;
	transform: scale(0.6);
}
.custom-post-social .heateor_sss_sharing_ul .heateor_sss_button_instagram svg{
	transform: scale(0.7);
}


/* Case Studies V2 */
.ymc-smart-filter-container .container-posts .post-layout1{
	grid-template-columns: repeat(2, 1fr) !important;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1{
	border-radius: 12px !important;
	background: white !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border: none !important;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 40px;
	align-items: center;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media{
	margin: 0 !important;
	grid-row: 1 / span 3;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img{
	width: 254.864px !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media:after{
  top: 15%;
	margin-left: 20px;
  position: absolute;
	content: url('https://www.digiratina.com/wp-content/uploads/2024/01/Vector-153.svg');
}
.ymc-post-layout1 .date{
	display: none !important;
}
.ymc-post-layout1 .author{
	display: none !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .category{
	position: relative !important;
	grid-row: 3;
	padding: 0 !important;
	line-height: 1rem !important;
	padding-left: 1.5rem !important;
	margin-bottom: 20px !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title{
	color: #232C68 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	z-index: 0 !important;
	top: none !important;
	position: relative !important;
	transform: none !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .excerpt{
	color: #232C68 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .category:before{
	content: url(https://www.digiratina.com/wp-content/uploads/2024/01/tag-1.svg);
	position: absolute;
	left: 0;
	top: 5px;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .btn-read-more {
		position: absolute;
		width: 100%;
		height: 98%;
		top: 0;
		left: 0;
		opacity: 1 !important;
		visibility: hidden; 
}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more .btn{
		background: transparent !important;
		/*Commenting this out as Designer wants this to be color: #232c68*/
		/*color: transparent !important;*/
}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1:hover .btn-read-more{
		visibility: visible !important; 
}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1:hover .btn-read-more:after {
		opacity: 1 !important;
		position: absolute;
		z-index: 1000;
		display: block !important;
		visibility: visible !important;
		content: url('https://www.digiratina.com/wp-content/uploads/2024/01/small-arrow.svg');
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .category span:not(:last-child):after{
	content: ',';
	margin-right: 2px !important;
	font-size: 10px !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .category .cat-inner {
	font-size: 10px !important;
	padding: 0 !important;
	background: white !important;
	color: black !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.tabs-container .gutena-tabs-tab:after{
	margin-left: -1rem !important;
	padding-top: 6px !important;
	content: url('https://www.digiratina.com/wp-content/uploads/2024/01/Vector-153-1.svg');
}
.tabs-container .gutena-tabs-tab li{
	box-shadow: 0px 5.333px 5.333px 0px rgba(0, 0, 0, 0.25) !important;
}
.tabs-container .gutena-tabs-tab li:first-child{
	border-top-left-radius: 66px !important;
	border-bottom-left-radius: 66px !important;
}
.tabs-container .gutena-tabs-tab .active{
	z-index: 100 !important;
}
.tabs-container .gutena-tabs-tab .active:first-child:after{
	position: absolute;
	width: 1.25rem;
	height: 100%;
	content: '';
	right: -18px;
	top: 0;
	background: #232c68;
	padding-right: 1rem;
	border-top-right-radius: 66px;
	border-bottom-right-radius: 66px;
	box-shadow: 5.333px 0px 5.333px -5.333px rgba(0, 0, 0, 0.25) !important;
}
.tabs-container .gutena-tabs-tab .active:last-child:before{
	position: absolute;
	width: 1.25rem;
	height: 100%;
	content: '';
	left: -18px;
	top: 0;
	background: #232c68;
	padding-right: 1rem;
	border-top-left-radius: 66px;
	border-bottom-left-radius: 66px;
	box-shadow: -5.333px 0px 5.333px -5.333px rgba(0, 0, 0, 0.25) !important;
}
.tabs-container .gutena-tabs-tab li:last-child{
	border-top-right-radius: 66px !important;
	border-bottom-right-radius: 66px !important;
}
.ymc-smart-filter-container .filter-layout1 .filter-entry {
	justify-content: center !important;
}
.filter-link{
	padding: 3px 10px !important;
	border-radius: 50px !important;
	font-size: 14px !important;
	color: #fff !important;
	background-color: #031349 !important;
	font-weight: 500 !important;
	margin: 0 5px 5px 0 !important;
}
.tabs-container .wp-block-gutena-tab{
	background: transparent !important;
	padding: 0 20px 0 20px !important
}
.ymc-smart-filter-container .filter-layout1 .posts-found{
	display: none !important;
}
#ymc-smart-filter-container-1 .filter-layout1 .filter-entry .filter-item .filter-link.active{
	background-color: #EF5424 !important;
	color: #fff !important;
}
#ymc-smart-filter-container-2 .filter-layout1 .filter-entry .filter-item .filter-link.active{
	background-color: #EF5424 !important;
	color: #fff !important;
}
#ymc-smart-filter-container-3 .filter-layout1 .filter-entry .filter-item .filter-link.active{
	background-color: #EF5424 !important;
	color: #fff !important;
}
.ymc-smart-filter-container .ymc-notification{
	color: #232C68 !important;
}
#ymc-layout-pagination{
	justify-content: flex-end !important;
	margin-bottom: 2rem !important;
}
#ymc-layout-pagination .page-numbers{
	display: flex;
	justify-content: center;
	background: #FFF;
	width: 32px !important;
	height: 32px !important;
	border-radius: 4px;
	border: 1px solid #F1F1F1;
	padding: 8.5px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	margin-right: 5px !important;
}
#ymc-layout-pagination .next{
	width: 40px !important;
}
#ymc-layout-pagination .prev{
	width: 40px !important;
}
.ymc-smart-filter-container .pagination-numeric li {
    margin-right: 0px !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more {
	visibility: hidden !important;
	height: 0;
	width: 0;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more{
	text-align: left !important;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1:hover .btn-read-more:after {
	opacity: 1;
	position: absolute;
	visibility: visible !important;
	content: url('https://www.digiratina.com/wp-content/uploads/2024/01/small-arrow.svg');
	bottom: 10px;
 	right: 20px;
}
/****************************/
/* Blogs Page */
.block-card{
	position: relative;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.blog-card-main-title{
	height: 2.5rem;
}
.hidden-clicker a{
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	z-index: 100 !important;
}
.excerpt-text{
	height: 170px !important
}
.postcard-bottom-container{
	position: relative;
}
.hidden-title{
  position: absolute;
  right: 2.25rem;
  width: 7.75rem;
  opacity: 0;
  height: 1.75rem;
}
.hidden-title a{
	width: inherit;
}
.readmore-block-img{
	width: 75px !important;
}
.readmore-block-img-sticky{
	width: 100px !important;
}
.readmore-block-img-sticky img{
	vertical-align: middle !important;
}
.readmore-block-img img{
	vertical-align: middle !important;
}
.readmore-block{
	cursor: pointer;
	visibility: hidden;
}
.block-card:hover .readmore-block{
	visibility: visible;
}
.sticky-blog-readmore-container{
	width: 100% !important;
	justify-content: space-between !important;
}
.readmore-block-sticky{
	cursor: pointer;
	visibility: hidden;
}
.sticky-post-container:hover .readmore-block-sticky{
	visibility: visible;
}
.wp-block-query-pagination{
	margin-top: 16px !important;
	margin-bottom: 46px !important;
	gap: 0 !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}
.wp-block-query-pagination-next{
	position: relative;
	visibility: visible !important;
	text-decoration: none;
	margin-top: 8px !important;
}

.pagination-vidibility{
		visibility: visible !important;
}

.wp-block-query-pagination-next:before{
	position: relative;
	visibility: visible !important;
	text-decoration: none;
	margin-top: 8px !important;
}

.wp-block-query-pagination-previous{
	position: relative;
	visibility: visible !important;
	text-decoration: none;
	margin-top: 8px !important;
}
.wp-block-query-pagination-previous:before{
	position: relative;
	visibility: visible !important;
	text-decoration: none;
	margin-top: 8px !important;
}
.wp-block-query-pagination-numbers{
	display: flex;
	gap: 5px;
	margin-bottom: 0px !important;
	margin-right: 0 !important; 
}
.current{
	background: #031349 !important;
	color: white !important;
}
.page-numbers{
	display: flex !important;
	justify-content: center;
	background: #FFF;
	width: 32px !important;
	height: 32px !important;
	border-radius: 4px;
	padding: 7px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}
/***********************/

/* Services Page  */
.posts-grid{
		padding-left: 32px !important;
		padding-right: 32px !important;
}
/* .services-content{
	justify-content: space-around !important;
} */
.desktop-services-content{
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	padding-left: 1rem !important;
	
}
.service-block{
	width: 300px !important;
	height: fit-content;
	background: white;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.services-block{
	min-height: fit-content !important;
}
.service-icon{
	width: 56px;
	height: 56px;
}
.left-anchor{
	margin-right: 6.5rem !important;
}
.straight-line{
	width: 5px;
	height: 85px;
}
.right-anchor{
	margin-left: 5rem !important;
}
.justify-text{
	text-align: justify;
}
.mvp-title{
	width: 17rem;
}
.mvp-text{
	display: none;
	cursor: default;
}
.mvp-block{
	height: 120px !important;
	max-height: 125px !important;
}
.mvp-block:hover{
	border-radius: 6px;
	background: rgba(35, 44, 104, 0.05);
	height: fit-content !important;
	max-height: fit-content !important;
}
.mvp-block:hover .mvp-text{
	display: block;
}
.mini-mvp-block{
	display: flex;
/* 	align-items: flex-start !important; */
}
/***********************/
.engagement-models{
	display: grid !important;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.engagement-model{
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.eng-icon-title{
/* 	display: grid !important;
  grid-template-columns: 20% 80% !important; */
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
}
.eng-mvp-text{
	display: none;
	cursor: default;
}
.eng-mvp-block{
	min-height: 100px !important;
}
.eng-mvp-block:hover{
	border-radius: 6px;
	background: rgba(35, 44, 104, 0.05);
	height: fit-content !important;
	max-height: fit-content !important;
}
.eng-mvp-block:hover .eng-mvp-text{
	display: block;
}
.eng-top-block{
	height: 20rem !important;
}
.eng-bottom-block{
	height: fit-content !important;
	padding-bottom: 2rem !important;
}
.eng-bottom-card-block{
	height: fit-content !important;
  min-height: 25rem !important;
}
.eng-sub-title{
	margin-left: 8px !important;
	margin-top: -1px !important;
}
.eng-left-block{
	width: 50%;
}
.eng-right-block{
	width: 50%;
}
/* Breadcrumbs */
.yoast-breadcrumbs {
	padding-top: 30px; 
	padding-bottom: 14px !important;
	display: flex !important;
	justify-content: flex-start !important;
	color: #7E7E7E !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;
	text-decoration: none !important;
	max-width: 1200px !important;
}
.yoast-breadcrumbs a {
	color: #7E7E7E !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;
	text-decoration: none !important;
}
.breadcrumb_last{
	color: #7E7E7E !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;
}
/*****************/
.wp-block-navigation__responsive-container.is-menu-open {
		bottom: unset!important;
    left: 0!important;
    position: absolute!important;
    right: 0!important;
    top: 46px!important;
    background-color: white!important;
    border-radius: 6px!important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)!important;
    padding-top: 25px!important;
    padding-bottom: 25px!important;
    margin-top:20px;
}
.wp-block-navigation {
    position: unset!important;
}
.wp-block-navigation__responsive-container-close {
    right: 10px!important;
    top: -67px!important;
}

.hero:where(body .is-layout-flex) {
    gap: 10px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    flex-direction: column!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    gap: 15px!important;
}
.wp-block-navigation__responsive-container.is-menu-open {
    display: block!important;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 0!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    justify-content: center!important;
	align-items: center!important;
}
.contact-us-item a{
	color: white !important;
	background-color: #F05423!important;
	padding-right: 22px!important;
    padding-left: 22px!important;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
	border-radius: 12px;
}
.wp-block-navigation__responsive-container-close {
    background: transparent!important;
    color: transparent!important;
}
.hero-text-gradient code{
	background: -webkit-linear-gradient(#0068B7, #212B68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-family: 'Poppins', sans-serif !important;
}

.wpcp-carousel-content-wrapper:has(.wpcp-swiper-dots){
	margin-bottom:0px !important;
}

.clients-logo-slider{
	padding-top: 0;
    	padding-right: var(--wp--preset--spacing--medium);
    	padding-bottom: 0;
    	padding-left: var(--wp--preset--spacing--medium);
}
/*.clients-logo-slider .wpcp-single-item img[alt="wafra-icon"]{
	width: 100px;
	max-height: 73px !important;
	object-fit: fill;
}*/

.clients-logo-slider .wpcp-carousel-wrapper{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
    	padding-bottom: 0px;
}
#home-page .values-columns .values-item .icon-image img{
		width: 120px!important;
}
#home-page .values-columns .values-item{
    min-height: 200px;
}
.wpcp-carousel-section .wpcp-swiper-dots {
    display: none;
}
.swiper-button-next{
	margin-top: 0!important;
	top: 50%!important;
	right: 10px!important;
	transform: translate(0, -50%);
}
.swiper-button-prev{
	margin-top: 0!important;
	top: 50%!important;
	left: 10px!important;
	transform: translate(0, -50%);
}
.clients-logo-slider .wpcp-carousel-section .wpcp-single-item {
    border: 0!important;
}
nf-fields-wrap{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
#our-values, #services{
	position: relative;
	overflow: hidden;
}
#our-values .bg1{
	position: absolute;
  top: 15px;
  right: 0;
}
#services .bg1{
  bottom: 0;
	top: unset;
  right: 0;
}

.what-our-client-say-anchor
{
     display: flex;
    right: 0;
    float: right;
    position: absolute;
}
#our-values .world-map{
	position: absolute;
	top: 121px;
    right: -928px;
	z-index: -1;
	opacity: 0.3;
}

@font-face {
  font-display: swap;
}

#our-values .world-map img
{
	aspect-ratio: 2573 / 993;
}
#services .world-map{
	position: absolute;
	top: 69px;
	right: unset;
	left: -1018px;
	z-index: -1;
	opacity: 0.3;
}
#services .icon-image img{
	max-width: fit-content!important;
}
#services .card-content{
}



.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 20/7 !important;
}
.plyr__control--overlaid {
    background: #F05423 !important;
		scale: 1.4 !important;
}
.plyr--full-ui input[type=range] {
    color: #F05423 !important;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #F05423 !important;
}
.plyr__poster {
    background-size: cover !important;
}
#careers{
	position: relative;
}
#careers .world-map{
	position: absolute;
	top: 150px;
	right: unset;
	left: -870px;
	z-index: -1;
	opacity: 0.3;
}

#certification .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: unset!important;
}
.video-wrapper.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: unset!important;
}
.certification-wrapper {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.certification-image img{
	width: 100% !important;
	padding-top: 10px;
}
.plyr--video {
    border-radius: 6px;
}
#certification {
	position: relative;
}
#certification .bg-right{
	position: absolute;
	top: 0;
	right: 0;
}
#certification .bg-left{
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
}
.has-global-padding > .alignfull {
	margin-right:0!important;
	margin-left:0!important;
}
.hero-image img{
	object-fit: fill!important;
}
.map-wrapper{
	position: relative;
}
.map-point{
	position: absolute;
	cursor: pointer;
	width: 50px;
	display:none;
}

.map-point img {
    /* CRITICAL: Force the large pin image to fit the 50px container */
    width: 100%; 
    height: auto;
    display: block; /* Good practice for images */
}

.singapore-point[title-new]:hover:after, .lk-point[title-new]:hover:after {
	text-align: left !important;
}
.map-point .country {
	text-underline-offset: 5px;
	width: 100%;
	border-bottom: 1px solid #F05423;
}
.usa-point .tooltip, .canada-point .tooltip {
	left: 0!important;
	right: unset!important;
}

.map-point .tooltip {
	display: none;
	position: absolute;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	padding-right: 20px!important;
	padding-left: 20px!important;
	z-index: 100;
	background: linear-gradient(90deg, rgba(33,43,104,1) 0%, rgba(0,104,183,1) 100%);
	color: #ffffff;
	max-width: 250px;
	text-decoration: none;
	text-align:center;
	margin-top:5px;
	border-radius: 6px;
	top: 46px;
	right: 0;
	font-size: 12px !important;
	font-weight: bold !important;
	width: 130px;
}
.lk-point .tooltip {
	width: 132px!important;
	text-align: left !important;
}

.singapore-point .tooltip {
	width: 152px!important;
	text-align: left !important;
}

@media (min-width: 600px){
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: block !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
	}
}
@media (min-width: 1054px){
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
			background-color: inherit!important;
			display: block!important;
			position: relative!important;
			width: 100%!important;
			z-index: auto!important;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: none !important;
	}
}
#client-section .client-details-wrap{
		width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	}

#certification .certification-wrapper, #about-page .certification-wrapper{
	background-image: linear-gradient( 90deg, rgba(35, 44, 104, 0.00) 0%, rgba(35, 44, 104, 0.80) 100% ), url(https://www.digiratina.com/wp-content/uploads/2024/01/Frame-36888.png) !important;
}

.section-navigate{
	position: fixed;
	top: 50%;
	right: 30px;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.section-navigate ul li{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 2.5px;
	background-color: #031349;
	position: relative;
	height: 50px;
}
.section-navigate ul li:first-child{
	background: rgb(255,255,255)!important;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(3,19,73,1) 50%, rgba(3,19,73,1) 100%)!important;
	height: unset!important;
	padding-top: 40px;
	padding-bottom: 25px;
}
.section-navigate ul li:last-child{
	background: rgb(255,255,255)!important;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(3,19,73,1) 50%, rgba(3,19,73,1) 100%)!important;
	height: unset!important;
	padding-top: 25px;
	padding-bottom: 40px;
}
.forminator-response-message {
    color: green!important;
	    background-color: #e0eed8 !important;
    border: 1px solid #dee9d5 !important;
    border-radius: 4px !important;
    width: fit-content !important;
}
.forminator-error{
	color: red!important;
}
.section-navigate ul li .dot{
	width: 10px;
	height: 10px;
	background-color: #031349;
	border-radius: 50%;
	position: absolute;
	left: -4px;
	cursor: pointer;
}
.section-navigate ul li .dot:hover, .section-navigate ul li .active-dot{
	width: 15px;
	height: 15px;
	left: -6px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


.section-navigate ul li p{
	margin-block-start: 0;
	margin-block-end: 0;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #031349;
	color: white;
	font-weight: 600;
	border-radius: 5px;
	font-size: 14px;
	right: 12px;
	display: none;
	text-wrap: nowrap;
}



/****About Us****/
#about-page .navigator a{
	text-decoration: none!important;
}
#about-page .hero-content h6{
	text-align: justify;
}
#about-page .hero{
	display: flex;
	justify-content: space-between;
}
.text-gradient code{
	font-weight: bold;
	background: -webkit-linear-gradient(#0068B7, #212B68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-family: 'Poppins', sans-serif !important;
}
#about-page .about-content-2 {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	justify-content: center;
	align-items: flex-end;
}
#about-page .about-wrapper{
	max-width: 100%!important;
}
#about-page .img-group{
	width: 100%!important;
}
.service-content-group .text-contents-wrapper{
	position: relative;
}


.service-content-group .text-contents-wrapper .separator{
	position: absolute;
	width: 2px;
	height: 100%;
	right: -35px;
	top: 0;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(3,19,73,1) 25%, rgba(3,19,73,1) 75%, rgba(255,255,255,0) 100%);
}
.certification-text-contents p strong{
	color: #00AEEF!important;
}

.wpcp-carousel-section.wpcp-standard{
	padding-right: 0px!important;
}
#about-page .events-slider{
	margin: 0;
}
#about-page .events-slider .wpcp-carousel-section.nav-vertical-center {
	margin: 0 0!important;
	border-radius: 20px;
}
#about-page .wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {
    background-color: #7E7E7E!important;
	width: 10px!important;
	height: 10px!important;
}
#about-page .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #F05423!important;
}
#about-page .certification-wrapper{
	position: relative;
	overflow: hidden;
}
#about-page .about-service-content-img{
	position: absolute;
	bottom: 0;
	right: 0;
	pointer-events: none;
}
#about-page .mb-img{
	display: none;
}
#about-page .web-img{
	display: block;
	top: 0;
	margin: 0!important;
}
#about-page .web-img img{
	height: 100%!important;
	width: 100%!important;
}

/****About End****/

/****Careers****/
#careers-page .navigator a{
	text-decoration: none!important;
}
#careers-page .hero-content h6{
	text-align: justify;
}
#careers-page .hero{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#careers-page .section-one{
	position: relative;
}
#careers-page .section-one-bg{
	position: absolute;
	transform: rotateY(180deg);
	bottom: 40px;
	left: 0;
}
#careers-page .benifits-wrapper{
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#careers-page .events-slider{
	margin: 0;
}
#careers-page .events-slider .wpcp-carousel-section.nav-vertical-center {
	margin: 0 0!important;
	border-radius: 20px;

}
#careers-page .wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {
    background-color: #7E7E7E!important;
	width: 10px!important;
	height: 10px!important;
}
#careers-page .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #F05423!important;
}
#careers-page #events{
	position: relative;
} 
#careers-page #events .events-bg{
	position: absolute;
	top: 0;
	right: 0;
} 
#careers-page .section-video div:first-child{
	max-width: unset;
}
#careers-page .plyr--video {
	border-radius: 0;
}
#careers-page .section-video .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 17/5 !important;
}
#careers-page .section-video .plyr__control--overlaid::before{
	content: "";
	width: 120%;
	height: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid #F05423;
	border-style: dashed;
	border-style: dashed;
}
#careers-page .section-video .plyr__control--overlaid::after{
	content: "";
	width: 140%;
	height: 140%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid #F05423;
	border-style: dashed;
	border-style: dashed;
}
#careers-page .plyr__controls{
	display: none;
}
#careers-page .plyr--video:hover .plyr__controls{
	display: flex;
}
#careers-page .benifits-ind-content:hover{
	background: rgba(35, 44, 104, 0.05);
	cursor: default;
}
#careers-page .benifits-ind-content-text{
	display: none
}
#careers-page .benifits-ind-content:hover .benifits-ind-content-text{
	display: block;
}
#careers-page .benifits-ind-content{
	transition: 1s;
}
#careers-page .job-open{
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(2px);
	position: relative;
}
#careers-page .job-open:hover{
	background-color: #F5F9FF!important;
}
.job-description .timer, #careers-page .timer, #careers-page .location{
	line-height: 0!important;
}
.apply-form{
	border-left: 1px solid #123C74;
}

.apply-form .forminator-col{
	position: relative!important;
}
.apply-form .forminator-field{
	background-color: white!important;
	border-radius: 12px!important;
	box-shadow: 0px 4px 16px 0px rgba(42, 23, 58, 0.10)!important;
	padding-right: 15px!important;
	padding-left: 15px!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}
.apply-form .forminator-label{
	font-size: 16px!important;
	padding-bottom: 3px!important;
	font-weight: 500!important;
}
.apply-form .forminator-input {
	border: 0px!important;
	border-radius: 0!important;
	font-size: 14px!important;
	padding: 0!important;
}
.apply-form input[name="phone-1"] {
    padding-left: 85px!important;
}
.apply-form .forminator-required{
	color:red!important;
}
.apply-form .forminator-error-message{
	font-size: 12px!important;
	padding-left: 0!important;
	position: absolute!important;
	color: red!important;
	bottom: -27px!important;
}

.apply-form .forminator-button-submit{
	font-size: 16px!important;
	border-radius: 12px!important;
	background: #031349!important;
}

.websitedevelopmentcustomcolumn {
    align-items: stretch !important;
}

.websitedevelopmentcustomcolumn > .wp-block-column:last-child {
    align-self: end;
}

@media (min-width: 1769) {
    .websitedevelopmentcustomcolumn .description-section{
        margin-left:-50px;
    }
    
}

/* Ihsan's changes */



/*start styling of forminator upload*/

.apply-form .forminator-row-last .forminator-field, .job-description .forminator-field-upload .forminator-field{
	padding: 0!important;
	background-color: transparent!important;
	box-shadow: unset!important;
}


.job-description .forminator-file-upload span[data-empty-text] {
  display: block !important;
  color: #a2b1ce !important;
  margin-top: 10px;
  font-size: 14px;
  word-break: break-word;
  min-height: 20px;
}

.job-description .forminator-file-upload .main-text{
    display: flex;
    flex-direction: column;
    margin: 0;
}

/* Main upload wrapper */
.job-description .forminator-file-upload {
    border: 1px dashed #ccc;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* Keep buttons in one vertical stack on the left */
.job-description .forminator-file-upload .forminator-button-upload,
.job-description .forminator-file-upload .forminator-button-delete {
    flex-shrink: 0;
}

/* Right-side text container */
.job-description .forminator-file-upload .text-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 10px;
}

.job-description .forminator-file-upload .file-name {
    display: none !important;
}

/* Hide helper text once a file is selected */
.job-description .forminator-file-upload .main-text {
    display: none;
}


@media (max-width: 768px) {
    .forminator-file-upload {
        flex-direction: column;
        align-items: stretch;
    }

    .forminator-file-upload .forminator-button-upload {
        width: 100%;
    }

    .forminator-file-upload .text-wrap {
        margin-top: 6px;
    }
}

/*End style of forminator upload*/

/* Style the "Choose File" button */
.job-description .forminator-button-upload {
	background-color: #fdfdfd !important;
    color: #a2b1ce !important;
    border: 1px solid gray !important;
    border-radius: 7px !important;
    padding: 2px !important;
    margin-top: 5px !important;
}

/* Ensure delete button shows only when needed */
.job-description .forminator-button-delete {
  margin-top: 10px;
}



/****Careers End****/


/****Contact Us****/


.slider-content-row{
	text-align: justify;
}
/*.slider-50{
	width: 50%!important;
}*/


.slider-100{
	width: 100%!important;
}

.tech-slider{
	padding-top: 20px;
}

.job-description .forminator-col:has(.forminator-has_error) {
	margin-bottom: 20px!important;
}

/*disabled this as the footer arhcitecture changed
.footer-right{
	justify-content: flex-end !important;
}*/



#contact-us-page .icon-btn{
	cursor: pointer;
}
#contact-us-page .navigator a{
	text-decoration: none!important;
}
#contact-us-page .location-wrapper{
	border-radius: 12px;
	background: var(--White, #FFF);

	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(2px);
}
#contact-us-page .social-media-wrapper {
    background-image: linear-gradient( 90deg, rgba(35, 44, 104, 0.00) 0%, rgba(35, 44, 104, 0.80) 100% ), url(https://www.digiratina.com/wp-content/uploads/2024/01/Frame-36888.png) !important;
}
#contact-us-page .sm-icon{
	cursor: pointer;
}
#contact-us-page .forminator-edit-module{
	display: none;
}
#contact-us-page .forminator-col{
	/*position: relative;*/
}
.forminator-field,
.forminator-select,
.forminator-row {
    transform: none !important;
}

.forminator-field,
.forminator-input,
.forminator-row {
    overflow: visible !important;
}


#contact-us-page .forminator-field{
	background-color: white;
	border-radius: 12px;
	box-shadow: 0px 4px 16px 0px rgba(42, 23, 58, 0.10);
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
input[type="checkbox"]:checked + .forminator-checkbox-box{
  background-color: #031349;
}
input[type="checkbox"] + .forminator-checkbox-box{
  background-color: transparent;
}
#contact-us-page #checkbox-1 .forminator-field, #contact-us-page .forminator-row-last .forminator-field{
	padding: 0!important;
	background-color: transparent!important;
	box-shadow: unset!important;
}
#contact-us-page .forminator-label{
	font-size: 16px;
	padding-bottom: 3px;
	font-weight: 500;
}
#contact-us-page .forminator-input {
	border: 0px;
	/*border-radius: 12px;*/
	font-size: 14px;
	padding: 0;
}

#contact-us-page .forminator-input::placeholder {
	font-size: 14px;
}


#contact-us-page .forminator-required{
	color:red;
}
#contact-us-page .forminator-error-message{
	font-size: 12px;
	padding-left: 0;
	position: absolute;
	color: red;
	bottom: -27px;
}

#address-1-country {
    position: relative;    
}

#contact-us-page .select2-selection{
	border: 0;
	padding: 0;
}
#contact-us-page .select2-selection__rendered{
	padding: 0;
	font-size: 14px;
}
#contact-us-page .select2-selection__arrow{
	width: 20px!important;
	height: 20px!important;
}
#contact-us-page .forminator-textarea, #contact-us-page .forminator-checkbox-label{
	border: 0;
	padding: 0;
	font-size: 14px;
}
#contact-us-page .forminator-description{
	font-size: 12px;
}
#contact-us-page .forminator-checkbox-box:before{
	color: white!important;
	font-size: 9px;
}
#contact-us-page .forminator-checkbox-box{
	border: 1px solid #031349;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}

#contact-us-page .forminator-input__placeholder{
	color: #A0AEC0;
	font-size:12px;
}
#contact-us-page .forminator-input::placeholder, #contact-us-page .forminator-textarea::placeholder {
  color: #A0AEC0 !important;
  opacity: 1; /* Firefox */
  font-size:12px;
}


#contact-us-page .forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple ul.select2-selection__rendered .select2-selection__placeholder, .forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single ul.select2-selection__rendered .select2-selection__placeholder 
{
    color: #A0AEC0;
    font-size: 12px !important;
}

#contact-us-page .forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection .select2-selection__placeholder {
    color: #A0AEC0;
    font-size: 12px !important;
}

#contact-us-page .forminator-input::-ms-input-placeholder, #contact-us-page .forminator-textarea::-ms-input-
{ /* Edge 12-18 */
  color: #A0AEC0;
  font-size:12px;
}

#contact-us-page .forminator-button-submit{
	font-size: 16px;
	border-radius: 12px;
	background: #031349;
}

#contact-us-page .forminator-col:has(.forminator-has_error) {
	margin-bottom: 20px!important;
}


.forminator-select-dropdown{
	background-color: white!important;
	box-shadow: 0px 4px 16px 0px rgba(42, 23, 58, 0.10)!important;
	border: 0!important;
}
.select2-search__field{
	font-size: 14px!important;
}
.select2-results__option{
	font-size: 14px!important;
	line-height: 25px!important;
}


/* Fix Forminator dropdown misalignment in Gutenberg */
#contact-us-page .forminator-select-dropdown-container {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
}


/****Contact Us End****/

@media screen and (max-width: 820px){
	.about-main-top{
		padding-right: 0 !important;
	}

	.section-navigate {
		display: none!important;
	}
	
	#home-page .values-wrapper, #home-page .our-clients-wrapper {
		padding-top: 0!important;
	}
	#home-page .values-wrapper h2, #home-page .service-title, #home-page .our-clients-title, #home-page .career-adventure-title{
		font-size: 26px!important;
		text-align: center!important;
	}
	/*#client-section .slider-content-2 .clients-wrapper{
		height: 340px!important;
	}*/
	.launch-faster-modal{
		padding: 0!important;
	}
	.youtube-video{
		flex-basis: 100%!important;
	}
	.slider-content-title{
		text-align: center !important;
	}
	.client-name{
		font-size: 12px!important;
	}
/* 	.superblockslider__controls{
		display: none!important;
	} 
		.superblockslider__button__previous{
		margin-left: -40px!important;
	}
	.superblockslider__button__next{
		margin-right: -40px!important;
	}*/
	.inner-blocks {
    padding-right: 0!important;
    padding-left: 0!important;
	}
	
	#about-page .certification-wrapper{
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.job-description .forminator-col:has(.forminator-has_error) {
	margin-bottom: 30px!important;
}
#contact-us-page .forminator-col:has(.forminator-has_error) {
	margin-bottom: 30px!important;
}
	#home-page #careers, #home-page #services, #home-page #our-values, #home-page .home-section-one, #home-page .home-section-two, #home-page #client-section, #home-page .home-section-three{
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.slider-content-row-image{
		height: 175px;
	}
	.slider-content-row-image img{
		object-fit: contain!important;
	}
	.slider-50{
		width: 100%!important;
		text-align: center !important;
	}
	.job-description{
		padding-top: 0!important;
	}
	#contact-us-page .section-one{
		padding-top: 12px!important;
	}
	.job-description, .home #certification, #careers-page #events, #careers-page .section-benefits, #careers-page .section-one{
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.pr-pl-mb{
		padding-right: var(--wp--preset--spacing--medium)!important;
		padding-left: var(--wp--preset--spacing--medium)!important;
	}
	.navigator-wrap{
		padding-top: 12px!important;
	}
	main{
		padding: 0!important;
	}
	.job-description .time-group{
		display: flex;
    align-items: center;
    justify-content: center!important;
	}
	.job-description .title{
		text-align: center;
	}
	.job-description .description-wrap{
		align-content: center !important;
	}
	.job-description .title{
		font-size: 40px!important;
	}
	.job-description .position-title{
		font-size: 18px!important;
	}
	.job-description .position-group{
		text-align: center!important;
	}
	.job-description .forminator-col:has(.forminator-has_error) {
		margin-bottom: 30px!important;
	}
	#contact-us-page .forminator-col:has(.forminator-has_error) {
		margin-bottom: 30px!important;
	}
	#contact-us-page .message-text{
		text-align: center;
	}
	#contact-us-page .message-group{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	#contact-us-page .touch-title, #careers .hero-content h2{
		font-size: 35px!important;
	}
	#careers-page .hero-content h6{
		text-align: center;
	}
	#careers-page .job-open h2{
		font-size: 16px!important;
	}
	#careers-page .open-group{
		display: flex;
    align-items: center;
	}
	#careers-page .open-text{
		text-align: center;
	}
	#careers-page .process-group{
		margin-right: 40px!important;
    margin-left: 40px !important;
	}
	#careers-page .process-text{
		font-size: 36px!important;
	}
	#careers-page .process-column{
		gap: 0px!important;
	}
	#careers-page .process-content-text{
		font-size: 24px!important;
	}
	#careers-page .section-video .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 17/9 !important;
}
	#careers-page .events-hero-text{
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#careers-page .benifits-ind-content .benifit-main-text {
		font-size: 17px!important;
		font-weight: 700!important;
	}
	#about-page .hero-content .text-gradient{
		font-size: 35px!important;
		text-align: center;
	}
	#about-page .hero-content h6{
		text-align: center;
	}
	#about-page .about-content-1{
		display: flex;
    flex-direction: column;
    align-items: flex-start;
	}
	#about-page .story-group{
		display: flex;
    flex-direction: column-reverse;
	}
	#about-page .about-wrapper .career-text{
		font-size: 16px!important;
	}
	#about-page .about-content-1 p, #about-page .about-content-2 p{
		font-size: 20px!important;
	}
	#about-page .brand-text{
		font-size: 37px!important;
		padding-right: 30px;
    padding-left: 30px;
	}
	#about-page .number-text{
		font-size: 42px!important;
	}
		#about-page .about-content-2 {
			text-align: end;
	}
.certification-wrapper .certification-text-contents .main-text{
		font-size: 20px!important;
    font-weight: 700!important;
    padding-bottom: 10px;
	}
	#home-page .service-content-group{
		display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    padding-bottom: 0px !important;
	}
	#home-page .service-content-group .text-contents-wrapper{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
 	#home-page .service-content-group .text-contents-wrapper .content-main-topic{
		font-size: 20px!important;
	}
	#services .card-content {
    height: unset!important;
    text-align: center;
    padding-bottom: 12px;
	}
	#home-page .service-content-group .text-contents-wrapper .content-main-topic{
		font-size: 20px!important;
	}
	
		#home-page .content-main-topic{
		font-size: 20px!important;
	}
	#home-page .service-content-group .text-contents-wrapper .separator{
		width: 80%!important;
    height: 2px!important;
    bottom: -35px!important;
    top: unset!important;
    left: 0!important;
    right: 0!important;
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(3,19,73,1) 25%, rgba(3,19,73,1) 75%, rgba(255,255,255,0) 100%)!important;
	}
	#home-page .values-columns .values-item .icon-image img{
		width: 70px!important
	}
	#home-page .hero-content h1, #home-page .hero-content h2, #home-page .hero-content h3, #home-page .hero-content h4{
		font-size: 28px!important;
		text-align:center;
	}
	.header-shadow{
		padding-right: var(--wp--preset--spacing--medium)!important;
		padding-left: var(--wp--preset--spacing--medium)!important;
	}
	.apply-form{
		border-left: 0!important;
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#contact-us-page .form-wrapper{
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#careers-page .events-bg, #careers-page .section-one-bg{
		display: none;
	}
	#about-page .hero-content h2{
		text-align: center;
	}
	#about-page .about-service-content-img{
		left: 0;
	}
	#about-page .about-service-wrapper 	{
		padding-bottom: 180px !important;
		padding-top: var(--wp--preset--spacing--medium)!important;
    padding-right: var(--wp--preset--spacing--medium)!important;
    padding-left: var(--wp--preset--spacing--medium)!important;
	}
	#about-page .wp-block-buttons{
		justify-content: center;
	}
	#about-page .about-content-service{
		text-align: center!important;
	}
	#about-page .mb-img img{
		width: 100% !important;
	}
	#about-page .mb-img{
		display: block;
	}
	#about-page .web-img{
		display: none;
	}
	#about-page .events-hero-text{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.section-navigate{
		right: 10px!important;
	}
	.hero-content {
			flex-basis: unset!important;
	}
	#our-values .bg1 {
    display: none;
	}
	
	.what-our-client-say-anchor{
	    display:none;
	}
	
	.home-final-bg1-wrapper{
        display: none;
    }
    
    .home-arrow-design {
        margin-top:0px !important;
    }
    
    #our-values .values-wrapper
    {
        padding-bottom:0px !important;
    }
	#our-values .values-wrapper, #our-values .values-item-content{
		text-align: center;
	}
	#our-values .world-map {
    right: -838px;
	}
	#our-values .values-item{
		flex-direction: column;
        align-items: center!important;
        align-content: center;
        padding-bottom: 0px !important;
        padding-top: 20px !important;
	}
	#our-values .values-columns{
		gap: 0;
	}
	#services {
    /*padding-top: 50px!important;*/
	}
	#services .services-hero-text, #client-section .clients-hero-text, #careers .career-hero-text, .update-content-wrapper p{
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#services .world-map {
    right: unset;
		top: 333px;
    left: -725px;
	}
	#client-section .slider-content-row{
		flex-direction: column !important;
		flex-wrap: wrap!important;
		padding-bottom: 30px!important;
	}
	#client-section .clients-wrapper {
    height: auto;
		padding-bottom: var(--wp--preset--spacing--small);
	}
	#client-section .slider-content-row-image {
    padding-right: 50px;
    padding-left: 50px;
	}
	
	#careers .plyr__video-embed, #careers .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9!important;
	}
	#careers .video-wrapper {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#careers .world-map, .bg-right, .bg-left  {
		display: none;
	}
	#certification .certification-text-contents{
		text-align: center;
	}
	#certification .certification-buttons{
		flex-direction: column;
		gap: 10px;
	}
}

@media screen and (max-width: 1025px){
	.grouped-block{
		padding: 0 !important;
	}
	/* Engagement Models */
		.engagement-models{
		display: grid !important;
		grid-template-columns: repeat(1,1fr);
		gap: 20px;
	}
	.engagement-model{
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.eng-hover-icons-container{
		display: flex !important;
	}
	.eng-icon-title{
		display: flex !important;
/* 		grid-template-columns: 20% 80% !important; */
		gap: 7px !important;
		align-items: center !important;
	}
	.eng-top-block{
		height: auto !important;
	}
	.eng-bottom-block{
		height: auto !important;
	}
	.eng-image img{
		width: 320px !important;
		height: 128px !important;
	}
	.eng-text-container{
		flex-basis: 0 !important; 
		height: fit-content !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.eng-icon-sub-title{
		font-size: 16px !important;
	}
	/***********************/
	.tabs-container .gutena-tabs-tab:after {
		content: url('https://www.digiratina.com/wp-content/uploads/2024/02/small-line.svg');
		padding-top: 0px !important;
		width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 {
		    grid-template-columns: 1fr;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media {
		margin-left: auto !important;
    margin-right: auto !important;
    grid-row: 1 !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .category {
    grid-row: 4;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media:after 	{
		display: none !important;
	}
}
	

.eng-sub-title-lg{
	width: 15.75rem !important;
}
.eng-sub-title-md{
		width: 11rem !important;
}
.eng-sub-title-sm{
		width: 9.25rem !important;
}
.eng-sub-title-xs{
		width: 7.25rem !important;
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	.services-content{
		flex-direction: column;
		flex-wrap: wrap !important;
	}
/* 	.first-service-block{
		min-height: 48rem !important;
	} */
/* 	.second-service-block{
		min-height: 67rem !important;
	} */
/* 	.last-service-block{
		min-height: 22rem !important;
	} */
	.single-service-top{
		flex-wrap: wrap !important;
	}
	.service-info{
		flex-basis: 100% !important;
	}
	.service-images{
		align-items: center !important;
		margin-left: auto !important;
    margin-right: auto !important;
	}
	.text-align-mobile{
		text-align: center !important;
	}
	

	
	
	
	.posts-grid{
		padding-left: 20px !important;
		padding-right: 20px !important;
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.wp-block-query-pagination{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.hide-tablet{
		display: none !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	
	.services-content{
		flex-direction: column;
		flex-wrap: wrap !important;
	}
	.single-service-top{
		flex-wrap: wrap !important;
	}
	.service-info{
		flex-basis: 100% !important;
	}
	.service-images{
		align-items: center !important;
		margin-left: auto !important;
    margin-right: auto !important;
	}
	.text-align-mobile{
		text-align: center !important;
	}
	
	.text-align-self-center-mobile{
		align-self: center !important;
	}
	.engagement-models{
		display: grid !important;
		grid-template-columns: repeat(1,1fr);
	}
	.posts-grid{
		padding-left: 20px !important;
		padding-right: 20px !important;
		 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.wp-block-query-pagination{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
@media screen and (min-width: 1025px){
	.sub-image-container{
		display: grid !important;
		grid-template-columns: 2fr 1fr;
	}
	.services-content {
    align-items: flex-start !important;
	}
	.last-service-icon img{
		margin-left: 50% !important;
	}
	.first-service-icon img{
		margin-left: -45% !important;
	}
}
/*mobile screen*/
@media screen and (max-width: 767px){
    
    .buttons-text-align-middle-mobile {
        text-align: center;
        display: grid !important;
    }
    
    #sp-wp-carousel-free-id-767 .swiper-slide {
        width: 120px !important; /* Adjust this to make logos bigger or smaller */
        margin-right: 15px !important;
    }

    /* 2. Ensure the image scales up to fill that width */
    #sp-wp-carousel-free-id-767 .wpcp-slide-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 80px !important; /* Limits height so they don't get blurry */
        object-fit: contain;
    }
    
    .mobile-padding-bottom-10-percent{
	    padding-bottom:10% !important;
	}
	
	.paddingbottommobile0{
	    padding-bottom:0px !important;
	}
	
	
	.sub-image-container{
		display: flex !important;
		flex-direction: column;
	}
	.solution-boxes{
		flex-direction: column;
	}
	.sticky-post-image{
		margin-top: -60px !important;
	}
	.sl-flag-mobile{
		width: 53px !important;
	}
	.sticky-blog-left{
		padding-top: 0px !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.sticky-blog-details-container{
		flex-direction: column-reverse !important;
		gap: 0 !important;
	}
	.readmore-block{
		cursor: pointer;
		visibility: visible !important;
	}
	.readmore-block-sticky{
		cursor: pointer;
		visibility: visible !important;
	}
	.sticky-blog-separator{
		display: block !important;
    height: 2px;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(240, 84, 35, 1) 25%, rgba(240, 84, 35, 1) 75%, rgba(255, 255, 255, 0) 100%);
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.orange-line-blog-mobile img{
		object-fit: fill !important;
	}
	.sticky-post-container{
		padding: 17px 10px 17px 10px !important;
		flex-direction: column !important;
	}
	.sticky-blog-excerpt{
		margin-bottom: 0 !important;
	}
	.sticky-blog-title{
		padding-top: 0 !important;
		width: 80% !important;
		margin-bottom: 0rem !important;
		text-align: center !important;
	}
	.eco-system-container{
		padding: 0 !important;
	}
	.eco-system-grid{
		gap: 1rem !important;
	}
	.blog-eng-text{
		padding: 10px !important;
	}
/* 	.blog-eng-box{
		padding: 30px !important;
	} */
	.blog-eng-box-img{
		width: 60px !important;
		height: 60px !important;
	}
	.blog-eng-box-text{
		font-size: 12px !important;
		width: 100px;
		height: 20px;
	}
	.blog-mobile-text{
		font-size: 10px !important;
	}
	.talent-img img{
		height: auto !important;
		margin-bottom: 1rem !important;
	}
	.talent-pool-img{
		gap: 1rem !important;
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}
	.blog-flag{
		width: 2.5rem !important;
		visibility: visible;
	}
	.clock-face{
		width: 4rem !important;
		visibility: visible;
	}
	.time-zone-text{
		font-size: 10px !important;
	}
	.blog-cover-image{
		height: auto !important;
	}
	.blog-cover-image img{
		height: auto !important;
	}
	.engagement-model-tabs .eng-tabs-content {
		margin-top: 25px !important;
	}
	.engagement-model-tabs .gutena-tabs-tab{
		display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
	.engagement-model-tabs .gutena-tabs-tab .gutena-tab-title{
		min-width: 10rem !important;
	}
	.engagement-model-tabs .gutena-tab-title-text{
		font-size: 16px !important;
	}
	.heading1{
	font-size: 35px !important;
}
	.heading2{
		font-size: 24px !important;
	}
	.heading3{
		font-size: 20px !important;
	}
	.heading4{
		font-size: 20px !important;
	}
	.heading5{
		font-size: 14px !important;
	}
	.heading6{
		font-size: 16px !important;
	}
	.paragraph1{
		font-size: 12px !important;
	}
	.paragraph2{
		font-size: 14px !important;
	}
	#client-section .client-quotes-ooredoo:after {
		 margin-top: 10px;
	}
	.filter-layout{
		padding: 0px 5px;
	}
	.text-capitalize{
		text-transform: uppercase !important;
	}
	.service-top-padding{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.contact-us-button-font{
		font-size: 12px !important;
	}
	.mobile-title{
		padding-right: 32px;
    padding-left: 32px;
	}
	.mvp-title {
    width: 10rem;
	}
	.straight-line{
		width: 5px;
		height: 85px;
	}
	.hide-mobile{
		display: none !important;
	}
	.hide-desktop{
		display: block !important;
	}
	.prod-mobile-img{
		display: flex;
		justify-content: center;
		margin-bottom: 10px !important;
	}
	.text-align-mobile{
		text-align: center !important;
	}
	
	.text-align-self-center-mobile{
		align-self: center !important;
	}
	.yoast-breadcrumbs {
		padding-top: 12px !important;
		padding-bottom: 15px !important;
		color: #7E7E7E !important;
		font-size: 14px !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: normal !important;
		text-decoration: none !important;
}
	/* Services Page  */
	.service-block{
		width: 330px !important;
		height: 280px;
	}
	.first-service-block{
		padding-top: 0 !important;
/* 		min-height: 43.5rem !important; */
	}
/* 	.second-service-block{
		min-height: 65.5rem !important;
	}
	.last-service-block{
		min-height: 25rem !important;
	} */
	.services-content{
		display: flex;
		flex-direction: column;
	}
	.service-text{
		font-size: 13px !important;
		flex-basis: auto !important;
		padding-left: 1.625rem !important;
		padding-right: 1.625rem !important;
	}
	.left-anchor{
		margin-right: 0rem !important;
	}
	.right-anchor{
		margin-left: 0rem !important;
	}
	.mvp-block{
		padding-left: 3.5rem !important;
		padding-right: 3rem !important;
	}
	/***********************/
	/* Service page */
	.single-service-top{
		display:flex;
		flex-direction: column !important;
		align-items: center !important;
	}
	.service-info{
		flex-basis: none !important;
	}
	.service-banner-bg{
		position: relative !important;
		margin-left: 0.625rem !important;
		margin-right: 0.625rem !important;
	}
	.tech-carousel-container .wpcp-slide-image{
		display: flex;
		align-items: center;
  	width: 50px !important;
  	height: 50px !important;
	}
	.tech-carousel-container img{
		width: 40px !important;
  	height: 40px !important;
	}
	.service-story-card{
		display: flex;
		flex-direction: column;
		padding: 39px 50px !important;
		width: 100% !important;
		gap: 0 !important;
		height: fit-content !important;
	}
	.service-story-card .service-card-image{
		/*width: 100% !important;*/
	}
	.service-bottom-text-section{
		margin-top: 27px !important;
		padding: 0 !important;
		text-align: center;
	}
	.story-card-text{
		width: 100% !important;
	}
	.service-mobile-image img{
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		width: 1000px;
	}
/***************************/
	.foak-banner-desc{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.engagement-models{
		display: grid !important;
		grid-template-columns: repeat(1,1fr);
	}
	.engagement-model{
		height: 100%;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.model-text-block{
/* 		width: 100%; */
		min-height: fit-content !important;
	}
	.model-blocks-container{
		display: grid !important;
		grid-template-columns: repeat(1,1fr);
	gap: 3rem;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.model-two-block{
		display: flex;
		flex-direction: column !important;
	}
	.model-header{
		font-size: 26px !important;
	}
	/* Blogs Page  */
	.posts-grid{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.wp-block-query-pagination{
		display: flex;
		justify-content: center !important;
	}
	.post-cover{
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	.custom-post-content{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.custom-post-social{
		display: flex;
		flex-direction: column;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.page-title-container{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.uagb-post-pagination-wrap{
		justify-content: center !important;
	}
	/***********************/
	.mobile-footer-container{
		display: block !important;
		position: relative !important;
	}
	/* Common font sizes mobile */
	.excerpt-text{
		height: fit-content !important;
		padding-top: 0.5rem !important;
	}
	.blog-card-main-title{
		height: fit-content !important;
	}
	.postcard-bottom-container{
		padding-top: 0px !important;
	}

	/*Home page*/
	.hero{
		flex-direction: column
	}
	.hero-content{
		display: flex;
    flex-direction: column;
	}
	.hero-image img{
		height:auto!important;
	}
	.map-point {
		width: 25px;
	}
	.ymc-smart-filter-container .container-posts .post-layout1{
	grid-template-columns: repeat(1, 1fr) !important;
		padding-left: 10px !important;
	padding-right: 10px !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1{
	grid-template-columns: repeat(1, 1fr) !important;
		padding-left: 10px !important;
	padding-right: 10px !important;
	}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more .btn{
		background: transparent !important;
			/*Commenting this out as Designer wants this to be color: #232c68*/
		/*color: transparent !important;*/
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more {
		visibility: hidden !important;
		height: 0;
		width: 0;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .btn-read-more {
		opacity: 1 !important;
		visibility: hidden !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .read-more{
		text-align: left !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .btn-read-more:after {
		opacity: 1;
		position: absolute;
		visibility: visible !important;
		content: url('https://www.digiratina.com/wp-content/uploads/2024/01/small-arrow.svg');
		right: 20px !important;
		bottom: 0 !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1:hover .btn-read-more:after {
		width: fit-content !important;
		height:  fit-content !important;
		opacity: 1;
		position: absolute;
		visibility: visible !important;
		content: url('https://www.digiratina.com/wp-content/uploads/2024/01/small-arrow.svg');
		right: 20px !important;
		bottom: 0 !important;
	}
	.tabs-container .gutena-tabs-block .gutena-tabs-tab{
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.tabs-container .gutena-tab-title-text{
		font-size: 13px !important;
	}
	.tabs-container .gutena-tabs-block .gutena-tabs-tab .gutena-tab-title .gutena-tab-title-content{
		display: block !important;
	}
	
	.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content {
		vertical-align:middle !important;
	}
	.tabs-container .gutena-tabs-tab .active:first-child:after {
    width: 1rem;
    right: -13px;
	}
	.tabs-container .gutena-tabs-tab .active:last-child:before {
    width: 1rem;
    left: -13px;
	}
	.filter-link{
		padding: 6px 12px !important;
		border-radius: 50px !important;
		font-size: 9px !important;
		color: #fff !important;
		background-color: #031349 !important;
		font-weight: 400 !important;
		margin: 0 4px 4px 0 !important;
	}
	.case-midboxes-container{
		flex-direction: column !important;
	}
	.filter-item a{
		font-size: 13px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	
	.width-tab-100{
		width:100% !important;
	}
	
	#careers-page .process-group 	{
    margin-right: 0!important; 
    margin-left: 0 !important;
	}
	#careers-page .section-one-bg, #careers-page .events-bg {
		display: none;
	}
	#careers-page .benifits-wrapper .wp-block-columns.process-column{
		flex-wrap: wrap!important;
	}
	#careers-page .hero-content h6 {
		text-align: left!important;
	}
	#careers-page .map-wrapper {
		padding-top: 40px!important;
	}
	#careers-page .benifits-wrapper .wp-block-columns {
    display: flex;
		flex-wrap: nowrap!important;
		gap: 8px!important;
	}
	#careers-page .benifits-ind-content .benifit-main-text{
    font-size: 16px!important;
	}
	#careers-page .process-content-text {
    font-size: 15px!important;
	}
	#careers-page #events {
    padding-top: 20px !important;
	}
	#careers-page .section-video .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 17/7 !important;
	}	
		#about-page .hero-content h2, #about-page .hero-content h6 {
			text-align: left!important;
	}
	#about-page .hero-content .text-gradient {
    font-size: 38px!important;
	}
	#about-page .map-wrapper {
    padding-top: 60px!important;
	}
	#about-page .certification-wrapper {
    padding-top: var(--wp--preset--spacing--large)!important;
		padding-bottom: var(--wp--preset--spacing--large)!important;
	}
	
}

@media screen and (min-width: 1024px) and (max-width: 1281px){
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img{
		width: 180px !important;
		height: 200px !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media:after{
		top: initial !important;
	}
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img{
		width: 180px !important;
		height: 170px !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media:after{
		top: 5% !important;
	}
}

@media screen and (min-width: 1599px) and (max-width: 1700px){
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img{
		width: 180px !important;
		height: 190px !important;
	}
	.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media:after{
		top: initial !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1114px){
	.slider-content-title {
		font-size: 18px!important;
	}
	
	.width-tab-pro-100{
		width:100% !important;
	}
	
	
}

@media screen and (min-width: 1024px) and (max-width: 1048px){
	#careers-page .section-one-bg {
		bottom: -14px!important;
	}
}

@media screen and (min-width: 640px) and (max-width: 781px){
	#contact-us-page .location-wrapper {
		flex-basis: 0!important;
    flex-grow: 1!important;
	}
}

@media screen and (min-width: 768px) and (max-width: 820px){
	#about-page .story-group .hero-content{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	#about-page .story-group figure{
		display: flex;
    justify-content: center;
	}
	#about-page .story-group h6{
		text-align: center!important;
	}
	#about-page .about-service-content-img{
		display:none;
	}
}

@media screen and (min-width: 782px) and (max-width: 820px){
	#about-page .story-group .hero-content{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	#about-page .about-content-service {
    	flex-basis: 100%!important;
	}
}

@media screen and (min-width: 821px) and (max-width: 900px){
		#about-page .about-service-content-img.web-img {
			right: -100px!important;
			display: block!important;
	}
}
@media screen and (min-width: 447px) and (max-width: 767px){
		#about-page .about-service-content-img{
		display:none;
	}
	#about-page .about-service-wrapper {
    padding-bottom: var(--wp--preset--spacing--medium)!important;
	}
	#about-page .story-group figure {
    display: flex;
    justify-content: center;
	}
}

/*for slider*/
/*@media screen and (min-width: 768px) and (max-width: 820px){
	#client-section .slider-content-2 .clients-wrapper {
    height: 280px!important;
	}
}*/


/* Target the mobile menu open button */
.wp-block-navigation__responsive-container-open:hover {
    /* Change the color of the SVG lines on hover */
    color: #f05423 !important; /* Replace #FF5733 with your desired hover color */
}

/* Target the icon when it's actively pressed/focused (tapped on mobile) */
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-open:active {
    /* Change the color of the SVG lines on press/focus */
    color: #f05423 !important; /* Replace #C70039 with your desired active color */
    background-color:transparent !important;
}

@media screen and (min-width: 820px) and (max-width: 1200px){
	#certification .wp-block-image img { /* Targets the image element */
	    margin-right:-150px !important;
	}
}

@media screen and (min-width: 815px) and (max-width: 820px){
	
}

@media screen and (min-width: 693px) and (max-width: 820px){
	
}
@media screen and (min-width: 616px) and (max-width: 692px){
	
}
@media screen and (min-width: 591px) and (max-width: 615px){
	
}
@media screen and (min-width: 500px) and (max-width: 590px){
	
}
@media screen and (min-width: 484px) and (max-width: 499px){
	
}
@media screen and (min-width: 441px) and (max-width: 483px){

}
@media screen and (min-width: 404px) and (max-width: 440px){
	
}
@media screen and (min-width: 393px) and (max-width: 403px){

}
/*@media screen and (min-width: 379px) and (max-width: 392px){
	#client-section .superblockslider {
    height: 870px!important;
	}
}*/
@media screen and (min-width: 367px) and (max-width: 392px){
	
}
@media screen and (min-width: 340px) and (max-width: 366px){
	
}
@media screen and (max-width: 339px){
	
}
@media screen and (min-width: 821px) and (max-width: 988px){
	

}
@media screen and (min-width: 989px) and (max-width: 1071px){

}
@media screen and (min-width: 1071px) and (max-width: 1279px){
	
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	
}
@media screen and (min-width: 1501px){

}

.superblockslider__controls superblockslider__buttons{
    padding:0px 0px 0px 0px;    
}

@media screen and (min-width: 971px) and (max-width: 1250px){
	#home-page .hero-content {
    padding-bottom: 50px!important;
	}
	#home-page .hero-content h1, #home-page .hero-content h2, #home-page .hero-content h3, #home-page .hero-content h4{
    font-size: 26px!important;
	}
}
@media screen and (min-width: 767px) and (max-width: 970px){
	#home-page .hero{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	#home-page .hero-content {
    padding-bottom: 50px!important;
    flex-basis: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	}
	#home-page .hero-content h1, #home-page .hero-content h2, #home-page .hero-content h3, #home-page .hero-content h4{
    font-size: 40px!important;
	}
}

@media (min-width: 783px){
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
		margin-bottom:15px!important;
	}
	.job-description .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) {
        margin: 0!important;
    }
}

.tech-slider .swiper-button-prev, .tech-slider .swiper-button-next{
	display: none!important;
}
.position-group{
		padding-bottom: 0!important;
	}

.job-description .yoast-breadcrumbs {
    padding-top: 12px!important;
    padding-bottom: 0 !important;
}
.forminator-response-message.forminator-error{
	display: none!important;
}

@media screen and (max-width: 320px){
#home-page .hero-content h1, #home-page .hero-content h2, #home-page .hero-content h3, #home-page .hero-content h4 {
    font-size: 20px!important;
}
}


/* At Home */
.youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
	border-radius:12px;
}

.youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
}

.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: red;
  box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
  z-index: 1;
  border-radius: 6px;
}

.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
  cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0);
}

.youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* At Careers */
.youtube-career {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
	border-radius:12px;
}

.youtube-career img {
  width: 100%;
  top: -16.82%;
  left: 0;
}

.youtube-career .play-button-career {
  width: 90px;
  height: 60px;
  background-color: red;
  box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
  z-index: 1;
  border-radius: 6px;
}

.youtube-career .play-button-career:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}

.youtube-career img,
.youtube-career .play-button-career {
  cursor: pointer;
}

.youtube-career img,
.youtube-career iframe,
.youtube-career .play-button-career,
.youtube-career .play-button-career:before {
  position: absolute;
}

.youtube-career .play-button-career,
.youtube-career .play-button-career:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0);
}

.youtube-career iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}


@media screen and (min-width: 1280px){
	.sticky-blog-title{
		text-align:start !important;
		padding-left:0px !important;
		font-size: 38px !important
	}
	.sticky-blog-header-container{
		width: 100% !important;
	}
	.sticky-post-image{
		margin-top: -80px !important;
	}
	.sticky-blog-readmore-container{
		margin-top: 10px !important;
	}
	.sticky-blog-left{
		flex-basis: 35% !important;
	}
}

@media screen and (min-width: 1366px){
	.sticky-blog-title{
		text-align:start !important;
		padding-left:0px !important;
		font-size: 38px !important;
	}
	.sticky-post-image{
		margin-top: -92px !important;
	}
	.sticky-blog-readmore-container{
		margin-top: 14px !important;
	}
	.sticky-blog-left{
		flex-basis: 25% !important;
	}
	
}
@media screen and (min-width: 1536px){
	.sticky-blog-title{
		text-align:start !important;
		padding-left:0px !important;
		font-size: 36px !important;

	}
	.sticky-post-image{
		margin-top: -70px !important;
	}
	.sticky-blog-readmore-container{
		margin-top: 0px !important;
	}
	.sticky-blog-left{
		flex-basis: 35% !important;
		gap: 20px !important;
	}
	.excerpt-text{
		height: 170px !important
	}
}
@media screen and (min-width: 1600px){
	.excerpt-text{
		height: 150px !important
	}
	.sticky-blog-title{
		text-align:start !important;
		padding-left:0px !important;
				font-size:40px !important;
	}
	.sticky-post-image{
		margin-top: -80px !important;
	}
	.sticky-blog-readmore-container{
		margin-top: 15px !important;
	}
	.sticky-blog-left{
		flex-basis: 35% !important;
	}
}
@media screen and (min-width: 1920px){
	.sticky-blog-title{
		text-align:start !important;
		padding-left:0px !important;
		font-size:40px !important;
	}
	
	.sticky-post-image{
		margin-top: -92px !important;
	}
	.sticky-blog-readmore-container{
		margin-top: -2px !important;
	}
	.sticky-blog-left{
		flex-basis: 25% !important;
	}
}

.sp-easy-accordion .sp-ea-single,.sp-easy-accordion .ea-body{
    border: none !important;
    border-radius:8px !important;
}