/*

Theme Name: ecg



*/



/*

* DIGGER BASIC STYLE

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{overflow: hidden;}
:root{overflow: hidden; overflow-y: scroll;}

a:hover {

    text-decoration: none;

}



blockquote {

    background: #f9f9f9;

    border-left: 5px solid #bdbdbd;

    margin: 1.5em 10px;

    padding: 1em;

    font-style: italic;

}



blockquote:before {

    color: #dfdfdf;

    content: "\201D";

    font-size: 7em;

    line-height: .1em;

    vertical-align: 0;

    float: right;

}



figcaption,

.wp-caption-text {

    font-size: 1em;

    margin: .9em 0;

    text-align: center;

    color: #777;

}



.wp-block-group__inner-container {

    padding: 1em;

}



.wp-caption {

    max-width: 100%;

}



.entry-title,

.hometitle {

    overflow-wrap: break-word;

}



.digger-blue-back {

    background-color: #f2f7fe;

}



/*

* BOOTSTRAP CHANGES

*/

.card-title a {

    text-decoration: none;

    color: #000;

}



.card-title a:hover {

    text-decoration: none;

    color: #454545;

}



/*

* DIGGER ARCHIVES

*/

.thumbnail-archive img {

    float: right;

    margin: 0 0 1em 1em;

    border-radius: 5px;

}



.hometitle {

    text-decoration: none;

    border: none;

    color: #000;

}



.hometitle:hover {

    text-decoration: none;

    border: none;

    color: #666;

}



.block-link {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.archive-posts {

    position: relative;

}



.archive-posts:hover {

    border-color: #ababab !important;

}



.archive-posts small a,

.all-tags-link {

    z-index: 2;

    position: relative;

}



/*

* AUTHOR BLOCK

*/

.postauthor-wrap {

    width: 100%;

    clear: both;

}



.postauthor-wrap .fn {

    color: #000;

    font-size: .85em;

    font-weight: 700;

}



.postauthor-wrap .fn:hover {

    color: #000;

    text-decoration: none;

}



.avatar-100 {

    float: left;

    width: 64px;

    height: 64px;

    margin: 0 1em 1em 0;

    border-radius: 50%;

}



/*

* CODE AND PRE STYLES

*/

pre {

    padding: 1.3em;

    margin: 1em 0 2em;

    word-break: break-all;

    overflow: auto;

    background-color: #edf2f6;

    border-radius: 15px;

    color: #333;

    white-space: pre;

}



.wp-block-code code {

    white-space: pre;

    overflow-wrap: break-word;

}



p code {

    padding: 2px 4px;

    color: #c7254e;

    background-color: #f9f2f4;

    border-radius: 4px;

}



/*

* COMMENTS STYLES

*/

#comments .comment-navigation {

    margin-bottom: 0;

}



#comments .comment-navigation-below {

    margin-bottom: 20px;

    margin-top: 15px;

}



#comments .media-list li .media {

    margin-top: 15px;

}



#comments .media-list li .media .media-body {

    border: 1px solid #dbdbdb;

    padding: 10px;

}



#comments .media-list li .media .media-body .comment-author {

    font-size: 12px;

    margin-bottom: 10px;

}



#comments .media-list ul.children {

    list-style: none;

    margin-left: 1em;

}



.comment-avatar {

    float: left;

}



.media-body {

    width: 10000px;

}



.comment-content {

    position: relative;

}



.comment-content pre {

    white-space: pre;

    overflow-x: auto;

    display: block;

    max-width: 860px;

}



.comment-content table {

    margin-bottom: 1.5em;

}



.comment-content table tr td,

.comment-content table tr th {

    padding: .5em;

    border: 1px solid #bdbdbd;

    border-collapse: collapse;

}



.media-object {

    display: block;

}



.media-object.img-thumbnail {

    max-width: none;

}



.media-right,

.media>.pull-right {

    padding-left: 10px;

}



.media-left,

.media>.pull-left {

    padding-right: 10px;

}



.media-left,

.media-right,

.media-body {

    display: table-cell;

    vertical-align: top;

}



.media-middle {

    vertical-align: middle;

}



.media-bottom {

    vertical-align: bottom;

}



.media-heading {

    margin-top: 0;

    margin-bottom: 5px;

}



.media-list {

    padding-left: 0;

    list-style: none;

}



.pull-right {

    float: right !important;

}



.pull-left {

    float: left !important;

}



.comment-reply-link {

    font-size: .85em;

}



#cancel-comment-reply-link {

    margin-left: .5em;

}



.comment-reply-title {

    margin-top: 1em;

    font-size: 1.3em;

}







/*

* FOOTER MENU

*/



.main-gradient {

    background: -webkit-linear-gradient(45deg, #0d6efd, #68a4fd);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.da-footer-menu {

    color: #232323;

}



.da-footer-menu ul,

ul.da-footer-menu {

    list-style: none;

    margin: 0;

    padding: 0;

}



.da-footer-menu ul li,

ul.da-footer-menu li {

    margin-bottom: 1.3em;

}



.da-footer-menu a {

    color: #232323;

    text-decoration: none;

    border-bottom: 1px solid #232323;

}



.da-footer-menu a:hover {

    color: #000000;

    text-decoration: none;

    border-bottom: 1px solid #fff;

}



.da-footer-menu .sub-menu {

    margin: 1em 0 1em 1.5em;

}



.da-footer-menu .sub-menu li {

    margin-bottom: .5em;

}



/*

* NAVBAR STYLES

*/



.custom-logo {

    margin-right: .6em;

    vertical-align: middle;

}



/*

* ALIGN

*/



.wp-block-gallery:not(.has-nested-images) {

    margin-bottom: 2em;

}



.wp-block-cover__inner-container p {

    margin-bottom: 0;

}



.wp-block-button,

.wp-block-cover,

.wp-block-archives,

.wp-block-calendar,

.wp-block-categories,

.wp-block-group,

.wp-block-media-text {

    margin-bottom: 1.5em;

}



.alignnone {

    margin: .3em 1em 1em 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: .3em auto .3em auto;

}



.alignright {

    float: right;

    margin: .3em 0 1em 1em;

}



.alignleft {

    float: left;

    margin: .3em 1em 1em 0 !important;

}



.wp-block-button.is-style-squared a,

.wp-block-button__link.wp-block-button.is-style-squared a {

    border-radius: 0;

}



/*

* PAGINATION

*/



.nopage {

    padding: .2em 1em;

}



/*

* OTHER STYLES

*/



blockquote p:last-child {

    margin-bottom: 0;

}



blockquote p cite {

    font-size: .8em;

}



.entry-content>table {

    margin-bottom: 1.5em;

}



.entry-content>table tr td,

.entry-content>table tr th {

    padding: .5em;

    border: 1px solid #bdbdbd;

    border-collapse: collapse;

}



.edit-block {

    font-size: .8em;

    clear: both;

}



.edit-block a {

    color: #777777;

}



.edit-block a:hover {

    color: #777777;

}



.page-block,

.page-links {

    clear: both;

}



.bypostauthor {

    background-color: #FF1100;

}



.bypostauthor .avatar {

    border: 1px dotted #FF1100;

}



.gallery-caption {

    color: #565656;

}



.footer-copyright {

    color: #676767;

    text-decoration: none;

}



.footer-copyright:hover {

    color: #000000;

    text-decoration: none;

}



/* 

* Text meant only for screen readers

*/

.screen-reader-text {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    clip-path: inset(50%);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important;

    /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

    background-color: #eee;

    clip: auto !important;

    clip-path: none;

    color: #444;

    display: block;

    font-size: 1em;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar. */

}



/*

* MEDIA AND MOBILE

*/



@media (min-width: 992px) {

    .text-xl {

        font-size: 4.5rem !important;

    }



    .display-1 {

        font-size: 6rem;

    }



    .entry-title {

        font-size: 3.6em;

    }



    article {

        font-size: 1.2em;

    }



    p {

        margin-bottom: 1.5em;

    }



    .content-area article h2,

    .content-area article h3,

    .content-area article h4 {

        font-weight: bold;

        margin-top: 1.5em;

        margin-bottom: 1em;

    }



    pre {

        font-size: 1.1em;

    }



    .da-footer-menu a {

        font-size: 1.2em;

    }



    .h1,

    h1 {

        line-height: 1.25em;

    }



    p.wp-caption-text {

        font-size: 1em !important;

    }

}







body {

    --BlueColor: #162578;

	--BlueColor2: #104aba;

    --BlueColor3: #1497ec;

    --LightBgColor: #ecf1fa;

    --headingColor: #162578;

    --textcolor: #666666;

    font-family: 'Roboto', sans-serif !important;

	background: #ffffff !important;

}



p {

    font-size: 16px;

    line-height: 28px;

    color: var(--textcolor);

    font-family: 'Roboto', sans-serif !important;

}



.container {

    max-width: 1240px !important

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--headingColor);

    padding: 0;

    margin: 0;

    font-family: 'Roboto', sans-serif !important;

}



a{

	text-decoration: none;

	transition-duration: 0.3s;

}



a:hover{

	text-decoration: none;

}



/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

    margin-left: auto;

    margin-right: auto;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}







/* Arrows */

.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;



    position: absolute;

    top: 50%;



    display: block;



    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);



    cursor: pointer;



    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus

{

    color: transparent;

    outline: none;

    background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before

{

    opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before

{

    opacity: .25;

}



.slick-prev:before,

.slick-next:before

{

    font-family: 'slick';

    font-size: 20px;

    line-height: 1;



    opacity: .75;

    color: white;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.slick-prev

{

    left: -25px;

}

[dir='rtl'] .slick-prev

{

    right: -25px;

    left: auto;

}

.slick-prev:before

{

    content: '←';

}

[dir='rtl'] .slick-prev:before

{

    content: '→';

}



.slick-next

{

    right: -25px;

}

[dir='rtl'] .slick-next

{

    right: auto;

    left: -25px;

}

.slick-next:before

{

    content: '→';

}

[dir='rtl'] .slick-next:before

{

    content: '←';

}



/* Dots */

.slick-dotted.slick-slider

{

    margin-bottom: 30px;

}



.slick-dots

{

    position: absolute;

    bottom: -25px;



    display: block;



    width: 100%;

    padding: 0;

    margin: 0;



    list-style: none;



    text-align: center;

}

.slick-dots li

{

    position: relative;



    display: inline-block;



    width: 8px;

    height: 8px;

    margin: 0 5px;

    padding: 0;



    cursor: pointer;

}

.slick-dots li button

{

    font-size: 0;

    line-height: 0;



    display: block;



    width: 8px;

    height: 8px;

    padding: 5px;



    cursor: pointer;



    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before

{

    opacity: 1;

}

.slick-dots li button:before

{

    font-family: 'slick';

    font-size: 6px;

    line-height: 8px;



    position: absolute;

    top: 0;

    left: 0;



    width: 8px;

    height: 8px;



    content: '•';

    text-align: center;



    opacity: .25;

    color: black;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before

{

    opacity: .75;

    color: black;

}





/*----*/







.solutions-scroll .slick-dots,

.package-scroll .slick-dots,

.testimonials-scroll .slick-dots {

	bottom: -25px !important;

}



.solutions-scroll .slick-dots li button,

.package-scroll .slick-dots li button,

.testimonials-scroll .slick-dots li button {

	border: 2px solid var(--BlueColor);

	list-style: none !important;

	z-index: 990;

	border-radius: 50%;

}



.solutions-scroll .slick-dots li button,

.package-scroll .slick-dots li button,

.testimonials-scroll .slick-dots li button {

	border: 2px solid var(--BlueColor);

	list-style: none !important;

	z-index: 990;

	border-radius: 50%;

}



.solutions-scroll li button:before,

.package-scroll li button:before,

.testimonials-scroll li button:before {

	display: none;

	visibility: hidden;

}



.solutions-scroll .slick-dots li.slick-active button,

.package-scroll .slick-dots li.slick-active button,

.testimonials-scroll .slick-dots li.slick-active button {

	background: var(--BlueColor);

}



.solutions-scroll .slick-dots li.slick-active button,

.package-scroll .slick-dots li.slick-active button,

.testimonials-scroll .slick-dots li.slick-active button {

	background: var(--BlueColor);

}



.solutions-scroll .slick-dots li button,

.package-scroll .slick-dots li button,

.testimonials-scroll .slick-dots li button {

	border: 2px solid var(--BlueColor);

	list-style: none !important;

	z-index: 990;

	border-radius: 50%;

}







::selection {

    background: var(--BlueColor);

    color: #fff;

}



::-moz-selection {

    background: var(--BlueColor);

	color: #fff;

}



::-webkit-scrollbar {

    width: 8px

}



::-webkit-scrollbar-track {

    border-radius: 0

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    background-color: rgba(34, 65, 156, .9);

    -webkit-transition: .6s;

    -moz-transition: .6s;

    -o-transition: .6s;

    transition: .6s

}



::-webkit-scrollbar-thumb:hover {

    background-color: rgba(34, 65, 156, 1);

}



.banner-wrapper-div{

    width: 100%;

    min-height: auto;

    padding-top: 110px;

    padding-bottom: 80px;

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,241,250,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(236,241,250,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,241,250,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,241,250,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,241,250,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(236,241,250,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf1fa', GradientType=0 );

    position: relative;

}



.banner-wrapper-div .banner-image-con{

    width: 495px;

    height: 495px;

    background: var(--BlueColor);

    border-radius: 50%;

    display: block;

    border-top-right-radius: 15px;

    overflow: hidden;

}



.banner-wrapper-div .banner-image-con img{

    width: 100%;

    height: 495px;

    object-fit: cover;

}



.banner-wrapper-div  .bannercaption-wrap{

    width: 100%;

    position: relative;

    height: 495px;

    display: table;

}



.banner-wrapper-div  .bannercaption-wrap .bannercaption-middlealign{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

    padding-right: 100px;

}



.banner-wrapper-div  .bannercaption-wrap .bannercaption-middlealign h1{

    width: 100%;

    padding: 0;

    margin: 0px;

    font-size: 58px;

    color: #0f0f0f;

    font-weight: 300;

}



.banner-wrapper-div  .bannercaption-wrap .bannercaption-middlealign h1 strong{

    color: var(--BlueColor3);

    font-weight: 700;

}



.banner-wrapper-div  .bannercaption-wrap .bannercaption-middlealign p{

    padding: 0;

    margin: 15px 0px 40px 0px;

    line-height: 26px;

}



.readmore-btn{

    width: auto;

    background: rgba(16,73,186,1);

    background: -moz-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,73,186,1)), color-stop(100%, rgba(20,150,236,1)));

    background: -webkit-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -o-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -ms-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: linear-gradient(to right, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );

    line-height: 40px;

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding: 0px 34px;

    border-radius: 20px;

    transition-duration: 0.3s;

}



.readmore-btn:hover{

    background: rgba(20,150,236,1);

    background: -moz-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,150,236,1)), color-stop(100%, rgba(16,73,186,1)));

    background: -webkit-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -o-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -ms-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: linear-gradient(to right, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );

    color: #fff;

}



.banner-wrapper-div .mouse-wrapper{

	width: 18px;

	height: 24px;

	position: absolute;

	left: 50%;

    content: '';

	margin-left: -9px;

	bottom: 0px;

	z-index: 990;

	border: none;

	outline: none;

	animation: mouse-animation 1.5s infinite alternate;

	background: none;

	background: url(../images/mouse-icon.png) no-repeat;

	transition-duration: 0s;

}



.banner-wrapper-div .mouse-wrapper:hover{

	background-position-y: -24px;

}



@keyframes mouse-animation {

	0% {

		bottom: 40px;

	}



	70% {

		bottom: 40px;

	}



	71% {

		bottom: 40px;

	}



	100% {

		bottom: 60px;

	}

}



.banner-wrapper-div .col-lg-7{

    position: relative;

}



.banner-wrapper-div .col-lg-7:before{

    width: 400px;

    height: 400px;

    background: rgba(220,228,245,1);

    background: rgba(220,228,245,1);

    background: -moz-linear-gradient(45deg, rgba(220,228,245,1) 0%, rgba(220,228,245,0) 100%);

    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(220,228,245,1)), color-stop(100%, rgba(220,228,245,0)));

    background: -webkit-linear-gradient(45deg, rgba(220,228,245,1) 0%, rgba(220,228,245,0) 100%);

    background: -o-linear-gradient(45deg, rgba(220,228,245,1) 0%, rgba(220,228,245,0) 100%);

    background: -ms-linear-gradient(45deg, rgba(220,228,245,1) 0%, rgba(220,228,245,0) 100%);

    background: linear-gradient(45deg, rgba(220,228,245,1) 0%, rgba(220,228,245,0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce4f5', endColorstr='#dce4f5', GradientType=1 );

    border-radius: 50%;

    position: absolute;

    left: -40px;

    bottom: -40px;

    content: '';

}





.banner-btm-div{

    width: 100%;

    background: var(--BlueColor);

    min-height: 90px;

    position: relative;

}



.banner-btm-div .col-lg-3{

    position: relative;

}



.banner-btm-div .col-lg-3:after{

    width: 8px;

    height: 66px;

    background: url(../images/bottom-seperate-line.jpg) no-repeat;

    position: absolute;

    top: 12px;

    right: -4px;

    content: '';

}



.banner-btm-div .col-lg-3:last-child:after{

    display: none;

    visibility: hidden;

}



.banner-btm-div .col-lg-3 a{

    width: 100%;

    min-height: 90px;

    position: relative;

    display: table;

    text-align: center;



}



.banner-btm-div .col-lg-3 a span{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

}



.banner-btm-div .col-lg-3 a h5{

    font-size: 18px;

    color: var(--LightBgColor);

    padding: 0px 0px 0px 65px;

    margin: 0;

    position: relative;

    font-weight: 500;

    width: auto;

    display: inline-block;

}



.banner-btm-div .col-lg-3 a h5 img{

    width: 54px;

    height: 54px;

    position: absolute;

    left: 0px;

    top: -12px;

}



.header-fixed-wrap{

    width: 100%;

    position: fixed;

    left: 0px;

    top: 20px;

    transition-duration: 0.3s;

    z-index: 1020;

}


.header-fixed-wrap .logo {
    width: 220px;
}

.header-fixed-wrap .logo img {
    width: 100%;
}


.header-fixed-wrap .header-logo{

    position: relative;

    display: inline-block;

}



.header-fixed-wrap .header-logo img{

    width: auto;

    height: 65px;

    transition-duration: 0.3s;

}



.header-fixed-wrap .col-lg-6{

    position: relative;

    transition-duration: 0.3s;

    padding-top: 15px;

}



.header-fixed-wrap .hotline-number{

    width: 100%;

    position: relative;

    padding-left: 60px;

    display: inline-block;

    margin-top: 10px;

}



.header-fixed-wrap .hotline-number span{

    width: 45px;

    height: 45px;

    background: rgba(16,73,186,1);

    background: -moz-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,73,186,1)), color-stop(100%, rgba(20,150,236,1)));

    background: -webkit-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -o-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -ms-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: linear-gradient(to right, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );

    position: absolute;

    left: 0px;

    top: 0px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

}



.header-fixed-wrap .hotline-number span img{

    width: 45px;

    height: 45px;

    object-fit: cover;

}



.header-fixed-wrap .hotline-number h6{

    width: 100%;

    padding: 0;

    margin: 2px 0px 2px 0px;

    font-size: 14px;

    color: var(--BlueColor3);

    font-weight: 500;

    display: block;

}



.header-fixed-wrap .hotline-number h4{

    width: 100%;

    padding: 0;

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    color: #0f0f0f;

}



.header-fixed-wrap #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{

    font-weight: 500;

}



.footer-wrapper-div{

    width: 100%;

    position: relative;

    padding-bottom: 12px;



    background: url(../images/footer-bg.jpg) no-repeat center center fixed #162578; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    display: inline-block;

}



.footer-wrapper-div .footer-credencials{

    width: 100%;

    background: #fff;

    padding: 0;

    margin: 0;

}



.footer-wrapper-div .footer-credencials p{

    padding: 0;

    margin: 20px 0px;

    line-height: normal;

    font-size: 15px;

}



.footer-wrapper-div .footer-credencials .col-lg-6:last-child p{

    text-align: right;

    

}



.footer-wrapper-div .footer-credencials .col-lg-6:last-child p a{

    color: var(--textcolor);

    font-weight: 400;

}



.footer-wrapper-div .footer-credencials .col-lg-6:last-child p a:hover{

    color: var(--BlueColor);

}



.footer-wrapper-div .footer-top-contacts{

    background: rgba(24, 33, 96, .6);

    border-bottom: 2px solid var(--BlueColor3);

}



.footer-wrapper-div .footer-top-contacts .row{

    margin-left: 0px;

    margin-right: 0px;

}



.footer-wrapper-div .footer-top-contacts .row .col-lg-4{

    padding-left: 0px;

    padding-right: 0px;

    border-right: 1px solid #54619f;

}



.footer-wrapper-div .footer-top-contacts .row .col-lg-4:last-child{

    border-right: none;

}



.footer-wrapper-div .footer-top-contacts .footer-contact-item{

    width: 100%;

    height: 110px;

    display: table;

}



.footer-wrapper-div .footer-top-contacts .footer-contact-item span{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

    padding: 0px 15px;

    margin: 0;

    position: relative;

    text-align: center;

}



.footer-wrapper-div .footer-top-contacts .footer-contact-item span div{

    position: relative;

    text-align: left;

    width: auto;

    display: inline-block;

    padding-left: 45px;

}



.footer-wrapper-div .footer-top-contacts .footer-contact-item span div i{

    color: var(--BlueColor3);

    padding: 0;

    margin: 0;

    position: absolute;

    left: 0px;

    font-size: 34px;

    left: 0px;

}

.footer-wrapper-div .footer-top-contacts .footer-contact-item span div img {
    color: var(--BlueColor3);
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0px;
    font-size: 34px;
    left: 0px;
    width: 25px;
}

.footer-wrapper-div .footer-top-contacts .footer-contact-item span div p{

    font-size: 15px;

    padding: 0;

    margin: 0;

    color: #babdd3;

    line-height: 24px;

}



.footer-wrapper-div .footer-top-contacts .footer-contact-item span div p a{

    color: #babdd3;

    text-decoration: none;

}



.footer-wrapper-div .footer-top-contacts .col-lg-4:nth-child(1) .footer-contact-item i{

    top: 6px;

}



.footer-wrapper-div .footer-top-contacts .col-lg-4:nth-child(2) .footer-contact-item i,

.footer-wrapper-div .footer-top-contacts .col-lg-4:nth-child(3) .footer-contact-item i{

    top: -4px;

}



.footer-wrapper-div .footer-menus h4{

    width: 100%;

    padding: 0;

    margin: 0px 0px 20px 0px;

    font-size: 20px;

    color: #fff;

    font-weight: 500;

}



.footer-wrapper-div .footer-menus .footer-links ul{

    width: 100%;

    padding: 0;

    margin: 0;

}



.footer-wrapper-div .footer-menus .footer-links ul li{

    list-style: none;

    padding: 0;

    margin: 0px 0px 12px 0px;

    line-height: normal;

}



.footer-wrapper-div .footer-menus .footer-links ul li:last-child{

    margin-bottom: 0px;

}



.footer-wrapper-div .footer-menus .footer-links ul li a{

    font-size: 15px;

    padding: 0;

    margin: 0;

    color: #babed7;

}



.footer-wrapper-div .footer-menus .footer-links ul li a:hover{

    color: var(--BlueColor3);

}



.footer-wrapper-div .footer-menus p{

    padding: 0;

    margin: 0;

    color: #babed7;

    line-height: 26px;

}



.footer-wrapper-div .footer-menus{

    margin-top: 70px;

    margin-bottom: 70px;

}









.footer-wrapper-div .footer-menus .socialmedia-icons{

    width: 100%;

    padding: 0;

    margin: 25px 0px 0px 0px;

    display: block;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li{

    list-style: none;

    padding: 0;

    margin: 0px 5px 0px 0px;

    display: inline-block;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a{

    display: inline-block;

    width: 40px;

    height: 40px;

    padding: 8px;

    margin: 0;

    text-align: center;

    background: var(--LightBgColor);

    font-size: 14px;

    border-radius: 50%;

    transition-duration: 0.3s;

}

.footer-wrapper-div .footer-menus .socialmedia-icons li img {
    width: 100%;
    height: 100%;
    line-height: normal;
    transition: all .25s ease-in-out;
}

.footer-wrapper-div .footer-menus .socialmedia-icons li a:hover img {
    filter: brightness(10);
}

.footer-wrapper-div .footer-menus .socialmedia-icons li a.fb{

    color: #3f64ac;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.fb:hover{

    background: #3f64ac;

    color: var(--LightBgColor);

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.tw{

    color: #1c9be9;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.tw:hover{

    background: #1c9be9;

    color: var(--LightBgColor);

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.li{

    color: #0e72a3;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.li:hover{

    background: #0e72a3;

    color: var(--LightBgColor);

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.in{

    color: #f6523f;

}



.footer-wrapper-div .footer-menus .socialmedia-icons li a.in:hover{

    background: #f6523f;

    color: var(--LightBgColor);

}



.footer-wrapper-div .footer-menus .col-lg-3 img{

    width: auto;

    height: 152px;

}



.f-nav .header-fixed-wrap{

    background: rgba(255, 255, 255, .95);

    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);

    top: 0px;

    padding: 14px 0 !important;
}



.f-nav .header-fixed-wrap .header-logo img{

    width: auto;

    height: 45px;

}



.f-nav .header-fixed-wrap .hotline-number{

    margin-top: 4px;

    margin-bottom: 4px;

}



.f-nav .header-fixed-wrap .col-lg-6{

    padding-top: 9px;



}



.f-nav .header-fixed-wrap .header-logo{

    margin-top: 4px;

}



.ourservices-scroll-wrapper{

    margin-top: 100px;

}



.ourservices-scroll-wrapper h2{

    font-size: 48px;

    padding: 0px 0px 0px 105px;

    margin: 0;

    font-weight: 400;

    line-height: 54px;

    color: var(--headingColor);

    position: relative;

}



.ourservices-scroll-wrapper h2 span{

    width: 88px;

    height: 88px;

    position: absolute;

    border: 2px solid var(--BlueColor3);

    border-radius: 50%;

    left: 0px;

    top: 12px;

}



.ourservices-scroll-wrapper h2 span img{

    width: 84px;

    height: 84px;

    object-fit: cover;

}



.ourservices-scroll-wrapper .solutions-heading-text{

    width: 100%;

    height: 88px;

    display: table;

    position: relative;

    padding-right: 160px;

    padding-left: 25px;

}



.ourservices-scroll-wrapper .solutions-heading-text::before{

    width: 9px;

    height: 67px;

    position: absolute;

    left: -40px;

    top: 10px;

    background: url(../images/heading-seperate-line.png) no-repeat;

    content: '';

}



.ourservices-scroll-wrapper .solutions-heading-text p{

    display: table-cell;

    vertical-align: middle;

    padding: 0;

    margin: 0;

}



.ourservices-scroll-wrapper .solutions-heading-text a{

    position: absolute;

    top: 18px;

    right: 0px;

}



.ourservices-scroll-wrapper .solutions-scroll{

    margin-top: 30px;

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a{

    width: 100%;

    height: 320px;

    background: var(--BlueColor);

    border-radius: 5px;

    display: block;

    position: relative;

    overflow: hidden;

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a img{

    width: 100%;

    height: 320px;

    object-fit: cover;

    transition-duration: 0.3s;

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a:hover img{

    opacity: 0.2;

    transform: scale(1.1); 

}

.ourservices-scroll-wrapper .col-lg-3 a  .link-icon {
    width: 20px !important;
    height: 16px !important;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 200;
    font-size: 22px;
    color: #fff;
    opacity: 0;
    transition-duration: 0.3s;
    z-index: 1;
}

.ourservices-scroll-wrapper .col-lg-3 a:hover .link-icon {
    top: 45%;
    opacity: 1 !important;
}


.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a::after{

    width: 100%;

    height: 150px;

    background: rgba(0,0,0,0);

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

    position: absolute;

    left: 0px;

    bottom: 0px;

    content: '';

    z-index: 98;

    opacity: 0.8;

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a h6{

    position: absolute;

    left: 0px;

    bottom: 25px;

    text-align: center;

    width: 100%;

    z-index: 100;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    padding: 0px 25px;

    margin: 0px;

    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 

    

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a i{

    position: absolute;

    left: 50%;

    top: 40%;

    margin-top: -12px;

    margin-left: -12px;

    z-index: 200;

    font-size: 22px;

    color: #fff;

    opacity: 0;

    transition-duration: 0.3s

}



.ourservices-scroll-wrapper .solutions-scroll .col-lg-3 a:hover i{

    opacity: 1;

    top: 45%;

}



.welcometext-wrapper{

    width: 100%;

    background: #ecf1fa;

    margin-top: 100px;

    padding: 100px 0px 170px 0px;

}



.welcometext-wrapper .col-lg-7 p{

    text-align: justify;

}



.welcometext-wrapper .col-lg-7 h2{

    font-size: 48px;

    padding: 0px 0px 0px 105px;

    margin: 0px 0px 30px 0px;

    font-weight: 400;

    line-height: 54px;

    color: var(--headingColor);

    position: relative;

}



.welcometext-wrapper .col-lg-7 h2 span{

    width: 88px;

    height: 88px;

    position: absolute;

    border: 2px solid var(--BlueColor3);

    border-radius: 50%;

    left: 0px;

    top: 12px;

}



.welcometext-wrapper .col-lg-7 h2 span img{

    width: 84px;

    height: 84px;

    object-fit: cover;

}



.welcometext-wrapper .col-lg-5 img{

    width: 100%;

    height: 506px;

    border-radius: 5px;

    object-fit: cover;

}



.solutions-scroll,

.partners-logo-scroll{

    margin-left: -10px;

    margin-right: -10px;

}



.solutions-scroll .col-lg-3,

.partners-logo-scroll .col-lg-3{

    padding-left: 10px;

    padding-right: 10px;

}



.ourpartners-scroll{

    width: 100%;

    background: var(--LightBgColor);

    padding: 100px 0px;

    margin-top: 100px;

}



.ourpartners-scroll .col-lg-9 h2{

    font-size: 48px;

    padding: 0px 0px 0px 105px;

    margin: 0px 0px 20px 0px;

    font-weight: 400;

    line-height: 54px;

    color: var(--headingColor);

    position: relative;

}



.ourpartners-scroll .col-lg-9 h2 span{

    width: 88px;

    height: 88px;

    position: absolute;

    border: 2px solid var(--BlueColor3);

    border-radius: 50%;

    left: 0px;

    top: 12px;

}



.ourpartners-scroll .col-lg-9 h2 span img{

    width: 84px;

    height: 84px;

    object-fit: cover;

}



.ourpartners-scroll .col-lg-3 a{

    float: right;

    margin-top: 25px;

}



.partners-logo-scroll .col-lg-3 a{

    width: 100%;

    display: block;

    text-decoration: none;

}

.partners-logo-scroll .col-lg-3 span{

    width: 100%;

    text-align: center;

    height: 120px;

    background: #fff;

    border: 1px solid #cccccc;

    vertical-align: middle;

    border-radius: 3px;

    display: flex;

    justify-content: center;

    align-items: center;
}



.partners-logo-scroll .col-lg-3 span img{

    max-width: 90%;

    max-height: 110px;

    object-fit: contain;

    display: inline-block;

}



.whychoose-us-wrapper{

    width: 100%;

    margin-top: 100px;

}

.whychoose-us-wrapper.space-adjust {
    margin-bottom: 100px;
}


.whychoose-us-wrapper h2{

    font-size: 48px;

    padding: 0px 0px 0px 105px;

    margin: 0px 0px 25px 0px;

    font-weight: 400;

    line-height: 54px;

    color: var(--headingColor);

    position: relative;

}



.whychoose-us-wrapper h2 span{

    width: 88px;

    height: 88px;

    position: absolute;

    border: 2px solid var(--BlueColor3);

    border-radius: 50%;

    left: 0px;

    top: 12px;

}



.whychoose-us-wrapper h2 span img{

    width: 84px;

    height: 84px;

    object-fit: cover;

}



.whychoose-us-wrapper ul{

    width: 100%;

    padding: 0;

    margin: 0px 0px 30px 0px;

}



.whychoose-us-wrapper ul li{

    list-style: none;

    padding: 0px 0px 0px 30px;

    margin: 0px 0px 12px 0px;

    color: var(--textcolor);

    position: relative;

    line-height: 28px;

    text-align: justify;

}



.whychoose-us-wrapper ul li::before{

    width: 16px;

    height: 12px;

    background: url(../images/tick-icon.png) no-repeat;

    position: absolute;

    left: 0px;

    top: 8px;

    content: '';

}



.whychoose-us-wrapper ul li:last-child{

    margin-bottom: 0px;

}



.whychoose-us-wrapper .col-lg-5 img{

    width: 100%;

    border-radius: 5px;

    height: 525px;

    object-fit: cover;

    margin-top: 5px;

}



.downloadbrochure-con{

    width: 100%;

    border-radius: 5px;

    background: var(--BlueColor);

    padding: 0px 40px;

    position: relative;

    z-index: 100;

    margin-top: -70px;

}



.downloadbrochure-con .col-lg-9 span{

    width: 100%;

    position: relative;

    height: 140px;

    display: table;

}



.downloadbrochure-con .col-lg-9 span h3{

    color: #fff;

    width: 100%;

    display: table-cell;

    vertical-align: middle;

    padding: 0;

    margin: 0;

    font-size: 20px;

    line-height: 28px;

    font-weight: 400;

    position: relative;

    padding-left: 80px;

}



.downloadbrochure-con .col-lg-9 span h3::before{

    width: 67px;

    height: 63px;

    background: url(../images/download-icon.png) no-repeat;

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -32px;

    content: '';

}



.downloadbrochure-con .col-lg-3 a{

    float: right;

    margin-top: 50px;

}



.testimonials-wrapper{

    margin-top: 100px;

}



.testimonials-wrapper .col-lg-9 h2{

    font-size: 48px;

    padding: 0px 0px 0px 105px;

    margin: 0px 0px 25px 0px;

    font-weight: 400;

    line-height: 54px;

    color: var(--headingColor);

    position: relative;

}



.testimonials-wrapper .col-lg-9 h2 span{

    width: 88px;

    height: 88px;

    position: absolute;

    border: 2px solid var(--BlueColor3);

    border-radius: 50%;

    left: 0px;

    top: 12px;

}



.testimonials-wrapper .col-lg-9 h2 span img{

    width: 84px;

    height: 84px;

    object-fit: cover;

}



.testimonials-wrapper .col-lg-3 a {

    float: right;

    margin-top: 25px;

}

.testimonials-grid .testimonials-item{

	width: 100%;

	padding: 0;

	margin: 0px;

	background: #fff;

	border: 1px solid #cccccc;

	border-radius: 3px;

	display: block;

}



.testimonials-grid .testimonials-item .testimonials-footer{

	border-top: 1px solid #cccccc;

	width: 100%;

	display: block;

	position: relative;

	height: 80px;

	padding-left: 95px;

	transition-duration: 0.3s

}



.testimonials-grid .testimonials-item .testimonials-footer h5{

	width: 100%;

	padding: 0;

	margin: 20px 0px 4px 0px;

	font-size: 16px;

	color: var(--headingColor);

	font-weight: 500;

}



.testimonials-grid .testimonials-item .testimonials-footer h6{

	width: 100%;

	padding: 0;

	margin: 0;

	font-size: 14px;

	color: var(--textcolor);

	font-weight: 500;

}



.testimonials-grid .testimonials-item .testimonials-footer span{

	width: 60px;

	height: 60px;

	background: url(../images/testimonial-bg.png) no-repeat var(--LightBgColor);

	border-radius: 50%;

	position: absolute;

	left: 15px;

	top: 10px;

	overflow: hidden;

}



.testimonials-grid .testimonials-item .testimonials-footer span img{

	width: 60px;

	height: 60px;

	object-fit: cover;

}



.testimonials-grid .testimonials-item:hover{

	text-decoration: none;

	border-color: var(--BlueColor);

}



.testimonials-grid .testimonials-item:hover .testimonials-footer{

	border-color: var(--BlueColor);

}



.testimonials-grid .testimonials-item .testimonial-content{

	width: 100%;

	padding: 25px 25px 0px 25px;

	margin: 0px;

	min-height: 220px;

}



.testimonials-grid .testimonials-item .testimonial-content p{

	padding: 0;

	margin: 0;

	font-style: italic;

	color: var(--textcolor);



	overflow: hidden;

   display: -webkit-box;

   -webkit-line-clamp: 6; 

           line-clamp: 6; 

   -webkit-box-orient: vertical;

}



.testimonials-grid{

    margin-left: -10px;

    margin-right: -10px;

}



.testimonials-grid .col-lg-4{

    padding-left: 10px;

    padding-right: 10px;

}




.testimonials-scroll .testimonials-item{

	width: 100%;

	padding: 0;

	margin: 0px;

	background: #fff;

	border: 1px solid #cccccc;

	border-radius: 3px;

	display: block;

}



.testimonials-scroll .testimonials-item .testimonials-footer{

	border-top: 1px solid #cccccc;

	width: 100%;

	display: block;

	position: relative;

	height: 80px;

	padding-left: 95px;

	transition-duration: 0.3s

}



.testimonials-scroll .testimonials-item .testimonials-footer h5{

	width: 100%;

	padding: 0;

	margin: 20px 0px 4px 0px;

	font-size: 16px;

	color: var(--headingColor);

	font-weight: 500;

}



.testimonials-scroll .testimonials-item .testimonials-footer h6{

	width: 100%;

	padding: 0;

	margin: 0;

	font-size: 14px;

	color: var(--textcolor);

	font-weight: 500;

}



.testimonials-scroll .testimonials-item .testimonials-footer span{

	width: 60px;

	height: 60px;

	background: url(../images/testimonial-bg.png) no-repeat var(--LightBgColor);

	border-radius: 50%;

	position: absolute;

	left: 15px;

	top: 10px;

	overflow: hidden;

}



.testimonials-scroll .testimonials-item .testimonials-footer span img{

	width: 60px;

	height: 60px;

	object-fit: cover;

}



.testimonials-scroll .testimonials-item:hover{

	text-decoration: none;

	border-color: var(--BlueColor);

}



.testimonials-scroll .testimonials-item:hover .testimonials-footer{

	border-color: var(--BlueColor);

}



.testimonials-scroll .testimonials-item .testimonial-content{

	width: 100%;

	padding: 25px 25px 0px 25px;

	margin: 0px;

	min-height: 220px;

}



.testimonials-scroll .testimonials-item .testimonial-content p{

	padding: 0;

	margin: 0;

	font-style: italic;

	color: var(--textcolor);



	overflow: hidden;

   display: -webkit-box;

   -webkit-line-clamp: 6; 

           line-clamp: 6; 

   -webkit-box-orient: vertical;

}



.testimonials-scroll{

    margin-left: -10px;

    margin-right: -10px;

}



.testimonials-scroll .col-lg-4{

    padding-left: 10px;

    padding-right: 10px;

}



.banner-wrapper-div .banner-images{

    position: relative;

}



.banner-wrapper-div .banner-images:before{

    width: 44px;

    height: 110px;

    position: absolute;

    top: 0px;

    right: -45px;

    background: url(../images/dots-icon-banner.png) no-repeat;

    content: '';

    transition-duration: 0.3s;

    animation: banner-dots 5s infinite alternate;

}



@keyframes banner-dots {



    0%,

    100% {

        top: 0px;

    }



    50% {

        top: 100px;

    }

}



.banner-wrapper-div .banner-images .excellence-image{

    position: absolute;

    left: -30px;

    bottom: 30px;

    border: 0px;

    z-index: 500;

    border-radius: 8px;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);

    animation: banner-excellence 5s infinite alternate;



}



@keyframes banner-excellence {



    0%,

    100% {

        bottom: 15px;

    }



    50% {

        bottom: 60px;

    }

}



.banner-wrapper-div .banner-images:after{

    width: 105px;

    height: 78px;

    position: absolute;

    z-index: 600;

    top: 60px;

    left: -15px;

    background: url(../images/banner-icon.png) no-repeat;

    content: '';

    transition-duration: 0.3s;

    animation: banner-arrow-anim 5s infinite alternate;

}



@keyframes banner-arrow-anim {



    0%,

    100% {

        transform: rotate(20deg)

    }



    50% {

        transform: rotate(-20deg)

    }

}



.whatsapp-iconbtn {

	width: 50px;

	height: 50px;

	background: #11bb19;

	color: #fff !important;

	position: fixed;

	right: 30px;

	bottom: 52px;

	z-index: 1050;

	border-radius: 50%;

	text-align: center;

	font-size: 24px;

	line-height: 50px;

	-webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

	-moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

	-ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

	animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

	box-shadow: 0 0 0 0 rgba(103, 184, 81, 0.5);

    display: flex;
    justify-content: center;
    align-items: center;

}

.whatsapp-iconbtn img {
    width: 21px;
}







@-webkit-keyframes puls {

	to {

		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);

	}

}



@-moz-keyframes puls {

	to {

		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);

	}

}



@-ms-keyframes puls {

	to {

		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);

	}

}



@keyframes puls {

	to {

		box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);

	}

}



.innerpage-banner{

    width: 100%;

    min-height: 200px;

    background: var(--BlueColor);

    margin-top: 95px;

    display: table;

    overflow: hidden;

    position: relative;

}



.innerpage-banner img{

    width: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    height: 200px;

    object-fit: cover;

    opacity: 0.10;

}



.innerpage-banner h2{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 0;

    margin: 0;

    font-size: 42px;

    color: var(--LightBgColor);

    font-weight: 500;

    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);

    position: relative;


}



.innerpage-content-con{

    margin-top: 100px;

    margin-bottom: 100px;

    display: block;

}

.ourservices-scroll-wrapper .solutions-grid{

    margin-top: 0;

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a{

    width: 100%;

    height: 320px;

    background: var(--BlueColor);

    border-radius: 5px;

    display: block;

    position: relative;

    overflow: hidden;

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a img{

    width: 100%;

    height: 320px;

    object-fit: cover;

    transition-duration: 0.3s;

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a:hover img{

    opacity: 0.2;

    transform: scale(1.1); 

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a::after{

    width: 100%;

    height: 150px;

    background: rgba(0,0,0,0);

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

    position: absolute;

    left: 0px;

    bottom: 0px;

    content: '';

    z-index: 98;

    opacity: 0.8;

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a h6{

    position: absolute;

    left: 0px;

    bottom: 25px;

    text-align: center;

    width: 100%;

    z-index: 100;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    padding: 0px 25px;

    margin: 0px;

    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 

    

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a i{

    position: absolute;

    left: 50%;

    top: 40%;

    margin-top: -12px;

    margin-left: -12px;

    z-index: 200;

    font-size: 22px;

    color: #fff;

    opacity: 0;

    transition-duration: 0.3s

}



.ourservices-scroll-wrapper .solutions-grid .col-lg-3 a:hover i{

    opacity: 1;

    top: 45%;

}



.googlemaps-div {

    position: relative;

    padding-bottom: 400px;

    height: 0;

    overflow: hidden;

    width: 100%;

    float: left;

    margin: 100px 0px 0px 0px;

}



.googlemaps-div iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}



.contact-rightside-con{

    width: 100%;

    display: block;

    background: var(--LightBgColor);

}



.contact-rightside-con .contact-item-con{

    width: 100%;

    padding: 0px 20px;

    margin: 0;

    position: relative;

    display: table;

    height: 110px;

}



.contact-rightside-con .contact-item-con:nth-child(2),

.contact-rightside-con .contact-item-con:nth-child(4){

    background: #e3eaf7;

}



.contact-rightside-con .contact-item-con span{

    width: 100%;

    position: relative;

    display: table-cell;

    vertical-align: middle;

    padding-left: 80px;

    

}



.contact-rightside-con .contact-item-con h6{

    width: 100%;

    padding: 0;

    margin: 0px 0px 5px 0px;

    width: 100%;

}



.contact-rightside-con .contact-item-con p{

    padding: 0;

    margin: 0;

    line-height: 24px;

}



.contact-rightside-con .contact-item-con p a{

    color: var(--textcolor);

    text-decoration: none;

}



.contact-rightside-con .contact-item-con .contact-icon{

    width: 62px;

    height: 62px;

    background: none;

    border: 2px solid var(--BlueColor2);

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -31px;

    border-radius: 50%;

    text-align: center;

    color: var(--BlueColor2);

    font-size: 22px;

    line-height: 58px;

}



.send-message-con h4{

    font-size: 24px;

    width: 100%;

    padding: 0;

    margin: 0px 0px 10px 0px;

}



.send-message-con .col-lg-6 p,

.send-message-con .col-lg-12 p,

.send-message-con .col-lg-3 p{

    padding: 0;

    margin: 0;

}



.send-message-con .col-lg-6 input{

    width: 100%;

    padding: 0px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.send-message-con .col-lg-12 textarea{

    width: 100%;

    padding: 0px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 155px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.send-message-con .col-lg-6 input:focus{

    border-color: var(--BlueColor2);

}



.send-message-con .col-lg-3{

    position: relative;

}



.send-message-con .submit-btn{

    width: 100%;

    background: rgba(16,73,186,1);

    background: -moz-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,73,186,1)), color-stop(100%, rgba(20,150,236,1)));

    background: -webkit-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -o-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -ms-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: linear-gradient(to right, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );

    line-height: 40px;

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding: 0px 34px;

    border-radius: 20px;

    transition-duration: 0.3s;

    border: none;

    outline: none;

    position: relative;

}



.send-message-con .submit-btn:hover{

    background: rgba(20,150,236,1);

    background: -moz-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,150,236,1)), color-stop(100%, rgba(16,73,186,1)));

    background: -webkit-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -o-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -ms-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: linear-gradient(to right, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );

    color: #fff;

}



.send-message-con .wpcf7-not-valid-tip{

    font-size: 12px;

    padding: 0;

    margin: 0;

    line-height: normal;

}



.send-message-con .wpcf7-response-output{

    padding: 4px 0px !important;

    margin: 10px 0px 0px 0px !important;

    text-align: center;

    font-size: 12px;

    font-weight: 500;

}



.wpcf7-spinner{

    position: absolute;

    left: 50%;

    

    top: 10px;

    padding: 0;

    margin: 0;

    margin-left: -12px;

}



.send-message-con .col-lg-6{

    padding-bottom: 15px;

}



.send-message-con .col-lg-12{

    padding-bottom: 5px;

}



.innerpage-content-con.ourservices-scroll-wrapper .col-lg-3{

    padding-top: 10px;

    padding-bottom: 10px;

}



.innerpage-content-con.ourservices-scroll-wrapper .solutions-scroll{

    margin-top: 0px;

}



.mega-menu-wrap .mega-sub-menu li:nth-child(even) a{

    background: #123da5 !important;

}



.mega-menu-wrap .mega-sub-menu li:nth-child(even) a:hover{

    background: var(--BlueColor3) !important;

}



.services-single .service-image{

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

}



.services-single .service-image img{

    width: 100%;

    height: auto;

    object-fit: cover;

}



.services-single .serviceinclude-image{

    display: inline-block;

    width: 100%;

}





.services-single .serviceinclude-image img{

    width: 100%;

    height: 480px;

    object-fit: cover;

    border-radius: 8px;

}



.services-single .service-content-wrap{

    width: 100%;

    display: table;

    height: 100%;

}



.services-single .service-content-wrap .service-content-middlealign{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

}



.services-single ul{

    width: 100%;

    padding: 0;

    margin: 0;

}



.services-single ul li{

    list-style: none;

    padding: 0px 0px 0px 30px;

    margin: 0px 0px 12px 0px;

    color: var(--textcolor);

    position: relative;

}



.services-single ul li::before{

    width: 16px;

    height: 12px;

    background: url(../images/tick-service.png) no-repeat;

    position: absolute;

    left: 0px;

    top: 6px;

    content: '';

}



.services-single ul li:last-child{

    margin-bottom: 0px;

}



.services-single ul li strong{

    font-weight: 500;

}



.services-single p{

    text-align: justify;

}



.services-single h4{

    width: 100%;

    font-size: 24px;

    padding: 0;

    margin: 10px 0px 20px 0px;

    display: inline-block

}



.services-single .row:nth-child(2){

    margin-top: 80px;

}



.ourpartners-page .col-lg-3{

    padding-top: 10px;

    padding-bottom: 10px;

}

.partners-logo-grid .col-lg-3 a{

    width: 100%;

    display: block;

    text-decoration: none;

    border-radius: 3px;

}

.partners-logo-grid .col-lg-3 span{

    width: 100%;

    text-align: center;

    display: flex;

    vertical-align: middle;

    height: 120px;

    background: #fff;

    border: 1px solid #cccccc;

    align-items: center;

    justify-content: center;
}



.partners-logo-grid .col-lg-3 span img{

    max-width: 90%;

    max-height: 110px;

    object-fit: contain;

    display: inline-block;

}



.testimonials-page .testimonials-scroll .testimonials-item .testimonial-content p{

    display: block;

    visibility: visible;

    overflow: visible;

}



.testimonials-page .testimonials-scroll .testimonials-item .testimonial-content{

    padding: 25px;

}



.testimonials-page .testimonials-scroll .testimonials-item .testimonial-content{

    min-height: auto;

}



.testimonials-page .col-lg-4{

    padding-top: 10px;

    padding-bottom: 10px;

}



.blog-page .blog-item{

    width: 100%;

    display: inline-block;

    padding: 0;

    margin: 12px 0px;

    position: relative;

}



.blog-page .blog-item span{

    width: 100%;

    position: relative;

    display: block;

    height: 280px;

    background: var(--BlueColor);

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    overflow: hidden;

}





.blog-page .blog-item span img{

    width: 100%;

    height: 280px;

    object-fit: cover;

    transition-duration: 0.3s;

}



.blog-page .blog-item span i{

    position: absolute;

    left: 50%;

    top: 40%;

    margin-top: -11px;

    margin-left: -11px;

    font-size: 22px;

    color: #fff;

    transition-duration: 0.3s;

    z-index: 995;

    opacity: 0;

}



.blog-page .blog-item h5{

    width: 100%;

    background: var(--LightBgColor);

    height: 70px;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    display: table;

    padding: 0px 15px;

    margin: 0;

    font-size: 16px;

    line-height: 22px;

}



.blog-page .blog-item h5 font{

    width: 100%;

    display: table-cell;

    vertical-align: middle;

}



.blog-page .blog-item:hover span img{

    opacity: 0.2;

}



.blog-page .blog-item:hover span i{

    opacity: 1;

    top: 50%;

}



.blog-single-page .col-lg-8 p{

    text-align: justify;

}



.blog-single-page .col-lg-8 .blog-singletitle{

    width: 100%;

    padding: 0;

    margin: 0px 0px 25px 0px;

    line-height: normal;

    font-size: 30px;

}



.blog-single-page .col-lg-4 .blog-image{

    width: 100%;

    display: inline-block;

    padding: 0;

    margin: 0;

    border-radius: 8px;

    overflow: hidden;

    margin-bottom: 30px;

}



.blog-single-page .col-lg-4 .blog-image img{

    width: 100%;

    height: auto;

}



.blog-single-page .col-lg-4 .recent-blog-posts{

    width: 100%;

    padding: 0;

    margin: 0;

    position: relative;

}



.blog-single-page .col-lg-4 .recent-blog-posts h4{

    width: 100%;

    background: var(--BlueColor2);

    padding: 10px 0px;

    margin: 0px 0px 20px 0px;

    text-align: center;

    font-size: 20px;

    color: #ffffff;

    border-radius: 4px;

    position: relative;

}



.blog-single-page .col-lg-4 .recent-blog-posts ul{

    width: 100%;

    padding: 0;

    margin: 0;

}



.blog-single-page .col-lg-4 .recent-blog-posts ul li{

    list-style: none;

    padding: 0px 0px 0px 25px;

    margin: 0px 0px 14px 0px;

    position: relative;

}



.blog-single-page .col-lg-4 .recent-blog-posts ul li i{

    position: absolute;

    left: 0px;

    top: 4px;

    font-size: 16px;

    color: var(--BlueColor);

}



.blog-single-page .col-lg-4 .recent-blog-posts ul li a{

    color: var(--textcolor);

    padding: 0;

    margin: 0;

    font-size: 16px;

    font-weight: 500;

}



.blog-single-page .col-lg-4 .recent-blog-posts ul li a:hover{

    color: var(--BlueColor2);

}



.about-top-content-con{

    margin-top: 100px;

}



.about-top-content-con .col-lg-7 p{

    text-align: justify;

}



.about-top-content-con .col-lg-7 p:last-child{

    margin: 0;

    padding: 0;

}



.about-top-content-con .col-lg-5 .about-image{

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

    display: inline-block;

    margin-top: 6px;

}



.about-top-content-con .col-lg-5 .about-image img{

    width: 100%;

    height: 430px;

    object-fit: cover;

}



.about-middle-content-con{

    width: 100%;

    background: var(--LightBgColor);

    padding: 80px 0px;

    margin: 80px 0px 0px 0px;

}



.about-middle-content-con .col-lg-3 p{

    text-align: center;

    padding: 0;

    margin: 0;

    width: 100%;

    line-height: 24px;

}



.about-middle-content-con .col-lg-3 h5{

    width: 100%;

    font-size: 18px;

    padding: 0;

    margin: 0px 0px 8px 0px;

    text-align: center;

    color: var(--BlueColor2);

}



.about-middle-content-con h3{

    width: 100%;

    text-align: center;

    padding: 0;

    margin: 0px 0px 25px 0px;

    font-size: 30px;

}



.about-middle-content-con .col-lg-3 span{

    width: 100px;

    height: 100px;

    border-radius: 50%;

    border: 2px solid var(--BlueColor2);

    display: inline-block;

    position: relative;

    left: 50%;

    margin-left: -50px;

    margin-bottom: 10px;

}



.about-middle-content-con .col-lg-3 span img{

    width: 96px;

    height: 96px;

    object-fit: cover;

}



.about-bottom-content-con{

    margin-top: 80px;

    margin-bottom: 100px;

}



.about-bottom-content-con .col-lg-5 img{

    width: 100%;

    border-radius: 8px;

    object-fit: cover;

    height: 550px;

}



.about-bottom-content-con .col-lg-7 h4{

    width: 100%;

    padding: 0;

    margin: 0px 0px 10px 0px;

    font-size: 22px;

}



.about-bottom-content-con .col-lg-7 ul{

    width: 100%;

    padding: 0;

    margin: 0;

}



.about-bottom-content-con .col-lg-7 ul li{

    list-style: none;

    padding: 0px 0px 0px 35px;

    margin: 0px 0px 12px 0px;

    color: var(--textcolor);

    position: relative;

}



.about-bottom-content-con .col-lg-7 ul li::before{

    width: 16px;

    height: 12px;

    background: url(../images/tick-service.png) no-repeat;

    position: absolute;

    left: 4px;

    top: 6px;

    content: '';

}



.about-bottom-content-con .col-lg-7 ul li:last-child{

    margin-bottom: 0px;

}



.about-bottom-content-con .col-lg-7 ul li strong{

    font-weight: 500;

}



.privacy-page ul{

    width: 100%;

    padding: 0;

    margin: 0;

}



.privacy-page ul li{

    list-style: none;

    padding: 0px 0px 0px 30px;

    margin: 0px 0px 12px 0px;

    color: var(--textcolor);

    position: relative;

}



.privacy-page ul li::before{

    width: 16px;

    height: 12px;

    background: url(../images/tick-service.png) no-repeat;

    position: absolute;

    left: 0px;

    top: 6px;

    content: '';

}



.privacy-page ul li:last-child{

    margin-bottom: 0px;

}



.privacy-page ul li strong{

    font-weight: 500;

}



.privacy-page h4{

    width: 100%;

    padding: 0;

    margin: 30px 0px 10px 0px;

    font-size: 20px;

}



.careers-page .col-lg-6 img{

    width: 100%;

    height: auto;

}



.careers-page .col-lg-6 .col-lg-12 input[type = text],

.careers-page .col-lg-6 .col-lg-12 input[type = email]{

    width: 100%;

    padding: 0px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.careers-page .col-lg-6 .col-lg-12 input[type = file]{

    width: 100%;

    padding: 2px 0px 0px 2px;

    margin: 0;

    font-size: 15px;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.careers-page .col-lg-6 .col-lg-12 textarea{

    width: 100%;

    padding: 0px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 90px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.careers-page .col-lg-6 .col-lg-12 input[type = text]:focus,

.careers-page .col-lg-6 .col-lg-12 input[type = email]:focus,

.careers-page .col-lg-6 .col-lg-12 textarea:focus{

    border-color: var(--BlueColor2);

}



.careers-page .col-lg-6 .col-lg-12 label{

    width: 100%;

    font-size: 15px;

    font-weight: 500;

    color: var(--textcolor);

}



.careers-page .col-lg-6 .col-lg-12 p{

    padding: 0;

    margin: 0;

}



.wpcf7-not-valid-tip{

    font-size: 12px;

}



.wpcf7 form .wpcf7-response-output{

    padding: 4px 0px;

    margin: 10px 0px 0px 0px;

    text-align: center;

    font-size: 14px;

}





.careers-page .col-lg-6 .submitbtn{

    width: 100%;

    background: rgba(16,73,186,1);

    background: -moz-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,73,186,1)), color-stop(100%, rgba(20,150,236,1)));

    background: -webkit-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -o-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -ms-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: linear-gradient(to right, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );

    line-height: 40px;

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding: 0px 34px;

    border-radius: 20px;

    transition-duration: 0.3s;

    border: none;

    outline: none;

    position: relative;

    margin-top: 8px;

}



.careers-page .col-lg-6 .submitbtn:hover{

    background: rgba(20,150,236,1);

    background: -moz-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,150,236,1)), color-stop(100%, rgba(16,73,186,1)));

    background: -webkit-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -o-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -ms-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: linear-gradient(to right, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );

    color: #fff;

}



.careers-page .col-lg-6 .col-lg-12{

    padding-bottom: 10px;

}



.careers-page .col-lg-6 .col-lg-12:nth-child(4){

    padding-bottom: 3px;

}



.careers-page .col-lg-7 p{

    text-align: center;

    padding: 0;

    margin: 0ox 0px 45px 0px;

}



.careers-page .col-lg-7 h2{

    text-align: center;

    padding: 0;

    margin: 0px 0px 10px 0px;

    font-size: 28px;

    width: 100%;

}



.single-service-item .col-lg-8 p{

    text-align: justify;

}



.single-service-item .col-lg-8 p:last-child{

    margin-bottom: 0px;

}



.single-service-item .col-lg-8 h5,

.blog-single-page .col-lg-8 h5{

    width: 100%;

    padding: 0;

    margin: 0px 0px 4px 0px;

}



.single-service-item .col-lg-8 ul,

.blog-single-page .col-lg-8 ul{

    width: 100%;

    padding: 0px 0px 0px 20px;

    margin: 0px 0px 20px 0px;

}



.single-service-item .col-lg-8 ul li,

.blog-single-page .col-lg-8 ul li{

    color: var(--textcolor);

    padding: 0;

    margin: 0px 0px 10px 0px;

}



.single-service-item .col-lg-8 ul li:last-child,

.blog-single-page .col-lg-8 ul li:last-child{

    margin-bottom: 0px;

}



.single-service-item .col-lg-4 img{

    width: 100%;

    height: auto;

    border-radius: 4px;

}



.service-enquiry-form{

    width: 100%;

    border: 2px solid var(--BlueColor);

    display: block;

    border-radius: 4px;

    padding: 30px 20px;

}



.service-image{

    margin-bottom: 30px;

}



.service-enquiry-form .col-lg-12{

    position: relative;

    padding-bottom: 12px;

}



.service-enquiry-form .col-lg-12:last-child{

    padding-bottom: 0px;

}



.service-enquiry-form .col-lg-12 p{

    padding: 0;

    margin: 0;

    line-height: normal;

}





.service-enquiry-form .col-lg-12 input[type = text],

.service-enquiry-form .col-lg-12 input[type = email]{

    width: 100%;

    padding: 0px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.service-enquiry-form .col-lg-12 textarea{

    width: 100%;

    padding: 10px 0px 0px 15px;

    margin: 0;

    font-size: 15px;

    height: 80px;

    border-radius: 3px;

    border: 1px solid #cccccc;

    color: var(--textcolor);

    outline: none;

    transition-duration: 0.3s;

}



.service-enquiry-form .col-lg-12 input[type = text]:focus,

.service-enquiry-form .col-lg-12 input[type = email]:focus,

.service-enquiry-form .col-lg-12 textarea:focus{

    border-color: var(--BlueColor);

}



.service-enquiry-form .col-lg-12 .submit-btn{

    width: 100%;

    background: rgba(16,73,186,1);

    background: -moz-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,73,186,1)), color-stop(100%, rgba(20,150,236,1)));

    background: -webkit-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -o-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: -ms-linear-gradient(left, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    background: linear-gradient(to right, rgba(16,73,186,1) 0%, rgba(20,150,236,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );

    line-height: 40px;

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding: 0px 34px;

    border-radius: 4px;

    transition-duration: 0.3s;

    border: none;

    outline: none;

    position: relative;

}



.service-enquiry-form .col-lg-12 .submit-btn:hover{

    background: rgba(20,150,236,1);

    background: -moz-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,150,236,1)), color-stop(100%, rgba(16,73,186,1)));

    background: -webkit-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -o-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: -ms-linear-gradient(left, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    background: linear-gradient(to right, rgba(20,150,236,1) 0%, rgba(16,73,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );

    color: #fff;

}



.service-enquiry-form h3{

    width: 100%;

    text-align: center;

    padding: 0;

    margin: 0px 0px 10px 0px;

    font-size: 28px;

    text-transform: uppercase;

}



.grecaptcha-badge { 

    visibility: hidden !important;

    display: none !important;

}



.blog-page .blog-item span img.link-icon {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-top: -11px;
    margin-left: -11px;
    font-size: 22px;
    color: #fff;
    transition-duration: 0.3s;
    z-index: 995;
    opacity: 0;
    width: 20px;
    height: 16px;
}

.blog-page .blog-item:hover span img.link-icon {
    opacity: 1;
    top: 50%;
}


.contact-rightside-con .contact-item-con .contact-icon img {
    width: 20px;
}




.burger-btn {
    display: none;
}

.overlay {
    display: none;
}

.header-fixed-wrap .header-col2 {
    display: inline-block;
    width: auto;
    padding: 10px 20px 0;
}

.header-fixed-wrap .header-col2 .header-menu {
    width: 100%;
}

.header-fixed-wrap .header-col2 .header-menu ul {
    padding: 0;
    list-style: none;
    margin: 0 0 0;
}

.header-fixed-wrap .header-col2 .header-menu ul li {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
}

.header-fixed-wrap .row {
    justify-content: space-between;
    align-items: center;
}

.header-fixed-wrap .header-col2 .header-menu ul li a {
    display: block;
    padding: 10px 24px;
    color: #0f0f0f;
}

.header-fixed-wrap .header-col2 .header-menu ul li a:hover {
    color: #162578;
}


.header-fixed-wrap .header-col2 .header-menu ul li ul.sub-menu {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.header-fixed-wrap .header-col2 .header-menu ul li ul.sub-menu li {
    display: block;
    padding: 0;
}




.innerpage-content-con .everest-forms {
    width: 100%;
}
.innerpage-content-con .everest-forms .evf-container {
    margin-bottom: 0;
}

.innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid {
    padding: 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field {
    width: 48%;
}

.innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field:last-child {
    width: 100%;
}

.innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field input {
    width: 100%;
    padding: 0px 0px 0px 15px;
    margin: 0 0 7px;
    font-size: 15px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: var(--textcolor);
    outline: none;
    transition-duration: 0.3s;
}

.innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field textarea {
    width: 100%;
    padding: 15px 0px 0px 15px;
    margin: 0;
    font-size: 15px;
    height: 155px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: var(--textcolor);
    outline: none;
    transition-duration: 0.3s;
}

.innerpage-content-con .everest-forms .evf-container .evf-submit-container {
    padding: 0 0 0;
}

.innerpage-content-con .everest-forms .evf-container .evf-submit-container button {
    width: fit-content;
    background: rgba(16, 73, 186, 1);
    background: -moz-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 73, 186, 1)), color-stop(100%, rgba(20, 150, 236, 1)));
    background: -webkit-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -o-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -ms-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: linear-gradient(to right, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );
    line-height: 40px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 0px 34px;
    border-radius: 20px;
    transition-duration: 0.3s;
    border: none;
    outline: none;
    position: relative;
}

.innerpage-content-con .everest-forms .evf-container .evf-submit-container button:hover {
    background: rgba(20, 150, 236, 1);
    background: -moz-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20, 150, 236, 1)), color-stop(100%, rgba(16, 73, 186, 1)));
    background: -webkit-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -o-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -ms-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: linear-gradient(to right, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );
    color: #fff;
}



.service-enquiry-form .everest-forms {
    width: 100%;
}

.service-enquiry-form .everest-forms .evf-field-container .evf-frontend-grid { padding: 0 0 0;}
.service-enquiry-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field{width: 100% !important;}
.service-enquiry-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field input {
    width: 100%;
    padding: 0px 0px 0px 15px;
    margin: 0;
    font-size: 15px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: var(--textcolor);
    outline: none;
    transition-duration: 0.3s;
}

.service-enquiry-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field textarea {
    width: 100%;
    padding: 10px 0px 0px 15px;
    margin: 0;
    font-size: 15px;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: var(--textcolor);
    outline: none;
    transition-duration: 0.3s;
}

.service-enquiry-form .everest-forms  .evf-submit-container {
    padding: 0 0 0;
}

.service-enquiry-form .everest-forms .evf-submit-container button {
    width: 100%;
    background: rgba(16, 73, 186, 1);
    background: -moz-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 73, 186, 1)), color-stop(100%, rgba(20, 150, 236, 1)));
    background: -webkit-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -o-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -ms-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: linear-gradient(to right, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );
    line-height: 40px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 0px 34px;
    border-radius: 4px;
    transition-duration: 0.3s;
    border: none;
    outline: none;
    position: relative;
}

.service-enquiry-form .everest-forms .evf-submit-container button:hover {
    background: rgba(20, 150, 236, 1);
    background: -moz-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20, 150, 236, 1)), color-stop(100%, rgba(16, 73, 186, 1)));
    background: -webkit-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -o-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: -ms-linear-gradient(left, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    background: linear-gradient(to right, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );
    color: #fff;
    transition: all .25s ease-in-out;
}

.service-enquiry-form .everest-forms .evf-container {
    margin-bottom: 0;
}


.blog-single-page .col-lg-4 .recent-blog-posts ul li .tick {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
}


.innerpage-content-con.careers-page .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field {
    width: 100%;
}

.innerpage-content-con.careers-page .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field textarea {
    height: 90px;
}


.error-page-section {padding: 60px 0;text-align: center;}
.error-page-section h1 {font-size: 60px;color: var(--headingColor);margin: 0 0 20px;font-weight: 500;}
.error-page-section h2 {font-size: 28px; margin: 0 0 20px;}
.error-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.error-page-section .search-form {width: auto;max-width: 420px;display: flex;flex-wrap: wrap;margin: 0 auto;}
.error-page-section .search-form input {width: 100%;height: 50px;border: 1px solid #cccccc;border-radius: 3px;padding: 0px 20px;background: no-repeat;margin: 0 10px 0 0;flex: 1 0 0;}
.error-page-section .search-form .search-submit {width: fit-content;
    background: rgba(16, 73, 186, 1);
    background: -moz-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 73, 186, 1)), color-stop(100%, rgba(20, 150, 236, 1)));
    background: -webkit-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -o-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -ms-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: linear-gradient(to right, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );
    line-height: 40px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 0px 34px;
    border-radius: 50px;
    transition-duration: 0.3s;
    border: none;
    outline: none;
    position: relative;}
.error-page-section .search-form .search-submit .screen-reader-text {font-size: 16px;clip: inherit;clip-path: inherit;position: relative !important;transition: all .25s ease-in-out;}
.error-page-section .search-form .search-submit:hover {    background: linear-gradient(to right, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );
    color: #fff;}

.error-page-section .search-form input::placeholder{color:var(--primary-color);}



.search-page-section {padding: 60px 0 0;}
.search-page-section h1 { font-size: 32px; margin: 0 0 20px;}
.search-page-section h3 { font-size: 28px; margin: 0 0 20px;}
.search-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.search-page-section .search-btn1 {width: fit-content;
    background: rgba(16, 73, 186, 1);
    background: -moz-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 73, 186, 1)), color-stop(100%, rgba(20, 150, 236, 1)));
    background: -webkit-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -o-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: -ms-linear-gradient(left, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    background: linear-gradient(to right, rgba(16, 73, 186, 1) 0%, rgba(20, 150, 236, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1049ba', endColorstr='#1496ec', GradientType=1 );
    line-height: 40px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 0px 34px;
    border-radius: 50px;
    transition-duration: 0.3s;
    border: none;
    outline: none;
    position: relative;}
.search-page-section .search-btn1:hover {background: linear-gradient(to right, rgba(20, 150, 236, 1) 0%, rgba(16, 73, 186, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1496ec', endColorstr='#1049ba', GradientType=1 );
    color: #fff;}
.search-page-section .search-page-card { width: 100%;  margin: 0 0 50px;}


.defualt-page-section {padding: 80px 0 60px;}
.defualt-page-section h2 { font-size: 28px; margin: 0 0 20px;}

.defualt-page-section h4 {
    margin: 0 0 20px;
}

.defualt-page-section ul li {
    color: var(--textcolor);
}

.defualt-page-section ol li {
    color: var(--textcolor);
}

.ourpartners-scroll .partners-logo-scroll {
    margin: 30px 0 0;
}


@media screen and (max-width: 1200px) {
    .header-fixed-wrap .header-col2 .header-menu ul li a {
        padding: 10px 15px;
    }
    
    .header-fixed-wrap .logo img {
        width: 100%;
    }

}

@media screen and (max-width: 1024px) {

	.banner-wrapper-div{

        width: 100%;

        overflow: hidden;

    }



    .banner-wrapper-div .banner-image-con img,

    .banner-wrapper-div .banner-image-con{

        height: 404px;

        width: 404px;

    }



    .banner-wrapper-div .bannercaption-wrap .bannercaption-middlealign h1{

        font-size: 48px;

    }



    .banner-wrapper-div .bannercaption-wrap{

        height: 404px;

    }



    .header-fixed-wrap .hotline-number h4{

        font-size: 18px;

    }



    .ourservices-scroll-wrapper h2,

    .welcometext-wrapper .col-lg-7 h2,

    .whychoose-us-wrapper h2,

    .ourpartners-scroll .col-lg-9 h2{

        font-size: 38px;

        line-height: 44px;

        padding-left: 90px;

    }



    .ourservices-scroll-wrapper h2 span,

    .welcometext-wrapper .col-lg-7 h2 span,

    .whychoose-us-wrapper h2 span,

    .ourpartners-scroll .col-lg-9 h2 span{

        width: 75px;

        height: 75px;

    }



    .ourservices-scroll-wrapper h2 span img,

    .welcometext-wrapper .col-lg-7 h2 span img,

    .whychoose-us-wrapper h2 span img,

    .ourpartners-scroll .col-lg-9 h2 span img{

        width: 71px ;

        height: 71px ;

    }



    .ourservices-scroll-wrapper .solutions-heading-text{

        padding-left: 0px;

    }


    .header-fixed-wrap .header-col2 .header-menu ul li a {
        padding: 10px 15px;
    }
    
    .f-nav .header-fixed-wrap .logo img {
        width: 100%;
    }
    

}


@media screen and (max-width:992px) {
.header-fixed-wrap .header-col2 {
    display: none;
}

.header-fixed-wrap .hotline-number h6 {
    display: none;
}

.header-fixed-wrap .hotline-number h4 {
    display: none;
}

.header-fixed-wrap .hotline-number {
    margin: 0 0;
    display: block;
    padding: 0 85px 0 0;
}

.header-fixed-wrap .hotline-number span {
    position: relative;
}


.overlay {display: block;position: fixed;right: 0;top: 0;width: 350px;height: 100%;background: linear-gradient(90deg, rgba(22,37,120,1) 0%, rgba(22,147,240,1) 100%);background-size: 300% 100%;z-index: 9999;padding: 110px 5% 50px;transform:translateX(100%);opacity: 0;visibility: hidden;transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay.show{ transform:translateX(0); opacity: 1; visibility: visible;}
.overlay ul {width: 100%;}
.overlay ul {width: 100%;padding: 0;list-style: none;}
.overlay ul li a { color: #ffffff; display: block; padding: 12px 0;}
.overlay ul li { font-size: 18px; border-bottom: 1px solid #dadada;}
.overlay ul li a:hover { color: var(--secondary-color) !important;}
.burger-btn {display: block;position: fixed;width: 40px;height: 30px;right: 5%;top: 49px;z-index: 99999;overflow: hidden;}
.burger-btn span {display: block;width: 100%;height: 3px;background: #162578;background-size: 300% 100%;border-radius: 5px;transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn:hover span{background-position: 50% 0;}
.burger-btn .active span { background: #ffffff;}
.burger-btn span:nth-child(2n) { margin: 9px 0; transition: all 0.5s cubic-bezier(.22,.68,0,1.71);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: start;}
.burger-btn .active span:nth-child(2n) { transform: translateX(200%);}
.burger-btn .active span:first-child { transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);}
body:after { content: ""; display: block; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 40%); z-index: 9; transform: translateX(100%); opacity: 0; visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
body.menu-open:after{ transform:translateX(0); opacity: 1; visibility: visible;}
body.menu-open{  overflow-y: hidden;}
.overlay ul ul.sub-menu li {border: none; padding-left: 20px; position: relative;  color: var(--primary-color);}
.overlay ul ul.sub-menu li:before {  content: "-"; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
.overlay ul li.has-sub > a {background: url(../images/chevron-down-white.svg) no-repeat center / 14px; background-position-x: 95%;}
.overlay ul li.has-sub > a:hover {background: url(../images/chevron-down-grey.svg) no-repeat center / 14px; background-position-x: 95%;}
.f-nav .burger-btn {
    top: 28px;
}

}


@media screen and (max-width: 980px) {

    .header-fixed-wrap .hotline-number{

        width: auto;

        float: right;

    }



    .banner-wrapper-div .banner-images:before,

    .banner-wrapper-div .banner-images:after,

    .banner-wrapper-div .banner-images .excellence-image,

    .banner-wrapper-div .mouse-wrapper,

    .banner-wrapper-div .bannercaption-wrap .bannercaption-middlealign h1 br,

    .ourservices-scroll-wrapper h2 span,

    .ourservices-scroll-wrapper .solutions-heading-text a,

    .welcometext-wrapper .col-lg-7 h2 span,

    .testimonials-wrapper .col-lg-9 h2 span,

    .testimonials-wrapper .col-lg-3 a,

    .whychoose-us-wrapper h2 span,

    .ourpartners-scroll .col-lg-3 a.readmore-btn,

    .ourpartners-scroll .col-lg-9 h2 span,

    .footer-top-contacts,

    .footer-menus .footer-links,

    .careers-page .col-lg-6 img{

        display: none;

        visibility: hidden;

    }



    .f-nav .header-fixed-wrap{

        padding-bottom: 4px;

    }



    .banner-btm-div .col-lg-3 a h5{

        padding: 0px;

        text-align: center;

        padding-top: 60px;

        font-size: 16px;

    }



    .banner-btm-div .col-lg-3 a h5 img{

        top: 0px;

        left: 50%;

        margin-left: -27px;

    }



    .banner-btm-div .col-lg-3 a{

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .banner-btm-div .col-lg-3:after{

        top: 22px;

    }



    .banner-wrapper-div .banner-image-con{

        width: 100%;

        height: auto;

        border-radius: 10px;

    }



    .banner-wrapper-div .banner-image-con img{

        width: 100%;

        height: 450px;

    }



    .banner-wrapper-div{

        padding-bottom: 15px;

    }



    .banner-wrapper-div .bannercaption-wrap .bannercaption-middlealign{

        padding-right: 0px;

        text-align: center;

    }



    .banner-wrapper-div{

        padding-top: 125px;

    }



    .ourservices-scroll-wrapper h2,

    .testimonials-wrapper .col-lg-9 h2,

    .whychoose-us-wrapper h2,

    .ourpartners-scroll .col-lg-9 h2{

        padding-left: 0px;

        text-align: center;

        font-size: 38px;

        line-height: 44px;

    }



    .ourservices-scroll-wrapper .solutions-heading-text{

        padding-right: 0px;

        text-align: center;

        height: auto;

        margin-top: 15px;

    }



    .welcometext-wrapper .col-lg-7 h2{

        padding-left: 0px;

        text-align: center;

        margin-top: 45px;

    }



    .downloadbrochure-con .col-lg-9 span{

        height: auto;

        text-align: center;

        padding-left: 0px;

        padding-right: 0px;

    }



    .downloadbrochure-con .col-lg-9 span h3{

        padding: 75px 0px 25px 0px;

        margin: 0;

    }



    .downloadbrochure-con .col-lg-3{

        text-align: center;

    }



    .downloadbrochure-con .col-lg-3 a{

        float: none;

        clear: both;

        display: inline-block;

        margin: 0px;

    }



    .downloadbrochure-con .col-lg-9 span h3::before{

        left: 50%;

        margin-left: -33px;

        margin-top: 0px;

        top: 0px;

    }



    .downloadbrochure-con{

        padding-top: 25px;

        padding-bottom: 25px;

    }



    .whychoose-us-wrapper .col-lg-5 img{

        margin-top: 45px;

    }



    .footer-menus .col-lg-3:nth-child(1) span{

        width: 100%;

        text-align: center;

        display: block;

    }



    .footer-menus .col-lg-3.getconnected {

        width: 100%;

        text-align: center;

        display: block;

        margin-top: 45px;

    }



    .send-message-con{

        margin-top: 60px;

    }



    .services-single .service-image,

    .services-single .serviceinclude-image{

        margin-top: 45px;

    }



    .services-single .serviceinclude-image img{

        height: auto;

    }



    .blog-single-page .col-lg-4 .blog-image{

        margin-top: 30px;

    }



    .about-top-content-con .col-lg-5 .about-image img,

    .about-bottom-content-con .col-lg-5 img{

        height: auto;

    }



    .about-top-content-con .col-lg-5 .about-image{

        margin-top: 30px;

        display: block;

    }



    .about-bottom-content-con .col-lg-5 img{

        margin-bottom: 30px;

    }



    .service-image{

        margin-top: 45px;

    }

    

}


@media screen and (max-width:767px) {
.header-fixed-wrap .logo {
    width: 220px;
}

.header-fixed-wrap {
    top: 20px;
}

.innerpage-banner {
    margin-top: 93px;
}

.burger-btn {
    top: 33px;
}


}


@media screen and (max-width: 520px) {

    .header-fixed-wrap .hotline-number h6,

    .header-fixed-wrap .hotline-number h4,

    .banner-btm-div .col-lg-3:after,

    .downloadbrochure-con .col-lg-9 span h3 br{

        display: none;

        visibility: hidden;

    }



	.header-fixed-wrap .header-logo img,

    .f-nav .header-fixed-wrap .header-logo img {

        width: auto;

        height: 35px;

    }





    .header-fixed-wrap .col-lg-6{

        padding-top: 0px !important;

    }



    .header-fixed-wrap{

        top: 15px;

    }



    .header-fixed-wrap .hotline-number span{

        width: 35px;

        height: 35px;

    }



    .header-fixed-wrap .hotline-number span img{

        width: 35px;

        height: 35px;

    }



    .header-fixed-wrap .hotline-number span{

        position: relative;

    }



    section,

    .banner-wrapper-div{

        width: 100%;

        overflow: hidden;

    }



    .banner-btm-div .col-lg-3:nth-child(1),

    .banner-btm-div .col-lg-3:nth-child(2){

        border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    }



    .banner-btm-div .col-lg-3:nth-child(1),

    .banner-btm-div .col-lg-3:nth-child(3){

        border-right: 1px solid rgba(255, 255, 255, 0.2);

    }



    .f-nav .header-fixed-wrap{

        padding-bottom: 0px;

    }



    .ourservices-scroll-wrapper h2, 

    .testimonials-wrapper .col-lg-9 h2, 

    .whychoose-us-wrapper h2, 

    .ourpartners-scroll .col-lg-9 h2,

    .welcometext-wrapper .col-lg-7 h2 {

        padding-left: 0px;

        text-align: center;

        font-size: 30px;

        line-height: 36px;

    }



    .ourservices-scroll-wrapper,

    .welcometext-wrapper,

    .testimonials-wrapper,

    .whychoose-us-wrapper,

    .ourpartners-scroll{

        margin-top: 70px;
        margin-bottom: 70px;

    }



    .welcometext-wrapper,

    .ourpartners-scroll{

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .welcometext-wrapper .col-lg-5 img,

    .whychoose-us-wrapper .col-lg-5 img{

        height: auto;

    }



    .downloadbrochure-con{

       margin-top: 0px;

    }



    .downloadbrochure-con{

        padding: 30px 20px;

    }



    .downloadbrochure-con .col-lg-9 span h3{

        font-size: 16px;

        line-height: 24px;

    }



    .footer-wrapper-div .footer-credencials p,

    .footer-wrapper-div .footer-credencials .col-lg-6:last-child p{

        text-align: center;

        margin: 5px 0px;

    }



    .footer-wrapper-div .footer-credencials{

        padding: 15px 0px;

    }



    .footer-wrapper-div .footer-menus .col-lg-3 img{

        height: 120px;

    }



    .banner-wrapper-div .bannercaption-wrap .bannercaption-middlealign h1{

        font-size: 34px;

    }



    .banner-wrapper-div{

        padding-top: 50px;

    }



    .innerpage-content-con{

        margin-top: 70px;

        margin-bottom: 70px;

    }



    .googlemaps-div{

        margin-top: 70px;

    }



    .contact-rightside-con .contact-item-con .contact-icon{

        width: 54px;

        height: 54px;

        line-height: 50px;

    }



    .contact-rightside-con .contact-item-con{

        padding: 0px 10px;

    }



    .contact-rightside-con .contact-item-con span{

        padding-left: 70px;

    }



    .header-fixed-wrap .hotline-number{

        margin-top: 0px;
        padding: 0 55px 0 0;

    }



    .header-fixed-wrap .col-lg-6{

        padding-top: 5px;

    }



    .innerpage-banner h2{

        font-size: 28px;

    }



    .innerpage-banner{

        min-height: 140px;
        margin-top: 75px;

    }

    .header-fixed-wrap .logo {
        width: 180px;
    }
    
    .burger-btn {
        top: 24px;
    }

    .f-nav .burger-btn {
        top: 24px;
    }



    .innerpage-banner img{

        height: 140px;

    }



    .whatsapp-iconbtn{

        right: 15px;

        bottom: 20px;

    }



    .services-single .row:nth-child(2){

        margin-top: 60px;

    }



    .blog-single-page .col-lg-8 .blog-singletitle{

        font-size: 22px;

    }



    .about-top-content-con,

    .about-middle-content-con{

        margin-top: 70px;

    }



    .about-middle-content-con{

        padding: 60px 0px;

    }



    .about-bottom-content-con{

        margin-bottom: 70px;

    }



    .about-middle-content-con h3 br{

        display: none;

        visibility: hidden;

    }



    .about-middle-content-con h3{

        font-size: 22px;

        line-height: 32px;

    }



    .about-middle-content-con .row .col-lg-3{

        margin-bottom: 25px;

    }



    .about-middle-content-con .row .col-lg-3:last-child{

        margin-bottom: 0px;

    }



    .careers-page .col-lg-7 h2{

        font-size: 24px;

    }



    .single-service-item .col-lg-8 h5{

        font-size: 18px;

    }


    .innerpage-content-con .everest-forms .evf-container .evf-field-container .evf-frontend-grid .evf-field {
        width: 100%;
    }

    .overlay {
        width: 100%;
    }

}


/* menu */
.menu-list li {
    position: relative;
}

.menu-list .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    min-width: 180px;
    display: none;
    /* Ensures it's hidden on load */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.menu-list li.has-sub:hover>.sub-menu {
    display: block;
    /* Shows submenu on hover (for desktop) */
}

.menu-list .sub-menu li {
    padding: 10px;
}

.menu-list .sub-menu li a {
    text-decoration: none;
    color: #333;
    display: block;
}

.menu-list .sub-menu li:hover {
    background: #f4f4f4;
}