/*----------------------------------------------------------------------------------------

	Theme Name: mostdeef

	Theme URI: mostdeef

	Description:mostdeef

	Author: mostdeef

	Author URI: mostdeef

	Version: 1

*/


 



@font-face {
    font-family: 'Changa';
    src: url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Bold.woff2') format('woff2'),
        url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 

@font-face {
    font-family: 'Changa';
    src: url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Light.woff2') format('woff2'),
        url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Changa';
    src: url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Medium.woff2') format('woff2'),
        url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Changa';
    src: url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Regular.woff2') format('woff2'),
        url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Changa';
    src: url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-SemiBold.woff2') format('woff2'),
        url('//mostdeef.com/wp-content/themes/mostdeef2024/fonts/Changa-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



 
 

 
* {
  font-family: "Changa", sans-serif;
  text-decoration: none !important;
 transition:all 0.5s ease-in-out;
color:#353535;

}

.clear {
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 
  font-weight: 400;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

:hover {
  text-decoration: none;
}

body {

  box-sizing: border-box;

  overflow-x: hidden;

  margin: 0;

}

h1,
h2 {
  color: var(--bigbold);
  font-weight: 700
}

h1 {
  font-size: 64px;

}

h2 {
  font-size: 56px;

}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 32px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

 

::selection {
  background-color: var(--maincolor);
  color: #fff;
}

:root {
  --maincolor: #16BBAB;
  --secondcolor: #0F5B5B;
  --bigbold: #213344;
  --smallfadtext: #6F6C90;
  --smallstrongtext: #170F49;
  --darkgray: #19191B;
}



ul {
  padding: 0;
    margin: 0
}

li{
  list-style-type: none;
}

#acaart_pagination .current:hover,
#acaart_pagination .inactive:hover {
  background: #000;
}

a:focus {
  outline: 0px !important;
}



 

.header_menu .sub-menu {
opacity: 0;
  position: absolute;
  width: 273px !important;
  transform: translateY(16px);
  box-shadow: -1px 10px 30px -18px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 10px 30px -18px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 10px 30px -18px rgba(0, 0, 0, 0.75);
  pointer-events: none;
  background-color: var(--secondcolor) !important;
  flex-direction: column;
  padding-right: 0;
  border-radius: 16px !important;
  overflow: hidden;
}

.header_menu li.menu-item-has-children a:after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 15px;

  margin-right: 9px;
  transition-duration: 0.5s;
  transition-delay: 0.1s;
  display: inline-block;
}

 

.header_menu li.menu-item-has-children li a:after {

  display: none;
}

.header_menu li.menu-item-has-children a:hover:after {
  transform: rotate(180deg);
  transition-duration: 0.5s;
  transition-delay: 0.1s;

}

.header_menu li:hover .sub-menu {
  opacity: 1;
  z-index: 10000 !important;
  width: 220px;
  background: var(--footerbg);
  transform: translateY(0px);
  border-bottom-right-radius: 30px;
  pointer-events: visible;
}

.header_menu li li:before {
  height: 100% !important;
  z-index: -1;
  border-radius: 0 !important;
  border-bottom-right-radius: 30px !important;
}


 

.header_menu li li:hover {
  background-color: var(--secondcolor);
}
.topmenu li ul ul{
  display: none;

}
.topmenu li ul ul ul li{
  display: none;
}
.topmenu li ul ul li:hover ul li{
  display: block;
}
.topmenu li ul li:hover ul {
  display: block;
  left: 100%;
  right: 0;
  top: 0;

}

.header_menu li.current-menu-item li a::before {
  background-image: none !important;
  background-color: transparent !important;
}

.header_menu li li {
  padding: 13px;
 
  border-bottom: 1px solid #146C6C;
  width: 100%;
  max-height: 53px !important;
  display: block;
  min-height: 53px !important;
  line-height: 53px !important;
  display: block;

  margin-right: 0;
 
  text-align: right;

  margin-left: 0;
}
.topmenu li li::after{
  background-color: #000;
  border-radius: 0
}

header .header_menu .sub-menu li a{
  color: #fff !important;
}

.header_menu li li:last-child {
  border-bottom: 0px;

}

.header_menu li.menu-item-has-children ul li.current-menu-item:hover {
  background-color: var(--maincolor)
}

.header_menu li li a {
  color: #fff !important;
  font-size: 1rem !important;
  text-shadow: 0px 0px 0px transparent;
  width: 250px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px !important;
  text-overflow: ellipsis;
   
}

header div.header_menu li li a:before {
  background-image: none !important;
  background-color: transparent !important;
}


 



.header_menu li {
  position: relative;
}

 
 
 
.header_menu li {
  display: inline-block;
  position: relative;
 
}

 
 
.header_menu li a {
position: relative;
  color: #fff;
  font-weight: 500 !important;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.1rem !important;
  z-index: 1;
  display: block;
  line-height: 45px;
}

.header_menu li.current-menu-item:hover:before {
  background-color: var(--maincolor) !important;

  right: 0;
}
 
 
.topmenu li:before{
  content: '';
  border: 1px dashed var(--maincolor);
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 16px;
  transition: all 0.5s ease-in-out;
  opacity: 0
}
.topmenu li:hover:before{
  width: 100%;
  opacity: 1
}
.topmenu li:hover a{
  color: #fff !important;
}
.topmenu li:after{
  content: '';
  background-color: transparent;
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.2s
}
.topmenu li:hover:after{
  width: 100%;
}
 

.header_menu li.current-menu-item:before {
  display: none;
  right: 0;
}

.header_menu li li:before {
  display: none;

}
.header_menu li i{
  margin-left: 10px;
  font-size: 2.4rem;
}

.header_menu ul {
gap: 3px;
  display: flex;
  justify-content: right;
  text-align: right;
  margin-top: 0px;
  align-items: center;
  min-height: 99px;
  padding-right: 0;
  
}

.header_menu ul ul {
  min-height: auto
}


.shrink .header_menu ul{
  min-height: 87px;
}
 

 

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



#acaart_pagination {
  text-align: center;
  margin-top: 29px;
  margin-bottom: 0;
}

#acaart_pagination span {
  background-color: var(--maincolor);
  color: #fff;
  width: 40px;
  display: inline-block;
  height: 40px;
  border-radius: 0px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
}
#acaart_pagination a{
display: none
}
#articlezsela{
  padding: 10px;
  padding-top: 0;
  border: 1px solid #f1f1f1;
   border-bottom: 10px solid var(--maincolor);
}

#acaart_pagination .inactive {
  font-size: 15px;
  font-weight: 600;
  background-color: #000;
  color: #fff;
  margin-right: 10px;
  width: 40px;
  display: inline-block;
  height: 40px;
  border-radius: 0px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
}



.contactforma h1 {
  text-align: center;
  margin-bottom: 40px;
  background-color: var(--maincolor);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
}

.site_mapo iframe {
  width: 100%;
  min-height: 350px;
  border: 0px;
  margin-top: 0;
}

.contactforma button.wpforms-submit {
  background-color: var(--secondcolor) !important;
  font-weight: 600;
  text-shadow: 0px 0px 0px #b7822a;
  height: 60px !important;
  width: 150px;
  border-radius: 10px !important;
}

 

.contactforma input {
  margin-bottom: 3px !important;
  height: 61px !important;
 border: 1px solid #f1f1f1 !important;
  width: 90%;
  box-shadow: 0px 0px 0px !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09) !important;
  border-radius: 0px !important;
  background-color: #fff;
  padding-right: 14px !important;
  font-size: 17px !important;
  min-width: 100% !important;
  color: #AFAFAF !important;
  border-radius: 10px !important;
}

.contactforma input:focus {
  outline: none;
}


.contactforma label.vfb-error {
  color: red;
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
}

.contactforma {
  margin-bottom: 50px;
}


.contactforma .vfb-section-1 li:first-child,
.contactforma .vfb-section-1 li:nth-child(2) {
  display: inline-block;
  width: 49%;
  margin-bottom: 20px;
}

.contactforma .vfb-item-submit input {
  margin-top: 0;
  background-color: var(--maincolor) !important;
  color: #fff !important;
  border: 0px !important;
  padding-left: 0 !important;
  max-width: 150px;
  text-align: center;
  box-shadow: 0 0 0 transparent !important;
  float: left;
  border-radius: 10px !important;
  padding-right: 0 !important;
  font-weight: bold;
  font-size: 22px !important;
}

.vfb-section-2 li:first-child {
  display: none;
}

#contact_map .contactforma {
  margin-top: 50px;
}

input.vfb-error {
  background-color: #eee !important;
}

.contactforma input.vfb-text,
.contactforma input[type="text"].vfb-text,
.contactforma input[type="tel"].vfb-text,
.contactforma input[type="email"].vfb-text,
.contactforma input[type="url"].vfb-text,
.contactforma textarea.vfb-textarea {
  background-color: #fff;
  color: #333 !important;
}

.contactforma textarea {
  width: 100%;
   border: 1px solid #f1f1f1 !important;
  box-shadow: 0px 0px 0px !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07) !important;
  border-radius: 0px !important;
  height: 118px !important;
  padding: 15px !important;
  background-color: #fff !important;
  font-size: 14px !important;
  font-weight: bold;
  color: #AFAFAF !important;
  margin-bottom: 0 !important;
  border-radius: 10px !important;
}

.contactforma label {
  display: none;
  margin-bottom: 19px !important;
  font-size: 15px;
  margin-top: 20px;
  font-weight: normal !important;
}

.nolable label {
  display: none !important;
}


.contactforma .vfb-legend h3 {
  font-size: 16px !important;
  border: 1px solid #f1f1f1;
  padding: 15px;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 30px;
  border-right: 3px solid var(--maincolor) !important;
  border-bottom: 4px solid #f1f1f1;
}







/* The side navigation menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: var(--darkgray);
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}


/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

 

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  background-color: var(--secondcolor) !important;
  margin-left: 50px;
  border-radius: 5px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

.mobileicon {
  display: none;
}

.rightformcontent .vfb-item-secret {
  display: none !important;
}



.mobileicon {
  width: 13%;
  float: left !important;
  margin-top: 36px;
  text-align: left !important;
  direction: ltr;

}

.mobileicon span {
  background-color: #333;
  width: 30px;
  height: 4px;
  text-align: right !important;
  display: block;
  margin-bottom: 7px;

}

.mobileicon span:nth-child(2) {
  max-width: 23px;
}

.mobileicon a {
  display: block;
  cursor: pointer;
}

.sidenav {
  display: block;
}

#mySidenav li {
  border-bottom: 1px solid #2C2C2F;

  line-height: 37px;
}

.sidenav a {
  font-size: 17px !important;
  color: #fff !important;
  padding-right: 18px;
}

 

.closebtn {
  background: var(--maincolor) !important;
  text-align: center;
  padding: 0px !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 0px;
  margin-top: 20px !important;
}

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

.sidenav li.menu-item-has-children .sub-menu {
  display: none;

}


.sidenav li.menu-item-has-children a {
  position: relative;
}
 

.sidenav li.menu-item-has-children a::after {
content: '';
  display: block;
  background-color: #fff;
  width: 10px;
  height: 6px;
  position: absolute;
  left: 23px;
  top: 24%;
  margin-top: 10px;
  z-index: 100;
  clip-path: polygon(51% 100%, 0 0, 100% 0);
  right: auto;
}

.sidenav li.menu-item-has-children li a::after {

  width: 0px;
  height: 0px;

  clip-path: none;
}

.sidenav li.menu-item-has-children a.active {

  background-color: var(--secondcolor);
}



img {
  max-width: 100%;
}

.mobicon {

  display: none;
}

.header_menu li.menu-item-has-children ul li.current-menu-item a {

  color: #fff !important;
  padding-right: 0;
}

.header_menu li.menu-item-has-children ul li.current-menu-item {
  padding-right: 14px;
  line-height: 53px !important;
  background-color: #000;

}

.header_menu li a:hover {
  color: #fff;
  border-radius: 0px;
}

 

.header_menu li:hover a {
  color: #fff;
}



h2.title-bkp {
  color: var(--maincolor);
  text-align: center;
}

.content-bkp h2 {
  color: #fff;
}

.searchform {
  margin-top: 40px;
  text-align: center;
}

.searchform input {
  border: 0px;
  padding: 10px;
  border-radius: 0px;
  border: 1px solid #eee;
  width: 70%;
}

.searchform input:focus {
  border: 0px;
  outline: none;
}









.shrink {
  position: fixed !important;
  width: 100% !important;
  z-index: 111 !important;
  top: 0;
 

}



.clear {
  clear: both;
}








.totopa {
  display: none;
}

.totopa2:hover {
  background-color: var(--secondcolor);
  border-radius: 0;
}

.totopa2:hover i {
  color: #fff;
}

.totopa2 {
  display: block;
  position: fixed;
  left: 20px;
  background-color: var(--maincolor);
  width: 45px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 45px;
  z-index: 100;
  border-radius: 0px;
  border: 0px solid #fff;
  bottom: 60px;
  text-align: center;
  line-height: 45px;
  overflow: hidden;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);

}

.totopa2 i {
  color: #fff;
  font-size: 19px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0px;

}

.totopa2 i.upclass {
  bottom: 12px;
}

.totopa2 i.bottomclass {
  bottom: -124px;
}

.totopa2:hover i.upclass {
  bottom: 50px;
}

.totopa2:hover i.bottomclass {
  bottom: 10px;

}








 

.header_menu li:hover a {
  color: var(--maincolor) !important;
}


.regionfull2 {
  text-align: center;
}

















.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

 

.header_menu li.current_page_item {
  position: relative;

}


.header_menu li.current_page_item a {
  color: #fff;
}

.header_menu li.current-menu-item a {
color: var(--maincolor);
 
  border-radius: 5px;
}
.header_menu li.current_page_item:before{
  content: '';
  border: 1px dashed var(--maincolor) !important;
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 16px;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.header_menu li.current_page_item:hover:before{
  background-color: transparent !important;
  width: 100%;
  height: 100%;
 
  opacity: 1;
}
 
 





.contactforma .wpforms-field-container {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}

.contactforma .wpforms-field-name,
.contactforma .wpforms-field-email {
  width: 49% !important;
  padding: 0 !important;
}

.contactforma .wpforms-field-textarea {
  width: 100% !important;
  padding: 0 !important;
}

.contactforma {
  margin-top: 45px;
}

.contactforma .wpforms-submit-container {
text-align: right;
  margin-left: 0px;
  margin-top: 40px !important;
}



.contactforma h4,
.contactforma h3 {
background-color: var(--maincolor);
  padding: 20px;
  border-radius: 10px;
  font-weight: normal;
  color: #fff;
  font-weight: 600;
  text-shadow: 0px 0px 0px #b7822a;
  width: 100%;
  text-align: center;
}

.contactforma22 ul {
  border: 1px solid #f1f1f1;
  padding: 20px;
  border-radius: 10px;

}

.contactforma22 li {
  list-style-type: none;
  line-height: 35px;
  border-bottom: 1px dashed;
  padding-bottom: 5px;
  padding-top: 5px;
}

.contactforma22 li:last-child {
  border: 0;
}

.contactforma22 li a {
  color: #333;
 font-size:1.7rem;
}
 

.contactforma22 li i {
  color: var(--maincolor);
  margin-right: 10px;
  font-size: 2rem;
  vertical-align: middle;
}

.slider_th {
  text-align: center;
 
  min-height: 114px;
 margin-top: 10px;
  position: relative;
  z-index: 1;
 
  margin-bottom: 30px;
}
 
 
.slider_th h2 {
margin: 0;
  color: #ede0c4;
  font-weight: bold;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}

.slider_th p {
position: absolute;
  z-index: -1;
  background-color: var(--secondcolor);
  width: 100%;
  height: 100%;
  background-color: var(--maincolor);
  display: block;
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/3_17.jpg');
  background-repeat: repeat-x;
  background-position: top;
}



 

.single .slider_th span {
  font-size: 1.9rem;
  margin: 0;
  color: #fff;
  font-weight: bold;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}
 

.postcontent img{
float: left;
  display: block;
  margin-right: auto;
  margin-left: 0px;
  margin-right: 26px;
  width: 550px;
  height: 550px;
  object-fit: contain;
}
.single .postcontent img{
margin-right: 22px;
  border-top: 0px solid var(--maincolor);
  border-radius: 10px;
 
}
 

.postcontent p {
  line-height: 40px;
  font-size: 1.1rem;

  padding-top: 30px;
}
.post_title{
font-weight: 400;
  line-height: 45px;
  max-width: 100%;
  margin-top: 0;
  border-right: 9px solid var(--maincolor);
  padding-right: 17px;
}
 
 


.postcontent h2{
font-weight: 400;
  line-height: 45px;
}
 
 
 

 

 
 

 
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 



 

 .spinner {
  width: 56px;
  height: 56px;
  display: grid;
  border: 4.5px solid #0000;

  border-radius: 50%;
  border-color: #f1f1f1 #0000;
  animation: spinner-e04l1k 1s infinite linear;
  top: 50%;
  left: 0;
  position: absolute;
  right: 0;
  margin: 0 auto;
}

.spinner::before,
.spinner::after {
  content: "";
  grid-area: 1/1;
  margin: 2.2px;
  border: inherit;
  border-radius: 50%;
}


.spinner::before {
  border-color: var(--maincolor) #0000;
  animation: inherit;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.spinner::after {
  margin: 8.9px;
}

@keyframes spinner-e04l1k {
  100% {
    transform: rotate(1turn);
  }
}

.site_slider .owl-carousel,
.owl-two,
.owl-three,
.owl-one {
  direction: ltr;
  position: relative;
}

.contactform {
  background: #151517;
  border-radius: 20px;
  max-width: 612px;
  margin: 0 auto
}

.contactform img {
  width: 231px;
  height: 101px;
}

.contactform h4 {
  color: #fff;
  font-weight: 600;
}

.site_slider .slidertext {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 1;
  width: 807px;
  height: 291px;
}

.site_slider .slidertext p,
.site_slider .slidertext span,
.site_slider .slidertext strong {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

}

.site_slider .slidertext span {
  font-size: 24px;
  color: var(--maincolor);
  font-weight: 600
}

.site_slider .slidertext h1, .site_slider .slidertext strong {
color: #fff;
  font-weight: 600;
  height: auto;
  letter-spacing: -4px;
  line-height: 67px;
  padding-block: 9px;
 
   
}

.site_slider .slidertext p {
min-height: 93px;
  font-size: 22px;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
  max-width: 95%;
  direction: rtl;
}

header {
  position: absolute;
  width: 100%;
  z-index: 11;

}

.logo_site img {
  width: 167px;
  height: 73px;
  object-fit: cover;
}
 

.change_currency a.formtop {
  width: 189px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--maincolor);
  position: relative;
  background-color: #000;
  background-clip: padding-box;

  border-radius: 16px;

}

.change_currency a {
  font-size: 14px;
  font-weight: 500;
}

.change_currency img {
  width: 24px;
  height: 24px;
  margin-left: 7px;
}

.change_currency a.formtop:before {
  content: '';
  background: linear-gradient(90deg, #16BBAB 0%, #0F5B5B 100%);
  -webkit-mask-composite: destination-in;
  /* Shows only the border part */
  display: block;
  width: 191px;
  height: 43px;
  position: absolute;
  border-radius: 16px;
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.change_currency {
  margin-top: 31px;

}

.site_slider {
  height: 686px;
  margin: 20px;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.site_slider img {
  height: 686px;
  object-fit: cover;
  border-bottom-right-radius: 55px
}

.slidertext {
  max-width: 829px;
}

.overly {
  position: absolute;
  display: block;

  width: 100%;
  height: 686px;
  border-radius: 55px
}

.change_currency ul {
  background-color: var(--secondcolor);
  border-radius: 16px;
  padding-block: 10px;
  padding-inline: 20px;
  transform: translateY(15px);
  pointer-events: none;
  height: 0;
  display: block;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 200px;
}

.change_currency li a {
  color: #fff;

}
.shrink .change_currency{
  margin-top: 24px
}
.shrink .logo_site{
  margin-top: 10px;
  margin-bottom: 10px
}

.change_currency li {
  line-height: 40px;

}

.change_currency li:not(:last-child) {
  border-bottom: 1px solid #146C6C;
}

.change_currency:hover ul {
  opacity: 1;
  height: auto;
  pointer-events: all;
  transform: translateY(0px);

}

.logo_site {
  margin-top: 17px;
}

.sliderbutton {
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/sliderright.png');
  width: 414px;
  height: 125px;
  position: absolute;
  bottom: 0;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;

}

.sliderbutton a {

  display: flex;
  width: 80%;
  justify-content: center;
  height: 65px;
  align-items: center;
  border-radius: 55px;
  margin-right: -10%;
  margin-top: 40px;
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 25.69px;
  font-weight: 500;
  line-height: 47.27px;
  letter-spacing: -0.015em;
  position: relative;


}

.sliderbutton:hover a {
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff
}

.sliderbutton a:before {
  content: '';
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);

  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 55px;
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.sliderbutton a:after {
  content: '';
  background: #fff;
  display: flex;
  width: 99%;
  height: 63px;
  position: absolute;
  border-radius: 55px;
  z-index: -1;
  top: 0.4px;
}

#ourservices_site {
  margin-top: 66px;
  margin-bottom: 36px;
}

.site_slider .owl-dots {
  position: absolute;
  bottom: 3%;
  left: 0;
  right: 0;
}

.site_slider .owl-theme .owl-dots .owl-dot span {
  background: #fff;
}

.site_slider .owl-theme .owl-dots .owl-dot.active span {
  background: var(--maincolor);
}

#ourservices_site p {
  color: #474847;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.075em;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

#ourservices_site span {
  color: var(--maincolor);
  font-size: 26px;
  font-weight: 600
}

#ourservices_site .card {
  box-shadow: 0px 4px 30px 0px #BABABA40;
  border: none;
  width: 100% !important;
  border-radius: 20px;
  margin-bottom: 45px
}

.card a.card-title {
font-size: 24px;
  font-weight: 600;
  line-height: 44.16px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  display: block;
}

#ourservices_site .card p.card-text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  margin-top: 1px;
  min-height: 72px;
  text-align: center;
}

#ourservices_site .card .card-img-top {
width: 115px;
  height: 115px;
  margin-right: auto;
 
  transition: all 0.5s ease-in-out;
margin: 39px auto 0;
  display: block;
}

.servloop .col-md-4 .card span {
  position: relative;
  z-index: 1
}

.servloop .col-md-4 .card span:before {
content: '';
  display: block;
  height: 50px;
  width: 50px;
  position: absolute;
  width: 167px;
  height: 118px;
  z-index: -1;
  border-radius: 20px 20px 20px 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.servloop .col-md-4:first-child .card span:before,
.servloop .col-md-3:first-child .card span:before
 {
  background-color: #16BBAB1F;
}

.servloop .col-md-4:nth-child(2) .card span:before,
.servloop .col-md-3:nth-child(2) .card span:before
 {
  background-color: #EA960F29;
}

.servloop .col-md-4:nth-child(3) .card span:before,
.servloop .col-md-3:nth-child(3) .card span:before
 {
  background-color: #BB161917;
}

.servloop .col-md-4:nth-child(4) .card span:before,
.servloop .col-md-3:nth-child(4) .card span:before
 {
  background-color: #BB16191F;
}

.servloop .col-md-4:nth-child(5) .card span:before,
.servloop .col-md-3:nth-child(5) .card span:before
 {
  background-color: #0FEA1E29;
}

.servloop .col-md-4:nth-child(6) .card span:before,
.servloop .col-md-3:nth-child(6) .card span:before
 {
  background-color: #9716BB17;
}

.servloop .card-body {
padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-top: 8px;
  min-height: 188px;
  text-align: center !important;
}

#ourservices_site strong {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.075em;
  color: #0D0D0D;
  display: block;
}

.servloop {
  margin-top: 45px;
}

#ourproject_site span.text-center,
#customer_openion span.text-center,
#ourblog_site span.text-center {
  color: var(--maincolor);
  font-size: 18px;
  font-weight: 600;
  line-height: 33.12px;
  letter-spacing: 0.06em;
  margin-bottom: 16px;
}

#ourproject_site p.text-center,
#customer_openion p.text-center,
#ourblog_site p.text-center,
#ourprice_site p.text-center {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #5D6C7C;
  max-width: 683px;
  margin: 16px auto 24px;
}

#ourproject_site h2,
#customer_openion h2,
#ourblog_site h2,
#ourprice_site h2 {
  line-height: 72px
}

.blogimg,
.blogimg img {
  min-width: 321px;
  height: 181px;
  object-fit: contain;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  background-color: #0c535c;
  max-width: 321px;
}

.blogmeta li span,
.blogmeta li span i {
  color: #9B9B9B;
  font-size: 13px;

  line-height: 23.92px;
}

.blogmeta li span {
  font-weight: 700;
}

.blogtext a {
color: #353535;
  font-size: 20px;
  font-weight: 700;
  line-height: 34.04px;
  display: block;
  margin-bottom: 4px;
}

.blogtext p {
  color: #727272;
  font-size: 16px;
  font-weight: 700;
  line-height: 29.44px;
 direction: rtl;
  margin-right: 0;
  margin-left: auto
}

.blogtext a.blgmore {
  color: #3E9AB1;
  font-size: 20px;
  font-weight: 700;
  line-height: 36.8px;
  margin-top: 16px;
  display: block;
}
.changefont .services_feture span{
  font-size: 1.4rem !important;
  display: block;
  margin-top: 10px;
}
.changefont .services_feture img{

  margin-top: 10px;
}
.changefont .services_feture{
  min-height: 315px;
}
.forblogonly2 table{
  margin-block: 30px;
  text-align: center;

}
.forblogonly2 td{
  border: 1px solid #eee;

}
.forblogonly2 th{
  border: 1px solid #eee;
  background-color: var(--maincolor);
  color: #fff;
}
.forblogonly2, .forblogonly2 p{
  line-height: 3;
  font-size: 1.2rem !important;
}

.forblogonly2 h2 {
  line-height: 70px !important;
  font-size: 2.8rem;
  color: var(--maincolor);
  font-weight: 600 !important;
}
.forblogonly2 p {
  margin: 0
}
.forblogonly2 ol{
  margin: 0;
  padding: 0
}

.blogtext a.blgmore i {
  vertical-align: middle;
  font-size: 19px;
  color: #3E9AB1;
}

.owl-two {
  margin-top: 24px
}

.blogtext {
  padding-top: 19.5px;
  padding-bottom: 19.5px;
  text-align: right;
}

.blogmeta {
  margin-bottom: 4px
}


.owl-theme .owl-dots .owl-dot span {
  background: #E4E7EC;
  width: 15.08px;
  height: 15.08px;
  border-radius: 20.74px;
  transition: all 0.5s ease-in-out
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #101010;
  width: 60.32px;
  height: 15.08px;
  border-radius: 20.74px;
}

.blgo_block {
  margin-bottom: 24px;
  align-items: center;
}

#contact_us {
  position: relative;
  border-bottom: 1px solid #EFF0F6;
  margin-bottom: 77px;
}

#contact_us:before {
  content: '';
  background-color: var(--darkgray);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: -1;
  height: 562px;
  top: 12%;
}

.contactform {
  min-height: 661px
}

#contact_us h3 {
  color: #fff;
  /*! font-size: 40px; */
  font-weight: 500;
  line-height: 60px;
  letter-spacing: -0.03em;
 

}

.newsletter_r {
  padding-top: 104px;
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/newsletterbg.svg');
  height: 404px;
  background-size: cover;
  background-position: top 20px center;
}

.footertop img.footerlogo {
  width: 167px;
  height: 73px;
}

.footertop h5 {
color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  max-width: 100%;
  display: block;
  margin-bottom: 24px;
  text-align: justify;
}

.footersocial li i {
  font-size: 20px;
  color: var(--maincolor)
}

.footertop {
  border-bottom: 1px solid #D9DBE9
}

.footersocial {
  margin-bottom: 33px;
}

.footerbottom h6 {
  color: #6F6C90;
  font-weight: 400;
  line-height: 30px;
  display: flex;
  height: 120px;
  align-items: center;
  margin: 0
}

.footerbottom,
.footer_link {
  height: 120px;
}

.footer_link li a,
.footer_link li span {
color: var(--secondcolor);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: right;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}

.footer_link li span {
  color: #6F6C90;
  text-decoration: none !important;
  font-weight: 300 !important;
}

.footer_link li::after {
  content: '|';
  padding-right: 10px;
  padding-left: 10px

}
.botlink{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.botlink span{
  color: #6F6C90;
  text-decoration: none !important;
  font-weight: 300 !important;
  font-size: 1.2rem;
}
.botlink .footer_link{
  display: flex;
  margin-left: 0px;
  height: 120px;
  align-items: center;
}

.footertop strong {
  color: #170F49;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 35px;
  display: block;
}

.menubot li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #6F6C90;
  display: block;
  margin-bottom: 18px;
}

.contactinfo li a {
  font-size: 19px;
  font-weight: 300;
  line-height: 20px;
}

#ourprice_site {
  background-color: var(--darkgray);
  padding-top: 68px;
  padding-bottom: 68px;
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/background.png');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.pricehead h2 {
  color: #fff
}

.pricehead {
  margin-bottom: 19px
}

.ourpriceanim .s1 {
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/tri.png');
  background-repeat: no-repeat;
  width: 104.66px;
  height: 120.07px;
  position: absolute;
  top: 1%;
  right: 18.1%;
  animation: float 2.5s ease-in-out infinite;
}

.ourpriceanim .s2 {
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/tri.png');
  background-repeat: no-repeat;
  width: 104.66px;
  height: 120.07px;
  position: absolute;
  top: 54px;
  left: 17.1%;
  animation: float 3s ease-in-out infinite;
}

.ourpriceanim .s3 {
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/add.png');
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 40%;
  left: 9.1%;
  animation: xanimation 2s ease-in-out infinite
}

.ourpriceanim .s4 {
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/add.png');
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 20%;
  right: 29.1%;
  animation: xanimation 2s ease-in-out infinite
}

#ourprice_site nav .nav-tabs {
  max-width: 619px;
  margin: 0 auto;
  border: none;
  background: #2E2E31;
  border-radius: 20px;
  height: 67px;
}

#ourprice_site nav .nav-tabs button {
  width: calc(100%/3);
  border-radius: 20px;

  font-size: 20px;
  font-weight: 400;
  line-height: 36.8px;
  color: #fff;
}

#ourprice_site nav .nav-tabs button.active {
  background-color: var(--maincolor);
  border: 1px solid var(--maincolor);
}

#ourprice_site nav .nav-tabs button:hover {
  background-color: #000 !important;
  outline: 0px solid #000 !important;
  border-width: 0px;
  border-color: #000 !important;
}

#ourprice_site nav .nav-tabs button.active:focus {
  border-color: var(--maincolor);
}

#ourprice_site .tab-content {
  margin-top: 55px;
}

.tabblock {
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #EFF0F6;
  padding-inline: 28px;
  padding-top: 57px;
  padding-bottom: 19px;
  max-width: 394px;
  position: relative;
  margin: 0 auto;
}

.tb_title span.bimg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 46px;
}

.tb_title span.bimg:before {
  content: '';
  background-color: #16BBAB26;
  width: 72px;
  height: 72px;
  position: absolute;
  border-radius: 16px;
  transition: all 0.5s ease-in-out
}

.tb_title span.bimg img {
  width: 44px;
  height: 46px;
}

.tbtext span {
  display: block;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;


}

.tbtext strong {
  color: #170F49;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
}

.tb_title {
  padding-right: 13px;
  margin-bottom: 22px;
}

.tabblock p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #6F6C90;
}

.menut {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #170F49;
  margin-top: 13px;
}

.tabprice {
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
  color: #170F49;
  display: flex;
  align-items: center;
  gap:9px;
}

.tabprice span {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  color: #6F6C90;
}

.tablist_s {
  margin-top: 25px;
}

.tablist_s li:before {
  content: '\f058';
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--secondcolor);
  margin-left: 10px;
  font-size: 26px;
  vertical-align: middle;
}

.tablist_s li {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 14px;
  color: #170F49;
  line-height: 26px !important;
}

.order_now {
  width: 308px;
  height: 72pxpx;
  padding: 26px;
  border-radius: 96px;
  background-color: var(--secondcolor);
  margin: 31px auto 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  max-width: 100%;
}

#ourprice_site .tab-content .col-md-4:first-child .tabblock,
#ourprice_site .tab-content .col-md-4:nth-child(3) .tabblock {
  margin-top: 27px
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock {
  background-color: var(--secondcolor)
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock span,
#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock strong,
#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock p,
#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock li {
  color: #fff
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock p {
  color: #C1C1C1;
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock a.order_now {
  background-color: #fff;
  color: var(--secondcolor)
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock li:before {
  color: var(--maincolor);
}

.mostorder_s {
  width: 137px;
  height: 44px;
  padding: 4px;
  border-radius: 20px;
  background-color: #F33B3E;
  color: #fff;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -17px;
  left: 31px;
display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: 36.8px;
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock .mostorder_s {
  display: flex;
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock .bimg img {
  z-index: 1
}

#ourprice_site .tab-content .col-md-4:nth-child(2) .tabblock .bimg:before {
  background-color: #fff;
}

.sociallogo {
  background-color: var(--secondcolor);
  height: 155px;
  line-height: 155px;
  clip-path: polygon(0 0, 100% 0%, 100% 82%, 0% 100%);
  margin-bottom: 0px;
}

.sociallogo:before {
  content: '';
  background-color: #1B7D7D;
  display: block;
  width: 100%;
  height: 155px;
  z-index: -1;
  position: absolute;
  clip-path: polygon(0 27%, 100% 0%, 100% 82%, 0% 100%);
}

.custimage,
.custimage img {
  min-width: 326px;
  height: 464px;
  border-radius: 150px;
  object-fit: cover;
}

.custtext p {
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #000;
  display: block;
  max-width: 95%;
  margin: 0 auto;
}

.custtext {
  text-align: center;
  position: relative;
  padding-top: 104px;
  padding-bottom: 168px;
  margin-top: 0;
  height: 404px;
  margin-bottom: 30px;
}

.custtext span {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 32px;
  color: #434242;
  display: block;
  margin-top: 40px;
  margin-bottom: 5px;
}

.custtext strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--maincolor)
}

.custtext:before {
  content: '';
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/qt.svg');
  width: 91px;
  height: 63px;
  position: absolute;
  top: 0;
  right: 0;
}

.custtext:after {
  content: '';
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/qb.svg');
  width: 91px;
  height: 63px;
  position: absolute;
  bottom: 0px;
  left: 0;
}
noscript#wpforms-error-noscript ~ noscript#wpforms-error-noscript {
    display: none;
}


.owl-three {
  margin-top: 46px;
  padding: 0
}

.owl-three .owl-dots {
  margin-top: 28px !important;
  margin-bottom: 28px;
}

.owl-one .owl-item.active .projectblock {
  width: 310px;
}

.projectblock {
  position: relative;
  border-radius: 20px;
  overflow: hidden;

  margin: 0 auto;
  height: 411px;
}

.projectblock img {
  object-fit: cover;
  height: 411px;
  filter: grayscale(100%);
  z-index: -1
}

.owl-one .owl-item.active .projtext {
  padding-inline: 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  top: 10%;
  transition-delay: 0.5s
}

.projtext {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  height: 100%;
  padding-inline: 20px;
  transition: all 0.5s ease-in-out;
}

.projtext span {
  transition: all 0.5s ease-in-out;
  font-size: 36px;
  font-weight: 700;
  line-height: 66.24px;
  letter-spacing: -0.015em;
  color: #fff;
  margin-bottom: 48px;
  display: block;
}

.owl-one .owl-item.active p {
  font-size: 16px;
  line-height: 20px;
  opacity: 1;
  transform: translateY(0px)
}

.projtext p {
  letter-spacing: -0.01em;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s ease-in-out;

}

.owl-one .owl-item .projectblock:before {
  content: '';
  background: rgb(0, 0, 0, 0.4) !important;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.projectblock:before {
  /*! content: ''; */
  /*! display: block; */
  /*! width: 100%; */
  /*! height: 100%; */
  /*! position: absolute; */
  /*! background: linear-gradient(180deg, rgba(22, 187, 171, 0.9) 0%, rgba(15, 91, 91, 0.9) 100%); */

}

#ourproject_site {
  margin-bottom: 88px;
}

.owl-one .owl-dots {
  margin-top: 24px !important;
}

.owl-one .owl-item.active {
  /*! max-width: 5.8% !important; */
}


.animate {
  transform: translateY(25px);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.animate.in-view {
  transform: translateY(0px);
  opacity: 1
}

.col-md-5.animate {
  transition-delay: 0.2s
}

.col-md-7.animate {
  transition-delay: 0.7s
}



.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.site_slider .owl-item.active span {
  transition-delay: 0.2s;
}

.site_slider .owl-item.active strong {
  transition-delay: 0.4s;
}

.site_slider .owl-item.active p {
  transition-delay: 0.6s;
}



#ourproject_site .owl-nav {
  position: absolute;
  top: 22%;
  right: -28%;
}

#ourproject_site .owl-nav .owl-next,
#ourproject_site .owl-nav .owl-prev {
  background-color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  line-height: 60px;
}

.servloop .card span::before {
  transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
}

.servloop .card:hover span::before {
  width: 100%;

}

.owl-one i {
  font-size: 1.1rem
}

.card a {
  -webkit-background-clip: text;
  background-image: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  background-color: transparent;
  transition: all 0.5s ease-in-out;

}

.card:hover a {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height: 100%;
  display: block;
  background-image: linear-gradient(90deg, #0F5B5B 60%, #16BBAB 100%);
  width: 100%;
}

#nav-tabContent .col-md-4:first-child {
  transition-delay: 0.2s;
}

#nav-tabContent .col-md-4:nth-child(2) {
  transition-delay: 0.4s;
}

#nav-tabContent .col-md-4:nth-child(3) {
  transition-delay: 0.6s;
}

.sociallogo .col:nth-child(1) {
  transition-delay: 0.1s
}

.sociallogo .col:nth-child(2) {
  transition-delay: 0.2s
}

.sociallogo .col:nth-child(3) {
  transition-delay: 0.3s
}

.sociallogo .col:nth-child(4) {
  transition-delay: 0.4s
}

.sociallogo .col:nth-child(5) {
  transition-delay: 0.5s
}

.custimage {
  transition-delay: 0.2s;
  position: relative;
  overflow: hidden;
}

.custtext {
  transition-delay: 0.4s
}

.footertop .col-4 {
  transition-delay: 0.2s
}

.footertop .col-md-3:first-child {
  transition-delay: 0.4s;
}

.footertop .col:nth-child(3) {
  transition-delay: 0.6s;
}

.footertop .col:nth-child(4) {
  transition-delay: 0.8s;
}

.footertop .col:nth-child(5) {
  transition-delay: 1s;
}

.footertop .col-md-3:last-child {
  transition-delay: 1.2s;
}
.contactinfo li:nth-child(3) a{
  line-height: 35px
}
.contactinfo li:nth-child(4) img{
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.contactinfo li:nth-child(3) img{
  width: 20px;
  height: 20px;
}


.blogtext a.blogtitle {
  -webkit-background-clip: text;
  background-image: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  background-color: transparent;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  position: relative;
  direction: rtl;
}

.blogtext:hover a.blogtitle {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  display: block;
  background-image: linear-gradient(90deg, #0F5B5B 60%, #16BBAB 100%);
  width: 100%;
  overflow: hidden;
  position: relative;

}

.blgmore:hover {
  color: #1f1f1f !important;
}

.blgo_block .blogimg .blogt2:before {
  content: '';
  background: linear-gradient(180deg, rgba(22, 187, 171, 0.9) 0%, rgba(15, 91, 91, 0.9) 100%);
  position: absolute;
  width: 0%;
  height: 100%;
  display: block;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  margin: 0 auto;
  left: 0;
  right: 0
}

.blgo_block:hover .blogimg .blogt2:before {
  width: 100%;
  opacity: 1
}

.blgo_block:hover .blogimg img {
  transform: rotate(5deg) scale(1.1)
}
.curclass li a.active{
  background-color: var(--secondcolor) !important
}


.blgo_block .blogimg .blogt2:after {
  content: '\f424';
  background: #fff;
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  z-index: 11;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -40%;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transition-delay: 0.5s;
  color: var(--secondcolor);
}

.blgo_block:hover .blogimg .blogt2:after {
  bottom: 40%;
}





@-webkit-keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.anim-border {
  position: relative;
  z-index: 0;
  width: 300px;
  height: auto;
  border-radius: 55px;
  overflow: hidden;

}

.anim-border::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: var(--maincolor);
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(var(--maincolor), var(--secondcolor));
  -webkit-animation: rotate 4s linear infinite;
  animation: rotate 4s linear infinite;
}

.anim-border::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: white;
  border-radius: 55px;
}

.tablist_s li:hover {
  padding-right: 5px;
}

.tabblock:hover .bimg:before {
  border-radius: 100%
}

.order_now:hover {
  background-color: var(--maincolor);
}




@keyframes xanimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1
  }
}

@keyframes float {
  0% {
    transform: translateY(0);

  }

  50% {
    transform: translateY(-20px);
    /* Move up */
  }

  100% {
    transform: translateY(0);
    /* Move back down */
  }
}

.card:hover img {
  animation: float 3s ease-in-out infinite;

}

.custimage:before {
  content: '';
  position: absolute;
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 212, 255, 0) 100%);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 11;
  transform: rotate(90deg);
  bottom: -100%;
  transition: all 1.5s ease-in-out;
  transition-delay: 0.9s
}

.owl-three .owl-item.in-view .custimage:before {
  bottom: 100%
}

div#ripple-bg {
  width: 100%;
  height: 100%;

  position: absolute;
  background: url(https://mostdeef.com/wp-content/themes/mostdeef2024/images/dot.png)no-repeat center / cover;

}

.bigproj.projectblock img {
  width: 100%;
}

.bigproj.projectblock:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(180deg, rgba(22, 187, 171, 0.9) 0%, rgba(15, 91, 91, 0.9) 100%);
}

.bigproj.projectblock p {
  font-size: 24px
}

.change_currency li:hover {
  padding-right: 5px;

}

.change_currency li:hover a {

  color: var(--maincolor)
}

.menubot li:hover a {
  color: var(--maincolor);
  padding-right: 3px;
}


.footersocial li:hover i {
  color: var(--secondcolor);
  transform: scale(1.4)
}

.custom-tooltip {
  --bs-tooltip-bg: var(--secondcolor);
}
.owl-carousel .owl-item {
 
  width: 100%;
}

header.shrink{
  background-color: rgb(24, 24, 26,0.9);
}

#contact_us #wpforms-14{
  width: 100%;
  padding-inline: 20px;
}
#contact_us .wpforms-field{
  background: #242425;
  margin-bottom: 20px;
  border-radius: 12px;
  padding-inline: 48px !important;
  padding-block: 7.5px;
    border-right: 2px solid var(--maincolor);
  transition: all 0.5s ease-in-out
}
#contact_us label{
  letter-spacing: 1px !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 22.08px;
  text-align: right;
  color: rgba(186, 186, 186, 0.56) !important;
margin-bottom: 0
}
#contact_us input, #contact_us textarea{
  background-color: transparent;
  border: 0px;
  color:#fff;
  width: 50%;
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
  padding-right: 0;
}
#contact_us #wpforms-14-field_2-container{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/sms.png');
  background-repeat: no-repeat;
  background-position: right 16px center;
}
#contact_us #wpforms-14-field_5-container{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/call.png');
  background-repeat: no-repeat;
  background-position: right 16px center;
}
#contact_us #wpforms-14-field_3-container{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/message.png');
  background-repeat: no-repeat;
  background-position: right 16px center;
}
#contact_us button#wpforms-submit-14{
  width: 308px;
  height: 72px;
    /*! animation: float2 3s ease-in-out infinite; */
  border-radius: 96px;
  opacity: 0px;
 
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
  display: block;
    background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%) !important;
    background-clip: border-box;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#contact_us .wpforms-field:hover{
  border-right: 7px solid var(--maincolor)
}

 
#contact_us input:focus, #contact_us textarea:focus{
  width: 100%;
  outline: 1px solid #343434 !important;
  border-color: #343434 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding-right:10px;
}

#contact_us input::placeholder, #contact_us textarea::placeholder{
  color: #fff
}
@keyframes float2 {
  0% {
    transform: translateY(0);

  }

  50% {
    transform: translateY(-10px);
    /* Move up */
  }

  100% {
    transform: translateY(0);
    /* Move back down */
  }
}

.newsletter_r #wpforms-71-field_2-container{
 background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/Email.png') !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important; 
}

.newsletter_r button#wpforms-submit-71{
  width: 137px;
  height: 58px;
  border-radius: 55px;
  overflow: hidden;
  position: relative;
  background-color: transparent;
  transition: all 0.5s ease-in-out
}
.newsletter_r button#wpforms-submit-71:hover{
  width: 217px;
  height: 58px;
  border-radius: 55px;
  overflow: hidden;
  position: relative;
  background-color: transparent;
}
.newsletter_r button#wpforms-submit-71:before{
  content: '';
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%) !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 55px;
  margin: 0 auto;
  left: 0;
  bottom: 0;
  z-index: -1
}
.newsletter_r button#wpforms-submit-71:after{
  content: '';
  background: rgba(25, 25, 27, 1);

  position: absolute;
  width: 97%;
  height: 97%;
  top: 1px;
  right: 0;
  border-radius: 55px;
  margin: 0 auto;
  left: 0;
  bottom: 0;
  z-index: -1
}

.owl-one .owl-item .projectblock::after{
  background: linear-gradient(180deg, rgba(22, 187, 171, 0.9) 0%, rgba(15, 91, 91, 0.9) 100%) !important;
  content: '';
  background: rgb(0, 0, 0, 0.4);
  display: block;
  width: 100%;
  height: 0%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  top: 0;
  transition: all 0.5s ease-in-out
}
.owl-one .owl-item .projectblock:hover:after{
  height: 100%;
}
.owl-one .owl-item .projectblock:hover:before{
  transition: all 0.5s ease-in-out;
  opacity: 0
}
.owl-one .owl-item .projectblock:hover:before{
  height: 0
}
#nav-tabContent .col-md-4:not(:nth-child(2)) a.anim-border:before, #nav-tabContent .col-md-4:not(:nth-child(2)) a.anim-border:after{
  display: none !important;
}
.footertop .col-1{
  width: 4%
}
.leftmenu{
  display: flex;
  gap: 10px;
  justify-content: center;
}
.change_currency i{
  color: var(--maincolo);
  font-size: 1.1rem;
  margin-left: 8px
}

.sidenav .change_currency, .sidenav .change_currency ul{
  display: flex !important;
  opacity: 1;
  background-color: transparent;
  border: none !important;
  height: 40px;
  gap: 5px;
  justify-content: center;
  margin-top: 0 !important;
  position: relative !important;
  transform: translateY(0px);
  padding: 0;
  width: 100%
}
.sidenav .change_currency li a{
  color: #fff !important;
  padding-inline: 6px;
  line-height: 40px;
  border: 1px solid var(--secondcolor);
  height: 40px;
  display: block;
  border-radius: 5px !important;
  padding-block: 0;
  background-color: #141415;
}
.sidenav .change_currency li{
  border: none !important;
  line-height: 40px;
}
.sidenav .change_currency li:hover{
  padding-right: 0
}
#mySidenav li.menu-item-has-children ul{
  background-color: #141415
}
.fordeskonly{
	display:block !important;
}
.fmobonly{
	display:none !important;
}

/* about us */

.howwork{
  position: relative;

  border-radius: 30px;

  height: 382px;
}
.howworkvideo{
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  bottom: 0;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  z-index: 11;
  overflow: hidden;
}
.howwork img{
  width: 885px;
  height: 382px;
  object-fit: cover;
  border-radius: 30px;
}
.howwork span{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.7);
  border-radius: 30px;
  z-index: 2
}
.howworkvideo a{
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 11
}
.howwork i{
  position: absolute;
  left: -4px;
  bottom: -35px;
  background-color: var(--maincolor);
  border: 12px solid rgba(250, 250, 250, 1);
  width: 163px;
  height: 163px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100;
  z-index: 11;
  border-radius: 100%;
  font-size: 2.5rem;
  pointer-events: none;

}
.howwework{
  margin-top: 45px; 
  margin-bottom: 66px;
}
.aboutsecond{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/abback.png');
  padding-block: 43px;
}
.aboutsecond .bookproject{
  position: relative;
  background-image: none;
  border: 1px solid var(--secondcolor);
  width: 156px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55px;
  font-size: 1rem;
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-top: 40px;
}
.aboutsecond p{
  line-height: 36px !important;
}
.aboutsecond .servloop .card-body{
  padding: 32px
}
.aboutsecond .card p.card-text{
  color: rgba(135, 140, 145, 1) !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  font-size: 15px !important;
}


.aboutsecond .servloop .button {
  display: block;
  position: relative;
  width: 88px;
  height: 60px;
  margin: 0;
  overflow: hidden;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  margin-left: 0;
  margin-right: auto;
}

.aboutsecond .servloop .button:before,
.aboutsecond .servloop .button:after {
  content: "";
  position: absolute;
  border-radius: 55px;
  inset: 7px;
}
.aboutsecond .servloop .button i{

  font-size: 1.2rem;
  margin-top: 6px;
  display: block;
}


.aboutsecond .servloop .button:before {
  border: 1px solid rgba(1, 2, 5, 1);
  transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,
    transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms;

}

.aboutsecond .servloop .button:after {
  border: 1px solid rgba(1, 2, 5, 1);
  transform: scale(1.3);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;


}

.aboutsecond .servloop .button:hover:before,
.aboutsecond .servloop.button:focus:before {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.aboutsecond .servloop .button:hover:after,
.aboutsecond .servloop .button:focus:after {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,
    transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms;
}

.aboutsecond .servloop .button-box {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.aboutsecond .servloop .button-elem {
  display: block;
  width: 53px;
  height: 29px;
  margin: 17px 18px 0 18px;
  transform: rotate(180deg);
  fill: #f0eeef;
}

.aboutsecond .servloop .button:hover .button-box,
.aboutsecond .servloop .button:focus .button-box {
  transition: 0.4s;
  transform: translateX(-90px);
}

.aboutsecond .servloop .button-elem:before{
  background-color: transparent !important;
}

.dotcolor{
  width: 14px;
  height: 14px;
  border-radius:  100%;
  display: block;
  background-color: #000;
  margin: 0 auto 14px;

}
.aboutsecond .card{
  box-shadow: none !important;
  transition: all 0.5s ease-in-out
}
.aboutsecond .card:hover{
  box-shadow: 0px 0px 10px rgb(0,0,0,0.1) !important;
  margin-top: -10px;
}
.aboutsecond .card:hover .dotcolor{
  animation: tada 0.7s infinite linear
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
} 


.aboutsecond .servloop .col-md-4:first-child .dotcolor{
  background-color: rgba(106, 38, 241, 1)
}
.aboutsecond .servloop .col-md-4:nth-child(2) .dotcolor{
  background-color: rgba(38, 178, 69, 1)
}
.aboutsecond .servloop .col-md-4:nth-child(3) .dotcolor{
  background-color: rgba(241, 187, 38, 1)
}

.discover_us{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/7.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  margin: 16px;
  margin-block:  85px;
  padding-block:62px;
}
.bnrsabout{

}
.bnrsabout li{
  width: 47%;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 24px;
  text-align: center;
}
.bnrsabout li:last-child{
  width: 100% !important;
  display: block;
}
.discover_us strong{
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 79.2px;
  display: block;
  margin-top: 60px;
  color: #fff;
}
.discover_us p{
  font-size: 1rem;
  font-weight: 500;
  line-height: 28.8px;
  text-align: right;
  display: block;
  margin-top: 48px;
  color: rgba(135, 140, 145, 1);
}
.discover_us a{
  display: flex;
  width: 187px;
  height: 56px;
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  border-radius: 55px;
  margin-top: 48px;
}
.trusthed_products{
  display: flex;
  gap: 30px;
  margin-top:48px;
}
.trusthed_products li{
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  line-height: 22.4px;
}
.trusthed_products li:first-child{
  width:29%;
  margin-left: 22px
}
.bnrsabout li:first-child img{
  margin-top: 30px
}
.bookproject i{
  color: #fff;
  margin-right: 9px;
}
.howtoreach strong{
  font-size: 3.5rem;
  margin-top: 79.5px;
}
.howtoreachimg{
  width: 551px;
  height: 640px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: 16px;
}
.discover_us.howtoreach{
  background-image: none;
  background-color: rgba(15, 14, 14, 1);
}
.howtoreach p{

  font-size: 1.625rem;
  font-weight: 400;
  line-height: 39px;
  letter-spacing: -0.035em;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.overly{
  background-color: rgba(7, 27, 23, 0.55);
}

.discover_us .col-md-6:first-child{
  transition-delay: 0.2s;
}
.discover_us .col-md-6:nth-child(2){
  transition-delay: 0.4s;
}

.bookproject:hover i{
  animation: movleft 0.5s infinite linear;
}
.bookproject:hover{
  width: 202px
}
@keyframes movleft {
  0% {
    color: #fff

  }

  50% {
 color: #000
  }

  100% {
 color: #fff
  }
}
.aboutsecond .bookproject:hover{
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%) !important;
  color: #fff !important;
  -webkit-background-clip:  initial;
  -webkit-text-fill-color: initial;
  border: 1px dashed  
}
.howwework .col-md-8{
  transition-delay: 0.2s
}
.howwework .col-md-4{
  transition-delay: 0.6s
}
.aboutsecond .col-md-6:first-child{
    transition-delay: 0.2s
}
.aboutsecond .col-md-6:nth-child(2){
  transition-delay: 0.6s
}
.forblogonly .blogimg{
  width: 25%;
}
.forblogonly .blogtext{
  width: 70%
}
.forblogonly .blogtext a.blgmore{
  margin-top: 10px
}
.forblogonly .blogtitle{
  line-height: 40px;
  font-size: 1.7rem
}

.searchblock {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
max-width: 339px;
margin: 0px auto;
margin-bottom: 17px;
margin-bottom: 17px;
position: relative;
border-radius: 10px;
padding: 13px;
background-color: #fff;

background-repeat: no-repeat !important;
background-position: right 12px center;
padding-right: 29px !important;
}
.searchblock form {
display: flex;
gap: 10px;
}
.searchblock input.form-control {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
line-height: 45px !important;
height: 45px;
}
.searchblock button {
background-color: var(--maincolor);
border: none;
width: 115px;
color: #fff;
font-weight: bold;
border-radius: 5px !important;
padding: 5px;
height: 45px;
}


.widgetright {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
max-width: 339px;
margin: 17px auto;
margin-bottom: 17px;
position: relative;
border-radius: 10px;
padding: 13px;
background-color: #fff;
}
.widgetright strong {
font-weight: bold;
background-color: var(--maincolor);
color: #fff;
padding: 15px;
border-radius: 10px;
text-align: center;
margin: 0px;
font-size: 1.4rem;
  display: block;
}
 

.widgetright .blgo_block .blogimg{
  min-width: 100px !important;
  max-width: 100px !important;
  height: 100px !important;
  min-height: 100px
}
.widgetright .blgo_block {
  margin-block:  20px
}
.widgetright .blgo_block .blogimg img{
min-width: 100% !important;
  max-height: 100px !important;
  object-fit: contain;
  max-width: 100%;
  min-height: 100px;
}
.widgetright .blogtitle{
  font-size: 1.2rem;
  line-height: 29px
}
.widgetright .blogtext{
  padding:  0 !important;
}
.widgetright span{
text-align: center !important;
  display: block;
  padding: 17px !important;
 
}
.widgetright .blgo_block .blogimg::after{
  bottom: -50px;
  background-color: transparent !important;
  color: #fff
}
.widgetright .blgo_block:hover .blogimg::after{
  bottom: 27px;

}
.forblogonly .blogmeta li{
  direction: ltr
}
.sliderblog h2 {
  color: #fff;
  font-size: 2.06rem;
  font-weight: 300;
}
.post-type-archive-our_blog h3{
  color: #fff;
  font-size: 29px;
  font-weight: 300
}
.post-type-archive-our_blog h4{
  color: #fff;
  font-size: 27px;
  font-weight: 300
}
.widgetright .child-categories{
  display: flex;
  flex-direction: column;
 
  padding: 10px;
}
.widgetright .child-categories li{
  border-bottom: 1px solid #f1f1f1;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--secondcolor)
}
.widgetright .child-categories li a{
  color: #1f1f1f
}
.widgetright .child-categories li:last-child{
  border: none;
}
.widgetright .child-categories li:hover{
  padding-right: 5px;
}
.postimg img {
object-fit: contain;
  width: 100%;
  border-radius: 5px;
  max-height: 482px;
}
.post_title {
  font-weight: bold;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  font-size: 1.5rem;
  border-right-width: 3px;
  border-right-color: var(--maincolor);
  display: block;
  clear: both;
  margin-block:  20px
}
.post_detail li p, .post_detail li span{
  font-size: 1rem !important;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  padding: 0
}
.post_detail li{
 line-height: 30px !important;
 display: flex;
  align-items: center;
}
.post_detail {
  font-weight: bold;
  background-color: #fff;
  padding: 10px;
    padding-right: 10px;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  margin: 0;
    margin-bottom: 0px;
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
  line-height: 40px;
  padding-right: 20px;
}
.postcontent p {
  line-height: 40px !important;
  font-size: 1.1rem !important;
  padding-top: 0;
}
.post_share {
  display: flex;
  gap: 10px;
  justify-content: left;
}
 
.post-nam {
  border: 1px solid var(--maincolor);
  width: 82px;
  height: 33px;
  text-align: center;
  border-radius: 5px;
  line-height: 33px;
  font-weight: bold;
  color: var(--maincolor);
  font-size: 1.1rem !important;
  background-color: #fff;
}
.flex {
  flex-direction: row-reverse;
  display: flex;
  gap: 5px;
}
.flex a {
  background-color: var(--maincolor);
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 5px;
  text-align: center;
  line-height: 33px;
}
.flex a i {
  color: #fff;
  font-size: 1.1rem;
  vertical-align: middle;
}
.post_tag {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 17px;
  margin-bottom: 17px;
  position: relative;
  border-radius: 10px;
  padding: 21px;
  background-color: #fff;
}
.post_tag a {
  font-weight: bold;
  margin-bottom: 13px !important;
  display: inline-block;
  color:#1f1f1f;
}
.post-nam {
  margin-bottom: 20px;
  display: block;
  max-width: 165px;
  width: auto;
  min-width: 94px;
}
#customer_openion{
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/1111.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 53px;
  margin-top: -25px;
  margin-bottom: 20px;
}
.slide_detail{
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px
}
.slide_detail .custimage, .slide_detail .custimage img {
  min-width: 61px !important;
  height: 87px;
  border-radius: 150px;
  object-fit: cover;
}
.slide_detail .custonamejop span{
  margin-top: 5px
}
.slide_detail .custonamejop{
  text-align: right
}

.slide_detail{
  margin-top: 18px
}
.customerloop  {
  max-width: 75%;
  margin: 0 auto;
}

.postcontent .postimg img{
  margin-bottom: 20px
}
.postcontent hr {
  color: #d0d0d0;
}
.sliderblog img{
  width: 100%
}

/* licence page */

.licenceblock{
  box-shadow: 0px 8px 35px 0px rgba(207, 207, 207, 0.25);
  border-radius: 40px;
  padding: 50px;
}
.licencetop strong{
  letter-spacing: 0 !important;
  font-size: 2rem !important;
  font-weight: 700;
  line-height: 35px;
  text-align: right;
  color: rgba(23, 15, 73, 1) !important;
}
.licencetop span{
  color: rgba(23, 15, 73, 1) !important;
  font-size: 3.375rem !important;
  font-weight: 700 !important;
  line-height: 66px !important;
}
.licencetop span em{

  font-size: 1.25rem;
  font-weight: 500;
  line-height: 22px;
  font-style: normal;
  color: rgba(111, 108, 144, 1) !important;
}
.licenceblock p{
  color: rgba(111, 108, 144, 1) !important;
  font-size: 1.1rem !important;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0 !important;
  margin-top: 10px
}
.licencetop{
  display: flex;
  justify-content: space-between;
}
.licencetop .righttext{
  width: 80%;
}
.licencetop .leftimg{
  width: 20%;
}
.licencetop .leftimg img{
width: 107px;
  height: 80px;
  object-fit: contain;
}
.licenceblock a.order_now{
  display: flex;
transition: all 0.5s ease-in-out;
  background: linear-gradient(90deg, #16BBAB 0%, #0F5B5B 100%);
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  border-radius: 55px;
  margin-top: 48px;
  width: 581px;
  height: 73px;
  padding: 20px;
  border-radius: 15px;
}
#discuss_project{
  width: 100%;
  height: 410px;
  display: flex;
  justify-content: center !important;
  align-items: center;
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/dis.webp');
  text-align: center;
  flex-direction: column !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#discuss_project h3{
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #fff;
  display: block;
}
#discuss_project p{
  color: rgba(126, 132, 146, 1);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 34px;
  display: flex !important;
  margin: 20px auto;
  max-width: 80%;
  flex-direction: column;
}
#discuss_project a.bookproject2{
  width: 193px;
  height: 56px;
  padding: 17px;
  display: flex !important;
  border-radius: 50px;
  border: 1px solid rgba(15, 91, 91, 1);
  color: var(--maincolor);
  font-size: 1rem;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  margin: 20px auto;
  flex-direction: column;

}
.owl-four{
  direction: ltr;
  margin-top: 24px
}
.services_feture{
display: flex;
  flex-direction: column;
  justify-content: center !important;
  text-align: center;
  box-shadow: 0px 4px 20px 0px rgba(214, 214, 214, 0.25);
  max-width: 304px !important;
  min-height: 301px;
  border-radius: 20px;
  margin: 0 auto;
  padding: 10px;
}
.services_feture img{
  max-width: 140px;
  height: 115px;
  object-fit: contain;
  margin: -10px auto;
}
.services_feture span{
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.5;
  letter-spacing: -0.075em;
  color: rgba(0, 0, 0, 1) !important;
   
}
.dedservepage .col-md-4:nth-child(2) .card p{
  color: #fff !important;
}
 .dedservepage .col-md-4:nth-child(2) .card:hover a.card-title{
  color: #fff !important;
   background-image: none !important;
   background-color: #fff
}
.services_feture p{
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 30px;
  letter-spacing: -0.075em !important;
  display: block;
  text-align: center !important;
  color: rgba(135, 140, 145, 1) !important;
}
.owl-four .owl-stage{
  padding-block: 20px;
}
#pageaccordion{
padding-top: 80px;
  margin-top: 100px;
}
#pageaccordion h3{
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: rgba(29, 30, 37, 1); 
  text-align: right;
}
#pageaccordion p{
 
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-align: right;
  color: rgba(126, 132, 146, 1);

}
#pageaccordion .bookproject:hover, #hlol_site .bookproject:hover {
  background: linear-gradient(90deg, #16BBAB 0%, #0F5B5B 100%) !important;
  color: #fff !important;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  border: 1px dashed #fff;
}
#hlol_site .bookproject{
  min-width: 170px;
}
#pageaccordion .bookproject, #hlol_site .bookproject {
  position: relative;
  background-image: none;
  border: 1px solid var(--secondcolor);
  width: 156px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55px;
  font-size: 1rem;
  background: linear-gradient(90deg, #16BBAB 0%, #0F5B5B 100%);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-top: 40px;
}

#accordionExample button:after{
  margin-left: 0;
  margin-right: auto;
}
#accordionExample .accordion-item{
  border-inline:  none !important;
  padding-block: 10px;
  border-block-color: rgba(237, 237, 237, 1) !important;
  border-top: 0
}
 
#accordionExample button{
	text-align: right;
  z-index: 1;
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 34px;
  background-color: transparent;
  border: none !important;
}
#accordionExample button:before{
  content: '';
  position: absolute;
  left: 10px;
  z-index: -1;
  background-color: rgba(245, 245, 245, 1);
  padding: 8px !important;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 100px;
  width: 40px;
  height: 40px;

}
#accordionExample .accordion-body{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 32px;
  text-align: right;
  color: rgba(126, 132, 146, 1);

}
#accordionExample .accordion-button:not(.collapsed){
  box-shadow: none !important;
  color: #1f1f1f
}
.accordion-item:first-of-type > .accordion-header .accordion-button:focus{
  border: none !important;
}
.faq_title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%
}
.shared_licence .howwework{
  margin-bottom: 33px
}
.licenceblock a.order_now:hover {
  background-color: #fff;
  color: var(--secondcolor);
  border: 1px dashed var(--secondcolor);
  background-image: none;
  font-size: 1.4rem
}
#discuss_project a.bookproject2:hover{
  color: #fff;
  width: 230px;
  background:linear-gradient(90deg, #16BBAB 0%, #0F5B5B 100%) !important;
}



/* hlol page */
.hlol_text li:hover{
  color: var(--secondcolor);
  padding-right: 5px;
}
.dotblock:hover span{
  color: var(--secondcolor) !important;
}
.dotblock:hover span.dotimg{
 transform: rotateX(360deg) 
}
#hlol_site .owl-carousel, .owl-five{
  direction: ltr;
}
#hlol_site .owl-carousel .owl-item{
  border-radius: 24px;
  overflow: hidden;
}
#hlol_site .owl-carousel img{
width: 96%;
  height: 408px;
  border-radius: 24px;
  object-fit: cover;
}
#hlol_site .owl-carousel .owl-dots{
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
}
#hlol_site .owl-carousel .owl-dots .owl-dot.active span{
  background-color: #fff;
}
#hlol_site .owl-carousel .owl-dots .owl-dot span{
  background-color: rgba(255, 255, 255, 0.26)
}
.hlol_text{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.hlol_text span{
  font-size: 2.5rem;
  font-weight: 600;
text-align: right;
  color: rgba(25, 27, 25, 1)
}

.hlol_text p{
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 25.2px;
  color: rgba(89, 89, 89, 1);
  display: block;
margin-top: 24px;
  margin-bottom: 24px;
  text-align: right;
}
.hlol_text ul{
  margin: 0;
}
.hlol_text li{
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 30px;
  color: rgba(0, 0, 0, 1);
  list-style-type:  disc;
  list-style-position: inside
}
#hlol_site .container:nth-child(even){
  direction: ltr;

}
#hlol_site .container:nth-child(even) .hlol_text{
  direction: rtl;
  padding-right: 25px 
}

.dotblock{
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}
.dotblock .dotimg{
  position: relative;
  width: 157px;
  height: 157px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dotblock .dotimg img{
  width: 58px;
  height: 63px;
  object-fit: contain;
}
.dotblock .dotimg:before{
  position: absolute;
  content: '';
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  width: 143px;
  height: 163px;
  display: block;
  background-color: var(--maincolor);
  z-index: -1;
}
.dotblock .dotimg:after{
  position: absolute;
  content: '';
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  width: 141px;
  height: 161px;
  display: block;
  background-color: rgba(250, 250, 250, 1);
  z-index: -1;
}
.dotblock span{
  color: rgba(30, 27, 57, 1) !important;
  font-size: 2rem !important;
  font-weight: 600;
  line-height: 50px;
}
.dotblock p{
  color: rgba(110, 108, 131, 1) !important;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 42px !important;
}
.dotitem{
  margin-top: 60px;
}

.dotitem .col-md-3:not(:last-child) .dotblock:after{
  content: '';
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/t5.webp');
  width: 226px;
  height: 78px;
  position: absolute;
  left: -50px;
  z-index: -11;
  background-repeat: no-repeat;
 
}
.dotitem .col-md-3:nth-child(even) .dotblock:after{
  content: '';
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/t6.webp');
  width: 226px;
  height: 78px;
  position: absolute;
  left: -50px;
  z-index: -11;
  bottom: 60%;
  background-repeat: no-repeat;
}
.dotitem .col-md-3:last-child .dotblock:after{
  background-image: none
}

#ourservices_site.hlolfe{
  margin-bottom: 0
}
.contactforma .wpforms-field{
  padding: 0 !important;
}
.contactloop {
  display:flex;
  gap:15px;
  border:1px dashed var(--secondcolor);
  padding:10px;
  border-radius:10px;
  height: 93px;
  align-items: center;
}
.contactloop .contacticon {
  background-color:var(--secondcolor);
  display:flex;
min-width: 54px;
  min-height: 54px;
  border-radius:10px;
  justify-content:center;
  align-items:center
}
.contactloop .contacticon i {
  color:#fff;
  font-size:1.8rem
}
.contactloop .contacttext span {
font-weight: 700;
  font-size: 1.8rem;
}
.contacttext p {
  font-size:1.1rem;
  display:block;
  margin-top:0px;
  margin-bottom:0;
  line-height: 33px !important;
}
.contactpage{
  margin-bottom: 30px;
}
.contact_th .contactforma{
  margin-top: 0
}
.contact_th #wpforms-14-field_5-container{
  width: 49%
}
#programingwebsite a.bookproject{
  margin-top: 0px
}
#programingwebsite .programfet{
  margin-top: 44px;
   margin-bottom: 80px
}
#programingwebsite .programfet .services_feture{
  margin-bottom: 44px
}
#programingwebsite #ourproject_site{
  margin-top: 20px;
}
#programingwebsite #pageaccordion{
  padding-top: 0px !important;
}
#ourservices_site.forlicenceonly span{
  font-size: 1.3rem !important;
 line-height: 80px
}
 .dedicate_servers .services_feture img{
  width: 140px;
  height: 115px;
  object-fit: contain;
  margin-bottom: 8px
}
.dedicate_servers .col-md-4:first-child a.anim-border:before,
.dedicate_servers .col-md-4:first-child a.anim-border:after,
.dedicate_servers .col-md-4:last-child a.anim-border:before,
.dedicate_servers .col-md-4:last-child a.anim-border:after
{
  display: none;
}
.dedservepage{
  background-image: none !important;
}
.dedservepage .card{
  background-color: rgba(241, 241, 239, 1)
}
.dedservepage .col-md-4:nth-child(2) .card{
  background-color: rgba(0, 0, 0, 1)
}
.dedservepage .col-md-4:nth-child(2) .card a{
  color: #fff;
  display: block;
 
}
.aboutsecond.dedservepage .card p.card-text{
  font-size: 1.125rem !important;
  line-height: 27px !important;
}
.aboutsecond.dedservepage .card a{
  margin-bottom: 18px;
}
.dedservepage .dotcolor{
  display: none
}

.aboutsecond .servloop .card-body img {
  display: block;
  margin:29px auto;
  max-width: 151px;
}
#ourprice_site .owl-five .center .tabblock {
  background-color: var(--secondcolor);
}
 
#ourprice_site .owl-five .center .tabblock span, 
#ourprice_site .owl-five .center .tabblock strong, 
#ourprice_site .owl-five .center .tabblock p, 
#ourprice_site .owl-five .center .tabblock li {
  color: #fff;
}
#ourprice_site .owl-five .center .tabblock p {
  color: #C1C1C1;
}
#ourprice_site .owl-five .tabblock {
  direction: rtl;
}
#ourprice_site .owl-five .center .tabblock li::before {
  color: var(--maincolor);
}
#ourprice_site .owl-five .center .tabblock a.anim-border:before, #ourprice_site .owl-five .center .tabblock a.anim-border:after{
  display: block;
}
#ourprice_site .owl-five .tabblock a.anim-border:before, #ourprice_site .owl-five .tabblock a.anim-border:after{
  display: none;
}
#ourprice_site .owl-five .center .tabblock a.anim-border{
  color: var(--secondcolor) !important;
}
#ourprice_site .owl-five .owl-stage-outer{
  padding-top: 55px
}
#ourprice_site .owl-five .center .tabblock{
  margin-top: -35px
}
#ourprice_site.dedslider .tab-content{
  margin-top: 0 !important;
}
.owl-five .owl-dot.active span{
  background-color:  var(--secondcolor) !important;
}
.owl-five .owl-dot span{
  background-color:  rgba(228, 231, 236, 0.2) !important;
}
#pageaccordion.whpage{
  margin-top: 61px;
  margin-bottom: 101px;
}


 
.servloop .col-md-3 .card span{
  z-index: 1
}
 .servloop .col-md-3 .card span::before {
  content: '' !important;
  display: block;
  height: 50px;
  width: 50px;
  position: absolute;
  width: 167px;
  height: 118px;
  z-index: -1;
  border-radius: 20px 20px 20px 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.hosttype img{
  display: block;
  margin: 0 auto;
  max-width: 115px !important;
  max-height: 115px !important;
  margin-top:48px;
  object-fit: contain;
}
.hosttype .card-body{
  padding-bottom: 18px !important;
}
#know_more{
  text-align: center;
}
#know_more strong{
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
}
#know_more p{ 
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.075em;
  color: rgba(71, 72, 71, 1) !important;
  display: block;
  margin: 27px auto;
  max-width: 70%;
}
.videophoto {
  position: relative;
  display: block;  
  width: 807px;  
  height: 470px;  
  margin: 0 auto;
}

.videophoto img {
  width: 100%;  
  height: 100%;  
  object-fit: contain;
}
.videophoto span img {
  width: 62px;  
  height: 62px;  
  object-fit: contain;
}

.videophoto span {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 172px;
  height: 172px;
  border: 2px solid #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  pointer-events: none; /* Ensures the overlay does not block the link */
}
.hsfeture .programfet{
  margin-top: 40px
}
.hsfeture .programfet .services_feture{
  margin-bottom:  30px
}
.hsfeture .programfet .services_feture span{
  color: var(--secondcolor) !important;
}
.hsfeture .programfet .services_feture:hover img{
  animation: float 3s ease-in-out infinite;
}
.uxdesign .services_feture{
  max-width: 373px !important;
}
.uxdesign .services_feture img{
  width: 364px;
  height: 430px;
  border-radius: 20px;
  max-width: 364px;
  margin: 0 auto;
}
.uxdesign .services_feture{
  padding: 0 !important;
  box-shadow: none
}
.uxdesign .services_feture span, .uxdesign .services_feture p{
text-align: right !important;
  margin-bottom: 0;
}
#workmethod .card .icon{
  margin-bottom: 24px
}
#workmethod .card .icon img{
  width: 86px;
  height: 86px;
  object-fit: cover;
}
.uxdesign .programfet .services_feture{
  margin-bottom: 10px !important;
}
.uxdesign .services_feture span{
  margin-top: 25px;
}
.uxdesign .hlol_text span{
  font-size: 3.125rem
}
.itemloop{
  display: flex;
  gap: 31px;
  margin-bottom: 93px;
}
.itemloop:nth-child(2){
  margin-right: 17px
}
.rightitemloop{
  min-width: 64.88px;
  height: 71.97px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;

}
.rightitemloop img{
  width: 32.44px;
  height: 35.99px;
}
.leftloop strong{
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 51.52px;
}
.leftloop p{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 30px;
  color: rgba(166, 166, 166, 1)

}
.starblock{
  display: flex;
  gap: 20px;
  text-align: right;
  margin-top: 26px
}
.starblock strong, .starblock strong span{
  font-size: 1.125rem !important;

}
.starblock strong{
  display: block;
  direction: ltr;
  margin-top: 5px;
}
.starblock strong span{
  font-weight: normal 
}
.starblock p{
  margin-top: 16.8px !important;
  color: rgba(166, 166, 166, 1) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}
.bigspan .star1:before{
  content: '\f005';
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 1.4rem;
  color: rgba(255, 199, 40, 1)
}
.bigspan .star1:last-child:before{
  content: '\f005';
  font-weight: 500;
  font-family: "Font Awesome 6 Free";
  font-size: 1.4rem;
  color: rgba(255, 199, 40, 1)
}
.starleft{
  transition-delay: 0.5s !important;
}

#workmethod{
  background-color: rgba(16, 16, 16, 1);
  padding-block: 20px;
}
#workmethod .section-title, #workmethod .sectionshort{
  text-align: center;
  display: block;
  color: #fff;
}
#workmethod .section-title{

  font-size: 1.5rem;
  font-weight: 400;
  line-height: 24px;
  color: rgba(22, 187, 171, 1) ;
  margin-bottom: 16px;

}
#workmethod .sectionshort{
  font-size: 2rem;
  font-weight: 600;
  line-height: 62px;
  margin-bottom: 12px !important;
}
#workmethod .card{
  text-align: center;
  background-color: rgba(16, 16, 16, 1);
  min-height: 368px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#workmethod .card .card-text, #workmethod .card .card-title{
  color: #fff;
}
#workmethod .card .card-title{
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
}
.tablist_s li { 
  display: flex; 
}
#workmethod .card .card-text{
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.1599999964237213px;
  text-align: center;
  color: rgba(173, 173, 173, 1);
  display: block;
  max-width: 71%;
  margin: 0 auto;
}
#workmethod .list-inline{
justify-content: center;
  display: flex;
  gap: 40px;
  max-width: 64%;
  flex-wrap: wrap;
  margin: 0 auto;
}
#workmethod .list-inline li{
 
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #fff;

}
#workmethod .list-inline li:after, #workmethod .section-title:after{
  content: '';
  background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/staricon.png');
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.bnner1{
  position: relative;
  height: 382px !important;
  display: block;
}
.bnner1 strong{
  position: absolute;
  top: 40px;
  direction: ltr;
  font-size: 6rem !important;
  color: #fff !important;
  text-align: right !important;
  right: 30px
}
.bnner1 strong i{
  font-size: 3rem;
  color: rgba(153, 207, 99, 1)
}
.bnner1 strong span{
  display: flex;
  letter-spacing: 0;
  font-size: 1.2rem !important;
  clear: both !important;
  text-align: right !important;
  justify-content: center;
  color: rgba(135, 140, 145, 1) !important;
}
.bnner1 ul.list-inline{
  position: absolute;
  bottom: 14%;
  display: flex;
  gap: 5px;
  right: 6%
}

.bnner1 .list-inline li{
  vertical-align: middle;
  display: flex;
  align-items: center; 
}
.bnner1 .list-inline li img{
  width: 70px;
  height: 70px;
  border-radius: 100%;
}
.bnner1 .list-inline li i{
  color: #fff;
  font-weight: 900;
  font-size: 3rem
}
.disclass {
  position: relative;
}
.dbnners{
position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 216px;
  left: 34px;
  width: 53%;
  justify-content: center;
}
.dbnners span{
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.8px;
  font-size: 1rem !important;
  margin-top: 20px
}
.dbnners strong{
  font-size: 1.7rem;
  max-width: 100%;
  margin-left:  60px;
  margin-left: auto;
  line-height: 40px;
  display: block;
  margin-top:20px;

}
.dbnners span:before{
  content: '';
  width: 55px;
  height: 2px;
  display: inline-block;
  background-color: gray;
  margin-left: 10px;
}
.bnner1 img{
  height: 100%;
  width: 100%;
}

.dbnners.dbnners2{
  width: 259px;
  display: block;
  margin: 0 auto;
  height: 281px;
  right: 0;
  left: 0;
}
.bnrsabout li .dbnners2{
  width: 259px !important;
  display: flex;
  margin: 0 auto !important;

  align-items: center;

  max-width: 66%
}
.dbnners2 span:before{
  display: none !important;
}
.dbnners.dbnners2 span{
  color: #000 !important;
  font-size: 5.5rem !important;
  height: auto !important;
  line-height: 80px
}
.dbnners.dbnners2 strong{
  color: rgba(92, 93, 95, 1);
  font-size: 1rem !important;
  text-align: right;
  line-height: 28px;
  margin-top: 0
}
 .tabprice span:not(:last-child) {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 66px;
  color: #170F49;
}
.tabprice span:nth-child(2){
  font-size: 2rem !important;
}
div#ripple-bg {
  display: none;
}
 #ourservices_site.hlolfe .container:nth-child(2) {
    margin-top: 60px;
  }
  .marketing_site .services_feture{
  max-width: 100% !important;
}
.selectperiod{
  display: flex;
  justify-content: center;
  gap: 13px;
  margin-block: 20px;
}
.selectperiod li{
  border: 1px solid var(--maincolor);
  width: 170px;
  padding: 10px;
  text-align: center;
  border-radius: 20px;
  cursor: pointer
}
.selectperiod li span{
  color: #fff;
  font-weight: bold;
  font-size: 1.15rem
}
.selectperiod li:hover{
  background-color: var(--maincolor)
}
.selectperiod li.active{
 background-color: var(--maincolor)
}
.ccfpage22{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-block: 10px !important;
}
.ccfpage22 li{
  border: 1px solid var(--maincolor);
  padding-inline: 20px;
  border-radius: 20px
}
.ccfpage22 li:hover{
  padding-inline: 20px !important;
}

.active22{
  background-color: var(--maincolor)
}
.active22:hover a{
  color: #fff !important;
}

#ourprice_site .tab-content strong.tabprice-1, #ourprice_site .tab-content strong.tabprice-2{
  display: none;
}


.owl-five{
  position: relative;
} 
.owl-five .owl-nav{
  position: absolute;
  top: 50%;
  width: 100%;
}
.owl-five .owl-next{
  position: absolute;
left:  -20px; 
}
.owl-five .owl-prev{
  position: absolute;
  right: -40px;
}
.owl-five button i{
  color: #fff !important;
  font-size: 35px;
}
.owl-five button{
  background-color: transparent !important;
}
.tagsline{
  display: flex;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  scrollbar-width: thin;
   
}
.tagsline a{
  font-weight: normal !important;
  font-size: 1rem;
  display: block;
  min-width:  max-content !important;
  margin-inline:  5px
}
.tagsline a:hover{
  color: var(--maincolor)
}
.single-our_blog .sliderblog{
  max-height: 106px;
}
.custommodal .btn-close{
  margin-left: 0 !important;
  margin-right: auto;
  border: 1px solid brown
}
.custommodal p{
  line-height: 40px;
}
.cutombutton{
  background-color: var(--secondcolor);
  border: none;
}
.video_photo iframe{
  max-width: 100%;
  min-height: 240px;
  max-height: 240px;
}
.pro_photo{
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 5px;
  justify-content: space-between
}
.pro_photo li{
  border-radius: 10px;
  width: 24%;
  height: 100px;
  object-fit: cover;
}
.pro_photo img{
  border-radius: 10px;
  width: 100%;
  height: 100px;
  object-fit: cover;
}
 .fancybox__container{
  z-index: 1111 !important;
}
.video_photo img{
  border-radius: 10px;
  margin-bottom: 10px;
}
.cutombutton:hover{
  background-color: var(--maincolor)
}
.projtext a{
  cursor: pointer
}
.videoicon{
  position: relative;
}
.videoicon:before{
  content: '\f04b';
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  background-color: rgb(255,255,255,0.6);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondcolor);
  border-radius: 55px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.5rem
}
 
.fancybox__nav button svg{
fill: #fff
}
.projectblock button{
  background-color: transparent;
  border: none;
  padding: 0 !important;
  text-align: right
}
 .videoicon img{
  max-height: 300px;
  object-fit: cover;
  width: 100%;
}
.videoicon2:before{
  display: none !important;
}
.fancybox__content{
  padding: 0 !important;
}
 
.fancybox__slide img {
  max-width: 600px !important;
  max-height: 600px !important;
  object-fit: cover;
}
.fancybox__container * {
  transition: none !important;
}
 .tag .sliderblog {
  max-height:106px
}
.site_slider p, .site_slider strong {
  display: inline !important;
  margin-left: 5px;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 46px !important;
}
.site_slider a{
  color: var(--maincolor) !important;
}
.post-type-archive-our_blog .sliderblog {
  max-height: 106px;
}
.aboutslider{
  direction: ltr;
  max-width: 90%;
  margin: 0 auto;
}
.aboutslider img{
  max-height: 500px;
}
.aboutslider .owl-stage a{
  width: 100%;
  height: 100%;
  flex-direction: column !important;
}
.aboutslider button.active span{
  background-color: var(--maincolor) !important;
}
.post-type-archive-our_blog .sliderblog {
  max-height: 106px;
}
 .single-our_blog h1{
  font-size: 3rem;
}
 .single-our_blog h2{
  font-size: 2.6rem;
}
 


@media (min-width: 1201px) and (max-width: 1350px) {

  .blogimg,
  .blogimg img {
    min-width: 200px !important;
    max-width: 87% !important;

  }

  .blogtext {
    width: 70% !important;
  }

  .blgo_block {
    gap: 15px !important;
  }

  .blgo_block:hover .blogimg::before,
  .blgo_block:hover .blogimg:after {
    display: none
  }

  .blgo_block:hover .blogimg img {
    transform: rotate(1deg)
  }

  .owl-one .owl-item.active .projectblock {
    width: 100%
  }

}

@media (min-width: 993px) and (max-width: 1200px) {
		.bnrsabout li .dbnners2 {
 
  max-width: 81%;
}
.dbnners.dbnners2 {
  height: 254px;
}
	.servloop .card-body {
 
  padding-inline: 10px;
}
	 
.owl-five .tabblock{
  padding-inline: 20px
}
	.contactpage .col-md-4:first-child .contacticon{
  display: none
}

  .footertop .col,
  .footertop .col-md-4 {
    padding: 0
  }

  .footer_link {
    gap: 0 !important;
  }

  .footer_link li:not(:first-child)::after {
    padding-right: 5px;
    padding-left: 5px
  }

  .site_slider .slidertext strong {
    line-height: 65px;
    height: auto;
    margin-bottom: 20px
  }

  .site_slider .slidertext p {
    height: auto;
  }

  .blogimg,
  .blogimg img {
    min-width: 321px;
    height: 256px;
    object-fit: cover;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
  }

  .owl-one .owl-item.active .projectblock {
    width: 100%
  }
  .header_menu li a {
  padding-right: 6px;
  padding-left: 6px;
  font-size: 1rem !important;
 
}
.site_slider .slidertext p {
 
  max-width: 100%;
  text-align: center;
}
.change_currency img {
 
  display: none;
}
.change_currency a.formtop, .change_currency a.formtop::before {
  width: auto;
  padding-right: 15px;
    padding-left: 15px;
}
.dotblock span {
  font-size: 1.6rem !important;
}
.dbnners {
 
  height: 154px;
 
}
.dbnners strong {
  font-size: 1.5rem;
 
}
.trusthed_products li:first-child {
  width: 58%;
  margin-left: 0px;
}
}

@media (min-width: 768px) and (max-width: 992px) {
 
 .howwework .col-md-4, .howwework .col-md-8{
  width: 50%
}
  .bnner1 strong {

    font-size: 4rem !important;
  }
  .bnner1 .list-inline li:first-child{
  display: none
}
	
	.hosttype .row{
  flex-wrap: wrap !important;
}
.hosttype   .col-md-3 {
  flex: 0 0 50%;  
  max-width: 50%;  
}
.hosttype .card{
  min-height: auto !important;
}
	.newsletter_r {
   height: auto;
}
.footertop .col-md-3,
.footerbottom .col-md-4,
.footerbottom .col-md-8
{
  width: 100% !important;
}
	  #programingwebsite .hlol_text, #programingwebsite .hlol_text p, #programingwebsite .hlol_text a.bookproject {
    text-align: right !important;
    margin: 0;
    margin-top: 0px;
    margin-top: 20px;
  }
  .programfet .col-md-3, #programingwebsite .hlolfe .col-md-3{
  width: 50%
}
  #ourservices_site strong {
    text-align: right;
  }
    .faq_title, .faq_title p {
    text-align: right !important;
  }
  #programingwebsite a.bookproject {
 
  margin-right: 0 !important;
}
  #contact_us .col-md-6 {
    width: 100% !important;
  }
  .contactform {
  max-width: 100%;
  padding: 24px;
}
	.contactpage .col-md-4:first-child{
  width: 100%
}
.contactpage .col-md-4:nth-child(2), .contactpage .col-md-4:nth-child(3){
  width: 50%
}
	
  #nav-tabContent .col-md-4:not(:last-child) {
    width: 50% !important;
  }

  .owl-one .owl-nav {
    display: none
  }

  #nav-tabContent .col-md-4 {
    width: 100% !important;
  }

  .tabblock {
    margin-top: 60px !important;
  }

 
  header .col-md-2{
  width: 100%
}
.servloop .col-md-4{
  width: 50%
}
.servloop .card{
  min-height: 415px
}
#workmethod .sectionshort {
 
  margin-bottom: 63px !important;
}
  #know_more p, #pageaccordion p, #pageaccordion h3 {
    text-align: right !important;
 
  }
    .dbnners {
    height: 189px;
  }
    .dbnners strong {
    font-size: 2rem;
    max-width: 100%;
    margin-left: 15px;
    margin-left: auto;
    line-height: 46px;
    display: block;
    margin-top: 23px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
 .dbnners.dbnners2 span {
    font-size: 4.5rem;
    line-height: 80px;
  }
    .dbnners.dbnners2 strong {
    font-size: 1rem !important;
    line-height: 26px;
  }
    .dbnners.dbnners2 {
    height: 266px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
	  .dbnners {
    height: 191px;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
	.single-our_blog .sliderblog {
  max-height: 85px;
}
	.logo_site {
  margin-top: 0;
}
	#pageaccordion p {
 
  text-align: center;
 
}
  .tabblock {
    margin-top: 51px !important;
  }

  h1 {
    font-size: 2.8rem;

  }

  h2 {
    font-size: 2rem;

  }

  h3 {
    font-size: 1.8rem;
  }

  h4 {
    font-size: 1.6875rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }

  p {
    text-align: justify !important;
    line-height: 40px !important;
    direction: rtl;
  }

  .change_currency,
  .slidertext p {
    display: none !important;
  }

  .site_slider {
    margin: 0;
    border-radius: 0
  }

  .slidertext {
    width: 100%
  }

  .slidertext strong {
    font-size: 3rem !important;
  }

  #ourservices_site h1,
  #ourservices_site span {
    text-align: center !important;
    display: flex;
    justify-content: center;
  }



  #ourservices_site .card {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }

  #ourservices_site .card:hover a {
    text-align: center;
  }

  .servloop .card-body {
    padding-bottom: 40px;
	min-height: auto;
  }

  .owl-one .owl-item.active {
    max-width: 100% !important;

  }

  .owl-one .owl-item.active p {
    text-align: center !important;
  }

  #ourprice_site nav .nav-tabs button {
    padding: 0;
    font-size: 1.1rem;
    font-weight: 500
  }

  #ourprice_site nav .nav-tabs {}

  .tabblock {
    margin-top: 40px
  }

  .customerloop {
    flex-direction: column !important;
    padding-inline: 10px;
	max-width: 96%;
  }

  .customerloop p {
    direction: rtl
  }

  .customerloop .custimage img,
  .customerloop .custimage {
 
    border-radius: 100px;
    margin: 0;
    object-fit: cover;
  }

  .custtext {
    height: auto;
    max-height: 477px;
	padding-top: 76px;
	padding-bottom: 60px;
  }

  .blgo_block {
    flex-direction: column !important;
    max-width: 100%;
  }

  .blogimg,
  .blogtext,
  .blogimg img {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .custtext p {
    font-size: 1.5rem
  }

  #contact_us {
    background-color: var(--darkgray);
    margin-top: 40px
  }

  #contact_us::before {
    top: 0 !important;
  }

  .newsletter_r {
    padding-top: 0;
    background-position: top 0px center;
	background-image: none;
  }

  #contact_us .py-5 {
    padding-top: 1.5rem !important;
  }

  .newsletter_r h3 {
    text-align: center;
  }

  footer .row {
    flex-direction: column
  }

  footer .col {
    width: 100%
  }

  footer {
    text-align: center;
  }

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

  .footersocial {
    justify-content: center !important;
  }

  .menubot strong {
    border: 1px solid var(--maincolor);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--maincolor);
    color: #fff
  }

  .menubot li {

    padding: 20px;
  }

  .menubot li:not(:last-child) {
    border-bottom: 1px dashed var(--maincolor);
  }

  .menubot li a {
    margin: 0
  }

  .footerbottom h6 {
    justify-content: center;
  }

  .footer_link li:first-child {
    display: none;
  }

  .footer_link li:not(:first-child):after {
    content: '';
  }

  .footer_link,
  .footerbottom h6 {
    justify-content: center;
    height: auto;
    min-height: 60px
  }

  #contact_us {
    margin-bottom: 30px
  }

  .blogtext {
    text-align: center;
  }

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

  .blogmeta {
    justify-content: center;
  }

  #nav-tab button {
    width: 50% !important;
    height: 67px;
  }

  #nav-tab button:last-child {
    width: 100%;
    background-color: #2E2E31;
    margin-top: 10px;
    margin-bottom: 10px !important;
  }

  .footertop .col-md-4 {
    width: 100%
  }

  .site_slider .owl-dots {
    bottom: 15%
  }

  .site_slider .slidertext h1 {
    height: auto;
    line-height: inherit;
    display: block;
    max-width: 95%;
    margin: 0 auto;
  }

  #ourservices_site strong {
    text-align: center;
  }

  .bigproj.projectblock {
    margin-bottom: 30px
  }

  .projectblock {
    width: 100% !important;
  }

  #ourprice_site {
    background-position: top center;
  }
  .topmenu {
  display: none
}

header .col-md-2{
  display: flex;
  justify-content: space-between
}
.mobicon{
  display: flex !important;
  width: 20%;
  justify-content: center;
  align-items: center;
}
.mobicon i{
  color: #fff;
  font-size: 2rem;
  cursor: pointer
}
.logo_site{
  width: 80%
}
.sidenav .footersocial{
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  height: 70px;
  align-items: center;
}
.sidenav .footersocial li {
  border: none !important;
}
.sidenav .footersocial li a{
  padding: 0
}
#ourprice_site span.s1, #ourprice_site span.s2, #ourprice_site span.s3, #ourprice_site span.s4, .botlink ul{
 display: none !important;
}
.botlink {
 
  justify-content: center;
}
#ourservices_site {
  margin-top: 36px;
 
}
#ourservices_site strong {
  font-size: 1.7rem;
 
}
#ourservices_site .card {
 
  margin-bottom: 23px;
}
#ourservices_site p {
 
  margin-bottom: 0;
}
.projtext span {
 
  text-align: center;
}
.bigproj.projectblock p {
  font-size: 1.4rem;
  text-align: center !important;
  letter-spacing: 0;
}
.projtext p {
  letter-spacing: 0;
  font-size: 1.1rem;
  text-align: center !important;
  display: block !important;
}
#ourproject_site {
  margin-bottom: 45px;
}
#ourprice_site {
  padding-top: 45px;
  padding-bottom: 45px;
}
.sidenav .footersocial {
  margin-bottom: 0px;
}
.tbtext strong {
  font-size: 1.1875rem; 
}
 .sliderbutton {
  background-image: none;
  width: 100%;
  height: auto;
 border-top-left-radius: 41px;
  background-color: #fff;
  border-top-right-radius: 41px;
 
}
.sliderbutton a {
   margin-right: 0;
 
}
.fordeskonly{
	display:none !important;
}
 
.site_slider img {
 
  width: 100%;
}
.site_slider .animate{
  transform: translateY(0)
}

.howwork{
  margin-bottom:50px
}
.aboutsecond .bookproject {
 
  margin: 24px auto 0;
}
.aboutsecond strong{
  line-height: 40px !important;
  margin-bottom:20px;
}
.discover_us {
  background-image: none;
 
  background-color: #000;
  text-align: center;
}
.bnrsabout li {
  width: 45%;
 
  margin-left: 13px;
 
}
.discover_us strong {
  font-size: 2.2rem;
  line-height: 61.2px;
  margin-top: 30px;
}
.discover_us p {
  line-height: 28.8px;
  text-align: center !important;
  margin-top: 12px;
}
.discover_us a {
  margin: 33px auto 0;
}
.trusthed_products {
  flex-wrap: wrap;
  justify-content: center;
}
.trusthed_products li:first-child {
  width: 100%;
  margin-left: 0;
  display: block;
}
.discover_us {
  margin-block: 65px;
}
.howtoreachimg {
  width: 100%;
  height: auto;
 
}
.howtoreach p {
 
  text-align: justify !important;
 
}
.howtoreach strong {
  margin-top: 28.5px;
}
.overly {
 
  border-radius: 0;
}
#customer_openion {
  background-image: none;
  overflow: hidden;
  margin-top: 27px; 
}
.custtext::before {
  background-size: 69%;
  background-repeat: no-repeat;
  background-position: right;
}
.custtext::after {
bottom: -34px;
    background-size: 69%;
    background-repeat: no-repeat;
    background-position: left;
    left: 10px;
}
#customer_openion p{
  margin-bottom: 0 !important;
}
 
 
#ourprice_site .col-md-4 .tabblock{
padding-right: 18px;
    padding-left: 18px;
}
#contact_us #wpforms-14{
  padding: 0 !important;
}
#contact_us h3{
  text-align: justify
}


.shared_licence .righttext strong, .shared_licence .righttext span{
  text-align: right !important;
  justify-content: right !important;
  align-items: center
}
#discuss_project{
height: auto !important;
  padding-top: 25px;
  padding-bottom: 25px
}
#discuss_project p{
  text-align: center !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.faq_title, .faq_title p{
  text-align: center !important;
}
.faq_title .bookproject{
  margin: 20px auto !important;
}
#accordionExample button{
  text-align: right
}
.licenceblock {
 
  padding: 28px;
 
}
#accordionExample button {
  font-size: 1.3rem; 
}
.hlol_text p {
  margin-block: 19px; 
}
#hlol_site .owl-carousel {
  margin-top: 43px;
}
#hlol_site .owl-carousel img {
  width: 100%;
  height: auto;
}
#hlol_site .container:nth-child(2n) .hlol_text {
  padding-right: 0;
}
.dotblock {
  justify-content: center;
  align-items: center;
  margin-bottom: 33px;
}
#ourservices_site.hlolfe p {
  text-align: center !important;
}
.dotitem .col-md-3:not(:last-child) .dotblock:after{
  display: none
 
}
.contactforma .wpforms-field-name, .contactforma .wpforms-field-email {
  width: 100% !important;
 
}
.contact_th #wpforms-14-field_5-container {
  width: 100%;
}
.contactpage {
  margin-bottom: 30px;
  margin-top: 30px;
}
.contactloop {

  height: auto;
 
  margin-bottom: 15px;
}
.page-template-contact #customer_openion{
background-image: url('https://mostdeef.com/wp-content/themes/mostdeef2024/images/1111.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 53px;
  margin-top: -25px;
  margin-bottom: 20px;
}
#programingwebsite .hlol_text, #programingwebsite .hlol_text p, #programingwebsite .hlol_text a.bookproject{
  text-align: center;
  margin: 20px auto 0;
}
#ourprice_site .owl-five .owl-stage-outer {
  padding-top: 0;
}
#ourprice_site .tabblock {
margin-block: 20px !important;
}
.videophoto {
  width: 100%;
  height: auto;
}
.videophoto span {
  width: 130px;
  height: 130px; 
}
#know_more p, 
 
#pageaccordion p,
#pageaccordion h3
{
  text-align: center;
  max-width: 100% !important;
}
.hostweb #pageaccordion{
  margin-bottom: 0 !important;
}
 
#contact_us .contactform{
  padding: 10px
}
.hlol_text ul {
  
  text-align: right;
}
.uxdesign .hlol_text span {
  font-size: 1.125rem;
}
.starblock {
 
  margin-bottom: 38px;
}
.itemloop {
 
  margin-bottom: 16px;
}
#workmethod .sectionshort {
 
  text-align: center !important;
}
#workmethod .card .card-text {
  max-width: 100%;
  text-align: center !important;
}
#workmethod .card {
  min-height: 293px; 
}
#workmethod .list-inline {
  max-width: 100%;
}
	.uxdesign .services_feture img {
  width: 364px;
  height: auto;
  border-radius: 20px;
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
  object-fit: contain;
}
.uxdesign .services_feture span{
  font-size: 1.3rem !important;
  display: block;
  height: auto !important;
  line-height: 40px
}
.dbnners {
height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dbnners span {
  margin-top: 0px;
}
.dbnners strong {
  font-size: 1rem;
  max-width: 100%;
  margin-left: 15px;
  margin-left: auto;
  line-height: 22px;
  display: block;
  margin-top: 2px;
}
.bnner1 strong {
  position: absolute;
  top: 58px;
  direction: ltr;
  font-size: 6rem;
  color: #fff !important;
  text-align: center !important;
  right: 0;
  left: 0;
}
.bnner1 {
  max-width: 438px;
  margin: 0 auto;
}
.bnner1 ul.list-inline {
  right: 0;
  left: 0;
  justify-content: center;
}
.bnrsabout li .dbnners2 {
   max-width: 79%;
}
.dbnners.dbnners2 span {
   font-size: 1.5rem !important;
  height: auto !important;
  line-height: 35px;
}
.dbnners.dbnners2 strong {
  font-size: 0.7rem !important;
  line-height: 16px;
  margin-top: 0;
}
.dbnners.dbnners2 {
  height: 222px; 
}
#ripple-bg, .totopa2, .custimage::before, .anim-border::before{
	display:none;
}
#ourprice_site .tab-content {
  margin-top: 93px;
}
#contact_us button#wpforms-submit-14 {
    width: 100%;
}
*{
   transition: all 0.3s ease-in-out !important;
}
.sliderblog h2{
  display: none;
}
.widgetright .blgo_block{
  flex-direction: row !important;
}
.widgetright .blgo_block .blogtext,
.widgetright .blgo_block .blogtext p
{
  text-align: right !important;;
}
.widgetright .blgo_block .blogimg,
.widgetright .blgo_block .blogtext, 
.widgetright .blgo_block .blogimg img{
  min-width:  auto !important;
 
}
.widgetright, .searchblock {
 
  max-width: 100%;
 
}
#ourservices_site.hlolfe .container:nth-child(2){
  margin-top: 60px
}
 .postcontent img {
  float: none;
  display: block; 
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-block: 30px;
  margin-inline: 0;
  margin-right: 0 !important;
}
.change_currency.ccfpage22{
  display: flex !important;
  justify-content: center;
  text-align: center;
  padding: 0 !important;
}
.change_currency.ccfpage22 li{
  line-height: 20px;
  padding-block: 10px;
  padding-inline: 13px;
}
#ourprice_site nav .nav-tabs {
   height: auto;
  min-height: 67px;
}
.selectperiod li {
  padding: 9px;
 
}
.selectperiod li span {
  font-size: 1rem;
}
.selectperiod {
  gap: 6px;
  margin-block: 9px;
}
.ccfpage22 li:hover {
  padding-inline: 13px !important;
}
.tabprice span:not(:last-child), .tabprice span:nth-child(2) {
  font-size: 2rem;
 
}
.tabprice span {
  font-size: 18px;
 
}
.tabblock {
  padding-inline: 22px; 
}
 
.owl-five .owl-nav{
  position: relative;
 top: auto;
}
 
.owl-five .owl-prev{
  position: absolute;
  left: 0px;
}
.owl-five button i{
  color: #fff !important;
  font-size: 25px;
}
.pro_photo li{
  border-radius: 10px;
  width: 23%;
  height: 70px;
  object-fit: cover;
}
.pro_photo img{
  border-radius: 10px;
  width: 100%;
  height: 70px;
  object-fit: cover;
}
.cutombutton{
  margin-bottom: 20px
}
.site_slider .slidertext {
 
  width: 400px !important;
}
.owl-five .owl-next {
  position: absolute;
  right: 0;
}
 

}



@media (min-width: 480px) and (max-width: 992px) {
  .fordeskonly {
    display: block !important;
  }
  .post-type-archive-our_blog .sliderblog, .post-type-archive-our_blog .sliderblog {
  max-height: 79px;
}
 .single-our_blog h1{
  font-size: 2.3rem !important;
}
 .single-our_blog h2{
  font-size: 2rem !important;
  line-height: 49px !important;
}
 
}

@media (min-width: 320px) and (max-width: 480px) {
.fmobonly{
	  display:block !important;
  background: linear-gradient(90deg, #0F5B5B 0%, #16BBAB 100%);
  min-height: 686px !important;
  width: 100%; 
}
.owl-five .owl-nav{
  display: none
}
 .single-our_blog h1{
  font-size: 2.3rem !important;
}
 .single-our_blog h2{
  font-size: 2rem !important;
  line-height: 49px !important;
}
}