body{font-family:"Poppins";overflow-X: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}

.head_nav{background:transparent; position: relative; left: 0; top: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 10;padding: 14px 0; border-top: 5px solid #ed1c24;}
.head_nav nav{padding:0;}
.head_nav .navbar-brand{padding:0;}
.head_nav form{margin:0 0 0 auto;display: flex;flex-wrap: wrap;}
.head_nav form input{width: 310px; height: 40px; border: 1px solid #7c7c7c;border-radius: 5px;}
.input_area{display: inline-block; margin-left: 25px;}
.input_area input:focus{box-shadow: none; border: 1px solid #ed1c24;}
.logbtn{width: 150px; height: 40px; background: #ed1c24; border-radius: 5px; border: none;color: #fff; transition: all 0.5s;font-weight:bold; text-transform: uppercase;}
.input_area p{font-size: 14px; margin: 0;}
.input_area p a{color: #ed1c24;}
.logbtn:hover{background: #000;}
.sticky_menu{position:fixed; top:0; left:0; width:100%;z-index:12;background: #fff;}
.head_nav .navbar-brand img{width:225px;}
.sticky_menu.head_nav .navbar-brand img{width: 170px;transition: all 0.5s;filter: none;}
.sticky_menu.head_nav .navbar-nav .nav-link{color: #000;}
.mega_menu {position: inherit !important;}
.head_nav .dropdown li a{color: #fff !important;}

.hamburger {display: none;}

.banner_area{background:url(/Libe/images/slider_back.webp), linear-gradient(180deg, #ed1c24 0, #a80006 50%); height: 750px;position: relative;background-position: bottom, top;background-repeat: no-repeat;background-size: cover;}
.banner_area:after {background-image: url(/Libe/images/banner_clip.webp);content: "";position: absolute;bottom: 0;width: 100%;height: 100%;left: 0;background-repeat: no-repeat;background-position: bottom;z-index: 2;}
.banner_inner {z-index: 2;position: relative;}
.banner_area .particles-js-canvas-el{position: absolute;top: 0;left: 0;z-index: 1;}
.bnr_btm{position: absolute; right: 0; top: 0; width: 100%;z-index: 10;}
.banner_cont{padding-top: 25px;}
.banner_cont h1{font-family: "Pacifico", cursive; color: #f0ff00; font-size: 42px; text-align: center;position: relative;}
.banner_cont h1:after{content: ""; position: absolute; width: 146px; height: 5px; bottom: -20px; border-radius: 100px;background: #f0ff00;left: 50%; transform: translateX(-50%);}
.call_btn{font-size: 32px; font-weight: bold; text-transform: uppercase; color: #fff !important; display: block; text-align: center; margin: 30px 0 0;}

.banner_img{margin-top: 50px;}
.banner_form{background: #fff; border-radius: 30px;padding: 25px 35px;border-bottom: 10px solid #ed1c24;margin-top: 20px;box-shadow: 0 0 50px rgba(0,0,0,0.3);}
.form_input_margin{margin: 15px -12px;}
.rowLabel{color: #505050;width: 100%; margin: auto 0;}
.banner_form input, .banner_form select{border: 1px solid #7c7c7c;border-radius: 5px; appearance: auto;padding:9px 5px;}
.banner_form input:focus, .banner_form select:focus{box-shadow: none; border: 1px solid #ed1c24;}
.InputGroup {display: -webkit-box;display: flex;height: 45px;width: 100%;}
.InputGroup input[type="radio"] {visibility: hidden;height: 0;width: 0;}
.InputGroup label {display: -webkit-box;display: flex;-webkit-box-flex: 1;flex: auto;vertical-align: middle;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;cursor: pointer;background-color: #ed1c24;color: #fff;padding: 5px 10px;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: all 0.5s;}
.InputGroup input[type="radio"]:checked + label {background-color: #000;color: #fff;}
.InputGroup input[type="radio"]:hover:not(:checked) + label {background-color: #000;color: #fff;}
.check_area label{color: #505050;}
.check_area label a{color: #0024ff;}
.form_btn{justify-content: center;}
.log_btn{text-align: right;width:100%;display: flex;justify-content: end;}

.head{font-size: 48px; font-weight: bold; margin: 0 0 40px; color: #ed1c24; text-transform: uppercase;}
.head_bar{height: 5px;width: 90px;background: #f39cc0;margin: 5px 0 0;position: relative;border-radius: 30px;display: block;}
.head_bar:before {content: '';position: absolute;left: 0;top: -3px;height: 10px;width: 10px;border-radius: 50%;background: #ed1c24;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: MOVE-BG;animation-name: MOVE-BG;}
@keyframes MOVE-BG {
    from {-webkit-transform: translateX(0);transform: translateX(0);}
    to {-webkit-transform: translateX(88px);transform: translateX(88px);}
}

.why_area{margin-top: 70px; padding: 70px 0; background: url(/Libe/images/why_back.webp) no-repeat center; background-size: cover; background-attachment: fixed;}
.why_area .head{text-align: center;}
.why_area .head_bar{position: absolute;left: 50%;transform: translateX(-50%);}
.why_left{height: 525px;position: relative;}
.why_left img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.why_left:after{content: ""; border-radius: 10px; border: 3px solid #ed1c24; position: absolute; left: 20px; top: 20px;width: 100%; height: 100%;}
.why_right{margin: auto 0; width: 100%;padding-left: 45px;}
.why_right p{font-size: 16px; color: #505050; text-align: justify; line-height: 28px; margin: 0;}
.btn_area{width: 150px; height: 40px; background: #ed1c24; border-radius: 5px; color: #fff; transition: all 0.5s;font-weight:bold; text-transform: uppercase; display: inline-block; text-align: center; line-height: 40px;margin-top: 15px;}
.btn_area:hover{background: #000; color: #fff;}

.find_area {
    background: url(../../Libe/images/find_back.webp) no-repeat center;
    background-size: cover;
    padding: 10px 0;
}
.find_left {width: 100%; margin: auto 0;}
.find_right{text-align: right;}
.find_left h3{color: #fff;font-weight: bold; text-transform: uppercase; margin: 0; font-size: 48px; line-height: 70px;}
.find_right img{width: 100%;}

.work_area{margin: 70px 0;position: relative;}
.work_area:before{content: "";background: url(/Libe/images/partner_img.webp) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;width: 50%;height: 100%; border-radius: 0 50px 50px 0;}
.work_area:after{content: "";background: #494e00;position: absolute;left: 0;top: 0;width: 50%;height: 100%; border-radius: 0 50px 50px 0;mix-blend-mode: hard-light;}

.work_right{position: relative;padding: 100px 0 100px 115px;}
.partner_area{width: 275px;height: 275px;background: linear-gradient(180deg, #ed1c24 0, #a80006 50%);border-radius: 100%;position: absolute;left: -200px;top: 50%;transform: translateY(-50%);text-align: center;z-index: 1;}
.partner_area h3{color: #fff; font-size: 30px; font-weight: bold; text-transform: uppercase;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.partner_area h3 span{display: block; font-size: 52px; color: #f0ff00;}
.partner_area:before{content: ""; width: 315px; height: 315px; background: rgba(237, 28, 36, 0.5);position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 100%;}
.work_icon{width: 100%; max-width: 90px; height: 90px; border-radius: 100%; border: 1px solid #000; background: #ed1c24; color: #fff; font-size: 30px; line-height: 90px;text-align: center;}
.work_box{display: flex;margin: 30px 0;}
.work_cont{padding-left: 24px;}
.work_cont h3{font-size: 22px; font-weight: bold; color: #000; text-transform: uppercase;}
.work_cont p{color: #505050; line-height: 28px; text-align: justify;margin: 0;}

.footer_area{background: #333333; padding: 70px 0;}
.foot_logo{text-align: center;}
.foot_link{text-align: center;margin-top: 50px;}
.foot_link ul li{display: inline-block;}
.foot_link ul li a{color: #fff; font-size: 20px; text-transform: uppercase;padding: 0 25px;font-weight: 600;}

.copy_area{background: #000; text-align: center;padding: 20px 0;}
.copy_area p{color: #fff; margin: 0;}


.ph_sticky {position:fixed;right:25px; top:50%; transform:translateY(-50%);z-index: 100;}
.ph_sticky:before{content:"";background: linear-gradient(to top, #ed1c24 0%, #ff7277 100%);height:80px;position:absolute; top:50%; transform:translateY(-50%);width: 100px;right: -50px;}
.ph_sticky a{width:140px; height:140px;border-radius:100%;background: linear-gradient(to top, #ed1c24 0%, #ff7277 100%); display:block; position:relative;}
.ph_sticky a:before {content: "";background: url('../Images/call_img.png') no-repeat 0 0;width:80px; height:37px; background-size:100%; position:absolute; left:50%; top:10px;transform: translateX(-50%);}
.ph_sticky a span{width:70px; height:70px;line-height:70px; border-radius:100%; color:#fff; text-align:center; background: linear-gradient(to top, #ff7277 0%, #ed1c24 100%); display:block; font-size:36px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.ph_sticky a span i{line-height:70px;}
.wp_sticky{position:fixed;bottom:20px; right:30px;z-index: 100;}
.wp_sticky img{width:130px;}


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .head_nav form input{width: 200px;}
    .banner_cont h1{font-size: 26px;}
    .call_btn{font-size: 22px;}
    .check_area{display: flex;}
    .check_area input{height: 18px !important; margin: 0 10px 0 0;}
    .head{font-size: 32px;}

    .partner_area{width: 150px;height: 150px;left:-120px;}
    .partner_area:before{width: 180px; height: 180px;}
    .partner_area h3{font-size: 15px;}
    .partner_area h3 span{font-size: 26px;}
    .work_right{padding: 40px 0 40px 60px;}
    .work_cont h3{font-size: 18px;}
    .work_icon{max-width: 50px;height: 50px;font-size: 24px;line-height: 50px;}
    .work_box{margin: 15px 0;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 120px;}
    .hamburger{background: #fe0000;padding: 10px;border: none; display: block;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav .navbar-nav .nav-link{padding: 0;line-height: 38px;color: #fff;}

    .head_nav .navbar-nav{background: #fe0000;padding:20px;overflow-y: scroll;}
    .head_nav .dropdown-menu{left: 0; transform:none;}
    .head_nav .dropdown-menu span{margin: 10px 0;}
    .sticky_menu{position: absolute;}
    .sticky_menu.head_nav .navbar-nav .nav-link{color: #fff;}

    .head{font-size: 22px;}

    .banner_area{height: auto;}
    .banner_area:after{bottom: -1px;background-position: 22% bottom;}
    .banner_img{margin-top: 8px;}
    .banner_img img{width: 100%;}
    .banner_inner{text-align: center;}
    .bnr_btm{position: relative;}
    .banner_cont h1{font-size: 28px;}
    .call_btn{font-size: 22px;}
    .banner_form{padding: 5px 15px; border-radius: 15px;}
    .InputGroup, .banner_form input, .banner_form select{height: 35px;padding: 0 5px;font-size: 14px;}
    .form_input_margin{margin: 5px -12px;}
    .rowLabel, .check_area label{font-size: 14px;}
    .check_area{display: flex;}
    .check_area input{height: 18px !important; margin: 0 10px 0 0;} 
    .find_left h3{font-size: 28px; line-height: 38px;}

    .partner_area{width: 150px;height: 150px;left:-120px;}
    .partner_area:before{width: 180px; height: 180px;}
    .partner_area h3{font-size: 15px;}
    .partner_area h3 span{font-size: 26px;}
    .work_right{padding: 40px 0 40px 60px;}
    .work_cont h3{font-size: 18px;}
    .work_icon{max-width: 50px;height: 50px;font-size: 24px;line-height: 50px;}
    .work_box{margin: 15px 0;}
}

@media (max-width:767px){
    .input_area{margin: 0;width: 100%;}
    .head_nav form input{width: 100%;}

    .head_nav .navbar-brand img{width: 120px;}
    .hamburger{background: #fe0000;padding: 10px;border: none; display: block;cursor:pointer;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav .navbar-nav .nav-link{padding: 0;line-height: 38px;color: #fff;}
    .log_btn{flex-wrap:wrap;}
    .input_area{margin:10px 0;}

    .head_nav .navbar-nav {
        background: #fe0000;
        padding: 20px;
        overflow-y: scroll;
    }
    .head_nav .dropdown-menu{left: 0; transform:none;}
    .head_nav .dropdown-menu span{margin: 10px 0;}
    .sticky_menu{position: absolute;}
    .sticky_menu.head_nav .navbar-nav .nav-link{color: #fff;}

    .head{font-size: 18px;}

    .banner_area{height: auto;}
    .banner_area:after{bottom: -1px;background-position: 22% bottom;}
    .banner_img{margin-top: 8px;}
    .banner_img img{width: 100%;}
    .banner_inner{text-align: center;}
    .bnr_btm{position: relative;}
    .banner_cont h1{font-size: 20px;}
    .call_btn{font-size: 18px;}
    .banner_form{padding: 5px 15px; border-radius: 15px;}
    .InputGroup, .banner_form input, .banner_form select{height: 35px;padding: 0 5px;font-size: 14px;}
    .form_input_margin{margin: 5px -12px;}
    .rowLabel, .check_area label{font-size: 14px;}
    .check_area{display: flex;}
    .check_area input{height: 18px !important; margin: 0 10px 0 0;} 

    .why_area{margin-top: 40px; padding: 40px 0;}
    .why_left:after{left: 10px; top: 10px;}
    .why_left{height: 300px;}
    .why_right{padding: 15px 0 0;}

    .find_area{padding: 40px 0;}
    .find_left{text-align: center;}
    .find_left h3{font-size: 28px;line-height: 36px;}
    .find_right{margin-top: 20px;}

    .work_area{margin: 40px 0;}
    .work_area:after, .work_area:before{width: 100%;height: 300px; border-radius: 40px;}
    .work_right{margin-top:360px; padding: 0 12px;}
    .partner_area{width: 150px;height: 150px;left: 50%;top: -175px;transform: translateX(-50%);}
    .partner_area:before{width: 180px; height: 180px;}
    .partner_area h3{font-size: 15px;}
    .partner_area h3 span{font-size: 26px;}
    .work_cont h3{font-size: 18px;}
    .work_cont{padding-left: 10px;}
    .work_icon{max-width: 50px;height: 50px;font-size: 24px;line-height: 50px;}
    .work_box{margin: 15px 0;}
    
    .footer_area{padding: 40px 0;}
    .foot_logo img{width: 100px;}
    .foot_link ul li a{font-size: 16px;padding: 5px 10px;}
    .foot_link{margin-top: 20px;}


    .ph_sticky{right:5px;top:75%;}
	.ph_sticky a{width:120px; height:120px;}
	.ph_sticky a span{width:60px; height:60px; line-height:50px;font-size:36px;}
    .ph_sticky a span i{line-height:60px;}
	.ph_sticky a::before {width:60px;}
	.ph_sticky::before {height:60px;}
	.wp_sticky{right:10px;bottom:50px;}
	.wp_sticky img{width:100px;}
}
/*===============Responsive Ends===============*/




































