:root{
--fontfa: "Shabnam";
--fontFaB: "ShabnamBold";
--color1: #b6a15b;
--color2: #1a4137;
--color3: #dddddd;
--spancolor1: #B8B8B8;
--blackco: #000000;
--whiteco: #ffffff;
--gradient-bg: linear-gradient(45deg,#f5d776 0%,#d4af37 25%,#fff6b7 50%,#d4af37 75%,#b8860b 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;
}
a{
text-decoration: none;
color: #000;
}


#id-6016 .infoBox {
	font-family: Shabnam;
}


#id-6016 .fnContainer {
		color:#fff !important;
}

.title-container{
display: inline-flex;
font-family: var(--fontfa);
font-weight: 600;
font-size: 20px;
letter-spacing: -0.48px;
color: #000;
line-height: 1.2em;
padding: 12px 25px;
border-radius: 10px;
background: var(--gradient-bg);
margin-bottom: 20px;
}
.paragraph-text{
font-family: var(--fontfa);
font-size: 14px;
color: #555555;
line-height: 2.1;
}
.introduction-title{
display: none;
}
.panel-btn{
background: var(--gradient-bg);
}
#id-4168 .article-card-item:hover .article-image {
 color: #000;
 transform: scale(-1) rotate(180deg);
}
#id-4265{
background: var(--gradient-bg);
border: 5px solid #70a8dc;
}
#id-4166 .article-wrapper{
background-color: #fff;
box-shadow: 1px 5px 20px 4px rgb(171 171 171 / 22%);
border-radius: 10px;
padding: 40px 30px;
z-index: 100;
}
#id-4166 .article-card-item{
background-color: #ffc300 !important;
position: relative;
flex: 1.2;
}
#id-4166 .article-card-title{
margin: 0;
}
#id-4253{
padding: 120px 0;
}
#id-4253 .introduction-divider{
display: none;
}
#id-4253 .item-wellcome{
flex-direction: row !important;
}
#id-4253 .title-welcome{
font-family: var(--fontFaB);
font-size: 22px;
color: var(--blackco);
}
#id-4253 .h4-text{
font-family: var(--fontFaB);
font-size: 18px;
}
#id-4253 .welcome-flex-item{
display: flex;
flex-direction: column;
gap: 10px;
text-align: right;
}
#id-4253 .divider-btn-services{
height: fit-content;
margin: 0 0 20px 24px;
}
#id-4253 .underline-welcome{
display: block;
margin: 0 0 20px 24px;
}
#id-4253 .divided-call-us{
display: flex;
gap: 20px;
}
#id-4253 .call-us1{
display: flex;
gap: 10px;
margin-bottom: 20px;
}
// #id-4253 .article-paragraph1{
display: inline-block;
padding: 20px 40px 18px 40px;
background-color: #101010;
text-transform: capitalize;
line-height: 1;
font-family: Shabnam;
border-radius: 8px;
color: #fff;
}
#id-4253 .tagA-welcome{
font-family: ShabnamBold;
font-size: 20px;
margin: 0;
transition: .3s ease;
}
#id-4253 .phone-call{
display: grid;
}
#id-4253 .icon-call{
margin-left: 15px;
height: fit-content;
}
#id-4168 .article-card-item{
background-color: transparent !important;
transition: all 350ms ease;
flex: 1;
}
#id-4168 .article-card-item:hover{
background-color: #70a8dc !important;
transform: none;
}
#id-4168 .welcome-flex-item1{
display: flex;
flex-direction: column;
text-align: right;
padding-right: 50px;
overflow: hidden;
text-wrap: auto;
}
#id-4168 .title-welcome{
font-family: var(--fontFaB);
font-size: 38px;
color: #fff;
word-spacing: -3px;
margin-bottom: 28px;
}
#id-4168 .paragraph-text{
font-family: var(--fontfa);
font-size: 14px;
color: #fff;
line-height: 2.1;
}
#id-4214{
padding-bottom: 100px;
padding-top: 70px;
}
#id-4214 .title-services{
font-family: ShabnamBold;
font-size: 32px;
color: #fff;
margin-bottom: 20px;
word-spacing: -3px;
line-height: 1.5;
}
#id-4214 .article-wrapper{
gap: 30px;
padding: 50px;
flex-wrap: wrap;
}
#id-4214 .article-card-item:before{
content: "";
height: 10px;
position: absolute;
border: 1px solid #ebebeb;
border-top: none;
bottom: -10px;
left: 10px;
right: 10px;
border-radius: 0 0 8px 8px;
transition: 1s;
}
#id-4214 .article-card-item{
position: relative;
overflow: hidden;
align-items: flex-start;
}
#id-4214 .article-card-item::after{
content: "";
position: absolute;
bottom: -450px;
left: -100px;
width: 10px;
height: 200%;
background-color: #70a8dc52;
transform: rotate(314deg);
z-index: -1;
pointer-events: none;
}
#id-4214 .article-card-item:hover::after{
animation-name: thunder-id4214;
animation-duration: 2.2s;
animation-fill-mode: forwards;
}
@keyframes thunder-id4214{
  to {width: 3500px;}
} 
#id-4214 .article-content{
height: 80%;
align-items: flex-start;
overflow: hidden;
padding: 0px;
}
#id-4214 .article-header{
height: 20%;
}
#id-4214 .list-service-ul{
display: grid;
padding: 0 19px;
margin: 0;
font-family: var(--fontfa);
font-size: 16px;
word-spacing: -3px;
color: #666666;
}
.article-image{
padding: 0 !important;
}
.btn-services{
border: 1px solid #000;
border-radius: 8px;
background-color: transparent;
font-family: ShabnamBold;
font-size: 16px;
color: #10171e;
padding: 11.5px 29.5px;
line-height: 1.44;
transition: .3s;
}
.btn-services:hover{
background-color: #70a8dc52;
border-color: #70a8dc52;
}
.paragraph-service{
font-family: shabnam;
font-size: 16px;
color: #666666;
margin: 0;
}
.connector2{
overflow: hidden;
line-height: 0;
}
.connector-svg{
scale: 7;
position: absolute;
left: 246%;
}
#id-4259{
padding: 100px 0;
background-size: contain;
}
#id-4226 .introduction-divider{
display: none;
}
#id-4226 .left-introduction{
width: 38%;
}
#id-4226 .right-introduction{
width: 57%;
padding: 0;
}
#id-4226 .info-dr{
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
border-top: 1px solid rgba(238, 238, 238, 0.1411764706);
padding-top: 35px;
margin: 0;
}
#id-4226 .infoPr-dr{
font-family: Shabnam;
font-size: 20px;
color: var(--color3);
}
#id-4226 .infoname-dr{
display: flex;
flex-direction: column;
margin: 0;
}
#id-4227{
padding-bottom: 60px;
}
#id-4227 .article-card-item{
border: 1px solid #ebebeb;
border-radius: 15px;
padding: 10px;
transition: .3s;
}
#id-4227 .article-card-item:hover{
background-color: #70a8dc1c !important;
}
#id-4227 .article-content{
background-color: transparent !important;
}
#id-4227 .article-description{
min-height: 13rem;
margin: 0;
}
#id-4227 .list-article-style{
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: 20px;
font-family: 'ShabnamBold';
font-size: 16px;
color: #000;
}
#id-4227 .article-title{
text-align: justify;
margin: 0;
}
#id-4227 .article-style{
display: grid;
margin-top: 20px;
}
#id-4227 .divided-article-style{
display: grid;
margin-bottom: 20px;
}
#id-4227 .section-header{
max-width: 1300px;
width: 100%;
}
#id-4227 .parent-div{
max-width: 1340px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: right;
}
#id-4227 .child1-div{
display: grid;
align-content: center;
align-items: center;
padding: 10px;
text-wrap: auto;
}
#id-4227 .child2-div{
display: flex;
padding: 10px;
align-items: center;
text-wrap: auto;
}
#id-4227 .logindess{
font-family: var(--fontfa);
font-size: 58px;
font-weight: 700;
color: #242538;
line-height: 120%;
letter-spacing: -1.1px;
margin-bottom: 20px;
}
#id-4227 .article-paragraph1{
display: inline-block;
padding: 20px 54px 18px 54px;
background-color: #101010;
text-transform: capitalize;
line-height: 1;
font-family: Shabnam;
border-radius: 8px;
color: #fff;
}
#footer1 .information-container{
max-width: 1340px;
padding-top: 40px !important;
padding-bottom: 45px !important;
}
#badge-2670 .footer-divided3, #badge-2671 .footer-divided2, #badge-2672 .footer-divided1{
display: flex;
flex-direction: column;
overflow: hidden;
height: auto;
}
#badge-2670 .contactus-footer, #badge-2670 .contactinfo-footer{
display: grid;
}
#badge-2670 .contactus-title, #badge-2671 .footer-title2, #badge-2672 .footer-title1{
font-family: ShabnamBold;
font-size: 22px;
color: #fff;
margin-bottom: 25px;
}
#badge-2670 .contactinfo-title{
font-family: ShabnamBold;
font-size: 20px;
color: #fff;
margin-bottom: 10px;
}
.footer-des1{
font-family: Shabnam;
font-size: 17px;
color: var(--spancolor1);
}
#badge-2670 .footer-menu1, #badge-2671 .footer-menu2{
display: grid;
list-style: none;
padding: 0;
margin: 0;
}
#badge-2670 .footer-menu1 li:not(:last-child){
margin-bottom: 5px;
}
#badge-2671 .footer-menu2 li:not(:last-child){
margin-bottom: 12px;
}
#badge-2671 .footer-menu2 img{
padding-bottom: 5px;
}
#badge-2670 .footer-menu1 a, #badge-2671 .footer-menu2 a{
font-family: Shabnam;
font-size: 17px;
color: var(--spancolor1);
}
#badge-2670 .footer-menu1 a:hover, #badge-2671 .footer-menu2 a:hover{
color: var(--whiteco);
transition: .3s;
}
.divider-device div{
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 100%) !important;
}
.footer-mobile-app h5{
color: var(--spancolor1);
}
@media(min-width: 1150px){
 #id-4253 .introdution-container{
    max-width: 96%;
    }
 #footer1 .information-container{
   width: 96% !important;
   }
 #id-4166 .article-card-item:not(:first-child)::after{
     content: "";
     position: absolute;
     right: 0;
     top: 25%;
     height: 50%;
     width: 1px;
     background-color: #618fb9;
     }
 #id-4165{
     height: 100dvh;
     }
 #id-4168{
    flex-direction: row;
    justify-content: space-around;
    }
 #id-4168 .section-header{
    width: 40%;
    }
}
@media (min-width: 1500px){
 #id-4253 .introdution-container{
     max-width: 1340px;
     }
 #id-4168{
    width: 88%;
    border-radius: 0 26px 26px 0;
    }
 #badge-2670{
   max-width: 22%;
   }
 #badge-2671{
   max-width: 23%;
   }
 #badge-2672{
   max-width: 27%;
   }
 #footer1 .information-container{
   width: 100%;
   }
}
@media(min-width: 998px){
  #id-4226 .introduction-image{
      position: absolute;
      bottom: 0;
     }
  #id-4166 .article-card-line{
      display: none;
     }
  #id-4227 .child2-div{
     width: 32.4%;
     }
  #id-4227 .child2-div{
     width: 44.3%;
     justify-content: flex-end;
     }
  #badge-2670{
    max-width: 25%;
    }
  #badge-2671{
    max-width: 23%;
    }
  #badge-2672{
    max-width: 27%;
    }
}
@media (max-width: 1500px){
     #id-4166 .article-wrapper{
          width: 90%;
     }
}
@media (min-width: 998px) and (max-width: 1150px){
      #footer1 .information-container{
         flex-direction: row !important;
      }
}
@media (min-width: 720px) and (max-width: 1200px){
      #id-4166 .article-wrapper{
         flex-direction: row-reverse !important;
      }
      #id-4166 .article-card-item{
          min-width: 340px;
     }
     #id-4166 .article-card-item{
         width: 50%;
    }
     #id-4214 .article-card-item{
        width: calc(47% - 10px) !important;
    }
    #id-4253 .introdution-container{
        flex-direction: column-reverse;
    }
    #id-4253 .right-introduction{
        width: 90%;
    }
    #id-4253 .left-introduction{
        width: 95%;
    }
}
@media (max-width: 720px){
      #id-4166 .article-wrapper{
         flex-direction: column-reverse !important;
      }
      #id-4166 .article-card-item{
         width: 100% !important;
      }
      #id-4166 .article-wrapper{
          width: 100% !important;
          gap: 20px;
     }
      #id-4214 .article-card-item {
          width: 100% !important;
     }
     #id-4168 .welcome-flex-item1{
          padding-right: 20px;
     }
     #id-4166 .article-wrapper{
          border-radius: 0px;
     }
     #id-4214 .article-wrapper{
          padding: 20px;
     }
      #id-4227 .parent-div{
         flex-direction: column;
      }
      #id-4168 .title-welcome, #id-4214 .title-welcome, #id-4227 .logindess{
         font-size: 32px;
      }
}
@media (max-width: 558px){
    #id-4168 .article-card-item{
         min-width: 200px !important;
     }
    #id-4165{
         height: 45dvh !important;
     }
    #id-4253{
         padding: 40px 0;
     }
    #id-4214{
         padding: 20px 0;
     }
    #id-4253 .divided-call-us{
         flex-direction: column-reverse;
     }
    #id-4253 .underline-welcome{
         display: none;
     }
    #id-4253 .call-us1{
        margin: 0;
     }
}

#header4 .navbar4 .content-item {
	font-family :ShabnamBold !important;
}