body{
    direction: ltr;
    font-family: "Open Sans Condensed";
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color: none;
    padding: 20px;
}
.carousel-control-prev-icon{
    background:  linear-gradient(to right, #01082f, transparent);
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.carousel-control-next-icon{
    background:  linear-gradient(to left, #01082f, transparent);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

/********************************** Start Of SVG Code Logo **********************************/

svg.logo{
    height: 60px;
    padding: 10px;
}
svg.logo path{
 fill: transparent;
 stroke: #fff;
 stroke-width: 5;
 stroke-dasharray: 1540;
 stroke-dashoffset: 0;
 fill: #fff;
}
svg.logo:hover path{
    animation: animate-logo 2s linear forwards;
}
@keyframes animate-logo {
    0%{
        stroke-dashoffset: 0;
        fill: transparent;
    }
    40%{
        stroke-dashoffset: 1540;
    }
    80%{
        stroke-dashoffset: 3080;
        fill: transparent;
    }
    100%{
        stroke-dashoffset: 3080;
        fill: #fff;
    }
}
/********************************** End Of SVG Code Logo **********************************/

/*#01082f, #006464 ,#003473*/

/********************************** Code Navigation Bar **********************************/
.navbar{    
    width: 100%;
    background-color: #01a57c;
    background-image: url(../img/back1.svg),url(../img/back2.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: top right, top left;
    background-attachment: fixed;
    background-size: 70px;
    padding: 0px 50px;
    box-shadow: 0 0px 0px #000;
    transition: all 0.6s;
}
.navbar:hover{
    padding: 10px 50px;
    background-size: 90px;
    box-shadow: 0 2px 10px #000;
}
.navbar-toggler{
    height: 60%;
    align-self: center;
    border: 1px solid white;
}
.navbar-toggler-icon{
    background-color: #fff;
    margin: 4px 0;
    height: 1px;
}
.navbar .nav-item .nav-link{
    color: white;
    font-size: 18;
    letter-spacing: 1;
}
.navbar .nav-item .dropdown-menu{
    background-color: #0ea07b;
    box-shadow: 0 4px 6px rgba(255, 255, 255, 0.16);
}
.navbar .nav-item .dropdown-menu .dropdown-item:hover{
    background-color: #01A57C;
}
.navbar .nav-item .dropdown-menu .dropdown-item{
    color: white;
    width: 90%;
    margin: 5px auto;
    box-shadow: 0 -1px 0px #01A57C;
}
/********************************** End Of Navigation Bar **********************************/

/********************************** Start Of Home Header **********************************/

#home-header{
    height: 85vh;
    background-color: #01A57C;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='700' preserveAspectRatio='none' viewBox='0 0 1440 700'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1939%26quot%3b)' fill='none'%3e%3crect width='1440' height='700' x='0' y='0' fill='url(%23SvgjsLinearGradient1940)'%3e%3c/rect%3e%3cpath d='M3 700L703 0L1318 0L618 700z' fill='url(%23SvgjsLinearGradient1941)'%3e%3c/path%3e%3cpath d='M558.2 700L1258.2 0L1357.2 0L657.2 700z' fill='url(%23SvgjsLinearGradient1941)'%3e%3c/path%3e%3cpath d='M1428 700L728 0L21.5 0L721.5 700z' fill='url(%23SvgjsLinearGradient1942)'%3e%3c/path%3e%3cpath d='M907.8 700L207.79999999999995 0L114.79999999999995 0L814.8 700z' fill='url(%23SvgjsLinearGradient1942)'%3e%3c/path%3e%3cpath d='M748.4969038949517 700L1440 8.496903894951743L1440 700z' fill='url(%23SvgjsLinearGradient1941)'%3e%3c/path%3e%3cpath d='M0 700L691.5030961050483 700L 0 8.496903894951743z' fill='url(%23SvgjsLinearGradient1942)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1939'%3e%3crect width='1440' height='700' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1940'%3e%3cstop stop-color='rgba(1%2c 165%2c 124%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 0%2c 0%2c 0)' offset='0.83'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1941'%3e%3cstop stop-color='rgba(3%2c 219%2c 166%2c 0.4)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(3%2c 219%2c 166%2c 0.4)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1942'%3e%3cstop stop-color='rgba(3%2c 219%2c 166%2c 0.4)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(3%2c 219%2c 166%2c 0.4)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}
#home-header h2{
    color: white;
    font-weight: bold;
    text-shadow: 3px 0px 10px #999595b4;
    font-family: "Josefin Sans";
    font-size: 2.5rem;
    width: 60%;
}
#home-header .lead{
    color: white;
    letter-spacing: 2;
}
#home-header .fa{
    margin-right: 10px;
}
#home-header img{
    float: right;
}
/********************************** End Of Home Header **********************************/

/********************************** Start Of Shared Sections Styles **********************************/
.app-card h2::after{
    content: '';
    width: 4px;
    position: absolute;
    border-radius: 50px;
    left: 2px;
    height: 45px;    
}
    
#our-products h2::after,
#our-services h2::after,
#our-features h2::after,
#our-clients h2::after,
#contact-us h2::after,
#code-books h2::after{
    background: linear-gradient(
        to bottom, 
        #01082f, 
        rgba(0, 0, 0, 0)
    );
}
.bg-opacity {
    height: inherit;
    margin: 0 -15px;
    min-height: 78vh;
}
#our-features .feature,
#contact-us{    
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='200' height='200' preserveAspectRatio='none' viewBox='0 0 200 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)'%3e%3cpath d='M125 105L115 115L105 115L95 115M155 105L145 115M135 105L125 115M215 105L205 105L195 105L185 105L175 105L165 105L155 105L145 105L135 105L125 105L115 105L105 105' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M102.5 105 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM92.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM142.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM122.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M145 95L135 85L125 85L115 85L105 85M215 95L205 95L195 95L185 95L175 95L165 95L155 95L145 95L135 95L125 95L115 95L105 95L95 95' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M92.5 95 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM102.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M185 115L175 125L165 125L155 135M135 125L125 135M165 115L155 115M215 115L205 115L195 115L185 115L175 115L165 115L155 125L145 125L135 125L125 125L115 125L105 125L95 135L85 135L75 135' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M72.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM152.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM122.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM152.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M215 85L205 85L195 85L185 85L175 85L165 85L155 85' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M152.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M205 125L195 125L185 125M215 125L205 125L195 135' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M192.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM182.5 125 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M215 75L205 75L195 75L185 75L175 75L165 75' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M162.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M185 145L175 135L165 135M75 145L65 155M45 145L35 135L25 135M55 145L45 135L35 125L25 125M125 145L115 155L105 155L95 155L85 155M215 135L205 135L195 145L185 145L175 145L165 145L155 145L145 145L135 145L125 145L115 145L105 145L95 145L85 145L75 145L65 145L55 145L45 145L35 145L25 145' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M22.5 145 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM162.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM62.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 125 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M85 75L75 65M125 65L115 55M45 85L35 85L25 85M105 75L95 65L85 65L75 55M145 65L135 55L125 55M215 65L205 65L195 65L185 65L175 65L165 65L155 65L145 65L135 65L125 65L115 65L105 75L95 75L85 75L75 75L65 85L55 85L45 85L35 95L25 95' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M22.5 95 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM72.5 65 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM112.5 55 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM72.5 55 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM122.5 55 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M85 165L75 175M185 155L175 165M155 165L145 155L135 155L125 155M135 165L125 175L115 175L105 175L95 175L85 175M215 145L205 145L195 155L185 155L175 155L165 165L155 165L145 165L135 165L125 165L115 165L105 165L95 165L85 165L75 165L65 165L55 155L45 155' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M42.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM72.5 175 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM172.5 165 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM122.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 175 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3cpath d='M145 45L135 35L125 35L115 35M65 45L55 55L45 55L35 55M205 55L195 45L185 45L175 45M75 45L65 35L55 35L45 35M215 55L205 55L195 55L185 55L175 55L165 55L155 55L145 45L135 45L125 45L115 45L105 45L95 45L85 45L75 45L65 45L55 45L45 45L35 45' stroke='url(%23SvgjsLinearGradient1007)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M32.5 45 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM112.5 35 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM32.5 55 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM172.5 45 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM42.5 35 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient1007)'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='200' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='200' y1='100' x2='0' y2='100' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1007'%3e%3cstop stop-color='rgba(1%2c 165%2c 124%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cmask id='SvgjsMask1008'%3e%3crect width='200' height='200' fill='white'%3e%3c/rect%3e%3cpath d='M103.75 105 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM93.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM143.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM123.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M93.75 95 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM103.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M73.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM153.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM123.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM153.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M153.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M193.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM183.75 125 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M163.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M23.75 145 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM163.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM63.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 125 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M23.75 95 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM73.75 65 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM113.75 55 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM73.75 55 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM123.75 55 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M43.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM73.75 175 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM173.75 165 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM123.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 175 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M33.75 45 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM113.75 35 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM33.75 55 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM173.75 45 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM43.75 35 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='200' height='200' preserveAspectRatio='none' viewBox='0 0 200 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask3441%26quot%3b)' fill='none'%3e%3cg mask='url(%26quot%3b%23SvgjsMask3443%26quot%3b)'%3e%3cpath d='M35 95L25 105M65 95L55 105L45 105L35 105L25 115M185 95L175 105L165 105M125 95L115 105L105 105M135 95L125 105L115 115L105 115L95 115M215 105L205 105L195 95L185 95L175 95L165 95L155 95L145 95L135 95L125 95L115 95L105 95L95 95L85 95L75 95L65 95L55 95L45 95L35 95L25 95' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M22.5 95 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 105 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM162.5 105 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM102.5 105 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM92.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M175 85L165 75M155 85L145 75L135 75L125 85L115 85M215 95L205 95L195 85L185 85L175 85L165 85L155 85L145 85' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M142.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM162.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM112.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M115 135L105 125L95 125L85 125M75 145L65 135M135 125L125 125L115 125M145 125L135 115M215 115L205 115L195 115L185 115L175 115L165 115L155 125L145 125L135 125L125 135L115 135L105 135L95 135L85 135L75 145L65 145' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M62.5 145 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 125 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM62.5 135 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM112.5 125 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM132.5 115 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M215 85L205 85L195 75L185 75' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M182.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M105 145L95 155L85 155M215 125L205 125L195 125L185 125L175 125L165 125L155 135L145 135L135 135L125 145L115 145L105 145L95 145L85 145L75 155' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M72.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M105 85L95 75M85 85L75 75M125 75L115 65L105 65L95 65L85 65M115 75L105 75M215 75L205 75L195 65L185 65L175 65L165 65L155 65L145 65L135 65L125 75L115 75L105 85L95 85L85 85L75 85L65 85L55 85L45 85' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M42.5 85 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM92.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM72.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 65 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM102.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M145 145L135 155M175 135L165 145L155 155L145 155M185 135L175 145L165 155M215 135L205 135L195 135L185 135L175 135L165 135L155 145L145 145L135 145L125 155L115 155' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M112.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM132.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM142.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM162.5 155 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M85 55L75 45M115 55L105 45L95 45L85 45M125 55L115 45L105 35M55 65L45 75L35 75L25 75M215 65L205 65L195 55L185 55L175 55L165 55L155 55L145 55L135 55L125 55L115 55L105 55L95 55L85 55L75 55L65 65L55 65L45 65' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M42.5 65 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM72.5 45 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM82.5 45 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM102.5 35 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM22.5 75 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M145 165L135 175M105 175L95 185M155 165L145 175L135 185L125 185L115 175M165 165L155 175L145 185M215 145L205 145L195 155L185 155L175 165L165 165L155 165L145 165L135 165L125 165L115 165L105 175L95 175L85 175L75 175L65 175L55 175' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M52.5 175 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM132.5 175 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM92.5 185 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM112.5 175 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM142.5 185 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3cpath d='M165 45L155 35L145 25M185 45L175 35L165 35L155 25M195 45L185 35M215 55L205 55L195 45L185 45L175 45L165 45L155 45L145 45L135 45' stroke='url(%23SvgjsLinearGradient3442)' stroke-width='1.67'%3e%3c/path%3e%3cpath d='M132.5 45 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM142.5 25 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM152.5 25 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0zM182.5 35 a2.5 2.5 0 1 0 5 0 a2.5 2.5 0 1 0 -5 0z' fill='url(%23SvgjsLinearGradient3442)'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask3441'%3e%3crect width='200' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='200' y1='100' x2='0' y2='100' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient3442'%3e%3cstop stop-color='rgba(1%2c 8%2c 47%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cmask id='SvgjsMask3443'%3e%3crect width='200' height='200' fill='white'%3e%3c/rect%3e%3cpath d='M23.75 95 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 105 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM163.75 105 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM103.75 105 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM93.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M143.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM163.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM113.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M63.75 145 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 125 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM63.75 135 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM113.75 125 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM133.75 115 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M183.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M73.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M43.75 85 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM93.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM73.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 65 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM103.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M113.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM133.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM143.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM163.75 155 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M43.75 65 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM73.75 45 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM83.75 45 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM103.75 35 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM23.75 75 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M53.75 175 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM133.75 175 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM93.75 185 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM113.75 175 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM143.75 185 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M133.75 45 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM143.75 25 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM153.75 25 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0zM183.75 35 a1.25 1.25 0 1 0 2.5 0 a1.25 1.25 0 1 0 -2.5 0z' fill='black'%3e%3c/path%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30%;
    transition: all 0.2s;
}
/********************************** End Of Shared Sections Styles **********************************/

/********************************** Start Of Our Products **********************************/
#our-products .box .lead{
    font-size: 16px;
    letter-spacing: 1;
    
}
/********************************** End Of Our Products **********************************/

/********************************** Start Of Our Services **********************************/
#our-services .bg-opacity {
    background-color: #dcf8f1;
}
/********************************** End Of Our services **********************************/

/********************************** Start Of Our Features **********************************/
#our-features .feature i{
    font-size: 5rem;
    float: left;
    margin: 8% 20px 0 0;
    color: #01A57C;
}
#our-features .feature h3{
    margin: 20px 0 10px 5rem;
}
#our-features .feature p{
    margin: 10px 0 0 5rem;
    width: 65%;
    font-size: 18px;
    letter-spacing: 1;
}
#our-features .feature{
    box-shadow: 0 2px 5px #9e9c9c6e;
    min-height: 180px;
}
#our-features .feature:hover{
    box-shadow: 0 6px 15px #9e9c9c;
    transform: scale(1.01);
}
/********************************** End Of Our Features **********************************/

/********************************** Start Of Code Team **********************************/
#code-team{
    background-image: url(../img/back3.svg);
    background-repeat: repeat-x;
    background-position: center 28%;
    background-attachment: local;
    background-size: 100%;
}
#code-team h2::after{
    background: linear-gradient(
        to bottom, 
        #fff, 
        rgba(0, 0, 0, 0)
    );
}
#code-team .bg-opacity {
    background-color: #2b202093;
}
#code-team .card{
    background-color: rgba(255, 255, 255, 0.0);
    clip-path: inset(0 0 40% 0);
    border: none;
    transition: all 0.5s;
    
}
#code-team .card:hover{
    clip-path: inset(0 0 0 0);
    background-color: rgba(255, 255, 255, 1.0);
}
#code-team img{
    border-radius: 5px;
    width: 200px;
    height: 200px;
    margin: 0px auto;
    box-shadow: none;
    transition: box-shadow 0.5s, width 0.5s, height 0.5s, margin 0.5s, border-radius 0.5s;
}
#code-team .card:hover img{
    margin: 20px auto;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 4px 6px #d9d9db;
}
#code-team p,
#code-team h3{
    color: transparent;
    letter-spacing: 1;
    transition: all 0.5s;
}
#code-team .card:hover p,
#code-team .card:hover h3{
    color: black;
}
/********************************** End Of Code Team **********************************/

/********************************** Start Of Our Clients **********************************/
#our-clients .carousel-indicators li{
    background-color: #01A57C8a;
}
#our-clients .carousel-indicators li.active{
    background-color: #01A57C;
}
#our-clients .carousel-item .card{
    margin: 50px 0;
    border: none;
    box-shadow: 0 2px 5px #9e9c9c6e;
    transition: all 0.2s;
    
}
#our-clients .carousel-item .card:hover{
    box-shadow: 0 6px 15px #9e9c9c;
    transform: scale(1.01);
}
#our-clients .carousel-item .card img{
    margin: 20px;
}
/********************************** End Of Our Clients **********************************/

/********************************** Start Of About Us **********************************/
#about-us{
    max-height: 800px;
}
#about-us .bg-opacity{
    background: linear-gradient(
        200deg, 
        #01A57C 60%, 
        #089773
    );
}
#about-us h2::after{
    background: linear-gradient(
        to bottom, 
        #fff, 
        rgba(0, 0, 0, 0)
    );
}
#about-us .article p{
    font-size: 18px;
    letter-spacing: 1;
    text-align: justify;
    
}
#about-us .info span{
    display: block;
    margin: 10px 0;
    margin-right: 20px;
    background-color: #01082f;
    border-radius: 0 50px 50px 0;
    color: white;
    box-shadow: 5px 10px 10px #757474;
}
/********************************** End Of About Us **********************************/

/********************************** Start Of Contact Us **********************************/
#contact-us .form-group input,
#contact-us .form-group textarea
{
    border: none;
    padding: 0 10px;
    background-color: rgb(250, 250, 250);
    border-radius: 0;
    box-shadow: 1px 5px 5px #75747454;
    border-bottom: 1px solid #01e7ae;
}
#contact-us .form-group textarea{
    height: 200px;
}
#contact-us .btn.btn-success{
    background-color: #01A57C;
    border-color: #01A57C8a;

}
/********************************** End Of Contact Us **********************************/

.container,
.entry-header{
    font-family: "Open Sans Condensed";
}
.card-content{
    margin-bottom: 15%;
}
.card-content .box{
    position: relative;
    height: 400px;
    overflow: hidden;
    background-color: #f0f0ff5e;
    border: 1px solid lightgray;
    /*border-radius: 10px 10px 0 0;*/
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.card-content .box img{
    border-radius: inherit;
    transition: all ease-in-out 0.5s;
    height: 100%;
    width: 100%;
}
.card-content:nth-child(2) .box img::after{
    content: " ";
    width: 100px;
    height: 20px;
    background-color: #01082f;
}

.card-content .title a{
    color: #fff;
    text-decoration: none;
}
.card-content .title{
    position: absolute;
    bottom: -55px;
    left: 50%;
    color: white;
    width: 80%;
    transform: translateX(-50%);
    text-align: center;
    padding: 40px 20px 10px;
    z-index: 1;
    transition: bottom 0.5s, z-index 0s, transform 0.5s, padding 0.5s;
    transition-delay: 0.5s,0.5s,0s,0.5s;
    font-family: 'Almarai';
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    background-color: #01A57C;
}
.card-content:hover .title{
    bottom: -80px;
    z-index: 11;
    transform: translateX(-50%) translateY(-50px);
    padding: 10px 20px 10px;
    transition-delay: 0s,0.5s,0.5s,0s;
}
.card-content:hover img{
    height: 50%;
}
.entry-header h1.entry-title{
    margin: 10px 0 30px 0;
    padding: 0 20px 10px 20px;
    font-weight: 700;
    display: inline-block;
    background-color: #01A57C;
    color: white;
    border-radius: 0 50px 50px 0;   /* changed in arabic */
}
.b-mark{
    width: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 57%, 100% 100%, 50% 75%, 0 100%);
    margin: 0 2px;
}
.entry-header h1,
.entry-content,
img.cov-img{
    box-shadow: 1px 6px 8px 1px lightgray;
}
.entry-content{
    border-width: 5px;
    min-height: 70vh;
    letter-spacing: 1;     /* changed in arabic */
    border-style: solid;
    border-top: none;
    border-image: 
        linear-gradient(
        to bottom, 
        #01A57C, 
        rgba(0, 0, 0, 0)
        ) 1 100%;
}
.entry-content h2{
    font-weight: 700;
    margin-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 3px 5px 1px #d3d3d373;
    border-radius: 0 50px 50px 0;
}
.entry-content p,
.entry-content ol,
.entry-content ul{
    margin-left: 5%;      /* swaped in arabic */
    margin-right: 10px;
}

img.cov-img {
    width: 100%;
    height: 70vh;
    max-height: 80vh;
    margin: 0 -15px;
    box-shadow: 6px 6px 8px 1px lightgray; /* changed in arabic */
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
}

img.cov-img:hover {
    margin: 0 15px;
    box-shadow: -6px 6px 8px 1px lightgray; /* changed in arabic */
}
a.theme-btn{
    position: absolute;
    right: 2.5%;     /* changed in arabic */
    bottom: 3%;
    width: 180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
a.theme-btn,
a.theme-btn:hover{
    text-decoration: none;
    color: #01A57C;
}
a.theme-btn svg,
a.theme-btn svg rect{
    position: absolute;
    left: 0;
    right: 0;
    width: inherit;
    height: inherit;
}
a.theme-btn svg,
a.theme-btn svg rect{
    box-shadow: 0px 0px 4px 1px lightgray;
    fill: transparent;
}
a.theme-btn svg rect{
    stroke: url(#linear);
    stroke-width: 2;
    transition: 0.5s;
    stroke-dasharray: 500,500;
    stroke-dashoffset: 0;
}
a.theme-btn svg rect:hover{
    stroke-dasharray: 100,410;
    stroke-dashoffset: 250;
    stroke-width: 5;
}
a.theme-btn.w-280{
    left: 5.5%;     /* changed in arabic */
    width: 280px;
}
a.theme-btn.w-280 svg rect{
    stroke-dasharray: 700,700;
}
a.theme-btn.w-280 svg rect:hover{
    stroke-dasharray: 200,410;
    stroke-dashoffset: 250;
    stroke-width: 5;
}