:root{
--fontfa: "Shabnam";
--fontFaB: "ShabnamBold";
--color1: #104cba;
--color3: #8d8d8d;
--blackco: #000000;
--whiteco: #ffffff;
--gradient-bg: linear-gradient(to right,#ff3834 0%,#ff7133 100%);
--button-color: linear-gradient(90deg, rgb(255, 56, 52) 0%, rgb(255, 113, 51) 100%);
--shadow: 0px 4px 25px 0px #0000000f;
--transition: all 1s ease-in-out;
}
#header4 .navbar-left-items{
display: none;
}
#id-4073{
position: relative;
background-color: transparent !important;
}
#id-4073::before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #00000030;
z-index: 0;
}
#footer1 {
background-size : cover !important ;
justify-content: end !important;
gap: 10px;
}
.footer-mobile-app {
display : none !important ;
}
.title-container{
font-family: var(--fontFaB);
font-size: 16px;
color: var(--color1);
margin: 0;
}
#id-4074{
padding: 75px 0px;
}
#id-4074 .section-description{
display: flex;
justify-content: center;
}
#id-4074 .services-item-flex{
max-width: 1180px;
width: 100%;
text-wrap: auto;
text-align: center;
display: flex;
flex-direction: column;
gap: 20px;
}
#id-4074 .article-card-item{
box-shadow: 0px 0px 38px 0px rgba(42.000000000000156,22.000000000000014,139,.08) !important;
transform: none;
}
#id-4075 .wellcome-title-text{
font-family: var(--fontFaB);;
font-size: 30px;
color: var(--blackco);
line-height: 1.2;
}
#id-4075 .wellcome-text{
font-family: var(--fontfa);;
font-size: 16px;
color: var(--color3);
margin: 0;
}
#id-4075 .introdution-container{
gap: 53px;
}
#id-4075 .wellcome-flex-item1{
display: flex;
flex-direction: column;
gap: 5px;
}
#id-4075 .introduction-title{
display: none;
}
#id-4075 .introduction-divider{
display: none;
}
#id-4076{
padding: 100px 0px;
}
#id-4090 .article-card-item{
background-color: transparent !important;
}
#id-4090 .card-detail{
background-color: transparent !important;
}
#id-4090 .product-title{
display: inline-block;
margin: 0;
}
#id-4090 .product-title-text, #id-4092 .product-title-text, #id-4093 .product-title-text{
font-family: yekan;
font-size: 45px;
font-weight: 600;
color: #fff;
}
#id-4090 .product-dess{
font-family: var(--fontfa);
font-size: 16px;
color: var(--whiteco);
}
#id-4090 .product-button-flex{
display: flex;
gap: 30px;
flex-wrap: wrap;
}
#id-4090 .product-button1{
width: 151px;
height: 51px;
// background-color: #ff6f33;
background-color: #ffae00;
border: 1px solid transparent;
border-radius: 36px;
color: var(--blackco);
-webkit-transition: background .5s linear;
transition: background-color border .6s linear;
}
#id-4090 .product-button1:hover{
background: transparent;
color: #fff;
border: 1px solid #ffae00;
}
#id-4090 .product-button2{
width: 151px;
height: 51px;
border-radius: 36px;
border: 1px solid #ffae00;
background-color: transparent;
color: var(--whiteco);
-webkit-transition: background .3s linear;
transition: all .3s linear;
}
#id-4090 .product-button2:hover{
// background-color: #ff6f33;
background-color: #ffae00;
color: #000;
border: 1px solid transparent;
}
#id-4092 .article-card-item{
background-color: transparent !important;
flex-direction: row-reverse;
}
#id-4092 .card-detail{
background-color: transparent !important;
}
#id-4092 .product-title{
display: inline-block;
margin: 0;
}
#id-4092 .product-dess{
font-family: var(--fontfa);
font-size: 16px;
color: var(--blackco);
}
#id-4092 .product-button-flex{
display: flex;
gap: 30px;
flex-wrap: wrap;
}
#id-4092 .product-button1{
width: 151px;
height: 51px;
// background-color: #ff6f33;
background-color: #ffae00;
border: 1px solid transparent;
border-radius: 36px;
color: var(--blackco);
-webkit-transition: background .5s linear;
transition: background-color border .6s linear;
}
#id-4092 .product-button1:hover{
background: transparent;
border: 1px solid #ffae00;
}
#id-4092 .product-button2{
width: 151px;
height: 51px;
border-radius: 36px;
border: 1px solid #ffae00;
background-color: transparent;
color: var(--blackco);
-webkit-transition: background .3s linear;
transition: all .3s linear;
}
#id-4092 .product-button2:hover{
// background-color: #ff6f33;
background-color: #ffae00;
border: 1px solid transparent;
}
#id-4093 .article-card-item{
background-color: transparent !important;
}
#id-4093 .card-detail{
background-color: transparent !important;
}
#id-4093 .product-title{
display: inline-block;
margin: 0;
}
#id-4093 .product-dess{
font-family: var(--fontfa);
font-size: 16px;
color: var(--whiteco);
}
#id-4093 .product-button-flex{
display: flex;
gap: 30px;
flex-wrap: wrap;
}
#id-4093 .product-button1{
width: 151px;
height: 51px;
// background-color: #ff6f33;
background-color: #ffae00;
border: 1px solid transparent;
border-radius: 36px;
color: var(--blackco);
-webkit-transition: background .5s linear;
transition: background-color border .6s linear;
}
#id-4093 .product-button1:hover{
background: transparent;
color: #fff;
border: 1px solid #ffae00;
}
#id-4093 .product-button2{
width: 151px;
height: 51px;
border-radius: 36px;
border: 1px solid #ffae00;
background-color: transparent;
color: var(--whiteco);
-webkit-transition: background .3s linear;
transition: all .3s linear;
}
#id-4093 .product-button2:hover{
// background-color: #ff6f33;
background-color: #ffae00;
color: #000;
border: 1px solid transparent;
}
#id-4083{
max-width: 1140px;
padding: 68px 0;
margin: 0 auto;
flex-direction: row-reverse;
justify-content: space-between;
}
#id-4083 .article-card-item{
box-shadow: 0px 0px 30px 0px rgba(42.000000000000156,22.000000000000014,139,.12) !important;
transform: none;
}
#id-4083 .article-header{
height: 60%;
}
#id-4083 .article-wrapper{
gap: 22.8px;
}
#id-4083 .article-content{
height: 40%;
padding: 0;
}
#id-4083 .article-description{
margin: 0px !important;
}
#id-4083 .flex-header-digitalmarketing{
display: flex;
flex-direction: column;
text-wrap: auto;
text-align: right;
}
#id-4083 .button-digitalmarketing{
width: 178px;
height: 52px;
border-radius: 5px;
border: none;
color: #fff;
background: linear-gradient(110deg,rgba(255, 183, 3, 1) 20%, rgba(251, 133, 0, 1) 90%);
}
#id-4084 .article-wrapper{
width: 100%;
background: linear-gradient(70deg,rgba(255, 183, 3, 1) 10%, rgba(251, 133, 0, 1) 90%);
// background-color: #ffae00;
}
#id-4084 .article-card-item{
justify-content: center;
background-color: transparent !important;
}
#id-4084 .card-detail-content{
align-items: center;
}
.justify-content-start{
justify-content: center !important;
}
#id-4084{
padding: 20px;
}
#id-4090 .article-card-title, #id-4092 .article-card-title, #id-4093 .article-card-title{
display: none;
}
#id-4121 .card-body-custom{
background: linear-gradient(150deg, rgb(49, 6, 125) 10%, rgb(14, 93, 194) 80%) rgb(14, 93, 194);
}
#footer1 .information-container{
max-width: 1140px;
width: 100%;
}
#footer1 .footer-badge2, .footer-badge3, .footer-badge4{
display: flex;
flex-direction: column;
line-height: 1;
}
#footer1 .footer-ul-flex{
list-style: none;
padding: 0;
line-height: 1.2;
}
#footer1 .information-container h3{
margin-bottom: 20px;
}
#badge-2459{
padding-left: 50px;
}
#badge-2461 a{
text-decoration: none;
color: #fff;
}
@media (min-width: 630px){
 #id-4084 .article-card-item{
  min-width: 210px;
 }
}
@media (min-width: 992px){
 #id-4075 .right-introduction{
  padding: 60px 0 0 0;
 }
// #id-4084 .article-card-item{
  min-width: 400px !important;
 }
}
@media (min-width: 1200px){
 #id-4083 .article-card-item:nth-of-type(1){
  top: 25px;
 }
 #id-4083 .article-card-item:nth-of-type(3){
  top: 25px;
 }
 #id-4084 .article-card-item{
  min-width: 24% !important;
 }
#id-4083 .section-header{
width: 42.4%;
 }
#id-4083 .article-wrapper{
width: 58.6%;
 }
#badge-2460{
padding: 0px 30px 0 15px;
 }
#badge-2461{
padding: 0 20px;
 }
}
@media (max-width: 1150px){
  #id-4084 .article-wrapper{
  flex-direction: row !important;
 }
  #id-4083{
  flex-direction: column;
 }
  #id-4083 .flex-header-digitalmarketing{
  text-align: center;
 }
}
@media (max-width: 992px){
  #id-4074 .article-wrapper{
  flex-direction: column;
 }
  #id-4074 .article-card-item{
  width: 100% !important;
 }
 #id-4075 .right-introduction{
  margin: 0;
 }
 #id-4090, #id-4092, #id-4093{
  min-height: fit-content;
 }
#id-4090 .article-card-item, #id-4092 .article-card-item, #id-4093 .article-card-item{
  flex-direction: column;
  align-items: center;
 }
#id-4090 .card-detail, #id-4092 .card-detail, #id-4093 .card-detail{
  width: fit-content;
 }
#id-4090 .card-image-content, #id-4092 .card-image-content, #id-4093 .card-image-content{
  width: 96%;
 }
#id-4090 .product-title-text, #id-4092 .product-title-text, #id-4093 .product-title-text{
  font-size: 33px;
 }
.product-button-flex{
gap: 10px !important;
 }
}
@media (max-width: 576px){
#id-4083 .article-card-item{
  width: 100% !important;
 }
#id-4090 .card-detail, #id-4092 .card-detail, #id-4093 .card-detail{
  padding: 0 !important
 }
.product-button-flex{
  justify-content: center;
 }
}