@font-face
{
font-family:pop;
src: url(../fonts/pop.ttf)
}
@font-face
{
font-family:pop-b;
src: url(../fonts/pop-b.ttf)
}

/*arabic fonts*/

body
{
margin: 0px!important;
padding: 0px!important;
background-color: #e8e8f9;
font-family:pop;
overflow-x: hidden!important;
}
html
{
scroll-behavior: smooth;
}
.the-after
{
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
display: none;
z-index: 999999999999999999999;
opacity: 0.6;
}

.contain
{
position: fixed;
/* margin: 255px auto; */
width: 100%;
background-repeat: no-repeat;
background-color: #00294B;
background-size: 100% 100%;
height: 5000px;
top: 0;
left: 0;
right: 0px;
z-index: 9999999999999999999999999;
text-align: center;
padding-top: 300px;
}
.contain img
{
width: 200px;
}
img
{
object-fit: contain !important;
object-position: center center !important;
}
.close-button {
position: fixed;
right: 0px;
display: none;
top: 0px;
z-index: 9999999999999999999;
padding: 28px 15px;
color:#08FBB9;
cursor: pointer;
background: #fff;
width: 21%;
text-align: center;
}
.close-button i
{
font-size: 60px;
}
.main-head
{
background-image: url("../images/bk-1.png");
background-size: cover;
background-repeat: no-repeat;
/*height: 600px;*/
padding-bottom: 150px;
padding-top: 30px;
position: relative;
z-index: 9999;
}
.main-head .head-bar
{
background-color: #fff;
float: right;
width: 100%;
margin-top: 5px;
border-radius: 8px;
box-shadow: 0px 3px 11px 2px #7f7f7f;
padding: 10px;
}
.main-head .head-bar a img
{
width: auto;
display: block;
}
.main-head .head-bar .main-menu ul
{

list-style: none;
padding: 0px;
margin: 0px;
margin-top: 20px;
}
.main-head .head-bar .main-menu ul li
{
display: inline-block;
margin-right:25px;
}
.main-head .head-bar .main-menu ul li a
{
text-decoration: none;
font-size: 16px;
font-weight: bolder;
padding-bottom: 5px;
transition:  all .6s ease-in-out;
color: #132A5E;
}
.main-head .head-bar .main-menu ul li a:hover
{
border-bottom: 4px solid #08FBB9;
color: #08FBB9;
}
.main-head .content
{
margin-top: 100px;
margin-bottom: 50px;
float: left;
text-align: left;
}
.main-head .head-bar .main-menu ul li:last-child
{
float: right;
}
.main-head .head-bar .main-menu .dropdown-menu
{
padding: 10px;
}
.main-head .head-bar .main-menu .dropdown-menu a
{
font-size: 14px;
display: block;
margin-top: 5px;
font-weight: bolder;
}
.main-head .head-bar .main-menu .dropdown-menu a:hover {
border-bottom: none!important;
}
.main-head .content h5
{
font-size: 20px;
color: #fff;
}
.main-head .content h4
{
font-size: 22px;
color: #Fff;
text-align: center;
font-weight: bolder;
margin-top: 30px;
}

.main-head .content p
{
color: #fff;
width: 90%;
display: block;
line-height: 45px;
font-size: 26px;
margin-top: 30px;
margin-bottom: 30px;
text-align: left;
float: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.main-head .content .links
{
display: block;
width: 100%;
margin: 0 auto;
}
.main-head .content .links a
{
display: inline-block;
width: 180px;
transition: all .2s ease-in-out;
background-color: #08FBB9!important;
padding: 12px;
font-size: 14px;
color: #fff;
border-radius: 10px;
font-weight: bolder;
text-decoration: none;
text-align: center;
margin-bottom: 10px;
}
.main-head .content .links a i
{
margin-left: 10px;
}
.main-head .head-title
{
text-align: center;
margin-top: 8%;
color: #fff;
font-weight: bolder;
}
.main-head .head-title hr
{
width: 50px;
display: block;
margin: 0 auto;
background-color: #08FBB9;
border: 2px solid #08FBB9;
}
.btn10{
position: relative;
overflow: hidden!important;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
background: transparent!important;
z-index:10;
}

.btn10:hover{
color: #fff!important;
}
.btn10::before {
content: '';
width: 0%;
height: 100%;
display: block;
background: #0033FF;
position: absolute;
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
left: -10%;
opacity: 1;
top: 0;
z-index: -12;
-moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn10::after {
content: '';
width: 0%;
height: 100%;
display: block;
background: #fff;
position: absolute;
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
left: -10%;
opacity: 0;
top: 0;
z-index: -15;
-webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
-moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
-o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
transition: all .4s cubic-bezier(.2,.95,.57,.99);
box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn10:hover::before, .btn1O:hover::before{
opacity:1;
width: 116%;
}
.btn10:hover::after, .btn1O:hover::after{
opacity:1;
width: 120%;
}
.transition{
position: absolute;
top: -10%;
left: 0%;
width: 100%;
height: 0%;
background: #000;
z-index:-1;
}
.sidenav
{
height: 100%;
width: 0%;
position: fixed;
z-index:999999999999999999;
bottom: 0;
left: 0;
overflow-x: hidden;
background-color: #fff;
transition: 0.5s;
padding-top:35px;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.sidenav .logo img
{
width: 150px;
display: block;
margin: 0 auto;
}
.sidenav .menu
{
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 50px;
}
.sidenav .menu li
{
display: block;
margin-top: 20px;
margin-right: 20px;
}
.sidenav .menu li a
{
color: #2a6496;
font-weight: bolder;
text-decoration: none;
font-size: 16px;
margin-top: 25px;
}
.main-head .hidden-xx
{
display: none;
float: left;
cursor: pointer;
color: #1084D4;
margin-top: 10px;
font-size: 30px;
}
.fixed-header
{
background-color:#fff;
float: right;
width: 100%;
margin-top: 25px;
position: fixed;
z-index: 999;
box-shadow: 0px 1px 22px 3px #2a6496;
padding: 30px 0px;
top: -25px;
}
.fixed-header a img
{
width: 200px;
display: block;
}
.fixed-header .main-menu ul
{
text-align: center;
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 15px;
}
.fixed-header .main-menu ul li
{
display: inline-block;
margin-right: 20px;
}
.fixed-header .main-menu ul li:last-child
{
float: right;
font-size: 18px;
}
.fixed-header .main-menu ul li .user-name i
{
float: right;
font-size: 22px;
}
.fixed-header .main-menu ul li a
{
text-decoration: none;
font-weight: bolder;
transition:  all .6s ease-in-out;
color: #671873;
}
.fixed-header .main-menu .dropdown-menu
{
right: -90px;
top: 30px;
padding-top: 10px;
}
.fixed-header .main-menu .dropdown-item
{
margin-bottom: 5px!important;
margin-left: 15px;
display: block;
color: #0B5661;
}
.fixed-header .main-menu ul li a:hover
{
color: #1084D4;
}
.fixed-header .hidden-xx
{
display: none;
position: absolute;
right: 20px;
cursor: pointer;
top: 0px;
color: #132A5E;
margin-top: 0px;
font-size:50px;
margin-right: 15px;
}
.main-head .main-slider .owl-dots
{
display: table;
margin: 0px auto;
position: absolute;
bottom: -20px;
right: 0px;
}
.main-head .main-slider .owl-dot
{
border-radius: 100%;
background-color:transparent;
float: right;
border: 1px solid #08FBB9;
height: 12px;
margin-left: 5px;
width: 12px;
}
.main-head .main-slider .owl-dot.active
{
background-color:#08FBB9;
width: 12px;
height: 12px;
}
.line-space
{
margin-top: -70px;
position: relative;
z-index: 9999;
}
.line-space img
{
width: 100%;
}

.who-we-are
{
padding-top: 0px;
background-size:30% 70%;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url("../images/bk-logo.png");
background-color: #e8e8f9;;
}
.who-we-are .content h4
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
float: left;
width: 100%;
margin: 0px;

}
.who-we-are .content hr
{
border: 2px solid #08FBB9;
float: left;
color: #08FBB9;
width: 140px;
background-color: #08FBB9;

}
.who-we-are .content h3
{
font-size: 22px;
margin: 0px;
color: #132A5E;
float: left;
width: 100%;
line-height: 35px;
}
.who-we-are .content p
{
float: left;
width: 100%;
font-size: 14px;
line-height: 25px;
margin-top: 30px;
color: #132A5E;
font-weight: bolder;
}

.who-we-are .content a
{
display: inline-block;
width: 180px;
transition: all .2s ease-in-out;
background-color: #08FBB9!important;
padding: 12px;
font-size: 14px;
color: #fff;
border-radius: 10px;
font-weight: bolder;
text-decoration: none;
text-align: center;
margin-bottom: 10px;
margin-top: 25px;
}
.who-we-are .content a i
{
margin-left: 10px;
}
.who-we-are .pic
{
margin: 30px;
}
.who-we-are .pic img
{
width: 90%;
display: block;
margin: 0 auto;
border-radius: 8px;
transition: all .6s ease-in-out;
}
.who-we-are .pic img:hover
{
transform: translate(0px, -15px);
}

.our-services
{
background-image: url("../images/bk-4.png");
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 150px;
padding-top: 30px;
position: relative;
z-index:9;
}
.our-services .head-of
{
text-align: center;
padding-top: 30px;
}
.our-services .head-of h4
{
font-size: 14px;
font-weight: bolder;
color: #fff;
text-transform: capitalize;
}
.our-services .head-of hr
{
width: 100px;
border: 1px solid #fff;
background-color: #fff;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.our-services .head-of h3
{
font-size: 26px;
font-weight: bolder;
color: #fff;
}
.our-services .service-one
{
border: 2px solid #08FBB9;
color: #fff;
text-align: center;
padding: 15px 10px;
transition: all .6s ease-in-out;
position: relative;
float: left;
margin-top: 30px;
width: 100%;
border-radius: 7px;
}
.our-services .service-one img
{
width: 50px;
margin-left: 15px;
}
.our-services .service-one:hover
{
transform: translate(0px, -15px);
}
.our-services .service-one h3
{
line-height: 50px;
}
.our-services .service-one h3 i
{
font-size: 50px;
position: absolute;
color: #08FBB9;
left: 35px;
transition: .8s ease-in-out;
}
.our-services .service-one p
{





font-weight: bolder;


margin-top: 15px;

line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.our-services .service-one span
{
display: block;
margin-right: 20px;
float: right;
font-size: 20px;
}
.our-services .service-one:after
{
position: absolute;
left: 32px;
bottom: 28px;
border: 1px solid #fff;
width: 70%;
height: 2px;
content: "";
background-color: #fff;
}
.our-services .service-one:hover
{
background-color: #08FBB9;
}
.our-services .service-one:hover i
{
color: #fff;
}

.projects .head-of
{
text-align: center;
margin-bottom: 30px;
}
.projects .head-of h4
{
font-size: 14px;
font-weight: bolder;
color: #0033FF;
text-transform: capitalize;
}
.projects .head-of hr
{
width: 100px;
border: 1px solid #fff;
background-color: #fff;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.projects .head-of h3
{
font-size: 26px;
font-weight: bolder;
color: #132A5E;
}
.projects .one-project .pic
{
margin-top: 20px;
margin-bottom: 10px;
position: relative;
transition: all .6s ease-in-out;
border-radius: 10px;
}
.projects .one-project .content:hover
{
transform: translate(0px, -15px);
}
.projects .one-project .pic img
{
width: 100%;
height: 350px;
border-radius: 8px;
}
.projects .one-project .pic:after
{
background-color: #132A5E;
width: 100%;
height:100%;
left: 0px;
top: 0px;
content: "";
position: absolute;
opacity: .6;
border-radius: 8px;
}
.projects .one-project .content
{
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
top: 0px;
width: 80%;
padding-top: 80px;
opacity: 0;
transition: all .6s ease-in-out;
text-align: center;
color: #fff;
}
.projects .one-project .content:hover
{
opacity: 1;
}
.projects .one-project .content a
{
font-size: 20px;
font-weight: bolder;
text-decoration: none;
color: #fff;
line-height: 35px;
margin-bottom: 20px;
display: block;
}
.projects .one-project .content p
{
color: #fff;
width: 100%;
display: block;
line-height: 25px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
line-clamp: 7;
-webkit-box-orient: vertical;
}
.projects .one-project .content h5
{
display: block;
text-align: left;
font-size: 24px;
width: 100%;
margin-top: 30px;
}
.projects .one-project .content h5 span
{
float: right;
font-size: 20px;
font-weight: bolder;
}
.projects .link
{
text-align: center;
}
.projects .link a
{
display: inline-block;
width: 180px;
transition: all .2s ease-in-out;
background-color: #08FBB9!important;
padding: 12px;
font-size: 14px;
color: #fff;
border-radius: 10px;
font-weight: bolder;
text-decoration: none;
text-align: center;
margin-bottom: 10px;
margin-top: 25px;
}
.projects .link a i
{
margin-left: 10px;
}

.video-section
{
margin-top: 30px;
margin-bottom: 50px;
}
.video-section .content
{
margin-top: 30px;
}
.video-section .content h4
{
color:#132A5E;
font-weight: bolder;
line-height: 40px;
font-size: 20px;
float: left;
width: 100%;
}
.video-section .content hr
{
border: 2px solid #08FBB9;
float: left;
color: #08FBB9;
width: 140px;
background-color: #08FBB9;
}
.video-section .content p
{
float: left;
width: 100%;
line-height: 30px;
color: #132A5E;
}
.video-section iframe
{
width: 90%;
display: block;
margin: 0 auto;
margin-top: 30px;
height: 350px;
border: none;
border-radius: 10px;
}
.partners-section
{
margin-top: 100px;
margin-bottom: 50px;
}
.partners-section .head-of
{
text-align: center;
margin-bottom: 30px;
}
.partners-section .head-of h4
{
font-size: 14px;
font-weight: bolder;
color: #0033FF;
text-transform: capitalize;
}
.partners-section .head-of hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.partners-section .head-of h3
{
font-size: 26px;
font-weight: bolder;
color: #132A5E;
}
.partners-section .pic
{
padding: 30px;
}
.partners-section .pic img
{
width: 100%;
height: 100px;
}
.partners-section .partner-slider .owl-dots
{
display: table;
position: absolute;
bottom: -20px;
left: 0px;
margin: 0 auto;
right: 0px;
}
.partners-section .partner-slider .owl-dot
{
border-radius: 100%;
background-color:transparent;
float: right;
border: 1px solid #132A5E;
height: 12px;
width: 12px;
margin-left: 10px;
}
.partners-section .partner-slider .owl-dot.active
{
background-color:#132A5E;
width: 12px;
height: 12px;
}
.partners-section .contact-head
{
margin-top: 100px;
}
.partners-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.partners-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.partners-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.partners-section form
{
margin-top: 140px;
}
.partners-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.partners-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}

.footer
{
background-image: url("../images/bk-3.png");
background-size: cover;
background-repeat: no-repeat;
/*height: 600px;*/
padding-bottom: 20px;
padding-top: 50px;
position: relative;
z-index: 9;
}
.footer .the-head
{
text-align: center;
}
.footer .the-head h3
{
font-weight: bolder;
font-size: 28px;
color: #fff;
}
.footer .the-head hr
{
width: 100px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 10px;
}
.footer .contact-data
{
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
}
.footer .contact-data h3
{
font-weight: bolder;
font-size: 20px;
color: #fff;
}
.footer .contact-data hr
{
width: 80px;
border: 1px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 10px;
}
.footer .contact-data p
{
margin-top: 22px;
color: #fff;
line-height: 30px;
font-weight: bolder;
}
.footer .line
{
width: 50%;
display: block;
margin: 0 auto;
margin-top: 30px;
}
.footer .more-div
{
padding-top: 50px;
}
.footer .more-div h3
{
font-weight: bolder;
font-size: 20px;
color: #fff;
text-transform: capitalize;
margin-bottom: 20px;
}
.footer .more-div hr
{
width: 30px;
border: 1px solid #08FBB9;
background-color: #08FBB9;
float: left;
display: block;
margin-top: 10px;
}
.footer .more-div p
{
float: left;
color: #fff;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
line-clamp: 7;
-webkit-box-orient: vertical;
}
.footer .more-div ul
{
list-style: none;
padding: 0px;
margin: 0px;
float: left;
width: 100%;
}
.footer .more-div ul li
{
margin-top: 10px;
}
.footer .more-div ul li a
{
transition: all .6s ease-in-out;
text-decoration: none;
font-weight: bolder;
font-size: 16px;
color: #fff;
}
.footer .more-div ul li a:hover
{
color: #08FBB9;
}

.footer .more-div .social li
{
width: 25%;
display: inline-block;
margin-bottom: 20px;
}
.footer .more-div .social li a
{
font-size: 22px;
}
.footer .copyright
{
text-align: center;
color: #fff;
font-weight: bolder;
margin-top: 50px;
}
.footer .links
{
list-style: none;
padding: 0px;
position: fixed;
left: 0px;
width: 110px!important;bottom: 65px;
margin: 0px;
z-index: 99999999;
}
.footer .links li
{
background-color: #08FBB9;
border-radius: 150px;
text-align: center;
transition: all .6s ease-in-out;
border: 1px solid #fff;
display: block;
width: 50px;
height: 50px;
color: #fff;
margin-left: 20px;
margin-bottom: 10px;
line-height: 60px;
}
.footer .links li a
{
color: #132A5E;
transition: all .6s ease-in-out;
text-decoration: none;
}
.footer .links li i
{
font-size: 26px;
margin-left: 0px!important;
}
.footer .links li:hover
{
background-color: #67b168;
}
.footer .links li:hover a i
{
color: #Fff;
}
.footer .links #button {
display: inline-block;
background-color: #08FBB9;
width: 50px;
height: 50px;
text-align: center;
border-radius: 140px;
color: #132A5E;
position: fixed;
bottom: 10px;
/* left: -119px;*/
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.footer .links #button::after
{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f30c";
font-style: normal;
font-size: 20px;
line-height: 45px;
color: #132A5E;
}
.footer .links #button:hover {
cursor: pointer;
background-color: #111A3A;
}
.footer .links #button:active {
background-color: #00aeef;
}
.footer .links #button.show {
opacity: 1;
visibility: visible;
}
.footer .links li:hover i
{
color: #fff;
}
.about-section .content
{
padding-top: 30px;
}
.about-section .content h3
{
font-weight: bolder;
font-size: 22px;
color: #132A5E;
line-height: 40px;
}
.about-section .content p
{
font-weight: bolder;
color: #132A5E;
font-size: 12px;
line-height: 35px;
}
.about-section .content a
{
display: inline-block;
width: 180px;
transition: all .2s ease-in-out;
background-color: #08FBB9!important;
padding: 12px;
font-size: 14px;
color: #fff;
border-radius: 10px;
font-weight: bolder;
text-decoration: none;
text-align: center;
margin-bottom: 10px;
margin-top: 25px;
}
.about-section .content a i
{
margin-left: 10px;
}
.about-section .pic
{
padding: 20px;
}
.about-section .pic img
{
width: 100%;
}

.about-section .more-about-con
{
margin-top: 20px;
}
.about-section .more-about-con h4
{
font-weight: bolder;
font-size: 22px;
color: #132A5E;
line-height: 40px;
}
.about-section .more-about-con h4 i
{
color: #08FBB9;
margin-right: 15px;
}
.about-section .more-about-con p
{
font-weight: bolder;
color: #132A5E;
font-size: 12px;
line-height: 35px;
}
.about-section .big-pic img
{
height: 600px;
width: 100%;
}
.about-section .one-pic
{
margin: 15px;
}
.about-section .one-pic img
{
width: 100%;
transition: all .6s ease-in-out;
border-radius: 8px;
height: 250px;
object-fit: cover !important;
}
.about-section .one-pic img:hover
{
transform: translate(0px, -15px);
}
.our-value .head-of
{
text-align: center;
padding-top: 30px;
margin-bottom: 30px;
}
.our-value
{
padding-bottom: 50px;
}
.our-value .head-of hr
{
width: 100px;
border: 1px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.our-value .head-of h3
{
font-size: 26px;
font-weight: bolder;
color: #132A5E;
}
.our-value .the-one
{
margin-bottom: 50px;
margin-top: 30px;
}
.our-value .the-one img
{
margin-top: 40px;
}
.our-value .the-one .content h3
{
font-weight: bolder;
color: #132A5E;
font-size: 20px;
}
.our-value .the-one .content p
{
line-height: 25px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
font-weight: bolder;
-webkit-box-orient: vertical;
}


.testimonials-section
{
padding-bottom: 50px;
}
.testimonials-section .head-of
{
text-align: center;
padding-top: 30px;
margin-bottom: 30px;
}

.testimonials-section .head-of hr
{
width: 100px;
border: 1px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.testimonials-section .head-of h3
{
font-size: 26px;
font-weight: bolder;
color: #132A5E;
}
.testimonials-section .content
{
width: 80%;
text-align: center;
display: block;
margin: 0 auto;
}
.testimonials-section .content h4
{
font-weight: bolder;
color: #132A5E;
font-size: 14px;
line-height: 30px;
}
.testimonials-section .content img
{
width:70px;
height: 70px;
}
.testimonials-section .content h2
{
font-weight: bolder;
color: #132A5E;
font-size: 18px;
line-height: 30px;
}

.testimonials-section .testimonials-slider .owl-dots
{
    display: table;
    position: absolute;
    bottom: -20px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
}
.testimonials-section .testimonials-slider .owl-dot
{
    border-radius: 100%;
    background-color:transparent;
    float: right;
    border: 1px solid #08FBB9;
    height: 12px;
    width: 12px;
    margin-left: 10px;
}
.testimonials-section .testimonials-slider .owl-dot.active
{
    background-color:#08FBB9;
    width: 12px;
    height: 12px;
}



.our-value .values-slider .owl-dots
{
    display: table;
    position: absolute;
    bottom: -20px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
}
.our-value .values-slider .owl-dot
{
    border-radius: 100%;
    background-color:transparent;
    float: right;
    border: 1px solid #08FBB9;
    height: 12px;
    width: 12px;
    margin-left: 10px;
}
.our-value .values-slider .owl-dot.active
{
    background-color:#08FBB9;
    width: 12px;
    height: 12px;
}




.testimonials-section .contact-head
{
margin-top: 100px;
}
.testimonials-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.testimonials-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.testimonials-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.testimonials-section form
{
margin-top: 140px;
}
.testimonials-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.testimonials-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}

.services-section .pic
{
margin: 10px;
}
.services-section .pic img
{
width: 100%;
}
.services-section .content
{
padding-top: 20px;
}
.services-section .content h3
{
font-weight: bolder;
font-size: 24px;
line-height: 40px;
color: #132A5E;
}
.services-section .content p
{
font-size: 14px;
line-height: 35px;
}










.services-section
{
padding-bottom: 70px;
}
.services-section .choose-us h4
{
font-weight: bolder;
font-size: 20px;
color: #08FBB9;
float: left;
width: 100%;
margin: 0px;

}
.services-section .choose-us hr
{
border: 2px solid #08FBB9;
float: left;
color: #08FBB9;
width: 140px;
background-color: #08FBB9;

}
.services-section .choose-us h3
{
font-size: 24px;
margin: 0px;
color: #132A5E;
float: left;
width: 100%;
line-height: 35px;
}
.services-section .choose-us p
{
float: left;
width: 100%;
font-size: 14px;
line-height: 25px;
margin-top: 30px;
color: #132A5E;
font-weight: bolder;
}
.services-section .serv-feature
{
margin-bottom: 20px;
float: left;
width: 100%;
margin-top: 50px;
}
.services-section .serv-feature .icon
{
padding: 20px;
text-align: center;
margin-top: 0px;
background-color: #08FBB9;
border-radius: 8px;
}
.services-section .serv-feature .icon i
{
font-size: 30px;
color: #132A5E;
}
.services-section .serv-feature .con h4
{
padding: 0px;
font-weight: bolder;
margin: 0px;
color: #132A5E;
font-size: 16px;
margin-bottom: 5px;
}
.services-section .serv-feature .con p
{
display: block;
line-height: 25px;
font-size: 12px;
margin-top: 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}


.services-section .the-video
{
position: relative;
z-index: 9;
}
.services-section .the-video:after
{
position: absolute;
left: 30px;
width: 87%;
height: 470px;
background-color: #08FBB9;
content: "";
top: 48px;
z-index: 9;
border-radius: 20px;
}
.services-section .the-video:before
{
position: absolute;
right: 30px;
width: 87%;
height: 470px;
background-color: #132A5E;
content: "";
top: -20px;
z-index: 9;
border-radius: 20px;
}
.services-section .the-video iframe
{
width: 90%;
display: block;
z-index: 99999999999;
margin: 0 auto;
position: relative;
margin-top: 80px;
height: 500px;
border: none;
border-radius: 10px;
}
.services-section form
{
margin-top: 140px;
}
.services-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.services-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}

.services-section .contact-head
{
margin-top: 100px;
}
.services-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.services-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.services-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.sectors-section
{
margin-top: 30px;
margin-bottom: 50px;
}
.sectors-section .content
{
margin: 10px;
}
.sectors-section .content img
{
width: 100%;
transition: all .6s ease-in-out;
border-radius: 7px;
object-fit: cover !important;
height: 400px;
margin-bottom: 20px;
}
.sectors-section .content img:hover
{
transform: translate(0px, -15px);
}
.sectors-section .content h4
{
text-align: center;
font-weight: bolder;
font-size: 18px;
}
.sectors-section .content p
{
width: 100%;
display: block;
color: #132A5E;
text-align: center;
line-height: 25px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.sectors-section .content a
{
display: block;
text-align: center;
margin: 0 auto;
color: #132A5E;
text-decoration: none;
margin-bottom: 20px;
font-weight: bolder;
}
.sectors-section .content a i
{
color: #132A5E;
margin-left: 10px;
}
.sectors-section .contact-head
{
margin-top: 100px;
}
.sectors-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.sectors-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.sectors-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.sectors-section form
{
margin-top: 140px;
}
.sectors-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.sectors-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}
.projects-section
{
margin-top: 30px;
margin-bottom: 50px;
}
.projects-section .the-one
{
margin-top: 30px;
}
.projects-section .the-one img
{
width: 100%;
transition: all .6s ease-in-out;
border-radius: 7px;
object-fit: cover !important;
height: 400px;
margin-bottom: 20px;
}
.projects-section .the-one img:hover
{
transform: translate(0px, -15px);
}
.projects-section .the-one h4
{
text-align: left;
font-weight: bolder;
font-size: 18px;
}
.projects-section .the-one h4 a
{
font-weight: bolder;
font-size: 18px;
line-height: 25px;
color: #132A5E;
text-decoration: none;
}
.projects-section .the-one span
{
font-weight: bolder;
font-size: 14px;
color: #B2B2B2;
font-weight: bolder;
}
.projects-section .the-one a i
{
color: #132A5E;
margin-left: 10px;
}
.projects-section .contact-head
{
margin-top: 100px;
}
.projects-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.projects-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.projects-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.projects-section form
{
margin-top: 140px;
}
.projects-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.projects-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}
.contact-us-section
{
padding: 50px 0px;
}
.contact-us-section .pic
{
margin: 20px;
}
.contact-us-section .pic img
{
width: 100%;
}
.contact-us-section form
{
margin-top: 10px;
}
.contact-us-section form label
{
display: block;
margin-bottom: 5px;
font-weight: bolder;
margin-top: 5px;
}
.contact-us-section form input
{
width: 100%;
margin-bottom: 5px;
position: relative;
padding: 10px;
border: none;
outline: none;
border-radius: 8px;
}
.contact-us-section form textarea
{
width: 100%;
margin-bottom: 5px;
padding: 10px;
border: none;
resize: none;
outline: none;
height: 150px;
border-radius: 8px;
}
.contact-us-section form button
{
display: block;
width: 150px;
border: none;
font-weight: bolder;
border-radius: 8px;
margin-top: 10px;
padding: 10px;
margin-left: 5px;
background-color: #08FBB9;
color: #fff;
}






.contact-us-section .uploading-2
{
margin-top: 0;
margin-bottom: 30px;
font-size: 14px;
position: absolute;
z-index: 9999999;
right: 0;
}
.contact-us-section .upload-btn-wrapper input[type=file] {
font-size:18px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index:999999999;

}
.contact-us-section .uploading-2 .upload-btn-wrapper .btn
{
padding: 6px;
width: 90px;
font-size: 14px;
margin: 0 auto;
display: block;
border-radius: 5px;
font-weight: bolder;
text-align: center;
outline: none;
color: red;
border: none;
float: right;
background: transparent;
margin-top: 4px;
margin-left: 5px;
}
.contact-us-section  .upload-btn-wrapper .btn i
{
color:#103348;
position: absolute!important;
left: 0px;
right: 0px;
/* margin-top: 28px; */
font-size: 20px;
}
.contact-us-section .upload-btn-wrapper input[type=file]
{
font-size: 20px;
position: absolute;
right: 0;
top: 0;
opacity: 0;
left: 0px;
margin: 0 auto;
margin-top: 0px;
width: 100%;
height: 45px;
border-radius: 150px;
}
.contact-us-section .uploading-2 .upload-btn-wrapper
{
width: 100%;
float: left;
overflow: hidden;
margin: 0 auto;
display: inline-block;
margin-bottom: 15px;
top: 0px;
right: 0px;
left: 0px;
}
.project-details-section .head-of
{
text-align: center;
margin-bottom: 30px;
}
.project-details-section .head-of h4
{
font-size: 14px;
font-weight: bolder;
color: #132A5E;
text-transform: capitalize;
}
.project-details-section .head-of hr
{
width: 100px;
border: 3px solid #08FBB9;
background-color: #08FBB9;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.project-details-section .overview .pic
{
margin: 30px;
}
.project-details-section .overview .pic img
{
width: 100%;
border-radius: 8px;
}
.project-details-section .overview .content
{
margin-top: 150px;
}
.project-details-section .overview .content h4
{
font-weight: bolder;
color: #132A5E;
line-height: 40px;
font-size: 26px;
}
.project-details-section .overview .content p
{
color: #132A5E;
font-weight: 30px;
}
.project-details-section .plans
{
margin-bottom: 50px;
}
.project-details-section  .plans-slider .owl-dots
{
display: table;
margin: 0px auto;
position: absolute;
bottom: -30px;
left: 0px;
right: 0px;
}
.project-details-section  .plans-slider .owl-dot
{
border-radius: 100%;
background-color:transparent;
float: right;
border: 1px solid #08FBB9;
height: 12px;
margin-left: 5px;
width: 12px;
}
.project-details-section  .plans-slider .owl-dot.active
{
background-color:#08FBB9;
width: 12px;
height: 12px;
}
.project-details-section  .plans-slider .pic img
{
width: 100%;
height: 700px;
object-fit: cover!important;
border-radius: 10px;
}






.project-details-section .the-tabs ul
{
margin:0px;
padding:0px;
text-align: center;
list-style:none;
background-color: transparent;
border-radius: 5px;
margin-top:30px;
direction: ltr;
margin-bottom: 30px;
}
.project-details-section .the-tabs ul li
{
display:inline-block;
margin-right:10px;
padding: 15px;
}
.project-details-section .the-tabs ul .active
{
color: #132A5E;
}
.project-details-section .the-tabs ul .active a
{
color: #132A5E;
border-bottom: 2px solid #08FBB9;
padding-bottom: 15px;

}
.project-details-section .the-tabs ul li a
{
color: #103348;
text-decoration: none;
position: relative;
font-size: 18px;
}
.project-details-section .tab-content
{
position: relative;
}

.project-details-section .tab-content .content
{
position: relative;

z-index: 999999;
padding: 10px;
}
.project-details-section .tab-content .content h3
{
margin: 0px;
color: #103348;
font-size: 18px;
margin-bottom: 10px;
margin-top: 10px;
}
.project-details-section .tab-content .content p
{
font-size: 12px;
line-height: 25px;
}
.project-details-section .tab-content img
{
object-fit: cover!important;
width: 100%;
transition: all .6s ease-in-out;
height: 330px;
margin-bottom: 25px;
}
.project-details-section .tab-content img:hover
{
transform: scale(1.1);
}

.gallery
{
display: flex;
flex-wrap: wrap;
text-align: center;
}
.gallery-item
{
border-radius: 7px;
flex-basis: 300px;
margin:0 auto;
margin-bottom: 20px;
position: relative;
cursor: pointer;
overflow: hidden;
}
.gallery-item.item-2x3 {
flex-basis: calc(175px * 0.666);
}
.gallery-item.item-3x4 {
flex-basis: calc(175px * 0.75);
}
.gallery-item.item-1x1 {
flex-basis: 175px;
}
.gallery-item.item-4x3 {
flex-basis: calc(175px * 1.333);
}
.gallery-item.item-3x2 {
flex-basis: calc(175px * 1.5);
}
.gallery-item.item-8x5 {
flex-basis: calc(175px * 1.6);
}
.gallery-item.item-2x1 {
flex-basis: calc(175px * 2);
}
.gallery-item::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 13.75C4.5 8.64137 8.64137 4.5 13.75 4.5C18.8586 4.5 23 8.64137 23 13.75C23 18.8586 18.8586 23 13.75 23C8.64137 23 4.5 18.8586 4.5 13.75ZM13.75 0C6.15609 0 0 6.15609 0 13.75C0 21.3439 6.15609 27.5 13.75 27.5C16.3774 27.5 18.8327 26.7631 20.9205 25.4846L30.4906 35.0547C31.7509 36.3151 33.7944 36.3151 35.0547 35.0547C36.3151 33.7944 36.3151 31.7509 35.0547 30.4906L25.4846 20.9205C26.7631 18.8327 27.5 16.3774 27.5 13.75C27.5 6.15609 21.3439 0 13.75 0Z' fill='white'/%3E%3C/svg%3E");
background-position: center;
color: #132A5E;
background-size: 3.85rem;
background-repeat: no-repeat;
transition: opacity 250ms;
z-index: 10;
}
.gallery-item .caption {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 0;
padding: 1em 0;
line-height: 1em;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
transform: translateY(4em);
transition: transform 250ms;
z-index: 20;
}
.gallery-item .caption span {
display: inline-block;
max-width: calc(100% - 2em);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.gallery-item:hover .thumb {
transform: scale(1.05);
}
@media (hover: hover) {
.gallery-item:hover::after {
opacity: 1;
}
.gallery-item:hover .caption {
transform: translateY(0);
}
}
.gallery-item .thumb {
display: inline-block;
width: 100%;
height: 330px;
object-fit: cover;
min-height: unset;
text-align: center;
background-color: #333;
transition: filter 500ms, transform 500ms;
}
.ie-fix .gallery-item .thumb {
width: auto;
}
.gallery-item .placeholder {
filter: blur(20px);
}

.lightbox-wrapper {
display: none;
background-color: #2e2e35;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999999999999999;
}

.lightbox {
display: flex;
flex-direction: column;
height: 100%;
color: white;
}
.lightbox .lightbox-header {
flex-shrink: 0;
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
padding: 1em;
font-weight: 600;
text-align: center;
}
.lightbox .lightbox-header > * {
opacity: .75;
}
.lightbox .lightbox-close {
position: relative;
height: 1.85rem;
width: 1.85rem;
display: flex;
align-items: center;
justify-content: center;
background: none;
padding: 0;
border: none;
}
.lightbox .lightbox-close::before, .lightbox .lightbox-close::after {
position: absolute;
content: "";
height: 4px;
width: 80%;
background-color: #fff;
}
.lightbox .lightbox-close::before {
transform: rotate(-45deg);
}
.lightbox .lightbox-close::after {
transform: rotate(45deg);
}
.lightbox .lightbox-close:hover {
opacity: 1;
}
.lightbox .lightbox-slides-wrapper {
flex-grow: 1;
display: flex;
overflow: hidden;
position: relative;
}
.lightbox .lightbox-arrow {
position: absolute;
top: 50%;
width: 4rem;
height: 4rem;
padding: .5rem;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5em;
opacity: .75;
cursor: pointer;
filter: drop-shadow(0 0 7px #000);
}
.lightbox .lightbox-arrow:hover {
opacity: 1;
}
.lightbox .lightbox-arrow.arrow-left {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='53' viewBox='0 0 32 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.5L27.3171 0L32 4.54286L9.36585 26.5L32 48.4571L27.3171 53L0 26.5Z' fill='white'/%3E%3C/svg%3E");
}
.lightbox .lightbox-arrow.arrow-right {
right: 0;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='53' viewBox='0 0 32 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 26.5L4.68293 53L0 48.4571L22.6341 26.5L3.83911e-06 4.54286L4.68293 0L32 26.5Z' fill='white'/%3E%3C/svg%3E");
}
.lightbox .lightbox-slide {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
transition: all 0ms ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lightbox .lightbox-slide[data-state="prev"] {
transform: translateX(-100%);
opacity: 0;
}
.lightbox .lightbox-slide[data-state="next"] {
transform: translateX(100%);
opacity: 0;
}
.lightbox .lightbox-image
{
display: none;
max-width: 100%;
max-height: 100%;
}
.project-details-section .video
{
width: 100%;
height: 500px;
}
.project-details-section .contact-head
{
margin-bottom: 50px;
margin-top: 100px;
}
.project-details-section .contact-head h3
{
font-weight: bolder;
font-size: 16px;
color: #0033FF;
}
.project-details-section .contact-head hr
{
width: 150px;
border: 2px solid #08FBB9;
background-color: #08FBB9;
display: block;
float: left;
margin-top: 10px;
}
.project-details-section .contact-head p
{
float: left;
width: 100%;
color: #132A5E;
font-size: 30px;
line-height: 50px;
font-weight: bolder;
}
.project-details-section form
{
margin-top: 140px;
}
.project-details-section form input
{
width: 100%;
padding: 10px;
outline: none;
margin-bottom: 15px;
border: none;
}
.project-details-section form button
{
width: 100%;
padding: 10px;
outline: none;
color: #132A5E;
font-weight: bolder;
background-color: #08FBB9!important;
margin-bottom: 15px;
border: none;
}

.done-box
{
position: fixed;
right: 0px;
left: 0px;
margin: 0 auto;
width:30%;
padding: 30px 0px;
border-radius: 10px;
z-index: 99999999999999;
background-color: #fff;
box-shadow: 0px 0px 10px 0px #0B5661;
top: 20px;
text-align: center;

}
.done-box i
{
font-size: 30px;
color:#08FBB9;
}
.done-box h3
{
color: #0B5661;
font-weight: bolder;
font-size: 24px;
}
.done-box button
{
width: 120px;
padding: 10px;
background-color: #0B5661;
color: #fff;
outline: none;
border: none;
border-radius: 7px;
margin-top: 15px;
}


.responsive-map{
overflow: hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.responsive-map iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.main-head .head-bar .main-menu .dropdown-menu {
    left: -68px;
    top: 30px;
}
.responsive-map{

 padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-top: 100px;
}