/*==================================* Author        : "ThemeSine"* Template Name : Travel* Version       : 1.0==================================== *//*==================================font-family: 'Poppins', sans-serif;==================================== *//*=========== TABLE OF CONTENTS ===========1.  General css (Reset code)2.  Header3.  About5.  Travel-box5.  Service6.  Gallery7.  Discount-offer8.  Packages9.  Testemonial 10. Special Offer11. Blog12. Subscribe13. Footer-copyright===========*/@charset "utf-8";/*-------------------------------------        1.General css (Reset code)--------------------------------------*/*{    padding: 0;    margin: 0;}*{    -webkit-box-sizing:border-box;    -moz-box-sizing:border-box;    -o-box-sizing:border-box;    -ms-box-sizing:border-box;    box-sizing:border-box;}body{    position: relative;    font-size:14px;    color: #222222;    background: #fff;    font-family: 'Poppins', sans-serif;    max-width:1920px;    margin:0 auto;    overflow-x:hidden;}a,a:hover,a:active,a:focus {    display:inline-block;    text-decoration:none;    font-size:13px;    padding:0;    margin:0;}h1,h2,h3,h4,h5,h6 {     margin: 0;    color:#222222;    font-family: 'Poppins', sans-serif;    /*text-transform: capitalize;*/}p {    margin: 10px;    color:#666666;    font-size:14px;}img{    border:none;max-width:100%; height:auto;}ul{    padding: 0;    margin: 0;    list-style: none;}ul li {    list-style: none;    }select,input,textarea,button{box-shadow:none;outline:0!important;}html,body{    height: 100%;    z-index: 2;}[placeholder]:focus::-webkit-input-placeholder {  -webkit-transition: opacity 0.3s 0.3s ease;   -moz-transition: opacity 0.3s 0.3s ease;   -ms-transition: opacity 0.3s 0.3s ease;   -o-transition: opacity 0.3s 0.3s ease;   transition: opacity 0.3s 0.3s ease;   opacity: 0;}.popover {  position: absolute;  top: 0;  left: 0;  z-index: 1010;  display: none;  max-width: 276px;  padding: 1px;  text-align: left;  white-space: normal;  background-color: #ffffff;  border: 1px solid #cccccc;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 6px;  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  background-clip: padding-box;}.popover.top {  margin-top: -10px;}.popover.right {  margin-left: 10px;}.popover.bottom {  margin-top: 10px;}.popover.left {  margin-left: -10px;}.popover-title {  padding: 8px 14px;  margin: 0;  font-size: 14px;  font-weight: normal;  line-height: 18px;  background-color: #f7f7f7;  border-bottom: 1px solid #ebebeb;  border-radius: 5px 5px 0 0;}.popover-content {  padding: 9px 14px;}.popover .arrow,.popover .arrow:after {  position: absolute;  display: block;  width: 0;  height: 0;  border-color: transparent;  border-style: solid;}.popover .arrow {  border-width: 11px;}.popover .arrow:after {  border-width: 10px;  content: "";}.popover.top .arrow {  bottom: -11px;  left: 50%;  margin-left: -11px;  border-top-color: #999999;  border-top-color: rgba(0, 0, 0, 0.25);  border-bottom-width: 0;}.popover.top .arrow:after {  bottom: 1px;  margin-left: -10px;  border-top-color: #ffffff;  border-bottom-width: 0;  content: " ";}.popover.right .arrow {  top: 50%;  left: -11px;  margin-top: -11px;  border-right-color: #999999;  border-right-color: rgba(0, 0, 0, 0.25);  border-left-width: 0;}.fileinput {  margin-bottom: 0; }  .fileinput .close {    float: none; }  .fileinput .input-group {    white-space: nowrap;    overflow: hidden; }.popover.right .arrow:after {  bottom: -10px;  left: 1px;  border-right-color: #ffffff;  border-left-width: 0;  content: " ";}.popover.bottom .arrow {  top: -11px;  left: 50%;  margin-left: -11px;  border-bottom-color: #999999;  border-bottom-color: rgba(0, 0, 0, 0.25);  border-top-width: 0;}.popover.bottom .arrow:after {  top: 1px;  margin-left: -10px;  border-bottom-color: #ffffff;  border-top-width: 0;  content: " ";}.popover.left .arrow {  top: 50%;  right: -11px;  margin-top: -11px;  border-left-color: #999999;  border-left-color: rgba(0, 0, 0, 0.25);  border-right-width: 0;}.popover.left .arrow:after {  right: 1px;  bottom: -10px;  border-left-color: #ffffff;  border-right-width: 0;  content: " ";}/*=============Style css=========*//*-------------------------------------        2. Header--------------------------------------*/.top-area {    position: absolute;    background-color: #27C7D4;    width: 100%;}.wrapper {    position: relative;    z-index: -1;}.header-area{    position:relative;    width: 100%;}/*.sticky-wrapper */.sticky-wrapper {    position: relative;    z-index: 2;    transition:.7s;}.is-sticky .header-area{}.is-sticky .header-area:after{    position:absolute;    content:'';    background: rgba(255,255,255,1);    height:100%;    width:100%;    top:0;    left:0;    z-index:-1;    -webkit-transition:all 0.5s linear;    -moz-transition:all 0.5s linear;    -ms-transition:all 0.5s linear;    -o-transition:all 0.5s linear;    transition: all 0.5s linear;}.sticky-wrapper.is-sticky .main-menu .nav a:before{    bottom: 17.6px;}/*.sticky-wrapper *//*.logo*/.logo a, .logo a:hover, .logo a:focus{    color: #fff;    font-size:24px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    font-weight: 600;    margin: 14px 0px 0;    padding: 10px 0 0 0;}.logo a span{    color: #00d8ff;    text-transform: capitalize;}/*.logo*//*.main-menu*/.main-menu {position:relative;}.main-menu ul .nav .navbar-nav {    text-align:right;    float:none;}.main-menu .nav li {    position:relative;    padding: 16px 12px 0px;    -webkit-transition:all 0.2s linear;    -moz-transition:all 0.2s linear;    -ms-transition:all 0.2s linear;    -o-transition:all 0.2s linear;    transition: all 0.2s linear;}.main-menu .nav li a{    padding: 11px 0 29px;    color: #fff;    font-size: 16px;    text-transform: capitalize;    font-family: 'Poppins', sans-serif;    font-weight:500;    -webkit-transition: all 0.25s ease-in-out 0s;    -moz-transition: all 0.25s ease-in-out 0s;    -o-transition: all 0.25s ease-in-out 0s;    transition: all 0.25s ease-in-out 0s;}.main-menu  .nav  li.active a,.main-menu  .nav  li a:hover,.main-menu .nav  li a:focus{    color: #00d8ff;    background-color:transparent;}.main-menu .nav a:before{    position: absolute;    content: "";    width: 0px;    height: 2px;    bottom: -2.4px;    left: 0;    -webkit-transition: .3s ease-in-out;    -ms-transition: .3s ease-in-out;    -moz-transition: .3s ease-in-out;    -o-transition: .3s ease-in-out;    transition: .3s ease-in-out;    }.main-menu .nav li.active  a:before,.main-menu .nav a:hover:before{    background: #00d8ff;    width: 100%;}/*.main-menu*//* tooggle */.main-menu .navbar-toggle {    margin-top: 5px;    border: 1px solid;    font-size: 16px;    float:left;}.main-menu .navbar-toggle {    color: #00d8ff;}.main-menu .navbar-default .navbar-toggle:focus, .main-menu .navbar-default .navbar-toggle:hover {    background-color: transparent;}.home-border{    border-top:2px solid #fff;}/*book-btn*/.book-btn {    background: #00d8ff;    border: 1px solid #00d8ff;    width: 120px;    height: 40px;    white-space: nowrap;    text-align: center;    color: #fff;    font-size:14px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    border-radius: 5px;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.book-btn:hover{    color: #fff;    background: #00d8d5;    border: 1px solid #00d8d5;}/*book-btn*/.book-btn-1 {    background: #FFFFFF;    border: 1px solid #FFFFFF;    width: 160px;    height: 30px;    white-space: nowrap;    text-align: center;    color: #00d8d5;    font-size:14px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    border-radius: 5px;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.book-btn-1:hover{    color: #fff;    background: #00d8d5;    border: 1px solid #00d8d5;}.book-btn-2 {    background: #FC4E00;    border: 1px solid #FC4E00;    display: flex;    justify-content: center;    align-items: center;    position: relative;    width: 180px;    height: 35px;    margin-left:20px;    white-space: nowrap;    text-align: center;    color: #fff;    font-size:14px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    border-radius: 5px;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.book-btn-2:hover{    color: #fff;    background: #00d8d5;    border: 1px solid #00d8d5;}/*book-btn*/.book-btn-3 {    background: #27C7D4;    border: 1px solid #FFFFFF;    width: 260px;    height: 50px;    white-space: nowrap;    text-align: center;    color: #FFFFFF;    font-size:19px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    border-radius: 5px;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.book-btn-3:hover{    color: #fff;    background: #FC4E00;    border: 1px solid #FC4E00;}/*book-btn*//*-------------------------------------        3.  About--------------------------------------*/.about-us{    display: flex;    justify-content: center;    align-items: center;    position: relative;    background: url(../../assets/images/home/patient-scan.jpg)no-repeat;    background-size: cover;    background-position: center;    min-height: 840px;}.about-us:before{    position: absolute;    content: "";    top:0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,120,207,.2);}/*about-us-content*/.about-us-content{    margin: -175px 0 0 0;}.about-us h2 {    color:#fff;     font-size:84px;    text-transform: inherit;    max-width: 800px;    font-weight: 600;    line-height: 1.22;}.about-us h2 span{    color:#2bdab5;    margin-top: -11px;}.about-btn {    margin-top: 39px;    letter-spacing: 1.2px;     -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-view {    display: flex;    justify-content: center;    align-items: center;    background: #00d8ff;    border: 1px solid #00d8ff;    width: 250px;    height: 60px;    white-space: nowrap;    color: #fff;    font-size:20px;    font-family: 'Poppins', sans-serif;    text-transform: uppercase;    border-radius: 5px;    box-shadow: 0 5px 20px rgba(14,15,18,.2);    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-btn:hover .about-view{    color: #fff;    background: #00d8d5;    box-shadow: 0 5px 20px rgba(14,15,18,.7);    border: 1px solid #00d8d5;}/* BOUTTO KAMAL */.about-btn-5 {    margin-top: 30px;    letter-spacing: 1.2px;     -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-view-5 {    display: flex;    justify-content: center;    align-items: center;    background: #FFFFFF;    border: 1px solid #00d8ff;    width: 270px;    height: 70px;    white-space: nowrap;    color: #fff;    font-size:20px;    font-family: 'Poppins', sans-serif;    text-transform: uppercase;    border-radius: 30px;    box-shadow: 0 5px 20px rgba(14,15,18,.2);    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-btn-5:hover .about-view-5{    color: #fff;    background: #00d8d5;    box-shadow: 0 15px 20px rgba(14,15,18,.7);    border: 1px solid #00d8d5;}/* BOUTTO KAMAL */.about-btn-6 {    margin-top: 30px;    letter-spacing: 1.2px;     -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-view-6 {    display: flex;    justify-content: center;    align-items: center;    background: #FFFFFF;    border: 1px solid #00d8ff;    width: 370px;    height: 70px;    white-space: nowrap;    color: #fff;    font-size:20px;    font-family: 'Poppins', sans-serif;    text-transform: uppercase;    border-radius: 30px;    box-shadow: 0 5px 20px rgba(14,15,18,.2);    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-btn-6:hover .about-view-6{    color: #fff;    background: #00d8d5;    box-shadow: 0 15px 20px rgba(14,15,18,.7);    border: 1px solid #00d8d5;}/* FIN BOUTTO */.travel-mrt-0{    margin-top: 0px;}/*about-us-content*//*-------------------------------------        4.  Travel-box--------------------------------------*/.single-travel-boxes {    margin-top: -125px;    background: #fff;}.tab-para p {    font-size: 24px;}/* .desc-tabs */.desc-tabs {    border: transparent;    box-shadow: 0 10px 20px rgba(0,0,0,.1);}.desc-tabs .nav-tabs {    display: inline-block;    border-right: 1px solid #fff;}.desc-tabs .nav-tabs>li.active>a{    color: #fff;    background: #00d8ff;    cursor: default;    font-size: 20px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.desc-tabs .nav-tabs>li.active>a:focus, .desc-tabs .nav-tabs>li.active>a:hover {    color: #565a5c;    text-decoration: none;}.desc-tabs .nav-tabs>li>a{    color: #fff;    background: #00d8ff;    cursor: default;    font-size: 20px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    padding: 17px 40px 17px 46px;    border: 0;    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.single-travel-boxes .nav>li>a:focus, .single-travel-boxes .nav>li>a:hover {    color: #565a5c;    background: #fff;    border: 0;    text-decoration: none;}.desc-tabs .nav-tabs>li>a>i{    padding-right: 6px;}/* .desc-tabs *//*===ab-select-box===*/.tab-para{    padding: 43px 42px 24px;}.single-tab-select-box h2{    color: #565a5c;    font-size: 20px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    margin-bottom: 17px;}.travel-select-icon{    position:relative;}.travel-select-icon:after{    position: absolute;    content: "\f107";    right: 0px;    top: 0;    font-size: 18px;    color: #aaa;    background: #f9f9f9;    font-family: "fontAwesome";    pointer-events: none;    border:1px solid #d7d7d7;    border-bottom: transparent;    padding: 10px;}.travel-check-icon{    position: relative;}.travel-check-icon:after{    position: absolute;    content: "\f073";    right: 0px;    top: 0;    font-size: 18px;    color: #aaa;    background: #f9f9f9;    font-family: "fontAwesome";    pointer-events: none;    border:1px solid #d7d7d7;    border-bottom: transparent;    padding: 10px 8px;}/*travel-select-icon*/.travel-select-icon  select,.travel-check-icon  input {    color:#aaa;    font-size:14px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    height: 48px;}/*select*/.travel-select-icon .form-control,.travel-check-icon .form-control{    -webkit-appearance:none;    -moz-appearance:none;    -o-appearance:none;    -ms-appearance:none;    appearance:none;    outline:0!important;    box-shadow:none;    border:1px solid #d7d7d7;    border-radius: 0px;    margin-bottom: 20px;}/*.travel-select-icon .form-control*//*.trip-circle*/.trip-circle {    display: flex;    margin-bottom: 17px;}.single-trip-circle{    display: flex;}.single-trip-circle:nth-child(2){    display: flex;    margin-left: 42px;}.single-trip-circle input[type="radio"] {    display:none;}.single-trip-circle input[type="radio"] + label {    color: #565a5c;    font-size: 16px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    margin-bottom: 17px;    margin-left:0px;}.single-trip-circle input[type="radio"] + label span.round-boarder{    display:inline-block;    width:15px;    height:15px;    margin:-1px 4px 0 0;    vertical-align:middle;    cursor:pointer;    -moz-border-radius:  50%;    border-radius:  50%;}.single-trip-circle input[type="radio"] + label span.round-boarder1{    display:inline-block;    width: 9px;    height: 9px;    margin: -13px 0px 0 1px;    vertical-align:middle;    cursor:pointer;    -moz-border-radius:  50%;    border-radius:  50%;}.single-trip-circle input[type="radio"] + label span.round-boarder{    border:2px solid #aaa;}.single-trip-circle input[type="radio"] + label span.round-boarder1 {    border:1px solid #fff;    background-color:#fff;}.single-trip-circle input[type="radio"]:checked + label span.round-boarder1{     background-color:#00d8ff;}.single-trip-circle input[type="radio"] + label span.round-boarder1,.single-trip-circle input[type="radio"]:checked + label span.round-boarder1 {  -webkit-transition:background-color 0.4s linear;  -o-transition:background-color 0.4s linear;  -moz-transition:background-color 0.4s linear;  transition:background-color 0.4s linear;}/*.trip-circle*//* filter */.travel-budget {    margin-top: 38px;}.travel-budget h3{    color: #565a5c;    font-size: 20px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;}.price_filter{    margin-top: 9px;}.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {    background:  #d7d7d7;    border: medium none;    border-radius: 0;    height: 6px;    border: 1px solid #d7d7d7;    border-radius: 5px;}.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {    background: #00d8ff none repeat scroll 0 0;    border: 0px solid #00d8ff;    border-radius:50%;    height: 12px;    width: 12px;    outline: 0;    cursor: pointer;    z-index: 1;}.price_filter .ui-slider-range {background: #00d8ff none repeat scroll 0 0;}.price_slider_amount > input[type="text"] {    font-weight: 500;    font-size: 14px;    color: #aaa;    letter-spacing: 5.5px;    height: 40px;    text-align: center;    width: 280px;    border: none !important;;    font-family: 'Poppins', sans-serif;}.price_slider_amount label {    font-weight: 500;    font-size: 14px;    color: #aaa;    font-family: 'Poppins', sans-serif;}.price_slider_amount > input[type="text"]:focus {outline: 0}.price_slider_amount > input[type="submit"] {outline: 0;}.price_slider_amount {letter-spacing: 2px;}.price_slider_amount > input[type="submit"] {    font-weight: 500;    font-size: 14px;    color: #aaa;    font-family: 'Poppins', sans-serif;}/* .travel-btn */.about-view.travel-btn{    width: 180px;    margin-right: 15px;}/*-------------------------------------        5. Service--------------------------------------*/.service {    position: relative;    padding: 80px 0 54px;}/* single-ststistics-box */.single-service-box {    display: flex;    margin-bottom:30px;}/* single-ststistics-box */.service-content {    max-width: 268px;    margin-left: 7px;    margin-top: 6px;    margin:6px 0 30px 7px;    }.service-content h2 a{    color:#565a5c;    font-size:16px;    text-transform:capitalize;    font-family: 'Poppins', sans-serif;    font-weight: 500;}.service-content p{    color:#aaa;    font-size:14px;    text-transform:inherit;    font-family: 'Poppins', sans-serif;    margin-top: 17px;}.cookie-popup {        position: fixed;        bottom: 0;        left: 0;        width: 100%;        background-color: rgba(0, 0, 0, 0.8);        color: white;        padding: 20px;        display: block; /* initialement visible */        z-index: 1000;    }    .cookie-popup-content {        text-align: center;    }    .accept-cookies, .reject-cookies, .close-popup {        background-color: #4CAF50;        color: white;        padding: 10px 20px;        margin: 10px;        border: none;        cursor: pointer;    }    .accept-cookies:hover, .reject-cookies:hover, .close-popup:hover {        opacity: 0.8;    }    .close-popup {        background-color: #f44336;    }/*-------------------------------------        6. Gallery--------------------------------------*/.gallery{    background: #f9f9f9;}.gallery-details{    margin-top:117px;    margin-bottom:109px;}.gallery-content {    margin-top:62px;}/* gallary-header  */.gallary-header h2{    position:relative;    color:#565a5c;      font-size:30px;    font-weight:1500;    text-transform:capitalize;    font-family: 'Poppins', sans-serif;    padding-bottom:14px;}.gallary-header p{    position:relative;    color:#aaa;      font-size:16px;    font-family: 'Poppins', sans-serif;    margin-top: 17px;}/* featured-header  *//* ---- .item ---- */.filtr-container .filtr-item {    overflow:hidden;    float: left;    position:relative;    margin-bottom: 10px;    overflow:hidden;}/*.item img*/.filtr-container .filtr-item img{    width:100%;    height:100%;    transition:.5s;    -webkit-transition: .5s;    -moz-transition: .5s;    -ms-transition: .5s;    -o-transition: .5s;    transition: .5s;}.filtr-container .filtr-item:hover  img{    -webkit-transform:scale(1.5);    -moz-transform:scale(1.5);    -ms-transform:scale(1.5);    -o-transform:scale(1.5);    transform:scale(1.5);}/*.item img*//*.item-title*/.item-title{    position: absolute;    background:transparent;    bottom: 30%;    left: 20px;    width: 450px;    height: 60px;    -webkit-transition:all 0.6s linear;    -moz-transition:all 0.6s linear;    -ms-transition:all 0.6s linear;    -o-transition:all 0.6s linear;    transition: all 0.6s linear;}.item-title a {    color:#fff;    font-size:20px;    text-transform: capitalize;    font-family: 'Poppins', sans-serif;    font-weight: 500;    margin-bottom: 3px;    -webkit-transition:all 0.6s linear;    -moz-transition:all 0.6s linear;    -ms-transition:all 0.6s linear;    -o-transition:all 0.6s linear;    transition: all 0.6s linear;}.item-title p {    color:#fff;    font-size:16px;    text-transform: capitalize;    font-family: 'Poppins', sans-serif;    -webkit-transition:all 0.6s linear;    -moz-transition:all 0.6s linear;    -ms-transition:all 0.6s linear;    -o-transition:all 0.6s linear;    transition: all 0.6s linear;}.item-title p span{    padding-right: 20px;}.filtr-container .filtr-item:hover .item-title a,.filtr-container .filtr-item:hover .item-title p{    color:#000000;    background: rgba( 255, 87, 51 ,.5);    border-radius: 15px;    font-size:20px;}/*.item-title*/.fabs {  --_viewport-margin: 2.5vmin;  position: fixed;  z-index: var(--layer-1);  inset-block: auto var(--_viewport-margin);  inset-inline: auto var(--_viewport-margin);}.menu-flottant {    width:15em; /* Largeur des items du menu*/    float: right; /* Je veux que le menu soit à droite*/    position:fixed; /* Le menu est fixe à l'écran*/    z-index:9999; /* Il sera au dessus de tous les éléments*/    top: 20%; /* Il sera à 40% du bord supérieur de l'écran*/    font-size: 1em; /* Taille de la police*/    line-height: 2px; /* Hauteur de ligne du menu*/    color: #fff; /* Couleur de la police*/    font-weight:700; /* Mettre le texte en gras*/    text-transform:uppercase; /* Mettre le texte en majuscule*/    right: -11em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/}.menu-flottant ul {    list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/    margin: 0; /* Choix des marges internes et externes*/    padding: 0;}.menu-flottant ul li {    display:block; /* Définition des items en tant que bloc*/    background-color: #333; /* Couleur de fond*/    height: 3.5em; /* Hauteur des items du menu*/    padding: 1em 1.5em; /* Marges internes des items du menu*/    position: relative; /* On leur attribut une position relative*/    -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/    -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/    transition: transform .5s;}/*Couleurs de fond des items du menu*/.menu-flottant ul li:nth-child(1) {     background-color: #00aced; /* 1er item du menu*/} .menu-flottant ul li:nth-child(2) {     background-color: #00d8ff; /* 2e item du menu*/} .menu-flottant ul li:nth-child(3) {     background-color: #03C400; /* 3e item du menu*/} /* Si vous en avez plus de 3, ajouteZ ici les mêmes lignes en remplaçant les chiffres et couleurs*//* Création de la transformation CSS qui permet d'afficher le menu au passage de la souris*/.menu-flottant ul li:hover {    -webkit-transform: translateX(-5em);    transform: translateX(-10em);}/* Mise en forme des liens du menu*/.menu-flottant ul li a {    display:block; /* On les définit en tant que bloc*/    color: #FFF; /* Couleur du texte*/    text-decoration: none; /* On ne veut pas qu'ils soient soulignés par exemple*/    position: absolute; /* On leur attribut une position absolue*/    font-size:1em; /* Taille de la police*/    line-height: 1.5em; /* Hauteur de ligne*/    height:2em; /* Hauteur*/    top:0; /* Positionnement*/    bottom:0;    right: 0.2em;    margin:0 auto;    padding:1em 1.5em;}/* Mise en forme des icônes du menu*/  .menu-flottant ul li span {    float: left;  /* On les cale à gauche */    line-height: 1.5em; /* Hauteur de ligne */    height:2em;    padding-bottom: 1em;  }  .bouton-flottant {    position: fixed; /* Position fixe pour rester en place lors du scroll */    right: 10px; /* Distance de l'angle inférieur */    right: 5px; /* Distance de l'angle droit */    text-align: center; /* Centrage du texte */    text-decoration: none; /* Supprime le soulignement */    border-radius: 5px; /* Coins arrondis */    cursor: pointer; /* Changement du pointeur en main lors du survol */    transition: all 0.3s ease; /* Animation douce lors du survol */    z-index: 1000;}.bouton-flottant:hover {    /*background-color: #3e8e41; /* Changement de couleur au survol */*/}/*-------------------------------------        7.  Discount-offer--------------------------------------*/.discount-offer {    padding: 80px 0;  /*.KAMAL SLIDER*/    position: relative;    background: url(../../assets/images/home/IRM-CRDB.jpg)no-repeat center fixed;    background-size: cover;    z-index: 1;}.discount-offer:after,.subscribe:after {    position: absolute;    content: "";    top: 0;    left:0;    width: 100%;    height: 100%;    /*background: rgba(0,122,207,.5);*/    z-index: -1;}.dicount-offer-content h2{    color:#fff;    font-size:60px;    font-family: 'Poppins', sans-serif;    font-weight: 500;    line-height: 1.4;}/* campaign-timer */.campaign-timer{    background: rgba(50,55,63,.65);    max-width: 555px;    margin: 43px auto;    padding:24px 0 30px;    border-radius: 5px;    box-shadow: 0 0 20px rgba(34,31,31,.2);}.camp {    display: block;    font-size: 14px;    color: #fff;    font-weight:600;    font-family: 'Poppins', sans-serif;    padding: 10px 0;}.time-after{    position:relative;}.time-after:after{    position:absolute;    content:':';    top:10px;    right:-8px;}.time {    display: inline-block;    line-height: 1;    padding: 10px 22px 0;    font-weight: 500;    font-size:48px;    color: #fff;    font-family: 'Poppins', sans-serif;}/* campaign-timer *//*.discount-offer-btn*/.about-view.discount-offer-btn{    color: #fff;    max-width: 160px;    margin: 0 auto;}/*.discount-offer-btn*//*-------------------------------------        8. Packages --------------------------------------*/.packages{    padding:120px 0 90px;}.packages-content{    margin-top:65px;}/*single-package-item */.single-package-item{    margin-bottom: 30px;    padding-bottom: 20px;    box-shadow: 0 0 20px rgba(0,0,0,.1);    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.single-package-item-txt{    padding: 0 25px;}.single-package-item img {    width: 100%;}.single-package-item h3{    position: relative;    font-size: 20px;    color: #565a5c;    font-weight:500;    font-family: 'Poppins', sans-serif;    padding: 20px 0;}.single-package-item h3:after{    position: absolute;    content: " ";    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background: #ebebeb;}.packages-para{    padding:-10px 0 0;    text-transform: capitalize;}.packages-para-nor{    padding:5px 0 0;    /*text-transform: capitalize;*/}.packages-para p{    font-size: 14px;    color: #aaa;    font-family: 'Poppins', sans-serif;    margin-bottom:5px;}.packages-para p span{    display: inline-block;     width: 300px;}.packages-review p i{    color: #ffdf00;    font-size: 16px;}.packages-review span{    margin-left: 20px;    font-size: 14px;    color: #aaa;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;}.about-view.packages-btn{    width: 150px;    height: 35px;    font-size: 14px;    color: #fff;    text-transform: capitalize;    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.about-view.packages-btn:hover{    box-shadow: 0 5px 20px rgba(14,15,18,.3);}.about-view2 {    display: flex;    justify-content: center;    align-items: center;    background: #00d8ff;    border: 1px solid #00d8ff;    width: 350px;    height: 60px;    white-space: nowrap;    color: #fff;    font-size:20px;    font-family: 'Poppins', sans-serif;    text-transform: uppercase;    border-radius: 5px;    box-shadow: 0 5px 20px rgba(14,15,18,.2);    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -ms-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}.about-view2.packages-btn2{    width: 250px;    height: 35px;    font-size: 14px;    color: #fff;    text-transform: capitalize;    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.about-view2.packages-btn2:hover{    box-shadow: 0 5px 20px rgba(14,15,18,.3);}.single-package-item:hover{    box-shadow: 0 0 20px rgba(0,0,0,.2);}.positionligne{margin-right:0;margin-left:0; text-align:center;}/*single-package-item *//*-------------------------------------        9. Testemonial --------------------------------------*/.testemonial{    position:relative;    background: #f9f9f9;    padding:50px 0;}/*testemonial-carousel*/.home1-testm-single {    max-width: 345px;    background: #EAECEE;    padding: 50px 0;    box-shadow: 0 0 20px rgba(0,0,0,.1);    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;}.home1-testm-single:hover {    box-shadow: 0 0 30px rgba(0,0,0,.3);}.home1-testm.item {    padding-top: 74px;    padding-bottom: 30px;}/*.home1-testm-img*/.testemonial .owl-carousel .owl-item img {    display: inline-block;    width:200px;    height: 200px;    line-height: 80px;    border-radius: 50%;}/*.home1-testm-img*//*owl-carousel*/.testemonial .owl-carousel .owl-stage-outer {    position: relative;    overflow: hidden;    padding: 0 19px;}.testemonial .owl-theme .owl-nav.disabled+.owl-dots {    margin-top: 10px;}.testemonial .owl-theme .owl-dots .owl-dot span {    width: 15px;    height: 15px;    margin: 5px 3px;    border-radius:50%;    background: #aaa; }.testemonial .owl-theme .owl-dots .owl-dot.active span{    background: #F57C00;}/*owl-carousel*//*home1-testm-txt*/.home1-testm-txt {    padding-top: 10px;}.home1-testm-txt p{    color: #aaa;    font-size: 16px;    font-family: 'Poppins', sans-serif;    max-width: 284px;    margin: 0 auto;    padding: 20px 0;}.home1-testm-txt h3 a{    display: block;    color: #00d8ff;    font-size: 16px;    font-family: 'Poppins', sans-serif;    font-weight: 500;    text-transform: capitalize;}.home1-testm-txt h4{    color: #aaa;    font-size: 14px;    font-family: 'Poppins', sans-serif;    font-weight: 300;    padding: 15px 0 0px;}.home1-testm-txt span {    color: #ddd;    font-size: 18px;}/*home1-testm-txt*//*testemonial-carousel*//*-------------------------------------        10.  Special-Offer--------------------------------------*/.special-offer{    position: relative;    background: url(../../assets/images/offer/offer-banner.jpg)no-repeat center;    background-size: cover;    z-index: 1;}.special-offer:after{    position: absolute;    content: "";    top: 0;    left:0;    width: 100%;    height: 100%;    background: rgba(0,216,255,.6);    z-index: -1;}/*.single-special-offer-bg*/.single-special-offer-bg {    margin-top: -1px;    position: relative;    padding-bottom: 42px;    z-index: -1;}.single-special-offer-bg:before {    position: absolute;    top:0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,216,255,.7);    z-index: 1;}.single-special-offer-bg img {    height: 807px;}.single-special-shape-txt {    position: absolute;    top: 60px;    left:62px;}.single-special-shape-txt h3,.single-special-shape-txt h4{    color: #fff;    font-size: 30px;    font-family: 'Poppins', sans-serif;    font-weight: 700;    text-align: center;}.single-special-shape-txt h4{    text-transform: uppercase;    margin: 174px 0;    line-height: 1.3;}.single-special-shape-txt h4 span{    font-size: 60px;}.single-special-shape-txt p{    font-size: 20px;    font-weight: 500;    color: #fff;    text-align: center;    text-transform: capitalize;}.single-special-shape-txt p span{    font-size: 60px;    font-weight: 700;}/*.single-special-offer-bg*//*single-special-offer*/.single-special-offer-txt{    padding: 172px 0 0;}.single-special-offer h2{    color: #74eaff;    font-size: 30px;    font-family: 'Poppins', sans-serif;    font-weight: 500;    margin-bottom: 22px;}/*single-special-offer*/.packages-para.special-offer-para p{    color: #fff;}.packages-para.special-offer-para p span{    display: inline;    color: #fff;    width: 100%;    margin-right: 25px;}.offer-para{    margin-top: 31px;    text-transform: initial;    line-height: 2;}.packages-review.special-offer-review {    margin-bottom: 13px;}.packages-review.special-offer-review span{    color: #fff;}.offer-btn-group{    display: flex;    margin-top: -10px;}.about-view.packages-btn.offfer-btn{    background: transparent;    border:1px solid #fff;    color: #fff;    margin-right: 25px;}/*-------------------------------------        11. Blog--------------------------------------*/.blog{    background: #fff;        padding: 115px 0 92px;}/*blog-content*/.blog-content {    margin-top: 66px;    }.blog-content .thumbnail {    background:transparent;    border:transparent;    box-shadow: 0 0 15px rgba(0,0,0,.1);    margin-bottom:30px;    -webkit-transition: .5s;    -moz-transition: .5s;    -ms-transition: .5s;    -o-transition: .5s;    transition: .5s;}.blog-content .thumbnail:hover {    box-shadow: 0 0 20px rgba(0,0,0,.2);}.thumbnail h2{    padding: 25px 0 25px 20px;    color:#565a5c;    font-size:16px;    font-family: 'Poppins', sans-serif;}.thumbnail span{    color:#aaa;    font-size:14px;    font-weight: normal;    padding-left: 25px;    font-family: 'Poppins', sans-serif;}/*.thumbnail-img*/.thumbnail-img{position:relative;}.blog-content .thumbnail .thumbnail-img  img{    max-width: 102%;    margin-left: -4px;}.thumbnail-img-overlay{    position:absolute;    top:0;    left:-4px;    width:102%;    height:100%;    background:rgba(0,0,0,.5);    opacity:0;    -webkit-transition: .5s;    -moz-transition: .5s;    -ms-transition: .5s;    -o-transition: .5s;    transition: .5s;}.blog-content .thumbnail:hover  .thumbnail-img-overlay{    opacity:1;}/*.thumbnail-img*//*.caption*/.blog-content .caption {    background:#fff;    -webkit-transition: .5s;    -moz-transition: .5s;    -ms-transition: .5s;    -o-transition: .5s;    transition: .5s;}.blog-content .thumbnail:hover  .caption {    border:transparent;    }.blog-txt {    margin-top:8px;    margin-left:12px;}.blog-content .caption .blog-txt  h3 a{    color:#565a5c;    font-size:15px;    font-weight:500;    font-family: 'Poppins', sans-serif;    margin-top:15px;    padding-bottom: 3px;    min-height: 63px;    line-height: 2;}.blog-content .caption .blog-txt p{    color:#aaaaaa;    font-size:14px;    font-family: 'Poppins', sans-serif;    min-height: 105px}.blog-content .caption .blog-txt a {    font-family: 'Poppins', sans-serif;    font-size: 16px;    color: #64cbfa;    padding-bottom: 12px;    -webkit-transition: .5s;    -moz-transition: .5s;    -ms-transition: .5s;    -o-transition: .5s;    transition: .5s;}/*.caption*//*blog-content*//*-------------------------------------        12.  Subscribe--------------------------------------*/.subscribe {    position: relative;    padding: 120px 0;    background: url(../../assets/images/home/subscribe-banner.jpg)no-repeat center fixed;    background-size: cover;    z-index: 1;}/*subscribe-title*/.subscribe .subscribe-title {    margin-bottom: 45px;}.subscribe-title h2{    color:#fff;    font-size:38px;    font-family: 'Poppins', sans-serif;    font-weight: 500;    line-height: 1.4;    }.subscribe-title p{    color:#fff;    font-size:20px;    font-family: 'Poppins', sans-serif;    line-height: 1.4;    margin-top: 10px;}/*subscribe-title*//*custom-input-group*/.custom-input-group {    position: relative;}.custom-input-group i{    position: absolute;    color: #aaa;    font-size:16px;    top: 25px;    left: 40px;}.custom-input-group .form-control {    position: absolute;    height: 100%;    left: 0;    top: 0;    padding-left: 63px;    padding-right: 155px;    font-size: 16px;    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    border-color: #eee;}.custom-input-group .subscribe-btn {    float: right;    position: relative;    z-index: 1;    margin: 5px 5px;}/*custom-input-group*//*appsLand-btn*/.appsLand-btn {    background: #00d8ff;    display: inline-block;    padding: 17px 54px;    text-decoration: none;    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    text-transform: uppercase;    color: #fff;    font-size: 16px;    font-weight: 500;    font-family: 'Poppins', sans-serif;    box-shadow: 0 1px 5px rgba(2, 3, 3, 0.15);    letter-spacing: 0.7px;    border: 0;    position: relative;    overflow: hidden;    cursor: pointer;    -webkit-transition: all 0.5s ease-in-out 0s;    -moz-transition: all 0.5s ease-in-out 0s;    -o-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;}.appsLand-btn:hover, .appsLand-btn:focus, .appsLand-btn:active {    text-decoration: none;    outline: none;}.appsLand-btn:hover {    box-shadow: 0 3px 25px rgba(2, 3, 3, 0.25);    background: #00d8ff;}.appsLand-btn.appsLand-btn-larg {    padding: 20px 40px;}.appsLand-btn.appsLand-btn-larg i {    margin-right: 9px;    font-size: 24px;    vertical-align: sub;}/*appsLand-btn*//*-------------------------------------        13.  Footer-copyright--------------------------------------*/.footer-copyright{    background:#f9f9f9;    padding: 0 0 60px;}.footer-content{    padding:120px 0;}/*single-footer-item*/.single-footer-item{    font-family: 'Poppins', sans-serif;    text-transform: capitalize;}.single-footer-item h2{    color:#565a5c;    font-size:16px;    font-weight: 600;    margin-bottom:40px;}/*single-footer-item*//*footer-logo*/.footer-logo {    padding-top: 76px;}.footer-logo a, .footer-logo a:hover,.footer-logo a:focus {    color: #565a5c;    font-size:24px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;    font-weight: 600;    margin: 14px 0px 0;    padding: 10px 0 0 0;}.footer-logo a>span {    color: #00d8ff;    text-transform: capitalize;} .footer-logo p{    color: #aaa;    font-size:16px;    font-family: 'Poppins', sans-serif;    text-transform: capitalize;}/*footer-logo*//*single-footer-txt*/.single-footer-txt p{    margin-bottom:8px;}.single-footer-txt p a{    color:#565a5c;    font-size:16px;    -webkit-transition: .5s ease-in-out;     -moz-transition:.5s ease-in-out;     -ms-transition:.5s ease-in-out;     -o-transition:.5s ease-in-out;    transition: .5s ease-in-out;    }.single-footer-txt p a:hover{    -webkit-transition:scaleX(1.2);    -moz-transition:scaleX(1.2);    -ms-transition:scaleX(1.2);    -o-transition:scaleX(1.2);    transform:scaleX(1.2);    color: #00d8ff;}/*single-footer-txt*/.footer-copyright hr{    border-top: 1px solid #ebebeb;}/*foot-icons*/.foot-icons {    text-align: center;    margin-top:60px;} .foot-icons .footer-social-links li {    padding: 0 10px;    text-align: center;}.foot-icons .footer-social-links a {    color: #fff;    display: block;    font-size: 18px;    width: 60px;    line-height: 60px;    height: 60px;    border-radius: 50%;    -webkit-transition: all 0.5s ease-in-out 0s;    -moz-transition: all 0.5s ease-in-out 0s;    -o-transition: all 0.5s ease-in-out 0s;    -ms-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;    border-radius: 50%;}.foot-icon-bg-1{    background: #3b5999;}.foot-icon-bg-2{    background: #1da1f3;}.foot-icon-bg-3{    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8938ae+0,c13181+100 */    background: #8938ae; /* Old browsers */    background: -webkit-linear-gradient(right, #8938ae 0%, #c13181 100%);    background: -o-linear-gradient(right, #8938ae 0%, #c13181 100%);    background: linear-gradient(to right, #8938ae 0%, #c13181 100%);}.foot-icons .footer-social-links a:hover {    /*color: #00d8d5;*/    color: #2cdbb5;    -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}.foot-icons p{    color:#aaa;    font-size:16px;    margin-top:28px;}.foot-icons p a,.foot-icons p a:hover,.foot-icons p a:focus{    color:#00d8ff;    font-size:16px;    margin-top:28px;}/*foot-icons*//*===============================         Scroll Top===============================*/#scroll-Top  .return-to-top {    position: fixed;    right: 30px;    bottom: 30px;    display: none;    width: 40px;    line-height: 40px;    height: 40px;    text-align: center;    font-size: 30px;    cursor: pointer;    z-index:15;    color: #fff;    background:#00d8ff;    border:1px solid #00d8ff;    border-radius:5px;    -webkit-transition: .5s;     -moz-transition:.5s;     -ms-transition:.5s;     -o-transition:.5s;    transition: .5s;    z-index: 2;}#scroll-Top  .return-to-top:hover {    background:#2cdbb5;    color: #fff;    border-radius:50%;}/*========================Thank you=================*/