*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Lato', sans-serif;}
html {
  scroll-behavior: smooth;
}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}
body{background: #f3f7fc; background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.form-control:focus{box-shadow: none;}

/*Top Section*/
.top-section{background: #0D1E50; height: 45px;
    line-height: 44px;}
.top-section .left .phone{position: relative; padding: 0; margin: 0;}
.top-section .left .phone li{position: relative; z-index: 11; list-style: none;
    display: inline-block; margin-right: 10px; padding-right: 12px; border-right: 1px solid #ffffff59;}
.top-section .left .phone li:last-child{margin-right: 0; padding-right: 0; border-right: none;}
.top-section .left .phone:before{content: ""; position: absolute; right: -23px;
    top: 0; bottom: -1px; transform: skew(-37deg); width: 1200px; border-right: 0;
    background: #ff3e55; height: 45px; z-index: 1;}
.top-section .left .phone a{color: #fff;}
.top-section .left .phone a .feather{width: 18px; margin-right: 6px;}

.top-section .right{text-align: right;}
.top-section .right ul{margin: 0; padding: 0;}
.top-section .right li{list-style: none; display: inline-block;
    margin-right: 10px; padding-right: 12px; border-right: 1px solid #ffffff59;}
.top-section .right li:last-child{margin-right: 0; padding-right: 0; border-right: none;}
.top-section .right li:first-child a .feather{margin-right: 4px;}
.top-section .right li a{color: #fff;}
.top-section .right li a .feather{width: 18px;}


/*Menu Section*/
.menu-section{background: #fff; z-index: 11; position: relative;}
.menu-section .row{align-items: center;}
.menu-section .nav-link {font-size: 14px; text-transform: uppercase;
    font-weight: 600; letter-spacing: 0.6px; margin: 0px 8px; color: #0D1E50;}
.menu-section .right-btn .login-btn{display: inline-block; background: #0D1E50;
    color: #fff; border-radius: 40px; padding: 7px 20px 6px 20px; margin-right: 15px;
    letter-spacing: 0.6px;}
.menu-section .right-btn .login-btn .feather{width: 18px; position: relative; top: -1px;
    margin-right: 4px;}
.menu-section .right-btn button{background: #ff3e55; color: #fff;
    border-radius: 40px; padding: 7px 15px 6px 15px; letter-spacing: 0.6px;}
.menu-section .right-btn button .feather{width: 18px; position: relative; top: -1px;
    margin-right: 4px;}
.menu-section .offcanvas-header{background: #fff; color: #0d1e50;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 40%);}
.menu-section .offcanvas-header #offcanvasRightLabel{font-size: 21px;
    font-weight: 700; text-transform: capitalize; padding-bottom: 0px;
    color: #0D1E50; font-family: sans-serif; letter-spacing: 0.5px;
    margin-bottom: 0;}
.menu-section .offcanvas-body .form-group{margin-top: 15px;}
.menu-section .offcanvas-body .form-control{height: 48px; font-size: 14px;}
.menu-section .offcanvas-body textarea{min-height: 110px!important;}
.menu-section .offcanvas-body button{display: inline-block; background: #0D1E50;
    color: #fff; border-radius: 40px;  padding: 7px 20px 6px 20px;
    margin-top: 15px; letter-spacing: 0.6px;}
.menu-section .offcanvas-body button .feather {width: 18px; position: relative;
    top: -1px; margin-right: 4px;}
.menu-section .offcanvas-body .contact{margin-top: 40px; background: #e3eaff;
    padding: 13px 18px; border-radius: 4px;}
.menu-section .offcanvas-body .contact .phone{display: flex; align-items: center; margin: 10px 0px;}
.menu-section .offcanvas-body .contact .phone .icon{margin-right: 8px; background: #ff3e55;
    width: 34px; height: 36px; text-align: center; line-height: 34px; border-radius: 4px;}
.menu-section .offcanvas-body .contact .phone .icon .feather{color: #fff; width: 16px;}
.menu-section .offcanvas-body .contact .phone small{color: #0D1E50; letter-spacing: 1.5px; font-size: 12px;
    font-family: math; word-spacing: 1px;}
.menu-section .offcanvas-body .contact .phone p{margin-bottom: 0; color: #0D1E50; font-size: 16px;
    font-family: math;}

/*Banner Section*/
.banner-section{height: 600px; overflow: hidden; position: relative;}
.banner-section .item{position: relative;}
.banner-section .image{position: relative;}
/*.banner-section .image:before{content: ''; position: absolute; left: 0; top: 0; height: 100%;
    width: 100%; background-image: url('../images/banner-bg.png');}*/
.banner-section .image img{height: 600px;}
.banner-section .content{position: absolute; top: 25%; left: 10%; width: 48%;
    z-index: 11;}
.banner-section .content h1{font-size: 46px; color: #fff; font-weight: 700; letter-spacing: 1px;
    word-spacing: 4px; margin-bottom: 30px;}
.banner-section .content h1 span{color: #fff; display: block; width: 100%; font-size: 44px;
    letter-spacing: 3px; word-spacing: 6px; font-family: system-ui;}
.banner-section .content p{color: #eee; font-size: 17px;}

.banner-section .content .phone{display: flex; align-items: center; color: #fff; margin-top: 30px;}
.banner-section .content .phone .icon{margin-right: 15px; background: #fff; width: 60px;
    height: 60px; text-align: center; line-height: 60px;}
.banner-section .content .phone .icon .feather{color: #ff3e55; width: 20px;}
.banner-section .content .phone .data p{margin-bottom: 0px; color: #fff; font-size: 30px;
    font-weight: bold; font-family: ui-rounded; letter-spacing: 1px;}
.banner-section .content .phone small{font-size: 14px; letter-spacing: 2px;
    text-transform: capitalize; color: #ff3e55; font-weight: bold;}

/*Partner Section*/
.partner-section{position: relative; margin-top: -165px; z-index: 9;
    overflow: hidden;}
.partner-section .row{position: relative; padding: 40px 15px; height: 300px;}
.partner-section .row::before{content: ''; position: absolute; left: 0; top: 0;
    border-radius: 6px; background-image: url('../images/pattern-1.png');
    background-size: cover; background-color: #ff3e55; width: 140%; height: 400px;}
/*.partner-section .pattern{position: absolute; left: 90px; top: 0px; right: 0px;
    bottom: 0px; background-color: #ff3e55; border-top-left-radius: 6px;
    background-size: cover;}*/
.partner-section .left .item a{background: #fff; display: inline-block; height: 60px;
    padding: 10px 20px; border-radius: 4px;}
.partner-section .right{position: relative; z-index: 11; text-align: right;}
.partner-section .right .btn a{display: inline-block; background: #0D1E50;
    color: #fff; border-radius: 40px; padding: 10px 20px 9px 20px;
    margin-right: 15px; letter-spacing: 0.6px;}
.partner-section .right .btn a .feather{width: 18px; position: relative; top: -1px;}


/*Banner Bottom Section*/
.module-section{position: relative; margin-top: -165px; z-index: 9;
    overflow: hidden; background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.module-section .container{position: relative; padding: 20px 15px 40px 15px;}
.module-section .container::before{content: ''; position: absolute; right: 0; top: 0;
    border-radius: 6px; background-image: url('../images/pattern-1.png');
    background-size: cover; background-color: #e3eaff; width: 140%; height: 100%;}
.module-section .heading{position: relative; z-index: 11; margin-bottom: 25px; width: 80%;}
.module-section .heading h1{font-size: 32px; font-weight: 700; text-transform: capitalize;
    padding-bottom: 0px; color: #0D1E50; font-family: sans-serif; letter-spacing: 0.6px;}
.module-section .nav-tabs{border-bottom: none; margin-bottom: 20px; position: relative;}
.module-section .nav-tabs .nav-link{background: #fff; box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    height: 122px; width: 100%; color: #333;}
.module-section .nav-tabs .nav-link.active{background: #ff3e55; color: #fff;}
.module-section .nav-tabs .nav-link p{margin-bottom: 0; line-height: 20px;}
.module-section .nav-tabs #nav-EmployeeManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') 0px -66px; background-repeat: no-repeat;
    background-size: 660px; height: 64px; position: relative; left: 30%;}
.module-section .nav-tabs #nav-PayrollManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -180px -66px; background-repeat: no-repeat;
    background-size: 660px; height: 64px; position: relative; left: 26%;}
.module-section .nav-tabs #nav-AttendanceManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -270px -66px; background-repeat: no-repeat;
    background-size: 660px; height: 64px; position: relative; left: 30%;}
.module-section .nav-tabs #nav-ExpenseManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -9px -66px; background-repeat: no-repeat;
    background-size: 650px; height: 64px; position: relative; left: 26%;}
.module-section .nav-tabs #nav-LeaveManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -350px -66px; background-repeat: no-repeat;
    background-size: 660px; height: 64px; position: relative; left: 26%;}
.module-section .nav-tabs #nav-AwardManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -432px -66px;
    background-repeat: no-repeat; background-size: 660px; height: 64px;
    position: relative; left: 24%;}
.module-section .nav-tabs #nav-NoticeBoard-tab .icon {width: 80px;
    background: url('../images/icons.png') -518px -66px;
    background-repeat: no-repeat; background-size: 660px; height: 64px;position: relative;
    left: 15%;}
.module-section .nav-tabs #nav-FileManagement-tab .icon {width: 80px;
    background: url('../images/icons.png') -605px -66px;
    background-repeat: no-repeat; background-size: 660px; height: 64px;
    position: relative; left: 26%;}
.module-section .nav-tabs #nav-SalaryStatement-tab .icon {width: 80px;
    background: url('../images/icons.png') 0px -136px;
    background-repeat: no-repeat; background-size: 660px; height: 64px;
    position: relative; left: 16%;}
.module-section .tab-content{position: relative; z-index: 11;}
.module-section .owl-nav{position: absolute; top: -82px; right: 0px;}
.module-section .owl-nav button{color: #fff!important; background: #ff3e55!important; width: 60px;
    height: 40px; line-height: 26px!important; font-size: 34px!important;}
.module-section .owl-nav button span{position: relative; top: -3px;}
.module-section .tab-pane{margin-top: 40px;}
.module-section .tab-pane .data h4{position: relative; display: block;
    font-size: 28px; line-height: 1.2em; font-weight: 700; text-transform: capitalize;
    padding-bottom: 0px; color: #0D1E50; font-family: sans-serif; letter-spacing: 0.6px;}


/*About Section*/
.about-section {padding-top: 60px; padding-bottom: 40px; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.about-section .image-block{position: relative; margin-bottom: 30px; padding-right: 30px;}
.about-section .image-block::before {position: absolute; content: ""; top: 45px; left: 45px;
    right: 45px; bottom: 45px; border-width: 6px; border-style: solid; border-color: rgb(241, 242, 245);
    -o-border-image: initial; border-image: initial; border-radius: 3px;}
.about-section .image-block .image-one {position: relative; margin-left: 130px;
    -webkit-box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px; box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px;
    display: inline-block; border-radius: 6px;}
.about-section .image-block .image-one .image-box {overflow: hidden; border-radius: 6px;}
.about-section .image-block .image-one img {border-radius: 6px; -webkit-transition: 1s;
    -o-transition: 1s; transition: 1s;}
.about-section .image-block .image-one:hover img {-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1); transform: scale(1.1);}
.about-section .image-block .image-two {position: relative; margin-top: -180px;
    -webkit-box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px; box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px;
    display: inline-block; border-radius: 6px;}
.about-section .image-block .image-two .image-box {position: relative; overflow: hidden;}
.about-section .image-block .image-two:hover img {-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1); transform: scale(1.1);}
.about-section .image-block .image-two img {border-radius: 6px; -webkit-transition: 1s;
    -o-transition: 1s; transition: 1s;}
.about-section .image-block .logo {position: absolute; right: 0px; bottom: 0px; width: 130px; height: 130px;
    line-height: 118px; text-align: center; border-radius: 50%; border-width: 3px; border-style: dotted;
    border-color: rgb(51, 51, 51); -o-border-image: initial; border-image: initial; border-color: #fd4a36;}
.about-section .logo::before {position: absolute; content: ""; top: 10px; left: 10px; right: 10px;
    bottom: 10px; -webkit-box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px; box-shadow: rgb(0 0 0 / 27%) 0px 5px 20px 0px;
    background: rgb(255, 255, 255); border-radius: 50%;}
.about-section .logo img {position: relative;}

.about-section .data{position: relative;}
.about-section .data h4.subtitle{font-size: 18px; font-weight: bold; color: #ff3e55;
    letter-spacing: 1px;}
.about-section .data h2.title{position: relative; display: block; font-size: 38px;
    line-height: 1.2em; font-weight: 700; text-transform: capitalize; padding-bottom: 0px;
    color: #0D1E50; font-family: sans-serif; letter-spacing: 0.6px;}
.about-section .data .text-decoration {position: relative; height: 10px; width: 50px; display: block;
    margin-bottom: 18px;}
.about-section .data .text-decoration::before {position: absolute; content: ""; left: 20px; top: 0px;
    width: 10px; height: 10px; border-radius: 50%; background-color: #fd4a36;}
.about-section .data .text-decoration .left,
.about-section .data .text-decoration .left {position: absolute; top: 0px; left: 0px; height: 10px;
    width: 100%;}
.about-section .data .text-decoration .left::before {position: absolute; content: ""; left: 0px; top: 3px;
    width: 5px; height: 5px; border-radius: 50%; background-color: #fd4a36;}
.about-section .data .text-decoration .left::after {position: absolute; content: ""; left: 10px; top: 3px;
    width: 5px; height: 5px; border-radius: 50%; background-color: #fd4a36;}
.about-section .data .text-decoration .right::before {position: absolute; content: ""; right: 0px; top: 3px;
    width: 5px; height: 5px; border-radius: 50%; background-color: #fd4a36;}
.about-section .data .text-decoration .right::after {position: absolute; content: ""; right: 10px; top: 3px;
    width: 5px; height: 5px; border-radius: 50%; background-color: #fd4a36;}
.about-section .data-bottom{align-items: center;}
.about-section .data-bottom h2.title{color: #0D1E50; font-size: 20px; font-weight: 800;
    margin-top: 30px; margin-bottom: 20px;}
.about-section .data-bottom li{list-style: none; display: inline-block; width: 100%;
    margin-bottom: 8px; position: relative;}
.about-section .data-bottom li:before {background-color: #ff3e55; position: absolute;
    content: ''; left: -20px; top: 7px; width: 10px; height: 10px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; opacity: 1;}
.about-section .data-bottom li:after{background-color: #ff3e55; position: absolute;
    content: ''; left: -30px; top: 10px; width: 5px; height: 5px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; opacity: 1;}
.about-section .data-bottom .image{text-align: right;}


/*choose-section*/
.choose-section{background-image: url(../images/choose-bg.jpg);
    background-position: center center; background-size: cover;
    background-repeat: no-repeat; background-attachment: fixed;
    position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px;}
.choose-section:before{content: ''; position: absolute; top: 0; left: 0;
    height: 100%; width: 100%; background: #0d1e5099;}
.choose-section .container{position: relative; z-index: 11;}
.choose-section .heading{text-align: center; margin-bottom: 60px;}
.choose-section .heading h4{font-size: 13px; font-weight: bold; color: #ff3e55;
    letter-spacing: 3px; text-transform: uppercase;}
.choose-section .heading h1{display: block; font-size: 32px; line-height: 1.2em;
    font-weight: 700; text-transform: capitalize; padding-bottom: 0px;
    color: #fff; font-family: sans-serif; letter-spacing: 0.6px;}
.choose-section .box{position: relative; margin: 30px 0px; transition: 0.5s;}
.choose-section .box:before {position: absolute; content: ''; left: 15px;
    top: -10px; right: 15px; bottom: -10px; background: #fff; opacity: .3;
    -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg);
    transform: rotate(-2deg); transition: 0.5s;}
.choose-section .box:hover:before{transform: rotate(2deg);}
.choose-section .box .inner-box {position: relative; padding-left: 130px;
    padding-top: 45px; padding-bottom: 32px; min-height: 220px; background: #fff;
    display: flex; align-items: center;}
.choose-section .box .icon {position: absolute; left: 50px; top: 50px;}
.choose-section .box .icon img{width: 66px;}
.choose-section .box h4 {position: relative; font-size: 22px; font-weight: 600;
    margin-bottom: 5px;}



/*key-section*/
.key-section{padding-bottom: 60px; padding-top: 60px; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.key-section h1{font-size: 32px; line-height: 1.2em; font-weight: 700;
    text-transform: capitalize; padding-bottom: 0px; color: #0D1E50;
    font-family: sans-serif; letter-spacing: 0.6px; margin-bottom: 30px;
    text-align: left;}
.key-section ul{margin: 0; padding: ;}
.key-section ul li{list-style: none; display: inline-block; width: 49%;
    margin-bottom: 8px; position: relative;}
.key-section ul li:before {background-color: #ff3e55; position: absolute;
    content: ''; left: -20px; top: 7px; width: 10px; height: 10px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease;
    opacity: 1;}
.key-section ul li:after {background-color: #ff3e55; position: absolute; content: '';
    left: -30px; top: 10px; width: 5px; height: 5px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease;
    opacity: 1;}
.key-section .image{text-align: center;}
.key-section .image img{width: 360px;}



/*testimonial-section*/
.testimonial-section{padding-bottom: 60px; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.testimonial-section .row{margin: 0;}
.testimonial-section .heading{margin-bottom: 30px;}
.testimonial-section .heading h5{font-size: 13px; font-weight: bold;
    color: #ff3e55; letter-spacing: 3px;}
.testimonial-section .heading h1{position: relative; display: block;
    font-size: 32px; line-height: 1.2em; font-weight: 700;
    text-transform: capitalize; padding-bottom: 0px; color: #0D1E50;
    font-family: sans-serif; letter-spacing: 0.6px;}
.testimonial-section .heading p{color: #555;}
.testimonial-section .mobile-app{padding-right: 40px;}
.testimonial-section .mobile-app .image{position: relative; text-align: left;}
.testimonial-section .mobile-app h4{font-size: 13px; font-weight: bold;
    color: #ff3e55; letter-spacing: 3px; text-align: left; text-transform: uppercase;}
.testimonial-section .mobile-app h1{font-size: 32px; line-height: 1.2em;
    font-weight: 700; text-transform: capitalize; padding-bottom: 0px;
    color: #0D1E50; font-family: sans-serif; letter-spacing: 0.6px;
    margin-bottom: 30px; text-align: left;}
.testimonial-section .mobile-app h1 span{color: #ff3e55;}
.testimonial-section .mobile-app .app-btn{display: inline-flex;}
.testimonial-section .mobile-app .app-btn .app-btn-one {background-color: #ff3e55;
    display: inline-block; position: relative; color: #ffffff; padding: 10px;
    border-radius: 8px; margin-right: 15px; width: 165px; text-decoration: none;
    display: flex; align-items: center; justify-content: center;}
.testimonial-section .mobile-app .app-btn img {width: 32px; margin-right: 12px;}
.testimonial-section .mobile-app .app-btn .app-btn-one span {display: block;
    font-size: 10px; margin-bottom: -3px;}
.testimonial-section .mobile-app .app-btn .app-btn-one p {margin-bottom: 0;}
.testimonial-section .mobile-app .app-btn .app-btn-two {width: 165px;
    background-color: #0D1E50; display: inline-block; position: relative;
    color: #ffffff; padding: 11px 10px; border-radius: 8px; top: -2px;
    text-decoration: none; display: flex; align-items: center;
    justify-content: center;}
.testimonial-section .mobile-app .app-btn .app-btn-two span {display: block;
font-size: 8px; margin-bottom: -3px;}
.testimonial-section .mobile-app .app-btn .app-btn-two p {margin-bottom: 0;}

.testimonial-section .testimonial{background: #ffffffa8; box-shadow: 13px 13px 51px 0px rgb(31 93 110 / 70%);
    border-radius: 20px 20px 20px 0px; position: relative; padding: 40px 40px 40px 80px;}
.testimonial-section .testimonial:after {position: absolute; left: 0; bottom: -22px; content: "";
    width: 0; height: 0; border-color: currentcolor rgba(0,0,0,0) rgba(0,0,0,0); border-style: solid;
    border-width: 26px 45px 0 0; color: #fff;}
.testimonial-section .testimonial .box .content{position: relative;}
.testimonial-section .testimonial .box .content:before {content: ''; display: block; width: 197px;
    height: 276px; background-image: url(../images/bg-feature.png);
    background-repeat: no-repeat; position: absolute; top: 0; right: 0; opacity: 0.8;}
.testimonial-section .testimonial .box .content p{position: relative; z-index: 1;}
.testimonial-section .testimonial:before{position: absolute; content: " "; left: 20px;
    top: 40px; background-image: url(../images/quote.png); width: 80%; height: 100%;
    background-repeat: no-repeat; background-size: 40px;}
.testimonial-section .testimonial .box .profile{display: flex; align-items: center;}
.testimonial-section .testimonial .box .profile .profile-icon{width: 80px; height: 80px; overflow: hidden;
    margin-right: 10px;}
.testimonial-section .testimonial .box .profile .profile-icon img{width: 80px; height: 80px;border-radius: 60px;}
.testimonial-section .testimonial .box .profile h4{font-size: 16px; font-weight: 700;
    color: #0D1E50; letter-spacing: 1px; text-transform: uppercase; word-spacing: 2px;
    font-family: system-ui; margin-bottom: 3px;}
.testimonial-section .testimonial .box .profile h5{font-size: 14px; letter-spacing: 1px;
    margin-bottom: 2px;}
.testimonial-section .testimonial .box .profile-content p{margin-bottom: 0; color: #ff3e55;
    font-size: 13px; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px; font-weight: 500;}






/*.footer-top-section*/
.footer-top-section ul{margin: 0; padding: 0; background: #ff3e55; text-align: center;
    padding: 6px 0px; border-top-left-radius: 180px; border-top-right-radius: 180px;
    margin-bottom: 400px;}
.footer-top-section ul li{list-style: none; display: inline-block; text-align: left;
    margin: 26px;}
.footer-top-section ul li .phone{display: flex; align-items: center; margin: 10px 0px;}
.footer-top-section ul li .phone .icon{background: #ff5f72; width: 50px; height: 50px;
    text-align: center; line-height: 38px; border-radius: 0px; border: 5px solid #ff8392;
    margin-right: 12px;}
.footer-top-section ul li .phone .icon .feather{color: #fff; width: 18px;}
.footer-top-section ul li .phone small{color: #fee2e5; letter-spacing: 1.5px; font-size: 16px;
    font-family: math; word-spacing: 1px;}
.footer-top-section ul li .phone p{margin-bottom: 0; color: #fff; font-size: 18px;
    font-family: math;}



.footer-section{background: #0D1E50; padding-top: 60px; padding-bottom: 40px; position: relative;
    overflow: hidden; position: fixed; bottom: 0; height: 400px; width: 100%;}
.footer-section::before {content: ''; position: absolute; left: 0; bottom: 0;
    border-radius: 6px; background-image: url(../images/pattern-1.png);
    background-size: cover; width: 140%; height: 100%;}
.footer-section .container{position: relative; z-index: 11;}
.footer-section .title{margin-bottom: 30px;}
.footer-section .title h1{color: #fff; font-size: 22px; text-transform: uppercase;
    letter-spacing: 1px; word-spacing: 3px; font-weight: 600; font-family: math;}
.footer-section .about .logo{margin-bottom: 20px;}
.footer-section .about p{margin-bottom: 0; color: #d2ccda; font-size: 16px;
    font-family: math;}

.footer-section .quick-link li{list-style: none; display: inline-block; width: 49%;
    margin-bottom: 8px;}
.footer-section .quick-link li a {position: relative; color: #d2ccda; font-weight: 500;
    font-size: 16px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.footer-section .quick-link li a:before {background-color: #ff3e55; position: absolute;
    content: ''; left: -20px; top: 7px; width: 10px; height: 10px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; opacity: 1;}
.footer-section .quick-link li a:after{background-color: #ff3e55; position: absolute;
    content: ''; left: -30px; top: 10px; width: 5px; height: 5px; border-radius: 50%;
    -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; opacity: 1;}
.footer-section .subscribe form{display: flex; align-items: center;}
.footer-section .subscribe form .form-control{background: #2846a0; border-color: #2846a0;
    height: 50px; border-radius: 0; color: #fff;}
.footer-section .subscribe form ::placeholder {color: #9a9a9a;}
.footer-section .subscribe p{color: #ddd;}
.footer-section .subscribe form button{background: #ff3e55; border-color: #ff3e55; color: #fff;
    width: 200px; height: 50px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px;
    font-family: math; line-height: 50px;}
.footer-section .subscribe form button .feather{width: 18px; position: relative; top: -1px;
    margin-right: 6px;}

.footer-section .social-icon{margin: 0; padding: 0; text-align: center;}
.footer-section .social-icon li{list-style: none; display: inline-block;}
.footer-section .social-icon li a{background: #ff3e55; color: #fff; width: 46px; height: 46px;
    line-height: 42px; text-align: center; display: block; margin: 0px 5px;}
.footer-section .social-icon li a .feather{width: 18px;}

.footer-section .bottom{margin-top: 40px; align-items: center; padding-top: 40px;
    border-top: 1px dashed #ffffff45;}
.footer-section .bottom p{color: #ddd; margin-bottom: 0;}
.footer-section .bottom .right{text-align: right;}
.footer-section .bottom .right a{color: #ff3e55;

}


.breadcumb-area{background-repeat: no-repeat; background-attachment: scroll; background-position: center center;
    background-image: url('../images/breadcumb-bg.jpg'); background-size: cover; padding: 50px 0 30px;
    background-color: #121B51; position: relative; ; background-attachment: fixed; z-index: 1;}
.breadcumb-area::before {background: #0d1e50b5; position: absolute; top: 0; right: 0; left: 0;
    height: 100%; width: 100%; content: "";}
.breadcumb-area .ccase {text-transform: capitalize; position: relative;}
.breadcumb-area .brpt {text-align: left;}
.breadcumb-area .brpt h2 {font-size: 36px; margin-bottom: 20px; margin-top: 0; color: #fff; font-weight: 600;}
.breadcumb-area .breadcumb-inner {text-align: left;}
.breadcumb-area .breadcumb-inner ul{color: #fff; margin: 0; padding: 0;}
.breadcumb-area .breadcumb-inner li {display: inline-block; margin: 0 6px; color: #fff; font-size: 12px;
    font-weight: 500; text-transform: uppercase; font-weight: 600;}
.breadcumb-area .breadcumb-inner li .feather{width: 16px; position: relative; top: -1px;}
.breadcumb-area .breadcumb-inner li a {color: #ffffff; text-transform: uppercase; text-decoration: none;}

/*about-partner*/
.about-partner{background: #ff3e55; padding: 40px 0px; position: relative; z-index: 11;}
.about-partner .item a{background: #fff; display: inline-block; height: 80px;
    padding: 15px 30px; border-radius: 4px; border: 1px solid #ddd;}
.about-testimonial{padding-top: 40px;}

/*Package*/
.price-section{background-image: url('../images/service-bg.png'); background-position: center center;
    background-repeat: no-repeat; background-size: cover; padding: 80px 0px 80px 0px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.price-section .heading{text-align: center; margin-bottom: 80px;}
.price-section .heading h1{color: #0D1E50; font-size: 42px; text-transform: capitalize;
    margin-top: 0; line-height: 1.2; font-weight: 700;}
.price-section .heading p{color: #333;}
.price-section .box{position: relative; transition: all 0.4s ease-in-out;
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%); padding: 50px 0; text-align: center;
    border-radius: 5px; background: #fff;}
.price-section .box span{position: absolute; right: -20px; background: #ff3e55; color: #ffffff;
    text-transform: uppercase; font-size: 14px; font-weight: bolder; transform: rotate(90deg);
    top: 43px; border: none; padding-top: 3px; padding-bottom: 0px; padding-right: 32px;
    padding-left: 18px;}
.price-section .box .inner{text-align: center; border-radius: 5px;}
.price-section .box .header{background: transparent; padding: 0; border-radius: 0;
    transition: all 0.4s ease-in-out;}
.price-section .box .title{line-height: 1; font-size: 16px; text-transform: uppercase;
    font-weight: 700; margin: 0;}
.price-section .box .icon{margin: 20px;}
.price-section .box .icon img{width: 140px;}
.price-section .box .icon i{color: #ff3e55; font-size: 72px; margin: 26px 0; display: block;}
.price-section .box .price{font-size: 40px; color: #0D1E50; margin: 0;
    padding: 0; font-weight: 800;}
.price-section .box .time{font-size: 18px; color: #73767c; font-weight: 700; line-height: 46px;
    margin-bottom: 0;}
.price-section .box .feature{padding-top: 4px;}
.price-section .box ul {padding: 0; margin: 0; list-style: none;}
.price-section .box ul li {font-size: 16px; line-height: 35px;}
.price-section .box .footer{margin-bottom: 0;}
.price-section .box .footer .btns{display: inline-block; background: #ff3e55; color: #fff; font-size: 15px;
    text-transform: capitalize; padding: 14px 32px; transition: .5s; position: relative; z-index: 1;
    font-weight: 500; border-radius: 30px; overflow: hidden; margin-top: 30px; border: none;}
.price-section .box .footer .btns:before {position: absolute; content: ""; background: #0D1E50; height: 100%;
    width: 0; transition: .5s; z-index: -1; top: 0; right: 0; left: inherit; border-radius: 30px;}
.price-section .box .footer .btns:hover:before {width: 100%; left: 0;}


/*Blog Section*/
.blog-section{padding-top: 60px; background-image: url('../images/bg-03.png'); background-repeat: no-repeat;
  background-position: center; background-size: cover; position: relative; z-index: 11;
  background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.blog-section .box{margin-bottom: 30px;}
.blog-section .box .image{overflow: hidden; background-size: cover; background-repeat: no-repeat;
    background-position: center center; position: relative; display: block; width: 100%; height: 270px;
    z-index: -1; position: relative;}
.blog-section .box .image img{transition: all .3s ease 0s}
.blog-section .box:hover .image img{transform: scale(1.2);}
.blog-section .box .content{width: 90%; margin: 0 auto; z-index: 1; margin-top: -40px; background: #fff;
    -webkit-box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%); -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%); padding: 20px;}
.blog-section .box .date {position: absolute; top: -7px; left: 20px; padding: 5px 15px; background: #ff3e55;
    margin-bottom: 1.5rem !important; display: flex; align-items: center;}
.blog-section .box .date:before {position: absolute; top: 0; content: ''; width: 0; right: -7px; height: 0;
    border-style: solid; border-width: 7px 0 0 7px; border-color: transparent transparent transparent #ff3e55;}
.blog-section .box .date:after {position: absolute; top: 0; content: ''; left: -7px; width: 0; height: 0;
    border-style: solid; border-width: 0 0 7px 7px; border-color: transparent transparent #ff3e55 transparent;}
.blog-section .box .date .one {width: 55px;}
.blog-section .box .date span.day {font-size: 50px; font-weight: 300; color: #fff; line-height: 1;}
.blog-section .box .date .two {width: calc(100% - 55px);}
.blog-section .box .date span.yr, .blog-section .box .date span.mos {display: block; font-size: 13px; line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);}
.blog-section .box .title {font-size: 18px; margin-bottom: 16px; font-weight: 600;}
.blog-section .box .title a {color: #0D1E50;}
.blog-section .box .btn{background: #0D1E50 !important; border: 1px solid #0D1E50 !important; color: #fff !important;
    cursor: pointer; box-shadow: 0px 24px 36px -11px rgb(0 0 0 / 9%); font-size: 14px; letter-spacing: 2px;
    padding: 8px 20px; margin-top: 10px; border-radius: 0;}



/*Blog Detail Page*/
.blog-detail-page{padding: 40px 0; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}

.blog-detail-page .blog-data{background: #fff; padding: 15px;}
.blog-detail-page .blog-data .image{position: relative;}
.blog-detail-page .blog-data .image img{border-radius: 6px;}
.blog-detail-page .blog-data .date{width: 15%;color: #fff; text-align: center; border-radius: 6px;
    padding: 10px 10px 2px 10px; margin-right: 12px; position: absolute; left: 15px; bottom: 15px;
    background: #0D1E50;}
.blog-detail-page .blog-data .date p{margin-bottom: 0px; letter-spacing: 1px;}
.blog-detail-page .blog-data .date .day{font-size: 14px; font-weight: 600;
    background: #fff; color: #0D1E50; padding: 4px;}
.blog-detail-page .blog-data .date .year{font-size: 18px; font-weight: 600;}
.blog-detail-page .blog-data .title h2{font-size: 30px;
    margin: 15px 0px; font-weight: 600;}

.blog-detail-page .comments{margin-top: 20px; background: #fff; padding: 30px;}
.blog-detail-page .comments h2.title{font-size: 20px; font-weight: 600;
    color: #0D1E50; letter-spacing: 0.5px; word-spacing: 3px;
    position: relative; margin-bottom: 36px;}
.blog-detail-page .comments h2.title span{color: #ff3e55;}
.blog-detail-page .comments h2.title:before {content: ''; background: #ff3e55;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .comments h2.title:after {content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .comments .wrap {margin-top: 30px;}
.blog-detail-page .comments .wrap .item {padding: 0 0 30px 110px; position: relative;
    margin-bottom: 40px; width: 100%; border-bottom: 1px solid #ddd;}
.blog-detail-page .comments .wrap .item:last-child{border-bottom: none; margin-bottom: 0;
    padding-bottom: 15px;}
.blog-detail-page .comments .wrap .avatar {position: absolute; top: 0; left: 10px;
    width: 80px; height: 80px;}
.blog-detail-page .comments .wrap .avatar:before {content: ''; position: absolute;
    top: 100%; margin-top: 20px; left: 0; margin-left: 38px; width: 40px;
    height: 40px; border-left: 1px solid #97cbff; border-bottom: 1px solid #97cbff;}
.blog-detail-page .comments .wrap .avatar img { width: 80px; height: 80px; border-radius: 100%;}
.blog-detail-page .comments .wrap .text {width: 100%; position: relative; padding: 30px 20px;
    background: #e7f2fd; border-radius: 6px;}
.blog-detail-page .comments .wrap .text h4 {font-size: 16px; font-weight: 600; color: #666;}
.blog-detail-page .comments .wrap .text h4 a {text-decoration: none; color: #666;}
.blog-detail-page .comments .wrap .text .name-rate {display: flex; align-items: center;
    justify-content: space-between; margin-bottom: 12px;}
.blog-detail-page .comments .wrap .text .review-score-user{display: flex; align-items: center;}
.blog-detail-page .comments .wrap .text .review-score-user span {text-align: center;
    background: #ff3e55; color: #fff; font-weight: 600; border-radius: 3px 3px 0 3px;
    width: 40px; height: 40px; line-height: 40px; font-size: 12px;
    border: 1px solid #ff3e55; text-shadow: 0px 2px 5px rgb(0 0 0 / 21%);}
.blog-detail-page .comments .wrap .text .review-score-user strong {margin-right: 12px;
    font-size: 14px; color: #666;}
.blog-detail-page .comments .wrap .item p {text-align: left; color: #878C9F;}
.blog-detail-page .comments .wrap .date {display: flex; align-items: center; 
    justify-content: space-between; margin-top: 18px; font-weight: 500; color: #999;
    width: 100%; text-align: left; padding-top: 18px; font-size: 13px; border-top: 1px solid #00000024;}
.blog-detail-page .comments .wrap .date .feather{width: 16px; position: relative; top: -2px;
    margin-right: 8px; color: #1571d8;}
.blog-detail-page .comments .wrap .date a{font-size: 14px; text-decoration: none; color: #555;
    font-weight: bold;}
.blog-detail-page .comments .wrap .date a:hover{color: #1571d8;}

.blog-detail-page .comment-form{background: #fff; padding: 30px;}
.blog-detail-page .comment-form h2.title{font-size: 20px; font-weight: 600;
    color: #0D1E50; letter-spacing: 0.5px; word-spacing: 3px;
    position: relative; margin-bottom: 36px;}
.blog-detail-page .comment-form h2.title:before {content: ''; background: #ff3e55;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .comment-form h2.title:after {content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .comment-form .form-group{position: relative; margin-bottom: 15px;}
.blog-detail-page .comment-form .form-control{min-height: 46px;}
.blog-detail-page .comment-form .feather{position: absolute; top: 12px; right: 15px;
    width: 16px; color: #777;}
.blog-detail-page .comment-form button{border: none;padding: 12px 15px 12px 15px; color: #fff;
    letter-spacing: 1px; word-spacing: 3px; text-transform: uppercase; font-size: 14px;
    background: #0D1E50;}


.blog-detail-page .search-box{background: #fff; padding: 30px 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;
    margin-bottom: 30px;}
.blog-detail-page .search-box h2{font-size: 24px; margin-bottom: 26px;
    font-weight: 600;}
.blog-detail-page .search-box form{display: flex; align-items: center;
    position: relative;}
.blog-detail-page .search-box .form-control{height: 58px; padding: 15px;
    background: #ffffffc4; letter-spacing: 0.5px;}
.blog-detail-page .search-box button {position: absolute; top: 9px;
    right: 10px; letter-spacing: 0.5px; width: 55px; height: 42px; border: none;
    border-radius: 4px; background: #0D1E50;}
.blog-detail-page .search-box button .feather{width: 18px; color: #fff;}

.blog-detail-page .related{background: #fff; padding: 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;
    margin-bottom: 30px;}
.blog-detail-page .related h2{font-size: 20px; font-weight: 600; color: #0D1E50;
    letter-spacing: 0.5px; word-spacing: 3px; position: relative;
    margin-bottom: 36px;}
.blog-detail-page .related h2:before{content: ''; background: #ff3e55;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .related h2:after{content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .related ul{margin: 0; padding: 0;}
.blog-detail-page .related ul li{list-style: none;}
.blog-detail-page .related .box {display: flex; align-items: center; width: 100%; color: #333; margin-bottom: 24px;
    border: 1px solid #ddd; padding: 10px; border-radius: 20px;
    background: #fff;}
.blog-detail-page .related .box .image{width: 20%; height: 80px; overflow:hidden; display: flex;
    align-items: center; justify-content: center; position: relative; border-radius: 15px;}
.blog-detail-page .related .box .image img{height: 80px; max-width: initial; transition: 0.5s;}
.blog-detail-page .related .box:hover .image img{transform: scale(1.06);}
.blog-detail-page .related .box .data{width: 64%; margin-right: 15px; margin-left: 15px;}
.blog-detail-page .related .box .data .title{height: 52px; overflow: hidden;}
.blog-detail-page .related .box .data .title a{font-size: 17px; color: #111; font-weight: 600;
    letter-spacing: 0.6px; word-spacing: 3px; line-height: 24px; text-decoration: none;}
.blog-detail-page .related .box .data ul{margin: 0; padding: 0;}
.blog-detail-page .related .box .data ul li{list-style: none; display: inline-block; margin-right: 12px;}
.blog-detail-page .related .box .data p{font-size: 12px; margin-bottom: 0px; letter-spacing: 1px;
    color: #777;}
.blog-detail-page .related .box .data p .feather{width: 13px; position: relative; top: -1px;}
.blog-detail-page .related .box .date-box{width: 16%; text-align: center;}
.blog-detail-page .related .box .date-box .date{background: #b8d8ff; text-align: center;
    border-radius: 50px; padding: 6px; position: relative; top: -10px;}
.blog-detail-page .related .box .date-box .date h3{font-size: 18px; font-weight: 700; font-family: sans-serif;
    margin-bottom: 0;}
.blog-detail-page .related .box .date-box .date p{font-size: 11px; text-transform: uppercase;
    font-weight: 700; letter-spacing: 1px; font-family: monospace; margin-bottom: 0px;}
.blog-detail-page .related .box .date-box a{color: #fff; padding: 1px; display: block;
    border-radius: 32px; background: #0D1E50;}
.blog-detail-page .related .box .date-box a .feather{width: 16px;}


.blog-detail-page .follow{background: #fff; padding: 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;}
.blog-detail-page .follow h2{font-size: 20px; font-weight: 600; color: #0D1E50;
    letter-spacing: 0.5px; word-spacing: 3px; position: relative;
    margin-bottom: 36px;}
.blog-detail-page .follow h2:before{content: ''; background: #ff3e55;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .follow h2:after{content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .follow ul{margin: 0; padding: 0;}
.blog-detail-page .follow ul li{list-style: none; display: inline-block; margin-right: 5px;}
.blog-detail-page .follow ul li:last-child{margin-right: 0;}
.blog-detail-page .follow ul li a{background: #0068e7; color: #fff; width: 38px; height: 38px;
    display: inline-block; text-align: center; line-height: 36px; border-radius: 5px;}
.blog-detail-page .follow ul li a .feather{width: 18px;}
.blog-detail-page .follow ul li a.facebook{background: #0068e7;}
.blog-detail-page .follow ul li a.instagram{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.blog-detail-page .follow ul li a.linkedin{background: #0a66c2;}
.blog-detail-page .follow ul li a.twitter{background: #1aa3f9;}
.blog-detail-page .follow ul li a.youtube{background: #fe0000;}

/*feature-page*/
.feature-page{position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.feature-page .row{border: 1px solid #ddd; align-items: center; padding: 30px 30px 15px 30px;
    margin: 20px; border-radius: 15px; position: relative; overflow: hidden;}
.feature-page .row::before {content: ''; position: absolute; right: 0; top: 0;
    border-radius: 6px; background-image: url(../images/pattern-1.png); background-size: cover;
    background-color: #e3eaff; width: 140%; height: 100%;}
.feature-page .image{position: relative; z-index: 11;}
.feature-page .data{position: relative; z-index: 11;}
.feature-page .data h1{position: relative; display: block; font-size: 28px; line-height: 1.2em;
    font-weight: 700; text-transform: capitalize; padding-bottom: 0px; color: #0D1E50;
    font-family: sans-serif; letter-spacing: 0.6px;}


/*Contact Page*/
.contact-page-form{background: #fff; position: relative; z-index: 2; padding: 60px 0px;}
.contact-page-form .left{box-shadow: 0px 0px 25px 0px #0000004a; padding: 40px;}
.contact-page-form .left h2{display: block; font-size: 26px;
    line-height: 1.2em; font-weight: 700; padding-bottom: 0px;
    color: #0D1E50; font-family: sans-serif;}
.contact-page-form .left p{font-size: 15px; color: #444;
    margin-bottom: 30px;}
.contact-page-form .left button{display: inline-block; background: #0D1E50;
    color: #fff; border-radius: 40px; padding: 7px 20px 6px 20px;
    margin-top: 15px; letter-spacing: 0.6px;}
.contact-page-form .left button .feather{width: 18px; position: relative;
    top: -1px; margin-right: 4px;}

.contact-page-form .left .form-group{margin-bottom: 15px;}
.contact-page-form .left .form-control{height: 48px; font-size: 15px;}
.contact-page-form .left textarea{min-height: 110px!important;}
.contact-page-form .right iframe{width: 100%; min-height: 544px;}


.contact-page-info{position: relative; z-index: 2; padding: 80px 0px 100px 0px;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.contact-page-info::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";
    background-image: url('../images/world-map.png');}
.contact-page-info .heading{text-align: center; padding: 0px 300px; position: relative; z-index: 1;
    margin-bottom: 60px;}
.contact-page-info .heading p{font-size: 16px; font-weight: bold; color: #ff3e55;
    letter-spacing: 1px;}
.contact-page-info .heading h2{display: block; font-size: 26px; line-height: 1.2em;
    font-weight: 700; padding-bottom: 0px; color: #0D1E50; font-family: sans-serif;}
.contact-page-info .box{text-align: center; box-shadow: 0px 0px 25px 0px #0000004a; min-height: 271px;
    background: #ffffffb3; position: relative; z-index: 1; padding: 40px 10px; border-radius: 8px;}
.contact-page-info .box p{background: #ff3e55; height: 60px; width: 60px; border-radius: 40px;
    line-height: 56px; color: #fff; border: 2px solid #ff3e55; margin: auto;}
.contact-page-info .box p .feather{font-size: 18px;}
.contact-page-info .box h3{display: block; font-size: 15px; font-weight: 700;
    color: #0D1E50; font-family: sans-serif; text-transform: uppercase;
    margin-top: 24px; letter-spacing: 1px;}
.contact-page-info .box h5{font-size: 18px;}
.contact-page-info .box a{display: block; color: #333; font-size: 18px;}

.contact-page-info .google-map{margin-top: 40px;
    box-shadow: 0px 0px 25px 0px #0000004a; padding: 20px 20px 15px 20px;
    border-radius: 8px; background: #fff;}

.apply-job-page{padding-bottom: 60px; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.apply-job-page .breadcumb-area{margin-bottom: 30px;}
.apply-job-page .box-body form{border-radius: 6px; background-image: url(../images/pattern-1.png);
    background-size: cover; background-color: #e3eaff; padding: 30px;}
.apply-job-page .box-body form .form-group{margin-bottom: 15px;}
.apply-job-page .box-body form .form-group label{margin-bottom: 2px;}
.apply-job-page .box-body form .form-group .form-control{min-height: 48px; line-height: 34px;}
.apply-job-page .box-body form .btn-primary{padding: 12px 26px; text-transform: uppercase;
    letter-spacing: 1px; word-spacing: 3px; margin-top: 12px; border-radius: 0;}

.privacy-policy-page {padding: 30px 0px; position: relative; z-index: 11;
    background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);}
.privacy-policy-page h1{position: relative;  display: block; font-size: 30px; line-height: 1.2em;
    font-weight: 800; text-transform: capitalize; padding-bottom: 0px; color: #0D1E50;
    font-family: sans-serif; letter-spacing: 0.6px;}
.privacy-policy-page h4{position: relative;  display: block; font-size: 22px; line-height: 1.2em;
    font-weight: 700; text-transform: capitalize; padding-bottom: 0px; color: #222;
    font-family: sans-serif; letter-spacing: 0.6px;}


/*Responsive*/
@media (max-width: 768px) {
    .top-section{display: none;}
    .menu-section {position: relative; z-index: 11;
        background: linear-gradient(257.51deg, #F2FCFE 44.07%, #FAF1FE 100%);
    }
    .banner-section{height: auto;}
    .banner-section .image img {height: auto;}
    .banner-section .content{top: 36%;}
    .banner-section .content h1{font-size: 18px; margin-bottom: 0;}
    .banner-section .content p{display: none;}
    .banner-section .content .phone{display: none;}
    .banner-section .owl-theme .owl-nav{display: none;}
    .partner-section{margin-top: 0;}
    .partner-section .row{height: auto; padding: 12px 12px 6px 12px;}
    .partner-section .row::before{border-radius: 0;}
    .partner-section .left .item a{height: 36px; padding: 5px;}
    .partner-section .right{display: none;}
    .module-section{margin-top: 0;}
    .module-section .container {padding: 20px 15px 15px 15px;}
    .module-section .heading h1 {font-size: 20px;}
    .module-section .owl-nav {top: -68px;}
    .module-section .owl-nav button {width: 46px; height: 28px; font-size: 26px!important;}
    .module-section .nav-tabs #nav-EmployeeManagement-tab .icon{left: 4%;}
    .module-section .nav-tabs #nav-PayrollManagement-tab .icon{left: 0;}
    .module-section .nav-tabs #nav-NoticeBoard-tab .icon{left: 0;}
    .module-section .nav-tabs #nav-AttendanceManagement-tab .icon{left: 15%;}
    .module-section .nav-tabs #nav-ExpenseManagement-tab .icon{left: 18%;}
    .module-section .nav-tabs #nav-LeaveManagement-tab .icon{left: 10%;}
    .module-section .nav-tabs #nav-AwardManagement-tab .icon{left: 4%;}
    .module-section .nav-tabs #nav-FileManagement-tab .icon {left: 12%;}
    .module-section .nav-tabs #nav-SalaryStatement-tab .icon{left: -12%;}
    .module-section .nav-tabs .nav-link p {line-height: 16px; font-size: 13px; font-weight: bold;}
    .module-section .tab-pane {margin-top: 26px;}
    .module-section .tab-pane .data h4{margin-top: 20px; font-size: 24px;}
    .about-section {padding-top: 30px;}
    .about-section .image-block{display: none;}
    .about-section .data h2.title{font-size: 24px;}
    .about-section .data-bottom h2.title{margin-top: 6px;}
    .about-section .data-bottom .image{display: none;}
    .choose-section{margin-top: 0; padding-top: 30px; margin-bottom: 0px; padding-bottom: 26px;}
    .choose-section .heading{margin-bottom: 15px;}
    .choose-section .heading h1 {font-size: 24px;}
    .choose-section .box .icon {left: 15px; top: 30px;}
    .choose-section .box .inner-box{padding-left: 100px; padding-top: 30px; padding-bottom: 15px;
        padding-right: 12px; min-height: auto;}
    .key-section h1 {font-size: 26px; margin-bottom: 20px;}
    .key-section ul li{width: 100%;}
    .key-section .image{display: none;}
    .testimonial-section .mobile-app{margin-right: 0; padding-right: 0; margin-bottom: 40px;}
    .testimonial-section .mobile-app h4{text-align: left;}
    .testimonial-section .mobile-app h1{text-align: left; font-size: 17px; margin-bottom: 18px;}
    .testimonial-section .heading h1{font-size: 24px;}
    .testimonial-section .mobile-app .app-btn img {width: 20px; margin-right: 10px;}
    .testimonial-section .mobile-app .app-btn .app-btn-one{width: 138px;}
    .testimonial-section .mobile-app .app-btn .app-btn-two{width: 140px;}
    .footer-top-section ul{border-top-left-radius: 0; border-top-right-radius: 0;}
    .footer-top-section ul li{margin: 0; display: block; margin-left: 12px;}
    .footer-section{padding-top: 24px; padding-bottom: 6px;}
    .footer-section .about{margin-bottom: 30px;}
    .footer-section .title {margin-bottom: 15px;}
    .footer-section .bottom p{font-size: 13px;}
    .footer-section .bottom .right{text-align: left;}

    .breadcumb-area{z-index: 11;}
    .breadcumb-area .brpt h2 {font-size: 24px; letter-spacing: 1px;
    word-spacing: 2px; text-transform: uppercase; margin-bottom: 10px;}

    .price-section{padding: 20px 0px 20px 0px;}
    .price-section .heading{margin-bottom: 0;}
    .price-section .heading h1{font-size: 30px; font-weight: 800;}
    .price-section .box{padding: 20px 0px; margin: 15px 0px;}
    .price-section .box .title {font-size: 14px;}
    .price-section .box .price {font-size: 32px;}
    .price-section .box span {right: -36px;}
    .price-section .box ul li {font-size: 15px; line-height: 32px;}
    .price-section .box .footer .btns{padding: 8px 30px;}

    .feature-page{padding: 15px 0px;}
    .feature-page .row{margin: 0px; margin-bottom: 15px;}
    .feature-page .row:last-child{margin-bottom: 0;}

    .blog-section {padding-top: 15px;}
    .blog-section .box .image{height: auto;}
    .blog-section .box .date{display: none;}
    .blog-section .box .title{margin-bottom: 0;}

    .blog-detail-page {padding: 15px 0;}
    .blog-detail-page .blog-data .title h2 {font-size: 24px;}
    .blog-detail-page .blog-data .date {width: 100px;}
    .blog-detail-page .comment-form .feather{display: none;}
    .blog-detail-page .comments{padding: 15px;}
    .blog-detail-page .comments .wrap .item {padding: 0 0 0px 0px;
        margin-bottom: 15px; border-bottom: none;}
    .blog-detail-page .comment-form{padding: 15px; margin-bottom: 26px;}




    .contact-page-info {padding: 20px 0px 20px 0px;}
    .contact-page-info .heading{padding: 0; margin-bottom: 0;}
    .contact-page-info .heading p {font-size: 14px; margin-bottom: 5px;}
    .contact-page-info .heading h2 {font-size: 20px;}
    .contact-page-info .box{min-height: auto; padding: 20px 10px;
        margin-top: 24px;}

}