@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700|Roboto:300,300i,400,400i,500,500i,700');
@import url('https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900');

/*
font-family: 'Cairo', sans-serif;
font-family: 'Cairo', sans-serif;
font-family: 'Cairo', sans-serif;

*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

body {
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
    font-weight: 400;
    background: #F5F6F7;
    padding-top: 80px;
    direction: rtl;
}

.pad-top-200 {
    padding-top: 200px;
}
a, a:hover, a:focus {
    text-decoration: none;
    color: #59595A;
}

a:focus {
    outline: 0;
    outline-offset: 0;
}

h1 {
    font-family: 'Cairo', sans-serif;
    font-weight: 400;
    font-size: 58px;
    margin-top: 36px;
    margin-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
}

h2 {
    font-family: 'Cairo', sans-serif;
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 18px;
    color: #424242;
    font-weight: 700;
    line-height: 1.6;
}

h3 {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
    margin: 12px 0;
    font-size: 20px;
    color: #6c6c6c;
    text-transform: uppercase;
}

h4 {
    font-family: 'Cairo', sans-serif;
    font-size: 18px;
    margin-top: 5px;
    color: #ea8b3a;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 13px;
}

h5 {
    font-family: 'Cairo', sans-serif;
    font-weight: 100;
    font-size: 18px;
    text-transform: uppercase;
    color: #fcfcfc;
    margin-top: 0;
    margin-bottom: 15px;
}

h6 {
    font-family: 'Cairo', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #424242;
}

p {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 2;
}

p.lead {
    font-weight: 300;
    font-size: 18px;
    line-height: 2em;
    color: #444;
}

.overlay {
    position: relative;
}

.pad-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pad-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pad-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pad-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.btn-main {
    border-radius: 2px;
    background-color: rgb(255, 112, 88);
    box-shadow: 0px 2px 5px 0px rgba(34, 34, 34, 0.23);
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-main:hover, .btn-border:hover {
    background-color: #ea8b3a;
    color: #fff;
    border-color: #ea8b3a;
}

.btn-border {
    border: 1px solid #a5a5a5;
    color: #626262;
    border-radius: 0;
    padding: 9px 23px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 12px;
}

.btn-circle {
    border-radius: 25px;
    background: #FEC866;
    height: 40px;
    width: 40px;
    line-height: 2.1;
    color: #fff;
    box-shadow: -2.121px 2.121px 5px 0px rgba(34, 34, 34, 0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-circle:hover {
    background: #ff7058;
    color: #fff;
    box-shadow: -2.121px 2.121px 5px 0px rgba(34, 34, 34, 0.1);
}

.pad-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.title hr {
    margin: 0 0 10px;
    border-color: #ea8b3a;
    width: 35px;
    display: inline-block;
}

ul.list-circle {
    list-style-type: none;
    position: relative;
}

ul.list-circle li {
    padding-right: 30px;
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 1.8;
}

ul.list-circle li::before {
    height: 6px;
    width: 6px;
    background: #ea8b3a;
    border-radius: 25px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 13px;
    margin-top: 10px;
}
/* ============= HEADER BLOCK ============== */

.header-block {
    width: 185px;
    text-align: right;
    display: inline-block;
    margin-top: 24px;
    border-left: 1px solid #f4f4f4;
    padding-right: 12px;
    padding-left: 14px;
}

.header-block .media i {
    font-size: 24px;
    color: #ea8b3a;
    padding: 8px 8px 0 0px;
    display: block;
    transform: scaleX(-1);
}
.header-block span.title {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #adadad;
    text-align: right;
}

.header-block span.info {
    display: inline-block;
    font-size: 13px;
    color: #636363;
    margin-top: 5px;
    text-align: right;
    direction: ltr;
}

div.header-block:nth-child(3) {
    width: 491px;
    border-color: transparent;
}
/* ============= // HEADER BLOCK ============== */


/* ============= NAVBAR ============= */
nav.navbar {
    background: #fff;
    margin: 0;
    height: 110px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999999999999;
    border-radius: 0;
    width: 100%;
     box-shadow: 0px 20px 75px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 20px 75px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 20px 75px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px 20px 75px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 20px 75px rgba(0, 0, 0, 0.12);
}

ul.nav.navbar-nav {
    top: 15px;
    text-transform: uppercase;
    display: block;
    float: none;
    background: #491D41;
    position: relative;
    z-index: 99999999999;
    margin-right: -15px;
    margin-left: -15px;
}

ul.nav.navbar-nav li a {
    color: #bfb2bd;
}

ul.nav.navbar-nav li.active a {
    color: #ea8b3a;
}

ul.nav.navbar-nav ul.proposal {
    float: right;
}

ul.nav.navbar-nav a.btn-proposal {
    background-color: #ea8b3a;
    color: #fff !important;
    display: inline-block;
    padding: 16px 30px;
    margin-right: 13px;
    margin-left: 5px;
}

a.btn-proposal i {
    font-size:14px;
    margin-left: 8px;
    transform: scaleX(-1);
}

ul.nav.navbar-nav ul.proposal li.search a {
    padding: 0;
    margin: 0;
}

ul.nav.navbar-nav ul.proposal li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.navbar-brand>img {
    display: inline-block;
    padding: 12px;
    margin-top: -10px;
}

.navbar-toggle {
    z-index:3;
}

ul.dropdown-menu {
    background: #3B1A35;
    border-radius: 0;
}

ul.dropdown-menu a {
    color: #bfb2bd !important;
    border-bottom: 1px solid #441f3d;
    min-width: 300px;
    padding: 8px 
}

ul.dropdown-menu li:last-of-type a {
    border-bottom: none
}

.dropdown-menu>li>a:hover {    
    background-color: #191b18;
    color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #491d41;
    border-color: transparent;
}
.search {
    display: inline-block;
}

.search i {
    display: inline-block;
    font-size: 22px;
    line-height: 2;
    color: #fff;
}

.search-body {
    position: absolute;
    display: block;
    width: 251px;
    background: #491d41;
    padding: 10px;
    top: 50px;
    left: -30px;
    display: none;
}

.search-body .form-control {
    border-radius: 0;
    border: 0;
}
/* ============== SLIDER ================ */
#main-slider.carousel {
    height: 600px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#main-slider .item .carousel-caption {
    right: 9%;
    left: 9%;
    top: 225px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: right;
}

#main-slider .item .carousel-caption h1 {
    color: #fff;
    font-family: 'Cairo', sans-serif;
    font-size: 60px;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
    margin: 11px 0;
}

#main-slider .item .carousel-caption span {
    color: #fff;
    font-family: 'Cairo', sans-serif;
    font-size: 30px;
    font-weight: 100;
    display: block;
    text-transform: uppercase;
    text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}

#main-slider .carousel-indicators {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#main-slider .carousel-control {
    right: 15px !important;
    text-shadow: none;
    padding-top: 6px;
    width: 40px;
    height: 40px;
    top: 50%;
    background: transparent;
    opacity: 0.4;
    color: #c3c3c3;
    border: 1px solid #c3c3c3;
}

#main-slider .carousel-control.left {
    right: auto !important;
    left: 15px !important;
}

#main-slider .carousel-indicators li {
    background: #fff;
    opacity: 0.5;
    width: 25px;
    height: 2px;
    margin: 0;
}

#main-slider .carousel-indicators .active {
    background: #ffffff;
    border: 0;
    opacity: 1;
    width: 25px;
    height: 2px;
}


/* ============== SLIDER ================ */


/* ============== WRAPPER ============ */
.wrapper {
    background: #fff;  
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.services-section {
    background: #fcfcfc;
}

.service {
    padding: 15px;
    background: #fff;
    height: 290px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
/*
div.col-md-6:nth-child(7) div.service {
    background: url('../images/service-bg.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
*/

.service [class^="flaticon-"]:before,
.service [class*=" flaticon-"]:before,
.service [class^="flaticon-"]:after,
.service [class*=" flaticon-"]:after {
    font-size: 54px;
    color: #ea8b3a;
    margin-top: 0;
}

.service ul {
    margin: 0;
}

.service p {
    margin-top: 0;
    margin-bottom: 0;
}

.service .icon-bg {
    position: absolute;
    left: 20px;
    top: 0;
}

.service .icon-bg [class^="flaticon-"]:before,
.service .icon-bg [class*=" flaticon-"]:before,
.service .icon-bg [class^="flaticon-"]:after,
.service .icon-bg [class*=" flaticon-"]:after {
    font-size: 182px;
    color: rgba(0, 0, 0, 0.02);
    margin-top: 0;
}
/* ============== // WRAPPER ============ */



/* ============== PROPOSAL SECTION ============ */
.proposal-section {
    background: #191B18;
}

.proposal-section h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    display: inline-block;
}

.proposal-section .btn-proposal {
    background-color: #ea8b3a;
    color: #fff !important;
    display: inline-block;
    padding: 16px;
    text-transform: uppercase;
    margin-right: 30px;
}
/* ============== // PROPOSAL SECTION ============ */



/* ============== FOOTER ============ */
footer {
    background: #161716;
    color: #3f3f3f;
    font-size: 14px;
    padding-top: 40px;
    margin-top: -7px;
    font-weight: 400;
}

footer p, footer a {
    color: #3f3f3f;
}

footer img {
    margin-bottom: 35px;
}

footer .header-block {
    border-left-color: #222422;
}

footer .header-block span.info, footer .header-block span.info a {
    color: #636363 !important;
}

footer .brd-tp {
    border-top: 1px solid #222422;
    margin-top: 10px;
    padding-top: 20px
}

footer ul.quick-links {
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 13px;
    color: #3f3f3f;
}

footer ul.quick-links li.left {
    padding: 3px 0px;
    float: right;
    width: 30%;
}

footer ul.quick-links li.right {
    padding: 3px 0px;
    float: right;
    width: 70%;
}

footer .social-media {
    text-transform: uppercase;
}

footer .social-media .social-icons {
    margin-top: 8px;
}

footer .social-media .social-icons li {
    padding-left: 2px;
    padding-right: 2px;
}

footer .social-media .social-icons li a {
    background: #1C1C1C;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 2.5;
}

footer .copyrights {
    background: #141414;
    padding: 35px;
    color: #353835;
    margin-top: 35px;
    font-size: 13px;
}
/* ============== // FOOTER ============ */


/* =============== MAIN PAGE PHOTO ============= */
.main-page-photo {
    background: url('../images/service-bg.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    height: 350px;
}

.main-page-photo h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin-top: 77px;
}
/* =============== // MAIN PAGE PHOTO ============= */


/* =============== ABOUT US PAGE ============= */
.service-with-icon {
    margin-top: 50px;
}

.service-with-icon:hover i {
    background: #ea8b3a;
    color: #fff;
    border-color: #ea8b3a;
}

.service-with-icon i {
    display: block;
    text-align: center;
    border: 1px solid #2a2a2a;
    border-radius: 50%;
    height: 110px;
    width: 110px;
    padding: 10px;
    margin: 0 auto;
}

.service-with-icon [class^="flaticon-"]:before,
.service-with-icon [class*=" flaticon-"]:before,
.service-with-icon [class^="flaticon-"]:after,
.service-with-icon [class*=" flaticon-"]:after {
    font-size: 60px;
}

.service-with-icon h5 {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    margin: 30px  0 15px;
    text-align: center;
}

.service-with-icon:hover h5 {
    color: #ea8b3a;
}

.service-with-icon p {
    text-align: justify;
    text-justify: inter-word;
}

.section-area {
    margin-bottom: 40px;
    text-align: justify;
    text-justify: inter-word;
}

/* =============== // ABOUT US PAGE ============= */

td > input[type=text], td > textarea, td > select {
    width: 400px;
}

td > textarea {
    height: 100px
}

/****************** nouran edit ***************************/
   

div.ul_style ul{
     list-style-type: none;
    position: relative;
}

div.ul_style ul li{

    padding-right: 0px;
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 1.8;
} 

div.ul_style  ul li::before {
    height: 6px;
    width: 6px;
    background: #ea8b3a;
    border-radius: 25px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 13px;
    margin-top: 10px;
}

.our-client-img{
    width: 500px;
    margin: 3%;
    }

    .imborder{
        border:1.5px #ccc solid ;

    }
    .align-middle {
    margin-right: 15%;
    margin-left: 15%;
    }
.flaticon-iso {
    width: 70px;
    height: 60px;
    font-size: 54px;
    margin-top: 0;
background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 0 0' height='55' viewBox='400 0 100 512' width='110' fill='%23ea8b3a' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath d='m256 0c-140.959 0-256 115.049-256 256 0 140.958 115.049 256 256 256 140.958 0 256-115.049 256-256 0-140.959-115.049-256-256-256zm181.141 121h-91.266c-6.886-28.023-17.751-59.882-33.875-83.974 50.738 12.983 94.658 43.178 125.141 83.974zm-181.141-91c10.463 0 22.161 9.441 32.938 26.583 10.16 16.161 19.028 38.199 25.987 64.417h-117.85c6.96-26.219 15.827-48.256 25.988-64.417 10.777-17.142 22.474-26.583 32.937-26.583zm-56 7.026c-16.123 24.09-26.99 55.955-33.875 83.974h-91.266c30.483-40.796 74.403-70.991 125.141-83.974zm-144.076 113.974h400.151c16.542 31.393 25.925 67.118 25.925 105s-9.383 73.607-25.924 105c-30.475 0-380.35 0-400.151 0-16.542-31.393-25.925-67.118-25.925-105s9.383-73.607 25.924-105zm200.076 331c-10.463 0-22.16-9.44-32.938-26.583-10.161-16.161-19.028-38.199-25.988-64.417h117.851c-6.96 26.219-15.827 48.256-25.987 64.417-10.777 17.143-22.475 26.583-32.938 26.583zm-181.141-91h91.266c6.891 28.046 17.753 59.881 33.875 83.974-50.738-12.983-94.658-43.178-125.141-83.974zm237.141 83.974c16.119-24.086 26.986-55.938 33.875-83.974h91.266c-30.483 40.796-74.403 70.991-125.141 83.974z'/%3E%3Cpath d='m136 331c8.284 0 15-6.716 15-15v-120c0-8.284-6.716-15-15-15s-15 6.716-15 15v120c0 8.284 6.716 15 15 15z'/%3E%3Cpath d='m226.529 271c8.271 0 15 6.729 15 15s-6.729 15-15 15c-4.006 0-7.773-1.56-10.606-4.393-5.858-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213c8.5 8.5 19.8 13.18 31.82 13.18 24.813 0 45-20.187 45-45s-20.187-45-45-45c-8.271 0-15-6.729-15-15s6.729-15 15-15c4.007 0 7.773 1.56 10.606 4.393 5.858 5.858 15.355 5.858 21.213 0s5.858-15.355 0-21.213c-8.5-8.5-19.8-13.18-31.82-13.18-24.813 0-45 20.187-45 45s20.187 45 45 45z'/%3E%3Cpath d='m346.529 331c24.813 0 45-20.187 45-45v-60c0-24.813-20.187-45-45-45s-45 20.187-45 45v60c0 24.813 20.187 45 45 45zm-15-105c0-8.271 6.729-15 15-15s15 6.729 15 15v60c0 8.271-6.729 15-15 15s-15-6.729-15-15z'/%3E%3C/g%3E%3C/svg%3E");        background-repeat: no-repeat;
}

.flaticon-iso-big{
width: 182px;
height: 260px;
font-size: 54px;
margin-top: 0;
background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 0 0' height='180' viewBox='400 0 100 512' width='260' fill='rgba(0, 0, 0, 0.02)' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath d='m256 0c-140.959 0-256 115.049-256 256 0 140.958 115.049 256 256 256 140.958 0 256-115.049 256-256 0-140.959-115.049-256-256-256zm181.141 121h-91.266c-6.886-28.023-17.751-59.882-33.875-83.974 50.738 12.983 94.658 43.178 125.141 83.974zm-181.141-91c10.463 0 22.161 9.441 32.938 26.583 10.16 16.161 19.028 38.199 25.987 64.417h-117.85c6.96-26.219 15.827-48.256 25.988-64.417 10.777-17.142 22.474-26.583 32.937-26.583zm-56 7.026c-16.123 24.09-26.99 55.955-33.875 83.974h-91.266c30.483-40.796 74.403-70.991 125.141-83.974zm-144.076 113.974h400.151c16.542 31.393 25.925 67.118 25.925 105s-9.383 73.607-25.924 105c-30.475 0-380.35 0-400.151 0-16.542-31.393-25.925-67.118-25.925-105s9.383-73.607 25.924-105zm200.076 331c-10.463 0-22.16-9.44-32.938-26.583-10.161-16.161-19.028-38.199-25.988-64.417h117.851c-6.96 26.219-15.827 48.256-25.987 64.417-10.777 17.143-22.475 26.583-32.938 26.583zm-181.141-91h91.266c6.891 28.046 17.753 59.881 33.875 83.974-50.738-12.983-94.658-43.178-125.141-83.974zm237.141 83.974c16.119-24.086 26.986-55.938 33.875-83.974h91.266c-30.483 40.796-74.403 70.991-125.141 83.974z'/%3E%3Cpath d='m136 331c8.284 0 15-6.716 15-15v-120c0-8.284-6.716-15-15-15s-15 6.716-15 15v120c0 8.284 6.716 15 15 15z'/%3E%3Cpath d='m226.529 271c8.271 0 15 6.729 15 15s-6.729 15-15 15c-4.006 0-7.773-1.56-10.606-4.393-5.858-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213c8.5 8.5 19.8 13.18 31.82 13.18 24.813 0 45-20.187 45-45s-20.187-45-45-45c-8.271 0-15-6.729-15-15s6.729-15 15-15c4.007 0 7.773 1.56 10.606 4.393 5.858 5.858 15.355 5.858 21.213 0s5.858-15.355 0-21.213c-8.5-8.5-19.8-13.18-31.82-13.18-24.813 0-45 20.187-45 45s20.187 45 45 45z'/%3E%3Cpath d='m346.529 331c24.813 0 45-20.187 45-45v-60c0-24.813-20.187-45-45-45s-45 20.187-45 45v60c0 24.813 20.187 45 45 45zm-15-105c0-8.271 6.729-15 15-15s15 6.729 15 15v60c0 8.271-6.729 15-15 15s-15-6.729-15-15z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
}

.fixedwhatsapp{
    z-index: 100000;
    left: 30px;
    bottom: 30px;
    background-image: linear-gradient(18deg,#25d366 0%,#25d366 100%);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 14%);
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    position: fixed;

}

.fixedwhatsapp:hover{
    color: #fff !important;
}
.fixedwhatsapp:visited{
    color: #fff !important;
}

#video-section{
    height:690px;
    padding: 0 0 10% 0;
     /*margin-bottom: 1%;*/
    background: #fff;

}

.video-inner{
    /*overflow:hidden;*/
    
    width: 80%;
    margin: auto;
    
}
video {
    height: auto;
    width: 80%;
    object-fit: cover;
    /*margin: 0 auto;*/
    position: absolute;
    
  }