/*
Theme Name:  Unique Graphic Designer Pro
Description:  Unique Graphic Designer Pro WordPress Theme comes with an array of incredible features such as Contact forms as well as a Newsletter that can generate immense leads for your business. Besides the basic elements, you will also have the plugin compatibility features letting you add the desired functionality to your existing website. You will also have variations of the homepage layout with various sidebar arrangements. You can use the sidebar effectively for presenting promotional content. The theme gives you RTL and WPML compatibility as .pot files are included in it so that your website
becomes ready for an international audience. Woocommerce compliance will play a key role when it comes to pushing your services online to let people avail themselves through your website. They can also make payments for your IT services through various online payment methods. This WP  Unique Graphic Designer Pro WordPress Theme gives all the goodies that will result in a great IT business website.
Author:unique
Theme URI: https://www.wpelemento.com/products/graphic-designer-wordpress-theme
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Requires PHP: 7.2
Tested up to: 6.0
Text Domain: unique-graphic-designer-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
 Unique Graphic Designer Pro WordPress Theme has been created by unique(unique.com), 2022.
 Unique Graphic Designer Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html{
  scroll-behavior: smooth!important;
}
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "open sans";
}
a{
  text-decoration: none;
}
ul, ol{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* loader */
.web-developer-header .svg-inline--fa{
  display:none;
}
/* loader */
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #FFF4DE;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li{
  width: 100%;
}
.sticky{
position: fixed;
width: 100%!important;
z-index: 9999;
top:0;
}
.web-developer-service-grid .ua-amox-grid .ua-item:hover .ua-img-wrap .ua-img{
transform:none;
}
.web-developer-about-us img{
  padding-bottom:20px!important;
}
 .web-developer-banner-icons{
  border-radius: 65px;
  width: max-content !important;
  box-shadow: 0 3px 10px #00000029;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 25px 50px 25px;
}

.web-developer-banner-icons .elementor-social-icon:hover {
     opacity:0px!important;
    color: #fff;
}
.web-developer-banner-icons .elementor-social-icon{
     opacity:0px!important;
}
.post-template-default .web-developer-header{
background-color: #00000075;
}
.services-template-default .web-developer-header{
background-color: #00000075;
}
.web-developer-background-image > div{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.web-developer-service-vedio-section img{
  filter: brightness(50%);
}
#web-developer-slider-button:after{
border-right: 78px solid #ffb424;
display: block;
height: 1px;
content: " ";
width: 101%;
position: absolute;
left: 0;
top: 1.2em;
}
.web-developer-about-us-learn-more:after{
  border-right: 78px solid #ffb424;
  display: block;
  height: 1px;
  content: " ";
  width: 101%;
  position: absolute;
  left: 0;
  top: 1.2em;
}
.web-developer-about-us-learn-more a{
  background-image: linear-gradient(0deg, #18c180 0%, #0abef0 100%, #0abef0 100%);
}
.about-us-hire-me-button a{
  background: -webkit-linear-gradient(#18c180, #0abef0);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

 .web-developer-hire-me-button a{
background: -webkit-linear-gradient(#18c180, #0abef0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-developer-achievements{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-header-social-icon .elementor-element-populated{
border-radius:50px;
}
.web-developer-work:hover{
padding:15px;
border-radius:20px;
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
background-color: #ffffff;
border: 1px solid #e9e9f5;
}
.web-developer-work .elementor-image-box-description{
display:none;
}
.web-developer-work:hover .elementor-image-box-description{
display:block;
}
.web-developer-header.sticky .elementor-section-boxed {
background:#00000075;
}
.home.page-template-default .web-developer-header .elementor-section{
z-index: 9;
position: absolute;
}
.web-developer-banner-content{
margin-top: 0%;
}
.web-developer-service-section img{
width:unset!important;
}
.web-developer-service-section{
text-align:center;
}
.web-developer-service-section span.ua-readmore-icon {
    text-transform: capitalize;
    color: #06bbd6;
    border-bottom: 1px solid #06bbd6;
    padding-bottom: 5px;
    font-weight: 600;
}
.web-developer-service-section .ua-item{
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
border: 1px solid #e9e9f5;
padding:10px;
}
.web-developer-testimonial-post-section .ua-item{
display: flex;
/* gap: 10%; */
align-items: center;
}
.web-developer-testimonial-post-section .ua-item img{
aspect-ratio: 1 / 1;
transform: unset !important;
height: unset !important;
}
.web-developer-my-experience-section .elementor-button {
background-image: linear-gradient(0deg, #ee3858 0%, #fe4e6d 100%);
}
.web-developer-my-experience{
margin-bottom:10px!important;
}
.web-developer-my-experience-date{
margin-bottom:10px!important;
}
.web-developer-my-experidence-col{
border:1px solid #ff4f6e;
border-radius:20px;
margin-top:10px;
}
.web-developer-my-experience-section-btn2 .elementor-button{
background-image: linear-gradient(0deg, #f7aa01 0%, #e7a003 100%);
}
.web-developer-my-experidence-col2{
border:1px solid #ffaf00;
border-radius:20px;
margin-top:10px;
}
/* get in touch section starts here */
.web-developer-get-in-touch-section{
font-family: Poppins;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: #6b6b87;
font-weight: 400;
}
.web-developer-get-in-touch-section{
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
margin-left:-64px;
}
.web-developer-get-in-touch-section input[type="submit"]{
width: 220px;
height: 54px;
border-radius: 27px;
background-image: linear-gradient(0deg, #18c180 0%, #0abef0 100%, #0abef0 100%);
font-family: Poppins;
font-size: 16px;
color: #ffffff;
font-weight: 600;
font-family: "Poppins";
text-align: center;
}
.web-developer-get-in-touch-section input[type="text"],input[type="email"]{
/* border: 1px solid #e9e9f5;
border-radius: 10px; */
padding: 10px;
margin-bottom: 10px;
}
.web-developer-form p{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(4, 90px);
column-gap: 10px;
}
.web-developer-form input[type="submit"]{
grid-column: 1/-1;
margin: 15px auto;
}
.web-developer-form .wpcf7-form-control{
width: 100%;
}
.web-developer-get-in-touch-img {
z-index: 9;
}
.web-developer-form p label:nth-child(4){
grid-column: 2/-1;
grid-row: 1/4;
}
.web-developer-form .wpcf7-form-control{
border-radius: 10px;
background-color: #ffffff;
border: 1px solid #e9e9f5;
}
.web-developer-form textarea {
    height: 220px;
}
.web-developer-get-in-touch-section .wpcf7 form .wpcf7-response-output {
  margin: 0em 0em 0em;
  padding: 7px 1em;
  border: 2px solid #01baef !important;
}
/* get in touch section ends here */
.web-developer-service-grid .ua-readmore-icon{
text-transform: capitalize;
}
.web-developer-service-section .ua-amox-grid .ua-item:hover  .ua-img-wrap .ua-img{
    transform:scale(1) !important;
}


/* Achievement section Start */

.web-developer-achievements .elementor-counter-number-prefix {
  display: none;
}
.web-developer-achievements .elementor-counter-title {
  text-align: left !important;
}

/* Achievement section End */

.web-developer-blog-with-no-sidebar{
min-height: 200px;
width: 100%;
}
.web-developer-left-sidebar .widget-title{
padding: 10px;
margin-bottom: 19px;
background-color: #ffb424;
font-family: 'Poppins';
}
.web-developer-left-sidebar .wp-block-group__inner-container h2{
padding: 10px;
margin-bottom: 19px;
background-color: #ffb424;
font-family: 'Poppins';
}
.web-developer-my-experience-section:after {
content: "";
position: absolute;
bottom: -134%;
left: 50%;
width: 1px;
height: 50px;
background-color: #ff4f6e;
}
.web-developer-my-experidence-col:after{
content: "";
position: absolute;
bottom: -7%;
left: 55%;
width: 1px;
height: 10px;
background-color: #ff4f6e;
}
.web-developer-my-experience-section-btn2:after{
content: "";
position: absolute;
bottom: -134%;
left: 50%;
width: 1px;
height: 50px;
background-color:#ffaf00;
}
.web-developer-my-experidence-col2:after{
content: "";
position: absolute;
bottom: -7%;
left: 47%;
width: 1px;
height: 10px;
background-color:#ffaf00;
}
.web-developer-my-work-process{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-testimonial-section{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-testimonial-section .ua-amox-carousel .ua-item:hover .ua-img-wrap .ua-img {
    transform: scale(1) !important;
}
.web-developer-testimonial-section .ua-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.web-developer-testimonial-section .ua-content {
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
    width: 50%;
    position: relative;
}
.web-developer-testimonial-section .ua-content:before {
    content: "";
    background-image: url("assets/images/Testimonial/Icon.png");
    background-repeat: no-repeat;
    position: absolute;
    height: 50px;
    width: 50px;
    left: -60px;
    bottom: 10%;
}
.web-developer-testimonial-section .elementor-widget-ua-amox-carousel {
    overflow-x: clip;
}
.web-developer-my-work-process section .elementor-container:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
z-index: -1;
}
.web-developer-service-grid .ua-amox-grid .ua-img-wrap .ua-img{
width:unset;
}
.web-developer-service-grid .ua-item{
text-align:center;
}
/* contact page csss */
.web-developer-contact-page  .ekit-wid-con .ekit-header-info, .ekit-wid-con .ekit-header-info a {
  display: block;
}
.web-developer-contact-page-form{
  font-family:"Poppins";
}
.web-developer-contact-page-form input[type="submit"]{
font-family:"Poppins";
padding: 5px 14px 5px 14px;
border-radius: 4px;
background-color:#ffb424;
font-weight: bold;
}
.web-developer-contact-page-form input[type="text"]{
border-radius: 4px;
padding: 10px;
width: 100%;
}
.web-developer-contact-page-form input[type="email"]{
border-radius: 4px;
padding: 10px;
width: 100%;
}
.web-developer-contact-page-form p{
border-radius: 4px;
}
.web-developer-contact-page-form .wpcf7-form-control {
border-radius: 4px;
width: 100%;
border:1px solid #000 !important;
padding: 5px;
}
.web-developer-contact-page-form textarea{
    height: 125px;
}
.web-developer-left-sidebar .recent-post-box{
display:flex;
gap:10px;
 }
 .web-developer-left-sidebar .post-thumb.col-md-4.col-sm-4.col-4 {
flex: 0 0 50%;
}
.web-developer-left-sidebar #block-2{
border: 1px solid black;
padding: 10px;
}
.web-developer-left-sidebar #recent-posts-2{
border: 1px solid black;
padding: 10px;
margin-top:20px;
}
.web-developer-left-sidebar #block-4{
border: 1px solid black;
padding: 10px;
margin-top:20px;
}
.web-developer-left-sidebar .wp-block-search__button{
background-color: #ffb424;
margin-left:0;
color:black;
font-family:Poppins;
}
.web-developer-left-sidebar .post-content a{
color:black;
font-family:Poppins;
}
.web-developer-blog-with-nosidebar .ua-readmore-icon{
text-transform: capitalize;
color: #ffb424;
}
/* project section */

.ets-project-section-project-post .ua-alex-wrap{
grid-template-rows: repeat(5, 100px);
}
.ets-project-section-project-post .ua-img{
  border-radius:20px;
}
.ets-project-section-project-post .ua-alex-wrap .ua-item:first-child{
grid-column: 1 / 3;
grid-row: 1 / 4;
}
.ets-project-section-project-post .ua-alex-wrap .ua-item:last-child{
grid-column: 3 / -1;
grid-row: 3 / -1;
}
.ets-project-section-project-post .ua-alex-wrap .ua-item:is(:nth-child(2), :nth-child(3)){
grid-row: 1 / 3;
}
.ets-project-section-project-post .ua-alex-wrap .ua-item:is(:nth-child(4), :nth-child(5)){
grid-row: 4 / -1;
}


/* single blog page css */
.ebs-single-post-page .main_title{
margin-top:50px;
}
.ebs-single-post-page .metabox{
margin-top:10px;
margin-bottom:10px;
}
.ebs-single-post-page .single-content{
font-family: Poppins;
}
.socila_share a{
padding: 10px 25px;
border-radius: 4px;
color: #fff;
display: inline-block;
width: auto;
margin: 5px 3px;
}
.post-facebook {
background: #3b5998;
}
a.post-pinterest{
background: #c92228;
}
a.post-linkedin {
background: #0976b4;
}
a.post-twitter {
background: #1B95E0;
}
.ebs-single-post-page .form-submit input[type="submit"]{
background-image: linear-gradient(0deg, #18c180 0%, #0abef0 100%, #0abef0 100%);
padding: 10px;
border-radius: 10px;
border-color: #ffb424;
font-family: Poppins;
color:white;
font-weight:600px;
}
.comment-form label{
display:block;
}
.ebs-single-post-page .entry-date{
margin-right: 15px;
}
.ebs-single-post-page .entry-author{
margin-right: 10px;
}
.ebs-single-post-page .entry-author a{
color:black;
}
.ebs-single-post-page .entry-comments{
color:black;
}
.page-template-default .web-developer-header{
background-color:#00000075;
}
/* footer */
.web-developer-footer-copyright b{
  color:#01baef;
}

.ets-footer-section ul.hfe-nav-menu li{
list-style: disc !important;
color:#8894a0;
width: 100%;
margin-left: 20px;
}

/*============ Project Section Start ============*/

.ets-project-section-project-post .ua-image-wrap {
  position: relative;
}
.ets-project-section-project-post .ua-content-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  color: #FFFFFF;
}
.ets-project-section-project-post .ua-alex-grid .ua-item .ua-content-wrap {
  width: 100% !important;
}
.ets-project-section-project-post .ua-content-wrap:hover{
  opacity: 1;
}
.ets-project-section-project-post .ua-content-wrap {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); 
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  border-radius: 20px !important; 
}
.ets-project-section-project-post .ua-image-wrap:hover .ua-title a {
  color: #FFFFFF !important;
}
.ua-alex-grid .ua-title a {
  color: #FFFFFF !important;
}
.ets-project-section-project-post .ua-content-wrap .ua-title a{
  display:none;
}
.ets-project-section-project-post .ua-item:hover .ua-content-wrap .ua-title a {
  display:block !important;
}
.ets-project-section-project-post .ua-item .ua-image-wrap .ua-img{
  position:relative;
}


.ets-project-section-project-post .ua-item:hover .ua-content-wrap{
  /* display:block!important; */
}
.ets-project-section-project-post .ua-item:hover .ua-image-wrap {
  /* filter: brightness(30%);*/
  /* background: rgba(0, 0, 0, 1);
  opacity: 1;
  border-radius: 20px; */
}
.ets-project-section-project-post .ua-alex-grid .ua-item .ua-content-wrap {
  
} 
.ets-project-section-project-post .ua-item:hover .ua-image-wrap .ua-title a {
  /* color: #FFFFFF !important;
  filter: brightness(100%) !important; */
}

.ets-project-section-project-post .ua-content-wrap{
  /* position:absolute;
  top:50%; */
}

/*============ Project Section End ============*/

  .post-thumb {
      width: 100%;
      margin: 10px 0px;
  }
  .widget_recent_entries ul{
    padding: 0px;
  }
  .widget_search .search-form {
      display: flex;
      flex-direction: row;
      margin-bottom: 10px;
      margin-right: 10px;
      width: 100%;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
  }
    .widget_search input.search-submit {
    padding: 7px 12px;
    background: #01baef;
    color: #fff;
    border:1px solid #01baef;
    border-radius: 0px 3px 3px 0px;
}
  .widget_search input.search-field {
    padding: 6px;
    width: 100%;
}
/* single blog css ends here */
@media only screen and (max-width: 480px){
  .ets-project-section-project-post .ua-image-wrap{
    margin-bottom:10px;
  }
}
@media (min-width: 320px) and (max-width: 480px){
  .web-developer-form input[type="submit"]{
    display: block;
  }
.web-developer-banner-content {
margin-top: 20%!important;
}
}
@media only screen and (max-width:1024px){
.web-developer-form .wpcf7-form-control{
width: 100%;
}
}
@media only screen and (max-width: 577px){
  .web-developer-blog-with-nosidebar .ua-meta{
    justify-content:center;
  }
}
@media only screen and (max-width: 320px){
.web-developer-banner-icons{
  padding:0px;
}

  .web-developer-service-section .ua-item{
    margin-top: 15px;
  }
.web-developer-my-experidence-col:after{
display:none;
}
.web-developer-my-experience-section-btn2:after{
display:none;
}
.web-developer-my-experidence-col2:after{
display:none;
}
.web-developer-my-work-process section .elementor-container:after  {
display:none;
}
.web-developer-banner-content {
margin-top: 64%;
}

}
@media only screen and (max-width: 1025px){
  #web-developer-slider-button:after{
    display:none;
  }
}
@media only screen and (max-width: 768px){
  .web-developer-banner-content {
    margin-top: -3%;
}
  .web-developer-my-experience-section:after{
      display:none;
  }
  .web-developer-about-us-learn-more:after{
    display:none;
  }
.web-developer-my-experidence-col:after{
  display:none;
}
.web-developer-my-experience-section-btn2:after{
display:none;
}
.web-developer-my-experidence-col2:after{
display:none;
}
.web-developer-my-work-process section .elementor-container:after  {
display:none;
}
.web-developer-contact-page-form input[type="text"],input[type="email"]{
width:100%;
}
.web-developer-header.sticky .elementor-section-boxed {
background:unset;
}
.sticky{
position:unset;
}
.web-developer-get-in-touch-section{
margin:0px;
}
.web-developer-form p{
display:block!important
}
.web-developer-banner{
/* background-image:unset!important; */
}
.web-developer-achievements{
margin:0;
}
.web-developer-my-work-process{
margin:0;
}
.web-developer-testimonial-section{
margin:0;
}
}



@media (min-width: 1024px) and (max-width: 1025px) {
.web-developer-form .elementor-31 .elementor-element.elementor-element-bcf1f19 > .elementor-widget-container{
  padding-left:30px!important;
}
}
@media only screen and (max-width: 1024px){
  .elementor-31 .elementor-element.elementor-element-588c445 .ua-alex-grid .ua-style-2{
    grid-template-columns:unset!important;
}


@media only screen and (max-width: 1040px){
.elementor-53 .elementor-element.elementor-element-96c689b .menu-item a.hfe-menu-item {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (min-width: 2000px){
.ets-project-section-project-post .ua-alex-wrap{
  grid-template-rows: repeat(3, 300px);
  }
}
@media screen and (max-width:768px){

  .web-developer-form input[type="submit"]{
    display:block;
  }
  .web-developer-quick-link-footer .hfe-nav-menu a{
    justify-content:center;
    list-style: none;
  }
  .ets-footer-section ul.hfe-nav-menu li{
    /* list-style: none!important; */
  }

}
body:not(.rtl) .elementor-58 .elementor-element.elementor-element-68aecfa6 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
  margin:0!important;
}
body:not(.rtl) .elementor-58 .elementor-element.elementor-element-a5c5fc0 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
    margin:0!important;
}
}


/* back to top */

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for return-to-top */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
background-image: linear-gradient(0deg, #18c180 0%, #0abef0 100%, #0abef0 100%);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99999;
}
#return-to-top i {
  color: white;
  font-weight: 600px;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background-image: linear-gradient(0deg, #18c180 0%, #0abef0 100%, #0abef0 100%);
}
#return-to-top:hover i {
  color: white;
  top: 5px;
}
#return-to-top .elementor-icon i:before, .elementor-icon svg:before{
  position: absolute;
    left: 32%;
}
/*return-to-top ends here  */

@media screen and (max-width:768px) {
  .ets-project-section-project-post .ua-img {
    /* margin-top:20px; */
  }
  .ets-project-section-project-post .ua-item .ua-image-wrap .ua-img {
    filter: brightness(30%);
  }
  /* .ets-project-section-project-post .ua-content-wrap{
    display: block;
  } */
  #web-developer-slider-button:after {
    display:none;
  }
  
}

@media screen and (max-width: 1024px){
  .ets-project-section-project-post .ua-alex-wrap{
    grid-template-rows: repeat(5, 100px);
  }
  .ets-project-section-project-post .ua-img{
    border-radius:20px;
  }
  .ets-project-section-project-post .ua-alex-wrap .ua-item:first-child{
    grid-column: 1 / 3;
    grid-row: 1 / 4;
  }
  .ets-project-section-project-post .ua-alex-wrap .ua-item:last-child{
    grid-column: 3 / -1;
    grid-row: 3 / -1;
  }
  .ets-project-section-project-post .ua-alex-wrap .ua-item:is(:nth-child(2), :nth-child(3)){
    grid-row: 1 / 3;
  }
  .ets-project-section-project-post .ua-alex-wrap .ua-item:is(:nth-child(4), :nth-child(5)){
    grid-row: 4 / -1;
  }
}


/*============= Preloader CSS Start ============*/

.demo{ 
  background: linear-gradient(263deg, #d8d0b7 0%, #F3F3F3 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.loader img{
  object-fit: fill;
  width: 30%;
  height: 30%;
  margin: 0 auto;
}
.loader{
  width: 300px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  top: 30%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader .loader-inner-1{
  width: 270px;
  height: 270px;
  border-radius: 50%;
  border-bottom: 10px dashed #06bbd6;
  position: absolute;
  animation: loading-1 5s infinite linear;
}
.loader .loader-inner-2{
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border-bottom: 10px dotted #01baef;
  position: absolute;
  top: 50px;
  left: 45px;
  animation: loading-1 1s infinite linear;
}
.loader .loader-inner-3{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border-bottom: 5px solid #06bbd6;
  position: absolute;
  top: 100px;
  left: 90px;
  animation: loading-1 2s infinite linear;
}
@keyframes loading-1{
  from{ -webkit-transform: rotate(0deg); }
  to{ -webkit-transform: rotate(360deg); }
}

/*============= Preloader CSS End ============*/