@import url('https://fonts.googleapis.com/css?family=Quicksand:400,600,700|Raleway:400,500,600,700,900&display=swap');

body {
    font-size: 14px;
    overflow-x: hidden;
}

p {
    text-align: left;
    color: #222;
    font-weight: 400;
}
.bootstrap_accor_item .card {
    border: 0px solid rgba(0,0,0,.125);
    /*border-radius: .25rem;*/
}

.bootstrap_accor_item .card-header{
     border-bottom: 0px solid rgba(0,0,0,.125); 
    background-color: rgb(255 255 255);
}
.bootstrap_accor_item .card-body h5{
    color: #f47b20;
    font-size: 16px;
}
.bootstrap_accor_item .btn-link {
    color: #495057;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
}
.bootstrap_accor_item .btn-link:hover {
    text-decoration: none;
}
.bootstrap_accor_item .btn-link.focus, .btn-link:focus {
    text-decoration: none; 
}
.bootstrap_accor_item .btn-link:hover {
    text-decoration: none;
}
/*===COMMON CSS===*/
button,
button:focus {
    outline: 0;
}
ul,
ol {
    margin: 0;
    padding: 0;
}
li {
    display: inline-block;
    list-style: none;
}
.accordion ul{
    padding-left: 20px !important;
    
}
.accordion li {
    display: block !important;
    font-size: 14px;
}.

.accordion p{
    font-size: 16px;
}
a,
a:hover,
a:focus {
    color: #222;
    text-decoration: none;
    outline-offset: 0;
    outline: 0;
    transition: 0.35s ease-in-out;
    text-align: left;
}

button,
button:focus {
    text-decoration: none;
    background: transparent;
    border: 0;
}

.form-control,
.form-control:focus,
input,
input:focus {
    outline: 0;
    border: 0;
}

img {
    max-width: 100%;
}

.mrt-30 {
    margin-top: 30px;
}

.capitalize {
    text-transform: capitalize;
}

.allcaps {
    text-transform: uppercase;
}

p {
    margin: 0;
    padding: 0;
}
a{
    font-family: sans-serif;
}
button {
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

.container {
    max-width: 1250px;
}

.tooltip-inner {
    min-width: 80px;
    padding: 10px 0;
    margin-right: 5px;
    border-radius: 0;
}

.anchor {
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.section-padding {
    padding: 60px 0;
}

.section-tpadding {
    padding-top: 60px;
}

.section-bpadding {
    padding-bottom: 60px;
}

.pb30 {
    padding-bottom: 30px
}

.pb20 {
    padding-bottom: 20px
}

.mb20 {
    margin-bottom: 20px;
    display: block;
}

.form-control.is-invalid {
    border: 1px solid #e74c3c !important;
}

.invalid-feedback {
    color: #e74c3c;
}

.form-control {
    border-radius: 0;
    border: 1px solid transparent;
    box-shadow: 0 0;
    transition: 0.35s ease-in-out;
}

.contact-form input {
    height: 60px;
}

.form-control:focus {
    border: 1px solid transparent;
    box-shadow: 0 0;
    outline: 0;
}

.shape5 {
    position: absolute;
    top: 50px;
    left: 50px;
    animation: shape5rotate 5s infinite linear;
    height: 100px;
    width: 100px;
}

@keyframes shape5rotate {
    100% {
        transform: rotatey(360deg);
    }
}

/*======HEADER CSS START=======*/
.main-header {
    padding: 15px 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
    /*background: #f1f1f1;*/
    -webkit-box-shadow: -1px 3px 5px 0px rgba(65,65,65,0.68);
    -moz-box-shadow: -1px 3px 5px 0px rgba(65,65,65,0.68);
    box-shadow: -1px 3px 5px 0px rgba(65,65,65,0.68);
}

.sticky {
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: #ffffff;
    /* background: linear-gradient(90deg, rgb(51 66 184) 43%, rgb(18 172 248) 100%); */
    transition: 0.5s all;
    padding-bottom: 10px;
}

.main-menu {
    text-align: right;
    padding-right: 30px;
}

.main-menu ul li {
    position: relative;
}

.main-menu ul li a {
    padding: 12px 15px;
    display: inline-block;
    color: #f47b20;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
}

.submenu {
    position: absolute;
    width: 200px;
    border: 1px solid #f47b20;
    text-align: left;
    padding: 20px;
    background: #ffffff;
    border-radius: 5px;
    top: 130%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.8s all;
    height: 140px;
}

.main-menu ul li:hover .submenu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.sticky .main-menu ul li:hover .submenu {
    top: 144%;
}

.submenu ul li {
    display: block;
}

.submenu>ul>li>a {
    padding: 5px 0;
    color: #414141;
}

.submenu>ul>li>a:hover {
    color: #f47b20;
}

.logo h2 {
    color: #002a5c;
}

.logo {
    left: -25px;
    top: -5px !important;
}

.menu-item li {
    display: block;
}

.has-sub ul li {
    display: block;
}

.has-sub ul li a {
    text-transform: capitalize;
}

#mobile-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}

.mobile-logo {
    width: 150px;
    margin-top: 55px;
    display: none;
}

.default-theme .dropdown-heading,
.default-theme .menu-item li a {
    font-weight: 600;
}

.swipe-menu.mobile-header.default-theme {
    background: #6736DF;
}

.default-theme .dropdown-heading:hover,
.default-theme .menu-item li a:hover {
    background: #6736DF;
}

.default-theme .has-sub ul li a:hover {
    background: #6736DF;
}

.codehim-nav {
    width: 300px;
}
.hr_login_btn{
    background: #266ca2;
}
#stickphone {
    top: 1100px !important;
    left: -100px;
    position: absolute;
    z-index: 999999999999;
    transition: 0.8s all;
}

#stickphone:hover {
    left: -90px;
}
#stickphone a i {
    background: #7cbb00;
    padding: 10px 13px;
    font-size: 32px;
    color: #f8f9fa;
    margin-left: 22px;
    border-radius: 50%;
    position: relative;
}

#stickphone a i:after {
    left: 0;
    top: 0;
    content: "";
    color: #f8f9fa;
    position: absolute;
    background: #28a745;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.anchor {
    color: #f47b20 !important;
}

/*======HEADER CSS END=======*/

/*======SLIDER CSS START=======*/
.slider {
     /*background: linear-gradient(90deg, rgb(0 42 92) 43%, rgb(82 7 102) 100%); */
    background: url(..//images/hexagon_pettern_for_service_bg.png) no-repeat left top;
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    /*opacity: .3;*/
    background-size: cover;
}

.slider-text {
    padding: 25% 0 0;
}

.slider-text h1 {
    font-weight: 900;
    text-transform: capitalize;
    font-size: 26px;
    color: #002a5c;
}

.slider-text .theme-title {
    color: #002a5c;
    font-size: 22px;
    padding-bottom: 50px;
    font-weight: 400;
}

.slider-text .subtitle {
    font-size: 18px;
    color: #002a5c;
    text-transform: capitalize;
}

.slider-text .subtitle strong {
    color: #f47b20;
}

.slider-button a {
    padding: 10px 34px;
    display: inline-block;
    margin: 18px 0;
    letter-spacing: 2px;
}

.slider-image {
    position: absolute;
    bottom: -80px;
}
.item-slider-image{
    width: 350px;
}.item-slider-image img{
    width: 100%;
    height: 100%;
}
.slider-button .slider-btn-one {
     background: #f47b20; 
    /*background: #6a6969;*/
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 600;
    color: #f1f1f1;
    font-size: 16px;
    border: 2px solid #f1f1f1;
}

.slider-button .slider-btn-two {
    background: transparent;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 600;
    color: #002a5c;
    font-size: 16px;
    border: 2px solid #775151;
}

.slider-button .slider-btn-one .icon {
    height: 25px;
    width: 25px;
    border: 1px solid #002a5c;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    display: inline-block;
}

.slider-button .slider-btn-one .icon i {
    line-height: 25px;
    text-align: ;
    margin-left: 5px;
}

.slider-button .slider-btn-one:hover,
.slider-button .slider-btn-two:hover {
    background: transparent;
    color: #002a5c;
}

svg.svg-intro-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
}

.textslider {
    width: 400px;
    display: inline-block !important;
    overflow: hidden;
    top: 6px;
    text-align: left;
}

.textslider span {
    width: 400px !important;
    display: none;
}

.textslider .active span {
    display: block;
}

svg.svg-intro-bottom-2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 65%;
    z-index: -1;
}

svg.svg-intro-bottom-3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

}

.hshape2 {
    position: absolute;
    left: 60px;
    bottom: 100px;
    overflow: hidden;
    height: 100px;
    width: 100px;
}

.hshape2 img {
    animation: linear infinite alternate;
    animation-name: hshape2;
    animation-duration: 5s;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: szoomimage;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes hshape2 {
    0% {
        width: 80%;
        height: 80%
    }

    50% {
        width: 100%;
        height: 100%
    }

    100% {
        width: 80%;
        height: 80%
    }
}

/*======SLIDER CSS END=======*/

/*======OUR SERVICE CSS START=======*/

.section-title h3 {
    font-weight: 600;
    color: #0e314c;
    text-transform: capitalize;
}

.section-title-bar {
    height: 5px;
    width: 90px;
    background: #0083cb;
    border-radius: 50px;
    position: relative;
    margin: 14px 0;
}

.section-title p {
    color: #6084a4;
    font-weight: 600;
    line-height: 1.9;
    font-size: 15px;
    padding-right: 40px;
}

.section-title-bar::after {
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    border-radius: 50%;
    background: #f47b20;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: leftrun;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes leftrun {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}

.section-title-bar::before {
    height: 10px;
    width: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    border-radius: 50%;
    background: #f47b20;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: rightrun;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes rightrun {
    0% {
        right: 0;
    }

    50% {
        right: 100%;
    }

    100% {
        right: 0;
    }
}

.our-service-left-main-image {
    position: relative;
}

.service-left-shape {
    position: absolute;
    right: 60px;
    bottom: -60px;
    overflow: hidden;
    height: 150px;
    width: 150px;
}

.service-left-shape img {
    animation: linear infinite alternate;
    animation-name: szoomimage;
    animation-duration: 5s;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: szoomimage;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes szoomimage {
    0% {
        width: 80%;
        height: 80%
    }

    50% {
        width: 100%;
        height: 100%
    }

    100% {
        width: 80%;
        height: 80%
    }
}

.single-service {
    overflow: hidden;
    background: #F7FAFD;
    border-radius: 5px;
    padding: 25px 15px;
    margin: 10px 0;
    transition: 0.5s all;
    border: 1px dashed #f47b20;
}

.single-service:hover {
    background: #f2f4f7;
    transform: translateY(-5px);
    box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -webkit-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -moz-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
}

.single-service .single-service-text p {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

.single-service .icon {
    height: 60px;
    width: 60px;
    background: #f47b20;
    text-align: center;
    border-radius: 50px;
    transition: 0.5s all;
    color: #002a5c;
}

.single-service:hover .icon {
    background: #f47b20;
}

.single-service .icon i {
    line-height: 60px;
    font-size: 16px;
    color: #f1f1f1;
}

.single-service-text h5 {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-top: 15px;
}

/*======OUR SERVICE CSS END=======*/

/*======RECENT WORK CSS START=======*/
.recent-work {
    background: #F7FAFD;
}

.center-text {
    text-align: center;
}

.center-text .section-title-bar {
    margin: 0 auto;
}

.center-text .section-title-bar {
    display: inline-block;
}

.section-title .padding {
    padding: 0 350px;
    text-align: center;
}

.single-work {
    position: relative;
    margin: 15px 0;
}

.single-work-img {
    height: 300px;
}

.single-work-img img {
    width: 100%;
    height: 100%;
}

.work-overlay:before {
    /* background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);*/
    background: rgba(245, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0;
    transition: 0.35s all;
}

.work-overlay:hover:before {
    opacity: 0.8;
}

.work-overlay-text {
    position: absolute;
    left: 0;
    bottom: -80px;
    padding: 20px 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.35s all;
}

.single-work:hover .work-overlay-text {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.work-overlay-text .title {
    font-weight: 900;
    font-size: 20px;
    color: #f1f1f1;
    text-transform: capitalize;
    padding-bottom: 5px;
    display: inline-block;
}

.work-overlay-text p {
    line-height: 1.9;
    font-weight: 600;
    color: #f1f1f1;
    font-size: 14px;
}

.work-overlay .icon {
    position: absolute;
    right: 0;
    top: -20px;
    visibility: hidden;
    opacity: 0;
    border-radius: 50px;
    height: 45px;
    width: 45px;
    background: #f1f1f1;
    text-align: center;
    margin: 20px 20px;
    transition: 0.5s all;
    display: inline-block;
}

.single-work:hover .work-overlay .icon {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.single-work .work-overlay .icon:hover {
    top: 0;
    visibility: visible;
    opacity: 1;
    background: #f47b20;
    color: #002a5c;
}

.single-work .work-overlay .icon i:hover {
    color: #f1f1f1;
}

.work-overlay .icon i {
    line-height: 45px;
    width: 100%;
    text-align: center;
    transition: 0.5s all;
}

.recent-work-button {
    text-align: center;
    margin-top: 50px;
}

.common-button {
    background: #f47b20;
    padding: 13px 36px;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    color: #002a5c;
    border-radius: 5px;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.common-button:hover {
    background: #f1f1f1;
}

.common-button::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background: #f47b20;
    z-index: -1;
    transition: 0.5s all;
}

.common-button::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background: #f47b20;
    z-index: -1;
    transition: 0.5s all;
}

.common-button:hover::before,
.common-button:hover::after {
    width: 51%;
}

.recent-work {
    position: relative;
}

.shape3 {
    position: absolute;
    left: 80px;
    top: 100px;
    animation: linear infinite;
    animation-name: shape3animation;
    animation-duration: 10s;
    -webkit-animation: linear infinite;
    -webkit-animation-name: shape3animation;
    -webkit-animation-duration: 10s;
}

@-webkit-keyframes shape3animation {
    form {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.shape4 {
    position: absolute;
    right: 350px;
    top: 150px;
    animation: linear infinite;
    animation-name: shape4animation;
    animation-duration: 15s;
    -webkit-animation: linear infinite;
    -webkit-animation-name: shape4animation;
    -webkit-animation-duration: 15s;
}

@-webkit-keyframes shape4animation {
    0% {
        right: 350px;
    }

    40% {
        right: 300px;
    }

    70% {
        top: 50px;
    }

    100% {
        right: 350px;
    }
}

/*======RECENT WORK CSS END=======*/

/*======PACKAGE PLAN CSS START=======*/
.our-package {
    background: #F9F6F6;
    position: relative;
}

.single-package {
    background: #f47b20;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: .4s
}
.single-package:hover {
       box-shadow: 1px 1px 11px 5px rgba(0,0,0,0.54);
    -webkit-box-shadow: 1px 1px 11px 5px rgba(0,0,0,0.54);
    -moz-box-shadow: 1px 1px 11px 5px rgba(0,0,0,0.54);
}
.package-img img {
    width: 100%;
    border-radius: 5px;
}

.package-fashilities {
    padding: 30px;
}

.single-package .package-name {
    text-align: center;
    text-transform: capitalize;
}

.single-package .price strong {
    font-weight: 900;
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    padding-bottom: 2px;
    display: inline-block;
}

.single-package .price span {
    font-size: 18px;
}

.package-name p {
    color: #444;
    font-size: 16px;
    text-align: center;
    padding-bottom: 2px;
    display: inline-block;
}

.package-type p {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 42px;
    color: #6332DE;
    text-align: center;
    padding-bottom: 2px;
    display: inline-block;
}

.single-package .view-details {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.single-package .view-details a {
    background: #f47b20;
    color: #002a5c;
    text-transform: capitalize;
    padding: 8px 11px;
    display: inline-block;
    font-size: 14px;
    margin-top: 12px;
    border-radius: 0;
    font-weight: 600;
}

.package-fashilities ul {
    text-align: left;
    position: relative;
    z-index: 1;
}

.package-fashilities ul li {
    text-transform: capitalize;
    font-weight: 600;
    color: #002a5c;
    display: block;
    padding: 8px 0;
}

.package-fashilities ul li i {
    color: #f47b20;
    background: #14a4f336;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50px;
    text-align: center;
    margin-right: 8px;
}

.price-shape {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: center;
}

.package-content {
    padding: 40px 0;
}

.price-bar {
    background: #F4F4F4;
    margin-top: 30px;
    margin-bottom: 30px;

}

.price-bar ul li {
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 0;
}

.price-bar ul li.active {
    background: #f47b20;
    color: #002a5c;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 10px;
}

.package-content .single-package {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

/*======PACKAGE PLAN CSS END=======*/
/*======OUR SERVICE PLAN CSS START=======*/
#service_part {
    padding-top: 100px;
    background: url(..//images/hexagon_pettern_for_service_bg.png) no-repeat left top;
    /*overflow: hidden;*/
    background-size: cover;
    scroll-behavior: smooth !important;
}
#service_part .service_active_shadow{
    background: #FFFFFF;
    border-radius: 15px;
    transition: 0.3s;
    padding: 15px;
    min-height: 330px;
    margin-bottom: 15px;
    box-shadow: 0px 8px 29px 7px rgba(0, 0, 0, 0.29);
}
.service_item{
    background: #E5E3E3;
    border-radius: 15px;
    transition: 0.4s;
    padding: 15px 10px;
    min-height: 330px;
    margin-bottom: 15px;
}
.service_img{
    width: 120px;
    margin: 10px auto;
}
.service_item:hover{
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 8px 29px 7px rgba(0, 0, 0, 0.29);
}
.service_details{
    margin-bottom: 20px;
}
.service_details p{
    margin: 10px;
}
.service_title  a {
    font-size: 18px;
    text-align: center;
    color: #FF7700;
    font-weight: 600;
}
/*======OUR SERVICE PLAN CSS END=======*/
/*======NEWS & EVENT CSS PART=======*/
#news_event_part{
    padding-top: 100px;
}
.news_event_img{
   height: 400px;
   width 100%
}
.news_event_img img{
    height: 100%;
    width: 1000%;
}
.news_event_text_item {
    padding: 0px 30px;
    vertical-align: middle;
    top: 50%;
    position: relative;
    transform: translate(0%, -50%);
}
.news_event_text_item h3{
    font-weight: 600;
    color: #f47b20;
}
.news_event_text_item p{
    margin: 10px 0;
}
.news_event_item_middle_marg{
    margin: 60px 0;
}
/*======NEWS & EVENT CSS END=======*/

/*======FAQ CSS START=======*/
#faq_part{
    padding: 100px 0;
    background: url(..//images/hexagon_pettern_for_service_bg.png) no-repeat left top;
    overflow: hidden;
    background-size: cover;
}
#faq_part .accor_img {
    text-align: right !important;
    width: 70%;
    margin-left: auto;
}

/*======FAQ CSS END=======*/
/*======CLIENT REVIEW CSS START=======*/
.client-review {
    margin-bottom: 50px;
    position: relative;
}

.clientslider {
    background: #F9F6F6;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    padding: 50px 100px;

}

.clientslider {
    background-image: url(../images/clientreview-bg.png);
}

.client-image {
    height: 120px;
    width: 120px;
    margin: 0 auto;
    border: 5px solid #002a5c;
    border-radius: 50%;
}

.client-text p {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 20px 0;
}

.section-title {
    margin-bottom: 50px;
}

.client-text strong {
    text-transform: uppercase;
}

.clientslider .owl-nav {
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
}

.clientslider .owl-prev i {
    background: #0083cb;
    color: #f1f1f1;
    padding: 9px 20px;
    font-size: 22px;
    border-radius: 30px 0 0 30px;
}

.clientslider .owl-next i {
    background: #f47b20;
    color: #f1f1f1;
    padding: 9px 20px;
    font-size: 22px;
    border-radius: 0 30px 30px 0;
}

.clientslider .owl-nav button {
    margin: 0 5px;
}

.client-image img {
    border-radius: 50%;
}

/*======CLIENT REVIEW CSS END=======*/

/*======OUR CLIENT CSS START=======*/
.marketing {
    padding: 95px 0;
    background: #f47b20cc;
    /*background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);*/
    /* background: linear-gradient(90deg, rgb(51 66 184) 43%, rgb(18 172 248) 100%); */
}

.marketing-left h4 {
    font-size: 20px;
    color: #f1f1f1;
    display: inline-block;
    padding-bottom: 7px;
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    letter-spacing: 5px;
    margin-left: 100px;
}

.marketing-left h4::after {
    position: absolute;
    left: -92px;
    bottom: 50%;
    background: #f1f1f1;
    width: 80px;
    height: 4px;
    content: "";
    transform: translateY(-50%);
}

.marketing-left h2 {
    text-transform: capitalize;
    color: #f1f1f1;
    font-weight: 600;
    font-size: 26px;
}

.marketing-right a {
    padding: 6px 13px;
    font-weight: 900;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 19px;
    transition: .4s;
    color: #f6954d;
    background: #f8f9fa;
    display: inline-block;
    text-transform: capitalize;
}
.marketing-right:hover a {
    background: #0083cb;
    color: #f1f1f1;
}

/*======OUR CLIENT CSS END=======*/

/*======LATEST NEWS CSS START=======*/
.latest-news {
    position: relative;
}

.main-blog .single-news {
    margin-bottom: 30px;
}

.news-shape {
    position: absolute;
    left: 0;
    top: 0;
}

.single-news {
    background: #F7FAFD;
    border-radius: 5px;
    transition: 0.35s all;
}

.single-news:hover {
    transform: translateY(-10px);
    box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -webkit-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -moz-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
}

.single-news-image img {
    border-radius: 5px 5px 0 0;
}

.single-news-text {
    padding: 30px 20px;
}

.single-news-text h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 900;
    color: #555;
}

.single-news-text p {
    line-height: 1.9;
    font-weight: 600;
    color: #555;
}

.single-news-image {
    border-bottom: 4px solid #f47b20;
    position: relative;
}

.date p {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    background: #f47b20;
    width: 100px;
    text-transform: capitalize;
    color: #002a5c;
    padding: 10px 0;
    font-weight: 600;
    transform: translateY(-50%);
}

.searchbar {
    overflow: hidden;
}

.searchbar form {
    border: 1px solid #ddd;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 50px;
}

.searchbar form input {
    padding: 0px 10px;
    width: 80%;
    height: 50px;
    float: left;
}

.searchbar form i {
    width: 20%;
    text-align: center;
    background: #ddd;
    height: 50px;
    float: left;
    line-height: 50px;
    color: #888;
}

.single-blog-image img {
    width: 100%;
}

.single-blog-category {
    padding: 30px 0;
}

.single-blog-category h5 {
    text-transform: capitalize;
    color: #444;
    position: relative;
}

.single-blog-category h5::after {
    position: absolute;
    left: 0;
    bottom: -9px;
    content: "";
    background: #613AC7;
    height: 3px;
    width: 17%;
}

.single-blog-category ul li a {
    text-transform: capitalize;
    border-bottom: 1px dashed #ddd;
    display: block;
    padding: 8px 0;
}
.single-blog-category ul li {
    display: block;
    padding: 5px 0;
}
/*======LATEST NEWS CSS END=======*/

/*======FOOTER CSS START=======*/
.footer {
    /*background: url('..images/footerlogo.jpg');*/

    position: relative;
    z-index: 1;
    padding-top: 100px;
}
.footer-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: -1;
    /* background: linear-gradient(90deg, rgb(51 66 184) 43%, rgb(18 172 248) 100%); */
    background: #f47b20;
}
.fabout p {
    font-weight: 600;
    color: #555;
    line-height: 1.9;
}
.client-single-logo {
    padding: 20px 8px;
    border: 1px dashed #f47b20;
    margin: 10px 0;
}
.scroll {
    position: fixed;
    right: 0px;
    bottom: 2px;
    background: #266ca2;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    height: 50px;
    width: 50px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px 0 0 50px;
    z-index: 999999999;
    content: "";
}

.scroll i {
    color: #f1f1f1;
    font-size: 28px;
}

.fabout img {
    margin-bottom: 20px;
}

.fmenu h4 {
    font-size: 20px;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 20px;
}

.fmenu ul li {
    display: block;
    overflow: hidden;
}
.fmenu ul li a {
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    color: #f1f1f1;
    font-size: 12px;

}
.fmenu ul li a:hover {
    margin-left: 5px;
}
.fmenu.faddress ul i {
    font-size: 18px;
    float: left;
    margin: 0 15px;
    color: #f1f1f1;
}
.fmenu.faddress ul span {
    float: left;
    width: 80%;
    color: #f1f1f1;
}
.fmenu.faddress ul li a:hover {
    margin-left: 0;
}

.footer-bottom {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
}

.footer-bottom strong {
    text-transform: capitalize;
    margin-top: 25px;
    display: inline-block;
    color: #f1f1f1;
    font-weight: 400;

}

.footer-bottom ul {
    margin-top: 20px;
}

.footer-bottom ul li a {
    background: #266ca2;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #f1f1f1;
    margin: 0 10px;
}

.footer-bottom ul li a:hover {
    background: #f1f1f1;
    color: #f47b20;

}

/*======FOOTER CSS END=======*/

/*======SERVICE CSS START=======*/
/*.logo img {*/
/*   margin-top: -15px;*/
/*    height: auto;*/
/*    width: 170px;*/
/*}*/
.logo img {
    margin-top: 0px;
}

.banner {
    height: 250px;
    position: relative;
    background: url(../images/service-bg.jpg) no-repeat center;
    background-size: cover;
    margin-top: 90px;
}
/*.banner_news_portal {*/
/*    height: 300px;*/
/*    position: relative;*/
/*    background: url(../images/news_portal_banner.jpg) no-repeat center;*/
/*    background-size: cover;*/
/*    margin-top: 85px;*/
/*}*/

.banner::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background: linear-gradient(60deg, rgba(73,22,215,0.8), rgba(190,148,248,0.8));*/

    background: #f47b20;
    /* background: linear-gradient(90deg, rgba(255, 209, 5, 0.809943960494354) 43%, rgba(246, 3, 3, 0.7651260333234856) 100%); */
    content: "";
    z-index: -1;
}

.banner-text {
    padding-top: 150px;
    text-align: center;
    color: #07294d;
}

.banner h3 {
    text-transform: uppercase;
    font-weight: 900;
    color: #f1f1f1;
    font-size: 36px;
}

.banner-text p {
    text-align: center;
    color: #f1f1f1;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 666;
    font-size: 16px;
}

.single-sidebar .title h3 {
    background: #f47b20;
    color: #f1f1f1;
    padding: 14px 20px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
    letter-spacing: 1px;
    font-size: 22px;
}

.sidebar-content {
    padding: 8px 18px;
}

.sidebar-content ul li {
    display: block;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 0;
}

.sidebar-content {
    padding: 8px 18px;
    background: #F4F4F4;
}

.sidebar-content ul li a i {
    margin-right: 5px;
}

.sidebar-content ul li:last-child {
    border-color: transparent;
}

.sidebar-content ul li a:hover {
    color: #704BCE;
    margin-left: 5px;
}

.content-area .title {
    background: #F4F4F4;
    padding: 11px 15px;
    margin: 0 -30px;
    text-transform: capitalize;
}

.mission ul {
    margin-top: 20px;
}

.mission ul li {
    display: block;
    padding: 5px 2px;
    width: 50%;
    float: left;
}

.mission ul li i {
    width: 15px;
}

.content-banner {
    margin: 0 -30px;
}

.content-area .title h4 {
    margin: 0;
}

.overview h4 {
    padding-top: 12px;
    text-transform: capitalize;
    margin: 0;
    color: #07294D;
    font-weight: 900;
    padding-bottom: 10px;
    border-bottom: 4px solid #ddd;
    margin-bottom: 10px;
}

.content-area .content p {
    line-height: 1.7;
    margin-bottom: 20px;
    color: #222;
    font-size: 15px;
}

.feature .heading h5 {
    color: #704BCE;
    border-bottom: 4px solid #F4F4F4;
    padding-bottom: 8px;
    font-size: 18px;
    
}

.list table a {
    background: #f47b20;
    color: #002a5c;
    border-radius: 5px;
    padding: 4px 6px;
    text-transform: capitalize;
}

.single-sidebar.moreinfo {
    padding: 30px 0;
    background: #F4F4F4;
    border-top: 1px solid #ddd;
}

.moreinfo-content h4 {
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
    font-size: 18px;
    margin: 0;
}

.moreinfo-content h6,
.moreinfo-content p {
    margin: 0;
    line-height: 1.8;
    font-weight: 600;
}

.moreinfo-image {
    text-align: center;
    margin-bottom: 20px;
}

/*======SERVICE CSS END=======*/

/*======CONTACT US  START=======*/
.contact-bar.bg-one {
    background: #E1E9F1;
}

.contact-content {
    background: #F4F4F4;
    height: 110px;
    transition: .4s;
    
}
.contact-content:hover {
    box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -webkit-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
        -moz-box-shadow: -3px 1px 30px -12px rgba(11, 24, 86, 0.6);
    
}


.contact-content ul li span {
    font-weight: 900;
    color: #888;
    font-size: 16px;
    text-transform: capitalize;
}

.contact-content ul li {
    display: block;
}

.contact-content ul li {
    display: block;
    padding: 10px 20px;
    /*border-bottom: 1px solid #ddd;*/
}

.contact-content ul li p {
    font-size: 13px;
    color: #222;
    margin-top: 2px;
}

.contact-bar h4 {
    color: #222;
    padding: 12px 12px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
}

.contact-bar h4 i {
    color: #f47b20;
}

.contact-bg {
    background: #E1E9F1;
    margin: 50px 0;
}

.contact-form h2 {
    text-transform: unset;
    font-weight: 900;
    margin-bottom: 20px;
}

/*.contact-form input {*/
/*    height: 55px !important;*/
/*}*/

.contact-form button {
    background: #f47b20;
    color: #f1f1f1;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    border-radius: 0px !important;
}

.google-map {
    height: 450px;
    padding: 20px;

}
.contact-form {
    padding: 30px;
}
textarea.form-control {
	height: 100px;
}
.google-map iframe {
    height: 100%;
}
.fmenu_facebook_icon_marg{
    margin: -5px 15px !important;
}
.footer_static_list {
    position: absolute;
    top: 110px;
    left: 15px;
}
.footer_static_list li{
    color: white;
    font-size: 12px;
}
/*======CONTACT US  END=======*/


/*======CLIENT LOGO CSS=======*/
.client-logo-area {
    padding-bottom: 50px;
}

.client-log-item {
    background: #ddd;
    padding: 4px;
    border-radius: 4px !important;
    height: 110px;
    margin-bottom: 10px;
}

.client-log-item img {
    width: 100%;
    height: 100%;
}

/*========== Company Profile Css ===========*/

.pdf-heading h2 {
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 600;
}

/*==============Modal Css =============*/
#btn-close-modal {
    text-align: center;
    padding: 15px;
}

#btn-close-modal span {
    height: 50px;
    width: 50px;
    border: 1px solid #002a5c;
    display: inline-block;
    line-height: 50px;
    /* color: #002a5c; */
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
    color: #002a5c;
    cursor: pointer;
}